Team:Valencia-CIPF/style.css

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html>
+
* {
-
<style type="text/css">
+
background: transparent;
-
 
+
border: 0;
 +
margin: 0;
 +
padding: 0;
 +
vertical-align: baseline;
 +
}
body {
body {
-
  background: #FFFFFF;
+
line-height: 1;
-
  color: black;
+
margin-top: 0px;
-
  font: x-small sans-serif;
+
margin-right: 0px;
-
  margin: 0;
+
margin-bottom: 0px;
-
  padding: 0;
+
margin-left: 0px;
-
  font-family: "Segoe UI Light","Segoe UI",Verdana,"DejaVu Sans","Trebuchet MS","Liberation Sans",Tahoma,Candara,"Bitstream Vera Sans",sans-serif;
+
-
  font-size: 0.8em;
+
}
}
-
.firstHeading {
+
body,html,#content,#globalWrapper {
-
  height: 0px;
+
        padding:0 !important;
-
  display: none;
+
width:100% !important;
-
  padding: 0px;
+
min-width: 1080px !important;
-
  margin: 0px;
+
        font-size:12px;
 +
        line-height:1.3em;
 +
        color:#333;
 +
        font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
}
}
-
p-logo
+
body,html {
-
{
+
height:100% !important;
-
  display: none;
+
}
}
-
catlinks
+
 
-
{
+
 
-
  display: none;
+
/* Estructura */
 +
 
 +
div.menu,
 +
.wrapper {
 +
margin: 0 auto;
 +
max-width: 1080px;
 +
position:relative;
}
}
-
footer-box
+
 
-
{
+
 
-
  display: none;
+
/* Cabecera */
 +
 
 +
#header {
 +
    background: #ffa67c;  /*fondo*/
 +
    border-bottom: 10px solid #d64729;  /*borde inferior*/
 +
width:100%;
 +
padding-top:40px;
}
}
-
h1, h2, h3, h4, h5 {
+
#header .wrapper {
-
  border: none;
+
width:1080px;
-
  color: #555555;
+
overflow:hidden;
-
  font-weight: bolder;
+
display:table;
-
  margin: 0px 0px 1% 0px;
+
background: none transparent 0 0 scroll no-repeat;
}
}
-
h1{font-size: 1.8em;} h2{font-size: 1.6em;} h3{font-size: 1.4em; line-height: 1em;}
+
#project-image {
-
globalWrapper
+
background: url('https://static.igem.org/mediawiki/2013/e/e0/Valencia-CIPF_logo.png') transparent center center scroll no-repeat;
-
{ width: 100%; position: fixed; padding: 0 0 10px 0; margin: 0px; font-size: 1.1em; background-color: transparent; }
+
display:table-cell;
-
top-section
+
width:480px;
-
{
+
height:360px;
-
  margin: 20px auto 0 auto;
+
text-align:center;
-
  position: relative;
+
vertical-align:middle;
-
  width: 975px;
+
position:absolute;
-
  height: 200px;
+
left:825px; /*Desplazar logo iGEM*/
-
  padding: 0px;
+
-
  border: 0px;
+
-
  background-image: url('https://static.igem.org/mediawiki/2013/7/7c/Ejemplo1.jpg');
+
-
  background-repeat: no-repeat;
+
-
  /* Drop shadow */
+
-
  box-shadow: 0 0 8px 10px rgba(0, 0, 0, 0.9), 0 0 5px 10px #000 inset;
+
-
  /* raised */  
+
-
  box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.8), 0 1px 6px rgba(0, 0, 0, 0.7), 0 0 40px rgba(0, 0, 0, 0.1) inset;
+
}
}
-
bodyContent
+
 
-
{
+
#Home {
-
  position: absolute;
+
background:transparent; /*url('https://static.igem.org/mediawiki/2011/e/e6/UNITS-welcome.png') center top no-repeat scroll*/
-
  top: -17px;
+
height:151px;
-
  left: -0px;
+
width:600px;
-
  margin: 0 auto 0 auto;
+
-
  text-align:justify;
+
}
}
-
bodyContent h1, #bodyContent h2
+
 
-
{
+
 
-
  margin: 1% 0px 1% 0px;
+
/* Empieza Menú */
 +
 
 +
#list-updates {
 +
    list-style:none; margin:0;
}
}
-
bodyContent hr
+
 
