styles.scss
1.55 KB
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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
@import "reset";
@import "variables";
@import "mixins";
@import "html";
@import "text";
@import "grid";
@import "blocks";
@import "buttons";
@import "forms";
header hr {
margin-top: 0;
}
header .menu {
margin-bottom: 0;
list-style: none;
li {
display: inline-block;
margin-left: $-m;
}
}
.page-title input {
display: block;
width: 100%;
font-size: 1.4em;
}
.overlay {
background-color: rgba(0, 0, 0, 0.2);
position: fixed;
display: block;
z-index: 95536;
width: 100%;
height: 100%;
min-width: 100%;
min-height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
#image-manager {
background-color: #EEE;
max-width: 90%;
max-height: 90%;
width: 90%;
height: 90%;
margin: 2% 5%;
//border: 2px solid $primary;
border-radius: 4px;
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
overflow: hidden;
.image-manager-display img {
width: 150px;
height: 150px;
display: inline-block;
margin: $-s 0 0 $-s;
cursor: pointer;
}
}
.image-manager-left {
background-color: #FFF;
height: 100%;
width: 100%;
text-align: left;
.image-manager-display {
height: 75%;
width: 100%;
text-align: left;
overflow-y: scroll;
}
}
.image-manager-title {
font-size: 2em;
text-align: left;
margin: 0 $-m;
padding: $-xl $-m;
color: #666;
border-bottom: 1px solid #DDD;
}
.image-manager-dropzone {
background-color: lighten($primary, 40%);
height: 25%;
text-align: center;
font-size: 2em;
line-height: 2em;
padding-top: $-xl*1.2;
color: #666;
border-top: 2px solid $primary;
}