Team:USP-UNESP-Brazil/stylesheet

From 2012.igem.org

(Difference between revisions)
 
(2 intermediate revisions not shown)
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;
     }
     }
Line 445: 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;

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

Retrieved from "http://2012.igem.org/Team:USP-UNESP-Brazil/stylesheet"