Initial import
This commit is contained in:
Admin Nasledstvo
@@ -0,0 +1,431 @@
|
||||
|
||||
.article-model {
|
||||
display: flex;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.article-model img {
|
||||
height: 650px;
|
||||
width: auto;
|
||||
}
|
||||
.article {
|
||||
display: block;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.article-model .article.main {
|
||||
height: 430px;
|
||||
}
|
||||
|
||||
.article .ast {
|
||||
font-size: 20px;
|
||||
position: absolute;
|
||||
bottom: 20px;
|
||||
width: calc(100% - 25px);
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
line-height: 20px;
|
||||
text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 4;
|
||||
line-clamp: 4;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
|
||||
|
||||
.text-limit {
|
||||
}
|
||||
|
||||
.text-limit-8 {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 8;
|
||||
line-clamp: 8;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
|
||||
.cw1 {
|
||||
width: calc(100% / 12)
|
||||
}
|
||||
|
||||
.cw2 {
|
||||
width: calc((100% / 12) * 2)
|
||||
}
|
||||
|
||||
.cw3 {
|
||||
width: calc((100% / 12) * 3)
|
||||
}
|
||||
|
||||
.cw4 {
|
||||
width: calc((100% / 12) * 4)
|
||||
}
|
||||
|
||||
.cw5 {
|
||||
width: calc((100% / 12) * 5)
|
||||
}
|
||||
|
||||
.cw6 {
|
||||
width: calc((100% / 12) * 6) !important;
|
||||
}
|
||||
|
||||
.cw7 {
|
||||
width: calc((100% / 12) * 7)
|
||||
}
|
||||
|
||||
.cw8 {
|
||||
width: calc((100% / 12) * 8)
|
||||
}
|
||||
|
||||
.cw9 {
|
||||
width: calc((100% / 12) * 9)
|
||||
}
|
||||
|
||||
.cw10 {
|
||||
width: calc((100% / 12) * 10)
|
||||
}
|
||||
|
||||
.cw11 {
|
||||
width: calc((100% / 12) * 11)
|
||||
}
|
||||
|
||||
.cw12 {
|
||||
width: calc((100% / 12) * 12)
|
||||
}
|
||||
|
||||
.ch6 {
|
||||
height: calc((100% / 12) * 6)
|
||||
}
|
||||
.ch12 {
|
||||
height: calc((100% / 12) * 12)
|
||||
}
|
||||
|
||||
.cw-auto {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.relative {
|
||||
position: relative;
|
||||
}
|
||||
.cell {
|
||||
margin: 10px;
|
||||
width: calc(100% - 20px);
|
||||
height: calc(100% - 20px);
|
||||
overflow: hidden;
|
||||
display: block;
|
||||
}
|
||||
.cell-img {
|
||||
background-position: center;
|
||||
background-color: #FFFFFF;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
transition: all 0.6s;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
transform: scale(1.1);
|
||||
filter: brightness(70%);
|
||||
}
|
||||
|
||||
.article.main.cell .ast {
|
||||
bottom: 80px;
|
||||
}
|
||||
|
||||
.list-element-img:hover {
|
||||
transform: scale(1);
|
||||
}
|
||||
.article-row {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.article-row-50 {
|
||||
height: 50%;
|
||||
}
|
||||
|
||||
.article:hover .cell-img {
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
.list-label {
|
||||
background: #f1f1f1;
|
||||
display: inline-block;
|
||||
padding: 4px 8px;
|
||||
border-radius: 4px;
|
||||
color: #FFFFFF;
|
||||
font-size: 14px;
|
||||
}
|
||||
.list-label.news {
|
||||
background: #000000;
|
||||
}
|
||||
.list-label.events {
|
||||
background: var(--color-main-dark);
|
||||
}
|
||||
.list-label.campaigns {
|
||||
background: var(--color-main-brigth);
|
||||
color: #000000;
|
||||
}
|
||||
.list-label.date-label {
|
||||
color: #000000;
|
||||
margin-left: 15px;
|
||||
}
|
||||
.list-title, .list-title a {
|
||||
color: var(--color-main-dark);
|
||||
font-size: 18px;
|
||||
line-height: 20px;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.list-text {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.library {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.filter-open.library {
|
||||
width: calc(100% - 300px);
|
||||
}
|
||||
|
||||
.list-library {
|
||||
width: calc(100%/12*4);
|
||||
}
|
||||
|
||||
.filter-open .list-library {
|
||||
width: calc(100%/12*6);
|
||||
}
|
||||
.list-library .list-title {
|
||||
color: var(--color-main-dark);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.list-library .list-element-img {
|
||||
transform: scale(1) !important;
|
||||
}
|
||||
|
||||
.list-library .library-info {
|
||||
width: calc(100% - 270px);
|
||||
}
|
||||
|
||||
.filter-panel {
|
||||
width: 300px;
|
||||
background: var(--color-main-brigth-ultra-2);
|
||||
min-height: 800px;
|
||||
display: none;
|
||||
margin-right: 15px;
|
||||
margin-top: 10px;
|
||||
padding: 15px;
|
||||
border: 1px solid var(--color-main-dark);
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.collection .filter-panel {
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
|
||||
|
||||
.filter-panel.absolute-box {
|
||||
z-index: 10;
|
||||
top: -10px;
|
||||
position: absolute;
|
||||
box-shadow: 0 0 20px rgba(0,0,0,0.5);
|
||||
}
|
||||
|
||||
.filter-panel.show {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.filter-panel .row label {
|
||||
display: block;
|
||||
font-weight: bold;
|
||||
color: var(--color-main-dark);
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
.filter-panel .row input {
|
||||
display: block;
|
||||
height: 20px;
|
||||
padding: 5px;
|
||||
width: calc(100% - 15px);
|
||||
border: 1px solid var(--color-main-dark);
|
||||
outline: none !important;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.filter-panel .row select {
|
||||
display: block;
|
||||
height: 32px;
|
||||
padding: 5px;
|
||||
width: calc(100% - 5px);
|
||||
border: 1px solid var(--color-main-dark);
|
||||
outline: none !important;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.filter-panel .row .clear-single {
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
margin-left: 2px;
|
||||
border: 1px solid var(--color-main-super-dark);
|
||||
border-left: 0;
|
||||
line-height: 30px;
|
||||
text-align: center;
|
||||
background: var(--color-main);
|
||||
color: #FFFFFF;
|
||||
outline: none;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* region Library Detail */
|
||||
.ld {
|
||||
margin: 0 auto;
|
||||
width: 1100px;
|
||||
}
|
||||
.ld .book-image {
|
||||
width: 520px;
|
||||
}
|
||||
|
||||
.ld .book-image img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
.ld .book-info {
|
||||
width: calc(100% - 550px);
|
||||
padding-left: 30px;
|
||||
}
|
||||
|
||||
.ld .book-info .title {
|
||||
color: var(--color-main-dark);
|
||||
font-size: 32px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.ld .author .font-bold {
|
||||
color: var(--color-main-dark);
|
||||
}
|
||||
|
||||
.ld .author .list-label {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.ld .book-description {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.ld .info-row {
|
||||
display: flex;
|
||||
margin-top: 15px;
|
||||
color: var(--color-main-dark);
|
||||
}
|
||||
|
||||
.ld .info-row .font-bold {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
|
||||
.ld .partner .list-label {
|
||||
width: 100px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.ld .partner .partner-name {
|
||||
height: 30px;
|
||||
line-height: 18px;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
color: var(--color-main-dark);
|
||||
}
|
||||
|
||||
.ld .button {
|
||||
background: var(--color-main-dark);
|
||||
color: #FFFFFF;
|
||||
font-size: 20px;
|
||||
border: 0;
|
||||
padding: 10px 20px;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.ld .price {
|
||||
font-size: 28px;
|
||||
font-weight: bold;
|
||||
color: var(--color-main-dark);
|
||||
}
|
||||
|
||||
.ld .back-list {
|
||||
text-align: center;
|
||||
margin-bottom: 25px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.ld .back-list a {
|
||||
color: var(--color-main-dark) !important;
|
||||
cursor: pointer !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* endregion */
|
||||
|
||||
.text-gray {
|
||||
color: #777777;
|
||||
}
|
||||
|
||||
.splide__arrow.splide__arrow--prev {
|
||||
border-radius: 0;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
transform: translateX(-105px);
|
||||
top: calc(50% - 45px);
|
||||
border: 2px solid var(--color-main-dark);
|
||||
background: #FFFFFF;
|
||||
line-height: 80px;
|
||||
}
|
||||
.splide__arrow.splide__arrow--next {
|
||||
border-radius: 0;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
transform: translateX(105px);
|
||||
top: calc(50% - 45px);
|
||||
border: 2px solid var(--color-main-dark);
|
||||
background: #FFFFFF;
|
||||
line-height: 80px;
|
||||
}
|
||||
|
||||
.splide__arrow .la {
|
||||
font-size: 35px;
|
||||
color: var(--color-main-dark);
|
||||
}
|
||||
|
||||
.splide__arrow:hover {
|
||||
background: rgba(0,0,0,0.04);
|
||||
}
|
||||
|
||||
|
||||
.e-magazine-price {
|
||||
font-size: 25px;
|
||||
}
|
||||
|
||||
.detail-e-magazin-title {
|
||||
font-size: 22px;
|
||||
font-weight: bold;
|
||||
color: var(--color-main);
|
||||
}
|
||||
|
||||
.e-magazin-image-list {
|
||||
width: calc(100% + 10px);
|
||||
margin-left: -5px;
|
||||
}
|
||||
@@ -0,0 +1,86 @@
|
||||
.carousel {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.carousel__list {
|
||||
display: flex;
|
||||
list-style: none;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 300px;
|
||||
justify-content: center;
|
||||
perspective: 300px;
|
||||
}
|
||||
|
||||
.carousel__item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: #fff;
|
||||
font-size: 0;
|
||||
width: 150px;
|
||||
height: 250px;
|
||||
border-radius: 12px;
|
||||
box-shadow: 0 2px 8px 0 rgba(50, 50, 50, 0.5);
|
||||
position: absolute;
|
||||
transition: all .3s ease-in;
|
||||
}
|
||||
|
||||
.carousel__item:nth-child(1) {
|
||||
background: linear-gradient(45deg, #2D35EB 0%, #904ED4 100%);
|
||||
}
|
||||
|
||||
.carousel__item:nth-child(2) {
|
||||
background: linear-gradient(45deg, #2D35EB 0%, #fdbb2d 100%);
|
||||
}
|
||||
|
||||
.carousel__item:nth-child(3) {
|
||||
background: linear-gradient(45deg, #2D35EB 0%, #22c1c3 100%);
|
||||
}
|
||||
|
||||
.carousel__item:nth-child(4) {
|
||||
background: linear-gradient(45deg, #fdbb2d 0%, #904ED4 100%);
|
||||
}
|
||||
|
||||
.carousel__item:nth-child(5) {
|
||||
background: linear-gradient(45deg, #22c1c3 0%, #904ED4 100%);
|
||||
}
|
||||
|
||||
.carousel__item[data-pos="0"] {
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
.carousel__item[data-pos="-1"],
|
||||
.carousel__item[data-pos="1"] {
|
||||
opacity: 0.7;
|
||||
filter: blur(1px) grayscale(10%);
|
||||
}
|
||||
|
||||
.carousel__item[data-pos="-1"] {
|
||||
transform: translateX(-40%) scale(.9);
|
||||
z-index: 4;
|
||||
}
|
||||
|
||||
.carousel__item[data-pos="1"] {
|
||||
transform: translateX(40%) scale(.9);
|
||||
z-index: 4;
|
||||
}
|
||||
|
||||
.carousel__item[data-pos="-2"],
|
||||
.carousel__item[data-pos="2"] {
|
||||
opacity: 0.4;
|
||||
filter: blur(3px) grayscale(20%);
|
||||
}
|
||||
|
||||
.carousel__item[data-pos="-2"] {
|
||||
transform: translateX(-70%) scale(.8);
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.carousel__item[data-pos="2"] {
|
||||
transform: translateX(70%) scale(.8);
|
||||
z-index: 3;
|
||||
}
|
||||
@@ -0,0 +1,98 @@
|
||||
.collection-greed .gallery {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(9, 1fr);
|
||||
grid-template-rows: repeat(12, 4vw);
|
||||
grid-gap: 20px;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.collection-greed .gallery__item {
|
||||
background: #EEEEEE;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.collection-greed .gallery__item .gallery__item_title {
|
||||
font-size: 20px;
|
||||
position: absolute;
|
||||
bottom: 20px;
|
||||
width: calc(100% - 25px);
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
line-height: 20px;
|
||||
text-shadow: 3px 2px 4px rgba(0, 0, 0, 1);
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 4;
|
||||
line-clamp: 4;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
|
||||
.collection-greed .gallery__img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.collection-greed .gallery__item--0 {
|
||||
grid-column-start: 1;
|
||||
grid-column-end: 4;
|
||||
grid-row-start: 1;
|
||||
grid-row-end: 4;
|
||||
}
|
||||
|
||||
.collection-greed .gallery__item--1 {
|
||||
grid-column-start: 4;
|
||||
grid-column-end: 6;
|
||||
grid-row-start: 1;
|
||||
grid-row-end: 4;
|
||||
}
|
||||
|
||||
.collection-greed .gallery__item--2 {
|
||||
grid-column-start: 6;
|
||||
grid-column-end: 10;
|
||||
grid-row-start: 1;
|
||||
grid-row-end: 7;
|
||||
}
|
||||
|
||||
.collection-greed .gallery__item--3 {
|
||||
grid-column-start: 1;
|
||||
grid-column-end: 3;
|
||||
grid-row-start: 4;
|
||||
grid-row-end: 10;
|
||||
}
|
||||
|
||||
.collection-greed .gallery__item--4 {
|
||||
grid-column-start: 3;
|
||||
grid-column-end: 6;
|
||||
grid-row-start: 4;
|
||||
grid-row-end: 7;
|
||||
}
|
||||
|
||||
.collection-greed .gallery__item--5 {
|
||||
grid-column-start: 1;
|
||||
grid-column-end: 3;
|
||||
grid-row-start: 10;
|
||||
grid-row-end: 13;
|
||||
}
|
||||
|
||||
.collection-greed .gallery__item--6 {
|
||||
grid-column-start: 3;
|
||||
grid-column-end: 6;
|
||||
grid-row-start: 7;
|
||||
grid-row-end: 13;
|
||||
}
|
||||
|
||||
.collection-greed .gallery__item--7 {
|
||||
grid-column-start: 6;
|
||||
grid-column-end: 10;
|
||||
grid-row-start: 7;
|
||||
grid-row-end: 10;
|
||||
}
|
||||
|
||||
.collection-greed .gallery__item--8 {
|
||||
grid-column-start: 6;
|
||||
grid-column-end: 10;
|
||||
grid-row-start: 10;
|
||||
grid-row-end: 13;
|
||||
}
|
||||
@@ -0,0 +1,148 @@
|
||||
.collection-greed .gallery {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
grid-gap: 20px;
|
||||
width: calc(100% + 20px);
|
||||
}
|
||||
|
||||
.collection-greed .gallery.list {
|
||||
display: block !important;
|
||||
grid-gap: 20px;
|
||||
width: calc(100% + 20px);
|
||||
}
|
||||
|
||||
.collection-greed .gallery .gallery__item {
|
||||
background: #EEEEEE;
|
||||
position: relative;
|
||||
width: calc((100%/4) - 20px);
|
||||
height: 400px;
|
||||
}
|
||||
|
||||
.collection-greed .gallery.list .gallery__item {
|
||||
width: 100%;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.collection-greed .gallery .gallery__item .img-box {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
.collection-greed .gallery__item .gallery__item_title {
|
||||
font-size: 16px;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
padding: 10px 5px 10px 5px;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
line-height: 20px;
|
||||
text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 4;
|
||||
line-clamp: 4;
|
||||
-webkit-box-orient: vertical;
|
||||
background: rgba(0, 0, 0, 0.7);
|
||||
width: calc(100% - 10px);
|
||||
height: 60px;
|
||||
}
|
||||
|
||||
.collection-greed .gallery .gallery__img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.collection-greed .gallery.list .gallery__item .img-box {
|
||||
width: 250px
|
||||
}
|
||||
.collection-greed .gallery.list .gallery__item {
|
||||
height: 300px;
|
||||
}
|
||||
.collection-greed .gallery.list .gallery__item .gallery__item_title {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.collection-greed .gallery .hidden-grid-part {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.collection-greed .gallery.list .hidden-grid-part {
|
||||
display: block;
|
||||
padding: 20px;
|
||||
width: calc(100% - 270px);
|
||||
}
|
||||
|
||||
.collection-greed .gallery.list .gallery__item {
|
||||
display: flex;
|
||||
background: #f8f8f8;
|
||||
}
|
||||
|
||||
.hidden-grid-part .title, .hidden-grid-part .title a {
|
||||
font-size: 20px;
|
||||
color: var(--color-main-dark);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.hidden-grid-part .annotation {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.hidden-grid-part .link {
|
||||
margin-top: 20px;
|
||||
color: var(--color-main-dark);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.video-thumb-container {
|
||||
height: auto !important;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.video-thumb-container .img-box {
|
||||
height: 250px !important;
|
||||
overflow: hidden;
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.video-thumb {
|
||||
filter: brightness(0.7);
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
.video-thumb-container .play-icon {
|
||||
font-size: 100px;
|
||||
position: absolute;
|
||||
left: calc(50% - 50px);
|
||||
top: 75px;
|
||||
color: #cccccc;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
.video-thumb-title {
|
||||
text-align: center;
|
||||
padding:5px;
|
||||
font-size: 14px;
|
||||
cursor: pointer;
|
||||
color: var(--color-main-dark);
|
||||
}
|
||||
|
||||
.video-thumb-container .img-box img {
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
|
||||
.video-thumb-container:hover .video-thumb {
|
||||
filter: brightness(0.3);
|
||||
}
|
||||
.video-thumb-container:hover .play-icon {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.video-thumb-container:hover .video-thumb-title {
|
||||
color: #FFFFFF;
|
||||
background: #000000;
|
||||
}
|
||||
@@ -0,0 +1,94 @@
|
||||
|
||||
footer {
|
||||
height: 430px;
|
||||
width: 100%;
|
||||
background: #1B1D1F;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
footer .fc {
|
||||
color: var(--color-main-brigth);
|
||||
margin: 40px 20px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
footer .fc-title {
|
||||
color: var(--color-main-brigth);
|
||||
margin-bottom: 20px;
|
||||
font-size: 25px;
|
||||
text-align: left !important;
|
||||
}
|
||||
|
||||
footer .mobile-button {
|
||||
background: #000000;
|
||||
}
|
||||
|
||||
footer .fcßΩ img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
footer .fc a {
|
||||
color: var(--color-main-brigth);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
footer .sn img {
|
||||
width: 50px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
footer .fct {
|
||||
height: 50px;
|
||||
color: var(--color-main-brigth);
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
footer .mobile-buttons {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
footer .mobile-button {
|
||||
background: #000000;
|
||||
display: flex;
|
||||
width: 123px;
|
||||
padding: 5px 7px;
|
||||
border-radius: 5px;
|
||||
margin-right: 10px;
|
||||
margin-bottom: 10px;
|
||||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
footer .mobile-button .logo {
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
display: block;
|
||||
margin-top: 7px;
|
||||
}
|
||||
|
||||
footer .mobile-button .mb-content {
|
||||
display: block;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
footer .mobile-button .mb-content .name {
|
||||
display: block;
|
||||
color: #FFFFFF;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
footer .mobile-button .mb-content .small-top {
|
||||
display: block;
|
||||
font-size: 12px;
|
||||
color: var(--color-main-brigth);
|
||||
}
|
||||
|
||||
.copyright {
|
||||
font-size: 13px;
|
||||
color: #000000;
|
||||
padding: 20px;
|
||||
background: #f1f1f1;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: calc(100% - 40px);
|
||||
}
|
||||
@@ -0,0 +1,105 @@
|
||||
.home-slider {
|
||||
width: 100%;
|
||||
height: 550px;
|
||||
background: #999999;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.home-slider .slide-home-page {
|
||||
position: relative;
|
||||
display: flex;
|
||||
height: 550px;
|
||||
}
|
||||
|
||||
.home-slider .slider-img-background {
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
filter: blur(5px) brightness(0.5);
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
opacity: 0;
|
||||
transition: all 1s;
|
||||
}
|
||||
|
||||
.home-slider .slide-home-page img {
|
||||
height: 320px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 125px;
|
||||
display: block;
|
||||
border: 2px solid var(--color-main-brigth);
|
||||
background: var(--color-main-brigth-ultra);
|
||||
box-shadow: 0 0 5px rgba(0,0,0,0.2);
|
||||
}
|
||||
|
||||
.slide-home-page .content-slide {
|
||||
max-width: 50%;
|
||||
margin-top: 180px;
|
||||
transform: translateX(-100%);
|
||||
transition: all 0.5s;
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.slide-home-page .slide-title {
|
||||
display: block;
|
||||
color: #FFFFFF;
|
||||
text-transform: uppercase;
|
||||
font-size: 38px;
|
||||
text-decoration: none;
|
||||
text-shadow: 0 0 5px rgba(0,0,0,0.3);
|
||||
}
|
||||
|
||||
.slide-home-page .slide-text {
|
||||
display: block;
|
||||
color: #FFFFFF;
|
||||
font-size: 23px;
|
||||
margin-top: 10px;
|
||||
text-decoration: none;
|
||||
text-shadow: 0 0 5px rgba(0,0,0,0.3);
|
||||
}
|
||||
.splide__slide.is-active.is-visible .content-slide {
|
||||
transform: translateX(0);
|
||||
opacity: 1;
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
.slide-text p {
|
||||
line-height: 30px;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
margin-inline-start: 0;
|
||||
margin-inline-end: 0;
|
||||
}
|
||||
|
||||
.header-logo img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.splide__pagination {
|
||||
width: 243px;
|
||||
padding: 0 25px;
|
||||
background: #FFFFFF;
|
||||
height: var(--header-height);
|
||||
bottom: 0;
|
||||
left: calc(50% - 150px);
|
||||
border-radius: 20px 20px 0 0;
|
||||
}
|
||||
|
||||
.splide__pagination .splide__pagination__page {
|
||||
background: #FFFFFF;
|
||||
width: 15px !important;
|
||||
height: 15px !important;
|
||||
border-radius: 100%;
|
||||
border: 2px solid var(--color-main-dark);
|
||||
margin: 0 3px;
|
||||
}
|
||||
.splide__pagination .splide__pagination__page.is-active {
|
||||
width: 15px !important;
|
||||
height: 15px !important;
|
||||
border-radius: 100%;
|
||||
background: var(--color-main-dark);
|
||||
transform: scale(1) !important;
|
||||
}
|
||||
@@ -0,0 +1,587 @@
|
||||
:root {
|
||||
--header-pad-heigth: 260px;
|
||||
--header-pad-width: 630px;
|
||||
}
|
||||
|
||||
header {
|
||||
border-bottom: 5px solid var(--color-main);
|
||||
}
|
||||
|
||||
.page-header {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
max-height: 350px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.dark-img {
|
||||
filter: brightness(0.7);
|
||||
}
|
||||
|
||||
.header-partner-logo {
|
||||
top: 100px;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.header-partner-logo .logo-img {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
background: #FFFFFF;
|
||||
border-radius: 100%;
|
||||
padding: 10px;
|
||||
border: 2px solid var(--color-main-middle);
|
||||
}
|
||||
|
||||
.header-partner-logo .header-name {
|
||||
color: #FFFFFF;
|
||||
font-size: 25px;
|
||||
font-weight: bold;
|
||||
width: 350px;
|
||||
padding: 30px 0 0 30px;
|
||||
text-shadow: 0 0 5px rgba(0,0,0,1);
|
||||
}
|
||||
.header-partner-logo .logo-img img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.page-header img.header-img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.filter-buttons {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.filter-buttons button, .filter-buttons a {
|
||||
margin: 4px !important;
|
||||
font-size: 16px !important;
|
||||
max-height: 45px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.filter-buttons .tags {
|
||||
|
||||
}
|
||||
|
||||
.filter-buttons .search-box {
|
||||
min-height: 30px !important;
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
.filter-buttons .search-box:after {
|
||||
top: 15px !important;
|
||||
}
|
||||
|
||||
.filter-buttons .search-box .selected-box {
|
||||
height: 15px;
|
||||
line-height: 15px;
|
||||
}
|
||||
|
||||
.filter-buttons .search-box .list input {
|
||||
border: 1px solid var(--color-main-middle) !important;
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
.filter-buttons .search-box .selected-box .close {
|
||||
top: 10px;
|
||||
}
|
||||
|
||||
.filter-buttons .search-box .selected {
|
||||
line-height: 30px;
|
||||
color: var(--color-main-dark);
|
||||
font-weight: 400;
|
||||
font-size: 16px !important;
|
||||
}
|
||||
|
||||
.filter-buttons.panel-box {
|
||||
background: var(--color-main-brigth-ultra);
|
||||
width: calc(100% - 40px);
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.page-header .pad {
|
||||
height: var(--header-pad-heigth);
|
||||
width: var(--header-pad-width);
|
||||
background: var(--color-main-middle);
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.page-header .pad .title {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 40px;
|
||||
color: #FFFFFF;
|
||||
top: calc(var(--header-pad-heigth) / 2 - 20px);
|
||||
position: absolute;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.detail-page-image {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.detail-page-image img {
|
||||
height: 600px;
|
||||
}
|
||||
|
||||
.header-image-title {
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
top: 45%;
|
||||
width: 100%;
|
||||
color: #FFFFFF;
|
||||
text-shadow: 0 0 4px #000000;
|
||||
font-size: 30px;
|
||||
|
||||
}
|
||||
|
||||
.detail-title {
|
||||
text-align: center;
|
||||
color: var(--color-main-dark);
|
||||
text-transform: uppercase;
|
||||
font-size: 22px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.detail-date {
|
||||
color: var(--color-main-dark);
|
||||
font-size: 18px;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.detail-text {
|
||||
color: #000000;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.detail-content {
|
||||
width: calc(100% - 300px);
|
||||
}
|
||||
|
||||
.detail-info {
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
.detail-info-row {
|
||||
|
||||
}
|
||||
|
||||
.detail-type {
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
.right-info .header-title {
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
background: var(--color-main-dark);
|
||||
color: #FFFFFF;
|
||||
text-transform: uppercase;
|
||||
font-size: 20px;
|
||||
width: calc(100% - 20px);
|
||||
padding-left: 20px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.right-info .body {
|
||||
background: #F5F5F5;
|
||||
}
|
||||
|
||||
.right-info .body-row {
|
||||
line-height: 20px;
|
||||
padding: 20px;
|
||||
color: var(--color-main-dark);
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.right-info .body-row:after {
|
||||
content: '';
|
||||
width: calc(100% - 40px);
|
||||
height: 1px;
|
||||
background: var(--color-main-dark);
|
||||
display: block;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.right-info .body-row a {
|
||||
color: var(--color-main-dark);
|
||||
margin-left: 10px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.body-info .body-row:last-child:after,
|
||||
.body-files .body-row:last-child:after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.right-info .body-row.no-border-bottom:after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.right-info .body-row b {
|
||||
font-weight: 700 !important;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.right-info .body-row p {
|
||||
display: block !important;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.title-list {
|
||||
color: var(--color-main-dark);
|
||||
font-weight: 500;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.filter-buttons button {
|
||||
display: block;
|
||||
border: 1px solid var(--color-main-brigth);
|
||||
padding: 7px 10px;
|
||||
background: #FFFFFF;
|
||||
color: var(--color-main-dark);
|
||||
font-size: 20px;
|
||||
margin-right: 10px;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
transition: all 0.5s;
|
||||
}
|
||||
|
||||
.filter-buttons button:hover {
|
||||
background: rgba(0, 0, 0, 0.04);
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
.filter-buttons button:active {
|
||||
background: rgba(0, 0, 0, 0.09);
|
||||
}
|
||||
|
||||
.filter-buttons button.active {
|
||||
background: var(--color-main-brigth);
|
||||
cursor: default;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.filter-buttons button.switch_on {
|
||||
background: var(--color-main-brigth);
|
||||
}
|
||||
|
||||
#pagination button {
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
line-height: 35px;
|
||||
text-align: center;
|
||||
padding: 0;
|
||||
font-size: 18px;
|
||||
}
|
||||
.flex {
|
||||
display: flex;
|
||||
}
|
||||
.flex-center {
|
||||
justify-content: center !important;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.flex-list-element {
|
||||
border: 1px solid #EEEEEE;
|
||||
margin: 10px;
|
||||
padding: 20px 5px;
|
||||
width: calc((100%/12)*3 - 33px) !important;
|
||||
transition: all 0.3s;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
color: var(--color-main);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.flex-list-element img {
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
.flex-list-element:hover img {
|
||||
filter: brightness(0.95);
|
||||
}
|
||||
|
||||
.flex-list-element:hover {
|
||||
background: #f1f1f1;
|
||||
}
|
||||
|
||||
.flex-list-element .ct {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
padding: 5px 30px;
|
||||
}
|
||||
|
||||
.flex-list-element img {
|
||||
width: 140px;
|
||||
}
|
||||
|
||||
.relation-buttons .la {
|
||||
font-size: 35px;
|
||||
margin: 5px;
|
||||
color: var(--color-main-middle);
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.header-logo {
|
||||
background: var(--color-main);
|
||||
text-transform: uppercase;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.header-logo a {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.header-logo img {
|
||||
margin-top: 8px;;
|
||||
}
|
||||
|
||||
.detail-page-filter {
|
||||
margin-top: 120px;
|
||||
}
|
||||
|
||||
.logo-left-absolute {
|
||||
position: absolute;
|
||||
width: 200px;
|
||||
top: 25px;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.logo-center-absolute {
|
||||
position: relative;
|
||||
width: 300px;
|
||||
display: block;
|
||||
margin: 30px auto 30px;
|
||||
transform: translateX(-15px);
|
||||
}
|
||||
|
||||
.text-white {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.detail-page-breadcrumb {
|
||||
margin-top: 110px;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.detail-page-breadcrumb a {
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
position: relative;
|
||||
color: var(--color-main);
|
||||
}
|
||||
.detail-page-breadcrumb a:not(:last-child) {
|
||||
padding-right: 30px;
|
||||
}
|
||||
.detail-page-breadcrumb a:not(:last-child):after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
display: block;
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
border-bottom: 1px solid var(--color-main);
|
||||
border-right: 1px solid var(--color-main);
|
||||
margin: 0 10px 0 10px;
|
||||
transform: rotate(-45deg);
|
||||
top: 6px;
|
||||
right: 5px;
|
||||
}
|
||||
.object-detail-info {
|
||||
color: var(--color-main);
|
||||
}
|
||||
|
||||
.object-detail-info .flex .la {
|
||||
color: var(--color-main);
|
||||
font-size: 22px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.object-detail-info .flex .row-info-object {
|
||||
line-height: 21px;
|
||||
}
|
||||
.object-detail-info .row-info {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.object-detail-info .row-info b {
|
||||
font-weight: 700!important;
|
||||
}
|
||||
|
||||
|
||||
.site-bar-page {
|
||||
}
|
||||
|
||||
.site-bar-page .side-bar {
|
||||
width: 300px !important;
|
||||
min-height: 100vh;
|
||||
background: var(--color-main);
|
||||
}
|
||||
|
||||
.site-bar-page .content-body {
|
||||
width: calc(100% - 320px);
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.site-bar-page .page-header img {
|
||||
filter: brightness(0.7);
|
||||
}
|
||||
|
||||
.header-site-page-title {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
text-shadow: 0 0 2px rgba(0,0,0,0.4);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 50px;
|
||||
font-size: 50px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.article-site-bar {
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
.article-site-bar .row {
|
||||
padding: 15px 0 15px 0;
|
||||
border-bottom: 1px solid var(--color-main);
|
||||
color: var(--color-main);
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.article-site-bar .la {
|
||||
font-size: 22px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.article-site-bar .sub-row {
|
||||
line-height: 25px;
|
||||
height: 25px;
|
||||
margin-bottom: 10px;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.article-site-bar .sub-row:first-child {
|
||||
margin-bottom: 22px;
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.article-site-bar .sub-row span {
|
||||
line-height: 17px;
|
||||
}
|
||||
|
||||
.article-site-bar .sub-row a {
|
||||
color: var(--color-main) !important;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.article-site-bar .sub-row a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.article-site-bar .booking {
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.article-site-bar .booking:after {
|
||||
content: '';
|
||||
display: block;
|
||||
position: absolute;
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
border-bottom: 1px solid var(--color-main);
|
||||
border-right: 1px solid var(--color-main);
|
||||
transform: rotate(-45deg);
|
||||
right: 10px;
|
||||
top: 22px;
|
||||
}
|
||||
|
||||
.e-magazine-list {
|
||||
width: calc(100% + 20px);
|
||||
margin-left: -10px;
|
||||
}
|
||||
|
||||
.e-magazine-list .img-container {
|
||||
width: 100%;
|
||||
height: 300px;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.e-magazine-list .img-container.img-container-lib {
|
||||
width: 100%;
|
||||
height: 500px;
|
||||
}
|
||||
|
||||
.e-magazine-list .list-element {
|
||||
padding: 15px 15px 70px 15px;
|
||||
width: calc(((100% / 12) * 4) - 50px);
|
||||
position: relative;
|
||||
margin: 10px;
|
||||
background: linear-gradient(45deg, var(--color-main-brigth-ultra-2), #F5F5F5);border-radius: 5px;
|
||||
}
|
||||
|
||||
.e-magazine-list .list-element.library {
|
||||
width: calc(((100% / 12) * 3) - 50px);
|
||||
}
|
||||
|
||||
.e-magazine-list .list-element .list-title {
|
||||
color: var(--color-main-dark);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.e-magazine-list .list-element .profile-submit {
|
||||
max-width: 150px !important;
|
||||
position: absolute;
|
||||
bottom: 15px;
|
||||
}
|
||||
|
||||
.e-magazine-list .list-label {
|
||||
color: var(--color-main-middle-dark) !important;
|
||||
border: 1px solid var(--color-main-middle-dark) !important;
|
||||
background: #ffffff !important;
|
||||
}
|
||||
|
||||
.section-title {
|
||||
font-size: 18px;
|
||||
text-transform: uppercase;
|
||||
border-bottom: 1px solid var(--color-main);
|
||||
padding-bottom: 10px;
|
||||
margin-bottom: 10px;
|
||||
font-weight: bold;
|
||||
color: var(--color-main);
|
||||
}
|
||||
|
||||
|
||||
.e-book-panel {
|
||||
display: flex;
|
||||
padding: 30px;
|
||||
background: var(--color-main-brigth-ultra-2);
|
||||
width: 480px;
|
||||
border-radius: 7px;
|
||||
}
|
||||
|
||||
.poster {
|
||||
height: 350px;
|
||||
width: 250px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.poster img {
|
||||
height: 100%;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,131 @@
|
||||
|
||||
/*region [SEARCH BOX] */
|
||||
|
||||
.search-box {
|
||||
width: calc(100% - 15px);
|
||||
border-radius: 3px;
|
||||
height: auto;
|
||||
line-height: 20px;
|
||||
border: 1px solid var(--color-main-brigth);
|
||||
position: relative;
|
||||
padding: 5px 5px 5px 10px;
|
||||
background: #FFFFFF;
|
||||
}
|
||||
|
||||
|
||||
.search-box:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
display: block;
|
||||
height: 5px;
|
||||
width: 5px;
|
||||
border-bottom: 2px solid var(--color-main-dark);
|
||||
border-right: 2px solid var(--color-main-dark);
|
||||
transform: rotate(45deg);
|
||||
right: 4px;
|
||||
top: 10px;
|
||||
}
|
||||
|
||||
.search-box.open:after {
|
||||
transform: rotate(-135deg);
|
||||
top: 10px;
|
||||
}
|
||||
.search-box .selected {
|
||||
height: 100%;
|
||||
width: calc(100% - 30px);
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.search-box .selected-box {
|
||||
height: 5px;
|
||||
padding: 5px 20px 5px 5px;
|
||||
background: var(--color-main-dark);
|
||||
color: #FFFFFF;
|
||||
font-size: 12px;
|
||||
display: block;
|
||||
line-height: 5px;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
border-radius: 3px;
|
||||
margin: 1px;
|
||||
border: 1px solid #000000;
|
||||
}
|
||||
|
||||
.search-box .selected-box .close {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.search-box .selected-box .close:before,
|
||||
.search-box .selected-box .close:after {
|
||||
position: absolute;
|
||||
right: 7px;
|
||||
top: 2px;
|
||||
content: ' ';
|
||||
height: 10px;
|
||||
width: 2px;
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
.search-box .selected-box .close:before {
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
.search-box .selected-box .close:after {
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
.search-box .selected-box:hover {
|
||||
}
|
||||
.search-box .selected-box:hover .close:after,
|
||||
.search-box .selected-box:hover .close:before {
|
||||
background-color: #ff8585;
|
||||
box-shadow: 0 0 7px #000;
|
||||
}
|
||||
.search-box .list {
|
||||
position: absolute;
|
||||
width: calc(100% - 20px);
|
||||
background: #FFFFFF;
|
||||
margin-top: 10px;
|
||||
left: 0;
|
||||
border: 1px solid #cccccc;
|
||||
z-index: 100;
|
||||
padding: 10px;
|
||||
height: auto;
|
||||
display: none;
|
||||
box-shadow: 0 0 10px rgba(0,0,0, 0.3);
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.search-box .list input {
|
||||
width: calc(100% - 20px);
|
||||
height: 20px;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.search-box.open .list {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.search-box .list-item {
|
||||
font-size: 14px;
|
||||
padding: 5px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.search-box .list-items {
|
||||
margin-top: 10px;
|
||||
max-height: 200px;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
.search-box .list-item:hover, .search-box .list-item.hover {
|
||||
background: var(--color-main-brigth) !important;
|
||||
width: calc(100% - 15px);
|
||||
}
|
||||
|
||||
.search-box .list-item.selected {
|
||||
background: #f1f1f1;
|
||||
width: calc(100% - 15px);
|
||||
}
|
||||
|
||||
|
||||
/*endregion*/
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,927 @@
|
||||
.mobile-logo {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.mobile-show {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.zc-slider {
|
||||
display: none;
|
||||
}
|
||||
|
||||
header nav:first-child {
|
||||
width: 100%;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.pad-filter {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1530px) {
|
||||
|
||||
|
||||
|
||||
html {
|
||||
overflow-x: hidden !important;
|
||||
}
|
||||
:root {
|
||||
--content-width: calc(100% - 20px);
|
||||
}
|
||||
|
||||
header nav:first-child {
|
||||
width: 100%;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.slide-title, .slide-text {
|
||||
padding: 15px !important;
|
||||
}
|
||||
|
||||
.home-slider .slide-home-page img {
|
||||
right: 15px !important;
|
||||
}
|
||||
|
||||
.zc-container {
|
||||
transform: scale(0.9);
|
||||
}
|
||||
|
||||
.header-tape-logo {
|
||||
left: 40px !important;
|
||||
height: 30px;
|
||||
top: 17px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1440px) {
|
||||
:root {
|
||||
--content-width: calc(100% - 30px);
|
||||
}
|
||||
|
||||
.content {
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.content-inner {
|
||||
margin: 0 !important;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.zc-container {
|
||||
transform: scale(0.7);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1150px) {
|
||||
|
||||
|
||||
.top120 {
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
|
||||
.zc-container {
|
||||
transform: scale(0.6);
|
||||
}
|
||||
|
||||
:root {
|
||||
--content-width: calc(100% - 50px);
|
||||
}
|
||||
|
||||
.content-inner {
|
||||
width: calc(100% - 20px);
|
||||
}
|
||||
|
||||
.page-header .top-care {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.mobile-hide {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.mobile-show {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
.home-slider .header-logo {
|
||||
display: none;
|
||||
}
|
||||
|
||||
header nav {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.main-mobile-nav {
|
||||
display: block !important;
|
||||
width: calc(100% - 30px);
|
||||
}
|
||||
|
||||
.main-mobile-nav .search {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.main-mobile-nav .search input {
|
||||
width: calc(100% - 50px);
|
||||
height: 30px;
|
||||
background: var(--color-main-brigth-ultra);
|
||||
border: 0;
|
||||
padding-left: 5px;
|
||||
color: #FFFFFF;
|
||||
font-weight: bold;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.main-mobile-nav .search input:focus {
|
||||
background: #FFFFFF;
|
||||
color: var(--color-main-super-dark);
|
||||
}
|
||||
|
||||
.main-mobile-nav .search input::placeholder {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.main-mobile-nav .search .la {
|
||||
font-size: 30px;
|
||||
color: #FFFFFF;
|
||||
transform: translateY(5px);
|
||||
margin-left: 3px;
|
||||
}
|
||||
|
||||
header {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.mobile-nav-divider {
|
||||
width: calc(100% - 20px);
|
||||
height: 1px;
|
||||
background: var(--color-main-brigth-ultra-2);
|
||||
margin-bottom: 8px
|
||||
}
|
||||
|
||||
.mobile-language-switch {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
background: var(--color-main-brigth-ultra-3);
|
||||
width: 60px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
border-radius: 5px;
|
||||
margin-bottom: 20px;
|
||||
|
||||
}
|
||||
|
||||
.mobile-language-switch a {
|
||||
color: var(--color-main-super-dark) !important;
|
||||
}
|
||||
|
||||
.mobile-logo {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
width: 200px;
|
||||
left: calc(50% - 100px);
|
||||
z-index: 1001;
|
||||
}
|
||||
|
||||
.mobile-logo img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.home-slider .slide-home-page {
|
||||
height: auto !important;
|
||||
}
|
||||
|
||||
.slide-home-page img {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.slide-home-page .content-slide {
|
||||
width: 100% !important;
|
||||
max-width: 100% !important;
|
||||
text-align: center;
|
||||
justify-content: center;
|
||||
margin-top: 100px !important;
|
||||
}
|
||||
|
||||
.slide-home-page .content-slide .slide-text {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.slide-home-page .content-slide .slide-text {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.join-to-us-mobile .flex-item {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.splide-join-to-us .flex-item .item-title {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.splide-join-to-us .flex-item .item-link {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.tape-slider-join .title {
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.content-out {
|
||||
width: calc(100% - 60px);
|
||||
}
|
||||
|
||||
.splide__arrow {
|
||||
transform: translateX(0) translateY(0) !important;
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.e-library-mobile a {
|
||||
height: 450px;
|
||||
overflow-x: hidden;
|
||||
width: calc(100% - 20px);
|
||||
margin-left: 10px;
|
||||
justify-content: center;
|
||||
display: flex
|
||||
}
|
||||
|
||||
.e-library-mobile a img {
|
||||
height: 100%;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.hidden-nav {
|
||||
width: 100%;
|
||||
border-radius: 0;
|
||||
border: 0;
|
||||
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.47);
|
||||
}
|
||||
|
||||
.hidden-nav.open {
|
||||
transform: translateX(0);
|
||||
}
|
||||
|
||||
|
||||
header {
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
.pad-filter {
|
||||
display: block;
|
||||
position: fixed;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
background: rgba(0, 0, 0, 0.7);
|
||||
z-index: 100;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.hidden-nav a {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.header-partner-page-logo {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.page-header {
|
||||
height: 260px !important;
|
||||
max-height: 260px !important;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.page-header img {
|
||||
height: 100% !important;
|
||||
width: auto !important;
|
||||
}
|
||||
|
||||
.header-partner-logo {
|
||||
top: 50px !important;
|
||||
}
|
||||
|
||||
.header-partner-logo .logo-img {
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
.header-partner-logo .header-name {
|
||||
font-size: 22px !important;
|
||||
}
|
||||
|
||||
.ld {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.ld .flex {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
.ld .book-image {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.ld .book-info {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.ld .book-info .title {
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.book-description {
|
||||
padding-left: 15px !important;
|
||||
font-size: 16px !important;
|
||||
}
|
||||
|
||||
.filter-panel.show {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.filter-panel.filter-mobile{
|
||||
width: 100% !important;
|
||||
margin-left: 10px;
|
||||
margin-top: 0 !important;
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
.library.filter-open-mobile {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.e-magazine .list-element {
|
||||
width: calc(50% - 55px) !important;
|
||||
}
|
||||
|
||||
.content-body {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.all-collection-home {
|
||||
left: calc(50% - 152px) !important;
|
||||
}
|
||||
|
||||
.zc-container, .zci-hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.zc-slider {
|
||||
display: block;
|
||||
width: calc(100% - 20px);
|
||||
margin-left: 10px;
|
||||
margin-top: 110px;
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
|
||||
.zc-slider img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.zc-slider .splide__slide {
|
||||
overflow-y: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 991px) {
|
||||
|
||||
|
||||
.footer-logos {
|
||||
display: block;
|
||||
}
|
||||
.footer-logos img {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.objet-detail {
|
||||
width: calc(100% - 20px);
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
|
||||
|
||||
.objet-detail .flex {
|
||||
flex-wrap: wrap-reverse;
|
||||
}
|
||||
|
||||
.objet-detail .cw8,
|
||||
.objet-detail .cw4 {
|
||||
width: 100%;
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
.partners .flex-list-element {
|
||||
|
||||
width: calc((100%/12)*4 - 33px) !important;
|
||||
|
||||
}
|
||||
|
||||
.partners .flex-list-element .ct {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.new-collection-mobile, .exp-mobile {
|
||||
width: calc(100% - 10px);
|
||||
}
|
||||
|
||||
.tape-slider-partner {
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
.all-collection-home {
|
||||
left: calc(50% - 141px) !important;
|
||||
}
|
||||
|
||||
.top50 {
|
||||
margin-top: 25px !important;
|
||||
}
|
||||
|
||||
.zc .bottom-care.link, .expositions-home-all {
|
||||
left: calc(50% - 150px) !important;
|
||||
}
|
||||
.body.cart-data .flex:not(.flex-right) {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
.booking-panel .title {
|
||||
font-size: 16px !important;
|
||||
width: 100% !important;
|
||||
padding: 0 !important;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.body.cart-data .cw9,
|
||||
.body.cart-data .cw8,
|
||||
.body.cart-data .cw6,
|
||||
.body.cart-data .cw4,
|
||||
.body.cart-data .cw3 {
|
||||
width: 100% !important;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.order-info .total-price {
|
||||
font-size: 22px !important;
|
||||
}
|
||||
|
||||
.cart-list .price {
|
||||
font-size: 19px !important;
|
||||
}
|
||||
|
||||
.order-steps.flex {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
.order-steps.flex .cw3 {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.tab-content-panel .flex {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
.content-body .flex {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
.content-body .cw3,
|
||||
.content-body .cw4,
|
||||
.content-body .cw6 {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
input[name="payment_method"] {
|
||||
transform: scale(1.5) translateY(-20px) !important;
|
||||
}
|
||||
|
||||
.e-magazine .list-element {
|
||||
width: calc(100% - 25px) !important;
|
||||
}
|
||||
|
||||
.list-element .library .img-container {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
body {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
.home-slider .splide__pagination {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.slide-home-page .content-slide {
|
||||
margin-top: 50px !important;
|
||||
}
|
||||
|
||||
.zc-container, .zci-hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.zc-slider {
|
||||
display: block;
|
||||
width: calc(100% - 20px);
|
||||
margin-left: 10px;
|
||||
margin-top: 110px;
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
|
||||
.zc-slider img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.zc-slider .splide__slide {
|
||||
overflow-y: hidden;
|
||||
}
|
||||
|
||||
.top-care, .bottom-care {
|
||||
height: 45px !important;
|
||||
line-height: 45px !important;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.zc-slider a {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.zc-slider .title {
|
||||
position: absolute;
|
||||
color: #FFFFFF;
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
bottom: 80px;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
text-shadow: 0 0 5px var(--color-main-super-dark);
|
||||
}
|
||||
|
||||
.mobil-slider .splide__arrow {
|
||||
transform: translateX(0) translateY(0) !important;
|
||||
background: transparent !important;
|
||||
margin: 0 !important;
|
||||
border: 0 !important
|
||||
}
|
||||
|
||||
.mobil-slider .splide__arrow .la {
|
||||
color: #FFFFFF !important;
|
||||
}
|
||||
|
||||
.tape-slider-partner .splide__slide {
|
||||
padding: 0 70px;
|
||||
}
|
||||
|
||||
.tape-slider-partner .top-care {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
footer {
|
||||
height: auto !important;
|
||||
padding: 30px !important;
|
||||
width: calc(100% - 50px);
|
||||
}
|
||||
|
||||
footer .content.flex {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
footer .content .fc:nth-child(4) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
footer .content .fc:nth-child(5) .flex {
|
||||
justify-content: left !important;
|
||||
}
|
||||
|
||||
footer .content .fc.cw3 {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
/** region Articles ***/
|
||||
#list-article .flex-wrap {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
#list-article .flex-wrap .cw6 {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.article-model .article.main {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.article-model {
|
||||
height: 300px !important;
|
||||
overflow-y: hidden !important;
|
||||
display: block !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.article-model img {
|
||||
width: calc(100% - 20px) !important;
|
||||
height: auto !important;
|
||||
margin: 0 !important;
|
||||
left: 0 !important;
|
||||
}
|
||||
.splide {
|
||||
width: 100% !important;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* endregion */
|
||||
.article-content .flex {
|
||||
flex-wrap: wrap-reverse !important;
|
||||
}
|
||||
|
||||
.article-content .flex .cw8,
|
||||
.article-content .flex .cw4 {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.detail-title {
|
||||
font-size: 18px !important;
|
||||
}
|
||||
|
||||
.article-site-bar {
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
|
||||
.collection-greed .gallery {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
.gallery__item {
|
||||
width: 100%;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.gallery__item a {
|
||||
display: block;
|
||||
height: 300px;
|
||||
overflow-y: hidden;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.gallery__item {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.header-image-title {
|
||||
font-size: 18px !important;
|
||||
}
|
||||
|
||||
.collection-greed {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.collection-greed .gallery__item {
|
||||
width: calc(100% - 20px) !important;
|
||||
}
|
||||
|
||||
.object-content {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
.object-content .detail-text,
|
||||
.object-content .object-detail-info {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.collection-greed .gallery {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.modal-video.frame {
|
||||
width: calc(100% - 45px) !important;
|
||||
height: calc(100% - 10px) !important;
|
||||
max-width: calc(100% - 45px) !important;
|
||||
max-height: calc(100% - 10px) !important;
|
||||
top: 0 !important;
|
||||
left: 0 !important;
|
||||
margin: 0;
|
||||
border: 0 !important;
|
||||
}
|
||||
|
||||
.modal-video-close {
|
||||
right: 10px;
|
||||
top: 10px;
|
||||
}
|
||||
|
||||
.gallery_img.video-thumb-container {
|
||||
width: calc(100% - 50px) !important;
|
||||
}
|
||||
|
||||
.list-library {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.cart {
|
||||
left: auto !important;
|
||||
right: 0 !important;
|
||||
top: 0 !important;
|
||||
transform: translateX(0);
|
||||
z-index: 1000000000;
|
||||
border-radius: 0;
|
||||
box-shadow: 0 0 0 !important;
|
||||
position: absolute;
|
||||
background: var(--color-main-super-dark) !important;
|
||||
width: 60px !important;
|
||||
}
|
||||
|
||||
.select-date-time {
|
||||
display: block !important;
|
||||
width: calc(100% - 22px) !important;
|
||||
}
|
||||
|
||||
.booking-panel .top50 {
|
||||
margin-top: 25px !important;
|
||||
}
|
||||
.select-date-time .select-time {
|
||||
width: 100% !important;
|
||||
justify-content: left;
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
.ticket-row.ticket
|
||||
{
|
||||
display: block !important;
|
||||
height: auto !important;
|
||||
width: calc(100% - 38px) !important;
|
||||
margin-left: 10px;
|
||||
padding-left: 15px !important;
|
||||
padding-bottom: 15px !important;
|
||||
margin-bottom: 15px !important;
|
||||
}
|
||||
|
||||
.ticket-row.ticket > div {
|
||||
width: calc(100% - 100px);
|
||||
text-align: left !important;
|
||||
justify-content: left !important;
|
||||
padding: 0 !important;
|
||||
margin: 0;
|
||||
}
|
||||
.ticket-row.ticket > div.ticket-label {
|
||||
font-weight: bold;
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
|
||||
.ticket-row.total {
|
||||
width: calc(100% - 38px) !important;
|
||||
border-top: 0 !important;
|
||||
}
|
||||
|
||||
.rt {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.no-cart-data {
|
||||
padding-top: 20px !important;
|
||||
padding-bottom: 20px !important;
|
||||
}
|
||||
|
||||
.total-title {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.total-price {
|
||||
padding-top: 25px;
|
||||
}
|
||||
|
||||
.q-changer {
|
||||
width: 80px !important;
|
||||
}
|
||||
|
||||
.page-contacts {
|
||||
flex-wrap: wrap-reverse !important;
|
||||
}
|
||||
|
||||
.page-contacts .cw8,
|
||||
.page-contacts .cw4 {
|
||||
width: 100% !important;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.simple-page-header {
|
||||
height: 60px !important;
|
||||
}
|
||||
|
||||
.modal-background {
|
||||
z-index: 99999999999999999 !important;
|
||||
}
|
||||
|
||||
.modal-search-box {
|
||||
width: calc(100% - 60px);
|
||||
left: 6px !important;
|
||||
top: -65px !important;
|
||||
z-index: 99999999999999999 !important;
|
||||
position: absolute;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 640px) {
|
||||
|
||||
|
||||
.footer-logos img {
|
||||
width: 100%;
|
||||
height: auto !important;
|
||||
}
|
||||
.ld .book-image {
|
||||
width: 300px !important;
|
||||
}
|
||||
|
||||
.filter-buttons .tags {
|
||||
width: 100%;
|
||||
border-top: 1px solid var(--color-main-brigth-ultra);
|
||||
margin-top: 5px;
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
#list-article .flex-wrap .cw6 {
|
||||
width: 100% !important;
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
.detail-text {
|
||||
font-size: 17px !important;
|
||||
}
|
||||
|
||||
.detail-date {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
|
||||
.list-library {
|
||||
width: calc(100% - 20px) !important;
|
||||
display: block !important;
|
||||
background: #f6f6f6;
|
||||
margin-left: 10px;
|
||||
padding-top: 20px;
|
||||
padding-bottom: 20px;
|
||||
border-radius: 10px;
|
||||
margin-bottom: 10px !important;
|
||||
border: 1px solid #e6e6e6;
|
||||
|
||||
}
|
||||
|
||||
.list-library .poster {
|
||||
margin: 0 auto;
|
||||
}
|
||||
.library-info {
|
||||
width: calc(100% - 20px) !important;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
.partners .flex-list-element {
|
||||
width: calc((100%/12)*12 - 33px) !important;
|
||||
}
|
||||
|
||||
.panel-box
|
||||
{
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.panel-box input:not([type="checkbox"]) {
|
||||
font-size: 13px !important;
|
||||
}
|
||||
|
||||
.panel-box p {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.modal-search-box .search-result .row {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
.modal-search-box .search-result .row .cw9,
|
||||
.modal-search-box .search-result .row .cw3 {
|
||||
width: 100% !important;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.e-book-panel {
|
||||
width: calc(100% - 60px) !important;
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
.e-book-panel > div {
|
||||
padding: 0 !important;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.e-book-panel .padding10 {
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
|
||||
.e-book-panel .title-list {
|
||||
text-align: center;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
@@ -0,0 +1,103 @@
|
||||
:root {
|
||||
--items-count: 5;
|
||||
--carousel-item-width: 650px;
|
||||
}
|
||||
|
||||
.zc {
|
||||
position: relative;
|
||||
height: auto;
|
||||
margin: 53px auto 0;
|
||||
width: var(--content-width);
|
||||
}
|
||||
|
||||
.zc-container {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.zci {
|
||||
display: block;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
transition: all 0.6s;
|
||||
text-decoration: none;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.zci:not(.active) {
|
||||
width: calc((100% - var(--carousel-item-width)) / (var(--items-count) - 1));
|
||||
}
|
||||
|
||||
.zci.active {
|
||||
width: var(--carousel-item-width);
|
||||
height: 100% !important;
|
||||
}
|
||||
|
||||
.zci:after {
|
||||
position: absolute;
|
||||
content: '';
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: block;
|
||||
background: #f1f1f1;
|
||||
transition: all 1s;
|
||||
}
|
||||
|
||||
.zci.loaded:after {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.zci img {
|
||||
width: var(--carousel-item-width);
|
||||
transition: 0.5s;
|
||||
}
|
||||
|
||||
.zci:hover img {
|
||||
transform: scale(1.1);
|
||||
}
|
||||
|
||||
.zci .title {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
padding: 0 50px;
|
||||
color: #FFFFFF;
|
||||
text-align: center;
|
||||
font-family: FontLight, sans-serif;
|
||||
font-size: 28px;
|
||||
line-height: 35px;
|
||||
width: calc(var(--carousel-item-width) - 100px);
|
||||
text-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
|
||||
bottom: 90px;
|
||||
}
|
||||
|
||||
.zci:not(.active) .title {display: none}
|
||||
|
||||
.zci-hidden {
|
||||
width: var(--carousel-item-width);
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.zci-filter {
|
||||
display: block;
|
||||
content: '';
|
||||
background: linear-gradient(transparent,transparent 60%, var(--color-main-dark) 98%) !important;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
transition: 0.5s;
|
||||
}
|
||||
|
||||
.zci:hover .zci-filter {
|
||||
opacity: 0.5;
|
||||
}
|
||||
@@ -0,0 +1,94 @@
|
||||
:root {
|
||||
--items-count: 5;
|
||||
--carousel-item-width: 650px;
|
||||
}
|
||||
|
||||
.zc {
|
||||
position: relative;
|
||||
height: auto;
|
||||
width: var(--content-width);
|
||||
margin: 53px auto 0;
|
||||
}
|
||||
|
||||
.zc-container {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.zci {
|
||||
display: block;
|
||||
position: absolute;
|
||||
height: auto;
|
||||
left: calc(50% - var(--carousel-item-width)/2);
|
||||
overflow: hidden;
|
||||
transition: all 0.3s;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.zci:after {
|
||||
position: absolute;
|
||||
content: '';
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: block;
|
||||
background: #f1f1f1;
|
||||
transition: all 1s;
|
||||
}
|
||||
.zci.loaded:after {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.zci img {
|
||||
width: var(--carousel-item-width);
|
||||
transition: 0.5s;
|
||||
border-radius: 8px;
|
||||
background: #FFFFFF;
|
||||
}
|
||||
|
||||
.zci:hover img {
|
||||
transform: scale(1.1);
|
||||
}
|
||||
|
||||
.zci .title {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
padding: 0 50px;
|
||||
color: #FFFFFF;
|
||||
text-align: center;
|
||||
font-size: 25px;
|
||||
line-height: 30px;
|
||||
width: calc(var(--carousel-item-width) - 100px);
|
||||
text-shadow: 0 0 5px rgba(0,0,0,0.3);
|
||||
bottom: 90px;
|
||||
}
|
||||
|
||||
.zci-hidden {
|
||||
width: var(--carousel-item-width);
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
height: 450px;
|
||||
}
|
||||
|
||||
|
||||
.zci-filter {
|
||||
display: block;
|
||||
content: '';
|
||||
background: linear-gradient(transparent,transparent 60%, var(--color-main-dark) 98%) !important;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
transition: 0.5s;
|
||||
}
|
||||
|
||||
.zci:hover .zci-filter {
|
||||
opacity: 0.5;
|
||||
}
|
||||
@@ -0,0 +1,84 @@
|
||||
:root {
|
||||
--carousel-item-width: 680px
|
||||
}
|
||||
|
||||
.zoom-carousel {
|
||||
position: relative;
|
||||
height: auto;
|
||||
width: var(--content-width);
|
||||
margin: 53px auto 0;
|
||||
}
|
||||
|
||||
.zoom-carousel-container {
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
}
|
||||
|
||||
.zoom-carousel-item {
|
||||
overflow: hidden !important;
|
||||
transition: all 0.6s;
|
||||
position: relative;
|
||||
}
|
||||
.zoom-carousel-item:not(:hover) {
|
||||
width: calc((100% - var(--carousel-item-width))/4);
|
||||
}
|
||||
.zoom-carousel-item:hover, .zoom-carousel-item.hover {
|
||||
width: var(--carousel-item-width);
|
||||
}
|
||||
|
||||
.zci-filter {
|
||||
display: block;
|
||||
content: '';
|
||||
background: linear-gradient(transparent,transparent 40%, var(--color-main-dark) 95%) !important;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
transition: 0.5s;
|
||||
}
|
||||
|
||||
.zoom-carousel-item:hover img {
|
||||
transform: scale(1.2);
|
||||
}
|
||||
.zoom-carousel-item:hover .zci-filter {
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.zoom-carousel-item:hover .title {
|
||||
text-shadow: 0 0 5px rgba(0,0,0,0.8);
|
||||
}
|
||||
|
||||
.zoom-carousel-item img {
|
||||
width: var(--carousel-item-width);
|
||||
display: block;
|
||||
transition: all 0.6s;
|
||||
}
|
||||
|
||||
.zoom-carousel-item .title {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
padding: 0 50px;
|
||||
color: #FFFFFF;
|
||||
text-align: center;
|
||||
font-family: FontLight, sans-serif;
|
||||
font-size: 32px;
|
||||
line-height: 35px;
|
||||
width: calc(var(--carousel-item-width) - 100px);
|
||||
text-shadow: 0 0 5px rgba(0,0,0,0.3);
|
||||
bottom: 90px;
|
||||
}
|
||||
|
||||
.zoom-carousel-item-hidden {
|
||||
width: var(--carousel-item-width);
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user