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

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