View | Details | Raw Unified | Return to bug 7584
Collapse All | Expand All

(-)a/koha-tmpl/opac-tmpl/prog/en/css/opac.css (-123 / +71 lines)
Lines 1663-1772 span.starMT { Link Here
1663
}
1663
}
1664
1664
1665
#cartmenulink, #listsmenulink {
1665
#cartmenulink, #listsmenulink {
1666
	background-repeat: no-repeat;
1667
	-webkit-border-radius: 5px;
1668
	-moz-border-radius: 5px;
1669
	border-radius: 5px;
1666
	display : block;
1670
	display : block;
1667
	position : relative;
1671
	position : relative;
1668
	background : #aaa;
1669
	padding : 5px;
1670
	float : left;
1672
	float : left;
1671
	color : #333;
1673
	color : #333;
1672
	text-decoration : none;
1674
	text-decoration : none;
1673
	cursor : pointer;
1675
	cursor : pointer;
1676
	font-size : 105%;
1677
	font-weight : bold;
1678
	line-height : 185%;
1679
	margin-left : 1.5em;
1680
	padding : .3em .7em;
1674
}
1681
}
1675
1682
1676
 #cartmenulink *, #listsmenulink * {
1683
#listsmenulink {
1677
	font-style : normal;
1684
	background : #9FBFFF;
1678
	background-image : url(../../images/button-background.png);
