Team:USP-UNESP-Brazil/stylesheet

From 2012.igem.org

(Difference between revisions)

Latest revision as of 18:32, 26 September 2012

h1{

   font-family:'Anonymous Pro', sans-serif;
   font-weight: normal;
   font-size: 42px;
   }

h2{

   font-family: 'Source Sans Pro', sans-serif;
   border: none;
   font-weight: lighter;
   font-size: 26px;
   }

h3{

   font-family: 'Anonymous Pro', sans-serif;
   border: none;
   font-weight: lighter;
   font-size: 22px;
   }

li .intcell .pocell .pppcell .amncell .excell{

intro, #pover, #ppp, #amn, #extra{

   cursor: pointer;
   color: #555555;
   }

li{

   list-style-type:none;
   }

body{

   font-family: 'Vollkorn', serif;
   font-weight: lighter;
   font-size: 12px;
   margin: 0;
   padding: 0;
   }

a:hover{

   text-decoration:none;
   }

/* a:link {color:#FF0000;} a:visited {color:#00FF00;} a:active {color:#0000FF;}

/

div.imgr{

   margin: 2px;
   border: 1px solid #696969
   width: auto;
   height: auto;
   float: right;
   text-align: center;
   }

div.imgl{

   margin: 2px;
   border: 1px solid #696969
   width: auto;
   height: auto;
   float: left;
   text-align: center;
   }

div.img img{

   display: inline;
   margin: 3px;
   margin: 1px;
   }

div.desc{

   text-align: center;
   font-weight: normal;
   width: 120px;
   margin: 2px;
   }

div.menubg{

   width: 160px;
   height: 23px;
   background-color: #CCC;
   position: fixed;
   z-index: 0;
   }

.menubg:first-child{

   margin-top: 5px;
   }

left {

   position: relative;
   float: left;
   width:200px;
   padding-left:10px;
   background-color:#DDD;
   border-top: none;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
   -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */
   font-family: 'Source Sans Pro', sans-serif;
   font-weight: normal;
   font-size: 16px;
   }

left a{

   color:#555;
   }

/*

left li{

   padding: 5px 0px;
   }

/

right{

   position: relative;
   float: right;
   width:600px;
   padding: 10px 25px;
   margin-bottom: 10px;
   background-color:#fff;
   border-top:solid 5px #fff;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
   -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */
   //padding-bottom:5px;
   background:#fff;
   text-align:justify;
   height:auto;
   }

right p:first-child{

   display: none;
   }

innercontent{

   background-image: url("");
   padding: 10px 0px;
   }

innercontent p {

   margin: 0.6em 0;
   }

.centering {

   margin: 0 auto;
   width: 915px;
   background-color: transparent;
   }

.whitebox {

   display: table;
   margin: 20px 0;
   background-color: white;
   width: 895px;
   padding: 10px 10px 10px 10px;
   border-top:solid 5px #fff;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
   -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */
   }

/* WIKI HACKS - START */

toc{

   display: none;
   }

content, #globalWrapper {

   border: none;
   width: 100%;
   margin: 0;
   padding: 0;
   }

bodyContent{

   width: auto;
   height: auto;
   border-left-color: transparent;
   border-right-color: transparent;
   margin: 10px 0px 0px 0px;
   }

contentSub, #search-controls, .firstHeading, #catlinks, #p-logo, #footer-box{

   display:none;
   }

top-section{

   border: none;
   padding: 0px;
   margin: 0 auto;
   width: 965px;
   height: 0px;
   }

content{

   border: none;
   }

/***** Menu Bar Hack - START *****/

menubar > ul > li:last-child {

   display: none;
   }

menubar{

   width: auto;
   font-size: 50%;
   }

menubar li a{

   background-color: transparent;
   color: transparent;
   }

menubar:hover li a{

   color: white;
   }

menubar.right-menu{

   display: none;
   }

/***** Menu Bar Hack - END *****/

/***** Footer & Footer Box Hack - START *****/

footer-panel {

   background: #333333;
   border-top: 1px solid #D9D9D9;
   }

bodyContent {

   background: #333333;
   }

footer-panel h4 {

   color: #999999;
   font-weight: bold;
   }

footer-panel p {

   color: #CCCCCC;
   }

div.footerBox {

   border-right: 1px solid;
   border-color: #444444;
   float: left;
   margin: 10px 10px 10px 0;
   padding: 0 20px 0 0;
   width: 290px;
   min-height: 250px;
   }

