Team:UC Chile/css/prueba.css

From 2013.igem.org

Revision as of 01:31, 11 August 2013 by Fierices (Talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

body{ 

   background-image:url('Img/Fondo.jpg');
   overflow:scroll;
   text-decoration:none;
   text-align: center;    
   font-size:16px;
   font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
   }

/*

                                            2. First Div (Menu and Image)#######################################
  • /
  1. first{ 
   width:1000px;    
   margin-top: 20px;

margin-bottom: 20px; 

   border-width: 2px;

border-style: dashed; 

   border-color: #000000;    
   display:inline-block;

}

  1. first > img

{ 

   max-width:100%;
   max-height:100%;
   margin:auto;

}

  1. first ul.Menu{ 
   background-color:#000000;
   margin:0px;
   padding:0px;
   width:1000px;
   padding-bottom:5px;
   padding-top:5px;

}

  1. first a{ 
   color:#ffffff;
   text-decoration:none;
   font-weight:bold;
   margin: 0px;
   display: block;
   width: 100%;

}

/*Cada uno de los items del menu (horizontal)*/

  1. first ul.Menu li.aux { 
   width:150px;
   position:relative;
   background-color:#000000;
   display:inline-block;
   color:#ffffff;
   font-weight:bold;
   /*font-size:16px;*/
   margin:0px;
   padding:0px;
   border-width:2px;
   border-color:#ffffff;
   border-top-left-radius:10px;
   border-top-right-radius:10px;
   padding-top:10px;   
   /*font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;*/

}

  1. first li.sep{ 
   display:inline-block;
   color:#ffffff;
   padding-top:10px;
   font-weight:bold;

}

/*Lista que aparece al estar sobre el menu*/

  1. first ul.Sub_Menu{ 
   background-color:#ffffff;
   text-align:left;
   position:absolute;
   visibility:hidden;
   padding:0px;
   margin:0px;
   left:-2px;
   list-style-type:none;
   border-width:2px;

border-style:solid; 

   border-color:#000000;
   border-bottom-left-radius:10px;
   border-bottom-right-radius:10px;    
   width:150px;
   z-index:2;

}

  1. first ul.Sub_Menu li:last-child{ 
   border-bottom-left-radius:10px;
   border-bottom-right-radius:10px;

} /*Texto dentro del sub menu*/

  1. first ul.Sub_Menu a{ 
   color:#000000;

}

  1. first ul.Sub_Menu li{ 
   padding-left:10px;

}


/*

                                            2. Second Div (Containers)#######################################
  • /
  1. second{ 
   width:1000px;
   overflow:hidden;
   margin-top: 20px;

margin-bottom: 20px; display:inline-block; }

  1. header{ 
   list-style-type:none;
   text-align: left;
   padding-left:0px;
   margin:0px;
   background:none;

}

  1. header > li{ 
   display:inline-block;
   color:#000000;
   border-top-left-radius:10px;
   border-top-right-radius:10px;
   padding:10px;
   padding-bottom:5px;
   margin:0px;
   font-weight:bold;
   position:relative;
   bottom:-2;
   cursor: pointer;

}

  1. header a{ 
   color:#000000;
   text-decoration:none;
   font-weight:bold;
   margin: 0px;
   /*font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;*/

}

  1. second .Disp1{ 
   background-color:#ffffff;
   border-top:2px dashed #000000;
   border-left:2px dashed #000000;
   border-right:2px dashed #000000;
   border-bottom:2px solid #ffffff;
   z-index:1

}

  1. second .Disp2{ 
   background-color:#cccccc;
   border:0px;

}

  1. second .float_img > img{ 
   float:left;

}

  1. second .container{ 
   background-color:#ffffff;
   border-top:2px dashed #000000;
   border-bottom:2px dashed #000000;
   border-left:2px dashed #000000;
   border-right:2px dashed #000000;
   padding:0px;
   position:relative;
   bottom:0; 
   text-align: left;
   background-image:url("Img/Container.jpg");
   background-repeat:no-repeat;
   background-position:center bottom;

}

  1. second .subcont > div{ 
   margin:20px;
   display:inline-block;

}

  1. brainstorming > li{ 
   list-style-type:circle;

}

  1. photogallery{ 
   margin:10px;

}

  1. photogallery li > img{ 
   height:250px;
   width:250px;
   margin:15px;
   border:2px solid #000000;

}

  1. photogallery >li{ 
   display:inline-block;
   background-color:#cccccc;
   list-style-type: none;
   border-radius:10px;

}

  1. photogallery >li:hover{ 
   cursor:pointer;
   background-color:#33ffff;

}

  1. V1{ 
   width:100%;
   height:100%;
   position:fixed;
   top:0px;
   right:0px;
   margin:0px;
   padding:0px;
   background-color:rgba(204,204,204,0.4);
   z-index:3;
   text-align:center;
   visibility:hidden;

}

  1. I1{ 
   position:relative;
   top:15%;
   left:15%;
   width:70%;
   height:70%;
   text-align:center;

}

  1. I1 img{ 
   width:100%;
   height:100%;

}

  1. I1 .Img{ 
   position:absolute;
   right:0px;
   top:0px;
   z-index:2;

}

  1. I1 .Close{ 
   position:absolute;
   right:-15px;
   top:-15px;
   height:30px;
   width:30px;
   z-index:3;

}

  1. I1 .Prev{ 
   position:absolute;
   left:0px;
   top:45%;
   height:50px;
   width:50px;
   z-index:3;

}

  1. I1 .Next{ 
   position:absolute;
   right:0px;
   top:45%;
   height:50px;
   width:50px;
   z-index:3;

}

