"
Template:CSS/MainStyle
From 2014.igem.org
(Difference between revisions)
| (31 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: 975px; | |
| - | + | margin-left: auto; | |
| - | + | margin-right: auto; | |
| - | + | background-color: #ffffff; | |
} | } | ||
#column1 { | #column1 { | ||
background-color: cyan; | background-color: cyan; | ||
| - | width: | + | width: 462px; |
| - | + | float: left; | |
| + | padding-top: 25px; | ||
| + | padding-bottom: 25px; | ||
| + | padding-left: 25px; | ||
} | } | ||
#column2 { | #column2 { | ||
background-color: lime; | background-color: lime; | ||
| - | float: right; | + | 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; | ||
} | } | ||
| Line 110: | Line 179: | ||
} | } | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | /*-- 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
