Template:GeorgiaTech/css/experiment.css

From 2014.igem.org

(Difference between revisions)
 
(39 intermediate revisions not shown)
Line 2: Line 2:
<head>
<head>
<style type="text/css">
<style type="text/css">
-
 
-
#navigation{ <UL>
 
-
    <LI class="column" id="HOME"><a href="https://2014.igem.org/Team:GeorgiaTech"style="color:#FFE740"> Home</a></LI>
 
-
    <LI class="column" id="PROJECT"><a href="https://2014.igem.org/Team:GeorgiaTech/Project"style="color:#FFE740"> Project</a>
 
-
<UL>       
 
-
        <LI><A href="https://2014.igem.org/Team:GeorgiaTech/Parts"style="color:#FFE740">Biobricks</A></LI>       
 
-
    <LI><A href="https://2014.igem.org/Team:GeorgiaTech/Modeling"style="color:#FFE740">Modeling</A></LI></UL></LI></LI>   
 
-
    <LI class="column" id="SAFETY"><a href="https://2014.igem.org/Team:GeorgiaTech/Safety"style="color:#FFE740"> Safety</a></LI>
 
-
    <LI class="column" id="NOTEBOOK" ><a href="https://2014.igem.org/Team:GeorgiaTech/Notebook"style="color:#FFE740"> Notebook</a>   
 
-
<UL>       
 
-
    <LI><A href="https://2014.igem.org/Team:GeorgiaTech/Notebook/Protocols"style="color:#FFE740">Protocols</A></LI>       
 
-
    <LI><A href="https://2014.igem.org/Team:GeorgiaTech/Notebook/LabNotes"style="color:#FFE740">Labnotes</A></LI></UL></LI>   
 
-
    <LI class="column" id="TEAM"><a href="https://2014.igem.org/Team:GeorgiaTech/Team"style="color:#FFE740"> Team </a>
 
-
        <UL>
 
-
            <LI><A href="https://2014.igem.org/Team:GeorgiaTech/Team/Bios"style="color:#FFE740">Member</A></LI>
 
-
            <LI><A href="https://2014.igem.org/Team:GeorgiaTech/Attributions"style="color:#FFE740">Attributions</A></LI>
 
-
            <LI><A href="https://igem.org/Team.cgi?year=2014&team_name=GeorgiaTech"style="color:#FFE740">Official Team Profile</A></LI></UL></LI>
 
-
            <LI class="column" id="iGEM" style="position:relative; top:8px;"><a href="https://2014.igem.org/Main_Page" style="color:#FFE740"> <img src="https://static.igem.org/mediawiki/2014/2/2a/Igemlogo_smallpx.png" height="40px" style="position:relative; top:-10px;"></a></LI>
 
-
</UL>
 
-
}
 
#search-controls {
#search-controls {
Line 57: 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 120: 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 133: 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 {
-
  z-index:100;
+
    width:100%;
-
  font: bold 14px/20PX helvetica;
+
    height:auto;
-
  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 {
-
z-index:100;
+
    margin:10px;
-
position: absolute;
+
    -webkit-border-radius: 10px;
-
top: 46px;
+
    -moz-border-radius: 10px;
-
left: -18px;
+
    border-radius: 10px;
-
width: 104px;
+
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
-
display: none;
+
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
-
opacity: 0;
+
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
-
visibility: hidden;
+
}
-
        -webkit-transiton: opacity 0.2s;
+
.imgright {
-
-moz-transition: opacity 0.2s;
+
    margin:20px;
-
-ms-transition: opacity 0.2s;
+
    width:30%;
-
-o-transition: opacity 0.2s;
+
    float:right;
-
-transition: opacity 0.2s;
+
    height:auto;
}
}
-
.navigater ul li ul li {
+
.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%;
 +
}
-
z-index:100;
+
.imgleft {
-
width: 104px;
+
    margin:20px;
-
margin:0px 0px 10px 0px;  
+
    width:30%;
-
display: block;  
+
    float:left;
-
        padding: 0px;
+
    height:auto;
}
}
-
.navigater ul li ul li a:link{
+
.imgleft img {
-
width: 104px;
+
    -webkit-border-radius: 10px;
-
font-size:12px;
+
    -moz-border-radius: 10px;
-
        padding-bottom: 9px;
+
    border-radius: 10px;
-
        padding-top: 9px;
+
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
-
        margin:0px;
+
    -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 ul li:hover {  
+
.biotextleft {
-
background-color: #BFAE30;
+
    width:60%;
-
background-repeat: no-repeat;
+
    margin-left:0%;
-
background-position: 50% 60%;
+
    margin-right:0%;
-
+
    float:left;
 +
    height:auto;
}
}
-
.navigater ul li:hover ul {
+
 
-
  z-index:100;
+
.biotextright {
-
  display: block;
+
    width:60%;
-
  opacity: 0.95;
+
    margin-left:0%;
-
  visibility: visible;
+
    margin-right:0%;
-
  background-color: #BFAE30;
+
    float:right;
 +
    height:auto;
}
}
-
.navigater ul li a:hover {text-decoration:none; background-color: transparent;}
 
-
.navigater ul li a:visited {text-decoration:none; background-color: transparent;}
 
-
 
+
.biotext {
-
.firstHeading {
+
    float:left;
-
width: 975px;  
+
    width:100%;
-
margin: 0px auto;
+
    height:auto;
-
padding-top: 100px;
+
-
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"