Bug 22399: Improve responsive behavior of the basic marc editor
[koha.git] / 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 .buttonPlus {
19         font-weight : bold;
20         text-decoration : none;
21 }
22
23 .buttonMinus {
24         font-weight : bold;
25         text-decoration : none;
26 }
27
28 a.expandfield {
29         text-decoration : none;
30 }
31
32 #authoritytabs {
33         margin-top : 1em;
34         margin-bottom : 1em;
35 }
36
37 .toptabs .ui-tabs-nav li a {
38         padding : .2em 1.2em;
39 }
40
41 .tag {
42     border-bottom: 2px solid #D5E6E9;
43     padding: .7em 0;
44 }
45
46 .tag .row {
47     margin-left: 0;
48     margin-right: 0;
49 }
50
51 div.subfield_line {
52     padding-bottom: .3em;
53 }
54
55 div.subfield_line label {
56     font-size:89%;
57     text-align: left;
58 }
59
60 .subfieldcode img {
61     cursor: pointer;
62 }
63
64 .tag_title {
65         font-size : 90%;
66         padding : .2em 0;
67 }
68
69 .tagnum {
70         font-size : 130%;
71         font-weight : bold;
72         color : #000;
73         padding : .1em .3em .1em 0;
74 }
75
76 a.tagnum {
77         font-size : 110%;
78         font-weight : bold;
79         color : #000;
80         padding : .1em .3em .1em 0;
81         text-decoration : none;
82 }
83
84 .subfield {
85         color : #00698a;
86         text-align:right;
87 }
88
89 .input_marceditor {
90     float:left;
91     width: 70%;
92 }
93
94 .indicator {
95     width: 1em;
96     box-sizing: content-box;
97 }
98
99 #cataloguing_additem_newitem fieldset.rows label, #cataloguing_additem_newitem fieldset.rows span.label {
100         font-size : 100%;
101         width : 25%;
102 }
103
104 #cataloguing_additem_newitem fieldset.rows li {
105         padding-bottom : 3px;
106 }
107 #cataloguing_additem_newitem .input_marceditor {
108         width : auto;
109 }
110
111 #cataloguing_additem_newitem textarea.input_marceditor {
112      width : 31em;
113 }
114
115 .mandatory_marker {
116         color: red;
117 }
118 .linktools { display: block; white-space: nowrap; }
119 .linktools a { font-size : 75%; display:block;text-decoration:none;}
120 .linktools a {margin:0 2px;padding:2px;background-color:#FFF;text-align:center; }
121 .linktools a:first-child { border-bottom: 1px solid #DDD; }
122 .linktools a:hover { background-color: #FFC; }
123 .subfield_controls { margin : 0 .5em; }
124 .readonly { border-width : 1px; border-style: inset; padding-left : 15px; background: #EEE url(../img/locked.png) center left no-repeat; width:29em; }
125
126 #cataloguing_additem_itemlist {
127         margin-bottom : 1em;
128 }
129 .yui-gf div.first {
130         width : 19%;
131 }
132
133 .yui-gf .yui-u {
134         width: 79.2%;
135 }
136
137 tbody tr.active:nth-child(2n+1) td,
138 tbody tr.active td {
139     background-color: #FFFFCC;
140 }
141
142 #loading {
143     background-color: #FFF;
144     cursor: wait;
145     height: 100%;
146     left: 0;
147     opacity: .7;
148     position: fixed;
149     top: 0;
150     width: 100%;
151     z-index: 1000;
152 }
153 #loading div {
154     background : transparent url(../img/loading.gif) top left no-repeat;
155     font-size : 175%;
156     font-weight: bold;
157     height: 2em;
158     left: 50%;
159     margin: -1em 0 0 -2.5em;
160     padding-left : 50px;
161     position: absolute;
162     top: 50%;
163     width: 15em;
164 }
165
166 .ui-tabs .ui-tabs-panel {
167     border: 0;
168     padding: 0;
169 }
170
171 .toolbar-tabs-container {
172     margin: 3em -5px -5px -5px;
173 }
174
175 .toolbar-tabs {
176     background-color: #FFF;
177     clear: both;
178     display: flex;
179     flex-direction: row;
180     justify-content: center;
181     padding-left: 0;
182 }
183
184 .toolbar-tabs li {
185     background-color: #fff;
186     display: flex;
187     justify-content: center;
188     flex-grow: 1;
189     text-align: center;
190     margin-bottom: 0;
191 }
192
193 .toolbar-tabs li a {
194     border: 1px solid #EDF4F6;
195     border-left: 0;
196     border-right: 1px solid #EDF4F6;
197     border-bottom-right-radius: 5px;
198     border-bottom-left-radius: 5px;
199     display: block;
200     font-weight: bold;
201     padding: .3em 1.5em;
202     width: 100%;
203 }
204
205 .toolbar-tabs li.selected a {
206     background-color: #EDF4F6;
207     border-right: 1px solid #C3D6DB;
208     border-bottom: 1px solid #C3D6DB;
209     font-weight: bold;
210 }
211
212 .toolbar-tabs li.selected a:hover {
213     background-color: #EDF4F6;
214 }
215
216 .toolbar-tabs li a:hover {
217     background-color: #F4F8F9;
218 }
219
220 .toolbar-tabs li:first-child a {
221     border-left: 1px solid #EDF4F6;
222 }
223
224 .tag_anchors_list {
225     background-color: #FFF;
226     clear: both;
227     display: block;
228     font-size: 95%;
229     padding-left: 0;
230 }
231
232 .tag_anchor.selected {
233     font-weight: bold;
234 }
235
236 .tag_anchors {
237     display: none;
238     padding: .5em 0;
239 }
240
241 .tag_anchors a {
242     border-right: 1px solid #EDF4F6;
243     display: inline-block;
244     padding: 0 .4em;
245 }
246
247 .tag_anchors.tab_selected {
248     display: inline-block;
249 }
250
251 @media (min-width: 768px) {
252
253 }
254
255 @media (min-width: 1200px) {
256
257 }