Koha-community/Koha
13
7
Fork 0
Code Issues Releases Wiki Activity

Rolling back YUI button tests.

Browse source 
Signed-off-by: Chris Cormack <chris@bigballofwax.co.nz>
Signed-off-by: Joshua Ferraro <jmf@liblime.com>
This commit is contained in:
Owen Leonard 2008-02-28 10:18:34 +13:00 committed by Joshua Ferraro
parent 512f029379
commit fe2a737c18
3 changed files with 177 additions and 130 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

267
koha-tmpl/opac-tmpl/prog/en/css/opac.css
View file

@ -141,6 +141,7 @@ h1#library {
h1#libraryname {
background:transparent url(../../images/koha-logo.gif) no-repeat scroll 0%;
border: 0;
float : left !important;
margin:0;
padding:0;
width:120px;
@ -986,43 +987,15 @@ 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: ".";
@ -1205,21 +1178,12 @@ div#changelanguage a.yuimenuitemlabel {
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%;
@ -1244,6 +1208,154 @@ a#cartmenulink, a#cartmenulink:hover {
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%;
@ -1294,80 +1406,7 @@ div#menu li.active a:hover {
#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 {
@ -1403,8 +1442,4 @@ body #opac-main-search #cartmenulink.yui-button span#basket span {
padding: 0;
position: relative;
width: 100px;
}
#searchsubmit button {
padding : 0 3px;
}

8
koha-tmpl/opac-tmpl/prog/en/includes/masthead.inc
View file

@ -6,13 +6,11 @@
</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">
@ -55,16 +53,16 @@
<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>

32
koha-tmpl/opac-tmpl/prog/en/js/script.js
View file

@ -68,15 +68,29 @@ YAHOO.util.Event.onContentReady("listsmenu", function () {
$("#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"]);