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