Team:Buenos Aires/css/style color.css
From 2013.igem.org
Line 59: | Line 59: | ||
#external{ | #external{ | ||
+ | position:absolute; | ||
padding-top:10px; | padding-top:10px; | ||
height:100%; | height:100%; | ||
+ | width:90%; | ||
overflow:auto; | overflow:auto; | ||
} | } | ||
Line 135: | Line 137: | ||
text-indent:20px; | text-indent:20px; | ||
top:120px; | top:120px; | ||
- | left: | + | left:310px; |
min-width:690px; | min-width:690px; | ||
min-height:400px; | min-height:400px; |
Revision as of 17:15, 11 July 2013
/* Style based on AnimatedContentMenu by http://tympanus.net/codrops/ */
@import url('https://2013.igem.org/Team:Buenos_Aires/css/reset.css?action=raw&ctype=text/css');
.swing {
width:175px;
height:155px;
right:1%;
bottom:50px;
position:absolute;
background: url("") no-repeat center center;
background-size: 175px 155px;
-webkit-transition: all 2s ease-in-out;
-moz-transition: all 2s ease-in-out;
-o-transition: all 2s ease-in-out;
-ms-transition: all 2s ease-in-out;
transition: all 2s ease-in-out;
-moz-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
-o-transform:rotate(0deg);
-ms-transform:rotate(0deg);
z-index:999; opacity:0.9; }
/*.swing:hover{*/ /* -moz-transform:rotate(360deg);*/ /* -webkit-transform:rotate(360deg);*/ /* -o-transform:rotate(360deg);*/ /* -ms-transform:rotate(360deg);*/ /*}*/
- -webkit-scrollbar {
-webkit-appearance: none; width: 8px;
}
- -webkit-scrollbar-track {
background-color: rgba(57,57,57, .6); border-radius: 8px;
}
- -webkit-scrollbar-thumb {
border-radius: 8px; background-color: rgba(156, 156, 156, .6);
}
body{ background-color:#eee; color:#FFF; font-family: 'PT Sans Narrow', Arial, sans-serif; text-transform:uppercase; }
- external{
position:absolute; padding-top:10px; height:100%; width:90%; overflow:auto; }
- contenedor{
position:relative;
height:100%; width:1024px; margin-left:auto; margin-right:auto; background: transparent; }
/*TODOS LOS LINKS*/
a{
color:#FFF;
text-decoration:none;
}
img.ac_bgimage{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
opacity:0.7;
display:none;
z-index:-1;
}
.ac_loading{ position:absolute; top:10px; right:10px; background:#FFF url("") no-repeat center center; width:50px; height:50px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px 10px 10px 10px; z-index:999; opacity:0.7; display:none; }
.text_loading{ position:absolute; top:50%; left:700px; background:#000 url("") no-repeat center center; width:50px; height:50px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px 10px 10px 10px; z-index:999; opacity:0.7; display:none; }
.texto{ background:#FFF; color:#000; position:absolute; text-align:justify; font-size:16px; text-transform:none; border:5px solid #333; text-indent:20px; top:120px;
left:310px; min-width:690px;
min-height:400px; overflow:auto; opacity:1; z-index:999; display:none; max-height: 70%; } .texto H1{color:#000;} .texto H2{color:#000;} .texto a{color:#000;}
H2{color:#FFF;}
H1{
font-size:35px; text-align:center; } .ac_content{ position:absolute; height:90px; width:100%; top:80px; left:0px; margin-top:-65px;
opacity:0.9;
}
/*Donde dice "Igem- BUenos Aires"*/ .ac_content h1{ background:#5C0404; display:block; float:left; width:90px; height:50px; padding:20px; font-size:36px; font-weight:bold; line-height:20px; margin-right:1px; border: solid black; box-shadow:5px 5px 5px 5px #7B7B7B; }
/*Buenos Aires*/ .ac_content h1 span{ display:block; font-weight:normal; font-size:14px;
} .ac_menu{ background:#5C0404; float:left; position:relative; height:90px; margin-left:5px; width:0px; opacity:1; border:solid black; box-shadow:1px 5px 5px 5px #7B7B7B; } .ac_menu > ul{ float:left; } .ac_menu > ul > li{ float:left; position:relative; height:90px; /* overflow:hidden;*/ } .ac_menu > ul > li a{ margin-top:60px; opacity:0; display:block; height:90px; padding:0px 10px; text-align:center; line-height:90px; outline:none; font-size:18px; font-weight:bold; /* text-shadow:1px 1px 1px #FFF;*/ }
/*Submenos con los links*/ .ac_subitem{ width:300px; height:0px; /* animate to 400px */ margin-top:200px; /* animate to -200px */ position:absolute; z-index:99; overflow:auto; left:0px;
/* Colores y backgound*/ /*Color anterior: color: #FFF; con fondo ffa */ color: #FFF; background:#5C0404; } .ac_subitem h2{ font-size:22px; color:#FFF; padding: 40px 0px 0px 40px; /* text-shadow:0px 0px 1px #FFF;*/ } .ac_subitem ul{ padding:0px 40px; } .ac_subitem ul li{ margin:10px 0px; }
.ac_subitem ul li a{ margin-top:0px; opacity:1; display:block; height:20px; width:80px; padding:0px 0px; text-align:left; line-height:16px; font-size:17px; font-weight:normal; /* text-shadow:1px 1px 1px #FFF; */ text-transform:none; }
.ac_subitem ul li a:hover{ opacity:0.7; }
.ac_subitem ul li a:active{ color: #86A; }
.ac_subitem ul li:first-child{ font-size:15px; text-transform:none; border-bottom:2px dotted #FEA; padding-bottom:15px; margin-bottom:15px; color: #FFF; }
/* Cruz para cerrar, no está cargado el gráfico */ span.ac_close{ float:right; margin:1%; width:11px; height:12px; cursor:pointer; background:#000; opacity:0.7; } span.ac_close:hover{ opacity:1.0; }