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

   1 /*> Infrastructure */
   2 body {
   3     padding: 0;
   4 }
   5
   6 #loading {
   7     background-color: #FFF;
   8     cursor: wait;
   9     height: 100%;
  10     left: 0;
  11     opacity: .7;
  12     position: fixed;
  13     top: 0;
  14     width: 100%;
  15     z-index: 1000;
  16 }
  17
  18 #loading div {
  19     background : transparent url(../img/loading.gif) top left no-repeat;
  20     font-size : 175%;
  21     font-weight: bold;
  22     height: 2em;
  23     left: 50%;
  24     margin: -1em 0 0 -2.5em;
  25     padding-left : 50px;
  26     position: absolute;
  27     top: 50%;
  28     width: 15em;
  29 }
  30
  31 #alerts-container {
  32     font-size: 12px;
  33 }
  34
  35 #alerts-container h3 {
  36     font-size: inherit;
  37 }
  38
  39 #alerts-container > ul {
  40     padding: 0;
  41 }
  42
  43 #alerts-container > ul > li {
  44     border-bottom: 1px solid #DDD;
  45     display: block;
  46     padding: 4px 0;
  47 }
  48
  49 #alerts-container > ul > li:first-child {
  50     padding-top: 0;
  51 }
  52
  53 #alerts-container > ul > li:last-child {
  54     border-bottom: none;
  55     padding-bottom: 0;
  56 }
  57
  58 .humanMsg.humanSuccess {
  59         left: 75%;
  60     width: 20%;
  61     top: 160px;
  62 }
  63
  64 #shortcuts-container {
  65     font-size: 12px;
  66 }
  67
  68 /*> MARC editor */
  69 #editor .CodeMirror {
  70     line-height: 1.2;
  71 }
  72
  73 .cm-tagnumber {
  74     color: #080;
  75     font-weight: bold;
  76 }
  77
  78 .cm-bad-tagnumber {
  79     color: #A20;
  80     font-weight: bold;
  81 }
  82
  83 .cm-indicator {
  84     color: #884;
  85 }
  86
  87 .cm-subfieldcode {
  88     background-color: #F4F4F4;
  89     color: #187848;
  90     border-radius: 3px;
  91     border-right: 2px solid white;
  92     font-weight: bold;
  93     padding-left: 3px;
  94     padding-right: 3px;
  95     margin-right: -2px;
  96 }
  97
  98 .cm-bad-subfieldcode {
  99     background-color: #FFD9D9;
 100     color: #482828;
 101     border-radius: 3px 8px 8px 3px;
 102     font-weight: bold;
 103 }
 104
 105 .cm-end-space {
 106     background-color: #DDDDBB;
 107 }
 108
 109 #editor .modified-line-gutter {
 110     width: 10px;
 111 }
 112
 113 #editor .modified-line {
 114     background: #F8F8F8;
 115     border-left: 5px solid black;
 116     margin-left: -10px;
 117     padding-left: 5px;
 118 }
 119
 120 #editor .CodeMirror-gutters {
 121     background: transparent;
 122     border-right: none;
 123 }
 124
 125 /*> MARC editor widgets */
 126
 127 #editor .subfield-widget {
 128     color: #538200;
 129     border: solid 2px #538200;
 130     border-radius: 6px;
 131     font-family: inherit;
 132     line-height: 2.75;
 133     margin: 3px 0;
 134     padding: 2px;
 135 }
 136
 137 #editor .subfield-widget select, #editor .subfield-widget input {
 138     height: 1.5em;
 139     vertical-align: middle;
 140 }
 141
 142 #editor .subfield-widget select:focus {
 143     outline: 2px #83A230 solid;
 144 }
 145
 146 #editor .fixed-widget input {
 147     width: 4em;
 148     padding: 0;
 149     border-radius: 2px;
 150     border-width: 1px;
 151 }
 152
 153 #editor .fixed-widget select {
 154     width: 3em;
 155 }
 156
 157 #editor .fixed-widget .material-select {
 158     width: 4.5em;
 159     margin-right: .5em;
 160 }
 161
 162 #editor .fixed-collapsed {
 163     display: inline-block;
 164     margin: 0 .25em;
 165     text-align: center;
 166     text-decoration: underline;
 167 }
 168
 169 #editor .hidden-widget {
 170     color: #999999;
 171     border: solid 2px #AAAAAA;
 172     line-height: 2;
 173     padding: 2px;
 174 }
 175
 176 .structure-error {
 177     background: #FFEEEE;
 178     font-size: 0.9em;
 179     line-height: 1.5;
 180     margin: .5em;
 181     padding: 0 .5em;
 182 }
 183
 184 .structure-error i {
 185     vertical-align: text-bottom;
 186 }
 187
 188 #statusbar {
 189     background-color: #F4F8F9;
 190     border: solid 2px #b9d8d9;
 191     border-bottom-style: none;
 192     border-radius: 6px 6px 0 0;
 193     margin-bottom: -32px;
 194     overflow: auto;
 195     padding: 4px;
 196     padding-bottom: 0;
 197 }
 198
 199 #statusbar #status-tag-info, #statusbar #status-subfield-info {
 200     float: left;
 201     overflow: hidden;
 202     padding-right: 2%;
 203     width: 48%;
 204 }
 205
 206 #record-info .label {
 207     float: none;
 208 }
 209
 210 #record-info .label + span {
 211     display: block;
 212     padding-left: 1em;
 213 }
 214
 215 /*> Search */
 216
 217 #advanced-search-ui .modal-lg, #search-results-ui .modal-lg, #macro-ui .modal-lg {
 218     width: 90%;
 219 }
 220
 221 .modal-body {
 222     max-height: none;
 223 }
 224
 225 .modal-lg .modal-body {
 226     overflow-y: auto;
 227 }
 228
 229 #quicksearch-overlay {
 230     background: rgba(255, 255, 255, .9);
 231     border: 2px solid #CC8877;
 232     border-radius: 5px;
 233     -moz-box-sizing: border-box;
 234     -webkit-box-sizing: border-box;
 235     box-sizing: border-box;
 236     color: #664444;
 237     position: relative;
 238     vertical-align: middle;
 239 }
 240
 241 #quicksearch-overlay h3 {
 242     font-size: 1.5em%;
 243     margin: 0;
 244     text-align: center;
 245     padding: 50px 5px;
 246 }
 247
 248 #quicksearch-overlay p {
 249     bottom: 0;
 250     font-size: .8em;
 251     overflow: hidden;
 252     padding: 8px 15px;
 253     position: absolute;
 254     text-align: center;
 255 }
 256
 257 #quicksearch input, #quicksearch a {
 258     font-size: 1.2em;
 259     padding: 3px 0;
 260     width: 96%; /* I have no idea why this is necessary */
 261 }
 262
 263 #show-advanced-search {
 264     display: block;
 265     margin-top: .3em;
 266 }
 267
 268 #advanced-search-fields {
 269     -moz-column-width: 26em;
 270     -webkit-column-width: 26em;
 271     column-width: 26em;
 272     margin: 0;
 273     padding: 0;
 274 }
 275
 276 #advanced-search-fields li {
 277     display: block;
 278     list-style-type: none;
 279 }
 280
 281 #advanced-search-fields label {
 282     display: inline-block;
 283     font-weight: bold;
 284     padding: 1em 1em 1em 0;
 285     width: 10em;
 286     text-align: right;
 287 }
 288
 289 #advanced-search-fields input {
 290     display: inline-block;
 291     margin: 0px auto;
 292     width: 14em;
 293 }
 294
 295
 296 /*> Search results */
 297
 298 #search-serversinfo li {
 299     list-style-type: none;
 300 }
 301
 302 #search-serversinfo .search-toggle-server {
 303     margin-right: 5px;
 304 }
 305
 306 #searchresults table {
 307     width: 100%;
 308 }
 309
 310 .sourcecol {
 311     width: 50px;
 312 }
 313
 314 .results-info {
 315     height: 100px;
 316     overflow: auto;
 317 }
 318
 319 .toolscol {
 320     padding: 0;
 321     width: 100px;
 322 }
 323
 324 .toolscol ul {
 325     margin: 0;
 326     padding: 0;
 327 }
 328
 329 #searchresults .toolscol li {
 330     list-style-type: none;
 331     list-style-image: none;
 332 }
 333
 334 .toolscol a {
 335     border-bottom: 1px solid #BCBCBC;
 336     display: block;
 337     padding: 0 1em;
 338     line-height: 24px;
 339 }
 340
 341 .marccol {
 342     font-family: monospace;
 343     height: auto;
 344     white-space: pre-wrap;
 345 }
 346
 347 #searchresults {
 348     position: relative;
 349 }
 350
 351 #search-overlay {
 352     background: white;
 353     bottom: 0;
 354     font-size: 2em;
 355     left: 0;
 356     opacity: .7;
 357     padding: 2em;
 358     position: absolute;
 359     right: 0;
 360     text-align: center;
 361     top: 0;
 362     z-index: 9001;
 363 }
 364
 365 /*> Macros */
 366 #macro-save-message {
 367     color: #666;
 368     font-size: 13px;
 369     float: right;
 370     line-height: 26px;
 371 }
 372
 373 #macro-list > li {
 374     border: 2px solid #F0F0F0;
 375     border-radius: 6px;
 376     display: block;
 377     font-size: 115%;
 378 }
 379
 380 #macro-list > li + li {
 381     margin-top: -2px;
 382 }
 383
 384 #macro-list .active {
 385     background: #EDF4F6;
 386     border-color: none;
 387 }
 388
 389 #macro-list a {
 390     display: block;
 391     padding: 6px;
 392 }
 393
 394 #macro-list a:focus {
 395     outline: none;
 396 }
 397
 398 .macro-info {
 399     background-color: #F4F4F4;
 400     display: none;
 401     margin: 0;
 402     padding: 10px;
 403     text-align: right;
 404 }
 405
 406 .macro-info li {
 407     color: #666;
 408     font-size: 75%;
 409     list-style-type: none;
 410 }
 411
 412 .macro-info .label {
 413     clear: left;
 414     font-weight: bold;
 415     float: left;
 416 }
 417
 418 #macro-list .active .macro-info {
 419     display: block;
 420 }
 421
 422 .btn-toolbar label, .btn-toolbar select {
 423     font-size: 13px;
 424     vertical-align: middle;
 425 }
 426
 427 .btn-toolbar label {
 428     margin-left: 1em;
 429 }
 430
 431 .btn-toolbar select {
 432     padding: 2px;
 433 }
 434
 435 #macro-editor {
 436     display: flex;
 437     flex-direction: column;
 438     height: 100%;
 439 }
 440
 441 #macro-editor .CodeMirror {
 442     flex: 1;
 443     font-size: 13px;
 444 }
 445
 446 /* Hotpatch from latest CodeMirror: Fix gutter positioning */
 447 .CodeMirror-gutter-wrapper {
 448     position: absolute;
 449 }