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 870-876
fieldset {
Link Here
|
870 |
margin: 1em 1em 1em 0; |
872 |
margin: 1em 1em 1em 0; |
871 |
padding: 1em; |
873 |
padding: 1em; |
872 |
|
874 |
|
873 |
& + fieldset { |
875 |
+ fieldset { |
874 |
&.action { |
876 |
&.action { |
875 |
padding-top: 20px; |
877 |
padding-top: 20px; |
876 |
} |
878 |
} |
Lines 888-894
fieldset {
Link Here
|
888 |
border: 0; |
890 |
border: 0; |
889 |
clear: both; |
891 |
clear: both; |
890 |
float: none; |
892 |
float: none; |
891 |
margin: .9em 0 0 0; |
893 |
margin: .9em 0 0; |
892 |
padding: .4em; |
894 |
padding: .4em; |
893 |
width: auto; |
895 |
width: auto; |
894 |
} |
896 |
} |
Lines 949-955
fieldset {
Link Here
|
949 |
clear: left; |
951 |
clear: left; |
950 |
float: left; |
952 |
float: left; |
951 |
font-size: 90%; |
953 |
font-size: 90%; |
952 |
margin: .9em 0 0 0; |
954 |
margin: .9em 0 0; |
953 |
padding: 0; |
955 |
padding: 0; |
954 |
width: 100%; |
956 |
width: 100%; |
955 |
|
957 |
|
Lines 1084-1090
fieldset {
Link Here
|
1084 |
|
1086 |
|
1085 |
ol { |
1087 |
ol { |
1086 |
list-style-type: none; |
1088 |
list-style-type: none; |
1087 |
padding: 1em 1em 0 1em; |
1089 |
padding: 1em 1em 0; |
1088 |
|
1090 |
|
1089 |
&.radio { |
1091 |
&.radio { |
1090 |
label { |
1092 |
label { |
Lines 1150-1156
fieldset {
Link Here
|
1150 |
margin: 1em 0 0 11em; |
1152 |
margin: 1em 0 0 11em; |
1151 |
} |
1153 |
} |
1152 |
|
1154 |
|
1153 |
&+h3 { |
1155 |
+ h3 { |
1154 |
clear: both; |
1156 |
clear: both; |
1155 |
padding-top: .5em; |
1157 |
padding-top: .5em; |
1156 |
} |
1158 |
} |
Lines 1261-1272
details[open] {
Link Here
|
1261 |
padding: .2em .5em .4em 10px; |
1263 |
padding: .2em .5em .4em 10px; |
1262 |
} |
1264 |
} |
1263 |
|
1265 |
|
1264 |
#header + #breadcrumbs { |
1266 |
#header { |
1265 |
margin-top: 1em; |
1267 |
&.navbar { |
1266 |
} |
1268 |
margin-bottom: 0; |
|
|
1269 |
} |
1267 |
|
1270 |
|
1268 |
#header > .container-fluid { |
1271 |
&.navbar-default { |
1269 |
padding: 0; |
1272 |
background: #E6F0F2; |
|
|
1273 |
border: 0; |
1274 |
box-shadow: none; |
1275 |
} |
1276 |
|
1277 |
+ #breadcrumbs { |
1278 |
margin-top: 1em; |
1279 |
} |
1280 |
|
1281 |
> .container-fluid { |
1282 |
padding: 0; |
1283 |
} |
1270 |
} |
1284 |
} |
1271 |
|
1285 |
|
1272 |
div { |
1286 |
div { |
Lines 1275-1288
div {
Link Here
|
1275 |
border: 0; |
1289 |
border: 0; |
1276 |
clear: both; |
1290 |
clear: both; |
1277 |
float: none; |
1291 |
float: none; |
1278 |
margin: .9em 0 0 0; |
1292 |
margin: .9em 0 0; |
1279 |
padding: .4em; |
1293 |
padding: .4em; |
1280 |
width: auto; |
1294 |
width: auto; |
1281 |
} |
1295 |
} |
1282 |
|
1296 |
|
1283 |
.circmessage { |
1297 |
.circmessage { |
1284 |
margin-bottom: .3em; |
1298 |
margin-bottom: .3em; |
1285 |
padding: 0 .4em .4em .4em; |
1299 |
padding: 0 .4em .4em; |
1286 |
|
1300 |
|
1287 |
&:first-child { |
1301 |
&:first-child { |
1288 |
margin-top: 1em; |
1302 |
margin-top: 1em; |
Lines 1303-1309
div {
Link Here
|
1303 |
} |
1317 |
} |
1304 |
|
1318 |
|
1305 |
&.help { |
1319 |
&.help { |
1306 |
margin: .9em 0 0 0; |
1320 |
margin: .9em 0 0; |
1307 |
} |
1321 |
} |
1308 |
|
1322 |
|
1309 |
&.justify { |
1323 |
&.justify { |
Lines 1311-1317
div {
Link Here
|
1311 |
} |
1325 |
} |
1312 |
|
1326 |
|
1313 |
&.message { |
1327 |
&.message { |
1314 |
background: linear-gradient(to bottom, #ffffff 0%, #f4f6fa 2%, #eaeef5 23%, #e8edf6 94%, #cddbf2 100%); |
1328 |
background: linear-gradient(to bottom, #FFFFFF 0%, #F4F6FA 2%, #EAEEF5 23%, #E8EDF6 94%, #CDDBF2 100%); |
1315 |
border: 1px solid #BCBCBC; |
1329 |
border: 1px solid #BCBCBC; |
1316 |
text-align: center; |
1330 |
text-align: center; |
1317 |
width: 55%; |
1331 |
width: 55%; |
Lines 1328-1334
div {
Link Here
|
1328 |
} |
1342 |
} |
1329 |
|
1343 |
|
1330 |
&.note { |
1344 |
&.note { |
1331 |
background: linear-gradient(to bottom, #F4F6FA 0%, #E8EDF6 100%); /* W3C */ |
1345 |
background: linear-gradient(to bottom, #F4F6FA 0%, #E8EDF6 100%); // W3C |
1332 |
border: 1px solid #BCBCBC; |
1346 |
border: 1px solid #BCBCBC; |
1333 |
margin: .5em 0; |
1347 |
margin: .5em 0; |
1334 |
padding: .5em; |
1348 |
padding: .5em; |
Lines 1342-1348
div {
Link Here
|
1342 |
} |
1356 |
} |
1343 |
} |
1357 |
} |
1344 |
|
1358 |
|
1345 |
/* Tools > automatic_item_modification_by_age */ |
1359 |
// Tools > automatic_item_modification_by_age |
1346 |
&.rules { |
1360 |
&.rules { |
1347 |
display: block; |
1361 |
display: block; |
1348 |
} |
1362 |
} |
Lines 1371-1383
div {
Link Here
|
1371 |
} |
1385 |
} |
1372 |
|
1386 |
|
1373 |
&.listgroup { |
1387 |
&.listgroup { |
1374 |
clear: left; |
1388 |
clear: left; |
1375 |
|
1389 |
|
1376 |
h4 { |
1390 |
h4 { |
1377 |
font-style: italic; |
1391 |
font-style: italic; |
1378 |
|
1392 |
|
1379 |
a { |
1393 |
a { |
1380 |
font-size: 80%; |
1394 |
font-size: 80%; |
1381 |
} |
1395 |
} |
1382 |
} |
1396 |
} |
1383 |
|
1397 |
|
Lines 1406-1423
div {
Link Here
|
1406 |
&.rows { |
1420 |
&.rows { |
1407 |
clear: left; |
1421 |
clear: left; |
1408 |
float: left; |
1422 |
float: left; |
1409 |
margin: 0 0 0 0; |
1423 |
margin: 0; |
1410 |
padding: 0; |
1424 |
padding: 0; |
1411 |
width: 100%; |
1425 |
width: 100%; |
1412 |
|
1426 |
|
1413 |
& + div { |
1427 |
+ div { |
1414 |
&.rows { |
1428 |
&.rows { |
1415 |
margin-top: .6em; |
1429 |
margin-top: .6em; |
1416 |
} |
1430 |
} |
1417 |
} |
1431 |
} |
1418 |
|
1432 |
|
1419 |
li { |
1433 |
li { |
1420 |
border-bottom: 1px solid #EEE; |
1434 |
border-bottom: 1px solid #EEE; |
1421 |
clear: left; |
1435 |
clear: left; |
1422 |
float: left; |
1436 |
float: left; |
1423 |
list-style-type: none; |
1437 |
list-style-type: none; |
Lines 1454-1460
div {
Link Here
|
1454 |
|
1468 |
|
1455 |
a { |
1469 |
a { |
1456 |
font-weight: bold; |
1470 |
font-weight: bold; |
1457 |
padding: 1px 5px 1px 5px; |
1471 |
padding: 1px 5px; |
1458 |
text-decoration: none; |
1472 |
text-decoration: none; |
1459 |
|
1473 |
|
1460 |
&:link, |
1474 |
&:link, |
Lines 1474-1487
div {
Link Here
|
1474 |
background-color: #E6FCB7; |
1488 |
background-color: #E6FCB7; |
1475 |
color: #666; |
1489 |
color: #666; |
1476 |
font-weight: bold; |
1490 |
font-weight: bold; |
1477 |
padding: 1px 5px 1px 5px; |
1491 |
padding: 1px 5px; |
1478 |
} |
1492 |
} |
1479 |
|
1493 |
|
1480 |
.inactive { |
1494 |
.inactive { |
1481 |
background-color: #F3F3F3; |
1495 |
background-color: #F3F3F3; |
1482 |
color: #BCBCBC; |
1496 |
color: #BCBCBC; |
1483 |
font-weight: bold; |
1497 |
font-weight: bold; |
1484 |
padding: 1px 5px 1px 5px; |
1498 |
padding: 1px 5px; |
1485 |
} |
1499 |
} |
1486 |
} |
1500 |
} |
1487 |
|
1501 |
|
Lines 1494-1500
div {
Link Here
|
1494 |
background-position: .5em .5em; |
1508 |
background-position: .5em .5em; |
1495 |
background-repeat: no-repeat; |
1509 |
background-repeat: no-repeat; |
1496 |
float: left; |
1510 |
float: left; |
1497 |
margin: .3em 0 .5em 0; |
1511 |
margin: .3em 0 .5em; |
1498 |
|
1512 |
|
1499 |
input { |
1513 |
input { |
1500 |
font-size: 1.3em; |
1514 |
font-size: 1.3em; |
Lines 1508-1514
div {
Link Here
|
1508 |
&.residentsearch { |
1522 |
&.residentsearch { |
1509 |
border: 0; |
1523 |
border: 0; |
1510 |
border-bottom: 1px solid #85CA11; |
1524 |
border-bottom: 1px solid #85CA11; |
1511 |
padding: 0 0 .2em 0; |
1525 |
padding: 0 0 .2em; |
1512 |
} |
1526 |
} |
1513 |
} |
1527 |
} |
1514 |
|
1528 |
|
Lines 1546-1556
div {
Link Here
|
1546 |
border-radius: 0 0 4px 4px; |
1560 |
border-radius: 0 0 4px 4px; |
1547 |
} |
1561 |
} |
1548 |
|
1562 |
|
1549 |
& > div, |
1563 |
> div, |
1550 |
& > ul { |
1564 |
> ul { |
1551 |
display: none; |
1565 |
display: none; |
1552 |
|
1566 |
|
1553 |
& > li { |
1567 |
> li { |
1554 |
display: none; |
1568 |
display: none; |
1555 |
|
1569 |
|
1556 |
&:first-of-type { |
1570 |
&:first-of-type { |
Lines 1606-1612
dd {
Link Here
|
1606 |
border: 1px solid #E6F0F2; |
1620 |
border: 1px solid #E6F0F2; |
1607 |
border-radius: 5px 5px 0 0; |
1621 |
border-radius: 5px 5px 0 0; |
1608 |
margin: 0; |
1622 |
margin: 0; |
1609 |
padding: 5px 5px 5px 5px; |
1623 |
padding: 5px; |
1610 |
} |
1624 |
} |
1611 |
|
1625 |
|
1612 |
#disabled { |
1626 |
#disabled { |
Lines 1655-1661
dd {
Link Here
|
1655 |
} |
1669 |
} |
1656 |
} |
1670 |
} |
1657 |
|
1671 |
|
1658 |
& + #menu { |
1672 |
+ #menu { |
1659 |
margin-right: 0; |
1673 |
margin-right: 0; |
1660 |
} |
1674 |
} |
1661 |
} |
1675 |
} |
Lines 1679-1688
dd {
Link Here
|
1679 |
} |
1693 |
} |
1680 |
|
1694 |
|
1681 |
.patronviews { |
1695 |
.patronviews { |
1682 |
border-right: 1px solid #000; |
1696 |
border-right: 1px solid #000; |
1683 |
border-top: 1px solid #000; |
1697 |
border-top: 1px solid #000; |
1684 |
margin-bottom: .5em; |
1698 |
margin-bottom: .5em; |
1685 |
padding: .5em 0 .5em 0; |
1699 |
padding: .5em 0; |
1686 |
} |
1700 |
} |
1687 |
|
1701 |
|
1688 |
.column-tool { |
1702 |
.column-tool { |
Lines 1773-1779
dd {
Link Here
|
1773 |
} |
1787 |
} |
1774 |
|
1788 |
|
1775 |
select, |
1789 |
select, |
1776 |
input[type=text] { |
1790 |
[type=text] { |
1777 |
width: 100%; |
1791 |
width: 100%; |
1778 |
} |
1792 |
} |
1779 |
} |
1793 |
} |
Lines 1805-1811
dd {
Link Here
|
1805 |
fieldset { |
1819 |
fieldset { |
1806 |
&.brief { |
1820 |
&.brief { |
1807 |
select, |
1821 |
select, |
1808 |
input[type=text] { |
1822 |
[type=text] { |
1809 |
width: auto; |
1823 |
width: auto; |
1810 |
} |
1824 |
} |
1811 |
} |
1825 |
} |
Lines 1842-1871
dd {
Link Here
|
1842 |
|
1856 |
|
1843 |
.content_hidden { |
1857 |
.content_hidden { |
1844 |
display: none; |
1858 |
display: none; |
1845 |
visibility: hidden; /* you propably don't need to change this one */ |
1859 |
visibility: hidden; // you propably don't need to change this one |
1846 |
} |
1860 |
} |
1847 |
|
1861 |
|
1848 |
/* the property for the displayed tab */ |
1862 |
// the property for the displayed tab |
1849 |
.content_visible { |
1863 |
.content_visible { |
1850 |
display: block; |
1864 |
display: block; |
1851 |
visibility: visible; /* you propably don't need to change this one */ |
1865 |
visibility: visible; // you propably don't need to change this one |
1852 |
} |
1866 |
} |
1853 |
|
1867 |
|
1854 |
#z3950searcht { |
1868 |
#z3950searcht { |
1855 |
table { |
1869 |
table { |
1856 |
/* 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 */ |
|
|
1857 |
border: 0; |
1870 |
border: 0; |
1858 |
padding: 20px; |
1871 |
padding: 20px; |
1859 |
} |
1872 |
} |
1860 |
} |
1873 |
} |
1861 |
|
1874 |
|
1862 |
#z3950_search_targets { |
1875 |
#z3950_search_targets { |
1863 |
height: 338px; |
1876 |
height: 338px; |
1864 |
overflow-y: auto; |
1877 |
overflow-y: auto; |
1865 |
} |
1878 |
} |
1866 |
|
1879 |
|
1867 |
#z3950_search_targets_acq { |
1880 |
#z3950_search_targets_acq { |
1868 |
height: 308px; |
1881 |
height: 308px; |
1869 |
overflow-y: auto; |
1882 |
overflow-y: auto; |
1870 |
} |
1883 |
} |
1871 |
|
1884 |
|
Lines 1885-1891
dd {
Link Here
|
1885 |
background-color: #FF0000; |
1898 |
background-color: #FF0000; |
1886 |
} |
1899 |
} |
1887 |
|
1900 |
|
1888 |
/* Font Awesome icons */ |
1901 |
// Font Awesome icons |
1889 |
i { |
1902 |
i { |
1890 |
&.error { |
1903 |
&.error { |
1891 |
color: #CC0000; |
1904 |
color: #CC0000; |
Lines 2021-2027
i {
Link Here
|
2021 |
} |
2034 |
} |
2022 |
|
2035 |
|
2023 |
.alert { |
2036 |
.alert { |
2024 |
background: linear-gradient(to bottom, #FEF8D3 0%, #FFEC91 9%, #FFED87 89%, #F9DC00 100%); /* W3C */ |
2037 |
background: linear-gradient(to bottom, #FEF8D3 0%, #FFEC91 9%, #FFED87 89%, #F9DC00 100%); |
2025 |
border: 1px solid #E0C726; |
2038 |
border: 1px solid #E0C726; |
2026 |
color: inherit; |
2039 |
color: inherit; |
2027 |
text-align: center; |
2040 |
text-align: center; |
Lines 2031-2038
i {
Link Here
|
2031 |
color: #900; |
2044 |
color: #900; |
2032 |
} |
2045 |
} |
2033 |
|
2046 |
|
2034 |
/* Redefine a new style for Bootstrap's class "close" since we use that already */ |
2047 |
// Redefine a new style for Bootstrap's class "close" since we use that already |
2035 |
/* Use <a class="closebtn" href="#">×</a> */ |
2048 |
// Use <a class="closebtn" href="#">×</a> |
2036 |
.closebtn { |
2049 |
.closebtn { |
2037 |
line-height: 20px; |
2050 |
line-height: 20px; |
2038 |
position: relative; |
2051 |
position: relative; |
Lines 2079-2085
i {
Link Here
|
2079 |
color: #990000; |
2092 |
color: #990000; |
2080 |
} |
2093 |
} |
2081 |
|
2094 |
|
2082 |
/* style for shelving location in catalogsearch */ |
2095 |
// style for shelving location in catalogsearch |
2083 |
.shelvingloc { |
2096 |
.shelvingloc { |
2084 |
display: block; |
2097 |
display: block; |
2085 |
font-style: italic; |
2098 |
font-style: italic; |
Lines 2093-2111
i {
Link Here
|
2093 |
|
2106 |
|
2094 |
li { |
2107 |
li { |
2095 |
a { |
2108 |
a { |
2096 |
background: linear-gradient(to bottom, #e8f0f6 0%, #e8f0f6 96%, #c1c1c1 100%); |
2109 |
background: linear-gradient(to bottom, #E8F0F6 0%, #E8F0F6 96%, #C1C1C1 100%); |
2097 |
border: 1px solid #B9D8D9; |
2110 |
border: 1px solid #B9D8D9; |
2098 |
border-bottom-left-radius: 5px; |
2111 |
border-bottom-left-radius: 5px; |
2099 |
border-top-left-radius: 5px; |
2112 |
border-top-left-radius: 5px; |
2100 |
display: block; |
2113 |
display: block; |
2101 |
font-size: 111%; |
2114 |
font-size: 111%; |
2102 |
margin: .5em 0; |
2115 |
margin: .5em 0; |
2103 |
margin-right: -1px; |
2116 |
margin-right: -1px; |
2104 |
padding: .4em .3em; |
2117 |
padding: .4em .3em; |
2105 |
text-decoration: none; |
2118 |
text-decoration: none; |
2106 |
|
2119 |
|
2107 |
&:hover { |
2120 |
&:hover { |
2108 |
background: linear-gradient(to bottom, #fafafa 0%, #ffffff 96%, #e6e6e6 97%, #cccccc 99%, #c1c1c1 100%); |
2121 |
background: linear-gradient(to bottom, #FAFAFA 0%, #FFFFFF 96%, #E6E6E6 97%, #CCCCCC 99%, #C1C1C1 100%); |
2109 |
border-bottom: 1px solid #85CA11; |
2122 |
border-bottom: 1px solid #85CA11; |
2110 |
border-left: 1px solid #85CA11; |
2123 |
border-left: 1px solid #85CA11; |
2111 |
border-top: 1px solid #85CA11; |
2124 |
border-top: 1px solid #85CA11; |
Lines 2125-2131
i {
Link Here
|
2125 |
|
2138 |
|
2126 |
&:hover { |
2139 |
&:hover { |
2127 |
background-color: #FFFFFF; |
2140 |
background-color: #FFFFFF; |
2128 |
color: #538200; |
2141 |
color: #538200; |
2129 |
} |
2142 |
} |
2130 |
} |
2143 |
} |
2131 |
} |
2144 |
} |
Lines 2166-2172
i {
Link Here
|
2166 |
} |
2179 |
} |
2167 |
|
2180 |
|
2168 |
.barcode { |
2181 |
.barcode { |
2169 |
font-size: 200%; |
2182 |
font-size: 200%; |
2170 |
vertical-align: middle; |
2183 |
vertical-align: middle; |
2171 |
} |
2184 |
} |
2172 |
|
2185 |
|
Lines 2181-2187
li {
Link Here
|
2181 |
.patronbriefinfo { |
2194 |
.patronbriefinfo { |
2182 |
li { |
2195 |
li { |
2183 |
&.email { |
2196 |
&.email { |
2184 |
font-size: 87%; |
2197 |
font-size: 87%; |
2185 |
padding: 0 10px 0 0; |
2198 |
padding: 0 10px 0 0; |
2186 |
width: 90%; |
2199 |
width: 90%; |
2187 |
} |
2200 |
} |
Lines 2215-2221
li {
Link Here
|
2215 |
display: block; |
2228 |
display: block; |
2216 |
margin: auto; |
2229 |
margin: auto; |
2217 |
|
2230 |
|
2218 |
& > li { |
2231 |
> li { |
2219 |
list-style-type: none; |
2232 |
list-style-type: none; |
2220 |
} |
2233 |
} |
2221 |
} |
2234 |
} |
Lines 2421-2427
li {
Link Here
|
2421 |
border: 0; |
2434 |
border: 0; |
2422 |
font-family: $font-monospace; |
2435 |
font-family: $font-monospace; |
2423 |
font-size: 95%; |
2436 |
font-size: 95%; |
2424 |
margin: .7em 0 0 0; |
2437 |
margin: .7em 0 0; |
2425 |
} |
2438 |
} |
2426 |
|
2439 |
|
2427 |
tbody { |
2440 |
tbody { |
Lines 2502-2508
li {
Link Here
|
2502 |
color: #707070; |
2515 |
color: #707070; |
2503 |
display: block; |
2516 |
display: block; |
2504 |
font-size: 85%; |
2517 |
font-size: 85%; |
2505 |
padding: 0 0 .5em 0; |
2518 |
padding: 0 0 .5em; |
2506 |
|
2519 |
|
2507 |
a { |
2520 |
a { |
2508 |
font-weight: normal; |
2521 |
font-weight: normal; |
Lines 2582-2588
li {
Link Here
|
2582 |
} |
2595 |
} |
2583 |
} |
2596 |
} |
2584 |
|
2597 |
|
2585 |
.importing { |
2598 |
.importing { |
2586 |
background: none; |
2599 |
background: none; |
2587 |
padding: inherit; |
2600 |
padding: inherit; |
2588 |
} |
2601 |
} |
Lines 2659-2665
li {
Link Here
|
2659 |
display: block; |
2672 |
display: block; |
2660 |
font-size: 160%; |
2673 |
font-size: 160%; |
2661 |
font-weight: bold; |
2674 |
font-weight: bold; |
2662 |
padding: 0 .7em .2em .7em; |
2675 |
padding: 0 .7em .2em; |
2663 |
text-decoration: none; |
2676 |
text-decoration: none; |
2664 |
text-shadow: 0 -1px 0 #666; |
2677 |
text-shadow: 0 -1px 0 #666; |
2665 |
|
2678 |
|
Lines 2676-2682
li {
Link Here
|
2676 |
display: inline-block; |
2689 |
display: inline-block; |
2677 |
font-size: 85%; |
2690 |
font-size: 85%; |
2678 |
margin: .4em 0; |
2691 |
margin: .4em 0; |
2679 |
padding: .3em .5em .3em .5em; |
2692 |
padding: .3em .5em; |
2680 |
|
2693 |
|
2681 |
img { |
2694 |
img { |
2682 |
vertical-align: middle; |
2695 |
vertical-align: middle; |
Lines 2713-2732
li {
Link Here
|
2713 |
} |
2726 |
} |
2714 |
|
2727 |
|
2715 |
#acqui_order_supplierlist { |
2728 |
#acqui_order_supplierlist { |
2716 |
& > div { |
2729 |
> div { |
2717 |
&.supplier { |
2730 |
&.supplier { |
2718 |
border: 1px solid #EEEEEE; |
2731 |
border: 1px solid #EEEEEE; |
2719 |
margin: .5em; |
2732 |
margin: .5em; |
2720 |
padding: 1em; |
2733 |
padding: 1em; |
2721 |
} |
2734 |
} |
2722 |
|
2735 |
|
2723 |
& > div { |
2736 |
> div { |
2724 |
& > .baskets { |
2737 |
> .baskets { |
2725 |
margin-top: .5em; |
2738 |
margin-top: .5em; |
2726 |
} |
2739 |
} |
2727 |
} |
2740 |
} |
2728 |
|
2741 |
|
2729 |
& > span { |
2742 |
> span { |
2730 |
&.action { |
2743 |
&.action { |
2731 |
margin-left: 5em; |
2744 |
margin-left: 5em; |
2732 |
} |
2745 |
} |
Lines 2752-2758
li {
Link Here
|
2752 |
display: none; |
2765 |
display: none; |
2753 |
} |
2766 |
} |
2754 |
|
2767 |
|
2755 |
/* Override core jQueryUI widgets */ |
2768 |
// Override core jQueryUI widgets |
2756 |
.ui-widget-content { |
2769 |
.ui-widget-content { |
2757 |
background: #FFFFFF none; |
2770 |
background: #FFFFFF none; |
2758 |
border: 1px solid #B9D8D9; |
2771 |
border: 1px solid #B9D8D9; |
Lines 2798-2804
li {
Link Here
|
2798 |
|
2811 |
|
2799 |
.ui-state-highlight, |
2812 |
.ui-state-highlight, |
2800 |
.ui-widget-content .ui-state-highlight, |
2813 |
.ui-widget-content .ui-state-highlight, |
2801 |
.ui-widget-header .ui-state-highlight { |
2814 |
.ui-widget-header .ui-state-highlight { |
2802 |
background: #FFF4C6; |
2815 |
background: #FFF4C6; |
2803 |
border: 1px solid #FED22F; |
2816 |
border: 1px solid #FED22F; |
2804 |
color: #363636; |
2817 |
color: #363636; |
Lines 2807-2818
li {
Link Here
|
2807 |
.ui-state-error, |
2820 |
.ui-state-error, |
2808 |
.ui-widget-content .ui-state-error, |
2821 |
.ui-widget-content .ui-state-error, |
2809 |
.ui-widget-header .ui-state-error { |
2822 |
.ui-widget-header .ui-state-error { |
2810 |
border: 1px solid #CD0A0A; |
|
|
2811 |
background: #FEF1EC; |
2823 |
background: #FEF1EC; |
|
|
2824 |
border: 1px solid #CD0A0A; |
2812 |
color: #CD0A0A; |
2825 |
color: #CD0A0A; |
2813 |
} |
2826 |
} |
2814 |
|
2827 |
|
2815 |
/* Override jQuery Autocomplete */ |
2828 |
// Override jQuery Autocomplete |
2816 |
.ui-autocomplete { |
2829 |
.ui-autocomplete { |
2817 |
box-shadow: 2px 2px 2px rgba(0, 0, 0, .3); |
2830 |
box-shadow: 2px 2px 2px rgba(0, 0, 0, .3); |
2818 |
cursor: default; |
2831 |
cursor: default; |
Lines 2832-2838
li {
Link Here
|
2832 |
background: #FFF url("../img/spinner-small.gif") right center no-repeat; |
2845 |
background: #FFF url("../img/spinner-small.gif") right center no-repeat; |
2833 |
} |
2846 |
} |
2834 |
|
2847 |
|
2835 |
/* jQuery UI standard tabs */ |
2848 |
// jQuery UI standard tabs |
2836 |
.ui-menu { |
2849 |
.ui-menu { |
2837 |
li { |
2850 |
li { |
2838 |
list-style: none; |
2851 |
list-style: none; |
Lines 3132-3138
li {
Link Here
|
3132 |
} |
3145 |
} |
3133 |
} |
3146 |
} |
3134 |
|
3147 |
|
3135 |
/* jQuery UI Datepicker */ |
3148 |
// jQuery UI Datepicker |
3136 |
.ui-datepicker { |
3149 |
.ui-datepicker { |
3137 |
box-shadow: 1px 1px 3px 0 #666; |
3150 |
box-shadow: 1px 1px 3px 0 #666; |
3138 |
|
3151 |
|
Lines 3158-3164
li {
Link Here
|
3158 |
vertical-align: middle; |
3171 |
vertical-align: middle; |
3159 |
} |
3172 |
} |
3160 |
|
3173 |
|
3161 |
/* css for timepicker */ |
3174 |
// css for timepicker |
3162 |
.ui-timepicker-div { |
3175 |
.ui-timepicker-div { |
3163 |
dl { |
3176 |
dl { |
3164 |
text-align: left; |
3177 |
text-align: left; |
Lines 3195-3201
li {
Link Here
|
3195 |
display: none; |
3208 |
display: none; |
3196 |
} |
3209 |
} |
3197 |
|
3210 |
|
3198 |
/* jQuery UI Accordion */ |
3211 |
// jQuery UI Accordion |
3199 |
.ui-accordion-header, |
3212 |
.ui-accordion-header, |
3200 |
.ui-widget-content .ui-accordion-header { |
3213 |
.ui-widget-content .ui-accordion-header { |
3201 |
font-size: 110%; |
3214 |
font-size: 110%; |
Lines 3206-3212
video {
Link Here
|
3206 |
width: 480px; |
3219 |
width: 480px; |
3207 |
} |
3220 |
} |
3208 |
|
3221 |
|
3209 |
/* Bootstrap overrides */ |
3222 |
// Bootstrap overrides |
3210 |
button, |
3223 |
button, |
3211 |
.btn { |
3224 |
.btn { |
3212 |
border-color: #ADADAD #ADADAD #949494; |
3225 |
border-color: #ADADAD #ADADAD #949494; |
Lines 3293-3310
button,
Link Here
|
3293 |
|
3306 |
|
3294 |
} |
3307 |
} |
3295 |
|
3308 |
|
3296 |
#header { |
|
|
3297 |
&.navbar { |
3298 |
margin-bottom: 0; |
3299 |
} |
3300 |
|
3301 |
&.navbar-default { |
3302 |
background: #E6F0F2; |
3303 |
border: 0; |
3304 |
box-shadow: none; |
3305 |
} |
3306 |
} |
3307 |
|
3308 |
#changelanguage { |
3309 |
#changelanguage { |
3309 |
.dropdown-menu { |
3310 |
.dropdown-menu { |
3310 |
> li { |
3311 |
> li { |
Lines 3442-3448
label {
Link Here
|
3442 |
|
3443 |
|
3443 |
.closebtn { |
3444 |
.closebtn { |
3444 |
color: #000; |
3445 |
color: #000; |
3445 |
filter: alpha(opacity=20); |
3446 |
filter: alpha(opacity = 20); |
3446 |
float: right; |
3447 |
float: right; |
3447 |
font-size: 21px; |
3448 |
font-size: 21px; |
3448 |
font-weight: bold; |
3449 |
font-weight: bold; |
Lines 3454-3460
label {
Link Here
|
3454 |
&:focus { |
3455 |
&:focus { |
3455 |
color: #000; |
3456 |
color: #000; |
3456 |
cursor: pointer; |
3457 |
cursor: pointer; |
3457 |
filter: alpha(opacity=50); |
3458 |
filter: alpha(opacity = 50); |
3458 |
opacity: .5; |
3459 |
opacity: .5; |
3459 |
text-decoration: none; |
3460 |
text-decoration: none; |
3460 |
} |
3461 |
} |
Lines 3466-3472
label {
Link Here
|
3466 |
} |
3467 |
} |
3467 |
|
3468 |
|
3468 |
.modal-content { |
3469 |
.modal-content { |
3469 |
background-color : #EDF4F6; |
3470 |
background-color: #EDF4F6; |
3470 |
} |
3471 |
} |
3471 |
|
3472 |
|
3472 |
.btn-group { |
3473 |
.btn-group { |
Lines 3507-3513
code {
Link Here
|
3507 |
font-weight: bold; |
3508 |
font-weight: bold; |
3508 |
} |
3509 |
} |
3509 |
|
3510 |
|
3510 |
/* End Bootstrap overrides */ |
3511 |
// End Bootstrap overrides |
3511 |
|
3512 |
|
3512 |
.waiting { |
3513 |
.waiting { |
3513 |
cursor: wait; |
3514 |
cursor: wait; |
Lines 3579-3585
progress {
Link Here
|
3579 |
} |
3580 |
} |
3580 |
} |
3581 |
} |
3581 |
|
3582 |
|
3582 |
/* Class to be added to toolbar when it starts being fixed at the top of the screen*/ |
3583 |
// Class to be added to toolbar when it starts being fixed at the top of the screen |
3583 |
|
3584 |
|
3584 |
.floating { |
3585 |
.floating { |
3585 |
box-shadow: 0 3px 2px 0 rgba(0, 0, 0, .5); |
3586 |
box-shadow: 0 3px 2px 0 rgba(0, 0, 0, .5); |
Lines 3664-3672
span {
Link Here
|
3664 |
|
3665 |
|
3665 |
.result-biblio-itemtype { |
3666 |
.result-biblio-itemtype { |
3666 |
float: right; |
3667 |
float: right; |
3667 |
padding: .5em; |
|
|
3668 |
margin: .5em; |
3669 |
font-size: 85%; |
3668 |
font-size: 85%; |
|
|
3669 |
margin: .5em; |
3670 |
padding: .5em; |
3670 |
text-align: center; |
3671 |
text-align: center; |
3671 |
|
3672 |
|
3672 |
img { |
3673 |
img { |
Lines 3737-3743
span {
Link Here
|
3737 |
} |
3738 |
} |
3738 |
|
3739 |
|
3739 |
#merge { |
3740 |
#merge { |
3740 |
margin: .5em 0 0 0; |
3741 |
margin: .5em 0 0; |
3741 |
} |
3742 |
} |
3742 |
|
3743 |
|
3743 |
#merge_table { |
3744 |
#merge_table { |
Lines 3888-3894
span {
Link Here
|
3888 |
} |
3889 |
} |
3889 |
} |
3890 |
} |
3890 |
|
3891 |
|
3891 |
#fixedlengthbuilderaction { |
3892 |
#fixedlengthbuilderaction { |
3892 |
border: 3px solid #E6F0F2; |
3893 |
border: 3px solid #E6F0F2; |
3893 |
left: 80%; |
3894 |
left: 80%; |
3894 |
padding: 5px; |
3895 |
padding: 5px; |
Lines 4057-4104
span {
Link Here
|
4057 |
} |
4058 |
} |
4058 |
} |
4059 |
} |
4059 |
|
4060 |
|
4060 |
/* ==== MODULE LINKS - Start ==== */ |
4061 |
// ==== MODULE LINKS - Start ==== |
4061 |
|
4062 |
|
4062 |
ul { |
4063 |
.buttons-list { |
4063 |
&.buttons-list { |
4064 |
// List containing the module links |
4064 |
/* List containing the module links */ |
4065 |
margin-bottom: 30px; |
4065 |
padding: 0; |
4066 |
padding: 0; |
4066 |
margin-bottom: 30px; |
|
|
4067 |
|
4067 |
|
4068 |
li { |
4068 |
li { |
4069 |
/* Standard attributes for the list elements */ |
4069 |
// Standard attributes for the list elements |
4070 |
list-style-type:none; |
4070 |
list-style-type: none; |
4071 |
|
4071 |
|
4072 |
a { |
4072 |
a { |
4073 |
&.circ-button { |
4073 |
&.circ-button { |
4074 |
/* Class used for each module link */ |
4074 |
// Class used for each module link |
4075 |
background-color: #F4F8F9; |
4075 |
background-color: #F4F8F9; |
4076 |
background-position: 5px 3px; |
4076 |
background-position: 5px 3px; |
4077 |
background-repeat: no-repeat; |
4077 |
background-repeat: no-repeat; |
4078 |
border: solid 2px #b9d8d9; |
4078 |
border: 2px solid #B9D8D9; |
4079 |
border-radius: 6px; |
4079 |
border-radius: 6px; |
4080 |
box-sizing: content-box; |
4080 |
box-sizing: content-box; |
4081 |
color: #000000; |
4081 |
color: #000000; |
4082 |
display: block; |
4082 |
display: block; |
4083 |
font-size: 110%; |
4083 |
font-size: 110%; |
4084 |
font-weight: bold; |
4084 |
font-weight: bold; |
4085 |
max-width: 260px; |
4085 |
margin: .5em 0; |
4086 |
margin: .5em 0; |
4086 |
max-width: 260px; |
4087 |
padding: 8px; |
4087 |
padding: 8px; |
4088 |
text-decoration: none; |
4088 |
text-decoration: none; |
4089 |
|
4089 |
|
4090 |
&:hover { |
4090 |
&:hover { |
4091 |
/* Class used for each module link hover state */ |
4091 |
// Class used for each module link hover state |
4092 |
border-color: #538200; |
4092 |
border-color: #538200; |
4093 |
color: #538200; |
4093 |
color: #538200; |
4094 |
} |
|
|
4095 |
} |
4094 |
} |
4096 |
} |
4095 |
} |
4097 |
} |
4096 |
} |
4098 |
} |
4097 |
} |
4099 |
} |
4098 |
} |
4100 |
|
4099 |
|
4101 |
/* ==== MODULE LINKS - End ==== */ |
4100 |
// ==== MODULE LINKS - End ==== |
4102 |
|
4101 |
|
4103 |
@media (min-width: 200px) { |
4102 |
@media (min-width: 200px) { |
4104 |
.navbar-nav > li { |
4103 |
.navbar-nav > li { |
Lines 4116-4122
ul {
Link Here
|
4116 |
|
4115 |
|
4117 |
.open { |
4116 |
.open { |
4118 |
.dropdown-menu { |
4117 |
.dropdown-menu { |
4119 |
background-color: #fff; |
4118 |
background-color: #FFF; |
4120 |
border: 1px solid rgba(0, 0, 0, .15); |
4119 |
border: 1px solid rgba(0, 0, 0, .15); |
4121 |
box-shadow: 0 6px 12px rgba(0, 0, 0, .175); |
4120 |
box-shadow: 0 6px 12px rgba(0, 0, 0, .175); |
4122 |
float: left; |
4121 |
float: left; |
Lines 4143-4152
ul {
Link Here
|
4143 |
> a { |
4142 |
> a { |
4144 |
&:hover, |
4143 |
&:hover, |
4145 |
&:focus { |
4144 |
&:focus { |
4146 |
background-color: #0081c2; |
4145 |
background-color: #0081C2; |
4147 |
background-image: linear-gradient(to bottom, #0088cc, #0077b3); |
4146 |
background-image: linear-gradient(to bottom, #0088CC, #0077B3); |
4148 |
background-repeat: repeat-x; |
4147 |
background-repeat: repeat-x; |
4149 |
color: #ffffff; |
4148 |
color: #FFFFFF; |
4150 |
text-decoration: none; |
4149 |
text-decoration: none; |
4151 |
} |
4150 |
} |
4152 |
} |
4151 |
} |
4153 |
- |
|
|