h1#libraryname {
background:transparent url(../../images/koha-logo.gif) no-repeat scroll 0%;
border: 0;
+ float : left !important;
margin:0;
padding:0;
width:120px;
}
#fluid {
-float: right;
-width: 100%;
-margin-left: -120px;
-margin-top : .4em;
-
-/*border : 1px solid #FCC;
-padding-left : 1em;*/
-}
-
-#fluid-offset {
-margin-left: 130px;
-/*
-border: 1px dashed #FFF;*/
-}
-
-#fluid-content-1 {
-float: left;
-width: 96%;
-margin-left: 2%;
-display: inline /* fix IE6 */;
-margin-right: -1px /* fix IE6 */;
-}
-
-
-/*#fluid {
-border : 1px solid #FCC;
margin-left: 124px;
margin-top : .4em;
padding-left : 1em;
}
#fluid-offset {
-border: 1px dashed #FFF;
-margin-left: 125px;
float : right;
width: 100%;
-}*/
+}
.clearfix:after {
content: ".";
text-align : center;
}
-#listsmenulink {
- margin-left: 1em;
-}
-
a#listsmenulink, a#listsmenulink:hover {
color : #006699;
font-size : 105%;
line-height : 185%;
}
-
-#cartmenulink .first-child a, #listsmenulink .first-child a {
- padding: .3em 1em;
-}
-
a#cartmenulink, a#cartmenulink:hover {
color : #336600;
font-size : 105%;
padding : 2px;
}
+.btn {
+ display : block;
+ position : relative;
+ padding : 5px;
+ text-decoration : none;
+ cursor : default;
+ margin-left : .5em;
+}
+
+.btn * {
+ font-style : normal;
+ background-image : url('../../images/button-background.png');
+ background-repeat : no-repeat;
+ display : block;
+ position : relative;
+}
+
+#cartmenulink.btn span#basket {
+ background-image : none;
+ display : inline;
+ height : auto;
+ position : relative;
+ margin : 0;
+ padding : 0;
+ left : auto;
+ right : auto;
+ top : auto;
+}
+
+#cartmenulink.btn span#basket span {
+ background-image : none;
+ background-color : #E6FCB7;
+ color : #000;
+ display : inline;
+ font-size : 80%;
+ font-weight : normal;
+ height : auto;
+ left : auto;
+ margin : 0 .5em 0 .5em;
+ padding : 0 .3em 0 .3em;
+ position : relative;
+ right : auto;
+ top : auto;
+}
+
+#cartmenulink.btn img {
+ background-image : none;
+ float : left;
+ padding : 3px 3px 0 3px;
+}
+
+#listsmenulink.btn img {
+ background-image : none;
+ display : inline;
+ padding : 0 0 2px 3px;
+}
+
+.btn i {
+ background-position : top left;
+ position : absolute;
+ margin-bottom : -5px;
+ top : 0;
+ left : 0;
+ width : 5px;
+ height : 5px;
+}
+
+.btn span {
+ background-position : bottom left;
+ left : -5px;
+ padding : 0 0 5px 10px;
+ margin-bottom : -5px;
+}
+
+.btn span i {
+ background-position : bottom right;
+ margin-bottom : 0;
+ position : absolute;
+ left : 100%;
+ width : 10px;
+ height : 100%;
+ top : 0;
+}
+
+.btn span span {
+ background-position : top right;
+ position : absolute;
+ right : -10px;
+ margin-left : 10px;
+ top : -5px;
+ height : 0;
+}
+
+* html .btn span, * html .btn i {
+ float : left;
+ width : auto;
+ background-image : none;
+ cursor : pointer;
+}
+
+.btn.blue {
+ background : #9fbfff;
+}
+
+.btn.blue:hover {
+ background-color : #6699FF;
+ background-image : none;
+}
+
+.btn.green {
+ background : #98CB58;
+}
+
+.btn.green:hover {
+ background-color : #98CB58;
+ background-image : none;
+}
+
+.btn:active {
+ background-color : #444;
+}
+
+.btn[class] {
+ background-image : url('../../images/button-background-gradient.png');
+ background-position : 0 0;
+}
+
+.btn[class]:hover {
+ background-image : url('../../images/button-background-gradient.png');
+ background-position : 0 -200px;
+}
+
+* html .btn {
+ border : 1px solid #aaa;
+}
+
+* html .btn.blue {
+ border-color : #2ae;
+}
+
+* html .btn.green {
+ border-color : #9d4;
+}
+
+* html .btn:hover {
+ border-color : #a00;
+}
+
div#menu {
border-right : 1px solid #979797;
font-size : 94%;
#searchsubmit {
cursor : default;
font-size : 87%;
-}
-
-body #opac-main-search #searchsubmit.yui-button {
- margin : -.3em 0.25em;
-}
-
-body #opac-main-search #cartmenulink.yui-button , body #opac-main-search #listsmenulink.yui-button {
- font-size:105%;
- margin-bottom : -1em;
- margin-left : 1em;
- line-height:185%;
-}
-
-a#cartmenulink, a#cartmenulink:hover {
-}
-a#listsmenulink, a#listsmenulink:hover {
-}
-
-body #opac-main-search #cartmenulink.yui-button {
- background-image : url(../../images/cart-button-background.gif);
- background-position : top left;
- background-repeat : repeat;
-}
-
-body #opac-main-search #listsmenulink.yui-button {
- background-image : url(../../images/lists-button-background.gif);
- background-position : top left;
- background-repeat : repeat;
- color:#006699;
-}
-
-body #opac-main-search #cartmenulink.yui-button a {
- margin-left : 3px;
- padding-left : 25px;
- background-image : url(../../images/cart2.gif);
- background-repeat: no-repeat;
- background-position: left;
- color:#336600;
-}
-
-body #opac-main-search #listsmenulink.yui-button a {
- background-image : url(../../images/list.gif);
- background-position : right;
- background-repeat : no-repeat;
- margin-right : 10px;
- padding-right : 10px;
-}
-
-body #opac-main-search #cartmenulink.yui-button span#basket {
- background-image : none;
- display : inline;
- height : auto;
- position : relative;
- margin : 0;
- padding : 0;
- left : auto;
- right : auto;
- top : auto;
-}
-
-body #opac-main-search #cartmenulink.yui-button span#basket span {
- background-image : none;
- background-color : #E6FCB7;
- color : #000;
- display : inline;
- font-size : 80%;
- font-weight : normal;
- height : auto;
- left : auto;
- margin : 0 0 0 .5em;
- padding : 0 .3em 0 .3em;
- position : relative;
- right : auto;
- top : auto;
+ margin-top : -.1em;
}
#export {
padding: 0;
position: relative;
width: 100px;
-}
-
-#searchsubmit button {
- padding : 0 3px;
}
\ No newline at end of file
</div>
<div id="opac-main-search" class="yui-g">
- <div id="masthead">
<!-- TMPL_IF NAME="opacsmallimage" -->
<h1 id="libraryname" style="background-image: url('<!-- TMPL_VAR NAME="opacsmallimage" -->');">
<!-- TMPL_ELSE -->
<h1 id="libraryname">
<!-- /TMPL_IF --><a href="/cgi-bin/koha/opac-main.pl"><!-- TMPL_IF NAME="LibraryName" --><!-- TMPL_VAR NAME="LibraryName" --><!-- TMPL_ELSE -->Koha Online Catalog<!-- /TMPL_IF --></a></h1>
- </div>
<div id="fluid">
<div id="fluid-offset">
<option value="callnum">Call Number</option>
<!-- /TMPL_IF --></select>
<!-- TMPL_IF NAME="ms_value" -->
- <input type="text" name="q" value="<!-- TMPL_VAR NAME="ms_value" -->" class="left" style="width: 35%; font-size: 111%;" />
+ <input type="text" name="q" value="<!-- TMPL_VAR NAME="ms_value" -->" class="left" style="width: 40%;" />
<!-- TMPL_ELSE -->
<input type="text" name="q" class="left" style="width: 35%; font-size: 111%;" />
<!-- /TMPL_IF -->
<!-- TMPL_IF name="mylibraryfirst" --><!-- TMPL_IF name="loggedinusername" -->
<input name="limit" value="<!-- TMPL_VAR name="LoginBranchcode" -->" type="hidden" />
<!-- /TMPL_IF --><!-- /TMPL_IF -->
- <input type="submit" value="Go" id="searchsubmit" class="left" />
+ <input type="submit" value="Go" id="searchsubmit" class="btn blue left" />
<!-- TMPL_IF EXPR="opacbookbag || virtualshelves" -->
-<!-- TMPL_IF NAME="opacbookbag" --><span id="cmspan"></span><!-- /TMPL_IF --><!--TMPL_IF NAME="virtualshelves" --><span id="listsmenulinkc"><a class="left" id="listsmenulink" href="/cgi-bin/koha/opac-shelves.pl">Lists</a></span><!-- /TMPL_IF --><!-- /TMPL_IF -->
+<!-- TMPL_IF NAME="opacbookbag" --><span id="cmspan"></span><!-- /TMPL_IF --><!--TMPL_IF NAME="virtualshelves" --><a class="btn blue left" id="listsmenulink" href="/cgi-bin/koha/opac-shelves.pl">Lists</a><!-- /TMPL_IF --><!-- /TMPL_IF -->
</form>
<div id="moresearches"><a href="/cgi-bin/koha/opac-search.pl">Advanced Search</a><!-- TMPL_IF name="OpacBrowser" --> | <a href="/cgi-bin/koha/opac-browser.pl">Browse by Hierarchy</a><!-- /TMPL_IF --><!-- TMPL_IF name="OpacAuthorities" --> | <a href="/cgi-bin/koha/opac-authorities-home.pl">Browse by Subject</a><!-- /TMPL_IF --><!-- TMPL_IF name="OpacCloud" --> | <a href="/cgi-bin/koha/opac-tags_subject.pl">Tag Cloud</a><!-- /TMPL_IF --><!-- TMPL_IF name="OpacTopissue" --> | <a href="/cgi-bin/koha/opac-topissues.pl">Most Popular</a><!-- /TMPL_IF --></div>
$("#listsmenu").css("display","block").css("visibility","hidden");
$("#cartDetails").css("display","block").css("visibility","hidden");
- $("#cmspan").html("<a id=\"cartmenulink\" class=\"left\" href=\"/cgi-bin/koha/opac-basket.pl\">Cart</a>");
- $("#listsmenulinkc").empty();
- new YAHOO.widget.Button("searchsubmit");
- new YAHOO.widget.Button("cartmenulink");
- new YAHOO.widget.Button({
- type: "link",
- id: "listsmenulink",
- label: "Lists",
- container: "listsmenulinkc" });
+ $("#cmspan").html("<a id=\"cartmenulink\" class=\"btn green left\" href=\"/cgi-bin/koha/opac-basket.pl\">Cart</a>");
+ if(!$.browser.msie){
+ $('.btn').each(function(){
+ var b = $(this);
+ var tt = b.text() || b.val();
+ if ($(':submit,:button',this)) {
+ b = $('<a>').insertAfter(this). addClass(this.className).attr('id',this.id);
+ $(this).remove();
+ }
+ b.text('').css({cursor:'pointer'}). prepend('<i></i>')
+ .append( $('<span>').text(tt).append('<i></i><span></span>') );
+ });
+ }
+ $("#searchsubmit").click(function(){
+ $("#searchform").submit();
+ })
+
+ $("#cartmenulink").find("i:first").before("<img src=\"/opac-tmpl/prog/images/cart.gif\" alt=\"\" />");
+ $("#cartmenulink").find("i:last").before("<span id=\"basket\"></span>");
+
+ $("#listsmenulink").find("i:last").before("<img src=\"/opac-tmpl/prog/images/list.gif\" alt=\"\" />");
+ if(basketcount){ updateBasket(basketcount,document) }
+
var listMenu = new YAHOO.widget.Menu("listsmenu", { lazyload: true });
listMenu.render();
listMenu.cfg.setProperty("context", ["listsmenulink", "tr", "br"]);