blob: ebf946979ae7c0597586b37d02905dd4905932b6 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
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;
}
|
