Team:Valencia Biocampus/estiloc3po

From 2012.igem.org

(Difference between revisions)
(Created page with " <html> <style type="text/css"> #globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0;} .firstHeading { ...")
 
(117 intermediate revisions not shown)
Line 1: Line 1:
-
 
<html>
<html>
Line 9: Line 8:
     height:0px;
     height:0px;
     visibility: hidden;
     visibility: hidden;
-
}  
+
}
-
/*
+
-
#content{
+
-
                background:transparent url("https://static.igem.org/mediawiki/2012/f/f9/Fondo_gris.jpeg") center top fixed repeat-y;                       
+
-
                /* Tamara, esta linea es la que hace el fondo del centro transparente */
+
-
                background:#AAAAAA;
+
-
                padding: 0px;
+
-
        margin:0 auto;
+
-
                border: none; 
+
-
                width:965px;                                                    /* Content width*/
+
-
}  */
+
 +
#TOCBG {
 +
background-color":#9F9F9F";
 +
}
#menubar {  
#menubar {  
Line 68: Line 60:
body {
body {
-
     background: #000000  url(https://static.igem.org/mediawiki/2012/f/f9/Fondo_gris.jpeg) no-repeat top center fixed;     
+
     background: #000000  url(https://static.igem.org/mediawiki/2012/f/f9/Fondo_gris.jpeg) no-repeat top center fixed;    
-
    font-family:Arial, Helvetica, sans-serif;
+
   /* background:#121212;*/
-
    font-size:8px;                                          /* tamaño de fuente*/
+
font-family:Arial, Helvetica, sans-serif;
-
    color:#fff;
+
font-size:8px;                                          /* tamaño de fuente*/
-
    overflow-x:hidden;                  
+
color:#fff;
 +
overflow-x:hidden;                
}
}
#Titulos{
#Titulos{
-
            text-align: center;
+
            // text-align: left;
-
    font-family: Fantasy; /*Kautiva, Verdana, Geneva, sans-serif;*/
+
    //font-family: Fantasy; /*Kautiva, Verdana, Geneva, sans-serif;*/
-
    font-size: 30px;
+
    //font-size: 30px;
-
    font-weight: bold;
+
    //font-weight: bold;
-
             color: #000000;
+
             //color: #000000;
 +
             
 +
              margin-top: 68px;
 +
              background: none;
 +
              width: 740px;
 +
              padding: 10px;
 +
              display: block;
 +
              text-align: center;
 +
              font-size: 18px;
 +
 
}
}
 +
 +
#Titulos h2 {
 +
text-align: left;
 +
}
 +
/* To make the images borders transparents!!! */
/* To make the images borders transparents!!! */
div.thumbinner {background-color:transparent;}
div.thumbinner {background-color:transparent;}
Line 111: Line 118:
float: right;
float: right;
font-family: Verdana, Verdana, Geneva, sans-serif;
font-family: Verdana, Verdana, Geneva, sans-serif;
-
font-size: 14px;
+
font-size: 12px;
text-align: left;
text-align: left;
 +
}
 +
#HomeRight2 {
 +
width: 370px;
 +
height: auto;
 +
float: right;
 +
font-family: Verdana, Verdana, Geneva, sans-serif;
 +
font-size: 12px;
 +
text-align: left;
 +
}
 +
       
 +
#IzqSup {
 +
width: 360px;       
 +
height:auto;    /* altura del fondo */
 +
float: left;
 +
font-family: Verdana, Verdana, Geneva, sans-serif;
 +
font-size: 12px;
 +
text-align: justify;
 +
        margin-top: 0px;
 +
        margin-bottom: 0px;   
 +
        margin-left: 30px;      /* cuando espacio izquierdo dejo */
 +
        margin-right: 30px;
 +
        padding: 0;
}
}
-
</style>
+
#DerSup {
 +
width: 360px;     
 +
height: auto;    /* altura del fondo */
 +
float: right;
 +
font-family: Verdana, Verdana, Geneva, sans-serif;
 +
font-size: 12px;
 +
