Template:Stylesheet

From 2012hs.igem.org

(Difference between revisions)
 
(252 intermediate revisions not shown)
Line 3: Line 3:
     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
     <title>iGEM-2012HS - LSL-Heidelberg</title>
     <title>iGEM-2012HS - LSL-Heidelberg</title>
-
    <style>
+
 
 +
<style type="text/css">
 +
      /*body {behavior: url(http://www.xs4all.nl/~peterned/htc/csshover3-source.htc);}*/
 +
 
 +
 
 +
      .clear {clear:both;}
 +
body.mediawiki {
 +
background-color:#0e2f52;
 +
background-position: center center;
 +
background-repeat: no-repeat;
 +
                        height:100%;
 +
 +
}
 +
h2 {padding: 10px 20px;
 +
                        font-size: 18px;
 +
                        color: #80b3b3;
 +
                        text-decoration: none;
 +
                        font-weight: bold;}
 +
 
 +
 
 +
                       
 +
h2 a {color: #80b3b3;}
 +
h3 {padding: 10px 20px;
 +
                        font-size: 16px;
 +
                        color: #000;
 +
                        font-decoration: none;
 +
                        font-weight: bold;}
 +
h1.firstHeading {
 +
display: none;
 +
}
 +
 +
a:link {
 +
color: #80b3b3;
 +
text-decoration: none
 +
}
 +
a:visited {
 +
color:#80b3b3;
 +
text-decoration: none
 +
}
 +
a:hover {
 +
                        color: #00a5ea;
 +
text-decoration: none
 +
}
 +
a:active {
 +
color:#00a5ea;
 +
text-decoration: none
 +
}
 +
h4 {padding: 10px 20px;
 +
                        font-size: 16px;
 +
                        color: #80b3b3;
 +
                        font-decoration: none;
 +
                        font-weight: bold;}
 +
 
 +
h5 {padding: 10px 20px;
 +
                        font-size: 16px;
 +
                        color: #0d3055;
 +
                        font-decoration: none;
 +
                        font-weight: bold;}
 +
               
 +
               
 +
 
 +
#navigation {
 +
position:absolute; top:-42px; width:793px; height:69px;
 +
z-index:100; background-color: transparent; float: left;
 +
color: #0000FF;
 +
}
 +
 
 +
#super_main_wrapper {
 +
                        position:absolute;  top:0px;
 +
width: 975px;
 +
align: center;
 +
background-color: #ffffff;
 +
                        /*heigth: auto;*/
 +
                }
 +
 
 +
 
 +
#SubWrapper {width: 680px;
 +
                        padding: 0px;
 +
                        float: left;
 +
                        margin-top: 0px;
 +
                        background-color: #ffffff;
 +
                        /*heigth: auto;*/}
 +
#SubWrapper * p,
 +
#SubWrapper p  {padding: 0 20px;
 +
                        text-align: justify;
 +
                        font-size: 12px;}
 +
#SubWrapper * h3, #SubWrapper h3 {
 +
                        padding-top: 10px;
 +
                        font-size: 18px;}
 +
#news {width: 293px;
 +
                        margin-top: 0px;
 +
                        float: left;
 +
                        background-color: #eff7fc;
 +
                        border-left:1px solid #5a5b5e;}
 +
              #news p {padding: 20px 20px 20px 20px;
 +
                        text-align: justify;
 +
                        font-size: 12px;}
 +
                #news h3 {padding: 10px 20px;
 +
                        font-size: 18px;}
#menu * {
#menu * {
Line 13: Line 111:
behavior: url(http://www.xs4all.nl/~peterned/htc/csshover3-source.htc); <!-- fuer ie6 -->
behavior: url(http://www.xs4all.nl/~peterned/htc/csshover3-source.htc); <!-- fuer ie6 -->
font-family: calibri, verdana, sans-serif;
font-family: calibri, verdana, sans-serif;
-
font-size: 14px;
+
font-size: 18px;
background-color: transparent;
background-color: transparent;
float:left;
float:left;
Line 25: Line 123:
#menu ul li {
#menu ul li {
-
background-color:black;
+
/*background-color:black;*/
         position:relative;
         position:relative;
float:left;
float:left;
Line 46: Line 144:
#menu a:hover {
#menu a:hover {
-
color: #00a5ea;
+
color: #80b3b3;
}
}
Line 52: Line 150:
display: none;
display: none;
position: absolute;
position: absolute;
-
left: -20px;  
+
left: 2px;  
-
         width: 155px;
