Difference between revisions of "Template:2016Demo"
| Line 46: | Line 46: | ||
border-bottom: none; | border-bottom: none; | ||
margin-left: 15px; | margin-left: 15px; | ||
| + | color : pale-green-color; | ||
} | } | ||
| + | |||
/*left align BMB */ | /*left align BMB */ | ||
| Line 53: | Line 55: | ||
} | } | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | @pale-green-color: #4D926F; | ||
| Line 90: | Line 97: | ||
| − | /*Clear | + | /*Clear, adds spacing 10px*/ |
#HQ_page .clear { | #HQ_page .clear { | ||
height:10px; | height:10px; | ||
| Line 96: | Line 103: | ||
} | } | ||
| − | + | /*Clear class that ads spacing, when creating a title that will be # referenced in a link, place it in this class*/ | |
#HQ_page .clear_id { | #HQ_page .clear_id { | ||
height:30px; | height:30px; | ||
| Line 108: | Line 115: | ||
| − | /*highlight on hover*/ | + | /*highlight a div on hover*/ |
#HQ_page .highlight { | #HQ_page .highlight { | ||
/*animate transition */ | /*animate transition */ | ||
| Line 118: | Line 125: | ||
} | } | ||
| − | /*hover | + | /* change the color on hover */ |
#HQ_page .highlight:hover { | #HQ_page .highlight:hover { | ||
background-color:#ebeea9; | background-color:#ebeea9; | ||
| Line 125: | Line 132: | ||
| + | /* declare a medium gray line around the div*/ | ||
#HQ_page .full_border { | #HQ_page .full_border { | ||
border: 1px solid #d3d3d3; | border: 1px solid #d3d3d3; | ||
} | } | ||
| + | |||
| + | /* declare a turquoise dotted border on a div */ | ||
#HQ_page .dot_border { | #HQ_page .dot_border { | ||
border: 1px dashed #5da88a; | border: 1px dashed #5da88a; | ||
} | } | ||
| + | /* declare a border on the right of a div */ | ||
#HQ_page .right_border { | #HQ_page .right_border { | ||
border-right: 1px solid #f2f2f2; | border-right: 1px solid #f2f2f2; | ||
} | } | ||
| + | /* make the background of a div light gray */ | ||
#HQ_page .background_gray { | #HQ_page .background_gray { | ||
background-color: #f2f2f2; | background-color: #f2f2f2; | ||
} | } | ||
| + | /* remove the padding for a div that contains a picture */ | ||
#HQ_page .photo_container { | #HQ_page .photo_container { | ||
padding:0px; | padding:0px; | ||
| Line 147: | Line 160: | ||
| + | /* declare alert box */ | ||
#HQ_page .alert_box{ | #HQ_page .alert_box{ | ||
background-color: pink; | background-color: pink; | ||
Revision as of 21:57, 23 November 2015
