Template:Team:Amsterdam/stylesheet
From 2012.igem.org
(Difference between revisions)
(95 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<style> | <style> | ||
- | |||
- | |||
- | + | /* Change Default elements */ | |
- | + | ||
- | + | ||
- | */ | + | |
html, body, #globalWrapper{ | html, body, #globalWrapper{ | ||
Line 13: | Line 8: | ||
margin: 0; | margin: 0; | ||
height: 100% | height: 100% | ||
+ | } | ||
+ | |||
+ | a{ | ||
+ | color: #000DFF; | ||
+ | } | ||
+ | |||
+ | a:visited{ | ||
+ | color: #000DFF; | ||
+ | } | ||
+ | |||
+ | #bodyContent a[href^="https://"], .link-https { | ||
+ | background: none; | ||
+ | padding-right: 0; | ||
} | } | ||
Line 20: | Line 28: | ||
#content{ | #content{ | ||
+ | line-height: 1; | ||
min-height: 100%; | min-height: 100%; | ||
border-left: 1px solid #919396; | border-left: 1px solid #919396; | ||
border-right: 1px solid #919396; | border-right: 1px solid #919396; | ||
box-shadow: 0 0 5px #000000, 0 0 120px 10px #000000; | box-shadow: 0 0 5px #000000, 0 0 120px 10px #000000; | ||
- | + | </html>{{Template:Team:Amsterdam/ernst/cssgradients/1}}<html> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
Line 45: | Line 48: | ||
margin-bottom: 0 !important; | margin-bottom: 0 !important; | ||
} | } | ||
- | |||
#menubar.left-menu { | #menubar.left-menu { | ||
background-color:black; | background-color:black; | ||
Line 87: | Line 89: | ||
left:0; | left:0; | ||
margin:0; | margin:0; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
- | + | .first{ | |
- | + | display: block; | |
- | + | text-decoration: none; | |
- | + | text-align: left; | |
- | + | font-size: 20px; | |
- | + | font-weight: bold; | |
- | + | text-shadow: #AAA 0 0 1.5px; | |
- | + | width: 210px; | |
- | + | padding-left: 15px; | |
+ | padding-right: 15px; | ||
+ | padding-top: 5px; | ||
+ | padding-bottom: 5px; | ||
+ | border-bottom: 1px solid #919396; | ||
+ | background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 40%, transparent 75%, transparent 100%); | ||
+ | background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0, 0, 0, 0.1)), color-stop(40%,rgba(0, 0, 0, 0.1)), color-stop(75%,transparent), color-stop(100%,transparent)); | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#00000000',GradientType=1 ); | ||
+ | list-style-type: none; | ||
+ | list-style-image: none; | ||
+ | list-style-position: outside; | ||
} | } | ||
- | + | textarea{ | |
- | + | height: 200px; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | div.tright{ | |
- | + | border-style: none; | |
- | + | padding: 10px; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | div.tleft{ | |
- | + | border-style: none; | |
- | + | padding: 10px; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | # | + | #toc{ |
- | + | float: right; | |
- | + | width: 400px; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
/* Text styles */ | /* Text styles */ | ||
p { | p { | ||
- | + | margin: 15px 0; | |
- | margin | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
Line 195: | Line 140: | ||
text-shadow: #AAA 0 0 1.5px; | text-shadow: #AAA 0 0 1.5px; | ||
border-color: #919396; | border-color: #919396; | ||
- | + | margin-top: 0; | |
+ | padding-top: 0; | ||
} | } | ||
Line 212: | Line 158: | ||
margin-top: 0px; | margin-top: 0px; | ||
margin-right: 0px; | margin-right: 0px; | ||
- | |||
margin-left: 0px; | margin-left: 0px; | ||
padding-top: 10px; | padding-top: 10px; | ||
padding-right: 0px; | padding-right: 0px; | ||
- | |||
padding-left: 0px; | padding-left: 0px; | ||
} | } | ||
Line 235: | Line 179: | ||
padding-bottom: 10px; | padding-bottom: 10px; | ||
padding-left: 0px; | padding-left: 0px; | ||
+ | } | ||
+ | table,th, td | ||
+ | { | ||
+ | padding: 5px; | ||
+ | margin: 10px; | ||
+ | } | ||
+ | table | ||
+ | { | ||
+ | border: 1px solid black; | ||
+ | border-collapse:collapse; | ||
+ | } | ||
+ | th | ||
+ | { | ||
+ | background-color:#339966; | ||
+ | color:white; | ||
} | } | ||
- | /* | + | /* Setup for Page Elements */ |
- | + | body { | |
- | + | text-align: center; | |
- | + | font-family: Arial, Helvetica, sans-serif; | |
- | + | font-size: 11px; | |
- | + | background: #004083 url(https://static.igem.org/mediawiki/2012/thumb/2/23/DNATilingBGv1GrayscaleInverseO25.png/152px-DNATilingBGv1GrayscaleInverseO25.png) repeat; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | # | + | #main { |
- | + | overflow: hidden; | |
- | + | border-style:solid; | |
+ | border-width:2px 1px; | ||
+ | border-radius: 30px; | ||
+ | color: #5A5A5A; | ||
+ | box-shadow: 0 0 3px 1px #000000; | ||
} | } | ||
- | # | + | |
- | + | #main-area { | |
- | + | float: left; | |
- | + | width: 100%; | |
- | + | //background: rgba(255, 255, 255, 0.5); | |
+ | </html>{{Template:Team:Amsterdam/ernst/cssgradients/2}}<html> | ||
+ | text-align: justify; | ||
} | } | ||
- | # | + | |
- | + | #content-area{ | |
- | + | display: block; | |
- | + | float: right; | |
+ | width: 707px; | ||
} | } | ||
- | # | + | |
- | + | ||
- | + | #sidebar-area{ | |
- | + | display: block; | |
+ | float: left; | ||
+ | width: 180px; | ||
} | } | ||
- | |||
- | |||
- | |||
- | # | + | #footer { |
- | + | font-size: 10px; | |
- | + | width:100%; | |
- | + | clear:both; | |
- | + | background-color: #004083; | |
+ | padding: 5px 0; | ||
+ | } | ||
+ | .main-spacer { | ||
+ | height: 35px; | ||
+ | } | ||
+ | .clear { | ||
+ | clear: both; | ||
+ | } | ||
- | + | .content-block { | |
- | + | display: block; | |
- | + | float: inherit; | |
- | + | width: 100%; | |
- | + | align: center; | |
- | + | background-color: white; | |
+ | background-color: rgba(255, 255, 255, 0.90); | ||
+ | border-style:solid; | ||
+ | border-width:1px; | ||
+ | margin: 4px; | ||
+ | margin-bottom: 0px; | ||
+ | padding: 15px; | ||
+ | box-shadow: inset 0 0 1px 0.4px; | ||
+ | } | ||
- | + | .align-right { | |
+ | float: right; | ||
+ | } | ||
- | + | .align-left { | |
- | + | float: left; | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | .align-center { | |
- | + | float: center; | |
- | + | ||
- | + | ||
} | } | ||
- | # | + | /* Navigation Menu */ |
- | + | #navmenu { | |
- | + | margin: -15px; | |
- | + | ||
} | } | ||
- | # | + | #navmenu a { |
- | + | color: #000000; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | # | + | #navmenu h1 { |
- | + | font-weight: bold; | |
- | + | font-size: 35px; | |
- | + | margin-bottom: 0 !important; | |
- | + | padding-top: 15px; | |
+ | padding-left: 15px; | ||
+ | padding-right: 15px; | ||
+ | //background-color: #D2D5D9; | ||
+ | background-color: rgba(0, 0, 0, 0.1); | ||
} | } | ||
- | # | + | #navmenu ul { |
- | + | line-height: 1; | |
+ | margin: 0; | ||
+ | list-style-type: none; | ||
+ | list-style-image: none; | ||
+ | list-style-position: outside; | ||
+ | margin-top: 1px; | ||
+ | //border-top: 1px solid #919396; | ||
} | } | ||
- | # | + | #navmenu ul li{ |
- | + | margin: 0; | |
+ | margin-bottom: 1px; | ||
+ | padding: 0px; | ||
} | } | ||
- | # | + | #navmenu ul li:last-child{ |
- | + | margin-bottom: 0; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | #navmenu ul a{ | |
- | + | text-align:left; | |
- | + | display: block; | |
+ | text-decoration: none; | ||
+ | font-size: 20px; | ||
+ | font-weight: bold; | ||
+ | //color: #004083; | ||
+ | text-shadow: #AAA 0 0 1.5px; | ||
+ | width: auto; | ||
+ | padding-left: 15px; | ||
+ | padding-right: 15px; | ||
+ | padding-top: 5px; | ||
+ | padding-bottom: 5px; | ||
+ | border-bottom: 1px solid #919396; | ||
+ | </html>{{Template:Team:Amsterdam/ernst/cssgradients/3}}<html> | ||
} | } | ||
+ | |||
+ | #navmenu > ul > li:last-child > a{ | ||
+ | border-bottom: none; | ||
+ | } | ||
+ | |||
+ | #navmenu ul a:hover{ | ||
+ | background-color: rgba(0, 0, 0, 0.1); | ||
+ | } | ||
+ | |||
+ | #navmenu ul ul{ | ||
+ | border-left: 10px solid #919396; | ||
+ | border-top: 1px solid #919396; | ||
+ | } | ||
+ | |||
+ | #navmenu ul ul a{ | ||
+ | font-size: 17px; | ||
+ | font-weight: normal; | ||
+ | } | ||
+ | |||
+ | #navmenu ul ul ul a{ | ||
+ | font-size: 15px; | ||
+ | font-weight: normal; | ||
+ | } | ||
+ | |||
</style> | </style> | ||
</html> | </html> |
Latest revision as of 03:29, 27 September 2012