Difference between revisions of "Team:Czech Republic/Template:Stylesheet"

 
(96 intermediate revisions by 2 users not shown)
Line 22: Line 22:
 
}
 
}
  
−
ul
+
#main-div ul, #main-div ol
 
{
 
{
−
     margin: 0.8em 0px;
+
     margin: 0px 0px 10px 0;
 
}
 
}
  
−
li
+
#main-div ol li
 
{
 
{
−
     margin-left: 1.5em;
+
     margin-left: 30px;
 
}
 
}
  
−
#bodyContent a[href^="https://"], .link-https
+
#main-div ul li
 
{
 
{
−
     padding-right: 0px;
+
    margin-left: 20px;
 +
    list-style: none;
 +
}
 +
 
 +
#main-div ul li:before
 +
{
 +
    content: "• ";
 +
    color: #CC1D24;
 +
    margin-left: -12px;
 +
     padding-right: 3px;
 +
    position: relative;
 +
    z-index: 5;
 +
}
 +
 
 +
#main-div ul.gallery li
 +
{
 +
    list-style: none;
 +
}
 +
 
 +
#main-div ul.gallery li:before
 +
{
 +
    content: ""
 +
}
 +
 
 +
.image
 +
{
 +
    position: relative;
 +
    z-index: 20;
 +
}
 +
 
 +
.break
 +
{
 +
    clear: both;
 +
}
 +
 
 +
#main-div .thumb.tright
 +
{
 +
    border: 0;
 +
    margin: 1em;
 +
}
 +
 
 +
#main-div .thumbinner
 +
{
 +
    padding: 0 !important;
 +
    border: 0;
 +
    background-color: transparent;
 +
}
 +
 
 +
#main-div .thumbinner a img
 +
{
 +
    border: 0;
 +
}
 +
 
 +
#main-div .thumb div
 +
{
 +
    background-color: transparent;
 +
}
 +
 
 +
#main-div .thumbcaption
 +
{
 +
    text-align: justify;
 +
    font-weight: 400;
 +
    font-size: 11px;
 +
    color: #505050;
 +
}
 +
 
 +
#main-div .thumbcaption .magnify
 +
{
 +
    display: none;
 +
}
 +
 
 +
#main-div dd
 +
{
 +
    margin-left: 0.2em;
 
}
 
}
  
Line 68: Line 141:
 
strong, b
 
strong, b
 
{
 
{
−
   color: #CC1D24;
+
   color: #000000;
 
   font-weight: 700;
 
   font-weight: 700;
 
}
 
}
  
−
h1, h2, h3, h4, h5, h6
+
header
 +
{
 +
    margin: 0 0 20px 0;
 +
    padding: 0;
 +
}
 +
 
 +
.info-box
 +
{
 +
}
 +
 
 +
.info-box .right h2
 +
{
 +
    margin-left: 0.25em;
 +
}
 +
 
 +
.info-box h2
 +
{
 +
    margin-top: 0;
 +
}
 +
 
 +
.toclevel-3, .toclevel-4, .toclevel-5
 +
{
 +
    display: none;
 +
}
 +
 
 +
#main-div header h1
 +
{
 +
    margin: 0;
 +
    font-size: 48px;
 +
    font-weight: 400;
 +
    text-transform: uppercase;
 +
    color: #303030;
 +
}
 +
 
 +
#main-div h1, #main-div h2
 
{
 
{
 
     clear: both;
 
     clear: both;
 
}
 
}
  
−
h6
+
#main-div h6
 
{
 
{
 
     font-weight: 400;
 
     font-weight: 400;
−
     font-size: 1.0em;
+
     font-size: 1.2em;
 +
    color: #303030;
 
}
 
}
  
−
h5
+
#main-div h5
 
{
 
{
 
     font-weight: 400;
 
     font-weight: 400;
−
     font-size: 1.1;
+
     font-size: 1.3em;
 +
    color: #303030;
 
}
 
}
  
−
h4
+
#main-div h4
 
{
 
{
 
     font-weight: 700;
 
     font-weight: 700;
−
     font-size: 1.2;
+
     font-size: 1.3em;
 +
    color: #303030;
 
}
 
}
  
−
h3
+
#main-div h3
 
{
 
{
 
     font-weight: 700;
 
     font-weight: 700;
−
     font-size: 1.4;
+
     font-size: 1.4em;
 +
    color: #303030;
 
}
 
}
  
−
h2
+
#main-div h2
 
{
 
{
 
     font-weight: 700;
 
     font-weight: 700;
−
     font-size: 1.6em;
+
     font-size: 1.5em;
 
}
 
}
  
−
h1
+
#main-div h1
 
{
 
{
 
     font-weight: 700;
 
     font-weight: 700;
 
     font-size: 1.8em;
 
     font-size: 1.8em;
 +
}
 +
 +
address
 +
{
 +
    font-style: normal;
 
}
 
}
  
Line 123: Line 239:
 
}
 
}
  
−
.mw-headline:after
+
h1 .mw-headline:after
 
{
 
{
 
     content: "";
 
     content: "";
Line 144: Line 260:
 
     border-top: 70px solid transparent;
 
     border-top: 70px solid transparent;
 
     margin-top: -70px;
 
     margin-top: -70px;
 +
    display: inline-block;
 +
}
 +
 +
.floatnone img
 +
{
 +
    margin: 5px 0 15px 0;
 
}
 
}
  
Line 160: Line 282:
 
{
 
{
 
     margin-top: 2px;
 
     margin-top: 2px;
−
     margin-bottom: 2px;
+
     margin-bottom: 10px;
 
     text-align: justify;
 
     text-align: justify;
 
     position: relative;
 
     position: relative;
Line 166: Line 288:
 
}
 
}
  
