Team:Valencia UPV/homecss

/*clear wiki syling*/

  1. contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;}
  2. globalWrapper, #content { /*-- changes default wiki settings --*/
 width: 100%; 
 height: 100%;
 border: 0px;
 background-color: transparent;
 margin: 0px;
 padding: 0px;

}

/* Remove wiki style DTU Denmark */

  1. contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
   display:none;}
  1. top-section {
   border: none;
   height: 0px;}
  1. content {
   border: none;}
  1. iGEM2016

{ position: fixed; height:50px; top: 22px !important; margin-left: -20px !important; background-color: transparent; vertical-align: sub; }


  1. sideMenu{display: none;}

div.logo_2016 {display: none;}

  1. top_menu_inside{ margin: 0 auto;}
  1. top_title{ margin: 0;}
  1. HQ_page p{ margin: 0;}

li.has_submenu a{ 

 font-size:13px;

}

html,body{ 

 margin: 0;
 padding: 0;
 width:100%;
 height:100%;

}

body{ 

font-family: 'PT Sans', sans-serif !important;

}

  1. HQ_page p{
font-family: 'PT Sans', sans-serif !important;

}

/*main logo*/

  1. hype_logo{
width:220px;
margin: 1em 0 0 1em;
position:fixed;
z-index: 100;

}

/*navbar*/

  1. navback{
background-color: black;

}

div#navbar{ 

background-color:black;
margin-top: 16px;
margin-left: 12.6em;

}

div#navbar a{ 

 color: #f5f5f5;
 margin-bottom: 5px;

} .navbar-nav>li>.dropdown-menu{ 

 background-color:black;

} .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{ 

 background-color: #333;

} .dropdown-menu>li>a:hover{ 

 background-color: #333;

}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { 

   color: #555;
   background-color: #444444;

}

.navbar-default{ 

border: none;

}


/*content*/

  1. absp{
font-size: 15px !important;
font-weight: bold

}

.container-fluid{ 

margin-top:2em;

}

  1. hype_logo_temp{
width:100%;    
margin-top: 1em;

}

  1. mainCointainer0{
background-image: url(T--Valencia_UPV--gb.jpg);
background-repeat: no-repeat;
background-size: cover;

}

  1. mainVideo{
margin-top:15%;

}

  1. rightCol{
padding: 2em;

}

/*second section*/

  1. sec_1 {padding:2em;}
  1. db_col, #ts_col, #vv_col, #lc_col{ height: 100%;}

.col-md-3 {padding:0; margin:0}

.sImg{ 

text-align: center;
transition: all 500ms ease;
margin: 0;

}

.sImg img{ 

width: 200px;
transition: all 500ms ease;

}

  1. db_col{
background-color:grey;

}

  1. ts_col{
background-color: #ffdd00;

}

  1. vv_col{
background-color: rgba(167, 3, 3, 0.93);

}

  1. lc_col{
background-color: #00a4ff;

}

.accordion { 

 width: 100%;
 height: 100%;

}

.accordion ul { 

 width: 100%;
 display: table;
 table-layout: fixed;
 margin: 0;
 padding: 0;
 height: 100%;

}

.accordion ul li { 

 display: table-cell;
 vertical-align: bottom;
 position: relative;
 width: 16.666%;
 height: 100%;
 background-repeat: no-repeat;
 background-position: center center;
 transition: all 500ms ease;

}

.accordion ul li div { 

 display: block;
 overflow: hidden;
 width: 100%;

}

.accordion ul:hover li { width: 8%; }

.accordion ul:hover li .sImg{

}

.accordion ul:hover li .sImg img{ 

 width: 100px;

}

.accordion ul:hover li:hover { width: 60%; }

.accordion ul:hover li:hover .sImg img{ 

 float:left;
 width: 200px;
 margin-left: 1em;
 margin-right: 1em;

}


.accordion ul:hover li:hover .sImg{

}

.sImg p { 

 width: 65%; 
 display: none;
 position:absolute;

}


.accordion ul:hover li:hover .sImg p{ 

 display: inherit;

}

  1. db_col h2, #ts_col h2, #vv_col h2, #lc_col h2 {
 margin: 0;
 padding: 0;
 text-align: center;
 padding-bottom: 1em;
 padding-top: 0.5em;

}

  1. db_col p, #ts_col p, #vv_col p, #lc_col p {
 margin-left: 28%;
 font-size: 18px;

}

.expand_top_row{ 

 height: 33.3%;
 width: 100%;

}

/*team page css*/


  1. team_main_container{
margin-top:60px;
background-image: url(T--Valencia_UPV--gb.jpg);
background-repeat: no-repeat;
background-size: cover;

}

  1. title_team{
 background-image: url(T--Valencia_UPV--team_photo.jpg);
 background-size: cover;
 background-repeat: no repeat;
 margin: 0;
 padding: 0;
 height: 100%;
 width: 100%;

}

.con { 

   background-color: white;
   margin-top: 2em;
   margin-right: 3em;
   margin-bottom: 2em;
   border-radius: 20px;

}

  1. first div.img_cont_team{
   width: 100%;
   margin-top: 1em;
   height: 91%;
   background: url(T--Valencia_UPV--ivanLechera.jpg);
   background-size: cover;
   background-repeat: no-repeat;
   border-radius: 20px;
   transition: background 2s;

}


.img_cont_team img{ 

 width: inherit;
 height: inherit;
 border-radius: 20px;

}

.expand_info{ 

   background-color: white;
   padding: 1em;
   padding-left: 0;
   padding-top: 5px;
   position: absolute;
   bottom: 0;
   border-radius: 20px;
   border-top-left-radius: 0;
   text-align: center;
   display: none;

}

.expand_info h2, .expand_info p{ 

 margin:0 !important;
 padding: 0;

}


/*media queries and shit*/

@media screen and (max-width: 800px){ 

  div#navbar{
   margin: 0;
   z-index:99;
   border: none;
   padding-top: 3em;
 }
 .container-fluid{
   margin-top: 0;
 }

}

@media screen and (max-width: 1400px){ 

 .sImg img{
   width: 125px;
 }

 .accordion ul:hover li:hover .expand_top_row{
   height:25%;
 }
 .accordion ul:hover li:hover .sImg img{
   margin-top: 2.5em;
 }

 .accordion ul:hover .expand_title{
   font-size: 20px;
 }

}