1 @import url("../../en/lib/yui/reset-fonts-grids.css");
16 background-color : white;
18 padding : 0 0 2.5em 0;
28 border : 2px solid #EEEEEE;
29 margin : 1em 1em 1em 0;
35 border-bottom : 1px solid black;
44 fieldset.rows legend {
50 fieldset.rows label, fieldset.rows span.label {
58 fieldset.rows fieldset {
65 padding: 1em 1em 0 1em;
66 list-style-type: none;
73 list-style-type: none;
77 fieldset.rows.left li {
78 padding-bottom : .4em;
81 fieldset.rows li.radio {
86 fieldset.rows li.radio label {
92 fieldset.rows ol.radio label {
98 fieldset.rows ol.radio label.radio {
104 fieldset.rows table {
109 fieldset.rows td label {
111 font-weight : normal;
120 padding : 1em 0 .3em 0;
136 font-weight : normal;
137 margin : .2em 0 .2em .5em;
142 background:transparent url(../../images/koha-logo.gif) no-repeat scroll 0%;
153 height:0px !important;
157 text-decoration:none;
190 input[type=submit], input[type=button], input[type=reset] {
191 /* background-color : #6BA037;
192 border:1px outset #666666;
198 background : #b8d0e6 url(../../images/submit-bg.gif) repeat-x 0 0;
199 background-color : #b8d0e6;
200 border-top: 1px solid #cccccc;
201 border-left: 1px solid #cccccc;
202 border-right: 1px solid #eeeeee;
203 border-bottom: 1px solid #eeeeee;
210 input[type=submit]:active, input[type=button], input[type=reset] {
211 border: 1px inset #666666;
215 background-color : #EFF1DC;
216 vertical-align : middle;
217 padding : 3px 3px 5px 5px;
221 border-collapse : collapse;
223 border-right : 1px solid #dddddd;
224 border-top : 1px solid #dddddd;
228 border-left : 1px solid #dddddd;
229 border-bottom : 1px solid #dddddd;
234 background-color:#EFF1DC;
244 background-color: #FFC;
252 tr.highlight td, tr.highlight th {
253 background-color : #F3F3F3;
254 border : 1px solid #DDDDDD;
255 border-right : 1px solid #DDDDDD;
276 background-color : #33CC99;
279 /* css styles for reserves color alerts */
281 background-color : #FFED3D;
285 background-color : #FF0000;
288 /* "problem" enhancement */
291 background-color : red;
295 background-color : #8EBAFF;
298 /* style for search terms in catalogsearch */
300 background-color : #ffffe0;
305 text-decoration : underline;
309 background-color : #F9FF9A;
322 background-color : #F3F3F3;
323 border : 1px solid #E8E8E8;
327 text-decoration : none;
330 /* the itemtype list in advanced search */
331 #advsearch-itemtype table {
332 border-collapse : separate;
333 border-spacing : 3px;
336 background-color : white;
337 border : 0px solid #D8DEB8;
340 #advsearch-itemtype table tr td {
341 background-color : #F8F8EB;
347 #advsearch-itemtype td {
349 background-color : #F8F8EB;
365 border-top : 1px solid #384b73;
372 /* the USER information block */
373 #librarian_information {
380 padding : 4px 0 4px 0;
385 text-decoration : none;
391 padding : 0 .3em 0 .3em;
392 text-decoration : none;
395 #members li:first-child {
396 border-right : 1px solid black;
413 background-image : url( ../../images/menu-background.gif);
414 background-repeat : repeat-x;
415 background-color : #739ACF;
416 border-top : 1px solid #335599;
417 border-bottom : 1px solid #335599;
418 padding : .7em 0 .4em .5em;
424 #opac-main-search a, #opac-main-search a, #opac-main-search a:visited {
428 #opac-main-search a:hover {
432 #opac-main-search form {
437 #opac-main-search label {
448 border : 1px solid #e8e8e8;
452 background-color : #EFF1DC;
453 border-bottom : 1px solid #e8e8e8;
460 #search-facets ul li {
462 list-style-type : none;
465 #search-facets li li {
466 font-weight : normal;
472 #search-facets li li a {
473 font-weight : normal;
476 #search-facets li.showmore a {
482 background-color : #EEEEEB;
483 border : 1px solid #DDDED3;
503 font-weight : normal;
509 font-weight : normal;
510 text-decoration : underline;
517 background-color:#E7E7CA;
536 #catalogue_detail_biblio p span.label {
540 #catalogue_detail_biblio p {
541 padding-bottom: .6em;
548 .toptabs .tabs-nav a, .toptabs .tabs-nav span.a {
552 .toptabs .tabs-nav li {
556 .toptabs .tabs-nav li a, .toptabs .tabs-nav li span.a {
557 background-color : #F3F3F3;
558 border-top : 1px solid #E8E8E8;
559 border-left : 1px solid #E8E8E8;
560 border-right : 1px solid #E8E8E8;
563 text-decoration : none;
566 .toptabs .tabs-nav li.tabs-selected {
567 background-color : #FFF;
570 .toptabs .tabs-nav li.tabs-selected a, .toptabs .tabs-nav li.tabs-selected span.a {
571 background-color : #FFF;
572 border-top : 1px solid #E8E8E8;
573 border-left : 1px solid #E8E8E8;
574 border-right : 1px solid #E8E8E8;
575 border-bottom : 1px solid #FFF;
576 margin-bottom : -5px;
577 padding-bottom : 5px;
581 .toptabs.numbered .tabs-nav li {
585 .toptabs .tabs-container {
586 border : 1px solid #E8E8E8;
593 background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
607 margin : 0 1em 1em 0;
611 border : 1px solid #E8E8E8;
614 fieldset.brief legend {
619 fieldset.brief label {
625 fieldset.brief ol, fieldset.brief li {
626 list-style-type : none;
629 fieldset.brief div.hint, fieldset.rows div.hint {
637 font-weight : normal;
642 margin : 0pt 5px 5px 0pt;
659 border : 1px solid #afbccf;
661 text-decoration : none;
665 .resultscontrol, .resultscontrol select {
673 .cartlist input.submit {
674 background-color : #d8deb8;
675 background-image : none;
676 border-color : #bebf84;
683 #CheckAll, #CheckNone {
684 font-weight : normal;
688 .resultscontrol label {
698 .searchresults p.details {
708 td.resultscontrol img {
709 vertical-align: middle;
712 .searchresults table td {
715 .searchresults table {
719 .searchresults td, .searchresults th, .searchresults table {
724 border-bottom : 1px solid #CCCCCC;
727 .searchresults tr:first-child {
731 .searchresults table {
732 border-top : 0px solid #CCCCCC;
735 .searchresults a.reserve, .searchresults a.reserve:visited {
736 background-position:left top;
737 background-repeat:no-repeat;
739 padding:2px 3px 2px 26px;
742 .searchresults a.reserve {
743 background-color:transparent;
747 input.reserve, a.reserve {
748 background-image:url(../../images/placereserve.gif);
752 background-color:#006699;
774 background-color: transparent;
777 padding: 1px 5px 1px 5px;
778 text-decoration: none;
781 background-color: transparent;
784 padding: 1px 5px 1px 5px;
785 text-decoration: none;
789 background-color: #CCFF00;
792 padding: 1px 5px 1px 5px;
793 text-decoration: none;
797 background-color: #99CC00;
800 padding: 1px 5px 1px 5px;
801 text-decoration: none;
805 background-color: #FFFFFF;
808 padding: 1px 5px 1px 5px;
809 text-decoration: none;
813 background-color: #EFF1DC;
814 border: 1px solid #CCCC99;
817 padding: 1px 5px 1px 5px;
818 text-decoration: none;
822 background-color: #EFF1DC;
823 border: 1px solid #CCCC99;
826 padding: 1px 5px 1px 5px;
827 text-decoration: none;
831 background-color: #FFFFCC;
832 border: 1px solid #CCCC99;
835 padding: 1px 5px 1px 5px;
836 text-decoration: none;
840 background-color: #FFFFCC;
841 border: 1px solid #CCCC99;
844 padding: 1px 5px 1px 5px;
845 text-decoration: none;
849 background-position: left;
850 background-repeat: no-repeat;
853 padding: 2px 2px 2px 22px;
854 background-color: #6699CC;
855 border: 1px outset #666666;
859 input.shelf, a.shelf {
860 background-image: url(../../images/addtobasket.gif);
863 input.clearall, a.clearall {
864 background-image: url(../../images/clearbasket.gif);
869 list-style-type: none;
870 margin: 9px 0 -2px 5px;
881 padding: 2px 4px 2px 4px;
882 text-decoration: none;
883 border-top: 1px solid #DDDDDD;
884 border-left : 1px solid #DDDDDD;
885 border-right : 1px solid #666666;
888 ul.link-tabs li#power_formButton a, ul.link-tabs li#proximity_formButton a {
889 padding: 2px 4px 3px 4px;
892 ul.link-tabs li.off a {
893 background-color: #EEEEEB;
894 border-bottom: 1px solid #DDDDDD;
897 ul.link-tabs li.off a:hover {
898 padding: 2px 3px 2px 4px;
899 background-color: #FFFFEC;
900 border-top: 1px solid #BEBF84;
901 border-left : 1px solid #BEBF84;
902 border-right : 2px solid #333333;
905 ul.link-tabs li.on a {
906 background-color: #FFFFFF;
907 border-bottom: 1px solid #FFFFFF;
910 ul.link-tabs li a.debit {
911 background-color : #FFFF99;
916 border : 1px solid #DDDDDD;
922 #catalogue_detail_biblio table, #catalogue_detail_biblio td, #catalogue_detail_biblio th {
923 background-color : transparent;
928 background-color : #ffcccc;
932 tr.highlight.overdue td {
933 background-color : #ffaeae;
947 table#marc, table#marc td, table#marc th {
952 background-color : transparent;
955 table#marc td:first-child {
977 margin : .3em -1px 0 2%;
978 display: inline /* fix IE6 */;
986 display: inline /* fix IE6 */;
987 margin-right: -1px /* fix IE6 */;
999 /* Hides from IE-mac \*/
1000 * html .clearfix {height: 1%;}
1001 /* End hide from IE-mac */
1003 .searchhighlightblob {
1009 border: 1px solid #bcbcbc;
1015 .dialog h2, .dialog h3, .dialog h4 {
1017 text-align : center;
1021 background : #FFC url(../../images/alert-bg.gif) repeat-x left 0;
1022 text-align : center;
1030 background : white url("../../images/message-bg.gif") repeat-x left 0;
1031 border : 1px solid #bcbcbc;
1039 margin : .6em 0 .3em 2%;
1042 #moresearches a:link, #moresearches a:visited {
1044 font-weight : normal;
1045 text-decoration : none;
1048 #opac-main-search #listsmenu a, #opac-main-search #listsmenu h4 {
1050 font-weight : normal;
1052 #opac-main-search #listsmenu h4 {
1058 #opac-main-search #listsmenu .bd {
1059 background-color : #f3f3f3;
1060 border : 1px solid #739acf;
1061 background-image : url("../../images/listmenu-container-bg.gif");
1062 background-position : top right;
1063 background-repeat : repeat-y;
1065 // margin : 3em 0 0 0;
1067 #opac-main-search #listsmenu .yui-menu-shadow {
1068 // margin : 3em 0 0 0;
1071 #opac-main-search #listsmenu .yuimenuitemlabel.selected {
1072 background-color : #fff;
1075 #opac-main-search #listsmenu ul {
1076 border-color : #b8d0e6;
1091 border-left : 1px solid #CCC;
1098 text-decoration : none;
1101 ul#i18nMenu li:first-child {
1105 ul#i18nMenu li ul li {
1111 ul#i18nMenu li.more a {
1112 background-image:url(../../images/more-up-arrow.gif);
1113 background-position:right center;
1114 background-repeat:no-repeat;
1118 ul#i18nMenu li.more ul li a {
1119 background-image : none;
1120 padding-right : 20px;
1124 background-color: #fff;
1125 border-top: 1px solid #CCC;
1134 body>div#changelanguage {
1158 div#changelanguage a.yuimenuitemlabel {
1160 font-weight : normal;
1164 background-color : #FFF;
1165 border: 1px solid #739acf;
1168 text-align : center;
1171 a#listsmenulink, a#listsmenulink:hover {
1175 a#cartmenulink, a#cartmenulink:hover {
1179 #login #userid, #login #password {
1183 #opac-main-search input.submit {
1184 background : #b8d0e6 url(../../images/submit-bg.gif) no-repeat 0 0;
1185 background-color : #b8d0e6;
1186 border-top: 1px solid #cccccc;
1187 border-left: 1px solid #cccccc;
1188 border-right: 1px solid #eeeeee;
1189 border-bottom: 1px solid #eeeeee;
1191 font-weight : normal;
1195 .btn { display: block; position: relative; background: #aaa; padding: 5px; float: right; color: #fff; text-decoration: none; cursor: pointer; }
1196 .btn * { font-style: normal; background-image: url('../../images/button-background.png'); background-repeat: no-repeat; display: block; position: relative; }
1197 .btn i { background-position: top left; position: absolute; margin-bottom: -5px; top: 0; left: 0; width: 5px; height: 5px; }
1198 .btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
1199 .btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
1200 .btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }
1203 * html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }
1205 .btn.blue { background: #6699FF; }
1206 .btn.blue:hover { background-color: #6699FF; background-image: none; }
1207 .btn.green { background: #98CB58; }
1208 .btn.green:hover { background-color: #98CB58; background-image: none; }
1209 .btn:active { background-color: #444; }
1210 .btn[class] { background-image: url('../../images/button-background-gradient.png'); background-position: 0 0; }
1211 .btn[class]:hover { background-image: url('../../images/button-background-gradient.png'); background-position: 0 -200px; }
1213 * html .btn { border: 3px double #aaa; }
1214 * html .btn.blue { border-color: #2ae; }
1215 * html .btn.green { border-color: #9d4; }
1216 * html .btn:hover { border-color: #a00; }
1217 #cartmenulink { margin-right : 1em; }
1220 border-right: 1px solid #979797;
1224 padding-bottom: 2em;
1228 text-decoration: none;
1230 background : #EEE url(../../images/side-tab-gradient.gif) repeat-y top right;
1231 border: 1px solid #979797;
1235 margin-right : -1px;
1238 div#menu li a:hover {
1239 background : #E8F0F6 url(../../images/side-tab-gradient-hover.gif) repeat-y top right;
1242 div#menu li.active a:hover {
1243 background-color: #fff;
1248 list-style-type: none;
1251 #menu ul li.active a {
1252 background-color: #FFF;
1253 background-image : none;