Bug 20044: (follow-up) Improve responsive behavior of MARC editor
[srvgit] / koha-tmpl / intranet-tmpl / prog / css / addbiblio.css
1 #addbibliotabs {
2         margin-top : 1em;
3 }
4
5 #addbibliotabs .ui-tabs-panel {
6         float : left;
7     width: 100%;
8 }
9
10 .buttonPlus {
11         font-weight : bold;
12         text-decoration : none;
13 }
14
15 .buttonMinus {
16         font-weight : bold;
17         text-decoration : none;
18 }
19
20 a.expandfield {
21         text-decoration : none;
22 }
23
24 #authoritytabs {
25         margin-top : 1em;
26         margin-bottom : 1em;
27 }
28
29 .toptabs .ui-tabs-nav li a {
30         padding : .2em 1.2em;
31 }
32
33 div.tag {
34     clear: both;
35 }
36
37 div.subfield_line {
38     padding-bottom: .3em;
39     float: left;
40     clear: left;
41     width: 100%;
42 }
43
44 div.subfield_line label {
45     font-size:89%;
46     float: left;
47          padding-right : .4em;
48     width: 16em;
49     text-align: left;
50     clear:left;
51 }
52
53 .subfieldcode img {
54     cursor: pointer;
55 }
56
57 .tag_title {
58         font-size : 90%;
59         padding : .2em 0;
60 }
61
62 .tagnum {
63         font-size : 110%;
64         font-weight : bold;
65         color : #000;
66         padding : .1em .3em .1em 0;
67 }
68
69 a.tagnum {
70         font-size : 110%;
71         font-weight : bold;
72         color : #000;
73         padding : .1em .3em .1em 0;
74         text-decoration : none;
75 }
76
77 .subfield {
78         color : #00698a;
79         width: 10em;
80         text-align:right;
81 }
82
83 .subfieldcode {
84         display: block;
85         float: left;
86 }
87
88 .labelsubfield {
89         float:left;
90 }
91
92 .input_marceditor {
93         float:left;
94     width: auto;
95 }
96
97 .indicator {
98     width: 1em;
99     box-sizing: content-box;
100 }
101
102 *html .input_marceditor {
103         width : 15em;
104 }
105
106 #cataloguing_additem_newitem fieldset.rows label, #cataloguing_additem_newitem fieldset.rows span.label {
107         font-size : 100%;
108         width : 25%;
109 }
110
111 #cataloguing_additem_newitem fieldset.rows li {
112         padding-bottom : 3px;
113 }
114 #cataloguing_additem_newitem .input_marceditor {
115         width : auto;
116 }
117
118 #cataloguing_additem_newitem textarea.input_marceditor {
119      width : 31em;
120 }
121
122 .mandatory_marker {
123         color: red;
124 }
125 .linktools { display: block; white-space: nowrap; }
126 .linktools a { font-size : 75%; display:block;text-decoration:none;}
127 .linktools a {margin:0 2px;padding:2px;background-color:#FFF;text-align:center; }
128 .linktools a:first-child { border-bottom: 1px solid #DDD; }
129 .linktools a:hover { background-color: #FFC; }
130 .subfield_controls { margin : 0 .5em; }
131 .readonly { border-width : 1px; border-style: inset; padding-left : 15px; background: #EEE url(../img/locked.png) center left no-repeat; width:29em; }
132
133 #cataloguing_additem_itemlist {
134         margin-bottom : 1em;
135 }
136 .yui-gf div.first {
137         width : 19%;
138 }
139
140 .yui-gf .yui-u {
141         width: 79.2%;
142 }
143
144 tbody tr.active:nth-child(2n+1) td,
145 tbody tr.active td {
146     background-color: #FFFFCC;
147 }
148
149 #loading {
150     background-color: #FFF;
151     cursor: wait;
152     height: 100%;
153     left: 0;
154     opacity: .7;
155     position: fixed;
156     top: 0;
157     width: 100%;
158     z-index: 1000;
159 }
160 #loading div {
161     background : transparent url(../img/loading.gif) top left no-repeat;
162     font-size : 175%;
163     font-weight: bold;
164     height: 2em;
165     left: 50%;
166     margin: -1em 0 0 -2.5em;
167     padding-left : 50px;
168     position: absolute;
169     top: 50%;
170     width: 15em;
171 }
172
173
174 @media (min-width: 768px) {
175     div.subfield_line label {
176         width: 20em;
177     }
178
179     input.marceditor {
180         width: 50em;
181     }
182
183     .subfield {
184         width: 14em;
185     }
186 }
187
188 @media (min-width: 1200px) {
189     div.subfield_line label {
190         width: 25em;
191     }
192
193     input.marceditor {
194         width: 60em;
195     }
196
197     .subfield {
198         width: 16em;
199     }
200 }