|
|
(45 intermediate revisions not shown) |
Line 1: |
Line 1: |
| | | |
- | {{:Team:Sevilla/styles}}
| |
- | <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>
| |
- |
| |
- | <style>
| |
- | /*=================== TEMPLATE1================*/
| |
- |
| |
- | /*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;
| |
- | }
| |
- |
| |
- |
| |
- | /*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: 135px;
| |
- | width: 900px;
| |
- | background-image:url('https://static.igem.org/mediawiki/2011/e/e1/Arcanum.png');
| |
- | background-repeat:no-repeat;
| |
- | border:none;
| |
- | background-color:#96D8CA;
| |
- | background-position:30px 35px;
| |
- |
| |
- |
| |
- | }
| |
- |
| |
- | #content{
| |
- | border:none;
| |
- | margin-left:239px;
| |
- |
| |
- | }
| |
- |
| |
- | /*quitar el titulo de la pagina:Team:Sevilla/test2*/
| |
- | .firstHeading { display: none;}
| |
- |
| |
- | #globalWrapper {/*laterales*/
| |
- | background-color: #1F7C83;}
| |
- | padding-bottom:0px;
| |
- | border: none;
| |
- | }
| |
- |
| |
- | #menubar.right-menu #serach{display:none;margin-top:5px;}
| |
- | #menubar {margin-top:7px;}
| |
- | #search-controls{display:none;margin-top:9px;margin-right:5px;}
| |
- | #serach{margin-left:8px;}
| |
- |
| |
- |
| |
- | /*quitar recuadro de abajo*/
| |
- | #catlinks{display:none;}
| |
- | #footer-box{border:none;margin-left:240px;width: 915px;}
| |
- | body{
| |
- | }
| |
- |
| |
- | /*#topLink a{display: block;width:950px;height:140px;padding-top:63px;}*/
| |
- |
| |
- |
| |
- | </style>
| |
- |
| |
- |
| |
- |
| |
- | </head>
| |
- |
| |
- | <body>
| |
- |
| |
- |
| |
- | <!--Busqueda-->
| |
- |
| |
- | <script type="text/javascript">
| |
- | $("#menubar ul").append('<li><a id="serach" href="#">Search</a></li>','<li><a id="serach" href="https://2011.igem.org/Main_Page">iGem</a></li>');
| |
- | </script>
| |
- |
| |
- |
| |
- | <!--Convertir el logo en enlace-->
| |
- | <script type="text/javascript">
| |
- | $("#top-section").prepend('<div id="topLink"><a href="/Team:Sevilla"></a></div>');
| |
- | </script>
| |
- |
| |
- |
| |
- | <script type="text/javascript">
| |
- | $(document).ready(function(){
| |
- | $("#serach").click(function() {
| |
- | $("#search-controls").css({'display':'block'});
| |
- | $("#search-controls a").css({'color':'black'});
| |
- | });
| |
- |
| |
- | });
| |
- | </script>
| |
- | </body>
| |
- |
| |
- | </html>
| |
- |
| |
- | <html>
| |
- |
| |
- |
| |
- | <!--=====================acordeon=============================-->
| |
- | <div id="menuizq">
| |
- |
| |
- | <div id="firstpane" class="menu_list">
| |
- | <p class="menu_head" id="m1"> <a href="/Team:Sevilla">Home</a> </p>
| |
- | <div class="menu_body">
| |
- |
| |
- | </div>
| |
- | <p class="menu_head" id="m2"> <a href="/Team:Sevilla/components">The team</a> </p>
| |
- |
| |
- | <p class="menu_head"> <a href="#">The Project</a> </p>
| |
- | <div class="menu_body">
| |
- | <a href="/Team:Sevilla/project">Project summary</a>
| |
- | <a href="/Team:Sevilla/project/ubbit">Ubbit Standard</a>
| |
- | <a href="/Team:Sevilla/project/adder">Full adder module</a>
| |
- | <a href="/Team:Sevilla/project/applications">Applications</a>
| |
- | </div>
| |
- | <p class="menu_head" id="m3"> <a href="/Team:Sevilla/modeling">Modeling</a> </p>
| |
- | <div class="menu_body">
| |
- |
| |
- | </div>
| |
- | <p class="menu_head"> <a href="/Team:Sevilla/safety">Safety</a> </p>
| |
- | <div class="menu_body">
| |
- |
| |
- | </div>
| |
- | <p class="menu_head"> <a href="/Team:Sevilla/attributions">Attributions</a> </p>
| |
- | <div class="menu_body">
| |
- |
| |
- | </div>
| |
- | <p class="menu_head"> <a href="/Team:Sevilla/notebook">Notebook</a> </p>
| |
- |
| |
- | <p class="menu_head"> <a href="/Team:Sevilla/sponsors">Sponsors</a> </p>
| |
- |
| |
- | </div>
| |
- |
| |
- | <div id=followus class="menu_list" >
| |
- |
| |
- | <!-- Los botones sociales -->
| |
- | <p style="color:#272BB8; float:left; font-weight: bold; clear:both;margin-bottom:none;" >Follow us: </p>
| |
- | </html>
| |
- | {{:Team:Sevilla/Templates/hr|colour=#4D4D4D}}
| |
- | <html>
| |
- |
| |
- | <a href='http://twitter.com/iGEMSevilla11'><img src="https://static.igem.org/mediawiki/2011/7/7e/Twitter-32x32.png" style="margin-top:5px;margin-bottom:5px; margin-right:5px; float:left;" /> </a>
| |
- | <a href='http://www.facebook.com/pages/Sevilla-iGEM2011-Acanum-Project/187115714638929'><img src="https://static.igem.org/mediawiki/2011/c/c8/Facebook-32x32.png" style="margin-top:5px;margin-bottom:5px; margin-right:5px; float:left;" /> </a>
| |
- |
| |
- | <a href='http://www.youtube.com/user/iGEMSevilla11'><img src="https://static.igem.org/mediawiki/2011/3/38/Youtube-32x32.png" style="margin-top:5px;margin-bottom:5px; float:left; margin-right:5px; " /> </a>
| |
- |
| |
- | <!-- <hr style="clear:both; align:center; float:left;"> -->
| |
- | </html>
| |
- | {{:Team:Sevilla/Templates/hr|colour=#4D4D4D}}
| |
- | <html>
| |
- | </div>
| |
- |
| |
- |
| |
- |
| |
- | </div>
| |
- |
| |
- | <div id=menudcha>
| |
- |
| |
- | <div id=sponsors style="margin-left:-20px;">
| |
- | <p style="color:#272BB8; float:left; font-weight: bold; clear:both;margin-bottom:none;" >Sponsors: </p>
| |
- |
| |
- | </html>
| |
- | {{:Team:Sevilla/Templates/hr|colour=#4D4D4D}}
| |
- | <html>
| |
- |
| |
- | <a href='http://www.us.es'><img src="https://static.igem.org/mediawiki/2011/5/52/Logo_US.gif" height=75px style="margin-top:5px;margin-bottom:5px; clear:both; float:left;"/> </a>
| |
- |
| |
- | <a href='http://estudiantes.us.es/'><img src="https://static.igem.org/mediawiki/2011/0/02/Vice.png" width=90px style="margin-top:5px;margin-bottom:5px; clear:both; align:center; float:left;" /> </a>
| |
- |
| |
- | <a href='http://www.micinn.es/'><img src="https://static.igem.org/mediawiki/2011/a/a1/LogoMci.jpg" width=90px style="margin-top:5px;margin-bottom:5px; clear:both; align:center; float:left;" /> </a>
| |
- |
| |
- | <a href='http://www.eppendorf.com/'><img src="https://static.igem.org/mediawiki/2011/1/11/EP_L_rgb.jpg" width=90px style="margin-top:5px;margin-bottom:5px; clear:both; align:center; float:left;" /> </a>
| |
- |
| |
- | <a href='http://otri.us.es/web/'><img src="https://static.igem.org/mediawiki/2011/4/46/LogoOTRI.gif" width=90px style="margin-top:5px;margin-bottom:5px; clear:both; align:center; float:left;" /> </a>
| |
- | <hr style="clear:both; align:center; float:left;">
| |
- |
| |
- | <!-- <a href='#'><img alt='ir arriba' border='0' src='http://espacioforos.miarroba.st/1671161/dfs.png' style="margin-top:20px;margin-bottom:5px; clear:both; aling:center; float:left;"/></a> -->
| |
- |
| |
- | <!-- Flecha que aparece solo si la página es larga -->
| |
- |
| |
- | <p id="back-top">
| |
- | <a href="#top"><span></span>Back to Top</a>
| |
- | </p>
| |
- |
| |
- |
| |
- | <script>
| |
- | $(document).ready(function(){
| |
- |
| |
- | // hide #back-top first
| |
- | $("#back-top").hide();
| |
- |
| |
- | // fade in #back-top
| |
- | $(function () {
| |
- | $(window).scroll(function () {
| |
- | if ($(this).scrollTop() > 100) {
| |
- | $('#back-top').fadeIn();
| |
- | } else {
| |
- | $('#back-top').fadeOut();
| |
- | }
| |
- | });
| |
- |
| |
- | // scroll body to 0px on click
| |
- | $('#back-top a').click(function () {
| |
- | $('body,html').animate({
| |
- | scrollTop: 0
| |
- | }, 800);
| |
- | return false;
| |
- | });
| |
- | });
| |
- |
| |
- | });
| |
- | </script>
| |
- |
| |
- | </div>
| |
- |
| |
- | </div>
| |
- |
| |
- |
| |
- |
| |
- |
| |
- | <!--======================acordeon estilo=========================-->
| |
- |
| |
- | <!-- http://roshanbh.com.np/2008/06/accordion-menu-using-jquery.html -->
| |
- |
| |
- |
| |
- | <script type="text/javascript"> /*colorear menu al pasar encima*/
| |
- | $(function(){
| |
- | $(".menu_head").mouseenter(function(){
| |
- | $(this).css({'background-color': 'white'});
| |
- | }).mouseleave(function(){
| |
- | $(this).css({'background-color': '#eef4d3'});
| |
- | });
| |
- | });
| |
- | </script>
| |
- |
| |
- | <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>
| |
- | </body>
| |
- |
| |
- |
| |
- | <style>
| |
- |
| |
- |
| |
- | /* menu perseguidor */
| |
- | #menuizq {
| |
- |
| |
- | float:left;
| |
- | }
| |
- |
| |
- | #menudcha{
| |
- | /* position:fixed;*/
| |
- | margin-left:30px!important;
| |
- | float:right;
| |
- |
| |
- |
| |
- | }
| |
- |
| |
- |
| |
- | /*===================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>
| |
- |
| |
- |
| |
- | </html>
| |