Attachment #142096 for bug #31750

View | Details | Raw Unified | Return to bug 31750
Collapse All | Expand All




    padding-left: 0;
}

ul li.tag,
ul li.tag li.subfield_line {
    list-style-type: none;
    position: relative;
    padding-left: 30px;
    position: relative;
}

ul li.tag::before {
    content: " ";
    font-size: .8em;
    top: 0;
    left: 10px;
    padding-top: 1.7em;
    position: absolute;
    top: 0;
}


ul li.tag.sortable_tag::before,
ul li.tag li.subfield_line::before {
    color: #999;
    content: "\f0c9";
    cursor: move;
    font-family: FontAwesome;
    font-family: 'FontAwesome';
    font-size: .8em;
    top: 0;
    left: 10px;
    position: absolute;
    top: 0;

ul li.tag::before {
    padding-top: 1.7em;
}

li.ui-sortable-helper {
    background-color: #E0E0E0;
    border-radius: 4px;
    max-height: 150px;
    padding: 2px;
    border-radius: 4px;
}

li.ui-sortable-helper ul li {
    display: none !important;
}

.sortable_subfield .ui-sortable-helper input.flat {
    background-color: transparent;
}

ul li.tag li.subfield_line.ui-sortable-helper::before {

}

.buttonPlus {
    font-weight: bold;
    text-decoration: none;
}

.buttonMinus {
    font-weight: bold;
    text-decoration: none;
}

a.expandfield {
    text-decoration: none;
}

#authoritytabs {
    margin-bottom: 1em;
    margin-top: 1em;
}

.toptabs {

}

li.subfield_line {
    padding-bottom: .3em;
    float: left;
    clear: left;
    float: left;
    padding-bottom: .3em;
    width: 100%;
}

li.subfield_line label {
    clear: left;
    float: left;
    font-size: 89%;
    padding-right: .4em;
    width: 10em;
    text-align: left;
    width: 10em;
}

.subfieldcode img {

}

.tag_title {
    font-size: 90%;
    padding: .2em 0;
}

.tagnum {
    color: #000;
    font-size: 130%;
    font-weight: bold;
    padding: .1em .3em .1em 0;
}

a.tagnum {
    color: #000;
    font-size: 110%;
    font-weight: bold;
    padding: .1em .3em .1em 0;
    text-decoration: none;
}

.subfield {
    color: #00698A;
    float: left;
    text-align: right;
    width: 10em;
}

.subfield.subfield_mandatory {

    float: left;
}

#cat_addbiblio .subfieldcode,
#authoritytabs .subfieldcode {
    float: none;
}

#cat_addbiblio .labelsubfield,
#authoritytabs .labelsubfield {
    float: none;
    font-size: 90%;
}

#cat_addbiblio .subfield,
#authoritytabs .subfield {
    float: none;
    padding: .25em .5em;
}

#cat_addbiblio .subfield label,
#authoritytabs .subfield label {
    color: #00698A;
}

.input_marceditor {

    width: 50%;
}

#cat_addbiblio .input_marceditor,
#authoritytabs .input_marceditor {
    float: none;
    width: 100%;
}

#cat_addbiblio .subfield_line,
#authoritytabs .subfield_line {
    display: flex;
}

#cat_addbiblio .field_marceditor,
#authoritytabs .field_marceditor {
    flex-grow: 1;
    padding: .25em .5em;
}

#cat_addbiblio .subfield_loop_mandatory,
#authoritytabs .subfield_loop_mandatory {
    padding: .25em .5em;
}

.indicator {
    width: 1em;
    box-sizing: content-box;
    width: 1em;
}

#cataloguing_additem_newitem .subfield_line {
    flex-basis: 100%;
    display: flex;
    flex-basis: 100%;
}

#cataloguing_additem_newitem fieldset.rows label,
#cataloguing_additem_newitem fieldset.rows span.label {
    flex-basis: 25%;
    font-size: 100%;
    margin-right: 1rem;
}

#cataloguing_additem_newitem fieldset.rows li {
    padding-bottom: 3px;
}

#cataloguing_additem_newitem .input_marceditor {

}

.mandatory_marker {
    color: #C00;
}

.linktools {
    display: block;
    white-space: nowrap;
}

