Template:Exeter/css/main style

/* 

     Overwrite default styling information to hide side menu, adjust top menu, etc.
  • /
  1. top_title, #sideMenu {
display: none;

}

  1. top_menu_14 {
height: 20px;

}

  1. bodyContent h1, #bodyContent h2, #bodyContent h3,
  2. bodyContent h4, #bodyContent h5 {
  margin-bottom: 0px;

}

  1. HQ_page p {
   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
   font-size: 14px;
   line-height: 1.42857143;
   color: #333;

}

  1. bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 {
   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
   line-height: 1.1;
   color: #333;
   font-weight: 500;
   margin-bottom: 18px;

}


  1. globalWrapper {
  padding: 0px;
  font-size: 100%;
  width: 100%;
  height: 100%;
  margin: 0px;

}

  1. content{
   top: 0;
   left: 0;
   right: 0;
   width: 100%;
   height: 100%;
   padding: 0px;
   margin-right: auto;
   margin-left: auto;

}

  1. mw-content-text, #bodyContent, #HQ_page, .mw_content_ltr, .mw-body{
   width: 100%;
   height: 100%;

}

/* 

 ------------------- Actual styling information ---------------------
  • /

body { background-color: rgba(255, 255, 255, 1); font-family: 'Oxygen', sans-serif; }

/* 

Styling for the navbar - overwrites bootstrap default styles.
  • /

.navbar { background-color: rgba(30,86,160,1); 

       margin-top: 16px;
       border-top: solid 3px;

}

.navbar > .navbar-header > .navbar-brand {

}

.navbar.navbar-default.navbar-fixed-top .container .navbar-header .navbar-brand,

  1. navbar ul li a{

color: rgb(255,255,255); }

  1. navbar .dropdown .dropdown-menu {

background-color: rgba(30,86,160,1); }

  1. navbar .dropdown .dropdown-menu a:hover,
  2. navbar .navbar-nav > .dropdown > .dropdown-menu > .active > a:hover {

background-color: rgba(166, 166, 160, 0.7); }

  1. navbar .dropdown-toggle:active, #navbar .open .dropdown-toggle {

background: rgba(225, 198, 148, 0.5); }

  1. navbar ul.nav li.dropdown:hover > ul.dropdown-menu {
   display: block;

}

  1. navbar .navbar-nav > .active > a,
  2. navbar .navbar-nav > .dropdown > .dropdown-menu > .active > a {

background: rgba(166,166,166,0.3); }

/* Styling for individual elements to overwrite bootstrap default styles.

  • /
  1. bs-overwrite .jumbotron {

border: solid 2px rgba(30,86,160); margin: 5%; }

  1. bs-overwrite .jumbotron p {

padding: 5%; text-align: justify; }

  1. bs-overwrite h1 {

text-align: center; }

  1. bs-overwrite p {

padding-left, padding-right: 5%; }

/* 

       Styling for datepicker (part of notebook)
  • /
  1. datepicker {
       width: 50%;
       margin: auto;
       display: float;

}

.ui-icon.ui-icon-circle-triangle-e { 

     background-image: url('...');

}

  1. notes {
     width: 40%;
     margin-left: 30%;
     margin-right: 30%;
     font-family: 'Oxygen', sans-serif;

}

  1. notes.h1 {
     font-size: 75%;

}

  1. notes.li {
     font-family: 'Oxygen';
     font-size: 40%;

}

  1. notes.p {
     font-size: 40%;

}