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;
402 border-left : 1px solid #e8e8e8;
405 #toolbar ul li:first-child {
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;
499 padding : 4px 0 4px 0;
504 text-decoration : none;
510 padding : 0 .3em 0 .3em;
511 text-decoration : none;
514 #members li:first-child {
515 border-right : 1px solid black;
532 background-image : url( ../../images/menu-background.gif);
533 background-repeat : repeat-x;
534 background-color : #739ACF;
535 border-top : 1px solid #335599;
536 border-bottom : 1px solid #335599;
537 padding : .7em 0 .4em .5em;
542 #opac-main-search form {
547 #opac-main-search label {
550 margin : .2em .3em 0 0;
560 border : 1px solid #e8e8e8;
564 background-color : #EEE;
565 border-bottom : 1px solid #e8e8e8;
572 #search-facets ul li {
574 list-style-type : none;
577 #search-facets li li {
578 font-weight : normal;
584 #search-facets li li a {
585 font-weight : normal;
588 #search-facets li.showmore a {
594 background-color : #EEEEEB;
595 border : 1px solid #DDDED3;
615 font-weight : normal;
621 font-weight : normal;
622 text-decoration : underline;
629 background-color:#E7E7CA;
648 #catalogue_detail_biblio p span.label {
652 #catalogue_detail_biblio p, #catalogue_detail_biblio ul {
653 padding-bottom: .6em;
667 margin : 0 1em 1em 0;
671 border : 1px solid #E8E8E8;
674 fieldset.brief legend {
679 fieldset.brief label {
684 fieldset.brief input+input {
688 fieldset.brief input, fieldset.brief textarea, fieldset.brief select {
689 background-color: #F3F3F3;
690 border-top : 1px solid #979797;
691 border-left : 1px solid #979797;
692 border-right : 1px solid #DDDDDD;
693 border-bottom : 1px solid #DDDDDD;
699 fieldset.brief textarea {
703 fieldset.brief input:focus {
704 background-color: #FFFFCC;
707 fieldset.brief ol, fieldset.brief li {
708 list-style-type : none;
711 fieldset.brief div.hint, fieldset.rows div.hint {
719 font-weight : normal;
724 margin : 0pt 5px 5px 0pt;
730 .resultscontrol, .resultscontrol select {
738 .cartlist input.submit {
739 background-color : #d8deb8;
740 background-image : none;
741 border-color : #bebf84;
748 #CheckAll, #CheckNone {
749 font-weight : normal;
753 .resultscontrol label {
763 .searchresults p.details {
773 td.resultscontrol img {
774 vertical-align: middle;
777 .searchresults table td {
780 .searchresults table {
784 .searchresults td, .searchresults th, .searchresults table {
789 border-bottom : 1px solid #f3f3f3;
792 .searchresults tr:first-child {
796 .searchresults table {
797 border-top : 0px solid #CCCCCC;
801 .searchresults a.reserve, .searchresults a.reserve:visited {
802 background-position:left top;
803 background-repeat:no-repeat;
805 padding:2px 3px 2px 26px;
808 .searchresults a.reserve {
809 background-color:transparent;
832 background-color: transparent;
835 padding: 1px 5px 1px 5px;
836 text-decoration: none;
839 background-color: transparent;
842 padding: 1px 5px 1px 5px;
843 text-decoration: none;
847 background-color: #CCFF00;
850 padding: 1px 5px 1px 5px;
851 text-decoration: none;
855 background-color: #99CC00;
858 padding: 1px 5px 1px 5px;
859 text-decoration: none;
863 background-color: #FFFFFF;
866 padding: 1px 5px 1px 5px;
867 text-decoration: none;
871 background-color: #EEE;
872 border: 1px solid #CCCC99;
875 padding: 1px 5px 1px 5px;
876 text-decoration: none;
880 background-color: #EEE;
881 border: 1px solid #CCCC99;
884 padding: 1px 5px 1px 5px;
885 text-decoration: none;
889 background-color: #FFFFCC;
890 border: 1px solid #CCCC99;
893 padding: 1px 5px 1px 5px;
894 text-decoration: none;
898 background-color: #FFFFCC;
899 border: 1px solid #CCCC99;
902 padding: 1px 5px 1px 5px;
903 text-decoration: none;
908 list-style-type: none;
909 margin: 9px 0 -2px 5px;
920 padding: 2px 4px 2px 4px;
921 text-decoration: none;
922 border-top: 1px solid #DDDDDD;
923 border-left : 1px solid #DDDDDD;
924 border-right : 1px solid #666666;
927 ul.link-tabs li#power_formButton a, ul.link-tabs li#proximity_formButton a {
928 padding: 2px 4px 3px 4px;
931 ul.link-tabs li.off a {
932 background-color: #EEEEEB;
933 border-bottom: 1px solid #DDDDDD;
936 ul.link-tabs li.off a:hover {
937 padding: 2px 3px 2px 4px;
938 background-color: #FFFFEC;
939 border-top: 1px solid #BEBF84;
940 border-left : 1px solid #BEBF84;
941 border-right : 2px solid #333333;
944 ul.link-tabs li.on a {
945 background-color: #FFFFFF;
946 border-bottom: 1px solid #FFFFFF;
949 ul.link-tabs li a.debit {
950 background-color : #FFFF99;
955 border : 1px solid #DDDDDD;
961 #catalogue_detail_biblio table, #catalogue_detail_biblio td, #catalogue_detail_biblio th {
962 background-color : transparent;
967 background-color : #ffcccc;
971 tr.highlight.overdue td {
972 background-color : #ffaeae;
986 table#marc, table#marc td, table#marc th {
991 background-color : transparent;
995 table#marc td:first-child {
1022 /* Hides from IE-mac \*/
1023 * html .clearfix {height: 1%;}
1024 /* End hide from IE-mac */
1030 padding : 0 0 .5em 0;
1033 .results_summary .label {
1037 .results_summary a {
1038 font-weight: normal;
1041 #catalogue_detail_biblio div.results_summary {
1044 #catalogue_detail_biblio div.results_summary ul {
1053 #catalogue_detail_biblio div.results_summary ul li {
1058 border: 1px solid #bcbcbc;
1064 .dialog h2, .dialog h3, .dialog h4 {
1066 text-align : center;
1070 background : #FFC url(../../images/alert-bg.gif) repeat-x left 0;
1071 text-align : center;
1079 background : white url("../../images/message-bg.gif") repeat-x left 0;
1080 border : 1px solid #bcbcbc;
1089 margin : .6em 0 .3em 0;
1092 #moresearches a:link, #moresearches a:visited {
1094 font-weight : normal;
1095 text-decoration : none;
1098 #opac-main-search #listsmenu a, #opac-main-search #listsmenu h4 {
1100 font-weight : normal;
1102 #opac-main-search #listsmenu h4 {
1108 #opac-main-search #listsmenu .bd {
1109 background-color : #f3f3f3;
1110 border : 1px solid #739acf;
1111 background-image : url("../../images/listmenu-container-bg.gif");
1112 background-position : top right;
1113 background-repeat : repeat-y;
1114 padding : .3em 1em 0 0;
1117 #opac-main-search #listsmenu .yuimenuitemlabel.selected {
1118 background-color : #fff;
1121 #opac-main-search #listsmenu ul {
1122 border-color : #b8d0e6;
1126 vertical-align: top;
1130 vertical-align: top;
1144 border-left : 1px solid #CCC;
1151 text-decoration : none;
1154 ul#i18nMenu li:first-child {
1158 ul#i18nMenu li ul li {
1164 ul#i18nMenu li.more a {
1165 background-image:url(../../images/more-up-arrow.gif);
1166 background-position:right center;
1167 background-repeat:no-repeat;
1171 ul#i18nMenu li.more ul li a {
1172 background-image : none;
1173 padding-right : 20px;
1177 background-color: #fff;
1178 border-top: 1px solid #CCC;
1187 body>div#changelanguage {
1211 div#changelanguage a.yuimenuitemlabel {
1213 font-weight : normal;
1216 #cartDetails,#cartUpdate {
1217 background-color : #FFF;
1218 border: 1px solid #739acf;
1221 text-align : center;
1224 .yui-panel .hd, .yui-panel .bd, .yui-panel .ft {
1225 background-color : transparent;
1230 #login #userid, #login #password {
1234 #opac-main-search input.submit {
1235 background : #b8d0e6 url(../../images/submit-bg.gif) repeat-x 0 0;
1236 background-color : #b8d0e6;
1237 border-top: 1px solid #cccccc;
1238 border-left: 1px solid #cccccc;
1239 border-right: 1px solid #eeeeee;
1240 border-bottom: 1px solid #eeeeee;
1242 font-weight : normal;
1248 border-right : 1px solid #979797;
1250 margin-right : .5em;
1252 padding-bottom : 2em;
1256 text-decoration : none;
1258 background : #EEE url(../../images/side-tab-gradient.gif) repeat-y top right;
1259 border : 1px solid #979797;
1262 padding : .4em .3em;
1263 margin-right : -1px;
1266 div#menu li a:hover {
1267 background : #E8F0F6 url(../../images/side-tab-gradient-hover.gif) repeat-y top right;
1270 div#menu li.active a:hover {
1271 background-color : #fff;
1276 list-style-type : none;
1279 #menu ul li.active a {
1280 background-color : #FFF;
1281 background-image : none;
1297 font-weight : normal;
1300 padding: 2px 2px 1px 2px;
1303 #export,#further,#similars, .detailtagcell {
1305 background-color : #F3F3F3;
1306 border : 1px solid #E8E8E8;
1309 text-align : center;
1312 #export label, .detailtagcell label {
1316 margin-bottom : 2px;
1319 #export input, .detailtagcell input {
1326 padding : 3px 3px .5em 1em;
1330 list-style-image : url("../../images/further-bullet.gif");
1334 background-color : #FFF;
1335 text-align : center;
1337 padding : 0 3px 3px 3px;
1366 background: url(../../images/star-ratings.gif) top left no-repeat;
1374 background: url(../../images/star-ratings-empty.gif) top left no-repeat;
1377 margin: 0 10px 0 10px;
1385 #cartmenulink, #listsmenulink {
1387 position : relative;
1392 text-decoration : none;
1396 #cartmenulink *, #listsmenulink * {
1397 font-style : normal;
1398 background-image : url(../../images/button-background.png);
1399 background-repeat : no-repeat;
1401 position : relative;
1404 #cartmenulink i, #listsmenulink i {
1405 background-position : top left;
1406 position : absolute;
1407 margin-bottom : -5px;
1414 #cartmenulink span, #listsmenulink span {
1415 background-position : bottom left;
1417 padding : 0 0 5px 10px;
1418 margin-bottom : -5px;
1421 #cartmenulink span i, #listsmenulink span i {
1422 background-position : bottom right;
1424 position : absolute;
1431 #cartmenulink span span, #listsmenulink span span {
1432 background-position : top right;
1433 position : absolute;
1440 * html #cartmenulink span, * html #cartmenulink i, * html #listsmenulink span, * html #listsmenulink i {
1443 background-image : none;
1448 background : #9FBFFF;
1452 background : #98CB58;
1457 #cartmenulink[class], #listsmenulink[class] {
1458 background-image : url(../../images/button-background-gradient.png);
1459 background-position : left top;
1462 #listsmenulink:hover {
1463 background-color : #b8d0e6;
1466 #cartmenulink:hover {
1467 background-color : #BFDE96;
1471 background-image : none;
1473 padding : 3px 3px 0 3px;
1476 #cartmenulink span#basket {
1477 background-image : none;
1481 position : relative;
1489 #cartmenulink span#basket span {
1490 background-image : none;
1491 background-color : #E6FCB7;
1496 font-weight : normal;
1497 margin : 0 0 0 .9em;
1498 padding : 0 .3em 0 .3em;
1499 position : relative;
1505 *html #cartmenulink span#basket, *html #cartmenulink span#basket span {
1508 a#listsmenulink, a#listsmenulink:hover {
1513 margin-left : 1.5em;
1516 a#cartmenulink, a#cartmenulink:hover {
1521 margin-left : 1.5em;
1524 #listsmenulink img {
1525 background-image : none;
1527 padding : 0 0 2px 0;
1530 * html #cartmenulink {
1531 border : 1px solid #336600;
1534 * html #listsmenulink {
1535 border : 1px solid #006699;
1539 margin-right : .5em;
1542 ul.ui-tabs-nav li a, ul.ui-tabs-nav li span.a {
1543 background-color : #F3F3F3;
1544 border-top : 1px solid #E8E8E8;
1545 border-left : 1px solid #E8E8E8;
1546 border-right : 1px solid #E8E8E8;
1549 text-align : center;
1550 text-decoration : none;
1553 ul.ui-tabs-nav li.ui-tabs-selected a, ul.ui-tabs-nav li.ui-tabs-selected span.a {
1554 background-color : #FFF;
1555 border-top : 1px solid #E8E8E8;
1556 border-left : 1px solid #E8E8E8;
1557 border-right : 1px solid #E8E8E8;
1558 border-bottom : 1px solid #FFF;
1559 margin-bottom : -5px;
1560 text-align : center;
1564 border-bottom : 1px solid #E8E8E8;
1569 margin-right : .7em;
1570 margin-bottom : 1em;
1574 white-space : nowrap;
1577 #bibliodescriptions {
1581 a#MARCview, span#MARCview, a#MARCviewPop, a#ISBDview, span#ISBDview, a#Normalview, span#Normalview {
1582 background-position : 5px 3px;
1583 background-repeat : no-repeat;
1585 font-weight : normal;
1586 padding : .2em .5em;
1587 text-decoration: none;
1590 a#MARCview, span#MARCview {
1591 background-image : url(../../images/marc.gif);
1592 padding-left : 17px;
1594 a#MARCviewPop, span#MARCviewPop {
1595 background-image : url(../../images/marc.gif);
1596 padding-left : 17px;
1598 a#ISBDview, span#ISBDview {
1599 background-image : url(../../images/isbd.gif);
1600 padding-left : 20px;
1602 a#Normalview, span#Normalview {
1603 background-image : url(../../images/normal.gif);
1604 padding-left : 15px;
1607 a#MARCview, a#ISBDview, a#Normalview {
1608 background-color : #F3F3F3;
1609 border-left : 1px solid #E8E8E8;
1612 #shelfbrowser dl {text-align:center;font-size:.85em;margin-top:0;float:left;}
1613 #shelfbrowser dt,dd {width:10.5em;float:left;}
1614 #shelfbrowser dt {margin-bottom:3.5em;}
1615 #shelfbrowser dd {margin:90px 0 0 -10.5em;}
1616 #shelfbrowser dl img {vertical-align:bottom;padding:2px;background:#fff;margin-top:0;}
1617 #shelfbrowser em {display:block;font-weight:bold;margin-bottom:5px;font-style:normal;}
1618 #shelfbrowser dl div {float:left;}
1619 #shelfbrowser img {margin-top:3.5em;}
1620 input.editshelf,a.editshelf {
1621 background : transparent url("../../images/shelf-edit.gif") center left no-repeat;
1626 padding-left : 15px;
1627 text-decoration : none;
1629 input.newshelf,a.newshelf {
1630 background : transparent url("../../images/shelf-new.gif") center left no-repeat;
1635 padding-left : 15px;
1636 text-decoration : none;
1639 background : transparent url("../../images/shelf-delete.gif") center left no-repeat;
1645 padding-left : 13px;
1648 input.editshelf:active,input.deleteshelf:active {
1652 #comments .commentline {
1653 border-bottom : 2px solid #eeeeeb;
1654 margin : 0 -.5em 0 -.5em;
1655 padding : 0 .5em .5em .5em;
1658 background-color : #effed5;
1660 #comments #addcomment {
1661 margin : 0 -1em -1em -1em;
1665 padding : 1px !important;