weekly release 4.0dev
[moodle.git] / theme / boost / scss / moodle / backup-restore.scss
1 .path-backup .mform {
2     .grouped_settings {
3         clear: both;
4         overflow: hidden;
6         /* Use card styles but avoid extend because that brings in too much. */
7         &.section_level {
8             background-color: $card-bg;
9             @include border-radius($card-border-radius);
10             border: $card-border-width solid $card-border-color;
11             @include clearfix;
12             padding: $card-spacer-x;
13             margin-bottom: $card-spacer-x;
14         }
15     }
17     /* These are long labels with checkboxes on the right. */
18     .include_setting {
19         width: 50%;
20         display: inline-block;
21         float: left;
22         padding: $table-cell-padding-sm;
23     }
24     .normal_setting {
25         width: 50%;
26         display: inline-block;
27         float: left;
28         padding: $table-cell-padding-sm;
29     }
30 }
32 .path-backup {
33     /* Bold section labels */
34     .section_level {
35         font-weight: bold;
36     }
37     .section_level .activity_level {
38         font-weight: normal;
39     }
40     .proceedbutton {
41         margin-left: auto;
42     }
43 }
45 /* Override the columns width to leave more room for the labels. */
46 .path-backup .mform {
47     .root_setting,
48     .grouped_settings {
49         /* Striped rows like a table */
50         &:nth-of-type(odd) {
51             background-color: $table-accent-bg;
52         }
53         &:nth-of-type(even) {
54             background-color: $card-bg;
55         }
56         .form-group {
57             /* These checkboxes with no label on the left. */
58             .col-md-3.checkbox {
59                 width: 0%;
60             }
61             .col-md-9.checkbox {
62                 width: 100%;
63                 left: 0;
64             }
65         }
66     }
67 }
69 /* Detail pair is (usually) some short label with a longer value */
70 .path-backup .detail-pair {
71     .detail-pair-label {
72         width: 25%;
73         float: left;
74         clear: left;
75     }
76     .detail-pair-value {
77         width: 75%;
78         float: left;
79     }
80 }
82 .path-backup .backup-restore .singlebutton {
83     float: right;
84 }
85 /* Make these bits full width and work with the detail-pair */
86 .path-backup .backup-section {
87     .sub-header,
88     .backup-sub-section,
89     .singlebutton,
90     .header {
91         width: 100%;
92         float: left;
93         clear: both;
94     }
95     /* Fix for nested table headers */
96     th.header {
97         width: auto;
98         float: none;
99     }
101     /* Add card styles to backup sections */
102     ::after {
103         content: "";
104         display: table;
105         clear: both;
106     }
108     background-color: $card-bg;
109     @include border-radius($card-border-radius);
110     border: $card-border-width solid $card-border-color;
111     @include clearfix;
112     padding: $card-spacer-x;
113     margin-bottom: $card-spacer-x;
116 .path-backup .notification.dependencies_enforced {
117     color: $danger;
118     font-weight: bold;
121 .path-backup .backup_progress {
122     margin-top: $spacer;
123     margin-bottom: $spacer;
125     .backup_stage {
126         color: $text-muted;
128         &.backup_stage_current {
129             font-weight: bold;
130             color: inherit;
131         }
132     }
135 .path-backup .backup_progress span.backup_stage.backup_stage_complete {
136     color: inherit;
139 #page-backup-restore .filealiasesfailures {
140     background-color: $state-danger-bg;
142     .aliaseslist {
143         background-color: $body-bg;
144     }
148 .path-backup .wibbler {
149     width: 500px;
150     margin: 0 auto 10px;
151     border-bottom: 1px solid black;
152     border-right: 1px solid black;
153     border-left: 1px solid black;
154     position: relative;
155     min-height: 4px;
157     .wibble {
158         position: absolute;
159         left: 0;
160         right: 0;
161         top: 0;
162         height: 4px;
163     }
165     .state0 {
166         background: #eee;
167     }
168     .state1 {
169         background: #ddd;
170     }
171     .state2 {
172         background: #ccc;
173     }
174     .state3 {
175         background: #bbb;
176     }
177     .state4 {
178         background: #aaa;
179     }
180     .state5 {
181         background: #999;
182     }
183     .state6 {
184         background: #888;
185     }
186     .state7 {
187         background: #777;
188     }
189     .state8 {
190         background: #666;
191     }
192     .state9 {
193         background: #555;
194     }
195     .state10 {
196         background: #444;
197     }
198     .state11 {
199         background: #333;
200     }
201     .state12 {
202         background: #222;
203     }