1685
	background: url("../../images/list.gif"),-moz-linear-gradient(top, #d7e5ff 0%, #b1cbff 50%, #9fbfff 100%); /* FF3.6+ */
1679
	background-repeat : no-repeat;
1686
	background: url("../../images/list.gif"),-webkit-gradient(linear, left top, left bottom, color-stop(0%,#d7e5ff), color-stop(50%,#b1cbff), color-stop(100%,#9fbfff)); /* Chrome,Safari4+ */
1680
	display : block;
1687
	background: url("../../images/list.gif"),-webkit-linear-gradient(top, #d7e5ff 0%,#b1cbff 50%,#9fbfff 100%); /* Chrome10+,Safari5.1+ */
1681
	position : relative;
1688
	background: url("../../images/list.gif"),-o-linear-gradient(top, #d7e5ff 0%,#b1cbff 50%,#9fbfff 100%); /* Opera 11.10+ */
1682
}
1689
	background: url("../../images/list.gif"),-ms-linear-gradient(top, #d7e5ff 0%,#b1cbff 50%,#9fbfff 100%); /* IE10+ */
1683
1690
	background: url("../../images/list.gif"),linear-gradient(top, #d7e5ff 0%,#b1cbff 50%,#9fbfff 100%); /* W3C */
1684
 #cartmenulink i, #listsmenulink i {
1691
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7e5ff', endColorstr='#9fbfff',GradientType=0 ); /* IE6-9 */
1685
	background-position : top left;
1692
	background-position: 85% 46%;
1686
	position : absolute;
1693
	background-repeat: no-repeat;
1687
	margin-bottom : -5px;
1694
	border: 1px solid #629DCF;
1688
	top : 0;
1695
	color : #006699;
1689
	left : 0;
1696
	padding-right: 20px;
1690
	width : 5px;
1691
	height : 5px;
1692
}
1697
}
1693
1698
1694
 #cartmenulink span, #listsmenulink span {
1699
#listsmenulink:hover {
1695
	background-position : bottom left;
1700
	background-color : #b8d0e6;
1696
	left : -5px;
1701
	background: url("../../images/list.gif"),-moz-linear-gradient(top, #e2ecf5 0%, #c3d8ea 50%, #b8d0e6 100%); /* FF3.6+ */
1697
	padding : 0 0 5px 10px;
1702
	background: url("../../images/list.gif"),-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2ecf5), color-stop(50%,#c3d8ea), color-stop(100%,#b8d0e6)); /* Chrome,Safari4+ */
1698
	margin-bottom : -5px;
1703
	background: url("../../images/list.gif"),-webkit-linear-gradient(top, #e2ecf5 0%,#c3d8ea 50%,#b8d0e6 100%); /* Chrome10+,Safari5.1+ */
1704
	background: url("../../images/list.gif"),-o-linear-gradient(top, #e2ecf5 0%,#c3d8ea 50%,#b8d0e6 100%); /* Opera 11.10+ */
1705
	background: url("../../images/list.gif"),-ms-linear-gradient(top, #e2ecf5 0%,#c3d8ea 50%,#b8d0e6 100%); /* IE10+ */
1706
	background: url("../../images/list.gif"),linear-gradient(top, #e2ecf5 0%,#c3d8ea 50%,#b8d0e6 100%); /* W3C */
1707
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2ecf5', endColorstr='#b8d0e6',GradientType=0 ); /* IE6-9 */
1708
	background-repeat: no-repeat;
1709
	background-position: 85% 46%;
1699
}
1710
}
1700
/* For IE7 */
1701
 *:first-child+html #cartmenulink span { padding-top : 3px; padding-bottom : 7px; }
1702
 *:first-child+html #listsmenulink span { padding-top : 5px; }
1703
1711
1704
 #cartmenulink span i, #listsmenulink span i {
1712
#cartmenulink {
1705
	background-position : bottom right;
1713
	background: #98CB58; /* Old browsers */
1706
	margin-bottom : 0;
1714
	background: url("../../images/cart.gif"),-moz-linear-gradient(top, #d5eaba 0%, #b7db8a 50%, #98cb59 100%); /* FF3.6+ */
1707
	position : absolute;
1715
	background: url("../../images/cart.gif"),-webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5eaba), color-stop(50%,#b7db8a), color-stop(100%,#98cb59)); /* Chrome,Safari4+ */
1708
	left : 100%;
1716
	background: url("../../images/cart.gif"),-webkit-linear-gradient(top, #d5eaba 0%,#b7db8a 50%,#98cb59 100%); /* Chrome10+,Safari5.1+ */
1709
	width : 10px;
1717
	background: url("../../images/cart.gif"),-o-linear-gradient(top, #d5eaba 0%,#b7db8a 50%,#98cb59 100%); /* Opera 11.10+ */
1710
	height : 100%;
1718
	background: url("../../images/cart.gif"),-ms-linear-gradient(top, #d5eaba 0%,#b7db8a 50%,#98cb59 100%); /* IE10+ */
1711
	top : 0;
1719
	background: url("../../images/cart.gif"),linear-gradient(top, #d5eaba 0%,#b7db8a 50%,#98cb59 100%); /* W3C */
1720
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5eaba', endColorstr='#98cb59',GradientType=0 ); /* IE6-9 */
1721
	background-position: 15% 46%;
1722
	background-repeat: no-repeat;
1723
	border: 1px solid #5EA28C;
1724
	color : #336600;
1725
	padding-left : 30px;
1712
}
1726
}
1713
1727
1714
 #cartmenulink span span, #listsmenulink span span {
1728
#cartmenulink:hover {
1715
	background-position : top right;
1729
	background-color : #BFDE96;
1716
	position : absolute;
1730
	background: url("../../images/cart.gif"),-moz-linear-gradient(top, #e5f1d4 0%, #cbe4aa 50%, #c0de98 100%); /* FF3.6+ */
1717
	right : -10px;
1731
	background: url("../../images/cart.gif"),-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5f1d4), color-stop(50%,#cbe4aa), color-stop(100%,#c0de98)); /* Chrome,Safari4+ */
1718
	margin-left : 10px;
1732
	background: url("../../images/cart.gif"),-webkit-linear-gradient(top, #e5f1d4 0%,#cbe4aa 50%,#c0de98 100%); /* Chrome10+,Safari5.1+ */
1719
	top : -5px;
1733
	background: url("../../images/cart.gif"),-o-linear-gradient(top, #e5f1d4 0%,#cbe4aa 50%,#c0de98 100%); /* Opera 11.10+ */
1720
	height : 0;
1734
	background: url("../../images/cart.gif"),-ms-linear-gradient(top, #e5f1d4 0%,#cbe4aa 50%,#c0de98 100%); /* IE10+ */
1735
	background: url("../../images/cart.gif"),linear-gradient(top, #e5f1d4 0%,#cbe4aa 50%,#c0de98 100%); /* W3C */
1736
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5f1d4', endColorstr='#c0de98',GradientType=0 ); /* IE6-9 */
1737
	background-repeat: no-repeat;
1738
	background-position: 15% 46%;
1721
}
1739
}
1722
1740
1723
* html #cartmenulink span, * html #cartmenulink i, * html #listsmenulink span, * html #listsmenulink i {
1741
/* IE 6 & 7  don't do multiple backgrounds, so remove extra padding */
1724
	float : left;
1742
* html #listsmenulink,
1725
	width : auto;
1743
*+html #listsmenulink {
1726
	background-image : none;
1744
	padding-right : .7em;
1727
	cursor : pointer;
1728
}
1729
* html #cartmenulink span, * html #listsmenulink span {
1730
	padding-top : 5px;
1731
}
1745
}
1732
1746
1733
#cartmenulink span#carticon {
1747
/* IE 6 & 7  don't do multiple backgrounds, so remove extra padding */
1734
	background: transparent url("../../images/cart.gif") top left no-repeat;
1748
* html #cartmenulink,
1735
	position: static;
1749
*+html #cartmenulink {
1736
	width : 14px;
1750
	padding-left : .7em;
1737
	height:14px;
1738
	margin: 0.35em 0.45em 0 0.2em;
1739
	padding:0;
1740
	float: left;
1741
}
1751
}
1742
1752
1753
/* IE 8 doesn't do multiple backgrounds, so remove extra padding */
1743
#listsmenulink {
1754
#listsmenulink {
1744
	background : #9FBFFF;
1755
  padding-right: .7em\0/;
1745
}
1756
}
1746
1757
1758
/* IE 8 doesn't do multiple backgrounds, so remove extra padding */
1747
#cartmenulink {
1759
#cartmenulink {
1748
	background : #98CB58;
1760
  padding-left: .7em\0/;
1749
	color : #336600;
1750
	font-size : 105%;
1751
}
1752
1753
#cartmenulink[class], #listsmenulink[class] {
1754
	background-image : url(../../images/button-background-gradient.png);
1755
	background-position : left top;
1756
}
1757
1758
#listsmenulink:hover {
1759
	background-color : #b8d0e6;
1760
}
1761
1762
#cartmenulink:hover {
1763
	background-color : #BFDE96;
1764
}
1765
1766
#cartmenulink img {
1767
	background-image : none;
1768
	display : inline;
1769
	padding : 3px 3px 0 3px;
1770
}
1761
}
1771
1762
1772
#cartmenulink span#basketcount {
1763
#cartmenulink span#basketcount {
Lines 1798-1846 span.starMT { Link Here
1798
	top : auto;
1789
	top : auto;
1799
}
1790
}
1800
1791
1801
a#listsmenulink, a#listsmenulink:hover {
1802
	color : #006699;
