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;
219 input[type=submit], input[type=button], input[type=reset] {
220 background : #b8d0e6 url(../../images/submit-bg.gif) repeat-x 0 0;
221 background-color : #b8d0e6;
222 border-top: 1px solid #cccccc;
223 border-left: 1px solid #cccccc;
224 border-right: 1px solid #eeeeee;
225 border-bottom: 1px solid #eeeeee;
232 input[type=submit]:active, input[type=button], input[type=reset] {
233 border: 1px inset #666666;
237 background-color : #EEE;
238 vertical-align : middle;
239 padding : 3px 3px 5px 5px;
243 background-color: #FFF;
244 border-collapse : collapse;
246 border-right : 1px solid #dddddd;
247 border-top : 1px solid #dddddd;
251 background-color: #FFF;
252 border-left : 1px solid #dddddd;
253 border-bottom : 1px solid #dddddd;
258 background-color:#EEE;
269 background-color: #FFC;
277 tr.highlight td, tr.highlight th, tr.odd td {
278 background-color : #F3F3F3;
279 border : 1px solid #DDDDDD;
280 border-right : 1px solid #DDDDDD;
283 tr.even td, tr.even.highlight td {
284 background-color: #FFF;
288 background-color : #E8E8E8;
289 border : 1px solid #DDDDDD;
290 border-right : 1px solid #DDDDDD;
297 background-color : #eeffd4;
300 background-color : #e8f0f6;
303 #editions table, #editions td {
308 background-image:url("../../images/ascdesc.gif");
309 background-position:right center;
310 background-repeat:no-repeat;
314 background-image:url("../../images/asc.gif");
317 background-image:url("../../images/desc.gif");
337 .waiting,.intransit,.notforloan,.checkedout,.lost,.notonhold {
352 /* "problem" enhancement */
355 background-color : red;
358 /* style for search terms in catalogsearch */
364 text-decoration : underline;
368 background-color : #F9FF9A;
374 background-color : #F3F3F3;
375 border : 1px solid #E8E8E8;
376 padding-bottom : 3px;
385 #action a, #toolbar a {
386 background-position : 5px center;
387 background-repeat : no-repeat;
388 text-decoration : none;
402 border-left : 1px solid #e8e8e8;
405 #toolbar ul li:first-child a {
409 #action a.reserve, #toolbar a.reserve, .searchresults a.reserve {
410 background-image:url(../../images/placereserve.gif);
413 #action a.addtoshelf, #toolbar a.addtoshelf {
414 background-image:url(../../images/addtoshelf.gif);
417 #action a.addtocart, #toolbar a.addtocart {
418 background-image:url(../../images/cart2.gif);
421 #action a.print, #toolbar a.print {
422 background-image:url(../../images/print.gif);
426 background-image: url(../../images/brief.gif);
430 background-image: url(../../images/detail.gif);
434 background-image: url(../../images/print.gif);
438 background-image: url(../../images/close.gif);
442 background-image: url(../../images/send.gif);
445 background-image: url(../../images/trash.gif);
448 /* the itemtype list in advanced search */
449 #advsearch-itemtype table {
450 border-collapse : separate;
451 border-spacing : 3px;
454 background-color : white;
455 border : 0px solid #D8DEB8;
458 #advsearch-itemtype table tr td {
459 background-color : #F8F8EB;
465 #advsearch-itemtype td {
467 background-color : #F8F8EB;
483 border-top : 1px solid #384b73;
490 /* the USER information block */
491 #librarian_information {
497 background-color: #FFF;
507 background-color: #fff;
510 margin-right : -10px;
511 padding : 4px 0 4px 0;
516 text-decoration : none;
522 padding : 0 .3em 0 .3em;
523 text-decoration : none;
526 #members li:first-child {
527 border-right : 1px solid black;
544 background-image : url( ../../images/menu-background.gif);
545 background-repeat : repeat-x;
546 background-color : #739ACF;
547 background-position : -10px top;
548 border-top : 1px solid #335599;
549 border-bottom : 1px solid #335599;
551 margin-right : -10px;
552 padding : .7em 0 .4em .5em;
558 #opac-main-search form {
563 #opac-main-search label {
566 margin : .2em .3em 0 0;
576 border : 1px solid #e8e8e8;
580 background-color : #EEE;
581 border-bottom : 1px solid #e8e8e8;
588 #search-facets ul li {
590 list-style-type : none;
593 #search-facets li li {
594 font-weight : normal;
600 #search-facets li li a {
601 font-weight : normal;
604 #search-facets li.showmore a {
610 background-color : #EEEEEB;
611 border : 1px solid #DDDED3;
631 font-weight : normal;
637 font-weight : normal;
638 text-decoration : underline;
645 background-color:#E7E7CA;
668 #catalogue_detail_biblio p span.label {
672 #catalogue_detail_biblio p, #catalogue_detail_biblio ul {
673 padding-bottom: .6em;
687 margin : 0 1em 1em 0;
691 border : 1px solid #E8E8E8;
694 fieldset.brief legend {
699 fieldset.brief label {
704 fieldset.brief input+input {
708 fieldset.brief input, fieldset.brief textarea, fieldset.brief select {
709 background-color: #F3F3F3;
710 border-top : 1px solid #979797;
711 border-left : 1px solid #979797;
712 border-right : 1px solid #DDDDDD;
713 border-bottom : 1px solid #DDDDDD;
719 fieldset.brief textarea {
723 fieldset.brief input:focus {
724 background-color: #FFFFCC;
727 fieldset.brief ol, fieldset.brief li {
728 list-style-type : none;
731 fieldset.brief div.hint, fieldset.rows div.hint {
739 font-weight : normal;
744 margin : 0pt 5px 5px 0pt;
750 .resultscontrol, .resultscontrol select {
758 .cartlist input.submit {
759 background-color : #d8deb8;
760 background-image : none;
761 border-color : #bebf84;
768 #CheckAll, #CheckNone {
769 font-weight : normal;
773 .resultscontrol label {
783 .searchresults p.details {
793 td.resultscontrol img {
794 vertical-align: middle;
797 .searchresults table td {
800 .searchresults table {
804 .searchresults td, .searchresults th, .searchresults table {
812 border-bottom : 1px solid #f3f3f3;
815 .searchresults tr:first-child {
819 .searchresults table {
820 border-top : 0px solid #CCCCCC;
824 .searchresults a.reserve, .searchresults a.reserve:visited {
825 background-position:left top;
826 background-repeat:no-repeat;
828 padding:2px 3px 2px 26px;
831 .searchresults a.reserve {
832 background-color:transparent;
855 background-color: transparent;
858 padding: 1px 5px 1px 5px;
859 text-decoration: none;
862 background-color: transparent;
865 padding: 1px 5px 1px 5px;
866 text-decoration: none;
870 background-color: #CCFF00;
873 padding: 1px 5px 1px 5px;
874 text-decoration: none;
878 background-color: #99CC00;
881 padding: 1px 5px 1px 5px;
882 text-decoration: none;
886 background-color: #FFFFFF;
889 padding: 1px 5px 1px 5px;
890 text-decoration: none;
894 background-color: #EEE;
895 border: 1px solid #CCCC99;
898 padding: 1px 5px 1px 5px;
899 text-decoration: none;
903 background-color: #EEE;
904 border: 1px solid #CCCC99;
907 padding: 1px 5px 1px 5px;
908 text-decoration: none;
912 background-color: #FFFFCC;
913 border: 1px solid #CCCC99;
916 padding: 1px 5px 1px 5px;
917 text-decoration: none;
921 background-color: #FFFFCC;
922 border: 1px solid #CCCC99;
925 padding: 1px 5px 1px 5px;
926 text-decoration: none;
931 list-style-type: none;
932 margin: 9px 0 -2px 5px;
943 padding: 2px 4px 2px 4px;
944 text-decoration: none;
945 border-top: 1px solid #DDDDDD;
946 border-left : 1px solid #DDDDDD;
947 border-right : 1px solid #666666;
950 ul.link-tabs li#power_formButton a, ul.link-tabs li#proximity_formButton a {
951 padding: 2px 4px 3px 4px;
954 ul.link-tabs li.off a {
955 background-color: #EEEEEB;
956 border-bottom: 1px solid #DDDDDD;
959 ul.link-tabs li.off a:hover {
960 padding: 2px 3px 2px 4px;
961 background-color: #FFFFEC;
962 border-top: 1px solid #BEBF84;
963 border-left : 1px solid #BEBF84;
964 border-right : 2px solid #333333;
967 ul.link-tabs li.on a {
968 background-color: #FFFFFF;
969 border-bottom: 1px solid #FFFFFF;
972 ul.link-tabs li a.debit {
973 background-color : #FFFF99;
978 border : 1px solid #DDDDDD;
984 #catalogue_detail_biblio table, #catalogue_detail_biblio td, #catalogue_detail_biblio th {
985 background-color : transparent;
990 background-color : #ffcccc;
991 border-bottom : 1px solid #ffaeae;
992 border-right : 1px solid #ffaeae;
1006 table#marc, table#marc td, table#marc th {
1011 background-color : transparent;
1015 table#marc td:first-child {
1042 /* Hides from IE-mac \*/
1043 * html .clearfix {height: 1%;}
1044 /* End hide from IE-mac */
1050 padding : 0 0 .5em 0;
1053 .results_summary .label {
1057 .results_summary a {
1058 font-weight: normal;
1063 text-decoration : none;
1067 background : url("../../images/placehold-small.gif") center left no-repeat;
1068 padding-left : 16px;
1071 .actions a.addtocart {
1072 background : url("../../images/cart-small.gif") center left no-repeat;
1073 padding-left : 13px;
1076 .actions a.addtoshelf {
1077 background : url("../../images/addtolist-small.gif") center left no-repeat;
1078 padding-left : 13px;
1081 #catalogue_detail_biblio div.results_summary {
1084 #catalogue_detail_biblio div.results_summary ul {
1093 #catalogue_detail_biblio div.results_summary ul li {
1098 border: 1px solid #bcbcbc;
1104 .dialog h2, .dialog h3, .dialog h4 {
1106 text-align : center;
1110 background : #FFC url(../../images/alert-bg.gif) repeat-x left 0;
1111 text-align : center;
1119 background : white url("../../images/message-bg.gif") repeat-x left 0;
1120 border : 1px solid #bcbcbc;
1129 margin : .6em 0 .3em 0;
1132 #moresearches a:link, #moresearches a:visited {
1134 font-weight : normal;
1135 text-decoration : none;
1143 #opac-main-search #listsmenu a, #opac-main-search #listsmenu h4 {
1145 font-weight : normal;
1147 #opac-main-search #listsmenu h4 {
1153 #opac-main-search #listsmenu .yuimenuitemlabel {
1157 #opac-main-search #listsmenu .bd {
1158 background-color : #f3f3f3;
1159 border : 1px solid #739acf;
1160 background-image : url("../../images/listmenu-container-bg.gif");
1161 background-position : top right;
1162 background-repeat : repeat-y;
1163 padding : .3em 1em 0 0;
1166 #opac-main-search #listsmenu .yuimenuitemlabel.selected {
1167 background-color : #fff;
1170 #opac-main-search #listsmenu ul {
1171 border-color : #b8d0e6;
1175 vertical-align: top;
1179 vertical-align: top;
1193 border-left : 1px solid #CCC;
1200 text-decoration : none;
1203 ul#i18nMenu li:first-child {
1207 ul#i18nMenu li ul li {
1213 ul#i18nMenu li.more a {
1214 background-image:url(../../images/more-up-arrow.gif);
1215 background-position:right center;
1216 background-repeat:no-repeat;
1220 ul#i18nMenu li.more ul li a {
1221 background-image : none;
1222 padding-right : 20px;
1226 background-color: #fff;
1227 border-top: 1px solid #CCC;
1236 body>div#changelanguage {
1260 div#changelanguage a.yuimenuitemlabel {
1262 font-weight : normal;
1265 #cartDetails,#cartUpdate {
1266 background-color : #FFF;
1267 border: 1px solid #739acf;
1272 text-align : center;
1276 .yui-panel .hd, .yui-panel .bd, .yui-panel .ft {
1277 background-color : transparent;
1282 #login #userid, #login #password {
1286 #opac-main-search input.submit {
1287 background : #b8d0e6 url(../../images/submit-bg.gif) repeat-x 0 0;
1288 background-color : #b8d0e6;
1289 border-top: 1px solid #cccccc;
1290 border-left: 1px solid #cccccc;
1291 border-right: 1px solid #eeeeee;
1292 border-bottom: 1px solid #eeeeee;
1294 font-weight : normal;
1300 border-right : 1px solid #979797;
1302 margin-right : .5em;
1304 padding-bottom : 2em;
1308 text-decoration : none;
1310 background : #EEE url(../../images/side-tab-gradient.gif) repeat-y top right;
1311 border : 1px solid #979797;
1314 padding : .4em .3em;
1315 margin-right : -1px;
1318 div#menu li a:hover {
1319 background : #E8F0F6 url(../../images/side-tab-gradient-hover.gif) repeat-y top right;
1322 div#menu li.active a:hover {
1323 background-color : #fff;
1328 list-style-type : none;
1331 #menu ul li.active a {
1332 background-color : #FFF;
1333 background-image : none;
1349 font-weight : normal;
1352 padding: 2px 2px 1px 2px;
1355 #export,#further,#similars, .detailtagcell {
1357 background-color : #F3F3F3;
1358 border : 1px solid #E8E8E8;
1361 text-align : center;
1364 #export label, .detailtagcell label {
1368 margin-bottom : 2px;
1371 #export input, .detailtagcell input {
1378 padding : 3px 3px .5em 1em;
1382 list-style-image : url("../../images/further-bullet.gif");
1386 background-color : #FFF;
1387 text-align : center;
1389 padding : 0 3px 3px 3px;
1418 background: url(../../images/star-ratings.gif) top left no-repeat;
1426 background: url(../../images/star-ratings-empty.gif) top left no-repeat;
1429 margin: 0 10px 0 10px;
1435 #cartmenulink, #listsmenulink {
1437 position : relative;
1442 text-decoration : none;
1446 #cartmenulink *, #listsmenulink * {
1447 font-style : normal;
1448 background-image : url(../../images/button-background.png);
1449 background-repeat : no-repeat;
1451 position : relative;
1454 #cartmenulink i, #listsmenulink i {
1455 background-position : top left;
1456 position : absolute;
1457 margin-bottom : -5px;
1464 #cartmenulink span, #listsmenulink span {
1465 background-position : bottom left;
1467 padding : 0 0 5px 10px;
1468 margin-bottom : -5px;
1471 *:first-child+html #cartmenulink span { padding-top : 3px; padding-bottom : 7px; }
1472 *:first-child+html #listsmenulink span { padding-top : 5px; }
1474 #cartmenulink span i, #listsmenulink span i {
1475 background-position : bottom right;
1477 position : absolute;
1484 #cartmenulink span span, #listsmenulink span span {
1485 background-position : top right;
1486 position : absolute;
1493 * html #cartmenulink span, * html #cartmenulink i, * html #listsmenulink span, * html #listsmenulink i {
1496 background-image : none;
1499 * html #cartmenulink span, * html #listsmenulink span {
1503 background : #9FBFFF;
1507 background : #98CB58;
1512 #cartmenulink[class], #listsmenulink[class] {
1513 background-image : url(../../images/button-background-gradient.png);
1514 background-position : left top;
1517 #listsmenulink:hover {
1518 background-color : #b8d0e6;
1521 #cartmenulink:hover {
1522 background-color : #BFDE96;
1526 background-image : none;
1528 padding : 3px 3px 0 3px;
1531 #cartmenulink span#basket {
1532 background-image : none;
1536 position : relative;
1544 #cartmenulink span#basket span {
1545 background-image : none;
1546 background-color : #E6FCB7;
1551 font-weight : normal;
1552 margin : 0 0 0 .9em;
1553 padding : 0 .3em 0 .3em;
1554 position : relative;
1560 a#listsmenulink, a#listsmenulink:hover {
1565 margin-left : 1.5em;
1568 a#cartmenulink, a#cartmenulink:hover {
1573 margin-left : 1.5em;
1575 * html a#cartmenulink {
1578 * html a#cartmenulink:hover {
1582 *:first-child+html a#listsmenulink { padding-top : 0; }
1583 *:first-child+html a#listsmenulink:hover { padding-top : 0; }
1584 *:first-child+html a#cartmenulink { padding-top : 0; }
1585 *:first-child+html a#cartmenulink:hover { padding-top : 0; }
1586 *:first-child+html #cartmenulink span i{ top : -4px; }
1587 *:first-child+html #listsmenulink span i { top : -5px; }
1589 #listsmenulink img {
1590 background-image : none;
1592 padding : 0 0 2px 0;
1595 * html #cartmenulink {
1596 border : 1px solid #336600;
1599 * html #listsmenulink {
1600 border : 1px solid #006699;
1604 margin-right : .5em;
1607 ul.ui-tabs-nav li a, ul.ui-tabs-nav li span.a {
1608 background-color : #F3F3F3;
1609 border-top : 1px solid #E8E8E8;
1610 border-left : 1px solid #E8E8E8;
1611 border-right : 1px solid #E8E8E8;
1614 text-align : center;
1615 text-decoration : none;
1618 ul.ui-tabs-nav li.ui-tabs-selected a, ul.ui-tabs-nav li.ui-tabs-selected span.a {
1619 background-color : #FFF;
1620 border-top : 1px solid #E8E8E8;
1621 border-left : 1px solid #E8E8E8;
1622 border-right : 1px solid #E8E8E8;
1623 border-bottom : 1px solid #FFF;
1624 margin-bottom : -5px;
1625 text-align : center;
1629 border-bottom : 1px solid #E8E8E8;
1634 margin-right : .7em;
1635 margin-bottom : 1em;
1639 white-space : nowrap;
1642 #bibliodescriptions {
1647 a#MARCview, span#MARCview, a#MARCviewPop, a#ISBDview, span#ISBDview, a#Normalview, span#Normalview {
1648 background-position : 5px 3px;
1649 background-repeat : no-repeat;
1651 font-weight : normal;
1652 padding : .2em .5em;
1653 text-decoration: none;
1656 a#MARCview, span#MARCview {
1657 background-image : url(../../images/marc.gif);
1658 padding-left : 17px;
1660 a#MARCviewPop, span#MARCviewPop {
1661 background-image : url(../../images/marc.gif);
1662 padding-left : 17px;
1664 a#ISBDview, span#ISBDview {
1665 background-image : url(../../images/isbd.gif);
1666 padding-left : 20px;
1668 a#Normalview, span#Normalview {
1669 background-image : url(../../images/normal.gif);
1670 padding-left : 15px;
1673 a#MARCview, a#ISBDview, a#Normalview {
1674 background-color : #F3F3F3;
1675 border-left : 1px solid #E8E8E8;
1678 #shelfbrowser table {
1681 #shelfbrowser table, #shelfbrowser td, #shelfbrowser th {
1684 text-align : center;
1689 #shelfbrowser td, #shelfbrowser th {
1690 vertical-align : bottom;
1693 #shelfbrowser td.top {
1694 vertical-align : top;
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;