Team:TU Darmstadt/css

From 2012.igem.org

(Difference between revisions)
(Created page with "- →Design by Free CSS Templates http://www.freecsstemplates.org Released for free under a Creative Commons Attribution 2.5 License: body { margin: 0; padding: 0; background...")
 
(1150 intermediate revisions not shown)
Line 1: Line 1:
/*
/*
-
Design by Free CSS Templates
+
** TU Darmstadt like 'First Spirit' style sheet for CSS2-capable browsers.
-
http://www.freecsstemplates.org
+
** Copyright iGEM Team 2012 TU Darmstadt - http://www.igem.tu-darmstadt.de/
-
Released for free under a Creative Commons Attribution 2.5 License
+
** License: GPL (http://www.gnu.org/copyleft/gpl.html)
 +
**
 +
** Based on the corporate design of the Technische Universität Darmstadt http://www.webteam.tu-darmstadt.de/tu_web/index.de.jsp by TU Darmstadt Web Development
*/
*/
-
body {
+
body{
-
margin: 0;
+
    font-family:Tahoma,Arial,Helvetica,sans-serif;
-
padding: 0;
+
    background-color:#F0F0F0;
-
background: #749865 ;
+
    color: #333;
-
font: x-small sans-serif;
+
    font-color: #333;
-
/* line-height: 1.8em; */
+
    font-size:10px;
-
color: #838B91;
+
    line-height:1.6em;
-
display: block;
+
}
}
-
h1, h2, h3, h4, h5, h6 {
+
em{
-
margin: 0;
+
    font-style:italic;
-
padding: 0;
+
-
font-family: Georgia, "Times New Roman", Times, serif;
+
-
font-weight: normal;
+
-
color: #468259;
+
}
}
-
h2 {
+
#footer-box{
-
padding-right: 0px;
+
    background-color:#F0F0F0;
-
background: url(http://bioserver.bio.tu-darmstadt.de/igem/images/images/iGEM_mini.png) no-repeat left center;
+
    border:none;
-
font-size: 22px;
+
}
}
-
h3 {
+
h1 {
-
margin-bottom: 1em;
+
    border-bottom:1px solid #E5E5E5;
-
text-transform: uppercase;
+
    font-size:109%;
-
letter-spacing: 2px;
+
    font-family:Frontpage,Tahoma,Arial,Helvetica,sans-serif;
-
font-size: .9em;
+
    margin-top:9px;
-
font-weight: bold;
+
    margin-bottom:1px;
 +
    padding-bottom:3px
}
}
-
p, blockquote, ul, ol {
+
#content{
-
margin-top: 0;
+
    border-top: 1px solid #333;
-
text-align: justify;
+
    border-bottom:thin solid #E5E5E5;
 +
    border-left:thin solid #E5E5E5;
 +
    border-right:thin solid #E5E5E5;
}
}
-
blockquote {
+
h1,h2,h3,h4{
-
padding: 0 0 0 40px;
+
    margin-bottom:.4em;
-
background: url(http://bioserver.bio.tu-darmstadt.de/igem/images/TUda_img11.gif) no-repeat;
+
    margin-top:0;
-
font: italic small Georgia, "Times New Roman", Times, serif;
+
    font-family:Arial,Frontpage,Tahoma,Helvetica,sans-serif;
-
line-height: 1.6em;
+
}
}
-
a {
 
-
background: url(http://bioserver.bio.tu-darmstadt.de/igem/images/TUda_img03.gif) repeat-x left bottom;
 
-
text-decoration: none;
 
-
color: #468259;
 
-
}
 
-
a:hover {
+
h1{
-
background: none;
+
    font-size:109%;
-
text-decoration: underline;
+
    color: #b5b5b5;
}
}
-
/* Wrapper */
+
h2{
 +
    font-size:188%;
 +
    line-height:100%;
 +
    font-weight: bold;
 +
}
-
#wrapperTop_TU {
+
h3{
-
background: #FFFFFF url(http://bioserver.bio.tu-darmstadt.de/igem/images/TUda_img01.gif) repeat-x;
+
    font-size:150%;
}
}
-
#wrapperBottom_TU {
+
h4{
-
background: #FFFFFF url(http://bioserver.bio.tu-darmstadt.de/igem/images/TUda_img04.gif) repeat-x left bottom;
+
    font-size:109%;
}
}
-
/* menu_TU */
+
h2,h3{
-
 
+
    color:#00689D;
-
#menu_TU {
+
-
width: 965px;
+
-
height: 80px;
+
-
margin: 0px auto;
+
-
+
}
}
-
#menu_TU ul {
+
#search-controls{
-
margin: 0px;
+
    position: absolute;