-
{
+
#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{
-
  clear: both;
+
width:auto;
-
  height: 5px;
+
height:60px;
-
  margin-top: 20px;
+
padding-left:100px;
-
  margin-bottom: 20px;
+
}
}
-
content
+
.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;
-
  border-color: transparent;
+
height:31px;
-
  border-width: 0px;
+
margin:7px 0;
}
}
-
contentMain
+
.space_item-A {
-
{
+
/*background:transparent url('https://static.igem.org/mediawiki/igem.org/3/35/Flor1.jpg') 0 0 scroll no-repeat; /*Cambiar*/
-
  background: none repeat scroll 0 0 white;
+
}
-
  color: #555555;
+
.space_item-B {
-
  line-height: 1.5em;
+
/*background:transparent url('https://static.igem.org/mediawiki/igem.org/e/e6/Flor2.jpg') 0 0 scroll no-repeat; /*Cambiar*/
-
  margin: 0px auto 30px auto;
+
-
  padding: 10px 20px 10px 20px;
+
-
  position: relative;
+
-
  width: 935px;
+
}
}
-
igemlogo
+
.space_item-C {
-
{
+
/*background:transparent url('https://static.igem.org/mediawiki/igem.org/b/ba/Flor3.jpg') 0 0 scroll no-repeat; /*Cambiar*/
-
  position: fixed;
+
-
  float: right;
+
-
  width: 975px;
+
-
  height: 100px;
+
-
  margin: 0 auto 0 auto;
+
-
  top:100px;
+
}
}
-
medialinks
+
.space_item-D {
-
{ position: fixed; padding:10px; margin-left: 0px; left: 0px; top:214px; width:45px; background-color: #FFFFFF; border-color: #aaaaaa; border-width: 1px 1px 1px 0px; border-style: solid; border-radius: 0px 10px 10px 0px; -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; }
+
/*background:transparent url('https://static.igem.org/mediawiki/igem.org/b/b3/Flor4.jpg') 0 0 scroll no-repeat; /*Cambiar*/
-
medialinks img
+
-
{
+
-
  padding: 6px 0px 6px 0px;
+
}
}
-
.pic {
+
.space_item-E {
-
  margin-right: 5px;
+
/*background:transparent url('https://static.igem.org/mediawiki/igem.org/b/b7/Flor5.jpg') 0 0 scroll no-repeat; /*Cambiar*/
-
  text-align: top;
+
}
-
  float: left;
+
.space_item-F {
 +
/*background:transparent url('https://static.igem.org/mediawiki/igem.org/d/d0/Flor6.jpg') 0 0 scroll no-repeat; /*Cambiar*/
}
}
-
/* Sponsor Layout Elements */
+
.space_item-G {
-
.sponsorColumn {
+
/*background:transparent url('https://static.igem.org/mediawiki/igem.org/a/ab/Flor7.jpg') 0 0 scroll no-repeat; /*Cambiar*/
-
  position: relative;
+
-
  padding: 5px;
+
-
  width: 290px;
+
}
}
-
.sponsorColumn img {
+
.space_item-H {
-
  display: block;
+
/*background:transparent url('https://static.igem.org/mediawiki/igem.org/4/4e/Flor8.jpg') 0 0 scroll no-repeat; /*Cambiar*/
-
  margin-left: auto;
+
-
  margin-right: auto
+
}
}
-
.L {
+
#access {
-
  float: left;
+
background: #d64729;  /*Color barra menú*/
 +
color: #fff;
 +
display: block;
 +
width: 100%;
 +
height: 40px;
 +
position: fixed;
 +
z-index:999;
}
}
-
.M {
+
#access .menu-header,
-
  float: left;
+
div.menu {
-
  margin-left: 17px;
+
margin: 0 auto;
 +
font-size: 13px;
}
}
-
.R {
+
#access .menu-header ul,
-
  float: right;
+
div.menu ul{
 +
list-style: none;
 +
margin: 0;
 +
position: absolute;
 +
    right: 0;
}
}
-
 
+
#access .menu-header li,
-
 
