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 #cataloguing_additem_newitem .subfield_line {
 223     display: flex;
 224     flex-basis: 100%;
 225 }
 226
 227 #cataloguing_additem_newitem fieldset.rows label,
 228 #cataloguing_additem_newitem fieldset.rows span.label {
 229     flex-basis: 25%;
 230     font-size: 100%;
 231     margin-right: 1rem;
 232 }
 233
 234 #cataloguing_additem_newitem fieldset.rows li {
 235     padding-bottom: 3px;
 236 }
 237
 238 #cataloguing_additem_newitem .input_marceditor {
 239     flex-basis: 50%;
 240 }
 241
 242 #cataloguing_additem_newitem textarea.input_marceditor {
 243     width: 31em;
 244 }
 245
 246 #cat_addbiblio .field_marceditor .flatpickr_wrapper {
 247     display: none;
 248 }
 249
 250 .mandatory_marker {
 251     color: #C00;
 252 }
 253
 254 .linktools {
 255     display: block;
 256     white-space: nowrap;
 257 }
 258
 259 .linktools a {
 260     background-color: #FFF;
 261     display: block;
 262     font-size: 75%;
 263     margin: 0 2px;
 264     padding: 2px;
 265     text-align: center;
 266     text-decoration: none;
 267 }
 268
 269 .linktools a:first-child {
 270     border-bottom: 1px solid #DDD;
 271 }
 272
 273 .linktools a:hover {
 274     background-color: #FFC;
 275 }
 276
 277 .subfield_controls {
 278     margin: 0 .5em;
 279 }
 280
 281 #cataloguing_additem_itemlist {
 282     margin-bottom: 1em;
 283 }
 284
 285 tbody tr.active:nth-child( 2n+1 ) td,
 286 tbody tr.active td {
 287     background-color: #FFFFCC;
 288 }
 289
 290 #loading {
 291     background-color: #FFF;
 292     cursor: wait;
 293     height: 100%;
 294     left: 0;
 295     opacity: .7;
 296     position: fixed;
 297     top: 0;
 298     width: 100%;
 299     z-index: 1000;
 300 }
 301
 302 #loading div {
 303     background: transparent url( "../img/loading.gif" ) top left no-repeat;
 304     font-size: 175%;
 305     font-weight: bold;
 306     height: 2em;
 307     left: 50%;
 308     margin: -1em 0 0 -2.5em;
 309     padding-left: 50px;
 310     position: absolute;
 311     top: 50%;
 312     width: 15em;
 313 }
 314
 315 .toolbar-tabs-container {
 316     flex-basis: 100%;
 317     margin-top: .5em;
 318 }
 319
 320 .toolbar-tabs {
 321     background-color: #FFF;
 322     clear: both;
 323     display: flex;
 324     flex-direction: row;
 325     justify-content: center;
 326     margin-bottom: 0;
 327     padding-left: 0;
 328 }
 329
 330 .toolbar-tabs li {
 331     background-color: #FFF;
 332     display: flex;
 333     flex-grow: 1;
 334     justify-content: center;
 335     margin-bottom: 0;
 336     text-align: center;
 337 }
 338
 339 .toolbar-tabs li a {
 340     background-color: #71B443;
 341     border: 1px solid #71B443;
 342     border-left: 0;
 343     border-radius: 5px;
 344     border-right: 1px solid #71B443;
 345     color: #FFF;
 346     display: block;
 347     font-weight: bold;
 348     margin: 5px;
 349     padding: .3em 1.5em;
 350     width: 100%;
 351 }
 352
 353 .toolbar-tabs li.selected a {
 354     background-color: #418940;
 355     border-bottom: 1px solid #418940;
 356     border-right: 1px solid #418940;
 357     color: #FFF;
 358     display: block;
 359     font-weight: bold;
 360     margin: 5px;
 361     padding: .3em 1.5em;
 362     text-decoration: none;
 363     width: 100%;
 364 }
 365
 366 .toolbar-tabs li.selected a:hover {
 367     background-color: #418940;
 368 }
 369
 370 .toolbar-tabs li a:hover {
 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 .tag_anchors_list {
 384     background-color: #FFF;
 385     clear: both;
 386     display: block;
 387     font-size: 95%;
 388     margin-bottom: 0;
 389     padding-left: 0;
 390 }
 391
 392 .tag_anchor.selected {
 393     font-weight: bold;
 394 }
 395
 396 .tag_anchors {
 397     display: none;
 398     padding: .5em 0;
 399 }
 400
 401 .tag_anchors a {
 402     border-right: 1px solid #CCC;
 403     display: inline-block;
 404     padding: 0 .4em;
 405 }
 406
 407 .tag_anchors.tab_selected {
 408     display: inline-block;
 409 }
 410
 411 .matching_authority {
 412     color: #99FF99;
 413 }
 414
 415 .no_matching_authority {
 416     color: #FFAAAA;
 417 }
 418
 419 .matching_authority_field {
 420     background-color: #99FF99 !important;
 421 }
 422
 423 .no_matching_authority_field {
 424     background-color: #FFAAAA !important;
 425 }
 426
 427 .show-errors {
 428     background: #FFEC8C none;
 429     border-color: #E0C726;
 430     color: #000;
 431     display: none;
 432     text-shadow: none;
 433 }
 434
 435 .floating .show-errors {
 436     display: inline-block;
 437 }
 438
 439 @media ( min-width: 768px ) {
 440     li.subfield_line label {
 441         width: 20em;
 442     }
 443
 444     .input_marceditor {
 445         width: 50em;
 446     }
 447
 448     .subfield {
 449         width: 14em;
 450     }
 451 }
 452
 453 @media ( min-width: 1200px ) {
 454     li.subfield_line label {
 455         width: 25em;
 456     }
 457
 458     .input_marceditor {
 459         width: 60em;
 460     }
 461
 462     .subfield {
 463         width: 16em;
 464     }
 465 }
 466
 467 .ui-autocomplete {
 468     z-index: 2000;
 469 }
 470
 471 #authoritiestabs .marc_field {
 472     border-radius: 3px;
 473     display: inline-block;
 474     padding: .3em;
 475 }
 476
 477 #authoritiestabs .marc_subfield {
 478     color: #666;
 479     font-weight: bold;
 480 }
 481
 482 #authoritiestabs .marc_subfield_desc {
 483     color: #00698A;
 484     font-style: italic;
 485 }
 486
 487 #authoritiestabs .auth_subfield {
 488     display: flex;
 489 }
 490
 491 #authoritiestabs .tag {
 492     padding: .4em 0;
 493 }
 494
 495 #authoritiestabs .tag_desc {
 496     color: #026;
 497 }
 498
 499 #authoritiestabs .tag_num {
 500     color: #080;
 501 }
 502
 503 #authoritiestabs .tag_title {
 504     font-size: 100%;
 505     font-weight: bold;
 506     padding: 0;
 507 }