Team:Brown-Stanford/css

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
/* Menu yay */
 +
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:transparent url(../images/overlay.png) 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;
 +
}
 +
body{background:#191f46;}
body{background:#191f46;}

Revision as of 18:49, 6 June 2011

/* Menu yay */ 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:transparent url(../images/overlay.png) 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; }

body{background:#191f46;}

div.thumb { 

   border:none;
   }

div.thumb div{ 

   background-color:transparent;
   border:none;

}

div.thumb div a{ 

   border:none;

}

  1. bodyContent{ 
   position:relative; 
   width:970px;
   font-family: "Lucida Sans Unicode", "Lucida Grande", Nobile, Verdana, Arial, Helvetica, sans-serif;
   color:#323232;
   background: white;
   
   }
  1. bodyContent a{ 
   color:#73a631;
   }

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

   color:#424242;

}

  1. paddedcontent{padding:20px;}
  2. wrap { 
   position:relative;
   top:-15px;
   width:965px;                                            
   }
  1. header {}
  2. 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: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;

}

  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; 

   }
  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:#555;
   font-size:15px;
   font-weight:bold;
   text-decoration:none;
   outline:none;
   display:block;
   width:200px;
   }
  1. left a:hover { 
   color:#181818;

}


  1. left a.hello{ 
   display:inline;

} h2 { 

   margin:0 0 1em;
   }
  1. 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%;
   }
  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;
   }
  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 */

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