Team:USTC/LeftBar
From 2010.igem.org
(Difference between revisions)
(New page: __NOTOC__ <html> <style type="text/css"> body { font-family: Verdana, Arial; font-size: 12px; margin: 0; } #dyhead { margin-bottom: 5px; } #dyleft { width: 200px; float: left; } #dyright {...) |
|||
Line 2: | Line 2: | ||
<html> | <html> | ||
<style type="text/css"> | <style type="text/css"> | ||
+ | |||
+ | /*----------------------------------------------------------------------------*/ | ||
+ | /* header area */ | ||
+ | /*----------------------------------------------------------------------------*/ | ||
+ | |||
+ | #header { | ||
+ | width: 970px; | ||
+ | height: 300px; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | #header_left .plainlinks a { | ||
+ | width: 288px; | ||
+ | height: 153px; | ||
+ | position: absolute; | ||
+ | top: 0px; | ||
+ | left: 5px; | ||
+ | text-decoration: none; | ||
+ | background: url(https://static.igem.org/mediawiki/2009/d/d0/TUDheaderorange_01.png) no-repeat left top !important; | ||
+ | } | ||
+ | |||
+ | #header_middle .plainlinks a { | ||
+ | width: 667px; | ||
+ | height: 136px; | ||
+ | position: absolute; | ||
+ | top: 0px; | ||
+ | left: 293px; | ||
+ | text-decoration: none; | ||
+ | background: url(https://static.igem.org/mediawiki/2009/0/01/TUDheader_022.png) no-repeat left top !important; | ||
+ | } | ||
+ | |||
+ | |||
+ | #header_bar_link { | ||
+ | width: 667px; | ||
+ | height: 17px; | ||
+ | position: absolute; | ||
+ | top: 136px; | ||
+ | left: 292px; | ||
+ | background-color:#FF6600; | ||
+ | background: url(https://static.igem.org/mediawiki/2009/b/b8/TUDheader_03.png) no-repeat left top !important; | ||
+ | } | ||
+ | |||
+ | #header_bar_link a, #header_bar_link .selflink { | ||
+ | text-decoration: none; | ||
+ | color:#fff; | ||
+ | position: relative; | ||
+ | float: right; | ||
+ | margin: 0 10px 5px 0; | ||
+ | height: 17px; | ||
+ | font-size: 87%; | ||
+ | font-weight: bolder; | ||
+ | } | ||
+ | |||
+ | #header_bar_link a:hover { | ||
+ | color: #ccc; | ||
+ | } | ||
+ | |||
+ | #header_bar_link .selflink { | ||
+ | color: #444; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*reset*/ | ||
+ | p { | ||
+ | margin:0; | ||
+ | } | ||
+ | |||
+ | .editsection { | ||
+ | font-size: 75%; | ||
+ | font-weight: normal; | ||
+ | } | ||
+ | |||
body { | body { | ||
- | font-family: | + | font-family: Tahoma,Helvetica,Arial,Verdana,sans-serif; |
- | + | line-height: 1.5; | |
- | + | color: #222; | |
} | } | ||
- | + | ||
- | + | /* hide table of contents */ | |
+ | toc { | ||
+ | display: none; | ||
} | } | ||
- | + | ||
- | + | h1 { | |
- | + | font-size: 160%; | |
} | } | ||
- | + | ||
- | margin- | + | /* add margin beneath a paragraph */ |
+ | p { | ||
+ | margin-bottom: 10px; | ||
+ | } | ||
+ | |||
+ | .today { | ||
+ | background-color: #ccc; | ||
} | } | ||
- | + | /* link color */ | |
- | + | a, a:visited { | |
- | + | color: #27809f; | |
} | } | ||
- | + | a:hover { | |
- | color: # | + | color: #00a7e7; |
- | + | text-decoration: none; | |
- | + | ||
} | } | ||
+ | ul { | ||
+ | margin-bottom: 5px; | ||
+ | } | ||
+ | |||
+ | #element { | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | .gallery { | ||
+ | max-width: 550px; | ||
+ | margin: 10px 2px !important; | ||
+ | } | ||
+ | .gallerytext { | ||
+ | text-align: left; | ||
+ | } | ||
+ | .footnote { | ||
+ | text-align: left; | ||
+ | font-size: smaller; | ||
+ | } | ||
+ | |||
+ | /*----------------------------------------------------------------------------*/ | ||
+ | /* menu left */ | ||
+ | /*----------------------------------------------------------------------------*/ | ||
+ | |||
+ | #menu { | ||
+ | width: 200px; | ||
+ | margin: 20px 13px 0 7px; | ||
+ | position: relative; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | #menu a { | ||
+ | display: block; | ||
+ | background: #FF6600 url(https://static.igem.org/mediawiki/2009/3/31/TUDarr.png) no-repeat center left; | ||
+ | color: #FFFFFF; | ||
+ | padding: 5px 0 5px 19px; | ||
+ | margin: 0 0 1px 0; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | #menu a:hover { | ||
+ | color: #000000; | ||
+ | background: #FFCC66 url(https://static.igem.org/mediawiki/2009/0/0b/TUDarr_on.png) no-repeat center left; | ||
+ | } | ||
+ | |||
+ | #menu .selflink { | ||
+ | display: block; | ||
+ | background: #FFCC66 url(https://static.igem.org/mediawiki/2009/3/31/TUDarr.png) no-repeat center left; | ||
+ | color: #000000; | ||
+ | padding: 5px 0 5px 19px; | ||
+ | margin: 0 0 1px 0; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*----------------------------------------------------------------------------*/ | ||
+ | /* spacer */ | ||
+ | /*----------------------------------------------------------------------------*/ | ||
+ | |||
+ | #menuspacer a { | ||
+ | display: block; | ||
+ | background: #FFFFFF; | ||
+ | color: #FFFFFF; | ||
+ | padding: 0px; | ||
+ | margin: 0 0 10px 8px; | ||
+ | text-indent: 0px; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | #menuospacer a:hover { | ||
+ | color: #000000; | ||
+ | background: #FFFFFF; | ||
+ | } | ||
+ | |||
+ | #menuspacer .selflink { | ||
+ | display: block; | ||
+ | background: #FFFFFF; | ||
+ | color: #000000; | ||
+ | padding: 0px; | ||
+ | margin: 0 0 10px 8px; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | /*----------------------------------------------------------------------------*/ | ||
+ | /* content area */ | ||
+ | /*----------------------------------------------------------------------------*/ | ||
+ | |||
+ | #tudelft_content_wrapper { | ||
+ | width: 593px; | ||
+ | position: relative; | ||
+ | float: left; | ||
+ | margin-top: 20px; | ||
+ | } | ||
+ | |||
+ | #tudelft_content_boxtop { | ||
+ | width: 593px; | ||
+ | height: 10px; | ||
+ | background:url(https://static.igem.org/mediawiki/2009/a/a1/Tudelft_content_top.png) no-repeat bottom left; | ||
+ | position: relative; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | #tudelft_content_boxbottom { | ||
+ | width: 593px; | ||
+ | height: 10px; | ||
+ | background:url(https://static.igem.org/mediawiki/2009/8/89/Tudelft_content_bottom.png) no-repeat top left; | ||
+ | position: relative; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | #tudelft_content { | ||
+ | width: 571px; | ||
+ | padding: 10px; | ||
+ | border-left: 1px solid #FF6600; | ||
+ | border-right: 1px solid #FF6600; | ||
+ | position: relative; | ||
+ | float: left; | ||
+ | font-size: 9pt; | ||
+ | text-align: justify; | ||
+ | } | ||
+ | |||
+ | /*----------------------------------------------------------------------------*/ | ||
+ | /* general stuff */ | ||
+ | /*----------------------------------------------------------------------------*/ | ||
+ | |||
+ | /*turn off title at top.*/ | ||
+ | .firstHeading{width: 0px; | ||
+ | height: 0px; | ||
+ | margin-bottom: 0px; | ||
+ | display: none; | ||
+ | position: relative; | ||
+ | top:0; | ||
+ | left:0; | ||
+ | margin:0; | ||
+ | |||
+ | } | ||
+ | |||
+ | #contentSub {display:none; | ||
+ | margin: 0px 0px 0px 0px; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | body{margin:0; | ||
+ | padding:0;} | ||
+ | |||
+ | .noborder{border-top:0px;} | ||
+ | |||
+ | /* colors lab notebook */ | ||
+ | .day-empty { | ||
+ | color: red; | ||
+ | } | ||
+ | .day-active { | ||
+ | color: green; | ||
+ | } | ||
+ | |||
+ | /*----------------------------------------------------------------------------*/ | ||
+ | /* sidebar right */ | ||
+ | /*----------------------------------------------------------------------------*/ | ||
+ | |||
+ | #sidebar { | ||
+ | width: 172px; | ||
+ | margin: 20px 7px 0 13px; | ||
+ | position: relative; | ||
+ | float: left; | ||
+ | text-align: right; | ||
+ | } | ||
+ | |||
+ | #sidebar_extra { | ||
+ | margin-top: 0px; | ||
+ | } | ||
+ | |||
+ | #sidebar ul { | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | .section_box { | ||
+ | margin: 0px; | ||
+ | padding: 5px; | ||
+ | border: 1px dashed #FF6600; | ||
+ | background: #FFFFFF; | ||
+ | } | ||
+ | .subtitle { | ||
+ | padding-bottom: 6px; | ||
+ | font-size: 14px; | ||
+ | font-weight: bold; | ||
+ | color: #FF6600; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*----------------------------------------------------------------------------*/ | ||
+ | /* menu left */ | ||
+ | /*----------------------------------------------------------------------------*/ | ||
+ | |||
+ | a.side-link:link, a.side-link:active, a.side-link:visited, a.side-link:hover{border:1px solid #ececec} | ||
+ | |||
+ | #content{padding:1px 5px 5px 5px; | ||
+ | } | ||
+ | |||
</style> | </style> | ||
</html> | </html> | ||
- | <! | + | <!-- *** HEADER *** --> |
- | < | + | <html> |
- | < | + | <body> |
- | + | <p> | |
- | < | + | <object type="application/x-shockwave-flash" height="320" width="970" data="https://static.igem.org/mediawiki/2010/5/5e/USTC2010~022CutOfTitile.swf"> |
- | <div id= | + | <param name="movie" value="https://static.igem.org/mediawiki/2010/5/5e/USTC2010~022CutOfTitile.swf" /> |
+ | <param name="quality" value="high" /> | ||
+ | </object> | ||
+ | </p> | ||
+ | <!--end header--> | ||
+ | <html> | ||
+ | <!-- *** LEFTSIDEMENU *** --> | ||
+ | |||
+ | <object type="application/x-shockwave-flash" height="700" width="300" data="https://static.igem.org/mediawiki/2010/2/23/USTC2010~SideMenu.swf"> | ||
+ | <param name="movie" value="https://static.igem.org/mediawiki/2010/2/23/USTC2010~SideMenu.swf" /> | ||
+ | <param name="quality" value="high" /> | ||
+ | </object> | ||
+ | <div id="watermark"> | ||
+ | |||
+ | </div> | ||
+ | </html> |
Latest revision as of 17:10, 18 October 2010