Team:MIT/styles

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
-
ul {list-style: none;}
+
body {
-
 
+
    background: none repeat scroll 0 0 #191F46;
-
#menubar li a {
+
}
 +
div.thumb {
 +
    border: medium none;
 +
}
 +
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;
     color: #73A631;
}
}
-
#menubar li a {
+
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;
     color: #555555;
 +
    display: block;
 +
    font-size: 15px;
 +
    font-weight: bold;
 +
    outline: medium none;
 +
    text-decoration: none;
 +
    width: 200px;
}
}
-
a {
+
#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 {
 +
    background-color: transparent;
 +
    border: medium none;
 +
    padding-bottom: 0;
 +
}
 +
#content {
 +
    background-color: white;
 +
    border: medium none;
 +
}
 +
#bodyContent {
 +
    border: medium none;
 +
}
 +
#top-section {
 +
    border: medium none;
 +
    height: 14px;
 +
    margin-bottom: 0 !important;
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
    margin-top: -14px;
 +
    padding: 0;
 +
}
 +
#p-logo {
 +
    border: medium none;
 +
    height: 1px;
 +
    overflow: hidden;
 +
}
 +
#search-controls {
     background: none repeat scroll 0 0 transparent;
     background: none repeat scroll 0 0 transparent;
-
     color: #002BB8;
+
     display: none;
-
     text-decoration: none;
+
     overflow: hidden;
 +
    position: absolute;
 +
    right: 40px;
 +
    top: 100px;
}
}
-
 
+
.left-menu {
-
#menubar li {
+
    border: medium none;
-
     cursor: pointer;
+
    display: block;
 +
    float: left;
 +
    left: 20px;
 +
    margin-right: 30px;
 +
    margin-top: -62px;
 +
    width: 400px;
 +
}
 +
.left-menu ul {
 +
    border: medium none;
 +
}
 +
#menubar.right-menu {
 +
    border: medium none;
 +
    display: block;
 +
    float: left;
 +
    margin-top: -62px;
 +
    padding-left: 50px;
 +
    right: 50px;
 +
    width: 300px;
 +
}
 +
.right-menu ul {
 +
    border: medium none;
 +
}
 +
#menubar li a {
 +
     color: #73A631;
 +
}
 +
#menubar li a:hover {
 +
    color: #73A631;
 +
    text-decoration: underline;
}
}
-
 
+
#menubar li.selected a {
-
#menubar ul {
+
     color: #555555;
     color: #555555;
-
    list-style: none outside none;
 
}
}
-
ul {
+
#footer-box {
-
     line-height: 1.5em;
+
     background-color: white;
-
     list-style-image: url("bullet.gif");
+
     border: medium none;
-
     list-style-type: square;
+
    margin: 0 auto;
 +
    padding-left: 5px;
 +
     padding-right: 5px;
 +
    width: 965px;
}
}
-
 
+
#footer {
-
#menubar {
+
     background-color: white;
-
     font-family: sans-serif;
+
     border: medium none;
-
     font-size: 95%;
+
     margin: 0;
-
     line-height: 1em;
+
     padding: 0;
-
     white-space: nowrap;
+
    width: 965px;
}
}
-
 
+
.firstHeading {
-
.left-menu {
+
     display: none;
-
     text-align: left;
+
-
    text-transform: lowercase;
+
}
}
-
 
+
#f-list a {
-
#globalWrapper {
+
    color: #333333;
-
     font-size: 127%;
+
     font-size: 10px;
}
}
-
 
+
#f-list a:hover {
-
body {
+
     color: #666666;
-
     color: black;
+
}
-
     font: x-small sans-serif;
+
#footer ul {
 +
     margin: 0;
 +
    padding: 0;
 +
}
 +
#footer ul li {
 +
    margin: 0 10px;
 +
    padding: 0;
}
}

Revision as of 21:05, 17 June 2011

body { 

   background: none repeat scroll 0 0 #191F46;

} div.thumb { 

   border: medium none;

} div.thumb div { 

   background-color: transparent;
   border: medium none;

} div.thumb div a { 

   border: medium none;

}

  1. bodyContent { 
   background-image: url("Cam-Repeat.png");
   color: #323232;
   font-family: "Lucida Sans Unicode","Lucida Grande",Nobile,Verdana,Arial,Helvetica,sans-serif;
   position: relative;
   width: 970px;

}

  1. bodyContent a { 
   color: #73A631;

} h1, h2, h3, h4, h5, h6 { 

   color: #424242;

}

  1. paddedcontent { 
   padding: 20px;

}

  1. wrap { 
   position: relative;
   top: -15px;
   width: 965px;

}

  1. header {

}

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

} .tophome { 

   text-align: center;

} .secheader { 

   background-image: url("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;

}

  1. left ul { 
   list-style: none outside none;
   margin-left: 10px;
   overflow: hidden;
   padding-left: 0;

}

  1. left ul li { 
   font-family: verdana,Nobile;
   margin-bottom: 8px;
   padding-bottom: 0;
   padding-top: 4px;
   position: relative;

}

  1. left ul.llmenu li { 
   padding-left: 10px;

}

  1. left ul li.backLava { 
   background-color: #EEEEEE;
   border-color: #96D446;
   border-left: 5px solid #96D446;
   border-width: 5px;
   height: 23px;

}

  1. left ul.llmenugreen li { 
   border-color: #96D446;

}

  1. left ul.llmenublue li { 
   border-color: #386ABC;

}

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

}

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

}

  1. left a { 
   color: #555555;
   display: block;
   font-size: 15px;
   font-weight: bold;
   outline: medium none;
   text-decoration: none;
   width: 200px;

}

  1. left a:hover { 
   color: #181818;

}

  1. left a.hello { 
   display: inline;

} h2 { 

   margin: 0 0 1em;

}

  1. 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;

}

  1. camfooter { 
   background: none repeat scroll 0 0 white;
   clear: both;
   height: 0;

}

  1. camfooter p { 
   margin: 0;

}

  • html #camfooter { 
   height: 1px;

} h1.firstHeading { 

   display: none;

}

  1. globalWrapper { 
   background-color: transparent;
   border: medium none;
   padding-bottom: 0;

}

  1. content { 
   background-color: white;
   border: medium none;

}

  1. bodyContent { 
   border: medium none;

}

  1. top-section { 
   border: medium none;
   height: 14px;
   margin-bottom: 0 !important;
   margin-left: auto;
   margin-right: auto;
   margin-top: -14px;
   padding: 0;

}

  1. p-logo { 
   border: medium none;
   height: 1px;
   overflow: hidden;

}

  1. search-controls { 
   background: none repeat scroll 0 0 transparent;
   display: none;
   overflow: hidden;
   position: absolute;
   right: 40px;
   top: 100px;

} .left-menu { 

   border: medium none;
   display: block;
   float: left;
   left: 20px;
   margin-right: 30px;
   margin-top: -62px;
   width: 400px;

} .left-menu ul { 

   border: medium none;

}

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

} .right-menu ul { 

   border: medium 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: medium none;
   margin: 0 auto;
   padding-left: 5px;
   padding-right: 5px;
   width: 965px;

}

  1. footer { 
   background-color: white;
   border: medium none;
   margin: 0;
   padding: 0;
   width: 965px;

} .firstHeading { 

   display: none;

}

  1. f-list a { 
   color: #333333;
   font-size: 10px;

}

  1. f-list a:hover { 
   color: #666666;

}

  1. footer ul { 
   margin: 0;
   padding: 0;

}

  1. footer ul li { 
   margin: 0 10px;
   padding: 0;

}

Retrieved from "http://2011.igem.org/Team:MIT/styles"