Template:TUDelftiGEM2008 stylesheet

From 2008.igem.org

(Difference between revisions)
Bavandenberg (Talk | contribs)
(New page: body { background-color: #eee; } - →----------------------------------------------------------------------------: /* header area ...)
Newer edit →

Revision as of 08:28, 28 August 2008

body { 

   background-color: #eee;

}

/*----------------------------------------------------------------------------*/ /* header area */ /*----------------------------------------------------------------------------*/

  1. header { 
   width: 965px;
   height: 153px;
   position: relative;

}

  1. header_left a { 
   width: 172px;
   height: 153px;
   position: absolute;
   top: 0px;
   left: 5px;
   text-decoration: none;
   background-image: url(Tudelft_header_igem2008_logo_3.png);

}

  1. header_middle a { 
   width: 325px;
   height: 104px;
   position: absolute;
   top: 0px;
   left: 179px;
   text-decoration: none;
   background-image: url(Tudelft_header_library.jpg);

}

  1. header_right a { 
   width: 200px;
   height: 94px;
   z-index: 100;
   position: absolute;
   top: 36px;
   right: 0px;
   text-decoration: none;
   background-image: url(Tudelft_header_logo.png);

}

  1. header_bar_empty { 
   width: 781px;
   height: 30px;
   position: absolute;
   top: 105px;
   left: 179px;
   background-color:#00a7e7;

}

  1. header_bar_link { 
   width: 781px;
   height: 17px;
   position: absolute;
   top: 136px;
   left: 179px;
   background-color:#0296CF;

}

  1. header_bar_link a, #header_bar_link .selflink { 
   text-decoration: none;
   color:#fff;
   position: relative;
   float: right;
   margin: 0 10px 5px 0;
   height: 17px;
   font-size: 87%;
   font-weight: bolder;

}

  1. header_bar_link a:hover { 
   color: #ccc;

}

  1. header_bar_link .selflink { 
   color: #444;

}

/*----------------------------------------------------------------------------*/ /* menu left */ /*----------------------------------------------------------------------------*/

  1. menu { 
   width: 158px;
   margin: 20px 13px 0 7px;
   position: relative;
   float: left;

}

  1. menu ul { 
   padding: 0;
   margin: 0 0 10px 0;
   list-style: none;

}

  1. menu li { 
   margin:0;

}

  1. menu a { 
   display: block;
   width: 150px;
   height: 19px;
   margin-top: 1px;
   background: url(Tudelft_menu_button.png) no-repeat left top;
   padding: 2px 4px;
   text-decoration: none;
   color: #555;

}

  1. menu a:hover { 
   display: block;
   width: 150px;
   height: 19px;
   margin-top: 1px;
   background: url(Tudelft_menu_button_hover.png) no-repeat left top;
   padding: 2px 4px;
   color: #fff;

}

  1. menu .selflink { 
   display: block;
   width: 150px;
   height: 19px;
   margin-top: 1px;
   background: url(Tudelft_menu_button_active.png) no-repeat left top;
   padding: 2px 4px;
   color: #fff;

}

  1. menu a.external { 
   margin: 0;
   padding: 0;
   width: 156px;

}

.menu_header { 

   width: 148px;
   border: 1px solid #bbb;
   background: url(Tudelft_menu_header_bg_1.gif) repeat-x bottom;
   color: #111;
   padding: 2px 4px;

}

/*----------------------------------------------------------------------------*/ /* content area */ /*----------------------------------------------------------------------------*/

  1. tudelft_content_wrapper { 
   width: 593px;
   position: relative;
   float: left;
   margin-top: 20px;

}

  1. tudelft_content_boxtop { 
   width: 593px;
   height: 10px;
   background:url(Tudelft_content_top.png) no-repeat bottom left;
   position: relative;
   float: left;

}

  1. tudelft_content_boxbottom { 
   width: 593px;
   height: 10px;
   background:url(Tudelft_content_bottom.png) no-repeat top left;
   position: relative;
   float: left;

}

  1. tudelft_content { 
   width: 571px;
   padding: 10px;
   border-left: 1px solid #ccc;
   border-right: 1px solid #ccc;
   position: relative;
   float: left;
   font-size: 9pt;
   text-align: justify;

}


/*----------------------------------------------------------------------------*/ /* sidebar right */ /*----------------------------------------------------------------------------*/

  1. sidebar { 
   width: 172px;
   margin: 20px 7px 0 13px;
   position: relative;
   float: left;
   text-align: right;

}

  1. sidebar ul { 
   padding: 0;
   margin: 0;
   list-style: none;

}

  1. sidebar a { 
   display: block;
   width: 162px;
   height:55px;
   margin-bottom: 5px;
   padding: 4px;
   border: 1px solid #555;
   color: #fff;
   font-size: larger;
   text-decoration: none;

}

  1. sidebar a:hover { 
   color: #fff;

}

  1. sidebar .selflink { 
   display: block;
   width: 162px;
   height: 55px;
   margin-bottom: 5px;
   padding: 4px;
   font-weight: normal;
   color: #fff;
   border: 1px solid #00a7e7;

}

  1. sidebar .calendar .selflink, #sidebar .calendar a:hover { 
   background-image: url(Tudelft_sidebar_calendar_hover_4.png);

}

  1. sidebar .calendar a { 
   background-image: url(Tudelft_sidebar_calendar_4.png);

}

  1. sidebar .parts .selflink, #sidebar .parts a:hover { 
   background-image: url(Tudelft_sidebar_parts_hover_0.png);

}

  1. sidebar .parts a { 
   background-image: url(Tudelft_sidebar_parts_1.png);

}

  1. sidebar .notebook .selflink, #sidebar .notebook a:hover { 
   background-image: url(Tudelft_sidebar_notebook_hover_0.png);

}

  1. sidebar .notebook a { 
   background-image: url(Tudelft_sidebar_notebook_0.png);

}

  1. sidebar .team .selflink, #sidebar .team a:hover { 
   background-image: url(Tudelft_sidebar_team_hover_0.png);

}

  1. sidebar .team a { 
   background-image: url(Tudelft_sidebar_team_0.png);

}

  1. sidebar .photos .selflink, #sidebar .photos a:hover { 
   background-image: url(Tudelft_sidebar_photos_hover_0.png);

}

  1. sidebar .photos a { 
   background-image: url(Tudelft_sidebar_photos_0.png);

}