+
div.menu li{
-
 
+
float: left;
-
/* Colour & Shape Styles */
+
position: relative;
-
.boxOuter {
+
left: -315px; /*Desplazar barra menú*/
-
  margin: 10px 0px 10px 0px;
+
-
  position: relative;
+
-
  float: left;
+
-
  border: 1px #DDD solid;
+
-
  background-color: #EEEEEE;
+
}
}
-
.boxOuter h3 { margin-left: 2%; }
+
.menu a, .menu a:visited {
-
.boxInner { margin: 1% auto 1% auto; width:95%; padding: 1%; background-color: #FFFFFF; position: relative; text-align: justify; }
+
color: #fff;
-
.half {
+
display: block;
-
  width: 440px;
+
line-height: 40px;
-
  font-size 1.2em;
+
padding: 0 10px;
-
  float: left;
+
text-decoration: none;
 +
font-weight:bold;
}
}
-
.memberbox {
+
#access table a {
-
  margin: 12px 0 12px 0;
+
line-height: 18px;
}
}
-
 
+
#access ul ul {
-
.full {
+
box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-
  width: 935px;
+
-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-
  font-size 1.2em;
+
display: none;
-
}
+
position: absoluted;
-
.centre {
+
top: 40px;
-
  float: none;
+
float: left;
-
  margin-left: auto;
+
left: 0px; /*Posición caja desplegable*/
-
  margin-right: auto;
+
width: 150px;
-
}
+
-
.black {
+
-
  color: #000;
+
-
}
+
-
.white {
+
-
  color: #fff;
+
-
}
+
-
.blue {
+
-
  color: #555555;
+
-
  background-color: #C7C7FF;
+
-
}
+
-
.red {
+
-
  color: #FFC0BD;
+
-
  background-color: #FFC0BD;
+
}
}
-
.green {
+
#access ul ul li {
-
  color: #555555;
+
min-width: 150px;
-
  background-color: #CAFFBF;
+
float: left;
 +
left: 0px;
}
}
-
.yellow {
+
#access ul ul ul {
-
  color: #555555;
+
left: 100%;
-
  background-color: #FBFFBD;
+
top: 0;
}
}
-
.rounded { border-radius: 10px; -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; }
+
#access ul ul a {
-
.blueBorder {
+
background: #ffa67c; /*Color desplegable*/
-
  background-image: url('https://static.igem.org/mediawiki/2013/d/d0/VlcCIPF_border1.jpg');
+
line-height: 1em;
-
  background-repeat: repeat-x;
+
padding: 10px;
 +
width: 150px;
 +
height: auto;
}
}
-
.blackBorder {
+
#access li:hover > a,
-
  background-image: url('https://static.igem.org/mediawiki/2013/4/41/VlcCIPF_border2.jpg');
+
#access ul ul :hover > a {
-
  background-repeat: repeat-x;
+
background: #d64729;  /*Color menú sin desplegable*/
}
}
-
.redBorder {
+
#access ul li:hover > ul {
-
  background-image: url('https://static.igem.org/mediawiki/2013/5/56/VlcCIPF_border3.jpg');
+
display: block;
-
  background-repeat: repeat-x;
+
}
}
-
.caption {
+
#access ul li a.current_page_item ,
-
  font-size: 0.8em;
+
#access ul li a.current-menu-ancestor ,
-
  line-height: 120%;
+
#access ul li a.current-menu-item ,
-
  text-align: center;
+
#access ul li a.current-menu-parent {
-
  width: 410px;
+
background: #d64729; /*Color menú sin desplegable*/
}
}
 +
/* Fin Menú */
-
/* -- CLEARFIX -- */
+
/* Pie */
-
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
+
-
.clearfix { display: inline-block; }
+
-
html[xmlns] .clearfix { display: block; }
+
-
html .clearfix
+
-
{ height: 1%; }
+
 +
#footer {
 +
    background: #ffa67c;  /*fondo*/
 +
    border-top: 10px solid #d64729;  /*borde superior*/
 +
width:100%;
 +
padding-top:10px;
 +
}
 +
#footer .wrapper {
 +
width:1343px;
 +
overflow:hidden;
 +
display:table;
 +
}
 +
#sponsors{
 +
}
-
/* -- DROP SHADOW -- */
+
#e-mail{
-
.drop-shadow {
+
font: sans-serif ;
-
  background: none repeat scroll 0 0 #FFFFFF;
+
font-size: 15px;
-
  box-shadow: 0 0 3px 15px rgba(0, 0, 0, 1), 0 0 6px 15px #000 inset;
+
position: absolute;
-
  margin: 2em 10px 4em;
+
left: 850px;
-
  padding: 1em;
+
top:300px;
-
  position: relative;
+
}
 +
