Team:NYMU-Taipei/Header/Sidebar

From 2013.igem.org

(Difference between revisions)
(Created page with "<html> <header> <style> @import: url(http://fonts.googleapis.com/css?family=Enriqueta:700); body { margin: 0; background: url(http://solitarydesigns.net/tools/patgen/im...")
Line 13: Line 13:
}
}
-
ul {
+
.sdbar ul {
     list-style: none;
     list-style: none;
     width: 189px;
     width: 189px;
Line 25: Line 25:
}
}
-
h2 {
+
.sdbar h2 {
font-size: 18px;
font-size: 18px;
color: #587b83;
color: #587b83;
Line 35: Line 35:
}
}
-
ul li span.bullet {
+
.sdbar ul li span.bullet {
     border-color: transparent transparent transparent #587b83;
     border-color: transparent transparent transparent #587b83;
     border-style: dotted;
     border-style: dotted;
-
     /* 'dotted' or 'dashed' is better than'solid' for triangles, try to change 'dotted' -> 'solid' see the ugliest triangle ever !*/
+
     /* 'dotted' or 'dashed' is better than'solid' for triangles, try to change 'dotted' -> 'solid' see the ugliest triangle ever !*/
     border-width: 5px;
     border-width: 5px;
     display: inline-block;
     display: inline-block;
Line 47: Line 47:
}
}
-
ul li div {
+
.sdbar ul li div {
     height: 0px;
     height: 0px;
     opacity: 0;
     opacity: 0;
Line 58: Line 58:
}
}
-
ul li div {
+
.sdbar ul li div {
font-size: 12px;
font-size: 12px;
}
}
-
ul li:last-child:hover div { height: 150px }
+
.sdbar ul li:last-child:hover div { height: 150px }
-
ul li:hover div {
+
.sdbar ul li:hover div {
     opacity: 1;
     opacity: 1;
     height: 70px;
     height: 70px;
}
}
-
ul li.dropdown:hover span.bullet {
+
.sdbar ul li.dropdown:hover span.bullet {
     /*transform*/
     /*transform*/
     -webkit-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
Line 78: Line 78:
}
}
-
fieldset {
+
.sdbar fieldset {
     border: 0px;
     border: 0px;
     margin: 0px;
     margin: 0px;
Line 85: Line 85:
}
}
-
input[type="text"] {
 
-
    width: 50px;
 
-
    background: #fff;
 
-
    border: 1px solid  rgba(0, 0, 0, .2);
 
-
    padding: 2px;
 
-
}
 
-
 
-
input[type=text]:focus {
 
-
    outline: none;
 
-
    border-color: #000;
 
-
    color: #F00;
 
-
    font-weight: bold;
 
-
}
 
-
 
-
input[type="submit"] {
 
-
    width: 50px;
 
-
    background: #F00;
 
-
    border: 1px solid #F00;
 
-
    /*border-radius*/
 
-
    -webkit-border-radius: 5px;
 
-
    -moz-border-radius: 5px;
 
-
    border-radius: 5px;
 
-
    color: #FFF;
 
-
    padding: 4px;
 
-
    margin-left: 5px;
 
-
    /*box-shadow*/
 
-
    -webkit-box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.7);
 
-
    -moz-box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.7);
 
-
    box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.7);
 
-
}
 
-
 
-
input[type=submit]:hover { border: 1px solid #000 }
 
</style>
</style>
</header>
</header>
-
<body>
+
<div class="sdbar">
<ul>
<ul>
<li class="dropdown">
<li class="dropdown">
Line 165: Line 133:
</li>
</li>
</ul>
</ul>
 +
</div>
</body>
</body>
</html>
</html>

Revision as of 00:09, 9 September 2013