Team:TU Darmstadt/css

From 2012.igem.org

(Difference between revisions)
Line 6: Line 6:
** 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
** 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{
Line 12: Line 13:
     color: #333;
     color: #333;
     font-color: #333;
     font-color: #333;
-
     font-size:10px;
+
     font-size:11px;
     line-height:1.6em;
     line-height:1.6em;
}
}
Line 27: Line 28:
h1 {
h1 {
     border-bottom:1px solid #E5E5E5;
     border-bottom:1px solid #E5E5E5;
-
     font-size:109%;
+
     font-size:109% !important;
     font-family:Frontpage,Tahoma,Arial,Helvetica,sans-serif;
     font-family:Frontpage,Tahoma,Arial,Helvetica,sans-serif;
     margin-top:9px;
     margin-top:9px;
Line 49: Line 50:
h1{
h1{
-
     font-size:100%;
+
     font-size:180%;
-
     color: #b5b5b5;
+
     color: #b5b5b5
}
}
h2{
h2{
-
     font-size:188%;
+
     font-size:137%;
     line-height:100%;
     line-height:100%;
     font-weight: bold;
     font-weight: bold;
Line 60: Line 61:
h3{
h3{
-
    font-size:150%;
 
-
}
 
-
 
-
h4{
 
     font-size:109%;
     font-size:109%;
}
}
h2,h3{
h2,h3{
-
     color:#00689D;
+
     color:#6A8B22
}
}
Line 97: Line 94:
     margin: 0;
     margin: 0;
     font-size: 95%;
     font-size: 95%;
 +
}
 +
 +
#p-logo {
 +
    display: none;
}
}
Line 104: Line 105:
     margin-bottom: 3px;
     margin-bottom: 3px;
     border: none;
     border: none;
-
     background-color: #00689D;
+
     background-color: #6A8B22;
}
}
Line 153: Line 154:
     position:absolute;
     position:absolute;
     background: #dcdcdc;
     background: #dcdcdc;
-
     color: #00689D;
+
     color: #6A8B22;
     opacity: 0.9;
     opacity: 0.9;
     top:25px;
     top:25px;
Line 188: Line 189:
#TUD #top a:hover {
#TUD #top a:hover {
     text-decoration: none;
     text-decoration: none;
-
     color: #00689D;
+
     color: #6A8B22;
}
}
Line 203: Line 204:
#TUD #top li:hover a{
#TUD #top li:hover a{
-
     color:#00689D;
+
     color:#6A8B22;
}
}
Line 210: Line 211:
}
}
-
/* iGEM Homing Button */
+
/* Edit & Links */
-
#top #igem a{
+
a{
-
     position:absolute;
+
     color:#00689D;
-
    width:26px;
+
     !color of non existing links!
-
    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!
+
}
}
-
#p-logo {
+
a:visited{
-
     display: none;
+
     color:#00689D;
 +
    !color of existing links!
}
}
-
/* Edit & Links */
+
a:hover{
-
 
+
     color:#00689D;
-
a{
+
     !color of links while hovering over 000!
-
     color:#B90F22;
+
-
     !color of non existing links!
+
}
}
-
 
-
a:link {color: #00689D}
 
-
a:visited {color: #00689D}
 
-
a:hover {color: #00689D}
 
-
a:active {color: #00689D}
 
.editsection {
.editsection {
     right: 0px;
     right: 0px;
     font-size: 10px;
     font-size: 10px;
 +
    color: #898989;
     !display: none;!
     !display: none;!
}
}
Line 255: Line 242:
}
}
-
#off #toc {
+
#toc {
     display:none;
     display:none;
}
}

Revision as of 13:28, 9 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:11px;
   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% !important;
   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:180%;
   color: #b5b5b5

}

h2{

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

}

h3{

   font-size:109%;

}

h2,h3{

   color:#6A8B22

}

  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. p-logo {
   display: none;

}

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

}

.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: #6A8B22;
   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: #6A8B22;

}

  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:#6A8B22;

}

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

}

/* Edit & Links */

a{

   color:#00689D;
   !color of non existing links!

}

a:visited{

   color:#00689D;
   !color of existing links!

}

a:hover{

   color:#00689D;
   !color of links while hovering over 000!

}

.editsection {

   right: 0px;
   font-size: 10px;
   color: #898989;
   !display: none;!

}

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

}

  1. toc {
   display:none;

}

  1. catlinks{
   height: 25px;
   border-radius: 3px;
   background-image: url(AppliChem.jpg), url(Brain_logo.png), url(BioSpring.JPG), url(Logo-eppendorf.jpeg), url(Logo_EurofinsMWGOperon.jpg), url(Evonik.jpg), url(MathWorks_logo.png), url(Promega.gif), url(Roth.jpg);
   background-position: 5px center, 115px center, 225px center, 300px center, center center, 565px center, 700px center, 850px center, 925px center;
   background-repeat: no-repeat;
   background-size: auto 25px, auto 25px, auto 25px, auto 25px, auto 25px, auto 25px, auto 25px, auto 25px, auto 25px;

}