Difference between revisions of "Team:EPF Lausanne/Test/css"
| Line 27: | Line 27: | ||
body { | body { | ||
| + | position: relative; | ||
font-family: 'Open Sans', sans-serif; | font-family: 'Open Sans', sans-serif; | ||
background-color: rgba(16,151,151,0.01); | background-color: rgba(16,151,151,0.01); | ||
| Line 182: | Line 183: | ||
font-weight: 600px; | font-weight: 600px; | ||
text-transform: uppercase; | text-transform: uppercase; | ||
| + | } | ||
| + | /* ========================================================================== | ||
| + | Protocols | ||
| + | ========================================================================== */ | ||
| + | .prot-section h1 { | ||
| + | text-align: center; | ||
| + | text-transform: uppercase; | ||
| + | font-weight: 600; | ||
| + | font-size: 26px; | ||
| + | color: #109897 | ||
| + | } | ||
| + | .prot-section h2 { | ||
| + | text-align: center; | ||
| + | color: #333333; | ||
| + | font-weight: 400; | ||
| + | margin: 0; | ||
| + | } | ||
| + | .prot-section h3 { | ||
| + | text-align: center; | ||
| + | text-transform: uppercase; | ||
| + | font-weight: 500; | ||
| + | font-size: 24px; | ||
| + | color: #981110; | ||
| + | } | ||
| + | .prot-section .panel { | ||
| + | padding-top: 40px; | ||
| + | color: #333; | ||
| + | background-color: white; | ||
| + | border-color: #ddd; | ||
| + | max-width: 90%; | ||
| + | margin-left: auto; | ||
| + | margin-right: auto; | ||
| + | } | ||
| + | .prot-section h4 { | ||
| + | font-size: 16px; | ||
| + | font-weight: 600; | ||
| + | } | ||
| + | .prot-section p { | ||
| + | text-align: justify; | ||
| + | font-size: 16px; | ||
| + | color: #2F2F2F; | ||
| + | } | ||
| + | .prot-section .panel p { | ||
| + | margin-left: 5px; | ||
| + | margin-right: 5px; | ||
| + | } | ||
| + | .prot-section .panel h5 { | ||
| + | color: #9A9EA3; | ||
| + | margin-left: 5px; | ||
| + | font-size: 18px; | ||
| + | font-weight: 500; | ||
| + | } | ||
| + | /* ========================================================================== | ||
| + | Media Queries | ||
| + | ========================================================================== */ | ||
| + | ul.affix { | ||
| + | position: fixed; | ||
| + | top: 20px; | ||
| + | width: 25%; | ||
| + | margin-right: 30px; | ||
| + | padding-top: 50px; | ||
| + | } | ||
| + | ul.affix-top { | ||
| + | position: static; | ||
| + | } | ||
| + | ul.affix-bottom { | ||
| + | width: inherit; | ||
| + | position: absolute; | ||
| + | top: auto; | ||
| + | } | ||
| + | .affix { | ||
| + | top: 20px; | ||
| + | width: 213px; | ||
| + | } | ||
| + | |||
| + | @media (min-width: 1200px) { | ||
| + | .affix { | ||
| + | width: 263px; | ||
| + | } | ||
| + | } | ||
| + | .affix-bottom { | ||
| + | position: absolute; | ||
| + | width: 213px; | ||
| + | } | ||
| + | |||
| + | @media (min-width: 1200px) { | ||
| + | .affix-bottom { | ||
| + | width: 263px; | ||
| + | } | ||
} | } | ||
/* ========================================================================== | /* ========================================================================== | ||
Revision as of 13:25, 18 August 2015