Team:TU-Eindhoven/css

From 2012.igem.org

(Difference between revisions)
 
(89 intermediate revisions not shown)
Line 1: Line 1:
body{background:#191f46;}
body{background:#191f46;}
 +
 +
img{
 +
margin: 0px 15px 10px;
 +
}
 +
 +
table img{
 +
margin: 8px 0px 0px 0px;
 +
}
 +
 +
table td.star img{
 +
margin-top: 10px;
 +
}
div.thumb {
div.thumb {
     border:none;
     border:none;
 +
    margin: 0px 15px 10px;
     }
     }
 +
div.thumb img{
 +
    margin:0px;
 +
}
 +
div.center div.thumb {
 +
    margin: 0px;
 +
}
 +
div.thumb.tleft {
 +
    margin-left: 0px;
 +
}
 +
div.thumb.tright {
 +
    margin-right: 0px;
 +
}
div.thumb div{
div.thumb div{
     background-color:transparent;
     background-color:transparent;
Line 11: Line 36:
div.thumb div a{
div.thumb div a{
     border:none;
     border:none;
 +
}
 +
 +
div.thumbcaption{
 +
    color:#656565;
 +
    font-style: italic;
 +
}
 +
 +
div#sponsor{
 +
    margin-left:20px;
 +
}
 +
 +
#accmenu.fixed{
 +
    position: fixed;
 +
    top: 0px;
 +
}
 +
 +
.vectorImage{
 +
    margin-left:-15px;
 +
}
 +
 +
p.quote{
 +
    position: relative;
 +
    left:30px;
 +
    width: 680px;
 +
    font-style: italic;
}
}
Line 22: Line 72:
     }
     }
#bodyContent a{
#bodyContent a{
-
     color:#73a631;
+
     color:#f5950c;
     }
     }
-
h1,h2,h3,h4,h5,h6{
+
h1,h2,h4,h5,h6{
     color:#424242;
     color:#424242;
 +
}
 +
h3{
 +
    font-size: 1.1em;
 +
    font-weight: bold;
 +
    font-family: "Lucida Sans Unicode", "Lucida Grande", Nobile, Verdana, Arial, Helvetica, sans-serif;
 +
    color:#323232;
 +
    line-height:normal;
 +
    border:0;
 +
    margin-top:0px;
 +
    padding-top:0px;
}
}
#paddedcontent{padding:20px;}
#paddedcontent{padding:20px;}
Line 33: Line 93:
     width:965px;                                             
     width:965px;                                             
     }
     }
-
#header {}                                                                                                         
+
#header {
 +
background: url("https://static.igem.org/mediawiki/2012/1/1e/BannerSomy.jpg") no-repeat;
 +
height: 203px;
 +
cursor: pointer; /*div is made clickable and links to the home page, so it's nice to show the appropriate 'hand' cursor*/
 +
}                                                                                                         
#left {
#left {
     float:left;
     float:left;
Line 93: Line 157:
height:23px;
height:23px;
     }
     }
 +
 +
.yellow{
 +
    color:#e1d416;
 +
    font-weight:bold;
 +
}
 +
 +
.green{
 +
    color:#3baa34;
 +
    font-weight:bold;
 +
}
 +
 +
.lightblue{
 +
    color:#009fe3;
 +
    font-weight:bold;
 +
}
 +
 +
.darkblue{
 +
    color:#2c2e83;
 +
    font-weight:bold;
 +
}
 +
 +
.red{
 +
    color:#e40613;
 +
    font-weight:bold;
 +
}
 +
 +
.pink{
 +
    color:#e71873;
 +
    font-weight:bold;
 +
}
#left ul.llmenugreen li{
#left ul.llmenugreen li{
-
     border-color:#96d446;
+
     border-color:#3baa34;
}
}
-
#left ul.llmenublue li{
+
#left ul.llmenulightblue li{
-
     border-color:#386abc;
+
     border-color:#009fe3;
 +
}
 +
 
 +
#left ul.llmenudarkblue li{
 +
    border-color:#2c2e83;
}
}
#left ul.llmenured li{
#left ul.llmenured li{
-
     border-color:#fb5c2b;
