"
Template:MIT E Template
From 2012e.igem.org
(Difference between revisions)
| (26 intermediate revisions not shown) | |||
| Line 2: | Line 2: | ||
<html> | <html> | ||
| - | <style type="text/css"> | + | <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700|Inconsolata"> |
| + | |||
| + | <style type="text/css"> | ||
| + | |||
| + | /* -------- iGEM Wiki Style Resets --------- */ | ||
| + | |||
| + | #globalWrapper { | ||
| + | font-size: 100%; | ||
| + | } | ||
| + | |||
#top-section{ | #top-section{ | ||
height: auto; | height: auto; | ||
| Line 9: | Line 18: | ||
padding: 0px; | padding: 0px; | ||
margin-bottom: 0px; | margin-bottom: 0px; | ||
| + | margin-top: 10px; | ||
| + | font-size: 14px; | ||
} | } | ||
#search-controls { | #search-controls { | ||
| Line 27: | Line 38: | ||
ul#f-list { | ul#f-list { | ||
margin: 0; | margin: 0; | ||
| + | } | ||
| + | #f-list > li > a { | ||
| + | color: #aaa; | ||
} | } | ||
#catlinks { | #catlinks { | ||
| Line 35: | Line 49: | ||
} | } | ||
.right-menu li a { | .right-menu li a { | ||
| - | background-color: none; | + | background-color: inherit; |
| + | color: #aaa; | ||
| + | } | ||
| + | .left-menu, .left-menu:hover, .left-menu a, .left-menu:hover a { | ||
| + | background-color: inherit !important; | ||
| + | color: #aaa; | ||
| + | } | ||
| + | #f-poweredbyico { display: none; } | ||
| + | #f-copyrightico { display: none; } | ||
| + | |||
| + | |||
| + | /* -------- Padding Hacks --------- */ | ||
| + | .mr5 { margin-right: 5px; } .mr10 { margin-right: 10px; } .mr40 { margin-left: 215px; } .mt0 { margin-top: 0; } .mt5 { margin-top: 5px; } .mt10 { margin-top: 10px; } .mt15 { margin-top: 15px; } .mt20 { margin-top: 20px; } .mt25 { margin-top: 25px; } .mt30 { margin-top: 30px; } .mt40 { margin-top: 40px; } .mt50 { margin-top: 50px; } .mb0 { margin-bottom: 0; } .mb10 { margin-bottom: 10px; } .mb15 { margin-bottom: 15px; } .mb20 { margin-bottom: 20px; } .mb25 { margin-bottom: 25px; } .mb30 { margin-bottom: 30px; } .mb40 { margin-bottom: 40px; } .mb50 { margin-bottom: 50px; } .ml10 { margin-left: 10px; } .ml20 { margin-left: 20px; } .p0 { padding: 0; } .pt0 { padding-top: 0; } .pt5 { padding-top: 5px; } .pt10 { padding-top: 10px; } .pt15 { padding-top: 15px; } .pt20 { padding-top: 20px; } .pt25 { padding-top: 25px; } .pt30 { padding-top: 30px; } .pt40 { padding-top: 40px; } .pt50 { padding-top: 50px; } .pb0 { padding-bottom: 0; } .pb10 { padding-bottom: 10px; } .pb15 { padding-bottom: 15px; } .pb20 { padding-bottom: 20px; } .pb25 { padding-bottom: 25px; } .pb30 { padding-bottom: 30px; } .pb40 { padding-bottom: 40px; } .pb50 { padding-bottom: 50px; } .pl5 { padding-left: 5px; } .pl10 { padding-left: 10px; } | ||
| + | |||
| + | |||
| + | /* -------- Custom Styles --------- */ | ||
| + | |||
| + | body { | ||
| + | font-family: 'Open Sans', Arial, sans-serif | ||
| + | } | ||
| + | h1, h2, h3, h4, h5, h6 { | ||
| + | font-weight: 600; | ||
| + | border: none; | ||
| + | } | ||
| + | p { | ||
| + | font-size: 13px; | ||
| + | } | ||
| + | p.large { | ||
| + | font-size: 14px; | ||
| + | } | ||
| + | hr { | ||
| + | background-color: transparent; | ||
| + | } | ||
| + | small, .small { | ||
| + | font-size: 11px; | ||
| + | } | ||
| + | |||
| + | button, | ||
| + | .btn { | ||
| + | font-family: 'Open Sans', Arial, sans-serif; | ||
| + | font-weight: 600; | ||
| + | } | ||
| + | .btn:focus { | ||
| + | outline: none; | ||
| + | } | ||
| + | .btn-blue, | ||
| + | .btn-blue:active, | ||
| + | .btn-blue:visited, | ||
| + | .btn-blue:hover { | ||
| + | background: transparent; | ||
| + | background-image: -webkit-gradient(linear, left top, left bottom, from(#26bee0), to(#1f77bf)); | ||
| + | background-image: -moz-linear-gradient(top, #26bee0, #1f77bf); | ||
| + | border-color: #0f626c; | ||
| + | color: #fff; | ||
| + | font-weight: bold; | ||
| + | text-shadow: rgba(0,0,0,0.75) 0 1px 1px; | ||
| + | } | ||
| + | .btn-blue:active { | ||
| + | background: #1f77bf; | ||
| + | } | ||
| + | .btn-light-blue { | ||
| + | background: transparent; | ||
| + | background-image: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#eee)); | ||
| + | background-image: -moz-linear-gradient(top, #fcfcfc, #eee); | ||
| + | font-size: 12px; | ||
| + | font-weight: 600; | ||
| + | text-shadow: none; | ||
| + | } | ||
| + | .btn-light-blue:hover, | ||
| + | .btn-light-blue:active, | ||
| + | .btn-light-blue.hover { | ||
| + | background: transparent; | ||
| + | background-image: -webkit-gradient(linear, left top, left bottom, from(#edf8fa), to(#c2e8ed)); | ||
| + | background-image: -moz-linear-gradient(top, #edf8fa, #c2e8ed); | ||
| + | color: #1f77bf; | ||
| + | font-size: 12px; | ||
| + | font-weight: 600; | ||
| + | text-shadow: rgba(255,255,255,0.75) 0 1px 1px; | ||
| + | } | ||
| + | .btn-tall { | ||
| + | font-size: 18px; | ||
| + | height: 50px; | ||
| + | } | ||
| + | .btn-tiny { | ||
| + | height: 16px; | ||
| + | padding: 0 2px; | ||
| + | margin-top: 2px; | ||
| + | } | ||
| + | #header ul.nav > li > a { | ||
| + | color: #000; | ||
| + | font-weight: 600; | ||
| + | font-size: 14px; | ||
| + | margin: 10px 15px 10px; | ||
| + | padding: 0; | ||
| + | } | ||
| + | #header ul.nav > li > a:hover { | ||
| + | color: #1F77BF; | ||
} | } | ||
| + | |||
</style> | </style> | ||
</html> | </html> | ||
Latest revision as of 00:20, 27 October 2012
