Team:SDU-Denmark/css

From 2009.igem.org

(Difference between revisions)
 
(98 intermediate revisions not shown)
Line 2: Line 2:
<style type="text/css">
<style type="text/css">
-
#content {
+
body {
-
   background: url(https://static.igem.org/mediawiki/2009/e/ee/Bg_body_centre.gif) top left repeat-x #A0C8DA;
+
  position: relative;
-
   border: 0px;
+
   background: url(https://static.igem.org/mediawiki/2009/c/cd/SDU-Denmark-background-250x250-3.jpg) repeat #ffffff;
 +
   font: 0.6em Verdana, Geneva, Arial, Helvetica, sans-serif;
}
}
 +
h1 {
 +
  font-family: "Helvetica", Arial, sans-serif;
 +
  font-size: 1.6em;
 +
  font-weight: bold;
 +
  text-transform: uppercase;
 +
}
-
/* layout */
+
h2 {
-
* {font-size: 100%; margin: 0; padding: 0; line-height: 1.4em;}
+
  font-size: 15px;
-
body {position: relative; background: url(https://static.igem.org/mediawiki/2009/0/0e/Bg_body_edge.gif) top left repeat-x #A0C8DA;}
+
  font-weight: bold;
-
#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: 80% Verdana, Arial, Helvetica, sans-serif;  }
+
}
-
#titleheader {display:block;background: url(https://static.igem.org/mediawiki/2009/f/f7/Bg_header2.GIF); }
+
-
#subtitle { 0px 50% no-repeat; padding: 7px 0px 12px 21px; color:#fff;}
+
-
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;}
+
-
h3.maintitle {font: 2.2em Tahoma, Verdana, Arial, sans-serif; color: #fff; letter-spacing: -1px;}
+
-
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;}
+
-
.commentbar {color: #CADFED; margin: 5px 0px 0px 0px;}
+
-
.commentbar a, a:visited {color: white; text-decoration: none;}
+
-
#mainnavigation {margin: 0px 7px 0px 7px; padding: 20px 20px 9px 20px}
+
-
#mainpic {height:350px; border-top: 3px solid gray;border-bottom: 3px solid gray;margin: 0px 8px 10px 8px;}
+
-
#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)}
+
-
.wide { width: 890px; background-color: #E4E9EE; color: #555555; padding: 10px; border: 1px solid #AAAAAA;  padding: 10px; margin: 0px 10px 10px 17px; float:left; display: inline;}
+
h3 {
-
.wide img {border: 1px solid #AAAAAA;}
+
  font-size: 13px;
-
.wide p {margin: 10px 0 5px 0; }
+
  font-weight: bold;
-
.wide h2 {font-weight: bold;}
+
}
-
img.floatleft {float: left; margin: 4px; clear:both;}
+
h4 {
 +
  font-size: 12px;
 +
  font-weight: bold;
 +
}
-
.leftcolumn {float: left; margin: 0px 10px 10px 17px; width: 150px; display: inline;}
 
-
.rightcolumn {float: right; margin: 0px 10px 10px 17px; width: 550px; display: inline;}
 
-
.space {clear:both; }
 
 +
#content {
 +
  background: #ffffff;
 +
}
 +
#container {
 +
  background: #ffffff;
 +
  margin-left: 20px;
 +
  margin-right: 20px;
 +
}
-
.left { width: 650px; background-color: #E4E9EE; color: #555555; padding: 10px; border: 1px solid #AAAAAApadding: 10px; margin: 0px 10px 10px 17px; float:left; display: inline;}
+
#leftcontent {
-
.left img {border: 1px solid #AAAAAA; }
+
  float: left;
-
.left p {margin: 10px 0 5px 0; }
+
  width: 620px;
-
.left h2 {font-weight: bold;}
+
}
 +
#rightcontent {
 +
  background: #F0F0F0;   
 +
  float: right;
 +
  width: 260px;
 +
  margin-left: 20px;
 +
  padding: 10px;
 +
}
 +
.firstHeading {
 +
  display: none;
 +
}
-
.right { width: 200px; background-color: #FFFFFF; color: #555555; padding: 10px; border: 1px solid #AAAAAA; margin: 0px 17px 10px 0px; float:right; display:inline;}
+
.teaser {
-
.right img {border: 0px solid #AAAAAA; }
+
  font-size: 12px;
-
.right p {margin: 10px 0 5px 0; }
+
  font-style: italic;
-
.right h2 {font-weight: bold;}
+
  margin-bottom: -2px;
 +
}
 +
#h1-bactobandage {
 +
  background: url(https://static.igem.org/mediawiki/2009/0/0c/SDU-Denmark-bandaid-20x23.jpg) left no-repeat;
 +
  padding-left: 25px;
 +
}
 +
#h1-sdu {
 +
  background: url(https://static.igem.org/mediawiki/2009/d/db/SDU-Denmark-sdulogo-20x20.jpg) left no-repeat;
 +
  padding-left: 25px;
 +
}
 +
#h1-feedback {
 +
  background: url(https://static.igem.org/mediawiki/2009/9/93/SDU-Denmark-comments-20x25.jpg) left no-repeat;
 +
  padding-left: 28px;
 +
}
-
div.thumbnail {padding: 10px; border: solid #AAAAAA 1px; width: 152px; background-color: #fff}
 
 +
#h3-igem {
 +
  float: right;
 +
}
 +
#h3-igem p {
 +
  background: url(https://static.igem.org/mediawiki/2009/e/ef/SDU-Denmark-IGEMlogo2.gif) no-repeat;
 +
  height: 57px; width: 75px;
 +
  text-indent: -100em;
 +
  overflow: hidden
 +
}
 +
#h3-igem a {
 +
  display: block;
 +
  height: 57px; width: 75px;
 +
}
-
/* typography */
+
#h3-sdu {
 +
  width: 260px;
 +
}
 +
#h3-sdu p {
 +
  background: url(https://static.igem.org/mediawiki/2009/b/b6/SDU-Denmark-sdulogo2.gif) no-repeat center;
 +
  height: 99px; width: 260px;
 +
  text-indent: -100em;
 +
  overflow: hidden
 +
}
 +
#h3-sdu a {
 +
  display: block;
 +
  height: 99px; width: 260px;
 +
}
-
.description {color: #CADFED; margin: 0 37px 0px 37px;}
+
#h3-dnatech {
-
.title h2 {font: 1.05em Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 9px 24px 12px 24px;}
+
  width: 260px;  
-
.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;}
+
#h3-dnatech p {  
-
#pagetitle {}
+
  background: url(https://static.igem.org/mediawiki/2009/c/ce/SDU-Denmark-DNAtech.gif) no-repeat center;
-
#pagesubtitle {color: #CADFED;}
+
  height: 82px; width: 260px;
-
#maintitle {font: 2.0em Tahoma, Verdana, Arial, sans-serif; margin: 4px 0 0 0;}
+
  text-indent: -100em;  
 +
  overflow: hidden
 +
}
 +
#h3-dnatech a {  
 +
  display: block;  
 +
  height: 82px; width: 260px;  
 +
}
-
/* links */
+
#h3-blog {
-
a:link, a:visited {text-decoration: none; color:#003399;}
+
  width: 260px;  
-
a:hover {color: #D76519;}
+
}
-
 
+
#h3-blog p {  
-
/* top menu */
+
  background: url(https://static.igem.org/mediawiki/2009/b/b8/SDU-Denmark-checkoutourblog.gif) no-repeat center;  
-
#topmenu {list-style: none; margin: 7px 0px 0px 0px; float:right;}
+
  height: 122px; width: 260px;
-
#topmenu ul {display: none;}
+
  text-indent: -100em;  
-
#topmenu li {float: left; margin: 0 1px 0 0; padding: 0;}
+
  overflow: hidden
-
#topmenu a {float: left; display: block; padding: 4px 17px 4px 17px; background: #6F787F; color: #fff; font-weight: bold;}
+
}
-
#topmenu a:hover {background: #7D868B; color: #fff;}
+
#h3-blog a {  
-
 
+
  display: block;  
-
/* footer */
+
  height: 122px; width: 260px;  
-
#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 23:41, 19 October 2009