Open-ILS/src/templates/staff/css/circ.css.tt2

   1
   2 /* push the patron summary up to compensate for the extra
   3  * padding required to support the fixed navigation */
   4 .patron-summary-grid-wrapper {
   5   margin-top: 20px;
   6 }
   7
   8 /** style to make a grid look like a striped table */
   9 #patron-summary-grid div.row {padding: 3px; border-right: 2px solid rgb(248, 248, 248);}
  10 #patron-summary-grid div.row:nth-child(odd) {background-color: rgb(248, 248, 248);}
  11
  12 /* there are bootstrap tyles for error, warning, etc.,
  13 but the ones I'm finding aren't quite cutting it..*/
  14 .patron-summary-alert {color: red; font-weight:bold}
  15 .patron-summary-alert-small {color: red; background-color: white;}
  16 .patron-summary-divider { border-top: 1px solid #CCC}
  17 .patron-summary-act-link {font-size: .8em;}
  18 .patron-summary-has-notes:hover, .patron-summary-has-notes:visited{ text-decoration: none; }
  19
  20 .patron-summary-pref-name {
  21   padding-left: 6px;
  22   color: #5cb85c;
  23 }
  24
  25 /* Tag icon used for name keywords shouldn't look like a link */
  26
  27 .glyphicon-tags, .glyphicon-tags:hover, .glyphicon-tags:focus {
  28   color: #333;
  29   text-decoration: none;
  30 }
  31
  32 /* FIXME: use .barcode instead */
  33 #patron-checkout-barcode,
  34 #patron-renewal-barcode,
  35 #patron-checkin-barcode { width: 16em; }
  36
  37 #patron-search-form div.form-group {
  38   margin-bottom: 5px;
  39 }
  40
  41 #patron-fixed-tabs {
  42     position: fixed;
  43     top: 50px;
  44     right: 15px;
  45     left: 45px;
  46     padding-top: 20px;
  47     padding-top: 10px;
  48     z-index: 4;
  49     background-color: rgba(255,255,255,1);
  50 }
  51
  52 .patron-name-header {
  53   margin-top: 20px;
  54 }
  55
  56 /* let search form elements fill their containers w/ slight padding */
  57 #patron-search-form-row {margin-left: 0px;}
  58 #patron-search-form div.col-md-2 { padding: 2px; }
  59 #patron-search-form input:not([type="checkbox"]) { width: 100%; }
  60 #patron-search-form .eg-org-selector,
  61 #patron-search-form .eg-org-selector button,
  62 #patron-search-form .patron-search-selector,
  63   #patron-search-form .patron-search-selector button {
  64   width: 100%;
  65   text-align: left
  66 }
  67
  68
  69 #patron-payments-spreadsheet {
  70   margin-top: 10px;
  71   padding-top: 10px;
  72   border-top: 1px solid #aaa;
  73 }
  74
  75 #patron-payments-spreadsheet .flex-cell {
  76   margin: 2px;
  77 }
  78
  79 #patron-payments-spreadsheet .flex-cell.well {
  80   min-height: 1.5em;
  81   margin-bottom: 0px; /* bootstrap default is 20px */
  82 }
  83
  84 #hold-notify-settings div.row { margin-top: 12px; }
  85 #hold-notify-settings div.row:not(.header-row):nth-child(odd) {
  86   background-color: rgb(248, 248, 248);
  87 }
  88 #hold-notify-settings div.row:not(.header-row) {
  89   border-bottom: 1px solid #CCC;
  90 }
  91
  92 /* -- patron registration -- */
  93
  94 /* make all input widgets the same width, i.e. fill their column */
  95
  96 .reg-field-input {font-weight: 700; }
  97 .reg-field-input input:not([type="checkbox"]) { width: 100%; }
  98
  99 /* selector contents float left to allow depth-based left-padding */
 100 .reg-field-input .eg-org-selector,
 101 .reg-field-input .btn-group {
 102   width: 100%;
 103   text-align: left;
 104 }
 105
 106 /* selector button labels float right */
 107 .reg-field-input .eg-org-selector button,
 108 .reg-field-input .btn-group > button {
 109   width: 100%;
 110   text-align: right;
 111 }
 112
 113 /* floating div along top-right with field documentation */
 114 #reg-alert-pane {
 115     position: fixed;
 116     top:160px;
 117     right:20px;
 118     /*
 119     border:2px dashed #d9e8f9;
 120     -moz-border-radius: 10px;
 121     */
 122     font-weight: bold;
 123     padding: 20px;
 124     margin-top: 20px;
 125 }
 126
 127 #reg-dupe-links {
 128                 margin-bottom: 10px;
 129 }
 130
 131
 132 #reg-field-doc legend {
 133     /* otherwise the font size is quite large */
 134     font-size: 100%;
 135 }
 136
 137 .reg-field-row {
 138     padding-bottom: 3px;
 139 }
 140
 141 .reg-field-row label {
 142     font-weight: normal;
 143 }
 144
 145 .patron-reg-fixed-bar {
 146     position: fixed;
 147     top:50px;
 148     right: 20px;
 149     left: 20px;
 150     padding-top: 20px;
 151     padding-bottom: 10px;
 152     z-index: 1;
 153     background-color: rgba(255,255,255,1);
 154 }
 155
 156 .patron-reg-actions-bar {
 157   padding: 5px;
 158 }
 159 .patron-reg-actions-bar span {
 160   font-weight: bold;
 161 }
 162
 163 .patron-reg-barcodes > .header {
 164   font-weight: bold;
 165 }
 166
 167 /* Bootstrap alert panes are too stylized/padded/etc. in this case,
 168  * but consider revisiting. */
 169 .patron-reg-validation-alert {
 170   font-weight: bold;
 171   color: red;
 172 }
 173
 174 /* Angular applies these classes based on the field's
 175  * required and pattern settings */
 176 #patron-reg-container .ng-invalid,
 177 #patron-reg-container .ng-invalid-required,
 178 #patron-pay-by-credit-form .ng-invalid {
 179   background-color: yellow;
 180   color: red;
 181 }
 182
 183 .patron-reg-names-separator {
 184   margin-top: 3px;
 185   margin-bottom: 3px;
 186 }
 187
 188 .patron-reg-pref-names {
 189   background-color: rgb(215, 215, 215);
 190 }
 191
 192 /* -- end patron registration -- */
 193
 194 [%#
 195 vim: ft=css
 196 %]