Template:TUDelftiGEM2008 stylesheet

From 2008.igem.org

(Difference between revisions)
(New page: body { background-color: #eee; } - ----------------------------------------------------------------------------: /* header area ...)
(Removing all content from page)
 
Line 1: Line 1:
-
body {
 
-
    background-color: #eee;
 
-
}
 
-
/*----------------------------------------------------------------------------*/
 
-
/*  header area                                                              */
 
-
/*----------------------------------------------------------------------------*/
 
-
 
-
#header {
 
-
    width: 965px;
 
-
    height: 153px;
 
-
    position: relative;
 
-
}
 
-
 
-
#header_left a {
 
-
    width: 172px;
 
-
    height: 153px;
 
-
    position: absolute;
 
-
    top: 0px;
 
-
    left: 5px;
 
-
    text-decoration: none;
 
-
    background-image: url(https://static.igem.org/mediawiki/2008/a/a8/Tudelft_header_igem2008_logo_3.png);
 
-
}
 
-
 
-
#header_middle a {
 
-
    width: 325px;
 
-
    height: 104px;
 
-
    position: absolute;
 
-
    top: 0px;
 
-
    left: 179px;
 
-
    text-decoration: none;
 
-
    background-image: url(https://static.igem.org/mediawiki/2008/c/c1/Tudelft_header_library.jpg);
 
-
}
 
-
 
-
#header_right a {
 
-
    width: 200px;
 
-
    height: 94px;
 
-
    z-index: 100;
 
-
    position: absolute;
 
-
    top: 36px;
 
-
    right: 0px;
 
-
    text-decoration: none;
 
-
    background-image: url(https://static.igem.org/mediawiki/2008/9/94/Tudelft_header_logo.png);
 
-
}
 
-
 
-
#header_bar_empty {
 
-
    width: 781px;
 
-
    height: 30px;
 
-
    position: absolute;
 
-
    top: 105px;
 
-
    left: 179px;
 
-
    background-color:#00a7e7;
 
-
}
 
-
 
-
#header_bar_link {
 
-
    width: 781px;
 
-
    height: 17px;
 
-
    position: absolute;
 
-
    top: 136px;
 
-
    left: 179px;
 
-
    background-color:#0296CF;
 
-
}
 
-
 
-
#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;
 
-
}
 
-
 
-
#header_bar_link a:hover {
 
-
    color: #ccc;
 
-
}
 
-
 
-
#header_bar_link .selflink {
 
-
    color: #444;
 
-
}
 
-
 
-
/*----------------------------------------------------------------------------*/
 
-
/* menu left                                                                  */
 
-
/*----------------------------------------------------------------------------*/
 
-
 
-
#menu {
 
-
    width: 158px;
 
-
    margin: 20px 13px 0 7px;
 
-
    position: relative;
 
-
    float: left;
 
-
}
 
-
 
-
#menu ul {
 
-
    padding: 0;
 
-
    margin: 0 0 10px 0;
 
-
    list-style: none;
 
-
}
 
-
 
-
#menu li {
 
-
    margin:0;
 
-
}
 
-
 
-
#menu a {
 
-
    display: block;
 
-
    width: 150px;
 
-
    height: 19px;
 
-
    margin-top: 1px;
 
-
    background: url(https://static.igem.org/mediawiki/2008/9/95/Tudelft_menu_button.png) no-repeat left top;
 
-
    padding: 2px 4px;
 
-
    text-decoration: none;
 
-
    color: #555;
 
-
}
 
-
 
-
#menu a:hover {
 
-
    display: block;
 
-
    width: 150px;
 
-
    height: 19px;
 
-
    margin-top: 1px;
 
-
    background: url(https://static.igem.org/mediawiki/2008/4/40/Tudelft_menu_button_hover.png) no-repeat left top;
 
-
    padding: 2px 4px;
 
-
    color: #fff;
 
-
}
 
-
 
-
#menu .selflink {
 
-
    display: block;
 
-
    width: 150px;
 
-
    height: 19px;
 
-
    margin-top: 1px;
 
-
    background: url(https://static.igem.org/mediawiki/2008/a/a6/Tudelft_menu_button_active.png) no-repeat left top;
 
-
    padding: 2px 4px;
 
-
    color: #fff;
 
-
}
 
-
 
-
#menu a.external {
 
-
    margin: 0;
 
-
    padding: 0;
 
-
    width: 156px;
 
-
}
 
-
 
-
.menu_header {
 
-
    width: 148px;
 
-
    border: 1px solid #bbb;
 
-
    background: url(https://static.igem.org/mediawiki/2008/c/c8/Tudelft_menu_header_bg_1.gif) repeat-x bottom;
 
-
    color: #111;
 
-
    padding: 2px 4px;
 
-
}
 
-
 
-
/*----------------------------------------------------------------------------*/
 
-
/* content area                                                              */
 
-
/*----------------------------------------------------------------------------*/
 
-
 
-
#tudelft_content_wrapper {
 
-
    width: 593px;
 
-
    position: relative;
 
-
    float: left;
 
-
    margin-top: 20px;
 
-
}
 
-
 
-
#tudelft_content_boxtop {
 
