Team:Sevilla/Templates/lmenu
From 2011.igem.org
(Difference between revisions)
m |
|||
Line 8: | Line 8: | ||
<body> | <body> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<!--=====================acordeon=============================--> | <!--=====================acordeon=============================--> | ||
<div id="menuizq"> | <div id="menuizq"> | ||
Line 88: | Line 66: | ||
</div> | </div> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<!-- Flecha que aparece solo si la página es larga --> | <!-- Flecha que aparece solo si la página es larga --> | ||
Line 184: | Line 104: | ||
</div> | </div> | ||
- | + | ||
+ | |||
+ | |||
Line 211: | Line 133: | ||
}); | }); | ||
</script> | </script> | ||
+ | </body> | ||
+ | |||
+ | |||
+ | <style> | ||
+ | |||
+ | |||
+ | #menuizq { | ||
+ | |||
+ | float:left; | ||
+ | width: 150px; | ||
+ | background-color:#71A799; | ||
+ | padding: 15px 0px 10px 10px; | ||
+ | margin-top: -24px; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /*===================TEMPLATE SLIDES====================*/ | ||
+ | |||
+ | #followus { | ||
+ | float:left; | ||
+ | clear:both; | ||
+ | margin-top:5px;; | ||
+ | |||
+ | } | ||
+ | |||
+ | /*flechita que se esconde*/ | ||
+ | |||
+ | #back-top { | ||
+ | margin-top:20px;margin-bottom:5px; clear:both; aling:center; float:left; | ||
+ | } | ||
+ | #back-top a { | ||
+ | width: 50px; | ||
+ | display: block; | ||
+ | text-align: center; | ||
+ | font: 11px/100% Arial, Helvetica, sans-serif; | ||
+ | text-transform: uppercase; | ||
+ | text-decoration: none; | ||
+ | color: #bbb; | ||
+ | |||
+ | /* transition */ | ||
+ | -webkit-transition: 1s; | ||
+ | -moz-transition: 1s; | ||
+ | transition: 1s; | ||
+ | } | ||
+ | #back-top a:hover { | ||
+ | color: #000; | ||
+ | } | ||
+ | |||
+ | /* arrow icon (span tag) */ | ||
+ | #back-top span { | ||
+ | width: 50px; | ||
+ | height: 50px; | ||
+ | display: block; | ||
+ | margin-bottom: 7px; | ||
+ | background: #ddd url(http://espacioforos.miarroba.st/1671161/dfs.png) no-repeat center center; | ||
+ | |||
+ | /* rounded corners */ | ||
+ | -webkit-border-radius: 15px; | ||
+ | -moz-border-radius: 15px; | ||
+ | border-radius: 15px; | ||
+ | |||
+ | /* transition */ | ||
+ | -webkit-transition: 1s; | ||
+ | -moz-transition: 1s; | ||
+ | transition: 1s; | ||
+ | } | ||
+ | #back-top a:hover span { | ||
+ | background-color: #777; | ||
+ | } | ||
+ | |||
+ | /*===========================TEMPLATE MENU================*/ | ||
+ | /*Efecto acordeon*/ | ||
+ | .menu_list { | ||
+ | width: 150px; | ||
+ | float:left; | ||
+ | } | ||
+ | |||
+ | .menu_head { | ||
+ | padding: 5px 10px; | ||
+ | cursor: pointer; | ||
+ | position: relative; | ||
+ | font-weight:bold; | ||
+ | background: #eef4d3 url(left.png) center right no-repeat; | ||
+ | margin:1px; | ||
+ | margin-right: 12px; | ||
+ | text-align:center; | ||
+ | } | ||
+ | .menu_head a{ text-decoration:none;} | ||
+ | .menu_body { | ||
+ | display:none; | ||
+ | width:136px; | ||
+ | } | ||
+ | .menu_body a { | ||
+ | display:block; | ||
+ | color:#006699; | ||
+ | background-color:#EFEFEF; | ||
+ | padding-left:10px; | ||
+ | font-weight:bold; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | .menu_body a:hover {/*ponerse encima de los links internos*/ | ||
+ | color: black; | ||
+ | background-color: white; | ||
+ | } | ||
+ | /*=====================/Templates/hr==========*/ | ||
+ | |||
+ | hr { | ||
+ | border: 0; | ||
+ | width: 80%; | ||
+ | height: 2px; | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | |||
</body> | </body> | ||
</html> | </html> |
Revision as of 10:40, 25 June 2011