|
|
| Line 67: |
Line 67: |
| | | | |
| | 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;
| + | |
| - | font-size:8px; /* tamaño de fuente*/
| + | |
| - | color:#fff;
| + | |
| - | overflow-x:hidden;
| + | |
| | } | | } |
| | | | |
| Line 115: |
Line 111: |
| | | | |
| | </style> | | </style> |
| - | </html>
| |
| | | | |
| - |
| |
| - |
| |
| - | {|align="center"
| |
| - | [[Image:BarCutFrame.png|965px]]
| |
| - | |}
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | <!--
| |
| - | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
| |
| - | %
| |
| - | % ESTILO 2
| |
| - | %
| |
| - | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
| |
| - | -->
| |
| - | <html>
| |
| - |
| |
| - | <style type="text/css">
| |
| - |
| |
| - | html, body {
| |
| - | margin: 0;
| |
| - | padding: 0;
| |
| - | }
| |
| - |
| |
| - | body {
| |
| - | background:#000000 url(https://static.igem.org/mediawiki/2012/f/f9/Fondo_gris.jpeg) no-repeat top center fixed;
| |
| - | }
| |
| - |
| |
| - | /* Tips taken from Pieter van Boheemen wiki hack */
| |
| - | /* with modifications. */
| |
| - | /* Author: Alejandro Vignoni*/
| |
| - | background:transparent url("https://static.igem.org/mediawiki/2010/0/0c/Transpa.png") center top fixed repeat-y;
| |
| - | /* El que estaba antes 26/10 https://static.igem.org/mediawiki/2010/8/86/Transpa30.png */
| |
| - |
| |
| - | #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 {
| |
| - | width: 705px;
| |
| - | height: auto;
| |
| - | float: left;
| |
| - | font-family: Verdana, Verdana, Geneva, sans-serif;
| |
| - | 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 {
| |
| - | 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;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | #HomeCenterCenter {
| |
| - | width: 941px;
| |
| - | 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;
| |
| - | }
| |
| - |
| |
| - | #HomeCenterCenterB {
| |
| - | background-color: #FFFFFF;
| |
| - | width: 965px;
| |
| - | height: auto;
| |
| - | float: left;
| |
| - | font-family: Verdana, Verdana, Geneva, sans-serif;
| |
| - | font-size: 14px;
| |
| - | text-align: left;
| |
| - | margin: 0;
| |
| - | padding: 0;
| |
| - | margin-right: 12px;
| |
| - | margin-bottom: 20px;
| |
| - | }
| |
| - |
| |
| - | #HomeCenterCenterBB {
| |
| - | background-color: #FFFFFF;
| |
| - | width: 945px;
| |
| - | height: auto;
| |
| - | 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 {
| |
| - | width: 245px;
| |
| - | height: auto;
| |
| - | float: right;
| |
| - | font-family: Verdana, Verdana, Geneva, sans-serif;
| |
| - | font-size: 14px;
| |
| - | text-align: center;
| |
| - | }
| |
| - |
| |
| - | #Calendar {
| |
| - |
| |
| - | width: 680px;
| |
| - | height: auto;
| |
| - | float: left;
| |
| - | font-family: Verdana, Verdana, Geneva, sans-serif;
| |
| - | font-size: 13px;
| |
| - | text-align: center;
| |
| - | margin-top: 10px;
| |
| - | margin-bottom: 0;
| |
| - | margin-left: 10px;
| |
| - | margin-right: 10px;
| |
| - | padding: 0;
| |
| - | }
| |
| - |
| |
| - | #Titulos{
| |
| - | text-align: center;
| |
| - | font-family: Kautiva, Verdana, Geneva, sans-serif;
| |
| - | font-size: 30px;
| |
| - | font-weight: bold;
| |
| - | color: #000000;
| |
| - | }
| |
| - |
| |
| - | .marquito {
| |
| - | font-family: Verdana, Verdana, Geneva, sans-serif;
| |
| - | font-size: 13px;
| |
| - | padding: 0;
| |
| - | float: left;
| |
| - | border: 2px;
| |
| - | border-color:#CCCCCC;
| |
| - | }
| |
| - |
| |
| - | </style>
| |
| - |
| |
| - | </html>
| |
| - |
| |
| - | <!--
| |
| - | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
| |
| - | %
| |
| - | % ESTILO 3: 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 */
| |
| - | }
| |
| - |
| |
| - | .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> | | </html> |
"