1803
	font-size : 105%;
1804
	font-weight : bold;
1805
	line-height : 185%;
1806
	margin-left : 1.5em;
1807
}
1808
1809
a#cartmenulink, a#cartmenulink:hover {
1810
	color : #336600;
1811
	font-size : 105%;
1812
	font-weight : bold;
1813
	line-height : 185%;
1814
	margin-left : 1.5em;
1815
}
1816
* html a#cartmenulink {
1817
	padding-top: 0;
1818
}
1819
 * html a#cartmenulink:hover {
1820
	padding-top : 0;
1821
}
1822
/* For IE7 */
1823
*:first-child+html a#listsmenulink { padding-top : 0; }
1824
*:first-child+html a#listsmenulink:hover { padding-top : 0; }
1825
*:first-child+html a#cartmenulink { padding-top : 0; }
1826
*:first-child+html a#cartmenulink:hover { padding-top : 0; }
1827
*:first-child+html #cartmenulink span i{ top : -4px; }
1828
*:first-child+html #listsmenulink span i { top : -5px; }
1829
1830
#listsmenulink img {
1831
	background-image : none;
1832
	display : inline;
1833
	padding : 0 0 2px 0;
1834
}
1835
1836
* html #cartmenulink {
1837
	border : 1px solid #336600;
