Team:Brown-Stanford/css

From 2011.igem.org

(Difference between revisions)
Line 7: Line 7:
/* Menu */
/* Menu */
ul.sdt_menu{
ul.sdt_menu{
-
margin:0;
+
    margin:0;
-
padding:0;
+
    padding:0;
-
list-style: none;
+
    list-style: none;
-
font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
+
    font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
-
font-size:14px;
+
    font-size:14px;
-
width:1020px;
+
    width:1020px;
}
}
ul.sdt_menu a{
ul.sdt_menu a{
-
text-decoration:none;
+
    text-decoration:none;
-
outline:none;
+
    outline:none;
}
}
ul.sdt_menu li{
ul.sdt_menu li{
-
float:left;
+
    float:left;
-
width:170px;
+
    width:170px;
-
height:85px;
+
    height:85px;
-
position:relative;
+
    position:relative;
-
cursor:pointer;
+
    cursor:pointer;
}
}
ul.sdt_menu li > a{
ul.sdt_menu li > a{
-
position:absolute;
+
    position:absolute;
-
top:0px;
+
    top:0px;
-
left:0px;
+
    left:0px;
-
width:170px;
+
    width:170px;
-
height:85px;
+
    height:85px;
-
z-index:12;
+
    z-index:12;
-
background:black no-repeat bottom right;
+
    background:black no-repeat bottom right;
-
-moz-box-shadow:0px 0px 2px #000 inset;
+
    -moz-box-shadow:0px 0px 2px #000 inset;
-
-webkit-box-shadow:0px 0px 2px #000 inset;
+
    -webkit-box-shadow:0px 0px 2px #000 inset;
-
box-shadow:0px 0px 2px #000 inset;
+
    box-shadow:0px 0px 2px #000 inset;
}
}
ul.sdt_menu li a img{
ul.sdt_menu li a img{
-
border:none;
+
    border:none;
-
position:absolute;
+
    position:absolute;
-
width:0px;
+
    width:0px;
-
height:0px;
+
    height:0px;
-
bottom:0px;
+
    bottom:0px;
-
left:85px;
+
    left:85px;
-
z-index:100;
+
    z-index:100;
-
-moz-box-shadow:0px 0px 4px #000;
+
    -moz-box-shadow:0px 0px 4px #000;
-
-webkit-box-shadow:0px 0px 4px #000;
+
    -webkit-box-shadow:0px 0px 4px #000;
-
box-shadow:0px 0px 4px #000;
+
    box-shadow:0px 0px 4px #000;
}
}
ul.sdt_menu li span.sdt_wrap{
ul.sdt_menu li span.sdt_wrap{
-
position:absolute;
+
    position:absolute;
-
top:25px;
+
    top:25px;
-
left:0px;
+
    left:0px;
-
width:170px;
+
    width:170px;
-
height:60px;
+
    height:60px;
-
z-index:15;
+
    z-index:15;
}
}
ul.sdt_menu li span.sdt_active{
ul.sdt_menu li span.sdt_active{
-
position:absolute;
+
    position:absolute;
-
background:#111;
+
    background:#111;
-
top:85px;
+
    top:85px;
-
width:170px;
+
    width:170px;
-
height:0px;
+
    height:0px;
-
left:0px;
+
    left:0px;
-
z-index:14;
+
    z-index:14;
-
-moz-box-shadow:0px 0px 4px #000 inset;
+
    -moz-box-shadow:0px 0px 4px #000 inset;
-
-webkit-box-shadow:0px 0px 4px #000 inset;
+
    -webkit-box-shadow:0px 0px 4px #000 inset;
-
box-shadow:0px 0px 4px #000 inset;
+
    box-shadow:0px 0px 4px #000 inset;
}
}
ul.sdt_menu li span span.sdt_link,
ul.sdt_menu li span span.sdt_link,
ul.sdt_menu li span span.sdt_descr,
ul.sdt_menu li span span.sdt_descr,
ul.sdt_menu li div.sdt_box a{
ul.sdt_menu li div.sdt_box a{
-
margin-left:15px;
+
    margin-left:15px;
-
text-transform:uppercase;
+
    text-transform:uppercase;
-
text-shadow:1px 1px 1px #000;
+
    text-shadow:1px 1px 1px #000;
}
}
ul.sdt_menu li span span.sdt_link{
ul.sdt_menu li span span.sdt_link{
-
color:#fff;
+
    color:#fff;
-
font-size:24px;
+
    font-size:24px;
-
float:left;
+
    float:left;
-
clear:both;
+
    clear:both;
}
}
ul.sdt_menu li span span.sdt_descr{
ul.sdt_menu li span span.sdt_descr{
-
color:#0B75AF;
+
    color:#0B75AF;
-
float:left;
+
    float:left;
-
clear:both;
+
    clear:both;
-
width:155px; /*For dumbass IE7*/
+
    width:155px; /*For dumbass IE7*/
-
font-size:10px;
+
    font-size:10px;
-
letter-spacing:1px;
+
    letter-spacing:1px;
}
}
ul.sdt_menu li div.sdt_box{
ul.sdt_menu li div.sdt_box{
-
display:block;
+
    display:block;
-
position:absolute;
+
    position:absolute;
-
width:170px;
+
    width:170px;
-
overflow:hidden;
+
    overflow:hidden;
-
height:170px;
+
    height:170px;
-
top:85px;
+
    top:85px;
-
left:0px;
+
    left:0px;
-
display:none;
+
    display:none;
-
background:#000;
+
    background:#000;
}
}
ul.sdt_menu li div.sdt_box a{
ul.sdt_menu li div.sdt_box a{
-
float:left;
+
    float:left;
-
clear:both;
+
    clear:both;
-
line-height:30px;
+
    line-height:30px;
-
color:#0B75AF;
+
    color:#0B75AF;
}
}
ul.sdt_menu li div.sdt_box a:first-child{
ul.sdt_menu li div.sdt_box a:first-child{
-
margin-top:15px;
+
    margin-top:15px;
}
}
ul.sdt_menu li div.sdt_box a:hover{
ul.sdt_menu li div.sdt_box a:hover{
-
color:#fff;
+
    color:#fff;
}
}
Line 120: Line 120:
div.thumb {
div.thumb {
     border:none;
     border:none;
-
    }
+
}
div.thumb div{
div.thumb div{
     background-color:transparent;
     background-color:transparent;
Line 135: Line 135:
     position:relative;
     position:relative;
     top:-15px;
     top:-15px;
-
     width:965px;                                          
+
     width:965px;
-
    }
+
}
#header {
#header {
-
text-align: left;
+
    text-align: left;
}   
}   
-
                                                                                                   
 
-
#left {
 
