Team:TUDelft/CSS

From 2012.igem.org

(Difference between revisions)
Line 35: Line 35:
z-index:800;
z-index:800;
}
}
 +
h1 {
 +
text-decoration:  none;
 +
border: none;
 +
}
 +
h2{
h2{
Line 42: Line 47:
letter-spacing:1px;
letter-spacing:1px;
border-bottom:2px solid #000;
border-bottom:2px solid #000;
 +
text-decoration:  none;
}
}
Line 77: Line 83:
z-index:800;
z-index:800;
}
}
 +
 +
#contentbox {
 +
background:#dbdae0;
 +
width:590px;
 +
margin: -10px auto 0 auto;
 +
padding:20px 50px 50px 50px;
 +
float: left;
 +
text-decoration:none;
 +
border:none;
 +
z-index:800;
 +
}
 +
img.bg_team {
img.bg_team {
Line 155: Line 173:
z-index:1001;
z-index:1001;
}
}
-
 
+
/*
-
#contentbox {
+
-
background:#dbdae0;
+
-
width:590px;
+
-
margin: -10px auto 0 auto;
+
-
padding:20px 50px 50px 50px;
+
-
float: left;
+
-
text-decoration:none;
+
-
border:none;
+
-
z-index:800;
+
-
}
+
-
 
+
#video-container{
#video-container{
position:relative;
position:relative;
z-index:800;
z-index:800;
}
}
-
 
+
*/
-
#centeredmenu_bg{
+
-
position:fixed;
+
-
bottom:0px;
+
-
background:#10143a; /* the line at the botom of the page*/
+
-
left:0px;
+
-
width:100%;
+
-
height:40px;
+
-
z-index:999;
+
-
}
+
-
 
+
-
#centeredmenu {
+
-
position:fixed;
+
-
width:690px;
+
-
bottom:15px;
+
-
left:50%;
+
-
margin:0 0 0 -345px;
+
-
padding:0;
+
-
 
+
-
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
+
-
font-size:14px;
+
-
letter-spacing:1px;
+
-
text-transform:uppercase;
+
-
z-index:999;
+
-
text-align:center;
+
-
}
+
-
 
+
-
#centeredmenu ul {
+
-
display:inline;
+
-
  clear:left;
+
-
  list-style:none;
+
-
line-height:20px;
+
-
height:20px;
+
-
  margin:0;
+
-
  position:relative;
+
-
  right:0px;
+
-
  text-align:center;
+
-
background:red;
+
-
}
+
-
#centeredmenu ul li {
+
-
display:inline;
+
-
list-style:none;
+
-
margin:0;
+
-
text-decoration:none;
+
-
padding:10px;
+
-
position:relative;
+
-
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
+
-
color:aqua;
+
-
font-size:14px;
+
-
font-weight:bold;
+
-
text-transform:uppercase;
+
-
line-height:16px;
+
-
letter-spacing:1px;
+
-
}
+
-
 
+
-
#centeredmenu ul li a {
+
-
display:inline;
+
-
margin:0 0 0 1px;
+
-
text-decoration:none;
+
-
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
+
-
color:aqua;
+
-
font-size:14px;
+
-
font-weight:bold;
+
-
text-transform:uppercase;
+
-
line-height:16px;
+
-
letter-spacing:1px;
+
-
}
+
-
#centeredmenu ul li a:hover {
+
-
text-decoration:none;
+
-
border-bottom: 2px solid black;
+
-
}
+
-
 
+
#nav {
#nav {
Line 304: Line 240:
padding: 0 0 5px 0;
padding: 0 0 5px 0;
}
}
-
/*
+
 
#nav li a span {
#nav li a span {
color: #FFD109;
color: #FFD109;
Line 315: Line 251:
#nav li a span span span{
#nav li a span span span{
color: #FFD109;
color: #FFD109;
-
}*/
+
}
#nav li.on a {
#nav li.on a {
Line 370: Line 306:
width:100%;
width:100%;
}
}
-
 
+
#footer-box{
-
h1 {
+
width:0px;
-
text-decoration: none;
+
height:0px;
-
border: none;
+
display:none;
-
}
+
-
 
