Team:WITS-CSIR SA/style.css

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
-
body
+
* {
 +
    padding: 0;
 +
    margin: 0;
 +
}
 +
 
 +
body {
 +
    background: #fff;
 +
font: .74em "Trebuchet MS" Verdana, Arial, sans-serif;
 +
line-height: 1.5em;
 +
}
 +
a {
 +
color: #3B6EBF;
 +
text-decoration: none;
 +
}
 +
 
 +
a:hover {
 +
text-decoration: underline;
 +
}
 +
 
 +
 
 +
#wrap {
 +
margin: 20px auto;
 +
width: 724px;
 +
background: #fff url('images/midbg.jpg');
 +
background-repeat: repeat-y;
 +
}
 +
 
 +
#top {
 +
background: #fff url('images/topbg.jpg');
 +
height: 30px;
 +
}
 +
 
 +
#content {
 +
padding: 0 40px 0 40px;
 +
}
 +
 
 +
#bottom {
 +
 
 +
background: #fff url('images/botbg.jpg');
 +
height: 30px;
 +
}
 +
 
 +
 
 +
.header {
 +
height: 100px;
 +
background: #85ACF7 url('images/hidr.jpg');
 +
}
 +
 
 +
.header h1 { padding-left: 17px; padding-top: 22px; font-size: 22px; color: #FFF; }
 +
.header h1 a { font-size: 22px; color: #FFF; text-decoration: none;}
 +
.header h2 { padding-left: 17px; padding-top: 0px; font-size: 17px; color: #FFF; }
 +
 
 +
.breadcrumbs {
 +
    background: #F6F9FB;
 +
border-bottom: 1px solid #E1E1E1;
 +
padding: 5px;
 +
}
 +
 +
.middle {
 +
float: left;
 +
width: 70%;
 +
margin: 0 10px;
 +
padding: 1% 1%;
 +
text-align: justify;
 +
}
 +
 
 +
.right {
 +
float: left;
 +
width: 15%;
 +
margin: 0 10px;
 +
padding: 1% 1%;
 +
 +
}
 +
 
 +
.right ul {
 +
padding: 20px 0 15px 20px;
 +
margin:0;
 +
}
 +
 
 +
.right li {
 +
margin-bottom:5px;
 +
list-style-type: square;
 +
color: #3B6EBF;
 +
}
 +
 
 +
.middle h2 { color: #3B6EBF; font-size: 16px; margin-bottom: 10px; margin-top: 10px;}
 +
.middle h3 { color: #3B6EBF; font-size: 12px; margin-bottom: 5px; margin-top: 5px;}
 +
.right h2 { color: #3B6EBF; font-size: 14px; margin-top: 15px;}
 +
 
 +
table
{
{
-
background-color:magenta;
+
border-collapse:collapse;
-
background: url('https://2011.igem.org/File:E._coli_flagella.jpg');
+
}
}
-
h1
+
table,th, td
{
{
-
color:orange;
+
border: 1px solid black;
-
text-align:center;
+
padding: 3px 3px 3px 3px;
}
}
-
p
+
table
{
{
-
font-family:"Times New Roman";
+
width:100%;
-
font-size:20px;
+
}
 +
th, td
 +
{
 +
height:25px;
 +
}
 +
th
 +
{
 +
 
 +
}
 +
 
 +
#clear {
 +
display: block;
 +
clear: both;
 +
width: 100%;
 +
height:1px;
 +
overflow:hidden;
 +
}
 +
 
 +
#footer {
 +
text-align: center;
 +
color: #666;
}
}

Revision as of 11:57, 29 April 2011

  • {
   padding: 0;
   margin: 0;

}

body {

   background: #fff;

font: .74em "Trebuchet MS" Verdana, Arial, sans-serif; line-height: 1.5em; } a { color: #3B6EBF; text-decoration: none; }

a:hover { text-decoration: underline; }


  1. wrap {

margin: 20px auto; width: 724px; background: #fff url('images/midbg.jpg'); background-repeat: repeat-y; }

  1. top {

background: #fff url('images/topbg.jpg'); height: 30px; }

  1. content {

padding: 0 40px 0 40px; }

  1. bottom {

background: #fff url('images/botbg.jpg'); height: 30px; }


.header { height: 100px; background: #85ACF7 url('images/hidr.jpg'); }

.header h1 { padding-left: 17px; padding-top: 22px; font-size: 22px; color: #FFF; } .header h1 a { font-size: 22px; color: #FFF; text-decoration: none;} .header h2 { padding-left: 17px; padding-top: 0px; font-size: 17px; color: #FFF; }

.breadcrumbs {

   background: #F6F9FB; 

border-bottom: 1px solid #E1E1E1; padding: 5px; }

.middle { float: left; width: 70%; margin: 0 10px; padding: 1% 1%; text-align: justify; }

.right { float: left; width: 15%; margin: 0 10px; padding: 1% 1%;

}

.right ul { padding: 20px 0 15px 20px; margin:0; }

.right li { margin-bottom:5px; list-style-type: square; color: #3B6EBF; }

.middle h2 { color: #3B6EBF; font-size: 16px; margin-bottom: 10px; margin-top: 10px;} .middle h3 { color: #3B6EBF; font-size: 12px; margin-bottom: 5px; margin-top: 5px;} .right h2 { color: #3B6EBF; font-size: 14px; margin-top: 15px;}

table { border-collapse:collapse; } table,th, td { border: 1px solid black; padding: 3px 3px 3px 3px; } table { width:100%; } th, td { height:25px; } th {

}

  1. clear {

display: block; clear: both; width: 100%; height:1px; overflow:hidden; }

  1. footer {

text-align: center; color: #666; }