Template:GeorgiaTech/css/experiment.css

From 2014.igem.org

(Difference between revisions)
 
(28 intermediate revisions not shown)
Line 37: Line 37:
}
}
body {
body {
-
     background-color:#FFF378;
+
     background-image: url("https://static.igem.org/mediawiki/2014/1/13/Fyre-element.jpg");
-
    background-repeat: repeat;
+
     background-attachment: fixed;
-
     background-attachment:fixed;
+
     background-position: top center;
-
     overflow-x: hidden;
+
     background-repeat: no-repeat;
-
     height:100%;
+
     background-size: 100%
-
     overflow-y: scroll;
+
}
}
.sponsors {
.sponsors {
-
         width: 100%;
+
        font-family: Tahoma;
 +
        font-size: 14px;
 +
        color: #3D3D3D;
 +
        padding: 15px 60px;
 +
         width: 840px;
         margin-left:auto;
         margin-left:auto;
         margin-right:auto;
         margin-right:auto;
background-color: white;
background-color: white;
         height: auto;
         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 {
.sponsors ul {
Line 100: Line 110:
         text-decoration:none;
         text-decoration:none;
         background-color: transparent;
         background-color: transparent;
-
}
 
-
 
-
.clear {
 
-
    clear: both;
 
-
    height: 50px;
 
}
}
.content {
.content {
 +
        padding: 10px 10px 10px 10px;
         width: 70%;
         width: 70%;
         margin-left:auto;
         margin-left:auto;
Line 113: Line 119:
background-color: white;
background-color: white;
         height: auto;
         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);
}
}
-
div.navigater {
+
 
-
border-top-style: solid;
+
.firstHeading {
-
border-top-width: 2px;
+
width: 975px;
-
border-color: transparent;
+
margin: 0px auto;
 +
padding-top: 100px;
 +
margin-bottom: 20px;
 +
font-family: Georgia, Times, "Times New Roman", serif;  
}
}
-
.navigater ul {
+
 
-
position: relative;
+
.c-1{
-
left: -10px;
+
    margin-top:5px;
-
  z-index:100;
+
    float: left;
-
text-align: center;
+
    width: 100%;
-
display: inline;
+
    border-bottom:1px #888888 solid;
-
list-style: none;
+
}
}
-
.navigater ul li {
+
.bio {
-
        border: 2px solid #840000;
+
    width:100%;
-
        -moz-border-radius: 7px;
+
    height:auto;
-
        -webkit-border-radius: 7px;
+
-
z-index:100;
+
-
font: bold 14px/20PX helvetica;
+
-
  display: inline-block;
+
-
margin: 0 20px;
+
-
  padding-bottom: 18px;
+
-
  position: relative;
+
-
  width: 110px;
+
-
  height: 32px;
+
-
  background-color: #840000;
+
-
  background-repeat:no-repeat;
+
-
  text-align:center;
+
}
}
-
.navigater ul li a:link{
+
.bio img {
-
display: block;
+
    margin:10px;
-
font-size:16px/20px;
+
    -webkit-border-radius: 10px;
-
width: 110px;
+
    -moz-border-radius: 10px;
-
height: 14px;
+
    border-radius: 10px;
-
padding-bottom:18px;
+
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
-
padding-top: 18px;
+
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
-
text-align:center;
+
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
-
text-decoration:none;
+
}
}
-
.navigater ul li ul {
+
.content img {
-
        margin-left:-1px;
+
    margin:10px;
-
z-index:100;
+
    -webkit-border-radius: 10px;
-
position: absolute;
+
    -moz-border-radius: 10px;
-
top: 46px;
+
    border-radius: 10px;
-
left: -18px;
+
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
-
width: 104px;
+
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
-
display: none;
+
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
-
opacity: 0;
+
}
-
visibility: hidden;
+
.imgright {
-
        -webkit-transiton: opacity 0.2s;
+
    margin:20px;
-
-moz-transition: opacity 0.2s;
+
    width:30%;
-
-ms-transition: opacity 0.2s;
+
    float:right;
-
-o-transition: opacity 0.2s;
+
    height:auto;
-
-transition: opacity 0.2s;
+
}
}
-
.navigater ul li ul li {
+
.imgright img{
-
        margin-left:10px;
+
    -webkit-border-radius: 10px;
-
        border: 2px solid #840000;
+
    -moz-border-radius: 10px;
-
        -moz-border-radius: 7px;
+
    border-radius: 10px;
-
        -webkit-border-radius: 7px;
+
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
-
z-index:100;
+
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
-
width: 104px;
+
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
-
margin:0px 0px 10px 0px;  
+
    width:100%;
-
display: block;  
+
    height:100%;
-
        padding: 0px;
+
}
}
-
.navigater ul li ul li a:link{
+
.imgleft {
-
width: 104px;
+
    margin:20px;
-
font-size:12px;
+
    width:30%;
-
        padding-bottom: 9px;
+
    float:left;
-
        padding-top: 9px;
+
    height:auto;
-
        margin:0px;
+
}
}
-
.navigater ul li ul li:hover {  
+
.imgleft img {
-
background-color: #BFAE30;
+
    -webkit-border-radius: 10px;
-
background-repeat: no-repeat;
+
    -moz-border-radius: 10px;
-
background-position: 50% 60%;
+
    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%;
}
}
-
.navigater ul li:hover ul {
+
 
-
  z-index:100;
+
.biotextleft {
-
  display: block;
+
    width:60%;
-
  opacity: 0.95;
+
    margin-left:0%;
-
  visibility: visible;
+
    margin-right:0%;
-
  background-color: #BFAE30;
+
    float:left;
 +
    height:auto;
}
}
-
.navigater ul li a:hover {text-decoration:none; background-color: transparent;}
 
-
.navigater ul li a:visited {text-decoration:none; background-color: transparent;}
 
 +
.biotextright {
 +
    width:60%;
 +
    margin-left:0%;
 +
    margin-right:0%;
 +
    float:right;
 +
    height:auto;
 +
}
-
.firstHeading {
+
.biotext {
-
width: 975px;  
+
    float:left;
-
margin: 0px auto;
+
    width:100%;
-
padding-top: 100px;
+
    height:auto;
-
margin-bottom: 20px;
+
-
font-family: Georgia, Times, "Times New Roman", serif;  
+
}
}

Latest revision as of 19:39, 21 July 2014

Retrieved from "http://2014.igem.org/Template:GeorgiaTech/css/experiment.css"