Template:Team:UW/CSS
From 2014.igem.org
(Difference between revisions)
Line 4: | Line 4: | ||
- | + | <html> | |
- | + | <head> | |
- | + | <style type="text/css"> | |
- | + | ||
- | + | ||
- | . | + | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/ |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | .firstHeading { | |
- | width: | + | width: 975px; |
- | + | margin: 0px auto; | |
- | + | padding-top: 100px; | |
- | + | margin-bottom: 20px; | |
- | margin: | + | font-family: Georgia, Times, "Times New Roman", serif; |
- | + | ||
} | } | ||
- | + | h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;} | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/ | #top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/ | ||
+ | background-color: #383838; | ||
border: 0 none; | border: 0 none; | ||
height: 14px; | height: 14px; | ||
Line 39: | Line 30: | ||
left: 50%; | left: 50%; | ||
margin-left: -487px; | margin-left: -487px; | ||
- | |||
} | } | ||
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/ | #top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/ | ||
- | + | background-color: #383838; | |
- | + | height: 14px; | |
display: block; | display: block; | ||
z-index: 10; | z-index: 10; | ||
position: fixed; | position: fixed; | ||
- | width:100%; | + | width: 100%; |
top: 0; | top: 0; | ||
} | } | ||
- | #menubar a:link, #menubar a:visited | + | #menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/ |
- | + | color: #727272; | |
text-decoration: none; | text-decoration: none; | ||
background-color: transparent; | background-color: transparent; | ||
} | } | ||
- | # | + | body { |
+ | background-color: #fff; | ||
+ | } | ||
+ | |||
+ | #globalWrapper, #content { /*-- changes default wiki settings --*/ | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | border: 0px; | ||
+ | background-color: transparent; | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | } | ||
+ | |||
+ | html, body, .wrapper { /*-- changes default wiki settings --*/ | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | #contentcontainer { /*-- creates container for all content on page --*/ | ||
+ | font-family: Arial, Helvetica, sans-serif; | ||
+ | font-weight: normal; | ||
+ | font-size: 14px; | ||
+ | color: #414141; | ||
+ | width: 960px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | background-color: #transparent; | ||
+ | margin-top: 0px; | ||
+ | } | ||
+ | |||
+ | .sidemenu, .sidemenu li { | ||
+ | list-style-type: none; | ||
+ | list-style-image: none; | ||
+ | font-family: verdana; | ||
+ | text-decoration: none; | ||
+ | color:#000; | ||
+ | font-size: 14px; | ||
+ | } | ||
+ | |||
+ | .sidemenu li {display: block;} | ||
+ | |||
+ | .sidemenu a { | ||
+ | text-decoration:none; | ||
+ | color: #000; | ||
+ | display: block; | ||
+ | width: 180px; | ||
+ | height: 100%; | ||
+ | padding: 3px 5px; | ||
+ | transition: .25s ease-in-out; | ||
+ | -moz-transition: .25s ease-in-out; | ||
+ | -webkit-transition: .25s ease-in-out; | ||
+ | } | ||
+ | |||
+ | .sidemenu a.greyout { color: #909090; } | ||
+ | |||
+ | .sidemenu a:hover { | ||
+ | color:#666; | ||
+ | background-color: #d9f5aa; | ||
+ | } | ||
+ | |||
+ | .sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;} | ||
+ | .sub-sidemenu a {color: #666;} | ||
+ | |||
+ | div.underconst | ||
{ | { | ||
- | + | padding:10px; | |
- | + | border-radius:5px; | |
- | + | background-color:pink; | |
+ | text-align:center; | ||
} | } | ||
- | |||
- | |||
- | |||
- | + | a.anchor{display: block; position: relative; top: -80px; visibility: hidden;} | |
- | + | ||
- | - | + | .contentpara {margin-bottom: 30px;} |
- | + | ||
+ | span.email{font-family: monospace; font-weight: normal;} | ||
+ | |||
+ | fieldset {border: 1px solid #337f53;} | ||
+ | |||
+ | .greyout {color: #A0A0A0;} | ||
+ | .highlightme {background-color: #FFFF00;} | ||
+ | |||
+ | #alertContainer { margin-bottom: 10px; width: 936px;} | ||
+ | #annContainer {margin-left: 8px;} | ||
+ | #newsContainer {border: 1px solid #ccc;} | ||
+ | |||
+ | .newsTitle { | ||
+ | display: block; | ||
+ | color: #414141; | ||
+ | font-size: 25px; | ||
+ | font-family: Georgia, Times, "Times New Roman", serif; | ||
+ | padding: 10px 15px 5px 10px; | ||
+ | border-bottom: 1px solid #ccc; | ||
+ | margin-bottom: 0px; | ||
} | } | ||
- | + | .newsItem { | |
- | + | border-bottom: 1px solid #ccc; | |
- | + | display: block; | |
+ | padding: 5px 15px 0px 10px; | ||
+ | margin-bottom: 0px; | ||
} | } | ||
+ | |||
+ | .newsItem h3 { | ||
+ | width: auto; | ||
+ | display: inline; | ||
+ | font-size: 14px; | ||
+ | font-family: Arial, Helvetica, sans-serif; | ||
+ | padding: 0px; | ||
+ | margin: 0px; | ||
+ | } | ||
+ | |||
+ | .newsItem img { | ||
+ | float: right; | ||
+ | clear: right; | ||
+ | width: 80px; | ||
+ | padding-left: 15px; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | .newsItem .newsDate { | ||
+ | font-style: italic; | ||
+ | font-size: 14px; | ||
+ | display: inline-block; | ||
+ | color: #999; | ||
+ | float: right; | ||
+ | padding: 0px 0px 10px 15px; | ||
+ | } | ||
+ | |||
+ | .newsItem p, .newsItem ul, .newsItem li { | ||
+ | padding: 0px; | ||
+ | margin-left: 20px; | ||
+ | font-size: 12px; | ||
+ | line-height: 1.2; | ||
+ | } | ||
+ | |||
+ | .newsItem p {margin-top: 10px;} | ||
+ | |||
+ | .annItem { | ||
+ | border: 2px solid #414141; | ||
+ | display: block; | ||
+ | padding: 0px 15px 10px 10px; | ||
+ | margin-bottom: 18px; | ||
+ | position: relative; | ||
+ | height: 160px; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | |||
+ | .annItem .annCentered { | ||
+ | display: table-cell; | ||
+ | vertical-align: middle; | ||
+ | height: 160px; | ||
+ | } | ||
+ | |||
+ | .annCentered h3 { | ||
+ | padding: 0px; | ||
+ | display: block; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .annItem ul, .annItem li {padding: 0px; margin: 0px;} | ||
+ | .annItem li {list-style: none; margin: 5px} | ||
+ | |||
+ | |||
</style> | </style> | ||
+ | |||
+ | |||
<!--main content --> | <!--main content --> | ||
<table width="70%" align="center"> | <table width="70%" align="center"> | ||
Line 86: | Line 225: | ||
<!--welcome box --> | <!--welcome box --> | ||
<tr> | <tr> | ||
- | <td style="border:1px solid | + | <td style="border:1px solid white; color: #39275B;" colspan="3" align="center" height="130px" bgColor=#C79900> |
- | <h1 > | + | <h1 >University of Washington iGEM 2014</h1> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</td> | </td> | ||
</tr> | </tr> | ||
Line 107: | Line 242: | ||
- | <td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='# | + | <td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#C79900'" bgColor= #C79900> |
- | <a href="https://2014.igem.org/Team:Washington"style="color:# | + | <a href="https://2014.igem.org/Team:Washington"style="color:#39275B">Home </a> </td> |
- | <td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='# | + | <td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#C79900'" bgColor=#C79900> |
- | <a href="https://2014.igem.org/Team:Washington/Team"style="color:# | + | <a href="https://2014.igem.org/Team:Washington/Team"style="color:#39275B"> Team </a> </td> |
- | <td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='# | + | <td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#C79900'" bgColor=#C79900> |
- | <a href="https://igem.org/Team.cgi?year=2014&team_name=Washington"style="color:# | + | <a href="https://igem.org/Team.cgi?year=2014&team_name=Washington"style="color:#39275B"> Official Team Profile </a></td> |
- | <td style="border:1px solid black" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='# | + | <td style="border:1px solid black" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#C79900'" bgColor=#C79900> |
- | <a href="https://2014.igem.org/Team:Washington/Project"style="color:# | + | <a href="https://2014.igem.org/Team:Washington/Project"style="color:#39275B"> Project</a></td> |
- | <td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='# | + | <td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#C79900'" bgColor=#C79900> |
- | <a href="https://2014.igem.org/Team:Washington/Parts"style="color:# | + | <a href="https://2014.igem.org/Team:Washington/Parts"style="color:#39275B"> Parts</a></td> |
- | <td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='# | + | <td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#C79900'" bgColor=#C79900> |
- | <a href="https://2014.igem.org/Team:Washington/Modeling"style="color:# | + | <a href="https://2014.igem.org/Team:Washington/Modeling"style="color:#39275B"> Outreach</a></td> |
- | <td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='# | + | <td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#C79900'" bgColor=#C79900> |
- | <a href="https://2014.igem.org/Team:Washington/Notebook"style="color:# | + | <a href="https://2014.igem.org/Team:Washington/Notebook"style="color:#39275B"> Protocols</a></td> |
- | <td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='# | + | <td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#C79900'" bgColor=#C79900> |
- | <a href="https://2014.igem.org/Team:Washington/Safety"style=" color:# | + | <a href="https://2014.igem.org/Team:Washington/Safety"style=" color:#39275B"> Safety </a></td> |
- | <td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='# | + | <td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#C79900'" bgColor=#C79900> |
- | <a href="https://2014.igem.org/Team:Washington/Attributions"style="color:# | + | <a href="https://2014.igem.org/Team:Washington/Attributions"style="color:#39275B"> Our Team</a></td> |
- | + | <td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#C79900'" bgColor=#C79900> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td> | |
- | <td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td> | + | |
</tr> | </tr> | ||
</table> | </table> | ||
Line 149: | Line 283: | ||
<!--safety content--> | <!--safety content--> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
Line 194: | Line 289: | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</td> | </td> | ||
Revision as of 04:20, 25 September 2014
University of Washington iGEM 2014 |
||||||||||||
| ||||||||||||