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 153-166
a {
Link Here
|
153 |
|
153 |
|
154 |
aside { |
154 |
aside { |
155 |
h5 { |
155 |
h5 { |
156 |
font-size : 100%; |
156 |
font-size: 100%; |
157 |
margin : .5em 0; |
157 |
margin: .5em 0; |
158 |
} |
158 |
} |
159 |
|
159 |
|
160 |
fieldset { |
160 |
fieldset { |
161 |
&.brief { |
161 |
&.brief { |
162 |
margin: 0; |
162 |
margin: 0; |
163 |
padding : .4em .7em; |
163 |
padding: .4em .7em; |
164 |
|
164 |
|
165 |
fieldset { |
165 |
fieldset { |
166 |
margin: 0; |
166 |
margin: 0; |
Lines 182-204
aside {
Link Here
|
182 |
label { |
182 |
label { |
183 |
display: inline; |
183 |
display: inline; |
184 |
} |
184 |
} |
|
|
185 |
|
185 |
span { |
186 |
span { |
186 |
&.label { |
187 |
&.label { |
187 |
display: inline |
188 |
display: inline; |
188 |
} |
189 |
} |
189 |
} |
190 |
} |
190 |
} |
191 |
} |
191 |
|
192 |
|
192 |
&.radio { |
193 |
&.radio { |
|
|
194 |
padding: .7em 0; |
195 |
|
193 |
input { |
196 |
input { |
194 |
padding: .3em 0; |
197 |
padding: .3em 0; |
195 |
} |
198 |
} |
|
|
199 |
|
196 |
label { |
200 |
label { |
197 |
display: inline; |
201 |
display: inline; |
198 |
} |
202 |
} |
199 |
|
203 |
|
200 |
padding: .7em 0; |
|
|
201 |
|
202 |
span { |
204 |
span { |
203 |
&.label { |
205 |
&.label { |
204 |
display: inline; |
206 |
display: inline; |
Lines 208-220
aside {
Link Here
|
208 |
} |
210 |
} |
209 |
|
211 |
|
210 |
ol { |
212 |
ol { |
211 |
font-size : 85%; |
213 |
font-size: 85%; |
212 |
margin : 0; |
214 |
margin: 0; |
213 |
padding : 0; |
215 |
padding: 0; |
214 |
} |
216 |
} |
215 |
|
217 |
|
216 |
select, |
218 |
select, |
217 |
input[type="text"] { |
219 |
[type="text"] { |
218 |
width: 100%; |
220 |
width: 100%; |
219 |
} |
221 |
} |
220 |
} |
222 |
} |
Lines 244-250
main {
Link Here
|
244 |
.yui-b { |
246 |
.yui-b { |
245 |
fieldset { |
247 |
fieldset { |
246 |
&.brief { |
248 |
&.brief { |
247 |
input[type="text"], |
249 |
[type="text"], |
248 |
select { |
250 |
select { |
249 |
width: auto; |
251 |
width: auto; |
250 |
} |
252 |
} |
Lines 273-279
table {
Link Here
|
273 |
} |
275 |
} |
274 |
} |
276 |
} |
275 |
|
277 |
|
276 |
& > caption { |
278 |
> caption { |
277 |
span { |
279 |
span { |
278 |
&.actions { |
280 |
&.actions { |
279 |
font-size: 66%; |
281 |
font-size: 66%; |
Lines 291-296
table {
Link Here
|
291 |
border: 0; |
293 |
border: 0; |
292 |
} |
294 |
} |
293 |
} |
295 |
} |
|
|
296 |
|
297 |
+ table { |
298 |
margin-top: 1em; |
299 |
} |
294 |
} |
300 |
} |
295 |
|
301 |
|
296 |
td, |
302 |
td, |
Lines 341-353
th {
Link Here
|
341 |
} |
347 |
} |
342 |
} |
348 |
} |
343 |
|
349 |
|
344 |
table + table { |
|
|
345 |
margin-top: 1em; |
346 |
} |
347 |
|
348 |
body { |
350 |
body { |
349 |
font-family: $font-main; |
351 |
font-family: $font-main; |
350 |
padding: 0 0 4em 0; |
352 |
padding: 0 0 4em; |
351 |
text-align: left; |
353 |
text-align: left; |
352 |
} |
354 |
} |
353 |
|
355 |
|
Lines 419-425
hr {
Link Here
|
419 |
} |
421 |
} |
420 |
|
422 |
|
421 |
p { |
423 |
p { |
422 |
margin: .5em 0 .5em 0; |
424 |
margin: .5em 0; |
423 |
} |
425 |
} |
424 |
|
426 |
|
425 |
strong { |
427 |
strong { |
Lines 477-483
input {
Link Here
|
477 |
} |
479 |
} |
478 |
|
480 |
|
479 |
&:disabled { |
481 |
&:disabled { |
480 |
@include disabled-button |
482 |
@include disabled-button; |
481 |
} |
483 |
} |
482 |
} |
484 |
} |
483 |
|
485 |
|
Lines 494-500
input {
Link Here
|
494 |
} |
496 |
} |
495 |
|
497 |
|
496 |
&:disabled { |
498 |
&:disabled { |
497 |
@include disabled-button |
499 |
@include disabled-button; |
498 |
} |
500 |
} |
499 |
} |
501 |
} |
500 |
|
502 |
|
Lines 528-534
label,
Link Here
|
528 |
font-weight: bold; |
530 |
font-weight: bold; |
529 |
} |
531 |
} |
530 |
|
532 |
|
531 |
/* Permissions Labels */ |
533 |
// Permissions Labels |
532 |
&.permissioncode { |
534 |
&.permissioncode { |
533 |
font-style: italic; |
535 |
font-style: italic; |
534 |
|
536 |
|
Lines 587-593
label,
Link Here
|
587 |
margin-top: 1em; |
589 |
margin-top: 1em; |
588 |
} |
590 |
} |
589 |
|
591 |
|
590 |
#login_controls { |
592 |
#login_controls { |
591 |
padding: .4em .5em; |
593 |
padding: .4em .5em; |
592 |
position: absolute; |
594 |
position: absolute; |
593 |
right: .5em; |
595 |
right: .5em; |
Lines 650-656
ul {
Link Here
|
650 |
} |
652 |
} |
651 |
} |
653 |
} |
652 |
|
654 |
|
653 |
/* For Font Awesome icon bullets */ |
655 |
// For Font Awesome icon bullets |
654 |
&.fa-ul { |
656 |
&.fa-ul { |
655 |
li { |
657 |
li { |
656 |
list-style-type: none; |
658 |
list-style-type: none; |
Lines 878-884
fieldset {
Link Here
|
878 |
margin: 1em 1em 1em 0; |
880 |
margin: 1em 1em 1em 0; |
879 |
padding: 1em; |
881 |
padding: 1em; |
880 |
|
882 |
|
881 |
& + fieldset { |
883 |
+ fieldset { |
882 |
&.action { |
884 |
&.action { |
883 |
padding-top: 20px; |
885 |
padding-top: 20px; |
884 |
} |
886 |
} |
Lines 896-902
fieldset {
Link Here
|
896 |
border: 0; |
898 |
border: 0; |
897 |
clear: both; |
899 |
clear: both; |
898 |
float: none; |
900 |
float: none; |
899 |
margin: .9em 0 0 0; |
901 |
margin: .9em 0 0; |
900 |
padding: .4em; |
902 |
padding: .4em; |
901 |
width: auto; |
903 |
width: auto; |
902 |
} |
904 |
} |
Lines 957-963
fieldset {
Link Here
|
957 |
clear: left; |
959 |
clear: left; |
958 |
float: left; |
960 |
float: left; |
959 |
font-size: 90%; |
961 |
font-size: 90%; |
960 |
margin: .9em 0 0 0; |
962 |
margin: .9em 0 0; |
961 |
padding: 0; |
963 |
padding: 0; |
962 |
width: 100%; |
964 |
width: 100%; |
963 |
|
965 |
|
Lines 1092-1098
fieldset {
Link Here
|
1092 |
|
1094 |
|
1093 |
ol { |
1095 |
ol { |
1094 |
list-style-type: none; |
1096 |
list-style-type: none; |
1095 |
padding: 1em 1em 0 1em; |
1097 |
padding: 1em 1em 0; |
1096 |
|
1098 |
|
1097 |
&.radio { |
1099 |
&.radio { |
1098 |
label { |
1100 |
label { |
Lines 1158-1164
fieldset {
Link Here
|
1158 |
margin: 1em 0 0 11em; |
1160 |
margin: 1em 0 0 11em; |
1159 |
} |
1161 |
} |
1160 |
|
1162 |
|
1161 |
&+h3 { |
1163 |
+ h3 { |
1162 |
clear: both; |
1164 |
clear: both; |
1163 |
padding-top: .5em; |
1165 |
padding-top: .5em; |
1164 |
} |
1166 |
} |
Lines 1269-1280
details[open] {
Link Here
|
1269 |
padding: .2em .5em .4em 10px; |
1271 |
padding: .2em .5em .4em 10px; |
1270 |
} |
1272 |
} |
1271 |
|
1273 |
|
1272 |
#header + #breadcrumbs { |
1274 |
#header { |
1273 |
margin-top: 1em; |
1275 |
&.navbar { |
1274 |
} |
1276 |
margin-bottom: 0; |
|
|
1277 |
} |
1275 |
|
1278 |
|
1276 |
#header > .container-fluid { |
1279 |
&.navbar-default { |
1277 |
padding: 0; |
1280 |
background: #E6F0F2; |
|
|
1281 |
border: 0; |
1282 |
box-shadow: none; |
1283 |
} |
1284 |
|
1285 |
+ #breadcrumbs { |
1286 |
margin-top: 1em; |
1287 |
} |
1288 |
|
1289 |
> .container-fluid { |
1290 |
padding: 0; |
1291 |
} |
1278 |
} |
1292 |
} |
1279 |
|
1293 |
|
1280 |
div { |
1294 |
div { |
Lines 1283-1296
div {
Link Here
|
1283 |
border: 0; |
1297 |
border: 0; |
1284 |
clear: both; |
1298 |
clear: both; |
1285 |
float: none; |
1299 |
float: none; |
1286 |
margin: .9em 0 0 0; |
1300 |
margin: .9em 0 0; |
1287 |
padding: .4em; |
1301 |
padding: .4em; |
1288 |
width: auto; |
1302 |
width: auto; |
1289 |
} |
1303 |
} |
1290 |
|
1304 |
|
1291 |
.circmessage { |
1305 |
.circmessage { |
1292 |
margin-bottom: .3em; |
1306 |
margin-bottom: .3em; |
1293 |
padding: 0 .4em .4em .4em; |
1307 |
padding: 0 .4em .4em; |
1294 |
|
1308 |
|
1295 |
&:first-child { |
1309 |
&:first-child { |
1296 |
margin-top: 1em; |
1310 |
margin-top: 1em; |
Lines 1311-1317
div {
Link Here
|
1311 |
} |
1325 |
} |
1312 |
|
1326 |
|
1313 |
&.help { |
1327 |
&.help { |
1314 |
margin: .9em 0 0 0; |
1328 |
margin: .9em 0 0; |
1315 |
} |
1329 |
} |
1316 |
|
1330 |
|
1317 |
&.justify { |
1331 |
&.justify { |
Lines 1319-1325
div {
Link Here
|
1319 |
} |
1333 |
} |
1320 |
|
1334 |
|
1321 |
&.message { |
1335 |
&.message { |
1322 |
background: linear-gradient(to bottom, #ffffff 0%, #f4f6fa 2%, #eaeef5 23%, #e8edf6 94%, #cddbf2 100%); |
1336 |
background: linear-gradient(to bottom, #FFFFFF 0%, #F4F6FA 2%, #EAEEF5 23%, #E8EDF6 94%, #CDDBF2 100%); |
1323 |
border: 1px solid #BCBCBC; |
1337 |
border: 1px solid #BCBCBC; |
1324 |
text-align: center; |
1338 |
text-align: center; |
1325 |
width: 55%; |
1339 |
width: 55%; |
Lines 1336-1342
div {
Link Here
|
1336 |
} |
1350 |
} |
1337 |
|
1351 |
|
1338 |
&.note { |
1352 |
&.note { |
1339 |
background: linear-gradient(to bottom, #F4F6FA 0%, #E8EDF6 100%); /* W3C */ |
1353 |
background: linear-gradient(to bottom, #F4F6FA 0%, #E8EDF6 100%); // W3C |
1340 |
border: 1px solid #BCBCBC; |
1354 |
border: 1px solid #BCBCBC; |
1341 |
margin: .5em 0; |
1355 |
margin: .5em 0; |
1342 |
padding: .5em; |
1356 |
padding: .5em; |
Lines 1350-1356
div {
Link Here
|
1350 |
} |
1364 |
} |
1351 |
} |
1365 |
} |
1352 |
|
1366 |
|
1353 |
/* Tools > automatic_item_modification_by_age */ |
1367 |
// Tools > automatic_item_modification_by_age |
1354 |
&.rules { |
1368 |
&.rules { |
1355 |
display: block; |
1369 |
display: block; |
1356 |
} |
1370 |
} |
Lines 1379-1391
div {
Link Here
|
1379 |
} |
1393 |
} |
1380 |
|
1394 |
|
1381 |
&.listgroup { |
1395 |
&.listgroup { |
1382 |
clear: left; |
1396 |
clear: left; |
1383 |
|
1397 |
|
1384 |
h4 { |
1398 |
h4 { |
1385 |
font-style: italic; |
1399 |
font-style: italic; |
1386 |
|
1400 |
|
1387 |
a { |
1401 |
a { |
1388 |
font-size: 80%; |
1402 |
font-size: 80%; |
1389 |
} |
1403 |
} |
1390 |
} |
1404 |
} |
1391 |
|
1405 |
|
Lines 1414-1431
div {
Link Here
|
1414 |
&.rows { |
1428 |
&.rows { |
1415 |
clear: left; |
1429 |
clear: left; |
1416 |
float: left; |
1430 |
float: left; |
1417 |
margin: 0 0 0 0; |
1431 |
margin: 0; |
1418 |
padding: 0; |
1432 |
padding: 0; |
1419 |
width: 100%; |
1433 |
width: 100%; |
1420 |
|
1434 |
|
1421 |
& + div { |
1435 |
+ div { |
1422 |
&.rows { |
1436 |
&.rows { |
1423 |
margin-top: .6em; |
1437 |
margin-top: .6em; |
1424 |
} |
1438 |
} |
1425 |
} |
1439 |
} |
1426 |
|
1440 |
|
1427 |
li { |
1441 |
li { |
1428 |
border-bottom: 1px solid #EEE; |
1442 |
border-bottom: 1px solid #EEE; |
1429 |
clear: left; |
1443 |
clear: left; |
1430 |
float: left; |
1444 |
float: left; |
1431 |
list-style-type: none; |
1445 |
list-style-type: none; |
Lines 1462-1468
div {
Link Here
|
1462 |
|
1476 |
|
1463 |
a { |
1477 |
a { |
1464 |
font-weight: bold; |
1478 |
font-weight: bold; |
1465 |
padding: 1px 5px 1px 5px; |
1479 |
padding: 1px 5px; |
1466 |
text-decoration: none; |
1480 |
text-decoration: none; |
1467 |
|
1481 |
|
1468 |
&:link, |
1482 |
&:link, |
Lines 1482-1495
div {
Link Here
|
1482 |
background-color: #E6FCB7; |
1496 |
background-color: #E6FCB7; |
1483 |
color: #666; |
1497 |
color: #666; |
1484 |
font-weight: bold; |
1498 |
font-weight: bold; |
1485 |
padding: 1px 5px 1px 5px; |
1499 |
padding: 1px 5px; |
1486 |
} |
1500 |
} |
1487 |
|
1501 |
|
1488 |
.inactive { |
1502 |
.inactive { |
1489 |
background-color: #F3F3F3; |
1503 |
background-color: #F3F3F3; |
1490 |
color: #BCBCBC; |
1504 |
color: #BCBCBC; |
1491 |
font-weight: bold; |
1505 |
font-weight: bold; |
1492 |
padding: 1px 5px 1px 5px; |
1506 |
padding: 1px 5px; |
1493 |
} |
1507 |
} |
1494 |
} |
1508 |
} |
1495 |
|
1509 |
|
Lines 1502-1508
div {
Link Here
|
1502 |
background-position: .5em .5em; |
1516 |
background-position: .5em .5em; |
1503 |
background-repeat: no-repeat; |
1517 |
background-repeat: no-repeat; |
1504 |
float: left; |
1518 |
float: left; |
1505 |
margin: .3em 0 .5em 0; |
1519 |
margin: .3em 0 .5em; |
1506 |
|
1520 |
|
1507 |
input { |
1521 |
input { |
1508 |
font-size: 1.3em; |
1522 |
font-size: 1.3em; |
Lines 1516-1522
div {
Link Here
|
1516 |
&.residentsearch { |
1530 |
&.residentsearch { |
1517 |
border: 0; |
1531 |
border: 0; |
1518 |
border-bottom: 1px solid #85CA11; |
1532 |
border-bottom: 1px solid #85CA11; |
1519 |
padding: 0 0 .2em 0; |
1533 |
padding: 0 0 .2em; |
1520 |
} |
1534 |
} |
1521 |
} |
1535 |
} |
1522 |
|
1536 |
|
Lines 1554-1564
div {
Link Here
|
1554 |
border-radius: 0 0 4px 4px; |
1568 |
border-radius: 0 0 4px 4px; |
1555 |
} |
1569 |
} |
1556 |
|
1570 |
|
1557 |
& > div, |
1571 |
> div, |
1558 |
& > ul { |
1572 |
> ul { |
1559 |
display: none; |
1573 |
display: none; |
1560 |
|
1574 |
|
1561 |
& > li { |
1575 |
> li { |
1562 |
display: none; |
1576 |
display: none; |
1563 |
|
1577 |
|
1564 |
&:first-of-type { |
1578 |
&:first-of-type { |
Lines 1614-1620
dd {
Link Here
|
1614 |
border: 1px solid #E6F0F2; |
1628 |
border: 1px solid #E6F0F2; |
1615 |
border-radius: 5px 5px 0 0; |
1629 |
border-radius: 5px 5px 0 0; |
1616 |
margin: 0; |
1630 |
margin: 0; |
1617 |
padding: 5px 5px 5px 5px; |
1631 |
padding: 5px; |
1618 |
} |
1632 |
} |
1619 |
|
1633 |
|
1620 |
#disabled { |
1634 |
#disabled { |
Lines 1663-1669
dd {
Link Here
|
1663 |
} |
1677 |
} |
1664 |
} |
1678 |
} |
1665 |
|
1679 |
|
1666 |
& + #menu { |
1680 |
+ #menu { |
1667 |
margin-right: 0; |
1681 |
margin-right: 0; |
1668 |
} |
1682 |
} |
1669 |
} |
1683 |
} |
Lines 1687-1696
dd {
Link Here
|
1687 |
} |
1701 |
} |
1688 |
|
1702 |
|
1689 |
.patronviews { |
1703 |
.patronviews { |
1690 |
border-right: 1px solid #000; |
1704 |
border-right: 1px solid #000; |
1691 |
border-top: 1px solid #000; |
1705 |
border-top: 1px solid #000; |
1692 |
margin-bottom: .5em; |
1706 |
margin-bottom: .5em; |
1693 |
padding: .5em 0 .5em 0; |
1707 |
padding: .5em 0; |
1694 |
} |
1708 |
} |
1695 |
|
1709 |
|
1696 |
.column-tool { |
1710 |
.column-tool { |
Lines 1781-1787
dd {
Link Here
|
1781 |
} |
1795 |
} |
1782 |
|
1796 |
|
1783 |
select, |
1797 |
select, |
1784 |
input[type=text] { |
1798 |
[type=text] { |
1785 |
width: 100%; |
1799 |
width: 100%; |
1786 |
} |
1800 |
} |
1787 |
} |
1801 |
} |
Lines 1813-1819
dd {
Link Here
|
1813 |
fieldset { |
1827 |
fieldset { |
1814 |
&.brief { |
1828 |
&.brief { |
1815 |
select, |
1829 |
select, |
1816 |
input[type=text] { |
1830 |
[type=text] { |
1817 |
width: auto; |
1831 |
width: auto; |
1818 |
} |
1832 |
} |
1819 |
} |
1833 |
} |
Lines 1850-1879
dd {
Link Here
|
1850 |
|
1864 |
|
1851 |
.content_hidden { |
1865 |
.content_hidden { |
1852 |
display: none; |
1866 |
display: none; |
1853 |
visibility: hidden; /* you propably don't need to change this one */ |
1867 |
visibility: hidden; // you propably don't need to change this one |
1854 |
} |
1868 |
} |
1855 |
|
1869 |
|
1856 |
/* the property for the displayed tab */ |
1870 |
// the property for the displayed tab |
1857 |
.content_visible { |
1871 |
.content_visible { |
1858 |
display: block; |
1872 |
display: block; |
1859 |
visibility: visible; /* you propably don't need to change this one */ |
1873 |
visibility: visible; // you propably don't need to change this one |
1860 |
} |
1874 |
} |
1861 |
|
1875 |
|
1862 |
#z3950searcht { |
1876 |
#z3950searcht { |
1863 |
table { |
1877 |
table { |
1864 |
/* 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 */ |
|
|
1865 |
border: 0; |
1878 |
border: 0; |
1866 |
padding: 20px; |
1879 |
padding: 20px; |
1867 |
} |
1880 |
} |
1868 |
} |
1881 |
} |
1869 |
|
1882 |
|
1870 |
#z3950_search_targets { |
1883 |
#z3950_search_targets { |
1871 |
height: 338px; |
1884 |
height: 338px; |
1872 |
overflow-y: auto; |
1885 |
overflow-y: auto; |
1873 |
} |
1886 |
} |
1874 |
|
1887 |
|
1875 |
#z3950_search_targets_acq { |
1888 |
#z3950_search_targets_acq { |
1876 |
height: 308px; |
1889 |
height: 308px; |
1877 |
overflow-y: auto; |
1890 |
overflow-y: auto; |
1878 |
} |
1891 |
} |
1879 |
|
1892 |
|
Lines 1893-1899
dd {
Link Here
|
1893 |
background-color: #FF0000; |
1906 |
background-color: #FF0000; |
1894 |
} |
1907 |
} |
1895 |
|
1908 |
|
1896 |
/* Font Awesome icons */ |
1909 |
// Font Awesome icons |
1897 |
i { |
1910 |
i { |
1898 |
&.error { |
1911 |
&.error { |
1899 |
color: #CC0000; |
1912 |
color: #CC0000; |
Lines 2029-2035
i {
Link Here
|
2029 |
} |
2042 |
} |
2030 |
|
2043 |
|
2031 |
.alert { |
2044 |
.alert { |
2032 |
background: linear-gradient(to bottom, #FEF8D3 0%, #FFEC91 9%, #FFED87 89%, #F9DC00 100%); /* W3C */ |
2045 |
background: linear-gradient(to bottom, #FEF8D3 0%, #FFEC91 9%, #FFED87 89%, #F9DC00 100%); |
2033 |
border: 1px solid #E0C726; |
2046 |
border: 1px solid #E0C726; |
2034 |
color: inherit; |
2047 |
color: inherit; |
2035 |
text-align: center; |
2048 |
text-align: center; |
Lines 2039-2046
i {
Link Here
|
2039 |
color: #900; |
2052 |
color: #900; |
2040 |
} |
2053 |
} |
2041 |
|
2054 |
|
2042 |
/* Redefine a new style for Bootstrap's class "close" since we use that already */ |
2055 |
// Redefine a new style for Bootstrap's class "close" since we use that already |
2043 |
/* Use <a class="closebtn" href="#">×</a> */ |
2056 |
// Use <a class="closebtn" href="#">×</a> |
2044 |
.closebtn { |
2057 |
.closebtn { |
2045 |
line-height: 20px; |
2058 |
line-height: 20px; |
2046 |
position: relative; |
2059 |
position: relative; |
Lines 2087-2093
i {
Link Here
|
2087 |
color: #990000; |
2100 |
color: #990000; |
2088 |
} |
2101 |
} |
2089 |
|
2102 |
|
2090 |
/* style for shelving location in catalogsearch */ |
2103 |
// style for shelving location in catalogsearch |
2091 |
.shelvingloc { |
2104 |
.shelvingloc { |
2092 |
display: block; |
2105 |
display: block; |
2093 |
font-style: italic; |
2106 |
font-style: italic; |
Lines 2101-2119
i {
Link Here
|
2101 |
|
2114 |
|
2102 |
li { |
2115 |
li { |
2103 |
a { |
2116 |
a { |
2104 |
background: linear-gradient(to bottom, #e8f0f6 0%, #e8f0f6 96%, #c1c1c1 100%); |
2117 |
background: linear-gradient(to bottom, #E8F0F6 0%, #E8F0F6 96%, #C1C1C1 100%); |
2105 |
border: 1px solid #B9D8D9; |
2118 |
border: 1px solid #B9D8D9; |
2106 |
border-bottom-left-radius: 5px; |
2119 |
border-bottom-left-radius: 5px; |
2107 |
border-top-left-radius: 5px; |
2120 |
border-top-left-radius: 5px; |
2108 |
display: block; |
2121 |
display: block; |
2109 |
font-size: 111%; |
2122 |
font-size: 111%; |
2110 |
margin: .5em 0; |
2123 |
margin: .5em 0; |
2111 |
margin-right: -1px; |
2124 |
margin-right: -1px; |
2112 |
padding: .4em .3em; |
2125 |
padding: .4em .3em; |
2113 |
text-decoration: none; |
2126 |
text-decoration: none; |
2114 |
|
2127 |
|
2115 |
&:hover { |
2128 |
&:hover { |
2116 |
background: linear-gradient(to bottom, #fafafa 0%, #ffffff 96%, #e6e6e6 97%, #cccccc 99%, #c1c1c1 100%); |
2129 |
background: linear-gradient(to bottom, #FAFAFA 0%, #FFFFFF 96%, #E6E6E6 97%, #CCCCCC 99%, #C1C1C1 100%); |
2117 |
border-bottom: 1px solid #85CA11; |
2130 |
border-bottom: 1px solid #85CA11; |
2118 |
border-left: 1px solid #85CA11; |
2131 |
border-left: 1px solid #85CA11; |
2119 |
border-top: 1px solid #85CA11; |
2132 |
border-top: 1px solid #85CA11; |
Lines 2133-2139
i {
Link Here
|
2133 |
|
2146 |
|
2134 |
&:hover { |
2147 |
&:hover { |
2135 |
background-color: #FFFFFF; |
2148 |
background-color: #FFFFFF; |
2136 |
color: #538200; |
2149 |
color: #538200; |
2137 |
} |
2150 |
} |
2138 |
} |
2151 |
} |
2139 |
} |
2152 |
} |
Lines 2174-2180
i {
Link Here
|
2174 |
} |
2187 |
} |
2175 |
|
2188 |
|
2176 |
.barcode { |
2189 |
.barcode { |
2177 |
font-size: 200%; |
2190 |
font-size: 200%; |
2178 |
vertical-align: middle; |
2191 |
vertical-align: middle; |
2179 |
} |
2192 |
} |
2180 |
|
2193 |
|
Lines 2189-2195
li {
Link Here
|
2189 |
.patronbriefinfo { |
2202 |
.patronbriefinfo { |
2190 |
li { |
2203 |
li { |
2191 |
&.email { |
2204 |
&.email { |
2192 |
font-size: 87%; |
2205 |
font-size: 87%; |
2193 |
padding: 0 10px 0 0; |
2206 |
padding: 0 10px 0 0; |
2194 |
width: 90%; |
2207 |
width: 90%; |
2195 |
} |
2208 |
} |
Lines 2223-2229
li {
Link Here
|
2223 |
display: block; |
2236 |
display: block; |
2224 |
margin: auto; |
2237 |
margin: auto; |
2225 |
|
2238 |
|
2226 |
& > li { |
2239 |
> li { |
2227 |
list-style-type: none; |
2240 |
list-style-type: none; |
2228 |
} |
2241 |
} |
2229 |
} |
2242 |
} |
Lines 2429-2435
li {
Link Here
|
2429 |
border: 0; |
2442 |
border: 0; |
2430 |
font-family: $font-monospace; |
2443 |
font-family: $font-monospace; |
2431 |
font-size: 95%; |
2444 |
font-size: 95%; |
2432 |
margin: .7em 0 0 0; |
2445 |
margin: .7em 0 0; |
2433 |
} |
2446 |
} |
2434 |
|
2447 |
|
2435 |
tbody { |
2448 |
tbody { |
Lines 2510-2516
li {
Link Here
|
2510 |
color: #707070; |
2523 |
color: #707070; |
2511 |
display: block; |
2524 |
display: block; |
2512 |
font-size: 85%; |
2525 |
font-size: 85%; |
2513 |
padding: 0 0 .5em 0; |
2526 |
padding: 0 0 .5em; |
2514 |
|
2527 |
|
2515 |
a { |
2528 |
a { |
2516 |
font-weight: normal; |
2529 |
font-weight: normal; |
Lines 2590-2596
li {
Link Here
|
2590 |
} |
2603 |
} |
2591 |
} |
2604 |
} |
2592 |
|
2605 |
|
2593 |
.importing { |
2606 |
.importing { |
2594 |
background: none; |
2607 |
background: none; |
2595 |
padding: inherit; |
2608 |
padding: inherit; |
2596 |
} |
2609 |
} |
Lines 2667-2673
li {
Link Here
|
2667 |
display: block; |
2680 |
display: block; |
2668 |
font-size: 160%; |
2681 |
font-size: 160%; |
2669 |
font-weight: bold; |
2682 |
font-weight: bold; |
2670 |
padding: 0 .7em .2em .7em; |
2683 |
padding: 0 .7em .2em; |
2671 |
text-decoration: none; |
2684 |
text-decoration: none; |
2672 |
text-shadow: 0 -1px 0 #666; |
2685 |
text-shadow: 0 -1px 0 #666; |
2673 |
|
2686 |
|
Lines 2684-2690
li {
Link Here
|
2684 |
display: inline-block; |
2697 |
display: inline-block; |
2685 |
font-size: 85%; |
2698 |
font-size: 85%; |
2686 |
margin: .4em 0; |
2699 |
margin: .4em 0; |
2687 |
padding: .3em .5em .3em .5em; |
2700 |
padding: .3em .5em; |
2688 |
|
2701 |
|
2689 |
img { |
2702 |
img { |
2690 |
vertical-align: middle; |
2703 |
vertical-align: middle; |
Lines 2721-2740
li {
Link Here
|
2721 |
} |
2734 |
} |
2722 |
|
2735 |
|
2723 |
#acqui_order_supplierlist { |
2736 |
#acqui_order_supplierlist { |
2724 |
& > div { |
2737 |
> div { |
2725 |
&.supplier { |
2738 |
&.supplier { |
2726 |
border: 1px solid #EEEEEE; |
2739 |
border: 1px solid #EEEEEE; |
2727 |
margin: .5em; |
2740 |
margin: .5em; |
2728 |
padding: 1em; |
2741 |
padding: 1em; |
2729 |
} |
2742 |
} |
2730 |
|
2743 |
|
2731 |
& > div { |
2744 |
> div { |
2732 |
& > .baskets { |
2745 |
> .baskets { |
2733 |
margin-top: .5em; |
2746 |
margin-top: .5em; |
2734 |
} |
2747 |
} |
2735 |
} |
2748 |
} |
2736 |
|
2749 |
|
2737 |
& > span { |
2750 |
> span { |
2738 |
&.action { |
2751 |
&.action { |
2739 |
margin-left: 5em; |
2752 |
margin-left: 5em; |
2740 |
} |
2753 |
} |
Lines 2760-2766
li {
Link Here
|
2760 |
display: none; |
2773 |
display: none; |
2761 |
} |
2774 |
} |
2762 |
|
2775 |
|
2763 |
/* Override core jQueryUI widgets */ |
2776 |
// Override core jQueryUI widgets |
2764 |
.ui-widget-content { |
2777 |
.ui-widget-content { |
2765 |
background: #FFFFFF none; |
2778 |
background: #FFFFFF none; |
2766 |
border: 1px solid #B9D8D9; |
2779 |
border: 1px solid #B9D8D9; |
Lines 2806-2812
li {
Link Here
|
2806 |
|
2819 |
|
2807 |
.ui-state-highlight, |
2820 |
.ui-state-highlight, |
2808 |
.ui-widget-content .ui-state-highlight, |
2821 |
.ui-widget-content .ui-state-highlight, |
2809 |
.ui-widget-header .ui-state-highlight { |
2822 |
.ui-widget-header .ui-state-highlight { |
2810 |
background: #FFF4C6; |
2823 |
background: #FFF4C6; |
2811 |
border: 1px solid #FED22F; |
2824 |
border: 1px solid #FED22F; |
2812 |
color: #363636; |
2825 |
color: #363636; |
Lines 2815-2826
li {
Link Here
|
2815 |
.ui-state-error, |
2828 |
.ui-state-error, |
2816 |
.ui-widget-content .ui-state-error, |
2829 |
.ui-widget-content .ui-state-error, |
2817 |
.ui-widget-header .ui-state-error { |
2830 |
.ui-widget-header .ui-state-error { |
2818 |
border: 1px solid #CD0A0A; |
|
|
2819 |
background: #FEF1EC; |
2831 |
background: #FEF1EC; |
|
|
2832 |
border: 1px solid #CD0A0A; |
2820 |
color: #CD0A0A; |
2833 |
color: #CD0A0A; |
2821 |
} |
2834 |
} |
2822 |
|
2835 |
|
2823 |
/* Override jQuery Autocomplete */ |
2836 |
// Override jQuery Autocomplete |
2824 |
.ui-autocomplete { |
2837 |
.ui-autocomplete { |
2825 |
box-shadow: 2px 2px 2px rgba(0, 0, 0, .3); |
2838 |
box-shadow: 2px 2px 2px rgba(0, 0, 0, .3); |
2826 |
cursor: default; |
2839 |
cursor: default; |
Lines 2840-2846
li {
Link Here
|
2840 |
background: #FFF url("../img/spinner-small.gif") right center no-repeat; |
2853 |
background: #FFF url("../img/spinner-small.gif") right center no-repeat; |
2841 |
} |
2854 |
} |
2842 |
|
2855 |
|
2843 |
/* jQuery UI standard tabs */ |
2856 |
// jQuery UI standard tabs |
2844 |
.ui-menu { |
2857 |
.ui-menu { |
2845 |
li { |
2858 |
li { |
2846 |
list-style: none; |
2859 |
list-style: none; |
Lines 3140-3146
li {
Link Here
|
3140 |
} |
3153 |
} |
3141 |
} |
3154 |
} |
3142 |
|
3155 |
|
3143 |
/* jQuery UI Datepicker */ |
3156 |
// jQuery UI Datepicker |
3144 |
.ui-datepicker { |
3157 |
.ui-datepicker { |
3145 |
box-shadow: 1px 1px 3px 0 #666; |
3158 |
box-shadow: 1px 1px 3px 0 #666; |
3146 |
|
3159 |
|
Lines 3166-3172
li {
Link Here
|
3166 |
vertical-align: middle; |
3179 |
vertical-align: middle; |
3167 |
} |
3180 |
} |
3168 |
|
3181 |
|
3169 |
/* css for timepicker */ |
3182 |
// css for timepicker |
3170 |
.ui-timepicker-div { |
3183 |
.ui-timepicker-div { |
3171 |
dl { |
3184 |
dl { |
3172 |
text-align: left; |
3185 |
text-align: left; |
Lines 3203-3209
li {
Link Here
|
3203 |
display: none; |
3216 |
display: none; |
3204 |
} |
3217 |
} |
3205 |
|
3218 |
|
3206 |
/* jQuery UI Accordion */ |
3219 |
// jQuery UI Accordion |
3207 |
.ui-accordion-header, |
3220 |
.ui-accordion-header, |
3208 |
.ui-widget-content .ui-accordion-header { |
3221 |
.ui-widget-content .ui-accordion-header { |
3209 |
font-size: 110%; |
3222 |
font-size: 110%; |
Lines 3214-3220
video {
Link Here
|
3214 |
width: 480px; |
3227 |
width: 480px; |
3215 |
} |
3228 |
} |
3216 |
|
3229 |
|
3217 |
/* Bootstrap overrides */ |
3230 |
// Bootstrap overrides |
3218 |
button, |
3231 |
button, |
3219 |
.btn { |
3232 |
.btn { |
3220 |
border-color: #ADADAD #ADADAD #949494; |
3233 |
border-color: #ADADAD #ADADAD #949494; |
Lines 3301-3318
button,
Link Here
|
3301 |
|
3314 |
|
3302 |
} |
3315 |
} |
3303 |
|
3316 |
|
3304 |
#header { |
|
|
3305 |
&.navbar { |
3306 |
margin-bottom: 0; |
3307 |
} |
3308 |
|
3309 |
&.navbar-default { |
3310 |
background: #E6F0F2; |
3311 |
border: 0; |
3312 |
box-shadow: none; |
3313 |
} |
3314 |
} |
3315 |
|
3316 |
#changelanguage { |
3317 |
#changelanguage { |
3317 |
.dropdown-menu { |
3318 |
.dropdown-menu { |
3318 |
> li { |
3319 |
> li { |
Lines 3450-3456
label {
Link Here
|
3450 |
|
3451 |
|
3451 |
.closebtn { |
3452 |
.closebtn { |
3452 |
color: #000; |
3453 |
color: #000; |
3453 |
filter: alpha(opacity=20); |
3454 |
filter: alpha(opacity = 20); |
3454 |
float: right; |
3455 |
float: right; |
3455 |
font-size: 21px; |
3456 |
font-size: 21px; |
3456 |
font-weight: bold; |
3457 |
font-weight: bold; |
Lines 3462-3468
label {
Link Here
|
3462 |
&:focus { |
3463 |
&:focus { |
3463 |
color: #000; |
3464 |
color: #000; |
3464 |
cursor: pointer; |
3465 |
cursor: pointer; |
3465 |
filter: alpha(opacity=50); |
3466 |
filter: alpha(opacity = 50); |
3466 |
opacity: .5; |
3467 |
opacity: .5; |
3467 |
text-decoration: none; |
3468 |
text-decoration: none; |
3468 |
} |
3469 |
} |
Lines 3474-3480
label {
Link Here
|
3474 |
} |
3475 |
} |
3475 |
|
3476 |
|
3476 |
.modal-content { |
3477 |
.modal-content { |
3477 |
background-color : #EDF4F6; |
3478 |
background-color: #EDF4F6; |
3478 |
} |
3479 |
} |
3479 |
|
3480 |
|
3480 |
.btn-group { |
3481 |
.btn-group { |
Lines 3515-3521
code {
Link Here
|
3515 |
font-weight: bold; |
3516 |
font-weight: bold; |
3516 |
} |
3517 |
} |
3517 |
|
3518 |
|
3518 |
/* End Bootstrap overrides */ |
3519 |
// End Bootstrap overrides |
3519 |
|
3520 |
|
3520 |
.waiting { |
3521 |
.waiting { |
3521 |
cursor: wait; |
3522 |
cursor: wait; |
Lines 3587-3593
progress {
Link Here
|
3587 |
} |
3588 |
} |
3588 |
} |
3589 |
} |
3589 |
|
3590 |
|
3590 |
/* Class to be added to toolbar when it starts being fixed at the top of the screen*/ |
3591 |
// Class to be added to toolbar when it starts being fixed at the top of the screen |
3591 |
|
3592 |
|
3592 |
.floating { |
3593 |
.floating { |
3593 |
box-shadow: 0 3px 2px 0 rgba(0, 0, 0, .5); |
3594 |
box-shadow: 0 3px 2px 0 rgba(0, 0, 0, .5); |
Lines 3672-3680
span {
Link Here
|
3672 |
|
3673 |
|
3673 |
.result-biblio-itemtype { |
3674 |
.result-biblio-itemtype { |
3674 |
float: right; |
3675 |
float: right; |
3675 |
padding: .5em; |
|
|
3676 |
margin: .5em; |
3677 |
font-size: 85%; |
3676 |
font-size: 85%; |
|
|
3677 |
margin: .5em; |
3678 |
padding: .5em; |
3678 |
text-align: center; |
3679 |
text-align: center; |
3679 |
|
3680 |
|
3680 |
img { |
3681 |
img { |
Lines 3745-3751
span {
Link Here
|
3745 |
} |
3746 |
} |
3746 |
|
3747 |
|
3747 |
#merge { |
3748 |
#merge { |
3748 |
margin: .5em 0 0 0; |
3749 |
margin: .5em 0 0; |
3749 |
} |
3750 |
} |
3750 |
|
3751 |
|
3751 |
#merge_table { |
3752 |
#merge_table { |
Lines 3896-3902
span {
Link Here
|
3896 |
} |
3897 |
} |
3897 |
} |
3898 |
} |
3898 |
|
3899 |
|
3899 |
#fixedlengthbuilderaction { |
3900 |
#fixedlengthbuilderaction { |
3900 |
border: 3px solid #E6F0F2; |
3901 |
border: 3px solid #E6F0F2; |
3901 |
left: 80%; |
3902 |
left: 80%; |
3902 |
padding: 5px; |
3903 |
padding: 5px; |
Lines 4065-4112
span {
Link Here
|
4065 |
} |
4066 |
} |
4066 |
} |
4067 |
} |
4067 |
|
4068 |
|
4068 |
/* ==== MODULE LINKS - Start ==== */ |
4069 |
// ==== MODULE LINKS - Start ==== |
4069 |
|
4070 |
|
4070 |
ul { |
4071 |
.buttons-list { |
4071 |
&.buttons-list { |
4072 |
// List containing the module links |
4072 |
/* List containing the module links */ |
4073 |
margin-bottom: 30px; |
4073 |
padding: 0; |
4074 |
padding: 0; |
4074 |
margin-bottom: 30px; |
|
|
4075 |
|
4075 |
|
4076 |
li { |
4076 |
li { |
4077 |
/* Standard attributes for the list elements */ |
4077 |
// Standard attributes for the list elements |
4078 |
list-style-type:none; |
4078 |
list-style-type: none; |
4079 |
|
4079 |
|
4080 |
a { |
4080 |
a { |
4081 |
&.circ-button { |
4081 |
&.circ-button { |
4082 |
/* Class used for each module link */ |
4082 |
// Class used for each module link |
4083 |
background-color: #F4F8F9; |
4083 |
background-color: #F4F8F9; |
4084 |
background-position: 5px 3px; |
4084 |
background-position: 5px 3px; |
4085 |
background-repeat: no-repeat; |
4085 |
background-repeat: no-repeat; |
4086 |
border: solid 2px #b9d8d9; |
4086 |
border: 2px solid #B9D8D9; |
4087 |
border-radius: 6px; |
4087 |
border-radius: 6px; |
4088 |
box-sizing: content-box; |
4088 |
box-sizing: content-box; |
4089 |
color: #000000; |
4089 |
color: #000000; |
4090 |
display: block; |
4090 |
display: block; |
4091 |
font-size: 110%; |
4091 |
font-size: 110%; |
4092 |
font-weight: bold; |
4092 |
font-weight: bold; |
4093 |
max-width: 260px; |
4093 |
margin: .5em 0; |
4094 |
margin: .5em 0; |
4094 |
max-width: 260px; |
4095 |
padding: 8px; |
4095 |
padding: 8px; |
4096 |
text-decoration: none; |
4096 |
text-decoration: none; |
4097 |
|
4097 |
|
4098 |
&:hover { |
4098 |
&:hover { |
4099 |
/* Class used for each module link hover state */ |
4099 |
// Class used for each module link hover state |
4100 |
border-color: #538200; |
4100 |
border-color: #538200; |
4101 |
color: #538200; |
4101 |
color: #538200; |
4102 |
} |
|
|
4103 |
} |
4102 |
} |
4104 |
} |
4103 |
} |
4105 |
} |
4104 |
} |
4106 |
} |
4105 |
} |
4107 |
} |
4106 |
} |
4108 |
|
4107 |
|
4109 |
/* ==== MODULE LINKS - End ==== */ |
4108 |
// ==== MODULE LINKS - End ==== |
4110 |
|
4109 |
|
4111 |
@media (min-width: 200px) { |
4110 |
@media (min-width: 200px) { |
4112 |
.navbar-nav > li { |
4111 |
.navbar-nav > li { |
Lines 4124-4130
ul {
Link Here
|
4124 |
|
4123 |
|
4125 |
.open { |
4124 |
.open { |
4126 |
.dropdown-menu { |
4125 |
.dropdown-menu { |
4127 |
background-color: #fff; |
4126 |
background-color: #FFF; |
4128 |
border: 1px solid rgba(0, 0, 0, .15); |
4127 |
border: 1px solid rgba(0, 0, 0, .15); |
4129 |
box-shadow: 0 6px 12px rgba(0, 0, 0, .175); |
4128 |
box-shadow: 0 6px 12px rgba(0, 0, 0, .175); |
4130 |
float: left; |
4129 |
float: left; |
Lines 4151-4160
ul {
Link Here
|
4151 |
> a { |
4150 |
> a { |
4152 |
&:hover, |
4151 |
&:hover, |
4153 |
&:focus { |
4152 |
&:focus { |
4154 |
background-color: #0081c2; |
4153 |
background-color: #0081C2; |
4155 |
background-image: linear-gradient(to bottom, #0088cc, #0077b3); |
4154 |
background-image: linear-gradient(to bottom, #0088CC, #0077B3); |
4156 |
background-repeat: repeat-x; |
4155 |
background-repeat: repeat-x; |
4157 |
color: #ffffff; |
4156 |
color: #FFFFFF; |
4158 |
text-decoration: none; |
4157 |
text-decoration: none; |
4159 |
} |
4158 |
} |
4160 |
} |
4159 |
} |
4161 |
- |
|
|