Template:Imperial/09/CSS: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
No edit summary
Line 1: Line 1:
<html>
<html>
<head>
<!-- CSS Style Sheet Imperial College iGEM team 2009 -->
<style type="text/css">
<style type="text/css">
* {margin:0; padding:0}
/*----------------------------------------------------------------------------*/
/* Structure                                                                  */
/*----------------------------------------------------------------------------*/


#accordion {width:97%}
#II09_mainWrapper{
.accordion {width:97%; font:12px Verdana,Arial; color:#033}
    backgrou32rnd-color:7b7b7b;
.accordion dt {width:97%; border:2px solid #1e3f8b; padding:8px; font-weight:bold; cursor:pointer; background:url(images/header.gif)}
    position: relative;
.accordion dt:hover {background:url(images/header_over.gif)}
    float: left;
    width: 763%;


.accordion dth {width:97%; border:2px solid #1e3f8b; padding:8px; font-weight:bold; cursor:pointer; background:url(images/header.gif)}
    border-top: none;
.accordion dth:hover {background:url(images/header_over.gif)}
    border-left: 1px solid #7b7b7b;
.accordion dt3 {width:97%; padding:1px; font-weight:bold; cursor:pointer; background:url(images/header.gif)}
    border-right: 1px solid #7b7b7b;
.accordion dt3:hover {background:url(images/header_over.gif)}
    margin-left: 15px;
    padding: 0px;
}


.accordion dd {overflow:hidden; background:#fff}
/*http://2008.igem.org/wiki/images/c/c8/Tudelft_menu_header_bg_1.gif)*/
.accordion span {display:block; width:97%; border:2px solid #9ac1c9; border-top:none; padding:15px}
/*----------------------------------------------------------------------------*/
/* Content                                                                    */
/*----------------------------------------------------------------------------*/


#accordion2 {width:259px; margin:50px auto; border:1px solid #333; border-top:none}
#II09_content_wrapper {
.accordion2 {width:259px; font:12px Verdana,Arial; color:#333}
    width: 550px;
.accordion2 dt {width:247px; padding:4px 6px; font-weight:bold; cursor:pointer; background-color:#666; background-image:url(images/arrow_down.gif); background-position:right center; background-repeat:no-repeat; color:#fff; border-top:3px solid #333}
    float: left;
.accordion2 dt:hover {background-color:#555}
    margin-top: 5px;
.accordion2 .open {background-color:#444; background-image:url(images/arrow_up.gif)}
    position:relative;
.accordion2 dd {overflow:hidden; background:#fff}
}
.accordion2 span {display:block; width:229px; border-top:none; padding:15px}


#accordion3 {width:100%; margin:50px auto; border:1px solid #333; border-top:none}
#II09_content_boxtop {
.accordion3 {width:100%; font:12px Verdana,Arial; color:#333}
    width: 550px;
.accordion3 dt {width:100%; padding:4px 6px; font-weight:bold; cursor:pointer; background-color:#666; background-image:url(images/arrow_down.gif); background-position:right center; background-repeat:no-repeat; color:#fff; border-top:1px solid #333}
    height: 10px;
.accordion3 dt:hover {background-color:#555}
    background:url(http://2008.igem.org/wiki/images/a/a1/Tudelft_content_top.png) no-repeat bottom left;
.accordion3 .open {background-color:#444; background-image:url(images/arrow_up.gif)}
    position: relative;
.accordion3 dd {overflow:hidden; background:#fff}
    float: left;
.accordion3 span {display:block; width:100%; border-top:none; padding:15px}
}


#slideMenu
#II09_content_boxbottom {
.sm {list-style:none; width:459px; height:100px; display:block; overflow:hidden}
    width: 550px;
.sm li {float:left; display:inline; overflow:hidden}
    height: 10px;
    background:url(http://2008.igem.org/wiki/images/8/89/Tudelft_content_bottom.png) no-repeat top left;
    position: relative;
    float: left;
}


#Table {
#II09_content {
border: 2px solid #1E3F8B;
    width: 550px;
    padding: 10px;
    background-color:#ffffff;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    position: relative;
    float: left;
    font-size: 9pt;
    text-align: justify;
}
}


#Footer{
#content {}
background:url(http://openwetware.org/images/a/af/II09_HMenu_Footer.png);
.firstHeading{font-size: 0pt;}
width:80%;
 
}
#p-logo {
filter:alpha(opacity=00);-moz-opacity:.00;opacity:.00;
}
 
#top-section {
background-image: url(http://ung.igem.org/wiki/images/2/2a/II09_wiki.png);
background-size: 100%;
}


</style>
</style>
</head>
</html>
</html>

Revision as of 04:12, 28 August 2009

<html> <style type="text/css"> /*----------------------------------------------------------------------------*/ /* Structure */ /*----------------------------------------------------------------------------*/

  1. II09_mainWrapper{
   backgrou32rnd-color:7b7b7b;
   position: relative;
   float: left;
   width: 763%;
   border-top: none;
   border-left: 1px solid #7b7b7b;
   border-right: 1px solid #7b7b7b;
   margin-left: 15px;
   padding: 0px;

}

/*http://2008.igem.org/wiki/images/c/c8/Tudelft_menu_header_bg_1.gif)*/ /*----------------------------------------------------------------------------*/ /* Content */ /*----------------------------------------------------------------------------*/

  1. II09_content_wrapper {
   width: 550px;
   float: left;
   margin-top: 5px;
   position:relative;

}

  1. II09_content_boxtop {
   width: 550px;
   height: 10px;
   background:url(http://2008.igem.org/wiki/images/a/a1/Tudelft_content_top.png) no-repeat bottom left;
   position: relative;
   float: left;

}

  1. II09_content_boxbottom {
   width: 550px;
   height: 10px;
   background:url(http://2008.igem.org/wiki/images/8/89/Tudelft_content_bottom.png) no-repeat top left;
   position: relative;
   float: left;

}

  1. II09_content {
   width: 550px;
   padding: 10px;
   background-color:#ffffff;
   border-left: 1px solid #ccc;
   border-right: 1px solid #ccc;
   position: relative;
   float: left;
   font-size: 9pt;
   text-align: justify;

}

  1. content {}

.firstHeading{font-size: 0pt;}

  1. p-logo {

filter:alpha(opacity=00);-moz-opacity:.00;opacity:.00; }

  1. top-section {

background-image: url(http://ung.igem.org/wiki/images/2/2a/II09_wiki.png); background-size: 100%; }

</style> </html>