−
a, a:visited
+
#main-div a, #main-div a:visited,
 +
#main-div a.external, #main-div a.external:visited
 
{
 
{
 
     color: #CC1D24;
 
     color: #CC1D24;
 +
}
 +
 +
#main-div a.external
 +
{
 +
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAABmJLR0QAzAAdACT9W2pXAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH3wkQEC4amPZikgAAAP5JREFUKM+VkjtrAlEQhb97s5jVwgexsRCbBERThDwgRYr8Ba2sbLRLk9YmgbSC3XZbS3q7QCB2QrLpTG0hWIh2rhrWR6GEZffekAwMwwxzmJkzR3xkj/mvSU39AfA0jqEBPe3jNVAGFvs8BPICQAH0VdsEC4aZSkaBDDAAKoALxADzp8mPuLirM59M2+54cj547baAL6AAPAND5STHsjFTyepR/uQtd3vzCDSADlAEespJAELKOVBLF/PN75l7P3r/PAVGPnLCRzqWDcBmvW5kLs/6B5HIVZBV5Z8cy0ZI6a2Wy9JhIv4S2sanCE+ngM2Of0N1k+7RiD/K6FfbAqsCPj1oC/QAAAAAAElFTkSuQmCC)
 
}
 
}
  
Line 177: Line 305:
 
     padding: none;
 
     padding: none;
 
     color: #CC1D24;
 
     color: #CC1D24;
 +
}
 +
 +
hr
 +
{
 +
    margin: 1em 0 1.5em 0;
 
}
 
}
  
Line 202: Line 335:
 
@media screen and (min-width: 1800px)
 
@media screen and (min-width: 1800px)
 
{
 
{
−
#toc, .toc
+
#main-div #toc, #main-div .toc
 
{
 
{
 
     z-index: 98;
 
     z-index: 98;
Line 215: Line 348:
 
}
 
}
  
−
#toc, .toc
+
#main-div #toc, #main-div .toc
 
{
 
{
 
     border: none;
 
     border: none;
−
     background-color: white;
+
     background: transparent;
 
}
 
}
  
−
#toc #toctitle, .toc #toctitle
+
#main-div #toc #toctitle, #main-div .toc #toctitle
 
{
 
{
 
     text-align: left;
 
     text-align: left;
Line 227: Line 360:
 
}
 
}
  
−
#toc #toctitle h2, .toc #toctitle h2
+
#main-div #toc #toctitle h2, #main-div .toc #toctitle h2
 
{
 
{
 
     font-size: 120%;
 
     font-size: 120%;
Line 233: Line 366:
 
}
 
}
  
−
#toc li
+
#main-div #toc li
 
{
 
{
−
  margin-left: 0;
+
    margin-left: 0;
 +
    list-style: none;
 +
}
 +
 
 +
#main-div #toc ul li:before
 +
{
 +
    content: "";
 
}
 
}
  
Line 392: Line 531:
 
     left: 0;
 
     left: 0;
 
     margin: 0;
 
     margin: 0;
−
     padding: 80px 20px 40px 20px;
+
     padding: 45px 20px 40px 20px;
  
 
     width: 960px;
 
     width: 960px;
Line 405: Line 544:
 
     margin: 0;
 
     margin: 0;
 
     padding:0;
 
     padding:0;
 +
}
 +
 +
.left
 +
{
 +
    display: inline-block;
 +
    float: left;
 +
    width: 475px;
 +
}
 +
 +
.right
 +
{
 +
    display: inline-block;
 +
    float: right;
 +
    width: 475px;
 +
}
 +
 +
.left .mw-headline:after, .right .mw-headline:after
 +
{
 +
    width: 100px;
 +
    width: -webkit-calc(465px - 100%);
 +
    width: calc(465px - 100%);
 +
}
 +
 +
.visibility-toggle
 +
{
 +
    color: #CC1D24;
 +
    cursor: pointer;
 +
}
 +
 +
.visibility-toggle:hover
 +
{
 +
    text-decoration: underline;
 +
}
 +
 +
.thumb
 +
{
 +
    z-index: 5;
 +
    position: relative;
 +
}
 +
 +
video
 +
{
 +
    margin: 1em;
 
}
 
}
  
Line 424: Line 606:
 
#footer-container
 
#footer-container
 
{
 
{
−
     width: 80%;
+
     width: 100%;
  
−
     padding: 0 0 50px 0;
+
     padding: 4em 0 4em 0;
−
     margin: 0 auto;
+
     margin: 0 0;
 
}
 
}
  
−
#footer-left
+
#footer-right, #footer-left
 
{
 
{
 
     display: inline-block;
 
     display: inline-block;
 
     vertical-align: top;
 
     vertical-align: top;
−
     position: relative;
+
     margin: 0 8%
−
    width: 49%;
+
−
 
+
−
}
+
−
 
+
−
#footer-right
+
−
{
+
−
    display: inline-block;
+
−
    vertical-align: top;
+
−
    position: relative;
+
−
    width: 49%;
+
 
}
 
}
  
Line 455: Line 627:
 
     border: 0;
 
     border: 0;
 
     padding: 0;
 
     padding: 0;
−
     margin: 40px 0 30px 25%;
+
     margin: 0 0 2em;
  
 
     float: left;
 
     float: left;
Line 469: Line 641:
 
     line-height: 1em;
 
     line-height: 1em;
  
−
     margin: 0 0 8px 25%;
+
     margin: 0 0 3px;
 
     padding: 0;
 
     padding: 0;
  

Latest revision as of 15:18, 18 September 2015