Team:UC Chile/css/prueba.css

From 2013.igem.org

(Difference between revisions)
 
(138 intermediate revisions not shown)
Line 1: Line 1:
body{
body{
     background-image:url('https://static.igem.org/mediawiki/2013/3/36/Team_UC_Chile_ALL_Fondo.jpg');
     background-image:url('https://static.igem.org/mediawiki/2013/3/36/Team_UC_Chile_ALL_Fondo.jpg');
-
     width:1000px;
+
     width:1025px;
     margin:auto;
     margin:auto;
-
     padding-top:100px;     
+
     padding-top:10px;     
     overflow:scroll;
     overflow:scroll;
     text-decoration:none;
     text-decoration:none;
     text-align: center;
     text-align: center;
     font-size:16px;
     font-size:16px;
-
     font-family: Calibri;
+
     font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
     }     
     }     
Line 20: Line 20:
     width:1000px;     
     width:1000px;     
     height:330px;
     height:330px;
-
     margin-left:auto;
+
     margin-left:25px;
     margin-right:auto;
     margin-right:auto;
     margin-top: 20px;
     margin-top: 20px;
     margin-bottom: 20px;
     margin-bottom: 20px;
     display:block;
     display:block;
-
     position:relative;  
+
     position:relative;
}
}
Line 51: Line 51:
     padding-bottom:25px;
     padding-bottom:25px;
     display:block;
     display:block;
-
     margin-left:auto;
+
     margin-left:25px;
     margin-right:auto;
     margin-right:auto;
     background-color:#ffffff;
     background-color:#ffffff;
 +
    line-height: 1em;
}
}
#Container h1,h2,h3,h4,h5,h6,h7{
#Container h1,h2,h3,h4,h5,h6,h7{
 +
    margin:10px;
     margin-left:15px;
     margin-left:15px;
 +
    border:0px;
 +
    text-align:left;
 +
    padding:0px;
 +
}
 +
#Container h1{
 +
    display: block;
 +
    font-size:32px;
 +
}
 +
#Container h2{
 +
    font-size: 24px;
 +
}
 +
#Container h3{
 +
    font-size: 19px;
 +
    text-align:center;
 +
}
 +
#Container h4{
 +
    font-size: 16px;
 +
    text-align:left;
 +
}
 +
#Container h5{
 +
    font-size: 13px;   
 +
    text-align:left;
 +
}
 +
#Container h6{
 +
    font-size: 11px;   
 +
    text-align:left;
}
}
Line 70: Line 98:
margin:3%;
margin:3%;
padding:2%;
padding:2%;
 +
width:90%;
}
}
-
#Container .abstract{
+
#Container .gray_box h1,h2,h3,h4,h5,h6{
-
     margin:3%;
+
text-align:center;
-
     padding:2%;
+
}
 +
 
 +
#Container .normal-text{
 +
     margin:1%;
 +
     padding:1%;
 +
    width:96%;
     line-height:120%;
     line-height:120%;
     text-align:justify;
     text-align:justify;
Line 84: Line 118:
     text-align:center;
     text-align:center;
     margin:auto;
     margin:auto;
 +
    width:auto;
 +
    height:auto;
 +
}
 +
 +
#Container .Main_Title{
 +
display: block;
 +
color: #888888;
 +
text-align: center;
 +
font-size: 45px;
}
}
Line 202: Line 245:
#Calendar{
#Calendar{
display:inline-block;
display:inline-block;
 +
background-color:#8A8486;
text-align: center;
text-align: center;
width:956;
width:956;
 +
padding:11px;
min-height:500px;
min-height:500px;
vertical-align:top;
vertical-align:top;
 +
border-radius:10px;
}
}
Line 211: Line 257:
position:relative;
position:relative;
display:block;
display:block;
-
background-color:#218f9c;
+
background-color:#29abe2;
 +
border:2px solid #ffffff;
border-radius:10px;
border-radius:10px;
width:700px;
width:700px;
Line 222: Line 269:
width:50%;
width:50%;
left:25%;
left:25%;
 +
margin-top:8px;
}
}
Line 228: Line 276:
font-weight:bold;
font-weight:bold;
color:#ffffff;
color:#ffffff;
-
font-size:30px;
+
font-size:40px;
width:200px;
width:200px;
 +
vertical-align: middle;
margin-top:10px;
margin-top:10px;
padding-left:15px;
padding-left:15px;
Line 236: Line 285:
#Week-div{
#Week-div{
-
background-color:#218f9c;
+
background-color:#29abe2;
 +
border:2px solid #ffffff;
display:inline-block;
display:inline-block;
border-radius:10px;
border-radius:10px;
Line 244: Line 294:
min-height:300px;
min-height:300px;
vertical-align:top;
vertical-align:top;
 +
