Team:Newcastle/CSS

From 2009.igem.org

(Difference between revisions)
(Undo revision 10440 by TubularWorld (Talk))
 
(113 intermediate revisions not shown)
Line 3: Line 3:
#content {
#content {
-
BORDER-RIGHT: #444444 1px solid; PADDING-RIGHT: 5px; PADDING-LEFT: 5px; Z-INDEX: 2; BACKGROUND: white; PADDING-BOTTOM: 5px; MARGIN: 0px auto; BORDER-LEFT: #444444 1px solid; WIDTH: 965px; COLOR: black; LINE-HEIGHT: 1.5em; PADDING-TOP: 5px; POSITION: relative
+
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: 350px;  
+
MIN-HEIGHT: 266px;  
FLOAT: left;  
FLOAT: left;  
WIDTH: 759px;  
WIDTH: 759px;  
Line 35: Line 42:
BODY {
BODY {
-
BACKGROUND-IMAGE: BACKGROUND-REPEAT: repeat-x; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff;
+
BACKGROUND-IMAGE: url(https://static.igem.org/mediawiki/2009/9/9d/Newcastle_2009_Background.jpg); BACKGROUND-REPEAT: repeat-x; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff;
}
}
Line 42: Line 49:
#content
#content
{
{
-
background-color:#F9F9F7 ;
+
BACKGROUND-COLOR: transparent;
}
}
#header {
#header {
-
POSITION: relative; HEIGHT: 145px
+
POSITION: relative; HEIGHT: 266px
}
}
#header .logo {
#header .logo {
-
LEFT: 10px; FLOAT: left; POSITION: relative; TOP: 32px
+
POSITION: relative;
}
}
#header .logo IMG {
#header .logo IMG {
Line 74: Line 81:
padding:0;
padding:0;
position:relative;
position:relative;
-
width:759px;
+
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: 750px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; HEIGHT: 27px
+
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; TEXT-TRANSFORM: uppercase; WIDTH: 122px; COLOR: white; TEXT-INDENT: 9px; PADDING-TOP: 5px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 22px; font-weight:bold;
+
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 107: Line 114:
.title_search H1 {
.title_search H1 {
-
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LEFT: 25px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: 1.5em Arial, Helvetica, sans-serif; TEXT-TRANSFORM: uppercase; COLOR: white; PADDING-TOP: 0px; POSITION: relative; TOP: 16px
+
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LEFT: 25px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: 1.5em Arial, Helvetica, sans-serif; COLOR: white; PADDING-TOP: 0px; POSITION: relative; TOP: 16px
}
}
Line 380: Line 387:
#centercontent H1 {
#centercontent H1 {
-
MARGIN: 0px 0px 13px; FONT:bold 1.9em Arial, Helvetica, sans-serif; TEXT-TRANSFORM: uppercase; COLOR: #004D7A;  
+
MARGIN: 0px 0px 13px; FONT:bold 1.9em Arial, Helvetica, sans-serif; COLOR: #004D7A;  
}
}
#centercontent H2 , #rightcontent H2{
#centercontent H2 , #rightcontent H2{
-
MARGIN: 0px 0px 13px; FONT: bold 1.6em Arial, Helvetica, sans-serif; TEXT-TRANSFORM: uppercase; COLOR: #004D7A;  
+
MARGIN: 0px 0px 13px; FONT: bold 1.6em Arial, Helvetica, sans-serif; COLOR: #004D7A;  
}
}
Line 392: Line 399:
#centercontent H4 {
#centercontent H4 {
-
MARGIN: 0px 0px 13px; FONT: bold 1.1em Arial, Helvetica, sans-serif; TEXT-TRANSFORM: uppercase; COLOR: #004D7A;
+
MARGIN: 0px 0px 13px; FONT: bold 1.1em Arial, Helvetica, sans-serif; COLOR: #004D7A;
}
}
Line 404: Line 411:
#footersection {
#footersection {
-
CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; MIN-HEIGHT: 50px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 759px; PADDING-TOP: 0px; HEIGHT: auto! important;LIST-STYLE-TYPE: none;list-style-image:none;
+
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; TEXT-TRANSFORM: uppercase; 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 {
+
#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