Team:TUDelft/css/custom/test2
/* Removing default wiki layout */
/**************************************************************************************************************************************************************************************************/
- home_logo,
- sideMenu {
display: none; }
- sideMenu,
- top_title,
.patrollink { display: none; }
- content {
margin-left: 0px; margin-top: -7px; padding: 0px; width: 100%; background: none !important; }
body {
background-image: url("
") !important;
background-repeat: no-repeat;
background-position: bottom left;
background-attachment: fixed;
position: relative;
margin-top: 40px;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande",
sans-serif;
font-weight: 300;
}
- bodyContent h1,
- bodyContent h2,
- bodyContent h3,
- bodyContent h4,
- bodyContent h5,
- bodyContent h6, {
margin-bottom: 0px; }
.judges-will-not-evaluate {
border: 4px solid #e4dede;
padding: 2% !important;
width: 92%!important;
}
.adopeicon {
height: 40px;
width: auto;
margin: 10px;
}
/* TOPNAV */
nav, footer, #myScrollspy {
-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 3px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 3px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}
.dropdown-menu { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
@media (max-width: 1200px) {
.navbar-header {
float: none;
}
.navbar-left,.navbar-right {
float: none !important;
}
.navbar-toggle {
display: block;
}
.navbar-collapse {
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-fixed-top {
top: 0; border-width: 0 0 1px; }
.navbar-collapse.collapse {
display: none!important;
}
.navbar-nav {
float: none!important;
margin-top: 7.5px; } .navbar-nav>li {
float: none;
}
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
}
.collapse.in{
display:block !important;
} }
/* FOOTER */ .footer { background-color: #F8F8F8; position: relative; right: 0; bottom: -30px; left: 0; padding: 1rem; }
legend { background-color: rgba(249, 251, 251, 1); border: none; color: #797979; }
.logo { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; cursor:pointer; }
.sponsorimg { max-height: 80px; width: auto; }
/* SIDEBAR */
ul.nav-pills { top: 160px; left: 80px; position: fixed; color: #006C84 !important; font-size: 15px; }
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
color: #fff; background-color: #E2E8E4;
}
div.col-sm-9 div { height: 250px; font-size: 28px; }
.sponsors img { height: 6em; padding: 1em; }
.sponsors > div > a { display: block; position: relative; /* top: -2.5em;*/ }
/* GENERAL LAYOUT STUFF */
h1 {
font-size: 45px; font-weight: lighter !important; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande",
sans-serif !important; }
} h2 {
font-size: 35px !important; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande",
sans-serif !important;
font-weight: 100 !important;
}
h3 {
font-size: 35px; font-weight: lighter !important;
}
h4 {
font-size: 25px; font-weight: lighter !important;
}
h5 {
font-size: 22px; font-weight: lighter !important;
}
h6 {
font-size: 20px; font-weight: lighter !important;
}
/* GREEN-BLUE */
.grnbl {
color: #006C84;
}
a.grnbl { color: #006C84 !important; }
h1.grnbl {
border-bottom: 2px solid #777777 !important; background:#F8F8F8; padding:5px;
}
/* ADOPE BLUE */
.adpbl {
color: #0092CB;
}
a.adpbl { color: #0092CB !important; }
h1.adpbl {
border-bottom: 2px solid #777777 !important; background:#F8F8F8; padding:5px;
}
/* ORANGE-CORAL */
.orngcrl {
color: #FFCCBB;
}
a.orngcrl { color: #FFCCBB !important; }
h1.orngcrl {
border-bottom: 2px solid #777777 !important; background:#F8F8F8; padding:5px;
}
/* THE GREYS */
.thgrys {
color: #777777;
}
a.thgrys { color: #777777 !important; }
h1.thgrys {
border-bottom: 2px solid rgba(255, 204, 187, 1) !important; background: rgba(255, 204, 187, 0.1); padding: 5px;
}
/* JANINE's BLUE */
.jnnbl {
color: #00B4C7;
}
a.jnnbl { color: #00B4C7 !important; }
h1.jnnbl {
border-bottom: 2px solid #777777 !important; background:#F8F8F8; padding:5px;
}
p { font-size: 20px !important; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", "Lucida Grande", sans-serif !important; text-align: justify;
}
- myCarousel {
max-width: 800px; max-height: 600px;
} .carousel-caption { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;}
.peopleCarouselImg img { height: 400px; max-height: 400px; width: auto; }
.container { /*background-color: rgba(249, 251, 251, 1);*/ } .container-fluid { /*background-color: rgba(249, 251, 251, 1);*/ }
.img-top {
max-width: 50% !important; height: auto;
}
.spcmkr {
height: 50px;
}
ol {
font-size:18px;
} .nowbg., container, .row, .container-fluid, .spcmkr, #content, #globalWrapper{ background: none !important; }
.tableheadergrnbl { font-size: 20px; !important;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", "Lucida Grande", sans-serif !important;
text-align: left;
color: #006C84;
background:#F8F8F8;
padding: 15px;}
.tableuneven { font-size: 18px; !important;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", "Lucida Grande", sans-serif !important;
text-align: left;
color: #006C84;
background:#FFFFFF;
padding: 15px;}
.tableeven { font-size: 18px; !important;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", "Lucida Grande", sans-serif !important;
text-align: left;
color: #006C84;
background:#F8F8F8;
padding: 15px;}
.collapsible {
background-color: #0092CB; color: white; cursor: pointer; padding: 16px; width: 100%; border: none; text-align: left; outline:; font-size: 18px;
}
.active, .collapsible:hover {
background-color: #0000; color: black
}
.collapsible:after {
content: '\002B'; color: none; font-weight: bold; float: right; margin-left: 5px;
}
.active:after {
content: "\0020";
}
.content {
padding: 0 18px; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; background-color: #777777
color: white; }