Template:CSS/Delft2014 main
From 2014.igem.org
(Difference between revisions)
DucoBlanken (Talk | contribs) |
Sim.castle (Talk | contribs) |
||
(44 intermediate revisions not shown) | |||
Line 54: | Line 54: | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
Line 102: | Line 72: | ||
/* unvisited link */ | /* unvisited link */ | ||
a:link { | a:link { | ||
- | color: # | + | color: #0101DF; |
- | + | ||
} | } | ||
/* visited link */ | /* visited link */ | ||
a:visited { | a:visited { | ||
- | color: # | + | color: #0101DF; |
- | + | ||
} | } | ||
/* mouse over link */ | /* mouse over link */ | ||
a:hover { | a:hover { | ||
- | color: # | + | color: #0101DF |
- | font- | + | font-style: oblique; |
- | + | ||
} | } | ||
Line 124: | Line 91: | ||
} | } | ||
- | a.anchor{display: block; position: relative; top: -80px; visibility: hidden;} | + | a.anchor{ |
+ | display: block; | ||
+ | position: relative; | ||
+ | top: -80px; | ||
+ | visibility: hidden; | ||
+ | } | ||
Line 156: | Line 128: | ||
font-size: 0.9em; | font-size: 0.9em; | ||
} | } | ||
+ | |||
+ | li { | ||
+ | font-size: 16px; | ||
+ | } | ||
+ | |||
caption { | caption { | ||
font-size: 0.8em; | font-size: 0.8em; | ||
Line 166: | Line 143: | ||
text-align:left; | text-align:left; | ||
} | } | ||
+ | |||
+ | .hidden{ | ||
+ | display:none !important; | ||
+ | } | ||
+ | |||
+ | |||
.tableofcontents{ | .tableofcontents{ | ||
- | border: | + | border-width: 1px; |
- | background-color: # | + | border-style: solid; |
+ | border-color: #878787; | ||
+ | background-color: #F2F1F1; | ||
display: inline-block; | display: inline-block; | ||
align="left"; | align="left"; | ||
Line 182: | Line 167: | ||
text-align: left; | text-align: left; | ||
} | } | ||
- | + | ||
+ | .moduleImage { | ||
+ | float: left; | ||
+ | margin-left: 20px; | ||
+ | margin-bottom: 20px; | ||
+ | } | ||
+ | |||
+ | .landmine { | ||
+ | width: 463px; | ||
+ | height: 351px; | ||
+ | } | ||
+ | |||
+ | |||
+ | .electrontransport { | ||
+ | width: 386px; | ||
+ | height: 372px; | ||
+ | } | ||
+ | |||
+ | .curli { | ||
+ | width: 401px; | ||
+ | height: 304px; | ||
+ | } | ||
/*---HEADER SYTLING---------*/ | /*---HEADER SYTLING---------*/ | ||
Line 188: | Line 194: | ||
#header { | #header { | ||
height: 90px; | height: 90px; | ||
- | background-image: url('https://static.igem.org/mediawiki/2014/ | + | background-image: url('https://static.igem.org/mediawiki/2014/8/83/TUDELFT2014_banner_new.png'); |
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: 0 0; | background-position: 0 0; | ||
Line 199: | Line 205: | ||
height:140px; | height:140px; | ||
left: 87.5%; | left: 87.5%; | ||
- | z-index: | + | z-index: 510; |
} | } | ||
Line 232: | Line 238: | ||
#bottom-section{ | #bottom-section{ | ||
background-color: #DCFFDC; | background-color: #DCFFDC; | ||
- | border | + | border-top: 8px solid #54beaa; |
- | + | margin-top: 30px; | |
- | + | padding: 10px; | |
- | + | font-size: 14px; | |
- | margin-top: | + | margin-bottom: 0; |
- | padding | + | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
Line 289: | Line 291: | ||
display: block; | display: block; | ||
text-decoration: none; | text-decoration: none; | ||
- | padding: 6px | + | padding: 6px 15px 3px 15px; |
background: #dcffdc; | background: #dcffdc; | ||
margin-left: 1px; | margin-left: 1px; | ||
Line 307: | Line 309: | ||
} | } | ||
- | #nav li.sub-menu { | + | #nav li.sub-menu a { |
display: block; | display: block; | ||
width: 260px; | width: 260px; | ||
height: auto; | height: auto; | ||
- | padding: | + | padding: 4px; |
background-color: white; | background-color: white; | ||
float: none; | float: none; | ||
Line 317: | Line 319: | ||
margin-left: 1px; | margin-left: 1px; | ||
border-left: 8px solid #dcffdc; | border-left: 8px solid #dcffdc; | ||
- | border-right: 8px solid #dcffdc; | + | border-right: 8px solid #dcffdc; |
+ | color: #383838; | ||
} | } | ||
- | #nav li.sub-menu:last-child { | + | #nav li.sub-menu:last-child a { |
border-bottom: 8px solid #dcffdc; | border-bottom: 8px solid #dcffdc; | ||
} | } | ||
- | #nav li.sub-menu | + | #nav li.sub-menu .link { |
font-weight: bold; | font-weight: bold; | ||
- | + | font-size: 16px; | |
} | } | ||
Line 333: | Line 336: | ||
} | } | ||
- | #nav li.sub-menu:hover { | + | #nav li.sub-menu a:hover { |
cursor: pointer; | cursor: pointer; | ||
background-color: #dcffdc; | background-color: #dcffdc; | ||
border-left: 8px solid #54beaa; | border-left: 8px solid #54beaa; | ||
border-right: 8px solid #54beaa; | border-right: 8px solid #54beaa; | ||
+ | text-decoration: none; | ||
} | } | ||
- | #nav li.sub-menu:last-child:hover { | + | #nav li.sub-menu:last-child a:hover { |
border-bottom: 8px solid #54beaa; | border-bottom: 8px solid #54beaa; | ||
} | } | ||
- | #nav li.sub-menu:hover | + | #nav li.sub-menu a:hover .link { |
text-decoration: underline; | text-decoration: underline; | ||
} | } | ||
- | #nav li.sub-menu | + | #nav li.sub-menu a:hover .desc { |
- | + | text-decoration: none; | |
} | } | ||
- | <style> | + | </style> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</html> | </html> |
Latest revision as of 18:00, 17 October 2014