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 1679-1788 span.starMT { Link Here
1679
}
1679
}
1680
1680
1681
#cartmenulink, #listsmenulink {
1681
#cartmenulink, #listsmenulink {
1682
	background-repeat: no-repeat;
1683
	-webkit-border-radius: 5px;
1684
	-moz-border-radius: 5px;
1685
	border-radius: 5px;
1682
	display : block;
1686
	display : block;
1683
	position : relative;
1687
	position : relative;
1684
	background : #aaa;
1685
	padding : 5px;
1686
	float : left;
1688
	float : left;
1687
	color : #333;
1689
	color : #333;
1688
	text-decoration : none;
1690
	text-decoration : none;
1689
	cursor : pointer;
1691
	cursor : pointer;
1692
	font-size : 105%;
1693
	font-weight : bold;
1694
	line-height : 185%;
1695
	margin-left : 1.5em;
1696
	padding : .3em .7em;
1690
}
1697
}
1691
1698
1692
 #cartmenulink *, #listsmenulink * {
1699
#listsmenulink {
1693
	font-style : normal;
1700
	background : #9FBFFF;
1694
	background-image : url(../../images/button-background.png);
1701
	background: url("../../images/list.gif"),-moz-linear-gradient(top, #d7e5ff 0%, #b1cbff 50%, #9fbfff 100%); /* FF3.6+ */
1695
	background-repeat : no-repeat;
1702
	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+ */
1696
	display : block;
1703
	background: url("../../images/list.gif"),-webkit-linear-gradient(top, #d7e5ff 0%,#b1cbff 50%,#9fbfff 100%); /* Chrome10+,Safari5.1+ */
1697
	position : relative;
1704
	background: url("../../images/list.gif"),-o-linear-gradient(top, #d7e5ff 0%,#b1cbff 50%,#9fbfff 100%); /* Opera 11.10+ */
1698
}
1705
	background: url("../../images/list.gif"),-ms-linear-gradient(top, #d7e5ff 0%,#b1cbff 50%,#9fbfff 100%); /* IE10+ */
1699
1706
	background: url("../../images/list.gif"),linear-gradient(top, #d7e5ff 0%,#b1cbff 50%,#9fbfff 100%); /* W3C */
1700
 #cartmenulink i, #listsmenulink i {
1707
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7e5ff', endColorstr='#9fbfff',GradientType=0 ); /* IE6-9 */
1701
	background-position : top left;
1708
	background-position: 85% 46%;
1702
	position : absolute;
1709
	background-repeat: no-repeat;
1703
	margin-bottom : -5px;
1710
	border: 1px solid #629DCF;
1704
	top : 0;
1711
	color : #006699;
1705
	left : 0;
1712
	padding-right: 20px;
1706
	width : 5px;
1707
	height : 5px;
1708
}
1713
}
1709
1714
1710
 #cartmenulink span, #listsmenulink span {
1715
#listsmenulink:hover {
1711
	background-position : bottom left;
1716
	background-color : #b8d0e6;
1712
	left : -5px;
1717
	background: url("../../images/list.gif"),-moz-linear-gradient(top, #e2ecf5 0%, #c3d8ea 50%, #b8d0e6 100%); /* FF3.6+ */
1713
	padding : 0 0 5px 10px;
1718
	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+ */
1714
	margin-bottom : -5px;
1719
	background: url("../../images/list.gif"),-webkit-linear-gradient(top, #e2ecf5 0%,#c3d8ea 50%,#b8d0e6 100%); /* Chrome10+,Safari5.1+ */
1720
	background: url("../../images/list.gif"),-o-linear-gradient(top, #e2ecf5 0%,#c3d8ea 50%,#b8d0e6 100%); /* Opera 11.10+ */
1721
	background: url("../../images/list.gif"),-ms-linear-gradient(top, #e2ecf5 0%,#c3d8ea 50%,#b8d0e6 100%); /* IE10+ */
1722
	background: url("../../images/list.gif"),linear-gradient(top, #e2ecf5 0%,#c3d8ea 50%,#b8d0e6 100%); /* W3C */
1723
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2ecf5', endColorstr='#b8d0e6',GradientType=0 ); /* IE6-9 */
1724
	background-repeat: no-repeat;
1725
	background-position: 85% 46%;
1715
}
1726
}
1716
/* For IE7 */
1717
 *:first-child+html #cartmenulink span { padding-top : 3px; padding-bottom : 7px; }
1718
 *:first-child+html #listsmenulink span { padding-top : 5px; }
1719
1727
1720
 #cartmenulink span i, #listsmenulink span i {
1728
#cartmenulink {
1721
	background-position : bottom right;
1729
	background: #98CB58; /* Old browsers */
1722
	margin-bottom : 0;
1730
	background: url("../../images/cart.gif"),-moz-linear-gradient(top, #d5eaba 0%, #b7db8a 50%, #98cb59 100%); /* FF3.6+ */
1723
	position : absolute;
1731
	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+ */
1724
	left : 100%;
1732
	background: url("../../images/cart.gif"),-webkit-linear-gradient(top, #d5eaba 0%,#b7db8a 50%,#98cb59 100%); /* Chrome10+,Safari5.1+ */
1725
	width : 10px;
1733
	background: url("../../images/cart.gif"),-o-linear-gradient(top, #d5eaba 0%,#b7db8a 50%,#98cb59 100%); /* Opera 11.10+ */
1726
	height : 100%;
1734
	background: url("../../images/cart.gif"),-ms-linear-gradient(top, #d5eaba 0%,#b7db8a 50%,#98cb59 100%); /* IE10+ */
1727
	top : 0;
1735
	background: url("../../images/cart.gif"),linear-gradient(top, #d5eaba 0%,#b7db8a 50%,#98cb59 100%); /* W3C */
1736
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5eaba', endColorstr='#98cb59',GradientType=0 ); /* IE6-9 */
1737
	background-position: 15% 46%;
1738
	background-repeat: no-repeat;
1739
	border: 1px solid #5EA28C;
1740
	color : #336600;
1741
	padding-left : 30px;
1728
}
1742
}
1729
1743
1730
 #cartmenulink span span, #listsmenulink span span {
1744
#cartmenulink:hover {
1731
	background-position : top right;
1745
	background-color : #BFDE96;
1732
	position : absolute;
1746
	background: url("../../images/cart.gif"),-moz-linear-gradient(top, #e5f1d4 0%, #cbe4aa 50%, #c0de98 100%); /* FF3.6+ */
1733
	right : -10px;
1747
	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+ */
1734
	margin-left : 10px;
1748
	background: url("../../images/cart.gif"),-webkit-linear-gradient(top, #e5f1d4 0%,#cbe4aa 50%,#c0de98 100%); /* Chrome10+,Safari5.1+ */
1735
	top : -5px;
1749
	background: url("../../images/cart.gif"),-o-linear-gradient(top, #e5f1d4 0%,#cbe4aa 50%,#c0de98 100%); /* Opera 11.10+ */
1736
	height : 0;
1750
	background: url("../../images/cart.gif"),-ms-linear-gradient(top, #e5f1d4 0%,#cbe4aa 50%,#c0de98 100%); /* IE10+ */
1751
	background: url("../../images/cart.gif"),linear-gradient(top, #e5f1d4 0%,#cbe4aa 50%,#c0de98 100%); /* W3C */
1752
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5f1d4', endColorstr='#c0de98',GradientType=0 ); /* IE6-9 */
1753
	background-repeat: no-repeat;
1754
	background-position: 15% 46%;
1737
}
1755
}
1738
1756
1739
* html #cartmenulink span, * html #cartmenulink i, * html #listsmenulink span, * html #listsmenulink i {
1757
/* IE 6 & 7  don't do multiple backgrounds, so remove extra padding */
1740
	float : left;
1758
* html #listsmenulink,
1741
	width : auto;
1759
*+html #listsmenulink {
1742
	background-image : none;
1760
	padding-right : .7em;
1743
	cursor : pointer;
1744
}
1745
* html #cartmenulink span, * html #listsmenulink span {
1746
	padding-top : 5px;
1747
}
1761
}
1748
1762
1749
#cartmenulink span#carticon {
1763
/* IE 6 & 7  don't do multiple backgrounds, so remove extra padding */
1750
	background: transparent url("../../images/cart.gif") top left no-repeat;
1764
* html #cartmenulink,
1751
	position: static;
1765
*+html #cartmenulink {
1752
	width : 14px;
1766
	padding-left : .7em;
1753
	height:14px;
1754
	margin: 0.35em 0.45em 0 0.2em;
1755
	padding:0;
1756
	float: left;
1757
}
1767
}
1758
1768
1769
/* IE 8 doesn't do multiple backgrounds, so remove extra padding */
1759
#listsmenulink {
1770
#listsmenulink {
1760
	background : #9FBFFF;
1771
  padding-right: .7em\0/;
1761
}
1772
}
1762
1773
1774
/* IE 8 doesn't do multiple backgrounds, so remove extra padding */
1763
#cartmenulink {
1775
#cartmenulink {
1764
	background : #98CB58;
1776
  padding-left: .7em\0/;
1765
	color : #336600;
1766
	font-size : 105%;
1767
}
1768
1769
#cartmenulink[class], #listsmenulink[class] {
1770
	background-image : url(../../images/button-background-gradient.png);
1771
	background-position : left top;
1772
}
1773
1774
#listsmenulink:hover {
1775
	background-color : #b8d0e6;
1776
}
1777
1778
#cartmenulink:hover {
1779
	background-color : #BFDE96;
1780
}
1781
1782
#cartmenulink img {
1783
	background-image : none;
