Template:Team:Genspace/GS14 Style
From 2014.igem.org
(Difference between revisions)
Christine82 (Talk | contribs) |
Christine82 (Talk | contribs) |
||
(47 intermediate revisions not shown) | |||
Line 38: | Line 38: | ||
<style> | <style> | ||
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} | ||
- | div#top-section {height: 20px; border: 0;} | + | div#top-section {height: 20px; border: 0; background: #555555; color:#ffffff;} |
+ | div#menubar.left-menu a, div#menubar.left-menu li {text-transform: capitalize; color:#ffffff;} | ||
div#content {border: 0;} | div#content {border: 0;} | ||
body {font-family: arial, helvetica, sans-serif; background:#ffffff;} | body {font-family: arial, helvetica, sans-serif; background:#ffffff;} | ||
Line 44: | Line 45: | ||
.container {display: block; width:975px; margin:0 auto;} | .container {display: block; width:975px; margin:0 auto;} | ||
.content {width: 100%; font-size: 14px; line-height: 26px;} | .content {width: 100%; font-size: 14px; line-height: 26px;} | ||
- | h1, h2, h3, h4, h5, h6 {font-family: helvetica, arial, sans-serif; color: # | + | h1, h2, h3, h4, h5, h6 {font-family: helvetica, arial, sans-serif; color: #000000; margin: 40px 0 20px; border-bottom: 0; font-weight:normal;} |
h1 {font-size: 28px; line-height: 28px;} | h1 {font-size: 28px; line-height: 28px;} | ||
h2 {font-size: 25px; line-height: 25px;} | h2 {font-size: 25px; line-height: 25px;} | ||
Line 52: | Line 53: | ||
h6 {font-size: 13px; line-height: 13px;} | h6 {font-size: 13px; line-height: 13px;} | ||
p {margin:0 0 20px;} | p {margin:0 0 20px;} | ||
+ | .content ul, .content ol {margin: 0 0 20px; padding: 0 0 0 30px;} | ||
+ | .content a {color: #0b9444;} | ||
+ | .content a:hover {color: #293990; text-decoration: none;} | ||
+ | table, tbody, tr, td {padding: 0; margin-bottom: 20px;} | ||
.aligncenter {margin: 0 auto 20px;display:block; float: none;} | .aligncenter {margin: 0 auto 20px;display:block; float: none;} | ||
.alignleft {float: left;} | .alignleft {float: left;} | ||
+ | img.alignleft {margin: 0 20px 0 0;} | ||
.alignright {float: right;} | .alignright {float: right;} | ||
+ | img.alignright {margin: 0 0 0 20px;} | ||
.textcenter {text-align: center;} | .textcenter {text-align: center;} | ||
.textleft {text-align: left;} | .textleft {text-align: left;} | ||
.textright {text-align: right;} | .textright {text-align: right;} | ||
+ | img.thumb {width: 150px; height:150px;} | ||
+ | .page-Team_Genspace_Parts .aligncenter.thumb {margin-bottom:0;} | ||
+ | .clear {clear:both; margin:0 0 20px;} | ||
+ | |||
+ | <!-- MENU --> | ||
+ | #dropdown { | ||
+ | font-family:Arial, Helvetica, sans-serif; | ||
+ | font-size:14px; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | z-index: 30; | ||
+ | } | ||
+ | |||
+ | div.dropdown { | ||
+ | float: left; | ||
+ | margin: 0 0 40px; | ||
+ | width: 100%; | ||
+ | background: #0b9444; | ||
+ | } | ||
+ | |||
+ | ul#dropdown { | ||
+ | margin: 1.5em 0 0 0.2em; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | #dropdown li { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | list-style: none; | ||
+ | display:inline-block; | ||
+ | } | ||
+ | |||
+ | #dropdown li a { | ||
+ | display: inline; | ||
+ | margin: 0; | ||
+ | padding: 16px 18px; | ||
+ | min-width: 60px; | ||
+ | color: #ffffff; | ||
+ | text-align: center; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | #dropdown li a:hover { | ||
+ | color: #8ec63f; | ||
+ | } | ||
+ | |||
+ | #dropdown div { | ||
+ | position: absolute; | ||
+ | visibility: hidden; | ||
+ | margin: 14px -38px 0; | ||
+ | padding: 0; | ||
+ | background: #f25a2b; | ||
+ | border-bottom: 1px solid #999999; | ||
+ | } | ||
+ | |||
+ | #dropdown div a { | ||
+ | position: relative; | ||
+ | display: block; | ||
+ | margin: 0; | ||
+ | padding: 8px 10px; | ||
+ | width: 180px; | ||
+ | white-space: nowrap; | ||
+ | text-align: left; | ||
+ | text-decoration: none; | ||
+ | background: #0b9444; | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | |||
+ | #dropdown div a:hover { | ||
+ | background:#f25a2b; | ||
+ | color:#ffffff; | ||
+ | } | ||
+ | |||
+ | #dropdown .igem-btn { | ||
+ | float: right; | ||
+ | background: #ffffff; | ||
+ | width: 75px; | ||
+ | text-align: right; | ||
+ | } | ||
</style> | </style> | ||
</head> | </head> | ||
</html> | </html> |
Latest revision as of 02:19, 18 October 2014