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