Team:Valencia-CIPF/style.css

From 2013.igem.org

(Difference between revisions)
 
(372 intermediate revisions not shown)
Line 1: Line 1:
-
<style type="text/css">
 
-
 
* {
* {
background: transparent;
background: transparent;
Line 9: Line 7:
}
}
body {
body {
-
line-height: 1;
+
line-height: 0;
-
margin-top: 0px;
+
        margin-top: 0;
-
margin-right: 0px;
+
        margin-bottom: 0;
-
margin-bottom: 0px;
+
        margin-left: 0;
-
margin-left: 0px;
+
        margin-right: 0;
 +
 
}
}
body,html,#content,#globalWrapper {
body,html,#content,#globalWrapper {
         padding:0 !important;
         padding:0 !important;
-
width:100% !important;
+
width:100% !important;
-
min-width: 1080px !important;
+
min-width: 1220px !important;
         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 33: Line 32:
div.menu,
div.menu,
.wrapper {
.wrapper {
-
margin: 0 auto;
+
margin: 0;
-
max-width: 1080px;
+
max-width: 1220px;
-
position:relative;
+
position: absolute;
}
}
Line 44: Line 43:
     background: #ffa67c;  /*fondo*/
     background: #ffa67c;  /*fondo*/
     border-bottom: 10px solid #d64729;  /*borde inferior*/
     border-bottom: 10px solid #d64729;  /*borde inferior*/
-
width:100%;
+
    width:100%;
-
padding-top:40px;
+
    padding-top:0px;
 +
    margin: 0;
 +
    position:relative;
 +
    top:-105px;
}
}
#header .wrapper {
#header .wrapper {
-
width:1080px;
+
    width:1220px;
-
overflow:hidden;
+
    overflow:hidden;
-
display:table;
+
    display:table;
-
background: none transparent 0 0 scroll no-repeat;
+
    background: none transparent 0 0; /*Scroll no-repeat*/
 +
    position:relative;
 +
    padding-top:0px;
}
}
#project-image {
#project-image {
Line 61: Line 65:
vertical-align:middle;
vertical-align:middle;
position:absolute;
position:absolute;
-
left:825px; /*Desplazar logo iGEM*/
+
left:715px; /*Desplazar logo iGEM*/
}
}
Line 74: Line 78:
#list-updates {
#list-updates {
-
     list-style:none; margin:0;
+
     list-style:none;  
 +
margin:0;
}
}
Line 88: Line 93:
}
}
.space_item-A {
.space_item-A {
-
/*background:transparent url('https://static.igem.org/mediawiki/igem.org/3/35/Flor1.jpg') 0 0 scroll no-repeat; /*Cambiar*/
+
/*background:transparent url('https://static.igem.org/mediawiki/2013/3/35/Flor1.jpg') 0 0 scroll no-repeat;
}  
}  
.space_item-B {
.space_item-B {
-
/*background:transparent url('https://static.igem.org/mediawiki/igem.org/e/e6/Flor2.jpg') 0 0 scroll no-repeat; /*Cambiar*/
+
/*background:transparent url('https://static.igem.org/mediawiki/igem.org/e/e6/Flor2.jpg') 0 0 scroll no-repeat;
}
}
.space_item-C {
.space_item-C {
-
/*background:transparent url('https://static.igem.org/mediawiki/igem.org/b/ba/Flor3.jpg') 0 0 scroll no-repeat; /*Cambiar*/
+
/*background:transparent url('https://static.igem.org/mediawiki/igem.org/b/ba/Flor3.jpg') 0 0 scroll no-repeat;
}
}
.space_item-D {
.space_item-D {
-
/*background:transparent url('https://static.igem.org/mediawiki/igem.org/b/b3/Flor4.jpg') 0 0 scroll no-repeat; /*Cambiar*/
+
/*background:transparent url('https://static.igem.org/mediawiki/igem.org/b/b3/Flor4.jpg') 0 0 scroll no-repeat;
}
}
.space_item-E {
.space_item-E {
-
/*background:transparent url('https://static.igem.org/mediawiki/igem.org/b/b7/Flor5.jpg') 0 0 scroll no-repeat; /*Cambiar*/
+
/*background:transparent url('https://static.igem.org/mediawiki/igem.org/b/b7/Flor5.jpg') 0 0 scroll no-repeat;
}  
}  
.space_item-F {
.space_item-F {
-
/*background:transparent url('https://static.igem.org/mediawiki/igem.org/d/d0/Flor6.jpg') 0 0 scroll no-repeat; /*Cambiar*/
+
/*background:transparent url('https://static.igem.org/mediawiki/igem.org/d/d0/Flor6.jpg') 0 0 scroll no-repeat;
}
}
.space_item-G {
.space_item-G {
-
/*background:transparent url('https://static.igem.org/mediawiki/igem.org/a/ab/Flor7.jpg') 0 0 scroll no-repeat; /*Cambiar*/
+
/*background:transparent url('https://static.igem.org/mediawiki/igem.org/a/ab/Flor7.jpg') 0 0 scroll no-repeat;
}
}
.space_item-H {
.space_item-H {
-
/*background:transparent url('https://static.igem.org/mediawiki/igem.org/4/4e/Flor8.jpg') 0 0 scroll no-repeat; /*Cambiar*/
+
/*background:transparent url('https://static.igem.org/mediawiki/igem.org/4/4e/Flor8.jpg') 0 0 scroll no-repeat;
}
}
#access {
#access {
background: #d64729;  /*Color barra menú*/
background: #d64729;  /*Color barra menú*/
-
color: #fff;
+
/*  color: #fff;   */
display: block;
display: block;
width: 100%;
width: 100%;
-
height: 40px;
+
height: 37px;
-
position: fixed;
+
position: relative;
-
z-index:999;
+
        left:0;
 +
        top:0px;
}
}
#access .menu-header,
#access .menu-header,
div.menu {
div.menu {
-
margin: 0 auto;
+
margin: 0 auto;  
font-size: 13px;
font-size: 13px;
}
}
Line 129: Line 135:
list-style: none;
list-style: none;
margin: 0;
margin: 0;
-
position: absolute;
+
position: fixed;
-
    right: 0;
