Line 432: | Line 432: | ||
color:#72c9b6; | color:#72c9b6; | ||
} | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | .clear.extra_space { | ||
+ | height: 30px; | ||
+ | } | ||
+ | |||
+ | .vertical_line { | ||
+ | position: absolute; | ||
+ | width: 5px; | ||
+ | background-color: #ccc; | ||
+ | left: 20px; | ||
+ | height: 100%; | ||
+ | z-index: -1; | ||
+ | } | ||
+ | |||
+ | .left_column { | ||
+ | width: 12%; | ||
+ | border: 4px solid #d3d3d3; | ||
+ | text-align: center; | ||
+ | font-size: 25px; | ||
+ | float: left; | ||
+ | border-radius: 10px; | ||
+ | color: #666666; | ||
+ | padding: 4% 0; | ||
+ | font-weight: bold; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | .left_column.month_access{ | ||
+ | border: 4px solid #72c9b6; | ||
+ | |||
+ | color: #72c9b6; | ||
+ | font-size: 40px; | ||
+ | font-weight: bold; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | .left_column.month_access::before { | ||
+ | content: "-"; | ||
+ | } | ||
+ | |||
+ | .left_column.month_access.plus::before { | ||
+ | content: "+"; | ||
+ | } | ||
+ | |||
+ | |||
+ | .left_column.month_access:hover { | ||
+ | background-color: #72c9b6; | ||
+ | color: white; | ||
+ | -webkit-transition: all 0.4s ease; | ||
+ | -moz-transition: all 0.4s ease; | ||
+ | -ms-transition: all 0.4s ease; | ||
+ | -o-transition: all 0.4s ease; | ||
+ | transition: all 0.4s ease; | ||
+ | } | ||
+ | |||
+ | |||
+ | .right_column h1{ | ||
+ | font-size: 40px; | ||
+ | padding: 15px 10px; | ||
+ | } | ||
+ | |||
+ | |||
+ | .right_column { | ||
+ | padding: 10px 0px 15px 0px; | ||
+ | float: left; | ||
+ | width: 80%; | ||
+ | } | ||
+ | |||
+ | .right_column.event_content { | ||
+ | border-top: 1px solid #d3d3d3; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
/********************************* RESPONSIVE STYLING ********************************/ | /********************************* RESPONSIVE STYLING ********************************/ |
Revision as of 15:37, 29 November 2016