mirror of
https://gitee.com/lab1024/smart-admin.git
synced 2025-10-02 10:16:38 +08:00
1944 lines
51 KiB
CSS
1944 lines
51 KiB
CSS
@charset "UTF-8";
|
||
body {
|
||
margin: 0 0;
|
||
padding: 0 0;
|
||
/* for header search block */ }
|
||
body .mask-search {
|
||
position: fixed;
|
||
top: 80px;
|
||
right: 0;
|
||
left: 0;
|
||
bottom: 0;
|
||
background: #29303b;
|
||
opacity: 0.9;
|
||
z-index: 900; }
|
||
select {
|
||
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
||
-webkit-tap-highlight-color: transparent;
|
||
background:none;
|
||
}
|
||
a {color:unset;}
|
||
.ts-hover-show{display:none;}
|
||
/* header #block-royalcanin-search block-royalcaninsearchblock */
|
||
header #block-royalcaninsearchblock label {
|
||
display: none;
|
||
}
|
||
header #block-royalcaninsearchblock {
|
||
display: none;
|
||
width: 100%;
|
||
height: 80px;
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
text-align: center;
|
||
background: #fff;
|
||
z-index: 999; }
|
||
header #royalcanin-search-form #edit-search,
|
||
header #block-royalcaninsearchblock input.form-search {
|
||
display: inline-block;
|
||
width: 100%;
|
||
padding-left: 50px;
|
||
padding-right: 40px;
|
||
border: solid 3px #7fb2f9;
|
||
height: 80px;
|
||
font-size: 90%;
|
||
color: #333; }
|
||
header #block-royalcaninsearchblock #edit-actions {
|
||
display: inline-block;
|
||
width: 36px;
|
||
height: 36px;
|
||
position: fixed;
|
||
top: 23px;
|
||
left: 10px; }
|
||
/*
|
||
header #block-royalcaninsearchblock .form-submit {
|
||
position: relative;
|
||
display: inline-block;
|
||
width: 36px;
|
||
height: 36px;
|
||
font-size: 0;
|
||
opacity: 0;
|
||
cursor: pointer;
|
||
z-index: 995; }
|
||
*/
|
||
header #block-royalcaninsearchblock .form-submit:hover + .search-icon {
|
||
border: solid 2px #E2001A; }
|
||
header #block-royalcaninsearchblock .form-submit:hover .search-icon:after {
|
||
color: #E2001A; }
|
||
header #block-royalcaninsearchblock .search-icon {
|
||
display: inline-block;
|
||
position: absolute;
|
||
top: 9px;
|
||
left: 10px;
|
||
height: 14px;
|
||
width: 14px;
|
||
border: solid 2px #666;
|
||
border-radius: 50%;
|
||
z-index: 990; }
|
||
header #block-royalcaninsearchblock .search-icon:after {
|
||
position: absolute;
|
||
top: -4px;
|
||
left: 8px;
|
||
content: '-';
|
||
font-size: 20px;
|
||
font-weight: bolder;
|
||
color: #666;
|
||
transform: rotate(45deg);
|
||
z-index: 990;
|
||
}
|
||
|
||
header .royalcanin-search-form .rc-input {
|
||
max-width:100%;
|
||
width:100%;
|
||
}
|
||
/* 1111 custom - submenu */
|
||
header .rc-header__nav--secondary {
|
||
position:relative;
|
||
}
|
||
header .rc-header__nav--secondary .rc-container .submenu {
|
||
position:fixed;
|
||
top:120px;
|
||
left:0;
|
||
display:flex;
|
||
background-color:#fff;
|
||
overflow:hidden;
|
||
height:0;
|
||
width:100%;
|
||
box-shadow:0px 2px 12px #ddd;
|
||
opacity: .7;
|
||
-webkit-transition: height .2s ease,opacity .2s ease;
|
||
transition: height .2s ease,opacity .2s ease
|
||
}
|
||
header .rc-header__nav--secondary .rc-container:hover .submenu {
|
||
height:28rem;
|
||
opacity:1;
|
||
border-top:2px solid #e2001a;
|
||
}
|
||
header .rc-header__nav--secondary .submenu .ts-head-img {
|
||
width:14.6vw;
|
||
height:6.3vw;
|
||
object-fit:cover;
|
||
box-shadow:0px 2px 4px rgba(0,0,0,.08);
|
||
}
|
||
header .rc-header__nav--secondary .submenu .rc-list__header {
|
||
font-weight:bold;
|
||
}
|
||
header .about-future-navigation {
|
||
box-shadow: 0 3px 5px rgba(0,0,0,.04);
|
||
}
|
||
header .ts-not-header {
|
||
display:none;
|
||
}
|
||
.rc-section-navigation p.rc-link-list__anchor-link.rc-link-list__item--active {
|
||
padding: 0 22px!important;
|
||
margin: -2px 0 0!important;
|
||
}
|
||
|
||
.rc-icon.ts-weibo--xs:after{
|
||
width: 24px;
|
||
background-image:unset;
|
||
mask:url(../image/weibo.svg) no-repeat center center;
|
||
-webkit-mask:url(../image/weibo.svg) no-repeat center center;
|
||
background-color:#666;
|
||
}
|
||
.ts-weibo--xs:hover:after
|
||
{
|
||
background-color:#e2001a;
|
||
}
|
||
.rc-icon.ts-wechat--xs:after{
|
||
width: 24px;
|
||
background-image:unset;
|
||
mask:url(../image/wechat.svg) no-repeat center center;
|
||
-webkit-mask:url(../image/wechat.svg) no-repeat center center;
|
||
background-color:#666;
|
||
}
|
||
.ts-wechat--xs:hover:after
|
||
{
|
||
background-color:#e2001a;
|
||
}
|
||
|
||
.ts-wechat--xs .ts-hover-show{position:absolute;top:2rem;left:0;opacity:0;width:112px;padding:.5rem;}
|
||
.ts-wechat--xs.rc-iconography--xs .ts-hover-show{top:-2rem;left:10rem;}
|
||
.ts-wechat--xs .ts-hover-show img{margin:0 auto;}
|
||
.ts-wechat--xs:hover .ts-hover-show{display:block;color:#666;-webkit-animation: fadeIn .3s ease forwards;animation: fadeIn .3s ease forwards;}
|
||
|
||
.rc-icon.ts-login--xs:after{
|
||
width: 24px;
|
||
background-image:unset;
|
||
mask:url(../image/ico-login.svg) no-repeat center center;
|
||
-webkit-mask:url(../image/ico-login.svg) no-repeat center center;
|
||
background-color:#666;
|
||
}
|
||
.rc-icon.ts-login--xs:hover:after{background-color:#e2001a;}
|
||
|
||
footer .rc-list .rc-list__header {
|
||
font-weight:bold;
|
||
}
|
||
|
||
footer .rc-list--inverse .rc-list__header:visited {
|
||
color:#fff;
|
||
}
|
||
|
||
footer nav a {
|
||
font-size:1.1rem;
|
||
}
|
||
|
||
footer .ts-qr-container span {
|
||
font-size:.875rem;
|
||
}
|
||
|
||
footer .ts-qr-container a {
|
||
|
||
}
|
||
|
||
.modal-select {
|
||
display: -webkit-box;
|
||
display: -ms-flexbox;
|
||
display: flex;
|
||
-webkit-box-pack: center;
|
||
-ms-flex-pack: center;
|
||
justify-content: center;
|
||
width: 100%;
|
||
}
|
||
.modal-select>span {
|
||
width: 721px;
|
||
max-width: 100%!important;
|
||
}
|
||
.modal-button {
|
||
display: -webkit-box;
|
||
display: -ms-flexbox;
|
||
display: flex;
|
||
-webkit-box-pack: center;
|
||
-ms-flex-pack: center;
|
||
justify-content: center;
|
||
}
|
||
|
||
.language-picker-modal.rc-modal{z-index: 90;}
|
||
/* 1111 custom - submenu end */
|
||
/* main content */
|
||
main {
|
||
margin-top: 0; }
|
||
main .rc-border-bottom {
|
||
border-bottom-width: 4px;
|
||
}
|
||
.ts-dog-training-block.rc-border-top {
|
||
border-top-width: 4px;
|
||
}
|
||
|
||
main.about .our-history .timeline > .rc-column {
|
||
padding: 0 50px 50px 50px; }
|
||
|
||
main.about .our-history .timeline > .rc-column.rc-border-left {
|
||
border-left-width: 2px; }
|
||
|
||
main.about .our-history .timeline > .rc-column.rc-border-right {
|
||
border-right-width: 2px; }
|
||
|
||
main.about .our-history .timeline:nth-child(odd) h3:before {
|
||
content: '';
|
||
display: inline-block;
|
||
width: 12px;
|
||
height: 12px;
|
||
border-radius: 6px;
|
||
background: #E2001A;
|
||
position: absolute;
|
||
top: 0;
|
||
left: -8px; }
|
||
|
||
main.about .our-history .timeline:nth-child(even) h3:after {
|
||
content: '';
|
||
display: inline-block;
|
||
width: 12px;
|
||
height: 12px;
|
||
border-radius: 6px;
|
||
background: #E2001A;
|
||
position: absolute;
|
||
top: 0;
|
||
right: -8px;
|
||
/* 因为.rc-header的z-index为59并且不能改，所以如下不能超过59。*/
|
||
z-index: 50; }
|
||
|
||
main.about .future .rc-carousel__section,
|
||
main.about .product .rc-carousel__section {
|
||
padding: 0 30px; }
|
||
|
||
main.cats .cats-raise {
|
||
position: relative; }
|
||
main.cats .cats-raise .health-wrapper {
|
||
position: relative;
|
||
display: inline-block;
|
||
width: 35%;
|
||
height: 1000px; }
|
||
main.cats .cats-raise .health-wrapper .health {
|
||
position: absolute;
|
||
left: 0;
|
||
top: 0; }
|
||
main.cats .cats-raise .raise-wrapper {
|
||
position: absolute;
|
||
top: 0;
|
||
left: 35%;
|
||
display: inline-block;
|
||
width: 65%;
|
||
height: 1000px;
|
||
background: #f8f8f8; }
|
||
|
||
main.cats .cats-breed .rc-column.breed span:first-child {
|
||
display: inline-block;
|
||
width: 33%; }
|
||
|
||
main.cats .cats-breed .rc-column.breed span:last-child {
|
||
display: inline-block;
|
||
width: 33%; }
|
||
|
||
main.cats-raise .cats-raise-block {
|
||
margin: 20px 20px;
|
||
padding: 20px 20px;
|
||
border: solid 1px #d1d1d1;
|
||
text-align: center;
|
||
font-size: 22px; }
|
||
|
||
main.cats-health .step2, main.cats-health .step5 {
|
||
position: relative; }
|
||
|
||
main.cats-health .step2 div.text, main.cats-health .step5 div.text {
|
||
position: absolute;
|
||
display: inline-block;
|
||
width: 400px;
|
||
height: 300px;
|
||
top: 30px;
|
||
left: 30%;
|
||
background: #fff; }
|
||
|
||
main.cats-life-startpoint .step6 {
|
||
position: relative; }
|
||
|
||
main.cats-life-startpoint .step6 div.text {
|
||
position: absolute;
|
||
display: inline-block;
|
||
width: 300px;
|
||
height: 300px;
|
||
top: 30px;
|
||
right: 20%;
|
||
background: #fff; }
|
||
|
||
/* new on 1012 */
|
||
main.cats-prepare .step6 {
|
||
position: relative; }
|
||
|
||
main.cats-prepare .step6 div.text {
|
||
position: absolute;
|
||
display: inline-block;
|
||
width: 300px;
|
||
height: 300px;
|
||
top: 30px;
|
||
right: 20%;
|
||
background: #fff; }
|
||
|
||
|
||
main.cats-nutrients ul,
|
||
main.cats-feeding ul,
|
||
main.cats-go-home ul,
|
||
main.cats-health ul,
|
||
main.cats-play ul,
|
||
main.cats-visit-vet ul,
|
||
main.cats-training ul,
|
||
main.cats-cosmetology ul,
|
||
main.anti-epidemic ul,
|
||
main.faq ul,
|
||
main.dogs-prepare-puppy ul,
|
||
main.dogs-puppy-go-home ul,
|
||
main.dogs-feeding ul,
|
||
main.dogs-health ul,
|
||
main.dogs-training ul,
|
||
main.dogs-training-cage ul,
|
||
main.dogs-play .block9 ul,
|
||
main.dogs-cosmetology .block11 ul {
|
||
margin-left: 20px;
|
||
list-style-type: disc;
|
||
}
|
||
main.cats-play ul {
|
||
padding-left: 0;
|
||
}
|
||
.products-details ul,
|
||
main.cats-go-home .block19 .tab>nav>ul,
|
||
main.cats-cosmetology .block9 .tab>nav>ul,
|
||
main.about-products .block3 .tab>nav>ul,
|
||
main.dogs-feeding .block22 ul,
|
||
main.dogs-training .block7 ul {
|
||
list-style-type: none;
|
||
}
|
||
main .rc-list__accordion-item {
|
||
margin-bottom: 15px;
|
||
border: solid 1px #d1d1d1;
|
||
border-radius: 3px;
|
||
}
|
||
main .rc-list__accordion-item button {
|
||
/*border: solid 1px #d1d1d1;*/
|
||
border-radius: 3px;
|
||
}
|
||
/* new on 1012 */
|
||
|
||
/* new on 1013 */
|
||
main .rc-carousel--a {
|
||
padding: 2rem 2rem;
|
||
}
|
||
/*main.cats-go-home .step3 .rc-layout-container img {*/
|
||
/* display: inline-block;*/
|
||
/* height: 300px;*/
|
||
/* width: 2800px;*/
|
||
/*}*/
|
||
/* new on 1014 */
|
||
main.cats .rc-select .choices,
|
||
main.dogs .rc-select .choices {
|
||
border-bottom: none;
|
||
border: solid 1px #d7d7d7;
|
||
}
|
||
main.cats .rc-select .choices__inner,
|
||
main.dogs .rc-select .choices__inner {
|
||
padding: 10px 70px 10px 10px;
|
||
}
|
||
main.cats a,
|
||
main.dogs a {
|
||
text-decoration: none;
|
||
}
|
||
main.cats .special-link,
|
||
main.dogs .special-link {
|
||
position: relative;
|
||
display: inline-block;
|
||
width: 250px;
|
||
}
|
||
main.cats .special-link span,
|
||
main.dogs .special-link span {
|
||
position: absolute;
|
||
top: 5px;
|
||
right: 5px;
|
||
}
|
||
/* new on 1015 */
|
||
main.cats .block4 .cats-info-select>a,
|
||
main.dogs .block4 .cats-info-select>a {
|
||
border-bottom-width: 1px;
|
||
}
|
||
main.cats-go-home .block13 {
|
||
position: relative;
|
||
}
|
||
|
||
|
||
main.cats-go-home .block14 .rc-card>picture>img,
|
||
main.cats-go-home .block19 .rc-card>picture>img {
|
||
width:100%;
|
||
}
|
||
|
||
main.cats-go-home .block13 .text-box {
|
||
position: absolute;
|
||
top: 20px;
|
||
left: 10%;
|
||
display: inline-block;
|
||
border: solid 1px red;
|
||
}
|
||
main.cats-health .block2 ul,
|
||
main.dogs-health .block2 ul {
|
||
list-style-type: decimal;
|
||
}
|
||
main.cats-health .block10 .rc-text--right>a,
|
||
main.dogs-health .block11 .rc-text--right>a,
|
||
main.dogs-growth .block29 .rc-text--right>a {
|
||
text-decoration: none;
|
||
padding-bottom: 5px;
|
||
border-width: 1px;
|
||
}
|
||
|
||
/* 一行三个card，每个card要阴影，必须要如下才能见到底部有阴影. */
|
||
/*.rc-carousel--cards {*/
|
||
/*padding: 20px 20px;*/
|
||
/*}*/
|
||
main.cats-feeding .block4 .rc-column>div,
|
||
main.cats-feeding .block10 .rc-column>div {
|
||
margin-bottom: 0;
|
||
padding-bottom: 0!important;
|
||
}
|
||
|
||
main.cats-life-startpoint .block13 .rc-content-card--sidebar-present>.rc-column {
|
||
width: 50%;
|
||
}
|
||
main.cats-cosmetology .block5 article {
|
||
height:100%;
|
||
}
|
||
main.cats-family-prepare .block11 .checkbox-wrapper {
|
||
/*position: relative;*/
|
||
/*text-align: center;*/
|
||
}
|
||
|
||
|
||
|
||
main .checkbox-wrapper .rc-input {
|
||
margin-top: 15px;
|
||
margin-right: auto;
|
||
margin-left: auto;
|
||
max-width: 640px;
|
||
}
|
||
/* checkbox说明文字和其title 左对齐 */
|
||
.checkbox-wrapper p {
|
||
margin-top: 5px;
|
||
margin-bottom: 5px;
|
||
padding-left: 33px;
|
||
padding-right: 33px;
|
||
}
|
||
main.cats-feeding .block19 .rc-column {
|
||
margin: 0;
|
||
padding: 0;
|
||
}
|
||
main.cats-feeding .block19 .rc-column>div {
|
||
|
||
}
|
||
main.cats-feeding .block19 .tns-outer {
|
||
margin-left: 0;
|
||
margin-right: 0;
|
||
margin-bottom: 0;
|
||
padding-bottom: 0;
|
||
}
|
||
header .rc-border-bottom {
|
||
border-bottom-width: 4px;
|
||
}
|
||
header .rc-section-navigation {
|
||
/*background-color: #fdfdfd;*/
|
||
box-shadow: 0 3px 5px rgba(0,0,0,.04);
|
||
}
|
||
header .rc-link-list__anchor-link {
|
||
padding-top: 1.3rem;
|
||
padding-bottom: 1.3rem;
|
||
}
|
||
header .rc-link-list__item .rc-link__text {
|
||
opacity: 1;
|
||
}
|
||
header .rc-section-navigation {
|
||
|
||
}
|
||
main.site-home .block2 .rc-column .rc-btn.rc-btn--two {
|
||
max-width: 100%;
|
||
}
|
||
main.cats-growth .rc-column.odd,
|
||
main.dogs-growth .rc-column.odd {
|
||
border-left: solid 1px #bbb;
|
||
padding-left: 49px;
|
||
}
|
||
main.cats-growth .rc-column.odd .red-circle,
|
||
main.dogs-growth .rc-column.odd .red-circle {
|
||
position: relative;
|
||
left: -57px;
|
||
display: inline-block;
|
||
width: 16px;
|
||
height: 16px;
|
||
border-radius: 8px;
|
||
z-index: 50;
|
||
}
|
||
main.cats-growth .rc-column.even,
|
||
main.dogs-growth .rc-column.even {
|
||
border-right: solid 1px #bbb;
|
||
margin-right: 33px;
|
||
}
|
||
main.cats-growth .rc-column.even .red-circle,
|
||
main.dogs-growth .rc-column.even .red-circle {
|
||
position: relative;
|
||
right: -25px;
|
||
display: inline-block;
|
||
width: 16px;
|
||
height: 16px;
|
||
border-radius: 8px;
|
||
z-index: 50;
|
||
}
|
||
|
||
main.cats-growth .rc-column.even>div,
|
||
main.dogs-growth .rc-column.even>div {
|
||
display: block;
|
||
width: 100%;
|
||
}
|
||
main.cats-growth .block3 .rc-max-width--md>.rc-column:first-child,
|
||
main.dogs-growth .block3 .rc-max-width--md>.rc-column:first-child,
|
||
main.cats-growth .block9 .rc-max-width--md>.rc-column:first-child,
|
||
main.dogs-growth .block9 .rc-max-width--md>.rc-column:first-child,
|
||
main.cats-growth .block15 .rc-max-width--md>.rc-column:first-child,
|
||
main.dogs-growth .block15 .rc-max-width--md>.rc-column:first-child,
|
||
main.cats-growth .block21 .rc-max-width--md>.rc-column:first-child,
|
||
main.dogs-growth .block21 .rc-max-width--md>.rc-column:first-child,
|
||
main.cats-growth .block27 .rc-max-width--md>.rc-column:first-child,
|
||
main.dogs-growth .block27 .rc-max-width--md>.rc-column:first-child,
|
||
main.cats-growth .block33 .rc-max-width--md>.rc-column:first-child {
|
||
padding-top: 0;
|
||
}
|
||
main.cats-growth .block7 .rc-max-width--md>.rc-column:first-child,
|
||
main.dogs-growth .block7 .rc-max-width--md>.rc-column:first-child,
|
||
main.cats-growth .block13 .rc-max-width--md>.rc-column:first-child,
|
||
main.dogs-growth .block13 .rc-max-width--md>.rc-column:first-child,
|
||
main.cats-growth .block19 .rc-max-width--md>.rc-column:first-child,
|
||
main.dogs-growth .block19 .rc-max-width--md>.rc-column:first-child,
|
||
main.cats-growth .block25 .rc-max-width--md>.rc-column:first-child,
|
||
main.dogs-growth .block25 .rc-max-width--md>.rc-column:first-child,
|
||
main.dogs-growth .block28 .rc-max-width--md>.rc-column:first-child,
|
||
main.cats-growth .block31 .rc-max-width--md>.rc-column:first-child,
|
||
main.cats-growth .block33 .rc-max-width--md>.rc-column:first-child {
|
||
padding-bottom: 0;
|
||
}
|
||
main.cats-growth aside ul {
|
||
|
||
}
|
||
main.faq .block1 .rc-column {
|
||
padding-bottom: 0;
|
||
}
|
||
main.about-future .block2 .rc-column,
|
||
main.about-future .block2 .rc-column>div {
|
||
padding-left: 0;
|
||
padding-right: 0;
|
||
}
|
||
main.about-future .block5 p {
|
||
display: block;
|
||
width: 240px;
|
||
padding-left: 15px;
|
||
padding-right: 15px;
|
||
}
|
||
main.about-future .block6 .rc-column,
|
||
main.about-future .block6 .rc-column p {
|
||
padding-top: 0;
|
||
}
|
||
main.about-future .block7 .rc-column,
|
||
main.about-products .block1 .rc-column {
|
||
padding-bottom: 0;
|
||
}
|
||
|
||
/* checkbox说明文字和其title 左对齐 */
|
||
.checkbox-wrapper p {
|
||
padding-left: 33px;
|
||
/*
|
||
padding-right: 35px;
|
||
*/
|
||
}
|
||
main.about-us .timeline>.rc-layout-container>.rc-column {
|
||
margin: 0 0;
|
||
/*padding: 25px 0;*/ /* custom 1103 conflic*/
|
||
padding: .5rem;
|
||
}
|
||
|
||
main.about-us .block2,main.about-us .block4 {
|
||
position:relative;
|
||
}
|
||
|
||
main.about-us .ts-hidden-anchor {
|
||
position:absolute;
|
||
top:-7rem;
|
||
left:0;
|
||
height:0px;
|
||
}
|
||
|
||
/*aside {*/
|
||
/* z-index: 99;*/
|
||
/*}*/
|
||
/*main.dogs-growth .block29 {*/
|
||
/* position: relative;*/
|
||
/* z-index: 90;*/
|
||
/*}*/
|
||
|
||
/* custom 1103 */
|
||
/* Global effecting */
|
||
h1.rc-alpha--impact{font-size: 4vw;line-height: 4.3vw;}
|
||
/* Global effecting end */
|
||
/* About Us*/
|
||
main.about-us .timeline{position:relative;}
|
||
main.about-us .timeline:before{content:" ";position:absolute;left:50%;top: 50%;height: 20px;width: 20px;border-radius: 50%;background: #e2001a;z-index:1;transform: translateX(-10px);}
|
||
|
||
main.about-us .timeline:nth-child(even) .ts-content-container{text-align:left;}
|
||
main.about-us .timeline:nth-child(odd) .ts-content-container{text-align:right;}
|
||
main.about-us .timeline:nth-child(even)>.rc-layout-container>.rc-column:first-child {border-left: solid 4px #d7d7d7;}
|
||
main.about-us .timeline:nth-child(odd)>.rc-layout-container>.rc-column:first-child {border-right: solid 4px #d7d7d7;}
|
||
main.about-us .timeline .rc-carousel__slide{display:none;}
|
||
main.about-us .timeline .rc-carousel__slide--active{display:block;}
|
||
/*
|
||
main.about-us .timeline>.rc-layout-container>.rc-column:last-child {border-left: solid 2px #d7d7d7;}
|
||
*/
|
||
|
||
main.about-us .timeline .ts-img-container{/*height:22vh;width:100%;*/position:relative;}
|
||
main.about-us .timeline .ts-img-container .rc-md-down img{margin:0 auto;}
|
||
/*
|
||
main.about-us .timeline .ts-img-container img{width:100%;height:100%;object-fit:cover;}
|
||
*/
|
||
main.about-us .timeline:nth-child(odd) .ts-img-container img{margin-left:0;margin-right:auto;}
|
||
main.about-us .timeline:nth-child(even) .ts-img-container img{margin-right:0;margin-left:auto;}
|
||
main.about-us .timeline>.rc-layout-container>.rc-column:first-child,main.about-us .timeline>.rc-layout-container>.rc-column:last-child{z-index:0;}
|
||
.ts-img-container .cover{position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.7);color:rgba(255,255,255,.5);text-shadow: 3px 3px 3px rgba(0,0,0,.6);display: flex;align-items: center;justify-content: center;cursor: default;}
|
||
.cover.rc-alpha--impact{font-size:5.3vw;}
|
||
|
||
/* Animation */
|
||
.ts-img-container .cover{-webkit-animation: fadeIn .3s ease forwards; animation: fadeIn .3s ease forwards}
|
||
.ts-img-container.active .cover{-webkit-animation: fadeOut .3s ease forwards;animation: fadeOut .3s ease forwards}
|
||
.ts-border-radius--none {border-radius:unset !important;}
|
||
.rc-btn.ts-flex-center{display:flex;align-items: center;justify-content: center;}
|
||
.rc-btn.ts-btn-img--70 img{}
|
||
@keyframes fadeOut {
|
||
0% {
|
||
opacity: 1
|
||
}
|
||
|
||
to {
|
||
opacity: 0
|
||
}
|
||
}
|
||
/* Animation end */
|
||
/* About Us end*/
|
||
/* custom 1103 end*/
|
||
|
||
/* custom 1123 contact us*/
|
||
.contact-form .rc-input--inline {
|
||
padding-right:1.5rem;
|
||
margin-right:unset;
|
||
width:100%;
|
||
}
|
||
select#edit-field-rc-contact-user-type {
|
||
border:none;
|
||
border-bottom: solid 1px #d1d1d1;
|
||
width:100%;
|
||
}
|
||
.contact-message-feedback-form div[id*='edit-field'] input,.contact-message-feedback-form div[id*='edit-field'] select {
|
||
height:30px;
|
||
}
|
||
/* custom 1123 contact us end*/
|
||
|
||
/* cats and dogs, products and breeds */
|
||
main {
|
||
/*margin-top: 120px;*/
|
||
}
|
||
main .views-exposed-form-wrapper {
|
||
margin-top: 16px;
|
||
border: solid 1px #d1d1d1;
|
||
border-radius: 3px;
|
||
}
|
||
main .views-exposed-form>div:first-child {
|
||
margin-right: 0;
|
||
}
|
||
/* filter title */
|
||
main .views-exposed-form .filter-title {
|
||
position: relative;
|
||
border-bottom: solid 1px #d1d1d1;
|
||
padding: 16px 16px;
|
||
font-size: 20px;
|
||
}
|
||
main .views-exposed-form .filter-title .title {
|
||
display: inline-block;
|
||
width: 100%;
|
||
padding-left: 30px;
|
||
}
|
||
main .views-exposed-form .filter-title>.rc-icon {
|
||
position: absolute;
|
||
top: 16px;
|
||
left: 18px;
|
||
}
|
||
main .views-element-container nav {
|
||
display: inline-block;
|
||
width: 100%;
|
||
}
|
||
/* fieldset, checkbox */
|
||
.views-exposed-form {
|
||
position: relative;
|
||
}
|
||
main fieldset {
|
||
}
|
||
main fieldset .rc-down--xs {
|
||
display: none;
|
||
}
|
||
main fieldset legend {
|
||
position: relative;
|
||
display: inline-block;
|
||
width: 100%;
|
||
/*height: 42px;*/
|
||
/*line-height: 42px;*/
|
||
border-bottom: solid 1px #d1d1d1;
|
||
}
|
||
main fieldset legend span.special {
|
||
position: absolute;
|
||
top: 0;
|
||
right: -2px;
|
||
display: none;
|
||
width: 2px;
|
||
height: 57px;
|
||
background: #fff;
|
||
z-index: 51;
|
||
}
|
||
main #edit-field-pets-age-target-id--wrapper span.special {
|
||
/*top: 1px;*/
|
||
}
|
||
/* special for:fieldset legend */
|
||
main #edit-field-pets-age-target-id--wrapper legend,
|
||
main.cats-breeds #edit-field-cats-breeds-type-target-id--wrapper legend,
|
||
main.dogs-breeds #edit-field-dogs-breeds-type-target-id--wrapper legend {
|
||
/*border-top: solid 1px #d1d1d1;*/
|
||
}
|
||
main fieldset legend .fieldset-legend {
|
||
/*position: absolute;*/
|
||
/*top: 0;*/
|
||
/*left: 0;*/
|
||
display: inline-block;
|
||
padding: 16px 16px;
|
||
/*width: 90%;*/
|
||
/*height: 42px;*/
|
||
/*line-height: 42px;*/
|
||
/*padding-left: 5%;*/
|
||
}
|
||
main fieldset legend .rc-icon {
|
||
position: absolute;
|
||
top: 12px;
|
||
right: 16px;
|
||
}
|
||
main .fieldset-wrapper {
|
||
display: none;
|
||
position: absolute;
|
||
top: -1px;
|
||
left: 100%;
|
||
width: 580px;
|
||
min-height: 500px;
|
||
background: #fff;
|
||
border: solid 1px #d1d1d1;
|
||
border-radius: 3px;
|
||
z-index: 50;
|
||
}
|
||
main #edit-field-pets-age-target-id--wrapper .fieldset-wrapper {
|
||
/*top: -43px;*/
|
||
}
|
||
main .fieldset-wrapper>div {
|
||
padding: 20px 20px;
|
||
}
|
||
main .fieldset-wrapper .rc-input--inline:nth-child(4n) {
|
||
margin-right: 0;
|
||
}
|
||
main .fieldset-wrapper .rc-input--inline {
|
||
position: relative;
|
||
display: inline-block;
|
||
width: 115px;
|
||
margin-top: 5px;
|
||
margin-bottom: 10px;
|
||
margin-right: 20px;
|
||
}
|
||
.no-result-wrapper {
|
||
margin-top: 15px;
|
||
}
|
||
.views-element-container article {
|
||
position: relative;
|
||
}
|
||
main fieldset .close-wrapper {
|
||
position: relative;
|
||
display: block;
|
||
height: 20px;
|
||
padding: 0;
|
||
}
|
||
main fieldset .rc-close--xs {
|
||
position: absolute;
|
||
top: 10px;
|
||
right: 10px;
|
||
cursor: pointer;
|
||
}
|
||
/*.views-field-field-royalcanin-image-cover {*/
|
||
/* display: inline-block;*/
|
||
/* height: 90%;*/
|
||
/*}*/
|
||
|
||
/* products and breeds */
|
||
.views-element-container .rc-event-card--sidebar-present > .rc-column img {
|
||
/*max-height: 160px;!* 不能同时加max-width, 否则溢出 *!*/
|
||
width:100%;
|
||
|
||
}
|
||
.views-exposed-form .select-wrapper {
|
||
display: none;
|
||
}
|
||
#views-exposed-form-royalcanin-cats-products-page-1 .js-form-item-keys label {
|
||
display: none;
|
||
}
|
||
main .views-exposed-form-wrapper form {
|
||
position: relative;
|
||
}
|
||
main .views-exposed-form-wrapper fieldset {
|
||
margin-left: 0;
|
||
margin-right: 0;
|
||
}
|
||
/* search submit and icon */
|
||
main .views-exposed-form-wrapper .rc-input--inline {
|
||
width: 100%;
|
||
}
|
||
main .fieldset-wrapper .rc-input--inline {
|
||
position: relative;
|
||
display: inline-block;
|
||
width: 115px;
|
||
}
|
||
main .views-exposed-form>.rc-input--inline:first-child>label {
|
||
display: none;
|
||
}
|
||
/* #views-exposed-form-royalcanin-cats-products-page-1 #edit-keys,
|
||
#views-exposed-form-royalcanin-dogs-products-page-1 #edit-keys,
|
||
#views-exposed-form-royalcanin-cats-breeds-page-1 #edit-keys,
|
||
#views-exposed-form-royalcanin-dogs-breeds-page-1 #edit-keys */
|
||
main .views-exposed-form>div:first-child {
|
||
padding: 16px 16px;
|
||
}
|
||
main .views-exposed-form #edit-keys {
|
||
position: relative;
|
||
/*left: 5%;*/
|
||
display: inline-block;
|
||
width: 100%;
|
||
/*margin: 16px 16px;*/
|
||
height: 48px;
|
||
line-height: 48px;
|
||
padding-left: 30px;
|
||
/*padding-top: 3px;*/
|
||
border: none;
|
||
border-bottom: solid 1px #d1d1d1;
|
||
outline: none;
|
||
}
|
||
main .views-exposed-form-wrapper .search-submit {
|
||
position: absolute;
|
||
top: 22px;
|
||
left: 15px;
|
||
display: inline-block;
|
||
width: 30px;
|
||
height: 30px;
|
||
cursor: pointer;
|
||
}
|
||
main .views-exposed-form-wrapper .search-icon {
|
||
position: relative;
|
||
top: 5px;
|
||
left: 6px;
|
||
display: inline-block;
|
||
height: 14px;
|
||
width: 14px;
|
||
border: solid 2px #666;
|
||
border-radius: 50%;
|
||
}
|
||
main .views-exposed-form-wrapper .search-submit:hover .search-icon {
|
||
border: solid 2px #E2001A; }
|
||
main .views-exposed-form-wrapper .search-submit:hover .search-icon:after {
|
||
color: #E2001A; }
|
||
main .views-exposed-form-wrapper .search-icon:after {
|
||
position: absolute;
|
||
top: -5px;
|
||
left: 8px;
|
||
content: '-';
|
||
font-size: 20px;
|
||
font-weight: bolder;
|
||
color: #666;
|
||
transform: rotate(45deg);
|
||
}
|
||
/* filter submit action and cancel */
|
||
main .views-exposed-form #edit-actions {
|
||
display: block;
|
||
}
|
||
/* work with input--submit.html.twig, a元素代替submit */
|
||
main .views-exposed-form #edit-actions input {
|
||
display: inline-block;
|
||
width: 0;
|
||
height: 0;
|
||
font-size: 0;
|
||
border: none;
|
||
}
|
||
main .views-exposed-form #edit-actions .rc-btn {
|
||
display: block;
|
||
margin: 35px 10% 0 10%;
|
||
}
|
||
main .views-exposed-form .filter-cancel-trigger.rc-btn {
|
||
display: block;
|
||
/*width: 100%;*/
|
||
margin: 10px 10% 10px 10%;
|
||
}
|
||
main .views-exposed-form .filter-cancel {
|
||
/*display: block;*/
|
||
/*margin: 25px 10% 30px 10%;*/
|
||
}
|
||
/* cats & dogs, products & breeds, content */
|
||
.views-field-title,
|
||
.views-field-view-node {
|
||
padding-left: 0.5rem;
|
||
padding-right: 0.5rem;
|
||
}
|
||
.views-field-title a,
|
||
.views-field-view-node a {
|
||
color: #e2001a;
|
||
}
|
||
|
||
main .rc-triple-width .rc-column {
|
||
width: 25%;
|
||
}
|
||
main .rc-triple-width h3 {
|
||
margin: 16px 20px;
|
||
font-weight: 400;
|
||
letter-spacing: 0.1em;
|
||
}
|
||
/* chrome里能看到这两个元素，firefox里看不到，将其隐藏。*/
|
||
main .views-exposed-form #edit-actions input[type='submit'],
|
||
.filter-cancel-wrapper {
|
||
display: inline-block;
|
||
width: 0;
|
||
height: 0;
|
||
opacity: 0;
|
||
}
|
||
|
||
/* royalcanin article */
|
||
.royalcanin-articles-content ul {
|
||
padding-left: 15px;
|
||
}
|
||
/* 文章封面图片水平居中 */
|
||
.royalcanin-articles-cover .rc-column>div {
|
||
text-align: center;
|
||
}
|
||
.royalcanin-articles-cover img {
|
||
margin: 0 auto;
|
||
}
|
||
|
||
main.general .sidebar {
|
||
width: 30%;
|
||
}
|
||
main.general .content {
|
||
width: 70%;
|
||
}
|
||
|
||
/* search result page */
|
||
main.search {
|
||
/*margin-top: 130px;*/
|
||
}
|
||
main.search .search-title .rc-column {
|
||
padding-left: 0;
|
||
padding-right: 0;
|
||
}
|
||
main.search .search-title .rc-column h1 {
|
||
font-size: 22px;
|
||
}
|
||
#royalcanin-search-form {
|
||
position: relative;
|
||
}
|
||
.royalcanin-search-form label {
|
||
display: none;
|
||
}
|
||
.royalcanin-search-form #edit-search {
|
||
display: inline-block;
|
||
width: 100%;
|
||
height: 46px;
|
||
line-height: 46px;
|
||
padding-left: 30px;
|
||
padding-top: 3px;
|
||
}
|
||
.royalcanin-search-form .form-submit {
|
||
position: absolute;
|
||
top: 5px;
|
||
left: 0;
|
||
display: inline-block;
|
||
width: 36px;
|
||
height: 36px;
|
||
font-size: 0;
|
||
opacity: 0;
|
||
cursor: pointer;
|
||
z-index: 995; }
|
||
.royalcanin-search-form .form-submit:hover + .search-icon {
|
||
border: solid 2px #E2001A; }
|
||
.royalcanin-search-form .form-submit:hover + .search-icon:after {
|
||
color: #E2001A; }
|
||
.royalcanin-search-form .search-icon {
|
||
display: inline-block;
|
||
position: absolute;
|
||
top: 14px;
|
||
left: 8px;
|
||
height: 14px;
|
||
width: 14px;
|
||
border: solid 2px #666;
|
||
border-radius: 50%;}
|
||
.royalcanin-search-form .search-icon:after {
|
||
position: absolute;
|
||
top: -5px;
|
||
left: 8px;
|
||
content: '-';
|
||
font-size: 20px;
|
||
font-weight: bolder;
|
||
color: #666;
|
||
transform: rotate(45deg);}
|
||
main.search .rc-event-card--sidebar-present>.rc-column {
|
||
width: 25%;
|
||
}
|
||
main.search .views-element-container small {
|
||
display: none;
|
||
}
|
||
main.search .search-result-nav {
|
||
padding-top: 15px;
|
||
padding-bottom: 30px;
|
||
}
|
||
main.search .views-element-container {
|
||
margin-bottom: 50px;
|
||
}
|
||
main.search .rc-card {
|
||
position: relative;
|
||
}
|
||
/*
|
||
main.search .views-field-field-royalcanin-image-cover,
|
||
main .views-field-field-royalcanin-image-cover,
|
||
*/
|
||
main.search .views-field-field-royalcanin-image-cover>div,
|
||
main .views-field-field-royalcanin-image-cover>div,
|
||
main.search .views-field-field-royalcanin-image-cover>div>a,
|
||
main .views-field-field-royalcanin-image-cover>div>a {
|
||
height: 100%;
|
||
}
|
||
main.search .views-field-field-royalcanin-image-cover>div>a,
|
||
main .views-field-field-royalcanin-image-cover>div>a {
|
||
display: inline-block;
|
||
width: 100%;
|
||
height: 100%;
|
||
text-align: center;
|
||
}
|
||
main.search .views-field-field-royalcanin-image-cover>div>a>img,
|
||
main .views-field-field-royalcanin-image-cover>div>a>img {
|
||
display: inline-block;
|
||
}
|
||
main.search .views-field-title,
|
||
main .views-field-title,
|
||
main.search .views-field-title>span,
|
||
main .views-field-title>span,
|
||
main.search .views-field-title>span>a,
|
||
main .views-field-title>span>a {
|
||
display: inline-block;
|
||
width: 100%;
|
||
}
|
||
main.search .views-field-title>span>a,
|
||
main .views-field-title>span>a,
|
||
main .views-field-view-node a {
|
||
text-decoration: none;
|
||
}
|
||
|
||
main.search #block-views-block-royalcaninsearch-result-block-2,
|
||
main.search #block-views-block-royalcaninsearch-result-block-3,
|
||
main.search #block-views-block-royalcaninsearch-result-block-4 {
|
||
display: none;
|
||
}
|
||
|
||
.products-breeds .views-field-title span.field-content{
|
||
height: 3rem;
|
||
display: inline-flex;
|
||
align-items: center;
|
||
}
|
||
|
||
/* products article */
|
||
/* products banner image */
|
||
.products-basic div[class*='products-attribute'] div {
|
||
display: inline-block;
|
||
/*padding-right: 15px;*/
|
||
}
|
||
.products-basic.dogs .products-attribute-type>div:after {
|
||
content: '，犬';
|
||
}
|
||
.products-basic.cats .products-attribute-type>div:after {
|
||
content: '，猫';
|
||
}
|
||
.products-basic .products-attribute-age>div:first-child>div {
|
||
display: none;
|
||
}
|
||
.products-basic .products-attribute-age>div:first-child>div:first-child {
|
||
display: inline-block;
|
||
}
|
||
.products-basic .products-attribute-age>div:first-child>div:last-child {
|
||
display: inline-block;
|
||
}
|
||
.products-basic .age-type {
|
||
display: none;
|
||
}
|
||
.products-basic .products-attribute-age.multi-age>div:first-child>div:first-child:after {
|
||
content: ' 至';
|
||
}
|
||
.products-basic .products-attribute-age.before-age>div:first-child>div:first-child:after {
|
||
content: '以下';
|
||
}
|
||
.products-basic .products-attribute-age.after-age>div:first-child>div:first-child:after {
|
||
content: '以上';
|
||
}
|
||
.products-basic .products-attribute-age>div:nth-child(2)>div:after {
|
||
content: ' /';
|
||
}
|
||
.products-basic .products-attribute-age>div:nth-child(2)>div:last-child:after {
|
||
content: '';
|
||
}
|
||
.products-basic .products-attribute-somatotype>div>div:after {
|
||
content: ' /';
|
||
}
|
||
.products-basic .products-attribute-somatotype>div>div:last-child:after {
|
||
content: '';
|
||
}
|
||
.products-basic .products-attribute-demand>div>div:after {
|
||
content: ' /';
|
||
}
|
||
.products-basic .products-attribute-demand>div>div:last-child:after {
|
||
content: '';
|
||
}
|
||
.products-banner-image img {
|
||
display: block;
|
||
margin: 0 auto;
|
||
}
|
||
.products-image-wrapper {
|
||
display: none;
|
||
}
|
||
|
||
/* breeds article */
|
||
.breeds-facts-item-wrapper {
|
||
display: none;
|
||
}
|
||
.breeds-details p>span:after {
|
||
content: ' /';
|
||
}
|
||
.breeds-details p>span:last-child:after {
|
||
content: '';
|
||
}
|
||
|
||
|
||
/* royalcanin article */
|
||
.royalcanin-articles-content strong {
|
||
font-weight: bold;
|
||
}
|
||
|
||
/* Breadcrumbs */
|
||
.system-404 #block-royalcanin-breadcrumbs nav {
|
||
display: none;
|
||
}
|
||
#block-royalcanin-breadcrumbs {
|
||
margin-top: 130px;
|
||
}
|
||
|
||
/*.dogs-puppy #block-royalcanin-breadcrumbs,*/
|
||
/*.dogs-puppy-prepare-for-puppy #block-royalcanin-breadcrumbs,*/
|
||
/*.dogs-puppy-prepare-for-family #block-royalcanin-breadcrumbs,*/
|
||
/*.dogs-puppy-puppy-go-home #block-royalcanin-breadcrumbs,*/
|
||
/*.dogs-puppy-feeding #block-royalcanin-breadcrumbs,*/
|
||
/*.dogs-puppy-feeding-nutrition #block-royalcanin-breadcrumbs,*/
|
||
/*.dogs-puppy-health #block-royalcanin-breadcrumbs,*/
|
||
/*.dogs-puppy-health-visit-vet #block-royalcanin-breadcrumbs,*/
|
||
/*.dogs-puppy-health-common-problems #block-royalcanin-breadcrumbs,*/
|
||
/*.dogs-puppy-growth #block-royalcanin-breadcrumbs,*/
|
||
/*.dogs-puppy-play #block-royalcanin-breadcrumbs,*/
|
||
/*.dogs-puppy-training #block-royalcanin-breadcrumbs,*/
|
||
/*.dogs-puppy-training-training-at-home #block-royalcanin-breadcrumbs,*/
|
||
/*.dogs-puppy-training-training-at-cage #block-royalcanin-breadcrumbs,*/
|
||
/*.dogs-puppy-gromming #block-royalcanin-breadcrumbs,*/
|
||
/*.dogs-puppy-home-first-weeks #block-royalcanin-breadcrumbs,*/
|
||
/*.dogs-puppy-cosmetology #block-royalcanin-breadcrumbs {*/
|
||
/* margin-top: 230px;*/
|
||
/*}*/
|
||
/*.cats-kitten #block-royalcanin-breadcrumbs,*/
|
||
/*.cats-kitten-prepare-for-kitten #block-royalcanin-breadcrumbs,*/
|
||
/*.cats-kitten-prepare-for-family #block-royalcanin-breadcrumbs,*/
|
||
/*.cats-kitten-kitten-go-home #block-royalcanin-breadcrumbs,*/
|
||
/*.cats-kitten-feeding #block-royalcanin-breadcrumbs,*/
|
||
/*.cats-kitten-feeding-nutrition #block-royalcanin-breadcrumbs,*/
|
||
/*.cats-kitten-health #block-royalcanin-breadcrumbs,*/
|
||
/*.cats-kitten-health-visit-vet #block-royalcanin-breadcrumbs,*/
|
||
/*.cats-kitten-health-common-health-problems #block-royalcanin-breadcrumbs,*/
|
||
/*.cats-kitten-growth #block-royalcanin-breadcrumbs,*/
|
||
/*.cats-kitten-play #block-royalcanin-breadcrumbs,*/
|
||
/*.cats-kitten-training #block-royalcanin-breadcrumbs,*/
|
||
/*.dogs-puppy-training-training-at-home #block-royalcanin-breadcrumbs,*/
|
||
/*.dogs-puppy-training-training-at-cage #block-royalcanin-breadcrumbs,*/
|
||
/*.dogs-puppy-home-first-weeks #block-royalcanin-breadcrumbs,*/
|
||
/*.cats-kitten-cosmetology #block-royalcanin-breadcrumbs {*/
|
||
/* margin-top: 230px;*/
|
||
/*}*/
|
||
div[class*='cats-kitten'] #block-royalcanin-breadcrumbs,
|
||
div[class*='dogs-puppy'] #block-royalcanin-breadcrumbs {
|
||
margin-top: 230px;
|
||
}
|
||
|
||
.about-future-planet #block-royalcanin-breadcrumbs,
|
||
.about-future-people #block-royalcanin-breadcrumbs,
|
||
.about-future-wellbeing #block-royalcanin-breadcrumbs {
|
||
margin-top: 230px;
|
||
}
|
||
.about-quality .block1 .rc-column {
|
||
padding-bottom: 0;
|
||
}
|
||
#block-royalcanin-breadcrumbs ol {
|
||
list-style: none;
|
||
}
|
||
#block-royalcanin-breadcrumbs li {
|
||
display: inline-block;
|
||
/*padding: 0 15px;*/
|
||
}
|
||
#block-royalcanin-breadcrumbs li:after {
|
||
content: '>';
|
||
display: inline-block;
|
||
padding: 0 10px;
|
||
}
|
||
#block-royalcanin-breadcrumbs li:last-child:after {
|
||
content: none;
|
||
}
|
||
#block-royalcanin-breadcrumbs a {
|
||
text-decoration: none;
|
||
margin-right: 0;
|
||
}
|
||
|
||
|
||
/* about page */
|
||
/* about news */
|
||
main.about-us .block6>.rc-layout-container>.rc-column {
|
||
padding-top: 0;
|
||
/*margin-top: 0;*/
|
||
}
|
||
main.about-news section>div>.rc-column:first-child {
|
||
display: none;
|
||
}
|
||
main.about-news section>div>.rc-column:last-child {
|
||
width: 100%;
|
||
}
|
||
main.about-us .block19 .rc-column:last-child {
|
||
padding-bottom: 0;
|
||
}
|
||
/* about contact */
|
||
#edit-message-wrapper label {
|
||
padding-top: 8px;
|
||
}
|
||
.contact-message-feedback-form div[id*='edit-field'] {
|
||
display: inline-block;
|
||
width: 49%;
|
||
margin-bottom: 25px;
|
||
}
|
||
.contact-message-feedback-form div[id*='edit-field'] input {
|
||
display: inline-block;
|
||
width: 100%;
|
||
padding: 5px 0;
|
||
border: none;
|
||
border-bottom: solid 1px #d1d1d1;
|
||
}
|
||
main.about-contact .block2 .ts-text-wrapper {
|
||
border: solid 1px #d1d1d1;
|
||
border-top: none;
|
||
padding-top: 15px;
|
||
padding-left: 15px;
|
||
}
|
||
main.about-contact .block2 .ts-text-wrapper p {
|
||
margin-top: 5px;
|
||
margin-bottom: 5px;
|
||
}
|
||
main.about-contact .block2 .ts-text-wrapper p:last-child {
|
||
padding-bottom: 30px;
|
||
}
|
||
main.about-contact .block2 .ts-text-wrapper p .rc-icon {
|
||
position: relative;
|
||
top: 1px;
|
||
/*
|
||
left: -3px;
|
||
*/
|
||
}
|
||
main.about-contact .block2 .ts-text-wrapper a {
|
||
text-decoration:none;
|
||
}
|
||
main.about-contact .block2 .ts-text-wrapper a.rc-icon:after{
|
||
left: .5rem;
|
||
}
|
||
.contact-message-feedback-form label {
|
||
display: none;
|
||
}
|
||
.contact-message-feedback-form #edit-message-wrapper {
|
||
position: relative;
|
||
padding-right:1.5rem;
|
||
}
|
||
.contact-message-feedback-form #edit-message-wrapper label {
|
||
display: inline-block;
|
||
/*
|
||
width: 95%;
|
||
position: absolute;
|
||
left: 0;
|
||
bottom: -60px;
|
||
*/
|
||
}
|
||
.contact-message-feedback-form .captcha label {
|
||
display: inline-block;
|
||
}
|
||
.contact-message-feedback-form #edit-captcha-response--description {
|
||
display: none;
|
||
}
|
||
.contact-message-feedback-form textarea {
|
||
padding: 10px 10px;
|
||
resize: none;
|
||
border: solid 1px #d1d1d1;
|
||
width:100%;
|
||
}
|
||
.contact-message-feedback-form #edit-actions {
|
||
margin-top:1rem;
|
||
}
|
||
.contact-message-feedback-form .captcha {
|
||
margin: 1rem 0;
|
||
}
|
||
.contact-message-feedback-form .captcha input {
|
||
border: solid 1px #d1d1d1;
|
||
}
|
||
.contact-message-feedback-form #edit-actions .rc-btn {
|
||
/*display: inline-block;*/
|
||
/*width: 150px;*/
|
||
}
|
||
.contact-message-feedback-form #edit-actions .rc-btn::after {
|
||
/*background-image: url(https://d1a19ys8w1wkc1.cloudfront.net/royal-canin.sprite--brand3--xs.svg?v=8-10-0);*/
|
||
/*width: 24px;*/
|
||
/*position: absolute;*/
|
||
/*top: 22px;*/
|
||
/*left: 70%;*/
|
||
}
|
||
.contact-message-feedback-form #edit-actions #edit-submit {
|
||
display: none;
|
||
}
|
||
.contact-message-feedback-form #edit-actions #edit-preview {
|
||
display: none;
|
||
}
|
||
main.about-contact .block2 img {
|
||
border: solid 1px #d1d1d1;
|
||
border-bottom: none;
|
||
}
|
||
/* related articles */
|
||
/* related products */
|
||
/*.related-articles .heading a:not(.view-all-link),*/
|
||
.related-articles .heading a,
|
||
.related-products .heading a {
|
||
text-decoration: none;
|
||
padding-bottom: 5px;
|
||
border-width: 1px;
|
||
display: none;
|
||
cursor: pointer;
|
||
}
|
||
.related-products .heading h2 {
|
||
margin-bottom: 0;
|
||
}
|
||
.related-articles .heading a.view-all-link {
|
||
/*display: inline-block;*/
|
||
}
|
||
.related-articles div[id*="block-views-block-royalcanin"][id*="articles-block"]>div>section>div>.rc-column:first-child,
|
||
.related-products div[id*="block-views-block-royalcanin"][id*="products-block"]>div>section>div>.rc-column:first-child {
|
||
display: none;
|
||
width: 0;
|
||
}
|
||
.related-articles div[id*="block-views-block-royalcanin"][id*="articles-block"]>div>section>div>.rc-column:last-child,
|
||
.related-products div[id*="block-views-block-royalcanin"][id*="products-block"]>div>section>div>.rc-column:last-child {
|
||
width: 100%;
|
||
}
|
||
.related-articles .rc-card__body a{
|
||
text-decoration:none;
|
||
}
|
||
/* cats dogs health related articles */
|
||
#block-views-block-royalcanin-cats-articles-block-7 .rc-event-card--sidebar-present>.rc-column,
|
||
#block-views-block-royalcanin-dogs-articles-block-7 .rc-event-card--sidebar-present>.rc-column {
|
||
width: 33.333%;
|
||
}
|
||
.cats-dogs-health-articles small,
|
||
.getting-cats-dogs small,
|
||
.related-articles small {
|
||
display: none;
|
||
}
|
||
/* div[id*='block-views-block-royalcanin-cats-articles-block'] rc-match-heights */
|
||
.cats-dogs-health-articles .rc-event-card--sidebar-present>.rc-column:nth-child(n+5),
|
||
.cats-dogs-health-articles div[id*='block-views-block-royalcanin-dogs-articles-block'] .rc-event-card--sidebar-present>.rc-column,
|
||
.getting-cats-dogs div[id*='block-views-block-royalcanin-cats-articles-block'] .rc-event-card--sidebar-present>.rc-column,
|
||
.getting-cats-dogs div[id*='block-views-block-royalcanin-dogs-articles-block'] .rc-event-card--sidebar-present>.rc-column {
|
||
display: none;
|
||
}
|
||
.related-articles div[id*='block-views-block-royalcanin'][id*='articles-block'] .rc-event-card--sidebar-present>.rc-column {
|
||
display: none;
|
||
}
|
||
/* div[id*='block-views-block-royalcanin-cats-articles-block'] */
|
||
.cats-dogs-health-articles .rc-event-card--sidebar-present>.rc-column:nth-child(1),
|
||
.cats-dogs-health-articles .rc-event-card--sidebar-present>.rc-column:nth-child(2),
|
||
.cats-dogs-health-articles .rc-event-card--sidebar-present>.rc-column:nth-child(3),
|
||
.cats-dogs-health-articles .rc-event-card--sidebar-present>.rc-column:nth-child(4),
|
||
.getting-cats-dogs div[id*='block-views-block-royalcanin-cats-articles-block'] .rc-event-card--sidebar-present>.rc-column:nth-child(1),
|
||
.getting-cats-dogs div[id*='block-views-block-royalcanin-cats-articles-block'] .rc-event-card--sidebar-present>.rc-column:nth-child(2),
|
||
.getting-cats-dogs div[id*='block-views-block-royalcanin-cats-articles-block'] .rc-event-card--sidebar-present>.rc-column:nth-child(3),
|
||
.getting-cats-dogs div[id*='block-views-block-royalcanin-cats-articles-block'] .rc-event-card--sidebar-present>.rc-column:nth-child(4) {
|
||
display: inline-block;
|
||
}
|
||
.cats-dogs-health-articles div[id*='block-views-block-royalcanin-dogs-articles-block'] .rc-event-card--sidebar-present>.rc-column:nth-child(1),
|
||
.cats-dogs-health-articles div[id*='block-views-block-royalcanin-dogs-articles-block'] .rc-event-card--sidebar-present>.rc-column:nth-child(2),
|
||
.cats-dogs-health-articles div[id*='block-views-block-royalcanin-dogs-articles-block'] .rc-event-card--sidebar-present>.rc-column:nth-child(3),
|
||
.cats-dogs-health-articles div[id*='block-views-block-royalcanin-dogs-articles-block'] .rc-event-card--sidebar-present>.rc-column:nth-child(4),
|
||
.getting-cats-dogs div[id*='block-views-block-royalcanin-dogs-articles-block'] .rc-event-card--sidebar-present>.rc-column:nth-child(1),
|
||
.getting-cats-dogs div[id*='block-views-block-royalcanin-dogs-articles-block'] .rc-event-card--sidebar-present>.rc-column:nth-child(2),
|
||
.getting-cats-dogs div[id*='block-views-block-royalcanin-dogs-articles-block'] .rc-event-card--sidebar-present>.rc-column:nth-child(3),
|
||
.getting-cats-dogs div[id*='block-views-block-royalcanin-dogs-articles-block'] .rc-event-card--sidebar-present>.rc-column:nth-child(4) {
|
||
display: inline-block;
|
||
}
|
||
.related-articles div[id*='block-views-block-royalcanin'][id*='articles-block'] .rc-event-card--sidebar-present>.rc-column:nth-child(1),
|
||
.related-articles div[id*='block-views-block-royalcanin'][id*='articles-block'] .rc-event-card--sidebar-present>.rc-column:nth-child(2),
|
||
.related-articles div[id*='block-views-block-royalcanin'][id*='articles-block'] .rc-event-card--sidebar-present>.rc-column:nth-child(3),
|
||
.related-articles div[id*='block-views-block-royalcanin'][id*='articles-block'] .rc-event-card--sidebar-present>.rc-column:nth-child(4) {
|
||
display: inline-block;
|
||
}
|
||
.cats-dogs-health-articles .view-all-link,
|
||
.getting-cats-dogs .view-all-link {
|
||
cursor: pointer;
|
||
}
|
||
.related-articles .rc-shadow-black--soft>div>h1 {
|
||
/*border: solid 10px red;*/
|
||
}
|
||
.cats-dogs-health-articles .rc-timeline-nav {
|
||
width: 200px;
|
||
}
|
||
.cats-dogs-health-articles .rc-timeline-nav>li>a {
|
||
display: inline-block;
|
||
width: 180px;
|
||
}
|
||
.cats-dogs-health-articles .related-articles .no-result-wrapper {
|
||
/*display: none;*/
|
||
}
|
||
/* cats/kitten, dogs/puppy下 related articles 样式调整
|
||
*/
|
||
/* Dont need it
|
||
main.dogs-feeding .views-field-field-royalcanin-image-cover
|
||
main.dogs-feeding .views-field-field-royalcanin-image-cover>div,
|
||
main.dogs-feeding .views-field-field-royalcanin-image-cover>div>a
|
||
|
||
{
|
||
height: 70%;
|
||
}
|
||
*/
|
||
main.dogs-feeding .views-field-field-royalcanin-image-cover>div>a {
|
||
display: inline-block;
|
||
width: 100%;
|
||
/* Dont need it
|
||
height: 70%;
|
||
*/
|
||
text-align: center;
|
||
}
|
||
/* cats dogs health related articles */
|
||
main.cats-dogs-health-articles .views-field-field-royalcanin-image-cover {
|
||
height: 70%;
|
||
}
|
||
main.cats-dogs-health-articles .views-field-field-royalcanin-image-cover>div>a {
|
||
/*
|
||
display: inline-block;
|
||
width: 100%;
|
||
height: 70%;
|
||
text-align: center;
|
||
*/
|
||
}
|
||
main.cats-dogs-health-articles .views-field-field-royalcanin-image-cover img {
|
||
width:100%;
|
||
}
|
||
main.content #block-royalcanin-local-tasks ul li{
|
||
/*display:list-item;*/
|
||
/*list-style-position: inside;*/
|
||
}
|
||
main.content #block-royalcanin-local-tasks ul{
|
||
/*list-style: disc;*/
|
||
}
|
||
/*main.cats-dogs-health-articles .rc-event-card--sidebar-present>.rc-column {*/
|
||
/* width: 25%;*/
|
||
/*}*/
|
||
main.cats-dogs-health-articles .block2 .rc-event-card--sidebar-present>.rc-column {
|
||
width: 33.333%;
|
||
}
|
||
/* cats dogs health related articles 20201213 update , dun need it
|
||
main.cats-dogs-health-articles .article-img-cover {
|
||
height: 80%;
|
||
}
|
||
*/
|
||
main.cats-dogs-health-articles img {
|
||
display: inline-block;
|
||
/*max-height: 150px;*/
|
||
}
|
||
main.cats-dogs-health-articles .article-title {
|
||
/*padding: 5px 5px;*/
|
||
}
|
||
/*
|
||
main.cats-dogs-health-articles .related-articles .rc-event-card--sidebar-present>.rc-column {
|
||
display: none;
|
||
}
|
||
main.cats-dogs-health-articles .related-articles .rc-event-card--sidebar-present>.rc-column:nth-child(1),
|
||
main.cats-dogs-health-articles .related-articles .rc-event-card--sidebar-present>.rc-column:nth-child(2),
|
||
main.cats-dogs-health-articles .related-articles .rc-event-card--sidebar-present>.rc-column:nth-child(3),
|
||
main.cats-dogs-health-articles .related-articles .rc-event-card--sidebar-present>.rc-column:nth-child(4) {
|
||
display: inline-block;
|
||
}
|
||
main.cats-dogs-health-articles .related-articles .rc-event-card--sidebar-present>.rc-column.top:nth-child(4) {
|
||
display: none;
|
||
}
|
||
*/
|
||
|
||
|
||
|
||
|
||
|
||
/* user related page */
|
||
#block-royalcanin-local-tasks ul {
|
||
padding-left: 0;
|
||
list-style: none;
|
||
}
|
||
#block-royalcanin-local-tasks li {
|
||
display: inline-block;
|
||
}
|
||
#block-royalcanin-local-tasks li>a {
|
||
padding: 8px 16px;
|
||
text-decoration: none;
|
||
}
|
||
#block-royalcanin-local-tasks li>a.is-active {
|
||
border-bottom: solid 4px #e2001a;
|
||
color: #e2001a;
|
||
}
|
||
.user-login #edit-submit,
|
||
.user-register #edit-submit,
|
||
.user-pass #edit-submit,
|
||
.user-form #edit-submit {
|
||
display: inline-block;
|
||
width: 0;
|
||
height: 0;
|
||
font-size: 0;
|
||
border: none;
|
||
opacity: 0;
|
||
}
|
||
.user-login label,
|
||
.user-register label,
|
||
.user-pass label,
|
||
.user-login div[id*='description'],
|
||
.user-register div[id*='description'] {
|
||
display: none;
|
||
}
|
||
.user-login form>div,
|
||
.user-register form>div>div,
|
||
#user-form>div>div {
|
||
display: block;
|
||
margin-bottom: 30px;
|
||
}
|
||
.user-login input,
|
||
.user-register input,
|
||
.user-pass input,
|
||
#user-form input {
|
||
display: inline-block;
|
||
width: 100%;
|
||
height: 36px;
|
||
padding: 5px 10px;
|
||
}
|
||
.user-register input#edit-pass-pass1,
|
||
.user-register input#edit-pass-pass2 {
|
||
margin-bottom: 30px;
|
||
width: 120%;
|
||
}
|
||
.user-form input#edit-pass-pass1,
|
||
.user-form input#edit-pass-pass2 {
|
||
/*margin-bottom: 30px;*/
|
||
width: 120%;
|
||
}
|
||
.user-form label {
|
||
display: block;
|
||
margin-bottom: 10px;
|
||
}
|
||
.user-form .description {
|
||
margin-top: 10px;
|
||
}
|
||
.user-form #edit-current-pass--description a,
|
||
.user-form #edit-mail--description,
|
||
.user-form #edit-pass--description {
|
||
display: none;
|
||
}
|
||
.user-form label[for='edit-pass-pass2'] {
|
||
margin-top: 30px;
|
||
}
|
||
.user-form .password-confirm-message {
|
||
margin-top: 30px;
|
||
}
|
||
/* user view page */
|
||
article.user-view div {
|
||
margin-bottom: 15px;
|
||
}
|
||
article.user-view div:nth-child(3) h4 {
|
||
display: none;
|
||
}
|
||
article.user-view div:nth-child(3):before {
|
||
content: '注册时长：';
|
||
}
|
||
article.user-view div:last-child {
|
||
margin-top: 30px;
|
||
}
|
||
/* user edit form page */
|
||
.user-form label.form-required:after {
|
||
content: '*';
|
||
color: #e2001a;
|
||
}
|
||
|
||
@media (max-width: 1439px) {
|
||
.cats-dogs-health-articles .rc-timeline-nav {
|
||
/*display:none;*/
|
||
}
|
||
}
|
||
|
||
/* Beware of 1024 conflicting*/
|
||
@media (min-width: 1024px) {
|
||
.views-element-container .tns-outer{margin:0;}
|
||
.views-element-container .rc-card:first-child{margin-left:0;}
|
||
.views-element-container .rc-card:last-child{margin-right:0;}
|
||
}
|
||
|
||
@media (max-width: 1024px) {
|
||
|
||
}
|
||
/* Beware of 1024 conflicting end*/
|
||
|
||
@media (max-width: 960px) {
|
||
|
||
}
|
||
|
||
@media (min-width: 769px) {
|
||
.ts-list--four-column {
|
||
-webkit-column-count:4;
|
||
column-count: 4;
|
||
}
|
||
|
||
.ts-list--four-column,.ts-list--four-column .list,.ts-list--four-column .rc-list{
|
||
-webkit-column-break-inside: avoid;
|
||
page-break-inside: avoid;
|
||
break-inside: avoid
|
||
}
|
||
|
||
.rc-btn {max-width:100%;}
|
||
}
|
||
|
||
@media (max-width: 768px) {
|
||
main.tailored-nutrition .views-element-container .rc-event-card--sidebar-present > .rc-column {
|
||
width: 100%;
|
||
}
|
||
/*main.tailored-nutrition .rc-md-up {*/
|
||
/* display: block !important;*/
|
||
/*}*/
|
||
header {
|
||
max-height:100%;
|
||
overflow-y:auto;
|
||
}
|
||
#block-royalcanin-breadcrumbs {
|
||
margin-top: 0px;
|
||
visibility:hidden;
|
||
}
|
||
main.search {
|
||
margin-top: 0;
|
||
}
|
||
/* 筛选器 */
|
||
.views-exposed-form fieldset {
|
||
display: none;
|
||
}
|
||
.views-exposed-form .select-wrapper {
|
||
display: block;
|
||
border-bottom: solid 1px #d1d1d1;
|
||
position:relative;
|
||
}
|
||
/* */
|
||
.views-exposed-form .select-wrapper:after {
|
||
content:" ";
|
||
position:absolute;
|
||
top:50%;
|
||
right:4%;
|
||
transform: translateY(-50%) translateX(-50%);
|
||
background-image: url(../image/royal-canin.sprite--iconography--xs.svg?v=8-10-0);
|
||
background-repeat: no-repeat;
|
||
background-position: 0 42.86%;
|
||
overflow: hidden;
|
||
width: 24px;
|
||
height:32px;
|
||
display: inline-block;
|
||
}
|
||
|
||
.views-exposed-form .select-wrapper label {
|
||
display: inline-block;
|
||
padding-left: 20px;
|
||
width: 45%;
|
||
height: 57px;
|
||
line-height: 57px;
|
||
}
|
||
/* 需要在select下设置color, option下设置是另一效果 */
|
||
.views-exposed-form .select-wrapper select {
|
||
border: none;
|
||
width: 50%;
|
||
height: 35px;
|
||
color: #666;
|
||
-webkit-appearance: none;
|
||
background:transparent;
|
||
position:relative;
|
||
outline:none;
|
||
}
|
||
|
||
.rc-nav {z-index:201;}
|
||
header .rc-link-list__anchor-link {
|
||
padding-top: .8rem;
|
||
padding-bottom: .8rem;
|
||
}
|
||
footer .footer-block7 .rc-list__link {border:unset;}
|
||
|
||
main .rc-triple-width .no-result-wrapper .rc-column {width:100%;}
|
||
.block-royalcanin-breadcrumbs{display:none;}
|
||
.rc-interactive-image--toggle-content .rc-btn {
|
||
min-width: 2rem;
|
||
height: 2rem;
|
||
}
|
||
.rc-interactive-image--toggle-content .rc-interactive-button:before {
|
||
height: 1.5rem;
|
||
width: 1.5rem;
|
||
}
|
||
main.cats .rc-one-column img {
|
||
}
|
||
main.cats .special-link span,
|
||
main.cats .block4 .rc-layout-container {
|
||
flex-direction:column-reverse;
|
||
}
|
||
main.cats .block4 .rc-layout-container > .rc-column{
|
||
flex-flow:column;
|
||
}
|
||
main.cats .block4 .rc-layout-container > .rc-column a {
|
||
border-bottom-width: 1px;
|
||
}
|
||
main.dogs .special-link span {
|
||
top: 0;
|
||
}
|
||
main.cats .block4 .breed,
|
||
main.dogs .block4 .breed {
|
||
display: inline-block;
|
||
width: 100%;
|
||
margin-bottom: 10px;
|
||
}
|
||
/* products and breeds and articles */
|
||
.views-element-container .rc-event-card--sidebar-present > .rc-column {
|
||
width: 25%;
|
||
}
|
||
.views-element-container .rc-event-card--sidebar-present > .rc-column img {
|
||
/*max-height: 120px;!* 不能同时加max-width, 否则溢出 *!*/
|
||
width:auto;
|
||
}
|
||
|
||
/* Recommand articles section */
|
||
main .related-articles .ts-carousel-container {
|
||
margin-top:1rem;
|
||
}
|
||
main .related-articles .ts-carousel-data .rc-column {
|
||
width:100%;
|
||
}
|
||
main .related-articles .ts-carousel-container img {
|
||
width:100%;
|
||
}
|
||
|
||
main.cats-growth .rc-two-column:not(.heading) > .rc-column, main.dogs-growth .rc-two-column:not(.heading) > .rc-column {
|
||
border-left:solid 1px #bbb;
|
||
}
|
||
|
||
main.cats-growth .rc-two-column:not(.heading) > .rc-column:first-child:before , main.dogs-growth .rc-two-column:not(.heading) > .rc-column:first-child:before {
|
||
content:" ";
|
||
height:16px;
|
||
width:16px;
|
||
border-radius: 8px;
|
||
display:block;
|
||
position:absolute;
|
||
left:-8px;
|
||
top:49%;
|
||
background-color: #e2001a;
|
||
}
|
||
|
||
main.cats-health .block2 ul, main.dogs-health .block2 ul {
|
||
padding-left:0;
|
||
}
|
||
|
||
main.cats-health .read-more,
|
||
main.cats-health .view-all {
|
||
width: 50%;
|
||
}
|
||
main.cats-health .view-all {
|
||
text-align: right;
|
||
}
|
||
|
||
main.cats-play .block4 .rc-card__title {
|
||
font-size:1.5rem;
|
||
}
|
||
/* custom 1103 Mob compability*/
|
||
.ts-hide-md{display:none !important;}
|
||
.ts-show-md{display:flex !important;}
|
||
main.about-us .timeline:before{display:none;}
|
||
main.about-us .timeline .ts-content-container{}
|
||
main.about-us .timeline:nth-child(odd)>.rc-layout-container>.rc-column:first-child{border-right:none;}
|
||
main.about-us .timeline:nth-child(odd) .ts-content-container{text-align:left;}
|
||
|
||
main.about-us .timeline>.rc-layout-container>.rc-column:first-child,main.about-us .timeline>.rc-layout-container>.rc-column:last-child {border-right:none;}
|
||
main.about-us .timeline>.rc-layout-container>.rc-column:first-child {border-left: solid 4px #d7d7d7;}
|
||
main.about-us .timeline .img-container{border-left: solid 4px #d7d7d7;}
|
||
main.about-us .timeline .rc-hero__section--img{padding:0 10px;}
|
||
/* custom 1103 */
|
||
|
||
footer .ts-qr-container {
|
||
width:50%;
|
||
}
|
||
footer .ts-qr-container:nth-child(even) {
|
||
padding-right:0;
|
||
}
|
||
footer .ts-qr-container:nth-child(odd) {
|
||
padding-left:0;
|
||
}
|
||
}
|
||
/* 768 breakpoint end*/
|
||
|
||
@media (max-width: 640px) {
|
||
main.cats .special-link span,
|
||
main.dogs .special-link span {
|
||
display: none;
|
||
}
|
||
main.cats .block4 .cats-info-select>a,
|
||
main.dogs .block4 .cats-info-select>a {
|
||
display: inline-block;
|
||
margin-top: 20px;
|
||
}
|
||
main.cats .block4 .cats-info-select .select1,
|
||
main.dogs .block4 .cats-info-select .select1 {
|
||
padding-right: 30px;
|
||
}
|
||
main.cats .block4 .breed,
|
||
main.dogs .block4 .breed {
|
||
margin-top: 20px;
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
/* related articles */
|
||
.related-articles .heading>div {
|
||
display: inline-block;
|
||
width: 50%;
|
||
}
|
||
|
||
|
||
}
|
||
@media (max-width: 480px) {
|
||
/*main.cats .block4 .rc-input--inline-container {*/
|
||
/* position: relative;*/
|
||
/*}*/
|
||
/*main.cats .block4 .cats-info-select .select2 {*/
|
||
/* position: absolute;*/
|
||
/* top: 0;*/
|
||
/* right: 0;*/
|
||
/*}*/
|
||
main.cats .block4 .cats-info-select .select2 {
|
||
/*padding-right: 20%;*/
|
||
}
|
||
main.cats-life-startpoint .block13 .rc-content-card--sidebar-present>.rc-column {
|
||
width: 100%;
|
||
}
|
||
/* products and breeds and articles */
|
||
.views-element-container .rc-event-card--sidebar-present > .rc-column{
|
||
width:100%;
|
||
}
|
||
/* royalcanin search */
|
||
main.search .rc-event-card--sidebar-present > .rc-column {
|
||
width: 100%;
|
||
}
|
||
}
|
||
@media (max-width: 414px) {
|
||
|
||
|
||
}
|
||
@media (max-width: 320px) {
|
||
|
||
|
||
}
|
||
|
||
/* footer */
|
||
footer li.rc-list__item > button {
|
||
font-size: 0.6em; }
|
||
|
||
footer .footer-block7 a.rc-list__link {
|
||
display:inline;
|
||
position:relative;
|
||
}
|
||
footer .footer-block7 a.rc-list__link .ts-hover-show {
|
||
position:absolute;bottom:2rem;left:0rem;background:#fff;opacity:0;width:112px;padding:.5rem;text-align:center;
|
||
}
|
||
footer .footer-block7 a.rc-list__link .ts-hover-show img{margin:0 auto;}
|
||
footer .footer-block7 a.rc-list__link:hover .ts-hover-show{display:block;color:#666;-webkit-animation: fadeIn .3s ease forwards;animation: fadeIn .3s ease forwards;}
|