+
        right: 0;
 +
top:-52px;
 +
        z-index:999;
 +
        background: #d64729;  /*Aparece barra menú*/
}
}
#access .menu-header li,
#access .menu-header li,
div.menu li{
div.menu li{
float: left;
float: left;
-
position: relative;
+
position: relative;  
-
left: -315px;  /*Desplazar barra menú*/
+
left: -350px;  /*Desplazar barra menú*/
}
}
.menu a, .menu a:visited {
.menu a, .menu a:visited {
Line 147: Line 156:
}
}
#access table a {
#access table a {
-
line-height: 18px;
+
line-height: 18px;  
}
}
#access ul ul {
#access ul ul {
-
box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
+
/*box-shadow: 0.7px 3px 3px rgba(0,0,0,0.1);
-
-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
+
-webkit-box-shadow: 0.7px 3px 3px rgba(0,0,0,0.1);
 +
-webkit-box-shadow: 0.7px 3px 3px rgba(0,0,0,0.1);*/
display: none;
display: none;
-
position: absoluted;
+
position: absolute;
top: 40px;
top: 40px;
float: left;
float: left;
left: 0px;  /*Posición caja desplegable*/
left: 0px;  /*Posición caja desplegable*/
-
width: 150px;
+
width: 120;
-
}
+
}
#access ul ul li {
#access ul ul li {
-
min-width: 150px;
+
min-width: 120px;
float: left;
float: left;
left: 0px;
left: 0px;
Line 172: Line 182:
line-height: 1em;
line-height: 1em;
padding: 10px;
padding: 10px;
-
width: 150px;
+
width: 120px;
height: auto;
height: auto;
}
}
Line 190: Line 200:
/* Fin Menú */
/* Fin Menú */
 +
/* Pie */
/* Pie */
-
#footer {
+
#footer-box {
     background: #ffa67c;  /*fondo*/
     background: #ffa67c;  /*fondo*/
     border-top: 10px solid #d64729;  /*borde superior*/
     border-top: 10px solid #d64729;  /*borde superior*/
-
width:100%;
+
    width:100% !important;
-
padding-top:10px;
+
    padding:10px !important!
 +
    margin: 0;
 +
    position:relative;
}
}
-
#footer .wrapper {
+
#footer-box .wrapper {
-
width:1343px;
+
    margin: 0 auto;
-
overflow:hidden;
+
    width:1220px;
-
display:table;
+
    overflow:hidden;
 +
    display:table;
 +
    background: none transparent 0 0; /*Scroll no repeat*/
 +
    position:relative;
 +
    padding-top:0px;
}
}
#sponsors{
#sponsors{
Line 210: Line 227:
#e-mail{
#e-mail{
-
font: sans-serif ;
+
    color: #000;
-
font-size: 15px;
+
    font: sans-serif;
-
position: absolute;
+
    font-size: 15px;
-
left: 850px;
+
    position: absolute;
-
top:300px;
+
    left: 690px;
 +
    top:300px;
}
}
#FacebookandTwitter{
#FacebookandTwitter{
-
position:relative;
+
    position:relative;
-
top:130px;
+
    top:130px;
-
left:1200px;
+
    left:1040px;
}
}
#VisitorMaps{
#VisitorMaps{
-
position:relative;
+
  position:relative;
-
top:-240px;
+
  top:-240px;
-
left:20px;
+
  left:10px;
}
}
-
 
-
 
-
 
-
 
-
/* =Notebook
 
-
-------------------------------------------------------------- */
 
-
#descr-notebook { padding:20px 0; }
 
-
#descr-notebook img {float:left;}
 
