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

   1 /* record summary */
   2 .record-summary-alert {
   3     color: red;
   4 }
   5
   6 .target-record-aside {
   7     font-size: 80%;
   8     font-style: italic;
   9 }
  10
  11 .marcrecord {
  12     background-color: #ddd;
  13     padding: 10px; /* provide consistant space around marc field editor */
  14     margin: 0 -15px; /* line up editing sections left and right */
  15 }
  16
  17 .marcflateditor {
  18     max-width: 100%;
  19     font-family: 'Lucida Console', Monaco, monospace;
  20 }
  21
  22 .marcfastitemadd, .marctypesource {
  23     border-bottom: solid thin gray;
  24     flex-wrap: wrap;
  25 }
  26
  27 .marcedit {
  28     background-color: #fff;
  29     border-collapse: collapse;
  30     border: solid thin gray;
  31     padding: 0px 5px 0px 5px;
  32     margin: 0px;
  33 }
  34
  35 .marcedit_stacked_subfield {
  36     display: block;
  37     margin-left: 3em;
  38 }
  39
  40 input.marcedit:focus {
  41     background-color: lightcyan;
  42 }
  43
  44 .keyboardhelp {
  45     background-color: #fff;
  46     border-bottom: 1px solid gray;
  47 }
  48
  49 .marcffeditor {
  50     max-width: 800px;
  51 }
  52
  53 .fixed-field-box {
  54     border: none;
  55 }
  56 .marcffcontainer {
  57      background-color: lightcyan;
  58      border-bottom: 1px solid gray;
  59 }
  60 .marcsfvalue {
  61     border-left: 1px !important;
  62 }
  63
  64 .marcsfcode {
  65     color: blue;
  66     font-weight: normal;
  67     text-align: center;
  68     margin-left: 0px !important;
  69     width: 1.5em;
  70 }
  71
  72 .marcsfcodedelimiter {
  73     background-color: #ddd;
  74     color: blue;
  75     font-family: 'Lucida Console', Monaco, monospace;
  76     font-weight: normal;
  77     text-align: center;
  78     padding-right: 0px !important;
  79     border: none !important;
  80 }
  81
  82 .unvalidatedheading {
  83     color: red;
  84 }
  85
  86 .marctag, .marcind {
  87     text-align: center;
  88 }
  89
  90 .marcind {
  91     width: 1.5em;
  92 }
  93 .marctag {
  94     width: 2.6em;
  95 }
  96
  97 .marcEditableControlfield {
  98     text-align: left;
  99 }
 100
 101 .marcSubfieldCode, .marcInd1, .marcInd2, .marcTag {
 102     width: 1em;
 103 }
 104
 105 .marcSubfieldDelimiter, .marcSubfieldCode {
 106     color: blue;
 107 }
 108
 109 .marcInd1, .marcInd2, .marcTag {
 110     text-align: center;
 111 }
 112
 113 .marcSubfield {
 114     min-width: 1em;
 115 }
 116
 117 .active-physchar {
 118     font-weight: bold;
 119     color: red;
 120 }
 121
 122 .tooltip {
 123     /* width: 10em; */
 124 }
 125
 126 caption {
 127     font-weight: bold;
 128 }
 129
 130 grid row, grid column {
 131     border-collapse: collapse;
 132     border: solid thin gray;
 133     vertical-align: bottom;
 134 }
 135
 136 grid column {
 137     background-color: #f5f5f5;
 138     padding: 2px;
 139 }
 140
 141 grid#leaderGrid textbox {
 142     min-width: 1em;
 143 }
 144
 145 grid#leaderGrid label {
 146     font-weight: bold;
 147 }
 148
 149 grid#leaderGrid label, grid#leaderGrid textbox {
 150     visibility: hidden;
 151 }
 152
 153 grid#leaderGrid[type="BKS"] *[set~="BKS"], grid#leaderGrid[type="BKS"] *[set~="BKS"] + textbox {
 154     visibility: visible;
 155 }
 156
 157 grid#leaderGrid[type="SER"] *[set~="SER"], grid#leaderGrid[type="SER"] *[set~="SER"] + textbox {
 158     visibility: visible;
 159 }
 160
 161 grid#leaderGrid[type="VIS"] *[set~="VIS"], grid#leaderGrid[type="VIS"] *[set~="VIS"] + textbox {
 162     visibility: visible;
 163 }
 164
 165 grid#leaderGrid[type="MIX"] *[set~="MIX"], grid#leaderGrid[type="MIX"] *[set~="MIX"] + textbox {
 166     visibility: visible;
 167 }
 168
 169 grid#leaderGrid[type="MAP"] *[set~="MAP"], grid#leaderGrid[type="MAP"] *[set~="MAP"] + textbox {
 170     visibility: visible;
 171 }
 172
 173 grid#leaderGrid[type="SCO"] *[set~="SCO"], grid#leaderGrid[type="SCO"] *[set~="SCO"] + textbox {
 174     visibility: visible;
 175 }
 176
 177 grid#leaderGrid[type="REC"] *[set~="REC"], grid#leaderGrid[type="REC"] *[set~="REC"] + textbox {
 178     visibility: visible;
 179 }
 180
 181 grid#leaderGrid[type="COM"] *[set~="COM"], grid#leaderGrid[type="COM"] *[set~="COM"] + textbox {
 182     visibility: visible;
 183 }
 184
 185 grid#leaderGrid[type="AUT"] *[set~="AUT"], grid#leaderGrid[type="AUT"] *[set~="AUT"] + textbox {
 186     visibility: visible;
 187 }
 188
 189 grid#leaderGrid[type="MFHD"] *[set~="MFHD"], grid#leaderGrid[type="MFHD"] *[set~="MFHD"] + textbox {
 190     visibility: visible;
 191 }
 192
 193 grid[name="-none-"] * label { color: black; }
 194
 195 .marcValidated { color: black; }
 196 .marcUnvalidated { color: red; }
 197
 198 #z3950-search-form-row {
 199     margin-bottom: 20px;
 200 }
 201
 202 /*
 203  *  MARC view styles
 204  */
 205
 206 /* ensure that side-by-side MARC record views don't overlap text */
 207 .marc_tag_row {
 208     word-break: break-word;
 209 }
 210
 211 .marc_tag_col {
 212     text-align: right;
 213     vertical-align: top;
 214 }
 215
 216 .marc_tag_ind1 {
 217     vertical-align: top;
 218     padding-left: 3px;
 219     padding-right: 3px;
 220 }
 221
 222 .marc_tag_ind2 {
 223     vertical-align: top;
 224     border-left: 1px solid #A0A0A0;
 225     padding-left: 3px;
 226 }
 227
 228 .marc_subfields {
 229     vertical-align: top;
 230     padding-left: 3px;
 231 }
 232
 233 /*
 234  * Holdings Editor Styles
 235  * /
 236
 237 /* Wrapping in bootstrap style can separate radio buttons from their labels. */
 238 .col-xs-3 {
 239     white-space: nowrap;
 240 }
 241
 242 /* Print Item Templates Styles */
 243
 244 div.print-label-toolbox input[type=number], div.print-label-toolbox input[type=text] {
 245   border: 1px solid #999;
 246   border-radius: 3px;
 247   margin-right: 12px;
 248   width: 56px;
 249   }
 250
 251 div.print-label-toolbox div.eg-print-label-section {
 252   display: block;
 253   margin: 0 0 10px 0;
 254   }
 255
 256 div.eg-print-label-group {
 257   border-bottom: 1px solid #DED;
 258   margin: 0 0 10px 0;
 259   padding: 0 0 10px 0;
 260   }
 261
 262 .eg-print-label-section p {
 263   margin: 0 0 5px 0;
 264   }
 265
 266 div.print-label-toolbox input.ng-invalid {
 267   background-color: #FFFF00;
 268   color: #FF0000;
 269   }
 270
 271 div.print-label-toolbox label {
 272   padding-right: 4px;
 273   }
 274
 275 div.print-label-toolbox ul {
 276   display: block;
 277   list-style-type: none;
 278   margin: 0;
 279   padding: 0;
 280   }
 281
 282 div.print-label-toolbox ul li {
 283   display: inline-block;
 284   padding: 0 0 0 6px;
 285   }
 286
 287 div.print-label-toolbox ul li:first-child {
 288   display: inline-block;
 289   padding: 0 0 0 0;
 290   }
 291
 292 table.custom-label-table td {
 293   vertical-align: top;
 294   }
 295
 296 .print-template-text {
 297    height: 36em;
 298    width: 100%;
 299    }
 300
 301 .cn-template-text {
 302   height: 12em;
 303   width: 100%;
 304 }
 305
 306 .record-merge-container {
 307   flex: 1;
 308   max-height: 600px;
 309   /*
 310    * LP1739293 Leaving for reference in case anyone wants to allow the
 311    * marc records to occupy more horizontal space and/or put scroll bars
 312    * on the individual records instead of a single vertical scroll.
 313   min-width: 600px;
 314   max-width: 900px;
 315   overflow-y: scroll;
 316   */
 317 }
 318
 319 .record-merge-container pre {
 320   /* in the merge view, wrap text so it doesn't gobble up
 321    * all of the horizontal space */
 322   white-space: pre-wrap;
 323 }
 324
 325 /* Avoid word wrapping in edit mode and add scrolls for navigation */
 326 .record-edit-container {
 327   flex: 1;
 328   overflow-x: scroll;
 329   overflow-y: scroll;
 330   white-space: nowrap;
 331 }
 332
 333 .new-cn, .new-cp { background-color: lightgreen; border:1px dashed #000; }