Un thème pour moderniser SensCritique, avec dark-mode, meilleure gestion images entre autres.
目前为
/* ==UserStyle==
@name SensCritique - Philou Edition
@description Un thème pour moderniser SensCritique, avec dark-mode, meilleure gestion images entre autres.
@version 1.0.0
@namespace https://phileas.tv/
==/UserStyle== */
/* Thème personnalisé pour SensCritique
Crée par Philéas
https://www.senscritique.com/phileas_imt
https://phileas.tv
Surcouche du thème dark mode
de
https://userstyles.org/styles/147711/senscritique-th-me-sombre
Enjoy ! */
@-moz-document domain("senscritique.com") {
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
:root {
--dark: #18191c;
--grey: #202225;
--lightgrey: #a5a5a5;
--blue: #428cff;
--blue2: #5d85dd;
--lightblue: #66a0ff;
--green: #0ad06f;
--bg: var(--dark);
--bg2: var(--grey);
--text: var(--lightgrey);
--border: rgba(255, 255, 255, .05);
--loader-mask: rgba(0, 0, 0.3);
--link: var(--blue);
--link-hover: var(--blue2)
}
.auli-header,
.auli-register,
.cag-calendar-day.inactive,
.csa-filters-action,
.d-dialog-body,
.d-grid .pmin-grid-aside,
.d-modal-footer,
.d-modal-header,
.d-rubric-description,
.efcom-subComment,
.eldi-timeline-dot,
.eldi-timeline-year,
.elme-search-result,
.elsh-shelf::after,
.elsh-shelf::before,
.ere-review,
.etco-comment-form textarea,
.header,
.header-placeholder,
.header-user-ratings,
.hint-feed,
.hint-quotes,
.hint-rubric,
.patl-list-search,
.pep-casting tr:nth-child(2n+1),
.pmin-list,
.pmin-message-field,
.ued-account-preview,
.uvi-ranking-toggle,
.vein-location-form,
.wrap,
[class^="Header__Wrapper"],
.header-explorer,
[class^="EditList__Container"],
[class^="TopPolls__Container"],
[class^="ListComment__Container"],
[class^="TopPolls__Wrapper"],
.wrap,
.wrap__content,
body {
background-color: var(--bg) !important
}
.acin-focus,
.autograf-contribute,
.cag-calendar-day,
.csa-scouts,
.csa-scouts-inactive,
.d-dialog-close,
.d-dialog-footer,
.d-filter2,
.d-modal-body,
.d-modal-close,
.d-modal-content,
.d-modal-footer,
.d-rubric-highlighted,
.d-rubric-inset,
.d-rubric-menu,
.d-tabs,
.ecap-products:hover .ecap-resultsLabel-goTo,
.ecot-contact-caption:hover,
.ecot-contact:hover .ecot-contact-caption,
.efco-rightCol,
.efto-topic.highlight,
.eivi-message-preview.active,
.eivi-message-preview:hover,
.elco-review,
.eldi-collection-item,
.elfa-attachment,
.elme-search-result:nth-child(even),
.elme-search-results-actions,
.elpa-product-collection,
.elpo-rank,
.elt-tracks-item:nth-child(odd),
.eptvt-episodes-list,
.esco-more:hover,
.eshv-shout-box,
.etco-comment,
.evs-venuesSchedules,
.foin-filters,
.fov-newTopic-container,
.header::before,
.hint-friends,
.laho-nav-navFilter:not(.active):not(.disabled):hover,
.lascmc-modal-review .d-modal-content,
.lascmc-tabItem,
.lascmc-tabs,
.lvi-likes-callToAction,
.lvi-update-content,
.nin-privileges,
.pde-data tr:nth-child(odd),
.pde-detail:nth-child(odd),
.pin-poll-item,
.pmin-message-fieldset,
.pmin-toolbar,
.pse-episode:nth-child(even),
.pse-season,
.pvi-emptyTopic,
.pvi-rubric-inset,
.pvi-shout-mine textarea,
.pvi-venues,
.pvid-social,
.rvi-review,
.rvi-review-social,
.scsec-social-buttons,
.scsec-user,
.scsec-user-collection,
.uinv-links-content,
.uve-details,
.uve-versus,
.uvi-stats-global,
.uvi-versus,
.vibp-item,
[class^="ProductSearchResult__Container"],
[class^="SearchUserComponent__MainContainer"],
.laho-nav-navFilter.active,
[class^="ProductListItem__Container"],
[class^="PollItem__ContentBottom"],
.pvi-setup-progress-message,
[class^="common__ItemsContainer"],
[class^="EditListHeader__Container"],
[class^="TrendingSidebar__StyledH3"],
[class^="PollYearSidebar__Container"],
[class^="PollYearSidebar__LinkBottom"],
.ccv-product,
[class^="TrendingSidebarItem__Wrapper"],
[class^="TrendingSidebar__LinkBottom"] {
background-color: var(--bg2) !important
}
.laho-nav-navFilter.active::after {
border-left-color: var(--bg2) !important
}
.d-modal-body::after,
.d-rubric-inset,
.eptvt-episode-aired-date,
.fov-newTopic-container,
.lafo-footer,
.pvi-emptyTopic,
.pvi-rubric-inset,
.pvid-social,
.rad-product,
.uvi-versus,
.wrap {
background-image: none !important
}
.d-loader-mask,
.emkt-quote,
.eptvt-episode-action-done:hover,
.eptvt-episode-item:hover,
.foin-newTopic-container,
.pse-episode-number,
.pse-season-item.active,
.vein-navigation-item.active {
background-color: rgba(255, 255, 255, 0.1) !important
}
.d-filter1.active,
.vein-navigation-item {
background-color: var(--bg2) !important
}
.elli-option,
.uco-menu .d-tabs {
background-color: transparent !important
}
.cag-calendar-day.active {
background-color: #243842 !important
}
.pse-action-done:hover {
background-color: #666 !important
}
.ecot-contact-caption {
background-color: rgba(0, 0, 0, .7)
}
.acin-achievements-label,
.csa-activity-username,
.cvi-knownproducts-product,
.d-filter1.active,
.d-modal-title,
.eas-rubric-title,
.ecap-products:hover .ecap-resultsLabel-goTo,
.ecot-contact-caption,
.efcom-comment > *,
.efcom-comment > a,
.efcom-comment-footer,
.efcom-subComment > *,
.efcom-subComment > a,
.elco-anchor,
.elpa-product-collection .epri-score,
.elpo-rank-item,
.elt-tracks-title .d-link-alt,
.elth-thumbnail-heading,
.ere-review-excerpt,
.ere-review-heading,
.eshv-shout-box,
.esli-realname,
.esli-username,
.etco-comment-form textarea,
.evs-venuesSchedules-day,
.evs-venuesSchedules-showtimes-label,
.fov-topic-text,
.header-navigation-main-item a,
.header-user-name,
.ivein-item-link,
.ivein-item-name,
.lahe-breadcrumb-content,
.laho-navFilter-label,
.lascmc-tabItem,
.nin-date-span,
.nin-line-agenda-product-title,
.pep-episode-title,
.pmin-message-field,
.poip-poll-title,
.ppr-details,
.prdt-activity-username,
.prind-item,
.psa-answers-scout,
.pvi-shout-mine textarea,
.pvi-shout-minearea::placeholder,
.rvi-poster,
.rvi-review-content,
.uvi-ranking-title,
.uvi-stats-label,
.uvi-versus-count,
[class^="ProductSearchResult__Container"] [class^="Texts__Text"],
.sk-hierarchical-menu-option__text,
.sk-item-list-option__text,
[class^="CommentInput__Input"],
.product-providers__title,
body {
color: var(--text) !important;
text-shadow: none !important
}
input.vein-navigation-search-input::placeholder {
color: #fff !important
}
.d-tabs-item:not(.active) {
color: #bdbebf
}
.d-tabs-item:hover,
.pmin-toolbar-anchor,
.pmin-toolbar-anchor:hover {
color: #3774d4
}
._3R0guj2uziOY9DOsZtgFBa,
.cvi-title .d-link-alt,
.d-modal-content,
.d-rubric-menu,
.elli-annotation,
.elpt-product-ranking,
.ere-versus,
.header-navigation-universe-item a,
.patl-listItems-label,
[class^="EditAnnotationItem__AnnotationWrapper"] {
color: #343434 !important
}
[class^="EditAnnotationItem__EditionWrapper"] textarea {
color: white !important
}
.d-filter2.active,
.d-filter2:hover,
.d-filter3.toggle,
.d-modal-header,
.d-tabs-button:hover,
.eas-rubric-title,
.eas-title,
.ecap-resultsLabel-goTo,
.ecvi-title,
.efcom-comment-text,
.eivi-message-preview.active .eivi-message-message,
.elag-item .d-link-alt,
.elag-item.d-link-alt,
.eldi-collection-rating .epri-score,
.elfs-story-info,
.elmv-miniview-title2,
.elrb-heading,
.elth-thumbnail-descr,
.eptvt-episode-aired-date,
.ere-related-anchor,
.esfr-anchor,
.fov-topic-statCount,
.fov-topic-stats,
.ivein-item-desc,
.lafo-footer-anchor,
.lafo-resume-item,
.psa-answers-row:hover .psa-answers-totalCount,
.pvid-label,
.rad-scOptions-action,
.rvi-related-anchor,
.uvi-liked-date,
.uvi-ranking-anchor,
.uvi-ranking-toggle,
.uvi-versus-more {
color: #7d7e7f !important
}
.cag-month-label,
.d-heading2,
.d-link-alt,
.d-modal-content,
.elco-anchor,
.eldi-timeline-year,
.elen-item-title,
.elfa-attachment-title,
.elfs-story-actor,
.elth-thumbnail-heading,
.epca-title,
.lkim-user-username,
.uvi-liked-label,
.uvi-ranking-anchor,
[class^="ProductListItem__Title"],
.sk-range-input__input {
color: #e2e2e2 !important
}
.acin-focus,
.cag-calendar-day,
.csa-filters-action,
.csa-scouts-activity,
.d-border-top,
.d-cover-naked,
.d-filter2,
.d-grid .pmin-grid-aside,
.d-grid .pmin-grid-main,
.d-modal-header,
.d-rubric-border,
.d-rubric-highlighted,
.d-rubric-inset,
.ecap-products:hover .ecap-resultsLabel-goTo,
.ecli-item,
.ecot-contact-caption,
.efco-rightCol,
.efcom-subComment,
.efto-topic,
.efto-topic.highlight,
.eivi-message,
.elco-collection-item,
.elco-collection-rating.user,
.eldi-list-item.eldi-new-date.year::before,
.eldi-list::after,
.eldi-timeline-dot,
.elfs-story,
.elli-annotation-button,
.elli-item,
.elme-description-update,
.elpo-item,
.elpr-item,
.elt-tracks-item,
.elth-thumbnail,
.eptvt-episode-item,
.ere-review,
.ere-versus-review + .ere-versus-review,
.esco-item,
.eshv-shout-box,
.esli-item,
.etco-comment,
.etco-comment-form textarea,
.etco-component,
.evs-venuesSchedules,
.foin-newTopic-container,
.fov-newTopic-container,
.fov-topicAuthor,
.hint-feed,
.hint-rubric,
.hoin-feed-filter,
.hoin-feed-filters,
.ivein-item,
.lafo-footer,
.lafo-footer,
.laho-listingTitle,
.laho-nav,
.laho-nav-navFilter:not(.active):not(.disabled):hover,
.lvi-likes-callToAction,
.nin-line,
.pdrt-container,
.pmin-message-field,
.pmin-message-fieldset,
.pmin-toolbar,
.pmin-toolbar-main,
.pse-episode .pse-actions,
.pvi-emptyTopic,
.pvi-season-item,
.pvi-shout-mine textarea,
.rad-product,
.rvi-related-product,
.rvi-review,
.sin-heading,
.ued-group,
.uinv-links-content,
.uve-details,
.uve-graph + .uve-graph,
.uve-user + .uve-user,
.uvi-ranking-toggle,
.uvi-versus,
.vein-location-form,
.vein-navigation,
.vibp-item {
border-color: var(--border) !important
}
.etco-component::after {
border-bottom-color: var(--bg2) !important
}
[class^="TrendingSidebarItem__Wrapper"] {
border-bottom-color: var(--bg) !important
}
.header-user-ratings {
border: 1px solid var(--border)
}
.efco-box::after,
.eldi-collection-item::before,
.fov-userComment-container::after {
border-right-color: #222 !important
}
.eshv-shout-box.shoutWithUser::before,
.pvi-shout-mine::after {
border-top-color: #343434 !important
}
.pvi-shout-mine::after {
z-index: -1
}
.efco-box::before,
.fov-userComment-container::before {
border-right-color: #343434
}
.eshv-shout-box.shoutWithUser::after,
.pse-season::after {
border-top-color: var(--bg2) !important
}
.pse-episode .pse-action-done {
border-color: #666 !important
}
.pse-episode .pse-action-done {
border-color: var(--bg) !important;
margin-right: -20px
}
form.d-modal-body {
padding-bottom: 0;
border-bottom: 1px solid var(--border)
}
.etco-component {
border: none
}
input.laho-nav-searchField {
padding: 8px 0 8px 35px;
width: 95%
}
.prdt-ratings-activity,
[class^="TrendingSidebar__Container"] {
background: none;
border-bottom: 1px dashed var(--border)
}
.elth-thumbnail {
height: 215px
}
.csa-scouts .csa_stat {
cursor: pointer
}
.cen-refresh-list,
.d-button,
.d-button-xl,
.d-rubric-inset,
.elfa-attachment-button,
.elt-tracks-item:not(:hover) td,
.header-navigation-universe-others,
.header-user-infos-options,
[class^="ProductListItem__Container"],
[class^="PollItem__Wrapper"],
[class^="common__ItemsContainer"],
[class^="EditListHeader__Container"],
[class^="PollYearSidebar__Container"],
[class^="TrendingSidebar__Container"] {
box-shadow: none !important
}
.eipa-anchor,
.eipa-current {
border: none !important
}
.cin-reset-filters.active .eins-delete,
.d-dialog-close .eins-delete,
.d-modal-close .eins-delete,
.ecap-products-resultsLabel .eins-sprite,
.eins-clock,
.eins-feed-small,
.eins-friends-small,
.eins-logo-small,
.elco-product-detail .eins-sprite.eins-settings,
.elli-option .eins-sprite,
.pvi-season-progress .eins-settings,
.vein-navigation .eins-sprite {
filter: invert(1)
}
.eins-done.black {
background-position: 0 -200px !important
}
.csa_stats .csa_stat .csa_icon {
background: transparent url("https://static.senscritique.com/img/product/sprite_rating.png") no-repeat 0 0;
width: 16px;
height: 16px;
display: inline-block
}
.csa_scouts_more {
background: transparent url("https://static.senscritique.com/img/product/sprite_rating.png") 0 0;
background-position-x: 38px;
filter: invert(1)
}
.elag-item.type-1,
.elth-thumbnail-heading.type-1::before,
.epca-cover.type-1 {
border-color: #31ACE0
}
.elag-item.type-2,
.elth-thumbnail-heading.type-2::before,
.epca-cover.type-2 {
border-color: #FCDD34
}
.elag-item.type-3,
.elth-thumbnail-heading.type-3::before,
.epca-cover.type-3 {
border-color: #FF4500
}
.elag-item.type-4,
.elth-thumbnail-heading.type-4::before,
.epca-cover.type-4 {
border-color: #43E4F7
}
.elag-item.type-5,
.elth-thumbnail-heading.type-5::before,
.epca-cover.type-5 {
border-color: #FF9200
}
.elag-item.type-6,
.elth-thumbnail-heading.type-6::before,
.epca-cover.type-6 {
border-color: #E171E2
}
.hint-top-product.type-1::before,
.pvi-tops10 .pvi-tops10-value1,
.uvi-ranking-item.type-1 .uvi-ranking-anchor::before {
color: #31ACE0 !important
}
.hint-top-product.type-2::before,
.pvi-tops10 .pvi-tops10-value2,
.uvi-ranking-item.type-2 .uvi-ranking-anchor::before {
color: #FCDD34 !important
}
.hint-top-product.type-3::before,
.pvi-tops10 .pvi-tops10-value3,
.uvi-ranking-item.type-3 .uvi-ranking-anchor::before {
color: #FF4500 !important
}
.hint-top-product.type-4::before,
.pvi-tops10 .pvi-tops10-value4,
.uvi-ranking-item.type-4 .uvi-ranking-anchor::before {
color: #43E4F7 !important
}
.hint-top-product.type-5::before,
.pvi-tops10 .pvi-tops10-value5,
.uvi-ranking-item.type-5 .uvi-ranking-anchor::before {
color: #FF9200 !important
}
.hint-top-product.type-6::before,
.pvi-tops10 .pvi-tops10-value6,
.uvi-ranking-item.type-6 .uvi-ranking-anchor::before {
color: #E171E2 !important
}
.epba-badge.type-1 .epba-no-badge::after,
.pvi-poll-rank.type-1 {
background-color: #31ACE0
}
.epba-badge.type-2 .epba-no-badge::after,
.pvi-poll-rank.type-2 {
background-color: #FCDD34
}
.epba-badge.type-3 .epba-no-badge::after,
.pvi-poll-rank.type-3 {
background-color: #FF4500
}
.epba-badge.type-4 .epba-no-badge::after,
.pvi-poll-rank.type-4 {
background-color: #43E4F7
}
.epba-badge.type-5 .epba-no-badge::after,
.pvi-poll-rank.type-5 {
background-color: #FF9200
}
.epba-badge.type-6 .epba-no-badge::after,
.pvi-poll-rank.type-6 {
background-color: #E171E2
}
.efto-topic-universe.type-1::before {
background-color: #31ACE0
}
.efto-topic-universe.type-2::before {
background-color: #FCDD34
}
.efto-topic-universe.type-3::before {
background-color: #FF4500
}
.efto-topic-universe.type-4::before {
background-color: #43E4F7
}
.efto-topic-universe.type-5::before {
background-color: #FF9200
}
.efto-topic-universe.type-6::before {
background-color: #E171E2
}
.efto-topic-universe.type-1::before {
background-color: #31ACE0
}
.efto-topic-universe.type-2::before {
background-color: #FCDD34
}
.efto-topic-universe.type-3::before {
background-color: #FF4500
}
.efto-topic-universe.type-4::before {
background-color: #43E4F7
}
.efto-topic-universe.type-5::before {
background-color: #FF9200
}
.efto-topic-universe.type-6::before {
background-color: #E171E2
}
.lahe-breadcrumb-content.first-level.type-1::before {
background-color: #31ACE0
}
.lahe-breadcrumb-content.first-level.type-2::before {
background-color: #FCDD34
}
.lahe-breadcrumb-content.first-level.type-3::before {
background-color: #FF4500
}
.lahe-breadcrumb-content.first-level.type-4::before {
background-color: #43E4F7
}
.lahe-breadcrumb-content.first-level.type-5::before {
background-color: #FF9200
}
.lahe-breadcrumb-content.first-level.type-6::before {
background-color: #E171E2
}
.efta-topicTag1:first-child {
background-color: #31ACE0
}
.efta-topicTag2:first-child {
background-color: #FCDD34
}
.efta-topicTag3:first-child {
background-color: #FF4500
}
.efta-topicTag4:first-child {
background-color: #43E4F7
}
.efta-topicTag5:first-child {
background-color: #FF9200
}
.efta-topicTag6:first-child {
background-color: #E171E2
}
.patl-listItems.type-1 .patl-listItems-item {
border-color: #31ACE0
}
.patl-listItems.type-2 .patl-listItems-item {
border-color: #FCDD34
}
.patl-listItems.type-3 .patl-listItems-item {
border-color: #FF4500
}
.patl-listItems.type-4 .patl-listItems-item {
border-color: #43E4F7
}
.patl-listItems.type-5 .patl-listItems-item {
border-color: #FF9200
}
.patl-listItems.type-6 .patl-listItems-item {
border-color: #E171E2
}
.eipa-anchor,
.eipa-current {
background-color: var(--border);
color: #e2e2e2
}
.eipa-current {
background-color: #3774d4
}
.eipa-anchor:hover {
background-color: #686868;
color: #e2e2e2
}
.cin-filter .d-filter3-active.active,
.csa-scouts-more,
.d-filter1,
.d-link,
.d-tabs-item.active,
.elfs-footer-action,
.elfs-story-more,
.elic-countlike,
.eptvt-next-button,
.lahe-breadcrumb-anchor,
a {
color: var(--link)
}
.csa-scouts-more:hover,
.d-filter1:hover,
.d-link:hover,
.elfs-story-more:hover,
.elic-countlike:hover,
.eptvt-next-button:hover,
.lahe-breadcrumb-anchor:hover,
.pse-episode-details:hover,
a:hover {
color: var(--link-hover)
}
.d-tabs-item.active,
.d-tabs-item:hover {
border-bottom-color: #3775d3
}
.elfs-footer-action {
color: #5d85dd !important
}
/* MODIFICATIONS
PAR
PHILEAS
A
PARTIR
D'ICI
*/
/* G L O B A L */
:root {
--paddingimgproduit: 45vh;
--paddingprofil: 30vh;
--taille-header: 145px;
--taille-header-negatif: -145px;
--taille-avatar-user: 60px; /* Default : 50px, recommandé : 60px */
}
body {
font-family:'Space Grotesk', sans-serif;
}
/* Avatar users plus gros */
.d-avatar {
border-radius: 50px;
height: var(--taille-avatar-user);
width: var(--taille-avatar-user);
margin-right: 20px;
}
/* Marge commentaire plus grande */
.etco-comment-form {
margin-left:80px !important;
}
/* Toutes les images légèrement arrondie */
img {
border-radius: 5px;
}
/*
F O N T S
*/
h1 {
font-family: 'Space Grotesk' !important;
font-weight: bold;
}
.pvi-product-year {
font-family: 'Space Mono';
}
h4 {
font-family: 'Space Grotesk' !important;
}
.d-heading2-opt {
font-family: 'Space Grotesk';
color: white;
font-weight: 600;
}
.d-rubric {
margin-bottom: 50px;
margin-top: 50px;
}
a .header-navigation-main-item {
color: white;
}
.d-heading2.ere-review-heading {
font-family: 'IBM Plex Serif';
}
.ere-review-excerpt {
font-family: IBM Plex Serif;
font-weight: 200;
}
.d-heading2.ere-review-heading {
font-weight: 400;
}
.d-heading2-opt {
font-weight: 800;
}
.pvi-hero-overlay {
background-image: linear-gradient(to bottom,#0000009c 0,rgba(0, 0, 0, 0) 100%);
height: 100%;
}
.pvi-hero-product, .pvi-product-originaltitle {
text-shadow: 5px 5px 10px black;
}
/*
R E C H E R C H E
*/
/* Titres blancs dans la recherche */
.idRPzT {
color: rgb(255, 255, 255);
}
.hNzGvG {
color: white;
}
.la-dDOZ {
color: white;
}
/*
H E A D E R
*/
/* Barre de recherhce ronde transparente et texte/icone blanc */
._21m6Rw6g7EXxTEFyhikpLe {
background-color: transparent;
}
#header-autocomplete {
background-color: transparent;
}
._1ubz4flJX9nhcvdMnRV6CA {
border: 1px solid white;
border-radius: 30px;
fill: white;
}
._25jdusMm9PFEdy9TPVD0IK[type="search"], ._25jdusMm9PFEdy9TPVD0IK[type="text"] {
color: #fff;
}
.header-user-infos-link {
font-size: 9pt;
}
.header-explorer {
text-shadow: 2px 2px 10px black;
}
.header-user-name {
font-family: 'Space Grotesk';
}
/* Conserver le fond de du sticky header */
.header.sticky {
background-color: var(--dark) !important
}
/* Icone notifs par google font */
.eins-notification-header {
background:url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white" width="40px" height="18px"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2zm-2 1H8v-6c0-2.48 1.51-4.5 4-4.5s4 2.02 4 4.5v6z"/></svg>');
height:23px;
width:38px;
font-size: x-large;
background-size: 55px;
}
/* Meilleur spacing dans header */
.header-explorer {
color: var(--blue);
margin-left: 16px;
}
@media only screen and (min-width: 1025px) {
.header-user {
/* width: 285px; */
width: 305px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 580px) and (max-width: 767px) {
.isConnected .header-input {
width: calc(100% - 120px - 40px);
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 580px) and (max-width: 767px) {
.isConnected .header-user {
/* width: 120px; */
width: 135px;
}
}
/* Actions users en noir avec Space Mono */
.elrua-useraction-action {
background-color: #000;
border-bottom: 0px;
}
.elrua-useraction-action.scout {
font-family: 'Space Mono', monospace;
font-weight: bold;
}
/* Textes actions en vert */
.elrua-useraction .elrua-useraction-inner.only-child {
display:inline-block;
text-align:center;
color: var(--green);
}
/*
P A G E S P R O D U I T
*/
/* Etoiles remplacées */
.eins-rate.active {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230ad06f' width='35px' height='35px'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/svg%3E");
height: 35px;
width: 35px;
animation: 0.3s ease-in-out 0s 1 growIn;
}
.eins-rate {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white' width='35px' height='35px'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z'/%3E%3C/svg%3E");
height: 35px;
width: 35px;
}
/* Tags sur page produit en dark mode */
.popcornstags {
background-color: #000;
}
.popcornstags__title {
color: white;
}
.popcornstags__title-container {
fill: white !important;
}
.header-user-ratings {
border: none !important;
}
._1ubz4flJX9nhcvdMnRV6CA {
padding-left: 20px;
}
/* Texte Explorer Dark mode */
a.header-explorer {
background-color: transparent !important;
}
/* Virer le fil d'arianne */
.lahe-breadcrumb-anchor {
visibility: hidden;
}
.lahe-breadcrumb-anchor, .lahe-breadcrumb-item {
visibility: hidden;
}
.lahe-breadcrumb-divider {
visibility: hidden;
}
/* Bouton comment vert */
.elfa-attachment-button-share:hover, input.etco-comment-submit:hover {
/* background: #f0f0f0; */
background: var(--green);
}
input.etco-comment-submit {
background-color: var(--dark);
border-color: var(--green);
border-width: 2px;
color: white;
}
.etco-comment-options, input.etco-comment-submit {
/* border-radius: 5px; */
border-radius: 20px;
}
/* Grandes images sur page produit */
div.wrap, div.header-placeholder, header.header {
background-color: transparent !important;
}
@media screen and (min-height: 930px) {
.pvi-hero-content {
/* padding-top: 210px; */
padding-top: var(--paddingimgproduit);
}
}
/* Fond gradient au-dessus du header */
.pvi-hero-overlay::before {
position: absolute;
top: 0;
left: 0;
height: 35%;
width: 100%;
background: linear-gradient(to bottom,#0000009c 0,rgba(0, 0, 0, 0) 100%);
content: "";
}
.pvi-hero {
position: relative;
top: -145px;
margin-bottom: -145px;
/* -webkit-mask-image: -webkit-linear-gradient(black, transparent 0%, black); */
}
div.d-grid-extend:nth-child(1) {
margin-bottom: -145px;
}
.header::before {
height:0px;
}
.pvi-hero::after {
height: 100%;
width: 100%;
position: absolute;
top: 0px;
left: 0px;
background-image: inherit;
filter: blur(30px);
background-clip: inherit;
background-size: cover;
-webkit-mask-image: linear-gradient(0deg, transparent 60%, black);
}
.pvi-product-scrating { /* Note sur image avec ombre */
text-shadow: 5px 5px 5px #000000a3;
}
/* Boutons admin positionnés */
.pvi-hero-stats {
position: absolute;
top: 0;
z-index: 9999999;
}
.pvi-distrib-button {
top: 0;
position: absolute;
right: 70px;
z-index: 9999999;
}
/* Page produit - Panneau éclaireur dark */
.csa-scouts-ratings {
background-color: var(--dark);
}
/*
H O M E
*/
/* Grandes images sur Home Page */
.ecbi-billboard-container {
top: var(--taille-header-negatif);
margin-bottom: var(--taille-header-negatif);
}
.ecbi-billboard-item {
height: calc(380px + var(--taille-header) + 15vh);
}
.ecbi-billboard-nav {
top: var(--taille-header-negatif);
}
.ecbi-billboard {
-webkit-mask-image: -webkit-linear-gradient(black, transparent 0%, black 25%);
}
.ecbi-billboard-popularItem {
border-radius: 5px;
}
.hoin-title {
color: white;
}
/*
P R O F I L
*/
.uco-cover {
top: var(--taille-header-negatif);
margin-bottom: var(--taille-header-negatif);
-webkit-mask-image: -webkit-linear-gradient(black, transparent 0%, black);
}
.uco-cover-container {
height: 460px;
}
.uco-cover {
height: 480px;
background-position: center;
}
.uco-cover-updateCover {
top: var(--taille-header);
}
/* Page Profil - Avatar Rond */
.uco-cover-avatar {
border-radius: 65px;
box-shadow: 5px 5px 20px black;
}
/* Produits avec bordure ronde */
a .elsh-product {
border-radius: 10px;
}
/* Grandes images sur autres onglet page produit */
.d-cover-strip {
position: relative;
top: var(--taille-header-negatif);
margin-bottom: var(--taille-header-negatif);
}
.d-cover-overlay {
padding-top: var(--paddingimgproduit);
}
/* Transition Produit */
@-webkit-keyframes growIn {
0% {
-webkit-transform: scale(0.2);
opacity:0;
}
50% {
-webkit-transform: scale(1.2);
}
100% {
-webkit-transform: scale(1);
opacity:1;
}
}
@keyframes growIn {
0% {
transform: scale(0.2);
opacity:0;
}
50% {
transform: scale(1.2);
}
100% {
transform: scale(1);
opacity:1;
}
}
.pvi-hero.naked .pvi-hero-overlay {
padding-top: 175px;
}
/* Petits boutons action sur page produit */
.d-button.pvi-product-scaction, .d-button.pvi-product-contextmenu {
content: "";
font-size: 0px;
border-radius: 30px;
width: 40px;
height: 40px;
background-color: #00000075;
}
.eins-current.blue, .eins-current.green, .eins-current.white .d-button.pvi-product-scaction {
position: relative;
left: -5px;
top: 3px;
}
.eins-recommend.blue, .eins-review.blue, .eins-current.green, .eins-current.white, .eins-sprite.eins-wish.blue {
position: relative;
top: 3px;
left: -4px;
}
.eins-sprite.eins-extend {
position: relative;
left: -2px;
}
/* Transition home page */
.d-media.small.d-product-checked-wrapper.pvi-hero-figure {
animation: 0.5s ease-in-out 0s 1 growIn;
animation-delay: 1s;
animation-fill-mode: forwards;
opacity: 0;
}
.ecbi-billboard-popularItem {
animation: 0.5s ease-in-out 0s 1 growIn;
animation-delay: 1s;
animation-fill-mode: forwards;
opacity: 0;
}
/*
L I S T E S
*/
#list-cover {
background-size: cover;
height: var(--paddingimgproduit);
margin-bottom: -250px;
-webkit-mask-image: -webkit-linear-gradient(black, transparent 0%, black 25%);
}
.d-coverEdito {
background: var(--dark);
}
.d-grid.d-rubric-description {
border-radius: 50px;
border: none;
}
.elcv-cover-updateCover {
top: var(--taille-header);
}
/* Titre des listes blanc */
.elme-listTitle {
color: white;
}
/* Page listes - Carrés notes dark mode */
.erra-ratings {
background: black;
border: none;
}
.erra-global {
color: white;
}
}
QingJ © 2025
镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址