Team:USP-UNESP-Brazil/stylesheet

From 2012.igem.org

(Difference between revisions)
 
Line 8: Line 8:
     border: none;
     border: none;
     font-weight: lighter;
     font-weight: lighter;
-
     font-size: 28px;
+
     font-size: 26px;
     }
     }
Line 14: Line 14:
     font-family: 'Anonymous Pro', sans-serif;
     font-family: 'Anonymous Pro', sans-serif;
     border: none;
     border: none;
-
     font-weight: bold;
+
     font-weight: lighter;
-
     font-size: 26px;
+
     font-size: 22px;
-
    text-align: left;
+
     }
     }
Line 446: Line 445:
     background-color: transparent;
     background-color: transparent;
     color: #BBBBBB;
     color: #BBBBBB;
-
     padding-right: 10px;
+
     padding-right: 6px;
     padding-top: 3px;
     padding-top: 3px;
     padding-bottom: 7px;
     padding-bottom: 7px;
Line 457: Line 456:
.menuicon a:last-child{
.menuicon a:last-child{
     border: none;
     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;   
     }
     }

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{

   }
  1. 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;
   }
  1. 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;
   }
  1. left a{
   color:#555;
   }

/*

  1. left li{
   padding: 5px 0px;
   }
  • /
  1. 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;
   }
  1. right p:first-child{
   display: none;
   }
  1. innercontent{
   background-image: url("Grey.png");
   padding: 10px 0px;
   }
  1. 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 */

  1. toc{
   display: none;
   }
  1. content, #globalWrapper {
   border: none;
   width: 100%;
   margin: 0;
   padding: 0;
   }
  1. bodyContent{
   width: auto;
   height: auto;
   border-left-color: transparent;
   border-right-color: transparent;
   margin: 10px 0px 0px 0px;
   }
  1. contentSub, #search-controls, .firstHeading, #catlinks, #p-logo, #footer-box{
   display:none;
   }
  1. top-section{
   border: none;
   padding: 0px;
   margin: 0 auto;
   width: 965px;
   height: 0px;
   }
  1. content{
   border: none;
   }

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

  1. menubar > ul > li:last-child {
   display: none;
   }
  1. menubar{
   width: auto;
   font-size: 50%;
   }
  1. menubar li a{
   background-color: transparent;
   color: transparent;
   }
  1. menubar:hover li a{
   color: white;
   }
  1. menubar.right-menu{
   display: none;
   }

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

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

  1. footer-panel {
   background: #333333;
   border-top: 1px solid #D9D9D9;
   }
  1. bodyContent {
   background: #333333;
   }
  1. footer-panel h4 {
   color: #999999;
   font-weight: bold;
   }
  1. 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;
   }
  1. 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;
   }
  1. 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;
   }
  1. prg{
   padding-right: 10px;
   border-right-width: 1px;
   }
  1. prceu{
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 20px;
   padding-bottom: 20px;
   margin-bottom: 10px;
   border-right-width: 1px;
   }
  1. idt{
   padding-right: 20px;
   border-right-width: 1px;
   padding-top: 15px;
   padding-bottom: 10px;
   margin-top: 10px;
   }
  1. ipespe{
   padding-left: 10px;
   padding-right: 10px;
   margin-top: 10px;
   border-right-width: 1px;
   }
  1. arex{
   padding-left: 10px;
   padding-top: 20px;
   }
  1. gatelab{
   padding-left: 10px;
   padding-top: 10px;
   }
  1. cc{
   top: 20px;
   float: left;
   position: relative;
   width: 25%;
   height: 25%;
   }
  1. wikimedia{
   top: 20px;
   float: right;
   position: relative;
   width: 25%;
   height: 25%;
   }

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

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

  1. 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;
   }
  1. topmenu{
   left: 220px;
   width: 694px;
   height: 34px;
   background: url("Topnav_bg.gif") 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 */
   }
  1. logousp{
   position: absolute;
   width: 200px;
   height: 196px;
   z-index: 2;
   padding: 15px 10px;
   }
  1. 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;
   }
  1. panelIntro{
   width: 126px;    
   }
  1. 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 */