-
#descr-notebook p.text-notebook {
 
-
    float: right;
 
-
}
 
-
#descr-notebook p.text-notebook, #end-notebook {
 
-
    border: 10px solid #3B5998;
 
-
    margin: 0 16px !important;
 
-
    padding: 10px 20px 20px;
 
-
    width: 430px;
 
-
}
 
-
#end-notebook {
 
-
    float:left;
 
-
}
 
-
 
-
#menu-notebook { text-align:center; margin-bottom: 20px;}
 
-
 
-
#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;
 
-
}
 
-
#menu-notebook span.group1 {
 
-
background-color: #3B5998;
 
-
width: 134px;
 
-
}
 
-
#menu-notebook span.group2 {
 
-
background-color: #DD4A69;
 
-
width: 290px;
 
-
}
 
-
#menu-notebook span.clicked {
 
-
    opacity:1;
 
-
}
 
-
.name-week, .data-week {
 
-
    font-weight:bold;
 
-
}
 
-
#descr, .mounth { display:none; }
 
-
 
-
.week {
 
-
    border: 10px solid #3B5998;
 
-
    padding: 10px 20px;
 
-
}
 
-
 
-
<style media="all" type="text/css">@import "/menu/menu_style.css";</style>
 

Latest revision as of 09:39, 5 August 2013

  • {

background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; } body { line-height: 0; 

       margin-top: 0;
       margin-bottom: 0;
       margin-left: 0;
       margin-right: 0;

} body,html,#content,#globalWrapper { 

       padding:0 !important;

width:100% !important; min-width: 1220px !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; max-width: 1220px; position: absolute; }


/* Cabecera */

  1. header { 
   background: #ffa67c;  /*fondo*/
   border-bottom: 10px solid #d64729;  /*borde inferior*/
   width:100%;
   padding-top:0px;
   margin: 0;
   position:relative;
   top:-105px;

}

  1. header .wrapper { 
   width:1220px;
   overflow:hidden;
   display:table;
   background: none transparent 0 0; /*Scroll no-repeat*/
   position:relative;
   padding-top:0px;

}

  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:715px; /*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/2013/3/35/Flor1.jpg') 0 0 scroll no-repeat; } .space_item-B { /*background:transparent url('https://static.igem.org/mediawiki/igem.org/e/e6/Flor2.jpg') 0 0 scroll no-repeat; } .space_item-C { /*background:transparent url('https://static.igem.org/mediawiki/igem.org/b/ba/Flor3.jpg') 0 0 scroll no-repeat; } .space_item-D { /*background:transparent url('https://static.igem.org/mediawiki/igem.org/b/b3/Flor4.jpg') 0 0 scroll no-repeat; } .space_item-E { /*background:transparent url('https://static.igem.org/mediawiki/igem.org/b/b7/Flor5.jpg') 0 0 scroll no-repeat; } .space_item-F { /*background:transparent url('https://static.igem.org/mediawiki/igem.org/d/d0/Flor6.jpg') 0 0 scroll no-repeat; } .space_item-G { /*background:transparent url('https://static.igem.org/mediawiki/igem.org/a/ab/Flor7.jpg') 0 0 scroll no-repeat; } .space_item-H { /*background:transparent url('https://static.igem.org/mediawiki/igem.org/4/4e/Flor8.jpg') 0 0 scroll no-repeat; }

  1. access {

background: #d64729; /*Color barra menú*/ /* color: #fff; */ display: block; width: 100%; height: 37px; position: relative; 

       left:0;
       top:0px;

}

  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: fixed; 

       right: 0;

top:-52px; 

       z-index:999;
       background: #d64729;  /*Aparece barra menú*/

}

  1. access .menu-header li,

div.menu li{ float: left; position: relative; left: -350px; /*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: 0.7px 3px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0.7px 3px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0.7px 3px 3px rgba(0,0,0,0.1);*/ display: none; position: absolute; top: 40px; float: left; left: 0px; /*Posición caja desplegable*/ width: 120; }

  1. access ul ul li {

min-width: 120px; 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: 120px; 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-box { 
   background: #ffa67c;  /*fondo*/
   border-top: 10px solid #d64729;  /*borde superior*/
   width:100% !important;
   padding:10px !important!
   margin: 0;
   position:relative;

}

  1. footer-box .wrapper { 
   margin: 0 auto;
   width:1220px;
   overflow:hidden;
   display:table;
   background: none transparent 0 0; /*Scroll no repeat*/
   position:relative;
   padding-top:0px;

}

  1. sponsors{

}

  1. e-mail{ 
   color: #000;
   font: sans-serif;
   font-size: 15px;
   position: absolute;
   left: 690px;
   top:300px;

}

  1. FacebookandTwitter{ 
   position:relative;
   top:130px;
   left:1040px;

}

  1. VisitorMaps{ 
  position:relative;
  top:-240px;
  left:10px;

}

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