1 /* ================================
3 * ================================*/
11 font-family: "Lucida Grande", Arial;
13 background-color : #eaeae6;
18 border:1px solid #d2d2cf;
19 -webkit-border-radius: 8px;
20 -moz-border-radius: 8px;
43 #opacmainuserblock, #news {
47 /* ================================
49 * ================================*/
59 margin: 40px 0 0 !important;
60 padding: 0.7em 0 0 0.5em;
63 *:first-child+html #opac-main-search {
66 #opac-main-search a.logo {
68 padding: 8px 0 0 13px;
73 #opac-main-search #fluid {
81 #opac-main-search div#libraryname {
92 *:first-child+html #opac-main-search a.logo,
93 *:first-child+html #opac-main-search #fluid,
94 *:first-child+html #opac-main-search div#libraryname {
99 *:first-child+html #opac-main-search #fluid {
102 #opac-main-search div#libraryname h1 {
103 background-repeat: no-repeat;
104 background-position: 0 0;
109 #opac-main-search div#libraryname h1 img {
115 #opac-main-search div#libraryname span#official-website {
116 background: url("../../images/arrow-right-grey-logo.png") no-repeat scroll 0 50%;
117 font: 11px/14px Arial;
120 #opac-main-search div#libraryname span#official-website a {
122 text-decoration: none;
124 #opac-main-search div#libraryname span#official-website a:hover {
125 text-decoration: underline;
132 background: #a7a7a2 url("../../images/bg-search-bar.png") repeat-x scroll 0 0;
133 -webkit-border-radius: 8px;
134 -moz-border-radius: 8px;
141 form#searchform label {
145 form.single-library .input-wrapper {
148 form.multi-libraries .input-wrapper {
151 form#searchform .input-wrapper input[type="text"] {
153 border: 1px solid #A0A09A;
154 -webkit-border-radius: 8px;
155 -moz-border-radius: 8px;
158 font-size: 12px !important;
159 padding: 8px 8px 9px;
160 width: 100% !important;
163 form#searchform select {
168 form.multi-libraries #filters .jqTransformSelectWrapper {
174 form.single-library #filters .jqTransformSelectWrapper,
175 form.multi-libraries #libraries .jqTransformSelectWrapper {
181 form#searchform input[type="submit"] {
182 background: #619bb5 url("../../images/btn-search-bar.png") no-repeat 50% 50%;
183 border: 1px solid #adadaa;
184 -webkit-border-radius: 5px;
185 -moz-border-radius: 5px;
204 #moresearches a:link,
205 #moresearches a:visited {
206 background: url("../../images/arrow-right-grey-11x6.png") no-repeat scroll left center transparent;
212 text-decoration: none;
214 #moresearches a:hover {
218 #moresearches span.pipe {
224 filter: alpha(opacity=50);
237 background: #454543 url("../../images/img_bg_header.png") repeat-x 0 0;
251 padding: 0 8px 0 10px;
254 list-style-type: none;
255 background: url("../../images/img_sep_header.png") no-repeat left top;
257 ul#menu-left li#listsmenulink {
258 padding: 1px 0 0 12px;
261 ul#menu-left #listsmenulink:hover {
262 background: url("../../images/img_sep_header.png") no-repeat left top !important;
264 ul#menu-left li a#cartmenulink,
265 ul#menu-left li#listsmenulink a {
271 text-decoration: none;
274 ul#menu-left li a#cartmenulink:hover,
275 ul#menu-left li#listsmenulink a:hover {
279 ul#menu-left li#listsmenulink a {
283 ul#menu-left li a#cartmenulink span,
284 ul#menu-left li#listsmenulink a span {
288 ul#menu-left li a#cartmenulink span#basketcount {
293 ul#menu-left li a#cartmenulink span img,
294 ul#menu-left li#listsmenulink a span img {
298 ul#menu-left li a#cartmenulink {
300 background: url("../../images/img_toolbar-button-cart.png") no-repeat left center;
302 ul#menu-left li#listsmenulink a {
304 background: url("../../images/img_toolbar-button-lists.png") no-repeat left center;
310 top: 29px !important;
312 padding: 10px !important;
314 border-left: 1px solid #A0A09A !important;
315 border-right: 1px solid #A0A09A !important;
316 border-bottom: 1px solid #A0A09A !important;
317 -webkit-border-radius: 0 0 7px 7px;
318 -moz-border-radius: 0 0 7px 7px;
319 border-radius: 0 0 7px 7px;
344 background: url("../../images/img_sep_header.png") no-repeat scroll right top transparent;
350 padding: 7px 14px 0 3px;
351 text-decoration: none;
354 #members li span.members {
356 padding:7px 14px 0 9px;
358 background: url(../../images/img_sep_header.png) no-repeat right top;
362 #members li span.members a {
369 padding:7px 14px 0 9px;
372 #members li a.logout {
375 padding:7px 14px 0 9px;
382 margin: 0 !important;
385 div#listsmenu ul li {
386 margin: 0 !important;
387 padding: 0 !important;
388 height: auto !important;
389 background: none !important;
391 div#listsmenu ul li {
392 float: none !important;
393 margin: 0 !important;
394 padding: 0 !important;
395 list-style-type: none !important;
396 background: none !important;
399 margin: 0 !important;
400 padding: 0 !important;
401 color: #fff !important;
402 font-weight: normal !important;
403 text-decoration: none;
404 background: none !important;
406 div#listsmenu a:hover {
407 text-decoration: underline;
410 #cartDetails,#cartUpdate,#holdDetails,#listsDetails {
411 background-color : #FFF;
412 border: 1px solid #739acf;
419 box-shadow: 1px 1px 3px #666;
420 -moz-box-shadow: 1px 1px 3px #666;
421 -webkit-box-shadow: 1px 1px 3px #666;
425 #cartmenulink, #listsmenulink {
432 text-decoration : none;
437 background : #98CB58;
442 #cartmenulink[class], #listsmenulink[class] {
444 background-position : ;
447 #cartmenulink span, #listsmenulink span {
448 padding : 0 0 5px 10px;
449 background-position:;
454 #cartmenulink *, #listsmenulink * {
455 background-image : none;
458 #cartmenulink span#basketcount span {
468 /* ================================
470 * ================================*/
472 .jqTransformSelectWrapper {
473 background: none repeat scroll 0 0 #FFFFFF;
474 border: 1px solid #A0A09A;
475 border-radius: 8px 8px 8px 8px;
477 font-family: Arial,Helvetica,sans-serif;
483 width: 171px !important;
485 .jqTransformSelectWrapper div {
487 padding: 9px 5px 4px;
490 .jqTransformSelectWrapper div span {
495 .jqTransformSelectWrapper div a {
496 background: url("../../images/img_select-puce.png") no-repeat scroll 0 50% transparent;
499 outline: medium none;
506 .jqTransformSelectWrapper ul {
507 background: none repeat scroll 0 0 #FFFFFF;
508 border: 1px solid #A0A09A;
509 -webkit-border-radius: 7px;
510 -moz-border-radius: 7px;
512 height: auto !important;
513 padding: 5px 0 !important;
515 width: 100% !important;
517 .jqTransformSelectWrapper ul li {
518 background: none repeat scroll 0 0 transparent !important;
519 list-style: none outside none !important;
520 margin: 0 !important;
521 padding: 0 5px !important;
523 .jqTransformSelectWrapper ul li a {
524 color: #252525 !important;
526 font-family: Arial,Helvetica,sans-serif;
530 text-decoration: none;
532 .jqTransformSelectWrapper ul li a:hover {
533 background: none repeat scroll 0 0 #F5F5F4;
537 /* ================================
539 * ================================*/
543 font-family:"Lucida Grande", Arial;
547 #main_footer .colleft {
552 #main_footer .colleft ul {
556 #main_footer .colleft li {
561 #main_footer .colleft li.first {
562 background:url(../../images/img_sep_footer.png) no-repeat right top;
567 #main_footer .colleft li a {
569 text-decoration:none;
573 #main_footer .colleft li a:hover {
577 #main_footer .colleft .copy {
583 #main_footer .colright {
588 #main_footer .colright .koha {
590 background: url(../../images/img_logo_koha.jpg) no-repeat bottom right;
594 #main_footer .colright .koha a {
600 text-decoration: none;
609 /* ================================
610 * !Page : Search results
611 * ================================*/
615 body#results #breadcrumbs {
616 margin: -1px 0 17px 2px;
619 body#results #breadcrumbs p {
620 font: normal 11px/11px Arial;
624 body#results #breadcrumbs p a {
627 text-decoration: none;
629 body#results #breadcrumbs p a:hover {
633 body#results #breadcrumbs p a img {
634 vertical-align: middle;
637 body#results #breadcrumbs p .rsaquo {
645 *:first-child+html body#results #breadcrumbs p span {
652 body#results #breadcrumbs p strong {
662 body#results #search-facets {
665 body#results #search-facets h4 {
667 border-bottom: 1px solid #E8E8E8;
669 margin: 0 9px 10px 0;
674 body#results #search-facets a {
677 body#results #search-facets a:hover {
684 body#results div#userresults {
685 border-left: 1px solid #c8c8c4;
696 background: #fff url("../../images/bg-result-light.png") repeat-x 0 0;
697 border-top: 1px solid #c8c8c4;
703 body#results .searchresults td.resultscontrol {
704 background: #ddddda url("../../images/bg-results-control.png") repeat-x 0 100%;
705 -moz-border-radius-topleft: 6px;
706 -moz-border-radius-topright: 6px;
707 -moz-border-radius-bottomright: 0px;
708 -moz-border-radius-bottomleft: 0px;
709 -webkit-border-radius: 6px 6px 0px 0px;
710 border-radius: 6px 6px 0px 0px;
712 border-bottom: 1px solid #b0b0ae;
713 padding: 2px 7px 6px;
720 body#results a.nav:link, div.pages a:link {
721 background-color: #EEEEEE;
722 border: 1px solid #CCCC99;
726 text-decoration: none;
728 body#results a.nav:hover, div.pages a:hover {
734 /* ================================
735 * !Page : Opac detail
736 * ================================*/
738 body#opac-detail .nav_results ul.pg_menu {
745 body#opac-detail .nav_results ul.pg_menu li {