PluginProbe
UpdraftCentral Dashboard / 0.4.3
UpdraftCentral Dashboard v0.4.3
0.8.33 0.7.2 0.7.3 0.7.4 0.8.0 0.8.1 0.8.10 0.8.11 0.8.12 0.8.13 0.8.14 0.8.15 0.8.16 0.8.17 0.8.18 0.8.19 0.8.2 0.8.20 0.8.21 0.8.22 0.8.23 0.8.24 0.8.25 0.8.26 0.8.27 All 51 releases
updraftcentral / css / mobile.css

mobile.css in UpdraftCentral Dashboard 0.4.3, at css/mobile.css

573 lines 14.6 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 .updraft-mobile-menu{
2 display: inline;
3 color:white;
4 font-size: 48px;
5
6 }
7
8
9 @media (max-width: 582px) {
10 .updraftcentral_row_container {
11 text-align: initial;
12 }
13
14 .updraft-menu-item-links:nth-child(2) {
15 border-left: none;
16 }
17
18 .updraftcentral_row_container .updraftcentral-show-in-tab-backups {
19 width: 50px;
20 font-size: 0;
21 }
22
23 .updraft-mobile-menu span {
24 font-size: 200%;
25 color: #fff;
26 }
27
28 .updraft_existing_backups_row {
29 display: inline-block;
30 width: 100%;
31 }
32
33 .updraftcentral-show-in-tab-backups {
34 font-size: 0;
35 }
36
37 div.dropdown.updraft-dropdown.updraftcentral_rowmenu {
38 top: 4px;
39 }
40
41 div.updraft_site_settings_output table th {
42 display: table;
43 }
44
45 .updraft_site_settings_output button.button-primary, .updraft_site_settings_output input.button-primary {
46 margin-left: 0;
47 padding: 0.25rem 0.25rem;
48 text-align: left;
49 font-size: .775rem;
50
51 }
52
53 div.col-sm-12.updraftcentral_row_extracontents {
54 margin-left: 0.2em;
55 margin-right: 0.2em;
56 padding-left: 0.275em;
57 padding-right: 0.275em;
58 }
59
60 .updraft_existing_backups_output > .dashicons-image-rotate, .updraft_site_settings_output > .dashicons-image-rotate, .updraft_module_output > .dashicons-image-rotate {
61 top: initial;
62 }
63
64 span.dashicons.dashicons-editor-expand.updraft-full-screen {
65 display: none;
66 }
67
68 td.updraft_existingbackup_date {
69 text-align: center;
70 }
71
72 h2.updraft_settings_sectionheading {
73 font-size: 1.2375rem;
74 }
75
76 .updraft_site_settings_output {
77 font-size: 0.7em;
78 }
79
80 #updraftcentral_dashboard_existingsites .updraftcentral_row_extracontents .updraft_site_settings_output td {
81 border-left: 3px solid #ccc;
82 }
83
84 #updraftcentral_dashboard_existingsites .updraftcentral_row_extracontents .updraft_site_settings_output td:empty, #updraftcentral_dashboard_existingsites .updraftcentral_row_extracontents .updraft_site_settings_output td[colspan="2"] {
85 border-left: none;
86 }
87
88 #updraftcentral_dashboard_existingsites .updraftcentral_row_extracontents .updraft_site_settings_output tr#remote_storage_tabs td, #updraftcentral_dashboard_existingsites .updraftcentral_row_extracontents .updraft_site_settings_output tr.updraftplusmethod td {
89 border: none;
90 }
91
92 .additional-rule-width {
93 margin-top: 5px;
94 }
95
96 td input[type="text"].updraft_split_every {
97 width: 65%;
98 }
99
100 input.labelauty + label {
101 height: 85px;
102 }
103
104 div.updraftcentral_notice div.updraftcentral_notice_contents h2 {
105 font-size: 1em;
106 }
107
108 div.updraftmessage.updated.fade p {
109 font-style: italic;
110 font-size: 0.9em;
111 }
112
113 div.updraft_site_settings_output table:nth-child(4) th[colspan="2"] h2.updraft_settings_sectionheading {
114 white-space: nowrap;
115 }
116
117 input.labelauty + label > span.labelauty-unchecked, input.labelauty + label > span.labelauty-checked {
118 display: block;
119 }
120
121 #updraftcentral_dashboard_existingsites .updraftcentral_row_extracontents .updraft_site_settings_output #remote-storage-container {
122 -webkit-column-count: 2 !important;
123 -moz-column-count: 2 !important;
124 -ms-column-count: 2 !important;
125 column-count: 2 !important;
126 }
127
128 #updraft-central-navigation .updraft-menu-item-links:nth-last-child:focus, #updraft-central-navigation .updraft-menu-item-links:nth-last-child:hover {
129 border-radius: 0 0 10px 10px;
130 }
131
132 }
133
134 @media (min-width: 583px) {
135
136 span.dashicons.dashicons-editor-expand.updraft-full-screen {
137 display: inline-block;
138 }
139
140 div.updraft_site_settings_output table th {
141 display: table-cell;
142 }
143
144 /* Important is needed to over-ride the in-line style which is added by jQuery .toggle() */
145 #updraftcentral_dashboard .updraft-menu-item-links {
146 display: inline-block !important;
147 }
148 }
149
150 @media (max-width: 415px) {
151 #updraftcentral_dashboard_existingsites {
152 width: 100%;
153 padding: 3px;
154 }
155
156 div.updraft_site_title, div.updraft_site_actions {
157 min-width: auto;
158 margin-left: 0;
159 max-width: 185px;
160 font-size: 14px;
161 }
162
163 .updraft-mobile-menu {
164 display: inline-block;
165 }
166
167 .updraft-mobile-menu span {
168 font-size: 200%;
169 position: relative;
170 left: 70%;
171 bottom: 10%;
172 color: #fff;
173 }
174
175 button.row_siteinfo {
176 font-size: 0;
177 margin-left: 10px;
178 min-width: initial;
179 }
180
181 button.updraftcentral_site_dashboard {
182 min-width: initial;
183 font-size: 0;
184 }
185
186 div.download-backups {
187 margin: 10px 0;
188 padding: 3px;
189 }
190
191 .updraft_download_button, .restore-button, .updraftplus-remove, .updraft-viewlogdiv {
192 margin: 5px 1px;
193 padding: 5px;
194 display: block;
195 text-align: center;
196 margin: 5px auto;
197 }
198
199 .restore-button {
200 padding: 0;
201 margin: 0;
202 }
203
204 .restore-button button {
205 display: initial;
206 }
207
208 .download-backups {
209 margin: 0;
210 padding: 0;
211 margin-top: 10px;
212 }
213
214 .updraftcentral_site_url_after_description {
215 max-width: 185px;
216 display: block;
217 }
218 }
219
220 @media (max-width: 320px) {
221 button.row_siteinfo {
222 margin-left: 0;
223 }
224 }
225
226 @media (max-width: 415px) and (min-width: 375px) {
227
228 .updraft-mobile-menu span {
229 left: 110%;
230 }
231
232 .updraftcentral_site_dashboard {
233 float: left;
234 }
235 }
236
237 @media (max-width: 769px) and (min-width: 416px) {
238
239 div.updraft_site_actions {
240 margin-left: 0;
241 }
242
243 #updraftcentral_dashboard_existingsites {
244 width: 100%;
245 }
246 }
247
248 @media (max-width: 867px) and (min-width: 415px) {
249 div.updraft_site_actions {
250 margin-left: 0;
251 font-size: 0;
252 min-width: initial;
253 }
254
255 div.updraft_site_actions, button.updraftcentral_site_dashboard, div.updraft_site_actions button {
256 min-width: initial;
257 font-size: 0;
258 }
259
260 .updraftcentral_site_dashboard {
261 position: relative;
262 top: 4px;
263 }
264 }
265
266 @media (max-width: 1141px) and (min-width: 1022px) {
267 .updraftplus-remove {
268 padding: 10px;
269 }
270 }
271
272 @media (max-width: 1211px) and (min-width: 733px) {
273 div.updraft_site_actions {
274 margin-left: 0;
275 }
276
277 .updraft_download_button {
278 width: 93px;
279 margin: 5px 2px 0 2px;
280 display: inline-block;
281 padding: 6px;
282 }
283 }
284
285 @media (max-width: 1010px) {
286 .updraftcentral_row_container button.updraftcentral-show-in-tab-backups {
287 font-size: 0;
288 }
289 }
290
291 @media (max-width: 1276px) {
292 button.updraftcentral_site_backup_now ,
293 button.updraftcentral_site_backups_manage,
294 button.updraftcentral_site_backup_settings {
295 font-size: 0;
296 }
297 }
298
299 /* Dropdown menu media queries */
300 @media (max-width: 767px) {
301 .navbar-nav .dropdown-submenu > a:before {
302 margin-top: 8px;
303 border-color: inherit;
304 border-style: solid;
305 border-width: 4px 4px 0;
306 border-left-color: transparent;
307 border-right-color: transparent;
308 }
309 .navbar-nav .dropdown-submenu > a {
310 padding-left: 40px;
311 }
312 .navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > a,
313 .navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > label {
314 padding-left: 35px;
315 }
316 .navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > a,
317 .navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > label {
318 padding-left: 45px;
319 }
320 .navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a,
321 .navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > label {
322 padding-left: 55px;
323 }
324 .navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a,
325 .navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > label {
326 padding-left: 65px;
327 }
328 .navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a,
329 .navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > label {
330 padding-left: 75px;
331 }
332 .navbar-inverse .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a:before {
333 border-top-color: #ffffff;
334 }
335 .navbar-default .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a:before {
336 border-top-color: #555555;
337 }
338 }
339 .navbar-default .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a,
340 .navbar-default .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a:hover,
341 .navbar-default .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a:focus {
342 background-color: #e7e7e7;
343 color: #555555;
344 }
345 .navbar-inverse .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a,
346 .navbar-inverse .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a:hover,
347 .navbar-inverse .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a:focus {
348 background-color: #080808;
349 color: #ffffff;
350 }
351
352 @media (max-width: 910px) {
353 .updraftcentral_action_box .btn {
354 margin: 0px 3%;
355 overflow: hidden;
356 margin-top: 4px;
357 }
358 }
359
360 @media (max-width: 500px) {
361 button.updraftcentral_action_choose_another_site.btn {
362 font-size: 0;
363 min-width: initial;
364 width: 50px;
365 }
366 }
367
368 @media (max-width: 363px) {
369 .updraftcentral_action_box .btn.btn-info-outline {
370 font-size: 0;
371 min-width: initial;
372 width: 50px;
373 }
374 }
375
376 @media (max-width: 790px) {
377 .updraft_site_settings_output table.form-table:nth-child(1),
378 .updraft_site_settings_output table.form-table:nth-child(3) {
379 width: 95%;
380 margin: 0 auto;
381 }
382
383 .updraft_site_settings_output input[type="text"], .updraft_site_settings_output input[type="email"], .updraft_site_settings_output input[type="url"], .updraft_site_settings_output input[type="password"], .updraft_site_settings_output input[type="search"], .updraft_site_settings_output input[type="tel"], .updraft_site_settings_output textarea, .updraft_site_settings_output select, #updraft_include_others_exclude input[type="text"], #updraft_include_uploads_exclude, #updraft_reportbox_0 input[name="updraft_email[0]"] {
384 width: 100%;
385 max-width:100%
386 }
387
388 input.labelauty + label {
389 height: 80px;
390 }
391 }
392
393 @media (max-width: 642px) {
394 .updraft-menu-item:nth-last-child(1):focus, .updraft-menu-item:nth-last-child(1):hover {
395 border-radius: 0 0 10px 10px;
396 }
397
398 .updraft_existing_backups_output .download-backups ul {
399 margin: 0 0 1rem 0;
400 padding-top: 3%;
401 }
402
403 .existing-backups-table th, .existing-backups-table td {
404 border: 1px solid #eee;
405 padding: 0.5em 1em;
406 }
407 .existing-backups-table thead tr:first-child th:first-child {
408 border-radius: 0.6em 0.6em 0 0;
409 width: 100%;
410 }
411 .existing-backups-table thead tr:first-child th:last-child {
412 border-radius: 0 0 0 0;
413 }
414 .existing-backups-table tbody tr:nth-last-child(2) td:first-child {
415 border-radius: 0 0 0 0;
416 }
417 .existing-backups-table tbody tr:nth-last-child(2) td:last-child {
418 border-radius: 0 0.6em 0.6em 0;
419 }
420
421 .existing-backups-table thead tr th.backup-date, .existing-backups-table thead tr th.backup-data, .existing-backups-table thead tr th.updraft_backup_actions {
422 padding: 2px;
423 display: inline-block;
424 width: 100%;
425 }
426
427 .existing-backups-table thead tr th.backup-date {
428 border-top: 1px solid #ccc;
429 }
430
431 .updraft_existing_backups_row td {
432 width: 100%;
433 display: inline-block;
434 }
435
436 .updraft_existing_backups_row {
437 display: inline-block;
438 width: 100%;
439 }
440
441 .existing-backups-table thead tr {
442 display: none;
443 }
444 }
445
446 @media (max-width: 564px) and (min-width: 543px) {
447 div.dropdown.updraft-dropdown {
448 float: none;
449 }
450 }
451
452 @media (max-width: 461px) and (min-width: 415px) {
453 div.updraft-mobile-menu {
454 left: 230%
455 }
456 }
457
458 @media (max-width: 708px) {
459 .existing-backups-table th, .existing-backups-table td {
460 border: 1px solid #eee;
461 text-align: center;
462 }
463 }
464
465
466 /* Smartphones (portrait and landscape) ----------- */
467 @media only screen
468 and (min-device-width : 320px)
469 and (max-device-width : 480px) {
470 .updraft_site_settings_output input[type="text"], .updraft_site_settings_output input[type="email"], .updraft_site_settings_output input[type="url"], .updraft_site_settings_output input[type="password"], .updraft_site_settings_output input[type="search"], .updraft_site_settings_output input[type="tel"], .updraft_site_settings_output textarea, .updraft_site_settings_output select, #updraft_include_others_exclude input[type="text"], #updraft_include_uploads_exclude, #updraft_reportbox_0 input[name="updraft_email[0]"] {
471 width: 90%;
472 }
473 }
474
475 /* Smartphones (landscape) ----------- */
476 @media only screen
477 and (min-width : 321px) {
478 /* STYLES GO HERE */
479 }
480
481 /* Smartphones (portrait) ----------- */
482 @media only screen
483 and (max-width : 320px) {
484 /* STYLES GO HERE */
485 }
486
487 /* iPads (portrait and landscape) ----------- */
488 @media only screen
489 and (min-device-width : 768px)
490 and (max-device-width : 1024px) {
491 /* STYLES GO HERE */
492 }
493
494 /* iPads (landscape) ----------- */
495 @media only screen
496 and (min-device-width : 768px)
497 and (max-device-width : 1024px)
498 and (orientation : landscape) {
499 /* STYLES GO HERE */
500 }
501
502 /* iPads (portrait) ----------- */
503 @media only screen
504 and (min-device-width : 768px)
505 and (max-device-width : 1024px)
506 and (orientation : portrait) {
507 /* STYLES GO HERE */
508 }
509
510 /* Smaller than Desktop and Laptops ----------- */
511 @media only screen and (max-width : 1223px) {
512 input.labelauty + label > span.labelauty-unchecked-image + span.labelauty-unchecked, input.labelauty + label > span.labelauty-checked-image + span.labelauty-checked {
513 margin-left:0 !important;
514 }
515
516 input.labelauty + label > span.labelauty-unchecked-image, input.labelauty + label > span.labelauty-checked-image {
517 width: 100% !important;
518 background-position: center !important;
519 }
520
521 input.labelauty + label > span.labelauty-unchecked, input.labelauty + label > span.labelauty-checked {
522 display:block;
523 margin-top:8px;
524 text-align:center;
525 width: 100%;
526 }
527
528 #updraft_include_others_exclude input[type="text"], input#updraft_include_uploads_exclude {
529 display: inline-block;
530 width: 100%;
531 }
532 }
533
534 /* Smaller Desktop and Laptops ----------- */
535 @media only screen and (min-width : 1224px) {
536 input.labelauty + label > span.labelauty-unchecked, input.labelauty + label > span.labelauty-checked {
537 width: 63%;
538 }
539
540 #updraft_include_others_exclude input[type="text"], input#updraft_include_uploads_exclude {
541 margin-right: 0;
542 margin-left: 10px;
543 }
544 }
545
546
547 /* Desktops and laptops ----------- */
548 @media only screen and (min-width : 1325px) {
549 /* Backup To Remote Storage */
550 input.labelauty + label {
551 min-height:58px;
552 }
553
554 input.labelauty + label > span.labelauty-unchecked-image, input.labelauty + label > span.labelauty-checked-image {
555 float:left;
556 margin: 5px 0 5px 5px;
557
558 }
559
560 input.labelauty + label > span.labelauty-unchecked, input.labelauty + label > span.labelauty-checked {
561 display: inline;
562 float: right;
563 margin-top: 20px;
564 margin-bottom:0;
565 width: 68%;
566 }
567
568 #updraft_include_others_exclude input[type="text"], input#updraft_include_uploads_exclude {
569 margin-right: 0;
570 margin-left: 10px;
571 }
572 }
573