custom.css
custom.css
— 10.1 KB
Contenu du fichier
body.section-homepage .mosaic-grid-row-list { margin-top: 20px; } body.section-homepage .mosaic-grid-row-list .mosaic-position-leftmost { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media (min-width: 992px) { body.section-homepage .mosaic-grid-row-list .mosaic-position-leftmost { float: left; width: 100%; } } @media (min-width: 1200px) { body.section-homepage .mosaic-grid-row-list .mosaic-position-leftmost { float: left; width: 23.33333333%; } } body.section-homepage .mosaic-grid-row-list .mosaic-width-three-quarters { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media (min-width: 992px) { body.section-homepage .mosaic-grid-row-list .mosaic-width-three-quarters { float: left; width: 100%; } } @media (min-width: 1200px) { body.section-homepage .mosaic-grid-row-list .mosaic-width-three-quarters { float: left; width: 76.66666667%; } } body.section-homepage .mosaic-plone\.app\.standardtiles\.contentlisting-tile ul { margin: 0; padding: 0; list-style: none; } body.section-homepage .mosaic-plone\.app\.standardtiles\.contentlisting-tile ul > li { margin-bottom: 38px; } body.section-homepage .mosaic-plone\.app\.standardtiles\.contentlisting-tile ul > li .item { background: #fff; padding-bottom: 26px; -webkit-box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.2); } body.section-homepage .mosaic-plone\.app\.standardtiles\.contentlisting-tile ul > li .item .header .image { padding-top: 56%; background-color: #F5F5F5; background-size: cover; background-position: center center; background-repeat: no-repeat; border: 1px solid #fff; } body.section-homepage .mosaic-plone\.app\.standardtiles\.contentlisting-tile ul > li .item .header h2 { display: block; margin: 0; padding: 1.1em 28px 0.6em 28px; font-family: "Fontin", Georgia, "Times New Roman", Times, serif; font-size: 22px; font-weight: normal; color: #331832; line-height: 1em; } body.section-homepage .mosaic-plone\.app\.standardtiles\.contentlisting-tile ul > li .item .header .top-layer { display: none; } body.section-homepage .mosaic-plone\.app\.standardtiles\.contentlisting-tile ul > li .item .description { font-size: 18px; color: #909090; margin: 0 28px; display: block; position: relative; overflow: hidden; max-height: 7.5em; background-color: #fff; line-height: 1.25em; } body.section-homepage .mosaic-plone\.app\.standardtiles\.contentlisting-tile ul > li .item .description:before { background-color: inherit; position: absolute; content: "…"; padding-left: 0.2em; right: 0; top: 6.25em; } body.section-homepage .mosaic-plone\.app\.standardtiles\.contentlisting-tile ul > li .item .description:after { content: ""; height: 100%; width: 100%; background-color: inherit; position: absolute; } body.section-homepage .mosaic-plone\.app\.standardtiles\.contentlisting-tile ul > li .read-more { padding: 10px 28px 0 28px; } body.section-homepage .mosaic-plone\.app\.standardtiles\.contentlisting-tile ul > li .read-more > a { text-align: center; padding: 0.62em 0; font-size: 18px; line-height: 1.42857143; border-radius: 0; color: #FF0D00; background-color: #fff; border: 1px solid #FF0D00; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; width: 100%; } body.section-homepage .mosaic-plone\.app\.standardtiles\.contentlisting-tile ul > li .read-more > a:hover, body.section-homepage .mosaic-plone\.app\.standardtiles\.contentlisting-tile ul > li .read-more > a:active, body.section-homepage .mosaic-plone\.app\.standardtiles\.contentlisting-tile ul > li .read-more > a:focus { text-decoration: none; } body.section-homepage .mosaic-plone\.app\.standardtiles\.contentlisting-tile ul > li .read-more > a:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #FF0D00; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } body.section-homepage .mosaic-plone\.app\.standardtiles\.contentlisting-tile ul > li .read-more > a:hover, body.section-homepage .mosaic-plone\.app\.standardtiles\.contentlisting-tile ul > li .read-more > a:focus, body.section-homepage .mosaic-plone\.app\.standardtiles\.contentlisting-tile ul > li .read-more > a:active { color: #fff; } body.section-homepage .mosaic-plone\.app\.standardtiles\.contentlisting-tile ul > li .read-more > a:hover:before, body.section-homepage .mosaic-plone\.app\.standardtiles\.contentlisting-tile ul > li .read-more > a:focus:before, body.section-homepage .mosaic-plone\.app\.standardtiles\.contentlisting-tile ul > li .read-more > a:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); } @media (min-width: 768px) { body.section-homepage .mosaic-plone\.app\.standardtiles\.contentlisting-tile ul { margin: 0 -15px; } body.section-homepage .mosaic-plone\.app\.standardtiles\.contentlisting-tile ul > li { display: inline-block; width: 49.5%; vertical-align: top; padding: 0 15px; } body.section-homepage .mosaic-plone\.app\.standardtiles\.contentlisting-tile ul > li .item { position: relative; } body.section-homepage .mosaic-plone\.app\.standardtiles\.contentlisting-tile ul > li .item .header:hover .top-layer { opacity: 1; filter: alpha(opacity=100); } body.section-homepage .mosaic-plone\.app\.standardtiles\.contentlisting-tile ul > li .item .header .top-layer { opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.8); display: block; z-index: 1; } body.section-homepage .mosaic-plone\.app\.standardtiles\.contentlisting-tile ul > li .item .header .top-layer > a { position: absolute; top: 50%; left: 50%; margin-top: -1.75em; margin-left: 0 !important; -webkit-transform: translateX(-50%) !important; transform: translateX(-50%) !important; text-align: center; padding: 0.75em 2.25em; font-size: 16px; line-height: 1.42857143; border-radius: 0; color: #fff; background-color: #FF0D00; border: 1px solid #FF0D00; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } body.section-homepage .mosaic-plone\.app\.standardtiles\.contentlisting-tile ul > li .item .header .top-layer > a:hover, body.section-homepage .mosaic-plone\.app\.standardtiles\.contentlisting-tile ul > li .item .header .top-layer > a:active, body.section-homepage .mosaic-plone\.app\.standardtiles\.contentlisting-tile ul > li .item .header .top-layer > a:focus { text-decoration: none; } body.section-homepage .mosaic-plone\.app\.standardtiles\.contentlisting-tile ul > li .item .header .top-layer > a:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #fff; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } body.section-homepage .mosaic-plone\.app\.standardtiles\.contentlisting-tile ul > li .item .header .top-layer > a:hover, body.section-homepage .mosaic-plone\.app\.standardtiles\.contentlisting-tile ul > li .item .header .top-layer > a:focus, body.section-homepage .mosaic-plone\.app\.standardtiles\.contentlisting-tile ul > li .item .header .top-layer > a:active { color: #FF0D00; } body.section-homepage .mosaic-plone\.app\.standardtiles\.contentlisting-tile ul > li .item .header .top-layer > a:hover:before, body.section-homepage .mosaic-plone\.app\.standardtiles\.contentlisting-tile ul > li .item .header .top-layer > a:focus:before, body.section-homepage .mosaic-plone\.app\.standardtiles\.contentlisting-tile ul > li .item .header .top-layer > a:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); } body.section-homepage .mosaic-plone\.app\.standardtiles\.contentlisting-tile ul > li .item .description { font-size: 16px; } body.section-homepage .mosaic-plone\.app\.standardtiles\.contentlisting-tile ul > li .item .read-more, { display: none; } } body.section-homepage .viewlet-slideshow ul > li { display: inline; width: 100%; margin-bottom: 0px; padding: 0px; }