Template:Nevada Home CSS

From 2011.igem.org

(Difference between revisions)
m
m
 
(92 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<style type="text/css" />
<style type="text/css" />
 +
 +
#Nevada-MainContent{
 +
  position: relative;
 +
  float: left;
 +
  top: 159px;
 +
  left: -5px;
 +
  height: 100%;
 +
  width: 943px;
 +
  display: block;
 +
  border-left: rgba(0,0,0,1) groove 4px;
 +
  border-right: rgba(0,0,0,1) ridge 4px;
 +
  /*background-color: rgba(100,100,100,1);*/
 +
  /* Color Background */
 +
  background-color: transparent !important;
 +
  /*background: -moz-linear-gradient(bottom, #858585 97%, rgba(0,0,26,1), #25324e); */
 +
  padding: 10px;
 +
  padding-right: 2px !important;
 +
}
#left-minor-content{
#left-minor-content{
   position: relative;
   position: relative;
-
  top: 175px;
 
   float: left;
   float: left;
-
   left: 0px;
+
  top: 15px;
-
   height: 800px;
+
   left: -5px;
-
   width: 325px;
+
   height: 100%;
 +
   width: 225px;
   display: block;
   display: block;
-
   border: #FFF ridge 2px;
+
   border: rgba(0,0,0,0.6) solid 10px;
-
  background-color: rgba(100,100,100,1);
+
   background-color: rgba(194,194,194,0.7);
-
   background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#25324e));
+
-
  background: -webkit-linear-gradient(top, #506cab, #25324e);
+
-
  background: -moz-linear-gradient(top, #506cab, #25324e);
+
-
  background: -ms-linear-gradient(top, #506cab, #25324e);
+
-
  background: -o-linear-gradient(top, #506cab, #25324e);
+
   padding: 10px;
   padding: 10px;
}
}
Line 24: Line 37:
   display: block;
   display: block;
   float: left;
   float: left;
 +
  top: 15px;
   left: 0px;
   left: 0px;
-
   width: 590px;
+
   width: 635px;
-
   height: 800px;
+
   height: 100%;
-
   border: #FFF solid 2px;
+
   border: rgba(0,0,0,0.6) solid 10px;
-
  background-color: rgba(100,100,100,1);
+
   background-color: rgba(194,194,194,0.7);
-
   background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#25324e));
+
-
  background: -webkit-linear-gradient(top, #506cab, #25324e);
+
-
  background: -moz-linear-gradient(top, #506cab, #25324e);
+
-
  background: -ms-linear-gradient(top, #506cab, #25324e);
+
-
  background: -o-linear-gradient(top, #506cab, #25324e);
+
   padding: 10px;
   padding: 10px;
}
}
Line 63: Line 72:
}
}
/* End of Text Style */
/* End of Text Style */
 +
 +
.tabs {
 +
    list-style: none;
 +
    overflow: hidden;
 +
    padding-left: 1px;
 +
}
 +
 +
.tabs li {
 +
    display: inline;
 +
}
 +
 +
.tabs li a {
 +
    display: block;
 +
    float: left;
 +
    padding: 4px 8px;
 +
    color: black;
 +
    border: rgba(0,0,0,0.6) solid 2px;
 +
    background-color: rgba(194,194,194,0.7);
 +
    margin: 0 -2px 0 -1px;
 +
}
 +
 +
.tabs li a.current { background: white; border-bottom: 0; position: relative; top: 2px; z-index: 2; }
 +
 +
.box-wrapper {
 +
    -moz-box-shadow: 0 0 20px black;
 +
    -webkit-box-shadow: 0 0 20px black;
 +
    padding: 20px;
 +
    background-color: rgba(194,194,194,0.7);
 +
    /*border: 1px solid #ccc; */
 +
    /*border: rgba(0,0,0,0.6) solid 1px;*/
 +
    border-top: rgba(0,0,0,0.6) solid 5px;
 +
    margin: -1px 0 0 0;
 +
    height: 930px;
 +
    position: relative;
 +
}
 +
.content-box { overflow: hidden; position: absolute; top: 20px; left: 20px; width: 658px; height: 930px; }
 +
 +
.col { width: 80%; float: left; position: relative; top: 930px; }
 +
.col-one, .col-two { margin-right: 3%; }
 +
</style>
</style>
</html>
</html>

Latest revision as of 06:35, 27 September 2011