Difference between revisions of "Template:Example2"

Line 15: Line 15:
 
/* Set up a width, height and color of the body wrapper*/
 
/* Set up a width, height and color of the body wrapper*/
 
body {  
 
body {  
−
 
−
/* Layout */
 
 
width: 100%;  
 
width: 100%;  
 
height: 100%;  
 
height: 100%;  
−
 
−
/* Styling */
 
 
background-color: #fff;
 
background-color: #fff;
 
}
 
}
Line 46: Line 42:
  
  
−
/*Create the layout divs */
+
/*Create the layout divs */
  
−
/* Main content wrap */
+
/* Main content wrap */
 
#mainContainer {   
 
#mainContainer {   
−
 
−
/* Layout */
 
 
width: 978px;
 
width: 978px;
 
overflow:hidden;
 
overflow:hidden;
−
margin:auto;
+
float:left;
 +
margin-left:20px;
 
margin-bottom: 10px;
 
margin-bottom: 10px;
−
 
−
/* Styling*/
 
 
background-color: #fff;  
 
background-color: #fff;  
 
border-bottom: 14px solid #565656;
 
border-bottom: 14px solid #565656;
Line 65: Line 58:
 
font-family: "Trebuchet MS", Helvetica, sans-serif;
 
font-family: "Trebuchet MS", Helvetica, sans-serif;
 
}
 
}
 +
 +
 +
/*Change the styling of text for everything inside main container*/
 +
#mainContainer p {
 +
font-size: 13px;
 +
color: #000000;
 +
}
 +
  
 
/* Creates the container for the menu */
 
/* Creates the container for the menu */
 
#menuContainer  {  
 
#menuContainer  {  
−
 
−
/* Layout */
 
 
float:left;
 
float:left;
 
width: 134px;
 
width: 134px;
 
padding: 20px 0px;
 
padding: 20px 0px;
−
 
−
/*Styling*/
 
 
border-top: 14px solid #565656;
 
border-top: 14px solid #565656;
 
background-color: #E8E8E9;
 
background-color: #E8E8E9;
 
}
 
}
−
 
−
 
−
#contentContainer {
 
−
 
−
/* Layout */
 
−
padding-top:20px;
 
−
padding-right:10px;
 
−
margin-bottom: 20px;
 
−
width: 814px;
 
−
padding-left: 20px;
 
−
float: left;
 
−
 
−
/* Styling*/
 
−
background-color: #fff;
 
−
border-top: 14px solid #565656;
 
−
font-family: "Trebuchet MS", Helvetica, sans-serif;
 
−
}
 
−
 
  
 
/*Makes all the links the same */
 
/*Makes all the links the same */
Line 103: Line 82:
 
font-weight: bold;
 
font-weight: bold;
 
}
 
}
−
 
  
 
/* Sets the style for lists inside menuContainer  */
 
/* Sets the style for lists inside menuContainer  */
Line 143: Line 121:
 
  }
 
  }
  
−
/*style the submenu buttons*/
+
/*Style the submenu buttons*/
 
#menuContainer li ul li{
 
#menuContainer li ul li{
 
background-color: #59BF92;  
 
background-color: #59BF92;  
Line 156: Line 134:
  
  
−
 
+
/* Creates the container for the content */
−
/*Styling the content*/
+
#contentContainer {
 +
padding-top:20px;
 +
padding-right:10px;
 +
margin-bottom: 20px;
 +
width: 814px;
 +
padding-left: 20px;
 +
float: left;
 +
background-color: #fff;
 +
border-top: 14px solid #565656;
 +
font-family: "Trebuchet MS", Helvetica, sans-serif;
 +
}
 
 
 
/*This changes the color and font family */
 
/*This changes the color and font family */
Line 179: Line 167:
 
}
 
}
  
−
/*Change the styling of text */
+
/*Change the styling of tables in the content div */
−
#mainContainer p {
+
−
font-size: 13px;
+
−
color: #000000;
+
−
}
+
−
 
+
−
/* Clear float */
+
−
.clear{
+
−
clear:both;
+
−
}
+
−
 
+
 
         #contentContainer table {
 
         #contentContainer table {
 
     border: 1px solid #565656;
 
     border: 1px solid #565656;
Line 201: Line 179:
 
     }
 
     }
  
 +
/*Change the styling of table cells in the content div */
 
     #contentContainer  td {
 
     #contentContainer  td {
 
     padding: 10px;
 
     padding: 10px;
Line 208: Line 187:
 
     }
 
     }
  
 +
/*Change the styling of table headers in the content div */
 
     #contentContainer th {
 
     #contentContainer th {
 
     background-color: #E8E8E9;
 
     background-color: #E8E8E9;
Line 216: Line 196:
 
     }
 
     }
  
 +
/*Create a high light box class*/
 
     .highlightBox {
 
     .highlightBox {
 
         width:500px;  
 
         width:500px;  
Line 225: Line 206:
 
padding-top: 5px;
 
padding-top: 5px;
 
     }
 
     }
 +
 +
/* Create clear float class */
 +
.clear{
 +
clear:both;
 +
}
  
 
</style>
 
</style>

Revision as of 15:37, 9 March 2015