Team:Valencia Biocampus/estiloc3po

From 2012.igem.org

(Difference between revisions)
 
(115 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;    
-
    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 110: 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 {
-
</html>
+
width: 360px;     
-
 
+
height: auto;    /* altura del fondo */
-
 
+
float: right;
-
 
+
font-family: Verdana, Verdana, Geneva, sans-serif;
-
{|align="center"
+
font-size: 12px;
-
[[Image:BarCutFrame.png|965px]]
+
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
+
% ESTILO 2: PARA LOS SPONSORS
%
%
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
+
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
-->
-->
-
<html>
 
-
<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;}
+
-
#content{
+
-
                background:transparent url("https://static.igem.org/mediawiki/2010/f/f4/Transpa50.png") center top fixed repeat-y;
+
-
                padding: 0px;
+
-
        margin:0 auto;
+
-
                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!!! */
+
-
div.thumbinner {background-color:transparent;}
+
-
div.thumb {border-color: transparent;}
+
-
div.thumb {background-color: transparent;}
+
-
h1 { color: #000000 }
+
-
h2 { color: #000000 }
+
-
h3 { color: #000000 }
+
-
h4 { color: #000000 }
+
-
 
+
-
 
+
-
 
+
-
#HomeCenter {
+
-
        width: 696px;
+
-
height: auto;
+
-
float: left;
+
-
        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 {
+
a.tam2 img{
-
        width: 705px;
+
height: 100px;
-
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: 0;
+
-
        margin-bottom: 20px;   
+
-
        margin-left: 0;
+
-
        margin-right: 0;
+
-
        padding: 0;
+
-
        background-color: #FFFFFF;
+
-
}
+
-
#HomeCenterBm {
+
-
        width: 660px;
+
-
height: auto;
+
-
float: left;
+
-
font-family: Verdana, Verdana, Geneva, sans-serif;
+
-
font-size: 14px;
+
-
text-align: justify;
+
-
        margin-top: 8px;
+
-
        margin-bottom: 20px; 
+
-
        margin-left: 20px;  
+
-
        margin-right: 20px;
+
-
        padding: 0;
+
-
        background-color: #FFFFFF;
+
}
}
-
#HomeCenterBB {
+
a.tam3 img{
-
        width: 660px;
+
height: 90px;
-
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;
+
}
}
-
 
+
a.tam4 img{
-
#HomeCenterCenter {
+
height: 70px;
-
        width: 941px;
+
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;
+
}
}
-
#HomeCenterCenterB  {
+
a.tamLogo img{
-
        background-color: #FFFFFF;
+
height: 70px;
-
        width: 965px;
+
width: 360px;
-
height: auto;
+
float: left;
-
float: left;
+
opacity: .50;
-
        font-family: Verdana, Verdana, Geneva, sans-serif;
+
filter: alpha(opacity=50);
-
font-size: 14px;
+
filter: "alpha(opacity=50)";
-
text-align: left;
+
-
        margin: 0;
+
-
        padding: 0;
+
-
        margin-right: 12px;  
+
-
        margin-bottom: 20px;
+
}
}
-
#HomeCenterCenterBB  {
+
a.meneillos img{
-
        background-color: #FFFFFF;
+
opacity: .50;
-
        width: 945px;
+
filter: alpha(opacity=50);
-
height: auto;
+
filter: "alpha(opacity=50)";
-
float: left;
+
-
        font-family: Verdana, Verdana, Geneva, sans-serif;
+
-
font-size: 14px;
+
-
text-align: left;
+
-
        padding: 0;
+
-
        margin-bottom: 20px;
+
-
        margin-bottom: 10px;   
+
-
        margin-left: 10px;
+
-
        margin-right: 10px;  
+
}
}
-
#HomeRight {
+
/* al pasar el ratón */
-
width: 245px;
+
a.tam1:hover img{
-
height: auto;
+
opacity:1;
-
float: right;
+
filter:alpha(opacity=100);
-
font-family: Verdana, Verdana, Geneva, sans-serif;
+
filter: "alpha(opacity=100)";
-
font-size: 14px;
+
}  
-
text-align: center;
+
-
}
+
-
#Calendar {
+
a.tam2:hover img{
 +
opacity:1;
 +
filter:alpha(opacity=100);
 +
filter: "alpha(opacity=100)";
 +
}
-
        width: 680px;
+
a.tam3: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: 13px;
+
}  
-
text-align: center;
+
-
        margin-top: 10px;
+
-
        margin-bottom: 0;   
+
-
        margin-left: 10px;  
+
-
        margin-right: 10px;  
+
-
        padding: 0;
+
-
}
+
-
#Titulos{
+
a.tam4 img{
-
            text-align: center;
+
height: 70px;
-
    font-family: Kautiva, Verdana, Geneva, sans-serif;
+
opacity: .50;
-
    font-size: 30px;
+
filter: alpha(opacity=50);
-
    font-weight: bold;
+
filter: "alpha(opacity=50)";
-
            color: #000000;
+
}
}
-
.marquito {
+
a.tamLogo img{
-
font-family: Verdana, Verdana, Geneva, sans-serif;
+
height: 70px;
-
font-size: 13px;
+
opacity: .50;
-
padding: 0;
+
filter: alpha(opacity=50);
-
float: left;
+
filter: "alpha(opacity=50)";
-
border: 2px;
+
-
        border-color:#CCCCCC;
+
}
}
 +
 +
 +
a.meneillos:hover img{
 +
opacity:1;
 +
filter:alpha(opacity=100);
 +
filter: "alpha(opacity=100)";
 +
}
 +
</style>
</style>
-
</html>  
+
</html>
<!--
<!--
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%
%
-
% ESTILO 3: GALERIA DE EQUIPO: STUDENTS, INSTRUCTORS,...
+
% ESTILO 2: GALERIA DE EQUIPO: STUDENTS, INSTRUCTORS,...
%
%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
Line 347: 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 369: 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 380: 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 423: 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 472: 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 514: 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 574: 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"