text-align: left;
 +
        margin-top: 8px;
 +
        margin-bottom: 30px;   
 +
        margin-left: 30px;      /* cuando espacio izquierdo dejo */
 +
        margin-right: 30px;
 +
        padding: 30;
 +
} 
 +
#DerSup2 {
 +
width: 250px;     
 +
height: auto;    /* altura del fondo */
 +
float: right;
 +
font-family: Verdana, Verdana, Geneva, sans-serif;
 +
font-size: 12px;
 +
text-align: left;
 +
        margin-top: 8px;
 +
        margin-bottom: 5px;   
 +
        margin-left: 12px;      /* cuando espacio izquierdo dejo */
 +
        margin-right: 8px;
 +
        padding: 8;
 +
}   
-
</html>
+
       
 +
#Inf {
 +
width: 710px;       
 +
height: auto
 +
float: left;
 +
font-family: Verdana, Verdana, Geneva, sans-serif;
 +
font-size: 12px;
 +
text-align: justify;
 +
        margin-top: 650px;
 +
        margin-bottom: 10px;   
 +
        margin-left: 30px;      /* cuando espacio izquierdo dejo */
 +
        margin-right: 30px;
 +
        padding: 0;
 +
}
-
<!---
+
#PorDefecto {
 +
width: auto;       
 +
height: auto
 +
float: left;
 +
font-family: Verdana, Verdana, Geneva, sans-serif;
 +
font-size: 12px;
 +
text-align: justify;
 +
        margin-top: -30px;    // para que el texto suba
 +
        margin-bottom: 20px;   
 +
        margin-left: 12px;      /* cuando espacio izquierdo dejo */
 +
        margin-right: 12px;
 +
        padding: 0;
 +
}
 +
       
 +
#PosBocadillo {
 +
width: 360px;     
 +
height: auto;    /* altura del fondo */
 +
float: right;
 +
font-family: Verdana, Verdana, Geneva, sans-serif;
 +
font-size: 12px;
 +
text-align: left;
 +
        margin-top: 8px;
 +
        margin-bottom: 30px;   
 +
        margin-left: 30px;      /* cuando espacio izquierdo dejo */
 +
        margin-right: 30px;
 +
        padding: 30;
 +
} 
 +
////       
 +
#Contact {       
 +
        position: relative;
 +
        text-align: left;
 +
        }
 +
#Contact h5 {
 +
  color: #D0D9E1;
 +
  font-family: Georgia;
 +
  font-size: 140px;
 +
  letter-spacing: -6px;
 +
  margin: 0;
 +
  opacity: .9;
 +
  padding: 0;
 +
  -moz-transform: skew(20deg);
 +
  -o-transform: skew(20deg);
 +
  -webkit-transform: skew(20deg);
 +
}
-
{|align="center"
+
#Contact h6 {
-
[[Image:BarCutFrame.png|965px]]
+
  color: #4682B4;
-
|}
+
  font-family: Verdana;
 +
  font-size: 60px;
 +
 
 +
  left: 120px;
 +
  letter-spacing: 20px;
 +
 
 +
  margin: 0;
 +
  padding: 0;
 +
  position: absolute;
 +
 
 +
  top: 20px;
 +
}
-
<html>
+
       
 +
////
 +
<!--
 +
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 +
%
 +
% ESTILO 2: PARA LOS SPONSORS
 +
%
 +
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 +
-->
-
<style type="text/css">
+
#sponsors {
 +
background: none;
 +
width: 740px;
 +
padding: 10px;
 +
display: block;
 +