+
     border-color:#e40613;
}
}
#left ul.llmenuyellow li{
#left ul.llmenuyellow li{
-
     border-color:#fad72a;
+
     border-color:#f8ea18;
 +
}
 +
 
 +
#left ul.llmenupink li{
 +
    border-color:#e71873;
}
}
Line 117: Line 219:
     outline:none;
     outline:none;
     display:block;
     display:block;
-
     width:200px;
+
     width:170px;
     }
     }
Line 134: Line 236:
#right{
#right{
     float:right;
     float:right;
-
     width:735px;
+
     width:710px;
     padding-left:5px;
     padding-left:5px;
     padding-right:5px;
     padding-right:5px;
Line 140: Line 242:
     //padding-bottom:5px;
     //padding-bottom:5px;
     margin-bottom:-15px;
     margin-bottom:-15px;
 +
    margin-left: 10px;
 +
    margin-right: 10px;
     background:#fff;
     background:#fff;
     text-align:justify;
     text-align:justify;
Line 155: Line 259:
* html #camfooter {
* html #camfooter {
     height:1px;
     height:1px;
-
    }
 
-
h1.firstHeading {
 
-
    display: none;
 
     }
     }
 +
 +
ul.accom{
 +
list-style-type: none;
 +
}
/* Wiki Hacks - START */
/* Wiki Hacks - START */
Line 172: Line 277:
#content {
#content {
     background-color: white;
     background-color: white;
-
     border:none;
+
     border: none;
-
     padding-bottom:none;
+
     padding-bottom: 0;
-
     margin-bottom:none;
+
     margin-bottom: 0;
     }
     }
#bodyContent {
#bodyContent {
     border: none;
     border: none;
 +
    overflow: visible;
     }
     }
#top-section {
#top-section {
-
     height: 16px; /* Nick: ipv 14px;*/
+
     height: 19px; /* Nick: ipv 14px;*/
-
     margin-top: -2px; /* Nick: ipv -14px;*/
+
     margin-top: 0px; /* Nick: ipv -14px;*/
     margin-left: auto;
     margin-left: auto;
     margin-right: auto;
     margin-right: auto;
Line 193: Line 299:
     overflow:hidden;
     overflow:hidden;
     border:none;
     border:none;
 +
    display:none;
     }
     }
#search-controls {
#search-controls {
Line 201: Line 308:
     top: 100px;
     top: 100px;
     right: 40px;
     right: 40px;
-
     }          
+
     }  
-
.left-menu { width: 400px; display:block; float:left; margin-top:-62px; margin-right:30px; border: none; left:20px;}                                                                                                                                
+
.left-menu {  
-
.left-menu ul { border: none; }
+
    width: 400px;
-
 
+
    display:block;
 +
    float:left;
 +
    margin-top:3px;/* Nick: ipv -62px;*/
 +
    margin-right:30px;
 +
    border: none;
 +
    left:20px;
 +
    background-color: transparent;
 +
    }
 +
.left-menu ul {
 +
    border: none;
 +
    background-color: transparent;
 +
    }
#menubar.right-menu {
#menubar.right-menu {
     width:300px;
     width:300px;
Line 217: Line 335:
#menubar li a{
#menubar li a{
-
    color:#73a631;
 
     background-color: transparent;
     background-color: transparent;
 +
    color: #386abc;
}
}
#menubar li a:hover {
#menubar li a:hover {
-
    color:#73a631;
 
     text-decoration:underline;
     text-decoration:underline;
-
}
+
    }
 +
.left-menu:hover {
 +
    background-color: transparent;
 +
    }
#menubar li.selected a {
#menubar li.selected a {
-
     color:#555555;
+
     background-color: transparent;
}
}
-
 
+
sup, sub { vertical-align: 0;
 +
          position: relative; }
 +
sup { bottom: 1ex; }
 +
sub { top: 0.8ex; }
#footer-box {
#footer-box {
     background-color: white;
     background-color: white;
Line 235: Line 358:
     width: 965px;
     width: 965px;
     margin: 0 auto;
     margin: 0 auto;
-
    margin-bottom:none;
+
     padding: 5px;
-
     padding-left:5px;
