Difference between revisions of "Template:2015CSS"

 
(20 intermediate revisions by the same user not shown)
Line 43: Line 43:
 
}
 
}
  
−
/*left align BMB */
+
/*left align BMB */
 
#top_menu_inside {  
 
#top_menu_inside {  
 
margin-left: 20px;  
 
margin-left: 20px;  
Line 104: Line 104:
 
/*Class for creating a news post, this is used in the Main Page and in the Archived news page */
 
/*Class for creating a news post, this is used in the Main Page and in the Archived news page */
 
.newsItem {
 
.newsItem {
−
background-color: #f9f9f9;
 
 
border: 1px solid #cccccc;
 
border: 1px solid #cccccc;
 
margin: 0px 5px 5px 5px;
 
margin: 0px 5px 5px 5px;
Line 144: Line 143:
 
padding-top:7px;
 
padding-top:7px;
 
padding-bottom:7px;
 
padding-bottom:7px;
−
color: #434343;
+
color: #6D6E70;
 
}
 
}
  
Line 154: Line 153:
 
/*Styling for the the list item */
 
/*Styling for the the list item */
 
#rightColumn_MainPage ul {
 
#rightColumn_MainPage ul {
−
margin-top: 0px;
+
margin-top: -5px;
 
}
 
}
  
Line 161: Line 160:
 
padding-left: 10px;
 
padding-left: 10px;
 
margin-left: -19px;
 
margin-left: -19px;
−
padding-top:5px;
+
padding-top:2px;
−
padding-bottom: 5px;
+
padding-bottom: 2px;
 
margin-bottom: -1px;
 
margin-bottom: -1px;
  
Line 174: Line 173:
  
 
/*animate transition */
 
/*animate transition */
−
-webkit-transition: background 0.3s linear;
+
-webkit-transition: background 0.2s linear;
−
-moz-transition: background 0.3s linear;
+
-moz-transition: background 0.2s linear;
−
-ms-transition: background 0.3s linear;
+
-ms-transition: background 0.2s linear;
−
-o-transition: background 0.3s linear;
+
-o-transition: background 0.2s linear;
−
transition: background 0.3s linear;
+
transition: background 0.2s linear;
 
}
 
}
  
Line 184: Line 183:
 
#rightColumn_MainPage ul li:hover{
 
#rightColumn_MainPage ul li:hover{
 
background-color:#c1dfa6;
 
background-color:#c1dfa6;
−
color: white;
 
 
}
 
}
  
Line 268: Line 266:
 
font-size: 13px;
 
font-size: 13px;
 
color: #434343;
 
color: #434343;
 +
}
 +
 +
#leftColumn ul ul li, #leftColumn ul li  {
 +
padding-left: 10px;
 +
margin-left: -19px;
 +
padding-top:2px;
 +
padding-bottom: 2px;
 +
margin-bottom: -1px;
 +
 +
border: 1px solid #ccc;
 +
border-right: 0px solid white;
 +
border-left: 0px solid white;
 +
 +
height:20px;
 +
list-style: none;
 +
 +
/*animate transition */
 +
-webkit-transition: background 0.2s linear;
 +
-moz-transition: background 0.2s linear;
 +
-ms-transition: background 0.2s linear;
 +
-o-transition: background 0.2s linear;
 +
transition: background 0.2s linear;
 +
 
}
 
}
  
Line 273: Line 294:
 
#leftColumn ul ul li:hover, #leftColumn ul li:hover  {
 
#leftColumn ul ul li:hover, #leftColumn ul li:hover  {
 
background-color: #c1dfa6;
 
background-color: #c1dfa6;
−
border-radius: 5px;
 
 
}
 
}
  
Line 286: Line 306:
 
font-weight: bold;
 
font-weight: bold;
 
text-decoration: none;
 
text-decoration: none;
−
opacity: 1.0;
 
−
    filter: alpha(opacity=100); /* For IE8 and earlier */
 
 
}
 
}
  
 
/* Styling links on hover- links are different in menu divs */
 
/* Styling links on hover- links are different in menu divs */
 
#rightColumn a:hover, #fullWidth a:hover, #leftColumn_MainPage a:hover {
 
#rightColumn a:hover, #fullWidth a:hover, #leftColumn_MainPage a:hover {
−
     opacity: 0.4;
+
     color: #b5dec7;
−
    filter: alpha(opacity=40); /* For IE8 and earlier */
+
 
}
 
}
  
Line 362: Line 379:
 
         .button {
 
         .button {
 
             width: 130px;
 
             width: 130px;
−
     border: 1px solid #cccccc;
+
     border: 2px solid #3aa76c;
 
     background-color: fff;
 
     background-color: fff;
 
     height: 30px;
 
     height: 30px;
Line 369: Line 386:
 
         padding: 10px 5px 0px 5px;
 
         padding: 10px 5px 0px 5px;
 
         margin: auto;
 
         margin: auto;
 +
/*animate transition */
 +
-webkit-transition: background 0.2s linear;
 +
-moz-transition: background 0.2s linear;
 +
-ms-transition: background 0.2s linear;
 +
-o-transition: background 0.2s linear;
 +
transition: background 0.2s linear;
 
     }         
 
     }         
  
 
/*For the button class, change background on hover */
 
/*For the button class, change background on hover */
 
         .button:hover {
 
         .button:hover {
−
     background-color: #c1dfa6;
+
     background-color: #3aa76c;
 +
    color: white;
 
     }
 
     }
 +
 +
 +
 +
      /* Class for making images with links react on hover */
 +
    img.imageHover:hover {
 +
    opacity: 0.4;
 +
    filter: alpha(opacity=40); /* For IE8 and earlier */
 +
    }
 +
  
 
/*Class for text that needs to be highlighted, used in span tag */
 
/*Class for text that needs to be highlighted, used in span tag */
Line 390: Line 423:
  
 
/*Alert message for important messages */
 
/*Alert message for important messages */
−
       .alertMessage, #alertMessage {
+
       .alertMessage {
 
         width:700px;  
 
         width:700px;  
 
         margin:auto;  
 
         margin:auto;  
Line 468: Line 501:
 
         .textBeforeWhy {
 
         .textBeforeWhy {
 
         float:left;
 
         float:left;
−
        }
+
        }
  
 
/*Makes a round div that will call the pop up box*/
 
/*Makes a round div that will call the pop up box*/
 
         .pop_why {
 
         .pop_why {
 
         border: 1px solid #f58631;
 
         border: 1px solid #f58631;
−
        width: 18px;
+
         color: #f58631;
−
         color:#f58631;
+
 
         font-weight: bold;
 
         font-weight: bold;
−
         text-align:center;
+
         text-align: center;
 
         border-radius: 50%;
 
         border-radius: 50%;
−
         float:left;
+
         float: none;
−
         margin-right:5px;
+
         margin-right: 5px;
−
         margin-left:5px;
+
         margin-left: 5px;
−
         height:18px;
+
         padding-left: 4px;
 +
        padding-top: 3px;
 +
        padding-right: 4px;
 +
        }
  
−
        }
 
  
 
/*For the pop why class, changes the color on hover */
 
/*For the pop why class, changes the color on hover */

Latest revision as of 17:19, 19 March 2015