.linktools a {
    background-color: #FFF;
    display: block;
    font-size: 75%;
    margin: 0 2px;
    padding: 2px;
    text-align: center;
    text-decoration: none;
}

.linktools a:first-child {
    border-bottom: 1px solid #DDD;
}

.linktools a:hover {
    background-color: #FFC;
}

.subfield_controls {
    margin: 0 .5em;
}
.linktools { display: block; white-space: nowrap; }
.linktools a { font-size : 75%; display:block;text-decoration:none;}
.linktools a {margin:0 2px;padding:2px;background-color:#FFF;text-align:center; }
.linktools a:first-child { border-bottom: 1px solid #DDD; }
.linktools a:hover { background-color: #FFC; }
.subfield_controls { margin: 0 .5em; }

#cataloguing_additem_itemlist {
    margin-bottom: 1em;
}

tbody tr.active:nth-child( 2n+1 ) td,
tbody tr.active td {
    background-color: #FFFFCC;
}

    width: 100%;
    z-index: 1000;
}

#loading div {
    background: transparent url( "../img/loading.gif" ) top left no-repeat;
    font-size: 175%;
    font-weight: bold;
    height: 2em;
    left: 50%;
    margin: -1em 0 0 -2.5em;
    padding-left: 50px;
    position: absolute;
    top: 50%;
    width: 15em;

}

.toolbar-tabs li {
    background-color: #FFF;
    display: flex;
    justify-content: center;
    flex-grow: 1;
    justify-content: center;
    margin-bottom: 0;
    text-align: center;
}

.toolbar-tabs li a {
    background-color: #71B443;
    border: 1px solid #71B443;
    border-left: 0;
    background-color: #71B443;
    border-right: 1px solid #71B443;
    border-radius: 5px;
    border-right: 1px solid #71B443;
    color: #FFF;
    display: block;
    color: #fff;
    font-weight: bold;
    margin: 5px;
    padding: .3em 1.5em;
    width: 100%;
}

.toolbar-tabs li.selected a {
    background-color: #418940;
    border-right: 1px solid #418940;
    border-bottom: 1px solid #418940;
    border-right: 1px solid #418940;
    color: #FFF;
    margin: 5px;
    display: block;
    color: #fff;
    font-weight: bold;
    margin: 5px;
    padding: .3em 1.5em;
    text-decoration: none;
    width: 100%;
}



.toolbar-tabs li a:hover {
    background-color: #418940;
    text-decoration: none;
    border-right: 1px solid #418940;
    border-bottom: 1px solid #418940;
    border-right: 1px solid #418940;
    color: #FFF;
    display: block;
    color: #fff;
    font-weight: bold;
    margin: 5px;
    padding: .3em 1.5em;
    text-decoration: none;
    width: 100%;
}


    display: inline-block;
}

.matching_authority {
    color: #99FF99;
}

.no_matching_authority {
    color: #FFAAAA;
}

.matching_authority_field {
    background-color: #99FF99 !important;
}

.no_matching_authority_field {
    background-color: #FFAAAA !important;
}

.show-errors {
    background: #FFEC8C none;
    border-color: #E0C726;
    color: #000;

    display: inline-block;
}

@media ( min-width: 768px ) {
    li.subfield_line label {
        width: 20em;
    }

    }
}

@media ( min-width: 1200px ) {
    li.subfield_line label {
        width: 25em;
    }

}

#authoritiestabs .marc_field {
    border-radius: 3px;
    display: inline-block;
    padding: .3em;
    border-radius: 3px;
}

#authoritiestabs .marc_subfield {
    font-weight: bold;
    color: #666;
    font-weight: bold;
}

#authoritiestabs .marc_subfield_desc {
    color: #00698A;
    font-style: italic;
}


    font-weight: bold;
    padding: 0;
}

- 

Return to bug 31750