padding-top:13px;
}
}
-
#Week-div .week,#Week-div .days{
+
#Week-div .week{
display:inline-block;
display:inline-block;
-
height:50px;
+
height:34px;
vertical-align:middle;
vertical-align:middle;
-
margin:5px;
+
margin-top:13px;
-
margin:5px;
+
margin-bottom:13px;
}
}
 +
#Week-div .days{
 +
display:inline-block;
 +
height:50px;
 +
vertical-align:middle;
 +
margin-top:5px;
 +
margin-bottom:5px;
 +
}
#Week-div .days{display:none;}
#Week-div .days{display:none;}
#Week-div .calendar_span{
#Week-div .calendar_span{
display:inline-block;
display:inline-block;
 +
vertical-align:middle;
color:#ffffff;
color:#ffffff;
-
border:1px solid black;
+
font-weight:bold;
 +
font-size:16px;
 +
border:2px solid #ffffff;
border-radius:5px;
border-radius:5px;
padding:5px;
padding:5px;
Line 266: Line 327:
#Week-div .calendar_span:hover{
#Week-div .calendar_span:hover{
cursor:pointer;
cursor:pointer;
-
background-color:#33ffff;
+
background-color:#8ec63f;
}
}
Line 275: Line 336:
#Week-div .week_resume{
#Week-div .week_resume{
width:120px;
width:120px;
 +
font-size:18px;
}
}
#Week-div .invalid{
#Week-div .invalid{
background-color:#7e7e7e;
background-color:#7e7e7e;
 +
cursor:auto;
 +
}
 +
 +
#Week-div .invalid:hover{
 +
background-color:#7e7e7e;
 +
cursor:auto;
}
}
#Text-div{
#Text-div{
-
background-color:#218f9c;
+
background-color:#29abe2;
 +
border:2px solid #ffffff;
border-radius:10px;
border-radius:10px;
display:inline-block;
display:inline-block;
margin-top:20px;
margin-top:20px;
 +
padding-top:13px;
width:500px;
width:500px;
min-height:300px;
min-height:300px;
Line 295: Line 365:
text-align:justify;
text-align:justify;
font-weight:bold;
font-weight:bold;
-
font-size:20px;
+
font-size:25px;
 +
color:#ffffff;
text-decoration:underline;
text-decoration:underline;
margin:20px;
margin:20px;
Line 304: Line 375:
text-align:justify;
text-align:justify;
font-weight:bold;
font-weight:bold;
 +
color:#ffffff;
margin-top:15px;
margin-top:15px;
margin-left:25px;
margin-left:25px;
margin-right:25px;
margin-right:25px;
 +
font-size:18px;
}
}
 +
#Text-div ul{
 +
list-style: none;
 +
color:#000000;
 +
padding:0;
 +
margin:0;
 +
}
#Text-div li{
#Text-div li{
list-style-type:disc;
list-style-type:disc;
-
font-size:15px;
+
color:#ffffff;
 +
font-size:18px;
 +
padding-left: 3px;
}
}
Line 329: Line 410:
display:inline-block;
display:inline-block;
font-weight:bold;
font-weight:bold;
 +
vertical-align:middle;
 +
color:#ffffff;
font-size:30px;
font-size:30px;
-
padding:10px;
+
padding:6px;
border-radius:5px;
border-radius:5px;
-
height:30px;
+
margin-top:auto;
 +
margin-bottom:auto;
 +
margin-left:5px;
 +
margin-right:5px;
 +
height:18px;
}
}
#Calendar span.back:hover,#Calendar span.next:hover{
#Calendar span.back:hover,#Calendar span.next:hover{
cursor:pointer;
cursor:pointer;
-
background-color:#33ffff;
+
background-color:#8ec63f;
}
}
Line 385: Line 472:
filter:alpha(opacity=65);
filter:alpha(opacity=65);
-ms-filter:alpha(opacity=65);
-ms-filter:alpha(opacity=65);
-
}
 
-
 
-
#Container .abstract{
 
-
    margin:3%;
 
-
    padding:2%;
 
-
    text-align:justify;
 
-
    font-size:15px;
 
}
}
Line 401: Line 481:
#Container .imgMenu{
#Container .imgMenu{
-
     margin:3%;
+
     margin:1%;
-
     padding:2%;
+
     padding:1%;
 +
    width:96%
 +
    display:block;
 +
    text-align:center;
 +
}
 +
 
 +
#Container .imgMenu_Team{
 +
    margin:0px;
 +
    padding:0px;
     display:block;
     display:block;
     text-align:center;
     text-align:center;
Line 414: Line 502:
#Container .imgMenu_img {
#Container .imgMenu_img {
position:absolute;
position:absolute;
 +
top:0px;
 +
