Difference between revisions of "Template:Cologne-Duesseldorf/css"
| Line 83: | Line 83: | ||
} | } | ||
html { | html { | ||
| + | font-size:16px; | ||
} | } | ||
body { | body { | ||
| Line 164: | Line 165: | ||
position:relative; | position:relative; | ||
text-align: left;} | text-align: left;} | ||
| − | #bodyContent #ToC a[title=H1] { font-size:1. | + | #bodyContent #ToC a[title=H1] { font-size:1.125rem;} |
| − | #bodyContent #ToC a[title=H2] { font-size:0. | + | #bodyContent #ToC a[title=H2] { font-size:0.875rem;} |
| − | #bodyContent #ToC a[title=H3] { font-size:0. | + | #bodyContent #ToC a[title=H3] { font-size:0.750rem;} |
#bodyContent nav { | #bodyContent nav { | ||
| Line 225: | Line 226: | ||
color: #777; | color: #777; | ||
padding: 15px; | padding: 15px; | ||
| − | font-size: 0. | + | font-size: 0.875rem; |
font-weight: bold; | font-weight: bold; | ||
} | } | ||
| Line 379: | Line 380: | ||
} | } | ||
#bodyContent #sidebar ul li a { | #bodyContent #sidebar ul li a { | ||
| − | font-size: | + | font-size: 1rem; |
background: #1C1E1F; | background: #1C1E1F; | ||
color: #ccc; | color: #ccc; | ||
| Line 393: | Line 394: | ||
} | } | ||
#bodyContent #sidebar ul ul a { | #bodyContent #sidebar ul ul a { | ||
| − | font-size: | + | font-size: 1rem; |
background: #1C1E1F; | background: #1C1E1F; | ||
color: #ccc; | color: #ccc; | ||
| Line 494: | Line 495: | ||
} | } | ||
#bodyContent h1 { | #bodyContent h1 { | ||
| − | font-size: 2. | + | font-size: 2.986rem; |
margin: 20px 0; | margin: 20px 0; | ||
padding: 0; | padding: 0; | ||
| Line 502: | Line 503: | ||
#bodyContent h1{ | #bodyContent h1{ | ||
text-transform: uppercase; | text-transform: uppercase; | ||
| − | font-size: 6. | + | font-size: 6.854rem; |
border-left: 5px solid #149375; | border-left: 5px solid #149375; | ||
padding: 0 20px; | padding: 0 20px; | ||
| Line 509: | Line 510: | ||
#bodyContent h2 { | #bodyContent h2 { | ||
| − | font-size: 2. | + | font-size: 2.488rem; |
margin: 18px 0; | margin: 18px 0; | ||
padding: 0; | padding: 0; | ||
| Line 516: | Line 517: | ||
@media (min-width: 1024px) { | @media (min-width: 1024px) { | ||
#bodyContent h2{ | #bodyContent h2{ | ||
| − | font-size:4. | + | font-size:4.236rem; |
} | } | ||
} | } | ||
#bodyContent h3 { | #bodyContent h3 { | ||
| − | font-size: 2. | + | font-size: 2.074rem; |
margin: 16px 0; | margin: 16px 0; | ||
padding: 0; | padding: 0; | ||
| Line 528: | Line 529: | ||
@media (min-width: 1024px) { | @media (min-width: 1024px) { | ||
#bodyContent h3{ | #bodyContent h3{ | ||
| − | font-size:2. | + | font-size:2.618rem; |
} | } | ||
} | } | ||
#bodyContent h4 { | #bodyContent h4 { | ||
| − | font-size: 1. | + | font-size: 1.728rem; |
margin: 14px 0; | margin: 14px 0; | ||
padding: 0; | padding: 0; | ||
| Line 538: | Line 539: | ||
@media (min-width: 1024px) { | @media (min-width: 1024px) { | ||
#bodyContent h4{ | #bodyContent h4{ | ||
| − | font-size:1. | + | font-size:1.618rem; |
} | } | ||
} | } | ||
#bodyContent h5 { | #bodyContent h5 { | ||
| − | font-size: 1. | + | font-size: 1.44rem; |
margin: 12px 0; | margin: 12px 0; | ||
padding: 0; | padding: 0; | ||
} | } | ||
#bodyContent h6 { | #bodyContent h6 { | ||
| − | font-size: 1. | + | font-size: 1.2rem; |
margin: 10px 0; | margin: 10px 0; | ||
padding: 0; | padding: 0; | ||
| Line 553: | Line 554: | ||
#bodyContent p { | #bodyContent p { | ||
font-family: 'Quicksand', sans-serif; | font-family: 'Quicksand', sans-serif; | ||
| − | font-size: 1. | + | font-size: 1.250rem; |
text-align: justify; | text-align: justify; | ||
line-height: 1.5; | line-height: 1.5; | ||
| Line 584: | Line 585: | ||
text-decoration: none; | text-decoration: none; | ||
color: rgba(0, 0, 0, 0.5); | color: rgba(0, 0, 0, 0.5); | ||
| − | font-size: 1. | + | font-size: 1.250rem; |
} | } | ||
#bodyContent abbr[title],.explain[title] { | #bodyContent abbr[title],.explain[title] { | ||
| Line 618: | Line 619: | ||
#bodyContent figcaption { | #bodyContent figcaption { | ||
font-family: 'Quicksand', sans-serif; | font-family: 'Quicksand', sans-serif; | ||
| − | font-size: | + | font-size: 1rem; |
padding-left: 20px; | padding-left: 20px; | ||
font-style: italic; | font-style: italic; | ||
| Line 624: | Line 625: | ||
#bodyContent figcaption a{ | #bodyContent figcaption a{ | ||
| − | font-size: | + | font-size: 1rem; |
} | } | ||
| Line 760: | Line 761: | ||
} | } | ||
#bodyContent .panel p { | #bodyContent .panel p { | ||
| − | font-size: 1. | + | font-size: 1.125rem; |
} | } | ||
/************************************************************************ | /************************************************************************ | ||
| Line 795: | Line 796: | ||
font-weight: bold; | font-weight: bold; | ||
display: inline-block; | display: inline-block; | ||
| − | width: | + | width: 6rrem; |
} | } | ||
| Line 849: | Line 850: | ||
#bodyContent li { | #bodyContent li { | ||
font-family: 'Quicksand', sans-serif; | font-family: 'Quicksand', sans-serif; | ||
| − | font-size: | + | font-size: 1rem; |
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
line-height: 1.5; | line-height: 1.5; | ||
| − | padding-left: | + | padding-left: 1rem; |
| − | text-indent: -. | + | text-indent: -.7rem; |
} | } | ||
#bodyContent li::before { | #bodyContent li::before { | ||
| Line 863: | Line 864: | ||
#bodyContent a { | #bodyContent a { | ||
font-family: 'Quicksand', sans-serif; | font-family: 'Quicksand', sans-serif; | ||
| − | font-size: | + | font-size: 1rem; |
text-align: justify; | text-align: justify; | ||
line-height: 1.5; | line-height: 1.5; | ||
Revision as of 08:52, 30 October 2017