+
-
h2 {
+
-
text-decoration: none;
+
-
font: "Palatino Linotype", "Book Antiqua", Palatino, serif;
+
}
}
Line 395: Line 326:
}
}
-
#footer-box{
 
-
width:0px;
 
-
height:0px;
 
-
display:none;
 
-
}
 
-
catlinks{
+
 
 +
#catlinks{
width:0px;
width:0px;
height:0px;
height:0px;
Line 470: Line 397:
}
}
-
.left-menu, .left-menu a {
 
-
    left: 0px;
 
-
    text-align: left;
 
-
    color:transparent;
 
-
    text-transform: lowercase;
 
-
}
 
-
 
-
.left-menu a:hover {
 
-
text-decoration:underline;
 
-
}
 
-
.left-menu:hover {
 
-
    color: #10143a;
 
-
    background-color: white;
 
-
}
 
-
.right-menu, .right-menu a {
 
-
    right: 0px;
 
-
    text-align: right;
 
-
    color: white;
 
-
 
-
}
 
#menubar ul {
#menubar ul {
     color: #E81B05;
     color: #E81B05;
Line 501: Line 408:
     padding-right: 0px;
     padding-right: 0px;
}
}
 +
 +
 +
#centeredmenu_bg{
 +
position:fixed;
 +
bottom:0px;
 +
background:#10143a; /* the line at the botom of the page*/
 +
left:0px;
 +
width:100%;
 +
height:40px;
 +
z-index:999;
 +
}
 +
 +
#centeredmenu {
 +
position:fixed;
 +
width:690px;
 +
bottom:15px;
 +
left:50%;
 +
margin:0 0 0 -345px;
 +
padding:0;
 +
 +
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
 +
font-size:14px;
 +
letter-spacing:1px;
 +
text-transform:uppercase;
 +
z-index:999;
 +
text-align:center;
 +
}
 +
 +
#centeredmenu ul {
 +
display:inline;
 +
  clear:left;
 +
  list-style:none;
 +
line-height:20px;
 +
height:20px;
 +
  margin:0;
 +
  position:relative;
 +
  right:0px;
 +
  text-align:center;
 +
background:red;
 +
}
 +
#centeredmenu ul li {
 +
display:inline;
 +
list-style:none;
 +
margin:0;
 +
text-decoration:none;
 +
padding:10px;
 +
position:relative;
 +
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
 +
color:aqua;
 +
font-size:14px;
 +
font-weight:bold;
 +
text-transform:uppercase;
 +
line-height:16px;
 +
letter-spacing:1px;
 +
}
 +
 +
#centeredmenu ul li a {
 +
display:inline;
 +
margin:0 0 0 1px;
 +
text-decoration:none;
 +
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
 +
color:aqua;
 +
font-size:14px;
 +
font-weight:bold;
 +
text-transform:uppercase;
 +
line-height:16px;
 +
letter-spacing:1px;
 +
}
 +
#centeredmenu ul li a:hover {
 +
text-decoration:none;
 +
border-bottom: 2px solid black;
 +
}
 +
 +
.left-menu li a {
.left-menu li a {
     padding: 0px 10px 0px 0px;
     padding: 0px 10px 0px 0px;
Line 515: Line 496:
     color: #10143a;
     color: #10143a;
}
}
 +
 +
.left-menu, .left-menu a {
 +
    left: 0px;
 +
    text-align: left;
 +
    color:transparent;
 +
    text-transform: lowercase;
 +
}
 +
 +
.left-menu a:hover {
 +
text-decoration:underline;
 +
}
 +
.left-menu:hover {
 +
    color: #10143a;
 +
    background-color: white;
 +
}
 +
.right-menu li {
.right-menu li {
#  background-color: yellow ;
#  background-color: yellow ;
Line 529: Line 526:
background-color: white;
background-color: white;
}
}
 +
.right-menu, .right-menu a {
 +
    right: 0px;
 +
    text-align: right;
 +
    color: white;
 +
}

Revision as of 14:35, 13 July 2012