left:0px;
z-index:1;
z-index:1;
}
}
Line 422: Line 512:
}
}
-
/*.imgMenu_img_top{
+
#Container .imgMenu_img_top{
position:relative;
position:relative;
z-index:2;
z-index:2;
-
}*/
+
}
-
.imgMenu_text{
+
#Container .imgMenu_text{
display:inline-block;
display:inline-block;
position:relative;
position:relative;
 +
text-align:left;
padding-left:15px;
padding-left:15px;
-
margin-left:15px;
+
margin:15px;
width:685px;
width:685px;
-
white-space:wrap;
+
 
 +
 
}
}
-
.imgMenu_text > table, td, th{
+
#Container .imgMenu_text table, td, tr{
 +
white-space:pre-wrap;
 +
background-color:transparent;
 +
font-size: 16px;
 +
font-style: normal;
 +
font-weight: normal;
 +
}
 +
#Container table  td,tr{
vertical-align:top;
vertical-align:top;
 +
height:22px;
 +
padding:0px;
}
}
-
.col1{
+
#Container .col1{
white-space:nowrap;
white-space:nowrap;
}
}
-
.imgMenu_cont{
+
#Container .imgMenu_cont{
-
width:1000px;
+
margin:15px;
 +
padding-left:20px;
 +
background-color:#cccccc;
 +
width:930px;
 +
border-radius:15px;
}
}
Line 728: Line 833:
border:1px black solid;
border:1px black solid;
border-radius:10px;
border-radius:10px;
-
background-color:#eeeeee;
 
margin-left:4.5%;
margin-left:4.5%;
margin-right:4.5%;
margin-right:4.5%;
Line 734: Line 838:
}
}
.DropDown_info_head:hover{
.DropDown_info_head:hover{
-
background-color:#0CF7F7;
+
background-color:#8ec63f;
}
}
.DropDown_info_head{
.DropDown_info_head{
 +
background-color:#29abe2;
border-radius:10px;
border-radius:10px;
position:relative;
position:relative;
display:inline-block;
display:inline-block;
 +
color:#ffffff;
cursor: pointer;
cursor: pointer;
width:100%;
width:100%;
Line 765: Line 871:
/* Team: TU Delft */
/* Team: TU Delft */
-
#globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0; width: 100%; height:100%;}
+
#globalWrapper { background-color: transparent; border: none; margin: auto; padding: 0; width: auto; height:100%;overflow:hidden;}
-
#content { background-color: transparent; border: none; padding: 0; margin: 0; width: 100%; overflow: auto; height:100%;}
+
#content { background-color: transparent; border: none; padding: 0; margin: auto; width: auto; height:100%;overflow:hidden;}
-
#bodyContent {background-color:transparent; border: none; padding:0; margin:0; width:100%; height:100%;}
+
#bodyContent {background-color:transparent; border: none; padding:0; margin:auto; width:100%; height:100%;overflow:hidden;}
#top-section {display: block;position:fixed; height:0px; width:100%;z-index:999;border:none;}
#top-section {display: block;position:fixed; height:0px; width:100%;z-index:999;border:none;}
#p-logo {display: none;}
#p-logo {display: none;}
Line 785: Line 891:
/*To change*/
/*To change*/
-
#footer-box {display: block;border: none;margin-bottom:100px;}
+
#footer-box {display: block;border: none;margin-bottom:100px;margin-left:25px;margin-right:auto;width:990px;}
#f-list a { font-size: 11px;}
#f-list a { font-size: 11px;}
Line 803: Line 909:
position:absolute;
position:absolute;
top:0px;
top:0px;
-
left:0px;
+
left:35px;
z-index:5;
z-index:5;
}
}
Line 809: Line 915:
#menubar {
#menubar {
text-align:left;
text-align:left;
-
margin-left:150px;
+
margin-left:180px;
-
left:0px;
+
left:5px;
top:0px;
top:0px;
right:auto;
right:auto;
display:block;
display:block;
-
width:1000px;
+
width:auto;
height:30px;
height:30px;
margin:auto;
margin:auto;
position:fixed;
position:fixed;
background-color: transparent;
background-color: transparent;
 +
opacity:0;
 +
-khtml-opacity:0;
 +
-moz-opacity:0;
 +
filter: alpha(opacity=0);
 +
}
 +
#menubar:hover {
 +
opacity:1;
 +
-khtml-opacity:1;
 +
-moz-opacity:1;
 +
filter: alpha(opacity=100);
}
}
#menubar li{
#menubar li{
display:inline-block;
display:inline-block;
position:relative;
position:relative;
 +
border:1px solid #ffffff;
}
}
#menubar ul{
#menubar ul{
margin:5px;
margin:5px;
 +
}
 +
#menubar a:hover{
 +
color:#736357;
}
}
#menubar a{
#menubar a{
display:block;
display:block;
background-color: transparent;
background-color: transparent;
-
text-transform:uppercase;
+
font-size:12px;
text-decoration:none;
text-decoration:none;
text-align:left;
text-align:left;
 +
font-weight:bold
}
}
.left-menu#menubar{
.left-menu#menubar{
Line 842: Line 963:
top:20px;
top:20px;
}
}
 +
 +
.left-menu#menubar a:hover{
 +
color:#736357;
 +
}
 +
