"
Template:Team:Tsinghua/CSS/Common-Style
From 2014.igem.org
(Difference between revisions)
(Created page with "<html> <style type="text/css"> - →****************************************** BODY ******************************************: body { font-family: Verdana, Arial, Helvetica, s...") |
|||
| Line 80: | Line 80: | ||
/* ~~ The header is not given a width. It will extend the full width of your layout. ~~ */ | /* ~~ The header is not given a width. It will extend the full width of your layout. ~~ */ | ||
header { | header { | ||
| - | background-color: | + | background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0.10, rgb(158,182,223)), color-stop(0.90, rgb(61,96,154))); |
| + | padding-bottom: 8px; /* Standard syntax (must be last) */ | ||
| + | ; | ||
| + | } | ||
| + | header img { | ||
| + | display: block; | ||
} | } | ||
| - | |||
.sidebar1 { | .sidebar1 { | ||
float: left; | float: left; | ||
width: 176px; | width: 176px; | ||
background-color: #959595; | background-color: #959595; | ||
| - | + | border-right: 2px solid #ffffff; | |
| - | + | } | |
| - | + | .sidebar1 aside { | |
| + | float: left; | ||
| + | width: 176px; | ||
| + | background-color: #c6c6c6; | ||
| + | margin-bottom: 200px #c6c6c6; | ||
} | } | ||
.content { | .content { | ||
| Line 95: | Line 103: | ||
width: 780px; | width: 780px; | ||
float: left; | float: left; | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
} | } | ||
| Line 116: | Line 118: | ||
clear: both; /* this clear property forces the .container to understand where the columns end and contain them */ | clear: both; /* this clear property forces the .container to understand where the columns end and contain them */ | ||
} | } | ||
| + | footer #logoContainer { | ||
| + | display: block; | ||
| + | margin: 0 auto 0 auto; | ||
| + | text-align: center; | ||
| + | width: 975px; | ||
| + | } | ||
| + | footer#logoContainer img{ | ||
| + | float: left; | ||
| + | padding-right: 30px; | ||
| + | } | ||
| + | |||
/* ~~ Miscellaneous float/clear classes ~~ */ | /* ~~ Miscellaneous float/clear classes ~~ */ | ||
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */ | .fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */ | ||
Revision as of 18:14, 15 October 2014
