Team:Valencia-CIPF/style.css

From 2013.igem.org

(Difference between revisions)
Line 19: Line 19:
         font-size:12px;
         font-size:12px;
         line-height:1.3em;
         line-height:1.3em;
-
         color:#333;
+
         color:#FFF;
         font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
         font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
}
}
Line 222: Line 222:
position:relative;
position:relative;
top:-240px;
top:-240px;
-
left:20px;
+
left:-100px;
}
}

Revision as of 15:34, 31 July 2013

  • {

background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; } body { line-height: 1; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } body,html,#content,#globalWrapper { 

       padding:0 !important;

width:100% !important; min-width: 1080px !important; 

       font-size:12px;
       line-height:1.3em;
       color:#FFF;
       font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;

} body,html { height:100% !important; }


/* Estructura */

div.menu, .wrapper { margin: 0 auto; max-width: 1080px; position:relative; }


/* Cabecera */

  1. header { 
   background: #ffa67c;  /*fondo*/
   border-bottom: 10px solid #d64729;  /*borde inferior*/

width:100%; padding-top:40px; }

  1. header .wrapper {

width:1080px; overflow:hidden; display:table; background: none transparent 0 0 scroll no-repeat; }

  1. project-image {

background: url('https://static.igem.org/mediawiki/2013/e/e0/Valencia-CIPF_logo.png') transparent center center scroll no-repeat; display:table-cell; width:480px; height:360px; text-align:center; vertical-align:middle; position:absolute; left:650px; /*Desplazar logo iGEM*/ }

  1. Home {

background:transparent; /*url('https://static.igem.org/mediawiki/2011/e/e6/UNITS-welcome.png') center top no-repeat scroll*/ height:151px; width:600px; }


/* Empieza Menú */

  1. list-updates { 
   list-style:none; margin:0;

}

  1. list-updates .space_item-A,#list-updates .space_item-B,#list-updates .space_item-C,#list-updates .space_item-D ,#list-updates .space_item-E,#list-updates .space_item-F,#list-updates .space_item-G,#list-updates .space_item-H{

width:auto; height:60px; padding-left:100px; } .space_item-A, .space_item-B, .space_item-C, .space_item-D, .space_item-E, .space_item-F, .space_item-G, .space_item-H { width:28px; height:31px; margin:7px 0; } .space_item-A { /*background:transparent url('https://static.igem.org/mediawiki/igem.org/3/35/Flor1.jpg') 0 0 scroll no-repeat; /*Cambiar*/ } .space_item-B { /*background:transparent url('https://static.igem.org/mediawiki/igem.org/e/e6/Flor2.jpg') 0 0 scroll no-repeat; /*Cambiar*/ } .space_item-C { /*background:transparent url('https://static.igem.org/mediawiki/igem.org/b/ba/Flor3.jpg') 0 0 scroll no-repeat; /*Cambiar*/ } .space_item-D { /*background:transparent url('https://static.igem.org/mediawiki/igem.org/b/b3/Flor4.jpg') 0 0 scroll no-repeat; /*Cambiar*/ } .space_item-E { /*background:transparent url('https://static.igem.org/mediawiki/igem.org/b/b7/Flor5.jpg') 0 0 scroll no-repeat; /*Cambiar*/ } .space_item-F { /*background:transparent url('https://static.igem.org/mediawiki/igem.org/d/d0/Flor6.jpg') 0 0 scroll no-repeat; /*Cambiar*/ } .space_item-G { /*background:transparent url('https://static.igem.org/mediawiki/igem.org/a/ab/Flor7.jpg') 0 0 scroll no-repeat; /*Cambiar*/ } .space_item-H { /*background:transparent url('https://static.igem.org/mediawiki/igem.org/4/4e/Flor8.jpg') 0 0 scroll no-repeat; /*Cambiar*/ }

  1. access {

background: #d64729; /*Color barra menú*/ color: #fff; display: block; width: 100%; height: 40px; position: fixed; z-index:999; }

  1. access .menu-header,

div.menu { margin: 0 auto; font-size: 13px; }

  1. access .menu-header ul,

div.menu ul{ list-style: none; margin: 0; position: absolute; 

   right: 0;

}

  1. access .menu-header li,

div.menu li{ float: left; position: relative; left: -315px; /*Desplazar barra menú*/ } .menu a, .menu a:visited { color: #fff; display: block; line-height: 40px; padding: 0 10px; text-decoration: none; font-weight:bold; }

  1. access table a {

line-height: 18px; }

  1. access ul ul {

box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); display: none; position: absoluted; top: 40px; float: left; left: 0px; /*Posición caja desplegable*/ width: 150px; }

  1. access ul ul li {

min-width: 150px; float: left; left: 0px; }

  1. access ul ul ul {

left: 100%; top: 0; }

  1. access ul ul a {

background: #ffa67c; /*Color desplegable*/ line-height: 1em; padding: 10px; width: 150px; height: auto; }

  1. access li:hover > a,
  2. access ul ul :hover > a {

background: #d64729; /*Color menú sin desplegable*/ }

  1. access ul li:hover > ul {

display: block; }

  1. access ul li a.current_page_item ,
  2. access ul li a.current-menu-ancestor ,
  3. access ul li a.current-menu-item ,
  4. access ul li a.current-menu-parent {

background: #d64729; /*Color menú sin desplegable*/ }

/* Fin Menú */


/* Pie */

  1. footer { 
   background: #ffa67c;  /*fondo*/
   border-top: 10px solid #d64729;  /*borde superior*/

width:100%; padding-top:10px; }

  1. footer .wrapper {

width:1000px; overflow:hidden; display:table; }

  1. sponsors{

}

  1. e-mail{

font: sans-serif ; font-size: 15px; position: absolute; left: 850px; top:300px; }

  1. FacebookandTwitter{

position:relative; top:130px; left:1200px; }

  1. VisitorMaps{

position:relative; top:-240px; left:-100px; }



/* =Notebook

*/
  1. descr-notebook { padding:20px 0; }
  2. descr-notebook img {float:left;}
  3. descr-notebook p.text-notebook { 
   float: right;

}

  1. descr-notebook p.text-notebook, #end-notebook { 
   border: 10px solid #3B5998;
   margin: 0 16px !important;
   padding: 10px 20px 20px;
   width: 430px;

}

  1. end-notebook { 
   float:left;

}

  1. menu-notebook { text-align:center; margin-bottom: 20px;}
  1. menu-notebook span.group { 
   border: 10px solid #FFFFFF;
   color: #FFFFFF;
   display: table-cell;
   float: left;
   font-size: 1.2em;
   font-weight: bold;
   line-height: 8em;
   text-align: center;
   opacity:0.5;
   cursor: pointer;

}

  1. menu-notebook span.group1 {

background-color: #3B5998; width: 134px; }

  1. menu-notebook span.group2 {

background-color: #DD4A69; width: 290px; }

  1. menu-notebook span.clicked { 
   opacity:1;

} .name-week, .data-week { 

   font-weight:bold;

}

  1. descr, .mounth { display:none; }

.week { 

   border: 10px solid #3B5998;
   padding: 10px 20px;

}

Retrieved from "http://2013.igem.org/Team:Valencia-CIPF/style.css"