.left-menu#menubar li{
.left-menu#menubar li{
-
width:140px;
+
width:100px;
padding-left:10px;
padding-left:10px;
position:relative;
position:relative;
-
left:155px;
+
left:115px;
border-radius:10px;
border-radius:10px;
color: white;
color: white;
Line 854: Line 980:
.left-menu#menubar li:last-child{
.left-menu#menubar li:last-child{
text-transform:uppercase;
text-transform:uppercase;
 +
font-size:13px;
position:absolute;
position:absolute;
background-color:#8ec63f;
background-color:#8ec63f;
left:5px;
left:5px;
 +
font-weight:bold
}
}
.right-menu#menubar li{
.right-menu#menubar li{
-
width:140px;
+
width:100px;
background-color:#8A8486;
background-color:#8A8486;
border-radius:10px;
border-radius:10px;
Line 875: Line 1,003:
}
}
#content{
#content{
-
overflow:hidden;
+
overflow-y:hidden;
}
}
#aux-igem{
#aux-igem{
-
background-image:url('https://static.igem.org/mediawiki/2013/3/36/Team_UC_Chile_ALL_Fondo.jpg');
+
width:130px;
-
width:100%;
+
height:110px;
height:110px;
position:fixed;
position:fixed;
Line 886: Line 1,013:
top:0px;
top:0px;
z-index:100000;
z-index:100000;
-
opacity:0;
+
opacity:0.01;
 +
-khtml-opacity:0.01;
 +
-moz-opacity:0.01;
 +
filter: alpha(opacity=1);
}
}
#aux-igem:hover{
#aux-igem:hover{
opacity:1;
opacity:1;
 +
-khtml-opacity:1;
 +
-moz-opacity:1;
 +
filter: alpha(opacity=100);
}
}
 +
#hidden-links{
 +
width:110px;
 +
height:30px;
 +
position:fixed;
 +
text-align:center;
 +
font-weight:bold;
 +
left:-40px;
 +
top:30px;
 +
line-height:120%;
 +
font-size:12px;
 +
color:#ffffff;
 +
border:1px solid #6d6e72;
 +
background-color:#93c01f;
 +
z-index:100000;
 +
transform:rotate(90deg);
 +
-ms-transform:rotate(90deg);
 +
-webkit-transform:rotate(90deg);
 +
-o-transform:rotate(90deg);
 +
}
/* Wiki Hacks - END */
/* Wiki Hacks - END */
 +
/*
 +
################################################################################
 +
####################### Extra content format ###################################
 +
################################################################################
 +
*/
 +
 +
 +
#Container .img_float_right_legend{
 +
float:right;
 +
margin:20px;
 +
margin-rigth:0px;
 +
margin-left:15px;
 +
display:inline-block;
 +
}
 +
#Container .img_float_left_legend{
 +
float:left;
 +
margin:20px;
 +
margin-rigth:15px;
 +
margin-left:0px;
 +
display:inline-block;
 +
}
 +
 +
#Container .img_center_legend{
 +
text-align:center;
 +
margin:auto;
 +
margin-bottom:20px;
 +
margin-top:20px;
 +
display:block;
 +
}
 +
 +
#Container .legend{
 +
font-size:13px;
 +
text-align:center;
 +
margin-top:3px;
 +
margin-bottom:3px;
 +
}
 +
 +
#Container .fig-name{
 +
font-size:15px;
 +
text-align:center;
 +
margin-top:3px;
 +
margin-bottom:3px;
 +
}
 +
 +
#Container .tabla{
 +
border:2px solid black;
 +
border-collapse:collapse;
 +
}
 +
#Container .tabla th{
 +
color:#ffffff;
 +
padding-top:5px;
 +
padding-bottom:5px;
 +
text-align:center;
 +
font-weight:bold;
 +
border:2px solid black;
 +
border-collapse:collapse;
 +
background-color: #29abe2;
 +
}
 +
#Container .tabla td
 +
{
 +
padding-top:2px;
 +
padding-bottom:2px;
 +
border-left:2px solid black;
 +
border-right:2px solid black;
 +
border-top:1px solid black;
 +
border-bottom:1px solid black;
 +
border-collapse:collapse;
 +
}
 +
 +
#Container .subind{
 +
font-size:50%;
 +
}
 +
 +
#Container .supind{
 +
font-size:50%;
 +
position:relative;
 +
top:-10px;
 +
}
 +
 +
#Container .cursiva{
 +
font-style:italic;
 +
}
 +
 +
#Container .Referencias b{
 +
font-size:19px;
 +
}
 +
 +
#Container .Referencias{
 +
display:block;
 +
clear:both;
 +
padding-top:50px;
 +
padding-bottom:50px;
 +
margin:25px;
 +
font-size:15px;
 +
}
 +
 +
#Container .Referencias ul{
 +
list-style-type:none;
 +
list-style-image:none;
 +
margin:10px;
 +
}
 +
 +