1838
}
1839
1840
* html #listsmenulink {
1841
	border : 1px solid #006699;
1842
}
1843
1844
ul.ui-tabs-nav li {
1792
ul.ui-tabs-nav li {
1845
	margin-right : .5em;
1793
	margin-right : .5em;
1846
}
1794
}
(-)a/koha-tmpl/opac-tmpl/prog/en/includes/masthead.inc (-2 / +2 lines)
Lines 100-110 Link Here
100
    <input type="submit" value="Go" id="searchsubmit" class="left" />
100
    <input type="submit" value="Go" id="searchsubmit" class="left" />
101
[% IF ( opacbookbag ) %]<span id="cmspan"></span>[% END %]
101
[% IF ( opacbookbag ) %]<span id="cmspan"></span>[% END %]
102
102
103
[% IF ( virtualshelves ) %]<a href="/cgi-bin/koha/opac-shelves.pl" id="listsmenulink" class=""><i></i><span><i></i><span></span>Lists </span></a>[% END %]
103
[% IF ( virtualshelves ) %]<a href="/cgi-bin/koha/opac-shelves.pl" id="listsmenulink">Lists</a>[% END %]
104
    </form>
104
    </form>
105
[% ELSE %]
105
[% ELSE %]
106
<div style="width:80%;*margin-bottom:-30px;">
106
<div style="width:80%;*margin-bottom:-30px;">
107
[% IF ( virtualshelves ) %]<a href="/cgi-bin/koha/opac-shelves.pl" id="listsmenulink" class=""><i></i><span><i></i><span></span>Lists </span></a>[% END %][% IF ( opacbookbag ) %]<span id="cmspan"></span>[% END %]
107
[% IF ( virtualshelves ) %]<a href="/cgi-bin/koha/opac-shelves.pl" id="listsmenulink">Lists</a>[% END %][% IF ( opacbookbag ) %]<span id="cmspan"></span>[% END %]
108
</div>
108
</div>
109
[% END %]
109
[% END %]
110
110
(-)a/koha-tmpl/opac-tmpl/prog/en/js/script.js (-2 / +2 lines)
Lines 58-65 YAHOO.util.Event.onContentReady("changelanguage", function () { Link Here
58
			
58
			
59
// Build lists menu
59
// Build lists menu
60
YAHOO.util.Event.onContentReady("listsmenu", function () {
60
YAHOO.util.Event.onContentReady("listsmenu", function () {
61
	YAHOO.widget.Menu.prototype.onRender = function () { };
61
    $("#listsmenu").css("display","block").css("visibility","hidden");
62
    $("#listsmenu").css("display","block").css("visibility","hidden");
62
	$("#listsmenulink").attr("href","#").find("span:eq(0)").append("<img src=\"/opac-tmpl/prog/images/list.gif\" width=\"5\" height=\"6\" alt=\"\" border=\"0\" />");
63
	$("#listsmenulink").attr("href","#");
63
	var listMenu = new YAHOO.widget.Menu("listsmenu");
64
	var listMenu = new YAHOO.widget.Menu("listsmenu");
64
		listMenu.render();
65
		listMenu.render();
65
		listMenu.cfg.setProperty("context", ["listsmenulink", "tr", "br"]);
66
		listMenu.cfg.setProperty("context", ["listsmenulink", "tr", "br"]);
66
- 

Return to bug 7584