theme/boost/scss/moodle/backup-restore.scss

   1 .path-backup .mform {
   2     .grouped_settings {
   3         clear: both;
   4         overflow: hidden;
   5
   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     }
  16
  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 }
  31
  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 }
  44
  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 }
  68
  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;
 114 }
 115
 116 .path-backup .notification.dependencies_enforced {
 117     color: $danger;
 118     font-weight: bold;
 119 }
 120
 121 .path-backup .backup_progress {
 122     margin-top: $spacer;
 123     margin-bottom: $spacer;
 124
 125     .backup_stage {
 126         color: $text-muted;
 127
 128         &.backup_stage_current {
 129             font-weight: bold;
 130             color: inherit;
 131         }
 132     }
 133 }
 134
 135 .path-backup .backup_progress span.backup_stage.backup_stage_complete {
 136     color: inherit;
 137 }
 138
 139 #page-backup-restore .filealiasesfailures {
 140     background-color: $state-danger-bg;
 141
 142     .aliaseslist {
 143         background-color: $body-bg;
 144     }
 145 }
 146
 147
 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;
 156
 157     .wibble {
 158         position: absolute;
 159         left: 0;
 160         right: 0;
 161         top: 0;
 162         height: 4px;
 163     }
 164
 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     }
 204 }
 205