Lines 4-10
$font-main: Arial, Verdana, Helvetica, sans-serif;
Link Here
|
4 |
$font-monospace: "Courier New", Courier, monospace; |
4 |
$font-monospace: "Courier New", Courier, monospace; |
5 |
|
5 |
|
6 |
@mixin default-button { |
6 |
@mixin default-button { |
7 |
background: linear-gradient(to bottom, #FFFFFF 0%, #F7F7F7 35%, #E0E0E0 100%); /* W3C */ |
7 |
background: linear-gradient(to bottom, #FFFFFF 0%, #F7F7F7 35%, #E0E0E0 100%); |
8 |
border: 1px outset #999999; |
8 |
border: 1px outset #999999; |
9 |
border-left-color: #666; |
9 |
border-left-color: #666; |
10 |
border-top-color: #666; |
10 |
border-top-color: #666; |
Lines 20-26
$font-monospace: "Courier New", Courier, monospace;
Link Here
|
20 |
|
20 |
|
21 |
::selection { |
21 |
::selection { |
22 |
background: #538200; |
22 |
background: #538200; |
23 |
color: #FFFFFF; /* Safari and Opera */ |
23 |
color: #FFFFFF; |
24 |
} |
24 |
} |
25 |
|
25 |
|
26 |
a { |
26 |
a { |
Lines 157-170
a {
Link Here
|
157 |
|
157 |
|
158 |
aside { |
158 |
aside { |
159 |
h5 { |
159 |
h5 { |
160 |
font-size : 100%; |
160 |
font-size: 100%; |
161 |
margin : .5em 0; |
161 |
margin: .5em 0; |
162 |
} |
162 |
} |
163 |
|
163 |
|
164 |
fieldset { |
164 |
fieldset { |
165 |
&.brief { |
165 |
&.brief { |
166 |
margin: 0; |
166 |
margin: 0; |
167 |
padding : .4em .7em; |
167 |
padding: .4em .7em; |
168 |
|
168 |
|
169 |
fieldset { |
169 |
fieldset { |
170 |
margin: 0; |
170 |
margin: 0; |
Lines 186-208
aside {
Link Here
|
186 |
label { |
186 |
label { |
187 |
display: inline; |
187 |
display: inline; |
188 |
} |
188 |
} |
|
|
189 |
|
189 |
span { |
190 |
span { |
190 |
&.label { |
191 |
&.label { |
191 |
display: inline |
192 |
display: inline; |
192 |
} |
193 |
} |
193 |
} |
194 |
} |
194 |
} |
195 |
} |
195 |
|
196 |
|
196 |
&.radio { |
197 |
&.radio { |
|
|
198 |
padding: .7em 0; |
199 |
|
197 |
input { |
200 |
input { |
198 |
padding: .3em 0; |
201 |
padding: .3em 0; |
199 |
} |
202 |
} |
|
|
203 |
|
200 |
label { |
204 |
label { |
201 |
display: inline; |
205 |
display: inline; |
202 |
} |
206 |
} |
203 |
|
207 |
|
204 |
padding: .7em 0; |
|
|
205 |
|
206 |
span { |
208 |
span { |
207 |
&.label { |
209 |
&.label { |
208 |
display: inline; |
210 |
display: inline; |
Lines 212-224
aside {
Link Here
|
212 |
} |
214 |
} |
213 |
|
215 |
|
214 |
ol { |
216 |
ol { |
215 |
font-size : 85%; |
217 |
font-size: 85%; |
216 |
margin : 0; |
218 |
margin: 0; |
217 |
padding : 0; |
219 |
padding: 0; |
218 |
} |
220 |
} |
219 |
|
221 |
|
220 |
select, |
222 |
select, |
221 |
input[type="text"] { |
223 |
[type="text"] { |
222 |
width: 100%; |
224 |
width: 100%; |
223 |
} |
225 |
} |
224 |
} |
226 |
} |
Lines 248-254
main {
Link Here
|
248 |
.yui-b { |
250 |
.yui-b { |
249 |
fieldset { |
251 |
fieldset { |
250 |
&.brief { |
252 |
&.brief { |
251 |
input[type="text"], |
253 |
[type="text"], |
252 |
select { |
254 |
select { |
253 |
width: auto; |
255 |
width: auto; |
254 |
} |
256 |
} |
Lines 277-283
table {
Link Here
|
277 |
} |
279 |
} |
278 |
} |
280 |
} |
279 |
|
281 |
|
280 |
& > caption { |
282 |
> caption { |
281 |
span { |
283 |
span { |
282 |
&.actions { |
284 |
&.actions { |
283 |
font-size: 66%; |
285 |
font-size: 66%; |
Lines 295-300
table {
Link Here
|
295 |
border: 0; |
297 |
border: 0; |
296 |
} |
298 |
} |
297 |
} |
299 |
} |
|
|
300 |
|
301 |
+ table { |
302 |
margin-top: 1em; |
303 |
} |
298 |
} |
304 |
} |
299 |
|
305 |
|
300 |
td, |
306 |
td, |
Lines 345-357
th {
Link Here
|
345 |
} |
351 |
} |
346 |
} |
352 |
} |
347 |
|
353 |
|
348 |
table + table { |
|
|
349 |
margin-top: 1em; |
350 |
} |
351 |
|
352 |
body { |
354 |
body { |
353 |
font-family: $font-main; |
355 |
font-family: $font-main; |
354 |
padding: 0 0 4em 0; |
356 |
padding: 0 0 4em; |
355 |
text-align: left; |
357 |
text-align: left; |
356 |
} |
358 |
} |
357 |
|
359 |
|
Lines 423-429
hr {
Link Here
|
423 |
} |
425 |
} |
424 |
|
426 |
|
425 |
p { |
427 |
p { |
426 |
margin: .5em 0 .5em 0; |
428 |
margin: .5em 0; |
427 |
} |
429 |
} |
428 |
|
430 |
|
429 |
strong { |
431 |
strong { |
Lines 481-487
input {
Link Here
|
481 |
} |
483 |
} |
482 |
|
484 |
|
483 |
&:disabled { |
485 |
&:disabled { |
484 |
@include disabled-button |
486 |
@include disabled-button; |
485 |
} |
487 |
} |
486 |
} |
488 |
} |
487 |
|
489 |
|
Lines 498-504
input {
Link Here
|
498 |
} |
500 |
} |
499 |
|
501 |
|
500 |
&:disabled { |
502 |
&:disabled { |
501 |
@include disabled-button |
503 |
@include disabled-button; |
502 |
} |
504 |
} |
503 |
} |
505 |
} |
504 |
|
506 |
|
Lines 532-538
label,
Link Here
|
532 |
font-weight: bold; |
534 |
font-weight: bold; |
533 |
} |
535 |
} |
534 |
|
536 |
|
535 |
/* Permissions Labels */ |
537 |
// Permissions Labels |
536 |
&.permissioncode { |
538 |
&.permissioncode { |
537 |
font-style: italic; |
539 |
font-style: italic; |
538 |
|
540 |
|
Lines 591-597
label,
Link Here
|
591 |
margin-top: 1em; |
593 |
margin-top: 1em; |
592 |
} |
594 |
} |
593 |
|
595 |
|
594 |
#login_controls { |
596 |
#login_controls { |
595 |
padding: .4em .5em; |
597 |
padding: .4em .5em; |
596 |
position: absolute; |
598 |
position: absolute; |
597 |
right: .5em; |
599 |
right: .5em; |
Lines 654-660
ul {
Link Here
|
654 |
} |
656 |
} |
655 |
} |
657 |
} |
656 |
|
658 |
|
657 |
/* For Font Awesome icon bullets */ |
659 |
// For Font Awesome icon bullets |
658 |
&.fa-ul { |
660 |
&.fa-ul { |
659 |
li { |
661 |
li { |
660 |
list-style-type: none; |
662 |
list-style-type: none; |
Lines 882-888
fieldset {
Link Here
|
882 |
margin: 1em 1em 1em 0; |
884 |
margin: 1em 1em 1em 0; |
883 |
padding: 1em; |
885 |
padding: 1em; |
884 |
|
886 |
|
885 |
& + fieldset { |
887 |
+ fieldset { |
886 |
&.action { |
888 |
&.action { |
887 |
padding-top: 20px; |
889 |
padding-top: 20px; |
888 |
} |
890 |
} |
Lines 900-906
fieldset {
Link Here
|
900 |
border: 0; |
902 |
border: 0; |
901 |
clear: both; |
903 |
clear: both; |
902 |
float: none; |
904 |
float: none; |
903 |
margin: .9em 0 0 0; |
905 |
margin: .9em 0 0; |
904 |
padding: .4em; |
906 |
padding: .4em; |
905 |
width: auto; |
907 |
width: auto; |
906 |
} |
908 |
} |
Lines 961-967
fieldset {
Link Here
|
961 |
clear: left; |
963 |
clear: left; |
962 |
float: left; |
964 |
float: left; |
963 |
font-size: 90%; |
965 |
font-size: 90%; |
964 |
margin: .9em 0 0 0; |
966 |
margin: .9em 0 0; |
965 |
padding: 0; |
967 |
padding: 0; |
966 |
width: 100%; |
968 |
width: 100%; |
967 |
|
969 |
|
Lines 1096-1102
fieldset {
Link Here
|
1096 |
|
1098 |
|
1097 |
ol { |
1099 |
ol { |
1098 |
list-style-type: none; |
1100 |
list-style-type: none; |
1099 |
padding: 1em 1em 0 1em; |
1101 |
padding: 1em 1em 0; |
1100 |
|
1102 |
|
1101 |
&.radio { |
1103 |
&.radio { |
1102 |
label { |
1104 |
label { |
Lines 1162-1168
fieldset {
Link Here
|
1162 |
margin: 1em 0 0 11em; |
1164 |
margin: 1em 0 0 11em; |
1163 |
} |
1165 |
} |
1164 |
|
1166 |
|
1165 |
&+h3 { |
1167 |
+ h3 { |
1166 |
clear: both; |
1168 |
clear: both; |
1167 |
padding-top: .5em; |
1169 |
padding-top: .5em; |
1168 |
} |
1170 |
} |
Lines 1273-1284
details[open] {
Link Here
|
1273 |
padding: .2em .5em .4em 10px; |
1275 |
padding: .2em .5em .4em 10px; |
1274 |
} |
1276 |
} |
1275 |
|
1277 |
|
1276 |
#header + #breadcrumbs { |
1278 |
#header { |
1277 |
margin-top: 1em; |
1279 |
&.navbar { |
1278 |
} |
1280 |
margin-bottom: 0; |
|
|
1281 |
} |
1279 |
|
1282 |
|
1280 |
#header > .container-fluid { |
1283 |
&.navbar-default { |
1281 |
padding: 0; |
1284 |
background: #E6F0F2; |
|
|
1285 |
border: 0; |
1286 |
box-shadow: none; |
1287 |
} |
1288 |
|
1289 |
+ #breadcrumbs { |
1290 |
margin-top: 1em; |
1291 |
} |
1292 |
|
1293 |
> .container-fluid { |
1294 |
padding: 0; |
1295 |
} |
1282 |
} |
1296 |
} |
1283 |
|
1297 |
|
1284 |
div { |
1298 |
div { |
Lines 1287-1300
div {
Link Here
|
1287 |
border: 0; |
1301 |
border: 0; |
1288 |
clear: both; |
1302 |
clear: both; |
1289 |
float: none; |
1303 |
float: none; |
1290 |
margin: .9em 0 0 0; |
1304 |
margin: .9em 0 0; |
1291 |
padding: .4em; |
1305 |
padding: .4em; |
1292 |
width: auto; |
1306 |
width: auto; |
1293 |
} |
1307 |
} |
1294 |
|
1308 |
|
1295 |
.circmessage { |
1309 |
.circmessage { |
1296 |
margin-bottom: .3em; |
1310 |
margin-bottom: .3em; |
1297 |
padding: 0 .4em .4em .4em; |
1311 |
padding: 0 .4em .4em; |
1298 |
|
1312 |
|
1299 |
&:first-child { |
1313 |
&:first-child { |
1300 |
margin-top: 1em; |
1314 |
margin-top: 1em; |
Lines 1315-1321
div {
Link Here
|
1315 |
} |
1329 |
} |
1316 |
|
1330 |
|
1317 |
&.help { |
1331 |
&.help { |
1318 |
margin: .9em 0 0 0; |
1332 |
margin: .9em 0 0; |
1319 |
} |
1333 |
} |
1320 |
|
1334 |
|
1321 |
&.justify { |
1335 |
&.justify { |
Lines 1323-1329
div {
Link Here
|
1323 |
} |
1337 |
} |
1324 |
|
1338 |
|
1325 |
&.message { |
1339 |
&.message { |
1326 |
background: linear-gradient(to bottom, #ffffff 0%, #f4f6fa 2%, #eaeef5 23%, #e8edf6 94%, #cddbf2 100%); |
1340 |
background: linear-gradient(to bottom, #FFFFFF 0%, #F4F6FA 2%, #EAEEF5 23%, #E8EDF6 94%, #CDDBF2 100%); |
1327 |
border: 1px solid #BCBCBC; |
1341 |
border: 1px solid #BCBCBC; |
1328 |
text-align: center; |
1342 |
text-align: center; |
1329 |
width: 55%; |
1343 |
width: 55%; |
Lines 1340-1346
div {
Link Here
|
1340 |
} |
1354 |
} |
1341 |
|
1355 |
|
1342 |
&.note { |
1356 |
&.note { |
1343 |
background: linear-gradient(to bottom, #F4F6FA 0%, #E8EDF6 100%); /* W3C */ |
1357 |
background: linear-gradient(to bottom, #F4F6FA 0%, #E8EDF6 100%); // W3C |
1344 |
border: 1px solid #BCBCBC; |
1358 |
border: 1px solid #BCBCBC; |
1345 |
margin: .5em 0; |
1359 |
margin: .5em 0; |
1346 |
padding: .5em; |
1360 |
padding: .5em; |
Lines 1354-1360
div {
Link Here
|
1354 |
} |
1368 |
} |
1355 |
} |
1369 |
} |
1356 |
|
1370 |
|
1357 |
/* Tools > automatic_item_modification_by_age */ |
1371 |
// Tools > automatic_item_modification_by_age |
1358 |
&.rules { |
1372 |
&.rules { |
1359 |
display: block; |
1373 |
display: block; |
1360 |
} |
1374 |
} |
Lines 1383-1395
div {
Link Here
|
1383 |
} |
1397 |
} |
1384 |
|
1398 |
|
1385 |
&.listgroup { |
1399 |
&.listgroup { |
1386 |
clear: left; |
1400 |
clear: left; |
1387 |
|
1401 |
|
1388 |
h4 { |
1402 |
h4 { |
1389 |
font-style: italic; |
1403 |
font-style: italic; |
1390 |
|
1404 |
|
1391 |
a { |
1405 |
a { |
1392 |
font-size: 80%; |
1406 |
font-size: 80%; |
1393 |
} |
1407 |
} |
1394 |
} |
1408 |
} |
1395 |
|
1409 |
|
Lines 1418-1435
div {
Link Here
|
1418 |
&.rows { |
1432 |
&.rows { |
1419 |
clear: left; |
1433 |
clear: left; |
1420 |
float: left; |
1434 |
float: left; |
1421 |
margin: 0 0 0 0; |
1435 |
margin: 0; |
1422 |
padding: 0; |
1436 |
padding: 0; |
1423 |
width: 100%; |
1437 |
width: 100%; |
1424 |
|
1438 |
|
1425 |
& + div { |
1439 |
+ div { |
1426 |
&.rows { |
1440 |
&.rows { |
1427 |
margin-top: .6em; |
1441 |
margin-top: .6em; |
1428 |
} |
1442 |
} |
1429 |
} |
1443 |
} |
1430 |
|
1444 |
|
1431 |
li { |
1445 |
li { |
1432 |
border-bottom: 1px solid #EEE; |
1446 |
border-bottom: 1px solid #EEE; |
1433 |
clear: left; |
1447 |
clear: left; |
1434 |
float: left; |
1448 |
float: left; |
1435 |
list-style-type: none; |
1449 |
list-style-type: none; |
Lines 1466-1472
div {
Link Here
|
1466 |
|
1480 |
|
1467 |
a { |
1481 |
a { |
1468 |
font-weight: bold; |
1482 |
font-weight: bold; |
1469 |
padding: 1px 5px 1px 5px; |
1483 |
padding: 1px 5px; |
1470 |
text-decoration: none; |
1484 |
text-decoration: none; |
1471 |
|
1485 |
|
1472 |
&:link, |
1486 |
&:link, |
Lines 1486-1499
div {
Link Here
|
1486 |
background-color: #E6FCB7; |
1500 |
background-color: #E6FCB7; |
1487 |
color: #666; |
1501 |
color: #666; |
1488 |
font-weight: bold; |
1502 |
font-weight: bold; |
1489 |
padding: 1px 5px 1px 5px; |
1503 |
padding: 1px 5px; |
1490 |
} |
1504 |
} |
1491 |
|
1505 |
|
1492 |
.inactive { |
1506 |
.inactive { |
1493 |
background-color: #F3F3F3; |
1507 |
background-color: #F3F3F3; |
1494 |
color: #BCBCBC; |
1508 |
color: #BCBCBC; |
1495 |
font-weight: bold; |
1509 |
font-weight: bold; |
1496 |
padding: 1px 5px 1px 5px; |
1510 |
padding: 1px 5px; |
1497 |
} |
1511 |
} |
1498 |
} |
1512 |
} |
1499 |
|
1513 |
|
Lines 1506-1512
div {
Link Here
|
1506 |
background-position: .5em .5em; |
1520 |
background-position: .5em .5em; |
1507 |
background-repeat: no-repeat; |
1521 |
background-repeat: no-repeat; |
1508 |
float: left; |
1522 |
float: left; |
1509 |
margin: .3em 0 .5em 0; |
1523 |
margin: .3em 0 .5em; |
1510 |
|
1524 |
|
1511 |
input { |
1525 |
input { |
1512 |
font-size: 1.3em; |
1526 |
font-size: 1.3em; |
Lines 1520-1526
div {
Link Here
|
1520 |
&.residentsearch { |
1534 |
&.residentsearch { |
1521 |
border: 0; |
1535 |
border: 0; |
1522 |
border-bottom: 1px solid #85CA11; |
1536 |
border-bottom: 1px solid #85CA11; |
1523 |
padding: 0 0 .2em 0; |
1537 |
padding: 0 0 .2em; |
1524 |
} |
1538 |
} |
1525 |
} |
1539 |
} |
1526 |
|
1540 |
|
Lines 1558-1568
div {
Link Here
|
1558 |
border-radius: 0 0 4px 4px; |
1572 |
border-radius: 0 0 4px 4px; |
1559 |
} |
1573 |
} |
1560 |
|
1574 |
|
1561 |
& > div, |
1575 |
> div, |
1562 |
& > ul { |
1576 |
> ul { |
1563 |
display: none; |
1577 |
display: none; |
1564 |
|
1578 |
|
1565 |
& > li { |
1579 |
> li { |
1566 |
display: none; |
1580 |
display: none; |
1567 |
|
1581 |
|
1568 |
&:first-of-type { |
1582 |
&:first-of-type { |
Lines 1618-1624
dd {
Link Here
|
1618 |
border: 1px solid #E6F0F2; |
1632 |
border: 1px solid #E6F0F2; |
1619 |
border-radius: 5px 5px 0 0; |
1633 |
border-radius: 5px 5px 0 0; |
1620 |
margin: 0; |
1634 |
margin: 0; |
1621 |
padding: 5px 5px 5px 5px; |
1635 |
padding: 5px; |
1622 |
} |
1636 |
} |
1623 |
|
1637 |
|
1624 |
#disabled { |
1638 |
#disabled { |
Lines 1667-1673
dd {
Link Here
|
1667 |
} |
1681 |
} |
1668 |
} |
1682 |
} |
1669 |
|
1683 |
|
1670 |
& + #menu { |
1684 |
+ #menu { |
1671 |
margin-right: 0; |
1685 |
margin-right: 0; |
1672 |
} |
1686 |
} |
1673 |
} |
1687 |
} |
Lines 1691-1700
dd {
Link Here
|
1691 |
} |
1705 |
} |
1692 |
|
1706 |
|
1693 |
.patronviews { |
1707 |
.patronviews { |
1694 |
border-right: 1px solid #000; |
1708 |
border-right: 1px solid #000; |
1695 |
border-top: 1px solid #000; |
1709 |
border-top: 1px solid #000; |
1696 |
margin-bottom: .5em; |
1710 |
margin-bottom: .5em; |
1697 |
padding: .5em 0 .5em 0; |
1711 |
padding: .5em 0; |
1698 |
} |
1712 |
} |
1699 |
|
1713 |
|
1700 |
.column-tool { |
1714 |
.column-tool { |
Lines 1785-1791
dd {
Link Here
|
1785 |
} |
1799 |
} |
1786 |
|
1800 |
|
1787 |
select, |
1801 |
select, |
1788 |
input[type=text] { |
1802 |
[type=text] { |
1789 |
width: 100%; |
1803 |
width: 100%; |
1790 |
} |
1804 |
} |
1791 |
} |
1805 |
} |
Lines 1817-1823
dd {
Link Here
|
1817 |
fieldset { |
1831 |
fieldset { |
1818 |
&.brief { |
1832 |
&.brief { |
1819 |
select, |
1833 |
select, |
1820 |
input[type=text] { |
1834 |
[type=text] { |
1821 |
width: auto; |
1835 |
width: auto; |
1822 |
} |
1836 |
} |
1823 |
} |
1837 |
} |
Lines 1854-1883
dd {
Link Here
|
1854 |
|
1868 |
|
1855 |
.content_hidden { |
1869 |
.content_hidden { |
1856 |
display: none; |
1870 |
display: none; |
1857 |
visibility: hidden; /* you propably don't need to change this one */ |
1871 |
visibility: hidden; // you propably don't need to change this one |
1858 |
} |
1872 |
} |
1859 |
|
1873 |
|
1860 |
/* the property for the displayed tab */ |
1874 |
// the property for the displayed tab |
1861 |
.content_visible { |
1875 |
.content_visible { |
1862 |
display: block; |
1876 |
display: block; |
1863 |
visibility: visible; /* you propably don't need to change this one */ |
1877 |
visibility: visible; // you propably don't need to change this one |
1864 |
} |
1878 |
} |
1865 |
|
1879 |
|
1866 |
#z3950searcht { |
1880 |
#z3950searcht { |
1867 |
table { |
1881 |
table { |
1868 |
/* doesn't have desired effect in catalogue/results.tmpl - I'll leave this here for now but there do seem to be casscading CSS errors in this and other CSS fiels - RICKW 20081118 */ |
|
|
1869 |
border: 0; |
1882 |
border: 0; |
1870 |
padding: 20px; |
1883 |
padding: 20px; |
1871 |
} |
1884 |
} |
1872 |
} |
1885 |
} |
1873 |
|
1886 |
|
1874 |
#z3950_search_targets { |
1887 |
#z3950_search_targets { |
1875 |
height: 338px; |
1888 |
height: 338px; |
1876 |
overflow-y: auto; |
1889 |
overflow-y: auto; |
1877 |
} |
1890 |
} |
1878 |
|
1891 |
|
1879 |
#z3950_search_targets_acq { |
1892 |
#z3950_search_targets_acq { |
1880 |
height: 308px; |
1893 |
height: 308px; |
1881 |
overflow-y: auto; |
1894 |
overflow-y: auto; |
1882 |
} |
1895 |
} |
1883 |
|
1896 |
|
Lines 1897-1903
dd {
Link Here
|
1897 |
background-color: #FF0000; |
1910 |
background-color: #FF0000; |
1898 |
} |
1911 |
} |
1899 |
|
1912 |
|
1900 |
/* Font Awesome icons */ |
1913 |
// Font Awesome icons |
1901 |
i { |
1914 |
i { |
1902 |
&.error { |
1915 |
&.error { |
1903 |
color: #CC0000; |
1916 |
color: #CC0000; |
Lines 2033-2039
i {
Link Here
|
2033 |
} |
2046 |
} |
2034 |
|
2047 |
|
2035 |
.alert { |
2048 |
.alert { |
2036 |
background: linear-gradient(to bottom, #FEF8D3 0%, #FFEC91 9%, #FFED87 89%, #F9DC00 100%); /* W3C */ |
2049 |
background: linear-gradient(to bottom, #FEF8D3 0%, #FFEC91 9%, #FFED87 89%, #F9DC00 100%); |
2037 |
border: 1px solid #E0C726; |
2050 |
border: 1px solid #E0C726; |
2038 |
color: inherit; |
2051 |
color: inherit; |
2039 |
text-align: center; |
2052 |
text-align: center; |
Lines 2043-2050
i {
Link Here
|
2043 |
color: #900; |
2056 |
color: #900; |
2044 |
} |
2057 |
} |
2045 |
|
2058 |
|
2046 |
/* Redefine a new style for Bootstrap's class "close" since we use that already */ |
2059 |
// Redefine a new style for Bootstrap's class "close" since we use that already |
2047 |
/* Use <a class="closebtn" href="#">×</a> */ |
2060 |
// Use <a class="closebtn" href="#">×</a> |
2048 |
.closebtn { |
2061 |
.closebtn { |
2049 |
line-height: 20px; |
2062 |
line-height: 20px; |
2050 |
position: relative; |
2063 |
position: relative; |
Lines 2091-2097
i {
Link Here
|
2091 |
color: #990000; |
2104 |
color: #990000; |
2092 |
} |
2105 |
} |
2093 |
|
2106 |
|
2094 |
/* style for shelving location in catalogsearch */ |
2107 |
// style for shelving location in catalogsearch |
2095 |
.shelvingloc { |
2108 |
.shelvingloc { |
2096 |
display: block; |
2109 |
display: block; |
2097 |
font-style: italic; |
2110 |
font-style: italic; |
Lines 2105-2123
i {
Link Here
|
2105 |
|
2118 |
|
2106 |
li { |
2119 |
li { |
2107 |
a { |
2120 |
a { |
2108 |
background: linear-gradient(to bottom, #e8f0f6 0%, #e8f0f6 96%, #c1c1c1 100%); |
2121 |
background: linear-gradient(to bottom, #E8F0F6 0%, #E8F0F6 96%, #C1C1C1 100%); |
2109 |
border: 1px solid #B9D8D9; |
2122 |
border: 1px solid #B9D8D9; |
2110 |
border-bottom-left-radius: 5px; |
2123 |
border-bottom-left-radius: 5px; |
2111 |
border-top-left-radius: 5px; |
2124 |
border-top-left-radius: 5px; |
2112 |
display: block; |
2125 |
display: block; |
2113 |
font-size: 111%; |
2126 |
font-size: 111%; |
2114 |
margin: .5em 0; |
2127 |
margin: .5em 0; |
2115 |
margin-right: -1px; |
2128 |
margin-right: -1px; |
2116 |
padding: .4em .3em; |
2129 |
padding: .4em .3em; |
2117 |
text-decoration: none; |
2130 |
text-decoration: none; |
2118 |
|
2131 |
|
2119 |
&:hover { |
2132 |
&:hover { |
2120 |
background: linear-gradient(to bottom, #fafafa 0%, #ffffff 96%, #e6e6e6 97%, #cccccc 99%, #c1c1c1 100%); |
2133 |
background: linear-gradient(to bottom, #FAFAFA 0%, #FFFFFF 96%, #E6E6E6 97%, #CCCCCC 99%, #C1C1C1 100%); |
2121 |
border-bottom: 1px solid #85CA11; |
2134 |
border-bottom: 1px solid #85CA11; |
2122 |
border-left: 1px solid #85CA11; |
2135 |
border-left: 1px solid #85CA11; |
2123 |
border-top: 1px solid #85CA11; |
2136 |
border-top: 1px solid #85CA11; |
Lines 2137-2143
i {
Link Here
|
2137 |
|
2150 |
|
2138 |
&:hover { |
2151 |
&:hover { |
2139 |
background-color: #FFFFFF; |
2152 |
background-color: #FFFFFF; |
2140 |
color: #538200; |
2153 |
color: #538200; |
2141 |
} |
2154 |
} |
2142 |
} |
2155 |
} |
2143 |
} |
2156 |
} |
Lines 2178-2184
i {
Link Here
|
2178 |
} |
2191 |
} |
2179 |
|
2192 |
|
2180 |
.barcode { |
2193 |
.barcode { |
2181 |
font-size: 200%; |
2194 |
font-size: 200%; |
2182 |
vertical-align: middle; |
2195 |
vertical-align: middle; |
2183 |
} |
2196 |
} |
2184 |
|
2197 |
|
Lines 2193-2199
li {
Link Here
|
2193 |
.patronbriefinfo { |
2206 |
.patronbriefinfo { |
2194 |
li { |
2207 |
li { |
2195 |
&.email { |
2208 |
&.email { |
2196 |
font-size: 87%; |
2209 |
font-size: 87%; |
2197 |
padding: 0 10px 0 0; |
2210 |
padding: 0 10px 0 0; |
2198 |
width: 90%; |
2211 |
width: 90%; |
2199 |
} |
2212 |
} |
Lines 2227-2233
li {
Link Here
|
2227 |
display: block; |
2240 |
display: block; |
2228 |
margin: auto; |
2241 |
margin: auto; |
2229 |
|
2242 |
|
2230 |
& > li { |
2243 |
> li { |
2231 |
list-style-type: none; |
2244 |
list-style-type: none; |
2232 |
} |
2245 |
} |
2233 |
} |
2246 |
} |
Lines 2433-2439
li {
Link Here
|
2433 |
border: 0; |
2446 |
border: 0; |
2434 |
font-family: $font-monospace; |
2447 |
font-family: $font-monospace; |
2435 |
font-size: 95%; |
2448 |
font-size: 95%; |
2436 |
margin: .7em 0 0 0; |
2449 |
margin: .7em 0 0; |
2437 |
} |
2450 |
} |
2438 |
|
2451 |
|
2439 |
tbody { |
2452 |
tbody { |
Lines 2514-2520
li {
Link Here
|
2514 |
color: #707070; |
2527 |
color: #707070; |
2515 |
display: block; |
2528 |
display: block; |
2516 |
font-size: 85%; |
2529 |
font-size: 85%; |
2517 |
padding: 0 0 .5em 0; |
2530 |
padding: 0 0 .5em; |
2518 |
|
2531 |
|
2519 |
a { |
2532 |
a { |
2520 |
font-weight: normal; |
2533 |
font-weight: normal; |
Lines 2594-2600
li {
Link Here
|
2594 |
} |
2607 |
} |
2595 |
} |
2608 |
} |
2596 |
|
2609 |
|
2597 |
.importing { |
2610 |
.importing { |
2598 |
background: none; |
2611 |
background: none; |
2599 |
padding: inherit; |
2612 |
padding: inherit; |
2600 |
} |
2613 |
} |
Lines 2671-2677
li {
Link Here
|
2671 |
display: block; |
2684 |
display: block; |
2672 |
font-size: 160%; |
2685 |
font-size: 160%; |
2673 |
font-weight: bold; |
2686 |
font-weight: bold; |
2674 |
padding: 0 .7em .2em .7em; |
2687 |
padding: 0 .7em .2em; |
2675 |
text-decoration: none; |
2688 |
text-decoration: none; |
2676 |
text-shadow: 0 -1px 0 #666; |
2689 |
text-shadow: 0 -1px 0 #666; |
2677 |
|
2690 |
|
Lines 2688-2694
li {
Link Here
|
2688 |
display: inline-block; |
2701 |
display: inline-block; |
2689 |
font-size: 85%; |
2702 |
font-size: 85%; |
2690 |
margin: .4em 0; |
2703 |
margin: .4em 0; |
2691 |
padding: .3em .5em .3em .5em; |
2704 |
padding: .3em .5em; |
2692 |
|
2705 |
|
2693 |
img { |
2706 |
img { |
2694 |
vertical-align: middle; |
2707 |
vertical-align: middle; |
Lines 2725-2744
li {
Link Here
|
2725 |
} |
2738 |
} |
2726 |
|
2739 |
|
2727 |
#acqui_order_supplierlist { |
2740 |
#acqui_order_supplierlist { |
2728 |
& > div { |
2741 |
> div { |
2729 |
&.supplier { |
2742 |
&.supplier { |
2730 |
border: 1px solid #EEEEEE; |
2743 |
border: 1px solid #EEEEEE; |
2731 |
margin: .5em; |
2744 |
margin: .5em; |
2732 |
padding: 1em; |
2745 |
padding: 1em; |
2733 |
} |
2746 |
} |
2734 |
|
2747 |
|
2735 |
& > div { |
2748 |
> div { |
2736 |
& > .baskets { |
2749 |
> .baskets { |
2737 |
margin-top: .5em; |
2750 |
margin-top: .5em; |
2738 |
} |
2751 |
} |
2739 |
} |
2752 |
} |
2740 |
|
2753 |
|
2741 |
& > span { |
2754 |
> span { |
2742 |
&.action { |
2755 |
&.action { |
2743 |
margin-left: 5em; |
2756 |
margin-left: 5em; |
2744 |
} |
2757 |
} |
Lines 2764-2770
li {
Link Here
|
2764 |
display: none; |
2777 |
display: none; |
2765 |
} |
2778 |
} |
2766 |
|
2779 |
|
2767 |
/* Override core jQueryUI widgets */ |
2780 |
// Override core jQueryUI widgets |
2768 |
.ui-widget-content { |
2781 |
.ui-widget-content { |
2769 |
background: #FFFFFF none; |
2782 |
background: #FFFFFF none; |
2770 |
border: 1px solid #B9D8D9; |
2783 |
border: 1px solid #B9D8D9; |
Lines 2810-2816
li {
Link Here
|
2810 |
|
2823 |
|
2811 |
.ui-state-highlight, |
2824 |
.ui-state-highlight, |
2812 |
.ui-widget-content .ui-state-highlight, |
2825 |
.ui-widget-content .ui-state-highlight, |
2813 |
.ui-widget-header .ui-state-highlight { |
2826 |
.ui-widget-header .ui-state-highlight { |
2814 |
background: #FFF4C6; |
2827 |
background: #FFF4C6; |
2815 |
border: 1px solid #FED22F; |
2828 |
border: 1px solid #FED22F; |
2816 |
color: #363636; |
2829 |
color: #363636; |
Lines 2819-2830
li {
Link Here
|
2819 |
.ui-state-error, |
2832 |
.ui-state-error, |
2820 |
.ui-widget-content .ui-state-error, |
2833 |
.ui-widget-content .ui-state-error, |
2821 |
.ui-widget-header .ui-state-error { |
2834 |
.ui-widget-header .ui-state-error { |
2822 |
border: 1px solid #CD0A0A; |
|
|
2823 |
background: #FEF1EC; |
2835 |
background: #FEF1EC; |
|
|
2836 |
border: 1px solid #CD0A0A; |
2824 |
color: #CD0A0A; |
2837 |
color: #CD0A0A; |
2825 |
} |
2838 |
} |
2826 |
|
2839 |
|
2827 |
/* Override jQuery Autocomplete */ |
2840 |
// Override jQuery Autocomplete |
2828 |
.ui-autocomplete { |
2841 |
.ui-autocomplete { |
2829 |
box-shadow: 2px 2px 2px rgba(0, 0, 0, .3); |
2842 |
box-shadow: 2px 2px 2px rgba(0, 0, 0, .3); |
2830 |
cursor: default; |
2843 |
cursor: default; |
Lines 2844-2850
li {
Link Here
|
2844 |
background: #FFF url("../img/spinner-small.gif") right center no-repeat; |
2857 |
background: #FFF url("../img/spinner-small.gif") right center no-repeat; |
2845 |
} |
2858 |
} |
2846 |
|
2859 |
|
2847 |
/* jQuery UI standard tabs */ |
2860 |
// jQuery UI standard tabs |
2848 |
.ui-menu { |
2861 |
.ui-menu { |
2849 |
li { |
2862 |
li { |
2850 |
list-style: none; |
2863 |
list-style: none; |
Lines 3144-3150
li {
Link Here
|
3144 |
} |
3157 |
} |
3145 |
} |
3158 |
} |
3146 |
|
3159 |
|
3147 |
/* jQuery UI Datepicker */ |
3160 |
// jQuery UI Datepicker |
3148 |
.ui-datepicker { |
3161 |
.ui-datepicker { |
3149 |
box-shadow: 1px 1px 3px 0 #666; |
3162 |
box-shadow: 1px 1px 3px 0 #666; |
3150 |
|
3163 |
|
Lines 3170-3176
li {
Link Here
|
3170 |
vertical-align: middle; |
3183 |
vertical-align: middle; |
3171 |
} |
3184 |
} |
3172 |
|
3185 |
|
3173 |
/* css for timepicker */ |
3186 |
// css for timepicker |
3174 |
.ui-timepicker-div { |
3187 |
.ui-timepicker-div { |
3175 |
dl { |
3188 |
dl { |
3176 |
text-align: left; |
3189 |
text-align: left; |
Lines 3207-3213
li {
Link Here
|
3207 |
display: none; |
3220 |
display: none; |
3208 |
} |
3221 |
} |
3209 |
|
3222 |
|
3210 |
/* jQuery UI Accordion */ |
3223 |
// jQuery UI Accordion |
3211 |
.ui-accordion-header, |
3224 |
.ui-accordion-header, |
3212 |
.ui-widget-content .ui-accordion-header { |
3225 |
.ui-widget-content .ui-accordion-header { |
3213 |
font-size: 110%; |
3226 |
font-size: 110%; |
Lines 3218-3224
video {
Link Here
|
3218 |
width: 480px; |
3231 |
width: 480px; |
3219 |
} |
3232 |
} |
3220 |
|
3233 |
|
3221 |
/* Bootstrap overrides */ |
3234 |
// Bootstrap overrides |
3222 |
button, |
3235 |
button, |
3223 |
.btn { |
3236 |
.btn { |
3224 |
border-color: #ADADAD #ADADAD #949494; |
3237 |
border-color: #ADADAD #ADADAD #949494; |
Lines 3305-3322
button,
Link Here
|
3305 |
|
3318 |
|
3306 |
} |
3319 |
} |
3307 |
|
3320 |
|
3308 |
#header { |
|
|
3309 |
&.navbar { |
3310 |
margin-bottom: 0; |
3311 |
} |
3312 |
|
3313 |
&.navbar-default { |
3314 |
background: #E6F0F2; |
3315 |
border: 0; |
3316 |
box-shadow: none; |
3317 |
} |
3318 |
} |
3319 |
|
3320 |
#changelanguage { |
3321 |
#changelanguage { |
3321 |
.dropdown-menu { |
3322 |
.dropdown-menu { |
3322 |
> li { |
3323 |
> li { |
Lines 3454-3460
label {
Link Here
|
3454 |
|
3455 |
|
3455 |
.closebtn { |
3456 |
.closebtn { |
3456 |
color: #000; |
3457 |
color: #000; |
3457 |
filter: alpha(opacity=20); |
3458 |
filter: alpha(opacity = 20); |
3458 |
float: right; |
3459 |
float: right; |
3459 |
font-size: 21px; |
3460 |
font-size: 21px; |
3460 |
font-weight: bold; |
3461 |
font-weight: bold; |
Lines 3466-3472
label {
Link Here
|
3466 |
&:focus { |
3467 |
&:focus { |
3467 |
color: #000; |
3468 |
color: #000; |
3468 |
cursor: pointer; |
3469 |
cursor: pointer; |
3469 |
filter: alpha(opacity=50); |
3470 |
filter: alpha(opacity = 50); |
3470 |
opacity: .5; |
3471 |
opacity: .5; |
3471 |
text-decoration: none; |
3472 |
text-decoration: none; |
3472 |
} |
3473 |
} |
Lines 3478-3484
label {
Link Here
|
3478 |
} |
3479 |
} |
3479 |
|
3480 |
|
3480 |
.modal-content { |
3481 |
.modal-content { |
3481 |
background-color : #EDF4F6; |
3482 |
background-color: #EDF4F6; |
3482 |
} |
3483 |
} |
3483 |
|
3484 |
|
3484 |
.btn-group { |
3485 |
.btn-group { |
Lines 3519-3525
code {
Link Here
|
3519 |
font-weight: bold; |
3520 |
font-weight: bold; |
3520 |
} |
3521 |
} |
3521 |
|
3522 |
|
3522 |
/* End Bootstrap overrides */ |
3523 |
// End Bootstrap overrides |
3523 |
|
3524 |
|
3524 |
.waiting { |
3525 |
.waiting { |
3525 |
cursor: wait; |
3526 |
cursor: wait; |
Lines 3591-3597
progress {
Link Here
|
3591 |
} |
3592 |
} |
3592 |
} |
3593 |
} |
3593 |
|
3594 |
|
3594 |
/* Class to be added to toolbar when it starts being fixed at the top of the screen*/ |
3595 |
// Class to be added to toolbar when it starts being fixed at the top of the screen |
3595 |
|
3596 |
|
3596 |
.floating { |
3597 |
.floating { |
3597 |
box-shadow: 0 3px 2px 0 rgba(0, 0, 0, .5); |
3598 |
box-shadow: 0 3px 2px 0 rgba(0, 0, 0, .5); |
Lines 3676-3684
span {
Link Here
|
3676 |
|
3677 |
|
3677 |
.result-biblio-itemtype { |
3678 |
.result-biblio-itemtype { |
3678 |
float: right; |
3679 |
float: right; |
3679 |
padding: .5em; |
|
|
3680 |
margin: .5em; |
3681 |
font-size: 85%; |
3680 |
font-size: 85%; |
|
|
3681 |
margin: .5em; |
3682 |
padding: .5em; |
3682 |
text-align: center; |
3683 |
text-align: center; |
3683 |
|
3684 |
|
3684 |
img { |
3685 |
img { |
Lines 3749-3755
span {
Link Here
|
3749 |
} |
3750 |
} |
3750 |
|
3751 |
|
3751 |
#merge { |
3752 |
#merge { |
3752 |
margin: .5em 0 0 0; |
3753 |
margin: .5em 0 0; |
3753 |
} |
3754 |
} |
3754 |
|
3755 |
|
3755 |
#merge_table { |
3756 |
#merge_table { |
Lines 3900-3906
span {
Link Here
|
3900 |
} |
3901 |
} |
3901 |
} |
3902 |
} |
3902 |
|
3903 |
|
3903 |
#fixedlengthbuilderaction { |
3904 |
#fixedlengthbuilderaction { |
3904 |
border: 3px solid #E6F0F2; |
3905 |
border: 3px solid #E6F0F2; |
3905 |
left: 80%; |
3906 |
left: 80%; |
3906 |
padding: 5px; |
3907 |
padding: 5px; |
Lines 4069-4116
span {
Link Here
|
4069 |
} |
4070 |
} |
4070 |
} |
4071 |
} |
4071 |
|
4072 |
|
4072 |
/* ==== MODULE LINKS - Start ==== */ |
4073 |
// ==== MODULE LINKS - Start ==== |
4073 |
|
4074 |
|
4074 |
ul { |
4075 |
.buttons-list { |
4075 |
&.buttons-list { |
4076 |
// List containing the module links |
4076 |
/* List containing the module links */ |
4077 |
margin-bottom: 30px; |
4077 |
padding: 0; |
4078 |
padding: 0; |
4078 |
margin-bottom: 30px; |
|
|
4079 |
|
4079 |
|
4080 |
li { |
4080 |
li { |
4081 |
/* Standard attributes for the list elements */ |
4081 |
// Standard attributes for the list elements |
4082 |
list-style-type:none; |
4082 |
list-style-type: none; |
4083 |
|
4083 |
|
4084 |
a { |
4084 |
a { |
4085 |
&.circ-button { |
4085 |
&.circ-button { |
4086 |
/* Class used for each module link */ |
4086 |
// Class used for each module link |
4087 |
background-color: #F4F8F9; |
4087 |
background-color: #F4F8F9; |
4088 |
background-position: 5px 3px; |
4088 |
background-position: 5px 3px; |
4089 |
background-repeat: no-repeat; |
4089 |
background-repeat: no-repeat; |
4090 |
border: solid 2px #b9d8d9; |
4090 |
border: 2px solid #B9D8D9; |
4091 |
border-radius: 6px; |
4091 |
border-radius: 6px; |
4092 |
box-sizing: content-box; |
4092 |
box-sizing: content-box; |
4093 |
color: #000000; |
4093 |
color: #000000; |
4094 |
display: block; |
4094 |
display: block; |
4095 |
font-size: 110%; |
4095 |
font-size: 110%; |
4096 |
font-weight: bold; |
4096 |
font-weight: bold; |
4097 |
max-width: 260px; |
4097 |
margin: .5em 0; |
4098 |
margin: .5em 0; |
4098 |
max-width: 260px; |
4099 |
padding: 8px; |
4099 |
padding: 8px; |
4100 |
text-decoration: none; |
4100 |
text-decoration: none; |
4101 |
|
4101 |
|
4102 |
&:hover { |
4102 |
&:hover { |
4103 |
/* Class used for each module link hover state */ |
4103 |
// Class used for each module link hover state |
4104 |
border-color: #538200; |
4104 |
border-color: #538200; |
4105 |
color: #538200; |
4105 |
color: #538200; |
4106 |
} |
|
|
4107 |
} |
4106 |
} |
4108 |
} |
4107 |
} |
4109 |
} |
4108 |
} |
4110 |
} |
4109 |
} |
4111 |
} |
4110 |
} |
4112 |
|
4111 |
|
4113 |
/* ==== MODULE LINKS - End ==== */ |
4112 |
// ==== MODULE LINKS - End ==== |
4114 |
|
4113 |
|
4115 |
@media (min-width: 200px) { |
4114 |
@media (min-width: 200px) { |
4116 |
.navbar-nav > li { |
4115 |
.navbar-nav > li { |
Lines 4128-4134
ul {
Link Here
|
4128 |
|
4127 |
|
4129 |
.open { |
4128 |
.open { |
4130 |
.dropdown-menu { |
4129 |
.dropdown-menu { |
4131 |
background-color: #fff; |
4130 |
background-color: #FFF; |
4132 |
border: 1px solid rgba(0, 0, 0, .15); |
4131 |
border: 1px solid rgba(0, 0, 0, .15); |
4133 |
box-shadow: 0 6px 12px rgba(0, 0, 0, .175); |
4132 |
box-shadow: 0 6px 12px rgba(0, 0, 0, .175); |
4134 |
float: left; |
4133 |
float: left; |
Lines 4155-4164
ul {
Link Here
|
4155 |
> a { |
4154 |
> a { |
4156 |
&:hover, |
4155 |
&:hover, |
4157 |
&:focus { |
4156 |
&:focus { |
4158 |
background-color: #0081c2; |
4157 |
background-color: #0081C2; |
4159 |
background-image: linear-gradient(to bottom, #0088cc, #0077b3); |
4158 |
background-image: linear-gradient(to bottom, #0088CC, #0077B3); |
4160 |
background-repeat: repeat-x; |
4159 |
background-repeat: repeat-x; |
4161 |
color: #ffffff; |
4160 |
color: #FFFFFF; |
4162 |
text-decoration: none; |
4161 |
text-decoration: none; |
4163 |
} |
4162 |
} |
4164 |
} |
4163 |
} |
4165 |
- |
|
|