text-align: center;
 +
}
-
html, body {
+
/* imagen de sponsor: separacion  vertical respecto a la horizontal inferior */
-
margin: 0;
+
#sponsors img {
-
padding: 0;
+
padding: 15px;
}
}
-
body {
+
/* encabezado: alineacion*/
-
background:#000000 url(https://static.igem.org/mediawiki/2012/f/f9/Fondo_gris.jpeg) no-repeat top center fixed;
+
#sponsors h2 {
 +
text-align: left;
}
}
-
/* Tips taken from Pieter van Boheemen wiki hack */
+
/* tamaños de las imagenes */
-
/* with modifications. */
+
a.tam1 img{
-
/* Author: Alejandro Vignoni*/
+
height: 120px;
-
background:transparent url("https://static.igem.org/mediawiki/2010/0/0c/Transpa.png") center top fixed repeat-y;
+
opacity: .50;
-
/* El que estaba antes 26/10 https://static.igem.org/mediawiki/2010/8/86/Transpa30.png */
+
filter: alpha(opacity=50);
 +
filter: "alpha(opacity=50)";
 +
}
-
#globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0;}
+
a.tam2 img{
-
#content{
+
height: 100px;
-
                background:transparent url("https://static.igem.org/mediawiki/2010/f/f4/Transpa50.png") center top fixed repeat-y;
+
opacity: .50;
-
                padding: 0px;
+
filter: alpha(opacity=50);
-
        margin:0 auto;
+
filter: "alpha(opacity=50)";
-
                border: none; 
+
}
-
            }
+
-
/* #bodyContent { border: none; padding:0; margin:10px width:100%;}
+
-
#top-section { height: 20px; margin-top: -5px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important; margin-bottom: 10px; padding:0; border: none;}
+
-
#p-logo { height:1px; overflow:hidden; display: none;}
+
-
#search-controls { overflow:hidden; display:block; background: none; position: absolute; top: 100px; right: 40px;}
+
-
.left-menu { width: 400px; display:block; float:left; margin-top:-80px; border: none;}
+
-
.left-menu ul { border: none; }
+
-
#menubar.right-menu { width:300px; display:block; float:left; margin-top:-80px; border: none;}
+
-
.right-menu ul { border: none;}
+
-
#footer-box { background-color: transparent; border: none; width: 965px; margin: 0 auto; padding: 0;}
+
-
#footer { border: none; width: 965px; margin: 0; padding: 0;}
+
-
.firstHeading { display: none;}
+
-
#f-list a { color: #333; font-size: 10px;}
+
-
#f-list a:hover { color: #666;}
+
-
#footer ul { margin: 0; padding: 0;}
+
-
#footer ul li { margin-top: 0; margin-bottom: 0; margin-left: 10px; margin-right: 10px; padding: 0;}*/
+
-
/* To make the images borders transparents!!! */
+
a.tam3 img{
-
div.thumbinner {background-color:transparent;}
+
height: 90px;
-
div.thumb {border-color: transparent;}
+
opacity: .50;
-
div.thumb {background-color: transparent;}
+
filter: alpha(opacity=50);
-
h1 { color: #000000 }
+
filter: "alpha(opacity=50)";
-
h2 { color: #000000 }
+
}
-
h3 { color: #000000 }
+
-
h4 { color: #000000 }
+
 +
a.tam4 img{
 +
height: 70px;
 +
opacity: .50;
 +
filter: alpha(opacity=50);
 +
filter: "alpha(opacity=50)";
 +
}
 +
a.tamLogo img{
 +
height: 70px;
 +
width: 360px;
 +
float: left;
 +
opacity: .50;
 +
filter: alpha(opacity=50);
 +
filter: "alpha(opacity=50)";
 +
}
-
#HomeCenter {
+
a.meneillos img{
-
        width: 696px;
+
opacity: .50;
-
height: auto;
+
filter: alpha(opacity=50);
-
float: left;
+
filter: "alpha(opacity=50)";
-
        font-family: Verdana, Verdana, Geneva, sans-serif;
+
-
font-size: 14px;
+
-
text-align: justify;
+
-
        margin-top: 8px;
+
-
        margin-bottom: 20px;   
+
-
        margin-left: 12px;
+
-
        margin-right: 12px;
+
-
        padding: 0;
+
}
}
-
#HomeCenterB {
+
/* al pasar el ratón */
-
        width: 705px;
+
a.tam1:hover img{
-
height: auto;
+
opacity:1;
-
float: left;
+
filter:alpha(opacity=100);
-
font-family: Verdana, Verdana, Geneva, sans-serif;
+
filter: "alpha(opacity=100)";
-
font-size: 14px;
+
}
-
text-align: justify;
+
 
-
        margin-top: 0;
+
a.tam2:hover img{
-
        margin-bottom: 20px;  
+
opacity:1;
-
        margin-left: 0;  
+
filter:alpha(opacity=100);
-
        margin-right: 0;
+
filter: "alpha(opacity=100)";
-
        padding: 0;
+
}  
-
        background-color: #FFFFFF;
+
 
-
}
+
a.tam3:hover img{
-
#HomeCenterBm {
+
opacity:1;
-
        width: 660px;
+
filter:alpha(opacity=100);
-
height: auto;
+
filter: "alpha(opacity=100)";
-
float: left;
+
}
-
font-family: Verdana, Verdana, Geneva, sans-serif;
+
 
-
font-size: 14px;
+
a.tam4 img{
-
text-align: justify;
+
height: 70px;
-
        margin-top: 8px;
+
opacity: .50;
-
        margin-bottom: 20px; 
+
filter: alpha(opacity=50);
-
        margin-left: 20px;  
+
filter: "alpha(opacity=50)";
-
        margin-right: 20px;
+
-
        padding: 0;
+
-
        background-color: #FFFFFF;
+
}
}
-
#HomeCenterBB {
+
a.tamLogo img{
-
        width: 660px;
+
height: 70px;
-
height: auto;
+
opacity: .50;
-
float: left;
+
filter: alpha(opacity=50);
-
font-family: Verdana, Verdana, Geneva, sans-serif;
+
filter: "alpha(opacity=50)";
-
font-size: 14px;
+
-
text-align: justify;
+
-
        margin-top: 8px;
+
-
        margin-bottom: 20px; 
+
-
        margin-left: 20px;  
+
-
        margin-right: 20px;  
+
-
        padding: 0;
+
-
        background-color: #FFFFFF;
+
}
}
-
#HomeCenterCenter {
+
a.meneillos:hover img{
-
        width: 941px;
+
opacity:1;
-
height: auto;
+
filter:alpha(opacity=100);
-
float: left;
+
filter: "alpha(opacity=100)";
-
font-family: Verdana, Verdana, Geneva, sans-serif;
+
}
-
font-size: 14px;
+
 
