|
|
(158 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | <html>
| |
- | <head>
| |
- | <!--=========================================CARGAS============================================= -->
| |
- | <!--Intentamos cargar la libreria jQuery de Google, si no va pues la BobString -->
| |
- | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
| |
- | <script>!window.jQuery && document.write('<script src="https://sites.google.com/site/bobstringfiles/arcanum/jquery-1.2.3.min.js"><\/script>')</script>
| |
- | </head>
| |
| | | |
- | <body>
| |
- |
| |
- |
| |
- | <!--=====================================MENU ACORDEON 2 ======================================= -->
| |
- |
| |
- | <div id="firstpane" class="menu_list">
| |
- | <p class="menu_head"><a href="#">Home</a></p>
| |
- | <div class="menu_body">
| |
- |
| |
- | </div>
| |
- | <p class="menu_head">The Team</p>
| |
- | <div class="menu_body">
| |
- | <a href="#">Components</a>
| |
- | </div>
| |
- | <p class="menu_head">The Project</p>
| |
- | <div class="menu_body">
| |
- | <a href="#">Ubbit Standard</a>
| |
- | <a href="#">Full adder Module</a>
| |
- | <a href="#">Aplications</a>
| |
- | </div>
| |
- | <p class="menu_head">Modeling</p>
| |
- | <div class="menu_body">
| |
- |
| |
- | </div>
| |
- | <p class="menu_head">Safety</p>
| |
- | <div class="menu_body">
| |
- |
| |
- | </div>
| |
- | <p class="menu_head">Attributions</p>
| |
- | <div class="menu_body">
| |
- |
| |
- | </div>
| |
- | <p class="menu_head">Notebook</p>
| |
- | <div class="menu_body">
| |
- |
| |
- | </div>
| |
- | </div>
| |
- | <!-- http://roshanbh.com.np/2008/06/accordion-menu-using-jquery.html -->
| |
- | <style>
| |
- | .menu_list {
| |
- | width: 150px;
| |
- | float:left;
| |
- | }
| |
- | .menu_head {
| |
- | padding: 5px 10px;
| |
- | cursor: pointer;
| |
- | position: relative;
| |
- | margin:1px;
| |
- | font-weight:bold;
| |
- | background: #eef4d3 url(left.png) center right no-repeat;
| |
- | }
| |
- | .menu_body {
| |
- | display:none;
| |
- | }
| |
- | .menu_body a {
| |
- | display:block;
| |
- | color:#006699;
| |
- | background-color:#EFEFEF;
| |
- | padding-left:10px;
| |
- | font-weight:bold;
| |
- | text-decoration:none;
| |
- | }
| |
- | .menu_body a:hover {
| |
- | color: #000000;
| |
- | text-decoration:underline;
| |
- | }
| |
- |
| |
- | </style>
| |
- | <script type="text/javascript">
| |
- | $("#firstpane p.menu_head").click(function()
| |
- | {
| |
- | $(this).css({backgroundImage:"url(down.png)"}).next("div.menu_body").slideDown(500).siblings("div.menu_body").slideUp("slow");
| |
- | $(this).siblings().css({backgroundImage:"url(left.png)"});
| |
- | });
| |
- | </script>
| |
- |
| |
- | <!-- FIN -->
| |
- | <style>
| |
- |
| |
- | /*Estilo de la barra de arriba para que no se oculte*/
| |
- |
| |
- | .left-menu, .left-menu a {
| |
- | width: 390px ! important;
| |
- | left: 0px;
| |
- | text-align: left;
| |
- | color:blue ! important;
| |
- | text-transform: none ! important;
| |
- | /*Para cambiar el color de fondo de los enlaces de la izq*/
| |
- | background-color: transparent ! important;
| |
- | border: none ! important;
| |
- | }
| |
- |
| |
- | .right-menu li a {
| |
- |
| |
- | color: blue ! important;
| |
- | background-color: transparent ! important;
| |
- | }
| |
- |
| |
- |
| |
- |
| |
- | </style>
| |
- |
| |
- |
| |
- |
| |
- | <!--=========================================RECONSTRUIR iGEM-wiki============================================= -->
| |
- |
| |
- | <style>
| |
- |
| |
- | /*logo indeseado del igem*/
| |
- | #p-logo{
| |
- | display:none;
| |
- | }
| |
- |
| |
- | /*menu estilo guadiana xD de los cojones*/
| |
- | #menubar.left-menu {
| |
- | width:355px;
| |
- | display:block;
| |
- | float:left;
| |
- | background-color:#C0C0C0;
| |
- | border: black 2px solid;
| |
- | }
| |
- |
| |
- |
| |
- | #top-section {
| |
- | height: 175px;
| |
- | background-image:url('https://static.igem.org/mediawiki/2011/2/2b/Logohorizontal.png');
| |
- | }
| |
- |
| |
- | /*quitar el titulo de la pagina:Team:Sevilla/test2*/
| |
- | .firstHeading { display: none;}
| |
- |
| |
- | #globalWrapper {/*laterales*/
| |
- | background-color: green;
| |
- | padding-bottom:0px;
| |
- | border: none;
| |
- | }
| |
- | </style>
| |
- |
| |
- | </body>
| |
- |
| |
- |
| |
- | </html>
| |