Lines 24-73 div#toolbar { Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/css/addbiblio.css (-105 / +130 lines)
24	padding-left: 0;	24	padding-left: 0;
25	}	25	}
26		26
27	ul li.tag, ul li.tag li.subfield_line {	27	ul li.tag,
		28	ul li.tag li.subfield_line {
28	list-style-type: none;	29	list-style-type: none;
29	position: relative;
30	padding-left: 30px;	30	padding-left: 30px;
		31	position: relative;
31	}	32	}
32		33
33	ul li.tag::before {	34	ul li.tag::before {
34	position: absolute;	35	content: " ";
35	font-size: .8em;	36	font-size: .8em;
36	top: 0;
37	left: 10px;	37	left: 10px;
38	content: " ";	38	padding-top: 1.7em;
		39	position: absolute;
		40	top: 0;
39	}	41	}
40		42
41
42	ul li.tag.sortable_tag::before,	43	ul li.tag.sortable_tag::before,
43	ul li.tag li.subfield_line::before {	44	ul li.tag li.subfield_line::before {
44	color: #999;	45	color: #999;
		46	content: "\f0c9";
45	cursor: move;	47	cursor: move;
46	position: absolute;	48	font-family: FontAwesome;
47	font-family: 'FontAwesome';
48	font-size: .8em;	49	font-size: .8em;
49	top: 0;
50	left: 10px;	50	left: 10px;
51	content: "\f0c9";	51	position: absolute;
52	}	52	top: 0;
53
54	ul li.tag::before {
55	padding-top: 1.7em;
56	}	53	}
57		54
58	li.ui-sortable-helper {	55	li.ui-sortable-helper {
59	background-color: #e0e0e0;	56	background-color: #E0E0E0;
		57	border-radius: 4px;
60	max-height: 150px;	58	max-height: 150px;
61	padding: 2px;	59	padding: 2px;
62	border-radius: 4px;
63	}	60	}
64		61
65	li.ui-sortable-helper ul li {	62	li.ui-sortable-helper ul li {
66	display: none !important;	63	display: none !important;
67	}	64	}
68		65
69	.sortable_subfield .ui-sortable-helper input.flat {	66	.sortable_subfield .ui-sortable-helper input.flat {
70	background-color: transparent;	67	background-color: transparent;
71	}	68	}
72		69
73	ul li.tag li.subfield_line.ui-sortable-helper::before {	70	ul li.tag li.subfield_line.ui-sortable-helper::before {
Lines 75-96 ul li.tag li.subfield_line.ui-sortable-helper::before { Link Here
75	}	72	}
76		73
77	.buttonPlus {	74	.buttonPlus {
78	font-weight : bold;	75	font-weight: bold;
79	text-decoration : none;	76	text-decoration: none;
80	}	77	}
81		78
82	.buttonMinus {	79	.buttonMinus {
83	font-weight : bold;	80	font-weight: bold;
84	text-decoration : none;	81	text-decoration: none;
85	}	82	}
86		83
87	a.expandfield {	84	a.expandfield {
88	text-decoration : none;	85	text-decoration: none;
89	}	86	}
90		87
91	#authoritytabs {	88	#authoritytabs {
92	margin-top : 1em;	89	margin-bottom: 1em;
93	margin-bottom : 1em;	90	margin-top: 1em;
94	}	91	}
95		92
96	.toptabs {	93	.toptabs {
Lines 109-127 a.expandfield { Link Here
109	}	106	}
110		107
111	li.subfield_line {	108	li.subfield_line {
112	padding-bottom: .3em;
113	float: left;
114	clear: left;	109	clear: left;
		110	float: left;
		111	padding-bottom: .3em;
115	width: 100%;	112	width: 100%;
116	}	113	}
117		114
118	li.subfield_line label {	115	li.subfield_line label {
119	font-size:89%;	116	clear: left;
120	float: left;	117	float: left;
		118	font-size: 89%;
121	padding-right: .4em;	119	padding-right: .4em;
122	width: 10em;
123	text-align: left;	120	text-align: left;
124	clear:left;	121	width: 10em;
125	}	122	}
126		123
127	.subfieldcode img {	124	.subfieldcode img {
Lines 129-158 li.subfield_line label { Link Here
129	}	126	}
130		127
131	.tag_title {	128	.tag_title {
132	font-size : 90%;	129	font-size: 90%;
133	padding : .2em 0;	130	padding: .2em 0;
134	}	131	}
135		132
136	.tagnum {	133	.tagnum {
137	font-size : 130%;	134	color: #000;
138	font-weight : bold;	135	font-size: 130%;
139	color : #000;	136	font-weight: bold;
140	padding : .1em .3em .1em 0;	137	padding: .1em .3em .1em 0;
141	}	138	}
142		139
143	a.tagnum {	140	a.tagnum {
144	font-size : 110%;	141	color: #000;
145	font-weight : bold;	142	font-size: 110%;
146	color : #000;	143	font-weight: bold;
147	padding : .1em .3em .1em 0;	144	padding: .1em .3em .1em 0;
148	text-decoration : none;	145	text-decoration: none;
149	}	146	}
150		147
151	.subfield {	148	.subfield {
152	color : #00698a;	149	color: #00698A;
153	float: left;	150	float: left;
154	width: 10em;	151	text-align: right;
155	text-align:right;	152	width: 10em;
156	}	153	}
157		154
158	.subfield.subfield_mandatory {	155	.subfield.subfield_mandatory {
Lines 168-189 a.tagnum { Link Here
168	float: left;	165	float: left;
169	}	166	}
170		167
171	#cat_addbiblio .subfieldcode, #authoritytabs .subfieldcode {	168	#cat_addbiblio .subfieldcode,
		169	#authoritytabs .subfieldcode {
172	float: none;	170	float: none;
173	}	171	}
174		172
175	#cat_addbiblio .labelsubfield, #authoritytabs .labelsubfield {	173	#cat_addbiblio .labelsubfield,
176	font-size: 90%;	174	#authoritytabs .labelsubfield {
177	float: none;	175	float: none;
		176	font-size: 90%;
178	}	177	}
179		178
180	#cat_addbiblio .subfield, #authoritytabs .subfield {	179	#cat_addbiblio .subfield,
		180	#authoritytabs .subfield {
