summaryrefslogtreecommitdiff
path: root/lib/gallery.common.css
diff options
context:
space:
mode:
Diffstat (limited to 'lib/gallery.common.css')
-rw-r--r--lib/gallery.common.css65
1 files changed, 31 insertions, 34 deletions
diff --git a/lib/gallery.common.css b/lib/gallery.common.css
index 51d50dfc..c94a8421 100644
--- a/lib/gallery.common.css
+++ b/lib/gallery.common.css
@@ -2,7 +2,7 @@
* Gallery 3 commonly re-used screen styles
*
* Sheet organization:
- *
+ *
* 1) Text
* 2) Forms
* 3) Dimension and scale
@@ -31,9 +31,13 @@
* 2) Forms
**********************************************************************/
+form {
+ margin: 0;
+}
+
fieldset {
border: 1px solid #ccc;
- padding: .8em 1em;
+ padding: .4em 1em .8em 1em;
}
#g-banner fieldset,
@@ -44,7 +48,7 @@ fieldset {
legend {
font-weight: bold;
- margin-left: .8em;
+ margin: 0 0 .4em .8em;
}
#g-banner legend,
@@ -54,24 +58,20 @@ input[type="hidden"] {
display: none;
}
-input.textbox,
-input[type="text"],
-input[type="password"] {
- width: 50%;
-}
-
textarea {
- width: 100%;
height: 12em;
}
+input.textbox,
input[type="text"],
input[type="password"],
textarea {
border: 1px solid #e8e8e8;
border-top-color: #ccc;
border-left-color: #ccc;
+ clear: both;
color: #333;
+ width: 50%;
}
input:focus,
@@ -113,6 +113,20 @@ input[type="reset"] {
float: left;
}
+/* Forms in dialogs ~~~~~~~~~~~~~~~~~~ */
+
+#g-dialog form fieldset {
+ border: none;
+ padding: 0;
+}
+
+#g-dialog input.textbox,
+#g-dialog input[type=text],
+#g-dialog input[type=password],
+#g-dialog textarea {
+ width: 97%;
+}
+
/* Short forms ~~~~~~~~~~~~~~~~~~~~~~~ */
.g-short-form label {
@@ -164,6 +178,11 @@ input[type="reset"] {
width: 100%;
}
+form.g-narrow {
+ padding: 0;
+ width: 270px;
+}
+
/** *******************************************************************
* 4) States and interactions
**********************************************************************/
@@ -219,7 +238,7 @@ li.g-error select {
margin-bottom: .2em;
}
-.g-error,
+.g-error,
.g-denied,
tr.g-error td.g-error {
background: #f6cbca url('images/ico-error.png') no-repeat .4em 50%;
@@ -235,7 +254,7 @@ tr.g-error td.g-error {
background: #d9efc2 url('images/ico-success.png') no-repeat .4em 50%;
}
-.g-warning,
+.g-warning,
tr.g-warning td.g-warning {
background: #fcf9ce url('images/ico-warning.png') no-repeat .4em 50%;
}
@@ -450,32 +469,10 @@ div#g-action-status {
text-align: left;
}
-#g-dialog .g-narrow {
- width: 280px;
-}
-
-#g-dialog form fieldset {
- border: none;
- padding: 0;
-}
-
#g-dialog legend {
display: none;
}
-#g-dialog form input[type="text"],
-#g-dialog form input[type="password"] {
- width: 100%;
-}
-
-#g-dialog p {
- margin: 0;
-}
-
-#g-dialog li {
- padding-left: 0;
-}
-
#g-dialog .g-cancel {
margin: .4em 1em;
}