Team:Valencia-CIPF/style.css
From 2013.igem.org
Line 1: | Line 1: | ||
- | + | * { | |
- | + | background: transparent; | |
- | + | border: 0; | |
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | vertical-align: baseline; | ||
+ | } | ||
body { | 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 */ | |
+ | |||
+ | #header { | ||
+ | background: #ffa67c; /*fondo*/ | ||
+ | border-bottom: 10px solid #d64729; /*borde inferior*/ | ||
+ | width:100%; | ||
+ | padding-top:40px; | ||
} | } | ||
- | + | #header .wrapper { | |
- | + | width:1080px; | |
- | + | overflow:hidden; | |
- | + | display:table; | |
- | + | background: none transparent 0 0 scroll no-repeat; | |
} | } | ||
- | + | #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*/ | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | ||
- | { | + | #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ú */ | |
+ | |||
+ | #list-updates { | ||
+ | list-style:none; margin:0; | ||
} | } | ||
- | + | ||
- | { | + | #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*/ | |
- | + | ||
- | + | ||
} | } | ||
- | + | #access { | |
- | + | background: #d64729; /*Color barra menú*/ | |
+ | color: #fff; | ||
+ | display: block; | ||
+ | width: 100%; | ||
+ | height: 40px; | ||
+ | position: fixed; | ||
+ | z-index:999; | ||
} | } | ||
- | . | + | #access .menu-header, |
- | + | div.menu { | |
- | + | margin: 0 auto; | |
+ | font-size: 13px; | ||
} | } | ||
- | . | + | #access .menu-header ul, |
- | + | div.menu ul{ | |
+ | list-style: none; | ||
+ | margin: 0; | ||
+ | position: absolute; | ||
+ | right: 0; | ||
} | } | ||
- | + | #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; | ||
} | } | ||
- | + | #access table a { | |
- | + | line-height: 18px; | |
} | } | ||
- | + | #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; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | #access ul ul li { | |
- | + | min-width: 150px; | |
- | + | float: left; | |
+ | left: 0px; | ||
} | } | ||
- | + | #access ul ul ul { | |
- | + | left: 100%; | |
- | + | top: 0; | |
} | } | ||
- | + | #access ul ul a { | |
- | + | background: #ffa67c; /*Color desplegable*/ | |
- | + | line-height: 1em; | |
- | + | padding: 10px; | |
+ | width: 150px; | ||
+ | height: auto; | ||
} | } | ||
- | + | #access li:hover > a, | |
- | + | #access ul ul :hover > a { | |
- | + | background: #d64729; /*Color menú sin desplegable*/ | |
} | } | ||
- | + | #access ul li:hover > ul { | |
- | + | display: block; | |
- | + | ||
} | } | ||
- | . | + | #access ul li a.current_page_item , |
- | + | #access ul li a.current-menu-ancestor , | |
- | + | #access ul li a.current-menu-item , | |
- | + | #access ul li a.current-menu-parent { | |
- | + | background: #d64729; /*Color menú sin desplegable*/ | |
} | } | ||
+ | /* Fin Menú */ | ||
- | /* | + | /* Pie */ |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | #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{ | ||
+ | } | ||
- | + | #e-mail{ | |
- | + | font: sans-serif ; | |
- | + | font-size: 15px; | |
- | + | position: absolute; | |
- | + | left: 850px; | |
- | + | top:300px; | |
- | + | } | |
+ | #FacebookandTwitter{ | ||
+ | position:relative; | ||
+ | top:130px; | ||
+ | left:1200px; | ||
} | } | ||
- | + | #VisitorMaps{ | |
- | + | position:relative; | |
- | + | top:-240px; | |
- | + | left:20px; | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
Line 232: | Line 228: | ||
- | /* -- | + | /* =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; | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- |
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 */
- header {
background: #ffa67c; /*fondo*/ border-bottom: 10px solid #d64729; /*borde inferior*/
width:100%; padding-top:40px; }
- header .wrapper {
width:1080px; overflow:hidden; display:table; background: none transparent 0 0 scroll no-repeat; }
- 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*/ }
- 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ú */
- list-updates {
list-style:none; margin:0;
}
- 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*/ }
- access {
background: #d64729; /*Color barra menú*/ color: #fff; display: block; width: 100%; height: 40px; position: fixed; z-index:999; }
- access .menu-header,
div.menu { margin: 0 auto; font-size: 13px; }
- access .menu-header ul,
div.menu ul{ list-style: none; margin: 0; position: absolute;
right: 0;
}
- 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; }
- access table a {
line-height: 18px; }
- 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; }
- access ul ul li {
min-width: 150px; float: left; left: 0px; }
- access ul ul ul {
left: 100%; top: 0; }
- access ul ul a {
background: #ffa67c; /*Color desplegable*/ line-height: 1em; padding: 10px; width: 150px; height: auto; }
- access li:hover > a,
- access ul ul :hover > a {
background: #d64729; /*Color menú sin desplegable*/ }
- access ul li:hover > ul {
display: block; }
- access ul li a.current_page_item ,
- access ul li a.current-menu-ancestor ,
- access ul li a.current-menu-item ,
- access ul li a.current-menu-parent {
background: #d64729; /*Color menú sin desplegable*/ }
/* Fin Menú */
/* Pie */
- 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{
}
- e-mail{
font: sans-serif ; font-size: 15px; position: absolute; left: 850px; top:300px; }
- FacebookandTwitter{
position:relative; top:130px; left:1200px; }
- VisitorMaps{
position:relative; top:-240px; left:20px; }
/* =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;
}