Difference between revisions of "Template:British Columbia 2"

m
m
Line 1: Line 1:
 
<html lang="en">
 
<html lang="en">
 
<head>
 
<head>
   <title>Home</title>
+
   <title>Main CSS</title>
 
   <meta charset="utf-8">
 
   <meta charset="utf-8">
 
   <meta name="viewport" content="width=device-width, initial-scale=1">
 
   <meta name="viewport" content="width=device-width, initial-scale=1">
 
+
  <!--Important to only include bootstrap in ONE of the templates, things will break if you include it twice.-->
 
<style>
 
<style>
 
html, body{
 
html, body{
Line 14: Line 14:
 
}
 
}
  
/********************************* Overriding the default wiki settings, rest in peace #sideMenu*****************/
+
/********************************* Overriding the default wiki settings, rest in peace #sideMenu.*****************/
 
#sideMenu, #top_title {display:none;}
 
#sideMenu, #top_title {display:none;}
 
#content {  
 
#content {  
Line 24: Line 24:
 
   #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
   #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
   #globalWrapper{ padding-bottom: 0 !important; }
 
   #globalWrapper{ padding-bottom: 0 !important; }
 +
  
 
.page-header{
 
.page-header{
Line 29: Line 30:
 
}
 
}
  
 +
/*cover image (the trees and mountains) styling*/
 
.cover{
 
.cover{
 
   position: relative;
 
   position: relative;
Line 35: Line 37:
 
   height: 50vh; min-height: 50%; width: 100vw; max-width: 100%;
 
   height: 50vh; min-height: 50%; width: 100vw; max-width: 100%;
 
}
 
}
 
  
 
.cover .container-fluid{
 
.cover .container-fluid{
Line 42: Line 43:
 
   color: #E4F9F5;
 
   color: #E4F9F5;
 
   padding-left: 60px;
 
   padding-left: 60px;
}
 
 
@media (max-width: 768px) {
 
  .cover{
 
    background-position: 0px 0px;
 
  }
 
 
}
 
}
  
 
#title{
 
#title{
   text-shadow: 0px 0px 15px black;
+
   text-shadow: 0px 0px 15px black; /*helps the title text inside the cover image stand out*/
}
+
 
+
.content{
+
  position: relative;
+
  height: 2000px;
+
  background-color: white;
+
  padding-bottom: 3em;
+
 
}
 
}
  
 +
/*breadcrumb navigation to show which path in the website you are on*/
 
#breadcrumbs{
 
#breadcrumbs{
 
   background-color: #40514E;  
 
   background-color: #40514E;  
Line 72: Line 61:
 
}
 
}
  
 +
/*generic content wrapper, ensures pages do not exceed 100% width*/
 
.content-wrap{
 
.content-wrap{
 
   position: relative;
 
   position: relative;
Line 80: Line 70:
 
}
 
}
  
 +
/*styling for the links below each page encouraging readers to visit other sections of the website*/
 
#read-more{
 
#read-more{
 
   background-color: #40514E;  
 
   background-color: #40514E;  

Revision as of 08:31, 16 October 2016

Main CSS