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