Template:Nevada Home CSS

From 2011.igem.org

(Difference between revisions)
m
m
 
(55 intermediate revisions not shown)
Line 2: Line 2:
<style type="text/css" />
<style type="text/css" />
-
#left-minor-content{
+
#Nevada-MainContent{
   position: relative;
   position: relative;
   float: left;
   float: left;
   top: 159px;
   top: 159px;
   left: -5px;
   left: -5px;
-
   height: 800px;
+
   height: 100%;
-
   width: 330px;
+
   width: 943px;
   display: block;
   display: block;
   border-left: rgba(0,0,0,1) groove 4px;
   border-left: rgba(0,0,0,1) groove 4px;
-
   background-color: rgba(100,100,100,1);
+
   border-right: rgba(0,0,0,1) ridge 4px;
 +
  /*background-color: rgba(100,100,100,1);*/
   /* Color Background */
   /* Color Background */
-
   background: -webkit-gradient(linear, 0 50%,0 100%, from(#969696), to(#25324e));
+
   background-color: transparent !important;
-
   background: -webkit-linear-gradient(bottom, rgba(150,150,150,1) 97%, rgba(0,0,26,1), #25324e);
+
   /*background: -moz-linear-gradient(bottom, #858585 97%, rgba(0,0,26,1), #25324e); */
-
   background: -moz-linear-gradient(bottom, #969696 97%, rgba(0,0,26,1), #25324e);
+
   padding: 10px;
-
   background: -ms-linear-gradient(bottom, rgba(150,150,150,1) 97%, rgba(0,0,26,1), #25324e);
+
  padding-right: 2px !important;
-
   background: -o-linear-gradient(bottom, rgba(150,150,150,1) 97%, rgba(0,0,26,1), #25324e);
+
}
 +
 
 +
#left-minor-content{
 +
  position: relative;
 +
   float: left;
 +
  top: 15px;
 +
  left: -5px;
 +
  height: 100%;
 +
  width: 225px;
 +
  display: block;
 +
  border: rgba(0,0,0,0.6) solid 10px;
 +
   background-color: rgba(194,194,194,0.7);
   padding: 10px;
   padding: 10px;
}
}
Line 25: Line 37:
   display: block;
   display: block;
   float: left;
   float: left;
-
   top: 159px;
+
   top: 15px;
-
   left: -5px;
+
   left: 0px;
-
   width: 585px;
+
   width: 635px;
-
   height: 800px;
+
   height: 100%;
-
  border-right: rgba(0,0,0,1) ridge 4px;
+
   border: rgba(0,0,0,0.6) solid 10px;
-
  background-color: rgba(100,100,100,1);
+
   background-color: rgba(194,194,194,0.7);
-
    /* Color Background */
+
-
  background: -webkit-gradient(linear, 0 50%,0 100%, from(#969696), to(#25324e));
+
-
   background: -webkit-linear-gradient(bottom, rgba(150,150,150,1) 97%, rgba(0,0,26,1), #25324e);
+
-
  background: -moz-linear-gradient(bottom, #969696 97%, rgba(0,0,26,1), #25324e);
+
-
   background: -ms-linear-gradient(bottom, rgba(150,150,150,1) 97%, rgba(0,0,26,1), #25324e);
+
-
  background: -o-linear-gradient(bottom, rgba(150,150,150,1) 97%, rgba(0,0,26,1), #25324e);
+
   padding: 10px;
   padding: 10px;
}
}
Line 66: 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