Team:Aberdeen Scotland/css

From 2010.igem.org

(Difference between revisions)
m
 
(137 intermediate revisions not shown)
Line 3: Line 3:
/* change the igem style to fit my design */
/* change the igem style to fit my design */
-
#content {background: url(https://static.igem.org/mediawiki/2009/e/ee/Bg_body_centre.gif) top left repeat-x #A0C8DA; border: 0px;}
+
#content {background: #283234; border: 0px;}
#content h1.firstHeading {display: none;}
#content h1.firstHeading {display: none;}
/* layout */
/* layout */
-
* {font-size: 100%; margin: 1; padding: 0;}
+
* {font-size: 100%; margin: 0; padding: 0;}
-
%body {position: relative; background: url(https://static.igem.org/mediawiki/2009/0/0e/Bg_body_edge.gif) top left repeat-x #A0C8DA;}
+
body {position: relative; background-image: url(https://static.igem.org/mediawiki/2010/f/f3/Background_blend_green2black.jpg); background-repeat: repeat-x; #000000; background-color: #000000;}
-
#pagewrapper {display: block; width: 950px; background: url(https://static.igem.org/mediawiki/2009/3/37/Bg_main_wide.gif) top repeat-y; text-align: left; margin: 0 auto; font: 90% Verdana, Arial, Helvetica, sans-serif;  }
+
#pagewrapper {display: block; background:#FFFFFF; text-align: left; margin: 0 auto; font: 90%, Verdana, Arial, Helvetica, sans-serif;  }
-
#titleheader {display:block;background: url(https://static.igem.org/mediawiki/2009/f/f7/Bg_header2.GIF); }
+
#titleheader {display:block; background: url(https://static.igem.org/mediawiki/2010/3/34/Header_background.jpg); }
-
#subtitle { 0px 50% no-repeat; padding: 7px 0px 12px 21px; color:#fff;}
+
#subtitle { 0px 50% no-repeat; padding: 0px 0px 0px 0px; color:#fff;}
h3.toptitle {font: Tahoma, Verdana, Arial, sans-serif; color: #fff; letter-spacing: -1px;}
h3.toptitle {font: Tahoma, Verdana, Arial, sans-serif; color: #fff; letter-spacing: -1px;}
-
h1.maintitle {font: 2.2em Tahoma, Verdana, Arial, sans-serif; color: #fff; letter-spacing: -1px;}
+
h1.maintitle {font: 2.2em Tahoma, Verdana, Arial, sans-serif; color: #000000; letter-spacing: -1px;}
-
h3.maintitle {font: 2.2em Tahoma, Verdana, Arial, sans-serif; color: #fff; letter-spacing: -1px;}
+
h3.maintitle {font: 2.2em Tahoma, Verdana, Arial, sans-serif; color: #000000; letter-spacing: -1px;}
h1.maintitle a, h1 a:link, h1 a:visited, h1 a:hover {color: #fff; text-decoration: none;}
h1.maintitle a, h1 a:link, h1 a:visited, h1 a:hover {color: #fff; text-decoration: none;}
-
h3.maintitle a, h3 a:link, h3 a:visited, h3 a:hover {color: #fff; text-decoration: none;}
+
h3.maintitle a, h3 a:link, h3 a:visited, h3 a:hover {color: #000000; text-decoration: none;}
-
.commentbar {color: #CADFED; margin: 5px 0px 0px 0px;}
+
.commentbar {color: #4AA02C; margin: 5px 0px 0px 0px;}
-
.commentbar a, a:visited {color: white; text-decoration: none;}
+
.commentbar a, a:visited {color: red; text-decoration: none;}
-
#mainnavigation {margin: 0px 7px 0px 7px; padding: 20px 20px 9px 20px;}
+
#mainnavigation {margin: 0px 7px 0px 7px; padding: 10px 20px 10px 20px;}
-
#mainpic {height:350px; border-top: 3px solid gray;border-bottom: 3px solid gray;margin: 0px 8px 10px 8px;}
+
#mainpic {height:270px; border-top: 0px solid gray;border-bottom: 0px solid gray;margin: 0px;}
-
#pagetitlewrapper {border-top: 3px solid gray; height: 75px; position :relative; padding: 10px 0px 5px 20px; top:260px; background: url(https://static.igem.org/mediawiki/2009/a/a1/Transparent.jpg)}
+
#pagetitlewrapper {border-top: 0px solid gray; height: 75px; position :relative; padding: 0px 0px 0px 30px; top:193px;}
-
.wide { width: 890px; background-color:#E4E9EE; color: #000000; padding: 10px; border: 1px solid #AAAAAA;  padding: 10px; margin: 0px 10px 10px 17px; float:left; display: inline;}
+
.wide { width: 100%; background-color:#FFFFFF; color: #000000; padding: 0px; border: 0px solid #AAAAAA;  padding: 0px; margin: 0px 10px 0px 17px; float:center; display: inline;}
.wide img {border: 0px solid #AAAAAA;}
.wide img {border: 0px solid #AAAAAA;}
-
.wide p {margin: 10px 0 5px 0; }
+
.wide p {margin: 0px 15px 0px 15px; }
.wide h2 {font-weight: bold;}
.wide h2 {font-weight: bold;}
 +
.wide h1 {font-weight: bold; margin: 10px 15px 10px 15px;}
 +
.wide h3 {margin: 10px 15px 10px 15px;}
-
table.nav {width:100%; margin:0; cellpadding:5px; cellspacing:0; border:1px; bordercolor:#AAAAAA; font color:#000000; background:#E4E9EE;}
+
table.nav {width:100%; margin:0; cellpadding:5px; cellspacing:0; border:1px; bordercolor:#AAAAAA; font color:#000000; background:#FFFFFF;}
-
table.parameter {width:90%; display: block; margin-left: auto; margin-right: auto; cellpadding:0px; cellspacing:0; border:0px; bordercolor:#AAAAAA; font color:#000000; align:center; background:#E4E9EE; }
+
table.parameter {width:90%; display: block; margin-left: auto; margin-right: auto; cellpadding:0px; cellspacing:0; border:0px; bordercolor:#AAAAAA; font color:#000000; align:center; background:#FFFFFF; }
-
table.parameter td { padding:5px; }
+
table.parameter td { padding:0px; }
-
table.hill {width:60%; display: block; float:right; cellpadding:0px; cellspacing:0; border:0px; bordercolor:#AAAAAA; font color:#000000; align:center; background:#E4E9EE; }
+
table.hill {width:60%; display: block; float:right; cellpadding:0px; cellspacing:0; border:0px; bordercolor:#AAAAAA; font color:#000000; align:center; background:#FFFFFF; }
-
table.hill td { padding:5px;}
+
table.hill td { padding:0px;}
img.floatleft {float: left; margin: 4px; clear:both;}
img.floatleft {float: left; margin: 4px; clear:both;}
Line 47: Line 49:
-
.left { width: 650px; background-color:#E4E9EE; color: #555555; padding: 10px; border: 1px solid #AAAAAA;  padding: 10px; margin: 0px 10px 10px 17px; float:left; display: inline;}
+
.left { width: 775px; background-color:#FFFFFF; color: #555555; padding: 10px; border: 1px solid #AAAAAA;  padding: 10px; margin: 0px 10px 10px 10px; float:left; display: inline;}
.left img {border: 0px solid #AAAAAA; }
.left img {border: 0px solid #AAAAAA; }
-
.left p {margin: 10px 0 5px 0; }
+
.left p {margin: 10px 0px 5px 0px; }
.left h2 {font-weight: bold;}
.left h2 {font-weight: bold;}
-
.right { width: 200px; background-color: #FFFFFF; color: #555555; padding: 10px; border: 1px solid #AAAAAA; margin: 0px 17px 10px 0px; float:right; display:inline;}
+
.right { width: 200px; background-color: #FFFFFF; color: #555555; padding: 10px; border: 1px solid #AAAAAA; margin: 0px 10px 10px 0px; float:right; display:inline;}
.right img {border: 0px solid #AAAAAA; }
.right img {border: 0px solid #AAAAAA; }
.right p {margin: 10px 0 5px 0; }
.right p {margin: 10px 0 5px 0; }
Line 64: Line 66:
/* typography */
/* typography */
-
.description {color: #CADFED; margin: 0 37px 0px 37px;}
+
.description {color: #003000; margin: 0 37px 0px 37px;}
.title h2 {font: 1.05em Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 9px 24px 12px 24px;}
.title h2 {font: 1.05em Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 9px 24px 12px 24px;}
.title h3 {font: 1.05em Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 9px 24px 12px 24px;}
.title h3 {font: 1.05em Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 9px 24px 12px 24px;}
.title small {float: right; padding: 14px 24px 0 0; color: #67939B;}
.title small {float: right; padding: 14px 24px 0 0; color: #67939B;}
#pagetitle {}
#pagetitle {}
-
#pagesubtitle {color: #CADFED;}
+
#pagesubtitle {color: #283234;}
#maintitle {font: 2.0em Tahoma, Verdana, Arial, sans-serif; margin: 4px 0 0 0;}
#maintitle {font: 2.0em Tahoma, Verdana, Arial, sans-serif; margin: 4px 0 0 0;}
/* links */
/* links */
-
a:link, a:visited {text-decoration: none; color:#003399;}
+
a:link, a:visited {text-decoration: none;}
-
a:hover {color: #D76519;}
+
a:hover {color: #7E2217;}
Line 100: Line 102:
width:90%;
width:90%;
height:35px;/* 36px masthead height + 18px button height + 1px lower border*/
height:35px;/* 36px masthead height + 18px button height + 1px lower border*/
-
min-width:560px;
+
min-width:975px;
}
}
Line 251: Line 253:
height:auto;
height:auto;
color:#ffffff;              /* this sets the unselected drop-down text color */
color:#ffffff;              /* this sets the unselected drop-down text color */
-
background:#7fa4d8;      /* this sets the drop-down menu background color */
+
background:#838d84;      /* this sets the drop-down menu background color */
width:14em;
width:14em;
}
}
Line 289: Line 291:
.menu ul li a:hover ul li a:hover ul li a {    /* 3rd level unselected items */
.menu ul li a:hover ul li a:hover ul li a {    /* 3rd level unselected items */
width:14em;
width:14em;
-
background:#7fa4d8;
+
background:#838d84;
         color:#ffffff;
         color:#ffffff;
}
}
Line 324: Line 326:
}
}
-
 
-
 
-
 
-
 
-
 
-
 
-
/* footer */
 
-
#wikifooter {clear: both; display: block; width: 950px; background: url(https://static.igem.org/mediawiki/2009/8/8d/Bg_footer.gif) bottom no-repeat; border-bottom: 20px solid #A0C8DA; text-align: center;}
 
-
* html #footer {margin-top: 18px;}
 
-
#wikifooter-top {display: block; width: 950px; height: 15px; background: url(https://static.igem.org/mediawiki/2009/5/58/Bg_footer-top.gif) top no-repeat;}
 
-
#wikifooter p {color: #808080; padding: 0px 37px 20px 37px;}
 
-
#wikifooter a, #wikifooter a:visited {color: #808080;}
 
</style>
</style>
</html>
</html>

Latest revision as of 16:31, 27 October 2010