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">
-
div.navigater {
+
#search-controls {
-
border-top-style: solid;
+
  margin-top:30px;
-
border-top-width: 2px;
+
-
border-color: #FFDF00;
+
}
}
-
.navigater ul {
+
#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: -10px;
+
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;
}
}
-
.navigater ul li {
+
.sponsors ul li {
-
  z-index:100;
+
        z-index:100;
-
  font: bold 14px/20PX helvetica;
+
        font: bold 14px/20PX helvetica;
-
  display: inline-block;
+
        display: inline-block;
-
  margin: 0 20px;
+
        position: relative;
-
  padding-bottom: 18px;
+
        width: 300px;
-
  position: relative;
+
        height: 150px;
-
  width: 110px;
+
        padding-right: 5px;
-
  height: 32px;
+
        margin: 0;
-
  background-color: #BFAE30;
+
        background-color: transparent;
-
  background-repeat:no-repeat;
+
        background-repeat:no-repeat;
-
  text-align:center;
+
        text-align:center;
}
}
-
.navigater ul li a:link{
+
.sponsors ul li a:link{
-
background-color: #BFAE30;
+
display: block;
display: block;
font-size:16px/20px;
font-size:16px/20px;
width: 110px;
width: 110px;
height: 14px;
height: 14px;
-
padding-bottom:18px;
 
-
padding-top: 18px;
 
text-align:center;
text-align:center;
text-decoration:none;
text-decoration:none;
}
}
-
.navigater ul li ul {
+
.sponsors ul li:hover ul {
-
z-index:100;
+
        z-index:100;
-
position: absolute;
+
        display: block;
-
top: 46px;
+
        opacity: 0.95;
-
left: -18px;
+
        visibility: visible;
-
width: 104px;
+
         background-color: #BFAE30;
-
display: none;
+
-
opacity: 0;
+
-
visibility: hidden;
+
-
         background-color: #BFAE30
+
-
-webkit-transiton: opacity 0.2s;
+
-
-moz-transition: opacity 0.2s;
+
-
-ms-transition: opacity 0.2s;
+
-
-o-transition: opacity 0.2s;
+
-
-transition: opacity 0.2s;
+
}
}
-
 
+
.sponsors ul li a:hover {
-
.navigater ul li ul li {
+
        text-decoration:none;
-
 
+
         background-color: transparent;
-
z-index:100;
+
-
width: 104px;
+
-
margin:0px 0px 10px 0px;
+
-
display: block;  
+
-
         padding: 0px;
+
-
 
+
}
}
-
 
+
.sponsors ul li a:visited {
-
.navigater ul li ul li a:link{
+
         text-decoration:none;
-
width: 104px;
+
         background-color: transparent;
-
font-size:12px;
+
-
         padding-bottom: 9px;
+
-
         padding-top: 9px;
+
-
        margin:0px;
+
}
}
-
.navigater ul li ul li:hover {  
+
.content {
-
background-color: #BFAE30;
+
        padding: 10px 10px 10px 10px;
-
background-repeat: no-repeat;
+
        width: 70%;
-
background-position: 50% 60%;
+
        margin-left:auto;
-
+
        margin-right:auto;
-
}
+
background-color: white;
-
.navigater ul li:hover ul {
+
        height: auto;
-
  z-index:100;
+
        -webkit-border-radius: 10px;
-
  display: block;
+
        -moz-border-radius: 10px;
-
  opacity: 0.95;
+
        border-radius: 10px;
-
  visibility: visible;
+
        -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:
}
}
-
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/
+
.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;
-
}
 
-
 
-
body {
 
-
background-color: #fff;
 
}
}
Line 144: Line 262:
margin: 0px;
margin: 0px;
padding: 0px;
padding: 0px;
-
}
 
-
 
-
html, body, .wrapper { /*-- changes default wiki settings --*/
 
-
width: 100%;
 
-
height: 100%;
 
-
background-color: transparent;
 
}
}
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;}
-
 
-
#alertContainer {border: 2px solid red; margin-bottom: 10px; width: 936px;}
 
-
#annContainer {margin-left: 8px;}
 
-
#newsContainer {border: 1px solid #ccc;}
 
.newsTitle {
.newsTitle {
Line 302: Line 409:
</style>
</style>
-
</style>
+
</head>
</html>
</html>

Latest revision as of 19:39, 21 July 2014