koha-tmpl/intranet-tmpl/prog/css/addbiblio.css

   1 form {
   2     display: block;
   3 }
   4
   5 div#toolbar {
   6     border: 0;
   7 }
   8
   9 .tab-content {
  10     border: 0;
  11     padding: 0;
  12 }
  13
  14 .tab-pane h3 {
  15     font-size: 140%;
  16     margin: .3em 0;
  17 }
  18
  19 .tab-pane ul {
  20     margin-bottom: 0;
  21     padding-left: 0;
  22 }
  23
  24 ul li.tag, ul li.tag li.subfield_line {
  25     list-style-type: none;
  26     position: relative;
  27     padding-left: 30px;
  28 }
  29
  30 ul li.tag::before {
  31     position: absolute;
  32     font-size: .8em;
  33     top: 0;
  34     left: 10px;
  35     content: " ";
  36 }
  37
  38
  39 ul li.tag.sortable_tag::before,
  40 ul li.tag li.subfield_line::before {
  41     color: #999;
  42     cursor: move;
  43     position: absolute;
  44     font-family: 'FontAwesome';
  45     font-size: .8em;
  46     top: 0;
  47     left: 10px;
  48     content: "\f0c9";
  49 }
  50
  51 ul li.tag::before {
  52     padding-top: 1.7em;
  53 }
  54
  55 li.ui-sortable-helper {
  56     background-color: #e0e0e0;
  57     max-height: 150px;
  58     padding: 2px;
  59     border-radius: 4px;
  60 }
  61
  62 li.ui-sortable-helper ul li {
  63         display: none !important;
  64 }
  65
  66 .sortable_subfield .ui-sortable-helper input.flat {
  67         background-color: transparent;
  68 }
  69
  70 ul li.tag li.subfield_line.ui-sortable-helper::before {
  71     top: 5px;
  72 }
  73
  74 .buttonPlus {
  75         font-weight : bold;
  76         text-decoration : none;
  77 }
  78
  79 .buttonMinus {
  80         font-weight : bold;
  81         text-decoration : none;
  82 }
  83
  84 a.expandfield {
  85         text-decoration : none;
  86 }
  87
  88 #authoritytabs {
  89         margin-top : 1em;
  90         margin-bottom : 1em;
  91 }
  92
  93 .toptabs .ui-tabs-nav li a {
  94         padding : .2em 1.2em;
  95 }
  96
  97 .tag {
  98     border-bottom: 2px solid #D5E6E9;
  99     clear: both;
 100     padding: .7em 0;
 101 }
 102
 103 li.subfield_line {
 104     padding-bottom: .3em;
 105     float: left;
 106     clear: left;
 107     width: 100%;
 108 }
 109
 110 li.subfield_line label {
 111     font-size:89%;
 112     float: left;
 113     padding-right: .4em;
 114     width: 10em;
 115     text-align: left;
 116     clear:left;
 117 }
 118
 119 .subfieldcode img {
 120     cursor: pointer;
 121 }
 122
 123 .tag_title {
 124         font-size : 90%;
 125         padding : .2em 0;
 126 }
 127
 128 .tagnum {
 129         font-size : 130%;
 130         font-weight : bold;
 131         color : #000;
 132         padding : .1em .3em .1em 0;
 133 }
 134
 135 a.tagnum {
 136         font-size : 110%;
 137         font-weight : bold;
 138         color : #000;
 139         padding : .1em .3em .1em 0;
 140         text-decoration : none;
 141 }
 142
 143 .subfield {
 144         color : #00698a;
 145         float: left;
 146         width: 10em;
 147         text-align:right;
 148 }
 149
 150 .subfield.subfield_mandatory {
 151     color: #C00;
 152 }
 153
 154 .subfieldcode {
 155     display: block;
 156     float: left;
 157 }
 158
 159 .labelsubfield {
 160     float: left;
 161 }
 162
 163 #cat_addbiblio .subfieldcode, #authoritytabs .subfieldcode {
 164     float: none;
 165 }
 166
 167 #cat_addbiblio .labelsubfield, #authoritytabs .labelsubfield {
 168     font-size: 90%;
 169     float: none;
 170 }
 171
 172 #cat_addbiblio .subfield, #authoritytabs .subfield {
 173     float: none;
 174     padding: .25em .5em;
 175 }
 176
 177 #cat_addbiblio .subfield label, #authoritytabs .subfield label {
 178     color: #00698a;
 179 }
 180
 181 .input_marceditor {
 182     float: left;
 183     width: 50%;
 184 }
 185
 186 #cat_addbiblio .input_marceditor, #authoritytabs .input_marceditor {
 187     float: none;
 188     width: 100%;
 189 }
 190
 191 #cat_addbiblio .subfield_line, #authoritytabs .subfield_line {
 192     display: flex;
 193 }
 194
 195 #cat_addbiblio .field_marceditor, #authoritytabs .field_marceditor {
 196     flex-grow: 1;
 197     padding: .25em .5em;
 198 }
 199
 200 #cat_addbiblio .subfield_loop_mandatory, #authoritytabs .subfield_loop_mandatory {
 201     padding: .25em .5em;
 202 }
 203
 204 .indicator {
 205     width: 1em;
 206     box-sizing: content-box;
 207 }
 208
 209 #cataloguing_additem_newitem .subfield_line {
 210     flex-basis: 100%;
 211     display: flex;
 212 }
 213
 214 #cataloguing_additem_newitem fieldset.rows label, #cataloguing_additem_newitem fieldset.rows span.label {
 215         font-size : 100%;
 216     flex-basis : 25%;
 217     margin-right: 1rem;
 218 }
 219
 220 #cataloguing_additem_newitem fieldset.rows li {
 221         padding-bottom : 3px;
 222 }
 223
 224 #cataloguing_additem_newitem .input_marceditor {
 225     flex-basis: 50%;
 226 }
 227
 228 #cataloguing_additem_newitem textarea.input_marceditor {
 229     width: 31em;
 230 }
 231
 232 #cat_addbiblio .field_marceditor .flatpickr_wrapper {
 233     display: none;
 234 }
 235
 236 .mandatory_marker {
 237         color: red;
 238 }
 239 .linktools { display: block; white-space: nowrap; }
 240 .linktools a { font-size : 75%; display:block;text-decoration:none;}
 241 .linktools a {margin:0 2px;padding:2px;background-color:#FFF;text-align:center; }
 242 .linktools a:first-child { border-bottom: 1px solid #DDD; }
 243 .linktools a:hover { background-color: #FFC; }
 244 .subfield_controls { margin: 0 .5em; }
 245
 246 #cataloguing_additem_itemlist {
 247         margin-bottom : 1em;
 248 }
 249
 250 tbody tr.active:nth-child(2n+1) td,
 251 tbody tr.active td {
 252     background-color: #FFFFCC;
 253 }
 254
 255 #loading {
 256     background-color: #FFF;
 257     cursor: wait;
 258     height: 100%;
 259     left: 0;
 260     opacity: .7;
 261     position: fixed;
 262     top: 0;
 263     width: 100%;
 264     z-index: 1000;
 265 }
 266 #loading div {
 267     background : transparent url(../img/loading.gif) top left no-repeat;
 268     font-size : 175%;
 269     font-weight: bold;
 270     height: 2em;
 271     left: 50%;
 272     margin: -1em 0 0 -2.5em;
 273     padding-left : 50px;
 274     position: absolute;
 275     top: 50%;
 276     width: 15em;
 277 }
 278
 279 .toolbar-tabs-container {
 280     flex-basis: 100%;
 281 }
 282
 283 .toolbar-tabs {
 284     background-color: #FFF;
 285     clear: both;
 286     display: flex;
 287     flex-direction: row;
 288     justify-content: center;
 289     margin-bottom: 0;
 290     padding-left: 0;
 291 }
 292
 293 .toolbar-tabs li {
 294     background-color: #fff;
 295     display: flex;
 296     justify-content: center;
 297     flex-grow: 1;
 298     text-align: center;
 299     margin-bottom: 0;
 300 }
 301
 302 .toolbar-tabs li a {
 303     border: 1px solid #71B443;
 304     border-left: 0;
 305     background-color: #71B443;
 306     border-right: 1px solid #71B443;
 307     border-radius: 5px;
 308     margin: 5px;
 309     display: block;
 310     color: #fff;
 311     font-weight: bold;
 312     padding: .3em 1.5em;
 313     width: 100%;
 314 }
 315
 316 .toolbar-tabs li.selected a {
 317     background-color: #418940;
 318     border-right: 1px solid #418940;
 319     border-bottom: 1px solid #418940;
 320     text-decoration: none;
 321     font-weight: bold;
 322     margin: 5px;
 323     display: block;
 324     color: #fff;
 325     font-weight: bold;
 326     padding: .3em 1.5em;
 327     width: 100%;
 328 }
 329
 330 .toolbar-tabs li.selected a:hover {
 331     background-color: #418940;
 332 }
 333
 334 .toolbar-tabs li a:hover {
 335     background-color: #418940;
 336     text-decoration: none;
 337     border-right: 1px solid #418940;
 338     border-bottom: 1px solid #418940;
 339     margin: 5px;
 340     display: block;
 341     color: #fff;
 342     font-weight: bold;
 343     padding: .3em 1.5em;
 344     width: 100%;
 345 }
 346
 347 .toolbar-tabs li:first-child a {
 348     border-left: 1px solid #EDF4F6;
 349 }
 350
 351 .tag_anchors_list {
 352     background-color: #FFF;
 353     clear: both;
 354     display: block;
 355     font-size: 95%;
 356     margin-bottom: 0;
 357     padding-left: 0;
 358 }
 359
 360 .tag_anchor.selected {
 361     font-weight: bold;
 362 }
 363
 364 .tag_anchors {
 365     display: none;
 366     padding: .5em 0;
 367 }
 368
 369 .tag_anchors a {
 370     border-right: 1px solid #EDF4F6;
 371     display: inline-block;
 372     padding: 0 .4em;
 373 }
 374
 375 .tag_anchors.tab_selected {
 376     display: inline-block;
 377 }
 378
 379 .matching_authority{
 380     color: #99FF99;
 381 }
 382
 383 .no_matching_authority{
 384     color: #FFAAAA;
 385 }
 386
 387 .matching_authority_field{
 388      background-color: #99FF99 !important;
 389  }
 390
 391  .no_matching_authority_field{
 392      background-color: #FFAAAA !important;
 393  }
 394
 395  .show-errors {
 396     background: #FFEC8C none;
 397     border-color: #E0C726;
 398     color: #000;
 399     display: none;
 400     text-shadow: none;
 401 }
 402
 403 .floating .show-errors {
 404     display: inline-block;
 405 }
 406
 407 @media (min-width: 768px) {
 408     li.subfield_line label {
 409         width: 20em;
 410     }
 411
 412     .input_marceditor {
 413         width: 50em;
 414     }
 415
 416     .subfield {
 417         width: 14em;
 418     }
 419 }
 420
 421 @media (min-width: 1200px) {
 422     li.subfield_line label {
 423         width: 25em;
 424     }
 425
 426     .input_marceditor {
 427         width: 60em;
 428     }
 429
 430     .subfield {
 431         width: 16em;
 432     }
 433 }
 434
 435 .ui-autocomplete {
 436     z-index: 2000;
 437 }
 438
 439 #authoritiestabs .marc_field {
 440     display: inline-block;
 441     padding: .3em;
 442     border-radius: 3px;
 443 }
 444
 445 #authoritiestabs .marc_subfield {
 446     font-weight: bold;
 447     color: #666;
 448 }
 449
 450 #authoritiestabs .marc_subfield_desc {
 451     color: #00698a;
 452     font-style: italic;
 453 }
 454
 455 #authoritiestabs .auth_subfield {
 456     display: flex;
 457 }
 458
 459 #authoritiestabs .tag {
 460     padding: .4em 0;
 461 }
 462
 463 #authoritiestabs .tag_desc {
 464     color: #026;
 465 }
 466
 467 #authoritiestabs .tag_num {
 468     color: #080;
 469 }
 470
 471 #authoritiestabs .tag_title {
 472     font-size: 100%;
 473     font-weight: bold;
 474     padding: 0;
 475 }
 476