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 /* FIXME: use .barcode instead */
  21 #patron-checkout-barcode,
  22 #patron-renewal-barcode,
  23 #patron-checkin-barcode { width: 16em; }
  24
  25 #patron-search-form div.form-group {
  26   margin-bottom: 5px;
  27 }
  28
  29 #patron-fixed-tabs {
  30     position: fixed;
  31     top: 50px;
  32     right: 15px;
  33     left: 45px;
  34     padding-top: 20px;
  35     padding-top: 10px;
  36     z-index: 3;
  37     background-color: rgba(255,255,255,1);
  38 }
  39
  40 .patron-name-header {
  41   margin-top: 20px;
  42 }
  43
  44 /* let search form elements fill their containers w/ slight padding */
  45 #patron-search-form-row {margin-left: 0px;}
  46 #patron-search-form div.col-md-2 { padding: 2px; }
  47 #patron-search-form input:not([type="checkbox"]) { width: 100%; }
  48 #patron-search-form .eg-org-selector,
  49 #patron-search-form .eg-org-selector button,
  50 #patron-search-form .patron-search-selector,
  51   #patron-search-form .patron-search-selector button {
  52   width: 100%;
  53   text-align: left
  54 }
  55
  56
  57 #patron-payments-spreadsheet {
  58   margin-top: 10px;
  59   padding-top: 10px;
  60   border-top: 1px solid #aaa;
  61 }
  62
  63 #patron-payments-spreadsheet .flex-cell {
  64   margin: 2px;
  65 }
  66
  67 #patron-payments-spreadsheet .flex-cell.well {
  68   min-height: 1.5em;
  69   margin-bottom: 0px; /* bootstrap default is 20px */
  70 }
  71
  72 #hold-notify-settings div.row { margin-top: 12px; }
  73 #hold-notify-settings div.row:not(.header-row):nth-child(odd) {
  74   background-color: rgb(248, 248, 248);
  75 }
  76 #hold-notify-settings div.row:not(.header-row) {
  77   border-bottom: 1px solid #CCC;
  78 }
  79
  80 /* -- patron registration -- */
  81
  82 /* make all input widgets the same width, i.e. fill their column */
  83
  84 .reg-field-input {font-weight: 700; }
  85 .reg-field-input input:not([type="checkbox"]) { width: 100%; }
  86
  87 /* selector contents float left to allow depth-based left-padding */
  88 .reg-field-input .eg-org-selector,
  89 .reg-field-input .btn-group {
  90   width: 100%;
  91   text-align: left;
  92 }
  93
  94 /* selector button labels float right */
  95 .reg-field-input .eg-org-selector button,
  96 .reg-field-input .btn-group > button {
  97   width: 100%;
  98   text-align: right;
  99 }
 100
 101 /* floating div along top-right with field documentation */
 102 #reg-alert-pane {
 103     position: fixed;
 104     top:160px;
 105     right:20px;
 106     /*
 107     border:2px dashed #d9e8f9;
 108     -moz-border-radius: 10px;
 109     */
 110     font-weight: bold;
 111     padding: 20px;
 112     margin-top: 20px;
 113 }
 114
 115 #reg-dupe-links {
 116                 margin-bottom: 10px;
 117 }
 118
 119
 120 #reg-field-doc legend {
 121     /* otherwise the font size is quite large */
 122     font-size: 100%;
 123 }
 124
 125 .reg-field-row {
 126     padding-bottom: 3px;
 127 }
 128
 129 .reg-field-row label {
 130     font-weight: normal;
 131 }
 132
 133 .patron-reg-fixed-bar {
 134     position: fixed;
 135     top:50px;
 136     right: 20px;
 137     left: 20px;
 138     padding-top: 20px;
 139     padding-bottom: 10px;
 140     z-index: 1;
 141     background-color: rgba(255,255,255,1);
 142 }
 143
 144 .patron-reg-actions-bar {
 145   padding: 5px;
 146 }
 147 .patron-reg-actions-bar span {
 148   font-weight: bold;
 149 }
 150
 151 .patron-reg-barcodes > .header {
 152   font-weight: bold;
 153 }
 154
 155 /* Bootstrap alert panes are too stylized/padded/etc. in this case,
 156  * but consider revisiting. */
 157 .patron-reg-validation-alert {
 158   font-weight: bold;
 159   color: red;
 160 }
 161
 162 /* Angular applies these classes based on the field's
 163  * required and pattern settings */
 164 #patron-reg-container .ng-invalid,
 165 #patron-reg-container .ng-invalid-required {
 166   background-color: yellow;
 167   color: red;
 168 }
 169
 170 /* -- end patron registration -- */
 171
 172 [%#
 173 vim: ft=css
 174 %]