Difference between revisions of "Team:TUDelft/css/custom/test2"

Line 339: Line 339:
 
}
 
}
  
.tableeven {font-size:18px; }
+
.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;
 +
}
  
  
 +
 +
.tableeven {font-size:18px; }
 +
 +
<!-- COPY FROM SAFETY PAGE -->
 
.collapsible {
 
.collapsible {
 
   background-color: #0092CB;
 
   background-color: #0092CB;
Line 379: Line 388:
 
color: white;
 
color: white;
 
}
 
}
 +
<!-- COPY FROM SAFETY PAGE -->

Revision as of 06:31, 12 September 2018

/* Removing default wiki layout */

/**************************************************************************************************************************************************************************************************/

  1. home_logo,
  2. sideMenu {

display: none; }

  1. sideMenu,
  2. top_title,

.patrollink { display: none; }

  1. content {

margin-left: 0px; margin-top: -7px; padding: 0px; width: 100%; background: none !important; }

body { background-image: url("T--TUDelft--2018_cutoff2.png") !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; }

  1. bodyContent h1,
  2. bodyContent h2,
  3. bodyContent h3,
  4. bodyContent h4,
  5. bodyContent h5,
  6. 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;

}

  1. 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;

}


.tableeven {font-size:18px; }

.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; }