.sidebar_extra_header { 

   width: 162px;
   border: 1px solid #bbb;
   background: url(Tudelft_menu_header_bg_1.gif) repeat-x bottom;
   color: #111;
   padding: 2px 4px;
   margin-top: 10px;
   text-align: left;

}

  1. sidebar_extra_sponsor1 a { 
   display: block;
   width: 162px;
   border: 1px solid #bbb;
   border-top: none;
   background: url(Tudelft_sponsor_DSM.png) no-repeat center;
   height: 63px;
   text-decoration: none;
   margin: 0;

}

  1. sidebar_extra_sponsor2 a { 
   display: block;
   width: 162px;
   border: 1px solid #bbb;
   border-top: none;
   background: url(Tudelft_sponsor_kluyvercentre.png) no-repeat center;
   height: 63px;
   text-decoration: none;
   margin: 0;

}

  1. sidebar_extra_visitors a { 
   display: block;
   width: 162px;
   border: 1px solid #bbb;
   border-top: none;
   background: url(http://www4.clustrmaps.com/stats/maps-no_clusters/2008.igem.org-Team-TUDelft-thumb.jpg) no-repeat center;
   height: 116px;
   text-decoration: none;
   margin: 0;

}

  1. sidebar_extra_counter { 
   display: block;
   width: 170px;
   border-left: 1px solid #bbb;
   border-right: 1px solid #bbb;
   background: url(http://www.easycounter.com/counter.php?igemtudelft) no-repeat center bottom;
   height: 25px;

}

/*----------------------------------------------------------------------------*/ /* core stuff */ /*----------------------------------------------------------------------------*/

/*reset*/ p { 

   margin:0;

}

.editsection { 

   font-size: 75%;
   font-weight: normal;

}

body { 

   font-family: Tahoma,Helvetica,Arial,Verdana,sans-serif;
   line-height: 1.5;
   color: #222;

}

/* hide table of contents */

  1. toc { 
   display: none;

}

h1 { 

   font-size: 160%;

}

/* put more month on one row in lab notebook */ .month { 

   position: relative;
   float: left;
   margin: 7px 7px 27px 7px;

}

/* add margin beneath a paragraph */ p { 

   margin-bottom: 10px;

}

/* colors lab notebook */ .day-empty { 

   color: red;

} .day-active { 

   color: green;

} .today { 

   background-color: #ccc;

} /* link color */ a, a:visited { 

   color: #27809f;

} a:hover { 

   color: #00a7e7;
   text-decoration: none;

}

Retrieved from "http://2008.igem.org/Template:TUDelftiGEM2008_stylesheet"