MDL-62173 Theme bootstrapbase: clean backup restore UI
[moodle.git] / theme / bootstrapbase / less / moodle / backup-restore.less
1 .path-backup .mform .grouped_settings.section_level {
2     .well;
3     padding: 10px 0 0 0;
4     clear: both;
5 }
6 .path-backup .mform .grouped_settings {
7     clear: both;
8     overflow: hidden;
9 }
10 .path-backup .include_setting,
11 .path-backup .grouped_settings .normal_setting {
12     display: inline-block;
13 }
15 .path-backup .include_setting.section_level label {
16     font-weight: bold;
17 }
18 .path-backup .mform .fitem .fitemtitle {
19     width: 260px;
20 }
21 .path-backup .mform .fitem .felement {
22     margin-left: 280px;
23 }
24 .path-backup .notification.dependencies_enforced {
25     text-align: center;
26     color: @errorText;
27     font-weight: bold;
28 }
29 .path-backup .backup_progress {
30     text-align: center;
31 }
32 .path-backup .backup_progress .backup_stage {
33     .muted
34 }
35 .path-backup .backup_progress .backup_stage.backup_stage_current {
36     font-weight: bold;
37     color: inherit;
38 }
40 .path-backup .backup_progress span.backup_stage.backup_stage_complete {
41     color: inherit;
42 }
43 #page-backup-restore .filealiasesfailures {
44     background-color: @errorBackground;
45 }
46 #page-backup-restore .filealiasesfailures .aliaseslist {
47     width: 90%;
48     margin: 0.8em auto;
49     background-color: @bodyBackground;
50     border: 1px dotted #666;
51 }
52 .path-backup .fitem .smallicon {
53     vertical-align: text-bottom;
54 }
56 .backup-restore .backup-section > h2.header,
57 .backup-restore .backup-section .backup-sub-section h3 {
58     // Copied from bootstrap/forms.less tag legend
59     display: block;
60     width: 100%;
61     padding: 0;
62     margin-bottom: @baseLineHeight;
63     font-size: @baseFontSize * 1.5;
64     line-height: @baseLineHeight * 2;
65     color: @grayDark;
66     border: 0;
67     border-bottom: 1px solid #e5e5e5;
68 }
69 .backup-restore .backup-section .noticebox {
70     margin: 1em auto;
71     width: 60%;
72     text-align: center;
73 }
74 .backup-restore .backup-section.settings-section .detail-pair {
75     width: 50%;
76     display: inline-block;
77     .ie7-inline-block();
78 }
79 .backup-restore .backup-section.settings-section .detail-pair-label {
80     width: 65%;
81 }
82 .backup-restore .backup-section.settings-section .detail-pair-value {
83     width: 25%;
84 }
85 .backup-restore .activitytable {
86     min-width: 500px;
87 }
88 .backup-restore .activitytable .modulename {
89     width: 100px;
90 }
91 .backup-restore .activitytable .moduleincluded {
92     width: 50px;
93 }
94 .backup-restore .activitytable .userinfoincluded {
95     width: 50px;
96 }
97 .backup-restore .detail-pair-label {
98     display: inline-block;
99     .ie7-inline-block();
100     width: 25%;
101     padding: 8px;
102     margin: 0;
103     text-align: right;
104     font-weight: bold;
105     vertical-align: top;
107 .backup-restore .detail-pair-value {
108     display: inline-block;
109     .ie7-inline-block();
110     width: 65%;
111     padding: 8px;
112     margin: 0;
114 .backup-restore .detail-pair-value > .sub-detail {
115     display: block;
116     font-size: @fontSizeSmall;
117     .muted
119 .backup-restore > .singlebutton {
120     text-align: right;
122 .path-backup .mform .fgroup {
123     .proceedbutton {
124         float: right;
125         margin-right: 5%;
127     }
128     .oneclickbackup {
129         float: right;
130     }
132 .restore-course-search .rcs-results {
133     width: 70%;
134     min-width: 400px;
136 .restore-course-search .rcs-results table {
137     width: 100%;
138     margin: 0;
139     border-width: 0;
141 .restore-course-search .rcs-results table .no-overflow {
142     max-width: 600px;
144 .restore-course-search .rcs-results .paging {
145     text-align: left;
146     margin: 0;
147     background-color: #eee;
148     padding: 3px;
150 .restore-course-category .rcs-results {
151     width: 70%;
152     min-width: 400px;
153     border: 1px solid #ddd;
154     margin: 5px 0;
156 .restore-course-category .rcs-results table {
157     width: 100%;
158     margin: 0;
159     border-width: 0;
161 .restore-course-category .rcs-results table .no-overflow {
162     max-width: 600px;
164 .restore-course-category .rcs-results .paging {
165     text-align: left;
166     margin: 0;
167     background-color: #eee;
168     padding: 3px;
170 .path-backup .wibbler {
171     width: 500px;
172     margin: 0 auto 10px;
173     border-bottom: 1px solid black;
174     border-right: 1px solid black;
175     border-left: 1px solid black;
176     position: relative;
177     min-height: 4px;
179 .path-backup .wibbler .wibble {
180     position: absolute;
181     left: 0;
182     right: 0;
183     top: 0;
184     height: 4px;
186 .path-backup .wibbler .state0 {
187     background: #eee;
189 .path-backup .wibbler .state1 {
190     background: #ddd;
192 .path-backup .wibbler .state2 {
193     background: #ccc;
195 .path-backup .wibbler .state3 {
196     background: #bbb;
198 .path-backup .wibbler .state4 {
199     background: #aaa;
201 .path-backup .wibbler .state5 {
202     background: #999;
204 .path-backup .wibbler .state6 {
205     background: #888;
207 .path-backup .wibbler .state7 {
208     background: #777;
210 .path-backup .wibbler .state8 {
211     background: #666;
213 .path-backup .wibbler .state9 {
214     background: #555;
216 .path-backup .wibbler .state10 {
217     background: #444;
219 .path-backup .wibbler .state11 {
220     background: #333;
222 .path-backup .wibbler .state12 {
223     background: #222;
225 .path-backup .backup_log {
226     margin-top: 2em;
228 .path-backup .backup_log h2 {
229     font-size: 1em;
231 .path-backup .backup_log_contents {
232     border: 1px solid #ddd;
233     padding: 10px;
234     height: 300px;
235     overflow-y: scroll;
238 @media (max-width: 768px) {
239     .backup-restore .backup-section.settings-section .detail-pair {
240         width: 100%;
241     }
244 @media (max-width: 900px) {
245     .backup-restore .backup-section.settings-section .detail-pair-label {
246         width: 50%;
247     }