Team:Valencia Biocampus/estiloc3po

From 2012.igem.org

(Difference between revisions)
 
(114 intermediate revisions not shown)
Line 8: 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 67: 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;    
 +
  /* background:#121212;*/
 +
font-family:Arial, Helvetica, sans-serif;
 +
font-size:8px;                                          /* tamaño de fuente*/
 +
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 106: 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;
}
}
 +
 +
#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;
 +
}   
 +
 +
       
 +
#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);
 +
}
 +
 +
#Contact h6 {
 +
  color: #4682B4;
 +
  font-family: Verdana;
 +
  font-size: 60px;
 +
 
 +
  left: 120px;
 +
  letter-spacing: 20px;
 +
 
 +
  margin: 0;
 +
  padding: 0;
 +
  position: absolute;
 +
 
 +
  top: 20px;
 +
}
 +
 +
       
 +
////
 +
<!--
 +
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 +
%
 +
% ESTILO 2: PARA LOS SPONSORS
 +
%
 +
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 +
-->
 +
 +
#sponsors {
 +
background: none;
 +
width: 740px;
 +
padding: 10px;
 +
display: block;
 +
text-align: center;
 +
}
 +
 +
/* imagen de sponsor:  separacion  vertical respecto a la horizontal inferior */
 +
#sponsors img {
 +
padding: 15px;
 +
}
 +
 +
/* encabezado: alineacion*/
 +
#sponsors h2 {
 +
text-align: left;
 +
}
 +
 +
/* tamaños de las imagenes */
 +
a.tam1 img{
 +
height: 120px;
 +
opacity: .50;
 +
filter: alpha(opacity=50);
 +
filter: "alpha(opacity=50)";
 +
}
 +
 +
a.tam2 img{
 +
height: 100px;
 +
opacity: .50;
 +
filter: alpha(opacity=50);
 +
filter: "alpha(opacity=50)";
 +
}
 +
 +
a.tam3 img{
 +
height: 90px;
 +
opacity: .50;
 +
filter: alpha(opacity=50);
 +
filter: "alpha(opacity=50)";
 +
}
 +
 +
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)";
 +
}
 +
 +
a.meneillos img{
 +
opacity: .50;
 +
filter: alpha(opacity=50);
 +
filter: "alpha(opacity=50)";
 +
}
 +
 +
/* al pasar el ratón */
 +
a.tam1:hover img{
 +
opacity:1;
 +
filter:alpha(opacity=100);
 +
filter: "alpha(opacity=100)";
 +
}
 +
 +
a.tam2:hover img{
 +
opacity:1;
 +
filter:alpha(opacity=100);
 +
filter: "alpha(opacity=100)";
 +
}
 +
 +
a.tam3:hover img{
 +
opacity:1;
 +
filter:alpha(opacity=100);
 +
filter: "alpha(opacity=100)";
 +
}
 +
 +
a.tam4 img{
 +
height: 70px;
 +
opacity: .50;
 +
filter: alpha(opacity=50);
 +
filter: "alpha(opacity=50)";
 +
}
 +
 +
a.tamLogo img{
 +
height: 70px;
 +
opacity: .50;
 +
filter: alpha(opacity=50);
 +
filter: "alpha(opacity=50)";
 +
}
 +
 +
 +
a.meneillos:hover img{
 +
opacity:1;
 +
filter:alpha(opacity=100);
 +
filter: "alpha(opacity=100)";
 +
}
 +
</style>
</style>
 +
</html>
 +
 +
<!--
 +
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 +
%
 +
% 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;
 +
}
 +
 +
/* Next photo button for preview mode */
 +
a.ps_next_photo{
 +
position:absolute;
 +
top:50%;
 +
left:50%;
 +
width:56px;
 +
height:56px;
 +
margin:-28px 0 0 -28px;
 +
z-index:200;
 +
cursor:pointer;
 +
background:#000 url(https://static.igem.org/mediawiki/2012/7/7f/Next_photoValencia.png) no-repeat 50% 50%;
 +
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 */
 +
 +
/* posicion espacial de todo el slider en conjunto*/
 +
.ps_slider{
 +
width:845px;
 +
height:700px;                          /* cuantos pixeles verticales ocupa el fondo del slier*/
 +
position:relative;
 +
margin:40px auto 0px auto;
 +
}
 +
.ps_slider a.next,
 +
.ps_slider a.prev{
 +
position:absolute;
 +
background-color:#000;
 +
    background-position:center center;
 +
    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;
 +
}
 +
 +
.ps_slider a.prev:hover,
 +
.ps_slider a.next:hover{
 +
    border:1px solid #333;
 +
    opacity:0.9;
 +
}
 +
 +
.ps_slider a.disabled,
 +
 +
 +
.ps_slider a.disabled:hover{
 +
    opacity:0.4;
 +
    border:1px solid #111;
 +
    cursor:default;
 +
}
 +
.ps_slider a.prev{
 +
    left:-30px;
 +
    background-image:url(https://static.igem.org/mediawiki/2012/1/12/PrevValencia.png);
 +
}
 +
.ps_slider a.next{
 +
    right:-30px;
 +
    background-image:url(https://static.igem.org/mediawiki/2012/3/37/NextValencia.png);
 +
}
 +
 +
/* cuadrado gris claro de cada slider*/
 +
.ps_slider .ps_album{
 +
width:140px;
 +
height:660px;                                                            /* altura*/
 +
padding:10px;
 +
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;
 +
}*/
 +
 +
/* imagen de cada slider */
 +
.ps_slider .ps_album img{
 +
height:90px;
 +
border:1px solid #444;
 +
-moz-box-shadow:1px 1px 4px #000;
 +
-webkit-box-shadow:1px 1px 4px #000;
 +
box-shadow:1px 1px 4px #000;
 +
}
 +
 +
/*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;
 +
          }
 +
 +
          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>
</html>

Latest revision as of 23:30, 26 September 2012


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