Template:GeorgiaTech/css/experiment.css

From 2014.igem.org

(Difference between revisions)
 
(17 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);
}
}
Line 122: Line 134:
margin-bottom: 20px;
margin-bottom: 20px;
font-family: Georgia, Times, "Times New Roman", serif;  
font-family: Georgia, Times, "Times New Roman", serif;  
 +
}
 +
 +
.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;
}
}

Latest revision as of 19:39, 21 July 2014