Template:Queens Canada/Header
From 2012.igem.org
(Difference between revisions)
Line 749: | Line 749: | ||
.subs | .subs | ||
{ | { | ||
- | |||
- | |||
background-color: #C5E2ED; | background-color: #C5E2ED; | ||
margin: 40px 0px 0px 0px; | margin: 40px 0px 0px 0px; | ||
+ | |||
} | } | ||
.subs li | .subs li | ||
Line 758: | Line 757: | ||
padding-right: 20px; | padding-right: 20px; | ||
} | } | ||
- | . | + | .subs { |
- | { | + | background-color: #222; |
- | margin-top: 40px; | + | border:1px solid #222; |
+ | border-radius: 0 5px 5px 5px; | ||
+ | border-width: 0 1px 1px; | ||
+ | box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5); | ||
+ | left: auto; | ||
+ | overflow: hidden; | ||
+ | position: relative; | ||
+ | top: -9999px; | ||
+ | z-index: 2; | ||
+ | margin-top: 40px; | ||
+ | list-style: none outside none; | ||
+ | -moz-transform: scaleY(0); | ||
+ | -ms-transform: scaleY(0); | ||
+ | -o-transform: scaleY(0); | ||
+ | -webkit-transform: scaleY(0); | ||
+ | transform: scaleY(0); | ||
+ | |||
+ | -moz-transform-origin: 0 0; | ||
+ | -ms-transform-origin: 0 0; | ||
+ | -o-transform-origin: 0 0; | ||
+ | -webkit-transform-origin: 0 0; | ||
+ | transform-origin: 0 0; | ||
+ | |||
+ | -moz-transition: -moz-transform 0.1s linear; | ||
+ | -ms-transition: -ms-transform 0.1s linear; | ||
+ | -o-transition: -o-transform 0.1s linear; | ||
+ | -webkit-transition: -webkit-transform 0.1s linear; | ||
+ | transition: transform 0.1s linear; | ||
} | } | ||
- | . | + | .menulist li:hover ul.subs { |
- | { | + | left: 0; |
- | + | top: 53px; | |
- | + | width: 180px; | |
+ | |||
+ | -moz-transform: scaleY(1); | ||
+ | -ms-transform: scaleY(1); | ||
+ | -o-transform: scaleY(1); | ||
+ | -webkit-transform: scaleY(1); | ||
+ | transform: scaleY(1); | ||
} | } | ||
</style> | </style> | ||
Line 801: | Line 833: | ||
<a href="">ChimeriQ</a> | <a href="">ChimeriQ</a> | ||
- | <ul class="subs" style="margin: 40px 0px 0px | + | <ul class="subs" style="margin: 40px 0px 0px 172px;"> |
<li> | <li> | ||
Description | Description | ||
Line 818: | Line 850: | ||
<li class="menuitem"> | <li class="menuitem"> | ||
<a href="https://2012.igem.org/Team:Queens_Canada/Notebook">Guide</a> | <a href="https://2012.igem.org/Team:Queens_Canada/Notebook">Guide</a> | ||
- | <ul class="subs" style="margin: 40px 0px 0px | + | <ul class="subs" style="margin: 40px 0px 0px 257px;"> |
<li> | <li> | ||
Line 826: | Line 858: | ||
<li class="menuitem"> | <li class="menuitem"> | ||
<a href="https://2012.igem.org/Team:Queens_Canada/SynthetiQ">SynthetiQ</a> | <a href="https://2012.igem.org/Team:Queens_Canada/SynthetiQ">SynthetiQ</a> | ||
- | <ul class="subs" style="margin: 40px 0px 0px | + | <ul class="subs" style="margin: 40px 0px 0px 342px;"> |
<li> | <li> | ||
</li> | </li> | ||
Line 841: | Line 873: | ||
<li class="menuitem"> | <li class="menuitem"> | ||
<a href="https://2012.igem.org/Team:Queens_Canada/Safety">Extras</a> | <a href="https://2012.igem.org/Team:Queens_Canada/Safety">Extras</a> | ||
- | <ul class="subs" style="margin: 40px 0px 0px | + | <ul class="subs" style="margin: 40px 0px 0px 417px;"> |
<li> | <li> | ||
<a href="https://2012.igem.org/Team:Queens_Canada/Safety">Safety</a> | <a href="https://2012.igem.org/Team:Queens_Canada/Safety">Safety</a> | ||
Line 895: | Line 927: | ||
}); | }); | ||
</script> | </script> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</html> | </html> |
Revision as of 21:13, 23 September 2012
Control