User:SvenB

From 2013.igem.org

(Difference between revisions)
 
(48 intermediate revisions not shown)
Line 88: Line 88:
#top-section:hover #menubar * {
#top-section:hover #menubar * {
-
color: #8F8F8F !important;
+
color: white !important;
}
}
Line 119: Line 119:
   text-decoration: underline;
   text-decoration: underline;
}
}
-
 
/* main heading */
/* main heading */
Line 138: Line 137:
}
}
-
a.subNavBtn{
+
 
-
   color: black;
+
/* actual styling */
 +
/* ------------------------------------------------------------------------------------ */
 +
body {
 +
   background-color: black;
 +
  font-family: 'Open Sans', Arial, sans-serif;
 +
  font-size: 9pt;
}
}
-
a.subNavBtn:hover {
+
#content {               /* ------------------------------------------------- #CONTENT */
-
   font-weight: bold;
+
   background-color: black !important;
-
   text-decoration: none;
+
   margin: 0px auto !important;
 +
  border: none !important;
 +
  padding: 0px !important;
 +
  position: relative;
 +
  width: 1000px;
 +
  height: auto;
}
}
-
.active {
+
div#bodyContent {         /* ------------------------------------------------- #BODYCONTENT */
-
   background: #9A1435;
+
   background-color: black;
 +
  width: 960px;
 +
  position: relative;
 +
  margin: auto;
 +
  height: auto;
 +
}
 +
#teamLogoBox {
 +
  width: 60.25em;
 +
  height: 17em;
 +
  background-color: #AAAAAA;
 +
  color: white;
 +
  overflow: hidden;
 +
  font-size: 16px;
 +
  background-size: cover;
}
}
-
a.active{
+
#actualContent {
-
   color: white
+
  position: relative;
 +
  font-size: 14pt;
 +
  width: auto;
 +
  height: auto;
 +
  margin-top: 10px;
 +
  background-color: black;
 +
  padding-top: 0em;
 +
  text-align: justify;
 +
}
 +
 
 +
#actualContent p {
 +
  line-height: 26px;
 +
  margin-bottom: 16px;
 +
}
 +
 
 +
p a:hover {
 +
  color: white;
 +
  text-decoration: underline;
 +
}
 +
 
 +
p a:active {
 +
   color: white;
 +
  text-decoration: none;
}
}
Line 160: Line 204:
-
<body onload="setTimeout(function() { window.scrollTo(0, 1) }, 100);">  
+
<body>  
-
<div class="section sTop">
+
<body onload="setTimeout(function() { window.scrollTo(0, 1) }, 100);">
-
  <img src="https://static.igem.org/mediawiki/2013/0/0a/Logo_text_white.png" style="width: 320px; float: left;">
+
-
  <a href="https://2013.igem.org/Main_Page" id="homeLink"><img src="https://static.igem.org/mediawiki/2013/0/06/IGEM_Logo_Shaddow_White.png" style="width:270px; float: right;"></a>
+
<div class="wrap">
-
  <img src="https://static.igem.org/mediawiki/2013/7/7a/TueWeWantYou.png" style="width: 900px; margin-left:30px">
+
<div class="subMenu" >
-
</div>
+
<div class="inner">
-
<
+
<a href="#" id="sTop" class="subNavBtn">Home</a>  
-
<div class="wrap">
+
<a href="#" id="s1" class="subNavBtn">Was ist iGEM?</a>
-
  <div class="subMenu" >
+
<a href="#" id="s2" class="subNavBtn">Projekt 2013</a>
-
    <a href="#" id="sTop" class="subNavBtn">Top</a>  
+
<a href="#" id="s3" class="subNavBtn">Wie gehts weiter?</a>
-
    <a href="#" id="s1" class="subNavBtn">Was ist iGEM?</a>
+
<a href="#" id="s4" class="subNavBtn">Mitglied werden?</a>
-
    <a href="#" id="s2" class="subNavBtn">Section 2</a>
+
<a href="#" id="s5" class="subNavBtn end">Kontakt</a>
-
    <a href="#" id="s3" class="subNavBtn">Section 3</a>
+
</div>
-
    <a href="#" id="s4" class="subNavBtn">Section 4</a>
+
</div>
-
    <a href="#" id="s5" class="subNavBtn end">Section 5</a>
+
 
-
  </div>
+
 
 +
<div class="section sTop">
 +
<div class="inner">
 +
<a href="https://2013.igem.org/Team:Tuebingen"><img src="https://static.igem.org/mediawiki/2013/0/0a/Logo_text_white.png" style="width: 320px; float: left; margin-top: -30px"></a>
 +
 
 +
<a href="https://2013.igem.org/Main_Page" id="homeLink"><img src="https://static.igem.org/mediawiki/2013/0/06/IGEM_Logo_Shaddow_White.png" style="width:270px; float: right; margin-top: -30px"></a>
 +
 
 +
<img src="https://static.igem.org/mediawiki/2013/7/7a/TueWeWantYou.png" style="width: 900px; margin-left:30px">
 +
</div>
 +
<br class="clear">
 +
 
 +
</div>
 +
 
 +
 
 +
 
 +
<hr style="margin-bottom: 50px; margin-top: 85px;">
 +
 
 +
<div class="section s1">
 +
<div class="inner">
 +
<h3>Was ist iGEM?</h3>
 +
 
 +
</div>
 +
</div>
 +
 
 +
<hr>
 +
 
 +
<div class="section s2">
 +
<div class="inner">
 +
<h3>Projekt 2013</h3>
 +
 
 +
<div style="width: auto; height: auto; text-align: center; margin-top: 50px;">
 +
<img src="https://static.igem.org/mediawiki/2013/4/46/Tue_NoProgestin_black.PNG" style="width: 900px;">
 +
 
 +
<div style="width: 20px; height: 100px; background-color: transparent;"></div>
 +
 
 +
<img src="https://static.igem.org/mediawiki/2013/c/c1/Tue_WithProgestin_black.PNG" style="width: 900px;">
</div>
</div>
 +
</div>
 +
</div>
 +
 +
<hr>
 +
 +
<div class="section s3">
 +
<div class="inner">
 +
        <h3>Wie gehts weiter?</h3>
 +
 +
</div>
 +
</div>
 +
 +
<hr>
 +
 +
<div class="section s4">
 +
<div class="inner">
 +
<h3>Mitglied werden?</h3>
 +
 +
</div>
 +
 +
</div>
 +
 +
<hr>
 +
 +
<div class="section s5">
 +
<div class="inner">
 +
        <h3>Kontakt</h3>
 +
 +
</div>
 +
</div>
 +
 +
 +
<p style="color: white; font-size: 12pt; float: right;">Site was created using <a href="http://outyear.co.uk/smint/" style="color: #A51E37;">SMINT</a> by Robert McCracken.</p>
 +
<p>&nbsp;</p>
-
<div class="s1">
 
-
  <div class="inner">
 
-
    <h1>Welcome to the SMINT Demo page! </h1>
 
-
    <p>Click the links below to see it in action!</p>
 
-
  </div>
 
-
  <br class="clear">
 
</div>
</div>

Latest revision as of 20:33, 16 October 2013



Was ist iGEM?


Projekt 2013


Wie gehts weiter?


Mitglied werden?


Kontakt

Site was created using SMINT by Robert McCracken.