Difference between revisions of "Template:2016Demo"

 
(17 intermediate revisions by the same user not shown)
Line 10: Line 10:
 
width: 100%;  
 
width: 100%;  
 
height: 100%;
 
height: 100%;
−
border: 0px;
+
border: none;
 
background-color: transparent;
 
background-color: transparent;
 
margin: 0px;
 
margin: 0px;
Line 27: Line 27:
 
       padding:15px;
 
       padding:15px;
 
     border: none;
 
     border: none;
 +
    color: black;
 
margin-left: 20px;
 
margin-left: 20px;
−
    margin-top: -10px;
 
 
     margin-right: auto;
 
     margin-right: auto;
−
     background-color: #ffffff;
+
     background-color: #ffffff;
 
     position: relative;  
 
     position: relative;  
 
}
 
}
Line 64: Line 64:
 
/*LAYOUT CLASSES */
 
/*LAYOUT CLASSES */
 
/**************************************************************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************************************************************/
−
 
  
 
/* Full width div */
 
/* Full width div */
Line 160: Line 159:
 
padding:0px;
 
padding:0px;
 
margin-right:30px;
 
margin-right:30px;
 +
}
 +
 +
#HQ_page .photo_container p{
 +
padding:  0px 15px;
 +
font-size: 11px;
 
}
 
}
  
Line 191: Line 195:
 
             max-width: 50%;
 
             max-width: 50%;
 
     border: 3px solid #f58631;
 
     border: 3px solid #f58631;
 +
    color: #f58631;
 
     background-color: #FFF;
 
     background-color: #FFF;
 
     height: 30px;
 
     height: 30px;
Line 319: 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 359: Line 395:
  
 
/*Define color for  h1 titles (black) */
 
/*Define color for  h1 titles (black) */
−
#HQ_page h1 {  
+
#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 365: Line 405:
  
 
/*Define color for  h2  titles  (turquoise) */
 
/*Define color for  h2  titles  (turquoise) */
−
#HQ_page h2 {  
+
#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 371: Line 415:
  
 
/*Define color for h3 titles  (navy)*/
 
/*Define color for h3 titles  (navy)*/
−
#HQ_page h3{  
+
 
 +
#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 387: Line 436:
  
 
/*Define color for h5 h6 titles (black)  */
 
/*Define color for h5 h6 titles (black)  */
−
#HQ_page h5, h6 {  
+
#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;
 
}
 
}
Line 527: Line 585:
  
 
/*animate transition */
 
/*animate transition */
−
-webkit-transition: background 0.2s linear;
+
-webkit-transition: background 0.1s linear;
−
-moz-transition: background 0.2s linear;
+
-moz-transition: background 0.1s linear;
−
-ms-transition: background 0.2s linear;
+
-ms-transition: background 0.1s linear;
−
-o-transition: background 0.2s linear;
+
-o-transition: background 0.1s linear;
−
transition: background 0.2s linear;  
+
transition: background 0.1s linear;  
 
}
 
}
  
Line 550: Line 608:
  
 
/*animate transition */
 
/*animate transition */
−
-webkit-transition: background 0.2s linear;
+
-webkit-transition: background 0.1s linear;
−
-moz-transition: background 0.2s linear;
+
-moz-transition: background 0.1s linear;
−
-ms-transition: background 0.2s linear;
+
-ms-transition: background 0.1s linear;
−
-o-transition: background 0.2s linear;
+
-o-transition: background 0.1s linear;
−
transition: background 0.2s linear;
+
transition: background 0.1s linear;
 
}
 
}
  

Latest revision as of 17:47, 30 November 2015

×

Loading ...