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 { ...")
Line 1: Line 1:
-
 
<html>
<html>
Line 116: Line 115:
</style>
</style>
-
 
</html>
</html>
Line 125: Line 123:
|}
|}
 +
 +
 +
 +
<!--
 +
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 +
%
 +
% OTRO ESTILO
 +
%
 +
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 +
-->
  <html>
  <html>
Line 323: Line 331:
</style>
</style>
 +
</html> --->
 +
<!--
 +
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 +
%
 +
% ESTILO 3: GALERIA DE EQUIPO: STUDENTS, INSTRUCTORS,...
 +
%
 +
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 +
-->
-
</html> --->
+
 
 +
<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 */
 +
            }
 +
 
 +
.ps_overlay{
 +
    z-index:0;
 +
    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:100;
 +
}
 +
.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;
 +
}
 +
/* 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 */
 +
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:500px;                          /* 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:410px;                                                            /* 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:300px;
 +
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>

Revision as of 09:44, 25 August 2012




 --->


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