Team:UCLA/anuved verma ucla2014 workspace/CSS
From 2014.igem.org
(Difference between revisions)
Anuvedverma (Talk | contribs) |
Anuvedverma (Talk | contribs) |
||
Line 1: | Line 1: | ||
<html> | <html> | ||
+ | <!--TOP MENU BAR--> | ||
+ | <style type="text/css"> | ||
+ | #top_menu{ | ||
+ | position:fixed; | ||
+ | padding: 5px 0 0 5px; | ||
+ | height: 140px; | ||
+ | width: 150px; | ||
+ | left:50%; | ||
+ | top:0; | ||
+ | } | ||
+ | |||
+ | #menu li{ | ||
+ | position:relative; | ||
+ | float:left; | ||
+ | list-style:none; | ||
+ | } | ||
+ | #menu a{ | ||
+ | color:white; | ||
+ | background:black; | ||
+ | padding:5px; | ||
+ | text-decoration:none; | ||
+ | width:98px; | ||
+ | display:block; | ||
+ | text-align:center; | ||
+ | font-family:arial; | ||
+ | font-size:14px; | ||
+ | } | ||
+ | #menu{ | ||
+ | margin-left:auto; | ||
+ | margin-right:auto; | ||
+ | width:900px; | ||
+ | } | ||
+ | #menu a:hover{ | ||
+ | background:deepskyblue; | ||
+ | } | ||
+ | |||
+ | #menu li ul{ | ||
+ | background:black; | ||
+ | /* display:none; */ | ||
+ | position:absolute; | ||
+ | text-align:center; | ||
+ | top:25px; | ||
+ | right:0px; | ||
+ | } | ||
+ | #menu li:hover ul{ | ||
+ | display:block; | ||
+ | } | ||
+ | #dropdown_menu li ul li{ | ||
+ | position:relative; | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | |||
+ | |||
+ | <!--SIDE SPIDER ANIMATION--> | ||
+ | <style type="text/css"> | ||
+ | #spider { | ||
+ | position:relative; //or whatever you need | ||
+ | display:block; | ||
+ | top:0px; | ||
+ | left:500px; | ||
+ | } | ||
+ | #spider img { | ||
+ | position:absolute; | ||
+ | opacity:0; | ||
+ | } | ||
+ | #spider #first { | ||
+ | opacity:1; | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | |||
+ | |||
+ | <!--SLIDER--> | ||
+ | <style type="text/css"> | ||
+ | .slider{ | ||
+ | width:800px; | ||
+ | height:350px; | ||
+ | overflow:hidden; | ||
+ | margin:0px auto; | ||
+ | background-image:url(loader.gif); | ||
+ | background-repeat:no-repeat; | ||
+ | background-position:center; | ||
+ | } | ||
+ | .shadow{ | ||
+ | background-image:url(slider-shadow.jpg); | ||
+ | background-repeat:no-repeat; | ||
+ | background-position:top; | ||
+ | width:864px; | ||
+ | height:144px; | ||
+ | margin:0px auto; | ||
+ | } | ||
+ | .slider img{ | ||
+ | width:800px; | ||
+ | height:350px; | ||
+ | display:none; | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | |||
+ | |||
+ | |||
<!--WIKI TEMPLATE FORMATTING--> | <!--WIKI TEMPLATE FORMATTING--> | ||
<style type="text/css"> | <style type="text/css"> | ||
Line 210: | Line 312: | ||
</style> | </style> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</html> | </html> |
Revision as of 01:03, 5 September 2014