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

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