Team:TUDelft/CSS

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
<html>
 +
<style type="text/css">
@charset "UTF-8";
@charset "UTF-8";
/*CSS Document */
/*CSS Document */
 +
 +
/* colors lab notebook */
 +
.day-empty {
 +
    color: red;
 +
}
 +
.day-active {
 +
    color: green;
 +
}
*{
*{
Line 20: Line 30:
width:100%;
width:100%;
height:100%;
height:100%;
-
background:FFF45A;
+
background:#10143a;
border:none;
border:none;
padding:0;
padding:0;
Line 27: Line 37:
h2{
h2{
-
font-family: 'Comic Sans', Comic Sans MS, cursive;
+
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size:15px;
font-size:15px;
text-transform:uppercase;
text-transform:uppercase;
Line 35: Line 45:
h3{
h3{
-
font-family: 'Comic Sans', Comic Sans MS, cursive;
+
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
-
  color:C71D09;
+
font-variant: small-caps;
-
font-size:16px;
+
font-stretch: ultra-expanded;
 +
  color: #10143a;
 +
font-size:20px;
font-weight:bold;
font-weight:bold;
-
text-transform:uppercase;
+
line-height:18px;
-
line-height:16px;
+
letter-spacing:1px;
letter-spacing:1px;
}
}
a:link, a:active, a:visited{
a:link, a:active, a:visited{
-
color:green;
+
color:purple;
text-decoration:none;
text-decoration:none;
-
font-weight:bold;
+
font-weight:blue;
}
}
a:hover{
a:hover{
-
color:C71D09;
+
color:navy;
}
}
#content {
#content {
-
background: FFF45A;
+
background:#10143a;
padding:0;
padding:0;
width:100%;
width:100%;
Line 63: Line 74:
width:685px;
width:685px;
border:0;
border:0;
-
background:FFF45A;
+
background:white;
z-index:800;
z-index:800;
}
}
Line 146: Line 157:
#contentbox {
#contentbox {
-
background: white;
+
background:#dbdae0;
width:590px;
width:590px;
margin: -10px auto 0 auto;
margin: -10px auto 0 auto;
Line 164: Line 175:
position:fixed;
position:fixed;
bottom:0px;
bottom:0px;
-
background:#FF8017;
+
background:#10143a;
left:0px;
left:0px;
width:100%;
width:100%;
Line 179: Line 190:
padding:0;
padding:0;
-
font-family: 'Francois One', sans-serif, verdana, geneva;
+
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size:14px;
font-size:14px;
letter-spacing:1px;
letter-spacing:1px;
Line 196: Line 207:
   position:relative;
   position:relative;
   right:0px;
   right:0px;
-
   text-align:left;
+
   text-align:center;
-
background:white;
+
background:red;
}
}
#centeredmenu ul li {
#centeredmenu ul li {
Line 206: Line 217:
padding:10px;
padding:10px;
position:relative;
position:relative;
-
font-family: 'Comic Sans', Comic Sans MS, cursive;
+
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
-
  color:#666;
+
  color:aqua;
font-size:14px;
font-size:14px;
font-weight:bold;
font-weight:bold;
Line 214: Line 225:
letter-spacing:1px;
letter-spacing:1px;
}
}
 +
#centeredmenu ul li a {
#centeredmenu ul li a {
display:inline;
display:inline;
margin:0 0 0 1px;
margin:0 0 0 1px;
  text-decoration:none;
  text-decoration:none;
-
font-family: 'Comic Sans', Comic Sans MS, cursive;
+
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
-
  color:#C71D09;
+
  color:aqua;
font-size:14px;
font-size:14px;
font-weight:bold;
font-weight:bold;
Line 228: Line 240:
#centeredmenu ul li a:hover {
#centeredmenu ul li a:hover {
text-decoration:none;
text-decoration:none;
-
border-bottom: 2px solid #C71D09;
+
border-bottom: 2px solid black;
}
}
Line 241: Line 253:
z-index:1001;
z-index:1001;
-
font-family: 'Comic Sans', Comic Sans MS, cursive;
+
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size:14px;
font-size:14px;
letter-spacing:1px;
letter-spacing:1px;
Line 247: Line 259:
}
}
#nav ul{
#nav ul{
-
width:690px;
+
width:630px;
-
background:#FFF45A;
+
background: white;
text-align:center;
text-align:center;
margin: 0 auto;
margin: 0 auto;
Line 264: Line 276:
display: inline;
display: inline;
padding:0 3px;
padding:0 3px;
-
background:#FFF45A;
+
background:#10143a ;
text-align:center;
text-align:center;
}
}
Line 273: Line 285:
#nav li.off ul, #nav li.on ul { /*put the subnav above*/
#nav li.off ul, #nav li.on ul { /*put the subnav above*/
position:fixed;
position:fixed;
-
width:690px;
+
width:630px;
bottom:37px;
bottom:37px;
left:50%;
left:50%;
margin: 0 0 0 -343px;
margin: 0 0 0 -343px;
padding: 0 0 5px 0;
padding: 0 0 5px 0;
-
background:#FFF45A;
+
background:white;
text-align:center;
text-align:center;
}
}
#nav li a {
#nav li a {
-
color: #666;
+
color: white ;
font-weight: bold;
font-weight: bold;
display: block;
display: block;
Line 292: Line 304:
padding: 0 0 5px 0;
padding: 0 0 5px 0;
}
}
-
 