/*

                                            2. End of Second Div #######################################
  • /

/*

                                            2. Banner ##################################################
  • /
  1. banner{ 
   width:1000px;
   text-align: center;
   margin-top: 20px;

margin-bottom: 20px; background-color:#ffffff; 

   border-top:2px dashed #000000;
   border-bottom:2px dashed #000000;
   border-left:2px dashed #000000;
   border-right:2px dashed #000000;

background-image:url("Img/Banner.jpg"); 

   background-repeat:no-repeat;
   background-position:center bottom;
   display:inline-block;

}

  1. banner ul{ 
   padding:0px;
   margin:0px;
   border:0px;
   list-style-type:none;

}

  1. banner li{ 
   padding:25px;
   display:inline-block;    
   position:relative;
   border:0px;

}

  1. banner img{ 
   margin:0px;
   border:0px;

} /*

                                            2. End of Banner ###########################################
  • /


/*

                          2. Clases for Calendar Items #######################################
  • /
  1. Calendar{

display:inline-block; text-align: center; width:956; min-height:500px; vertical-align:top; }

  1. Month-div{

position:relative; display:block; background-color:#218f9c;

border-radius:10px; width:700px; height:55px; left:128px; }

  1. Month-header{

display:inline-block; width:50%; left:25%; }

  1. Month-header span.month{

display:inline-block; font-weight:bold; color:#ffffff; font-size:30px; width:200px; margin-top:10px; padding-left:15px; padding-right:15px; }

  1. Week-div{

background-color:#218f9c; display:inline-block; border-radius:10px; margin-right:20px; margin-top:20px; width:430px; min-height:300px; vertical-align:top; }

  1. Week-div .week,#Week-div .days{

display:inline-block; height:50px; vertical-align:middle; margin:5px; margin:5px; }

  1. Week-div .days{display:none;}
  1. Week-div .calendar_span{

display:inline-block; color:#ffffff; border:1px solid black; border-radius:5px; padding:5px; margin-left:10px; }

  1. Week-div .calendar_span:hover{

cursor:pointer; background-color:#33ffff; }

  1. Week-div .day{

height:35px; width:30px; }

  1. Week-div .week_resume{

width:120px; }

  1. Week-div .invalid{

background-color:#7e7e7e; }

  1. Text-div{

background-color:#218f9c; border-radius:10px; display:inline-block; margin-top:20px; width:500px; min-height:300px; vertical-align:top; }

  1. Text-div .title{

display:block; text-align:justify; font-weight:bold; font-size:20px; text-decoration:underline; margin:20px; margin-bottom:15px; }

  1. Text-div .resume,#Text-div .text{

text-align:justify; font-weight:bold; margin-top:15px; margin-left:25px; margin-right:25px; }

  1. Text-div li{

list-style-type:disc; font-size:15px; }

  1. Text-div .red{

color:#980000; }

  1. Text-div .blue{

color:#000098; }

  1. Text-div img{

display:block; }

  1. Calendar span.back, #Calendar span.next{

display:inline-block; font-weight:bold; font-size:30px; padding:10px; border-radius:5px; height:30px; }

  1. Calendar span.back:hover,#Calendar span.next:hover{

cursor:pointer; background-color:#33ffff; }

.notdisp{ 

   display:none;

}

.disp{ 

   display:block;

}

Retrieved from "http://2013.igem.org/Team:UC_Chile/css/prueba.css"