Release 4.0.2
[DeezloaderRemix.git] / app / public / css / style.css
1 body {
2         background-color: white;
3 }
4
5 #initializing {
6         z-index: 98;
7         position: fixed;
8         width: 100%;
9         height: 100%;
10 }
11
12 *:focus{
13         outline-color: #3f51b5;
14 }
15
16 #initializing>div {
17         width: 100%;
18 }
19
20 .resize-padding{
21         -webkit-app-region: no-drag !important;
22         margin:0px;
23 }
24
25 #title-bar {
26         -webkit-user-select: none;
27         -webkit-app-region: drag;
28         overflow: hidden !important;
29         position: fixed;
30         width: 100%;
31         left: 0;
32         top: 0;
33         right: 0;
34         z-index: 99;
35         height: 32px;
36         line-height: 32px;
37         background-color: #3a3a3a;
38         padding: 0;
39         margin: 0;
40         -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
41         box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
42 }
43
44 #title-bar #title {
45         position: absolute;
46         top: 0px;
47         left: 6px;
48         color: #fff;
49 }
50
51 #title-bar #title-bar-btns {
52         -webkit-user-select: none;
53         -webkit-app-region: no-drag;
54         position: absolute;
55         top: 0px;
56         right: 6px;
57 }
58
59 #title-bar #title-bar-btns button {
60         line-height: 0px;
61         height: 32px;
62         background-color: transparent;
63         border: none;
64         color: #F1F1F1;
65         font-size: 14px;
66         padding: 0 3px;
67         -webkit-transition: 0.2s;
68         -o-transition: 0.2s;
69         transition: 0.2s;
70 }
71
72 #title-bar #title-bar-btns button:hover {
73         background: rgba(255, 255, 255, 0.1);
74 }
75
76 #title-bar #title-bar-btns {
77         right: 0px !important;
78 }
79
80 #title-bar #title-bar-btns i {
81         font-size: 20px;
82         padding: 0 10px;
83 }
84
85 nav {
86         background-image: url("../img/bg.jpg");
87         height: 256px;
88         -webkit-background-size: cover;
89         background-size: cover;
90         overflow: auto;
91         position: relative;
92         top: -1px;
93         margin-top: 32px;
94         padding-top: 12px;
95 }
96
97 nav .brand-logo{
98         margin-left: 24px;
99 }
100
101 nav .description {
102         font-size: 20px;
103         font-weight: 300;
104         padding: 8px 0;
105         margin: 0px;
106         padding-bottom: 20px;
107 }
108
109 nav .description:after {
110         content: "";
111         display: block;
112         width: 20%;
113         position: relative;
114         height: 2px;
115         background-color: #fff;
116         text-align: center;
117         margin: 0 auto;
118         top: 16px;
119         margin-bottom: 24px;
120 }
121
122 .nav-content{
123         background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.50) 100%);
124         height: auto;
125 }
126
127 .container {
128         margin-top: 12px;
129         margin-bottom: 50px;
130 }
131 #tab-nav {
132         padding-left: 8px;
133         padding-right: 8px;
134 }
135
136 #main-content{
137         margin-top: 12px;
138 }
139
140 .inline-input-group {
141         width: 100%;
142         display: -webkit-box;
143         display: -webkit-flex;
144         display: flex;
145         overflow: hidden;
146         -webkit-box-pack: start;
147         -webkit-justify-content: flex-start;
148         justify-content: flex-start;
149         -webkit-align-content: space-between;
150         align-content: space-between;
151 }
152
153 .inline-input-group>* {
154         margin-left: 5px !important;
155         margin-right: 5px !important;
156 }
157
158 .loadingTab tr{
159         background-color: transparent !important;
160 }
161
162 ::-webkit-scrollbar {
163         height: 4px;
164         width: 4px;
165 }
166
167 ::-webkit-scrollbar-track {
168         background: #fafafa;
169 }
170
171 ::-webkit-scrollbar-thumb {
172         -webkit-border-radius: 5px;
173         border-radius: 5px;
174         background: #7986CB;
175 }
176
177 body::-webkit-scrollbar {
178         width: 10px;
179 }
180
181 body::-webkit-scrollbar-track {
182         background: #3a3a3a;
183 }
184
185 body::-webkit-scrollbar-thumb {
186         background: #5C6BC0;
187 }
188
189 footer.page-footer{
190         width: 100%;
191         bottom:0;
192         position: fixed;
193         left: 0;
194         height: 50px;
195         z-index: 99;
196         padding-top: 0;
197         color: rgba(255,255,255,0.7)
198 }
199
200 a.single-cover {
201   position: relative;
202   display: inline-block;
203 }
204
205 .preview_controls {
206         opacity: 0;
207   display: block;
208   background: rgba(0, 0, 0, .5);
209         width: 56px;
210         height: 56px;
211         text-align: center;
212         line-height: 56px;
213   position: absolute;
214         border-radius: 28px;
215   top: 0;
216   right: 0;
217 }
218
219 :not(input):not(textarea),
220 :not(input):not(textarea)::after,
221 :not(input):not(textarea)::before {
222     -webkit-user-select: none;
223     user-select: none;
224     cursor: default;
225 }
226 input, button, textarea, :focus {
227     outline: none; // You should add some other style for :focus to help UX/a11y
228 }
229
230 a:not([draggable=true]), img:not([draggable=true]) {
231     -webkit-user-drag: none;
232     user-drag: none; /* Technically not supported in Electron yet */
233 }
234 a[href^="http://"],
235 a[href^="https://"],
236 a[href^="ftp://"] {
237     -webkit-user-drag: auto;
238     user-drag: auto; /* Technically not supported in Electron yet */
239 }