1784
	display : inline;
1785
	padding : 3px 3px 0 3px;
1786
}
1777
}
1787
1778
1788
#cartmenulink span#basketcount {
1779
#cartmenulink span#basketcount {
Lines 1814-1862 span.starMT { Link Here
1814
	top : auto;
1805
	top : auto;
1815
}
1806
}
1816
1807
1817
a#listsmenulink, a#listsmenulink:hover {
1818
	color : #006699;
1819
	font-size : 105%;
1820
	font-weight : bold;
1821
	line-height : 185%;
1822
	margin-left : 1.5em;
1823
}
1824
1825
a#cartmenulink, a#cartmenulink:hover {
1826
	color : #336600;
1827
	font-size : 105%;
1828
	font-weight : bold;
1829
	line-height : 185%;
1830
	margin-left : 1.5em;
1831
}
1832
* html a#cartmenulink {
1833
	padding-top: 0;
1834
}
1835
 * html a#cartmenulink:hover {
1836
	padding-top : 0;
1837
}
1838
/* For IE7 */
1839
*:first-child+html a#listsmenulink { padding-top : 0; }
1840
*:first-child+html a#listsmenulink:hover { padding-top : 0; }
1841
*:first-child+html a#cartmenulink { padding-top : 0; }
1842
*:first-child+html a#cartmenulink:hover { padding-top : 0; }
1843
*:first-child+html #cartmenulink span i{ top : -4px; }
1844
*:first-child+html #listsmenulink span i { top : -5px; }
1845
1846
#listsmenulink img {
1847
	background-image : none;
1848
	display : inline;
1849
	padding : 0 0 2px 0;
1850
}
1851
1852
* html #cartmenulink {
1853
	border : 1px solid #336600;
1854
}
1855
1856
* html #listsmenulink {
1857
	border : 1px solid #006699;
1858
}
1859
1860
ul.ui-tabs-nav li {
1808
ul.ui-tabs-nav li {
1861
	margin-right : .5em;
1809
	margin-right : .5em;
1862
}
1810
}
(-)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