Author: sevein
Date: Wed Sep 7 16:39:41 2011
New Revision: 9688
Log:
Trillium, cleanups, validation box, password security check box...
Deleted:
trunk/plugins/qtTrilliumPlugin/css/less/_drupal.less
Modified:
trunk/plugins/qtTrilliumPlugin/css/less/_misc.less
trunk/plugins/qtTrilliumPlugin/css/main.less
Modified: trunk/plugins/qtTrilliumPlugin/css/less/_misc.less
==============================================================================
--- trunk/plugins/qtTrilliumPlugin/css/less/_misc.less Wed Sep 7 15:03:47
2011 (r9687)
+++ trunk/plugins/qtTrilliumPlugin/css/less/_misc.less Wed Sep 7 16:39:41
2011 (r9688)
@@ -187,6 +187,14 @@
}
+form div.error {
+
+ padding: 7px 14px;
+ margin: @baseline 0 @baseline 0;
+ width: 640px;
+
+}
+
/*
*
*
@@ -196,8 +204,6 @@
table {
- display: none;
-
}
.admin-info {
@@ -334,18 +340,6 @@
}
-html.js {
-
- input.form-autocomplete,
- input.yui-ac-input {
-
- width: 390px;
- margin-left: 150px;
-
- }
-
-}
-
/*
* Tabs
*/
@@ -384,7 +378,52 @@
/*
* Autocomplete
- */
+ */
+
+html.js {
+
+ div.form-item > input.yui-ac-input {
+
+ width: 390px;
+ margin-left: 150px;
+
+ }
+
+ input.form-autocomplete {
+
+ background-image:
url(../../../sfDrupalPlugin/vendor/drupal/misc/throbber.gif);
+ background-repeat: no-repeat;
+ background-position: 100% 2px; /* LTR */
+ width: 390px;
+ margin-bottom: @baseline;
+
+ }
+
+ input.throbbing {
+
+ background-position: 100% -18px; /* LTR */
+
+ }
+
+}
+
+.yui-ac {
+
+ background-color: Yellow;
+
+ ul {
+
+ margin-left: 150px;
+
+ input {
+
+ margin: 0;
+
+ }
+
+ }
+
+}
/*
* Resizable textarea
@@ -426,7 +465,7 @@
display: inline-block;
margin-left: 20px;
- padding: 4px 14px;
+ padding: 4px 14px 4px 14px;
font-size: 13px;
line-height: @baseline;
border: 1px solid #ccc;
@@ -496,25 +535,38 @@
.password-parent {
- #password-strength {
+ > #password-strength {
width: 17em;
- float: right;
- margin-right: 140px;
+ float: left;
+ position: absolute;
+ left: 560px;
- }
+ > .password-strength-title {
+
+ display: inline;
+
+ }
+
+ > #password-strength-text {
+
+ display: none;
+
+ }
- #password-indicator {
+ > #password-indicator {
- background-color: #C4C4C4;
- height: 1em;
- width: 100%;
+ background-color: #C4C4C4;
+ height: 1em;
+ width: 100%;
- div {
+ > div {
- height: 100%;
- width: 0%;
- background-color: #47C965;
+ height: 100%;
+ width: 0%;
+ background-color: #47C965;
+
+ }
}
@@ -524,22 +576,21 @@
.confirm-parent {
- input.password-confirm {
-
- }
-
- div.password-confirm {
+ > div.password-confirm {
- float: right;
- margin-right: 140px;
+ visibility: hidden;
+ float: left;
+ position: absolute;
+ top: 8px;
+ left: 560px;
- .ok {
+ > .ok {
color: @green;
}
- .error {
+ > .error {
color: @red;
@@ -548,36 +599,3 @@
}
}
-
-.password-strength-title {
- display: inline;
-}
-#password-strength-text {
- float: right; /* LTR */
- font-weight: bold;
-}
-
-input.password-confirm, input.password-field {
- width: 16em;
- margin-bottom: 0.4em;
-}
-
-div.password-suggestions {
- padding: 0.2em 0.5em;
- margin: 0.7em 0;
- width: 38.5em;
- border: 1px solid #B4B4B4;
-}
-div.password-suggestions ul {
- margin-bottom: 0;
-}
-
-/**
- * Password confirmation checker
- */
-.confirm-parent {
- margin: 0;
-}
-div.password-confirm {
- visibility: hidden;
-}
Modified: trunk/plugins/qtTrilliumPlugin/css/main.less
==============================================================================
--- trunk/plugins/qtTrilliumPlugin/css/main.less Wed Sep 7 15:03:47
2011 (r9687)
+++ trunk/plugins/qtTrilliumPlugin/css/main.less Wed Sep 7 16:39:41
2011 (r9688)
@@ -14,8 +14,51 @@
@import "less/tables"; // Twitter Bootstrap
@import "less/patterns"; // Twitter Bootstrap
-@import "less/_drupal";
-@import "less/_misc";
-
@import "less/_scaffolding";
@import "less/_header";
+@import "less/_misc";
+
+.nowrap {
+ white-space: nowrap;
+}
+
+/**
+ * For anything you want to hide on page load when JS is enabled, so
+ * that you can use the JS to control visibility and avoid flicker.
+ */
+html.js .js-hide {
+
+ display: none;
+
+}
+
+/**
+ * Hide elements from all users.
+ *
+ * Used for elements which should not be immediately displayed to any user. An
+ * example would be a collapsible fieldset that will be expanded with a click
+ * from a user. The effect of this class can be toggled with the jQuery show()
+ * and hide() functions.
+ */
+.element-hidden {
+
+ display: none;
+
+}
+
+/**
+ * Hide elements visually, but keep them available for screen-readers.
+ *
+ * Used for information required for screen-reader users to understand and use
+ * the site where visual display is undesirable. Information provided in this
+ * manner should be kept concise, to avoid unnecessary burden on the user. Must
+ * not be used for focusable elements (such as links and form elements) as this
+ * causes issues for keyboard only or voice recognition users.
+ */
+.element-invisible {
+
+ height: 0;
+ overflow: hidden;
+ position: absolute;
+
+}
--
You received this message because you are subscribed to the Google Groups
"Qubit Toolkit Commits" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/qubit-commits?hl=en.
