Bug 26922: Regression tests
[koha.git] / koha-tmpl / intranet-tmpl / prog / css / addbiblio.css
blobfebbd2096d665e99f1c357998ffebbc6eb9e5628
1 form {
2 display: block;
5 div#toolbar {
6 border: 0;
9 #addbibliotabs .ui-tabs-nav {
10 display: none;
13 .ui-tabs-panel h3 {
14 font-size: 140%;
15 margin: .3em 0;
18 .ui-tabs-panel ul {
19 margin-bottom: 0;
20 padding-left: 0;
23 ul li.tag, ul li.tag li.subfield_line {
24 list-style-type: none;
25 position: relative;
26 padding-left: 30px;
29 ul li.tag::before {
30 position: absolute;
31 font-size: .8em;
32 top: 0;
33 left: 10px;
34 content: " ";
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";
50 ul li.tag::before {
51 padding-top: 1.7em;
54 li.ui-sortable-helper {
55 background-color: #e0e0e0;
56 max-height: 150px;
57 padding: 2px;
58 border-radius: 4px;
61 li.ui-sortable-helper ul li {
62 display: none !important;
65 .sortable_subfield .ui-sortable-helper input.flat {
66 background-color: transparent;
69 ul li.tag li.subfield_line.ui-sortable-helper::before {
70 top: 5px;
73 .buttonPlus {
74 font-weight : bold;
75 text-decoration : none;
78 .buttonMinus {
79 font-weight : bold;
80 text-decoration : none;
83 a.expandfield {
84 text-decoration : none;
87 #authoritytabs {
88 margin-top : 1em;
89 margin-bottom : 1em;
92 .toptabs .ui-tabs-nav li a {
93 padding : .2em 1.2em;
96 .tag {
97 border-bottom: 2px solid #D5E6E9;
98 clear: both;
99 padding: .7em 0;
102 li.subfield_line {
103 padding-bottom: .3em;
104 float: left;
105 clear: left;
106 width: 100%;
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;
118 .subfieldcode img {
119 cursor: pointer;
122 .tag_title {
123 font-size : 90%;
124 padding : .2em 0;
127 .tagnum {
128 font-size : 130%;
129 font-weight : bold;
130 color : #000;
131 padding : .1em .3em .1em 0;
134 a.tagnum {
135 font-size : 110%;
136 font-weight : bold;
137 color : #000;
138 padding : .1em .3em .1em 0;
139 text-decoration : none;
142 .subfield {
143 color : #00698a;
144 float: left;
145 width: 10em;
146 text-align:right;
149 .subfield.subfield_mandatory {
150 color: #C00;
153 .subfieldcode {
154 display: block;
155 float: left;
158 .labelsubfield {
159 float: left;
162 #cat_addbiblio .subfieldcode {
163 float: none;
166 #cat_addbiblio .labelsubfield {
167 font-size: 90%;
168 float: none;
171 #cat_addbiblio .subfield {
172 float: none;
173 padding: .25em .5em;
176 #cat_addbiblio .subfield label {
177 color: #00698a;
180 .input_marceditor {
181 float:left;
182 width:30em;
185 #cat_addbiblio .input_marceditor {
186 float: none;
187 width: 100%;
190 #cat_addbiblio .subfield_line {
191 display: flex;
194 #cat_addbiblio .field_marceditor {
195 flex-grow: 1;
196 padding: .25em .5em;
199 #cat_addbiblio .subfield_loop_mandatory {
200 padding: .25em .5em;
203 .indicator {
204 width: 1em;
205 box-sizing: content-box;
208 #cataloguing_additem_newitem fieldset.rows label, #cataloguing_additem_newitem fieldset.rows span.label {
209 font-size : 100%;
210 width : 25%;
213 #cataloguing_additem_newitem fieldset.rows li {
214 padding-bottom : 3px;
217 #cataloguing_additem_newitem .input_marceditor {
218 width: auto;
221 #cataloguing_additem_newitem textarea.input_marceditor {
222 width: 31em;
225 .mandatory_marker {
226 color: red;
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; }
235 #cataloguing_additem_itemlist {
236 margin-bottom : 1em;
239 tbody tr.active:nth-child(2n+1) td,
240 tbody tr.active td {
241 background-color: #FFFFCC;
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;
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;
268 .ui-tabs .ui-tabs-panel {
269 border: 0;
270 padding: 0;
273 .toolbar-tabs-container {
274 margin: 3em -5px -5px -5px;
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;
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;
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%;
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;
315 .toolbar-tabs li.selected a:hover {
316 background-color: #EDF4F6;
319 .toolbar-tabs li a:hover {
320 background-color: #F4F8F9;
323 .toolbar-tabs li:first-child a {
324 border-left: 1px solid #EDF4F6;
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;
336 .tag_anchor.selected {
337 font-weight: bold;
340 .tag_anchors {
341 display: none;
342 padding: .5em 0;
345 .tag_anchors a {
346 border-right: 1px solid #EDF4F6;
347 display: inline-block;
348 padding: 0 .4em;
351 .tag_anchors.tab_selected {
352 display: inline-block;
355 @media (min-width: 768px) {
356 li.subfield_line label {
357 width: 20em;
360 .input_marceditor {
361 width: 50em;
364 .subfield {
365 width: 14em;
369 @media (min-width: 1200px) {
370 li.subfield_line label {
371 width: 25em;
374 .input_marceditor {
375 width: 60em;
378 .subfield {
379 width: 16em;
383 .ui-autocomplete {
384 z-index: 2000;
387 #authoritiestabs .marc_field {
388 display: inline-block;
389 padding: .3em;
390 border-radius: 3px;
393 #authoritiestabs .marc_subfield {
394 font-weight: bold;
395 color: #666;
398 #authoritiestabs .marc_subfield_desc {
399 color: #00698a;
400 font-style: italic;
403 #authoritiestabs .auth_subfield {
404 display: flex;
407 #authoritiestabs .tag {
408 padding: .4em 0;
411 #authoritiestabs .tag_desc {
412 color: #026;
415 #authoritiestabs .tag_num {
416 color: #080;
419 #authoritiestabs .tag_title {
420 font-size: 100%;
421 font-weight: bold;
422 padding: 0;
425 #authoritiestabs .ui-tabs-nav.ui-widget-header {
426 border-bottom: 1px solid #b9d8d9;
427 border-radius: 0;