+
     padding-bottom: 0px;
-
     padding-right:5px;
+
     }
     }
#footer {
#footer {
     border: none;
     border: none;
-
    width: 965px;
 
     margin: 0;
     margin: 0;
     padding: 0;
     padding: 0;

Latest revision as of 12:48, 26 September 2012

body{background:#191f46;}

img{ margin: 0px 15px 10px; }

table img{ margin: 8px 0px 0px 0px; }

table td.star img{ margin-top: 10px; }

div.thumb { 

   border:none;
   margin: 0px 15px 10px;
   }

div.thumb img{ 

   margin:0px;

} div.center div.thumb { 

   margin: 0px;

} div.thumb.tleft { 

   margin-left: 0px;

} div.thumb.tright { 

   margin-right: 0px;

} div.thumb div{ 

   background-color:transparent;
   border:none;

}

div.thumb div a{ 

   border:none;

}

div.thumbcaption{ 

   color:#656565;
   font-style: italic;

}

div#sponsor{ 

   margin-left:20px;

}

  1. accmenu.fixed{ 
   position: fixed;
   top: 0px;

}

.vectorImage{ 

   margin-left:-15px;

}

p.quote{ 

   position: relative;
   left:30px;
   width: 680px;
   font-style: italic;

}

  1. bodyContent{ 
   position:relative; 
   width:970px;
   font-family: "Lucida Sans Unicode", "Lucida Grande", Nobile, Verdana, Arial, Helvetica, sans-serif;
   color:#323232;
   background-image:url('https://static.igem.org/mediawiki/2010/0/0a/Cam-Repeat.png');
   
   }
  1. bodyContent a{ 
   color:#f5950c;
   }

h1,h2,h4,h5,h6{ 

   color:#424242;

} h3{ 

   font-size: 1.1em;
   font-weight: bold;
   font-family: "Lucida Sans Unicode", "Lucida Grande", Nobile, Verdana, Arial, Helvetica, sans-serif;
   color:#323232;
   line-height:normal;
   border:0;
   margin-top:0px;
   padding-top:0px;

}

  1. paddedcontent{padding:20px;}
  2. wrap { 
   position:relative;
   top:-15px;
   width:965px;                                            
   }
  1. header {

background: url("BannerSomy.jpg") no-repeat; height: 203px; cursor: pointer; /*div is made clickable and links to the home page, so it's nice to show the appropriate 'hand' cursor*/ }

  1. left { 
   float:left;
   width:200px;
   padding:10px;
   background-color:#ddd;
   border-top:solid 5px #fff;
   }

.tophome{ 

   text-align:center;
   }

.secheader{ 

   height:50px;
   color:#ffffff;
   padding-left:10px;
   padding-top:15px;
   font-size:2.0em;
   text-align:left;
   overflow:auto;
   background-image:url('https://static.igem.org/mediawiki/2010/a/ad/Cam-Gradient-Overlay.png');

}

.contwrap{ 

   text-align:justify;
   background:#f8f8f8;
   color:#333333;
   width:720px;
   padding-left:10px;
   padding-top:5px;
   padding-right:10px;
   padding-bottom:20px;
   margin-top:5px;
   margin-bottom:none;

}

  1. left ul{ 
   list-style:none; 
   overflow:hidden;
   padding-left:0px;
   margin-left:10px;
   }
  1. left ul li{ 
   margin-bottom:8px; 
   position:relative;  
   padding-top:4px;
   padding-bottom:0px;
   padding:none;
   font-family:verdana, Nobile;
   }
  1. left ul.llmenu li{ 
   padding-left:10px;

}

  1. left ul li.backLava{ 
   background-color:#eeeeee;   
   border-left:solid;
   border-color:#96d446;
   border-width:5px;

height:23px; 

   }

.yellow{ 

   color:#e1d416;
   font-weight:bold;

}

.green{ 

   color:#3baa34;
   font-weight:bold;

}

.lightblue{ 

   color:#009fe3;
   font-weight:bold;

}

.darkblue{ 

   color:#2c2e83;
   font-weight:bold;

}

.red{ 

   color:#e40613;
   font-weight:bold;

}