181	float: none;	181	float: none;
182	padding: .25em .5em;	182	padding: .25em .5em;
183	}	183	}
184		184
185	#cat_addbiblio .subfield label, #authoritytabs .subfield label {	185	#cat_addbiblio .subfield label,
186	color: #00698a;	186	#authoritytabs .subfield label {
		187	color: #00698A;
187	}	188	}
188		189
189	.input_marceditor {	190	.input_marceditor {
Lines 191-232 a.tagnum { Link Here
191	width: 50%;	192	width: 50%;
192	}	193	}
193		194
194	#cat_addbiblio .input_marceditor, #authoritytabs .input_marceditor {	195	#cat_addbiblio .input_marceditor,
		196	#authoritytabs .input_marceditor {
195	float: none;	197	float: none;
196	width: 100%;	198	width: 100%;
197	}	199	}
198		200
199	#cat_addbiblio .subfield_line, #authoritytabs .subfield_line {	201	#cat_addbiblio .subfield_line,
		202	#authoritytabs .subfield_line {
200	display: flex;	203	display: flex;
201	}	204	}
202		205
203	#cat_addbiblio .field_marceditor, #authoritytabs .field_marceditor {	206	#cat_addbiblio .field_marceditor,
		207	#authoritytabs .field_marceditor {
204	flex-grow: 1;	208	flex-grow: 1;
205	padding: .25em .5em;	209	padding: .25em .5em;
206	}	210	}
207		211
208	#cat_addbiblio .subfield_loop_mandatory, #authoritytabs .subfield_loop_mandatory {	212	#cat_addbiblio .subfield_loop_mandatory,
		213	#authoritytabs .subfield_loop_mandatory {
209	padding: .25em .5em;	214	padding: .25em .5em;
210	}	215	}
211		216
212	.indicator {	217	.indicator {
213	width: 1em;
214	box-sizing: content-box;	218	box-sizing: content-box;
		219	width: 1em;
215	}	220	}
216		221
217	#cataloguing_additem_newitem .subfield_line {	222	#cataloguing_additem_newitem .subfield_line {
218	flex-basis: 100%;
219	display: flex;	223	display: flex;
		224	flex-basis: 100%;
220	}	225	}
221		226
222	#cataloguing_additem_newitem fieldset.rows label, #cataloguing_additem_newitem fieldset.rows span.label {	227	#cataloguing_additem_newitem fieldset.rows label,
223	font-size : 100%;	228	#cataloguing_additem_newitem fieldset.rows span.label {
224	flex-basis : 25%;	229	flex-basis: 25%;
		230	font-size: 100%;
