Difference between revisions of "Team:RHIT/StyleSheet1"

Line 7: Line 7:
 
 
 
/*-- Remove borders, float content left and remove padding/margin */
 
/*-- Remove borders, float content left and remove padding/margin */
#globalWrapper, #content{
+
.globalWrapper, .content{
 
background-color: transparent;
 
background-color: transparent;
 
border: 0px;
 
border: 0px;
Line 16: Line 16:
  
 
/*left align Black Menu Bar */
 
/*left align Black Menu Bar */
#top_menu_inside {  
+
.top_menu_inside {  
 
margin-left: 20px;  
 
margin-left: 20px;  
 
}
 
}
Line 27: Line 27:
  
 
/* Creates a container that will wrap all of the content inside your wiki pages. */
 
/* Creates a container that will wrap all of the content inside your wiki pages. */
#mainContainer {   
+
.mainContainer {   
 
width: 100%;
 
width: 100%;
 
                                 height:100%;
 
                                 height:100%;
Line 42: Line 42:
  
 
/* Creates the container for the content */
 
/* Creates the container for the content */
#contentContainer {
+
.contentContainer {
 
padding-top:0px;
 
padding-top:0px;
 
padding-right:0px;
 
padding-right:0px;
Line 48: Line 48:
 
margin-bottom:0px;
 
margin-bottom:0px;
 
                                 margin-right: 4px;
 
                                 margin-right: 4px;
                                 height: 50%;
+
                                 height: 100%;
width: 50%;
+
width: 100%;
 
float: left;
 
float: left;
 
background-color: #424652;  
 
background-color: #424652;  
Line 58: Line 58:
  
 
/*Set up height place holder for the banner*/
 
/*Set up height place holder for the banner*/
#bannerContainer {
+
.bannerContainer {
 
height:200px;
 
height:200px;
 
margin:auto;
 
margin:auto;
Line 68: Line 68:
  
 
/*Change the styling of text for everything inside main container*/
 
/*Change the styling of text for everything inside main container*/
#mainContainer p {  
+
.mainContainer p {  
 
font-size: 20px;
 
font-size: 20px;
 
color: #efefef;
 
color: #efefef;
Line 75: Line 75:
 
 
 
/*This changes the color and font family */
 
/*This changes the color and font family */
#contentContainer h1, h2, h3, h4, h5, h6 {  
+
.contentContainer h1, h2, h3, h4, h5, h6 {  
 
color: #efefef;
 
color: #efefef;
 
border-bottom: none;
 
border-bottom: none;
Line 84: Line 84:
  
 
/*Style of the links - links are different inside the menu */
 
/*Style of the links - links are different inside the menu */
#contentContainer a {  
+
.contentContainer a {  
 
font-weight: bold;
 
font-weight: bold;
 
color: #64afb3;
 
color: #64afb3;
Line 91: Line 91:
  
 
  /* Styling links on hover- links are different inside the menu */
 
  /* Styling links on hover- links are different inside the menu */
#contentContainer a:hover {  
+
.contentContainer a:hover {  
 
color: #d46d30;
 
color: #d46d30;
 
}
 
}
  
 
/*Change the styling of tables */
 
/*Change the styling of tables */
         #contentContainer table {
+
         .contentContainer table {
 
     border: 1px solid #565656;
 
     border: 1px solid #565656;
 
     border-collapse: collapse;
 
     border-collapse: collapse;
Line 108: Line 108:
  
 
/*Change the styling of table cells*/
 
/*Change the styling of table cells*/
     #contentContainer  td {
+
     .contentContainer  td {
 
     padding: 10px;
 
     padding: 10px;
 
     border: 1px solid #565656;
 
     border: 1px solid #565656;
Line 116: Line 116:
  
 
/*Change the styling of table headers */
 
/*Change the styling of table headers */
     #contentContainer th {
+
     .contentContainer th {
 
     background-color: #E8E8E9;
 
     background-color: #E8E8E9;
 
     padding: 10px;
 
     padding: 10px;

Revision as of 19:12, 6 July 2015