-
    float:left;
 
-
    width:200px;
 
-
    padding:10px;
 
-
    background-color:#ddd;
 
-
    border-top:solid 5px #fff;
 
-
    }
 
-
.tophome{
 
-
    text-align:center;
 
-
    }
 
.secheader{
.secheader{
     height:50px;
     height:50px;
-
     color:#ffffff;
+
     color:white;
     padding-left:10px;
     padding-left:10px;
     padding-top:15px;
     padding-top:15px;
Line 179: Line 168:
h2 {
h2 {
     margin:0 0 1em;
     margin:0 0 1em;
-
    }
+
}
-
#right{
 
-
    float:right;
 
-
    width:735px;
 
-
    padding-left:5px;
 
-
    padding-right:5px;
 
-
    padding-top:5px;
 
-
    //padding-bottom:5px;
 
-
    margin-bottom:-15px;
 
-
    background:#fff;
 
-
    text-align:justify;
 
-
    height:100%;
 
-
    }
 
-
   
 
#camfooter {
#camfooter {
     clear:both;
     clear:both;
     height:0px;
     height:0px;
     background:white;
     background:white;
-
    }
+
}
#camfooter p {
#camfooter p {
     margin:0;
     margin:0;
-
    }
+
}
* html #camfooter {
* html #camfooter {
     height:1px;
     height:1px;
-
    }
+
}
h1.firstHeading {
h1.firstHeading {
     display: none;
     display: none;
-
    }
+
}
/* Wiki Hacks - START */
/* Wiki Hacks - START */
Line 219: Line 195:
     border: none;
     border: none;
     color: white;
     color: white;
-
    }
+
}
#content {
#content {
     background-color: black;
     background-color: black;
-
    border:none;
+
border:none;
     padding-bottom:none;
     padding-bottom:none;
     margin-bottom:none;
     margin-bottom:none;
     color: white;
     color: white;
-
    }
+
}
 +
 
#bodyContent {
#bodyContent {
     border: none;
     border: none;
-
    }
+
}
 +
 
#top-section {
#top-section {
     height: 14px;
     height: 14px;
Line 239: Line 217:
     padding:0;
     padding:0;
     border: none;
     border: none;
-
    }
+
}
 +
 
#p-logo {
#p-logo {
     height:1px;
     height:1px;
     overflow:hidden;
     overflow:hidden;
     border:none;
     border:none;
-
    }
+
}
 +
 
#search-controls {
#search-controls {
     overflow:hidden;
     overflow:hidden;
Line 252: Line 232:
     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:-62px;
 +
    margin-right:30px;
 +
    border: none;  
 +
    left:20px;
 +
}
 +
 
 +
.left-menu ul {
 +
    border: none;
 +
}
#menubar.right-menu {
#menubar.right-menu {
Line 264: Line 255:
     border: none;
     border: none;
     right:50px;
     right:50px;
-
    }                                                                                                                                                      
+
}
-
.right-menu ul { border: none;}
+
.right-menu ul {
 +
    border: none;
 +
}
#menubar li a{
#menubar li a{
Line 288: Line 281:
     padding-left:5px;
     padding-left:5px;
     padding-right:5px;
     padding-right:5px;
-
    }
+
}
#footer {
#footer {
     border: none;
     border: none;
Line 295: Line 288:
     padding: 0;
     padding: 0;
     background-color:white;
     background-color:white;
