weekly release 4.0dev
[moodle.git] / theme / boost / scss / moodle / backup-restore.scss
CommitLineData
17553c63 1.path-backup .mform {
17553c63
FM
2 .grouped_settings {
3 clear: both;
4 overflow: hidden;
5
fe3db0ca 6 /* Use card styles but avoid extend because that brings in too much. */
17553c63 7 &.section_level {
fe3db0ca
DW
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;
17553c63
FM
14 }
15 }
f4143537 16
fe3db0ca
DW
17 /* These are long labels with checkboxes on the right. */
18 .include_setting {
19 width: 50%;
17553c63 20 display: inline-block;
fe3db0ca
DW
21 float: left;
22 padding: $table-sm-cell-padding;
23 }
24 .normal_setting {
17553c63 25 width: 50%;
fe3db0ca
DW
26 display: inline-block;
27 float: left;
28 padding: $table-sm-cell-padding;
17553c63 29 }
fe3db0ca 30}
17553c63 31
fe3db0ca
DW
32.path-backup {
33 /* Bold section labels */
34 .section_level {
17553c63
FM
35 font-weight: bold;
36 }
fe3db0ca
DW
37 .section_level .activity_level {
38 font-weight: normal;
39 }
88d184b6
BB
40 .proceedbutton {
41 margin-left: auto;
42 }
536f0460
DW
43}
44
fe3db0ca
DW
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-bg-accent;
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 }
17553c63
FM
65 }
66 }
536f0460 67}
f4143537 68
fe3db0ca
DW
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}
81
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 }
100
101 /* Add card styles to backup sections */
102 ::after {
103 content: "";
104 display: table;
105 clear: both;
106 }
107
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;
536f0460 114}
f4143537 115
536f0460 116.path-backup .notification.dependencies_enforced {
536f0460
DW
117 color: $state-danger-text;
118 font-weight: bold;
119}
f4143537 120
536f0460 121.path-backup .backup_progress {
17553c63
FM
122 margin-top: $spacer-y;
123 margin-bottom: $spacer-y;
f4143537 124
17553c63 125 .backup_stage {
6239d808 126 color: $text-muted;
f4143537 127
17553c63
FM
128 &.backup_stage_current {
129 font-weight: bold;
130 color: inherit;
131 }
132 }
536f0460 133}
f4143537 134
536f0460
DW
135.path-backup .backup_progress span.backup_stage.backup_stage_complete {
136 color: inherit;
137}
f4143537 138
536f0460
DW
139#page-backup-restore .filealiasesfailures {
140 background-color: $state-danger-bg;
f4143537 141
17553c63 142 .aliaseslist {
17553c63 143 background-color: $body-bg;
17553c63 144 }
536f0460 145}
f4143537 146
f4143537 147
536f0460
DW
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;
f4143537 156
17553c63
FM
157 .wibble {
158 position: absolute;
159 left: 0;
160 right: 0;
161 top: 0;
162 height: 4px;
163 }
f4143537 164
17553c63
FM
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 }
536f0460 204}
f4143537 205