Template:Team:UNAM Genomics Mexico/Templates/css/style

From 2012.igem.org

(Difference between revisions)
 
(21 intermediate revisions not shown)
Line 1: Line 1:
 +
<!--
 +
@VERSION 3.0
 +
@NAME  General Template header 2
 +
-->
<html>
<html>
-
<style>
+
<head>
-
.cn-slideshow{
+
 
-
    width: 820px;
+
<style type="text/css">
-
    height: 410px;
+
 
-
    position: relative;
+
 
-
    margin: 0 auto;
+
 
-
    background: #fff;
+
/*Horizontal Slider*/
-
    border-top: 5px solid #d0ab47;
+
.top-slider-main{width:900px; height:459px; overflow:hidden; position:relative; border:0px solid #000; background: #ff8888;
-
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
+
-webkit-box-shadow: 5px 5px 8px #818181;
-
    -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
+
-moz-box-shadow: 5px 5px 8px #818181;
-
    box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
+
 
}
}
-
.cn-loading{
+
.top-slider-main div{width:650px; height:459px; position:absolute; background-color:#FFF; }
-
    position: absolute;
+
.top-slider-main .slider-box1{z-index:9;}
-
    z-index:999;
+
.top-slider-main .slider-box2{margin-left:650px; z-index:10;}
-
    text-indent: -9000px;
+
.top-slider-main .slider-box3{margin-left:700px; z-index:11;}
-
    opacity:0.6;
+
.top-slider-main .slider-box4{margin-left:750px; z-index:12;}
-
    top:50%;
+
.top-slider-main .slider-box5{margin-left:800px; z-index:13;}
-
    left:50%;
+
.top-slider-main .slider-box6{margin-left:850px; z-index:14;}
-
    margin:-25px 0 0 -25px;
+
 
-
    width:50px;
+
.top-slider-main div .left{position:relative; width:50px; height:100%; float:left; cursor:pointer; color:#FFF;}
-
    height:50px;
+
.top-slider-main div .content{
-
    background:#000 url(https://static.igem.org/mediawiki/2012/8/81/UnamgenomicsAjax-loader.gif) no-repeat center center;
+
position:relative;
-
    -moz-border-radius: 25px;
+
width:600px;
-
    -webkit-border-radius: 25px;
+
color:#000;
-
    border-radius: 25px;
+
float:left;
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size:1em;
 +
padding-top: 0px;
}
}
-
.cn-images{
+
.top-slider-main .slider-box1 .left{
-
    width: 100%;
+
background-color:#00994d;
-
    height: 100%;
+
-
    overflow: hidden;
+
-
    position: relative;
+
}
}
-
.cn-images img{
+
.top-slider-main .slider-box2 .left{
-
    position: absolute;
+
background-color:#c8da2a;
-
    top: 0px;
+
-
    left: 0px;
+
-
    display: none;
+
}
}
-
.cn-bar{
+
.top-slider-main .slider-box3 .left{
-
    background: transparent url(https://static.igem.org/mediawiki/2012/5/53/UnamgenomicsBar.png) repeat top left;
+
background-color:#ff8434;
-
    height: 74px;
+
-
    position: absolute;
+
-
    bottom: 0px;
+
-
    right: 50px;
+
-
    left: 50px;
+
-
    color: #f8f8f8;
+
-
z-index: 999;
+
}
}
-
.cn-nav-content{
+
.top-slider-main .slider-box4 .left{
-
    position: absolute;
+
background-color:#d94e81;
-
    top: 0px;
+
-
    height: 100%;
+
-
    right: 70px;
+
-
    left: 70px;
+
-
    overflow: hidden;
+
-
    text-shadow:1px 1px 1px rgba(0,0,0,0.2);
+
}
}
-
.cn-nav-content div{
+
.top-slider-main .slider-box5 .left{
-
    float: left;
+
background-color:#ff4b4b;
-
    width: 130px;
+
-
    color:#aaa;
+
}
}
-
.cn-nav-content span{
+
.top-slider-main .slider-box6 .left{
-
    color:#777;
+
background-color:#944dff;
-
}
+
-
.cn-nav-content div.cn-nav-content-current{
+
-
    text-align: center;
+
-
    width: 280px;
+
-
    position:absolute;
+
-
    top:0px;
+
-
    left:50%;
+
-
    margin-left:-140px;
+
-
}
+
-
.cn-nav-content h2,
+
-
.cn-nav-content h3{
+
-
    padding: 0;
+
-
    margin: 0;
+
-
    font-size: 12px;
+
-
    line-height:24px;
+
-
    font-family:Georgia, serif;
+
-
    font-style:italic;
+
-
}
+
-
.cn-nav-content h2{
+
-
    font-size:18px;
+
-
    color:#fff;
+
-
}
+
-
.cn-nav-content-current span{
+
-
    color:#d0ab47;
+
-
}
+
-
.cn-nav-content div.cn-nav-content-prev{
+
-
    margin-left: 20px;
+
-
}
+
-
.cn-nav-content div.cn-nav-content-next{
+
-
    text-align: right;
+
-
    margin-right: 20px;
+
-
    float:right;
+
-
}
+
-
.cn-nav-content div span{
+
-
    display: block;
+
-
    padding-top: 18px;
+
-
    text-transform: uppercase;
+
-
    font-weight: bold;
+
-
    letter-spacing: 2px;
+
-
}
+
-
.cn-nav > a{
+
-
    position: absolute;
+
-
    top: 0px;
+
-
    height: 70px;
+
-
    width: 70px;
+
-
}
+
-
a.cn-nav-prev{
+
-
    left: 0px;
+
-
}
+
-
a.cn-nav-next{
+
-
    right: 0px;
+
-
}
+
-
.cn-nav a span{
+
-
    width: 46px;
+
-
    height: 46px;
+
-
    display: block;
+
-
    text-indent: -9000px;
+
-
    -moz-border-radius: 23px;
+
-
    -webkit-border-radius: 23px;
+
-
    border-radius: 23px;
+
-
    cursor: pointer;
+
-
    opacity: 0.9;
+
-
    position: absolute;
+
-
    top: 50%;
+
-
    left: 50%;
+
-
    background-size: 17px 25px;
+
-
    margin: -23px 0 0 -23px;
+
-
    -webkit-transition: all 0.4s ease;
+
-
-moz-transition: all 0.4s ease;
+
-
-o-transition: all 0.4s ease;
+
-
-ms-transition: all 0.4s ease;
+
-
transition: all 0.4s ease;
+
-
}
+
-
.cn-nav a.cn-nav-prev span{
+
-
    background: #666 url(https://static.igem.org/mediawiki/2012/0/05/UnamgenomicsPrev.png) no-repeat center center;
+
-
}
+
-
.cn-nav a.cn-nav-next span{
+
-
    background: #666 url(https://static.igem.org/mediawiki/2012/f/f1/UnamgenomicsNext.png) no-repeat center center;
+
-
}
+
-
.cn-nav a div{
+
-
    width: 0px;
+
-
    height: 0px;
+
-
    position: absolute;
+
-
    top: 50%;
+
-
    left: 50%;
+
-
    overflow: hidden;
+
-
    background-size: 100% 100%;
+
-
    background-position: center center;
+
-
    background-repeat: no-repeat;
+
-
    margin: 0px;
+
-
    -moz-border-radius: 0px;
+
-
    -webkit-border-radius: 0px;
+
-
    border-radius: 0px;
+
-
    -webkit-transition: all 0.2s ease-out;
+
-
-moz-transition: all 0.2s ease-out;
+
-
-o-transition: all 0.2s ease-out;
+
-
-ms-transition: all 0.2s ease-out;
+
-
transition: all 0.2s ease-out;
+
-
}
+
-
.cn-nav a:hover span{
+
-
    width: 100px;
+
-
    height: 100px;
+
-
    -moz-border-radius: 50px;
+
-
    -webkit-border-radius: 50px;
+
-
    border-radius: 50px;
+
-
    opacity: 0.6;
+
-
    margin: -50px 0 0 -50px;
+
-
    background-size: 22px 32px;
+
-
    background-color:#a8872d;
+
-
}
+
-
.cn-nav a:hover div{
+
-
    width: 90px;
+
-
    height: 90px;
+
-
    background-size: 120% 120%;
+
-
    margin: -45px 0 0 -45px;
+
-
    -moz-border-radius: 45px;
+
-
    -webkit-border-radius: 45px;
+
-
    border-radius: 45px;  
+
}
}
 +
</style>
</style>
 +
 +
</head>
 +
 +
<body>
 +
</body>
</html>
</html>

Latest revision as of 07:30, 16 September 2012

Retrieved from "http://2012.igem.org/Template:Team:UNAM_Genomics_Mexico/Templates/css/style"