#FacebookandTwitter{
 +
position:relative;
 +
top:130px;
 +
left:1200px;
}
}
-
.drop-shadow:before, .drop-shadow:after {
+
#VisitorMaps{
-
  content: "";
+
position:relative;
-
  position: absolute;
+
top:-240px;
-
  z-index: -2;
+
left:20px;
-
}
+
-
.raised {
+
-
  box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.8), 0 1px 10px rgba(0, 0, 0, 0.8), 0 0 40px rgba(0, 0, 0, 0.3) inset;
+
}
}
Line 232: Line 228:
-
/* -- MENU ITEMS ---- */
+
/* =Notebook
-
menuDiv ul { margin: 0; padding: 0;}
+
-------------------------------------------------------------- */
-
menuDiv li { margin: 0; padding: 0;}
+
#descr-notebook { padding:20px 0; }
-
menuDiv a { margin: 0; padding: 0;}
+
#descr-notebook img {float:left;}
-
menuDiv ul {list-style: none; z-index:999;}
+
#descr-notebook p.text-notebook {
-
menuDiv a {text-decoration: none;}
+
    float: right;
-
menuDiv
+
-
{ position: relative; height: 40px; width:975px; left: -20px; top: -10px; background-color: #111; background-repeat: repeat-x; box-shadow: 0px 5px 8px rgba(0,0,0,0.4); margin-bottom:20px; }
+
-
 
+
-
menuDiv > ul > li {
+
-
  float: left;
+
-
  margin-left: 15px;
+
-
  position: relative;
+
-
}
+
-
menuDiv > ul > li > a {
+
-
  color: #777777;
+
-
  font-family: Verdana, 'Lucida Grande';
+
-
  font-size: 15px;
+
-
  line-height: 40px;
+
-
  padding: 11px 20px;
+
-
-webkit-transition: color .15s;
+
-
  -moz-transition: color .15s;
+
-
    -o-transition: color .15s;
+
-
      transition: color .15s;
+
-
}
+
-
menuDiv > ul > li > a:hover {color: #333333; background-color: #FFFFFF;}
+
-
 
+
-
menuDiv > ul > li > ul
+
-
{
+
-
  opacity: 0;
+
-
  visibility: hidden;
+
-
  padding: 16px 0 20px 0;
+
-
  background-color: rgb(250,250,250);
+
-
  text-align: left;
+
-
  position: absolute;
+
-
  top: 55px;
+
-
  left: 50%;
+
-
  margin-left: -90px;
+
-
  width: 180px;
+
-
-webkit-transition: all .3s .1s;
+
-
  -moz-transition: all .3s .1s;
+
-
    -o-transition: all .3s .1s;
+
-
      transition: all .3s .1s;
+
-
-webkit-border-radius: 5px;
+
-
  -moz-border-radius: 5px;
+
-
      border-radius: 5px;
+
-
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
+
-
  -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
+
-
      box-shadow: 0px 1px 3px rgba(0,0,0,.4);
+
-
}
+
-
menuDiv > ul > li:hover > ul
+
-
{
+
-
  opacity: 1;
+
-
  top: 65px;
+
-
  visibility: visible;
+
}
}
-
menuDiv > ul > li > ul:before
+
#descr-notebook p.text-notebook, #end-notebook {
-
{
+
    border: 10px solid #3B5998;
-
  content: ;
+
    margin: 0 16px !important;
-
  display: block;
+
    padding: 10px 20px 20px;
-
  border-color: transparent transparent rgb(250,250,250) transparent;
+
    width: 430px;
-
  border-style: solid;
+
-
  border-width: 10px;
+
-
  position: absolute;
+
-
  top: -20px;
+
-
  left: 50%;
+
-
  margin-left: -10px;
+
}
}
-
menuDiv > ul ul > li { position: relative;}
+
#end-notebook {
-
menuDiv ul ul a
+
     float:left;