.pink{ 

   color:#e71873;
   font-weight:bold;

}

  1. left ul.llmenugreen li{ 
   border-color:#3baa34;

}

  1. left ul.llmenulightblue li{ 
   border-color:#009fe3;

}

  1. left ul.llmenudarkblue li{ 
   border-color:#2c2e83;

}

  1. left ul.llmenured li{ 
   border-color:#e40613;

}

  1. left ul.llmenuyellow li{ 
   border-color:#f8ea18;

}

  1. left ul.llmenupink li{ 
   border-color:#e71873;

}

  1. left a{ 
   color:#555;
   font-size:15px;
   font-weight:bold;
   text-decoration:none;
   outline:none;
   display:block;
   width:170px;
   }
  1. left a:hover { 
   color:#181818;

}


  1. left a.hello{ 
   display:inline;

} h2 { 

   margin:0 0 1em;
   }
  1. right{ 
   float:right;
   width:710px;
   padding-left:5px;
   padding-right:5px;
   padding-top:5px;
   //padding-bottom:5px;
   margin-bottom:-15px;
   margin-left: 10px;
   margin-right: 10px;
   background:#fff;
   text-align:justify;
   height:100%;
   }
  1. camfooter { 
   clear:both;
   height:0px;
   background:white;
   }
  1. camfooter p { 
   margin:0;
   }
  • html #camfooter { 
   height:1px;
   }

ul.accom{ list-style-type: none; }

/* Wiki Hacks - START */ /* Author: Pieter van Boheemen */ /* Team: TU Delft */ /* Thanks guys - Bill Collins */

  1. globalWrapper { 
   background-color: transparent;
   padding-bottom:0px;
   border: none;
   }
  1. content { 
   background-color: white;
   border: none;
   padding-bottom: 0;
   margin-bottom: 0;
   }
  1. bodyContent { 
   border: none;
   overflow: visible;
   }
  1. top-section { 
   height: 19px; /* Nick: ipv 14px;*/
   margin-top: 0px; /* Nick: ipv -14px;*/
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 0 !important;
   margin-bottom: 10px;
   padding:0;
   border: none;
   }
  1. p-logo { 
   height:1px; /* Nick: ipv 1px;*/
   overflow:hidden;
   border:none;
   display:none;
   }
  1. search-controls { 
   overflow:hidden;
   display:none;
   background: none;
   position: absolute;
   top: 100px;
   right: 40px;
   }

.left-menu { 

   width: 400px;
   display:block;
   float:left;
   margin-top:3px;/* Nick: ipv -62px;*/
   margin-right:30px;
   border: none;
   left:20px;
   background-color: transparent;
   }

.left-menu ul { 

   border: none;
   background-color: transparent;
   }
  1. menubar.right-menu { 
   width:300px;
   display:block;
   float:left;
   margin-top:3px;/* Nick: ipv -62px;*/
   padding-left:50px;
   border: none;
   right:50px;
   }

.right-menu ul { border: none;}

  1. menubar li a{ 
   background-color: transparent;
   color: #386abc;

}

  1. menubar li a:hover { 
   text-decoration:underline;
   }

.left-menu:hover { 

   background-color: transparent;
   }
  1. menubar li.selected a { 
   background-color: transparent;

} sup, sub { vertical-align: 0; 

          position: relative; }

sup { bottom: 1ex; } sub { top: 0.8ex; }

  1. footer-box { 
   background-color: white;
   border: none;
   width: 965px;
   margin: 0 auto;
   padding: 5px;
   padding-bottom: 0px;
   }
  1. footer { 
   border: none;
   margin: 0;
   padding: 0;
   background-color:white;
   }                                                                                                                                                        .firstHeading { display: none;}
  1. f-list a { 
   color: #333;
   font-size: 10px;
   }
  1. f-list a:hover { 
   color: #666;
   }
  1. footer ul { 
   margin: 0;
   padding: 0;
   }
  1. footer ul li { 
   margin-top: 0;
   margin-bottom: 0;
   margin-left: 10px;
   margin-right: 10px;
   padding: 0;
   }

div#catlinks { 

   display: none;
   }
Retrieved from "http://2012.igem.org/Team:TU-Eindhoven/css"