.footerBox p{

   font-family: 'Source Sans Pro', sans-serif;
   font-weight: normal;
   font-size: 19px;
   color: #999999;
   text-align: center;
   }

foottable{

   margin-top: 15px;
   font-family: 'Source Sans Pro', sans-serif;
   font-weight: normal;
   font-size: 12px;
   background-color: transparent;
   text-align: center;
   border: none;
   rules: none;
   width: 300px;
   }

foottable a{

   color: #CCC;
   }

div.footerBox:last-child {

   border: none;
   margin: 10px 0;
   padding: 0;
   width: 270px
   }

img.sponsorImage{

   float: left;
   padding: 0;
   margin: 0;
   border: 0px solid #444444;
   }

prg{

   padding-right: 10px;
   border-right-width: 1px;
   }

prceu{

   padding-left: 10px;
   padding-right: 10px;
   padding-top: 20px;
   padding-bottom: 20px;
   margin-bottom: 10px;
   border-right-width: 1px;
   }

idt{

   padding-right: 20px;
   border-right-width: 1px;
   padding-top: 15px;
   padding-bottom: 10px;
   margin-top: 10px;
   }

ipespe{

   padding-left: 10px;
   padding-right: 10px;
   margin-top: 10px;
   border-right-width: 1px;
   }

arex{

   padding-left: 10px;
   padding-top: 20px;
   }

gatelab{

   padding-left: 10px;
   padding-top: 10px;
   }

cc{

   top: 20px;
   float: left;
   position: relative;
   width: 25%;
   height: 25%;
   }

wikimedia{

   top: 20px;
   float: right;
   position: relative;
   width: 25%;
   height: 25%;
   }

/***** Footer & Footer Box Hack - END *****/

/*** Top Menu - START ***/

head{

   position: relative;
   margin: 0 auto;
   width: 914px;
   height: 230px;
   background-color: transparent;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
   -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */
   }

.images{

   position: absolute;
   display: none;
   top: 0;
   left: 0;
   }

.titles{

   width: 318px;
   height: 95px;
   font-family: 'Source Sans Pro', sans-serif;
   font-weight: lighter;
   font-size: 42px;
   text-align: right;
   line-height: 100%;
   position: absolute;
   display: none;
   top: 100px;
   left: 585px;
   }

.titlelight{

   color: #aaaaaa;
   }

.titledark{

   color: #444444;
   }

topmenu{

   left: 220px;
   width: 694px;
   height: 34px;
   background: url("") repeat-x scroll 0 -1px #222222;
   z-index: 1;
   box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
   -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */
   position: absolute;
   border-bottom: 1px solid #000000;
   }

.logocaixa{

   width: 220px;
   height: 230px;
   z-index: 1;
   position: absolute;
   background-color: black;
   opacity: 0.4;
   filter: alpha(opacity=40); /* For IE8 and earlier */
   }

logousp{

   position: absolute;
   width: 200px;
   height: 196px;
   z-index: 2;
   padding: 15px 10px;
   }

hackology{

   position: absolute;
   z-index: 3;
   left: 240px;
   top: 160px;
   }

div.menuicon{

   font-family: 'Source Sans Pro', sans-serif;
   font-weight: bold;
   font-size: 19px;
   text-align: right;
   line-height: 100%;
   position: absolute;
   z-index: 2;
   display: none;
   top: 7px;
   left: 10px;
   }

div.menuicon a{

   position: relative;
   display: inline;
   border-right: 1px solid;
   border-color: #444444;
   background-color: transparent;
   color: #BBBBBB;
   padding-right: 6px;
   padding-top: 3px;
   padding-bottom: 7px;
   }

.menuicon a:hover{

   color: white;
   }

.menuicon a:last-child{

   border: none;
   }

ul.panel{

   position: absolute;
   display: none;
   background-color: black;
   opacity: 0.4;
   filter: alpha(opacity=40); /* For IE8 and earlier */
   list-style-type:none;
   list-style-image:none;
   left: 198px;
   top: 30px;
   z-index: 1;
   }

panelIntro{

   width: 126px;    
   }

panelOver{

   width: 100px;
   }

ul.panel li{

   font-family: 'Source Sans Pro', sans-serif;
   font-weight: bold;
   color: white;
   font-size: 16px;
   text-align: center;
   line-height: 100%;
   list-style-type: none;
   list-style-image: none;
   z-index: 2;
   text-align: left;    
   }

/*** Top Menu - END ***/

/* WIKI HACKS - END */