+
/*
#nav li a span {
#nav li a span {
color: #FFD109;
color: #FFD109;
Line 303: Line 315:
#nav li a span span span{
#nav li a span span span{
color: #FFD109;
color: #FFD109;
-
}
+
}*/
#nav li.on a {
#nav li.on a {
-
border-bottom: 2px solid black;
+
border-bottom: 2px solid white;
-
color: black;
+
color: white;
}
}
#nav li.on2 a {
#nav li.on2 a {
-
border-bottom: 2px solid black;
+
border-bottom: 2px solid blue;
-
color: black;
+
color: aqua;
}
}
#nav li.on a:hover {
#nav li.on a:hover {
-
color:black;
+
color: #10143a;
}
}
#nav li.on a:hover span{
#nav li.on a:hover span{
-
color:black;
+
color:blue;
}
}
#nav li.on ul a, #nav li.off ul a {
#nav li.on ul a, #nav li.off ul a {
-
float: left; /*ie doesn't inherit the float*/
+
float: center; /*ie doesn't inherit the float*/
border: 0;
border: 0;
font-size:12px;
font-size:12px;
-
color: #FFD109;
+
color: white;
width: auto;
width: auto;
margin-right: 0px;
margin-right: 0px;
}
}
#nav li.on ul {
#nav li.on ul {
-
display: block;
+
display: inline;
}
}
#nav li.off:hover ul {
#nav li.off:hover ul {
Line 339: Line 351:
}
}
#nav li.off a:hover, #nav li:hover a {
#nav li.off a:hover, #nav li:hover a {
-
background: white;
+
background: #10143a;
-
color: black;
+
color: white;
}
}
#nav li.off a:hover span, #nav li:hover a {
#nav li.off a:hover span, #nav li:hover a {
-
background: white;
+
background: #10143a;
-
color: black;
+
color: white;
}
}
Line 366: Line 378:
h2 {
h2 {
text-decoration:  none;
text-decoration:  none;
-
font: Comic Sans, Comic Sans MS, cursive
+
font: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
}
Line 452: Line 464:
     width: 350px;
     width: 350px;
     z-index: 5;
     z-index: 5;
-
     font-family: Comic-Sans;
+
     font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
     font-size: 95%;
     font-size: 95%;
     line-height: 1em;
     line-height: 1em;
Line 469: Line 481:
}
}
.left-menu:hover {
.left-menu:hover {
-
     color: black;
+
     color: #10143a;
     background-color: white;
     background-color: white;
}
}
Line 475: Line 487:
     right: 0px;
     right: 0px;
     text-align: right;
     text-align: right;
-
     color: FFD170;
+
     color: white;
}
}
#menubar ul {
#menubar ul {
-
     color: black;
+
     color: #E81B05;
     list-style: none;
     list-style: none;
}
}
Line 491: Line 503:
.left-menu li a {
.left-menu li a {
     padding: 0px 10px 0px 0px;
     padding: 0px 10px 0px 0px;
 +
color:
}
}
.left-menu .selected {
.left-menu .selected {
-
# color: black;
+
# color: white;
}
}
#.left-menu .selected:hover {
#.left-menu .selected:hover {
-
# color: black;
+
# color: #10143a;
#}
#}
.left-menu:hover a {
.left-menu:hover a {
-
     color: black;
+
     color: #10143a;
}
}
.right-menu li {
.right-menu li {
-
#  background-color: #E84705;
+
#  background-color: yellow ;
}
}
.right-menu li a {
.right-menu li a {
     padding: 0px 15px 0px 0px;
     padding: 0px 15px 0px 0px;
-
     color: black;
+
     color: white;
-
     background-color: white;
+
     background-color: #10143a;
}
}
.right-menu li a:hover {
.right-menu li a:hover {
-
     color: black;
+
     color: #10143a;  
     text-decoration: underline;
     text-decoration: underline;
 +
background-color: white;
}
}
 +
 +
 +
 +
 +
#logo_igem_div{
 +
position:relative;
 +
top:0;
 +
left:0;
 +
width:70px;
 +
height:57px;
 +
border:0;
 +
margin:0;
 +
padding:0;
 +
overflow:hidden;
 +
}
 +
 +
</style>
 +
<html>

Revision as of 12:40, 13 July 2012

Retrieved from "http://2012.igem.org/Team:TUDelft/CSS"