Team:MIT/styles

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
-
body {
+
ul {list-style: none}
-
    background: none repeat scroll 0 0 #191F46;
+
/* Wiki Hacks - START */
-
}
+
/* Author: Pieter van Boheemen */
-
div.thumb {
+
/* Team: TU Delft */
-
    border: medium none;
+
/* Thanks guys - Bill Collins */
-
}
+
 
-
div.thumb div {
+
-
    background-color: transparent;
+
-
    border: medium none;
+
-
}
+
-
div.thumb div a {
+
-
    border: medium none;
+
-
}
+
-
#bodyContent {
+
-
    background-image: url("https://static.igem.org/mediawiki/2010/0/0a/Cam-Repeat.png");
+
-
    color: #323232;
+
-
    font-family: "Lucida Sans Unicode","Lucida Grande",Nobile,Verdana,Arial,Helvetica,sans-serif;
+
-
    position: relative;
+
-
    width: 970px;
+
-
}
+
-
#bodyContent a {
+
-
    color: #73A631;
+
-
}
+
-
h1, h2, h3, h4, h5, h6 {
+
-
    color: #424242;
+
-
}
+
-
#paddedcontent {
+
-
    padding: 20px;
+
-
}
+
-
#wrap {
+
-
    position: relative;
+
-
    top: -15px;
+
-
    width: 965px;
+
-
}
+
-
#header {
+
-
}
+
-
#left {
+
-
    background-color: #DDDDDD;
+
-
    border-top: 5px solid #FFFFFF;
+
-
    float: left;
+
-
    padding: 10px;
+
-
    width: 200px;
+
-
}
+
-
.tophome {
+
-
    text-align: center;
+
-
}
+
-
.secheader {
+
-
    background-image: url("https://static.igem.org/mediawiki/2010/a/ad/Cam-Gradient-Overlay.png");
+
-
    color: #FFFFFF;
+
-
    font-size: 2em;
+
-
    height: 50px;
+
-
    overflow: auto;
+
-
    padding-left: 10px;
+
-
    padding-top: 15px;
+
-
    text-align: left;
+
-
}
+
-
.contwrap {
+
-
    background: none repeat scroll 0 0 #F8F8F8;
+
-
    color: #333333;
+
-
    margin-top: 5px;
+
-
    padding: 5px 10px 20px;
+
-
    text-align: justify;
+
-
    width: 720px;
+
-
}
+
-
#left ul {
+
-
    list-style: none outside none;
+
-
    margin-left: 10px;
+
-
    overflow: hidden;
+
-
    padding-left: 0;
+
-
}
+
-
#left ul li {
+
-
    font-family: verdana,Nobile;
+
-
    margin-bottom: 8px;
+
-
    padding-bottom: 0;
+
-
    padding-top: 4px;
+
-
    position: relative;
+
-
}
+
-
#left ul.llmenu li {
+
-
    padding-left: 10px;
+
-
}
+
-
#left ul li.backLava {
+
-
    background-color: #EEEEEE;
+
-
    border-color: #96D446;
+
-
    border-left: 5px solid #96D446;
+
-
    border-width: 5px;
+
-
    height: 23px;
+
-
}
+
-
#left ul.llmenugreen li {
+
-
    border-color: #96D446;
+
-
}
+
-
#left ul.llmenublue li {
+
-
    border-color: #386ABC;
+
-
}
+
-
#left ul.llmenured li {
+
-
    border-color: #FB5C2B;
+
-
}
+
-
#left ul.llmenuyellow li {
+
-
    border-color: #FAD72A;
+
-
}
+
-
#left a {
+
-
    color: #555555;
+
-
    display: block;
+
-
    font-size: 15px;
+
-
    font-weight: bold;
+
-
    outline: medium none;
+
-
    text-decoration: none;
+
-
    width: 200px;
+
-
}
+
-
#left a:hover {
+
-
    color: #181818;
+
-
}
+
-
#left a.hello {
+
-
    display: inline;
+
-
}
+
-
h2 {
+
-
    margin: 0 0 1em;
+
-
}
+
-
#right {
+
-
    background: none repeat scroll 0 0 #FFFFFF;
+
-
    float: right;
+
-
    height: 100%;
+
-
    margin-bottom: -15px;
+
-
    padding-left: 5px;
+
-
    padding-right: 5px;
+
-
    padding-top: 5px;
+
-
    text-align: justify;
+
-
    width: 735px;
+
-
}
+
-
#camfooter {
+
-
    background: none repeat scroll 0 0 white;
+
-
    clear: both;
+
-
    height: 0;
+
-
}
+
-
#camfooter p {
+
-
    margin: 0;
+
-
}
+
-
* html #camfooter {
+
-
    height: 1px;
+
-
}
+
-
h1.firstHeading {
+
-
    display: none;
+
-
}
+
#globalWrapper {
#globalWrapper {
     background-color: transparent;
     background-color: transparent;
-
     border: medium none;
+
     padding-bottom:0px;
-
     padding-bottom: 0;
+
     border: none;
-
}
+
    }
#content {
#content {
     background-color: white;
     background-color: white;
-
     border: medium none;
+
     border:none;
-
}
+
    padding-bottom:none;
 +
    margin-bottom:none;
 +
    }
#bodyContent {
#bodyContent {
-
     border: medium none;