+
         width: 190px;
         heigth: 1%;
         heigth: 1%;
-
font-size: 12px;
+
font-size: 14px;
-
opacity: 0.8;
+
opacity: 0.9;
list-style: none;
list-style: none;
-
         top: 19px;
+
         top: 29px;
         padding-top: 9px;
         padding-top: 9px;
-
         z-index:500;
+
         z-index:50;
}
}
Line 71: Line 169:
width: 100%;
width: 100%;
list-style: none;
list-style: none;
-
         background-color: #000;
+
         background-color: #666666;
         margin: -1px;
         margin: -1px;
         padding: 0 0 0 5px;
         padding: 0 0 0 5px;
Line 77: Line 175:
}
}
-
 
+
#kette {
-
#globalwrapper
+
position:absolute;
-
{
+
top: 20px;
-
    width:975px;
+
left: 10px;
-
    padding:20px 0px;
+
z-index:1;
-
    margin: 0 auto;
+
}
-
    background-color:#ffffff;
+
#box-orange {position: absolute;
-
    height:100%;
+
top: 160px;
 +
left:42px;
 +
z-index:1;
 +
width:160px;
 +
height: 250px;
 +
background-image: url(https://static.igem.org/mediawiki/2012hs/c/c6/Eppi-box-orange.png);
 +
}
 +
#box-orange:hover {
 +
background-image: url(https://static.igem.org/mediawiki/2012hs/9/94/Eppi-box-orange-glow.png);
}
}
-
.firstHeading
+
#box-blue {position: absolute;
-
{
+
top: 160px;
-
    height:0px;
+
left:237px;
-
    visibility:hidden;
+
z-index:1;
 +
width:160px;
 +
height: 250px;
 +
background-image: url(https://static.igem.org/mediawiki/2012hs/8/8d/Eppi-box-blue.png);
 +
}
 +
#box-blue:hover {
 +
background-image: url(https://static.igem.org/mediawiki/2012hs/a/af/Eppi-box-blue-glow.png);
}
}
-
body
+
#box-red {position: absolute;
-
{
+
top: 160px;
-
    background-color: #0e2f52;
+
left:437px;
-
    background-position: top;
+
z-index:1;
 +
width:180px;
 +
height: 250px;
 +
background-image: url(https://static.igem.org/mediawiki/2012hs/1/1f/Eppi-box-red.png);
 +
}
 +
#box-red:hover {
 +
background-image: url(https://static.igem.org/mediawiki/2012hs/4/4b/Eppi-box-red-glow.png);
}
}
-
#p-logo
+
#box-idea {
-
{
+
position:absolute;
-
    height:1px; overflow:hidden; display: none;
+
top: 253px;
 +
left: 39px;
 +
z-index:1;
 +
background-color: transparent;
}
}
 +
#box-science {
 +
position:absolute;
 +
top: 253px;
 +
left: 234px;
 +
z-index:1;
 +
background-color: transparent;
 +
}
 +
#box-store{
 +
position:absolute;
 +
top: 253px;
 +
left: 430px;
 +
z-index:1;
 +
background-color: transparent;
 +
}
 +
 +
 +
</style>
-
#top-section
+
 
