Team:Valencia Biocampus/estiloc3po

From 2012.igem.org

(Difference between revisions)
 
(113 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>
Line 117: Line 366:
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%
%
-
% ESTILO 3: GALERIA DE EQUIPO: STUDENTS, INSTRUCTORS,...
+
% ESTILO 2: GALERIA DE EQUIPO: STUDENTS, INSTRUCTORS,...
%
%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
Line 128: Line 377:
                 margin:-7;                                          /* grosor del menú superior de edición */
                 margin:-7;                                          /* grosor del menú superior de edición */
                 padding:-7;                                        /* separación vertical del título con el borde superior */
                 padding:-7;                                        /* separación vertical del título con el borde superior */
 +
                z-index:1;
             }
             }
.ps_overlay{
.ps_overlay{
-
     z-index:0;
+
     z-index:1;
     background:#111;
     background:#111;
     width:100%;
     width:100%;
Line 150: Line 400:
left:50%;
left:50%;
margin-left:-240px;
margin-left:-240px;
-
z-index:100;
+
z-index:1;
}
}
.ps_container img{
.ps_container img{
Line 161: Line 411:
box-shadow:1px 1px 10px #000;
box-shadow:1px 1px 10px #000;
}
}
-
/* Close button for preview mode */
+
 
-
a.ps_close{
+
-
background:#000 url(https://static.igem.org/mediawiki/2012/b/bd/Close.png) no-repeat center center;
+
-
cursor:pointer;
+
-
width:56px;
+
-
height:56px;
+
-
position:fixed;
+
-
right:10px;
+
-
top:10px;
+
-
z-index:1000;
+
-
-moz-border-radius:10px;
+
-
-webkit-border-radius:10px;
+
-
border-radius:10px;
+
-
opacity:0.6;
+
-
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
+
-
}
+
/* Next photo button for preview mode */
/* Next photo button for preview mode */
a.ps_next_photo{
a.ps_next_photo{
Line 204: Line 439:
.ps_slider{
.ps_slider{
width:845px;
width:845px;
-
height:500px;                          /* cuantos pixeles verticales ocupa el fondo del slier*/
+
height:700px;                          /* cuantos pixeles verticales ocupa el fondo del slier*/
position:relative;
position:relative;
margin:40px auto 0px auto;
margin:40px auto 0px auto;
Line 253: Line 488:
.ps_slider .ps_album{
.ps_slider .ps_album{
width:140px;
width:140px;
-
height:410px;                                                            /* altura*/
+
height:660px;                                                            /* altura*/
padding:10px;
padding:10px;
background-color:#333;
background-color:#333;
Line 295: Line 530:
color:#666;
color:#666;
background:#111 url(https://static.igem.org/mediawiki/2012/7/7d/OverlayValencia.png) no-repeat bottom right;
background:#111 url(https://static.igem.org/mediawiki/2012/7/7d/OverlayValencia.png) no-repeat bottom right;
-
height:300px;
+
height:550px;
margin-top:10px;
margin-top:10px;
text-align:left;
text-align:left;
Line 355: Line 590:
           }
           }
-
  h1.title{
+
  h1.title{
-
text-indent:-9000px;
+
                text-indent:-9000px;
-
/*background:transparent url(https://static.igem.org/mediawiki/2012/2/22/StudentMembers.png) no-repeat top left;*/
+
                /*background:transparent url(https://static.igem.org/mediawiki/2012/2/22/StudentMembers.png) no-repeat top left;*/
-
width:640px;
+
                width:640px;
-
height:52px;
+
                height:52px;
-
position:absolute;
+
                position:absolute;
-
top:15px;
+
                top:15px;
-
left:15px;
+
                left:15px;
-
  }   
+
            }   
</style>
</style>
</html>
</html>

Latest revision as of 23:30, 26 September 2012


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