-
padding: 0px;
+
    top: 25px;
-
list-style: none;
+
    width: 265px;
 +
    height: 25px;
 +
    background-color: transparent;
 +
    text-align: left;
 +
    z-index: 9;
}
}
-
#menu_TU li {
+
input.searchButton {
-
display: block;
+
    margin: 1px 1px 0 0px;
-
float: left;
+
    font-size: 95%;
-
width: 120px;
+
    background:#fff url(http://www.tu-darmstadt.de/media/corporate_design/cd_grafiken/css-sprite.png) no-repeat 0 -2865px;
-
height: 80px;
+
    border:thin solid #E5E5E5;
-
padding: 0px 0px 0px 0px;
+
    height:19px;
-
background: url(http://bioserver.bio.tu-darmstadt.de/igem/images/TUda_img02.gif) no-repeat;
+
    width:47px;
-
/*vertical-align: center;*/
+
    font-weight: bold;
 +
    font-size: 7pt;
 +
    color:#b5b5b5;
}
}
-
#menu_TU a {
+
#searchInput {
-
display: block;
+
    width: 10.9em;
-
width: 80px;
+
    margin: 0;
-
height: 37px;
+
    font-size: 95%;
-
padding: 10px 20px 10px 20px;
+
-
background: none;
+
-
letter-spacing: -1px;
+
-
font: normal 1.3em Arial, "Times New Roman", Times, serif;
+
-
color: #E1E9E2;
+
-
vertical-align: center;
+
-
font-weight: bolder;
+
}
}
-
#menu_TU a:hover {
+
#top-section{
-
border-bottom: 4px solid #436738;
+
    height: 17px;
-
text-decoration: none;
+
    margin-top: 5px;
-
color: #FFFFFF;
+
    margin-bottom: 3px;
 +
    border: none;
 +
    background-color: #00689D;
}
}
-
#menu_TU .active a {
+
.firstHeading{
-
background: #E1E9E2;
+
    margin-top: 175px;
-
border-bottom: 4px solid #E1E9E2;
+
-
text-decoration: none;
+
-
color: #749865;
+
}
}
-
/* Header */
+
/* top_menu */
-
#header_TU {
+
#TUD #top{
-
width: 970px;
+
    position:absolute;
-
height: 247px;
+
    top:5px;
-
/*margin: 10px auto;*/
+
    height:180px;
-
padding: 13px 0 0 0;
+
    width:975px;
 +
    left:0px;
 +
    background:url('https://static.igem.org/mediawiki/2012/d/d2/Header_igem_agar_TUD.png');
 +
    background-size: 99.5%;
 +
    background-repeat: no-repeat;
 +
    background-position: left bottom;
 +
    z-index:2;
}
}
-
#header_TU h1 {
+
#TUD #top ul{
-
float: left;
+
    position: absolute;
-
width: 220px;
+
    left: 5px;
-
height: 190px;
+
    margin: 0px;
-
padding: 10px 0px 0 00px;
+
    padding: 0px;
-
background: url(http://bioserver.bio.tu-darmstadt.de/igem/images/TUda_Koch.png) no-repeat;
+
    list-style:none;
-
line-height: 32px;
+
-
font-size: 30px;
+
-
color: #FFFFFF;
+
}
}
-
#header_TU h2 {
+
#TUD #top li{
-
float: right;
+
    display: block;
-
width: 514px;
+
    float: left;
-
height: 190px;
+
    position:relative;
-
padding: 10px 0px 0px 0px;
+
    text-align:left;
