Template:CSS/MainStyle

From 2014.igem.org

(Difference between revisions)
 
(52 intermediate revisions not shown)
Line 57: Line 57:
a:hover {
a:hover {
     color: #414141;
     color: #414141;
 +
    font-weight:bold;
}
}
body {
body {
-
     background-color: #e3e3e3;
+
     background-color: #ebebeb;
 +
    width: 100%;
}
}
 +
 +
 +
ul {
 +
    list-style-type: circle;
 +
  padding-left: 25px;
 +
    margin: 0px;
 +
}
 +
 +
-
#contentcontainer { /*-- creates container for all content on page --*/
+
/*-- full width container --*/
 +
#fullwidthcontainer {  
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-weight: normal;
 +
font-size: 14px;
 +
color: #414141;
 +
width: 925px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
background-color: #ffffff;
 +
margin-top: 0px;
 +
 
 +
    padding-top: 25px;
 +
    padding-bottom: 25px;
 +
    padding-right: 25px;
 +
    padding-left: 25px;
 +
}
 +
 
 +
 
 +
/*-- full width container with no padding--*/
 +
#fullwidthcontainernopadding {
font-family: Arial, Helvetica, sans-serif;  
font-family: Arial, Helvetica, sans-serif;  
font-weight: normal;  
font-weight: normal;  
Line 75: Line 106:
background-color: #ffffff;  
background-color: #ffffff;  
margin-top: 0px;  
margin-top: 0px;  
 +
}
}
 +
 +
/*-- subdivided container (two equal columns)--*/
 +
 +
#column1-wrap { 
 +
  width: 975px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
background-color: #ffffff;
 +
}
 +
 +
#column1 {
 +
    background-color: cyan;
 +
    width: 462px;
 +
    float: left;
 +
padding-top: 25px;
 +
    padding-bottom: 25px;
 +
    padding-left: 25px;
 +
}
 +
 +
#column2 {
 +
    background-color: lime;
 +
    float: left;
 +
    width: 463px; 
 +
    padding-top: 25px;
 +
    padding-bottom: 25px;
 +
    padding-left: 25px;
 +
}
 +
 +
#clear {
 +
    clear: both;
 +
}
 +
 +
 +
 +
 +
 +
/*-- subdivided container (two different columns)--*/
 +
 +
#columns-wrap { 
 +
  width: 975px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
background-color: #ffffff;
 +
}
 +
 +
#column1s {
 +
    background-color: #ffffff;
 +
    width: 300px;
 +
    float: left;
 +
padding-top: 25px;
 +
    padding-bottom: 25px;
 +
 
 +
    padding-left: 25px;
 +
}
 +
 +
#column2s {
 +
    background-color: #ffffff;
 +
    float: left;
 +
    width: 625px; 
 +
    padding-top: 25px;
 +
    padding-bottom: 25px;
 +
    padding-left: 25px;
 +
}
 +
 +
#clear {
 +
    clear: both;
 +
}
 +
 +
 +
 +
 +
 +
 +
/*-- subdivided container (three equal columns)--*/
 +
 +
#columnA-wrap { 
 +
  width: 975px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
background-color: #ffffff;
 +
}
 +
 +
#columnA {
 +
    background-color: cyan;
 +
    width: 300px;
 +
    float: left;
 +
padding-top: 25px;
 +
    padding-bottom: 25px;
 +
 
 +
    padding-left: 25px;
 +
}
 +
 +
#columnB {
 +
    background-color: lime;
 +
    float: left;
 +
    width: 300px; 
 +
    padding-top: 25px;
 +
    padding-bottom: 25px;
 +
    padding-left: 25px;
 +
}
 +
 +
#columnC {
 +
    background-color: cyan;
 +
    float: left;
 +
    width: 300px; 
 +
    padding-top: 25px;
 +
    padding-bottom: 25px;
 +
    padding-left: 25px;
 +
}
 +
#clear {
 +
    clear: both;
 +
}
</style>
</style>
</html>
</html>

Latest revision as of 17:19, 2 September 2014

Retrieved from "http://2014.igem.org/Template:CSS/MainStyle"