-
text-align: justify;
+
 
-
        margin-top: 8px;
+
</style>
-
        margin-bottom: 20px;
+
 
-
        margin-left: 12px;  
+
</html>
-
        margin-right: 12px;  
+
 
-
        padding: 0;
+
<!--
 +
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 +
%
 +
% ESTILO 2: GALERIA DE EQUIPO: STUDENTS, INSTRUCTORS,...
 +
%
 +
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 +
-->
 +
 
 +
 
 +
<html>
 +
<style>
 +
            body, ul, li, h1, h2, h3{
 +
                margin:-7;                                         /* grosor del menú superior de edición */
 +
                padding:-7;                                        /* separación vertical del título con el borde superior */
 +
                z-index:1;
 +
            }
 +
 
 +
.ps_overlay{
 +
    z-index:1;
 +
    background:#111;
 +
    width:100%;
 +
    height:100%;
 +
    position:fixed;
 +
    top:0px;
 +
    left:0px;
 +
    opacity:0.5;
 +
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
 +
}
 +
/* Image container style */
 +
.ps_container{
 +
width:480px;
 +
height:350px;
 +
position:absolute;
 +
top:50%;
 +
margin-top:-175px;
 +
left:50%;
 +
margin-left:-240px;
 +
z-index:1;
 +
}
 +
.ps_container img{
 +
border:10px solid #fff;
 +
position:absolute;
 +
top:50%;
 +
left:50%;
 +
-moz-box-shadow:1px 1px 10px #000;
 +
-webkit-box-shadow:1px 1px 10px #000;
 +
box-shadow:1px 1px 10px #000;
}
}
-
#HomeCenterCenterB  {
+
/* Next photo button for preview mode */
-
        background-color: #FFFFFF;
