diff --git a/xstyle.css b/xstyle.css index 0676ff2..41cc24e 100644 --- a/xstyle.css +++ b/xstyle.css @@ -1,94 +1,112 @@ @-moz-document domain("opendigitaleducation.com") { - .container section.main { - backdrop-filter: blur(30px); - background: rgba(255, 255, 255, 0.66) !important; - border-radius: 24px 24px 0 0 !important; - } - .navbar { - backdrop-filter: blur(30px); - background-image: linear-gradient( rgba(255, 255, 255, 0.90), rgba(255, 255, 255, 0.66)) !important; - } - ul.icons-tabs { - top: 30px; - } - div[ng-include="template.containers.main"] > input[type=search] { - margin: auto; - width: 90%; - /* margin: 0 50px; */ - border: none; - border-bottom: 1px solid darkgrey; - background: none; - /* padding: 0 50px; */ - float: none; - } - .notification { - border: none; - border-radius: 12px; - background: rgba(255, 255, 255, 0.80); - } - .widgets .news, - .qwant, - .qwant-junior, - .mood-widget, - .dicodelazone, - .widgets .recorder--audio, - .birthday { - border: none; - border-radius: 12px; - } - .widgets h1 { - border-radius: 12px 12px 0 0 !important; - text-align: center; - } - .widgets .news .new { - border-radius: 0 0 12px 12px; - } - .drop-down-block { - padding: 10px; - border-radius: 12px; - /*transition: background-color 500ms linear, margin 500ms linear;*/ - transition: background-color 100ms cubic-bezier(0.22, 0.61, 0.36, 1); - margin-bottom: 30px; - } - .drop-down-block:hover { - background: rgba(255, 255, 255, 0.66); - } - .drop-down-block.slided { - background: rgba(255, 255, 255, 0.66); - /*margin-bottom: 30px;*/ - } - .drop-down-label, - .drop-down-label:hover { - border: none !important; - margin-bottom: 0 !important; - } - .drop-down-block .drop-down-label + .drop-down-info { - top: 0; - padding: 1.5em; - } - .chip { - transition: all 100ms cubic-bezier(0.22, 0.61, 0.36, 1); - background: none; - box-shadow: 0px 0px 0px 1px darkgray !important; - text-shadow: none !important; - } - .chip *, - .chip > i { - color: gray !important; - } - .chip:hover { - /*box-shadow: 0px 0px 0px 2px white !important;*/ - } - .chip.selected { - box-shadow: none !important; - } - .chip.selected > * { - color: white !important; - } - .chip.multiselect { - box-shadow: none !important; - } - .chip.multiselect * { - color: white !important; - } + body, + .navbar .welcome-message { + font-family: Calibri, "Segoe UI", Alef, sans-serif; + } + h1, + h1 a, + nav.horizontal a + { + font-family: Rancho, "Bubblegum Sans", sans-serif; + font-weight: normal; + } + .navbar .welcome-message { + font-size: initial; + } + .container section.main { + backdrop-filter: blur(30px); + background: rgba(255, 255, 255, 0.66) !important; + border-radius: 24px 24px 0 0 !important; + } + .navbar { + backdrop-filter: blur(30px); + background-image: linear-gradient( rgba(255, 255, 255, 0.90), rgba(255, 255, 255, 0.66)) !important; + } + ul.icons-tabs { + top: 30px; + } + div[ng-include="template.containers.main"] > input[type=search] { + margin: auto; + width: 90%; + /* margin: 0 50px; */ + border: none; + border-bottom: 1px solid darkgrey; + background: none; + /* padding: 0 50px; */ + float: none; + } + .notification { + border: none !important; + border-radius: 12px; + background: rgba(255, 255, 255, 0.80); + } + .widgets .news, + .qwant, + .qwant-junior, + .mood-widget, + .dicodelazone, + .widgets .recorder--audio, + .birthday { + border: none; + border-radius: 12px; + } + .widgets h1 { + border-radius: 12px 12px 0 0 !important; + text-align: center; + } + .widgets .news .new { + border-radius: 0 0 12px 12px; + } + div:not(.simple-notifications)>.notification i.sticker.app::before { + text-shadow:none; + } + .drop-down-block { + padding: 10px; + border-radius: 12px; + /*transition: background-color 500ms linear, margin 500ms linear;*/ + transition: background-color 100ms cubic-bezier(0.22, 0.61, 0.36, 1); + margin-bottom: 30px; + } + .drop-down-block:hover { + background: rgba(255, 255, 255, 0.66); + } + .drop-down-block.slided { + background: rgba(255, 255, 255, 0.66); + /*margin-bottom: 30px;*/ + } + .drop-down-label, + .drop-down-label:hover { + border: none !important; + margin-bottom: 0 !important; + } + .drop-down-block .drop-down-label + .drop-down-info { + top: 0; + padding: 1.5em; + } + .chip { + transition: all 100ms cubic-bezier(0.22, 0.61, 0.36, 1); + background: none; + box-shadow: 0px 0px 0px 1px darkgray !important; + text-shadow: none !important; + } + .chip *, + .chip > i { + color: gray !important; + } + .chip:hover { + /*box-shadow: 0px 0px 0px 2px white !important;*/ + } + .chip.selected, + div:not(.simple-notifications)>.notification i.sticker.app { + box-shadow: none !important; + } + .chip.selected > * { + color: white !important; + } + .chip.multiselect { + box-shadow: none !important; + } + .chip.multiselect * { + color: white !important; + } } \ No newline at end of file