Patriksletmo (Talk | contribs) |
Patriksletmo (Talk | contribs) |
||
(5 intermediate revisions by the same user not shown) | |||
Line 110: | Line 110: | ||
text-align: center; | text-align: center; | ||
− | width: | + | width: 19.5%; |
box-sizing: border-box; | box-sizing: border-box; | ||
} | } | ||
Line 181: | Line 181: | ||
} | } | ||
− | #HQ_page .content h1, .content h2, .content h3, .content h4, .content h5 { | + | #HQ_page .content h1, #HQ_page .content h2, #HQ_page .content h3, #HQ_page .content h4, #HQ_page .content h5 { |
font-family: 'Playfair Display', serif; | font-family: 'Playfair Display', serif; | ||
− | |||
margin-top: 10px; | margin-top: 10px; | ||
font-weight: 700; | font-weight: 700; | ||
+ | } | ||
+ | |||
+ | .content h1 span, .content h2 span, .content h3 span, .content h4 span { | ||
+ | font-size: 130%; | ||
} | } | ||
Line 199: | Line 202: | ||
} | } | ||
− | #HQ_page .content p { | + | #HQ_page .content p, #HQ_page .content li { |
font-family: 'Raleway', sans-serif; | font-family: 'Raleway', sans-serif; | ||
font-size: 110%; | font-size: 110%; | ||
Line 272: | Line 275: | ||
position: relative; | position: relative; | ||
left: 50%; | left: 50%; | ||
− | transform: | + | transform: translate3d(-50%,0,0); |
+ | -webkit-transform: translate3d(-50%,0,0); | ||
display: block; /* optional */ | display: block; /* optional */ | ||
Line 281: | Line 285: | ||
filter: gray; | filter: gray; | ||
− | -webkit-transition: -webkit-filter | + | -webkit-transition: -webkit-filter 0.4s; |
− | -moz-transition: filter | + | -moz-transition: filter 0.4s; |
− | -ms-transition: filter | + | -ms-transition: filter 0.4s; |
− | -o-transition: filter | + | -o-transition: filter 0.4s; |
− | transition: filter | + | transition: filter 0.4s; |
− | transition: -webkit-filter | + | transition: -webkit-filter 0.4s; |
} | } | ||
Line 410: | Line 414: | ||
padding-top: 12px; | padding-top: 12px; | ||
font-family: 'Raleway', sans-serif; | font-family: 'Raleway', sans-serif; | ||
+ | font-size: 14px; | ||
+ | } | ||
+ | |||
+ | #HQ_page .content #toc > ul li { | ||
font-size: 14px; | font-size: 14px; | ||
} | } | ||
Line 610: | Line 618: | ||
} | } | ||
− | .nb-line-l span { | + | .nb-line-l > span { |
position: absolute; | position: absolute; | ||
text-align: left; | text-align: left; | ||
Line 620: | Line 628: | ||
} | } | ||
− | .nb-line-r span { | + | .nb-line-r > span { |
position: absolute; | position: absolute; | ||
text-align: right; | text-align: right; | ||
Line 629: | Line 637: | ||
padding-left: 10px; | padding-left: 10px; | ||
padding-right: 20px; | padding-right: 20px; | ||
+ | } | ||
+ | |||
+ | .nb-line-l > span span, .nb-line-r > span span { | ||
+ | display: inline-block; | ||
+ | background: #000; | ||
+ | color: #FFF; | ||
+ | line-height: 18px; | ||
+ | width: 18px; | ||
+ | text-align: center; | ||
+ | border-radius: 9px; | ||
+ | } | ||
+ | |||
+ | span.with-content { | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | span.with-content:hover { | ||
+ | color: #019966; | ||
+ | } | ||
+ | |||
+ | span.with-content:hover span { | ||
+ | background-color: #019966; | ||
+ | } | ||
+ | |||
+ | .nb-details { | ||
+ | margin-top: -2px; | ||
+ | border-top: 2px solid #000; | ||
+ | border-bottom: 2px solid #000; | ||
+ | font-size: 12px; | ||
+ | padding: 20px; | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .nb-details img { | ||
+ | float: left; | ||
+ | max-width: 300px; | ||
+ | margin-right: 20px; | ||
+ | } | ||
+ | |||
+ | .nb-details > br { | ||
+ | clear: both; | ||
} | } | ||
Latest revision as of 18:40, 19 October 2016