ODE/Open-Sand-One
ODE/Open-Sand-One
1
1
Fork 0
Code Issues Pull Requests Releases Wiki Activity

feat: experimentation with new fonts. Small fixes.

Browse Source
This commit is contained in:
Simon Priet 2020-07-18 15:48:06 +02:00
parent a1b766cfe6
commit 4b2b0793fe
1 changed files with 110 additions and 92 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

202
xstyle.css
View File

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