7 background-color: #FFF;
19 background : transparent url(../img/loading.gif) top left no-repeat;
24 margin: -1em 0 0 -2.5em;
35 #alerts-container h3 {
39 #alerts-container > ul {
43 #alerts-container > ul > li {
44 border-bottom: 1px solid #DDD;
49 #alerts-container > ul > li:first-child {
53 #alerts-container > ul > li:last-child {
58 .humanMsg.humanSuccess {
64 #shortcuts-container {
88 background-color: #F4F4F4;
91 border-right: 2px solid white;
98 .cm-bad-subfieldcode {
99 background-color: #FFD9D9;
101 border-radius: 3px 8px 8px 3px;
106 background-color: #DDDDBB;
110 border-bottom: 2px dotted #CC3333;
113 #editor .modified-line-gutter {
117 #editor .modified-line {
119 border-left: 5px solid black;
124 #editor .CodeMirror-gutters {
125 background: transparent;
129 /*> MARC editor widgets */
131 #editor .subfield-widget {
133 border: solid 2px #538200;
135 font-family: inherit;
141 #editor .subfield-widget button {
142 font-family: inherit;
147 vertical-align: middle;
150 #editor .subfield-widget select, #editor .subfield-widget input {
152 vertical-align: middle;
155 #editor .subfield-widget select:focus {
156 outline: 2px #83A230 solid;
159 #editor .fixed-widget input {
166 #editor .fixed-widget select {
170 #editor .fixed-widget .material-select {
175 #editor .fixed-collapsed {
176 display: inline-block;
179 text-decoration: underline;
182 #editor .hidden-widget {
184 border: solid 2px #AAAAAA;
198 vertical-align: text-bottom;
202 background-color: #F4F8F9;
203 border: solid 2px #b9d8d9;
209 #statusbar #status-tag-info, #statusbar #status-subfield-info {
216 #record-info .label {
220 #record-info .label + span {
227 #advanced-search-ui .modal-lg, #search-results-ui .modal-lg, #macro-ui .modal-lg {
235 .modal-lg .modal-body {
239 #quicksearch-overlay {
240 background: rgba(255, 255, 255, .9);
241 border: 2px solid #CC8877;
243 -moz-box-sizing: border-box;
244 -webkit-box-sizing: border-box;
245 box-sizing: border-box;
248 vertical-align: middle;
251 #quicksearch-overlay h3 {
258 #quicksearch-overlay p {
267 #quicksearch input, #quicksearch a {
270 width: 96%; /* I have no idea why this is necessary */
273 #show-advanced-search {
278 #advanced-search-fields {
279 -moz-column-width: 26em;
280 -webkit-column-width: 26em;
286 #advanced-search-fields li {
288 list-style-type: none;
291 #advanced-search-fields label {
292 display: inline-block;
294 padding: 1em 1em 1em 0;
299 #advanced-search-fields input {
300 display: inline-block;
306 /*> Search results */
308 #search-serversinfo li {
309 list-style-type: none;
312 #search-serversinfo .search-toggle-server {
316 #searchresults table {
339 #searchresults .toolscol li {
340 list-style-type: none;
341 list-style-image: none;
345 border-bottom: 1px solid #BCBCBC;
352 font-family: monospace;
354 white-space: pre-wrap;
376 #macro-save-message {
384 border: 2px solid #F0F0F0;
390 #macro-list > li + li {
394 #macro-list .active {
404 #macro-list a:focus {
409 background-color: #F4F4F4;
419 list-style-type: none;
428 #macro-list .active .macro-info {
432 .btn-toolbar label, .btn-toolbar select {
434 vertical-align: middle;
441 .btn-toolbar select {
447 flex-direction: column;
451 #macro-editor .CodeMirror {
456 /* Hotpatch from latest CodeMirror: Fix gutter positioning */
457 .CodeMirror-gutter-wrapper {
461 /* Small devices (tablets, 768px and up) */
462 @media (min-width: @screen-sm-min) {
464 border-bottom-style: none;
465 border-radius: 6px 6px 0 0;
466 margin-bottom: -32px;
470 #keyboard-layout .layouts {
474 #keyboard-layout .layouts > div {
478 .ui-keyboard-accept {