Team:Shenzhen BGIC 0101/Templates/Banner

From 2013.igem.org

(Difference between revisions)
Line 4: Line 4:
   <style type="text/css">
   <style type="text/css">
 +
 +
 
 +
  #top-section {
 +
  width: 975px;
 +
  height: 20px;
 +
  background-color: #ffffff;
 +
  }
 +
 +
  #p-logo {
 +
  display: none;}
 +
 +
  #search-controls {
 +
  display: none;}
 +
 +
  .right-menu li a, .right-menu li a:hover {
 +
  color: #3c6b27;
 +
  background-color: transparent;
 +
  }
 +
 +
  .firstHeading {
 +
    display: none;}
   #Genovologo {
   #Genovologo {
Line 48: Line 69:
   }
   }
    
    
-
.redtab
+
  #content {
-
  {
+
  position: relative;
-
    width: 900px;
+
  width: 975px;
-
    margin: 100px auto 0 auto;  
+
  margin: 0 auto;
-
    font-size: 1.5em;
+
  padding-top:1px;
-
  }
+
  padding-left:0px;
 +
  padding-right:0px;
 +
  padding-bottom:0px;
 +
  background: #ffffff;
 +
  color: black;
 +
  border: none;
 +
  line-height: 1.5em;
 +
  z-index: 2;
 +
  }
-
  #tabs
+
  #contentSub {
-
  {
+
  margin: 0 0 0 0;
-
  overflow: auto;
+
-
  width: 100%;
+
-
  list-style: none;
+
-
  margin: 0;
+
-
  padding: 0;
+
-
  }
+
-
 
+
-
  #tabs li
+
-
  {
+
-
    margin: 0;
+
-
    padding: 0;
+
-
    float: left;
+
   }
   }
-
   #tabs a
+
   #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 {
