Template:UCL London Header
From 2009.igem.org
(Difference between revisions)
(89 intermediate revisions not shown) | |||
Line 8: | Line 8: | ||
color: #FFFFFF; | color: #FFFFFF; | ||
text-decoration: none; | text-decoration: none; | ||
- | background | + | background:#FFFFFF; |
height: 15px; | height: 15px; | ||
- | width: | + | width: 1039px; |
position: relative; | position: relative; | ||
z-index: 4; | z-index: 4; | ||
top: -193px; | top: -193px; | ||
- | + | border-style: none; | |
- | + | ||
- | + | ||
- | border | + | |
- | + | ||
- | + | ||
- | + | ||
cursor: defualt; | cursor: defualt; | ||
} | } | ||
Line 27: | Line 21: | ||
body { | body { | ||
- | color: # | + | background-image: url(https://static.igem.org/mediawiki/2009/e/e4/Ucl_Bg.jpg); |
+ | background-repeat: repeat-x; | ||
+ | background-position: left top; | ||
+ | color: #CCCCCC; | ||
margin: 0px; | margin: 0px; | ||
padding: 0px; | padding: 0px; | ||
- | + | background-color: #FFFFFF; | |
- | + | font-size: 13px; | |
- | + | ||
- | background-color: # | + | |
- | font-size: | + | |
} | } | ||
p { | p { | ||
Line 42: | Line 36: | ||
h1,h2,h3,h4,h5 { | h1,h2,h3,h4,h5 { | ||
- | color: # | + | color: #FFFFFF; |
- | margin- | + | background-color: #1e1e1e; |
- | margin-left: 30px; | + | margin-bottom: 15px; |
+ | margin-left: 15px; | ||
+ | padding-top: 2px; | ||
+ | padding-bottom: 2px; | ||
+ | padding-left: 30px; | ||
+ | margin-right: 15px; | ||
+ | border: none; | ||
+ | text-decoration: none; | ||
} | } | ||
+ | |||
+ | <!--Wiki specific styles --> | ||
+ | #top-section{ | ||
+ | background-color: transparent; | ||
+ | background-image: none; | ||
+ | border: none; | ||
+ | |||
+ | } | ||
+ | |||
+ | #search-controls{ | ||
+ | background-color: transparent; | ||
+ | background-image: none; | ||
+ | border: none; | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | #menubar{ | ||
+ | background-color: transparent; | ||
+ | background-image: none; | ||
+ | border: none; | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | #menubar a:link{ | ||
+ | font-size: 13px; | ||
+ | color: #FF7F00; | ||
+ | |||
+ | } | ||
+ | |||
+ | #menubar a:visited{ | ||
+ | font-size: 13px; | ||
+ | color: #FF7F00; | ||
+ | |||
+ | } | ||
+ | |||
+ | #menubar a:active{ | ||
+ | font-size: 13px; | ||
+ | color: #FF7F00; | ||
+ | |||
+ | } | ||
+ | |||
+ | #menubar ul a:hover{ | ||
+ | font-size: 13px; | ||
+ | color: #CD3700; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | #p-logo{ | ||
+ | background-color: #FFFFFF; | ||
+ | background-image: none; | ||
+ | width:250px; | ||
+ | height:80px; | ||
+ | overflow:hidden; | ||
+ | border: 2px outset #eeeeee; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
#content { | #content { | ||
- | width: | + | color: #CCCCCC; |
+ | width: 1039px; | ||
background-color: transparent; | background-color: transparent; | ||
- | |||
- | |||
- | |||
margin-right: auto; | margin-right: auto; | ||
margin-left: auto; | margin-left: auto; | ||
margin-top: 15px; | margin-top: 15px; | ||
- | margin-bottom: | + | margin-bottom: 0px; |
- | overflow: | + | overflow: visible; |
- | + | padding: 0px; | |
- | + | border: none; | |
- | + | ||
} | } | ||
+ | |||
+ | <!--Wiki specific styles end--> | ||
#uclleft_nav li { | #uclleft_nav li { | ||
list-style-image: none; | list-style-image: none; | ||
list-style-type: none; | list-style-type: none; | ||
margin-bottom: 5px; | margin-bottom: 5px; | ||
- | padding: 0px; | + | *margin-bottom: -13px;/* IE only*/ |
+ | padding: 0px; | ||
margin-top: 0px; | margin-top: 0px; | ||
margin-right: 0px; | margin-right: 0px; | ||
Line 72: | Line 138: | ||
} | } | ||
#uclleft_nav span { | #uclleft_nav span { | ||
- | |||
background-position: left top; | background-position: left top; | ||
height: 23px; | height: 23px; | ||
- | width: | + | width: 161px; |
display: block; | display: block; | ||
margin: 0px; | margin: 0px; | ||
- | text-align: | + | text-align: left; |
cursor: pointer; | cursor: pointer; | ||
- | |||
font-family: Arial, Helvetica, sans-serif; | font-family: Arial, Helvetica, sans-serif; | ||
+ | padding-left: 10px; | ||
+ | border: 1px outset #FFFFFF; | ||
} | } | ||
+ | #uclleft_nav a:hover span { | ||
+ | border: 1px inset #FFFFFF; | ||
+ | } | ||
+ | |||
+ | #uclleft_nav a:link{ | ||
+ | color: #FFFFFF; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | #uclleft_nav a:visited{ | ||
+ | color: #FFFFFF; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | #uclleft_nav a:active { | ||
+ | color: #FFFFFF; | ||
+ | text-decoration: none; | ||
+ | } | ||
#uclheader { | #uclheader { | ||
background-color: transparent; | background-color: transparent; | ||
- | background-image: url(https://static.igem.org/mediawiki/2009/ | + | background-image: url(https://static.igem.org/mediawiki/2009/7/74/Uclwiki_template2-1_hd-logo.png); |
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
margin: 0px; | margin: 0px; | ||
padding: 0px; | padding: 0px; | ||
- | height: | + | height: 6px; |
- | width: | + | width: 1039px; |
- | + | background-position: left top; | |
+ | float: left; | ||
} | } | ||
.igem_btn { | .igem_btn { | ||
Line 101: | Line 184: | ||
margin-top: 19px; | margin-top: 19px; | ||
margin-left: 29px; | margin-left: 29px; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
- | # | + | #ucllleft_nav a:hover { |
- | color: # | + | color: #00CCFF; |
text-decoration: none; | text-decoration: none; | ||
} | } | ||
- | |||
#ucldivider { | #ucldivider { | ||
Line 124: | Line 201: | ||
#ucltop_nav { | #ucltop_nav { | ||
background-color: transparent; | background-color: transparent; | ||
- | height: | + | height: 39px; |
- | width: | + | width: 1039px; |
margin: 0px; | margin: 0px; | ||
padding-top: 0px; | padding-top: 0px; | ||
padding-right: 0px; | padding-right: 0px; | ||
padding-bottom: 0px; | padding-bottom: 0px; | ||
- | padding-left: | + | padding-left: 53px; |
+ | background-image: url(https://static.igem.org/mediawiki/2009/6/60/Uclwiki_template2_top-nav.png); | ||
+ | background-position: left top; | ||
+ | background-repeat: no-repeat; | ||
+ | text-align: center; | ||
+ | clear: left; | ||
} | } | ||
+ | |||
+ | #uclmain_container { | ||
+ | background-color: transparent; | ||
+ | background-image: url(https://static.igem.org/mediawiki/2009/f/f4/Uclwiki_template2_body.gif); | ||
+ | background-repeat: repeat-y; | ||
+ | background-position: left top; | ||
+ | width: 1039px; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | |||
#uclleft_col { | #uclleft_col { | ||
float: left; | float: left; | ||
height: 100%; | height: 100%; | ||
- | width: | + | width: 200px; |
background-color: transparent; | background-color: transparent; | ||
- | + | padding-left: 23px; | |
- | + | ||
- | + | ||
- | + | ||
- | padding-left: | + | |
} | } | ||
+ | |||
+ | |||
#uclleft_nav { | #uclleft_nav { | ||
- | |||
list-style-image: none; | list-style-image: none; | ||
list-style-type: none; | list-style-type: none; | ||
padding: 0px; | padding: 0px; | ||
- | + | margin-left: 10px; | |
- | margin-left: | + | |
} | } | ||
+ | |||
+ | |||
#uclpadding { | #uclpadding { | ||
- | height: | + | height: 50px; |
- | width: | + | width: 1039px; |
- | + | ||
margin: 0px; | margin: 0px; | ||
padding: 0px; | padding: 0px; | ||
+ | background-color: transparent; | ||
} | } | ||
+ | |||
#ucla1 { | #ucla1 { | ||
- | width: | + | width: 750px; |
- | + | ||
margin-bottom: 20px; | margin-bottom: 20px; | ||
- | + | height: auto; | |
+ | float: left; | ||
+ | margin-top: 10px; | ||
+ | overflow: visible; | ||
} | } | ||
#uclfooter { | #uclfooter { | ||
- | background-color: | + | background-color: #FFFFFF; |
- | background-image: url(https://static.igem.org/mediawiki/2009/ | + | background-image: url(https://static.igem.org/mediawiki/2009/e/eb/Uclwiki_template2_footer.gif); |
margin: 0px; | margin: 0px; | ||
- | height: | + | height: 112px; |
- | width: | + | width: 1039px; |
- | + | ||
text-align: right; | text-align: right; | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: left top; | ||
+ | float: left; | ||
} | } | ||
+ | |||
ul { | ul { | ||
list-style-image: url(https://static.igem.org/mediawiki/2009/0/04/Ucl_Bullet.gif); | list-style-image: url(https://static.igem.org/mediawiki/2009/0/04/Ucl_Bullet.gif); | ||
Line 181: | Line 278: | ||
width: 60px; | width: 60px; | ||
height: 60px; | height: 60px; | ||
- | margin-right: | + | margin-right: 13px; |
margin-top: 6px; | margin-top: 6px; | ||
+ | border: none; | ||
+ | background-image: none; | ||
+ | padding: none; | ||
+ | |||
} | } | ||
Line 189: | Line 290: | ||
text-decoration: none; | text-decoration: none; | ||
border: none; | border: none; | ||
- | + | padding: 5px; | |
+ | background-color: transparent; | ||
+ | background-image: url(https://static.igem.org/mediawiki/2009/b/b6/Img-corner.gif); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: right bottom; | ||
+ | margin-right: 3%; | ||
+ | margin-left: 3%; | ||
} | } | ||
Line 199: | Line 306: | ||
margin: 0px; | margin: 0px; | ||
padding: 0px; | padding: 0px; | ||
+ | text-align: center; | ||
} | } | ||
+ | |||
#ucltop_nav ul { | #ucltop_nav ul { | ||
margin: 0px; | margin: 0px; | ||
Line 207: | Line 316: | ||
} | } | ||
#ucltop_nav span { | #ucltop_nav span { | ||
- | height: | + | height: 24px; |
- | width: | + | width: 145px; |
display: block; | display: block; | ||
margin-right: 10px; | margin-right: 10px; | ||
- | + | background-image: url(images/wiki_navBtn_blue.jpg); | |
- | background-image: url( | + | |
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: left top; | background-position: left top; | ||
padding-top: 5px; | padding-top: 5px; | ||
cursor: pointer; | cursor: pointer; | ||
+ | border-top-width: 3px; | ||
+ | border-right-width: 1px; | ||
+ | border-left-width: 1px; | ||
+ | border-top-style: solid; | ||
+ | border-right-style: solid; | ||
+ | border-left-style: solid; | ||
+ | border-top-color: #FFFFFF; | ||
+ | border-right-color: #FFFFFF; | ||
+ | border-left-color: #FFFFFF; | ||
} | } | ||
- | #ucltop_nav | + | |
+ | #ucltop_nav a:link span{ | ||
text-decoration: none; | text-decoration: none; | ||
font-size: 95%; | font-size: 95%; | ||
- | color: # | + | color: #666666; |
font-family: Arial, Helvetica, sans-serif; | font-family: Arial, Helvetica, sans-serif; | ||
font-variant: normal; | font-variant: normal; | ||
+ | background-color: #EFEEEE; | ||
} | } | ||
- | #ucltop_nav a: | + | |
- | color: # | + | #ucltop_nav a:visited span{ |
- | + | text-decoration: none; | |
+ | font-size: 95%; | ||
+ | color: #666666; | ||
+ | font-family: Arial, Helvetica, sans-serif; | ||
+ | font-variant: normal; | ||
+ | background-color: #EFEEEE; | ||
+ | |||
} | } | ||
- | #ucltop_nav a: | + | #ucltop_nav a:active span { |
color: #000000; | color: #000000; | ||
+ | text-decoration: none; | ||
+ | background-color: #FFFFFF; | ||
+ | border-top-width: 3px; | ||
+ | border-top-style: solid; | ||
+ | border-top-color: #CCCCCC; | ||
+ | } | ||
+ | #ucltop_nav a:hover span { | ||
+ | color: #000000; | ||
+ | background-color: #FFFFFF; | ||
+ | border-top-width: 1px; | ||
+ | border-top-style: solid; | ||
+ | border-top-color: #EFEEEE; | ||
} | } | ||
- | |||
- | + | a:link,a:visited,a:active{ | |
- | + | color: #0099FF; | |
- | + | text-decoration: none; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | # | + | |
- | background-image: url(https://static.igem.org/mediawiki/2009/ | + | a:hover{ |
+ | color: #33CC33; | ||
+ | }a {text-decoration: none;} | ||
+ | |||
+ | #adspace { | ||
+ | background-image: url(https://static.igem.org/mediawiki/2009/a/a5/Uclwiki_template2_adspace.png); | ||
background-position: left top; | background-position: left top; | ||
- | height: | + | height: 195px; |
- | width: | + | width: 1039px; |
- | + | background-color: transparent; | |
+ | background-repeat: no-repeat; | ||
margin: 0px; | margin: 0px; | ||
- | |||
- | |||
padding: 0px; | padding: 0px; | ||
- | + | float: left; | |
} | } | ||
- | + | ||
- | + | .img_border{ | |
+ | border:2px solid #FFFFFF; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | <!--[if IE]> | ||
+ | <style type="text/css"> | ||
+ | #ucla1 { | ||
+ | width: 750px; | ||
+ | margin-bottom: 20px; | ||
+ | height: auto; | ||
+ | float: left; | ||
+ | margin-top: 30px; | ||
+ | } | ||
+ | |||
+ | #uclleft_nav li { | ||
list-style-image: none; | list-style-image: none; | ||
list-style-type: none; | list-style-type: none; | ||
- | padding: 0px; | + | margin-bottom: -23px; |
- | margin-top: | + | padding: 0px; |
- | margin-left: | + | margin-top: 0px; |
+ | margin-right: 0px; | ||
+ | margin-left: 0px; | ||
} | } | ||
</style> | </style> | ||
+ | |||
<![endif]--> | <![endif]--> | ||
- | < | + | <!--[if IE6]> |
- | < | + | <style type="text/css"> |
- | + | #p-logo{ | |
- | + | background-color: #FFFFFF; | |
- | + | background-image: none; | |
- | + | width:275px; | |
- | + | height:85px; | |
- | + | overflow:hidden; | |
- | + | border: 2px outset #eeeeee; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | } | |
- | + | ||
- | + | ||
+ | </style> | ||
+ | <![endif]--> | ||
+ | <div id="uclheader"></div> | ||
+ | <div id="ucltop_nav"> | ||
+ | <ul> | ||
+ | <li><a href="https://2009.igem.org/Team:UCL_London"><span>Home</span></a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:UCL_London/Team"><span>The Team</span></a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:UCL_London/Notebook"><span>Wet Lab</span></a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:UCL_London/Ethics"><span>Ethics</span></a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:UCL_London/Project/References"><span>References</span></a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:UCL_London/Acknowledgement"><span>Acknowledgements</span></a></li> | ||
- | + | </ul> | |
</div> | </div> | ||
- | + | ||
- | </html> | + | <div id="adspace"></div> |
+ | <div id="uclmain_container"> | ||
+ | <div id="uclpadding"></div> </html> |
Latest revision as of 02:34, 22 October 2009