-
    }                                                                                                                                                       .firstHeading { display: none;}
+
}
 +
.firstHeading {
 +
    display: none;
 +
}
#f-list a {
#f-list a {
     color: #333;
     color: #333;
     font-size: 10px;
     font-size: 10px;
-
    }
+
}
#f-list a:hover {
#f-list a:hover {
     color: #666;
     color: #666;
-
    }
+
}
#footer ul {
#footer ul {
     margin: 0;
     margin: 0;
     padding: 0;
     padding: 0;
-
    }
+
}
#footer ul li {
#footer ul li {
     margin-top: 0;
     margin-top: 0;
Line 313: Line 309:
     margin-right: 10px;
     margin-right: 10px;
     padding: 0;
     padding: 0;
-
    }
+
}
/* Wiki Hacks - END */
/* Wiki Hacks - END */

Revision as of 02:35, 7 June 2011

body { 

   text-align: center;
   margin:0 auto;
   background: black;

}

/* Menu */ ul.sdt_menu{ 

   margin:0;
   padding:0;
   list-style: none;
   font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
   font-size:14px;
   width:1020px;

} ul.sdt_menu a{ 

   text-decoration:none;
   outline:none;

} ul.sdt_menu li{ 

   float:left;
   width:170px;
   height:85px;
   position:relative;
   cursor:pointer;

} ul.sdt_menu li > a{ 

   position:absolute;
   top:0px;
   left:0px;
   width:170px;
   height:85px;
   z-index:12;
   background:black no-repeat bottom right;
   -moz-box-shadow:0px 0px 2px #000 inset;
   -webkit-box-shadow:0px 0px 2px #000 inset;
   box-shadow:0px 0px 2px #000 inset;

} ul.sdt_menu li a img{ 

   border:none;
   position:absolute;
   width:0px;
   height:0px;
   bottom:0px;
   left:85px;
   z-index:100;
   -moz-box-shadow:0px 0px 4px #000;
   -webkit-box-shadow:0px 0px 4px #000;
   box-shadow:0px 0px 4px #000;

} ul.sdt_menu li span.sdt_wrap{ 

   position:absolute;
   top:25px;
   left:0px;
   width:170px;
   height:60px;
   z-index:15;

} ul.sdt_menu li span.sdt_active{ 

   position:absolute;
   background:#111;
   top:85px;
   width:170px;
   height:0px;
   left:0px;
   z-index:14;
   -moz-box-shadow:0px 0px 4px #000 inset;
   -webkit-box-shadow:0px 0px 4px #000 inset;
   box-shadow:0px 0px 4px #000 inset;

} ul.sdt_menu li span span.sdt_link, ul.sdt_menu li span span.sdt_descr, ul.sdt_menu li div.sdt_box a{ 

   margin-left:15px;
   text-transform:uppercase;
   text-shadow:1px 1px 1px #000;

} ul.sdt_menu li span span.sdt_link{ 

   color:#fff;
   font-size:24px;
   float:left;
   clear:both;

} ul.sdt_menu li span span.sdt_descr{ 

   color:#0B75AF;
   float:left;
   clear:both;
   width:155px; /*For dumbass IE7*/
   font-size:10px;
   letter-spacing:1px;

} ul.sdt_menu li div.sdt_box{ 

   display:block;
   position:absolute;
   width:170px;
   overflow:hidden;
   height:170px;
   top:85px;
   left:0px;
   display:none;
   background:#000;

} ul.sdt_menu li div.sdt_box a{ 

   float:left;
   clear:both;
   line-height:30px;
   color:#0B75AF;

} ul.sdt_menu li div.sdt_box a:first-child{ 

   margin-top:15px;

} ul.sdt_menu li div.sdt_box a:hover{ 

   color:#fff;

}

/* End of menu stuff */

/* Lightbox */

div.thumb { 

   border:none;

} div.thumb div{ 

   background-color:transparent;
   border:none;

}

div.thumb div a{ 

   border:none;

}

/* End lightbox */

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

}

  1. header { 
   text-align: left;

}

.secheader{ 

   height:50px;
   color:white;
   padding-left:10px;
   padding-top:15px;
   font-size:2.0em;
   text-align:left;
   overflow:auto;
   background:white;

}

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

}

h2 { 

   margin:0 0 1em;

}

  1. camfooter { 
   clear:both;
   height:0px;
   background:white;

}

  1. camfooter p { 
   margin:0;

}

  • html #camfooter { 
   height:1px;

} h1.firstHeading { 

   display: 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;
   color: white;

}

  1. content { 
   background-color: black;

border:none; 

   padding-bottom:none;
   margin-bottom:none;
   color: white;

}

  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 */

div.content { 

   background-color: black;
   text-align: left;
   padding: 10px 10px 10px 10px;
   color: white

} div.pad { 

   background-color: black;
   width: 965px;
   padding: 10px 10px 10px 10px;

}

Retrieved from "http://2011.igem.org/Team:Brown-Stanford/css"