Template:CSS/MainStyle

From 2014.igem.org

(Difference between revisions)
 
(26 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 84: Line 95:
-
/*-- subdivided container (two equal columns)--*/
+
/*-- full width container with no padding--*/
-
 
+
#fullwidthcontainernopadding {  
-
#column1-wrap {
+
font-family: Arial, Helvetica, sans-serif;  
-
  font-family: Arial, Helvetica, sans-serif;  
+
font-weight: normal;  
font-weight: normal;  
font-size: 14px;  
font-size: 14px;  
color: #414141;
color: #414141;
-
width: 925px;  
+
width: 975px;  
margin-left: auto;  
margin-left: auto;  
margin-right: auto;  
margin-right: auto;  
background-color: #ffffff;  
background-color: #ffffff;  
margin-top: 0px;  
margin-top: 0px;  
 +
 +
}
-
    padding-top: 25px;
+
 
-
    padding-bottom: 25px;
+
 
-
    padding-right: 25px;
+
 
-
    padding-left: 25px;
+
/*-- subdivided container (two equal columns)--*/
 +
 
 +
#column1-wrap { 
 +
  width: 975px;  
 +
margin-left: auto;  
 +
margin-right: auto;  
 +
background-color: #ffffff;  
}
}
#column1 {
#column1 {
     background-color: cyan;
     background-color: cyan;
-
     width: 400px;
+
     width: 462px;
     float: left;
     float: left;
 +
padding-top: 25px;
 +
    padding-bottom: 25px;
 +
    padding-left: 25px;
}
}
#column2 {
#column2 {
     background-color: lime;
     background-color: lime;
-
  float: left;
+
    float: left;
-
     width: 300px;  
+
     width: 463px; 
 +
    padding-top: 25px;
 +
    padding-bottom: 25px;
 +
    padding-left: 25px;  
}
}
Line 119: 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