Template:CSS/MainStyle

From 2014.igem.org

(Difference between revisions)
 
(40 intermediate revisions not shown)
Line 57: Line 57:
a:hover {
a:hover {
     color: #414141;
     color: #414141;
 +
    font-weight:bold;
}
}
body {
body {
     background-color: #ebebeb;
     background-color: #ebebeb;
 +
    width: 100%;
}
}
 +
 +
 +
ul {
 +
    list-style-type: circle;
 +
  padding-left: 25px;
 +
    margin: 0px;
 +
}
 +
 +
 +
Line 83: Line 95:
-
/*-- subdivided container (two equal columns)--*/
+
/*-- 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;
 +
 +
}
-
#column1-wrap {
 
-
  margin: 0 auto;
 
-
    width: 975px;
 
 +
 +
/*-- 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;
-
     margin-right: 400px;
+
     width: 462px;
 +
    float: left;
 +
padding-top: 25px;
 +
    padding-bottom: 25px;
 +
    padding-left: 25px;
}
}
 +
#column2 {
#column2 {
     background-color: lime;
     background-color: lime;
     float: left;
     float: left;
-
     width: 400px;
+
     width: 463px;
-
     margin-left: -400px;
+
     padding-top: 25px;
 +
    padding-bottom: 25px;
 +
    padding-left: 25px;  
}
}
 +
#clear {
#clear {
     clear: both;
     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