Team:Harvard/Template:CSS
From 2011.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
<html> | <html> | ||
- | + | <head> | |
+ | <title>bar</title> | ||
+ | <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> | ||
<style type="text/css"> | <style type="text/css"> | ||
- | + | <!-- | |
- | + | html | |
- | + | { | |
+ | overflow: -moz-scrollbars-vertical !important; | ||
+ | resize: none; | ||
+ | background-color: #f5f6f7; | ||
} | } | ||
- | # | + | #top-section { |
- | + | height: 20px; | |
- | + | border-left: none; | |
+ | border-right: none; | ||
} | } | ||
- | # | + | #siteSub { |
- | + | display:none; | |
+ | } | ||
+ | #search-controls { | ||
+ | display:none; | ||
} | } | ||
- | + | ||
- | + | .firstHeading { | |
+ | display:none; | ||
} | } | ||
- | # | + | #search-controls { |
- | + | margin-top:0px; | |
} | } | ||
- | + | #footer-box { | |
- | + | display:none; | |
- | + | ||
} | } | ||
- | + | body | |
- | + | { | |
+ | background-color: #f5f6f7; | ||
+ | } | ||
+ | #contentSub { | ||
+ | display:none; | ||
} | } | ||
- | + | #siteSub { | |
- | + | display:none; | |
- | + | ||
} | } | ||
+ | #search-controls { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | .firstHeading { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | #search-controls { | ||
+ | margin-top:0px; | ||
+ | } | ||
+ | |||
+ | #footer-box { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | #top-section { | ||
+ | height: 20px; | ||
+ | border-left: none; | ||
+ | border-right: none; | ||
+ | } | ||
+ | |||
+ | .left-menu { | ||
+ | margin-top:-12px; | ||
+ | } | ||
+ | |||
+ | .right-menu { | ||
+ | margin-top:-12px; | ||
+ | } | ||
+ | |||
+ | .left-menu ul { | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | #menubar li a { | ||
+ | color:#8C8984; | ||
+ | background-color:transparent; | ||
+ | } | ||
+ | |||
+ | #menubar ul { | ||
+ | color:transparent; | ||
+ | background-color:transparent; | ||
+ | } | ||
+ | |||
+ | #menubar { | ||
+ | background-color:transparent; | ||
+ | font-size:85%; | ||
+ | line-height:1em; | ||
+ | position:absolute; | ||
+ | top:10px; | ||
+ | white-space:nowrap; | ||
+ | width:50%; | ||
+ | z-index:5; | ||
+ | height:20px; | ||
+ | overflow:hidden | ||
+ | |||
+ | } | ||
+ | |||
+ | .left-menu { | ||
+ | left:0; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | .right-menu { | ||
+ | right:0; | ||
+ | |||
+ | } | ||
+ | |||
+ | .firstHeading { display:none; } | ||
+ | } | ||
+ | |||
+ | #menubar{ | ||
+ | color: #transparent; | ||
+ | } | ||
+ | |||
+ | #menubar.right-menu { | ||
+ | margin-top:-12px; | ||
+ | } | ||
+ | |||
+ | .right-menu ul { | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | #menubar{ | ||
+ | top:15px; | ||
+ | z-index:25; | ||
+ | |||
+ | } | ||
+ | |||
+ | #menubar { | ||
+ | background-color:f5f6f7; | ||
+ | font-size:85%; | ||
+ | line-height:1em; | ||
+ | position:absolute; | ||
+ | top:10px; | ||
+ | white-space:nowrap; | ||
+ | width:50%; | ||
+ | z-index:5; | ||
+ | height:20px; | ||
+ | overflow:hidden | ||
+ | |||
+ | } | ||
+ | |||
+ | img[src*="/wiki/skins/common/images/wiki.png"]{ | ||
+ | width:0; | ||
+ | height:60px; | ||
+ | padding-right:975px; | ||
+ | background:#transparent; | ||
+ | } | ||
+ | |||
+ | #p-logo a{ | ||
+ | color:#transparent; | ||
+ | } | ||
+ | |||
+ | |||
+ | #catlinks { | ||
+ | height: 0px; | ||
+ | overflow: hidden; | ||
+ | display: none; | ||
+ | border: } | ||
+ | } | ||
+ | |||
+ | #Table_01 { | ||
+ | position:absolute; | ||
+ | left:30px; | ||
+ | top:-55px; | ||
+ | width:1000px; | ||
+ | height:85px; | ||
+ | } | ||
+ | |||
+ | #bar-normal-01-norm { | ||
+ | position:absolute; | ||
+ | left:0px; | ||
+ | top:0px; | ||
+ | width:119px; | ||
+ | height:85px; | ||
+ | } | ||
+ | |||
+ | #bar-normal-02-norm { | ||
+ | position:absolute; | ||
+ | left:119px; | ||
+ | top:0px; | ||
+ | width:108px; | ||
+ | height:85px; | ||
+ | } | ||
+ | |||
+ | #bar-normal-03-norm { | ||
+ | position:absolute; | ||
+ | left:227px; | ||
+ | top:0px; | ||
+ | width:110px; | ||
+ | height:85px; | ||
+ | } | ||
+ | |||
+ | #bar-normal-04-norm { | ||
+ | position:absolute; | ||
+ | left:337px; | ||
+ | top:0px; | ||
+ | width:109px; | ||
+ | height:85px; | ||
+ | } | ||
+ | |||
+ | #bar-normal-05-norm { | ||
+ | position:absolute; | ||
+ | left:446px; | ||
+ | top:0px; | ||
+ | width:108px; | ||
+ | height:85px; | ||
+ | } | ||
+ | |||
+ | #bar-normal-06-norm { | ||
+ | position:absolute; | ||
+ | left:554px; | ||
+ | top:0px; | ||
+ | width:109px; | ||
+ | height:85px; | ||
+ | } | ||
+ | |||
+ | #bar-normal-07-norm { | ||
+ | position:absolute; | ||
+ | left:663px; | ||
+ | top:0px; | ||
+ | width:109px; | ||
+ | height:85px; | ||
+ | } | ||
+ | |||
+ | #bar-normal-08-norm { | ||
+ | position:absolute; | ||
+ | left:772px; | ||
+ | top:0px; | ||
+ | width:108px; | ||
+ | height:85px; | ||
+ | } | ||
+ | |||
+ | #bar-normal-09-norm { | ||
+ | position:absolute; | ||
+ | left:880px; | ||
+ | top:0px; | ||
+ | width:120px; | ||
+ | height:85px; | ||
+ | } | ||
+ | |||
+ | #content{ | ||
+ | background-color: #f5f6f7; | ||
+ | padding-top:65px; | ||
+ | width:1000px; | ||
+ | font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; | ||
+ | font-smooth:always; | ||
+ | border-style: none solid solid solid; | ||
+ | border-width:0px; | ||
+ | margin-top: 0px; | ||
+ | } | ||
+ | |||
+ | .shadow { | ||
+ | -moz-box-shadow: 0px 0px 15px #ccc; | ||
+ | -webkit-box-shadow: 0px 0px 15px #ccc; | ||
+ | box-shadow: 0px 0px 15px #ccc; | ||
+ | } | ||
+ | |||
+ | .whitebox { | ||
+ | -moz-box-shadow: 0px 0px 15px #ccc; | ||
+ | -webkit-box-shadow: 0px 0px 15px #ccc; | ||
+ | box-shadow: 0px 0px 15px #ccc; | ||
+ | background-color: #FFFFFF; | ||
+ | -moz-border-radius: 15px; | ||
+ | border-radius: 15px; | ||
+ | margin-top: 20px; | ||
+ | padding-top: 20px; | ||
+ | padding-left: 20px; | ||
+ | padding-right: 20px; | ||
+ | padding-bottom: 20px; | ||
+ | margin-left: 15px; | ||
+ | margin-right: 25px; | ||
+ | } | ||
+ | |||
+ | .whitebox2 { | ||
+ | -moz-box-shadow: 0px 0px 5px #444; | ||
+ | -webkit-box-shadow: 0px 0px 5px #444; | ||
+ | box-shadow: 0px 0px 5px #444; | ||
+ | background-color: #DCDDDE; | ||
+ | -moz-border-radius: 5px; | ||
+ | border-radius: 3px; | ||
+ | margin-top: -10px; | ||
+ | padding-top: 15px; | ||
+ | padding-left: 0px; | ||
+ | padding-right: 0px; | ||
+ | padding-bottom: 0px; | ||
+ | margin-left: 9px; | ||
+ | margin-right: 19px; | ||
+ | text-align: center; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | .notebook_box { | ||
+ | -moz-box-shadow: 0px 0px 5px #444; | ||
+ | -webkit-box-shadow: 0px 0px 5px #444; | ||
+ | box-shadow: 0px 0px 5px #444; | ||
+ | box-shadow: 0px 0px 5px #444; | ||
+ | background-color: #f1f2f3; | ||
+ | moz-border-radius: 5px; | ||
+ | border-radius: 5px; | ||
+ | margin-top: 0px; | ||
+ | padding-top: 5px;- | ||
+ | padding-left: 10px; | ||
+ | padding-right: 10px; | ||
+ | padding-bottom: 5px; | ||
+ | margin-left: 5px; | ||
+ | margin-right: 5px; | ||
+ | align:center; | ||
+ | } | ||
+ | |||
+ | |||
+ | .monthtable { | ||
+ | text-align:center; | ||
+ | background-color:#f1f2f3; | ||
+ | } | ||
+ | |||
+ | |||
+ | h1,h3,h5{ | ||
+ | color: #C22227; | ||
+ | background: none; | ||
+ | font-weight: normal; | ||
+ | margin: 0; | ||
+ | padding-top: .5em; | ||
+ | padding-bottom: .17em; | ||
+ | border-bottom: none; | ||
+ | } | ||
+ | h2, h4, h6{ | ||
+ | color: #484848; | ||
+ | background: none; | ||
+ | font-weight: normal; | ||
+ | margin: 0; | ||
+ | padding-top: .5em; | ||
+ | padding-bottom: .17em; | ||
+ | border-bottom: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | --> | ||
</style> | </style> | ||
- | </ | + | <!-- End Save for Web Styles --> |
+ | </head> |
Revision as of 13:22, 26 September 2011