Changeset 1375:b9329a025ce9 for admin/style

Timestamp:

08/14/13 18:09:45 (12 years ago)

Author:

Anne Kozlika <kozlika@…>

Branch:

2.5

Message:

Better semantic html and accessible wording and colors for password assessment.

File:

• admin/style/default.css (modified) (2 diffs)

admin/style/default.css

@@ -901 +901 @@
      margin: 0;
 }
-
 /* paragraphe pour bouton Nouveau bidule */
 p.top-add {
@@ -1386 +1385 @@
 
 /* --------------------------------------------------------------- password indcator */
+.pw-table {
+     display: table;
+     margin-bottom: 1em;
+}
+.pw-cell {
+     display: table-cell;
+     margin-bottom: 1em;
+}
 #pwindicator {
-     margin-top: 4px;
+     display: table-cell;
+     vertical-align: bottom;
+     padding-left: 1.5em;
+     height: 3.8em;
+}
+#pwindicator .bar {
+     height: 6px;
+     margin-bottom: 4px;
+}
+.pw-very-weak .bar {
+     background: #900;
+     width: 30px;
+}
+.pw-weak .bar {
+     background: #c00;
+     width: 60px;
+}
+.pw-mediocre .bar {
+     background: #f60;
+     width: 90px;
+}
+.pw-strong .bar {
+     background: #060;
+     width: 120px;
+}
+.pw-very-strong .bar {
+     background: #0c0;
      width: 150px;
 }
-#pwindicator .bar {
-     height: 2px;
-}
-.pw-very-weak .bar {
-     background: #d00;
-     width: 30px;
-}
-.pw-very-weak .label {
-     color: #d00;
-}
-.pw-weak .bar {
-     background: #d00;
-     width: 60px;
-}
-.pw-weak .label {
-     color: #d00;
-}
-.pw-mediocre .bar {
-     background: #f3f01a;
-     width: 90px;
-}
-.pw-mediocre .label {
-     color: #f3f01a;
-}
-.pw-strong .bar {
-     background: #f3b31a;
-     width: 120px;
-}
-.pw-strong .label {
-     color: #f3b31a;
-}
-.pw-very-strong .bar {
-     background: #0d0;
-     width: 150px;
-}
-.pw-very-strong .label {
-     color: #0d0;
-}