Team:TecMonterrey/css3

From 2013.igem.org

Revision as of 22:27, 28 October 2013 by Esdras Ab (Talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

h1{

   font-family: 'Happy Monkey', cursive;
   text-align:center;

} h2{

   font-family: 'Happy Monkey', cursive;
   text-align:center;

} h3{

   font-family: 'Happy Monkey', cursive;

} h4{

   font-family: 'Happy Monkey', cursive;

} h4.BioI{

   color:#68d0ef;
   font-family: 'Happy Monkey', cursive;
   text-align:center;

} p{

   font-family: 'Happy Monkey', cursive;
   text-align:justify;

} body{

   padding:0;
   margin:0;
   min-width:1150px;
   min-height:300px;
   min-height:300px;

} table,th,td{

   font-family: 'Happy Monkey', cursive;
   text-align:center;
   border: 1px solid #B1B2B5;
   border-collapse:collapse;
   padding:5px;

} table{

   display:table;
   margin:20px auto;
   border:2px;

} tbody{

   display: table-row-group;

} li{

   list-style:none;

} img.BB{

   display:block;
   width:900px;
   height:150px;
   margin:20px auto;

} img.cuadro{

   width:400px;
   height:400px;
   display:block;
   margin:0 auto;

} img.inline{

   display:inline-block;
   float:right;
   margin:10px;

} ol{

   font-family: 'Happy Monkey', cursive;
   text-align:justify;
   text-indent:20px;

} ol.letras{

   font-family: 'Happy Monkey', cursive;
   list-style-type:upper-latin;

} ul.texto{

   font-family: 'Happy Monkey', cursive;
   color:#000000;
   text-indent:20px;

} ul {

   margin:0;
   padding:0;
   list-style-type:none;
   text-align:justify;

} ul#navigation {

   margin-top:20px;
   float:left;
   width:1000px;
   text-align:center;

} ul#navigation li {

   float:left;
   padding:0px 2px;
   /*border:1px black solid;*/
   min-width:100px;

} ul.sub_navigation {

   border-radius:5px;
   border-top-left-radius:0px;
   background-color:#c5edf8;
   position:absolute;
   display:none;
   padding:0px;
   max-width:200px;

} ul.sub_navigation li {

   background-color:transparent;
   border:10px solid;
   border-color: transparent;
   border-radius:5px;
   width:170px;
   text-align:left;
   clear:both;

} a{

   color:black;
   font-family: 'Happy Monkey', cursive;
   text-decoration:none;

} a:hover{

   color:black;
   font-family: 'Happy Monkey', cursive;
   text-decoration:none;

} a:active{

   color:#aeefc0;
   margin:0px;

}, a:visited {

   color:inherit;
   display:block;
   padding:10px;

} a.t{

   color:#f1c5f8;
   font-family: 'Happy Monkey', cursive;
   text-decoration:none;
   font-weight:bold;

} a.t:hover{

   color:#aeefc0;
   font-weight:bolder;

} a.t:active{

   color:#aeefc0;
   margin:0px;

}, a.t:visited {

   color:#c5edf8;
   display:block;
   padding:10px;

} a.tag{

   color:black;
   font-family: 'Happy Monkey', cursive;
   text-decoration:none;

} a.tag:active{

   color:#aeefc0;
   margin:0px;

}, a.tag:visited {

   color:inherit;
   display:block;
   padding:10px;

} a.ancla{

   color:black;
   font-family: 'Happy Monkey', cursive;
   text-decoration:none;
   position:absolute;
   top:-100px;

} a.ancla:active{

   color:black;
   font-family: 'Happy Monkey', cursive;
   text-decoration:none;

} a.ancla:visited{

   color:black;
   font-family: 'Happy Monkey', cursive;
   text-decoration:none;

} div.menuhover{

   font-family: 'Happy Monkey', cursive;
   padding:2px 22px;
   position:absolute;
   bottom:0px;
   opacity:0;
   color:#68d0ef;
   background-color:#68d0ef;
   border-top-left-radius:6px;
   border-top-right-radius:6px;
   border-bottom-right-radius:0px;
   border-bottom-left-radius:0px;
   z-index:-1;
   width:inherit;
   height:20px;

}

  1. video_background {
   position:inherit;
   width:100%;
   top:0px;
   z-index: -1000;
   -webkit-filter: brightness(1.1);

}

  1. fondoHeader{
   width:100%;
   height:100px;
   background:linear-gradient( 0deg, #aeefc0, #aeefc0 83%, #ffffff 100% );
   position:fixed;
   top:0px;
   margin:0px;
   padding:0px;
   border:0px;
   box-shadow:0px 0px 5px 1px #aeefc0;
   z-index:30;

}

  1. logoiGEMmty{
   position:absolute;
   left:5px;
   top:10px;
   height:120px;
   width:150px;

}

  1. logoiGEM{
   position:absolute;
   right:5px;
   top:10px;
   height:115px;
   width:140px;

}

  1. menuCont{
   width:1000px;
   margin:0 auto;
   padding:0px;
   border:0px;

}

  1. dude{
   position:relative;
   width:1000px;
   margin-right:auto;
   margin-left:auto;
   margin-top:130px;
   margin-bottom:0px;
   padding-bottom:0px;

} img.intro{

   position:absolute;
   left:0px;
   top:0px;
   width:380px;
   height:380px;
   margin-bottom:5px;

}

  1. anim{
   position:relative;
   margin-left:100px;
   padding:0px;
   float:left;
   margin-bottom:5px;

}

  1. text{
   padding:0px;
   margin-right:100px;
   float:right;
   width:380px;
   height:380px;
   margin-bottom:5px;

} div.circ{

   position:absolute;
   width: 70px;
   height: 70px;
   -moz-border-radius: 50%; 
   -webkit-border-radius: 50%; 
   border-radius: 50%;
   background-color: #aeefc0;
   text-align:center;
   opacity:0.3;

} div.over{

   margin:0px;
   position:absolute;
   width: 70px;
   height: 70px;
   -moz-border-radius: 50%; 
   -webkit-border-radius: 50%; 
   border-radius: 50%;
   background-color: #aeefc0;
   opacity:0;

} div.rtrn{

   margin:0px;
   position:absolute;
   width: 70px;
   height: 70px;
   -moz-border-radius: 50%; 
   -webkit-border-radius: 50%; 
   border-radius: 50%;
   background-color: #aeefc0;
   opacity:0.6;
   font-family: 'Happy Monkey', cursive;
   color:#68d0ef;
   text-align:center;
   display:none;
   z-index:20;

} .buttoni{

   opacity:0.3;
   display:block;
   margin:5px auto;
   width:50px;
   height:50px;

} .buttona{

   opacity:1;
   display:block;
   margin:5px auto;
   width:50px;
   height:50px;

} /*Formato del Notebook*/

  1. grid{
   width:1000px;
   height:462px;
   margin:auto;
   margin-top:120px;
   position:relative;
   z-index:0;

}

  1. fondo{
   width:1008px;
   height:466px;
   left:0px;
   top:0px;
   position:absolute;
   background-color:#E6EEFC;
   border-radius:5px;
   opacity:0;
   z-index:1;

} .cell{

   opacity:0.7;
   margin: 2px 2px 2px 2px;
   background-color:#c5edf8;
   border-radius:5px;
   position:absolute;
   float:left;
   height:150px;
   width: 160px;
   text-align:center;
   vertical-align:middle;
   z-index:10;

} .lbl{

   position:absolute;
   font-family: 'Happy Monkey', cursive;
   font-weight:bolder;
   font-size:20px;
   color:#ffffff;
   opacity:0.7;

} .parrafo{

   padding-left:40px;
   position:relative;
   float:left;
   margin-left:64px;
   margin-right:34px;
   height:400px;
   width:360px;

} .mes{

   font-family: 'Happy Monkey', cursive;
   color:#797a7a;
   position:relative;
   text-align:center;
   z-index:15;

} .texto{

   font-family: 'Happy Monkey', cursive;
   color:#797a7a;
   position:relative;

} .textosub{

   text-decoration:underline;
   font-family: 'Happy Monkey', cursive;
   color:#797a7a;
   position:relative;

} .textos{

   font-family: 'Happy Monkey', cursive;
   color:#797a7a;
   position:relative;
   font-size:10px;

} .textosubs{

   text-decoration:underline;
   font-family: 'Happy Monkey', cursive;
   color:#797a7a;
   position:relative;
   font-size:10px;;

}

  1. boton{
   text-align:center;
   font-family: 'Happy Monkey', cursive;
   font-weight:bolder;
   color:#797a7a;
   position:absolute;
   bottom:10px;
   right:30px;
   z-index:5;

}

  1. slider{
   width:26px;
   margin-top:15px;
   padding:0px;
   position:relative;
   float:left;

}

  1. foto{
   position:relative;
   float:left;
   margin:10px;
   padding:0px;
   background-color:green;
   width:280px;
   height:360px;

}

  1. descr{
   background-color:grey;
   position:relative;
   float:right;
   margin:10px;
   width:600px;
   height:360px;

} div.mark{

   margin:3px;
   display:block;
   float:right;
   background-color:#68d0ef;
   opacity:0.5;
   width:20px;
   height:9px;

} div.markd{

   margin:3px;
   display:block;
   float:right;
   background-color:#68d0ef;
   opacity:1;
   width:20px;
   height:20px;

} .prt{

   display:none;
   width:280px;
   height:360px;

}

  1. nxt{
   position:absolute;
   background-color:yellow;
   width:20px;
   height:80px;
   opacity:0.8;

}

  1. prv{
   position:absolute;
   background-color:yellow;
   width:20px;
   height:80px;
   opacity:0.8;

} ul.list{

   font-family: 'Happy Monkey', cursive;
   list-style-type:circle;
   list-style-position:inside;

}