-
{
+
-
  color: rgb(50,50,50);
+
-
  font-family: Verdana, 'Lucida Grande';
+
-
  font-size: 13px;
+
-
  background-color: rgb(250,250,250);
+
-
  padding: 5px 8px 7px 16px;
+
-
  display: block;
+
-
-webkit-transition: background-color .1s;
+
-
  -moz-transition: background-color .1s;
+
-
     -o-transition: background-color .1s;
+
-
      transition: background-color .1s;
+
}
}
-
menuDiv ul ul a:hover {background-color: rgb(240,240,240);}
 
-
menuDiv ul ul ul
+
#menu-notebook { text-align:center; margin-bottom: 20px;}
-
{
+
-
  visibility: hidden;
+
-
  opacity: 0;
+
-
  position: absolute;
+
-
  top: -16px;
+
-
  left: 206px;
+
-
  padding: 16px 0 20px 0;
+
-
  background-color: rgb(250,250,250);
+
-
  text-align: left;
+
-
  width: 160px;
+
-
-webkit-transition: all .3s;
+
-
  -moz-transition: all .3s;
+
-
    -o-transition: all .3s;
+
-
      transition: all .3s;
+
-
-webkit-border-radius: 5px;
+
-
  -moz-border-radius: 5px;
+
-
      border-radius: 5px;
+
-
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
+
-
  -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
+
-
      box-shadow: 0px 1px 3px rgba(0,0,0,.4);
+
-
}
+
-
menuDiv ul ul > li:hover > ul { opacity: 1; left: 196px; visibility: visible;}
+
#menu-notebook span.group {
-
 
+
    border: 10px solid #FFFFFF;
-
menuDiv ul ul a:hover
+
    color: #FFFFFF;
-
{
+
    display: table-cell;
-
  background-color: rgb(204,204,204);
+
    float: left;
-
  color: rgb(240,240,240);
+
    font-size: 1.2em;
 +
    font-weight: bold;
 +
    line-height: 8em;
 +
    text-align: center;
 +
    opacity:0.5;
 +
    cursor: pointer;
}
}
-
.contentbox {
+
#menu-notebook span.group1 {
-
  float: left;
+
background-color: #3B5998;
-
  margin-top: 15px;
+
width: 134px;
-
  border: 2px solid black;
+
-
  padding: 8px;
+
-
  background-color:#F2F6FF;
+
-
  width:600px;
+
-
  height:426px;
+
-
  overflow:auto;
+
}
}
-
.pickerbox {
+
#menu-notebook span.group2 {
-
  float: left;
+
background-color: #DD4A69;
-
  margin: 15px 0 15px 25px;
+
width: 290px;
-
  width: 285px;
+
-
  height: 85px;
+
-
  border: 2px solid black;
+
}
}
-
.footerbox {
+
#menu-notebook span.clicked {
-
  border-top: 1px solid gray;
+
    opacity:1;
-
  float: left;
+
-
  width: 890px;
+
-
  margin-top: 35px;
+
-
  padding: 20px;
+
}
}
-
menubar
+
.name-week, .data-week {
-
{
+
    font-weight:bold;
-
  top: -26px;
+
}
}
-
menubar ul
+
#descr, .mounth { display:none; }
-
{
+
 
 +
.week {
 +
    border: 10px solid #3B5998;
 +
    padding: 10px 20px;
}
}
-
menubar li
 
-
{
 
-
}
 
-
.left-menu, .left-menu a {
 
-
  color: #808080;
 
-
}
 
-
.left-menu:hover {
 
-
  color: #808080;
 
-
  background-color: #FFF;
 
-
}
 
-
.right-menu, .right-menu a {
 
-
  color: #808080;
 
-
}
 
-
.left-menu:hover a {
 
-
  color: #808080;
 
-
} .right-menu li {
 
-
} .right-menu li a {
 
-
  color: #808080;
 
-
  background-color: #FFF;
 
-
} .right-menu li a:hover {
 
-
  color: #808080;
 
-
}
 
-
input.searchButton {
 
-
  color: #2A42CB;
 
-
} input.searchButton:hover {
 
-
  color: #7589F8;
 
-
}
 
-
search-controls
 
-
{
 
-
  top: 10px;
 
-
  right: 10px;
 
-
}
 
-
 
-
<style media="all" type="text/css">@import "/menu/menu_style.css";</style>
 
-
</html>
 

Revision as of 14:42, 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:#333;
       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:825px; /*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:1343px; 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:20px; }



/* =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"