"
Team:Newcastle/CSS
From 2009.igem.org
(Difference between revisions)
TubularWorld (Talk | contribs) |
|||
| (97 intermediate revisions not shown) | |||
| Line 3: | Line 3: | ||
#content { | #content { | ||
| - | BORDER-RIGHT: #444444 1px solid; PADDING-RIGHT: | + | BORDER-RIGHT: #444444 1px solid; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; Z-INDEX: 2; BACKGROUND: white; PADDING-BOTTOM: 5px; MARGIN: 0px auto; BORDER-LEFT: #444444 1px solid; WIDTH: 975px; COLOR: black; LINE-HEIGHT: 1.5em; POSITION: relative |
| + | } | ||
| + | |||
| + | .firstHeading | ||
| + | { | ||
| + | color:white; | ||
| + | padding-left:10px; | ||
| + | display:none; | ||
} | } | ||
| Line 27: | Line 34: | ||
#maincontent { | #maincontent { | ||
| - | MIN-HEIGHT: | + | MIN-HEIGHT: 266px; |
FLOAT: left; | FLOAT: left; | ||
WIDTH: 759px; | WIDTH: 759px; | ||
| Line 42: | Line 49: | ||
#content | #content | ||
{ | { | ||
| - | + | BACKGROUND-COLOR: transparent; | |
} | } | ||
#header { | #header { | ||
| - | POSITION: relative; HEIGHT: | + | POSITION: relative; HEIGHT: 266px |
} | } | ||
#header .logo { | #header .logo { | ||
| - | + | POSITION: relative; | |
} | } | ||
#header .logo IMG { | #header .logo IMG { | ||
| Line 74: | Line 81: | ||
padding:0; | padding:0; | ||
position:relative; | position:relative; | ||
| - | width: | + | width:975px; |
padding: 0pt ! important; | padding: 0pt ! important; | ||
/*BACKGROUND-IMAGE: url(menubg3.gif)*/ | /*BACKGROUND-IMAGE: url(menubg3.gif)*/ | ||
| Line 81: | Line 88: | ||
UL#menuitems { | UL#menuitems { | ||
| - | PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: | + | PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 964px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; HEIGHT: 27px |
} | } | ||
UL#menuitems LI { | UL#menuitems LI { | ||
| Line 87: | Line 94: | ||
} | } | ||
UL#menuitems LI A { | UL#menuitems LI A { | ||
| - | BORDER-RIGHT: #6DA6E2 3px solid; BACKGROUND-POSITION: -200px 0px; DISPLAY: block; FONT-SIZE: 0.9em; FLOAT: left; OVERFLOW: hidden; WIDTH: | + | BORDER-RIGHT: #6DA6E2 3px solid; BACKGROUND-POSITION: -200px 0px; DISPLAY: block; FONT-SIZE: 0.9em; FLOAT: left; OVERFLOW: hidden; WIDTH: 135px; COLOR: white; TEXT-ALIGN: center; PADDING-TOP: 5px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 22px; font-weight:bold; |
} | } | ||
UL#menuitems LI A:hover { | UL#menuitems LI A:hover { | ||
| Line 404: | Line 411: | ||
#footersection { | #footersection { | ||
| - | CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; MIN-HEIGHT: | + | CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; MIN-HEIGHT: 92px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 759px; PADDING-TOP: 0px; HEIGHT: auto! important;LIST-STYLE-TYPE: none;list-style-image:none; |
} | } | ||
#footersection LI { | #footersection LI { | ||
PADDING-RIGHT: 6px; BACKGROUND-POSITION: right center; PADDING-LEFT: 4px; FONT-SIZE: 0.8em; FLOAT: left; BACKGROUND-IMAGE: url(../../images/footernav_sep.gif); PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #727272; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat; LIST-STYLE-TYPE: none; POSITION: relative; TOP: 18px | PADDING-RIGHT: 6px; BACKGROUND-POSITION: right center; PADDING-LEFT: 4px; FONT-SIZE: 0.8em; FLOAT: left; BACKGROUND-IMAGE: url(../../images/footernav_sep.gif); PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #727272; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat; LIST-STYLE-TYPE: none; POSITION: relative; TOP: 18px | ||
} | } | ||
| + | #footersection li.first { | ||
| + | PADDING-LEFT: 206px | ||
| + | } | ||
| + | |||
#footersection li.last { | #footersection li.last { | ||
BACKGROUND-IMAGE: none | BACKGROUND-IMAGE: none | ||
| Line 425: | Line 436: | ||
} | } | ||
| - | + | #rightcontent { | |
FLOAT: right; WIDTH: 182px | FLOAT: right; WIDTH: 182px | ||
| + | } | ||
| + | |||
| + | #rightcontent .header { | ||
| + | color:#1C7AC7; | ||
| + | font-size:1em; | ||
| + | margin:0 0 11px; | ||
| + | padding:0 0 0 5px; | ||
| + | text-transform:uppercase; | ||
| + | |||
} | } | ||
| Line 488: | Line 508: | ||
} | } | ||
| + | |||
| + | /* wikitable/prettytable class for skinning normal tables */ | ||
| + | table.wikitable, | ||
| + | table.prettytable { | ||
| + | margin: 1em 1em 1em 0; | ||
| + | background: #f9f9f9; | ||
| + | border: 1px #aaa solid; | ||
| + | border-collapse: collapse; | ||
| + | } | ||
| + | .wikitable th, .wikitable td, | ||
| + | .prettytable th, .prettytable td { | ||
| + | border: 1px #aaa solid; | ||
| + | padding: 0.2em; | ||
| + | } | ||
| + | .wikitable th, | ||
| + | .prettytable th { | ||
| + | background: #f2f2f2; | ||
| + | text-align: center; | ||
| + | } | ||
| + | .wikitable caption, | ||
| + | .prettytable caption { | ||
| + | font-weight: bold; | ||
| + | } | ||
</style> | </style> | ||
</html> | </html> | ||
Latest revision as of 20:12, 21 October 2009
