Template:CSS/MainStyle
From 2014.igem.org
(Difference between revisions)
(21 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: | + | 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: | + | width: 462px; |
float: left; | float: left; | ||
+ | padding-top: 25px; | ||
+ | padding-bottom: 25px; | ||
+ | padding-left: 25px; | ||
} | } | ||
Line 102: | Line 133: | ||
background-color: lime; | background-color: lime; | ||
float: left; | float: left; | ||
- | width: | + | 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