diff --git a/ckan/public/base/images/sprite-ckan-icons.png b/ckan/public/base/images/sprite-ckan-icons.png index fce0a6fe09b..6b5b93fb088 100644 Binary files a/ckan/public/base/images/sprite-ckan-icons.png and b/ckan/public/base/images/sprite-ckan-icons.png differ diff --git a/ckan/public/base/less/icons.less b/ckan/public/base/less/icons.less index b755af3c217..c76a13a4f4c 100644 --- a/ckan/public/base/less/icons.less +++ b/ckan/public/base/less/icons.less @@ -1,12 +1,15 @@ @small-x: 16px; @small-y: 16px; +@small-offset-x: -@small-x; +@small-offset-y: 0; @medium-x: 17px; @medium-y: 17px; +@medium-offset-x: -@medium-x; @medium-offset-y: -@small-y; @large-x: 20px; @large-y: 20px; -@large-offset-x: -20px; -@large-offset-y: -(@small-y + @medium-y); +@large-offset-x: -@large-x; +@large-offset-y: -@small-y - @medium-y; .ckan-icon { .ie7-restore-right-whitespace; @@ -21,6 +24,11 @@ background-position: 16px 16px; } +.ckan-icon-small { + width: @small-x; + height: @small-y; +} + .ckan-icon-medium { width: @medium-x; height: @medium-y; @@ -41,6 +49,24 @@ background-position: (@@x * @offset) @@y; } +// SMALL + +.ckan-icon-fb { .ckan-icon-background-position(0, "small") } +.ckan-icon-gplus { .ckan-icon-background-position(1, "small") } +.ckan-icon-twitter { .ckan-icon-background-position(2, "small") } +.ckan-icon-email { .ckan-icon-background-position(3, "small") } +.ckan-icon-share { .ckan-icon-background-position(4, "small") } +.ckan-icon-feed { .ckan-icon-background-position(5, "small") } +.ckan-icon-lock { .ckan-icon-background-position(6, "small") } + +// MEDIUM + +.ckan-icon-circle-cross { .ckan-icon-background-position(0, "medium") } +.ckan-icon-circle-add { .ckan-icon-background-position(1, "medium") } +.ckan-icon-flame { .ckan-icon-background-position(2, "medium") } + +// LARGE + .ckan-icon-lock { .ckan-icon-background-position(0, "large") } .ckan-icon-photo { .ckan-icon-background-position(1, "large") } .ckan-icon-add { .ckan-icon-background-position(2, "large") } diff --git a/ckan/public/base/less/nav.less b/ckan/public/base/less/nav.less index 1b9ee4e9a30..d4903959bdc 100644 --- a/ckan/public/base/less/nav.less +++ b/ckan/public/base/less/nav.less @@ -13,6 +13,11 @@ line-height: 14px; // keeps the overall height an even number } +.nav-simple > li > a .ckan-icon { + position: relative; + top: -1px; +} + .nav-simple > li.selected > a { @inner-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.35); @outer-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); @@ -34,16 +39,13 @@ } .secondary .nav-simple > li > a:hover:after { + .ckan-icon; + .ckan-icon-circle-add; content: ""; - display: block; position: absolute; top: 50%; right: 5px; - width: 17px; - height: 17px; margin-top: -8px; - background: url("@{sprite-path}") no-repeat; - background-position: -17px 0; } .secondary .nav-simple > li.selected > a { diff --git a/ckan/templates/package/read.html b/ckan/templates/package/read.html index ccc457e4d7e..b80ef00ccc4 100644 --- a/ckan/templates/package/read.html +++ b/ckan/templates/package/read.html @@ -129,17 +129,17 @@

Additional Info

Subscribe

Social