styled labels (new tags), closes 11

nodeca · Dec 15, 2011 · b0c841e · b0c841e
1 parent 06f9ea4
commit b0c841e
Show file tree

Hide file tree

Showing 2 changed files with 47 additions and 0 deletions.
diff --git 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
@@ -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