225	margin-right: 1rem;	231	margin-right: 1rem;
226	}	232	}
227		233
228	#cataloguing_additem_newitem fieldset.rows li {	234	#cataloguing_additem_newitem fieldset.rows li {
229	padding-bottom : 3px;	235	padding-bottom: 3px;
230	}	236	}
231		237
232	#cataloguing_additem_newitem .input_marceditor {	238	#cataloguing_additem_newitem .input_marceditor {
Lines 242-261 a.tagnum { Link Here
242	}	248	}
243		249
244	.mandatory_marker {	250	.mandatory_marker {
245	color: red;	251	color: #C00;
		252	}
		253
		254	.linktools {
		255	display: block;
		256	white-space: nowrap;
		257	}
		258
		259	.linktools a {
		260	background-color: #FFF;
		261	display: block;
		262	font-size: 75%;
		263	margin: 0 2px;
		264	padding: 2px;
		265	text-align: center;
		266	text-decoration: none;
		267	}
		268
		269	.linktools a:first-child {
		270	border-bottom: 1px solid #DDD;
		271	}
		272
		273	.linktools a:hover {
		274	background-color: #FFC;
		275	}
		276
		277	.subfield_controls {
		278	margin: 0 .5em;
246	}	279	}
247	.linktools { display: block; white-space: nowrap; }
248	.linktools a { font-size : 75%; display:block;text-decoration:none;}
249	.linktools a {margin:0 2px;padding:2px;background-color:#FFF;text-align:center; }
250	.linktools a:first-child { border-bottom: 1px solid #DDD; }
251	.linktools a:hover { background-color: #FFC; }
252	.subfield_controls { margin: 0 .5em; }
253		280
254	#cataloguing_additem_itemlist {	281	#cataloguing_additem_itemlist {
255	margin-bottom : 1em;	282	margin-bottom: 1em;
256	}	283	}
257		284
258	tbody tr.active:nth-child(2n+1) td,	285	tbody tr.active:nth-child( 2n+1 ) td,
259	tbody tr.active td {	286	tbody tr.active td {
260	background-color: #FFFFCC;	287	background-color: #FFFFCC;
261	}	288	}
Lines 271-284 tbody tr.active td { Link Here
271	width: 100%;	298	width: 100%;
272	z-index: 1000;	299	z-index: 1000;
273	}	300	}
		301
