"
Template:CSS/MainStyle
From 2014.igem.org
(Difference between revisions)
| (37 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: | ||
| - | /*-- | + | /*-- full width container with no padding--*/ |
| - | + | #fullwidthcontainernopadding { | |
| - | # | + | font-family: Arial, Helvetica, sans-serif; |
| - | + | ||
font-weight: normal; | font-weight: normal; | ||
font-size: 14px; | font-size: 14px; | ||
color: #414141; | color: #414141; | ||
| - | width: | + | 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; | ||
| + | |||
| + | } | ||
| - | |||
| - | |||
| - | |||
| - | |||
| + | |||
| + | /*-- 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: 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: 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; | 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 { | ||
clear: both; | 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