#Container .Referencias li{
 +
text-align:justify;
 +
}
 +
 +
#Container ul{
 +
list-style-type:circle;
 +
list-style-image:none;
 +
}
 +
 +
#Container .boxed{
 +
margin:15px;
 +
padding:10px;
 +
border-radius:15px;
 +
border:2px solid #000000;
 +
}
 +
 +
#Container ul{
 +
list-style-type:none;
 +
list-style-image:none;
 +
}
 +
 +
#Container .ecuation{
 +
margin:auto;
 +
margin-top:8px;
 +
margin-bottom:8px;
 +
text-align:center;
 +
padding:10px;
 +
color:#0000ff;
 +
font-weight:bold;
 +
font-size:18px;
 +
}
 +
 +
 +
/*
 +
################################################################################
 +
####################### End of Extra content format ############################
 +
################################################################################
 +
*/

Latest revision as of 03:33, 28 September 2013

body{

   background-image:url('https://static.igem.org/mediawiki/2013/3/36/Team_UC_Chile_ALL_Fondo.jpg');
   width:1025px;
   margin:auto;
   padding-top:10px;    
   overflow:scroll;
   text-decoration:none;
   text-align: center;
   font-size:16px;
   font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
   }    

/*

                                            1. Header Div (Menu and Image)#######################################
  • /
  1. Header{
   width:1000px;    
   height:330px;
   margin-left:25px;
   margin-right:auto;
   margin-top: 20px;
   margin-bottom: 20px;
   display:block;
   position:relative;

}

  1. Header > img

{

   position:absolute;
   left:-35px;
   top:-36px;
   margin:auto;
   

}

/*

                                            1. Second Div (Containers)#######################################
  • /
  1. Container{
   width:1000px;
   overflow:none;
   margin-top: 30px;
   margin-bottom: 20px;
   padding-top:25px;
   padding-bottom:25px;
   display:block;
   margin-left:25px;
   margin-right:auto;
   background-color:#ffffff;
   line-height: 1em;

}

  1. Container h1,h2,h3,h4,h5,h6,h7{
   margin:10px;
   margin-left:15px;
   border:0px;
   text-align:left;
   padding:0px;

}

  1. Container h1{
   display: block;
   font-size:32px;

}

  1. Container h2{
   font-size: 24px;

}

  1. Container h3{
   font-size: 19px;
   text-align:center;

}

  1. Container h4{
   font-size: 16px;
   text-align:left;

}

  1. Container h5{
   font-size: 13px;    
   text-align:left;

}

  1. Container h6{
   font-size: 11px;    
   text-align:left;

}

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

}

  1. Container .gray_box{

display:inline-block; background-color:#8A8486; border-radius:15px; margin:3%; padding:2%; width:90%; }

  1. Container .gray_box h1,h2,h3,h4,h5,h6{

text-align:center; }

  1. Container .normal-text{
   margin:1%;
   padding:1%;
   width:96%;
   line-height:120%;
   text-align:justify;
   font-size:15px;

}

  1. Container .centered{
   display:block;
   text-align:center;
   margin:auto;
   width:auto;
   height:auto;

}

  1. Container .Main_Title{

display: block; color: #888888; text-align: center; font-size: 45px; }

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

}


/*

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

/*

                                            1. Photo Gallery ###########################################
  • /
  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:1500;
   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:1503;

}

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

}

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

}

/*

                                            1. End of Photo Gallery #######################################
  • /

/*

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

display:inline-block; background-color:#8A8486; text-align: center; width:956; padding:11px; min-height:500px; vertical-align:top; border-radius:10px; }

  1. Month-div{

position:relative; display:block; background-color:#29abe2; border:2px solid #ffffff; border-radius:10px; width:700px; height:55px; left:128px; }

  1. Month-header{

display:inline-block; width:50%; left:25%; margin-top:8px; }

  1. Month-header span.month{

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

  1. Week-div{

background-color:#29abe2; border:2px solid #ffffff; display:inline-block; border-radius:10px; margin-right:20px; margin-top:20px; width:430px; min-height:300px; vertical-align:top; padding-top:13px; }

  1. Week-div .week{

display:inline-block; height:34px; vertical-align:middle; margin-top:13px; margin-bottom:13px; }

  1. Week-div .days{

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

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

display:inline-block; vertical-align:middle; color:#ffffff; font-weight:bold; font-size:16px; border:2px solid #ffffff; border-radius:5px; padding:5px; margin-left:10px; }

  1. Week-div .calendar_span:hover{

cursor:pointer; background-color:#8ec63f; }

  1. Week-div .day{

height:35px; width:30px; }

  1. Week-div .week_resume{

width:120px; font-size:18px; }

  1. Week-div .invalid{

background-color:#7e7e7e; cursor:auto; }

  1. Week-div .invalid:hover{

background-color:#7e7e7e; cursor:auto; }

  1. Text-div{

background-color:#29abe2; border:2px solid #ffffff; border-radius:10px; display:inline-block; margin-top:20px; padding-top:13px; width:500px; min-height:300px; vertical-align:top; }

  1. Text-div .title{

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

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

text-align:justify; font-weight:bold; color:#ffffff; margin-top:15px; margin-left:25px; margin-right:25px; font-size:18px; }

  1. Text-div ul{

list-style: none; color:#000000; padding:0; margin:0; }

  1. Text-div li{

list-style-type:disc; color:#ffffff; font-size:18px; padding-left: 3px; }

  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; vertical-align:middle; color:#ffffff; font-size:30px; padding:6px; border-radius:5px; margin-top:auto; margin-bottom:auto; margin-left:5px; margin-right:5px; height:18px; }

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

cursor:pointer; background-color:#8ec63f; }

.notdisp{

   display:none;

}

.disp{

   display:block;

} /*

                          1. End of Calendar Items ##########################################
  • /

/*

                                              1. Image Menu ############################################
  • /

.in_the_flow{ visibility:visible; display:inline-block; }

.off_the_flow{ visibility:hidden; display:none; }

.transparente{ opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); }

.opaco{ opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); }

.opaco_2{ opacity:0.65; filter:alpha(opacity=65); -ms-filter:alpha(opacity=65); }

.foto_Team{ position:relative; float:left; margin:15px; }

  1. Container .imgMenu{
   margin:1%;
   padding:1%;
   width:96%
   display:block;
   text-align:center;

}

  1. Container .imgMenu_Team{
   margin:0px;
   padding:0px;
   display:block;
   text-align:center;

}

  1. Container .imgContainer{

display:inline-block; position:relative; }

  1. Container .imgMenu_img {

position:absolute; top:0px; left:0px; z-index:1; }

  1. Container .imgMenu_img_bottom{

position:relative; z-index:0; }

  1. Container .imgMenu_img_top{

position:relative; z-index:2; }

  1. Container .imgMenu_text{

display:inline-block; position:relative; text-align:left; padding-left:15px; margin:15px; width:685px;


}

  1. Container .imgMenu_text table, td, tr{

white-space:pre-wrap; background-color:transparent; font-size: 16px; font-style: normal; font-weight: normal; }

  1. Container table td,tr{

vertical-align:top; height:22px; padding:0px; }

  1. Container .col1{

white-space:nowrap; }

  1. Container .imgMenu_cont{

margin:15px; padding-left:20px; background-color:#cccccc; width:930px; border-radius:15px; }


/*

                                              1. End of Image Menu ######################################
  • /


/*

                                              1. Interactive Menu #######################################
  • /

/*---------------------- Rotaciones -------------------------------------*/

  1. MENU .d{

height:50px; width:84px; left:-44px; top:-25px; position:absolute; background-color:#555555; cursor:pointer; }

  1. MENU .d2{

transform:rotate(60deg); -ms-transform:rotate(60deg); -webkit-transform:rotate(60deg); -o-transform:rotate(60deg); }

  1. MENU .d3{

transform:rotate(-60deg); -ms-transform:rotate(-60deg); -webkit-transform:rotate(-60deg); -o-transform:rotate(-60deg); }

/*------------------- Fin - Rotaciones ---------------------------------*/

  1. MENU .visible {
 visibility: visible;
 opacity: 1;

}

  1. MENU .oculto {
 visibility: hidden;
 opacity: 0;
 -webkit-transition: visibility 0s 0s;
 -moz-transition: visibility 0s 0s;
 -o-transition: visibility 0s 0s;
 transition: visibility 0s 0s;

}

  1. MENU{

width:270px; height:270px; position:absolute; left:52px; bottom:-110px; z-index:1000; }

  1. MENU > img{

position:absolute; z-index:-1; }

  1. MENU .new_menu

{ width:270px; height:270px; position:relative; display:inline-block; -webkit-transition: -webkit-transform 1s; -moz-transition: -moz-transform 1s; -o-transition: -o-transform 1s; transition: transform 1s,-ms-transform 1s; }


  1. MENU .text{

height:40px; width:88px; left:-44px; top:-25px; padding-top:10px; vertical-align:middle; display:inline-block; position:absolute; font-family:arial; text-align:center; line-height:120%; color:#ffffff; font-size:13px; font-weight:bolder; text-decoration:none; cursor:pointer; -webkit-transition: -webkit-transform 1s; -moz-transition: -moz-transform 1s; -o-transition: -o-transform 1s; transition: transform 1s, ms-transform 1s; }

  1. MENU .hexa{

position:absolute; display:inline-block; -webkit-transition: -webkit-transform 1s, -webkit-appearance 1s; -moz-transition: -moz-transform 1s, -moz-animation 1s; -o-transition: -o-transform 1s, -o-animation 1s; transition: transform 1s, ms-transform 1s; }


  1. MENU .hexa > .rec{

background-color:#83cfcb; border-left: 2px solid #8ec63f; border-right: 2px solid #8ec63f; }

  1. MENU .sele > .rec{

background-color:#8ec63f; border-left: 2px solid #83cfcb; border-right: 2px solid #83cfcb; }

  1. MENU .h7 > .rec{

background-color:#ffffff; }

  1. MENU .h7 > .text{

color:#000000; }


  1. MENU ul.sub{

width:675px; height:50px; position:absolute; text-align:left; /*background-color:#6d6e72;*/ left:-275px; top:-25px; list-style-type:none; padding-left:350px; margin: 0px; z-index:-30; -webkit-transform-origin:275px 25px; -moz-transform-origin:275px 25px; -o-transform-origin:275px 25px; transform-origin:275px 25px; -webkit-transition: visibility 0s 1s; -moz-transition: visibility 0s 1s; -o-transition: visibility 0s 1s; transition: visibility 0s 1s; }

.sub > li { position:relative; display:inline-block; background-color:#8ec63f; border: 2px solid #83cfcb; vertical-align:top; padding-top:4px; padding-bottom:2px; top:5px; margin-left:10px; height:30px; width:140px; font-family:arial; text-align:center; color:#ffffff; font-size:12px; font-weight:bolder; text-decoration:none; cursor:pointer; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

.sub > li > a{ left:0px; top:0px; position:absolute; width:100%; height:100%; padding:0px; margin:0px; }

.sub > li:hover{ background-color:#aaaaff; }


/*--------------------- Posiciones --------------------------------------*/ /* Hexagono 1 */ .h1{ top:135px; left:47px; } /* Hexagono 2 */ .h2{ top:58px; left:91px; } /* Hexagono 3 */ .h3{ top:58px; left:179px; } /* Hexagono 4 */ .h4{ top:135px; left:223px; } /* Hexagono 5 */ .h5{ top:212px; left:179px; } /* Hexagono 6 */ .h6{ top:212px; left:91px; } /* Hexagono 7 */ .h7{ top:135px; left:135px; }

/*Positions of sub items*/ .pos1{ -webkit-transition: opacity 0.25s linear 1s; -moz-transition: opacity 0.25s linear 1s; -o-transition: opacity 0.25s linear 1s; transition: opacity 0.25s linear 1s; } .pos2{ -webkit-transition: opacity 0.25s linear 1.2s; -moz-transition: opacity 0.25s linear 1.2s; -o-transition: opacity 0.25s linear 1.2s; transition: opacity 0.25s linear 1.2s; } .pos3{ -webkit-transition: opacity 0.25s linear 1.4s; -moz-transition: opacity 0.25s linear 1.4s; -o-transition: opacity 0.25s linear 1.4s; transition: opacity 0.25s linear 1.4s; } .pos4{ -webkit-transition: opacity 0.25s linear 1.6s; -moz-transition: opacity 0.25s linear 1.6s; -o-transition: opacity 0.25s linear 1.6s; transition: opacity 0.25s linear 1.6s; } .pos5{ -webkit-transition: opacity 0.25s linear 1.8s; -moz-transition: opacity 0.25s linear 1.8s; -o-transition: opacity 0.25s linear 1.8s; transition: opacity 0.25s linear 1.8s; }

/*---------------------- End-Posiciones ----------------------------------*/

/*

                                              1. End of Interactive Menu ################################
  • /

/*

                                              1. DropDown Info ##########################################
  • /

.DropDown_info{ display:inline-block; border:1px black solid; border-radius:10px; margin-left:4.5%; margin-right:4.5%; width:90%; } .DropDown_info_head:hover{ background-color:#8ec63f; } .DropDown_info_head{ background-color:#29abe2; border-radius:10px; position:relative; display:inline-block; color:#ffffff; cursor: pointer; width:100%; } .DropDown_info_text{ display:inline-block; margin:10px; }

.DropDown_info_down, .DropDown_info_up{ position:absolute; width:10px; right:10px; top:10px; }

/*

                                              1. End of DropDown Info ###################################
  • /

/* Wiki Hacks - START */ /* Author: Pieter van Boheemen */ /* Team: TU Delft */

  1. globalWrapper { background-color: transparent; border: none; margin: auto; padding: 0; width: auto; height:100%;overflow:hidden;}
  2. content { background-color: transparent; border: none; padding: 0; margin: auto; width: auto; height:100%;overflow:hidden;}
  3. bodyContent {background-color:transparent; border: none; padding:0; margin:auto; width:100%; height:100%;overflow:hidden;}
  4. top-section {display: block;position:fixed; height:0px; width:100%;z-index:999;border:none;}
  5. p-logo {display: none;}


  1. footer { border: none; width: 100%; margin: 0 auto; padding: 0;}


/*To hide*/

  1. catlinks{display:none;} /* separator between page content and footer-box */

.firstHeading{display:none;} /* page name on top of page*/ .visualClear{display:none;} /* empty div above of content*/

  1. search-controls {display: block;}


/*To change*/

  1. footer-box {display: block;border: none;margin-bottom:100px;margin-left:25px;margin-right:auto;width:990px;}
  2. f-list a { font-size: 11px;}


.printfooter { display: none; }

  1. search-controls { display:none; }

h3#siteSub { display: none;}

  1. contentSub {display: none;}

p:first-child { display: none;}

/*New styles*/

  1. igem-logo{

width:130px; height:105px; position:absolute; top:0px; left:35px; z-index:5; }

  1. menubar {

text-align:left; margin-left:180px; left:5px; top:0px; right:auto; display:block; width:auto; height:30px; margin:auto; position:fixed; background-color: transparent; opacity:0; -khtml-opacity:0; -moz-opacity:0; filter: alpha(opacity=0); }

  1. menubar:hover {

opacity:1; -khtml-opacity:1; -moz-opacity:1; filter: alpha(opacity=100); }

  1. menubar li{

display:inline-block; position:relative; border:1px solid #ffffff; }

  1. menubar ul{

margin:5px; }

  1. menubar a:hover{

color:#736357; }

  1. menubar a{

display:block; background-color: transparent; font-size:12px; text-decoration:none; text-align:left; font-weight:bold } .left-menu#menubar{ top:55px; margin-left:150px; } .right-menu#menubar{ margin-left:150px; top:20px; }

.left-menu#menubar a:hover{ color:#736357; }

.left-menu#menubar li{ width:100px; padding-left:10px; position:relative; left:115px; border-radius:10px; color: white; background-color: #83cfcb; }

.left-menu#menubar li:last-child{ text-transform:uppercase; font-size:13px; position:absolute; background-color:#8ec63f; left:5px; font-weight:bold } .right-menu#menubar li{ width:100px; background-color:#8A8486; border-radius:10px; text-align:left; padding-left:10px; } .right-menu#menubar a{ text-transform:uppercase; background-color: transparent; } .left-menu#menubar a{ text-transform:uppercase; background-color: transparent; color:#ffffff; }

  1. content{

overflow-y:hidden; }

  1. aux-igem{

width:130px; height:110px; position:fixed; left:0px; top:0px; z-index:100000; opacity:0.01; -khtml-opacity:0.01; -moz-opacity:0.01; filter: alpha(opacity=1); }

  1. aux-igem:hover{

opacity:1; -khtml-opacity:1; -moz-opacity:1; filter: alpha(opacity=100); }

  1. hidden-links{

width:110px; height:30px; position:fixed; text-align:center; font-weight:bold; left:-40px; top:30px; line-height:120%; font-size:12px; color:#ffffff; border:1px solid #6d6e72; background-color:#93c01f; z-index:100000; transform:rotate(90deg); -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); } /* Wiki Hacks - END */ /*

                                              1. Extra content format ###################################
  • /


  1. Container .img_float_right_legend{

float:right; margin:20px; margin-rigth:0px; margin-left:15px; display:inline-block; }

  1. Container .img_float_left_legend{

float:left; margin:20px; margin-rigth:15px; margin-left:0px; display:inline-block; }

  1. Container .img_center_legend{

text-align:center; margin:auto; margin-bottom:20px; margin-top:20px; display:block; }

  1. Container .legend{

font-size:13px; text-align:center; margin-top:3px; margin-bottom:3px; }

  1. Container .fig-name{

font-size:15px; text-align:center; margin-top:3px; margin-bottom:3px; }

  1. Container .tabla{

border:2px solid black; border-collapse:collapse; }

  1. Container .tabla th{

color:#ffffff; padding-top:5px; padding-bottom:5px; text-align:center; font-weight:bold; border:2px solid black; border-collapse:collapse; background-color: #29abe2; }

  1. Container .tabla td

{ padding-top:2px; padding-bottom:2px; border-left:2px solid black; border-right:2px solid black; border-top:1px solid black; border-bottom:1px solid black; border-collapse:collapse; }

  1. Container .subind{

font-size:50%; }

  1. Container .supind{

font-size:50%; position:relative; top:-10px; }

  1. Container .cursiva{

font-style:italic; }

  1. Container .Referencias b{

font-size:19px; }

  1. Container .Referencias{

display:block; clear:both; padding-top:50px; padding-bottom:50px; margin:25px; font-size:15px; }

  1. Container .Referencias ul{

list-style-type:none; list-style-image:none; margin:10px; }

  1. Container .Referencias li{

text-align:justify; }

  1. Container ul{

list-style-type:circle; list-style-image:none; }

  1. Container .boxed{

margin:15px; padding:10px; border-radius:15px; border:2px solid #000000; }

  1. Container ul{

list-style-type:none; list-style-image:none; }

  1. Container .ecuation{

margin:auto; margin-top:8px; margin-bottom:8px; text-align:center; padding:10px; color:#0000ff; font-weight:bold; font-size:18px; }


/*

                                              1. End of Extra content format ############################
  • /