-
    width: 593px;
 
-
    height: 10px;
 
-
    background:url(https://static.igem.org/mediawiki/2008/a/a1/Tudelft_content_top.png) no-repeat bottom left;
 
-
    position: relative;
 
-
    float: left;
 
-
}
 
-
 
-
#tudelft_content_boxbottom {
 
-
    width: 593px;
 
-
    height: 10px;
 
-
    background:url(https://static.igem.org/mediawiki/2008/8/89/Tudelft_content_bottom.png) no-repeat top left;
 
-
    position: relative;
 
-
    float: left;
 
-
}
 
-
 
-
#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                                                              */
 
-
/*----------------------------------------------------------------------------*/
 
-
 
-
#sidebar {
 
-
    width: 172px;
 
-
    margin: 20px 7px 0 13px;
 
-
    position: relative;
 
-
    float: left;
 
-
    text-align: right;
 
-
}
 
-
 
-
#sidebar ul {
 
-
    padding: 0;
 
-
    margin: 0;
 
-
    list-style: none;
 
-
}
 
-
 
-
#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;
 
-
}
 
-
 
-
#sidebar a:hover {
 
-
    color: #fff;
 
-
}
 
-
 
-
#sidebar .selflink {
 
-
    display: block;
 
-
    width: 162px;
 
-
    height: 55px;
 
-
    margin-bottom: 5px;
 
-
    padding: 4px;
 
-
    font-weight: normal;
 
-
    color: #fff;
 
-
    border: 1px solid #00a7e7;
 
-
}
 
-
 
-
#sidebar .calendar .selflink, #sidebar .calendar a:hover {
 
-
    background-image: url(https://static.igem.org/mediawiki/2008/f/f0/Tudelft_sidebar_calendar_hover_4.png);
 
-
}
 
-
#sidebar .calendar a {
 
-
    background-image: url(https://static.igem.org/mediawiki/2008/7/74/Tudelft_sidebar_calendar_4.png);
 
-
}
 
-
#sidebar .parts .selflink, #sidebar .parts a:hover {
 
-
    background-image: url(https://static.igem.org/mediawiki/2008/a/ab/Tudelft_sidebar_parts_hover_0.png);
 
-
}
 
-
#sidebar .parts a {
 
-
    background-image: url(https://static.igem.org/mediawiki/2008/8/8d/Tudelft_sidebar_parts_1.png);
 
-
}
 
-
#sidebar .notebook .selflink, #sidebar .notebook a:hover {
 
-
    background-image: url(https://static.igem.org/mediawiki/2008/d/de/Tudelft_sidebar_notebook_hover_0.png);
 
-
}
 
-
#sidebar .notebook a {
 
-
    background-image: url(https://static.igem.org/mediawiki/2008/0/02/Tudelft_sidebar_notebook_0.png);
 
-
}
 
-
#sidebar .team .selflink, #sidebar .team a:hover {
 
-
    background-image: url(https://static.igem.org/mediawiki/2008/9/98/Tudelft_sidebar_team_hover_0.png);
 
-
}
 
-
#sidebar .team a {
 
-
    background-image: url(https://static.igem.org/mediawiki/2008/c/c2/Tudelft_sidebar_team_0.png);
 
-
}
 
-
#sidebar .photos .selflink, #sidebar .photos a:hover {
 
-
    background-image: url(https://static.igem.org/mediawiki/2008/3/3b/Tudelft_sidebar_photos_hover_0.png);
 
-
}
 
-
#sidebar .photos a {
 
-
    background-image: url(https://static.igem.org/mediawiki/2008/9/91/Tudelft_sidebar_photos_0.png);
 
-
}
 
-
 
-
.sidebar_extra_header {
 
-
    width: 162px;
 
-
    border: 1px solid #bbb;
 
-
    background: url(https://static.igem.org/mediawiki/2008/c/c8/Tudelft_menu_header_bg_1.gif) repeat-x bottom;
 
-
    color: #111;
 
-
    padding: 2px 4px;
 
-
    margin-top: 10px;
 
-
    text-align: left;
 
-
}
 
-
 
-
#sidebar_extra_sponsor1 a {
 
-
    display: block;
 
-
    width: 162px;
 
-
    border: 1px solid #bbb;
 
-
    border-top: none;
 
-
    background: url(https://static.igem.org/mediawiki/2008/6/6a/Tudelft_sponsor_DSM.png) no-repeat center;
 
-
    height: 63px;
 
-
    text-decoration: none;
 
-
    margin: 0;
 
-
}
 
-
 
-
#sidebar_extra_sponsor2 a {
 
-
    display: block;
 
-
    width: 162px;
 
-
    border: 1px solid #bbb;
 
-
    border-top: none;
 
-
    background: url(https://static.igem.org/mediawiki/2008/8/87/Tudelft_sponsor_kluyvercentre.png) no-repeat center;
 
-
    height: 63px;
 
-
    text-decoration: none;
 
-
    margin: 0;
 
-
}
 
-
 
-
#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;
 
-
}
 
-
 
-
#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 */
 
-
#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;
 
-
}
 

Latest revision as of 08:32, 28 August 2008