-
background: url(http://bioserver.bio.tu-darmstadt.de/igem/images/TUda_Header.png) no-repeat;
+
    height: 19px;
-
text-align: right;
+
    padding: 0px 5px 5px 1px;
-
/*letter-spacing: -1px;*/
+
    background: none;
-
font-size: 22px;
+
-
color: #FFFFFF;
+
-
margin-right: 6px;
+
-
+
}
}
-
/* Content */
 
-
#content_TU {
+
#TUD #top li ul{
-
width: 970px;
+
    display:none;
-
margin: 0 auto;
+
    }
-
padding: 0 0 0 0;
+
-
border-width: 1px;
+
-
z-index: 1;
+
-
line-height: 1;
+
-
position: relative;
+
-
margin-left:
+
-
}
+
-
/* Posts */
+
#TUD #top li:hover ul{
 +
    display:table;
 +
    position:absolute;
 +
    background: #dcdcdc;
 +
    color: #00689D;
 +
    opacity: 0.9;
 +
    top:25px;
 +
    left:-3px;
 +
    width:auto;
 +
    }
-
#posts_TU {
+
#TUD #top li ul li{
-
float: right;
+
    color:#000;
-
width: 705px;
+
    position:relative;
 +
    display:block;
 +
    float:none;
 +
    white-space: nowrap;
 +
    z-index:5;
 +
    padding-left: 8px;
 +
    padding-right: 8px;
 +
    padding-top:4px;
 +
    padding-bottom:4px;
}
}
-
#posts_TU .post {
+
#TUD #top a {
-
padding-bottom: 30px;
+
    border-right: 2.5px solid #898989;
 +
    border-left: none;
 +
    display: block;
 +
    height: 19px;
 +
    padding: 1px 5px 5px 0px;
 +
    background: none;
 +
    font-family:Tahoma,Arial,Helvetica,sans-serif;
 +
    font-size: 105%;
 +
    color: #333;
 +
    font-weight: 700;
}
}
-
#posts_TU .story {
+
#TUD #top a:hover {
-
padding: 15px 20px 0 20px;
+
    text-decoration: none;
-
background: url(http://bioserver.bio.tu-darmstadt.de/igem/images/TUda_img10.gif) */ repeat-x
+
    color: #00689D;
}
}
-
#posts_TU .meta {
+
#TUD #top .active a {
-
padding: 0px 0 0 20px;
+
    background: #333;
-
background: url(http://bioserver.bio.tu-darmstadt.de/igem/images/TUda_img03.gif) repeat-x;
+
    text-decoration: none;
 +
    color: #dcdcdc;
}
}
-
#posts_TU .meta p {
+
#TUD #top li:hover ul a{
-
margin: 0;
+
    color: #333;
-
line-height: normal;
+
    border-right: none;
-
font-size: smaller;
+
}
}
-
#posts_TU ul {
+
#TUD #top li:hover a{
-
list-style: url(http://bioserver.bio.tu-darmstadt.de/igem/images/TUda_img12.gif);
+
    color:#00689D;
}
}
-
#posts_TU ul li {
+
#TUD #top li li:hover{
 +
    background-color:#fff;
}
}
-
/* Links */
+
/* iGEM Homing Button */
-
#links_TU {
+
#top #igem a{
-
float: left;
+
    position:absolute;
-
width: 220px;
+
    width:26px;
 +
    height:21px;
 +
    top: 0px;
 +
    left:640px;
 +
    border: none;
 +
    background-image:url('https://static.igem.org/mediawiki/2012/c/ce/IGEM_official_logo_xs.png');
 +
    background-size: 100%;
 +
    background-repeat: no-repeat;
 +
    z-index:20;
 +
    !wiki requirement!
}
}
-
#links_TU ul {
+
#p-logo {
-
margin: 0;
+
    display: none;
