0byt3m1n1

Path: /data/applications/aps/gallery/3.0.9-21/standard/htdocs/themes/greydragon/css/ [ Home ]
File: forms.css
/**
 * Gallery 3 Grey Dragon Theme
 * Copyright (C) 2006-2011 Serguei Dosyukov
 *
 * CSS rules related to forms/dialogs
 */

.ui-widget-overlay { position: absolute; top:0; left:0; bottom: 0; right: 0; position: fixed; width:100%; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; background-color: #111; zoom: 1; }
.ui-widget-overlay { height: expression(document.documentElement.clientHeight + 'px'); }
.ui-widget-overlay { height: 100%; }

/* Dialog ----------------------------------*/

.ui-dialog { position: relative; width: 300px; display: inline-block; z-index: 100; }
.ui-dialog .ui-dialog-titlebar { height: 1em; padding: .5em .3em .3em 1em; position: relative; }
.ui-dialog .ui-dialog-title { float: left; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; text-indent: -900em; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; display: block; clear:both; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-dialog ul { padding: 0; }
.ui-dialog .ui-dialog-content .g-right { margin-right: 20px; }

/* forms.css - Component containers ~~~~~~~~~~~~~~~~~~*/
.ui-widget-header { color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }
.ui-widget-content a { color: #222222; }

/* forms.css - Forms ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
form        { margin: 0; }
form p.g-error { color: red; }
fieldset    { border: 1px solid #ccc; margin-left: 0; margin-right: 0; padding: 0 1em .8em 1em; }
legend      { display: none; }
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%; }
textarea    { height: 12em; width: 97%; }
input:focus, input.textbox:focus, input[type=text]:focus, textarea:focus, option:focus { background-color: #ffc; color: #000; }
input.checkbox, input[type=checkbox], input.radio, input[type=radio] { float: left; margin-right: .4em; }

/* forms.css - Layout ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

form li { margin: 0; padding: 0 0 .2em 0; }
form ul { margin-top: 0; }
form ul ul { clear: both; }
form ul ul li { float: left; margin-right: 0.6em; }
input, select, textarea { display: block; clear: both; }
input[type="submit"], input[type="reset"] { display: inline; }
input[type="submit"], .g-button, button { display: inline-block; padding: 2px 10px 2px; font-size: 0.8em; color: #333 !important; font-weight: normal; line-height: 1.4em; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-color: #fafafa; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6); background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); background-repeat: no-repeat; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0); border: 1px solid #ccc; border-bottom-color: #bbb; cursor: pointer; cursor: hand; *margin-left: .3em; }

.ui-dialog .g-cancel { display: none; }

.g-button { margin: 0 0.4em 0.4em 0; }
.g-right { float: right; }

/* forms.css - Forms in dialogs and panels ~~~~~~~~~~~*/

#g-dialog ul li { padding-bottom: 0.4em; }
#g-dialog fieldset, #g-panel fieldset { border: none; padding: 0; }
#g-panel legend { display: none; }
input[readonly] { background-color: #F4F4FC; }
#g-dialog input.textbox, #g-dialog input[type=text], #g-dialog input[type=password], #g-dialog textarea { width: 97%; }

.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }
.g-progress-bar { height: 1em; width: 100%; margin-top: .5em; display: inline-block; }
#g-progress #g-status { padding: 0.5em 0; }

/* forms.css - Short forms ~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.g-short-form legend, .g-short-form label { display: none; }
.g-short-form fieldset { border: none; padding: 0; }
.g-short-form li { float: left; margin: 0 !important; padding: .4em 0; }
.g-short-form .textbox, .g-short-form input[type=text] { color: #666; padding: .3em .6em; width: 100%; }
.g-short-form .textbox.g-error { border: 1px solid #f00; color: #f00; padding-left: 24px; }
.g-short-form .g-cancel { display: block; margin: .3em .8em; }
#g-sidebar .g-short-form li { padding-left: 0; padding-right: 0; }

#g-quick-search-form input[type="submit"] { filter: none; margin-top: 0; }

/* forms.css - Reauthentificate ~~~~~~~~~~~~~~~~~~~~~~*/

#g-login fieldset { border: none; }
#g-login legend { display: none; }
#g-login label { display: block; }

#g-column-centerfull #g-error h2 { padding-top: 10px; }
#g-column-centerfull #g-login { width: 270px; margin-top: 10px; padding-top: 10px; }
#g-column-centerfull #g-login input[type='text'], #g-column-centerfull #g-login input[type='password'] { width: 100%; }
#g-column-centerfull #g-login #g-password-reset { position: relative; bottom: 20px; right: 14px; }

/* forms.css - User Profile ~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#g-user-profile { display: block; }
#g-user-profile h1 { margin: 0 0 1em 0; }
#g-user-profile .g-avatar { float: left; margin: .4em; }
#g-user-profile .g-block { position: static; min-height: 5em; clear: none; margin-left: 4em; }
#g-user-profile .g-block ul { padding: 0.6em 0; }
#g-user-profile th { text-align: left; }

#g-user-profile-operations { height: 1.5em; }
#g-user-profile #g-rest-key .g-button { margin-left: 1em; }

/* forms.css - Uploadify ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#g-add-album-form,
#g-edit-album-form, #g-edit-photo-form { width: 500px; }

#g-add-photos-form { width: 476px; }
#g-add-photos-canvas { margin-top: 1.1em; }
#g-add-photos-status #g-action-status li { padding-top: 0.3em; padding-bottom: 0.3em; padding-left: 2em; }
.uploadifyQueueItem { padding-top: 6px; padding-bottom: 4ps; }

/* forms.css - Permission ~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#g-permissions { width: 480px; }
#g-permissions .g-breadcrumbs { position: static; }
#g-permissions th { padding-top: 4px; padding-right: 0.5em; }

#g-confirm-delete { width: 340px; margin-top: 1em; }