diff --git a/_includes/license-overview.html b/_includes/license-overview.html
index 527f1e8..fcc2c64 100644
--- a/_includes/license-overview.html
+++ b/_includes/license-overview.html
@@ -36,7 +36,10 @@
{% for rule_obj in rules %}
{% assign req = rule_obj.tag %}
{% if variation[type] contains req %}
-
{{ rule_obj.label }}
+
+
+ {{ rule_obj.label }}
+
{% endif %}
{% endfor %}
diff --git a/_includes/sidebar.html b/_includes/sidebar.html
index 30c1b9b..f62639e 100644
--- a/_includes/sidebar.html
+++ b/_includes/sidebar.html
@@ -14,7 +14,10 @@
{% if page.source %}
{% endif %}
@@ -28,7 +31,10 @@
{% for rule_obj in rules %}
{% assign req = rule_obj.tag %}
{% if page[type] contains req %}
- {{ rule_obj.label }}
+
+
+ {{ rule_obj.label }}
+
{% endif %}
{% endfor %}
diff --git a/css/application.css b/css/application.css
index d190b44..b455ed5 100644
--- a/css/application.css
+++ b/css/application.css
@@ -263,30 +263,26 @@ strong {
.license-rules .label {
font-weight: bold;
}
+
.license-rules li {
- background-position: 0 1px;
- background-repeat: no-repeat;
- background-size: 12px 12px;
margin-right: 15px;
margin-bottom: 5px;
- padding-left: 16px;
}
.license-rules li:hover {
color: #443a33;
}
-.license-required li {
- background-image: url(../img/blue-dot@2x.png);
+.license-sprite {
+ background-image: url(../img/license-sprite.png);
+ background-repeat: no-repeat;
+ display: inline-block;
}
-.license-permitted li {
- background-image: url(../img/green-dot@2x.png);
-}
-
-.license-forbidden li {
- background-image: url(../img/red-dot@2x.png);
-}
+.sidebar .source span { background-position: 0 0; width: 16px; height: 12px; }
+.license-forbidden span { background-position: -16px 0; width: 12px; height: 12px; }
+.license-permitted span { background-position: -28px 0; width: 12px; height: 12px; }
+.license-required span { background-position: -40px 0; width: 12px; height: 12px; }
.license-rules-sidebar li {
float: none;
@@ -346,12 +342,6 @@ strong {
margin-bottom: 30px;
}
-.sidebar .source a {
- padding-left: 20px;
- background: transparent url(../img/source@2x.png) 0 1px no-repeat;
- background-size: 16px 12px;
-}
-
.sidebar .boilerplate {
font: 0.7em "Courier new", courier;
}
@@ -493,4 +483,12 @@ strong {
-moz-background-size: 72px 198px;
background-size: 72px 198px;
}
+
+ .license-sprite {
+ background-image: url(../img/license-sprite@2x.png);
+ -webkit-background-size: 52px 12px;
+ -moz-background-size: 52px 12px;
+ background-size: 52px 12px;
+ }
+
}
diff --git a/img/blue-dot@2x.png b/img/blue-dot@2x.png
deleted file mode 100644
index 271c1de..0000000
Binary files a/img/blue-dot@2x.png and /dev/null differ
diff --git a/img/green-dot@2x.png b/img/green-dot@2x.png
deleted file mode 100644
index f20deb7..0000000
Binary files a/img/green-dot@2x.png and /dev/null differ
diff --git a/img/license-sprite.png b/img/license-sprite.png
new file mode 100644
index 0000000..656e4ac
Binary files /dev/null and b/img/license-sprite.png differ
diff --git a/img/license-sprite@2x.png b/img/license-sprite@2x.png
new file mode 100644
index 0000000..063370e
Binary files /dev/null and b/img/license-sprite@2x.png differ
diff --git a/img/red-dot@2x.png b/img/red-dot@2x.png
deleted file mode 100644
index 8562bc3..0000000
Binary files a/img/red-dot@2x.png and /dev/null differ
diff --git a/img/source@2x.png b/img/source@2x.png
deleted file mode 100644
index 7df0c66..0000000
Binary files a/img/source@2x.png and /dev/null differ