diff options
Diffstat (limited to 'lib/gallery.common.css')
-rw-r--r-- | lib/gallery.common.css | 67 |
1 files changed, 32 insertions, 35 deletions
diff --git a/lib/gallery.common.css b/lib/gallery.common.css index 77653d00..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,39 +469,17 @@ 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; } /* Inline layout ~~~~~~~~~~ */ -.g-inline * { +.g-inline li { float: left; margin-right: .4em; } |