Line 300: | Line 300: | ||
@media screen and (max-width: 800px){ | @media screen and (max-width: 800px){ | ||
− | + | div#navbar{ | |
margin: 0; | margin: 0; | ||
+ | z-index:99; | ||
+ | border: none; | ||
+ | } | ||
+ | .container-fluid{ | ||
+ | margin-top: 0; | ||
} | } | ||
} | } |
Revision as of 17:20, 28 August 2016
/*clear wiki syling*/
- contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;}
- globalWrapper, #content { /*-- changes default wiki settings --*/
width: 100%; height: 100%; border: 0px; background-color: transparent; margin: 0px; padding: 0px;
}
/* Remove wiki style DTU Denmark */
- contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
display:none;}
- top-section {
border: none; height: 0px;}
- content {
border: none;}
- iGEM2016
{ position: fixed; height:50px; top: 22px !important; margin-left: -20px !important; background-color: transparent; vertical-align: sub; }
- sideMenu{display: none;}
div.logo_2016 {display: none;}
- top_menu_inside{ margin: 0 auto;}
- top_title{ margin: 0;}
- 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;
}
- HQ_page p{
font-family: 'PT Sans', sans-serif !important;
}
/*main logo*/
- hype_logo{
width:220px; margin: 1em 0 0 1em; position:fixed; z-index: 100;
}
/*navbar*/
- 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*/
- absp{
font-size: 15px !important; font-weight: bold
}
.container-fluid{
margin-top:2em;
}
- hype_logo_temp{
width:100%; margin-top: 1em;
}
- mainCointainer0{
background-image: url(); background-repeat: no-repeat; background-size: cover;
}
- mainVideo{
margin-top:15%;
}
- rightCol{
padding: 2em;
}
/*second section*/
- sec_1 {padding:2em;}
- 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;
}
- db_col{
background-color:grey;
}
- ts_col{
background-color: #ffdd00;
}
- vv_col{
background-color: rgba(167, 3, 3, 0.93);
}
- 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;
}
- 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;
}
- 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*/
- team_main_container{
margin-top:60px;
}
.con {
background-color: white; margin: 2em; border-radius: 20px;
}
- first div.img_cont_team{
width: 100%; margin-top: 1em; height: 91%; background: url(); 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; 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; } .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; }
}