1 files changed, 97 insertions, 47 deletions
diff --git a/lib/gallery.common.css b/lib/gallery.common.css
index ca90a484..f4d46a4e 100644
--- a/lib/gallery.common.css
+++ b/lib/gallery.common.css
@@ -1,111 +1,161 @@
-/* ####### states, interactions, positioning ########### */
+/**
+ * Gallery 3 commonly reused screen styles
+ *
+ * Sheet organization:
+ *  1)  Text
+ *  2)  States and interactions
+ *  3)  Positioning and order
+ *  4)  Reusable containers/widgets
+ */
 
-/* states */
+/** *******************************************************************
+ * 1) Text
+ **********************************************************************/
 
-.g-active,   .g-enabled,  .g-available,   .g-editable,              .g-selected,   .g-highlight {
+
+.g-txt-small {
+	font-size: .8em;
+}
+
+.g-txt-big {
+	font-size: 1.2em;
+}
+
+.g-txt-right {
+	text-align: right;
+}
+
+/** *******************************************************************
+ * 2) States and interactions
+ **********************************************************************/
+
+.g-active,
+.g-enabled,
+.g-available,
+.g-editable,
+.g-selected,
+.g-highlight {
   font-weight: bold;
 }
-.g-inactive, .g-disabled, .g-unavailable, .g-uneditable, .g-locked, .g-unselected, .g-understate {
+
+.g-inactive,
+.g-disabled,
+.g-unavailable,
+.g-uneditable,
+.g-locked,
+.g-unselected,
+.g-understate {
   color: #ccc;
   font-weight: normal;
 }
 
-.g-error, .g-denied {
-	
+.g-error,
+.g-info,
+.g-success,
+.g-warning {
+  background-position: .4em 50%;
+  background-repeat: no-repeat;
+  padding: .4em .5em .4em 30px;
 }
-.g-success, .g-allowed {
-	
+
+.g-error,
+.g-denied {
+  background-color: #f6cbca;
+  color: #f00;
+  background-image: url('lib/images/ico-error.png');
 }
+
 .g-info {
-	
+  background-color: #e8e8e8;
+  background-image: url('lib/images/ico-info.png');
+}
+
+.g-success,
+.g-allowed {
+  background-color: #d9efc2;
+  background-image: url('lib/images/ico-success.png');
 }
+
 .g-warning {
-	
+  background-color: #fcf9ce;
+  background-image: url('lib/images/ico-warning.png');
+}
+
+form .g-error {
+  background-color: #fff;
 }
 
 .g-open {
-	
 }
+
 .g-closed {
-	
 }
 
 .g-installed {
-	
 }
+
 .g-default {
-	
 }
 
-/* interactions */
-
-.g-draggable, .ui-draggable {
+.g-draggable,
+.ui-draggable {
 	cursor: move;
 }
+
 .g-target {
-	
 }
 
-
-
-/* positioning */
+/** *******************************************************************
+ * 3) Positioning and order
+ **********************************************************************/
 
 .g-right {
 	float: right;
 }
+
 .g-left {
 	float: left;
 }
 
-/* order */
-
 .g-first {
-	
 }
+
 .g-last {
-	
 }
+
 .g-even-row {
-  
-}
-.g-odd-row {
-	
 }
 
-/* text */
-
-.g-txt-small {
-	font-size: .8em;
-}
-.g-txt-big {
-	font-size: 1.2em;
-}
-.g-txt-right {
-	text-align: right;
+.g-odd-row {
 }
 
-/* ####### reusable containers/widgets ########### */
+/** *******************************************************************
+ * 4) Reusable containers/widgets
+ **********************************************************************/
 
 .g-dialog {
-	
 }
 
-.g-button { /* a link styled like a button */
-	
+.g-button {
 }
 
 .g-progressbar {
-	
 }
 
 .g-block {
-	
 }
 
 .g-message-box {
-	
+  width: 100%;
+}
+
+.g-message {
+  border: 1px solid #ccc;
+  margin-bottom: .4em;
+}
+
+.g-pager {
 }
 
 .g-list-horizontal {
-	
 }