-
padding: 0;
+
-
list-style: none;
+
}
}
-
#links_TU li ul {
+
/* Edit & Links */
-
padding: 15px 20px 30px 20px;
+
-
background: url(http://bioserver.bio.tu-darmstadt.de/igem/images/TUda_img10.gif) repeat-x
+
-
}
+
-
#links_TU li li {
+
a{
-
padding: 3px 0;
+
    color:#B90F22;
-
background: url(http://bioserver.bio.tu-darmstadt.de/igem/images/TUda_img03.gif) repeat-x left bottom;
+
    !color of non existing links!
}
}
-
#links_TU li a {
+
a:link {color: #00689D}
-
background: none;
+
a:visited {color: #00689D}
 +
a:hover {color: #00689D}
 +
a:active {color: #00689D}
 +
 
 +
.editsection {
 +
    display: none;
}
}
-
#links_TU li i {
+
#bodyContent .plainlinks a {
-
font-size: smaller;
+
    background: none;
 +
    padding: 0;
 +
    color: #333;
 +
    font-color: #fff;
}
}
-
/* Footer */
+
#off #toc {
-
 
+
    display:none;
-
#footer_TU {
+
-
padding: 40px 0 60px 0;
+
-
background: url(http://bioserver.bio.tu-darmstadt.de/igem/images/TUda_img08.gif) repeat-x;
+
}
}
-
#footer_TU p {
+
#catlinks{
-
width: 750px;
+
    height: 25px;
-
font-family: Georgia, "Times New Roman", Times, serif;
+
    border-radius: 3px;
-
color: #A6C09B;
+
    background-image: url('https://static.igem.org/mediawiki/2012/9/96/Sponsoren_Logos.png');
 +
    background-position: center center;
 +
    background-repeat: no-repeat;
 +
    background-size: auto 32px;
}
}
-
#footer_TU a {
+
/* Top-iGEM Menu */
-
background: none;
+
-
font-weight: bold;
+
-
color: #A6C09B;
+
-
}
+
-
#legal {
+
.left-menu:hover {
-
margin: 0 auto;
+
    background-color: transparent;
-
text-align: right;
+
-
font-size: 12px;
+
}
}
-
#brand {
+
.right-menu li a {
-
margin: -35px auto 0 auto;
+
    background-color: transparent;
-
padding: 10px 0 0 35px;
+
-
background: url(http://bioserver.bio.tu-darmstadt.de/igem/images/TUda_img09.gif) no-repeat left top;
+
-
letter-spacing: -1px;
+
-
font-size: 24px;
+
}
}

Latest revision as of 03:44, 27 September 2012

