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;
109 #editor .modified-line-gutter
{
113 #editor .modified-line
{
115 border-left: 5px solid black
;
120 #editor .CodeMirror-gutters
{
121 background: transparent
;
125 /*> MARC editor widgets */
127 #editor .subfield-widget
{
129 border: solid
2px #538200;
131 font-family: inherit
;
137 #editor .subfield-widget button
{
138 font-family: inherit
;
141 vertical-align: middle
;
144 #editor .subfield-widget select
, #editor
.subfield-widget input
{
146 vertical-align: middle
;
149 #editor .subfield-widget
select:focus
{
150 outline: 2px #83A230 solid
;
153 #editor .fixed-widget input
{
160 #editor .fixed-widget select
{
164 #editor .fixed-widget
.material-select
{
169 #editor .fixed-collapsed
{
170 display: inline-block
;
173 text-decoration: underline
;
176 #editor .hidden-widget
{
178 border: solid
2px #AAAAAA;
192 vertical-align: text-bottom
;
196 background-color: #F4F8F9;
197 border: solid
2px #b9d8d9;
198 border-bottom-style: none
;
199 border-radius: 6px 6px 0 0;
200 margin-bottom: -32px;
206 #statusbar #status-tag-info
, #statusbar #status-subfield-info
{
213 #record-info .label
{
217 #record-info .label
+ span
{
224 #advanced-search-ui .modal-lg
, #search-results-ui
.modal-lg
, #macro-ui
.modal-lg
{
232 .modal-lg .modal-body {
236 #quicksearch-overlay {
237 background: rgba
(255, 255, 255, .9);
238 border: 2px solid
#CC8877;
240 -moz-box-sizing: border-box
;
241 -webkit-box-sizing: border-box
;
242 box-sizing: border-box
;
245 vertical-align: middle
;
248 #quicksearch-overlay h3
{
255 #quicksearch-overlay p
{
264 #quicksearch input
, #quicksearch a
{
267 width: 96%; /* I have no idea why this is necessary */
270 #show-advanced-search {
275 #advanced-search-fields {
276 -moz-column-width: 26em;
277 -webkit-column-width: 26em;
283 #advanced-search-fields li
{
285 list-style-type: none
;
288 #advanced-search-fields label
{
289 display: inline-block
;
291 padding: 1em 1em 1em 0;
296 #advanced-search-fields input
{
297 display: inline-block
;
303 /*> Search results */
305 #search-serversinfo li
{
306 list-style-type: none
;
309 #search-serversinfo .search-toggle-server
{
313 #searchresults table
{
336 #searchresults .toolscol li
{
337 list-style-type: none
;
338 list-style-image: none
;
342 border-bottom: 1px solid
#BCBCBC;
349 font-family: monospace
;
351 white-space: pre-wrap
;
373 #macro-save-message {
381 border: 2px solid
#F0F0F0;
387 #macro-list > li
+ li
{
391 #macro-list .active
{
401 #macro-list a:focus
{
406 background-color: #F4F4F4;
416 list-style-type: none
;
425 #macro-list .active
.macro-info
{
429 .btn-toolbar label, .btn-toolbar select {
431 vertical-align: middle
;
438 .btn-toolbar select {
444 flex-direction: column
;
448 #macro-editor .CodeMirror
{
453 /* Hotpatch from latest CodeMirror: Fix gutter positioning */
454 .CodeMirror-gutter-wrapper {