"
Template:CSS/MainStyle
From 2014.igem.org
(Difference between revisions)
| (60 intermediate revisions not shown) | |||
| Line 34: | Line 34: | ||
h1 { | h1 { | ||
| - | font-size: | + | font-size: 15px; |
text-transform:capitalize; | text-transform:capitalize; | ||
font-weight:bold; | font-weight:bold; | ||
text-decoration:none; | text-decoration:none; | ||
| + | display: inline; | ||
} | } | ||
h2 { | h2 { | ||
| - | font-size: | + | font-size: 5px; |
text-transform:capitalize; | text-transform:capitalize; | ||
font-weight:bold; | font-weight:bold; | ||
| Line 48: | Line 49: | ||
} | } | ||
| - | + | ||
| + | a { | ||
| + | text-decoration: none; | ||
| + | font-weight:bold; | ||
| + | } | ||
| + | |||
| + | a:hover { | ||
| + | color: #414141; | ||
| + | font-weight:bold; | ||
| + | } | ||
| + | |||
| + | body { | ||
| + | background-color: #ebebeb; | ||
| + | width: 100%; | ||
| + | } | ||
| + | |||
| + | |||
| + | ul { | ||
| + | list-style-type: circle; | ||
| + | padding-left: 25px; | ||
| + | margin: 0px; | ||
| + | } | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | /*-- full width container --*/ | ||
| + | #fullwidthcontainer { | ||
| + | font-family: Arial, Helvetica, sans-serif; | ||
| + | font-weight: normal; | ||
| + | font-size: 14px; | ||
| + | color: #414141; | ||
| + | width: 925px; | ||
| + | margin-left: auto; | ||
| + | margin-right: auto; | ||
| + | background-color: #ffffff; | ||
| + | margin-top: 0px; | ||
| + | |||
| + | padding-top: 25px; | ||
| + | padding-bottom: 25px; | ||
| + | padding-right: 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; | ||
| + | |||
| + | } | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | /*-- subdivided container (two equal columns)--*/ | ||
| + | |||
| + | #column1-wrap { | ||
| + | width: 975px; | ||
| + | margin-left: auto; | ||
| + | margin-right: auto; | ||
| + | background-color: #ffffff; | ||
| + | } | ||
| + | |||
| + | #column1 { | ||
| + | background-color: cyan; | ||
| + | width: 462px; | ||
| + | float: left; | ||
| + | padding-top: 25px; | ||
| + | padding-bottom: 25px; | ||
| + | padding-left: 25px; | ||
| + | } | ||
| + | |||
| + | #column2 { | ||
| + | background-color: lime; | ||
| + | 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; | ||
| + | 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
