Template:Exeter/css/main style

/*

     Overwrite default styling information to hide side menu, adjust top menu, etc.

/

top_title, #sideMenu {

display: none;

}

top_menu_14 {

height: 20px;

}

bodyContent h1, #bodyContent h2, #bodyContent h3,
bodyContent h4, #bodyContent h5 {

  margin-bottom: 0px;

}

HQ_page p {

   font-family: "Oxygen", "Helvetica Neue",Helvetica,Arial,sans-serif;
   font-size: 14px;
   line-height: 1.42857143;
   color: #333;

}

bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 {

   font-family: "Oxygen", "Helvetica Neue",Helvetica,Arial,sans-serif;
   line-height: 1.1;
   color: #333;
   font-weight: 500;
   margin-bottom: 18px;

}

globalWrapper {

  padding: 0px;
  font-size: 100%;
  width: 100%;
  height: 100%;
  margin: 0px;

}

content{

   top: 0;
   left: 0;
   right: 0;
   width: 100%;
   height: 100%;
   padding: 0px;
   margin-right: auto;
   margin-left: auto;

}

mw-content-text, #bodyContent, #HQ_page, .mw_content_ltr, .mw-body{

   width: 100%;
   height: 100%;

}

/*

 ------------------- Actual styling information ---------------------

/

/*

 General styling

/

.row { /*adjust margins for bootstrap columns*/

 margin-top: 15px;
 margin-bottom: 15px;

}

footer {

 font-family: 'Oxygen', 'Helvetica Neue', Helvetica;
 border-top: solid 2px;
 border-top-color: black;
 background-color: rgba(30,86,160,1.0);
 margin-bottom: -20px;

}

footer img {

 width: 30px;

}

/*

 -------------------------- Styling for default page -------------------------

/

logo-top-left {

 position: fixed;
 top: 15px;
 left: 5px;
 width: 150px;

}

navbar-top {

 font-family: 'Oxygen', 'Helvetica Neue', Helvetica;
 margin-top: 15px;
 border-bottom: solid;
 border-color: rgba(30,86,160,1.0);
 background-color: rgb(255,255,255);

}

navbar-top a, #navbarStartpage a {

 color: rgba(30,86,160,1.0);

}

navbar-top a:hover, #navbarStartpage a:hover {

 color: rgba(252,191,10,1.0);

}

navbar-top .nav-item .active, #navbarStartpage .nav-item .active {

 color: rgba(162,162,161,1.0);

}

navbar-top-placeholder{

 width: 75px;

}

navbar-page{

 font-family: 'Oxygen', 'Helvetica Neue', Helvetica;
 position: fixed;
 top: 125px;

}

navbar-page.navbar {

 background-color: none;

}

navbar-page a {

 color: rgba(30,86,160,1.0);

}

navbar-page a:hover {

 color: rgba(252,191,10,1.0);

}

pageContent {

 font-family: 'Oxygen', 'Helvetica Neue', Helvetica;
 margin-top: 75px;
 padding-right: 40px;

}

pageHeader {

 text-align: center;

}

pageContent h3, #pageContent h4, #pageContent h5 {

 font-weight: bold;

}

pageContent p {

 font-size: 16px;

}

pageContent ul{

 font-size: 20px;

}

pageContent ul {

 list-style-image: none;
 list-style-type: circle;
 font-size: inherit;

}

pageContent a {

 color: rgba(30,86,160,1.0);

}

pageContent a:hover {

 color: rgba(252,191,10,1.0);
 text-decoration: none;

}

pageContent img {

 margin-bottom: 10px;

}

pageContent #referenceList {

 list-style-image: none !important;
 list-style-type: none !important;
 font-size: 8px !important;

}

pageContent #referenceList ul {

 font-size: 8px !important;

}

/*

 -------------------- Styling for the start page -----------------------

/

navbarStartpage {

 display: none;
 background: rgb(255,255,255);
 font-family: 'Oxygen', 'Helvetica Neue', Helvetica;
 margin-top: 15px;
 border-bottom: solid;
 border-color: rgba(30,86,160,1.0);

}

.jumbotron {

 font-family: 'Oxygen', 'Helvetica Neue', Helvetica;
 margin-top: -15px;

}

.navbar-brand {

 margin: auto;

}

startPageTopRow {

 border-bottom: solid;
 border-bottom-color: rgba(202, 203, 206,1.0);

}

startPageJumbotron {

 height: 100vh;
 padding-top: 10px;

}

carouselStartPage {

 height: 100%;

}

.carousel-inner {

 height: 90vh;
 margin-bottom: 60px;
 /*width: 100%;
 background-color: rgba(202, 203, 206, 0.5);*/

}

.carousel-item img{

 height: 60vh;
 margin: auto;
 margin-bottom: 15px;

}

.carousel-caption{

 height: 30vh;
 position: relative;
 left: auto;
 right: auto;
 color: black;
 margin: auto;

}

.carousel-caption p{

 font-size: 16px !important;

}

.carousel-indicators{

 /*position: relative;
 left: auto;
 right: auto;
 padding-top: 20px;*/
 height: 5vh;
 bottom: -60px;

}

.carousel-indicators li {

 background-color: rgba(162,162,161,1.0);

}

.carousel-indicators .active {

 background-color: black;

}

carousel-chevron {

 width: 50%;

}

HQ_page #achievements {

 border: solid;
 border-color: rgba(30,86,160,1.0);
 border-radius: 2px;

}

achievements h1{

 font-size: 400%;
 text-align: center;
 font-weight: bold;

}

projectDescription h3{

 text-align: center;

}

projectDescription p{

 text-align: justify;

}

startPageCards {

 margin-bottom: 40px;

}

startPageCards .btn-primary {

 background-color: rgba(30,86,160,1.0);
 color: rgba(255,255,255,1.0);
 border-color: black;

}

startPageCards .btn-primary:hover {

 background-color: rgba(30,86,160,1.0);
 color: rgba(252,191,10,1.0);
 border-color: black;

}

.card-header img {

 width: 50%;

}

/*

-------------------- Styling for datepicker (part of notebook) --------------------

/

datepicker {

       z-index: 0;
       width: 80%;
       margin: 5%;

}

notes {

     width: 90%;
     margin: 5%;
     font-family: 'Oxygen', sans-serif;

}

notes.h1 {

     font-size: 75%;

}

notes.li {

     font-family: 'Oxygen';
     font-size: 40%;

}

notes.p {

     font-size: 40%;

}

notebook-description {

     width: 60%;
     margin: auto;

}

.hasDatePicker .arrow {

     height: 10%;

}

/*

 ------------------------ Styling for team page -----------------------

/

teamPage img {

     margin-top: 15px;
     margin-bottom: 15px;
     max-width: 45%;

}

/*

------------------------- Styling for specific elements -----------------

/

pageContent #newcastleLogo{

 padding-top: 20px !important;

}

/*

--------------------- Styling for footer ---------------------------

/

footer a {

 color: rgb(255,255,255);

}

footer a:hover {

 color: rgba(252,191,10,1.0);
 text-decoration: none;

}

/*

Other elements ------------------------------

/

pageContent figure {

padding: 15px; }

pageContent figcaption {

 text-align: justify;

}

.carousel-item #carousel_logo {

 margin-top: 20px;
 height: 80vh;

}

achievements ul {

list-style-type: none !important;

}