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