1 @import url("../../en/lib/yui/reset-fonts-grids.css");
2 @import url("../../en/lib/yui/skin.css");
12 a:hover,input.editshelf:hover,a.editshelf:hover,input.deleteshelf:hover {
17 background-color : white;
19 padding : 0 0 2.5em 0;
29 background-color: #FFF;
30 border : 2px solid #EEEEEE;
31 margin : 1em 1em 1em 0;
37 border-bottom : 1px solid black;
46 fieldset.rows legend {
52 fieldset.rows label, fieldset.rows span.label {
60 fieldset.rows fieldset {
67 padding: 1em 1em 0 1em;
68 list-style-type: none;
75 list-style-type: none;
79 fieldset.rows.left li {
80 padding-bottom : .4em;
83 fieldset.rows li.radio {
88 fieldset.rows li.radio label {
94 fieldset.rows ol.radio label {
100 fieldset.rows ol.radio label.radio {
106 fieldset.rows table {
111 fieldset.rows td label {
113 font-weight : normal;
118 background-color : #F3F3F3;
130 background-color : #FFF;
131 border-bottom : 1px solid #F3F3F3;
135 fieldset.holds label, fieldset.holds span.label {
144 padding : 1em 0 .3em 0;
164 font-weight : normal;
165 margin : .2em 0 .2em .5em;
170 background:transparent url(../../images/koha-logo.gif) no-repeat scroll 0%;
172 float : left !important;
182 height:0px !important;
186 text-decoration:none;
218 input[type=submit], input[type=button], input[type=reset] {
219 background : #b8d0e6 url(../../images/submit-bg.gif) repeat-x 0 0;
220 background-color : #b8d0e6;
221 border-top: 1px solid #cccccc;
222 border-left: 1px solid #cccccc;
223 border-right: 1px solid #eeeeee;
224 border-bottom: 1px solid #eeeeee;
231 input[type=submit]:active, input[type=button], input[type=reset] {
232 border: 1px inset #666666;
236 background-color : #EEE;
237 vertical-align : middle;
238 padding : 3px 3px 5px 5px;
242 background-color: #FFF;
243 border-collapse : collapse;
245 border-right : 1px solid #dddddd;
246 border-top : 1px solid #dddddd;
250 background-color: #FFF;
251 border-left : 1px solid #dddddd;
252 border-bottom : 1px solid #dddddd;
256 td.place_on_type table,
257 td.place_on_type table td {
265 background-color:#EEE;
276 background-color: #FFC;
284 tr.highlight td, tr.highlight th, tr.odd td {
285 background-color : #F3F3F3;
286 border-top : 1px solid #DDDDDD;
287 border-bottom : 1px solid #DDDDDD;
290 tr.even td, tr.even.highlight td {
291 background-color: #FFF;
295 background-color : #E8E8E8;
296 border : 1px solid #DDDDDD;
297 border-right : 1px solid #DDDDDD;
304 background-color : #eeffd4;
307 background-color : #e8f0f6;
310 #editions table, #editions td {
315 background-image:url("../../images/ascdesc.gif");
316 background-position:right center;
317 background-repeat:no-repeat;
321 background-image:url("../../images/asc.gif");
324 background-image:url("../../images/desc.gif");
344 .waiting,.intransit,.notforloan,.checkedout,.lost,.notonhold {
359 /* "problem" enhancement */
362 background-color : red;
365 /* style for search terms in catalogsearch */
371 text-decoration : underline;
375 background-color : #F9FF9A;
381 background-color : #F3F3F3;
382 border : 1px solid #E8E8E8;
383 padding-bottom : 3px;
392 #action a, #toolbar a {
393 background-position : 5px center;
394 background-repeat : no-repeat;
395 text-decoration : none;
409 border-left : 1px solid #e8e8e8;
412 #toolbar ul li:first-child a {
416 #action a.reserve, #toolbar a.reserve, .searchresults a.reserve {
417 background-image:url(../../images/placereserve.gif);
420 #action a.addtoshelf, #toolbar a.addtoshelf {
421 background-image:url(../../images/addtoshelf.gif);
424 #action a.addtocart, #toolbar a.addtocart {
425 background-image:url(../../images/cart2.gif);
428 #action a.print, #toolbar a.print {
429 background-image:url(../../images/print.gif);
433 background-image: url(../../images/brief.gif);
437 background-image: url(../../images/detail.gif);
441 background-image: url(../../images/print.gif);
445 background-image: url(../../images/close.gif);
449 background-image: url(../../images/send.gif);
453 background-image: url(../../images/send.gif);
454 background-position : 0px center;
455 background-repeat : no-repeat;
456 text-decoration : none;
460 background-image: url(../../images/placereserve.gif);
461 background-position : 9px center;
462 background-repeat : no-repeat;
463 text-decoration : none;
468 background-image: url(../../images/trash.gif);
471 /* the itemtype list in advanced search */
472 #advsearch-itemtype table {
473 border-collapse : separate;
474 border-spacing : 3px;
477 background-color : white;
478 border : 0px solid #D8DEB8;
481 #advsearch-itemtype table tr td {
482 background-color : #F8F8EB;
488 #advsearch-itemtype td {
490 background-color : #F8F8EB;
493 body#advsearch #breadcrumbs {
499 #advsearch #branchloop,
500 #advsearch #sort_by {
517 border-top : 1px solid #384b73;
524 /* the USER information block */
525 #librarian_information {
531 background-color: #FFF;
541 background-color: #fff;
544 margin-right : -10px;
545 padding : 4px 0 4px 0;
550 text-decoration : none;
556 padding : 0 .3em 0 .3em;
557 text-decoration : none;
560 #members li:first-child {
561 border-right : 1px solid black;
564 #members li:last-child {
582 background-image : url( ../../images/menu-background.gif);
583 background-repeat : repeat-x;
584 background-color : #739ACF;
585 background-position : -10px top;
586 border-top : 1px solid #335599;
587 border-bottom : 1px solid #335599;
589 margin-right : -10px;
590 padding : .7em 0 .4em .5em;
595 #opac-main-search form {
600 #opac-main-search label {
603 margin : .2em .3em 0 0;
613 border : 1px solid #e8e8e8;
617 background-color : #EEE;
618 border-bottom : 1px solid #e8e8e8;
625 #search-facets ul li {
627 list-style-type : none;
630 #search-facets li li {
631 font-weight : normal;
637 #search-facets li li a {
638 font-weight : normal;
641 #search-facets li.showmore a {
647 background-color : #EEEEEB;
648 border : 1px solid #DDDED3;
668 font-weight : normal;
674 font-weight : normal;
675 text-decoration : underline;
682 background-color:#E7E7CA;
705 #catalogue_detail_biblio p span.label {
709 #catalogue_detail_biblio p, #catalogue_detail_biblio ul {
710 padding-bottom: .6em;
724 margin : 0 1em 1em 0;
728 border : 1px solid #E8E8E8;
731 fieldset.brief legend {
736 fieldset.brief label {
741 fieldset.brief input+input {
745 fieldset.brief input, fieldset.brief textarea, fieldset.brief select {
746 background-color: #F3F3F3;
747 border-top : 1px solid #979797;
748 border-left : 1px solid #979797;
749 border-right : 1px solid #DDDDDD;
750 border-bottom : 1px solid #DDDDDD;
756 fieldset.brief textarea {
760 fieldset.brief input:focus {
761 background-color: #FFFFCC;
764 fieldset.brief ol, fieldset.brief li {
765 list-style-type : none;
768 fieldset.brief div.hint, fieldset.rows div.hint {
776 font-weight : normal;
781 margin : 0pt 5px 5px 0pt;
787 .resultscontrol, .resultscontrol select {
795 .cartlist input.submit {
796 background-color : #d8deb8;
797 background-image : none;
798 border-color : #bebf84;
805 #CheckAll, #CheckNone {
806 font-weight : normal;
810 .resultscontrol label {
820 .searchresults p.details {
830 td.resultscontrol img {
831 vertical-align: middle;
834 .searchresults table td {
837 .searchresults table {
841 .searchresults td, .searchresults th, .searchresults table {
849 border-bottom : 1px solid #f3f3f3;
852 .searchresults tr:first-child {
856 .searchresults table {
857 border-top : 0px solid #CCCCCC;
861 .searchresults a.reserve, .searchresults a.reserve:visited {
862 background-position:left top;
863 background-repeat:no-repeat;
865 padding:2px 3px 2px 26px;
868 .searchresults a.reserve {
869 background-color:transparent;
873 .unavailable, .tagerror, .tagerror:visited {
892 background-color: transparent;
895 padding: 1px 5px 1px 5px;
896 text-decoration: none;
899 background-color: transparent;
902 padding: 1px 5px 1px 5px;
903 text-decoration: none;
907 background-color: #CCFF00;
910 padding: 1px 5px 1px 5px;
911 text-decoration: none;
915 background-color: #99CC00;
918 padding: 1px 5px 1px 5px;
919 text-decoration: none;
923 background-color: #FFFFFF;
926 padding: 1px 5px 1px 5px;
927 text-decoration: none;
931 background-color: #EEE;
932 border: 1px solid #CCCC99;
935 padding: 1px 5px 1px 5px;
936 text-decoration: none;
940 background-color: #EEE;
941 border: 1px solid #CCCC99;
944 padding: 1px 5px 1px 5px;
945 text-decoration: none;
949 background-color: #FFFFCC;
950 border: 1px solid #CCCC99;
953 padding: 1px 5px 1px 5px;
954 text-decoration: none;
958 background-color: #FFFFCC;
959 border: 1px solid #CCCC99;
962 padding: 1px 5px 1px 5px;
963 text-decoration: none;
968 list-style-type: none;
969 margin: 9px 0 -2px 5px;
980 padding: 2px 4px 2px 4px;
981 text-decoration: none;
982 border-top: 1px solid #DDDDDD;
983 border-left : 1px solid #DDDDDD;
984 border-right : 1px solid #666666;
987 ul.link-tabs li#power_formButton a, ul.link-tabs li#proximity_formButton a {
988 padding: 2px 4px 3px 4px;
991 ul.link-tabs li.off a {
992 background-color: #EEEEEB;
993 border-bottom: 1px solid #DDDDDD;
996 ul.link-tabs li.off a:hover {
997 padding: 2px 3px 2px 4px;
998 background-color: #FFFFEC;
999 border-top: 1px solid #BEBF84;
1000 border-left : 1px solid #BEBF84;
1001 border-right : 2px solid #333333;
1004 ul.link-tabs li.on a {
1005 background-color: #FFFFFF;
1006 border-bottom: 1px solid #FFFFFF;
1009 ul.link-tabs li a.debit {
1010 background-color : #FFFF99;
1015 border : 1px solid #DDDDDD;
1021 #catalogue_detail_biblio table, #catalogue_detail_biblio td, #catalogue_detail_biblio th {
1022 background-color : transparent;
1027 background-color : #ffcccc;
1028 border-bottom : 1px solid #ffaeae;
1029 border-right : 1px solid #ffaeae;
1043 table#marc, table#marc td, table#marc th {
1048 background-color : transparent;
1052 table#marc td:first-child {
1079 /* Hides from IE-mac \*/
1080 * html .clearfix {height: 1%;}
1081 /* End hide from IE-mac */
1087 padding : 0 0 .5em 0;
1090 .searchresults .tagstatus {
1099 .results_summary .label {
1103 .results_summary a {
1104 font-weight: normal;
1109 text-decoration : none;
1113 background : url("../../images/placehold-small.gif") center left no-repeat;
1114 padding-left : 16px;
1117 .actions a.addtocart {
1118 background : url("../../images/cart-small.gif") center left no-repeat;
1119 padding-left : 13px;
1122 .actions a.addtoshelf {
1123 background : url("../../images/addtolist-small.gif") center left no-repeat;
1124 padding-left : 13px;
1127 #catalogue_detail_biblio div.results_summary {
1130 #catalogue_detail_biblio div.results_summary ul {
1139 #catalogue_detail_biblio div.results_summary ul li {
1144 border: 1px solid #bcbcbc;
1150 .dialog h2, .dialog h3, .dialog h4 {
1152 text-align : center;
1156 background : #FFC url(../../images/alert-bg.gif) repeat-x left 0;
1157 text-align : center;
1165 background : white url("../../images/message-bg.gif") repeat-x left 0;
1166 border : 1px solid #bcbcbc;
1175 margin : .6em 0 .3em 0;
1178 #moresearches a:link, #moresearches a:visited {
1180 font-weight : normal;
1181 text-decoration : none;
1189 #opac-main-search #listsmenu a, #opac-main-search #listsmenu h4 {
1191 font-weight : normal;
1193 #opac-main-search #listsmenu h4 {
1199 #opac-main-search #listsmenu .yuimenuitemlabel {
1203 #opac-main-search #listsmenu .bd {
1204 background-color : #f3f3f3;
1205 border : 1px solid #739acf;
1206 background-image : url("../../images/listmenu-container-bg.gif");
1207 background-position : top right;
1208 background-repeat : repeat-y;
1209 padding : .3em 1em 0 0;
1212 #opac-main-search #listsmenu .yuimenuitemlabel.selected {
1213 background-color : #fff;
1216 #opac-main-search #listsmenu ul {
1217 border-color : #b8d0e6;
1221 vertical-align: top;
1225 vertical-align: top;
1233 background-color: #fff;
1234 border-top: 1px solid #CCC;
1240 div#changelanguage a {
1241 font-weight : normal;
1245 div#changelanguage a.more {
1246 background-image:url(../../images/more-up-arrow.gif);
1247 background-position:right center;
1248 background-repeat:no-repeat;
1252 div#changelanguage li.yuimenuitem {
1254 font-weight : normal;
1259 div#changelanguage li.yuimenuitem a.yuimenuitemlabel {
1263 #cartDetails,#cartUpdate,#holdDetails {
1264 background-color : #FFF;
1265 border: 1px solid #739acf;
1270 text-align : center;
1274 .yui-panel .hd, .yui-panel .bd, .yui-panel .ft {
1275 background-color : transparent;
1280 #login #userid, #login #password {
1284 #opac-main-search input.submit {
1285 background : #b8d0e6 url(../../images/submit-bg.gif) repeat-x 0 0;
1286 background-color : #b8d0e6;
1287 border-top: 1px solid #cccccc;
1288 border-left: 1px solid #cccccc;
1289 border-right: 1px solid #eeeeee;
1290 border-bottom: 1px solid #eeeeee;
1292 font-weight : normal;
1298 border-right : 1px solid #979797;
1300 margin-right : .5em;
1302 padding-bottom : 2em;
1306 text-decoration : none;
1308 background : #EEE url(../../images/side-tab-gradient.gif) repeat-y top right;
1309 border : 1px solid #979797;
1312 padding : .4em .3em;
1313 margin-right : -1px;
1316 div#menu li a:hover {
1317 background : #E8F0F6 url(../../images/side-tab-gradient-hover.gif) repeat-y top right;
1320 div#menu li.active a:hover {
1321 background-color : #fff;
1326 list-style-type : none;
1329 #menu ul li.active a {
1330 background-color : #FFF;
1331 background-image : none;
1347 font-weight : normal;
1350 padding: 2px 2px 1px 2px;
1353 #export,#further,#similars, .detailtagcell {
1355 background-color : #F3F3F3;
1356 border : 1px solid #E8E8E8;
1359 text-align : center;
1362 #export label, .detailtagcell label {
1366 margin-bottom : 2px;
1369 #export input, .detailtagcell input {
1376 padding : 3px 3px .5em 1em;
1380 list-style-image : url("../../images/further-bullet.gif");
1384 background-color : #FFF;
1385 text-align : center;
1387 padding : 0 3px 3px 3px;
1416 background: url(../../images/star-ratings.gif) top left no-repeat;
1424 background: url(../../images/star-ratings-empty.gif) top left no-repeat;
1427 margin: 0 10px 0 10px;
1433 #cartmenulink, #listsmenulink {
1435 position : relative;
1440 text-decoration : none;
1444 #cartmenulink *, #listsmenulink * {
1445 font-style : normal;
1446 background-image : url(../../images/button-background.png);
1447 background-repeat : no-repeat;
1449 position : relative;
1452 #cartmenulink i, #listsmenulink i {
1453 background-position : top left;
1454 position : absolute;
1455 margin-bottom : -5px;
1462 #cartmenulink span, #listsmenulink span {
1463 background-position : bottom left;
1465 padding : 0 0 5px 10px;
1466 margin-bottom : -5px;
1469 *:first-child+html #cartmenulink span { padding-top : 3px; padding-bottom : 7px; }
1470 *:first-child+html #listsmenulink span { padding-top : 5px; }
1472 #cartmenulink span i, #listsmenulink span i {
1473 background-position : bottom right;
1475 position : absolute;
1482 #cartmenulink span span, #listsmenulink span span {
1483 background-position : top right;
1484 position : absolute;
1491 * html #cartmenulink span, * html #cartmenulink i, * html #listsmenulink span, * html #listsmenulink i {
1494 background-image : none;
1497 * html #cartmenulink span, * html #listsmenulink span {
1501 background : #9FBFFF;
1505 background : #98CB58;
1510 #cartmenulink[class], #listsmenulink[class] {
1511 background-image : url(../../images/button-background-gradient.png);
1512 background-position : left top;
1515 #listsmenulink:hover {
1516 background-color : #b8d0e6;
1519 #cartmenulink:hover {
1520 background-color : #BFDE96;
1524 background-image : none;
1526 padding : 3px 3px 0 3px;
1529 #cartmenulink span#basketcount {
1530 background-image : none;
1534 position : relative;
1542 #cartmenulink span#basketcount span {
1543 background-image : none;
1544 background-color : #E6FCB7;
1549 font-weight : normal;
1550 margin : 0 0 0 .9em;
1551 padding : 0 .3em 0 .3em;
1552 position : relative;
1558 a#listsmenulink, a#listsmenulink:hover {
1563 margin-left : 1.5em;
1566 a#cartmenulink, a#cartmenulink:hover {
1571 margin-left : 1.5em;
1573 * html a#cartmenulink {
1576 * html a#cartmenulink:hover {
1580 *:first-child+html a#listsmenulink { padding-top : 0; }
1581 *:first-child+html a#listsmenulink:hover { padding-top : 0; }
1582 *:first-child+html a#cartmenulink { padding-top : 0; }
1583 *:first-child+html a#cartmenulink:hover { padding-top : 0; }
1584 *:first-child+html #cartmenulink span i{ top : -4px; }
1585 *:first-child+html #listsmenulink span i { top : -5px; }
1587 #listsmenulink img {
1588 background-image : none;
1590 padding : 0 0 2px 0;
1593 * html #cartmenulink {
1594 border : 1px solid #336600;
1597 * html #listsmenulink {
1598 border : 1px solid #006699;
1602 margin-right : .5em;
1605 ul.ui-tabs-nav li a, ul.ui-tabs-nav li span.a {
1606 background-color : #F3F3F3;
1607 border-top : 1px solid #E8E8E8;
1608 border-left : 1px solid #E8E8E8;
1609 border-right : 1px solid #E8E8E8;
1612 text-align : center;
1613 text-decoration : none;
1616 ul.ui-tabs-nav li.ui-tabs-selected a, ul.ui-tabs-nav li.ui-tabs-selected span.a {
1617 background-color : #FFF;
1618 border-top : 1px solid #E8E8E8;
1619 border-left : 1px solid #E8E8E8;
1620 border-right : 1px solid #E8E8E8;
1621 border-bottom : 1px solid #FFF;
1622 margin-bottom : -5px;
1623 text-align : center;
1627 border-bottom : 1px solid #E8E8E8;
1628 margin-bottom : .5em;
1629 padding : 0 2em 2px 0.2em;
1630 white-space : nowrap;
1634 padding : 0.2em .2em 2px .2em;
1637 #bibliodescriptions,
1643 a#MARCview, span#MARCview, a#MARCviewPop, a#ISBDview, span#ISBDview, a#Normalview, span#Normalview {
1644 background-position : 5px 3px;
1645 background-repeat : no-repeat;
1647 font-weight : normal;
1648 padding : .2em .5em;
1649 text-decoration: none;
1652 a#MARCview, span#MARCview {
1653 background-image : url(../../images/marc.gif);
1654 padding-left : 17px;
1656 a#MARCviewPop, span#MARCviewPop {
1657 background-image : url(../../images/marc.gif);
1658 padding-left : 17px;
1660 a#ISBDview, span#ISBDview {
1661 background-image : url(../../images/isbd.gif);
1662 padding-left : 20px;
1664 a#Normalview, span#Normalview {
1665 background-image : url(../../images/normal.gif);
1666 padding-left : 15px;
1669 a#MARCview, a#MARCviewPop, a#ISBDview, a#Normalview {
1670 background-color : #F3F3F3;
1671 border-left : 1px solid #E8E8E8;
1674 #shelfbrowser table {
1677 #shelfbrowser table, #shelfbrowser td, #shelfbrowser th {
1680 text-align : center;
1684 text-decoration : none;
1686 #shelfbrowser td, #shelfbrowser th {
1687 vertical-align : bottom;
1690 #shelfbrowser td.top {
1691 vertical-align : top;
1693 #shelfbrowser td.top a {
1694 text-decoration : underline;
1700 background : transparent url("../../images/new.gif") center left no-repeat;
1705 padding-left : 15px;
1706 text-decoration : none;
1708 input.editshelf,a.editshelf {
1709 background : transparent url("../../images/shelf-edit.gif") center left no-repeat;
1714 padding-left : 15px;
1715 text-decoration : none;
1717 input.newshelf,a.newshelf {
1718 background : transparent url("../../images/shelf-new.gif") center left no-repeat;
1723 padding-left : 15px;
1724 text-decoration : none;
1727 background : transparent url("../../images/shelf-delete.gif") center left no-repeat;
1733 padding-left : 13px;
1736 input.editshelf:active,input.deleteshelf:active {
1740 #comments .commentline {
1741 border-bottom : 2px solid #eeeeeb;
1742 margin : 0 -.5em 0 -.5em;
1743 padding : 0 .5em .5em .5em;
1746 background-color : #effed5;
1748 #comments #addcomment {
1749 margin : 0 -1em -1em -1em;
1753 padding : 1px !important;
1761 .results_summary img {
1765 background-color : #FFF;
1766 border: 1px solid #979797;
1771 text-align : center;
1774 #bookcover span.no-image {
1775 margin-right : 10px;
1776 margin-bottom : 10px;
1778 #shelfbrowser a:link span.no-image,
1779 #shelfbrowser a:visited span.no-image,
1780 #shelfbrowser a:hover span.no-image,
1781 #shelfbrowser a:active span.no-image {
1784 #shelfbrowser a:link span.no-image,
1785 #shelfbrowser a:visited span.no-image,
1786 #shelfbrowser a:hover span.no-image,
1787 #shelfbrowser a:active span.no-image,
1788 td.jacketcell a:link,
1789 td.jacketcell a:visited,
1790 td.jacketcell a:hover,
1791 td.jacketcell a:active,
1797 text-decoration : none;
1801 .copies_row > td:first-child {
1802 border-left-style : none;