+
     border: none;
-
}
+
    }
#top-section {
#top-section {
-
    border: medium none;
 
     height: 14px;
     height: 14px;
-
     margin-bottom: 0 !important;
+
     margin-top: -14px;
     margin-left: auto;
     margin-left: auto;
     margin-right: auto;
     margin-right: auto;
-
     margin-top: -14px;
+
     margin-bottom: 0 !important;
-
     padding: 0;
+
    margin-bottom: 10px;
-
}
+
     padding:0;
 +
    border: none;
 +
    }
#p-logo {
#p-logo {
-
    border: medium none;
+
     height:1px;
-
     height: 1px;
+
     overflow:hidden;
-
     overflow: hidden;
+
    border:none;
-
}
+
    }
#search-controls {
#search-controls {
-
     background: none repeat scroll 0 0 transparent;
+
     overflow:hidden;
-
     display: none;
+
     display:none;
-
     overflow: hidden;
+
     background: none;
     position: absolute;
     position: absolute;
 +
    top: 100px;
     right: 40px;
     right: 40px;
-
     top: 100px;
+
     }          
-
}
+
.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; }
-
    border: medium none;
+
 
-
    display: block;
+
-
    float: left;
+
-
    left: 20px;
+
-
    margin-right: 30px;
+
-
    margin-top: -62px;
+
-
    width: 400px;
+
-
}
+
-
.left-menu ul {
+
-
    border: medium none;
+
-
}
+
#menubar.right-menu {
#menubar.right-menu {
-
     border: medium none;
+
     width:300px;
-
     display: block;
+
     display:block;
-
     float: left;
+
     float:left;
-
     margin-top: -62px;
+
     margin-top:-62px;
-
     padding-left: 50px;
+
     padding-left:50px;
-
     right: 50px;
+
     border: none;
-
     width: 300px;
+
     right:50px;
-
}
+
    }                                                                                                                                                      
-
.right-menu ul {
+
.right-menu ul { border: none;}
-
    border: medium none;
+
 
-
}
+
#menubar li a{
-
#menubar li a {
+
     color:#73a631;
-
     color: #73A631;
+
}
}
 +
#menubar li a:hover {
#menubar li a:hover {
-
     color: #73A631;
+
     color:#73a631;
-
     text-decoration: underline;
+
     text-decoration:underline;
}
}
 +
#menubar li.selected a {
#menubar li.selected a {
-
     color: #555555;
+
     color:#555555;
}
}
 +
#footer-box {
#footer-box {
     background-color: white;
     background-color: white;
-
     border: medium none;
+
     border: none;
 +
    width: 965px;
     margin: 0 auto;
     margin: 0 auto;
-
     padding-left: 5px;
+
    margin-bottom:none;
-
     padding-right: 5px;
+
     padding-left:5px;
 +
     padding-right:5px;
 +
    }
 +
#footer {
 +
    border: none;
     width: 965px;
     width: 965px;
-
}
 
-
#footer {
 
-
    background-color: white;
 
-
    border: medium none;
 
     margin: 0;
     margin: 0;
     padding: 0;
     padding: 0;
-
     width: 965px;
+
     background-color:white;
-
}
+
    }                                                                                                                                                       .firstHeading { display: none;}
-
.firstHeading {
+
-
    display: none;
+
-
}
+
#f-list a {
#f-list a {
-
     color: #333333;
+
     color: #333;
     font-size: 10px;
     font-size: 10px;
-
}
+
    }
#f-list a:hover {
#f-list a:hover {
-
     color: #666666;
+
     color: #666;
-
}
+
    }
#footer ul {
#footer ul {
     margin: 0;
     margin: 0;
     padding: 0;
     padding: 0;
-
}
+
    }
#footer ul li {
#footer ul li {
-
     margin: 0 10px;
+
     margin-top: 0;
 +
    margin-bottom: 0;
 +
    margin-left: 10px;
 +
    margin-right: 10px;
     padding: 0;
     padding: 0;
-
}
+
    }
 +
 
 +
 
 +
/* Wiki Hacks - END */

Revision as of 21:05, 17 June 2011

ul {list-style: 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:none;
   margin-bottom:none;
   }
  1. bodyContent {
   border: none;
   }
  1. top-section {
   height: 14px;
   margin-top: -14px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 0 !important;
   margin-bottom: 10px;
   padding:0;
   border: none;
   }
  1. p-logo {
   height:1px;
   overflow:hidden;
   border: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:-62px; margin-right:30px; border: none; left:20px;} .left-menu ul { border: none; }

  1. menubar.right-menu {
   width:300px;
   display:block;
   float:left;
   margin-top:-62px;
   padding-left:50px;
   border: none;
   right:50px;
   }                                                                                                                                                        

.right-menu ul { border: none;}

  1. menubar li a{
   color:#73a631;

}

  1. menubar li a:hover {
   color:#73a631;
   text-decoration:underline;

}

  1. menubar li.selected a {
   color:#555555;

}

  1. footer-box {
   background-color: white;
   border: none;
   width: 965px;
   margin: 0 auto;
   margin-bottom:none;
   padding-left:5px;
   padding-right:5px;
   }
  1. footer {
   border: none;
   width: 965px;
   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;
   }


/* Wiki Hacks - END */