274	#loading div {	302	#loading div {
275	background : transparent url(../img/loading.gif) top left no-repeat;	303	background: transparent url( "../img/loading.gif" ) top left no-repeat;
276	font-size : 175%;	304	font-size: 175%;
277	font-weight: bold;	305	font-weight: bold;
278	height: 2em;	306	height: 2em;
279	left: 50%;	307	left: 50%;
280	margin: -1em 0 0 -2.5em;	308	margin: -1em 0 0 -2.5em;
281	padding-left : 50px;	309	padding-left: 50px;
282	position: absolute;	310	position: absolute;
283	top: 50%;	311	top: 50%;
284	width: 15em;	312	width: 15em;
Lines 300-338 tbody tr.active td { Link Here
300	}	328	}
301		329
302	.toolbar-tabs li {	330	.toolbar-tabs li {
303	background-color: #fff;	331	background-color: #FFF;
304	display: flex;	332	display: flex;
305	justify-content: center;
306	flex-grow: 1;	333	flex-grow: 1;
307	text-align: center;	334	justify-content: center;
308	margin-bottom: 0;	335	margin-bottom: 0;
		336	text-align: center;
309	}	337	}
310		338
311	.toolbar-tabs li a {	339	.toolbar-tabs li a {
		340	background-color: #71B443;
312	border: 1px solid #71B443;	341	border: 1px solid #71B443;
313	border-left: 0;	342	border-left: 0;
314	background-color: #71B443;
315	border-right: 1px solid #71B443;
316	border-radius: 5px;	343	border-radius: 5px;
317	margin: 5px;	344	border-right: 1px solid #71B443;
		345	color: #FFF;
318	display: block;	346	display: block;
319	color: #fff;
320	font-weight: bold;	347	font-weight: bold;
		348	margin: 5px;
321	padding: .3em 1.5em;	349	padding: .3em 1.5em;
322	width: 100%;	350	width: 100%;
323	}	351	}
324		352
325	.toolbar-tabs li.selected a {	353	.toolbar-tabs li.selected a {
326	background-color: #418940;	354	background-color: #418940;
327	border-right: 1px solid #418940;
328	border-bottom: 1px solid #418940;	355	border-bottom: 1px solid #418940;
329	text-decoration: none;	356	border-right: 1px solid #418940;
330	font-weight: bold;	357	color: #FFF;
331	margin: 5px;
332	display: block;	358	display: block;
333	color: #fff;
334	font-weight: bold;	359	font-weight: bold;
		360	margin: 5px;
335	padding: .3em 1.5em;	361	padding: .3em 1.5em;
		362	text-decoration: none;
336	width: 100%;	363	width: 100%;
337	}	364	}
338		365
Lines 342-355 tbody tr.active td { Link Here
342		369
343	.toolbar-tabs li a:hover {	370	.toolbar-tabs li a:hover {
344	background-color: #418940;	371	background-color: #418940;
345	text-decoration: none;
346	border-right: 1px solid #418940;
347	border-bottom: 1px solid #418940;	372	border-bottom: 1px solid #418940;
348	margin: 5px;	373	border-right: 1px solid #418940;
		374	color: #FFF;
349	display: block;	375	display: block;
350	color: #fff;
351	font-weight: bold;	376	font-weight: bold;
		377	margin: 5px;
352	padding: .3em 1.5em;	378	padding: .3em 1.5em;
		379	text-decoration: none;
353	width: 100%;	380	width: 100%;
354	}	381	}
355		382
Lines 381-403 tbody tr.active td { Link Here
381	display: inline-block;	408	display: inline-block;
382	}	409	}
383		410
384	.matching_authority{	411	.matching_authority {
385	color: #99FF99;	412	color: #99FF99;
386	}	413	}
387		414
388	.no_matching_authority{	415	.no_matching_authority {
389	color: #FFAAAA;	416	color: #FFAAAA;
390	}	417	}
391		418
392	.matching_authority_field{	419	.matching_authority_field {
393	background-color: #99FF99 !important;	420	background-color: #99FF99 !important;
394	}	421	}
395		422
396	.no_matching_authority_field{	423	.no_matching_authority_field {
397	background-color: #FFAAAA !important;	424	background-color: #FFAAAA !important;
398	}	425	}
399		426
400	.show-errors {	427	.show-errors {
401	background: #FFEC8C none;	428	background: #FFEC8C none;
402	border-color: #E0C726;	429	border-color: #E0C726;
403	color: #000;	430	color: #000;
Lines 409-415 tbody tr.active td { Link Here
409	display: inline-block;	436	display: inline-block;
410	}	437	}
411		438
412	@media (min-width: 768px) {	439	@media ( min-width: 768px ) {
413	li.subfield_line label {	440	li.subfield_line label {
414	width: 20em;	441	width: 20em;
415	}	442	}
Lines 423-429 tbody tr.active td { Link Here
423	}	450	}
424	}	451	}
425		452
426	@media (min-width: 1200px) {	453	@media ( min-width: 1200px ) {
427	li.subfield_line label {	454	li.subfield_line label {
428	width: 25em;	455	width: 25em;
429	}	456	}
Lines 442-459 tbody tr.active td { Link Here
442	}	469	}
443		470
444	#authoritiestabs .marc_field {	471	#authoritiestabs .marc_field {
		472	border-radius: 3px;
445	display: inline-block;	473	display: inline-block;
446	padding: .3em;	474	padding: .3em;
447	border-radius: 3px;
448	}	475	}
449		476
450	#authoritiestabs .marc_subfield {	477	#authoritiestabs .marc_subfield {
451	font-weight: bold;
452	color: #666;	478	color: #666;
		479	font-weight: bold;
453	}	480	}
454		481
455	#authoritiestabs .marc_subfield_desc {	482	#authoritiestabs .marc_subfield_desc {
456	color: #00698a;	483	color: #00698A;
457	font-style: italic;	484	font-style: italic;
458	}	485	}
459		486
Lines 478-481 tbody tr.active td { Link Here
478	font-weight: bold;	505	font-weight: bold;
479	padding: 0;	506	padding: 0;
480	}	507	}
481
482	-