Team:NYMU-Taipei/Header/Sidebar

From 2013.igem.org

(Difference between revisions)
 
(7 intermediate revisions not shown)
Line 2: Line 2:
<header>
<header>
-
@import: url(http://fonts.googleapis.com/css?family=Enriqueta:700);
 
<style>
<style>
-
body {
+
@import: url(http://fonts.googleapis.com/css?family=Enriqueta:700);
-
    margin: 0;
+
-
    background: url(http://solitarydesigns.net/tools/patgen/images/bg.png);
+
-
    color: #fff;
+
-
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
+
-
    font-weight: 300;
+
-
}
+
.sdbar ul {
.sdbar ul {
     list-style: none;
     list-style: none;
-
     width: 189px;
+
     width: 149px;
     margin: 20px auto;
     margin: 20px auto;
     background: rgba(0,0,0,0.15);
     background: rgba(0,0,0,0.15);
Line 61: Line 54:
font-size: 12px;
font-size: 12px;
}
}
-
 
+
.sdbar ul>p {
 +
        margin-left: 0;
 +
        text-indent: 0px;
 +
}
.sdbar ul li:last-child:hover div { height: 150px }
.sdbar ul li:last-child:hover div { height: 150px }
Line 129: Line 125:
<li class="dropdown">
<li class="dropdown">
-
<h2>Human Practice<span class="bullet"></span></h2>
+
<h2>Out Reach<span class="bullet"></span></h2>
<div><p><img src="http://www.southparkfr.com/images/perso/kennygrand.jpg" width="100" /></p></div>
<div><p><img src="http://www.southparkfr.com/images/perso/kennygrand.jpg" width="100" /></p></div>
</li>
</li>

Latest revision as of 10:09, 9 September 2013

  • Overview

    a link

    This is visible when the <li> is hovered over.

  • Wetlab

    go on

    Its a little effect, and can be useful in many cases

  • Drylab

    To display any informations you want.

  • Modeling

  • Out Reach

Retrieved from "http://2013.igem.org/Team:NYMU-Taipei/Header/Sidebar"