Template:GeorgiaTech/css/experiment.css
From 2014.igem.org
(Difference between revisions)
(88 intermediate revisions not shown) | |||
Line 3: | Line 3: | ||
<style type="text/css"> | <style type="text/css"> | ||
- | + | #search-controls { | |
- | + | margin-top:30px; | |
- | + | ||
- | + | ||
} | } | ||
- | . | + | #footer-box, #siteSub, #search-controls, .firstHeading, #contentSub, #catlinks, #p-logo { |
+ | display:none; | ||
+ | } | ||
+ | |||
+ | #menubar { | ||
+ | margin-left: 10px; | ||
+ | } | ||
+ | |||
+ | .right-menu li a, .left-menu li a { | ||
+ | color: black; | ||
+ | background-color: transparent; | ||
+ | font-size: 10px; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | .right-menu li a:hover, .left-menu:hover a { | ||
+ | color: black; | ||
+ | } | ||
+ | |||
+ | #top-section { | ||
+ | height: 15px; | ||
+ | } | ||
+ | |||
+ | #SDUcontent { | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | html { | ||
+ | height:100%; | ||
+ | } | ||
+ | body { | ||
+ | background-image: url("https://static.igem.org/mediawiki/2014/1/13/Fyre-element.jpg"); | ||
+ | background-attachment: fixed; | ||
+ | background-position: top center; | ||
+ | background-repeat: no-repeat; | ||
+ | background-size: 100% | ||
+ | } | ||
+ | |||
+ | .sponsors { | ||
+ | font-family: Tahoma; | ||
+ | font-size: 14px; | ||
+ | color: #3D3D3D; | ||
+ | padding: 15px 60px; | ||
+ | width: 840px; | ||
+ | margin-left:auto; | ||
+ | margin-right:auto; | ||
+ | background-color: white; | ||
+ | height: auto; | ||
+ | border: 1px solid #cccccc; | ||
+ | -webkit-border-radius: 10px; | ||
+ | -moz-border-radius: 10px; | ||
+ | border-radius: 10px; | ||
+ | -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); | ||
+ | -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); | ||
+ | box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); | ||
+ | } | ||
+ | .sponsors ul { | ||
position: relative; | position: relative; | ||
- | left: | + | left: 0px; |
z-index:100; | z-index:100; | ||
text-align: center; | text-align: center; | ||
display: inline; | display: inline; | ||
list-style: none; | list-style: none; | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
} | } | ||
- | . | + | .sponsors ul li { |
- | + | z-index:100; | |
- | + | font: bold 14px/20PX helvetica; | |
- | + | display: inline-block; | |
- | + | position: relative; | |
- | + | width: 300px; | |
- | + | height: 150px; | |
- | + | padding-right: 5px; | |
- | + | margin: 0; | |
- | + | background-color: transparent; | |
- | + | background-repeat:no-repeat; | |
- | + | text-align:center; | |
} | } | ||
- | . | + | .sponsors ul li a:link{ |
- | + | ||
display: block; | display: block; | ||
font-size:16px/20px; | font-size:16px/20px; | ||
width: 110px; | width: 110px; | ||
height: 14px; | height: 14px; | ||
- | |||
- | |||
text-align:center; | text-align:center; | ||
text-decoration:none; | text-decoration:none; | ||
} | } | ||
- | . | + | .sponsors ul li:hover ul { |
- | + | z-index:100; | |
- | + | display: block; | |
- | + | opacity: 0.95; | |
- | + | visibility: visible; | |
- | + | background-color: #BFAE30; | |
- | + | ||
- | + | ||
- | + | ||
- | background-color: #BFAE30 | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | .sponsors ul li a:hover { | |
- | . | + | text-decoration:none; |
- | + | background-color: transparent; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | .sponsors ul li a:visited { | |
- | . | + | text-decoration:none; |
- | + | background-color: transparent; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | . | + | .content { |
- | + | padding: 10px 10px 10px 10px; | |
- | + | width: 70%; | |
- | background- | + | margin-left:auto; |
- | + | margin-right:auto; | |
- | + | background-color: white; | |
- | + | height: auto; | |
- | + | -webkit-border-radius: 10px; | |
- | + | -moz-border-radius: 10px; | |
- | + | border-radius: 10px; | |
- | + | -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); | |
+ | -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); | ||
+ | box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); | ||
} | } | ||
- | |||
Line 101: | Line 136: | ||
} | } | ||
- | # | + | .c-1{ |
+ | margin-top:5px; | ||
+ | float: left; | ||
+ | width: 100%; | ||
+ | border-bottom:1px #888888 solid; | ||
+ | } | ||
+ | |||
+ | .bio { | ||
+ | width:100%; | ||
+ | height:auto; | ||
+ | } | ||
+ | |||
+ | .bio img { | ||
+ | margin:10px; | ||
+ | -webkit-border-radius: 10px; | ||
+ | -moz-border-radius: 10px; | ||
+ | border-radius: 10px; | ||
+ | -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); | ||
+ | -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); | ||
+ | box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); | ||
+ | } | ||
+ | |||
+ | .content img { | ||
+ | margin:10px; | ||
+ | -webkit-border-radius: 10px; | ||
+ | -moz-border-radius: 10px; | ||
+ | border-radius: 10px; | ||
+ | -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); | ||
+ | -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); | ||
+ | box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); | ||
+ | } | ||
+ | .imgright { | ||
+ | margin:20px; | ||
+ | width:30%; | ||
+ | float:right; | ||
+ | height:auto; | ||
+ | } | ||
+ | |||
+ | .imgright img{ | ||
+ | -webkit-border-radius: 10px; | ||
+ | -moz-border-radius: 10px; | ||
+ | border-radius: 10px; | ||
+ | -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); | ||
+ | -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); | ||
+ | box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); | ||
+ | width:100%; | ||
+ | height:100%; | ||
+ | } | ||
+ | |||
+ | .imgleft { | ||
+ | margin:20px; | ||
+ | width:30%; | ||
+ | float:left; | ||
+ | height:auto; | ||
+ | } | ||
+ | |||
+ | .imgleft img { | ||
+ | -webkit-border-radius: 10px; | ||
+ | -moz-border-radius: 10px; | ||
+ | border-radius: 10px; | ||
+ | -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); | ||
+ | -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); | ||
+ | box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); | ||
+ | width:100%; | ||
+ | height:100%; | ||
+ | } | ||
+ | |||
+ | .biotextleft { | ||
+ | width:60%; | ||
+ | margin-left:0%; | ||
+ | margin-right:0%; | ||
+ | float:left; | ||
+ | height:auto; | ||
+ | } | ||
+ | |||
+ | .biotextright { | ||
+ | width:60%; | ||
+ | margin-left:0%; | ||
+ | margin-right:0%; | ||
+ | float:right; | ||
+ | height:auto; | ||
+ | } | ||
+ | |||
+ | .biotext { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | height:auto; | ||
+ | } | ||
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;} | h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;} | ||
Line 131: | Line 253: | ||
text-decoration: none; | text-decoration: none; | ||
background-color: transparent; | background-color: transparent; | ||
- | |||
- | |||
- | |||
- | |||
} | } | ||
Line 144: | Line 262: | ||
margin: 0px; | margin: 0px; | ||
padding: 0px; | padding: 0px; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
Line 197: | Line 309: | ||
.sub-sidemenu a {color: #666;} | .sub-sidemenu a {color: #666;} | ||
- | div.underconst | + | div.underconst{ |
- | { | + | padding:10px; |
- | padding:10px; | + | border-radius:5px; |
- | border-radius:5px; | + | background-color:pink; |
- | background-color:pink; | + | text-align:center; |
- | text-align:center; | + | |
} | } | ||
Line 215: | Line 326: | ||
.greyout {color: #A0A0A0;} | .greyout {color: #A0A0A0;} | ||
.highlightme {background-color: #FFFF00;} | .highlightme {background-color: #FFFF00;} | ||
- | |||
- | |||
- | |||
- | |||
.newsTitle { | .newsTitle { | ||
Line 302: | Line 409: | ||
</style> | </style> | ||
- | </ | + | </head> |
</html> | </html> |
Latest revision as of 19:39, 21 July 2014