/* Regles statiques dependant des CSS custom properties --color-client / --color-client-secondary posees en attribut style sur (header.php), et classes remplacant les anciens attributs style="..." inline pour permettre une CSP sans 'unsafe-inline' sur script-src/style-src-elem. */ .bg-client { background-color: rgb(var(--color-client) / var(--tw-bg-opacity)); } .bg-client-25 { background-color: rgb(var(--color-client) / 0.25); } .bg-client-75 { background-color: rgb(var(--color-client) / 0.75); } .text-client { color: rgb(var(--color-client) / var(--tw-text-opacity)); } .ring-client { --tw-ring-color: rgb(var(--color-client) / var(--tw-ring-opacity)); } .border-client { border-color: rgb(var(--color-client) / var(--tw-border-opacity)); } .hover\:border-client:hover { --tw-border-opacity: 1; border-color: rgb(var(--color-client) / var(--tw-border-opacity)); } .bg-client-secondary { background-color: rgb(var(--color-client-secondary) / var(--tw-bg-opacity)); } .text-client-secondary { color: rgb(var(--color-client-secondary) / var(--tw-text-opacity)); } .ring-client-secondary { --tw-ring-color: rgb(var(--color-client-secondary) / var(--tw-ring-opacity)); } .border-client-secondary { border-color: rgb(var(--color-client-secondary) / var(--tw-border-opacity)); } /* fallback */ @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(../iconfont/MaterialIcons-Regular.eot); /* For IE6-8 */ src: local('Material Icons'), local('MaterialIcons-Regular'), url(../iconfont/MaterialIcons-Regular.woff2) format('woff2'), url(../iconfont/MaterialIcons-Regular.woff) format('woff'), url(../iconfont/MaterialIcons-Regular.ttf) format('truetype'); } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE.*/ font-feature-settings: 'liga'; } .mask-avatar { mask: url('/img/ProfilTA-adulte.svg') 0 0; -webkit-mask: url('/img/ProfilTA-adulte.svg') 0 0; background: black; } .mask-jeunesse { mask: url('/img/Icone-jeunesse.svg') 0 0; -webkit-mask: url('/img/Icone-jeunesse.svg') 0 0; } .bg-tenk-card { background-image: url('/img/support/tenk-bg.jpg'); background-size: cover; } .bg-mangasio-card { background-image: url('/img/support/mangasio-bg.svg'); background-repeat: no-repeat; background-position-x: right; background-size: cover; } .selection-bg { background-color: var(--selection-color); }