added some docs and illustrations

2020-07-07 18:48:21 +02:00
parent 84a2ef3eb6
commit a1b766cfe6
5 changed files with 109 additions and 1 deletions
--- a/xstyle.css
+++ b/xstyle.css
@@ -0,0 +1,94 @@
+@-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;
+    }
+}