Template:CSS/MainStyle

From 2014.igem.org

(Difference between revisions)
 
(29 intermediate revisions not shown)
Line 57: Line 57:
a:hover {
a:hover {
     color: #414141;
     color: #414141;
 +
    font-weight:bold;
}
}
Line 63: Line 64:
     width: 100%;
     width: 100%;
}
}
 +
 +
 +
ul {
 +
    list-style-type: circle;
 +
  padding-left: 25px;
 +
    margin: 0px;
 +
}
 +
 +
 +
Line 82: Line 93:
     padding-left: 25px;
     padding-left: 25px;
}
}
 +
 +
 +
/*-- full width container with no padding--*/
 +
#fullwidthcontainernopadding {
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-weight: normal;
 +
font-size: 14px;
 +
color: #414141;
 +
width: 975px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
background-color: #ffffff;
 +
margin-top: 0px;
 +
 +
}
 +
 +
Line 87: Line 115:
#column1-wrap {   
#column1-wrap {   
-
   width: 925px;  
+
   width: 975px;  
margin-left: auto;  
margin-left: auto;  
margin-right: auto;  
margin-right: auto;  
Line 95: Line 123:
#column1 {
#column1 {
     background-color: cyan;
     background-color: cyan;
-
     width: 300px;
+
     width: 462px;
     float: left;
     float: left;
 +
padding-top: 25px;
 +
    padding-bottom: 25px;
 +
    padding-left: 25px;
}
}
#column2 {
#column2 {
     background-color: lime;
     background-color: lime;
-
     float: right;
+
     float: left;
-
     width: 300px;  
+
     width: 463px; 
 +
    padding-top: 25px;
 +
    padding-bottom: 25px;
 +
    padding-left: 25px;  
}
}
Line 109: Line 143:
}
}
 +
 +
 +
 +
 +
/*-- 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