-
  {
+
  margin-bottom: 0;
-
    -moz-box-shadow: -4px 0 0 rgba(0, 0, 0, .2);
+
-
    -webkit-box-shadow: -4px 0 0 rgba(0, 0, 0, .2);
+
-
    box-shadow: -4px 0 0 rgba(0, 0, 0, .2);
+
-
    background: #ad1c1c;
+
-
    background:    -moz-linear-gradient(220deg, transparent 10px, #ad1c1c 10px);
+
-
    background:    -webkit-linear-gradient(220deg, transparent 10px, #ad1c1c 10px);   
+
-
    background:    -ms-linear-gradient(220deg, transparent 10px, #ad1c1c 10px);
+
-
    background:      -o-linear-gradient(220deg, transparent 10px, #ad1c1c 10px);
+
-
    background:        linear-gradient(220deg, transparent 10px, #ad1c1c 10px);
+
-
    text-shadow: 0 1px 0 rgba(0,0,0,.5);
+
-
    color: #fff;
+
-
    float: left;
+
-
    font: bold 12px/35px 'Lucida sans', Arial, Helvetica;
+
-
    height: 35px;
+
-
    padding: 0 30px;
+
-
    text-decoration: none;
+
   }
   }
-
 
-
  #tabs a:hover
 
-
  {
 
-
    background: #c93434;
 
-
    background:    -moz-linear-gradient(220deg, transparent 10px, #c93434 10px);
 
-
    background:    -webkit-linear-gradient(220deg, transparent 10px, #c93434 10px);   
 
-
    background:    -ms-linear-gradient(220deg, transparent 10px, #c93434 10px);
 
-
    background:      -o-linear-gradient(220deg, transparent 10px, #c93434 10px);
 
-
    background:        linear-gradient(220deg, transparent 10px, #c93434 10px);   
 
-
    }
 
-
 
-
    #tabs a:focus
 
-
    {
 
-
    outline: 0;
 
-
    }
 
-
 
-
    #tabs #current a
 
-
    {
 
-
    background: #fff;
 
-
    background:    -moz-linear-gradient(220deg, transparent 10px, #fff 10px);
 
-
    background:    -webkit-linear-gradient(220deg, transparent 10px, #fff 10px);   
 
-
    background:    -ms-linear-gradient(220deg, transparent 10px, #fff 10px);
 
-
    background:      -o-linear-gradient(220deg, transparent 10px, #fff 10px);
 
-
    background:        linear-gradient(220deg, transparent 10px, #fff 10px);
 
-
    text-shadow: none;   
 
-
    color: #333;
 
-
    }
 
-
 
-
  #content
 
-
    {
 
-
    background-color: #fff;
 
-
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
 
-
    background-image: -webkit-linear-gradient(top, #fff, #ddd);
 
-
    background-image:    -moz-linear-gradient(top, #fff, #ddd);
 
-
    background-image:    -ms-linear-gradient(top, #fff, #ddd);
 
-
    background-image:      -o-linear-gradient(top, #fff, #ddd);
 
-
    background-image:        linear-gradient(top, #fff, #ddd);
 
-
    -moz-border-radius: 0 2px 2px 2px;
 
-
    -webkit-border-radius: 0 2px 2px 2px;
 
-
    border-radius: 0 2px 2px 2px;
 
-
    -moz-box-shadow: 0 2px 2px #000, 0 -1px 0 #fff inset;
 
-
    -webkit-box-shadow: 0 2px 2px #000, 0 -1px 0 #fff inset;
 
-
    box-shadow: 0 2px 2px #000, 0 -1px 0 #fff inset;
 
-
    padding: 30px;
 
-
    }
 
-
  #content div
 
-
{
 
-
    height: auto;
 
-
}
 
-
 
-
/* --- */
 
-
#about
 
-
{
 
-
    color: #999;
 
-
}
 
-
 
-
#about a
 
-
{
 
-
    color: #eee;
 
-
}
 
-
 
   a {color:#93B825;}
   a {color:#93B825;}
Line 217: Line 157:
   margin: 0 0 0 0;
   margin: 0 0 0 0;
   padding: 5px 20px 0px 20px;
   padding: 5px 20px 0px 20px;
-
  }
 
-
  #module p,#nextversion p{
 
-
  font-size:1.5em;
 
   }
   }
Line 225: Line 162:
   border:1px solid #B2B2B2;
   border:1px solid #B2B2B2;
   z-index:101;
   z-index:101;
 +
  }
 +
 +
  .borderMagnify {
 +
  border:1px solid #B2B2B2;
 +
  z-index:101;
 +
  margin-left:-9px;
 +
  margin-right:9px;
 +
  }
 +
 +
  .imgbox {
 +
  margin:20px;
 +
  padding:10px;
 +
  border:1px solid black;
 +
  text-align:center;
 +
  }
 +
 +
  .vidbox {
 +
  margin:20px;
 +
  padding:10px;
 +
  border:1px solid black;
 +
  text-align:center;
 +
  }
 +
 +
  .newouterbox {
 +
  background-color:#FF944D;border:1px solid #CCCCCC;margin:20px;padding-bottom:0px;
 +
  }
 +
 +
  .newinnerbox {
 +
  border:1px solid #CCCCCC;margin:10px 20px 20px 20px;padding-top:0px;padding-bottom:13px;background-color:#ffffff;
 +
  }
 +
 +
  .newtext {
 +
  text-align:center;background-color:#FF944D;color:#000000;
   }
   }
Line 254: Line 224:
   }
   }
 +
  iframe {
 +
  padding: 10px 20px 10px 20px;
 +
  }
   #BackToTop {
   #BackToTop {
Line 299: Line 272:
   }
   }
    
    
-
 
   .hehe {
   .hehe {
     width:900px;
     width:900px;
     height:auto;
     height:auto;
     }
     }
 +
 +
.redtab
 +
{
 +
    width: 900px;
 +
    margin: 100px auto 0 auto;
 +
    font-size: 1.5em;
 +
}
-
   .ta {
+
#tabs
-
     width:600px;
+
{
-
     heigth:auto;
+
  overflow: auto;
-
     text-align:center;
+
  width: 100%;
-
     }
+
  list-style: none;
 +
  margin: 0;
 +
  padding: 0;
 +
}
 +
 
 +
#tabs li
 +
{
 +
    margin: 0;
 +
    padding: 0;
 +
    float: left;
 +
}
 +
 
 +
#tabs a
 +
{
 +
    -moz-box-shadow: -4px 0 0 rgba(0, 0, 0, .2);
 +
    -webkit-box-shadow: -4px 0 0 rgba(0, 0, 0, .2);
 +
    box-shadow: -4px 0 0 rgba(0, 0, 0, .2);
 +
    background: #ad1c1c;
 +
    background:   -moz-linear-gradient(220deg, transparent 10px, #ad1c1c 10px);
 +
    background:    -webkit-linear-gradient(220deg, transparent 10px, #ad1c1c 10px);   
 +
    background:    -ms-linear-gradient(220deg, transparent 10px, #ad1c1c 10px);
 +
    background:      -o-linear-gradient(220deg, transparent 10px, #ad1c1c 10px);
 +
    background:        linear-gradient(220deg, transparent 10px, #ad1c1c 10px);
 +
    text-shadow: 0 1px 0 rgba(0,0,0,.5);
 +
    color: #fff;
 +
    float: left;
 +
    font: bold 12px/35px 'Lucida sans', Arial, Helvetica;
 +
    height: 35px;
 +
    padding: 0 30px;
 +
    text-decoration: none;
 +
}
 +
 
 +
#tabs a:hover
 +
{
 +
     background: #c93434;
 +
     background:   -moz-linear-gradient(220deg, transparent 10px, #c93434 10px);
 +
    background:    -webkit-linear-gradient(220deg, transparent 10px, #c93434 10px);   
 +
    background:    -ms-linear-gradient(220deg, transparent 10px, #c93434 10px);
 +
    background:      -o-linear-gradient(220deg, transparent 10px, #c93434 10px);
 +
    background:        linear-gradient(220deg, transparent 10px, #c93434 10px);   
 +
}
 +
 
 +
#tabs a:focus
 +
{
 +
    outline: 0;
 +
}
 +
 
 +
#tabs #current a
 +
{
 +
    background: #fff;
 +
    background:    -moz-linear-gradient(220deg, transparent 10px, #fff 10px);
 +
    background:    -webkit-linear-gradient(220deg, transparent 10px, #fff 10px);   
 +
    background:    -ms-linear-gradient(220deg, transparent 10px, #fff 10px);
 +
    background:      -o-linear-gradient(220deg, transparent 10px, #fff 10px);
 +
    background:        linear-gradient(220deg, transparent 10px, #fff 10px);
 +
     text-shadow: none;  
 +
     color: #333;
 +
}
 +
 
 +
#tutocontent
 +
{
 +
    background-color: #fff;
 +
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
 +
    background-image: -webkit-linear-gradient(top, #fff, #ddd);
 +
    background-image:    -moz-linear-gradient(top, #fff, #ddd);
 +
    background-image:    -ms-linear-gradient(top, #fff, #ddd);
 +
    background-image:      -o-linear-gradient(top, #fff, #ddd);
 +
    background-image:        linear-gradient(top, #fff, #ddd);
 +
    -moz-border-radius: 0 2px 2px 2px;
 +
    -webkit-border-radius: 0 2px 2px 2px;
 +
    border-radius: 0 2px 2px 2px;
 +
    -moz-box-shadow: 0 2px 2px #000, 0 -1px 0 #fff inset;
 +
    -webkit-box-shadow: 0 2px 2px #000, 0 -1px 0 #fff inset;
 +
    box-shadow: 0 2px 2px #000, 0 -1px 0 #fff inset;
 +
    padding: 30px;
 +
}
 +
 
 +
/* Remove the rule below if you want the content to be "organic" */
 +
#tutocontent div
 +
{
 +
    height: auto;
 +
}
 +
 
 +
/* --- */
 +
#about
 +
{
 +
    color: #999;
 +
}
 +
 
 +
#about a
 +
{
 +
    color: #eee;
 +
}
   </style>
   </style>

Revision as of 03:54, 26 October 2013