1 @import url("../../en/lib/yui/reset-fonts-grids.css");
11 a:hover,input.editshelf:hover,a.editshelf:hover,input.deleteshelf:hover {
16 background-color : white;
18 padding : 0 0 2.5em 0;
28 background-color: #FFF;
29 border : 2px solid #EEEEEE;
30 margin : 1em 1em 1em 0;
36 border-bottom : 1px solid black;
45 fieldset.rows legend {
51 fieldset.rows label, fieldset.rows span.label {
59 fieldset.rows fieldset {
66 padding: 1em 1em 0 1em;
67 list-style-type: none;
74 list-style-type: none;
78 fieldset.rows.left li {
79 padding-bottom : .4em;
82 fieldset.rows li.radio {
87 fieldset.rows li.radio label {
93 fieldset.rows ol.radio label {
99 fieldset.rows ol.radio label.radio {
105 fieldset.rows table {
110 fieldset.rows td label {
112 font-weight : normal;
117 background-color : #F3F3F3;
129 background-color : #FFF;
130 border-bottom : 1px solid #F3F3F3;
134 fieldset.holds label, fieldset.holds span.label {
143 padding : 1em 0 .3em 0;
163 font-weight : normal;
164 margin : .2em 0 .2em .5em;
169 background:transparent url(../../images/koha-logo.gif) no-repeat scroll 0%;
171 float : left !important;
181 height:0px !important;
185 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;
257 background-color:#EEE;
268 background-color: #FFC;
276 tr.highlight td, tr.highlight th, tr.odd td {
277 background-color : #F3F3F3;
278 border : 1px solid #DDDDDD;
279 border-right : 1px solid #DDDDDD;
282 tr.even td, tr.even.highlight td {
283 background-color: #FFF;
287 background-color : #E8E8E8;
288 border : 1px solid #DDDDDD;
289 border-right : 1px solid #DDDDDD;
295 #editions table, #editions td {
300 background-image:url("../../images/ascdesc.gif");
301 background-position:right center;
302 background-repeat:no-repeat;
306 background-image:url("../../images/asc.gif");
309 background-image:url("../../images/desc.gif");
330 background-color : #33CC99;
333 /* css styles for reserves color alerts */
335 background-color : #eeeeee;
339 background-color : #ffcccc;
342 /* "problem" enhancement */
345 background-color : red;
349 background-color : #8EBAFF;
352 /* style for search terms in catalogsearch */
354 background-color : #ffffe0;
359 text-decoration : underline;
363 background-color : #F9FF9A;
369 background-color : #F3F3F3;
370 border : 1px solid #E8E8E8;
371 padding-bottom : 3px;
380 #action a, #toolbar a {
381 background-position : 5px center;
382 background-repeat : no-repeat;
383 text-decoration : none;
395 border-left : 1px solid #e8e8e8;
398 #toolbar ul li:first-child {
402 #action a.reserve, #toolbar a.reserve, .searchresults a.reserve {
403 background-image:url(../../images/placereserve.gif);
406 #action a.addtoshelf, #toolbar a.addtoshelf {
407 background-image:url(../../images/addtoshelf.gif);
410 #action a.addtocart, #toolbar a.addtocart {
411 background-image:url(../../images/cart2.gif);
414 #action a.print, #toolbar a.print {
415 background-image:url(../../images/print.gif);
419 background-image: url(../../images/brief.gif);
423 background-image: url(../../images/detail.gif);
427 background-image: url(../../images/print.gif);
431 background-image: url(../../images/close.gif);
435 background-image: url(../../images/send.gif);
438 background-image: url(../../images/trash.gif);
441 /* the itemtype list in advanced search */
442 #advsearch-itemtype table {
443 border-collapse : separate;
444 border-spacing : 3px;
447 background-color : white;
448 border : 0px solid #D8DEB8;
451 #advsearch-itemtype table tr td {
452 background-color : #F8F8EB;
458 #advsearch-itemtype td {
460 background-color : #F8F8EB;
476 border-top : 1px solid #384b73;
483 /* the USER information block */
484 #librarian_information {
490 background-color: #fff;
492 padding : 4px 0 4px 0;
497 text-decoration : none;
503 padding : 0 .3em 0 .3em;
504 text-decoration : none;
507 #members li:first-child {
508 border-right : 1px solid black;
525 background-image : url( ../../images/menu-background.gif);
526 background-repeat : repeat-x;
527 background-color : #739ACF;
528 border-top : 1px solid #335599;
529 border-bottom : 1px solid #335599;
530 padding : .7em 0 .4em .5em;
535 #opac-main-search form {
540 #opac-main-search label {
543 margin : .2em .3em 0 0;
553 border : 1px solid #e8e8e8;
557 background-color : #EEE;
558 border-bottom : 1px solid #e8e8e8;
565 #search-facets ul li {
567 list-style-type : none;
570 #search-facets li li {
571 font-weight : normal;
577 #search-facets li li a {
578 font-weight : normal;
581 #search-facets li.showmore a {
587 background-color : #EEEEEB;
588 border : 1px solid #DDDED3;
608 font-weight : normal;
614 font-weight : normal;
615 text-decoration : underline;
622 background-color:#E7E7CA;
641 #catalogue_detail_biblio p span.label {
645 #catalogue_detail_biblio p, #catalogue_detail_biblio ul {
646 padding-bottom: .6em;
660 margin : 0 1em 1em 0;
664 border : 1px solid #E8E8E8;
667 fieldset.brief legend {
672 fieldset.brief label {
677 fieldset.brief input+input {
681 fieldset.brief input, fieldset.brief textarea, fieldset.brief select {
682 background-color: #F3F3F3;
683 border-top : 1px solid #979797;
684 border-left : 1px solid #979797;
685 border-right : 1px solid #DDDDDD;
686 border-bottom : 1px solid #DDDDDD;
692 fieldset.brief textarea {
696 fieldset.brief input:focus {
697 background-color: #FFFFCC;
700 fieldset.brief ol, fieldset.brief li {
701 list-style-type : none;
704 fieldset.brief div.hint, fieldset.rows div.hint {
712 font-weight : normal;
717 margin : 0pt 5px 5px 0pt;
723 .resultscontrol, .resultscontrol select {
731 .cartlist input.submit {
732 background-color : #d8deb8;
733 background-image : none;
734 border-color : #bebf84;
741 #CheckAll, #CheckNone {
742 font-weight : normal;
746 .resultscontrol label {
756 .searchresults p.details {
766 td.resultscontrol img {
767 vertical-align: middle;
770 .searchresults table td {
773 .searchresults table {
777 .searchresults td, .searchresults th, .searchresults table {
782 border-bottom : 1px solid #CCCCCC;
785 .searchresults tr:first-child {
789 .searchresults table {
790 border-top : 0px solid #CCCCCC;
794 .searchresults a.reserve, .searchresults a.reserve:visited {
795 background-position:left top;
796 background-repeat:no-repeat;
798 padding:2px 3px 2px 26px;
801 .searchresults a.reserve {
802 background-color:transparent;
825 background-color: transparent;
828 padding: 1px 5px 1px 5px;
829 text-decoration: none;
832 background-color: transparent;
835 padding: 1px 5px 1px 5px;
836 text-decoration: none;
840 background-color: #CCFF00;
843 padding: 1px 5px 1px 5px;
844 text-decoration: none;
848 background-color: #99CC00;
851 padding: 1px 5px 1px 5px;
852 text-decoration: none;
856 background-color: #FFFFFF;
859 padding: 1px 5px 1px 5px;
860 text-decoration: none;
864 background-color: #EEE;
865 border: 1px solid #CCCC99;
868 padding: 1px 5px 1px 5px;
869 text-decoration: none;
873 background-color: #EEE;
874 border: 1px solid #CCCC99;
877 padding: 1px 5px 1px 5px;
878 text-decoration: none;
882 background-color: #FFFFCC;
883 border: 1px solid #CCCC99;
886 padding: 1px 5px 1px 5px;
887 text-decoration: none;
891 background-color: #FFFFCC;
892 border: 1px solid #CCCC99;
895 padding: 1px 5px 1px 5px;
896 text-decoration: none;
901 list-style-type: none;
902 margin: 9px 0 -2px 5px;
913 padding: 2px 4px 2px 4px;
914 text-decoration: none;
915 border-top: 1px solid #DDDDDD;
916 border-left : 1px solid #DDDDDD;
917 border-right : 1px solid #666666;
920 ul.link-tabs li#power_formButton a, ul.link-tabs li#proximity_formButton a {
921 padding: 2px 4px 3px 4px;
924 ul.link-tabs li.off a {
925 background-color: #EEEEEB;
926 border-bottom: 1px solid #DDDDDD;
929 ul.link-tabs li.off a:hover {
930 padding: 2px 3px 2px 4px;
931 background-color: #FFFFEC;
932 border-top: 1px solid #BEBF84;
933 border-left : 1px solid #BEBF84;
934 border-right : 2px solid #333333;
937 ul.link-tabs li.on a {
938 background-color: #FFFFFF;
939 border-bottom: 1px solid #FFFFFF;
942 ul.link-tabs li a.debit {
943 background-color : #FFFF99;
948 border : 1px solid #DDDDDD;
954 #catalogue_detail_biblio table, #catalogue_detail_biblio td, #catalogue_detail_biblio th {
955 background-color : transparent;
960 background-color : #ffcccc;
964 tr.highlight.overdue td {
965 background-color : #ffaeae;
979 table#marc, table#marc td, table#marc th {
984 background-color : transparent;
988 table#marc td:first-child {
1015 /* Hides from IE-mac \*/
1016 * html .clearfix {height: 1%;}
1017 /* End hide from IE-mac */
1019 .searchhighlightblob {
1028 border: 1px solid #bcbcbc;
1034 .dialog h2, .dialog h3, .dialog h4 {
1036 text-align : center;
1040 background : #FFC url(../../images/alert-bg.gif) repeat-x left 0;
1041 text-align : center;
1049 background : white url("../../images/message-bg.gif") repeat-x left 0;
1050 border : 1px solid #bcbcbc;
1059 margin : .6em 0 .3em 0;
1062 #moresearches a:link, #moresearches a:visited {
1064 font-weight : normal;
1065 text-decoration : none;
1068 #opac-main-search #listsmenu a, #opac-main-search #listsmenu h4 {
1070 font-weight : normal;
1072 #opac-main-search #listsmenu h4 {
1078 #opac-main-search #listsmenu .bd {
1079 background-color : #f3f3f3;
1080 border : 1px solid #739acf;
1081 background-image : url("../../images/listmenu-container-bg.gif");
1082 background-position : top right;
1083 background-repeat : repeat-y;
1084 padding : .3em 1em 0 0;
1086 #opac-main-search #listsmenu .yui-menu-shadow {
1089 #opac-main-search #listsmenu .yuimenuitemlabel.selected {
1090 background-color : #fff;
1093 #opac-main-search #listsmenu ul {
1094 border-color : #b8d0e6;
1108 border-left : 1px solid #CCC;
1115 text-decoration : none;
1118 ul#i18nMenu li:first-child {
1122 ul#i18nMenu li ul li {
1128 ul#i18nMenu li.more a {
1129 background-image:url(../../images/more-up-arrow.gif);
1130 background-position:right center;
1131 background-repeat:no-repeat;
1135 ul#i18nMenu li.more ul li a {
1136 background-image : none;
1137 padding-right : 20px;
1141 background-color: #fff;
1142 border-top: 1px solid #CCC;
1151 body>div#changelanguage {
1175 div#changelanguage a.yuimenuitemlabel {
1177 font-weight : normal;
1180 #cartDetails,#cartUpdate {
1181 background-color : #FFF;
1182 border: 1px solid #739acf;
1185 text-align : center;
1188 #login #userid, #login #password {
1192 #opac-main-search input.submit {
1193 background : #b8d0e6 url(../../images/submit-bg.gif) repeat-x 0 0;
1194 background-color : #b8d0e6;
1195 border-top: 1px solid #cccccc;
1196 border-left: 1px solid #cccccc;
1197 border-right: 1px solid #eeeeee;
1198 border-bottom: 1px solid #eeeeee;
1200 font-weight : normal;
1206 border-right : 1px solid #979797;
1208 margin-right : .5em;
1210 padding-bottom : 2em;
1214 text-decoration : none;
1216 background : #EEE url(../../images/side-tab-gradient.gif) repeat-y top right;
1217 border : 1px solid #979797;
1220 padding : .4em .3em;
1221 margin-right : -1px;
1224 div#menu li a:hover {
1225 background : #E8F0F6 url(../../images/side-tab-gradient-hover.gif) repeat-y top right;
1228 div#menu li.active a:hover {
1229 background-color : #fff;
1234 list-style-type : none;
1237 #menu ul li.active a {
1238 background-color : #FFF;
1239 background-image : none;
1255 font-weight : normal;
1258 padding: 2px 2px 1px 2px;
1262 #export,#further,#similars {
1264 background-color : #F3F3F3;
1265 border : 1px solid #E8E8E8;
1268 text-align : center;
1275 margin-bottom : 2px;
1285 padding : 3px 3px .5em 1em;
1289 list-style-image : url("../../images/further-bullet.gif");
1293 background-color : #FFF;
1294 text-align : center;
1296 padding : 0 3px 3px 3px;
1325 background: url(../../images/star-ratings.gif) top left no-repeat;
1333 background: url(../../images/star-ratings-empty.gif) top left no-repeat;
1336 margin: 0 10px 0 10px;
1344 #cartmenulink, #listsmenulink {
1346 position : relative;
1351 text-decoration : none;
1355 #cartmenulink *, #listsmenulink * {
1356 font-style : normal;
1357 background-image : url(../../images/button-background.png);
1358 background-repeat : no-repeat;
1360 position : relative;
1363 #cartmenulink i, #listsmenulink i {
1364 background-position : top left;
1365 position : absolute;
1366 margin-bottom : -5px;
1373 #cartmenulink span, #listsmenulink span {
1374 background-position : bottom left;
1376 padding : 0 0 5px 10px;
1377 margin-bottom : -5px;
1380 #cartmenulink span i, #listsmenulink span i {
1381 background-position : bottom right;
1383 position : absolute;
1390 #cartmenulink span span, #listsmenulink span span {
1391 background-position : top right;
1392 position : absolute;
1399 * html #cartmenulink span, * html #cartmenulink i, * html #listsmenulink span, * html #listsmenulink i {
1402 background-image : none;
1407 background : #9FBFFF;
1411 background : #98CB58;
1416 #cartmenulink:active, #listsmenulink:active {
1417 background-color : #cc3399;
1420 #cartmenulink[class], #listsmenulink[class] {
1421 background-image : url(../../images/button-background-gradient.png);
1422 background-position : left top;
1425 #listsmenulink:hover {
1426 background-color : #6699FF;
1429 #cartmenulink:hover {
1430 background-color : #BFDE96;
1434 background-image : none;
1436 padding : 3px 3px 0 3px;
1439 #cartmenulink span#basket {
1440 background-image : none;
1444 position : relative;
1452 #cartmenulink span#basket span {
1453 background-image : none;
1454 background-color : #E6FCB7;
1459 font-weight : normal;
1460 margin : 0 0 0 .9em;
1461 padding : 0 .3em 0 .3em;
1462 position : relative;
1468 *html #cartmenulink span#basket, *html #cartmenulink span#basket span {
1471 a#listsmenulink, a#listsmenulink:hover {
1476 margin-left : 1.5em;
1479 a#cartmenulink, a#cartmenulink:hover {
1484 margin-left : 1.5em;
1487 #listsmenulink img {
1488 background-image : none;
1490 padding : 0 0 2px 0;
1493 * html #cartmenulink {
1494 border : 1px solid #66ff00;
1497 * html #listsmenulink {
1498 border : 1px solid #99ccff;
1502 margin-right : .5em;
1505 ul.ui-tabs-nav li a, ul.ui-tabs-nav li span.a {
1506 background-color : #F3F3F3;
1507 border-top : 1px solid #E8E8E8;
1508 border-left : 1px solid #E8E8E8;
1509 border-right : 1px solid #E8E8E8;
1512 text-align : center;
1513 text-decoration : none;
1516 ul.ui-tabs-nav li.ui-tabs-selected a, ul.ui-tabs-nav li.ui-tabs-selected span.a {
1517 background-color : #FFF;
1518 border-top : 1px solid #E8E8E8;
1519 border-left : 1px solid #E8E8E8;
1520 border-right : 1px solid #E8E8E8;
1521 border-bottom : 1px solid #FFF;
1522 margin-bottom : -5px;
1523 text-align : center;
1527 border-bottom : 1px solid #E8E8E8;
1532 margin-right : .7em;
1533 margin-bottom : 1em;
1537 white-space : nowrap;
1540 #bibliodescriptions {
1544 a#MARCview, span#MARCview, a#ISBDview, span#ISBDview, a#Normalview, span#Normalview {
1545 background-position : 5px 3px;
1546 background-repeat : no-repeat;
1548 font-weight : normal;
1549 padding : .2em .5em;
1550 text-decoration: none;
1553 a#MARCview, span#MARCview {
1554 background-image : url(../../images/marc.gif);
1555 padding-left : 17px;
1557 a#ISBDview, span#ISBDview {
1558 background-image : url(../../images/isbd.gif);
1559 padding-left : 20px;
1561 a#Normalview, span#Normalview {
1562 background-image : url(../../images/normal.gif);
1563 padding-left : 15px;
1566 a#MARCview, a#ISBDview, a#Normalview {
1567 background-color : #F3F3F3;
1568 border-left : 1px solid #E8E8E8;
1571 #shelfbrowser dl {text-align:center;font-size:.85em;margin-top:0;float:left;}
1572 #shelfbrowser dt,dd {width:10.5em;float:left;}
1573 #shelfbrowser dt {margin-bottom:3.5em;}
1574 #shelfbrowser dd {margin:90px 0 0 -10.5em;}
1575 #shelfbrowser dl img {vertical-align:bottom;padding:2px;background:#fff;margin-top:0;}
1576 #shelfbrowser em {display:block;font-weight:bold;margin-bottom:5px;font-style:normal;}
1577 #shelfbrowser dl div {float:left;}
1578 #shelfbrowser img {margin-top:3.5em;}
1579 input.editshelf,a.editshelf {
1580 background : transparent url("../../images/shelf-edit.gif") center left no-repeat;
1585 padding-left : 15px;
1586 text-decoration : none;
1588 input.newshelf,a.newshelf {
1589 background : transparent url("../../images/shelf-new.gif") center left no-repeat;
1594 padding-left : 15px;
1595 text-decoration : none;
1598 background : transparent url("../../images/shelf-delete.gif") center left no-repeat;
1604 padding-left : 13px;
1607 input.editshelf:active,input.deleteshelf:active {
1611 #comments .commentline {
1612 border-bottom : 2px solid #eeeeeb;
1613 margin : 0 -.5em 0 -.5em;
1614 padding : 0 .5em .5em .5em;
1617 background-color : #effed5;
1619 #comments #addcomment {
1620 margin : 0 -1em -1em -1em;