Difference between revisions of "Template:2016Demo"
| (16 intermediate revisions by the same user not shown) | |||
| Line 29: | Line 29: | ||
color: black; | color: black; | ||
margin-left: 20px; | margin-left: 20px; | ||
| − | |||
margin-right: auto; | margin-right: auto; | ||
| − | background-color: #ffffff; | + | background-color: #ffffff; |
position: relative; | position: relative; | ||
} | } | ||
| Line 65: | Line 64: | ||
/*LAYOUT CLASSES */ | /*LAYOUT CLASSES */ | ||
/**************************************************************************************************************************************************************************************************************************************************/ | /**************************************************************************************************************************************************************************************************************************************************/ | ||
| − | |||
/* Full width div */ | /* Full width div */ | ||
| Line 161: | Line 159: | ||
padding:0px; | padding:0px; | ||
margin-right:30px; | margin-right:30px; | ||
| + | } | ||
| + | |||
| + | #HQ_page .photo_container p{ | ||
| + | padding: 0px 15px; | ||
| + | font-size: 11px; | ||
} | } | ||
| Line 321: | Line 324: | ||
background-color: #b2b2b2; | background-color: #b2b2b2; | ||
} | } | ||
| + | |||
| + | |||
| + | /*click class for expandable content */ | ||
| + | #HQ_page .click_open { | ||
| + | padding: 10px 15px; | ||
| + | background-color: #f2f2f2; | ||
| + | border: 1px solid #d3d3d3; | ||
| + | border-radius: 3px; | ||
| + | cursor:pointer; | ||
| + | |||
| + | /*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; | ||
| + | } | ||
| + | |||
| + | |||
| + | #HQ_page .click_icon { | ||
| + | font-size:16px; | ||
| + | float:right; | ||
| + | margin-top:-25px; | ||
| + | } | ||
| + | |||
| + | |||
| + | |||
| + | /*div that holds the toggle content, hide by default */ | ||
| + | #HQ_page .click_content { | ||
| + | display:none; | ||
| + | } | ||
/**********************************************************************************************************************************************************************************************************************************************/ | /**********************************************************************************************************************************************************************************************************************************************/ | ||
| Line 361: | Line 395: | ||
/*Define color for h1 titles (black) */ | /*Define color for h1 titles (black) */ | ||
| − | + | #HQ_page .oneColumn h1, | |
| + | #HQ_page .twoColumns h1, | ||
| + | #HQ_page .threeColumns h1, | ||
| + | #HQ_page .fourColumns h1, | ||
| + | #HQ_page .pop_why_content h1 { | ||
color: #000000; | color: #000000; | ||
} | } | ||
| Line 367: | Line 405: | ||
/*Define color for h2 titles (turquoise) */ | /*Define color for h2 titles (turquoise) */ | ||
| − | + | #HQ_page .oneColumn h2, | |
| + | #HQ_page .twoColumns h2, | ||
| + | #HQ_page .threeColumns h2, | ||
| + | #HQ_page .fourColumns h2, | ||
| + | #HQ_page .pop_why_content h2 { | ||
color: #5da88a; | color: #5da88a; | ||
} | } | ||
| Line 373: | Line 415: | ||
/*Define color for h3 titles (navy)*/ | /*Define color for h3 titles (navy)*/ | ||
| − | + | ||
| + | #HQ_page .oneColumn h3, | ||
| + | #HQ_page .twoColumns h3, | ||
| + | #HQ_page .threeColumns h3, | ||
| + | #HQ_page .fourColumns h3, | ||
| + | #HQ_page .pop_why_content h3 { | ||
color: #4d5f6d; | color: #4d5f6d; | ||
} | } | ||
| Line 389: | Line 436: | ||
/*Define color for h5 h6 titles (black) */ | /*Define color for h5 h6 titles (black) */ | ||
| − | + | #HQ_page .oneColumn h5, | |
| + | #HQ_page .twoColumns h5, | ||
| + | #HQ_page .threeColumns h5, | ||
| + | #HQ_page .fourColumns h5, | ||
| + | #HQ_page .pop_why_content h5, | ||
| + | #HQ_page .oneColumn h6, | ||
| + | #HQ_page .twoColumns h6, | ||
| + | #HQ_page .threeColumns h6, | ||
| + | #HQ_page .fourColumns h6, | ||
| + | #HQ_page .pop_why_content h6{ | ||
color: #000000; | color: #000000; | ||
} | } | ||
Latest revision as of 17:47, 30 November 2015
