Last active
August 29, 2015 14:14
-
-
Save mmerriweather/7a6aede38c0c1d011257 to your computer and use it in GitHub Desktop.
Header CSS
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .sidebar-wrapper input[type="email"], | |
| .sidebar-wrapper select { | |
| display: block; | |
| width: 100%; | |
| padding: 6px 12px; | |
| font-size: 13px; | |
| line-height: 1.3; | |
| color: #555555; | |
| background-color: #ffffff; | |
| background-image: none; | |
| border: 1px solid #e0e0e0; | |
| -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; | |
| -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; | |
| transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; | |
| } | |
| .sidebar-wrapper input[type="email"]:focus, | |
| .sidebar-wrapper select:focus { | |
| border-color: #66afe9; | |
| outline: 0; | |
| -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); | |
| box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); | |
| } | |
| .sidebar-wrapper input[type="email"]::-moz-placeholder, | |
| .sidebar-wrapper select::-moz-placeholder { | |
| color: #777777; | |
| opacity: 1; | |
| } | |
| .sidebar-wrapper input[type="email"]:-ms-input-placeholder, | |
| .sidebar-wrapper select:-ms-input-placeholder { | |
| color: #777777; | |
| } | |
| .sidebar-wrapper input[type="email"]::-webkit-input-placeholder, | |
| .sidebar-wrapper select::-webkit-input-placeholder { | |
| color: #777777; | |
| } | |
| button, | |
| input[type="submit"] { | |
| display: inline-block; | |
| margin-bottom: 0; | |
| font-weight: normal; | |
| text-align: center; | |
| vertical-align: middle; | |
| cursor: pointer; | |
| background-image: none; | |
| border: 1px solid transparent; | |
| white-space: nowrap; | |
| padding: 6px 12px; | |
| font-size: 13px; | |
| line-height: 1.3; | |
| -webkit-user-select: none; | |
| -moz-user-select: none; | |
| -ms-user-select: none; | |
| user-select: none; | |
| -webkit-transition: background .15s; | |
| transition: background .15s; | |
| color: #ffffff; | |
| background-color: #0072e9; | |
| border-color: transparent; | |
| } | |
| button:focus, | |
| input[type="submit"]:focus, | |
| button:active:focus, | |
| input[type="submit"]:active:focus, | |
| button.active:focus, | |
| input[type="submit"].active:focus { | |
| outline: thin dotted; | |
| outline: 5px auto -webkit-focus-ring-color; | |
| outline-offset: -2px; | |
| } | |
| button:hover, | |
| input[type="submit"]:hover, | |
| button:focus, | |
| input[type="submit"]:focus { | |
| color: #ffffff; | |
| text-decoration: none; | |
| } | |
| button:active, | |
| input[type="submit"]:active, | |
| button.active, | |
| input[type="submit"].active { | |
| outline: 0; | |
| background-image: none; | |
| -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); | |
| box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); | |
| } | |
| button:hover, | |
| input[type="submit"]:hover, | |
| button:focus, | |
| input[type="submit"]:focus, | |
| button:active, | |
| input[type="submit"]:active, | |
| button.active, | |
| input[type="submit"].active { | |
| color: #ffffff; | |
| background-color: #0059b6; | |
| border-color: rgba(0, 0, 0, 0); | |
| } | |
| input[type="password"], | |
| input[type="text"], | |
| input[type="email"], | |
| textarea, | |
| select, | |
| input[type="number"] { | |
| display: block; | |
| width: 100%; | |
| padding: 6px 12px; | |
| font-size: 13px; | |
| line-height: 1.3; | |
| color: #555555; | |
| background-color: #ffffff; | |
| background-image: none; | |
| border: 1px solid #e0e0e0; | |
| -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; | |
| -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; | |
| transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; | |
| } | |
| input[type="password"]:focus, | |
| input[type="text"]:focus, | |
| input[type="email"]:focus, | |
| textarea:focus, | |
| select:focus, | |
| input[type="number"]:focus { | |
| border-color: #66afe9; | |
| outline: 0; | |
| -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); | |
| box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); | |
| } | |
| input[type="password"]::-moz-placeholder, | |
| input[type="text"]::-moz-placeholder, | |
| input[type="email"]::-moz-placeholder, | |
| textarea::-moz-placeholder, | |
| select::-moz-placeholder, | |
| input[type="number"]::-moz-placeholder { | |
| color: #777777; | |
| opacity: 1; | |
| } | |
| input[type="password"]:-ms-input-placeholder, | |
| input[type="text"]:-ms-input-placeholder, | |
| input[type="email"]:-ms-input-placeholder, | |
| textarea:-ms-input-placeholder, | |
| select:-ms-input-placeholder, | |
| input[type="number"]:-ms-input-placeholder { | |
| color: #777777; | |
| } | |
| input[type="password"]::-webkit-input-placeholder, | |
| input[type="text"]::-webkit-input-placeholder, | |
| input[type="email"]::-webkit-input-placeholder, | |
| textarea::-webkit-input-placeholder, | |
| select::-webkit-input-placeholder, | |
| input[type="number"]::-webkit-input-placeholder { | |
| color: #777777; | |
| } | |
| .woocommerce-page .woocommerce-error { | |
| background-color: white; | |
| } | |
| input[type="button"] { | |
| display: inline-block; | |
| margin-bottom: 0; | |
| font-weight: normal; | |
| text-align: center; | |
| vertical-align: middle; | |
| cursor: pointer; | |
| background-image: none; | |
| border: 1px solid transparent; | |
| white-space: nowrap; | |
| padding: 6px 12px; | |
| font-size: 13px; | |
| line-height: 1.3; | |
| -webkit-user-select: none; | |
| -moz-user-select: none; | |
| -ms-user-select: none; | |
| user-select: none; | |
| -webkit-transition: background .15s; | |
| transition: background .15s; | |
| color: #ffffff; | |
| background-color: #22262e; | |
| border-color: #171a1f; | |
| } | |
| input[type="button"]:focus, | |
| input[type="button"]:active:focus, | |
| input[type="button"].active:focus { | |
| outline: thin dotted; | |
| outline: 5px auto -webkit-focus-ring-color; | |
| outline-offset: -2px; | |
| } | |
| input[type="button"]:hover, | |
| input[type="button"]:focus { | |
| color: #ffffff; | |
| text-decoration: none; | |
| } | |
| input[type="button"]:active, | |
| input[type="button"].active { | |
| outline: 0; | |
| background-image: none; | |
| -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); | |
| box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); | |
| } | |
| input[type="button"]:hover, | |
| input[type="button"]:focus, | |
| input[type="button"]:active, | |
| input[type="button"].active { | |
| color: #ffffff; | |
| background-color: #0c0e11; | |
| border-color: #000000; | |
| } | |
| input[type="button"]:active, | |
| input[type="button"].active, | |
| input[type="button"] .open > .dropdown-toggle.btn-primary { | |
| background-image: none; | |
| } | |
| .single-product .woocommerce-message a { | |
| display: inline-block; | |
| margin-bottom: 0; | |
| font-weight: normal; | |
| text-align: center; | |
| vertical-align: middle; | |
| cursor: pointer; | |
| background-image: none; | |
| border: 1px solid transparent; | |
| white-space: nowrap; | |
| padding: 6px 12px; | |
| font-size: 13px; | |
| line-height: 1.3; | |
| -webkit-user-select: none; | |
| -moz-user-select: none; | |
| -ms-user-select: none; | |
| user-select: none; | |
| -webkit-transition: background .15s; | |
| transition: background .15s; | |
| color: #ffffff; | |
| background-color: #5cb85c; | |
| border-color: #4cae4c; | |
| } | |
| .single-product .woocommerce-message a:focus, | |
| .single-product .woocommerce-message a:active:focus, | |
| .single-product .woocommerce-message a.active:focus { | |
| outline: thin dotted; | |
| outline: 5px auto -webkit-focus-ring-color; | |
| outline-offset: -2px; | |
| } | |
| .single-product .woocommerce-message a:hover, | |
| .single-product .woocommerce-message a:focus { | |
| color: #ffffff; | |
| text-decoration: none; | |
| } | |
| .single-product .woocommerce-message a:active, | |
| .single-product .woocommerce-message a.active { | |
| outline: 0; | |
| background-image: none; | |
| -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); | |
| box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); | |
| } | |
| .single-product .woocommerce-message a:hover, | |
| .single-product .woocommerce-message a:focus, | |
| .single-product .woocommerce-message a:active, | |
| .single-product .woocommerce-message a.active { | |
| color: #ffffff; | |
| background-color: #449d44; | |
| border-color: #398439; | |
| } | |
| .single-product .woocommerce-message a:active, | |
| .single-product .woocommerce-message a.active { | |
| background-image: none; | |
| } | |
| .order_item .product-name small a { | |
| display: inline-block; | |
| margin-bottom: 0; | |
| font-weight: normal; | |
| text-align: center; | |
| vertical-align: middle; | |
| cursor: pointer; | |
| background-image: none; | |
| border: 1px solid transparent; | |
| white-space: nowrap; | |
| padding: 6px 12px; | |
| font-size: 13px; | |
| line-height: 1.3; | |
| -webkit-user-select: none; | |
| -moz-user-select: none; | |
| -ms-user-select: none; | |
| user-select: none; | |
| -webkit-transition: background .15s; | |
| transition: background .15s; | |
| color: #ffffff; | |
| background-color: #5cb85c; | |
| border-color: #4cae4c; | |
| } | |
| .order_item .product-name small a:focus, | |
| .order_item .product-name small a:active:focus, | |
| .order_item .product-name small a.active:focus { | |
| outline: thin dotted; | |
| outline: 5px auto -webkit-focus-ring-color; | |
| outline-offset: -2px; | |
| } | |
| .order_item .product-name small a:hover, | |
| .order_item .product-name small a:focus { | |
| color: #ffffff; | |
| text-decoration: none; | |
| } | |
| .order_item .product-name small a:active, | |
| .order_item .product-name small a.active { | |
| outline: 0; | |
| background-image: none; | |
| -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); | |
| box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); | |
| } | |
| .order_item .product-name small a:hover, | |
| .order_item .product-name small a:focus, | |
| .order_item .product-name small a:active, | |
| .order_item .product-name small a.active { | |
| color: #ffffff; | |
| background-color: #449d44; | |
| border-color: #398439; | |
| } | |
| .order_item .product-name small a:active, | |
| .order_item .product-name small a.active { | |
| background-image: none; | |
| } | |
| .woocommerce-tabs .tabs { | |
| margin-bottom: 0; | |
| padding-left: 0; | |
| list-style: none; | |
| border-bottom: 1px solid #dddddd; | |
| } | |
| .woocommerce-tabs .tabs > li { | |
| position: relative; | |
| display: block; | |
| } | |
| .woocommerce-tabs .tabs > li > a { | |
| position: relative; | |
| display: block; | |
| padding: 10px 15px; | |
| } | |
| .woocommerce-tabs .tabs > li > a:hover, | |
| .woocommerce-tabs .tabs > li > a:focus { | |
| text-decoration: none; | |
| } | |
| .woocommerce-tabs .tabs > li.disabled > a { | |
| color: #777777; | |
| } | |
| .woocommerce-tabs .tabs > li { | |
| float: left; | |
| margin-bottom: -1px; | |
| } | |
| .woocommerce-tabs .tabs > li > a { | |
| margin-right: 2px; | |
| line-height: 1.3; | |
| border: 1px solid transparent; | |
| border-radius: 4px 4px 0 0; | |
| } | |
| .woocommerce-tabs .tabs > li > a:hover { | |
| border-color: #eeeeee #eeeeee #dddddd; | |
| } | |
| .woocommerce-tabs .tabs > li.active > a, | |
| .woocommerce-tabs .tabs > li.active > a:hover, | |
| .woocommerce-tabs .tabs > li.active > a:focus { | |
| color: #555555; | |
| background-color: #ffffff; | |
| border: 1px solid #dddddd; | |
| border-bottom-color: transparent; | |
| cursor: default; | |
| } | |
| .shop_table, | |
| .cart_totals table, | |
| table.shop_attributes { | |
| width: 100%; | |
| max-width: 100%; | |
| } | |
| .shop_table > thead > tr > th, | |
| .cart_totals table > thead > tr > th, | |
| table.shop_attributes > thead > tr > th, | |
| .shop_table > tbody > tr > th, | |
| .cart_totals table > tbody > tr > th, | |
| table.shop_attributes > tbody > tr > th, | |
| .shop_table > tfoot > tr > th, | |
| .cart_totals table > tfoot > tr > th, | |
| table.shop_attributes > tfoot > tr > th, | |
| .shop_table > thead > tr > td, | |
| .cart_totals table > thead > tr > td, | |
| table.shop_attributes > thead > tr > td, | |
| .shop_table > tbody > tr > td, | |
| .cart_totals table > tbody > tr > td, | |
| table.shop_attributes > tbody > tr > td, | |
| .shop_table > tfoot > tr > td, | |
| .cart_totals table > tfoot > tr > td, | |
| table.shop_attributes > tfoot > tr > td { | |
| padding: 8px; | |
| line-height: 1.3; | |
| vertical-align: top; | |
| border-top: 1px solid #dddddd; | |
| } | |
| .shop_table > thead > tr > th, | |
| .cart_totals table > thead > tr > th, | |
| table.shop_attributes > thead > tr > th { | |
| vertical-align: bottom; | |
| border-bottom: 2px solid #dddddd; | |
| } | |
| .shop_table > caption + thead > tr:first-child > th, | |
| .cart_totals table > caption + thead > tr:first-child > th, | |
| table.shop_attributes > caption + thead > tr:first-child > th, | |
| .shop_table > colgroup + thead > tr:first-child > th, | |
| .cart_totals table > colgroup + thead > tr:first-child > th, | |
| table.shop_attributes > colgroup + thead > tr:first-child > th, | |
| .shop_table > thead:first-child > tr:first-child > th, | |
| .cart_totals table > thead:first-child > tr:first-child > th, | |
| table.shop_attributes > thead:first-child > tr:first-child > th, | |
| .shop_table > caption + thead > tr:first-child > td, | |
| .cart_totals table > caption + thead > tr:first-child > td, | |
| table.shop_attributes > caption + thead > tr:first-child > td, | |
| .shop_table > colgroup + thead > tr:first-child > td, | |
| .cart_totals table > colgroup + thead > tr:first-child > td, | |
| table.shop_attributes > colgroup + thead > tr:first-child > td, | |
| .shop_table > thead:first-child > tr:first-child > td, | |
| .cart_totals table > thead:first-child > tr:first-child > td, | |
| table.shop_attributes > thead:first-child > tr:first-child > td { | |
| border-top: 0; | |
| } | |
| .shop_table > tbody + tbody, | |
| .cart_totals table > tbody + tbody, | |
| table.shop_attributes > tbody + tbody { | |
| border-top: 2px solid #dddddd; | |
| } | |
| a.remove { | |
| display: inline-block; | |
| margin-bottom: 0; | |
| font-weight: normal; | |
| text-align: center; | |
| vertical-align: middle; | |
| cursor: pointer; | |
| background-image: none; | |
| border: 1px solid transparent; | |
| white-space: nowrap; | |
| padding: 6px 12px; | |
| font-size: 13px; | |
| line-height: 1.3; | |
| -webkit-user-select: none; | |
| -moz-user-select: none; | |
| -ms-user-select: none; | |
| user-select: none; | |
| -webkit-transition: background .15s; | |
| transition: background .15s; | |
| color: #ffffff; | |
| background-color: #d9534f; | |
| border-color: #d43f3a; | |
| } | |
| a.remove:focus, | |
| a.remove:active:focus, | |
| a.remove.active:focus { | |
| outline: thin dotted; | |
| outline: 5px auto -webkit-focus-ring-color; | |
| outline-offset: -2px; | |
| } | |
| a.remove:hover, | |
| a.remove:focus { | |
| color: #ffffff; | |
| text-decoration: none; | |
| } | |
| a.remove:active, | |
| a.remove.active { | |
| outline: 0; | |
| background-image: none; | |
| -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); | |
| box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); | |
| } | |
| a.remove:hover, | |
| a.remove:focus, | |
| a.remove:active, | |
| a.remove.active { | |
| color: #ffffff; | |
| background-color: #c9302c; | |
| border-color: #ac2925; | |
| } | |
| a.remove:active, | |
| a.remove.active { | |
| background-image: none; | |
| } | |
| .woocommerce-checkout:before, | |
| .woocommerce-account header:before, | |
| .woocommerce-checkout:after, | |
| .woocommerce-account header:after { | |
| content: " "; | |
| display: table; | |
| } | |
| .woocommerce-checkout:after, | |
| .woocommerce-account header:after { | |
| clear: both; | |
| } | |
| .dropdown-arrow-inverse { | |
| border-bottom-color: #34495e !important; | |
| border-top-color: #34495e !important; | |
| } | |
| /* styles from flat-ui-free2.0.0-fix.less files */ | |
| body { | |
| color: #34495e; | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| font-size: 14px; | |
| line-height: 1.231; | |
| } | |
| input, | |
| button, | |
| select, | |
| textarea { | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| font-size: 14px; | |
| } | |
| a { | |
| color: #16a085; | |
| text-decoration: none; | |
| -webkit-transition: 0.25s; | |
| -moz-transition: 0.25s; | |
| -o-transition: 0.25s; | |
| transition: 0.25s; | |
| } | |
| a:hover { | |
| color: #1abc9c; | |
| text-decoration: none; | |
| } | |
| h1, | |
| .h1 { | |
| font-size: 48px /* 64px */; | |
| } | |
| h2, | |
| .h2 { | |
| font-size: 41px /* 52px */; | |
| } | |
| h3, | |
| .h3 { | |
| font-size: 32px /* 40px */; | |
| } | |
| h4, | |
| .h4 { | |
| font-size: 23px /* 29px */; | |
| } | |
| h5, | |
| .h5 { | |
| font-size: 21px /* 28px */; | |
| } | |
| h6, | |
| .h6 { | |
| font-size: 19px /* 24px */; | |
| } | |
| h1, | |
| .h1, | |
| h2, | |
| .h2, | |
| h3, | |
| .h3, | |
| h4, | |
| .h4, | |
| h5, | |
| .h5, | |
| h6, | |
| .h6 { | |
| line-height: 1.2em; | |
| } | |
| h1 { | |
| font-weight: 700; | |
| } | |
| h2 { | |
| font-weight: 700; | |
| margin-bottom: 2px; | |
| } | |
| h3 { | |
| font-weight: 700; | |
| margin-bottom: 4px; | |
| margin-top: 2px; | |
| } | |
| h4 { | |
| font-weight: 500; | |
| margin-top: 4px; | |
| } | |
| h5 { | |
| font-weight: 500; | |
| } | |
| h6 { | |
| font-weight: normal; | |
| } | |
| p { | |
| font-size: 18.004px; | |
| /* 18px */ | |
| line-height: 1.722169; | |
| /* 31px */ | |
| } | |
| .lead { | |
| font-size: 28px; | |
| /* 28px */ | |
| line-height: 1.4642745000000001; | |
| /* 41px */ | |
| font-weight: 300; | |
| margin-bottom: 20px; | |
| } | |
| small { | |
| font-size: 84%; | |
| /* 15px */ | |
| line-height: 2.050846; | |
| /* 31px */ | |
| } | |
| blockquote { | |
| position: relative; | |
| border-left: none; | |
| padding-left: 19px; | |
| } | |
| blockquote p { | |
| font-size: 20.006px; | |
| line-height: 1.549829; | |
| font-weight: normal; | |
| margin-bottom: .4em; | |
| } | |
| blockquote small { | |
| font-size: 18.004px; | |
| line-height: 1.722169; | |
| font-style: italic; | |
| color: #34495e; | |
| } | |
| blockquote small:before { | |
| content: ""; | |
| } | |
| blockquote:before { | |
| position: absolute; | |
| left: 0; | |
| width: 3px; | |
| height: 100%; | |
| top: 0; | |
| bottom: 0; | |
| background-color: #ebedee; | |
| content: ""; | |
| -webkit-border-radius: 2px; | |
| -moz-border-radius: 2px; | |
| border-radius: 2px; | |
| } | |
| .img-rounded { | |
| -webkit-border-radius: 5px; | |
| -moz-border-radius: 5px; | |
| border-radius: 5px; | |
| } | |
| .img-comment { | |
| font-size: 14.994px; | |
| line-height: 1.231; | |
| font-style: italic; | |
| margin: 24px 0; | |
| } | |
| .text-primary { | |
| color: #1abc9c; | |
| } | |
| a.text-primary:hover, | |
| a.text-primary:focus { | |
| color: #15967d; | |
| } | |
| .text-success { | |
| color: #2ecc71; | |
| } | |
| a.text-success:hover, | |
| a.text-success:focus { | |
| color: #25a35a; | |
| } | |
| .text-danger { | |
| color: #e74c3c; | |
| } | |
| a.text-danger:hover, | |
| a.text-danger:focus { | |
| color: #b93d30; | |
| } | |
| .text-warning { | |
| color: #f1c40f; | |
| } | |
| a.text-warning:hover, | |
| a.text-warning:focus { | |
| color: #c19d0c; | |
| } | |
| .text-info { | |
| color: #3498db; | |
| } | |
| a.text-info:hover, | |
| a.text-info:focus { | |
| color: #2a7aaf; | |
| } | |
| .text-inverse { | |
| color: #ffffff; | |
| } | |
| a.text-inverse:hover, | |
| a.text-inverse:focus { | |
| color: #cccccc; | |
| } | |
| .muted { | |
| color: #bdc3c7; | |
| } | |
| a.muted:hover, | |
| a.muted:focus { | |
| color: #979c9f; | |
| } | |
| footer { | |
| background-color: transparent; | |
| } | |
| .input-append input { | |
| -webkit-border-radius: 6px 0 0 6px; | |
| -moz-border-radius: 6px 0 0 6px; | |
| border-radius: 6px 0 0 6px; | |
| } | |
| .bg-white { | |
| background-color: #ffffff; | |
| } | |
| .bg-black { | |
| background-color: #000000; | |
| } | |
| .bg-turquoise { | |
| background-color: #1abc9c; | |
| } | |
| .bg-green-sea { | |
| background-color: #16a085; | |
| } | |
| .bg-emerland { | |
| background-color: #2ecc71; | |
| } | |
| .bg-nephritis { | |
| background-color: #27ae60; | |
| } | |
| .bg-peter-river { | |
| background-color: #3498db; | |
| } | |
| .bg-belize-hole { | |
| background-color: #2980b9; | |
| } | |
| .bg-amethyst { | |
| background-color: #9b59b6; | |
| } | |
| .bg-wisteria { | |
| background-color: #8e44ad; | |
| } | |
| .bg-wet-asphalt { | |
| background-color: #34495e; | |
| } | |
| .bg-midnight-blue { | |
| background-color: #2c3e50; | |
| } | |
| .bg-sun-flower { | |
| background-color: #f1c40f; | |
| } | |
| .bg-orange { | |
| background-color: #f39c12; | |
| } | |
| .bg-carrot { | |
| background-color: #e67e22; | |
| } | |
| .bg-pumpkin { | |
| background-color: #d35400; | |
| } | |
| .bg-alizarin { | |
| background-color: #e74c3c; | |
| } | |
| .bg-pomegranate { | |
| background-color: #c0392b; | |
| } | |
| .bg-clouds { | |
| background-color: #ecf0f1; | |
| } | |
| .bg-silver { | |
| background-color: #bdc3c7; | |
| } | |
| .bg-concrete { | |
| background-color: #95a5a6; | |
| } | |
| .bg-asbestos { | |
| background-color: #7f8c8d; | |
| } | |
| .bg-base { | |
| background-color: #34495e; | |
| } | |
| .bg-firm { | |
| background-color: #1abc9c; | |
| } | |
| .bg-success { | |
| background-color: #2ecc71; | |
| } | |
| .bg-danger { | |
| background-color: #e74c3c; | |
| } | |
| .bg-warning { | |
| background-color: #f1c40f; | |
| } | |
| .bg-info { | |
| background-color: #3498db; | |
| } | |
| .bordered { | |
| border-style: solid; | |
| } | |
| .bordered.bg-turquoise { | |
| border-color: #16a085; | |
| } | |
| .bordered.bg-emerland { | |
| border-color: #27ae60; | |
| } | |
| .bordered.bg-peter-river { | |
| border-color: #2980b9; | |
| } | |
| .bordered.bg-amethyst { | |
| border-color: #8e44ad; | |
| } | |
| .bordered.bg-wet-asphalt { | |
| border-color: #2c3e50; | |
| } | |
| .bordered.bg-sun-flower { | |
| border-color: #f39c12; | |
| } | |
| .bordered.bg-carrot { | |
| border-color: #d35400; | |
| } | |
| .bordered.bg-alizarin { | |
| border-color: #c0392b; | |
| } | |
| .bordered.bg-clouds { | |
| border-color: #bdc3c7; | |
| } | |
| .bordered.bg-concrete { | |
| border-color: #7f8c8d; | |
| } | |
| body { | |
| overflow-x: hidden; | |
| color: #7f8c8d; | |
| line-height: 1.29; | |
| } | |
| @media (max-width: 767px) { | |
| body { | |
| padding-right: 0; | |
| padding-left: 0; | |
| } | |
| } | |
| li { | |
| line-height: 20px; | |
| } | |
| .btn { | |
| -webkit-border-radius: 6px; | |
| -moz-border-radius: 6px; | |
| border-radius: 6px; | |
| line-height: 22px; | |
| -webkit-transition: 0.25s; | |
| -moz-transition: 0.25s; | |
| -o-transition: 0.25s; | |
| transition: 0.25s; | |
| } | |
| .btn.btn-large { | |
| font-size: 17px; | |
| padding: 12px 18px; | |
| } | |
| .btn > [class^="fui-"] { | |
| margin-left: 4px; | |
| margin-right: 4px; | |
| line-height: inherit; | |
| display: inline-block; | |
| vertical-align: top; | |
| } | |
| .input-group-btn .btn { | |
| background: #bdc3c7; | |
| line-height: 9px 12px 10px; | |
| line-height: 22px; | |
| border: 0; | |
| margin: 0; | |
| color: #fff; | |
| margin-left: 0 !important; | |
| padding-left: 10px; | |
| padding-right: 12px; | |
| } | |
| .input-group-btn .btn:hover { | |
| background: #cacfd2; | |
| } | |
| textarea, | |
| input[type="text"], | |
| input[type="password"], | |
| input[type="datetime"], | |
| input[type="datetime-local"], | |
| input[type="date"], | |
| input[type="month"], | |
| input[type="time"], | |
| input[type="week"], | |
| input[type="number"], | |
| input[type="email"], | |
| input[type="url"], | |
| input[type="search"], | |
| input[type="tel"], | |
| input[type="color"], | |
| .uneditable-input { | |
| outline: none; | |
| } | |
| .form-group { | |
| margin-bottom: 10px; | |
| } | |
| label { | |
| line-height: 20px; | |
| } | |
| .carousel { | |
| line-height: 1; | |
| } | |
| .hero-unit h1 { | |
| margin-bottom: 0; | |
| font-size: 60px; | |
| line-height: 1; | |
| letter-spacing: -1px; | |
| color: inherit; | |
| } | |
| h4, | |
| h5, | |
| h6 { | |
| margin-top: 10px; | |
| margin-bottom: 10px; | |
| } | |
| p { | |
| margin-bottom: 10px; | |
| } | |
| .page-wrapper { | |
| position: relative; | |
| z-index: 2; | |
| background: #fff; | |
| } | |
| .header-background { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| right: 0; | |
| bottom: 0; | |
| } | |
| .page-wrapper, | |
| .header-antiflicker, | |
| body > header .header-background { | |
| -webkit-transform: translate3d(0, 0, 0); | |
| -moz-transform: translate3d(0, 0, 0); | |
| -ms-transform: translate3d(0, 0, 0); | |
| -o-transform: translate3d(0, 0, 0); | |
| transform: translate3d(0, 0, 0); | |
| -webkit-transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); | |
| -moz-transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); | |
| -o-transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); | |
| -ms-transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); | |
| transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); | |
| } | |
| .nav-visible .page-wrapper, | |
| .nav-visible .navbar.navbar-fixed-top, | |
| .nav-visible .header-antiflicker, | |
| .nav-visible body > header .header-background { | |
| -webkit-transform: translate3d(-230px, 0, 0); | |
| -moz-transform: translate3d(-230px, 0, 0); | |
| -ms-transform: translate3d(-230px, 0, 0); | |
| -o-transform: translate3d(-230px, 0, 0); | |
| transform: translate3d(-230px, 0, 0); | |
| } | |
| .no-csstransitions .page-wrapper, | |
| .no-csstransitions .header-antiflicker { | |
| left: 0; | |
| } | |
| .no-csstransitions.nav-visible .page-wrapper, | |
| .no-csstransitions.nav-visible .navbar.navbar-fixed-top, | |
| .no-csstransitions.nav-visible .header-antiflicker { | |
| left: -230px !important; | |
| right: auto; | |
| } | |
| .carousel-indicators { | |
| width: 100%; | |
| } | |
| [class^="fui-"] { | |
| display: inline-block; | |
| vertical-align: middle; | |
| } | |
| body > section, | |
| header, | |
| footer { | |
| position: relative; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| } | |
| @media (max-width: 767px) { | |
| body > section, | |
| header, | |
| footer { | |
| padding-right: 5px; | |
| padding-left: 5px; | |
| } | |
| } | |
| img { | |
| width: auto\9; | |
| height: auto; | |
| max-width: 100%; | |
| vertical-align: middle; | |
| border: 0; | |
| -ms-interpolation-mode: bicubic; | |
| } | |
| h1, | |
| .h1, | |
| h2, | |
| .h2, | |
| h3, | |
| .h3, | |
| h4, | |
| .h4, | |
| h5, | |
| .h5, | |
| h6, | |
| .h6 { | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| color: #2c3e50; | |
| } | |
| h1 { | |
| font-weight: normal; | |
| } | |
| h3 { | |
| font-weight: normal; | |
| } | |
| img { | |
| -webkit-backface-visibility: hidden; | |
| } | |
| textarea, | |
| input[type="text"], | |
| input[type="password"], | |
| input[type="datetime"], | |
| input[type="datetime-local"], | |
| input[type="date"], | |
| input[type="month"], | |
| input[type="time"], | |
| input[type="week"], | |
| input[type="number"], | |
| input[type="email"], | |
| input[type="url"], | |
| input[type="search"], | |
| input[type="tel"], | |
| input[type="color"], | |
| .uneditable-input { | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| font-size: 16px; | |
| font-weight: normal; | |
| color: #7f8c8d; | |
| } | |
| a:hover, | |
| button:hover, | |
| a:focus, | |
| button:focus, | |
| a:active, | |
| button:active { | |
| outline: none; | |
| } | |
| .navbar { | |
| left: 0; | |
| right: 0; | |
| } | |
| .navbar .brand { | |
| padding: 23px 28px 24px 0; | |
| float: left; | |
| } | |
| .navbar .subnav { | |
| display: none; | |
| } | |
| .navbar a { | |
| -webkit-transition: 0.25s; | |
| -moz-transition: 0.25s; | |
| -o-transition: 0.25s; | |
| transition: 0.25s; | |
| } | |
| .navbar .navbar-collapse { | |
| padding-left: 0; | |
| padding-right: 0; | |
| } | |
| .navbar .nav > li { | |
| float: left; | |
| } | |
| .navbar .nav > li > a:hover, | |
| .navbar .nav > li > a:focus { | |
| background: none; | |
| } | |
| .navbar .navbar-toggle { | |
| margin: 26px 0 10px; | |
| color: white; | |
| background: none; | |
| padding: 0; | |
| width: 30px; | |
| height: 30px; | |
| background: url("../../../common-files/icons/menu-icon.png") 50% no-repeat; | |
| -webkit-border-radius: 0; | |
| -moz-border-radius: 0; | |
| border-radius: 0; | |
| } | |
| .navbar .navbar-toggle:before { | |
| display: none; | |
| } | |
| .navbar .navbar-form .btn { | |
| height: auto; | |
| line-height: 22px; | |
| padding-top: 10px; | |
| padding-bottom: 10px; | |
| } | |
| .navbar .nav > li > a > [class*="fui-"] { | |
| font-size: 24px; | |
| margin: -10px 0 0; | |
| position: relative; | |
| top: 4px; | |
| } | |
| .navbar.navbar-fixed-top { | |
| -webkit-transform: translate3d(0, 0, 0); | |
| -moz-transform: translate3d(0, 0, 0); | |
| -ms-transform: translate3d(0, 0, 0); | |
| -o-transform: translate3d(0, 0, 0); | |
| transform: translate3d(0, 0, 0); | |
| -webkit-transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); | |
| -moz-transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); | |
| -o-transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); | |
| -ms-transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); | |
| transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); | |
| max-width: 1170px; | |
| margin: 0 auto; | |
| } | |
| @media (min-width: 768px) and (max-width: 991px) { | |
| .navbar-collapse.collapse { | |
| display: none !important; | |
| } | |
| .navbar-toggle { | |
| display: block; | |
| } | |
| .navbar-header { | |
| float: none; | |
| } | |
| } | |
| .header-19 .navbar-collapse.collapse, | |
| .header-16 .navbar-collapse.collapse { | |
| display: none !important; | |
| } | |
| @media (max-width: 991px) { | |
| body .navbar-collapse { | |
| width: 230px; | |
| position: fixed; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| height: 100% !important; | |
| z-index: 1; | |
| } | |
| } | |
| @media (min-width: 992px) { | |
| body > .collapse.navbar-collapse { | |
| display: none !important; | |
| } | |
| } | |
| body .navbar-collapse#header-19, | |
| body .navbar-collapse#header-16 { | |
| width: 230px; | |
| position: fixed; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| height: 100% !important; | |
| z-index: 1; | |
| } | |
| body > .navbar-collapse { | |
| padding: 25px 0; | |
| overflow: auto; | |
| background: #222527; | |
| min-height: 100%; | |
| } | |
| body > .navbar-collapse::-webkit-scrollbar { | |
| display: none; | |
| } | |
| body > .navbar-collapse .pull-right, | |
| body > .navbar-collapse .pull-left { | |
| float: none !important; | |
| } | |
| body > .navbar-collapse .nav { | |
| margin: 0 0 10px; | |
| } | |
| body > .navbar-collapse .nav > li { | |
| margin: 0; | |
| } | |
| body > .navbar-collapse .nav > li > a { | |
| display: block; | |
| padding: 12px 35px; | |
| border-bottom: 2px solid #24292d; | |
| font-size: 13px; | |
| font-weight: normal; | |
| letter-spacing: 1px; | |
| color: #5b5e61; | |
| text-transform: uppercase; | |
| } | |
| body > .navbar-collapse .nav > li > a:hover, | |
| body > .navbar-collapse .nav > li > a:focus, | |
| body > .navbar-collapse .nav > li > a.active { | |
| color: #ffffff; | |
| } | |
| body > .navbar-collapse .nav > li > a:hover, | |
| body > .navbar-collapse .nav > li > a:focus { | |
| background: none; | |
| } | |
| body > .navbar-collapse .nav > li.active > a { | |
| color: #ffffff; | |
| } | |
| body > .navbar-collapse .nav > li.active > a:hover, | |
| body > .navbar-collapse .nav > li.active > a:focus, | |
| body > .navbar-collapse .nav > li.active > a.active { | |
| color: #ffffff; | |
| } | |
| body > .navbar-collapse .subnav { | |
| display: block; | |
| list-style: none; | |
| margin: 0; | |
| padding: 0; | |
| } | |
| body > .navbar-collapse .subnav li > a { | |
| display: block; | |
| margin: 0; | |
| padding: 7px 35px; | |
| font-size: 13px; | |
| font-weight: normal; | |
| color: #5b5e61; | |
| text-transform: capitalize; | |
| } | |
| body > .navbar-collapse .subnav li > a:hover, | |
| body > .navbar-collapse .subnav li > a:focus, | |
| body > .navbar-collapse .subnav li > a.active { | |
| color: #ffffff; | |
| } | |
| body > .navbar-collapse .navbar-form, | |
| body > .navbar-collapse .navbar-search { | |
| padding: 10px 35px; | |
| margin: 0; | |
| border-bottom: 0 none; | |
| border-top: 0 none; | |
| box-shadow: none; | |
| } | |
| body > .navbar-collapse .navbar-form:focus, | |
| body > .navbar-collapse .navbar-search:focus { | |
| outline: 0 none; | |
| } | |
| body > .navbar-collapse .navbar-form .btn, | |
| body > .navbar-collapse .navbar-search .btn, | |
| body > .navbar-collapse .navbar-form .btn-primary, | |
| body > .navbar-collapse .navbar-search .btn-primary { | |
| height: 30px; | |
| line-height: 20px; | |
| font-size: 15px; | |
| color: #5b5e61; | |
| background: none; | |
| padding: 0; | |
| } | |
| body > .navbar-collapse .navbar-form .btn:hover, | |
| body > .navbar-collapse .navbar-search .btn:hover, | |
| body > .navbar-collapse .navbar-form .btn-primary:hover, | |
| body > .navbar-collapse .navbar-search .btn-primary:hover { | |
| color: #fff; | |
| } | |
| .delimiter { | |
| margin-top: 200px; | |
| } | |
| .delimiter.line { | |
| margin-top: 150px; | |
| margin-bottom: 150px; | |
| border-top: 2px solid #ebedee; | |
| } | |
| header { | |
| padding-top: 100px; | |
| padding-bottom: 70px; | |
| z-index: 100; | |
| } | |
| header .brand { | |
| font-size: 25px; | |
| font-weight: normal; | |
| color: #34495e; | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| font-weight: 800; | |
| letter-spacing: -1px; | |
| color: #2c3e50; | |
| } | |
| header .brand img:first-child { | |
| float: left; | |
| margin: -10px 15px 0 0; | |
| } | |
| section * { | |
| z-index: 2; | |
| } | |
| .background { | |
| position: absolute; | |
| left: 0; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| z-index: 1; | |
| background: 50% 50% no-repeat; | |
| -webkit-background-size: cover; | |
| -moz-background-size: cover; | |
| -o-background-size: cover; | |
| background-size: cover; | |
| opacity: 20; | |
| filter: alpha(opacity=2000); | |
| opacity: 0.2; | |
| filter: alpha(opacity=20); | |
| } | |
| @media (max-width: 768px) { | |
| .background { | |
| -webkit-background-size: auto 200%; | |
| -moz-background-size: auto 200%; | |
| -o-background-size: auto 200%; | |
| background-size: auto 200%; | |
| } | |
| } | |
| .container { | |
| position: relative; | |
| z-index: 2; | |
| } | |
| @media (max-width: 767px) { | |
| header { | |
| padding-left: 20px; | |
| padding-right: 20px; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| } | |
| } | |
| .nav-visible .navbar .nav-collapse .nav > li > a:hover, | |
| .nav-visible .navbar .nav-collapse .nav > li > li a:focus { | |
| background-color: transparent; | |
| } | |
| .nav-visible .nav-collapse .navbar-form, | |
| .nav-visible .nav-collapse .navbar-search { | |
| border-bottom: 0 none; | |
| border-top: 0 none; | |
| box-shadow: none; | |
| margin: 10px 0; | |
| padding: 10px 15px; | |
| } | |
| .nav-visible .nav-collapse .navbar-form a.btn, | |
| .nav-visible .nav-collapse .navbar-search a.btn { | |
| border-color: white; | |
| color: white; | |
| } | |
| .nav-visible .nav-collapse .navbar-form a.btn:hover, | |
| .nav-visible .nav-collapse .navbar-search a.btn:hover, | |
| .nav-visible .nav-collapse .navbar-form a.btn:focus, | |
| .nav-visible .nav-collapse .navbar-search a.btn:focus { | |
| color: #7f8c8d; | |
| background-color: white; | |
| } | |
| /* header */ | |
| /** | |
| * Header 11 stylesheet | |
| * */ | |
| .header-11-startup-antiflicker { | |
| border-bottom: 1px #bdc3c7 solid; | |
| } | |
| .header-11 { | |
| z-index: 100; | |
| width: 100%; | |
| padding-top: 0; | |
| padding-bottom: 0; | |
| height: 90px; | |
| } | |
| .header-11 .navbar { | |
| position: absolute; | |
| z-index: 2; | |
| top: 0; | |
| margin: 0; | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| } | |
| .header-11 .navbar .navbar-form { | |
| padding: 30px 0 19px 30px; | |
| } | |
| .header-11 .navbar .btn { | |
| padding-left: 18px; | |
| padding-right: 18px; | |
| } | |
| .header-11 .navbar .btn.btn-primary { | |
| background-color: #16a085; | |
| } | |
| .header-11 .navbar .btn.btn-primary:hover, | |
| .header-11 .navbar .btn.btn-primary:focus { | |
| background-color: #45b39d; | |
| } | |
| .header-11 .navbar .btn.btn-primary:active, | |
| .header-11 .navbar .btn.btn-primary.active { | |
| background-color: #138871; | |
| } | |
| .header-11 .navbar .brand { | |
| padding-top: 30px; | |
| font-size: 25px; | |
| font-weight: normal; | |
| color: #34495e; | |
| font-weight: 600; | |
| } | |
| .header-11 .navbar .brand img:first-child { | |
| float: left; | |
| margin: -10px 15px 0 0; | |
| } | |
| .header-11 .navbar .nav > li { | |
| margin-left: 25px; | |
| } | |
| .header-11 .navbar .nav > li:first-child { | |
| margin-left: 0; | |
| } | |
| .header-11 .navbar .nav > li:active a, | |
| .header-11 .navbar .nav > li.active a { | |
| color: #16a085; | |
| } | |
| .header-11 .navbar .nav > li:active a:hover, | |
| .header-11 .navbar .nav > li.active a:hover, | |
| .header-11 .navbar .nav > li:active a:focus, | |
| .header-11 .navbar .nav > li.active a:focus, | |
| .header-11 .navbar .nav > li:active a.active, | |
| .header-11 .navbar .nav > li.active a.active { | |
| color: #16a085; | |
| } | |
| .header-11 .navbar .nav > li > a { | |
| padding: 41px 0 27px; | |
| font-size: 14px; | |
| font-weight: normal; | |
| color: #7f8c8d; | |
| font-weight: 500; | |
| letter-spacing: 1px; | |
| color: inherit; | |
| } | |
| .header-11 .navbar .nav > li > a:hover, | |
| .header-11 .navbar .nav > li > a:focus, | |
| .header-11 .navbar .nav > li > a.active { | |
| color: #16a085; | |
| } | |
| .header-11 .navbar .navbar-toggle { | |
| background-image: url("../../../common-files/icons/menu-icon-header-8.png"); | |
| margin-top: 36px; | |
| } | |
| .header-11-sub { | |
| padding-top: 110px; | |
| padding-bottom: 110px; | |
| color: #bdc3c7; | |
| position: relative; | |
| } | |
| .header-11-sub h3 { | |
| font-size: 33px; | |
| font-weight: normal; | |
| color: #ffffff; | |
| margin-bottom: 15px; | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| font-weight: 300; | |
| } | |
| .header-11-sub p { | |
| font-size: 16px; | |
| font-weight: normal; | |
| color: #bdc3c7; | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| } | |
| .header-11-sub .additional-links { | |
| opacity: 50; | |
| filter: alpha(opacity=5000); | |
| opacity: 0.5; | |
| filter: alpha(opacity=50); | |
| font-size: 12px; | |
| font-weight: normal; | |
| color: #bdc3c7; | |
| } | |
| .header-11-sub .additional-links a { | |
| text-decoration: underline; | |
| color: #bdc3c7; | |
| } | |
| .header-11-sub .additional-links a:hover, | |
| .header-11-sub .additional-links a:focus, | |
| .header-11-sub .additional-links a.active { | |
| color: #979c9f; | |
| } | |
| @media (max-width: 767px) { | |
| .header-11-sub { | |
| padding-top: 68px; | |
| padding-bottom: 70px; | |
| } | |
| .header-11-sub .player { | |
| margin: 40px 0 45px; | |
| } | |
| } | |
| @media (max-width: 480px) { | |
| .header-11-sub { | |
| padding-top: 68px; | |
| padding-bottom: 70px; | |
| } | |
| .header-11-sub h3 { | |
| font-size: 26px; | |
| font-weight: normal; | |
| color: #ffffff; | |
| } | |
| .header-11-sub .player { | |
| margin: 40px 0 45px; | |
| } | |
| } | |
| .header-11-sub .signup-form form { | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| margin-top: 40px; | |
| margin-bottom: 20px; | |
| } | |
| .header-11-sub .signup-form form .form-group:first-child + .form-group { | |
| display: table; | |
| width: 100%; | |
| } | |
| .header-11-sub .signup-form form .form-group:first-child + .form-group > div { | |
| display: table-cell; | |
| width: 50%; | |
| padding-left: 5px; | |
| } | |
| @media (max-width: 767px) { | |
| .header-11-sub .signup-form form .form-group:first-child + .form-group > div { | |
| padding-left: 9px; | |
| } | |
| } | |
| .header-11-sub .signup-form form .form-group:first-child + .form-group > div:first-child { | |
| padding-left: 0; | |
| padding-right: 5px; | |
| } | |
| @media (max-width: 767px) { | |
| .header-11-sub .signup-form form .form-group:first-child + .form-group > div:first-child { | |
| padding-right: 9px; | |
| } | |
| } | |
| .header-11-sub .signup-form form .form-group:first-child + .form-group input { | |
| width: 100%; | |
| } | |
| @media (max-width: 767px) { | |
| .header-11-sub .signup-form form .btn { | |
| margin: 9px 0; | |
| } | |
| } | |
| .header-11-sub .signup-form form .btn.btn-info:hover, | |
| .header-11-sub .signup-form form .btn.btn-info:focus { | |
| background-color: #16a085; | |
| } | |
| .header-11-sub .signup-form form .btn.btn-info:active, | |
| .header-11-sub .signup-form form .btn.btn-info.active { | |
| background-color: #138871; | |
| } | |
| .header-11-sub .signup-form form input[type="text"], | |
| .header-11-sub .signup-form form input[type="password"] { | |
| border-color: white!important; | |
| } | |
| @media (max-width: 767px) { | |
| .header-11-sub .signup-form form input[type="text"], | |
| .header-11-sub .signup-form form input[type="password"] { | |
| height: 41px; | |
| } | |
| } | |
| @media (max-width: 480px) { | |
| .header-11-sub .signup-form form { | |
| margin-top: 25px; | |
| } | |
| } | |
| .header-11-sub .player { | |
| -webkit-border-radius: 6px; | |
| -moz-border-radius: 6px; | |
| border-radius: 6px; | |
| background: #bdc3c7; | |
| position: relative; | |
| overflow: hidden; | |
| height: 360px; | |
| } | |
| .header-11-sub .player .btn-play { | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| position: absolute; | |
| left: 10px; | |
| bottom: 10px; | |
| width: 60px; | |
| padding-left: 16px; | |
| -webkit-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| border-radius: 3px; | |
| } | |
| .header-11-sub .player .btn-play.btn-primary { | |
| background-color: #16a085; | |
| } | |
| .header-11-sub .player .btn-play.btn-primary:hover, | |
| .header-11-sub .player .btn-play.btn-primary:focus { | |
| background-color: #45b39d; | |
| } | |
| .header-11-sub .player .btn-play.btn-primary:active, | |
| .header-11-sub .player .btn-play.btn-primary.active { | |
| background-color: #138871; | |
| } | |
| .header-11-sub .player > iframe { | |
| width: 100%; | |
| height: 100%; | |
| border: 0; | |
| display: block; | |
| } | |
| @media (max-width: 480px) { | |
| .header-11-sub .player { | |
| height: 160px; | |
| } | |
| } | |
| /* price */ | |
| .ribbon { | |
| display: block; | |
| position: relative; | |
| margin: 0; | |
| padding: 0 10px!important; | |
| background: #e74c3c; | |
| color: #fff; | |
| text-align: center; | |
| font-size: 14px; | |
| line-height: 24px; | |
| } | |
| .ribbon:before, | |
| .ribbon:after { | |
| display: block; | |
| position: absolute; | |
| line-height: 0; | |
| } | |
| .ribbon:before { | |
| content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAgCAYAAADe+2JdAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAIcbAACL/wAA/RMAAIWJAACNJgAA5z0AADj/AAAeyY4zee8AAACLSURBVHja7M6xCcIAEAXQZwwpJI0W6V3AVgdwKrF3CWdwAhFcIjhDKiGCoDGxSVAxyQT5zcG94+5G+X4GS+zqOlEnxAKn72aTANs2aHCtIwGmfWjAAfsxhPIWeaSJVxaris98WN4i9/Nc9Rz/r32kSStA8Mri7oeqIsj7vj324QbXLrxghQN+TrwHABFIH/AzT59nAAAAAElFTkSuQmCC'); | |
| left: -7px; | |
| bottom: 0; | |
| } | |
| .ribbon:after { | |
| content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAIcbAACL/wAA/RMAAIWJAACNJgAA5z0AADj/AAAeyY4zee8AAACMSURBVHja7MwxDoJAFIThf9fVAo2x4A5cwprKytPY2HoJS6/hCbwBoaKi0WxYoyYg+ywICQK9jdPNl/dG5Zu1AA44Azsg1TRZAlvgAkQttlkBhz4CxGO4GEP++Cs0yc2ilWI+NYRBwGyim0svwr2syApHWdff716E6/M13HxUbztAL3I0nW6BE7D/DADKLyXavmqdkAAAAABJRU5ErkJggg=='); | |
| right: -5px; | |
| top: 0; | |
| } | |
| /** | |
| * Price 1 stylesheet | |
| * */ | |
| .price-1 { | |
| padding-top: 110px; | |
| padding-bottom: 110px; | |
| } | |
| .price-1 .plan { | |
| position: relative; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| border: 3px solid #ebedee; | |
| padding: 25px 0; | |
| -webkit-border-radius: 4px; | |
| -moz-border-radius: 4px; | |
| border-radius: 4px; | |
| text-align: center; | |
| color: #bdc3c7; | |
| font-size: 18px; | |
| font-weight: normal; | |
| } | |
| .price-1 .plan > * { | |
| padding-left: 10px; | |
| padding-right: 10px; | |
| } | |
| .price-1 .plan b { | |
| color: #7f8c8d; | |
| } | |
| .price-1 .plan .title { | |
| color: #2c3e50; | |
| font-size: 24px; | |
| font-weight: 500; | |
| margin-bottom: 8px; | |
| } | |
| .price-1 .plan .description { | |
| margin: 26px 0; | |
| padding-top: 22px; | |
| border-top: 2px solid #ebedee; | |
| line-height: 28px; | |
| font-weight: normal; | |
| } | |
| .price-1 .plan .description b { | |
| font-weight: 500; | |
| } | |
| .price-1 .plan .btn { | |
| min-width: 170px; | |
| } | |
| .price-1 .ribbon { | |
| position: absolute; | |
| right: -3px; | |
| top: 26px; | |
| } | |
| @media (max-width: 991px) { | |
| .price-1 .ribbon { | |
| top: 4px; | |
| } | |
| } | |
| @media (max-width: 767px) { | |
| .price-1 .ribbon { | |
| top: 26px; | |
| } | |
| } | |
| @media (max-width: 767px) { | |
| .price-1 .plan { | |
| margin-top: 30px; | |
| } | |
| .price-1 .col-sm-4:first-child .plan { | |
| margin-top: 0; | |
| } | |
| } | |
| /* content */ | |
| /** | |
| * Content 13 stylesheet | |
| * */ | |
| .content-13 { | |
| position: relative; | |
| } | |
| .content-13.subscribe-form { | |
| padding-top: 40px; | |
| padding-bottom: 40px; | |
| color: #a1a9b1; | |
| } | |
| .content-13.subscribe-form .col-sm-4 { | |
| text-align: right; | |
| } | |
| @media (max-width: 767px) { | |
| .content-13.subscribe-form .col-sm-4 { | |
| width: auto; | |
| display: inline-block; | |
| float: right; | |
| text-align: center; | |
| } | |
| } | |
| @media (max-width: 668px) { | |
| .content-13.subscribe-form .col-sm-4 { | |
| display: block; | |
| float: none; | |
| } | |
| } | |
| .content-13.subscribe-form form { | |
| margin: 0; | |
| position: relative; | |
| } | |
| @media (max-width: 767px) { | |
| .content-13.subscribe-form form .col-sm-8 { | |
| width: 65%; | |
| display: inline-block; | |
| float: left; | |
| } | |
| } | |
| @media (max-width: 668px) { | |
| .content-13.subscribe-form form .col-sm-8 { | |
| width: auto; | |
| display: block; | |
| float: none; | |
| text-align: center; | |
| } | |
| } | |
| .content-13.subscribe-form input[type="text"], | |
| .content-13.subscribe-form input[type="email"] { | |
| width: 100%; | |
| height: auto; | |
| margin: 0; | |
| padding: 0; | |
| border: 0; | |
| background: transparent; | |
| line-height: 59.99999999999999px; | |
| font-size: 50px; | |
| font-weight: normal; | |
| color: #ffffff; | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| font-weight: 500; | |
| letter-spacing: -1px; | |
| } | |
| .content-13.subscribe-form input[type="text"]:-moz-placeholder, | |
| .content-13.subscribe-form input[type="email"]:-moz-placeholder { | |
| color: #ffffff; | |
| opacity: 1; | |
| } | |
| .content-13.subscribe-form input[type="text"]::-moz-placeholder, | |
| .content-13.subscribe-form input[type="email"]::-moz-placeholder { | |
| color: #ffffff; | |
| opacity: 1; | |
| } | |
| .content-13.subscribe-form input[type="text"]:-ms-input-placeholder, | |
| .content-13.subscribe-form input[type="email"]:-ms-input-placeholder { | |
| color: #ffffff; | |
| } | |
| .content-13.subscribe-form input[type="text"]::-webkit-input-placeholder, | |
| .content-13.subscribe-form input[type="email"]::-webkit-input-placeholder { | |
| color: #ffffff; | |
| } | |
| .content-13.subscribe-form input[type="text"].placeholder, | |
| .content-13.subscribe-form input[type="email"].placeholder { | |
| color: #ffffff; | |
| } | |
| .content-13.subscribe-form input[type="text"]::-webkit-input-placeholder, | |
| .content-13.subscribe-form input[type="email"]::-webkit-input-placeholder { | |
| font-weight: 500; | |
| letter-spacing: -1px; | |
| } | |
| .content-13.subscribe-form input[type="text"]:-moz-placeholder, | |
| .content-13.subscribe-form input[type="email"]:-moz-placeholder { | |
| font-weight: 500; | |
| letter-spacing: -1px; | |
| } | |
| .content-13.subscribe-form input[type="text"]::-moz-placeholder, | |
| .content-13.subscribe-form input[type="email"]::-moz-placeholder { | |
| font-weight: 500; | |
| letter-spacing: -1px; | |
| } | |
| .content-13.subscribe-form input[type="text"]:-ms-input-placeholder, | |
| .content-13.subscribe-form input[type="email"]:-ms-input-placeholder { | |
| font-weight: 500; | |
| letter-spacing: -1px; | |
| } | |
| .content-13.subscribe-form .ani-placeholder { | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| position: absolute; | |
| padding-left: 6px; | |
| line-height: 59.99999999999999px; | |
| font-size: 50px; | |
| font-weight: normal; | |
| color: #ffffff; | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| } | |
| .content-13.subscribe-form .btn { | |
| margin-top: 8px; | |
| width: 220px; | |
| max-width: 100%; | |
| } | |
| .content-13.subscribe-form .btn.btn-primary { | |
| background: #16a085; | |
| } | |
| .content-13.subscribe-form .btn.btn-primary:hover, | |
| .content-13.subscribe-form .btn.btn-primary:focus { | |
| background: #24deb4; | |
| } | |
| .content-13.subscribe-form .btn.btn-primary:active, | |
| .content-13.subscribe-form .btn.btn-primary.active { | |
| background: #138871; | |
| } | |
| @media (max-width: 480px) { | |
| .content-13.subscribe-form input[type="text"], | |
| .content-13.subscribe-form input[type="email"], | |
| .content-13.subscribe-form .ani-placeholder { | |
| width: 100%; | |
| margin-bottom: 33px; | |
| line-height: 27px; | |
| font-size: 25px; | |
| font-weight: normal; | |
| color: #ffffff; | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| text-align: center; | |
| } | |
| } | |
| @media (max-width: 688px) { | |
| .content-13.subscribe-form input[type="text"], | |
| .content-13.subscribe-form input[type="email"], | |
| .content-13.subscribe-form .ani-placeholder { | |
| width: 100%; | |
| margin-bottom: 20px; | |
| text-align: center; | |
| } | |
| } | |
| /* footer */ | |
| /** | |
| * Footer 2 stylesheet | |
| * */ | |
| .footer-2 { | |
| padding-top: 20px; | |
| padding-bottom: 20px; | |
| color: #bdc3c7; | |
| line-height: 25px; | |
| } | |
| .footer-2 a { | |
| color: #bdc3c7; | |
| font-weight: normal; | |
| } | |
| .footer-2 a:hover, | |
| .footer-2 a:focus, | |
| .footer-2 a.active { | |
| color: #979c9f; | |
| } | |
| .footer-2 nav ul { | |
| list-style: none; | |
| margin: 0; | |
| padding: 0; | |
| font-size: 16px; | |
| font-weight: normal; | |
| color: #bdc3c7; | |
| } | |
| .footer-2 nav ul li { | |
| float: left; | |
| margin-left: 25px; | |
| line-height: 25px; | |
| } | |
| .footer-2 nav ul li:first-child { | |
| margin-left: 0; | |
| } | |
| .footer-2 .social-btns { | |
| white-space: nowrap; | |
| } | |
| .footer-2 .social-btns > * { | |
| display: inline-block; | |
| vertical-align: top; | |
| margin-left: 15px; | |
| font-size: 20px; | |
| font-weight: normal; | |
| color: #979c9f; | |
| width: 20px; | |
| height: 25px; | |
| overflow: hidden; | |
| text-align: center; | |
| } | |
| .footer-2 .social-btns > *:first-child { | |
| margin-left: 0; | |
| } | |
| .footer-2 .social-btns > * > * { | |
| display: block; | |
| position: relative; | |
| top: 0; | |
| -webkit-transition: 0.25s top; | |
| -moz-transition: 0.25s top; | |
| -o-transition: 0.25s top; | |
| transition: 0.25s top; | |
| } | |
| .footer-2 .social-btns > * > *:first-child { | |
| color: #bdc3c7; | |
| } | |
| .footer-2 .social-btns > *:hover > * { | |
| top: -100%; | |
| } | |
| .footer-2 .additional-links { | |
| font-size: 12px; | |
| font-weight: normal; | |
| color: #bdc3c7; | |
| text-align: center; | |
| } | |
| @media (max-width: 991px) { | |
| .footer-2 .additional-links { | |
| clear: both; | |
| text-align: left; | |
| } | |
| } | |
| .footer-2 .additional-links a { | |
| text-decoration: underline; | |
| } | |
| @media (max-width: 480px) { | |
| .footer-2 { | |
| padding-top: 28px; | |
| padding-bottom: 28px; | |
| } | |
| .footer-2 > .container > * { | |
| float: none !important; | |
| *zoom: 1; | |
| } | |
| .footer-2 > .container > *:before, | |
| .footer-2 > .container > *:after { | |
| content: " "; | |
| /* 1 */ | |
| display: table; | |
| /* 2 */ | |
| } | |
| .footer-2 > .container > *:after { | |
| clear: both; | |
| } | |
| .footer-2 > .container > *:before, | |
| .footer-2 > .container > *:after { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| } | |
| .footer-2 > .container > *:after { | |
| clear: both; | |
| } | |
| .footer-2 nav ul li { | |
| float: none; | |
| margin: 18px 0 0; | |
| } | |
| .footer-2 nav ul li:first-child { | |
| margin-top: 0; | |
| } | |
| .footer-2 .social-btns { | |
| margin: 25px 0 10px; | |
| } | |
| } | |
| .header-11-sub .background { | |
| background-image: url("http://magdeleine.co/wp-content/uploads/2015/01/rollingfog-1400x933.jpg"); | |
| opacity: 80; | |
| filter: alpha(opacity=8000); | |
| opacity: 0.8; | |
| filter: alpha(opacity=80); | |
| } | |
| @media (max-width: 767px) { | |
| .header-11-sub .background { | |
| background: #f6f6f2; | |
| } | |
| } | |
| .header-11-sub h3 { | |
| color: #2c3e50; | |
| } | |
| .header-11-sub p { | |
| color: #7f8c8d; | |
| } | |
| .header-11-sub .additional-links { | |
| color: #7f8c8d; | |
| } | |
| .header-11-sub .additional-links a { | |
| color: #697172; | |
| } | |
| .logos { | |
| background: #f1f1f1; | |
| padding-top: 40px; | |
| padding-bottom: 40px; | |
| } | |
| @media (max-width: 767px) { | |
| .logos { | |
| padding-top: 20px; | |
| padding-bottom: 20px; | |
| } | |
| } | |
| .logos > .container { | |
| display: table; | |
| } | |
| .logos > .container > div { | |
| display: table-cell; | |
| text-align: center; | |
| } | |
| @media (max-width: 480px) { | |
| .logos { | |
| display: none; | |
| } | |
| } | |
| .price-1 { | |
| padding-top: 80px; | |
| padding-bottom: 80px; | |
| } | |
| .price-1 h3 { | |
| margin: 0 0 8px; | |
| font-size: 35px; | |
| text-align: center; | |
| letter-spacing: -1px; | |
| } | |
| .price-1 .lead { | |
| font-size: 25px; | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| text-align: center; | |
| margin-bottom: 55px; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment