From b0c841e125c9a19715df6170afe20a929c92a094 Mon Sep 17 00:00:00 2001
From: Vitaly Puzrin <vitaly@rcdesign.ru>
Date: Thu, 15 Dec 2011 19:22:24 +0400
Subject: [PATCH] styled labels (new tags), closes 11

---
 skins/default/skeleton/stylesheets/main.css | 26 +++++++++++++++++++++
 skins/default/templates/styles/api.styl     | 21 +++++++++++++++++
 2 files changed, 47 insertions(+)

diff --git a/skins/default/skeleton/stylesheets/main.css b/skins/default/skeleton/stylesheets/main.css
index 7aa6f85..0e71419 100644
--- a/skins/default/skeleton/stylesheets/main.css
+++ b/skins/default/skeleton/stylesheets/main.css
@@ -418,6 +418,10 @@ body {
   margin-left: 140px;
   margin-bottom: 20px;
 }
+.article .labels {
+  margin-left: 140px;
+  margin-bottom: 10px;
+}
 .footer {
   margin-left: 140px;
 }
@@ -455,6 +459,28 @@ h4 {
   margin-left: 10px;
   text-decoration: none;
 }
+.labels span {
+  -webkit-border-radius: 3px 3px 3px 3px;
+  -moz-border-radius: 3px 3px 3px 3px;
+  -o-border-radius: 3px 3px 3px 3px;
+  border-radius: 3px 3px 3px 3px;
+  color: #fff;
+  font-size: 9.75px;
+  font-weight: bold;
+  padding: 1px 3px 2px;
+  text-transform: uppercase;
+  white-space: nowrap;
+  margin-right: 10px;
+}
+span.read-only {
+  background-color: #888;
+}
+span.internal {
+  background-color: #888;
+}
+span.chainable {
+  background-color: #888;
+}
 .deprecated-note {
   color: #f00;
 }
diff --git a/skins/default/templates/styles/api.styl b/skins/default/templates/styles/api.styl
index aa87f7f..c4db098 100644
--- a/skins/default/templates/styles/api.styl
+++ b/skins/default/templates/styles/api.styl
@@ -163,6 +163,10 @@ body
   margin-left: 140px
   margin-bottom: 20px
 
+.article .labels
+  margin-left: 140px
+  margin-bottom: 10px
+
 .footer
   margin-left: 140px
 
@@ -200,6 +204,23 @@ h4
   margin-left: 10px
   text-decoration: none
 
+.labels span
+  border-radius: 3px 3px 3px 3px
+  color: #FFFFFF
+  font-size: 9.75px
+  font-weight: bold
+  padding: 1px 3px 2px
+  text-transform: uppercase
+  white-space: nowrap
+  margin-right: 10px
+span
+  &.read-only
+    background-color: #888
+  &.internal
+    background-color: #888
+  &.chainable
+    background-color: #888
+
 .deprecated-note
   color: #F00