+
a.ps_next_photo{
-
        width: 965px;
+
position:absolute;
-
height: auto;
+
top:50%;
-
float: left;
+
left:50%;
-
        font-family: Verdana, Verdana, Geneva, sans-serif;
+
width:56px;
-
font-size: 14px;
+
height:56px;
-
text-align: left;
+
margin:-28px 0 0 -28px;
-
        margin: 0;
+
z-index:200;
-
        padding: 0;
+
cursor:pointer;
-
        margin-right: 12px;  
+
background:#000 url(https://static.igem.org/mediawiki/2012/7/7f/Next_photoValencia.png) no-repeat 50% 50%;
-
        margin-bottom: 20px;
+
opacity:0.6;
 +
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
 +
    -moz-border-radius:10px;
 +
    -webkit-border-radius:10px;
 +
    border-radius:10px;
 +
}
 +
a.ps_next_photo:hover,
 +
a.ps_close:hover{
 +
opacity:0.8;
 +
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}
}
 +
/* Thumbnail slider style */
-
#HomeCenterCenterBB  {
+
/* posicion espacial de todo el slider en conjunto*/
-
        background-color: #FFFFFF;
+
.ps_slider{
-
        width: 945px;
+
width:845px;
-
height: auto;
+
height:700px;                           /* cuantos pixeles verticales ocupa el fondo del slier*/
-
float: left;
+
position:relative;
-
        font-family: Verdana, Verdana, Geneva, sans-serif;
+
margin:40px auto 0px auto;
-
font-size: 14px;
+
}
-
text-align: left;
+
.ps_slider a.next,
-
        padding: 0;
+
.ps_slider a.prev{
-
        margin-bottom: 20px;
+
position:absolute;
-
        margin-bottom: 10px;  
+
background-color:#000;
-
        margin-left: 10px;  
+
    background-position:center center;
-
        margin-right: 10px;  
+
    background-repeat:no-repeat;
 +
    border:1px solid #232323;
 +
    width:20px;
 +
    height:20px;
 +
    top:50%;
 +
    margin-top:-10px;
 +
    opacity:0.6;
 +
    -moz-border-radius:5px;
 +
    -webkit-border-radius:5px;
 +
    border-radius:5px;
 +
    cursor:pointer;
 +
    outline:none;
}
}
-
#HomeRight {
+
.ps_slider a.prev:hover,
-
width: 245px;
+
.ps_slider a.next:hover{
-
height: auto;
+
    border:1px solid #333;
-
float: right;
+
    opacity:0.9;
-
font-family: Verdana, Verdana, Geneva, sans-serif;
+
}
-
font-size: 14px;
+
 
-
text-align: center;
+
.ps_slider a.disabled,
-
}
+
-
#Calendar {
 
-
        width: 680px;
+
.ps_slider a.disabled:hover{
-
height: auto;
+
    opacity:0.4;
-
float: left;
+
    border:1px solid #111;
-
font-family: Verdana, Verdana, Geneva, sans-serif;
+
    cursor:default;
-
font-size: 13px;
+
}
-
text-align: center;
+
.ps_slider a.prev{
-
        margin-top: 10px;
+
    left:-30px;
-
        margin-bottom: 0;  
+
    background-image:url(https://static.igem.org/mediawiki/2012/1/12/PrevValencia.png);
-
        margin-left: 10px;  
+
}
-
        margin-right: 10px;  
+
.ps_slider a.next{
-
        padding: 0;
+
    right:-30px;
 +
    background-image:url(https://static.igem.org/mediawiki/2012/3/37/NextValencia.png);
}
}
-
#Titulos{
+
/* cuadrado gris claro de cada slider*/
-
            text-align: center;
+
.ps_slider .ps_album{
-
    font-family: Kautiva, Verdana, Geneva, sans-serif;
+
width:140px;
-
    font-size: 30px;
+
height:660px;                                                            /* altura*/
-
    font-weight: bold;
+
padding:10px;
-
            color: #000000;
+
background-color:#333;
 +
border:1px solid #444;
 +
position:absolute;
 +
top:0px;
 +
text-align:center;
 +
/*cursor:pointer;*/                                                    /* QUITAMOS EL PUNTERO DE MOMENTO */
 +
-moz-box-shadow:1px 1px 4px #000;
 +
-webkit-box-shadow:1px 1px 4px #000;
 +
box-shadow:1px 1px 4px #000;
 +
-webkit-box-reflect:
 +
below 5px
 +
-webkit-gradient(
 +
linear,
 +
left top,
 +
left bottom,
 +
from(transparent),
 +
color-stop(0.6, transparent),
 +
to(rgb(18, 18, 18))
 +
);
}
}
 +
