Template:UTDallasMenu
From 2010.igem.org
(Difference between revisions)
Line 4: | Line 4: | ||
+ | /*----------------------------------------------------------------------------*/ | ||
+ | /* header area */ | ||
+ | /*----------------------------------------------------------------------------*/ | ||
#header { | #header { | ||
- | width: | + | width: 965px; |
- | height: | + | height: 153px; |
position: relative; | 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 { | #header_middle .plainlinks a { | ||
- | width: | + | width: 667px; |
- | height: | + | height: 136px; |
position: absolute; | position: absolute; | ||
top: 0px; | top: 0px; | ||
- | left: | + | left: 293px; |
text-decoration: none; | text-decoration: none; | ||
- | background: url(https://static.igem.org/mediawiki/ | + | 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*/ | /*reset*/ | ||
Line 32: | Line 76: | ||
body { | body { | ||
- | font-family: Arial; | + | font-family: Tahoma,Helvetica,Arial,Verdana,sans-serif; |
line-height: 1.5; | line-height: 1.5; | ||
color: #222; | color: #222; | ||
} | } | ||
- | + | /* hide table of contents */ | |
toc { | toc { | ||
display: none; | display: none; | ||
Line 46: | Line 90: | ||
} | } | ||
- | + | /* add margin beneath a paragraph */ | |
p { | p { | ||
- | margin-bottom: | + | margin-bottom: 10px; |
} | } | ||
Line 54: | Line 98: | ||
background-color: #ccc; | background-color: #ccc; | ||
} | } | ||
- | + | /* link color */ | |
- | + | a, a:visited { | |
- | + | color: #27809f; | |
+ | } | ||
+ | a:hover { | ||
+ | color: #00a7e7; | ||
+ | text-decoration: none; | ||
+ | } | ||
ul { | ul { | ||
- | margin-bottom: | + | margin-bottom: 5px; |
} | } | ||
Line 75: | Line 124: | ||
font-size: smaller; | font-size: smaller; | ||
} | } | ||
+ | |||
+ | /*----------------------------------------------------------------------------*/ | ||
+ | /* menu left */ | ||
+ | /*----------------------------------------------------------------------------*/ | ||
#menu { | #menu { | ||
- | width: | + | width: 158px; |
margin: 20px 13px 0 7px; | margin: 20px 13px 0 7px; | ||
position: relative; | position: relative; | ||
Line 85: | Line 138: | ||
#menu a { | #menu a { | ||
display: block; | display: block; | ||
- | + | background: #FF6600 url(https://static.igem.org/mediawiki/2009/3/31/TUDarr.png) no-repeat center left; | |
color: #FFFFFF; | color: #FFFFFF; | ||
padding: 5px 0 5px 19px; | padding: 5px 0 5px 19px; | ||
Line 93: | Line 146: | ||
#menu a:hover { | #menu a:hover { | ||
- | color: # | + | 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; | ||
+ | } | ||
+ | |||
+ | /*----------------------------------------------------------------------------*/ | ||
+ | /* menu blue */ | ||
+ | /*----------------------------------------------------------------------------*/ | ||
#menublue a { | #menublue a { | ||
display: block; | display: block; | ||
- | background: # | + | background: #3A5FCD url(https://static.igem.org/mediawiki/2009/3/31/TUDarr.png) no-repeat center left; |
color: #FFFFFF; | color: #FFFFFF; | ||
padding: 5px 0 5px 19px; | padding: 5px 0 5px 19px; | ||
Line 109: | Line 173: | ||
#menublue a:hover { | #menublue a:hover { | ||
- | color: # | + | color: #FFFFFF; |
- | + | background: #002266 url(https://static.igem.org/mediawiki/2009/0/0b/TUDarr_on.png) no-repeat center left; | |
- | background: # | + | |
} | } | ||
#menublue .selflink { | #menublue .selflink { | ||
display: block; | display: block; | ||
- | background: # | + | background: #002266 url(https://static.igem.org/mediawiki/2009/3/31/TUDarr.png) no-repeat center left; |
color: #FFFFFF; | color: #FFFFFF; | ||
padding: 5px 0 5px 19px; | padding: 5px 0 5px 19px; | ||
Line 122: | Line 185: | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
+ | |||
+ | /*----------------------------------------------------------------------------*/ | ||
+ | /* menu blue in section */ | ||
+ | /*----------------------------------------------------------------------------*/ | ||
#menubluesection a { | #menubluesection a { | ||
display: block; | display: block; | ||
- | background: #002266; | + | background: #002266 url(https://static.igem.org/mediawiki/2009/3/31/TUDarr.png) no-repeat center left; |
color: #FFFFFF; | color: #FFFFFF; | ||
padding: 5px 0 5px 19px; | padding: 5px 0 5px 19px; | ||
Line 131: | Line 198: | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
- | |||
#menubluesection a:hover { | #menubluesection a:hover { | ||
- | color: # | + | color: #FFFFFF; |
- | + | background: #002266 url(https://static.igem.org/mediawiki/2009/0/0b/TUDarr_on.png) no-repeat center left; | |
- | background: #002266; | + | |
} | } | ||
#menubluesection .selflink { | #menubluesection .selflink { | ||
display: block; | display: block; | ||
- | background: #002266; | + | background: #002266 url(https://static.igem.org/mediawiki/2009/3/31/TUDarr.png) no-repeat center left; |
color: #FFFFFF; | color: #FFFFFF; | ||
padding: 5px 0 5px 19px; | padding: 5px 0 5px 19px; | ||
Line 147: | Line 212: | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
+ | |||
+ | /*----------------------------------------------------------------------------*/ | ||
+ | /* menu orange in section */ | ||
+ | /*----------------------------------------------------------------------------*/ | ||
#menuorangesection a { | #menuorangesection a { | ||
display: block; | display: block; | ||
- | background: # | + | background: #FF6600 url(https://static.igem.org/mediawiki/2009/3/31/TUDarr.png) no-repeat center left; |
color: #FFFFFF; | color: #FFFFFF; | ||
padding: 5px 0 5px 19px; | padding: 5px 0 5px 19px; | ||
Line 159: | Line 228: | ||
#menuorangesection a:hover { | #menuorangesection a:hover { | ||
- | color: # | + | color: #000000; |
- | + | background: #FFCC66 url(https://static.igem.org/mediawiki/2009/0/0b/TUDarr_on.png) no-repeat center left; | |
- | background: # | + | |
} | } | ||
#menuorangesection .selflink { | #menuorangesection .selflink { | ||
display: block; | display: block; | ||
- | background: # | + | background: #FFCC66 url(https://static.igem.org/mediawiki/2009/3/31/TUDarr.png) no-repeat center left; |
color: #000000; | color: #000000; | ||
padding: 5px 0 5px 19px; | padding: 5px 0 5px 19px; | ||
Line 172: | Line 240: | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
+ | |||
+ | |||
+ | /*----------------------------------------------------------------------------*/ | ||
+ | /* spacer */ | ||
+ | /*----------------------------------------------------------------------------*/ | ||
#menuspacer a { | #menuspacer a { | ||
Line 183: | Line 256: | ||
} | } | ||
- | # | + | #menuspacer a:hover { |
color: #000000; | color: #000000; | ||
background: #FFFFFF; | background: #FFFFFF; | ||
Line 197: | Line 270: | ||
} | } | ||
- | # | + | /*----------------------------------------------------------------------------*/ |
+ | /* content area */ | ||
+ | /*----------------------------------------------------------------------------*/ | ||
+ | |||
+ | #tudelft_content_wrapper { | ||
width: 593px; | width: 593px; | ||
position: relative; | position: relative; | ||
Line 204: | Line 281: | ||
} | } | ||
- | # | + | #tudelft_content_boxtop { |
width: 593px; | width: 593px; | ||
height: 10px; | height: 10px; | ||
- | background:url( | + | background:url(https://static.igem.org/mediawiki/2009/a/a1/Tudelft_content_top.png) no-repeat bottom left; |
position: relative; | position: relative; | ||
float: left; | float: left; | ||
} | } | ||
- | # | + | #tudelft_content_boxbottom { |
width: 593px; | width: 593px; | ||
height: 10px; | height: 10px; | ||
- | background:url ( | + | background:url(https://static.igem.org/mediawiki/2009/8/89/Tudelft_content_bottom.png) no-repeat top left; |
position: relative; | position: relative; | ||
float: left; | float: left; | ||
} | } | ||
- | # | + | #tudelft_content { |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
width: 571px; | width: 571px; | ||
padding: 10px; | padding: 10px; | ||
Line 302: | Line 307: | ||
text-align: justify; | text-align: justify; | ||
} | } | ||
+ | |||
+ | /*----------------------------------------------------------------------------*/ | ||
+ | /* general stuff */ | ||
+ | /*----------------------------------------------------------------------------*/ | ||
/*turn off title at top.*/ | /*turn off title at top.*/ | ||
Line 328: | Line 337: | ||
.noborder{border-top:0px;} | .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 | + | /* menu left */ |
/*----------------------------------------------------------------------------*/ | /*----------------------------------------------------------------------------*/ | ||
Line 341: | Line 392: | ||
</style> | </style> | ||
</html> | </html> | ||
- | + | <!-- *** HEADER *** --> | |
- | + | ||
<div id="header"> | <div id="header"> | ||
- | <div id="header_left"><span class="plainlinks">[https:// | + | <div id="header_left"><span class="plainlinks">[https://2009.igem.org/Team:TUDelft ]</span></div> |
- | <div id="header_middle"><span class="plainlinks">[https:// | + | <div id="header_middle"><span class="plainlinks">[https://2009.igem.org/Team:TUDelft ]</span></div> |
<div id="header_bar_link"> | <div id="header_bar_link"> | ||
- | + | [[Team:TUDelft/Brainstorm | Brainstorm]] | |
- | [[Team: | + | [[Team:TUDelft/Pictures| Pictures]] |
- | [[Team: | + | [[Team:TUDelft/Meetings| Meetings]] |
- | [[Team: | + | [[Team:TUDelft/Acknowledgements | Acknowledgements]] |
- | [[Team: | + | [[Team:TUDelft/Calendar| Calendar]] |
+ | [[Team:TUDelft/Contact | Contact]] | ||
</div></div><!--end header--> | </div></div><!--end header--> | ||
<html> | <html> | ||
- | |||
- | |||
- | |||
- | |||
<!-- *** LEFTSIDEMENU *** --> | <!-- *** LEFTSIDEMENU *** --> | ||
<div id="menu" background-color:#bfe2f9;> | <div id="menu" background-color:#bfe2f9;> | ||
<div id="menublue" background-color:#bfe2f9;> | <div id="menublue" background-color:#bfe2f9;> | ||
</html> | </html> | ||
- | [[Team: | + | [[Team:TUDelft | Home]] |
<html> | <html> | ||
</div> | </div> | ||
<div id="menuorangesection" background-color:#bfe2f9;> | <div id="menuorangesection" background-color:#bfe2f9;> | ||
</html> | </html> | ||
- | [[Team: | + | [[Team:TUDelft/Team | Team]] |
- | [[Team: | + | [[Team:TUDelft/Deliverables | Deliverables]] |
- | [[Team: | + | [[Team:TUDelft/Achievements | Achievements]] |
- | [[Team: | + | [[Team:TUDelft/Conclusions | Conclusions]] |
- | [[Team: | + | [[Team:TUDelft/Future Work | Future work]] |
- | [[Team: | + | [[Team:TUDelft/Safety | Safety]] |
- | [[Team: | + | [[Team:TUDelft/Notebook | Lab Notebook]] |
- | [http://partsregistry.org/cgi/partsdb/pgroup.cgi?pgroup= | + | [[Team:TUDelft/Protocols | Protocols used]] |
+ | [http://partsregistry.org/cgi/partsdb/pgroup.cgi?pgroup=iGEM2009&group=TUDelft Parts] | ||
<html> | <html> | ||
</div> | </div> | ||
<div id="menuspacer"> | <div id="menuspacer"> | ||
</html> | </html> | ||
- | [[Team: | + | [[Team:TUDelft | ]] |
- | + | ||
- | + | ||
<html> | <html> | ||
</div> | </div> | ||
</html> | </html> |
Revision as of 17:42, 28 June 2010