| Current Path : /home/zqegovsj/www/us3web.haibo.com.cn/beiresthetic/css/ |
| Current File : /home/zqegovsj/www/us3web.haibo.com.cn/beiresthetic/css/colorScheme-1.css |
/* camera.scss
=========================================================*/
/*================ Custom Layout&Styles =====================*/
.camera_next, .camera_prev {
background: #6091c2;
color: #FFF;
}
.camera_next:hover, .camera_prev:hover {
color: #6091c2;
background: #FFF;
}
@media (max-width: 479px) {
.camera_pag_ul li {
background: #2a2438;
}
.camera_pag_ul li.cameracurrent, .camera_pag_ul li:hover {
background: #6091c2;
}
}
/* google-map.scss
=========================================================*/
/* search.scss
=========================================================*/
.search-form_submit:hover {
color: #6091c2;
}
.search-form_toggle {
color: #FFF;
}
.search-form_toggle.active, .search-form_toggle:hover {
color: #6091c2;
}
.search-form_liveout .search_link .search_title {
color: #6091c2;
}
.search-form_liveout .search_link:hover {
background: #6091c2;
color: #f3f7fb;
}
.search-form_liveout .search_error {
color: #6091c2;
}
.search-form_liveout button {
color: #6091c2;
}
.search-form_liveout button:hover {
background: #6091c2;
}
.search-frame h4 a:hover {
color: #6091c2;
}
.search-frame .match {
color: #2a2438;
}
/* style.scss
=========================================================*/
/*
* @subsection RD Mail Form
*
* @description Describes style declarations for RD Mail Form extension
*
* @author Evgeniy Gusarov
* @link https://ua.linkedin.com/pub/evgeniy-gusarov/8a/a40/54a
* @version 1.1.2
*/
.rd-mailform {
position: relative;
text-align: left;
margin-left: auto;
margin-right: auto;
}
.rd-mailform fieldset {
border: none;
}
.rd-mailform fieldset > .row + .row {
margin-top: 30px;
}
.rd-mailform label {
position: relative;
display: block;
width: 100%;
margin-top: 25px;
}
.rd-mailform label:first-child {
margin-top: 0;
}
.rd-mailform label input, .rd-mailform label select {
height: 50px;
}
.rd-mailform label input, .rd-mailform label select, .rd-mailform label textarea {
display: block;
width: 100%;
margin: 0;
-webkit-appearance: none;
font-size: 18px;
padding: 13px 18px;
line-height: 24px;
color: #727272;
background: #FFF;
font-family: "PT Sans Narrow", sans-serif;
border: 0px solid;
border-radius: 0px;
}
.rd-mailform label input:-moz-placeholder, .rd-mailform label select:-moz-placeholder, .rd-mailform label textarea:-moz-placeholder {
color: #727272;
opacity: 1;
}
.rd-mailform label input::-webkit-input-placeholder, .rd-mailform label select::-webkit-input-placeholder, .rd-mailform label textarea::-webkit-input-placeholder {
color: #727272;
opacity: 1;
}
.rd-mailform label input::-moz-placeholder, .rd-mailform label select::-moz-placeholder, .rd-mailform label textarea::-moz-placeholder {
color: #727272;
opacity: 1;
}
.rd-mailform label input:-ms-input-placeholder, .rd-mailform label select:-ms-input-placeholder, .rd-mailform label textarea:-ms-input-placeholder {
color: #727272;
opacity: 1;
}
.rd-mailform label textarea {
resize: vertical;
overflow: auto;
min-height: 50px;
height: 150px;
max-height: 225px;
}
.rd-mailform label textarea:focus {
outline: none;
}
@media (min-width: 768px) {
.rd-mailform label {
margin-top: 30px;
}
}
/*
* MF Controls
*/
.mfControls {
margin-top: 20px;
}
@-ms-keyframes fout {
0% {
transform: scale(1) translateX(0);
}
100% {
transform: scale(0) translateX(0);
}
}
@-o-keyframes fout {
0% {
transform: scale(1) translateX(0);
}
100% {
transform: scale(0) translateX(0);
}
}
@-webkit-keyframes fout {
0% {
transform: scale(1) translateX(0);
}
100% {
transform: scale(0) translateX(0);
}
}
@-moz-keyframes fout {
0% {
transform: scale(1) translateX(0);
}
100% {
transform: scale(0) translateX(0);
}
}
@keyframes fout {
0% {
transform: scale(1) translateX(0);
}
100% {
transform: scale(0) translateX(0);
}
}
/* Mail Form PlaceHolder
========================================================*/
.mfPlaceHolder {
font: inherit;
cursor: text;
position: absolute;
left: 0;
top: 0;
padding: 13px 18px;
line-height: 24px;
color: #727272;
opacity: 1;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
}
*:-webkit-autofill ~ .mfPlaceHolder {
opacity: .4;
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.mfPlaceHolder.state-1 {
opacity: .4;
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
@media (max-width: 1365px) {
*:-webkit-autofill ~ .container > .mailform .mfPlaceHolder, *:-webkit-autofill ~ .grid_12 .mfPlaceHolder {
opacity: .4;
-moz-transform: translateY(-80%);
-ms-transform: translateY(-80%);
-o-transform: translateY(-80%);
-webkit-transform: translateY(-80%);
transform: translateY(-80%);
}
.container > .mailform .mfPlaceHolder.state-1, .grid_12 .mfPlaceHolder.state-1 {
opacity: .4;
-moz-transform: translateY(-80%);
-ms-transform: translateY(-80%);
-o-transform: translateY(-80%);
-webkit-transform: translateY(-80%);
transform: translateY(-80%);
}
}
@media (max-width: 979px) {
*:-webkit-autofill ~ .grid_10 .mfPlaceHolder {
opacity: .4;
-moz-transform: translateY(-80%);
-ms-transform: translateY(-80%);
-o-transform: translateY(-80%);
-webkit-transform: translateY(-80%);
transform: translateY(-80%);
}
.grid_10 .mfPlaceHolder.state-1 {
opacity: .4;
-moz-transform: translateY(-80%);
-ms-transform: translateY(-80%);
-o-transform: translateY(-80%);
-webkit-transform: translateY(-80%);
transform: translateY(-80%);
}
}
@media (max-width: 767px) {
*:-webkit-autofill ~ .mfPlaceHolder {
opacity: .4;
-moz-transform: translateY(-80%);
-ms-transform: translateY(-80%);
-o-transform: translateY(-80%);
-webkit-transform: translateY(-80%);
transform: translateY(-80%);
}
.mfPlaceHolder.state-1 {
opacity: .4;
-moz-transform: translateY(-80%);
-ms-transform: translateY(-80%);
-o-transform: translateY(-80%);
-webkit-transform: translateY(-80%);
transform: translateY(-80%);
}
}
/* Mail Form Validation
========================================================*/
.mfValidation {
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
-o-transform-origin: 0% 50%;
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
position: absolute;
top: -5px;
left: 67%;
width: 130px;
margin-top: 0;
margin-left: 0;
padding: 5px;
height: 30px;
font-weight: 300;
font-size: 12px;
line-height: 20px;
color: #C64E4E;
opacity: 0;
visibility: hidden;
cursor: pointer;
z-index: 998;
}
.mfValidation.show {
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
visibility: visible;
-webkit-animation: notifanim 0.4s cubic-bezier(0.55, 0, 0.1, 1) forwards;
-moz-animation: notifanim 0.4s cubic-bezier(0.55, 0, 0.1, 1) forwards;
-ms-animation: notifanim 0.4s cubic-bezier(0.55, 0, 0.1, 1) forwards;
-o-animation: notifanim 0.4s cubic-bezier(0.55, 0, 0.1, 1) forwards;
animation: notifanim 0.4s cubic-bezier(0.55, 0, 0.1, 1) forwards;
}
.mfValidation.hide {
-webkit-animation: notifanim-fo 0.4s cubic-bezier(0.55, 0, 0.1, 1) forwards;
-moz-animation: notifanim-fo 0.4s cubic-bezier(0.55, 0, 0.1, 1) forwards;
-ms-animation: notifanim-fo 0.4s cubic-bezier(0.55, 0, 0.1, 1) forwards;
-o-animation: notifanim-fo 0.4s cubic-bezier(0.55, 0, 0.1, 1) forwards;
animation: notifanim-fo 0.4s cubic-bezier(0.55, 0, 0.1, 1) forwards;
}
.mfValidation.valid {
opacity: 0;
visibility: hidden;
}
@media (min-width: 768px) and (max-width: 1199px) {
.mfValidation {
left: 42%;
}
}
@media (max-width: 767px) {
.mfValidation {
text-align: right;
left: auto;
top: -22px;
right: 0;
background: none;
padding: 0;
margin: 0 0 3px;
min-height: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.mfValidation:before {
display: none;
}
.mfValidation:hover {
background: none;
right: 5px;
}
}
@-ms-keyframes notifanim-fo {
0% {
opacity: 1;
visibility: visible;
transform: scale(1);
}
20% {
opacity: 1;
transform: scale(1.1);
}
99% {
visibility: hidden;
}
100% {
visibility: hidden;
transform: scale(0.3);
opacity: 0;
}
}
@-o-keyframes notifanim-fo {
0% {
opacity: 1;
visibility: visible;
transform: scale(1);
}
20% {
opacity: 1;
transform: scale(1.1);
}
99% {
visibility: hidden;
}
100% {
visibility: hidden;
transform: scale(0.3);
opacity: 0;
}
}
@-webkit-keyframes notifanim-fo {
0% {
opacity: 1;
visibility: visible;
transform: scale(1);
}
20% {
opacity: 1;
transform: scale(1.1);
}
99% {
visibility: hidden;
}
100% {
visibility: hidden;
transform: scale(0.3);
opacity: 0;
}
}
@-moz-keyframes notifanim-fo {
0% {
opacity: 1;
visibility: visible;
transform: scale(1);
}
20% {
opacity: 1;
transform: scale(1.1);
}
99% {
visibility: hidden;
}
100% {
visibility: hidden;
transform: scale(0.3);
opacity: 0;
}
}
@keyframes notifanim-fo {
0% {
opacity: 1;
visibility: visible;
transform: scale(1);
}
20% {
opacity: 1;
transform: scale(1.1);
}
99% {
visibility: hidden;
}
100% {
visibility: hidden;
transform: scale(0.3);
opacity: 0;
}
}
@-ms-keyframes notifanim {
0% {
opacity: 0;
visibility: hidden;
transform: scale(0.3);
}
1% {
visibility: visible;
}
50% {
transform: scale(1);
}
75% {
transform: scale(0.9);
}
100% {
transform: scale(1);
opacity: 1;
}
}
@-o-keyframes notifanim {
0% {
opacity: 0;
visibility: hidden;
transform: scale(0.3);
}
1% {
visibility: visible;
}
50% {
transform: scale(1);
}
75% {
transform: scale(0.9);
}
100% {
transform: scale(1);
opacity: 1;
}
}
@-webkit-keyframes notifanim {
0% {
opacity: 0;
visibility: hidden;
transform: scale(0.3);
}
1% {
visibility: visible;
}
50% {
transform: scale(1);
}
75% {
transform: scale(0.9);
}
100% {
transform: scale(1);
opacity: 1;
}
}
@-moz-keyframes notifanim {
0% {
opacity: 0;
visibility: hidden;
transform: scale(0.3);
}
1% {
visibility: visible;
}
50% {
transform: scale(1);
}
75% {
transform: scale(0.9);
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes notifanim {
0% {
opacity: 0;
visibility: hidden;
transform: scale(0.3);
}
1% {
visibility: visible;
}
50% {
transform: scale(1);
}
75% {
transform: scale(0.9);
}
100% {
transform: scale(1);
opacity: 1;
}
}
/* MF Controls
========================================================*/
.mfControls {
margin-top: 25px;
word-spacing: 10px;
text-align: left;
}
.mfControls > * {
word-spacing: normal;
margin-bottom: 5px;
font-family: "PT Sans Narrow", sans-serif;
}
/* Mail Form Submit
========================================================*/
.mfProgress {
position: relative;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
z-index: 22;
}
.mfProgress .cnt, .mfProgress .loader {
-moz-transition: 0.4s all ease-in-out;
-o-transition: 0.4s all ease-in-out;
-webkit-transition: 0.4s all ease-in-out;
transition: 0.4s all ease-in-out;
}
.mfProgress .loader {
opacity: 0;
text-align: center;
letter-spacing: 10px;
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.mfProgress .loader, .mfProgress .loader:before, .mfProgress .loader:after {
position: absolute;
left: 0;
bottom: 0;
top: 0;
right: 0;
margin: auto;
}
.mfProgress .loader:before {
content: '';
width: 20px;
height: 20px;
background-color: #fff;
border-radius: 50%;
}
.mfProgress .loader:after {
content: '';
width: 30px;
height: 30px;
color: #fff;
font: 400 30px "FontAwesome";
line-height: inherit;
-moz-transition: 0.4s all ease-in-out;
-o-transition: 0.4s all ease-in-out;
-webkit-transition: 0.4s all ease-in-out;
transition: 0.4s all ease-in-out;
-moz-transform: scale(0) rotate(-60deg);
-ms-transform: scale(0) rotate(-60deg);
-o-transform: scale(0) rotate(-60deg);
-webkit-transform: scale(0) rotate(-60deg);
transform: scale(0) rotate(-60deg);
}
.mfProgress.sending .cnt, .mfProgress.success .cnt {
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
-webkit-transform: scale(1.2);
transform: scale(1.2);
opacity: 0;
}
.mfProgress.sending .loader, .mfProgress.success .loader {
opacity: 1;
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
.mfProgress.success .loader:before {
-webkit-animation: fout 0.4s ease-in-out 1 forwards;
-moz-animation: fout 0.4s ease-in-out 1 forwards;
-ms-animation: fout 0.4s ease-in-out 1 forwards;
-o-animation: fout 0.4s ease-in-out 1 forwards;
animation: fout 0.4s ease-in-out 1 forwards;
}
.mfProgress.success .loader:after {
-moz-transform: scale(1) rotate(0deg);
-ms-transform: scale(1) rotate(0deg);
-o-transform: scale(1) rotate(0deg);
-webkit-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
}
.mfProgress.sending .loader:before {
-webkit-animation: motion 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;
-moz-animation: motion 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;
-ms-animation: motion 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;
-o-animation: motion 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;
animation: motion 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;
}
.mfProgress.success .loader:after {
content: '\f058';
}
.mfProgress .msg {
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
-o-transform-origin: 0% 50%;
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
-webkit-animation: notifanim-fo 0.4s ease-in-out forwards;
-moz-animation: notifanim-fo 0.4s ease-in-out forwards;
-ms-animation: notifanim-fo 0.4s ease-in-out forwards;
-o-animation: notifanim-fo 0.4s ease-in-out forwards;
animation: notifanim-fo 0.4s ease-in-out forwards;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.5);
-moz-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.5);
box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.5);
position: absolute;
padding: 10px;
border-radius: 0px;
font-size: 18px;
line-height: 20px;
opacity: 0;
visibility: hidden;
top: 100%;
left: 50%;
width: 230px;
margin-left: -115px;
margin-top: 20px;
color: #FFF;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.mfProgress .msg:before {
content: '';
position: absolute;
bottom: 100%;
right: 50%;
transform: translate(50%, 0%);
width: 0;
height: 0;
border-style: solid;
border-width: 0 6px 6px 6px;
border-color: transparent transparent #111 transparent;
-moz-transition: 0.4s all ease-in-out;
-o-transition: 0.4s all ease-in-out;
-webkit-transition: 0.4s all ease-in-out;
transition: 0.4s all ease-in-out;
}
.mfProgress.fail .msg, .mfProgress.success .msg {
transform: scale(1);
opacity: 1;
visibility: visible;
-webkit-animation: notifanim 0.4s ease-in-out forwards;
-moz-animation: notifanim 0.4s ease-in-out forwards;
-ms-animation: notifanim 0.4s ease-in-out forwards;
-o-animation: notifanim 0.4s ease-in-out forwards;
animation: notifanim 0.4s ease-in-out forwards;
}
.mfProgress.fail .msg {
background: #F44336;
}
.mfProgress.fail .msg:before {
width: 0;
height: 0;
border-style: solid;
border-width: 0 6px 6px 6px;
border-color: transparent transparent #F44336 transparent;
}
.mfProgress.success .msg {
background: #2E7D32;
}
.mfProgress.success .msg:before {
width: 0;
height: 0;
border-style: solid;
border-width: 0 6px 6px 6px;
border-color: transparent transparent #2E7D32 transparent;
}
@-ms-keyframes motion {
0% {
transform: translateX(0) scale(1);
}
25% {
transform: translateX(-50px) scale(0.3);
}
50% {
transform: translateX(0) scale(1);
}
75% {
transform: translateX(50px) scale(0.3);
}
100% {
transform: translateX(0) scale(1);
}
}
@-o-keyframes motion {
0% {
transform: translateX(0) scale(1);
}
25% {
transform: translateX(-50px) scale(0.3);
}
50% {
transform: translateX(0) scale(1);
}
75% {
transform: translateX(50px) scale(0.3);
}
100% {
transform: translateX(0) scale(1);
}
}
@-webkit-keyframes motion {
0% {
transform: translateX(0) scale(1);
}
25% {
transform: translateX(-50px) scale(0.3);
}
50% {
transform: translateX(0) scale(1);
}
75% {
transform: translateX(50px) scale(0.3);
}
100% {
transform: translateX(0) scale(1);
}
}
@-moz-keyframes motion {
0% {
transform: translateX(0) scale(1);
}
25% {
transform: translateX(-50px) scale(0.3);
}
50% {
transform: translateX(0) scale(1);
}
75% {
transform: translateX(50px) scale(0.3);
}
100% {
transform: translateX(0) scale(1);
}
}
@keyframes motion {
0% {
transform: translateX(0) scale(1);
}
25% {
transform: translateX(-50px) scale(0.3);
}
50% {
transform: translateX(0) scale(1);
}
75% {
transform: translateX(50px) scale(0.3);
}
100% {
transform: translateX(0) scale(1);
}
}
@media (max-width: 479px) {
.mfControls {
text-align: center;
padding-bottom: 70px;
}
}
.brand_name {
color: #C64E4E;
}
.bg-primary {
background: #6fc45b;
}
.bg_1 h4 {
color: #C64E4E;
}
.bg_2 {
background: #6fc45b;
}
.btn {
color: #FFF;
background: #76c44f;
border-bottom: 3px solid #3e6828;
}
.btn:hover {
background: #6091c2;
border-bottom: 3px solid #2f557a;
}
.btn:active {
background: #54ae3e;
}
.btn_1 {
color: #FFF;
background: #C64E4E;
border-bottom: 3px solid #aa3737;
}
.btn_1:hover {
background: #3c7f2b;
border-bottom: 3px solid #54ae3e;
}
.btn_1:active {
background: #54ae3e;
}
.subpage_btn {
color: #6fc45b;
}
.subpage_btn:hover {
color: #C64E4E;
}
dd:hover {
color: #6fc45b;
}
.link_mod a {
color: #C64E4E;
}
.link_mod a:hover {
color: #242424;
}
.list li a:hover {
color: #3c7f2b;
}
.count-list li h5 {
color: #C64E4E;
}
.count-list li:before {
color: #242424;
}
.img_wr {
border: 9px solid #F8F8F8;
}
footer h3 {
color: #FFF;
}
footer .social-list li a {
color: #FFF;
}
footer .social-list li a:hover {
color: #3c7f2b;
}
.search-form_submit:hover {
color: #6091c2;
}
.search-form_toggle {
color: #FFF;
}
.search-form_toggle.active, .search-form_toggle:hover {
color: #6091c2;
}
.search-form_liveout .search_link .search_title {
color: #6091c2;
}
.search-form_liveout .search_link:hover {
background: #6091c2;
color: #f3f7fb;
}
.search-form_liveout .search_error {
color: #6091c2;
}
.search-form_liveout button {
color: #6091c2;
}
.search-form_liveout button:hover {
background: #6091c2;
}
.search-frame h4 a:hover {
color: #6091c2;
}
.search-frame .match {
color: #2a2438;
}
.sf-menu > li > a {
color: #2a2438;
}
.sf-menu > li.sfHover > a, .sf-menu > li > a:hover {
color: #6091c2;
}
.sf-menu > li.active > a {
color: #6091c2;
}
.sf-menu ul {
border: 1px solid #F8F8F8;
}
.sf-menu ul > li > a {
color: #2a2438;
}
.sf-menu ul > li.sfHover > a, .sf-menu ul > li > a:hover {
color: #6091c2;
}
.sf-menu ul ul > li > a {
color: #2a2438;
background: #FFF;
}
.sf-menu ul ul > li.sfHover > a, .sf-menu ul ul > li > a:hover {
color: #6091c2;
}
.toTop {
background: #76c44f;
border: 1px solid #76c44f;
}
.toTop:hover {
background: #6091c2;
border: 1px solid;
}
/* tabs.scss
=========================================================*/
.resp-tabs-list li {
background: #F8F8F8;
}
.resp-tabs-list li:hover {
background: #6091c2;
color: #FFF;
}
.resp-tabs-list li.resp-tab-active {
background: #6091c2;
color: #FFF;
}
.resp-tabs-list li.resp-tab-active:before {
width: 0;
height: 0;
border-style: solid;
border-width: 19px 19px 0 19px;
border-color: #6091c2 transparent transparent transparent;
}
.resp-accordion:before {
color: #2a2438;
background: #FFF;
}
.resp-accordion.resp-tab-active {
background: #6091c2;
color: #FFF;
}