Template:Stylesheet

From 2012hs.igem.org

(Difference between revisions)
 
(216 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 type="text/css">
<style type="text/css">
-
       body {behavior: url(http://www.xs4all.nl/~peterned/htc/csshover3-source.htc);}
+
       /*body {behavior: url(http://www.xs4all.nl/~peterned/htc/csshover3-source.htc);}*/
 +
 
       .clear {clear:both;}
       .clear {clear:both;}
-
body.mediawiki {
+
body.mediawiki {
-
background-color:#494d51;
+
background-color:#0e2f52;
background-position: center center;
background-position: center center;
-
background-attachment: fixed;
 
background-repeat: no-repeat;
background-repeat: no-repeat;
-
font-family: Calibri, Verdana, helvetica, sans-serif;
+
                        height:100%;
 +
}
}
h2 {padding: 10px 20px;
h2 {padding: 10px 20px;
                         font-size: 18px;
                         font-size: 18px;
-
                         color: #eb8300;
+
                         color: #80b3b3;
                         text-decoration: none;
                         text-decoration: none;
                         font-weight: bold;}
                         font-weight: bold;}
-
                         border: none;
+
 
-
  h2 a {color: #eb8300;}
+
 
 +
                          
 +
  h2 a {color: #80b3b3;}
h3 {padding: 10px 20px;
h3 {padding: 10px 20px;
                         font-size: 16px;
                         font-size: 16px;
Line 30: Line 33:
display: none;
display: none;
}
}
-
p {
+
-
text-align: justify;
+
-
}
+
a:link {
a:link {
-
color: #00a5ea;
+
color: #80b3b3;
text-decoration: none
text-decoration: none
}  
}  
a:visited {
a:visited {
-
color:#00a5ea;
+
color:#80b3b3;
text-decoration: none
text-decoration: none
}
}
a:hover {
a:hover {
-
                         color: #eb8300;
+
                         color: #00a5ea;
text-decoration: none
text-decoration: none
}
}
a:active {
a:active {
-
color:#f29400;
+
color:#00a5ea;
text-decoration: none
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 {
#navigation {
-
position:absolute; left:0px; top:-33px; width:793px; height:69px;
+
position:absolute; top:-42px; width:793px; height:69px;
z-index:100; background-color: transparent; float: left;  
z-index:100; background-color: transparent; float: left;  
color: #0000FF;
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 * {
margin: 0;
margin: 0;
Line 63: 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 103: Line 151:
position: absolute;
position: absolute;
left: 2px;  
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: 20px;
+
         top: 29px;
         padding-top: 9px;
         padding-top: 9px;
         z-index:50;
         z-index:50;
Line 121: 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 127: 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);
}
}
-
#main_wrapper {
+
#box-red {position: absolute;
-
                        position:absolute; left:0px; top:0px;
+
top: 160px;
-
margin: 0;
+
left:437px;
-
width: 975px;
+
z-index:1;
-
height: 100%;
+
width:180px;
-
align: center;
+
height: 250px;
-
+
background-image: url(https://static.igem.org/mediawiki/2012hs/1/1f/Eppi-box-red.png);
-
}
+
}
-
#super_main_wrapper {
+
#box-red:hover {
-
                        position:absolute; left:0px; top:227px;
+
background-image: url(https://static.igem.org/mediawiki/2012hs/4/4b/Eppi-box-red-glow.png);
-
width: 975px;
+
-
align: center;
+
-
background-color: #ede8e2;
+
-
                        heigth: auto;
+
-
                }
+
-
#SubWrapper {width: 645px;
+
-
                        padding: 0px;
+
-
                        border-left:4px solid #ede8e2;
+
-
                        float: left;
+
-
                        margin-top: 3px;
+
-
                        background-color: #ffffff;}
+
-
#SubWrapper * p, #SubWrapper p  {padding: 0 20px;
+
-
                        text-align: justify;
+
-
                        font-size: 12px;}
+
-
#SubWrapper * h3, #SubWrapper h3 {
+
-
                        padding-top: 10px;
+
-
                        font-size: 18px;}
+
-
 
+
-
body
+
-
{
+
-
    background-color: #0e2f52;
+
-
    background-position: top;
+
}
}
-
#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;
}
}
-
#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>
+
</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>
 
    
    
 +
 
<!--[if IE]>
<!--[if IE]>
<style type="text/css">
<style type="text/css">
Line 222: 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 229: 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>
    
    

Latest revision as of 02:18, 17 June 2012

iGEM-2012HS - LSL-Heidelberg

Retrieved from "http://2012hs.igem.org/Template:Stylesheet"