/*LUZ DE CADA SLIDER, DE MOMENTO COMENTADO*/
 +
/*
 +
.ps_slider .ps_album:hover{
 +
background-color:#383838;
 +
}*/
-
.marquito {
+
/* imagen de cada slider */
-
font-family: Verdana, Verdana, Geneva, sans-serif;
+
.ps_slider .ps_album img{
-
font-size: 13px;
+
height:90px;
-
padding: 0;
+
border:1px solid #444;
-
float: left;
+
-moz-box-shadow:1px 1px 4px #000;
-
border: 2px;
+
-webkit-box-shadow:1px 1px 4px #000;
-
        border-color:#CCCCCC;
+
box-shadow:1px 1px 4px #000;
}
}
-
</style>
+
/*cuadrado gris oscuro de cada slider*/
 +
.ps_slider .ps_album .ps_desc{
 +
display:block;
 +
color:#666;
 +
background:#111 url(https://static.igem.org/mediawiki/2012/7/7d/OverlayValencia.png) no-repeat bottom right;
 +
height:550px;
 +
margin-top:10px;
 +
text-align:left;
 +
line-height:20px;
 +
overflow:hidden;
 +
text-overflow:ellipsis;
 +
border:1px solid #393939;
 +
-moz-box-shadow:0px 0px 2px #000 inset;
 +
-webkit-box-shadow:0px 0px 2px #000 inset;
 +
box-shadow:0px 0px 2px #000 inset;
 +
}
 +
/*LUZ DE CADA SLIDER, DE MOMENTO COMENTADO*/
 +
/*
 +
.ps_slider .ps_album:hover .ps_desc{
 +
background-image:none;
 +
}*/
 +
.ps_slider .ps_album .ps_desc span{
 +
display:block;
 +
margin:0px 10px 10px 10px;
 +
border-top:1px solid #333;
 +
padding-top:5px;
 +
}
 +
.ps_slider .ps_album .ps_desc h2{
 +
margin:10px 10px 0px 10px;
 +
text-align:left;
 +
padding-bottom:5px;
 +
font-weight:normal;
 +
color:#ddd;
 +
text-shadow:0px 0px 1px #fff;
 +
border-bottom:1px solid #000;
 +
}
 +
.ps_slider .loading{
 +
background:#121212 url(https://static.igem.org/mediawiki/2012/5/57/LoadingValencia.gif) no-repeat 50% 50%;
 +
position:absolute;
 +
top:0px;
 +
left:0px;
 +
width:100%;
 +
height:100%;
 +
opacity:0.7;
 +
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
 +
}
 +
          span.reference{
 +
            position:fixed;
 +
            top:10px;
 +
            right:10px;
 +
            font-size:9px;
 +
          }
 +
          span.reference a{
 +
            color:#aaa;
 +
            text-decoration:none;
 +
text-transform:uppercase;
 +
margin-left:10px;
 +
          }
-
</html> --->
+
          span.reference a:hover{
 +
              color:#ddd;
 +
          }
 +
 
 +
  h1.title{
 +
                text-indent:-9000px;
 +
                /*background:transparent url(https://static.igem.org/mediawiki/2012/2/22/StudentMembers.png) no-repeat top left;*/
 +
                width:640px;
 +
                height:52px;
 +
                position:absolute;
 +
                top:15px;
 +
                left:15px;
 +
            } 
 +
 
 +
</style>
 +
</html>

Latest revision as of 23:30, 26 September 2012


Retrieved from "http://2012.igem.org/Team:Valencia_Biocampus/estiloc3po"