diff options
Diffstat (limited to 'themes/default/css/screen.css')
-rw-r--r-- | themes/default/css/screen.css | 102 |
1 files changed, 67 insertions, 35 deletions
diff --git a/themes/default/css/screen.css b/themes/default/css/screen.css index d7867df3..5eb5f700 100644 --- a/themes/default/css/screen.css +++ b/themes/default/css/screen.css @@ -13,6 +13,7 @@ * 7) Browser hacks * 8) jQuery and jQuery UI * + * @todo Default user icon (user w/ camera) * @todo Group Credits and gLoginMenu seperator styles * @todo Apply :hover bg image to #gViewMenu (will clear fix correct this?) * @todo Refactor form layout styles to reserve room for validation messages in default state. This @@ -77,13 +78,31 @@ a:hover { /* Tables ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ -caption { +table { + width: 100%; +} + +#gContent table { + margin: 1em 0; +} + +caption, +th { text-align: left; } th { font-weight: bold; - text-align: left; +} + +td { +} + +th, +td { + border: 1px solid #ccc; + padding: .3em; + vertical-align: top; } /* Forms ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ @@ -92,18 +111,27 @@ fieldset { border: 1px solid #ccc; } +#gHeader fieldset, +#gSidebar fieldset { + border: none; +} + legend { font-weight: bold; margin-left: 1em; } +#gHeader legend, +#gSidebar legend { + display: none; +} + label { cursor: help; } input[type="text"], input[type="password"], -textarea, select { width: 50%; } @@ -123,6 +151,10 @@ input[type="checkbox"] { input[type="file"] { } +input[type="hidden"] { + display: none; +} + input[type="password"] { } @@ -135,7 +167,9 @@ input[type="reset"] { input[type="submit"] { } -input[type="text"] { +#gHeader input[type="text"], +#gSidebar input[type="text"] { + color: #999; } option { @@ -148,7 +182,7 @@ select { } textarea { - width: 99%; + width: 100%; height: 12em; } @@ -159,6 +193,7 @@ input:focus, textarea:focus, option:focus { background-color: #ffc; + color: #000; } /* Form layout ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ @@ -181,13 +216,11 @@ select, textarea { display: block; clear: both; + padding: .2em; } /* Form validation ~~~~~~~~~~~~~~~~~~~~~~~ */ -.gRequired { -} - .gValidationRule { font-size: 80%; margin-top: .5em; @@ -235,19 +268,6 @@ li.gError select { padding: .5em 1em; } -/* Metadata ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ - -.gMetadata td, -.gMetadata th { - padding: 0 1em .5em 0; - vertical-align: top; -} - -.gMetadata th, -.gMetadata td.toggle { - text-align: right; -} - /* Status messages ~~~~~~~~~~~~~~~~~~~~~~~ */ #gSiteStatus li, @@ -256,29 +276,48 @@ li.gError select { margin-bottom: .4em; } -.gError, .gInfo, .gSuccess, .gWarning { - background-color: #e8e8e8; +.gError, +.gInfo, +.gSuccess, +.gWarning { background-position: .4em 50%; background-repeat: no-repeat; padding: .4em .5em .4em 30px; } -.gError { +#gSiteStatus .gError, +#gMessage .gError { background-color: #fcc; +} + +.gError { background-image: url('../images/ico-error.png'); } +#gSiteStatus .gInfo, +#gMessage .gInfo { + background-color: #e8e8e8; +} + .gInfo { background-image: url('../images/ico-info.png'); } -.gSuccess { +#gSiteStatus .gSuccess, +#gMessage .gSuccess { background-color: #cfc; +} + +.gSuccess { background-image: url('../images/ico-success.png'); } -.gWarning { +#gSiteStatus .gWarning, +#gMessage .gWarning { background-color: #ff9; +} + +.gWarning { background-image: url('../images/ico-warning.png'); } @@ -290,18 +329,11 @@ li.gError select { padding: .4em .5em; } -#gHeader #gSearchForm legend, -#gHeader #gSearchForm label, -#gSidebar #gAddTagForm legend, -#gSidebar #gAddTagForm label { +#gHeader #gSearchForm label, +#gSidebar #gAddTagForm label { display: none; } -#gHeader #gSearchForm fieldset, -#gSidebar #gAddTagForm fieldset { - border: none; -} - #gHeader #gSearchForm input[type="text"], #gSidebar #gAddTagForm input[type="text"] { width: 10em; |