/*

    • TU Darmstadt like 'First Spirit' style sheet for CSS2-capable browsers.
    • Copyright iGEM Team 2012 TU Darmstadt - http://www.igem.tu-darmstadt.de/
    • License: GPL (http://www.gnu.org/copyleft/gpl.html)
    • Based on the corporate design of the Technische Universität Darmstadt http://www.webteam.tu-darmstadt.de/tu_web/index.de.jsp by TU Darmstadt Web Development
  • /

body{ 

   font-family:Tahoma,Arial,Helvetica,sans-serif;
   background-color:#F0F0F0;
   color: #333;
   font-color: #333;
   font-size:10px;
   line-height:1.6em;

}

em{ 

   font-style:italic;

}

  1. footer-box{ 
   background-color:#F0F0F0;
   border:none;

}

h1 { 

   border-bottom:1px solid #E5E5E5;
   font-size:109%;
   font-family:Frontpage,Tahoma,Arial,Helvetica,sans-serif;
   margin-top:9px;
   margin-bottom:1px;
   padding-bottom:3px

}

  1. content{ 
   border-top: 1px solid #333;
   border-bottom:thin solid #E5E5E5;
   border-left:thin solid #E5E5E5;
   border-right:thin solid #E5E5E5;

}

h1,h2,h3,h4{ 

   margin-bottom:.4em;
   margin-top:0;
   font-family:Arial,Frontpage,Tahoma,Helvetica,sans-serif;

}


h1{ 

   font-size:109%;
   color: #b5b5b5;

}

h2{ 

   font-size:188%;
   line-height:100%;
   font-weight: bold;

}

h3{ 

   font-size:150%;

}

h4{ 

   font-size:109%;

}

h2,h3{ 

   color:#00689D;

}

  1. search-controls{ 
   position: absolute;
   top: 25px;
   width: 265px;
   height: 25px;
   background-color: transparent;
   text-align: left;
   z-index: 9;

}

input.searchButton { 

   margin: 1px 1px 0 0px;
   font-size: 95%;
   background:#fff url(http://www.tu-darmstadt.de/media/corporate_design/cd_grafiken/css-sprite.png) no-repeat 0 -2865px;
   border:thin solid #E5E5E5;
   height:19px;
   width:47px;
   font-weight: bold;
   font-size: 7pt;
   color:#b5b5b5;

}

  1. searchInput { 
   width: 10.9em;
   margin: 0;
   font-size: 95%;

}

  1. top-section{ 
   height: 17px;
   margin-top: 5px;
   margin-bottom: 3px;
   border: none;
   background-color: #00689D;

}

.firstHeading{ 

   margin-top: 175px;

}

/* top_menu */

  1. TUD #top{ 
   position:absolute;
   top:5px;
   height:180px;
   width:975px;
   left:0px;
   background:url('https://static.igem.org/mediawiki/2012/d/d2/Header_igem_agar_TUD.png');
   background-size: 99.5%;
   background-repeat: no-repeat;
   background-position: left bottom;
   z-index:2;

}

  1. TUD #top ul{ 
   position: absolute;
   left: 5px;
   margin: 0px;
   padding: 0px;
   list-style:none;

}

  1. TUD #top li{ 
   display: block;
   float: left;
   position:relative;
   text-align:left;
   height: 19px;
   padding: 0px 5px 5px 1px;
   background: none;

}


  1. TUD #top li ul{ 
   display:none;
   }
  1. TUD #top li:hover ul{ 
   display:table;
   position:absolute;
   background: #dcdcdc;
   color: #00689D;
   opacity: 0.9;
   top:25px;
   left:-3px;
   width:auto;
   }
  1. TUD #top li ul li{ 
   color:#000;
   position:relative;
   display:block;
   float:none;
   white-space: nowrap;
   z-index:5;
   padding-left: 8px;
   padding-right: 8px;
   padding-top:4px;
   padding-bottom:4px;

}

  1. TUD #top a { 
   border-right: 2.5px solid #898989;
   border-left: none;
   display: block;
   height: 19px;
   padding: 1px 5px 5px 0px;
   background: none;
   font-family:Tahoma,Arial,Helvetica,sans-serif;
   font-size: 105%;
   color: #333;
   font-weight: 700;

}

  1. TUD #top a:hover { 
   text-decoration: none;
   color: #00689D;

}

  1. TUD #top .active a { 
   background: #333;
   text-decoration: none;
   color: #dcdcdc;

}

  1. TUD #top li:hover ul a{ 
   color: #333;
   border-right: none;

}

  1. TUD #top li:hover a{ 
    color:#00689D;

}

  1. TUD #top li li:hover{ 
   background-color:#fff;

}

/* iGEM Homing Button */

  1. top #igem a{ 
   position:absolute;
   width:26px;
   height:21px;
   top: 0px;
   left:640px;
   border: none;
   background-image:url('https://static.igem.org/mediawiki/2012/c/ce/IGEM_official_logo_xs.png');
   background-size: 100%;
   background-repeat: no-repeat;
   z-index:20;
   !wiki requirement!

}

  1. p-logo { 
   display: none;

}

/* Edit & Links */

a{ 

   color:#B90F22;
   !color of non existing links!

}

a:link {color: #00689D} a:visited {color: #00689D} a:hover {color: #00689D} a:active {color: #00689D}

.editsection { 

   display: none;

}

  1. bodyContent .plainlinks a { 
   background: none;
   padding: 0;
   color: #333;
   font-color: #fff;

}

  1. off #toc { 
   display:none;

}

  1. catlinks{ 
   height: 25px;
   border-radius: 3px;
   background-image: url('https://static.igem.org/mediawiki/2012/9/96/Sponsoren_Logos.png');
   background-position: center center;
   background-repeat: no-repeat;
   background-size: auto 32px;

}

/* Top-iGEM Menu */

.left-menu:hover { 

   background-color: transparent;

}

.right-menu li a { 

   background-color: transparent;

}

Retrieved from "http://2012.igem.org/Team:TU_Darmstadt/css"