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");
338 background-color : #33CC99;
341 /* css styles for reserves color alerts */
343 background-color : #eeeeee;
347 background-color : #ffcccc;
350 /* "problem" enhancement */
353 background-color : red;
357 background-color : #8EBAFF;
360 /* style for search terms in catalogsearch */
366 text-decoration : underline;
370 background-color : #F9FF9A;
376 background-color : #F3F3F3;
377 border : 1px solid #E8E8E8;
378 padding-bottom : 3px;
387 #action a, #toolbar a {
388 background-position : 5px center;
389 background-repeat : no-repeat;
390 text-decoration : none;
404 border-left : 1px solid #e8e8e8;
407 #toolbar ul li:first-child a {
411 #action a.reserve, #toolbar a.reserve, .searchresults a.reserve {
412 background-image:url(../../images/placereserve.gif);
415 #action a.addtoshelf, #toolbar a.addtoshelf {
416 background-image:url(../../images/addtoshelf.gif);
419 #action a.addtocart, #toolbar a.addtocart {
420 background-image:url(../../images/cart2.gif);
423 #action a.print, #toolbar a.print {
424 background-image:url(../../images/print.gif);
428 background-image: url(../../images/brief.gif);
432 background-image: url(../../images/detail.gif);
436 background-image: url(../../images/print.gif);
440 background-image: url(../../images/close.gif);
444 background-image: url(../../images/send.gif);
447 background-image: url(../../images/trash.gif);
450 /* the itemtype list in advanced search */
451 #advsearch-itemtype table {
452 border-collapse : separate;
453 border-spacing : 3px;
456 background-color : white;
457 border : 0px solid #D8DEB8;
460 #advsearch-itemtype table tr td {
461 background-color : #F8F8EB;
467 #advsearch-itemtype td {
469 background-color : #F8F8EB;
485 border-top : 1px solid #384b73;
492 /* the USER information block */
493 #librarian_information {
499 background-color: #FFF;
503 background-color: #fff;
505 padding : 4px 0 4px 0;
510 text-decoration : none;
516 padding : 0 .3em 0 .3em;
517 text-decoration : none;
520 #members li:first-child {
521 border-right : 1px solid black;
538 background-image : url( ../../images/menu-background.gif);
539 background-repeat : repeat-x;
540 background-color : #739ACF;
541 border-top : 1px solid #335599;
542 border-bottom : 1px solid #335599;
543 padding : .7em 0 .4em .5em;
548 #opac-main-search form {
553 #opac-main-search label {
556 margin : .2em .3em 0 0;
566 border : 1px solid #e8e8e8;
570 background-color : #EEE;
571 border-bottom : 1px solid #e8e8e8;
578 #search-facets ul li {
580 list-style-type : none;
583 #search-facets li li {
584 font-weight : normal;
590 #search-facets li li a {
591 font-weight : normal;
594 #search-facets li.showmore a {
600 background-color : #EEEEEB;
601 border : 1px solid #DDDED3;
621 font-weight : normal;
627 font-weight : normal;
628 text-decoration : underline;
635 background-color:#E7E7CA;
658 #catalogue_detail_biblio p span.label {
662 #catalogue_detail_biblio p, #catalogue_detail_biblio ul {
663 padding-bottom: .6em;
677 margin : 0 1em 1em 0;
681 border : 1px solid #E8E8E8;
684 fieldset.brief legend {
689 fieldset.brief label {
694 fieldset.brief input+input {
698 fieldset.brief input, fieldset.brief textarea, fieldset.brief select {
699 background-color: #F3F3F3;
700 border-top : 1px solid #979797;
701 border-left : 1px solid #979797;
702 border-right : 1px solid #DDDDDD;
703 border-bottom : 1px solid #DDDDDD;
709 fieldset.brief textarea {
713 fieldset.brief input:focus {
714 background-color: #FFFFCC;
717 fieldset.brief ol, fieldset.brief li {
718 list-style-type : none;
721 fieldset.brief div.hint, fieldset.rows div.hint {
729 font-weight : normal;
734 margin : 0pt 5px 5px 0pt;
740 .resultscontrol, .resultscontrol select {
748 .cartlist input.submit {
749 background-color : #d8deb8;
750 background-image : none;
751 border-color : #bebf84;
758 #CheckAll, #CheckNone {
759 font-weight : normal;
763 .resultscontrol label {
773 .searchresults p.details {
783 td.resultscontrol img {
784 vertical-align: middle;
787 .searchresults table td {
790 .searchresults table {
794 .searchresults td, .searchresults th, .searchresults table {
799 border-bottom : 1px solid #f3f3f3;
802 .searchresults tr:first-child {
806 .searchresults table {
807 border-top : 0px solid #CCCCCC;
811 .searchresults a.reserve, .searchresults a.reserve:visited {
812 background-position:left top;
813 background-repeat:no-repeat;
815 padding:2px 3px 2px 26px;
818 .searchresults a.reserve {
819 background-color:transparent;
842 background-color: transparent;
845 padding: 1px 5px 1px 5px;
846 text-decoration: none;
849 background-color: transparent;
852 padding: 1px 5px 1px 5px;
853 text-decoration: none;
857 background-color: #CCFF00;
860 padding: 1px 5px 1px 5px;
861 text-decoration: none;
865 background-color: #99CC00;
868 padding: 1px 5px 1px 5px;
869 text-decoration: none;
873 background-color: #FFFFFF;
876 padding: 1px 5px 1px 5px;
877 text-decoration: none;
881 background-color: #EEE;
882 border: 1px solid #CCCC99;
885 padding: 1px 5px 1px 5px;
886 text-decoration: none;
890 background-color: #EEE;
891 border: 1px solid #CCCC99;
894 padding: 1px 5px 1px 5px;
895 text-decoration: none;
899 background-color: #FFFFCC;
900 border: 1px solid #CCCC99;
903 padding: 1px 5px 1px 5px;
904 text-decoration: none;
908 background-color: #FFFFCC;
909 border: 1px solid #CCCC99;
912 padding: 1px 5px 1px 5px;
913 text-decoration: none;
918 list-style-type: none;
919 margin: 9px 0 -2px 5px;
930 padding: 2px 4px 2px 4px;
931 text-decoration: none;
932 border-top: 1px solid #DDDDDD;
933 border-left : 1px solid #DDDDDD;
934 border-right : 1px solid #666666;
937 ul.link-tabs li#power_formButton a, ul.link-tabs li#proximity_formButton a {
938 padding: 2px 4px 3px 4px;
941 ul.link-tabs li.off a {
942 background-color: #EEEEEB;
943 border-bottom: 1px solid #DDDDDD;
946 ul.link-tabs li.off a:hover {
947 padding: 2px 3px 2px 4px;
948 background-color: #FFFFEC;
949 border-top: 1px solid #BEBF84;
950 border-left : 1px solid #BEBF84;
951 border-right : 2px solid #333333;
954 ul.link-tabs li.on a {
955 background-color: #FFFFFF;
956 border-bottom: 1px solid #FFFFFF;
959 ul.link-tabs li a.debit {
960 background-color : #FFFF99;
965 border : 1px solid #DDDDDD;
971 #catalogue_detail_biblio table, #catalogue_detail_biblio td, #catalogue_detail_biblio th {
972 background-color : transparent;
977 background-color : #ffcccc;
978 border-bottom : 1px solid #ffaeae;
979 border-right : 1px solid #ffaeae;
993 table#marc, table#marc td, table#marc th {
998 background-color : transparent;
1002 table#marc td:first-child {
1029 /* Hides from IE-mac \*/
1030 * html .clearfix {height: 1%;}
1031 /* End hide from IE-mac */
1037 padding : 0 0 .5em 0;
1040 .results_summary .label {
1044 .results_summary a {
1045 font-weight: normal;
1050 text-decoration : none;
1054 background : url("../../images/placehold-small.gif") center left no-repeat;
1055 padding-left : 16px;
1058 .actions a.addtocart {
1059 background : url("../../images/cart-small.gif") center left no-repeat;
1060 padding-left : 13px;
1063 .actions a.addtoshelf {
1064 background : url("../../images/addtolist-small.gif") center left no-repeat;
1065 padding-left : 13px;
1068 #catalogue_detail_biblio div.results_summary {
1071 #catalogue_detail_biblio div.results_summary ul {
1080 #catalogue_detail_biblio div.results_summary ul li {
1085 border: 1px solid #bcbcbc;
1091 .dialog h2, .dialog h3, .dialog h4 {
1093 text-align : center;
1097 background : #FFC url(../../images/alert-bg.gif) repeat-x left 0;
1098 text-align : center;
1106 background : white url("../../images/message-bg.gif") repeat-x left 0;
1107 border : 1px solid #bcbcbc;
1116 margin : .6em 0 .3em 0;
1119 #moresearches a:link, #moresearches a:visited {
1121 font-weight : normal;
1122 text-decoration : none;
1125 #opac-main-search #listsmenu a, #opac-main-search #listsmenu h4 {
1127 font-weight : normal;
1129 #opac-main-search #listsmenu h4 {
1135 #opac-main-search #listsmenu .yuimenuitemlabel {
1139 #opac-main-search #listsmenu .bd {
1140 background-color : #f3f3f3;
1141 border : 1px solid #739acf;
1142 background-image : url("../../images/listmenu-container-bg.gif");
1143 background-position : top right;
1144 background-repeat : repeat-y;
1145 padding : .3em 1em 0 0;
1148 #opac-main-search #listsmenu .yuimenuitemlabel.selected {
1149 background-color : #fff;
1152 #opac-main-search #listsmenu ul {
1153 border-color : #b8d0e6;
1157 vertical-align: top;
1161 vertical-align: top;
1175 border-left : 1px solid #CCC;
1182 text-decoration : none;
1185 ul#i18nMenu li:first-child {
1189 ul#i18nMenu li ul li {
1195 ul#i18nMenu li.more a {
1196 background-image:url(../../images/more-up-arrow.gif);
1197 background-position:right center;
1198 background-repeat:no-repeat;
1202 ul#i18nMenu li.more ul li a {
1203 background-image : none;
1204 padding-right : 20px;
1208 background-color: #fff;
1209 border-top: 1px solid #CCC;
1218 body>div#changelanguage {
1242 div#changelanguage a.yuimenuitemlabel {
1244 font-weight : normal;
1247 #cartDetails,#cartUpdate {
1248 background-color : #FFF;
1249 border: 1px solid #739acf;
1252 text-align : center;
1255 .yui-panel .hd, .yui-panel .bd, .yui-panel .ft {
1256 background-color : transparent;
1261 #login #userid, #login #password {
1265 #opac-main-search input.submit {
1266 background : #b8d0e6 url(../../images/submit-bg.gif) repeat-x 0 0;
1267 background-color : #b8d0e6;
1268 border-top: 1px solid #cccccc;
1269 border-left: 1px solid #cccccc;
1270 border-right: 1px solid #eeeeee;
1271 border-bottom: 1px solid #eeeeee;
1273 font-weight : normal;
1279 border-right : 1px solid #979797;
1281 margin-right : .5em;
1283 padding-bottom : 2em;
1287 text-decoration : none;
1289 background : #EEE url(../../images/side-tab-gradient.gif) repeat-y top right;
1290 border : 1px solid #979797;
1293 padding : .4em .3em;
1294 margin-right : -1px;
1297 div#menu li a:hover {
1298 background : #E8F0F6 url(../../images/side-tab-gradient-hover.gif) repeat-y top right;
1301 div#menu li.active a:hover {
1302 background-color : #fff;
1307 list-style-type : none;
1310 #menu ul li.active a {
1311 background-color : #FFF;
1312 background-image : none;
1328 font-weight : normal;
1331 padding: 2px 2px 1px 2px;
1334 #export,#further,#similars, .detailtagcell {
1336 background-color : #F3F3F3;
1337 border : 1px solid #E8E8E8;
1340 text-align : center;
1343 #export label, .detailtagcell label {
1347 margin-bottom : 2px;
1350 #export input, .detailtagcell input {
1357 padding : 3px 3px .5em 1em;
1361 list-style-image : url("../../images/further-bullet.gif");
1365 background-color : #FFF;
1366 text-align : center;
1368 padding : 0 3px 3px 3px;
1397 background: url(../../images/star-ratings.gif) top left no-repeat;
1405 background: url(../../images/star-ratings-empty.gif) top left no-repeat;
1408 margin: 0 10px 0 10px;
1414 #cartmenulink, #listsmenulink {
1416 position : relative;
1421 text-decoration : none;
1425 #cartmenulink *, #listsmenulink * {
1426 font-style : normal;
1427 background-image : url(../../images/button-background.png);
1428 background-repeat : no-repeat;
1430 position : relative;
1433 #cartmenulink i, #listsmenulink i {
1434 background-position : top left;
1435 position : absolute;
1436 margin-bottom : -5px;
1443 #cartmenulink span, #listsmenulink span {
1444 background-position : bottom left;
1446 padding : 0 0 5px 10px;
1447 margin-bottom : -5px;
1450 *:first-child+html #cartmenulink span { padding-top : 3px; padding-bottom : 7px; }
1451 *:first-child+html #listsmenulink span { padding-top : 5px; }
1453 #cartmenulink span i, #listsmenulink span i {
1454 background-position : bottom right;
1456 position : absolute;
1463 #cartmenulink span span, #listsmenulink span span {
1464 background-position : top right;
1465 position : absolute;
1472 * html #cartmenulink span, * html #cartmenulink i, * html #listsmenulink span, * html #listsmenulink i {
1475 background-image : none;
1478 * html #cartmenulink span, * html #listsmenulink span {
1482 background : #9FBFFF;
1486 background : #98CB58;
1491 #cartmenulink[class], #listsmenulink[class] {
1492 background-image : url(../../images/button-background-gradient.png);
1493 background-position : left top;
1496 #listsmenulink:hover {
1497 background-color : #b8d0e6;
1500 #cartmenulink:hover {
1501 background-color : #BFDE96;
1505 background-image : none;
1507 padding : 3px 3px 0 3px;
1510 #cartmenulink span#basket {
1511 background-image : none;
1515 position : relative;
1523 #cartmenulink span#basket span {
1524 background-image : none;
1525 background-color : #E6FCB7;
1530 font-weight : normal;
1531 margin : 0 0 0 .9em;
1532 padding : 0 .3em 0 .3em;
1533 position : relative;
1539 a#listsmenulink, a#listsmenulink:hover {
1544 margin-left : 1.5em;
1547 a#cartmenulink, a#cartmenulink:hover {
1552 margin-left : 1.5em;
1554 * html a#cartmenulink {
1557 * html a#cartmenulink:hover {
1561 *:first-child+html a#listsmenulink { padding-top : 0; }
1562 *:first-child+html a#listsmenulink:hover { padding-top : 0; }
1563 *:first-child+html a#cartmenulink { padding-top : 0; }
1564 *:first-child+html a#cartmenulink:hover { padding-top : 0; }
1565 *:first-child+html #cartmenulink span i{ top : -4px; }
1566 *:first-child+html #listsmenulink span i { top : -5px; }
1568 #listsmenulink img {
1569 background-image : none;
1571 padding : 0 0 2px 0;
1574 * html #cartmenulink {
1575 border : 1px solid #336600;
1578 * html #listsmenulink {
1579 border : 1px solid #006699;
1583 margin-right : .5em;
1586 ul.ui-tabs-nav li a, ul.ui-tabs-nav li span.a {
1587 background-color : #F3F3F3;
1588 border-top : 1px solid #E8E8E8;
1589 border-left : 1px solid #E8E8E8;
1590 border-right : 1px solid #E8E8E8;
1593 text-align : center;
1594 text-decoration : none;
1597 ul.ui-tabs-nav li.ui-tabs-selected a, ul.ui-tabs-nav li.ui-tabs-selected span.a {
1598 background-color : #FFF;
1599 border-top : 1px solid #E8E8E8;
1600 border-left : 1px solid #E8E8E8;
1601 border-right : 1px solid #E8E8E8;
1602 border-bottom : 1px solid #FFF;
1603 margin-bottom : -5px;
1604 text-align : center;
1608 border-bottom : 1px solid #E8E8E8;
1613 margin-right : .7em;
1614 margin-bottom : 1em;
1618 white-space : nowrap;
1621 #bibliodescriptions {
1625 a#MARCview, span#MARCview, a#MARCviewPop, a#ISBDview, span#ISBDview, a#Normalview, span#Normalview {
1626 background-position : 5px 3px;
1627 background-repeat : no-repeat;
1629 font-weight : normal;
1630 padding : .2em .5em;
1631 text-decoration: none;
1634 a#MARCview, span#MARCview {
1635 background-image : url(../../images/marc.gif);
1636 padding-left : 17px;
1638 a#MARCviewPop, span#MARCviewPop {
1639 background-image : url(../../images/marc.gif);
1640 padding-left : 17px;
1642 a#ISBDview, span#ISBDview {
1643 background-image : url(../../images/isbd.gif);
1644 padding-left : 20px;
1646 a#Normalview, span#Normalview {
1647 background-image : url(../../images/normal.gif);
1648 padding-left : 15px;
1651 a#MARCview, a#ISBDview, a#Normalview {
1652 background-color : #F3F3F3;
1653 border-left : 1px solid #E8E8E8;
1656 #shelfbrowser table {
1659 #shelfbrowser table, #shelfbrowser td, #shelfbrowser th {
1662 text-align : center;
1667 #shelfbrowser td, #shelfbrowser th {
1668 vertical-align : bottom;
1671 #shelfbrowser td.top {
1672 vertical-align : top;
1678 background : transparent url("../../images/new.gif") center left no-repeat;
1683 padding-left : 15px;
1684 text-decoration : none;
1686 input.editshelf,a.editshelf {
1687 background : transparent url("../../images/shelf-edit.gif") center left no-repeat;
1692 padding-left : 15px;
1693 text-decoration : none;
1695 input.newshelf,a.newshelf {
1696 background : transparent url("../../images/shelf-new.gif") center left no-repeat;
1701 padding-left : 15px;
1702 text-decoration : none;
1705 background : transparent url("../../images/shelf-delete.gif") center left no-repeat;
1711 padding-left : 13px;
1714 input.editshelf:active,input.deleteshelf:active {
1718 #comments .commentline {
1719 border-bottom : 2px solid #eeeeeb;
1720 margin : 0 -.5em 0 -.5em;
1721 padding : 0 .5em .5em .5em;
1724 background-color : #effed5;
1726 #comments #addcomment {
1727 margin : 0 -1em -1em -1em;
1731 padding : 1px !important;