"
Template:Team:Genspace/GS14 Style
From 2014.igem.org
(Difference between revisions)
Christine82 (Talk | contribs) |
Christine82 (Talk | contribs) |
||
| (45 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: #000000;} | + | 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 --> | <!-- MENU --> | ||
#dropdown { | #dropdown { | ||
font-family:Arial, Helvetica, sans-serif; | font-family:Arial, Helvetica, sans-serif; | ||
| - | font-size: | + | font-size:14px; |
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
z-index: 30; | 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; | ||
} | } | ||
| Line 72: | Line 94: | ||
padding: 0; | padding: 0; | ||
list-style: none; | list-style: none; | ||
| - | + | display:inline-block; | |
} | } | ||
#dropdown li a { | #dropdown li a { | ||
| - | display: | + | display: inline; |
| - | margin: | + | margin: 0; |
| - | padding: | + | padding: 16px 18px; |
| - | width: 60px | + | min-width: 60px; |
| - | + | color: #ffffff; | |
| - | color: # | + | |
text-align: center; | text-align: center; | ||
text-decoration: none; | text-decoration: none; | ||
| Line 87: | Line 108: | ||
#dropdown li a:hover { | #dropdown li a:hover { | ||
| - | + | color: #8ec63f; | |
| - | color:# | + | |
} | } | ||
| Line 94: | Line 114: | ||
position: absolute; | position: absolute; | ||
visibility: hidden; | visibility: hidden; | ||
| - | margin: | + | margin: 14px -38px 0; |
padding: 0; | padding: 0; | ||
| - | background: # | + | background: #f25a2b; |
| - | border-bottom: 1px solid # | + | border-bottom: 1px solid #999999; |
} | } | ||
| Line 105: | Line 125: | ||
margin: 0; | margin: 0; | ||
padding: 8px 10px; | padding: 8px 10px; | ||
| - | width: | + | width: 180px; |
white-space: nowrap; | white-space: nowrap; | ||
text-align: left; | text-align: left; | ||
text-decoration: none; | text-decoration: none; | ||
| - | background: # | + | background: #0b9444; |
| - | color: # | + | color: #ffffff; |
} | } | ||
#dropdown div a:hover { | #dropdown div a:hover { | ||
| - | background:# | + | background:#f25a2b; |
| - | color:# | + | 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
