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;

}

Retrieved from "http://2013.igem.org/Team:TecMonterrey/css3"