1 @import url("../lib/yui/reset-fonts-grids.css");
2 @import url("../lib/yui/skin.css");
4 a, a:link, a:visited, a:active {
8 .yui-button,.yui-button a:link,.yui-button a:visited {
25 background : transparent url("../../img/pop-up-link.png") center right no-repeat;
32 font-family: arial, verdana, helvetica, sans-serif;
87 margin: .5em 0 .5em 0;
116 border-right : 1px solid #BCBCBC;
124 font-weight : normal;
133 list-style-image : url("../../img/arrow-bullet.gif");
134 border-bottom : 1px solid #EEE;
138 text-decoration : none;
147 #doc, #doc1, #doc2, #doc3 {
161 padding-left : 1.1em;
165 list-style-type : disc;
169 list-style-type : circle;
173 padding-left : 1.5em;
177 list-style : decimal;
181 background-color : #F3F3F3;
182 border-bottom : 1px solid #E8E8E8;
194 .clearfix {display: inline-block;}
196 /* Hides from IE-mac \*/
197 * html .clearfix {height: 1%;}
198 .clearfix {display: block;}
199 /* End hide from IE-mac */
202 /* background-image : url("../../img/koha-logo-black.png");
203 background-position : 5px 2px;
204 background-repeat : no-repeat;
207 padding-left : 50px;*/
208 border-bottom : 1px solid #E8E8E8;
217 text-decoration : none;
235 border-collapse : collapse;
236 border-top : 1px solid #BCBCBC;
237 border-right : 1px solid #BCBCBC;
243 tr.highlight table.invis td {
248 border-bottom : 1px solid #BCBCBC;
249 border-left : 1px solid #BCBCBC;
254 background-color : White;
258 border-collapse : separate;
264 font-family : "Courier New", Courier, monospace;
269 background-color : #E8E8E8;
278 #editions table, #editions td {
283 tr.highlight td, tr.highlight th, tr.odd td {
284 background-color : #F3F3F3;
285 border : 1px solid #DDDDDD;
286 border-right : 1px solid #DDDDDD;
289 tr.even td, tr.even.highlight td {
290 background-color: #FFF;
291 border-right : 1px solid #DDDDDD;
300 background-color: #FF9090;
304 background-color: #FFFFCC;
308 background-color: #FFFFE1;
312 background-color : #f3f3f3;
327 background-color : #FFFFCC;
334 border : 2px solid #EEEEEE;
335 margin : 1em 1em 1em 0;
347 background-color : #F3F3F3;
348 border-bottom : 1px solid #E8E8E8;
351 padding :.2em .5em .4em 10px;
355 #header+#breadcrumbs {
368 background-position : .5em .5em;
369 background-repeat : no-repeat;
371 margin: .3em 0 .5em 0;
374 div#header_search input {
378 div#header_search ul.link-tabs {
379 font-family : Arial, Geneva, sans-serif;
380 margin-bottom : -4px;
383 div#header_search ul.link-tabs li.on a,
384 div#header_search ul.link-tabs li a,
385 div#header_search ul.link-tabs li.off a {
386 padding : 0.1em .5em .2em .5em;
389 div#header_search div.residentsearch {
391 border-bottom : 1px solid #FF9900;
392 padding : 0 0 .2em 0;
395 div#reserves,div#checkouts {
396 border : 1px solid #E8E8E8;
410 font-family : "Courier New", Courier, fixed-width;
428 font-weight : normal;
432 background-color : #F3F3F3;
433 margin-bottom : .7em;
441 padding-bottom : 2px;
442 font-family: arial, verdana, helvetica, sans-serif;
448 a.yuimenuitemlabel-disabled, #disabled a {
451 a.yuimenuitemlabel-disabled:hover, #disabled a:hover {
467 *html div.patroninfo {
472 border-right : 1px solid #000;
474 padding-left : -.5em;
476 padding-bottom : .5em;
481 border-right : 1px solid #000;
488 div.patroninfo ul li {
492 div.patroninfo ul li, div.patronviews ul li {
493 list-style-type : none;
497 border-right : 1px solid #000;
498 border-top : 1px solid #000;
499 margin-bottom : .5em;
500 padding : .5em 0 .5em 0;
508 border : 1px solid #E8E8E8;
511 fieldset.brief label,
512 fieldset.brief span.label {
518 fieldset.brief ol, fieldset.brief li {
519 list-style-type : none;
527 fieldset.brief div.hint, fieldset.rows div.hint, div.yui-u div.hint {
529 margin-bottom : .4em;
532 div.yui-b fieldset.brief {
536 div.yui-b fieldset.brief ol {
542 div.yui-b fieldset.brief select {
545 div.yui-b fieldset.brief li.radio {
548 div.yui-b fieldset.brief li.radio label,
549 div.yui-b fieldset.brief li.radio span.label {
553 div.yui-b fieldset.brief li.radio input {
559 border-bottom : 1px solid #666;
568 fieldset.rows legend {
574 fieldset.rows label, fieldset.rows span.label {
582 fieldset.rows fieldset {
588 .yui-b fieldset.rows label, .yui-b fieldset.rows span.label {
592 .yui-b fieldset.rows div.hint {
593 margin-left : 10.5em;
596 .yui-u fieldset.rows label, .yui-u fieldset.rows span.label {
600 .yui-u fieldset.rows div.hint {
604 fieldset.rows.left label, fieldset.rows.left span.label {
610 padding: 1em 1em 0 1em;
611 list-style-type: none;
618 list-style-type: none;
622 fieldset.rows.left li {
623 padding-bottom : .4em;
626 fieldset.rows li.radio {
631 fieldset.rows li.radio label {
637 fieldset.rows ol.radio label {
643 fieldset.rows ol.radio label.radio {
649 fieldset.rows table {
652 margin : 1em 0 1em 1em;
655 fieldset.rows td label {
657 font-weight : normal;
661 fieldset.rows label.yesno {
666 fieldset.action, div.action {
671 padding : 1em 0 .3em 0;
684 div.rows span.label {
693 padding: .5em 1em 0 0;
694 list-style-type: none;
702 border-bottom : 1px solid #EEE;
705 padding-bottom: .2em;
707 list-style-type: none;
715 fieldset.rows fieldset.action {
719 fieldset.rows label.inline {
726 fieldset.rows .inputnote {
729 margin : .5em 0 0 11em;
738 .ui-tabs-nav li.ui-tabs-selected {
742 .ui-tabs-nav a, .ui-tabs-nav a span, .ui-tabs-nav span.a {
745 padding: .2em .5em .25em .5em;
748 .ui-tabs-nav a, .ui-tabs-nav span.a {
752 .ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav .ui-tabs-selected span.a {
753 background-color : #FFFFCC;
754 border-top: 1px solid #FFFFCC;
755 border-right: 1px solid #FF9900;
756 border-bottom: 1px solid #FF9900;
757 border-left: 1px solid #FFCC66;
760 text-decoration : none;
764 .ui-tabs-nav .tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active, .ui-tabs-nav span.a {
765 outline: 0; /* prevent dotted border in Firefox */
768 .ui-tabs-nav .ui-tabs-selected a:hover {
772 .ui-tabs-nav li.ui-tabs-selected {
773 background-color : #FFFFCC;
776 .ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active, .ui-tabs-nav span.a {
778 outline: 0; /* prevent dotted border in Firefox */
784 background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
795 .toptabs .ui-tabs-nav li {
801 .toptabs .ui-tabs-nav li a, .toptabs .ui-tabs-nav li span.a {
802 background-color : #F3F3F3;
803 border : 1px solid #E8E8E8;
805 text-decoration : none;
808 .toptabs .ui-tabs-nav li.ui-tabs-selected {
812 .toptabs .ui-tabs-nav li.ui-tabs-selected a, .toptabs .ui-tabs-nav li.ui-tabs-selected span.a {
813 background-color : #FFF;
814 border-bottom : 1px solid #FFF;
818 .toptabs .tabs-container {
819 border : 1px solid #E8E8E8;
828 .subfield_not_filled {
829 background-color : #FFFF99;
832 visibility:hidden; /* you propably don't need to change this one */
836 /* the property for the displayed tab */
838 visibility:visible; /* you propably don't need to change this one */
841 #newbiblio a, #addchild a, #newentry a, #newshelf a, #newmenuc .first-child, #newsupplier .first-child, #newlabel a, #newtemplate a, #newlabelbatch a, #newpatroncardbatch a, #newprofile a, #newsubscription a, #newdictionary a, #newbasket a, #newrootbudget-button, #budgets_menuc .first-child, #periods_menuc .first-child {
843 background-image: url("../../img/toolbar-new.gif");
844 background-position : center left;
845 background-repeat : no-repeat;
850 background-image: url("../../img/toolbar-password.gif");
851 background-position : center left;
852 background-repeat : no-repeat;
857 background-image: url("../../img/toolbar-orders.gif");
858 background-position : center left;
859 background-repeat : no-repeat;
863 #savemenuc .first-child, #addbiblio .first-child {
865 background-image: url("../../img/toolbar-save.gif");
866 background-position : center left;
867 background-repeat : no-repeat;
870 #editpatron a, #editmenuc .first-child, #editshelf a, #edit a, #editsupplier a, #managelabel a, #managetemplate a, #managelabelbatch a, #manageprofile a {
872 background-image: url("../../img/toolbar-edit.gif");
873 background-position : center left;
874 background-repeat : no-repeat;
879 background-image: url("../../img/toolbar-duplicate.gif");
880 background-position : center left;
881 background-repeat : no-repeat;
886 background-image: url("../../img/toolbar-receive.gif");
887 background-position : center left;
888 background-repeat : no-repeat;
893 background-image: url("../../img/toolbar-renew.gif");
894 background-position : center left;
895 background-repeat : no-repeat;
898 #deletebiblio button, #deletebiblio a, #deletepatron a, #deleteshelf .first-child, #delete a {
900 background-image: url("../../img/toolbar-delete.gif");
901 background-position : center left;
902 background-repeat : no-repeat;
905 #z3950search .first-child {
907 background-image: url("../../img/toolbar-search.gif");
908 background-position : center left;
909 background-repeat : no-repeat;
911 #z3950searcht table {
912 /* 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 */
916 #printbiblio button, #printbiblio a, #printmenuc .first-child {
918 background-image: url("../../img/toolbar-print.gif");
919 background-position : center left;
920 background-repeat : no-repeat;
923 #addtoshelf button, #addtoshelf a {
925 background-image: url("../../img/toolbar-add-to-shelf.gif");
926 background-position : center left;
927 background-repeat : no-repeat;
932 #holdfor .first-child {
934 background-image: url("../../img/toolbar-hold.gif");
935 background-position : center left;
936 background-repeat : no-repeat;
939 #holdfor .first-child { padding-left : 17px; }
941 #editmenuc .first-child, #deleteshelf .first-child,#newmenuc .first-child, #addbiblio .first-child, #z3950search .first-child, #printmenuc .first-child, #newsupplier .first-child, #savemenuc .first-child, #budgets_menuc .first-child, #periods_menuc .first-child {
953 border : 2px dashed #990000;
954 background-color : #FFFF99;
960 background-color : #FFFF99;
966 margin : 0 0 1em 1em;
969 ol.bibliodetails li {
970 border-bottom: 1px solid #E8E8E8;
971 list-style-type : none;
975 ol.bibliodetails span.label {
976 border-right : 1px solid #E8E8E8;
995 div.listgroup input {
1000 margin : .2em 0 .2em .4em;
1004 margin-left : 1.5em;
1007 div.sysprefs div.hint {
1015 background-color : #F6F6F6;
1016 border-color : #BCBCBC;
1019 tr.highlight th[scope=row] {
1020 background-color : #DDDDDD;
1021 border-color : #BCBCBC;
1024 tr.confirm td, tr.highlight.confirm td {
1025 background-color : #ffbfbf;
1028 #circ_circulation_issue label {
1033 #circ_circulation_issue div.hint {
1038 #circ_circulation_issue .date-select {
1043 #circ_circulation_issue .date-select label {
1044 font-size : inherit;
1045 font-weight: normal;
1048 #circ_circulation_issue .date-select input {
1058 font-style : italic;
1070 list-style : url(../../img/arrow-bullet.gif);
1071 margin-bottom : .2em;
1074 div.circmessage:first-child {
1079 padding: 0 .4em .4em .4em;
1080 margin-bottom : .3em;
1088 div.first fieldset {
1092 #circ_needsconfirmation {
1097 border: 1px solid #bcbcbc;
1115 .dialog h2, .dialog h3, .dialog h4 {
1117 text-align : center;
1121 background-color : #FFF;
1122 border : 1px solid #bcbcbc;
1124 padding : .4em .4em .4em 25px;
1127 .dialog input[type="submit"] {
1128 background : #FFF none;
1131 .dialog input.approve, td input.approve {
1132 background : #FFF url(../../img/approve.gif) no-repeat 4px center;
1133 padding : .4em .4em .4em 25px;
1137 background-color : #FFC;
1140 .dialog input.deny {
1141 background : #FFF url(../../img/deny.gif) no-repeat 4px center;
1142 padding : .4em .4em .4em 25px;
1145 .dialog input.save {
1146 background: #fff url(../../img/toolbar-save.gif) no-repeat 4px center;
1148 padding: .4em .4em .4em 34px;
1151 .dialog input.edit {
1152 background: #fff url(../../img/toolbar-edit.gif) no-repeat 4px center;
1155 padding: .4em .4em .4em 34px;
1156 white-space: normal;
1160 background: #fff url(../../img/toolbar-new.gif) no-repeat 4px center;
1163 padding: .4em .4em .4em 34px;
1164 white-space: normal;
1167 .dialog input.print {
1168 background : #FFF url(../../img/print-confirm.gif) no-repeat 4px center;
1169 padding : .4em .4em .4em 25px;
1172 .dialog input:hover {
1173 background-color : #ffc;
1177 background : #FFC url(../../img/alert-bg.gif) repeat-x left 0;
1178 text-align : center;
1186 background : #FFC url(../../img/dialog-bg.gif) repeat-x left 0;
1187 text-align : center;
1191 background : white url("../../img/message-bg.gif") repeat-x left 0;
1192 border : 1px solid #bcbcbc;
1212 text-decoration : underline;
1220 font-style : italic;
1224 background-color: #FFC;
1229 text-decoration : underline;
1232 /* style for shelving location in catalogsearch */
1235 font-style : italic;
1243 border-right: 1px solid #000;
1246 padding-bottom: 2em;
1254 text-decoration: none;
1256 background : #EEE url(../../img/side-tab-gradient.gif) repeat-y top right;
1257 border: 1px solid #000;
1261 margin-right : -1px;
1264 div#menu li a:hover {
1265 background : #E8F0F6 url(../../img/side-tab-gradient-hover.gif) repeat-y top right;
1268 div#menu li.active a:hover {
1269 background-color: #fff;
1274 list-style-type: none;
1277 #menu ul li.active a {
1278 background-color: #FFF;
1279 background-image : none;
1285 background : #ffffcc;
1286 border : 1px solid #ff9090;
1288 padding : .5em .5em .5em 1.5em;
1294 float:left !important;
1300 background:transparent url(../../img/koha-logo-medium.gif) no-repeat scroll 0%;
1301 margin:0.75em .3em 0.75em .7em;
1305 margin : 0.75em .3em 0.75em .3em;
1312 height:0px !important;
1316 text-decoration:none;
1322 text-align : center;
1343 background: #FFF url(../../img/elipsis.gif) right bottom no-repeat;
1346 padding :0 10px 0 0;
1366 /* Hides from IE-mac \*/
1367 * html .clearfix {height: 1%;}
1368 /* End hide from IE-mac */
1386 #searchresults ul li {
1388 list-style : url(../../img/item-bullet.gif);
1393 #searchresults span.status {
1399 #searchresults span.unavailable {
1404 #searchresults .availability strong {
1408 #searchresults ul li img {
1410 margin : 3px 5px 3px -5px;
1413 #searchresults table td {
1414 vertical-align : top;
1418 background-color : #f3f3f3;
1420 margin : 0 0 .5em -1px;
1421 padding : .1em 0 .1em 1em;
1424 /* Hack just for Firefox */
1425 html>/**/body #searchheader button, x:-moz-any-link, x:default {
1426 padding-bottom : 3px;
1432 #searchheader form {
1436 #searchheader form.fz3950 {
1439 padding : 0 0 0 5em;
1442 #searchheader form.fz3950bigrpad {
1445 padding : 5px 25em 0 0;
1454 border : 1px solid #e8e8e8;
1458 background-color : #F3F3F3;
1459 border-bottom : 1px solid #e8e8e8;
1462 padding : .4em .2em;
1463 text-align : center;
1466 #search-facets ul li {
1468 list-style-type : none;
1471 #search-facets li li {
1472 font-weight : normal;
1474 margin-bottom : 2px;
1475 padding : .1em .2em;
1478 #search-facets li li a {
1481 #search-facets li.showmore {
1492 padding: 1px 5px 1px 5px;
1493 text-decoration: none;
1497 div.pages a:visited {
1498 background-color : #eeeeee;
1503 background-color : #FFC;
1506 div.pages a:active {
1507 background-color : #ffc;
1511 div.pages .currentPage {
1512 background-color : #e6fcb7;
1515 padding: 1px 5px 1px 5px;
1518 div.pages .inactive {
1519 background-color : #f3f3f3;
1522 padding: 1px 5px 1px 5px;
1530 text-align : center;
1533 div#header_search input.submit {
1537 *html input.submit {
1541 input[type=submit]:active, input[type=button]:active, button.submit:active {
1542 border : 1px inset #999999;
1545 input[type=submit], input[type=reset], input[type=button], input.submit, button.submit {
1546 border: 1px outset #999999;
1547 border-top-color: #666;
1548 border-left-color: #666;
1550 background : #E8E8E8 url(../../img/button-bg.gif) top left repeat-x;
1554 input[type=reset]:active, input[type=button]:active, input.submit:active, button.submit:active {
1555 border : 1px inset #999999;
1558 ul li input.submit {
1564 background : #FFF url(../../img/famfamfam/silk/error.png) no-repeat 4px center;
1565 padding : 0.25em 0.25em 0.25em 25px;
1568 .searchhighlightblob {
1570 font-style : italic;
1573 a.yuimenuitemlabel:hover {
1574 background-color : #B3D4FF;
1580 margin-bottom: 10px;
1581 background-color: #CCCCCC;
1584 #irregularity_summary {
1585 vertical-align : top;
1598 ul#toplevelmenu li {
1603 ul#toplevelmenu li.more a {
1604 background-image:url(../../img/more-arrow.gif);
1605 background-position:right center;
1606 background-repeat:no-repeat;
1610 ul#toplevelmenu li.more ul li a {
1611 background-image : none;
1612 padding-right : 20px;
1615 ul#toplevelmenu li.more ul li a.yuimenuitemlabel {
1616 padding: .2em 20px .2em 20px;
1619 ul#menu li a, ul#toplevelmenu li a {
1620 text-decoration : none;
1622 ul#menu li ul li, ul#toplevelmenu li ul li {
1626 ul#menu li ul li a, ul#toplevelmenu li ul li a {
1627 text-decoration : none;
1636 border-left : 1px solid #CCC;
1642 ul#i18nMenu li:first-child {
1646 ul#i18nMenu li ul li {
1653 ul#i18nMenu li.more a {
1654 background-image:url(../../img/more-up-arrow.gif);
1655 background-position:right center;
1656 background-repeat:no-repeat;
1660 ul#i18nMenu li.more ul li a {
1661 background-image : none;
1662 padding-right : 20px;
1666 background-color: #fff;
1667 border-top: 1px solid #CCC;
1676 body>div#changelanguage {
1700 #CheckAll, #CheckNone, #CheckPending {
1701 font-weight : normal;
1702 margin : 0 .5em 0 0;
1711 font-style : italic;
1715 background-image:url("../../img/ascdesc.gif");
1716 background-position:right center;
1717 background-repeat:no-repeat;
1719 padding : .2em 23px;
1722 background-image:url("../../img/asc.gif");
1725 background-image:url("../../img/desc.gif");
1729 background-color : #eeffd4;
1732 background-color : #e8f0f6;
1738 /* Permissions Labels */
1739 label.permissioncode:before {
1742 label.permissioncode:after {
1745 label.permissioncode {
1746 font-style : italic;
1748 span.permissiondesc {
1749 font-weight : normal;
1752 border : 1px solid #E8E8E8;
1758 /* borrower autocomplete */
1759 #borrowerautocomplete { width: 450px; text-align:left;} /* z-index needed on top instances for ie & sf absolute inside relative issue */
1760 .autocomplete .yui-ac-highlight ,
1761 .autocomplete .yui-ac-highlight .sample-result,
1762 .autocomplete .yui-ac-highlight .sample-query { color:#FFF; }
1763 .autocomplete .sample-result { color: black; }
1764 .autocomplete .sample-query { color:#000; }
1765 #findborrower { position:static; width:auto; }
1766 #yborrowercontainer { text-align:left;width:335px; }
1768 /* patron attribues autocomplete for overdues report (pattrodue) */
1769 .pattrodue-autocomplete .pattrodue-result { color: black; }
1770 .pattrodue-autocomplete .yui-ac-highlight .pattrodue-result { color: white; }
1771 .pattrodue-input { position:static; width:auto; }
1772 .pattrodue-container { text-align:left; width:400px; }
1774 .labeledmarc-table {
1778 .labeledmarc-label {
1785 .labeledmarc-value {
1793 font-family: tahoma, verdana, arial;
1795 background-color: #f0f0f0;
1797 border: 1px solid #808080;
1802 text-decoration: underline;
1807 background:transparent url(../../img/pdficon_large.gif) no-repeat scroll 0%;
1809 margin:0.75em .3em 0.75em .7em;
1817 height:0px !important;
1821 text-decoration:none;
1826 background:transparent url(../../img/csv_icon.gif) no-repeat scroll 0%;
1828 margin:0.75em .3em 0.75em .7em;
1836 height:0px !important;
1840 text-decoration:none;
1845 background:transparent url(../../img/icon_xml.gif) no-repeat scroll 0%;
1847 margin:0.75em .3em 0.75em .7em;
1855 height:0px !important;
1859 text-decoration:none;
1864 background-color : #FFF;
1865 border: 1px solid #739acf;
1866 -moz-box-shadow: 1px 1px 3px 0 #666;
1867 -webkit-box-shadow: 1px 1px 3px 0 #666;
1868 box-shadow: 1px 1px 3px 0 #666;
1873 text-align : center;
1878 background: transparent url("../../img/cart-small.gif") 0 3px no-repeat;
1879 padding-left : 15px;
1881 #cartmenulink span#basketcount span {
1884 font-weight : normal;
1895 padding : 0 0 .5em 0;
1897 .results_summary .label {
1900 .results_summary a {
1901 font-weight: normal;
1905 vertical-align: middle;
1906 padding-right: 0.3em;
1908 #cataloguing_additem_itemlist div {
1911 ul.budget_hierarchy {
1915 ul.budget_hierarchy li {
1918 ul.budget_hierarchy li:after {
1921 ul.budget_hierarchy li:last-child:after {
1924 ul.budget_hierarchy li:first-child:after {
1927 .holdcount { font-size : 105%; line-height : 200%; }
1928 .holdcount a { border : 1px solid #a4bedd; background-color : #e4ecf5; font-weight : bold; -moz-border-radius: 4px; padding : .1em .4em; text-decoration : none; }
1929 .holdcount a:hover { background-color : #ebeff7; }
1931 border : 1px solid #EEE;
1935 fieldset.rows+h3 {clear:both;padding-top:.5em;}
1940 .import_export .import_export_options{
1942 border: 1px solid #CDCDCD;
1950 .import_export_options li{
1955 .import_export_options .import_export_close {
1957 text-decoration: underline;
1959 .import_export_options .export_ok {
1961 background: #E3E3E3 none;
1966 .import_export_options .import_ok {
1968 background: #E3E3E3 none;
1973 .form_import .input_import {
1974 border: 1px solid #bcbcbc;
1976 .import_export_options .importing {
1980 .li_close_import_export {
1988 .importing .importing_msg {
1990 padding-bottom: 10px;