Team:Aberdeen Scotland/css

From 2009.igem.org

(Difference between revisions)
 
(25 intermediate revisions not shown)
Line 28: Line 28:
.wide p {margin: 10px 0 5px 0; }
.wide p {margin: 10px 0 5px 0; }
.wide h2 {font-weight: bold;}
.wide h2 {font-weight: bold;}
 +
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:#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:#E4E9EE; }
 +
table.parameter td { padding:5px; }
 +
 +
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 td { padding:5px;}
img.floatleft {float: left; margin: 4px; clear:both;}
img.floatleft {float: left; margin: 4px; clear:both;}
Line 42: Line 48:
.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: 650px; background-color:#E4E9EE; color: #555555; padding: 10px; border: 1px solid #AAAAAA;  padding: 10px; margin: 0px 10px 10px 17px; float:left; display: inline;}
-
.left img {border: 1px solid #AAAAAA; }
+
.left img {border: 0px solid #AAAAAA; }
.left p {margin: 10px 0 5px 0; }
.left p {margin: 10px 0 5px 0; }
.left h2 {font-weight: bold;}
.left h2 {font-weight: bold;}
Line 133: Line 139:
.menu ul {
.menu ul {
 +
list-style: none;
padding:0;
padding:0;
margin:0;
margin:0;
Line 144: Line 151:
position:relative;    /* create local positioning contexts for each button */
position:relative;    /* create local positioning contexts for each button */
margin:0;
margin:0;
 +
list-style: none;
}
}
Line 151: Line 159:
border-collapse:collapse;      /* IE5 needs this for the sub-menus to work */
border-collapse:collapse;      /* IE5 needs this for the sub-menus to work */
font-size:12px;        /* this sets the base font size for our entire menu */
font-size:12px;        /* this sets the base font size for our entire menu */
 +
list-style: none;
}
}
Line 178: Line 187:
display:none;                  /* initially hide the entire list hierarchy */
display:none;                  /* initially hide the entire list hierarchy */
padding:1px;                              /* this is our box border width */
padding:1px;                              /* this is our box border width */
 +
list-style: none;
   
   
}
}
Line 187: Line 197:
text-decoration:none;
text-decoration:none;
height:30px;
height:30px;
-
width:9em;
+
width:9em;
 +
list-style: none;
}
}
Line 206: Line 217:
left:8px;      /* left-align our drop-down to the previous button border */
left:8px;      /* left-align our drop-down to the previous button border */
height:auto;      /* the drop-down height will be determiend by line count */
height:auto;      /* the drop-down height will be determiend by line count */
-
width:12em;
+
width:14em;
color:black;                        /* this sets the unselected-text color */
color:black;                        /* this sets the unselected-text color */
background:#ffffff;        /* this sets our menu's effective "border" color */
background:#ffffff;        /* this sets our menu's effective "border" color */
font-size:12px;        /* this (and also below) sets the menu's font size */
font-size:12px;        /* this (and also below) sets the menu's font size */
 +
list-style: none;
}
}
Line 240: Line 252:
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:#7fa4d8;      /* this sets the drop-down menu background color */
-
width:12em;
+
width:14em;
}
}
Line 269: Line 281:
margin-top:-1px;       /* bring the top edge of the 3rd level menu up one */
margin-top:-1px;       /* bring the top edge of the 3rd level menu up one */
top:0;
top:0;
-
left:12em;
+
left:14em;
width:14em;
width:14em;

Latest revision as of 12:09, 17 August 2009