Merge branch 'MDL-62048_master' of git://github.com/markn86/moodle
[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 }
536f0460
DW
40}
41
fe3db0ca
DW
42/* Override the columns width to leave more room for the labels. */
43.path-backup .mform {
44 .root_setting,
45 .grouped_settings {
46 /* Striped rows like a table */
47 &:nth-of-type(odd) {
48 background-color: $table-bg-accent;
49 }
50 &:nth-of-type(even) {
51 background-color: $card-bg;
52 }
53 .form-group {
54 /* These checkboxes with no label on the left. */
55 .col-md-3.checkbox {
56 width: 0%;
57 }
58 .col-md-9.checkbox {
59 width: 100%;
60 left: 0;
61 }
17553c63
FM
62 }
63 }
536f0460 64}
f4143537 65
fe3db0ca
DW
66/* Detail pair is (usually) some short label with a longer value */
67.path-backup .detail-pair {
68 .detail-pair-label {
69 width: 25%;
70 float: left;
71 clear: left;
72 }
73 .detail-pair-value {
74 width: 75%;
75 float: left;
76 }
77}
78
79.path-backup .backup-restore .singlebutton {
80 float: right;
81}
82/* Make these bits full width and work with the detail-pair */
83.path-backup .backup-section {
84 .sub-header,
85 .backup-sub-section,
86 .singlebutton,
87 .header {
88 width: 100%;
89 float: left;
90 clear: both;
91 }
92 /* Fix for nested table headers */
93 th.header {
94 width: auto;
95 float: none;
96 }
97
98 /* Add card styles to backup sections */
99 ::after {
100 content: "";
101 display: table;
102 clear: both;
103 }
104
105 background-color: $card-bg;
106 @include border-radius($card-border-radius);
107 border: $card-border-width solid $card-border-color;
108 @include clearfix;
109 padding: $card-spacer-x;
110 margin-bottom: $card-spacer-x;
536f0460 111}
f4143537 112
536f0460 113.path-backup .notification.dependencies_enforced {
536f0460
DW
114 color: $state-danger-text;
115 font-weight: bold;
116}
f4143537 117
536f0460 118.path-backup .backup_progress {
17553c63
FM
119 margin-top: $spacer-y;
120 margin-bottom: $spacer-y;
f4143537 121
17553c63
FM
122 .backup_stage {
123 @extend .text-muted;
f4143537 124
17553c63
FM
125 &.backup_stage_current {
126 font-weight: bold;
127 color: inherit;
128 }
129 }
536f0460 130}
f4143537 131
536f0460
DW
132.path-backup .backup_progress span.backup_stage.backup_stage_complete {
133 color: inherit;
134}
f4143537 135
536f0460
DW
136#page-backup-restore .filealiasesfailures {
137 background-color: $state-danger-bg;
f4143537 138
17553c63 139 .aliaseslist {
17553c63 140 background-color: $body-bg;
17553c63 141 }
536f0460 142}
f4143537 143
f4143537 144
536f0460
DW
145.path-backup .wibbler {
146 width: 500px;
147 margin: 0 auto 10px;
148 border-bottom: 1px solid black;
149 border-right: 1px solid black;
150 border-left: 1px solid black;
151 position: relative;
152 min-height: 4px;
f4143537 153
17553c63
FM
154 .wibble {
155 position: absolute;
156 left: 0;
157 right: 0;
158 top: 0;
159 height: 4px;
160 }
f4143537 161
17553c63
FM
162 .state0 {
163 background: #eee;
164 }
165 .state1 {
166 background: #ddd;
167 }
168 .state2 {
169 background: #ccc;
170 }
171 .state3 {
172 background: #bbb;
173 }
174 .state4 {
175 background: #aaa;
176 }
177 .state5 {
178 background: #999;
179 }
180 .state6 {
181 background: #888;
182 }
183 .state7 {
184 background: #777;
185 }
186 .state8 {
187 background: #666;
188 }
189 .state9 {
190 background: #555;
191 }
192 .state10 {
193 background: #444;
194 }
195 .state11 {
196 background: #333;
197 }
198 .state12 {
199 background: #222;
200 }
536f0460 201}
f4143537 202