initial commit 2

1 files changed, 79 insertions, 0 deletions

diff --git a/addons/website/static/src/scss/website.editor.ui.scss b/addons/website/static/src/scss/website.editor.ui.scss
new file mode 100644
index 00000000..ebf94697
--- /dev/null
+++ b/addons/website/static/src/scss/website.editor.ui.scss
@@ -0,0 +1,79 @@
+
+.o_homepage_editor_welcome_message {
+    padding-top: 128px;
+    padding-bottom: 128px;
+    font-family: Roboto, $font-family-sans-serif;
+}
+
+// INPUTS
+$o-we-switch-size: 2ex !default;
+$o-we-switch-inactive-color: #F7F7F7 !default;
+.o_switch {
+    display: flex;
+    align-items: center;
+    font-weight: normal;
+    cursor: pointer;
+
+    > input {
+        display: none;
+
+        + span {
+            background-color: $o-we-switch-inactive-color;
+            box-shadow: inset 0 0 0px 1px darken($o-we-switch-inactive-color, 10%);
+            border-radius: 100rem;
+            height: $o-we-switch-size;
+            width: $o-we-switch-size * 1.8;
+            margin-right: 0.5em;
+            display: inline-block;
+            transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
+
+            &:after {
+                content: "";
+                background: white;
+                display: block;
+                width: $o-we-switch-size - 0.2;
+                height: $o-we-switch-size - 0.2;
+                margin-top: 0.1ex;
+                margin-left: 0.1ex;
+                border-radius: 100rem;
+                transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
+                box-shadow: 0 1px 1px darken($o-we-switch-inactive-color, 35%), inset 0 0 0 1px lighten($o-we-switch-inactive-color, 10%);
+            }
+        }
+
+        &:checked+span {
+            box-shadow: none;
+            background: $o-we-color-success;
+
+            &:after {
+                margin-left: ($o-we-switch-size*1.8 - $o-we-switch-size) + 0.1;
+            }
+        }
+    }
+
+    &.o_switch_danger {
+        >input {
+            &:not(:checked)+span {
+                box-shadow: none;
+                background: $o-we-color-danger;
+            }
+        }
+    }
+}
+
+.o_new_content_loader_container {
+    background-color: rgba($o-shadow-color, .9);
+    pointer-events: all;
+    font-size: 3.5rem;
+    justify-content: center;
+    z-index: $zindex-modal - 1;
+}
+.o_new_content_loader {
+    position: relative;
+    display: inline-block;
+    width: 400px;
+    height: 220px;
+    background-image: url('/website/static/src/img/theme_loader.gif');
+    background-size: cover;
+    border-radius: 6px;
+}