-
{
+
-
    background: #ffffff;
+
-
    background-image: url('https://static.igem.org/mediawiki/2012hs/c/c0/LSL_Logo.png');
+
-
    background-position: top;
+
-
    height:374px ;
+
-
    background-repeat: no-repeat;
+
-
    border-width:0px;
+
-
    border-top-width:0px;
+
-
    </style>
+
    
-
    <script type="text/javascript">
+
-
  function anzeigen(das){
+
-
  if(document.getElementById(das).style.display=='none')
+
-
  document.getElementById(das).style.display='block';
+
-
  else document.getElementById(das).style.display='none';}
+
-
    </script>
+
-
   </head>
+
-
<body>
+
<!--[if IE]>
<!--[if IE]>
<style type="text/css">
<style type="text/css">
Line 129: Line 251:
#super_main_wrapper {position:static;}
#super_main_wrapper {position:static;}
#navigation {left: 15px;}
#navigation {left: 15px;}
-
#menu ul li ul {left: -2px; top: 22px;}
+
#menu ul li ul {left: -2px; top: 0px;}
</style>
</style>
<![endif]-->   
<![endif]-->   
-
<div id="main_wrapper">
+
 
-
  <div id="header">
+
<div id="navigation">
<div id="navigation">
<div id="menu" style="position:static">
<div id="menu" style="position:static">
Line 143: Line 264:
  <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Team_Members#Students">Participants</a></li>
  <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Team_Members#Students">Participants</a></li>
  <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Team_Members#Advisors">Advisors</a></li>
  <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Team_Members#Advisors">Advisors</a></li>
-
  <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Team_Scientific_Environment">Scientific Environment</a></li>
+
  <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Team_Scientific_Environment">Scientific Environment</a></li>
  <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Gallery">Gallery</a></li>
  <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Gallery">Gallery</a></li>
           <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Acknowledgements">Acknowledgements</a></li>
           <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Acknowledgements">Acknowledgements</a></li>
Line 150: Line 271:
     <li id="mainProject"><a class="aProject" href="http://2012HS.igem.org/Team:Heidelberg_LSL/Project">Project</a>
     <li id="mainProject"><a class="aProject" href="http://2012HS.igem.org/Team:Heidelberg_LSL/Project">Project</a>
<ul>
<ul>
-
           <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Project_abstract">Abstract</a></li>
+
           <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Project#abstract">Abstract</a></li>
-
           <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Project_intro">Vision</a></li>
+
           <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Project_Introduction">Introduction</a></li>
-
           <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Project_UVsensors">UV-sensors</a></li>
+
           <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Project_UVsensors">Sensor Construction</a></li>
-
           <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Project_iGEMS">iGEMS</a></li>
+
           <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Measurement">Measurements</a></li>
-
           <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Project_GEMsys">GEM-Sys </a></li>
+
           <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Project_humanPractice">Human Practice</a></li>
 +
          <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Project_Summary">Summary & Outlook</a></li>
           <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Project_References">References</a></li>
           <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Project_References">References</a></li>
</ul>
</ul>
     </li>
     </li>
-
<li id="mainSponsors"><a class="aSponsors" href="http://2012HS.igem.org/Team:Heidelberg_LSL/Online_store">Online Store</a></li>
+
 
   <li id="mainParts"><a class="aParts" href="http://2012HS.igem.org/Team:Heidelberg_LSL/Parts">Parts</a>
   <li id="mainParts"><a class="aParts" href="http://2012HS.igem.org/Team:Heidelberg_LSL/Parts">Parts</a>
-
      <ul>
+
   
-
          <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Parts">Parts</a></li>
+
-
          <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Parts_Characterization">Characterization</a></li>
+
-
      </ul>
+
   </li>
   </li>
   <li id="mainNotebook"><a class="aNotebook" href="http://2012HS.igem.org/Team:Heidelberg_LSL/Notebook">Notebook</a>
   <li id="mainNotebook"><a class="aNotebook" href="http://2012HS.igem.org/Team:Heidelberg_LSL/Notebook">Notebook</a>
       <ul>  
       <ul>  
-
           <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Notebook_timeline">Timeline</a></li>
+
           <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Notebook">Notebook-Timeline</a></li>
         <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Notebook_materials">Materials</a></li>
         <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Notebook_materials">Materials</a></li>
           <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Notebook_methods">Methods</a></li>
           <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Notebook_methods">Methods</a></li>
 +
          <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Notebook_safety">Safety</a></li>
       </ul>
       </ul>
     </li>
     </li>
 +
<li id="mainStore"><a class="aSponsors" href="http://2012HS.igem.org/Team:Heidelberg_LSL/Online_store">Online Store</a></li>
   <li id="mainSponsors"><a class="aSponsors" href="http://2012HS.igem.org/Team:Heidelberg_LSL/Sponsors">Sponsors</a></li>
   <li id="mainSponsors"><a class="aSponsors" href="http://2012HS.igem.org/Team:Heidelberg_LSL/Sponsors">Sponsors</a></li>
    
    
</div><!-- end drop menu -->
</div><!-- end drop menu -->
</div> <!-- end navigation -->
</div> <!-- end navigation -->
-
</div>
+
</head>
-
</div>
+
<!-- For IE 6 -->
<!-- For IE 6 -->
<script type="text/javascript">
<script type="text/javascript">
Line 192: Line 312:
}
}
</script>
</script>
-
</body>
+
 
</html>
</html>

Latest revision as of 02:18, 17 June 2012

iGEM-2012HS - LSL-Heidelberg