From fe62183cd914a7834c6d6a94d487e2e13e212251 Mon Sep 17 00:00:00 2001
From: Zaran <zaran.krleza@gmail.com>
Date: Sun, 15 Apr 2012 05:54:46 -0700
Subject: CSS improvements, first steps on angular

* disable the connect form when connected
* add a disconnect button when connected
* add a research field to filter the contact list (not working)

Thinks I want to understand:
* how to share a variable between several scopes
* could StropheSrv be an attribute of the connect scope ? if yes, we can
call it directly and avoid wrapping it (this is the third level of wrapping
around libStrophe...)
---
 alias-angular/app/css/less/labels.less | 38 ++++++++++++++++++++++++++++++++++
 1 file changed, 38 insertions(+)
 create mode 100644 alias-angular/app/css/less/labels.less

(limited to 'alias-angular/app/css/less/labels.less')

diff --git a/alias-angular/app/css/less/labels.less b/alias-angular/app/css/less/labels.less
new file mode 100644
index 0000000..918b12e
--- /dev/null
+++ b/alias-angular/app/css/less/labels.less
@@ -0,0 +1,38 @@
+// LABELS
+// ------
+
+// Base
+.label {
+  padding: 1px 4px 2px;
+  font-size: @baseFontSize * .846;
+  font-weight: bold;
+  line-height: 13px; // ensure proper line-height if floated
+  color: @white;
+  vertical-align: middle;
+  white-space: nowrap;
+  text-shadow: 0 -1px 0 rgba(0,0,0,.25);
+  background-color: @grayLight;
+  .border-radius(3px);
+}
+
+// Hover state
+.label:hover {
+  color: @white;
+  text-decoration: none;
+}
+
+// Colors
+.label-important        { background-color: @errorText; }
+.label-important:hover  { background-color: darken(@errorText, 10%); }
+
+.label-warning          { background-color: @orange; }
+.label-warning:hover    { background-color: darken(@orange, 10%); }
+
+.label-success          { background-color: @successText; }
+.label-success:hover    { background-color: darken(@successText, 10%); }
+
+.label-info             { background-color: @infoText; }
+.label-info:hover       { background-color: darken(@infoText, 10%); }
+
+.label-inverse             { background-color: @grayDark; }
+.label-inverse:hover       { background-color: darken(@grayDark, 10%); }
\ No newline at end of file
-- 
cgit v1.2.3-70-g09d2