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 {
641 font-weight : normal;
646 margin : 0pt 5px 5px 0pt;
667 border : 1px solid #afbccf;
669 text-decoration : none;
673 .resultscontrol, .resultscontrol select {
681 .cartlist input.submit {
682 background-color : #d8deb8;
683 background-image : none;
684 border-color : #bebf84;
691 #CheckAll, #CheckNone {
692 font-weight : normal;
696 .resultscontrol label {
706 .searchresults p.details {
716 td.resultscontrol img {
717 vertical-align: middle;
720 .searchresults table td {
723 .searchresults table {
727 .searchresults td, .searchresults th, .searchresults table {
732 border-bottom : 1px solid #CCCCCC;
735 .searchresults tr:first-child {
739 .searchresults table {
740 border-top : 0px solid #CCCCCC;
743 .searchresults a.reserve, .searchresults a.reserve:visited {
744 background-position:left top;
745 background-repeat:no-repeat;
747 padding:2px 3px 2px 26px;
750 .searchresults a.reserve {
751 background-color:transparent;
755 input.reserve, a.reserve {
756 background-image:url(../../images/placereserve.gif);
760 background-color:#006699;
782 background-color: transparent;
785 padding: 1px 5px 1px 5px;
786 text-decoration: none;
789 background-color: transparent;
792 padding: 1px 5px 1px 5px;
793 text-decoration: none;
797 background-color: #CCFF00;
800 padding: 1px 5px 1px 5px;
801 text-decoration: none;
805 background-color: #99CC00;
808 padding: 1px 5px 1px 5px;
809 text-decoration: none;
813 background-color: #FFFFFF;
816 padding: 1px 5px 1px 5px;
817 text-decoration: none;
821 background-color: #EFF1DC;
822 border: 1px solid #CCCC99;
825 padding: 1px 5px 1px 5px;
826 text-decoration: none;
830 background-color: #EFF1DC;
831 border: 1px solid #CCCC99;
834 padding: 1px 5px 1px 5px;
835 text-decoration: none;
839 background-color: #FFFFCC;
840 border: 1px solid #CCCC99;
843 padding: 1px 5px 1px 5px;
844 text-decoration: none;
848 background-color: #FFFFCC;
849 border: 1px solid #CCCC99;
852 padding: 1px 5px 1px 5px;
853 text-decoration: none;
857 background-position: left;
858 background-repeat: no-repeat;
861 padding: 2px 2px 2px 22px;
862 background-color: #6699CC;
863 border: 1px outset #666666;
867 input.shelf, a.shelf {
868 background-image: url(../../images/addtobasket.gif);
871 input.clearall, a.clearall {
872 background-image: url(../../images/clearbasket.gif);
877 list-style-type: none;
878 margin: 9px 0 -2px 5px;
889 padding: 2px 4px 2px 4px;
890 text-decoration: none;
891 border-top: 1px solid #DDDDDD;
892 border-left : 1px solid #DDDDDD;
893 border-right : 1px solid #666666;
896 ul.link-tabs li#power_formButton a, ul.link-tabs li#proximity_formButton a {
897 padding: 2px 4px 3px 4px;
900 ul.link-tabs li.off a {
901 background-color: #EEEEEB;
902 border-bottom: 1px solid #DDDDDD;
905 ul.link-tabs li.off a:hover {
906 padding: 2px 3px 2px 4px;
907 background-color: #FFFFEC;
908 border-top: 1px solid #BEBF84;
909 border-left : 1px solid #BEBF84;
910 border-right : 2px solid #333333;
913 ul.link-tabs li.on a {
914 background-color: #FFFFFF;
915 border-bottom: 1px solid #FFFFFF;
918 ul.link-tabs li a.debit {
919 background-color : #FFFF99;
924 border : 1px solid #DDDDDD;
930 #catalogue_detail_biblio table, #catalogue_detail_biblio td, #catalogue_detail_biblio th {
931 background-color : transparent;
936 background-color : #ffcccc;
940 tr.highlight.overdue td {
941 background-color : #ffaeae;
955 table#marc, table#marc td, table#marc th {
960 background-color : transparent;
963 table#marc td:first-child {
985 margin : .3em -1px 0 2%;
986 display: inline /* fix IE6 */;
994 display: inline /* fix IE6 */;
995 margin-right: -1px /* fix IE6 */;
1007 /* Hides from IE-mac \*/
1008 * html .clearfix {height: 1%;}
1009 /* End hide from IE-mac */
1011 .searchhighlightblob {
1017 border: 1px solid #bcbcbc;
1023 .dialog h2, .dialog h3, .dialog h4 {
1025 text-align : center;
1029 background : #FFC url(../../images/alert-bg.gif) repeat-x left 0;
1030 text-align : center;
1038 background : white url("../../images/message-bg.gif") repeat-x left 0;
1039 border : 1px solid #bcbcbc;
1047 margin : .6em 0 .3em 2%;
1050 #moresearches a:link, #moresearches a:visited {
1052 font-weight : normal;
1053 text-decoration : none;
1056 #opac-main-search #listsmenu a, #opac-main-search #listsmenu h4 {
1058 font-weight : normal;
1060 #opac-main-search #listsmenu h4 {
1066 #opac-main-search #listsmenu .bd {
1067 background-color : #f3f3f3;
1068 border : 1px solid #739acf;
1069 background-image : url("../../images/listmenu-container-bg.gif");
1070 background-position : top right;
1071 background-repeat : repeat-y;
1073 // margin : 3em 0 0 0;
1075 #opac-main-search #listsmenu .yui-menu-shadow {
1076 // margin : 3em 0 0 0;
1079 #opac-main-search #listsmenu .yuimenuitemlabel.selected {
1080 background-color : #fff;
1083 #opac-main-search #listsmenu ul {
1084 border-color : #b8d0e6;
1099 border-left : 1px solid #CCC;
1106 text-decoration : none;
1109 ul#i18nMenu li:first-child {
1113 ul#i18nMenu li ul li {
1119 ul#i18nMenu li.more a {
1120 background-image:url(../../images/more-up-arrow.gif);
1121 background-position:right center;
1122 background-repeat:no-repeat;
1126 ul#i18nMenu li.more ul li a {
1127 background-image : none;
1128 padding-right : 20px;
1132 background-color: #fff;
1133 border-top: 1px solid #CCC;
1142 body>div#changelanguage {
1166 div#changelanguage a.yuimenuitemlabel {
1168 font-weight : normal;
1172 background-color : #FFF;
1173 border: 1px solid #739acf;
1176 text-align : center;
1179 a#listsmenulink, a#listsmenulink:hover {
1183 a#cartmenulink, a#cartmenulink:hover {
1187 #login #userid, #login #password {
1191 #opac-main-search input.submit {
1192 background : #b8d0e6 url(../../images/submit-bg.gif) no-repeat 0 0;
1193 background-color : #b8d0e6;
1194 border-top: 1px solid #cccccc;
1195 border-left: 1px solid #cccccc;
1196 border-right: 1px solid #eeeeee;
1197 border-bottom: 1px solid #eeeeee;
1199 font-weight : normal;
1203 .btn { display: block; position: relative; background: #aaa; padding: 5px; float: right; color: #fff; text-decoration: none; cursor: pointer; }
1204 .btn * { font-style: normal; background-image: url('../../images/button-background.png'); background-repeat: no-repeat; display: block; position: relative; }
1205 .btn i { background-position: top left; position: absolute; margin-bottom: -5px; top: 0; left: 0; width: 5px; height: 5px; }
1206 .btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
1207 .btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
1208 .btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }
1211 * html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }
1213 .btn.blue { background: #6699FF; }
1214 .btn.blue:hover { background-color: #6699FF; background-image: none; }
1215 .btn.green { background: #98CB58; }
1216 .btn.green:hover { background-color: #98CB58; background-image: none; }
1217 .btn:active { background-color: #444; }
1218 .btn[class] { background-image: url('../../images/button-background-gradient.png'); background-position: 0 0; }
1219 .btn[class]:hover { background-image: url('../../images/button-background-gradient.png'); background-position: 0 -200px; }
1221 * html .btn { border: 3px double #aaa; }
1222 * html .btn.blue { border-color: #2ae; }
1223 * html .btn.green { border-color: #9d4; }
1224 * html .btn:hover { border-color: #a00; }
1225 #cartmenulink { margin-right : 1em; }