diff options
Diffstat (limited to 'app/lib/grappelli/media/css')
| -rwxr-xr-x | app/lib/grappelli/media/css/base.css | 34 | ||||
| -rwxr-xr-x | app/lib/grappelli/media/css/buttons.css | 369 | ||||
| -rw-r--r-- | app/lib/grappelli/media/css/components.css | 864 | ||||
| -rw-r--r-- | app/lib/grappelli/media/css/datepicker/grappelli-theme-extensions.css | 444 | ||||
| -rw-r--r-- | app/lib/grappelli/media/css/forms.css | 809 | ||||
| -rw-r--r-- | app/lib/grappelli/media/css/grappelli-skin-basic.css | 1294 | ||||
| -rw-r--r-- | app/lib/grappelli/media/css/grappelli-skin-default.css | 1762 | ||||
| -rwxr-xr-x | app/lib/grappelli/media/css/jquery-ui-grappelli-extensions.css | 596 | ||||
| -rwxr-xr-x | app/lib/grappelli/media/css/reset.css | 38 | ||||
| -rw-r--r-- | app/lib/grappelli/media/css/structures.css | 654 | ||||
| -rw-r--r-- | app/lib/grappelli/media/css/tables.css | 140 | ||||
| -rw-r--r-- | app/lib/grappelli/media/css/tools.css | 266 | ||||
| -rw-r--r-- | app/lib/grappelli/media/css/typography.css | 268 |
13 files changed, 7538 insertions, 0 deletions
diff --git a/app/lib/grappelli/media/css/base.css b/app/lib/grappelli/media/css/base.css new file mode 100755 index 0000000..f24da0c --- /dev/null +++ b/app/lib/grappelli/media/css/base.css @@ -0,0 +1,34 @@ + + + +/* Reset Styles (reset.css of Blueprint www.blueprintcss.org) +------------------------------------------------------------------------------------------------------ */ + +@import url('reset.css'); + + + +/* Grappelli Styles: + The core settings of Grappelli are defined here. + Do not change them (better use your own skins/css in the next section). +------------------------------------------------------------------------------------------------------ */ + +@import url('typography.css'); +@import url('structures.css'); +@import url('components.css'); +@import url('tools.css'); +@import url('forms.css'); +@import url('buttons.css'); +@import url('tables.css'); + + + +/* Grappelli Skins & Custom Styles: + Use the delivered Grappelli skins or import your own skins/css here +------------------------------------------------------------------------------------------------------ */ + +/* Grappelli Basic Skin: The Plain Version */ +/*@import url('grappelli-skin-basic.css');*/ + +/* Grappelli Default Skin: Adds Border-Radius & Background-Gradients to the Grappelli Basic Skin */ +@import url('grappelli-skin-default.css'); diff --git a/app/lib/grappelli/media/css/buttons.css b/app/lib/grappelli/media/css/buttons.css new file mode 100755 index 0000000..ec82254 --- /dev/null +++ b/app/lib/grappelli/media/css/buttons.css @@ -0,0 +1,369 @@ + + + +/* Submit, Delete & Cancel Buttons +------------------------------------------------------------------------------------------------------ */ + +input[type=submit], input[type=reset], input[type=button], button { + margin-top: 0; + margin-bottom: 0; + padding: 4px 5px 5px; + width: auto; + height: 25px; + box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; + cursor: pointer; +} +@media screen and (-webkit-min-device-pixel-ratio:0) { + input[type=submit], input[type=reset], input[type=button], button { + padding: 5px 8px 4px; + } +} + +.submit-row a.delete-link, +.submit-row a.cancel-link { + display: block; + padding: 5px 10px; + font-weight: bold; +} +.submit-row input[type=submit], +.submit-row input[type=button] { + padding: 5px 10px; + height: 28px; + font-weight: bold; +} + +input[type=submit], +#bookmark-add-cancel, +.submit-row a.delete-link:link, .submit-row a.delete-link:visited, +.submit-row a.cancel-link:link, .submit-row a.cancel-link:visited, +.submit-row input[type=button] { + opacity: .6; +} + +input[type=submit]:hover, +#bookmark-add-cancel:hover, +.submit-row a.delete-link:hover, .submit-row a.delete-link:active, +.submit-row a.cancel-link:hover, .submit-row a.cancel-link:active, +.submit-row input[type=button]:hover { + opacity: 1; +} + +input[type=submit].default { + opacity: 1; +} + + + +/* Icons & Buttons +------------------------------------------------------------------------------------------------------ */ + +button.fb_show, +button.ui-datepicker-trigger, +button.ui-timepicker-trigger, +button.ui-gAutocomplete-browse, +button.ui-gAutoSlugField-toggle, +button.ui-gFacelist-browse, +a.button, +.vDateField + span a, +.vTimeField + span a, +a.fb_show, +a.related-lookup, +a.add-another { + position: relative; + margin-left: -25px; +} + +button.fb_show, +button.ui-gAutocomplete-browse, +button.ui-gFacelist-browse, +button.ui-gAutoSlugField-toggle, +button.ui-datepicker-trigger, +button.ui-timepicker-trigger, +button.fb_show:hover, +button.ui-gAutocomplete-browse:hover, +button.ui-gFacelist-browse:hover, +button.ui-gAutoSlugField-toggle:hover, +button.ui-datepicker-trigger:hover, +button.ui-timepicker-trigger:hover { + width: 25px; + background: 50% 50% no-repeat; +} +button.fb_show[disabled], +button.ui-gAutocomplete-browse[disabled], +button.ui-gFacelist-browse[disabled], +button.ui-gAutoSlugField-toggle[disabled], +button.ui-datepicker-trigger[disabled], +button.ui-timepicker-trigger[disabled], +input[disabled] + a { + background: 50% 50% no-repeat !important; + opacity: 0.3; + cursor: auto !important; +} + +#changelist table button { + top: -5px; + margin-bottom: -12px; +} +@media screen and (-webkit-min-device-pixel-ratio:0) { + #changelist table button { + margin-bottom: -11px; + } +} + + +/* Hide Images in Templates ........................................... */ + +a.add-another img, a.related-lookup img { + opacity: 0; +} +a.related-lookup img { + display: none; +} + + +/* Autocomplete Button ......................................... */ + +button.ui-gAutocomplete-browse, +button.ui-gFacelist-browse { + background-image: url('../img/icons/icon-related-lookup.png'); +} +button.ui-gAutocomplete-browse:hover, +button.ui-gFacelist-browse:hover { + background-image: url('../img/icons/icon-related-lookup-hover.png'); +} +button.ui-gAutocomplete-browse[disabled], button.ui-gAutocomplete-browse[disabled]:hover, +button.ui-gFacelist-browse[disabled], button.ui-gFacelist-browse[disabled]:hover { + background-image: url('../img/icons/icon-related-lookup-hover.png') !important; +} + + +/* AutoSlugField Button ......................................... */ + +/* TODO: lock/unlock icons .. */ + +button.ui-gAutoSlugField-toggle { + background-image: url('../img/icons/icon-related-lookup.png'); +} +button.ui-gAutoSlugField-toggle:hover { + background-image: url('../img/icons/icon-related-lookup-hover.png'); +} +button.ui-gAutoSlugField-toggle[disabled], button.ui-gAutoSlugField-toggle[disabled]:hover { + background-image: url('../img/icons/icon-related-lookup-hover.png') !important; +} + + +/* Datepicker Button ......................................... */ + +button.ui-datepicker-trigger { + background-image: url('../img/icons/icon-datepicker.png'); +} +button.ui-datepicker-trigger:hover { + background-image: url('../img/icons/icon-datepicker-hover.png'); +} +button.ui-datepicker-trigger[disabled], button.ui-datepicker-trigger[disabled]:hover { + background-image: url('../img/icons/icon-datepicker-hover.png') !important; +} + + +/* Timepicker Button ......................................... */ + +button.ui-timepicker-trigger { + background-image: url('../img/icons/icon-timepicker.png'); +} +button.ui-timepicker-trigger:hover { + background-image: url('../img/icons/icon-timepicker-hover.png'); +} +button.ui-timepicker-trigger[disabled], button.ui-timepicker-trigger[disabled]:hover { + background-image: url('../img/icons/icon-timepicker-hover.png') !important; +} + + +/* Search Button ......................................... */ + +button.search { + position: relative; + float: right; + top: 0; + right: 5px; + margin: 0 0 0 -30px; + background: url('../img/icons/icon-search.png') 0 50% no-repeat scroll; +} +button.search:hover { + background: url('../img/icons/icon-search-hover.png') 0 50% no-repeat scroll; +} +button.search[disabled], button.search[disabled]:hover { + background: url('../img/icons/icon-search-hover.png') 0 50% no-repeat scroll !important; +} + + + +/* Links as Buttons +------------------------------------------------------------------------------------------------------ */ + +a.button, +.datecrumbs a, +.datecrumbs span { + display: inline-block; + padding: 4px 8px 4px; + font-size: 11px; + font-weight: bold; +} + + +/* Drop-Down Button ......................................... */ + +a.button.drop-down { + float: right; + padding-left: 20px; + padding-top: 3px; +} +a.button.drop-down[class*="selected"] { + position: relative; + z-index: 1000; + height: 17px; +} +a.button.drop-down:link, a.button.drop-down:visited { + background: url('../img/icons/icon-dropdown.png') 3px 3px no-repeat; +} +a.button.drop-down[class*="selected"], +a.button.drop-down:hover, a.button.drop-down:active { + background: url('../img/icons/icon-dropdown-hover.png') 3px 3px no-repeat; +} + + +/* Filebrowser & Related Lookup ......................................... */ + +a.fb_show img { + width: 0; + height: 0; + opacity: 0; +} + +a.fb_show, +a.related-lookup { + display: inline-block; + margin-bottom: -5px; + width: 23px; + height: 23px; + font-size: 0; + line-height: 0; + background: 50% 50% no-repeat; +} + +a.fb_show:link, a.fb_show:visited, +.tinyMCE .browse span { + background-image: url('../img/icons/icon-fb-show.png'); +} +a.fb_show:hover, a.fb_show:active, +.tinyMCE .browse span:hover { + background-image: url('../img/icons/icon-fb-show-hover.png'); +} +a.related-lookup:link, a.related-lookup:visited { + background-image: url('../img/icons/icon-related-lookup.png'); +} +a.related-lookup:hover, a.related-lookup:active { + background-image: url('../img/icons/icon-related-lookup-hover.png'); +} + +input[disabled] + a.fb_show { + background-image: url('../img/icons/icon-fb-show-hover.png') !important; +} +input[disabled] + a.related-lookup { + background-image: url('../img/icons/icon-related-lookup-hover.png') !important; +} + +a.related-lookup + strong { + position: relative; + top: -4px; + margin-left: 5px; + font-size: 11px; + font-weight: bold; +} +#changelist table a.fb_show, +#changelist table a.related-lookup { + top: -5px; + margin-bottom: -12px; +} +#changelist table a.related-lookup + strong { + top: -1px; +} + + +/* Add Another ......................................... */ + +a.add-another { + position: relative; + display: inline-block; + margin-left: 3px; + width: 14px; + height: 14px; + vertical-align: top; + font-size: 11px; + line-height: 16px; + background: 50% 50% no-repeat; +} + +a.add-another:link, a.add-another:visited { + background-image: url('../img/icons/icon-add_another.png'); +} +a.add-another:hover, a.add-another:active { + background-image: url('../img/icons/icon-add_another-hover.png'); +} + +.change-list table tbody a.add-another { + position: relative; + top: -7px; +} + +.radiolist.inline + a.add-another, +.checkboxlist.inline + a.add-another { + float: left; + margin-left: -20px; + margin-right: -10000px; +} +.row.cells ul.radiolist.inline + a.add-another, +.row.cells ul.checkboxlist.inline + a.add-another { + float: none; + margin-right: 0; +} + + + +/* Unknown, Yes & No Workaround +------------------------------------------------------------------------------------------------------ */ + +img[src$="img/admin/icon-unknown.gif"] { + padding: 5px; + width: 0; + height: 0; + background: url('../img/icons/icon-unknown.png') 0 50% no-repeat; +} +img[src$="img/admin/icon-no.gif"] { + padding: 5px; + width: 0; + height: 0; + background: url('../img/icons/icon-no.png') 0 50% no-repeat; +} +img[src$="img/admin/icon-yes.gif"] { + padding: 5px; + width: 0; + height: 0; + background: url('../img/icons/icon-yes.png') 0 50% no-repeat; +} + +#changelist form table img[src$="img/admin/icon-unknown.gif"] { + position: relative; + top: 2px; + vertical-align: top; +} +#changelist form table img[src$="img/admin/icon-no.gif"] { + position: relative; + top: 3px; + vertical-align: top; +} +#changelist form table img[src$="img/admin/icon-yes.gif"] { + position: relative; + top: 2px; + vertical-align: top; +} + diff --git a/app/lib/grappelli/media/css/components.css b/app/lib/grappelli/media/css/components.css new file mode 100644 index 0000000..4cd6e4d --- /dev/null +++ b/app/lib/grappelli/media/css/components.css @@ -0,0 +1,864 @@ + + + +/* Paragraphs & Other Typo Formats +------------------------------------------------------------------------------------------------------ */ + +.module p { + margin: 0; + padding: 5px 0; +} +fieldset.module label + p { + font-size: 11px; + line-height: 15px; +} + + + +/* Modules +------------------------------------------------------------------------------------------------------ */ + +.module { + margin: 0 0 7px; +} + +#changelist .span-flexible .module + ul.submit-row { + margin-top: 10px; +} +.module:empty { + display: none; +} + + +/* Nested Modules Basics ......................................... */ + +.module .module, +.module fielset.module { + margin: 0; +} + + + +/* Groups +------------------------------------------------------------------------------------------------------ */ + +.group { + margin: 0 -4px 7px; + padding: 2px; +} + + + +/* Elements in Modules & Groups +------------------------------------------------------------------------------------------------------ */ + + +/* 1st Level Elements ......................................... */ + +.group h2, +.module h2 { + padding: 6px 10px; +} +.group h2+.tools+* { + margin-top: 2px; +} + + +/* 2nd Level Elements (Dark/Bright) ......................................... */ + +.group h3, +.module h3 { + margin: 0; + padding: 5px 10px; +} + + +/* 3rd Level Elements ......................................... */ + +.group h4, +.module h4 { + margin: 0; + padding: 4px 10px 4px 10px; +} + +.module .description { + padding: 8px 10px; + font-size: 11px; +} + + + +/* Modules & Groups Overrides +------------------------------------------------------------------------------------------------------ */ + +.module:first-child { + margin-top: 0 !important; +} +.group .module:first-child { + margin-top: 2px !important; +} +.group:first-child { + margin-top: -4px; +} +.group .module { + margin-top: 2px; + margin-bottom: 0; +} +.group .module .module { + margin-top: 0; +} +.group:last-child, +.module:last-child { + margin-bottom: 0; +} + + + +/* Collapsible Structures +------------------------------------------------------------------------------------------------------ */ + +.collapse.closed *, +.collapse.closed .module.table, +.collapse.closed .module.table * { + display: none; +} + +.collapse-handler { + cursor: pointer; +} + +.collapse.closed .collapse-handler, +.collapse.closed .tools, +.collapse.closed .tools * { + display: block !important; +} +.collapse.closed h3+.tools, +.collapse.closed h4+.tools { + margin-top: 1px !important; +} + + + +/* Row +------------------------------------------------------------------------------------------------------ */ + +.row { + padding: 5px 10px; + font-weight: bold; +} + +fieldset.module .row + .module { + margin-top: -1px !important; +} + + + +/* Cell +------------------------------------------------------------------------------------------------------ */ + +.row .cell { + display: inline-block; + margin-top: -5px; + margin-bottom: -5px; + padding: 5px 10px; + width: auto; +} +.row .cell + .cell { + padding-left: 18px; +} + + + +/* Fieldset Row +------------------------------------------------------------------------------------------------------ */ + +fieldset.module .row { + overflow: hidden; + padding: 8px 10px; + line-height: 18px; + font-weight: normal; +} +fieldset.module .row.cells { + white-space: nowrap; +} + + + +/* Fieldset Cell +------------------------------------------------------------------------------------------------------ */ + +fieldset.module .cell { + margin: -8px 0 -1000px 0; + padding: 8px 18px 1000px 0; + vertical-align: top; + white-space: nowrap; + height: 100%; +} +fieldset.module .cell:last-child, fieldset.module .cell.last { + margin-right: -20px; +} + + +/* Tabular Modules +------------------------------------------------------------------------------------------------------ */ + +.module.table { + display: table; + margin: 0 0 -2px; + width: 100%; + border-collapse: separate; + border-spacing: 0 2px; +} +h2 + .module.table, +h2 + * + .module.table, +h2 + * + * + .module.table { + margin-top: 0 !important; +} +@media screen and (-webkit-min-device-pixel-ratio:0) { + .module.table { + margin-bottom: -1px; + border-spacing: 0 1px !important; + } +} + +.module.thead { + display: table-header-group; +} +.module.tfoot { + display: table-footer-group; +} +.module.thead, +.module.tfoot { + font-size: 11px; + font-weight: bold; +} +.module.table .tr { + display: table-row; +} + +.module.tbody { + display: table-row-group; +} + +.module.table .th, +.module.table .td { + display: table-cell; + float: none; + overflow: hidden; + margin-right: 0; + padding: 1px 20px; + height: 100%; + vertical-align: top; + white-space: nowrap; +} + +.module.tbody .th, +.module.tbody .td { + padding-top: 5px; + padding-bottom: 5px; +} +.module.table .th:first-of-type, +.module.table .td:first-of-type { + padding-left: 10px; +} +.module.tbody .th.tools, +.module.tbody .td.tools { + padding-left: 0; + width: 100%; +} + +.empty-form { + display: none !important; +} + + + +/* Add Items +------------------------------------------------------------------------------------------------------ */ + +.module.add-item { + height: 28px; +} +.module.add-item>a { + position: relative; + top: 6px; + padding: 5px 10px; + font-weight: bold; +} + + + +/* Selectors +------------------------------------------------------------------------------------------------------ */ + +.selector { + position: relative; + float: left; + overflow: hidden; + width: 758px; +} +.selector-available, .selector-chosen { + float: left; + width: 366px; +} +.stacked .selector-available, .stacked .selector-chosen { + width: 756px; +} +.selector h2, .inline-group .selector h2, +.inline-related fieldset .selector-available h2, .inline-related fieldset .selector-chosen h2 { + padding: 7px 5px 6px 7px; + font-size: 12px; + line-height: 13px; + font-weight: bold; +} +.selector .selector-filter { + padding: 3px 5px 2px 2px; + min-height: 25px; + font-weight: bold; + line-height: 25px; + text-indent: 25px; + background: url('../img/icons/icon-searchbox.png') 6px 50% no-repeat; +} +.selector .selector-filter input[type=text] { + position: relative; + margin: 0; + width: 326px !important; + max-width: 326px !important; +} +.selector.stacked .selector-filter input[type=text] { + width: 716px !important; + max-width: 716px !important; +} +.selector .selector-filter img { + display: none; +} +.selector .selector-chosen .selector-filter:after { + content: " " url('../img/icons/icon-selector_add-m2m_horizontal-hover.png'); + opacity: .75; +} +.selector.stacked .selector-chosen .selector-filter:after { + content: " " url('../img/icons/icon-selector_add-m2m_vertical-hover.png'); +} +.selector select[multiple=multiple] { + margin: 0; + padding-left: 3px; + max-width: 367px !important; + width: 367px !important; + height: 200px; +} +.selector.stacked select[multiple=multiple] { + width: 757px !important; + max-width: 757px !important; +} +.selector h2 + select { + display: none; + position: relative; + top: -1px; +} +.selector ul.selector-chooser { + float: left; + margin: 110px 2px 0; + padding: 0; + width: 18px; +} +.selector.stacked ul.selector-chooser { + margin: 4px 0 0 356px; + width: 36px; +} +.selector.stacked ul.selector-chooser li { + float: left; +} +a.selector-add, a.selector-remove { + display: block; + width: 18px; + height: 18px; + color: transparent !important; + background-position: 50% 0; + background-repeat: no-repeat; +} +a.selector-add:link, a.selector-add:visited { + background-image: url('../img/icons/icon-selector_add-m2m_horizontal.png'); +} +a.selector-add:hover, a.selector-add:active { + background-image: url('../img/icons/icon-selector_add-m2m_horizontal-hover.png'); +} +a.selector-remove:link, a.selector-remove:visited { + background-image: url('../img/icons/icon-selector_remove-m2m_horizontal.png'); +} +a.selector-remove:hover, a.selector-remove:active { + background-image: url('../img/icons/icon-selector_remove-m2m_horizontal-hover.png'); +} +.stacked a.selector-add:link, .stacked a.selector-add:visited { + background-image: url('../img/icons/icon-selector_add-m2m_vertical.png'); +} +.stacked a.selector-add:hover, .stacked a.selector-add:active { + background-image: url('../img/icons/icon-selector_add-m2m_vertical-hover.png'); +} +.stacked a.selector-remove:link, .stacked a.selector-remove:visited { + background-image: url('../img/icons/icon-selector_remove-m2m_vertical.png'); +} +.stacked a.selector-remove:hover, .stacked a.selector-remove:active { + background-image: url('../img/icons/icon-selector_remove-m2m_vertical-hover.png'); +} +a.selector-chooseall, a.selector-clearall { + display: block; + margin: 0; + padding: 2px 7px; + font-size: 11px; + line-height: 13px; + font-weight: bold; +} + + + +/* Link-List, Actions, Feed, Table of Contents +------------------------------------------------------------------------------------------------------ */ + +.link-list ul li, +.feed ul li, +.table-of-contents ul li { + padding: 0; + font-size: 11px; + line-height: 15px; + font-weight: bold; +} +.link-list ul li a, +.feed ul li a, .feed ul li span, +.table-of-contents ul li a { + display: block; + padding: 5px 10px; + font-weight: bold; + line-height: 13px; + background-color: transparent; + background-position: 50% 50%; + background-repeat: no-repeat; +} +.actions p, +.link-list p, +.feed p { + color: #999; + font-size: 11px; + padding: 3px 10px; +} +.link-list ul li a, +.feed ul li a { + padding-left: 25px; +} +a.internal, +a.external { + background-repeat: no-repeat; +} +.dashboard a.internal { + background-position: 12px 7px; +} +.dashboard a.external { + background-position: 10px 8px; +} +.documentation a.external { + padding-left: 12px; + background-position: 1px 3px; +} +a.internal:link, a.internal:visited { + background-image: url('../img/icons/icon-navigation-internal.png'); +} +a.internal:hover, a.internal:active { + background-image: url('../img/icons/icon-navigation-internal-hover.png'); +} +a.external:link, a.external:visited { + background-image: url('../img/icons/icon-navigation-external.png'); +} +a.external:hover, a.external:active { + background-image: url('../img/icons/icon-navigation-external-hover.png'); +} + +.feed ul li a, .feed ul li span { + line-height: 13px; +} +.feed ul li span.date { + float: right; + padding: 5px 5px 0 5px; +} + + + +/* Basic Actions & Module Actions +------------------------------------------------------------------------------------------------------ */ + +ul.actions { + position: relative; + float: right; + clear: both; +} +ul.actions li { + position: relative; + float: left; + margin-left: 20px; +} +ul.actions li.change-link { + width: 56px; +} +ul.actions li a { + padding-left: 15px; + font-size: 11px; + background-position: 0 50%; + background-repeat: no-repeat; +} + +.actions ul li { + padding: 4px 5px 4px 25px; + font-size: 11px; + line-height: 12px; +} + +.actions ul li a { + margin-left: -15px; + padding-left: 15px; + font-weight: bold; + background-position: 0 50%; + background-repeat: no-repeat; +} + +.actions li.add-link a:link, .actions li.add-link a:visited { + background-image: url('../img/icons/icon-actions-add-link.png'); +} +.actions li.add-link a:hover, .actions li.add-link a:active { + background-image: url('../img/icons/icon-actions-add-link-hover.png'); +} +.actions li.change-link a:link, .actions li.change-link a:visited { + background-image: url('../img/icons/icon-actions-change-link.png'); +} +.actions li.change-link a:hover, .actions li.change-link a:active { + background-image: url('../img/icons/icon-actions-change-link-hover.png'); +} + +.actions li.delete-link { + text-decoration: line-through; + background: url('../img/icons/icon-actions-delete-link.png') 10px 7px no-repeat; +} + + + +/* Module Search & Module Filter +------------------------------------------------------------------------------------------------------ */ + +.module.search, +.module.filter { + position: relative; + float: right; + z-index: 990; + padding: 8px 10px; +} +.module.filter + .module.search { + padding-right: 0; +} + +.module.filter .pulldown-container { + position: absolute; + width: inherit; +} + +.module.search .tooltip { + position: absolute; +} +.module.search .tooltip.search-fields { + top: 25px; +} +.module.search .tooltip .tooltip-pointer { + position: relative; + z-index: 1000; + display: block; + width: 30px; + height: 8px; + background: transparent url('../img/backgrounds/tooltip-pointer.png') 10px 100% no-repeat scroll; +} +.module.search .tooltip .tooltip-content { + position: relative; + z-index: 990; + top: -1px; + padding: 8px 10px; + font-size: 11px; + line-height: 15px; +} + +a.button.toggle-filters { + display: block; + margin: 0; + padding: 4px 20px 4px 8px; +} +a.button.toggle-filters:link, a.button.toggle-filters:visited { + background: transparent url('../img/icons/icon-dropdown.png') 100% 3px no-repeat; +} +.selected a.button.toggle-filters:link, .selected a.button.toggle-filters:visited { + background: url('../img/icons/icon-dropdown-hover.png') 100% 3px no-repeat; +} +.open a.button.toggle-filters, .selected a.button.toggle-filters, +.selected a.button.toggle-filters:hover, .selected a.button.toggle-filters:active, +a.button.toggle-filters:hover, a.button.toggle-filters:active { + background: url('../img/icons/icon-dropdown-hover.png') 100% 3px no-repeat; +} +.selected a.button.toggle-filters:link, .selected a.button.toggle-filters:visited { + background: url('../img/icons/icon-dropdown-hover.png') 100% 3px no-repeat; +} +.open a.button.toggle-filters, +.open.selected a.button.toggle-filters, +.selected a.button.toggle-filters:hover, .selected a.button.toggle-filters:active, +a.button.toggle-filters:hover, a.button.toggle-filters:active { + background: url('../img/icons/icon-dropdown-hover.png') 100% 3px no-repeat; +} + +.filter-pulldown { + display: none; + position: relative; + z-index: 1000; + margin: -1px 0; + padding: 0 10px 10px; +} +.filter-pulldown .filter { + position: relative; + padding: 7px 0 0; + width: 100%; +} +.filter-pulldown select { + width: 100% !important; +} +.filter-pulldown label { + margin: 0 0 -2px; + padding: 0; + width: 100% !important; + line-height: 12px; + font-weight: bold; +} + + + +/* Module Date Hierarchy +------------------------------------------------------------------------------------------------------ */ + +.module + .module.date-hierarchy { + margin-top: -8px; +} + +.date-hierarchy ul { + position: relative; + float: left; + clear: both; + font-size: 11px; + line-height: 16px; + font-weight: bold; +} +.date-hierarchy ul li { + position: relative; + float: left; + margin-right: 10px; +} +.module.date-hierarchy ul a, +.module.date-hierarchy ul span { + padding: 2px 5px 1px; + font-weight: normal; +} +.date-hierarchy ul li a.date-hierarchy-back { + padding-left: 10px; + background: 0 50% no-repeat scroll; +} + +.date-hierarchy a.date-hierarchy-back:link, .date-hierarchy a.date-hierarchy-back:visited { + background-image: url('../img/icons/icon-date-hierarchy-back.png'); +} +.date-hierarchy a.date-hierarchy-back:hover, .date-hierarchy a.date-hierarchy-back:active { + background-image: url('../img/icons/icon-date-hierarchy-back-hover.png'); +} + + + +/* Pagination +------------------------------------------------------------------------------------------------------ */ + +.module.pagination { + padding: 8px 10px; +} +.module .module.pagination { + position: relative; + float: left; +} +ul.pagination { + position: relative; + clear: both; + margin: 0; + padding: 0; + width: auto; + font-weight: bold; +} +ul.pagination li { + position: relative; + float: left; + display: block; + margin-right: 3px; +} +ul.pagination li.results { + margin-right: 10px; +} +ul.pagination li.separator { + border-color: transparent; +} +ul.pagination li:last-child { + clear: right; +} + +ul.pagination span, +ul.pagination a { + display: inline-block; + padding: 4px 8px 4px; + min-width: 25px; + font-size: 11px; + font-weight: bold; + box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; +} +ul.pagination li.separator span { + padding: 4px 0; + min-width: 10px; + font-size: 14px; +} +ul.pagination li.showall { + margin-left: 7px; +} +.submit-row ul.pagination li, +.submit-row ul.pagination li.results { + padding-top: 0 !important; + padding-bottom: 0 !important; +} + + + +/* Module Changelist-Results +------------------------------------------------------------------------------------------------------ */ + +.module.changelist-results { + background: url('../img/backgrounds/changelist-results.png') repeat scroll !important; +} +.changelist-actions + .changelist-results, +.changelist-results + .changelist-actions { + margin-top: -1px; +} + + + +/* Module Changelist Actions +------------------------------------------------------------------------------------------------------ */ + +.module.changelist-actions { + display: none; + position: relative; + margin-bottom: 0; +} + +.module.changelist-actions ul { + position: relative; + float: left; + display: inline; + font-size: 11px; + line-height: 16px; + font-weight: bold; + margin: -1px 10px -1px 0; +} +.module.changelist-actions ul li { + position: relative; + float: left; + display: block; + margin-right: 3px; +} +.module.changelist-actions ul li.all { + margin-right: 10px; +} + +.module.changelist-actions ul a, +.module.changelist-actions ul span { + display: inline-block; + padding: 4px 8px 3px; + font-size: 11px; + font-weight: bold; + border: 1px solid; +} +.module.changelist-actions ul span span { + padding: 0; +} + +.module.changelist-actions #action-toggle { + display: none; +} +.module.changelist-actions select { + float: left; + margin: 0 10px 0 0; + width: 278px; +} + +.module.changelist-actions li.all, +.module.changelist-actions li.clear-selection, +.module.changelist-actions li.question { + display: none; +} + + + +/* Module Footer +------------------------------------------------------------------------------------------------------ */ + +.module.footer { + position: fixed; + z-index: 1000; + bottom: 0; + margin: 0 -20px; + padding: 12px 20px; + width: 100%; + opacity: 1; + box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; +} +.module.footer.changelist-actions { + padding: 15px 20px 14px; +} + + + +/* Submit Row +------------------------------------------------------------------------------------------------------ */ + +.module.submit-row { + width: 100%; +} +ul.submit-row { + position: relative; + float: left; + clear: both; + width: 100%; +} +.pagination + ul.submit-row { + float: right; + clear: none; + width: 25%; +} +ul.submit-row li { + float: right; + margin-left: 10px; +} + +ul.submit-row li.left { + float: left; +} +ul.submit-row li.left:first-child { + margin-left: 0; +} + + + +/* Sortable +------------------------------------------------------------------------------------------------------ */ + +.sortablehelper, sortablehelper * { + display: none; +} + + + + + + + diff --git a/app/lib/grappelli/media/css/datepicker/grappelli-theme-extensions.css b/app/lib/grappelli/media/css/datepicker/grappelli-theme-extensions.css new file mode 100644 index 0000000..5b568cf --- /dev/null +++ b/app/lib/grappelli/media/css/datepicker/grappelli-theme-extensions.css @@ -0,0 +1,444 @@ + +body { +/* background: #e4f !important;*/ +} + + + + + +/* Widget Basics +------------------------------------------------------------------------------------------------------ */ + +.module.ui-widget { + border: none; + background: #fff; +} +.ui-widget-content { + border: 1px solid #ccc; + border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; + background: #eee; +} + + + +/* Accordion +------------------------------------------------------------------------------------------------------ */ + + +/* Overlays */ +.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } +.ui-accordion .ui-accordion-li-fix { display: inline; } +.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } +.ui-accordion .ui-accordion-header a { + display: block; + font-size: 1em; + padding: 0 0 0 12px; +} +.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } +.ui-accordion .ui-accordion-content { + top: 0; + margin-top: 0; + margin-bottom: 0; + padding: 5px 15px; + border-top: 1px solid #fff; +} +.ui-accordion .ui-accordion-content-active { display: block; }/* Datepicker +----------------------------------*/ + + + +.ui-accordion-header { + margin-top: 2px !important; + cursor: pointer; + outline: none; +} +.ui-accordion .ui-accordion-header a { + padding: 0 0 0 12px; + color: #444; + outline: none; +} + +.ui-accordion-header.ui-state-default { + border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; +} +.ui-accordion-header.ui-state-active { + border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; + border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; +} + + +/* Accordion Module ......................................... */ + +.module .ui-accordion-header.ui-state-default { + border: 1px solid #bdbdbd; + background-color: #a1d4e5; +} +.module .ui-accordion-header.ui-state-default:hover { + background-color: #d6d6d6; +} +.module .ui-accordion-header.ui-state-active { + border: 1px solid #bdbdbd; + background-color: #d6d6d6; +} + + + +/* Accordion Module in Group......................................... */ + +.group .module .ui-accordion-header.ui-state-default { + border: 1px solid #c7c7c7; + background-color: #cee9f2; +} +.group .module .ui-accordion-header.ui-state-default:hover { + background-color: #e0e0e0; +} +.group .module .ui-accordion-header.ui-state-active { + border: 1px solid #c7c7c7; + background-color: #e0e0e0; +} + + + + +/*.module .ui-accordion-header { + border-top: 1px solid #e4f; +}*/ +.group .module .ui-accordion-header { + border-top: 1px solid #4ef; +} + + + +/* Datepicker +------------------------------------------------------------------------------------------------------ */ + + +/*button.ui-datepicker-trigger { + margin-left: 5px; + width: 25px; + background: #4ef url('/media/grappelli/img/icons/icon-calendar.png') 50% 50% no-repeat; +} +button.ui-datepicker-trigger:hover { + background: transparent url('/media/grappelli/img/icons/icon-calendar-hover.png') 50% 50% no-repeat; +}*/ + +.ui-datepicker { + width: auto !important; padding: 3px 3px 0; + border-color: #bdbdbd; + box-shadow: 0 0 10px #333; -moz-box-shadow: 0 0 10px #333; -webkit-box-shadow: 0 0 10px #333; +} +.ui-datepicker .ui-datepicker-header { + padding: 2px 0; + height: 25px; +} +.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { + position: absolute; + top: 4px; + width: 1.8em; + height: 1.8em; +} +.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 3px; } +.ui-datepicker .ui-datepicker-prev { left:2px; } +.ui-datepicker .ui-datepicker-next { right:2px; } +.ui-datepicker .ui-datepicker-prev-hover { left:1px; } +.ui-datepicker .ui-datepicker-next-hover { right:1px; } +.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } +.ui-datepicker .ui-datepicker-title { + margin: 3px 25px 2px; + line-height: 1.8em; + text-align: center; +} +.ui-datepicker .ui-datepicker-title select { + float:left; + font-size:1em; + margin: -3px 0 -1px !important; + min-width: 30px; +} +.ui-datepicker select.ui-datepicker-month-year {width: 100%;} +.ui-datepicker select.ui-datepicker-month, +.ui-datepicker select.ui-datepicker-year { width: 49%;} +.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { + float: right; +} +.ui-datepicker table { + width: 100%; + font-size: 12px; + margin: 0 0 2px; +} +.ui-datepicker th { padding: 5px 0; text-align: center; font-weight: bold; border: 0; } +.ui-datepicker td { + min-width: 25px; + border: 0; padding: 1px; +} +.ui-datepicker td span, .ui-datepicker td a { + padding: 4px 0 3px; + text-align: center; + border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; +} +.ui-datepicker td a.ui-state-hover { + color: #fff !important; + border-color: #444 !important; + background: #444 !important; +} +.ui-datepicker td a.ui-state-active { +/* color: #fff;*/ +/* border-color: #aaa;*/ + background: #fff; +} +.ui-datepicker td a.ui-state-highlight { +/* color: #fff;*/ + border-color: #bababa; + background: #D6D6D6; +} +.ui-datepicker .ui-datepicker-buttonpane { + background-image: none; + margin: 10px 0 0; + padding: 0; + border-left: 0; + border-right: 0; + border-bottom: 0; + } +.ui-datepicker .ui-datepicker-buttonpane button { + float: right; + margin: 3px 0; + padding: 4px 5px 5px; + height: 25px; + font-size: 12px; + background: #fff; + cursor: pointer; +} +.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { + opacity: 1 !important; + color: #fff; font-weight: bold; + border-color: #309bbf; + background: #309bbf; +} +.ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover { + color: #fff !important; + border-color: #444 !important; + background: #444 !important; +} + +.ui-datepicker-multi .ui-datepicker-group-first .ui-datepicker-title, +.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-title { + margin-right: 5px !important; +} +.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-title, +.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-title { + margin-left: 5px !important; +} + +.ui-datepicker-multi .ui-datepicker-group table { + width: 95%; +} +.ui-datepicker-multi .ui-datepicker-group-first table, +.ui-datepicker-multi .ui-datepicker-group-middle table { + margin-right: 5px !important; +} +.ui-datepicker-multi .ui-datepicker-group-middle table, +.ui-datepicker-multi .ui-datepicker-group-last table { + margin-left: 5px !important; +} +.ui-datepicker-multi .ui-datepicker-group-middle table { + margin-left: 3px !important; +} +.ui-datepicker-multi .ui-datepicker-buttonpane { + border: none; +} + +.ui-datepicker-append { + margin-left: 6px; color: #999; font-size: 10px; +} + + + +/* Tabs +------------------------------------------------------------------------------------------------------ */ + +.ui-tabs { + padding: 0; zoom: 1; +} +.ui-tabs .ui-tabs-nav { + padding: 0; + color: #444; font-size: 12px; + border: none; + border-bottom: 1px solid #bdbdbd; + border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; +/* -moz-border-radius-bottomright: 0;*/ + background: none; +} +.ui-tabs .ui-tabs-nav li { + position: relative; float: left; + border-bottom-width: 1px !important; + margin: 0 .2em -1px 0; + padding: 0; +} +.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; } +.ui-tabs .ui-tabs-nav li.ui-tabs-selected { + padding-bottom: 0px; border-bottom-width: 1px; +} +.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } +.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ +.ui-tabs .ui-tabs-panel { + padding: 0; + display: block; + border: 1px solid #bdbdbd; + border-top: 1px solid #fff; + border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; + background: #eee; +} +.ui-tabs .ui-tabs-hide { display: none !important; } + + + + +/* gAutocomplete +------------------------------------------------------------------------------------------------------ */ + +.ui-gAutocomplete-wrapper { + position: absolute; + z-index: 400; +} +ul.ui-gAutocomplete-results { + margin-top: 4px; + padding: 5px; + border: 1px solid #ddd; + border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; + box-shadow: 0 0 3px #444; -moz-box-shadow: 0 0 3px #444; -webkit-box-shadow: 0 0 3px #444; + background: #fff; +} +ul.ui-gAutocomplete-results li { + padding: 2px 5px; + color: #666; + cursor: pointer; +} +ul.ui-gAutocomplete-results li:hover { + background: #e1f0f5; +} +ul.ui-gAutocomplete-results li:first-child { + border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; + border-top-right-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; +} +ul.ui-gAutocomplete-results li:last-child { + border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; +} +ul.ui-gAutocomplete-results li + li { + border-top: 1px solid #eee; +} + +ul.ui-gAutocomplete-results li b { + margin: 0 1px; + color: #444; +/* text-decoration: underline;*/ +} + + + +/* gFacelist +------------------------------------------------------------------------------------------------------ */ + +/*span.ui-gFacelist-message { + display: inline-block; + height: 25px; + background: #fff; + margin: 0; + padding: 3px 5px 4px; + vertical-align: middle; + color: #666; font-family: Arial, sans-serif; font-size: 12px; font-weight: bold; + border: 1px solid #bbb; + border-color: #ccc #ddd #ddd #ccc; + border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; + border-top-right-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; + box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; + outline: none; +}*/ + +.ui-gFacelist-toolbar input.ui-gAutocomplete-autocomplete { +/* margin-top: 4px;*/ +/* width: 100px;*/ + border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; +} +.ui-gFacelist-toolbar button { + border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; +} + +.ui-gFacelist-toolbar .ui-gAutocomplete-wrapper { + margin-top: -4px; +} + +ul.ui-gFacelist-facelist { + position: relative; float: left; clear: both; + padding: 0px 5px 5px; + border: 1px solid #bbb; + border-color: #ccc #ddd #ddd #ccc; + border-top: none; + border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; + box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; + background: #fff; + +} +li.ui-gFacelist-item { + position: relative; float: left; + margin-top: 5px; padding: 3px 6px 2px; + width: auto; + font-weight: bold; + border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; + background: #ddd; +} +li.ui-gFacelist-item { + margin-right: 5px; +} + +a.ui-gFacelist-item-remove { + display: inline-block; + margin: 0 0 -3px 0; + width: 16px; + height: 16px; + background: transparent 100% 3px no-repeat; +} +a.ui-gFacelist-item-remove:link, a.ui-gFacelist-item-remove:visited { + background-image: url('/media/grappelli/img/icons/icon-tools-delete-handler.png'); +} +a.ui-gFacelist-item-remove:hover, a.ui-gFacelist-item-remove:active { + background-image: url('/media/grappelli/img/icons/icon-tools-delete-handler-hover.png'); +} + + + + + +/* Datepicker Fields in Grid (Normal - 22px) +------------------------------------------------------------------------------------------------------ */ + +/*.span-24 input.vDateField.hasDatepicker { width: 880px; } +.span-23 input.vDateField.hasDatepicker { width: 840px; } +.span-22 input.vDateField.hasDatepicker { width: 800px; } +.span-21 input.vDateField.hasDatepicker { width: 760px; } +.span-20 input.vDateField.hasDatepicker { width: 720px; } +.span-19 input.vDateField.hasDatepicker { width: 680px; } +.span-18 input.vDateField.hasDatepicker { width: 640px; } +.span-17 input.vDateField.hasDatepicker { width: 600px; } +.span-16 input.vDateField.hasDatepicker { width: 560px; } +.span-15 input.vDateField.hasDatepicker { width: 520px; } +.span-14 input.vDateField.hasDatepicker { width: 480px; } +.span-13 input.vDateField.hasDatepicker { width: 440px; } +.span-12 input.vDateField.hasDatepicker { width: 400px; } +.span-11 input.vDateField.hasDatepicker { width: 360px; } +.span-10 input.vDateField.hasDatepicker { width: 320px; } +.span-9 input.vDateField.hasDatepicker { width: 280px; } +.span-8 input.vDateField.hasDatepicker { width: 240px; } +.span-7 input.vDateField.hasDatepicker { width: 200px; } +.span-6 input.vDateField.hasDatepicker { width: 160px; } +.span-5 input.vDateField.hasDatepicker { width: 120px; } +.span-4 input.vDateField.hasDatepicker { width: 80px; } + +.form-cell.span-12 label + input.vDateField.hasDatepicker { + width: 250px; +} +.form-cell.span-8 label + input[type=text].vDateField.hasDatepicker { + width: 90px; +}*/ diff --git a/app/lib/grappelli/media/css/forms.css b/app/lib/grappelli/media/css/forms.css new file mode 100644 index 0000000..2a6c601 --- /dev/null +++ b/app/lib/grappelli/media/css/forms.css @@ -0,0 +1,809 @@ + + + +/* Basic Settings, Fieldsets, Form-Rows +------------------------------------------------------------------------------------------------------ */ + +form { + margin: 0; + padding: 0; +} + +fieldset { + margin: 0; + padding: 0; +} + +.row p.help { + margin: 3px 0 2px 0; + padding: 0; +} +.row.cells p.help { + max-width: 278px; + white-space: normal !important; +} + +.row ul.radio-list + p.help, +.row ul.checkbox-list + p.help { + margin-top: -3px; +} + + + +/* Errors +------------------------------------------------------------------------------------------------------ */ + +.errornote { + margin-bottom: 7px; + padding: 8px 10px; + font-size: 12px; + font-weight: bold; +} +/* little fix to accomodate the top aligned login form .. */ +.errornote.login-errors { + margin-bottom: 0 !important; + padding: 8px 12px; +} +ul.errorlist { + margin: 6px 0 -3px; + font-size: 11px; + line-height: 13px; + font-weight: bold; +} +ul.errorlist li { + padding: 0 5px 0 0; +} +p.errornote + ul.errorlist { + margin-bottom: 8px; +} +ul.errorlist:empty { + display: none; + margin: 0; +} +.group.tabular ul.errorlist { + margin-left: 11px; +} +.group.stacked ul.errorlist { + margin-left: 11px; + margin-bottom: 5px; +} +.group.stacked h3 + * + ul.errorlist { + margin: 0 !important; + padding: 5px 11px; +} +.cell ul.errorlist { + padding-left: 0; +} +.cell ul.errorlist li { + padding-left: 0; +} +.cell label + * + ul.errorlist, +.cell label + * + * + ul.errorlist { + padding-left: 160px !important; +} +table ul.errorlist { + margin: -9px 0 6px; +} +.group.stacked .row ul.errorlist, +.module.table ul.errorlist { + margin-top: 5px; + margin-left: 0; + margin-bottom: -3px; +} +ul.radiolist.inline + ul.errorlist, +ul.radiolist.inline + * + ul.errorlist { + position: relative; clear: both; +} +ul.radiolist + ul.errorlist, +ul.radiolist + * + ul.errorlist { + margin-top: 0 !important; +} + +.module.table .tbody>ul.errorlist { + margin-top: 2px; + margin-left: 11px; + margin-bottom: 2px; +} +.module.table .tr ul.errorlist { + margin-left: 0; +} +.module.table ul.radiolist + ul.errorlist, +.module.table ul.radiolist + * + ul.errorlist { + margin: -2px 0 0; +} +table ul.errorlist li, +.module.table ul.errorlist li { + padding-left: 0; +} +p.errornote + ul.errorlist li { + padding-left: 10px; +} + + + +/* Labels & Other Typographic Elements in Forms +------------------------------------------------------------------------------------------------------ */ + +label { + margin: 5px 0 -5px; + font-size: 11px; + line-height: 15px; + cursor: pointer; +} +.required label, label.required, +.row .required label, .row label.required { + font-weight: bold; +} + +.module label { + display: block; + padding: 0 0 6px; + white-space: normal; +} +.module .vCheckboxLabel { + display: inline; + float: none; + clear: both; + margin: 0 0 0 10px; + padding: 0; +} + + + +/* Form Elements +------------------------------------------------------------------------------------------------------ */ + +input, textarea, select, button { + margin: 0; + vertical-align: top; + font-family: Arial, sans-serif; + font-size: 12px; + font-weight: bold; + box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; +} + + +/* Text, Password ................................................... */ + +input[type=text], input[type=password] { + padding: 5px 5px 4px; + height: 25px; +} +/* Webkit browser hack: apply same horizontal padding as in moz browsers + Moz Browsers have a default horizontal padding of 3px in input[type=submit] */ +@media screen and (-webkit-min-device-pixel-ratio:0) { + input[type=text], input[type=password] { + line-height: 13px !important; + } +} + + +/* Searchbar ................................................... */ + +form#changelist-search { + position: relative; + float: left; + clear: both; +} +input#searchbar { + position: relative; + float: left; + padding-left: 8px; + padding-right: 30px; + width: 218px; + height: 26px; + font-size: 11px; +} + + +/* FileBrowseField ................................................... */ + +input.vFileBrowseField { + padding-right: 25px; +} + + +/* File ................................................... */ + +input[type=file] { + position: relative; + top: 1px; + height: auto; + border: 0; +} +.th input[type=file], +.td input[type=file] { + top: 3px; + margin-bottom: -2px; +} + + +/* Date & Time ................................................... */ + +.vDateField, .vTimeField { + margin-left: 0; +} +p.datetime { + margin-bottom: 0 !important; + padding: 0; +} +p.datetime input.vTimeField { + margin-left: 13px; +} + + +/* Textarea ................................................... */ + +textarea { + vertical-align: top; + padding: 3px 5px; +} +fieldset.monospace textarea { + font-family: "Bitstream Vera Sans Mono",Monaco,"Courier New",Courier,monospace; +} + + +/* Select ................................................... */ + +select { + padding: 4px 3px 4px 3px; + height: 25px; +} +@media screen and (-webkit-min-device-pixel-ratio:0) { + select { + padding: 4px 28px 4px 8px; + -webkit-appearance: textfield; + background: #fff url('../img/icons/icon-form-select.png') 100% 50% no-repeat; + } +} +select[multiple=multiple] { + padding-right: 5px; + height: 160px; +} +@media screen and (-webkit-min-device-pixel-ratio:0) { + select[multiple=multiple] { + background-image: none; + } +} + + +/* Checkbox, Radio ................................................... */ + +input[type=checkbox], input[type=radio] { + position: relative; + margin: 0; +} +.row input[type=checkbox], .row input[type=radio] { + margin-left: 0; + margin-right: 5px; +} +.th>input[type=radio], +.th>input[type=checkbox], +.td>input[type=radio], +.td>input[type=checkbox] { + top: 5px; + margin-bottom: -3px; +} +@media screen and (-webkit-min-device-pixel-ratio:0) { + .th>input[type=radio], + .td>input[type=radio] { + top: 6px; + margin-bottom: -2px; + } + .th>input[type=checkbox], + .td>input[type=checkbox] { + top: 7px; + margin-bottom: -2px; + } +} +.row input[type=radio], +.th ul.radiolist input[type=radio], +.td ul.radiolist input[type=radio] { + top: 0; +} +.row input[type=checkbox], +.th ul.checkboxlist input[type=checkbox], +.td ul.checkboxlist input[type=checkbox] { + top: 2px; +} +@media screen and (-webkit-min-device-pixel-ratio:0) { + .row input[type=radio], + .th ul.radiolist input[type=radio], + .td ul.radiolist input[type=radio] { + top: 1px; + } + .row input[type=checkbox], + .th ul.checkboxlist input[type=checkbox], + .td ul.checkboxlist input[type=checkbox] { + top: 3px; + } +} +.th input[type=radio], +.th input[type=checkbox], +.td input[type=radio], +.td input[type=checkbox], +ul.radiolist input[type=radio], +ul.checkboxlist input[type=checkbox] { + margin-left: 0; + margin-right: 5px; +} + +.row input[type=checkbox] + label { + position: relative; + float: none; + top: 0; + display: inline-block; + margin-bottom: -2px; +} + +.row ul.checkboxlist input[type=checkbox] { + top: 0; + margin: 0 5px 0 0; +} +.row ul.checkboxlist label input[type=checkbox] { + top: -2px; + vertical-align: middle; +} +@media screen and (-webkit-min-device-pixel-ratio:0) { + .row ul.checkboxlist label input[type=checkbox] { + top: -1px; + vertical-align: middle; + } +} + +.row label + input + p.help input[type=checkbox] { + position: relative; + top: -2px; + margin: 0 3px 0 0; +} + +ul.tools .delete-handler-container input[type=checkbox], +ul.tools .remove-handler-container input[type=checkbox] { + display: none !important; +} + + +/* Radiolists & Checkboxlists ................................................... */ + +ul.radiolist, ul.checkboxlist { + position: relative; + float: none; + display: inline-block; + margin: 5px 0; + padding: 0; + font-size: 11px; + line-height: 15px; + font-weight: normal; +} + +.row>ul.radiolist, .row>ul.checkboxlist { + margin: 0; +} + +ul.radiolist li + li, ul.checkboxlist li + li { + margin-top: 2px; +} + +ul.radiolist.inline, ul.checkboxlist.inline { + float: left; + display: inline; + margin-top: 5px; + margin-bottom: 3px; + padding-right: 20px; +} +th ul.radiolist.inline, th ul.checkboxlist.inline, +td ul.radiolist.inline, td ul.checkboxlist.inline { + margin-top: 0; +} +ul.radiolist.inline li, ul.checkboxlist.inline li { + float: left; + display: inline; + margin-top: 0 !important; + margin-bottom: 2px; + padding-right: 20px; +} +.module.tbody ul.radiolist.inline, .module.tbody ul.checkboxlist.inline { + display: inline; + white-space: normal; +} +.module.tbody ul.radiolist.inline li, .module.tbody ul.checkboxlist.inline li { + position: relative; + float: left; + display: inline; +} +.row.cells ul.radiolist.inline li, .row.cells ul.checkboxlist.inline li { + float: none; +} + +ul.radiolist label, ul.checkboxlist label { + float: none; + display: inline-block; + margin: 0; + padding: 0; + width: auto !important; + white-space: nowrap; +} + + +/* Changelist Form Fields ................................................... */ + +#changelist table input[type=text], +#changelist table input[type=password], +#changelist table input[type=file], +#changelist table select, +#changelist table textarea { + position: relative; + top: -5px; + margin-bottom: -9px; + vertical-align: top; +} +#changelist table input[type=file] { + top: -3px; + margin-bottom: -7px; +} +#changelist table input[type=radio], +#changelist table input[type=checkbox] { + position: relative; + top: 0; +} +@media screen and (-webkit-min-device-pixel-ratio:0) { + #changelist table input[type=radio], + #changelist table input[type=checkbox] { + top: 1px; + } +} +#changelist table thead input[type=radio], +#changelist table thead input[type=checkbox] { + top: 0; +} + + + +/* Form Fields in Grid +------------------------------------------------------------------------------------------------------ */ + +input[class*="span"], select[class*="span"], textarea[class*="span"] { + margin-right: 0; +} + +.span-24 input[type=text], .span-24 input[type=password], +.span-24 select, .span-24 textarea, +input[type=text].span-24, input[type=password].span-24, +select.span-24, textarea.span-24, +.span-24 .ui-gFacelist-message, +.span-24 .ui-gFacelist-facelist { + width: 918px; +} +.span-23 input[type=text], .span-23 input[type=password], +.span-23 select, .span-23 textarea, +input[type=text].span-23, input[type=password].span-23, +select.span-23, textarea.span-23, +.span-23 .ui-gFacelist-message, +.span-23 .ui-gFacelist-facelist { + width: 878px; +} +.span-22 input[type=text], .span-22 input[type=password], +.span-22 select, .span-22 textarea, +input[type=text].span-22, input[type=password].span-22, +select.span-22, textarea.span-22, +.span-22 .ui-gFacelist-message, +.span-22 .ui-gFacelist-facelist { + width: 838px; +} +.span-21 input[type=text], .span-21 input[type=password], +.span-21 select, .span-21 textarea, +input[type=text].span-21, input[type=password].span-21, +select.span-21, textarea.span-21, +.span-21 .ui-gFacelist-message, +.span-21 .ui-gFacelist-facelist { + width: 798px; +} +.span-20 input[type=text], .span-20 input[type=password], +.span-20 select, .span-20 textarea, +input[type=text].span-20, input[type=password].span-20, +select.span-20, textarea.span-20, +.span-20 .ui-gFacelist-message, +.span-20 .ui-gFacelist-facelist, + +.span-24 label + input[type=text], .span-24 label + input[type=password], +.span-24 label + select, .span-24 label + textarea { + width: 758px; +} +.span-19 input[type=text], .span-19 input[type=password], +.span-19 select, .span-19 textarea, +input[type=text].span-19, input[type=password].span-19, +select.span-19, textarea.span-19, +.span-19 .ui-gFacelist-message, +.span-19 .ui-gFacelist-facelist, + +.span-23 label + input[type=text], .span-23 label + input[type=password], +.span-23 label + select, .span-23 label + textarea { + width: 718px; +} +.span-18 input[type=text], .span-18 input[type=password], +.span-18 select, .span-18 textarea, +input[type=text].span-18, input[type=password].span-18, +select.span-18, textarea.span-18, +.span-18 .ui-gFacelist-message, +.span-18 .ui-gFacelist-facelist, + +.span-22 label + input[type=text], .span-22 label + input[type=password], +.span-22 label + select, .span-22 label + textarea { + width: 678px; +} +.span-17 input[type=text], .span-17 input[type=password], +.span-17 select, .span-17 textarea, +input[type=text].span-17, input[type=password].span-17, +select.span-17, textarea.span-17, +.span-17 .ui-gFacelist-message, +.span-17 .ui-gFacelist-facelist, + +.span-21 label + input[type=text], .span-21 label + input[type=password], +.span-1 label + select, .span-21 label + textarea { + width: 638px; +} +.span-16 input[type=text], .span-16 input[type=password], +.span-16 select, .span-16 textarea, +input[type=text].span-16, input[type=password].span-16, +select.span-16, textarea.span-16, +.span-16 .ui-gFacelist-message, +.span-16 .ui-gFacelist-facelist, +.span-24 input.vForeignKeyRawIdAdminField, +.span-24 input.vManyToManyRawIdAdminField, + +.span-20 label + input[type=text], .span-20 label + input[type=password], +.span-20 label + select, .span-20 label + textarea { + width: 598px; +} +.span-15 input[type=text], .span-15 input[type=password], +.span-15 select, .span-15 textarea, +input[type=text].span-15, input[type=password].span-15, +select.span-15, textarea.span-15, +.span-15 .ui-gFacelist-message, +.span-15 .ui-gFacelist-facelist, +.span-23 input.vForeignKeyRawIdAdminField, +.span-23 input.vManyToManyRawIdAdminField, + +.span-19 label + input[type=text], .span-19 label + input[type=password], +.span-19 label + select, .span-19 label + textarea { + width: 558px; +} +.span-14 input[type=text], .span-14 input[type=password], +.span-14 select, .span-14 textarea, +input[type=text].span-14, input[type=password].span-14, +select.span-14, textarea.span-14, +.span-14 .ui-gFacelist-message, +.span-14 .ui-gFacelist-facelist, +.span-22 input.vForeignKeyRawIdAdminField, +.span-22 input.vManyToManyRawIdAdminField, + +.span-18 label + input[type=text], .span-18 label + input[type=password], +.span-18 label + select, .span-18 label + textarea { + width: 518px; +} +.span-13 input[type=text], .span-13 input[type=password], +.span-13 select, .span-13 textarea, +input[type=text].span-13, input[type=password].span-13, +select.span-13, textarea.span-13, +.span-13 .ui-gFacelist-message, +.span-13 .ui-gFacelist-facelist, +.span-21 input.vForeignKeyRawIdAdminField, +.span-21 input.vManyToManyRawIdAdminField, + +.span-17 label + input[type=text], .span-17 label + input[type=password], +.span-17 label + select, .span-17 label + textarea { + width: 478px; +} +.span-12 input[type=text], .span-12 input[type=password], +.span-12 select, .span-12 textarea, +input[type=text].span-12, input[type=password].span-12, +select.span-12, textarea.span-12, +.span-12 .ui-gFacelist-message, +.span-12 .ui-gFacelist-facelist, +.span-20 input.vForeignKeyRawIdAdminField, +.span-20 input.vManyToManyRawIdAdminField, + +.span-16 label + input[type=text], .span-16 label + input[type=password], +.span-16 label + select, .span-16 label + textarea { + width: 438px; +} +.span-11 input[type=text], .span-11 input[type=password], +.span-11 select, .span-11 textarea, +input[type=text].span-11, input[type=password].span-11, +select.span-11, textarea.span-11, +.span-11 .ui-gFacelist-message, +.span-11 .ui-gFacelist-facelist, +.span-19 input.vForeignKeyRawIdAdminField, +.span-19 input.vManyToManyRawIdAdminField, + +.span-15 label + input[type=text], .span-15 label + input[type=password], +.span-15 label + select, .span-15 label + textarea { + width: 398px; +} +.span-10 input[type=text], .span-10 input[type=password], +.span-10 select, .span-10 textarea, +input[type=text].span-10, input[type=password].span-10, +select.span-10, textarea.span-10, +.span-10 .ui-gFacelist-message, +.span-10 .ui-gFacelist-facelist, +.span-18 input.vForeignKeyRawIdAdminField, +.span-18 input.vManyToManyRawIdAdminField, + +.span-14 label + input[type=text], .span-4 label + input[type=password], +.span-14 label + select, .span-14 label + textarea { + width: 358px; +} +.span-9 input[type=text], .span-9 input[type=password], +.span-9 select, .span-9 textarea, +input[type=text].span-9, input[type=password].span-9, +select.span-9, textarea.span-9, +.span-9 .ui-gFacelist-message, +.span-9 .ui-gFacelist-facelist, +.span-17 input.vForeignKeyRawIdAdminField, +.span-17 input.vManyToManyRawIdAdminField, + +.span-13 label + input[type=text], .span-13 label + input[type=password], +.span-13 label + select, .span-13 label + textarea { + width: 318px; +} +.span-8 input[type=text], .span-8 input[type=password], +.span-8 select, .span-8 textarea, +input[type=text].span-8, input[type=password].span-8, +select.span-8, textarea.span-8, +.span-8 .ui-gFacelist-message, +.span-8 .ui-gFacelist-facelist, +.span-16 input.vForeignKeyRawIdAdminField, +.span-16 input.vManyToManyRawIdAdminField, + +.span-12 label + input[type=text], .span-12 label + input[type=password], +.span-12 label + select, .span-12 label + textarea { + width: 278px; +} +.span-7 input[type=text], .span-7 input[type=password], +.span-7 select, .span-7 textarea, +input[type=text].span-7, input[type=password].span-7, +select.span-7, textarea.span-7, +.span-15 input.vForeignKeyRawIdAdminField, +.span-15 input.vManyToManyRawIdAdminField, + +.span-11 label + input[type=text], .span-11 label + input[type=password], +.span-11 label + select, .span-11 label + textarea { + width: 238px; +} +.span-6 input[type=text], .span-6 input[type=password], +.span-6 select, .span-6 textarea, +input[type=text].span-6, input[type=password].span-6, +select.span-6, textarea.span-6, +.span-14 input.vForeignKeyRawIdAdminField, +.span-14 input.vManyToManyRawIdAdminField, + +.span-10 label + input[type=text], .span-10 label + input[type=password], +.span-10 label + select, .span-10 label + textarea { + width: 198px; +} +.span-5 input[type=text], .span-5 input[type=password], +.span-5 select, .span-5 textarea, +input[type=text].span-5, input[type=password].span-5, +select.span-5, textarea.span-5, +.span-13 input.vForeignKeyRawIdAdminField, +.span-13 input.vManyToManyRawIdAdminField, + +.span-9 label + input[type=text], .span-9 label + input[type=password], +.span-9 label + select, .span-9 label + textarea { + width: 158px; +} +.span-4 input[type=text], .span-4 input[type=password], +.span-4 select, .span-4 textarea, +input[type=text].span-4, input[type=password].span-4, +select.span-4, textarea.span-4, +.span-12 input.vForeignKeyRawIdAdminField, +.span-12 input.vManyToManyRawIdAdminField, + +.span-8 label + input[type=text], .span-8 label + input[type=password], +.span-8 label + select, .span-8 label + textarea { + width: 118px; +} +.span-3 input[type=text], .span-3 input[type=password], +.span-3 select, .span-3 textarea, +input[type=text].span-3, input[type=password].span-3, +select.span-3, textarea.span-3, +.span-11 input.vForeignKeyRawIdAdminField, +.span-11 input.vManyToManyRawIdAdminField, + +.span-7 label + input[type=text], .span-7 label + input[type=password], +.span-7 label + select, .span-7 label + textarea { + width: 78px; +} +.span-2 input[type=text], .span-2 input[type=password], +.span-2 select, .span-2 textarea, +input[type=text].span-2, input[type=password].span-2, +select.span-2, textarea.span-2, +.span-10 input.vForeignKeyRawIdAdminField, +.span-10 input.vManyToManyRawIdAdminField, + +.span-6 label + input[type=text], .span-6 label + input[type=password], +.span-6 label + select, .span-6 label + textarea { + width: 38px; +} + +.container-grid .span-flexible input[type=text], .container-grid .span-flexible input[type=password], +.container-grid .span-flexible textarea, .container-grid .span-flexible select { + width: 100% !important; +} + + + +/* Form Elements: Basic Widths & Heights +------------------------------------------------------------------------------------------------------ */ + +input[type=text], +input[type=password], +.vDateField, +.vTimeField, +.vIntegerField, +.vPositiveSmallIntegerField, +.vManyToManyRawIdAdminField, +.vForeignKeyRawIdAdminField, +.vAutocompleteSearchField, +.vAutocompleteRawIdAdminField { + width: 118px; +} + +input.vTextField, +input.vURLField, +input.vFileBrowseField, +textarea, +.vLargeTextField, +.vXMLLargeTextField, +input.vM2MAutocompleteSearchField { + width: 278px; +} + +.row select { + min-width: 118px; +} + +.vLargeTextField { + height: 118px; +} + + + +/* Large Form Elements in Change-Form: Widths & Heights +------------------------------------------------------------------------------------------------------ */ + +.row .vTextField, +.row .vURLField, +.row .vFileBrowseField, +.row textarea, +.row .vLargeTextField, +.row .vXMLLargeTextField, +.row .vAutocompleteSearchField, +.row .vM2MAutocompleteSearchField { + width: 758px; +} +.row select { + max-width: 758px; +} + + + +/* Form Elements in Changelist-Results Table & Tabular Modules: Widths & Heights +------------------------------------------------------------------------------------------------------ */ + +.changelist-results table select, +.module.table select { + max-width: 278px; +} + + + +/* Form Elements Cells +------------------------------------------------------------------------------------------------------ */ + +.cell input[type=text], +.cell input[type=password], +.cell select { + max-width: 280px; +} + diff --git a/app/lib/grappelli/media/css/grappelli-skin-basic.css b/app/lib/grappelli/media/css/grappelli-skin-basic.css new file mode 100644 index 0000000..2ae70c3 --- /dev/null +++ b/app/lib/grappelli/media/css/grappelli-skin-basic.css @@ -0,0 +1,1294 @@ + + + +/* TYPOGRAPHY +–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ + + + +/* Paragraphs +------------------------------------------------------------------------------------------------------ */ + +.module p.help, +p.help { + color: #999; +} + +.fb_show + p.help a { + border: 1px solid #309bbf; +} +.fb_show + p.help a:link, .fb_show + p.help a:visited { + border: 1px solid #309bbf; +} +.fb_show + p.help a:hover, .fb_show + p.help a:active { + border: 1px solid #444; +} + + + +/* Links +------------------------------------------------------------------------------------------------------ */ + +a:link, a:visited { + color: #309bbf; +} +a:hover, a:active, a.selected { + color: #444; +} + +.dashboard h2 a:link, .dashboard h2 a:visited, +.dashboard h3 a:link, .dashboard h3 a:visited { + color: #444; +} +.dashboard h2 a:hover, .dashboard h2 a:active, +.dashboard h3 a:hover, .dashboard h3 a:active { + color: #309bbf; +} + +#header a:link, #header a:visited { + color: #59AFCC; +} +#header a:hover, #header a:active { + color: #444; +} + + + +/* Blockquote, Pre, Code +------------------------------------------------------------------------------------------------------ */ + +blockquote { + color: #777; + border-left: 5px solid #ddd; +} + +code, pre { + color: #666; + background: inherit; +} + +pre.literal-block { + background: #eee; +} + +code strong { + color: #930; +} + +hr { + color: #eee; + border: 0; + background-color: #eee; +} + + + +/* RTE (Rich Text Edited) +------------------------------------------------------------------------------------------------------ */ + +.rte h3 { + border-top: 1px solid #d4d4d4; + border-bottom: 1px solid #d4d4d4; +} +.rte .group h3 { + border-top: 0; +} +.rte h3:last-child, +.rte h4:last-child { + border-bottom: 0; +} +.rte td { + border-left: 1px solid #f4f4f4; +} +.rte td:first-of-type { + border-left: 0; +} +.delete-confirmation ul.rte>li { + border-top: 1px solid #fff; + border-bottom: 1px solid #e0e0e0; +} +.delete-confirmation ul.rte>li:first-child { + border-top: 0; +} +.delete-confirmation ul.rte>li:last-child { + border-bottom: 0; +} +.delete-confirmation ul.rte>li>ul>li { + border-top: 1px dashed #e0e0e0; +} +.rte blockquote table { + border: 1px solid #d4d4d4; +} + + + +/* Other Styles +------------------------------------------------------------------------------------------------------ */ + +.warning { + color: #bf3030; +} +.quiet { + color: #999; +} + + + +/* STRUCTURES +–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ + +body { + color: #444; + background: #fff; +} + + + +/* Header +------------------------------------------------------------------------------------------------------ */ + +#header { + color: #eee; + background: #333; +} +#header a:hover, #header a:active { + color: #ddd; +} + + + +/* Branding, Bookmarks & User-Tools +------------------------------------------------------------------------------------------------------ */ + +.branding { + border-left: 1px solid #343434; + background-color: #262626; +} +.admin-title { + border-left: 1px solid #404040; + border-right: 1px solid #303030; +} + + +/* User Tools ................................................... */ + +#user-tools { + border-left: 1px solid #303030; +} +#user-tools>li { + border-left: 1px solid #404040; + border-right: 1px solid #303030; +} +li.user-options-container.open a.user-options-handler { + color: #eee !important; +} +li.user-options-container.open ul.user-options { + border-top: 1px solid #262626; + background: #333; +} +ul.user-options li { + border-top: 1px solid #404040; + border-bottom: 1px solid #292929; +} +ul.user-options li:last-child { + border-bottom: 0; +} + + + +/* Breadcrumbs +------------------------------------------------------------------------------------------------------ */ + +div#breadcrumbs { + color: #666; + border-top: 1px solid #ccc; + border-bottom: 1px solid #ccc; + background: #e6e6e6; +} + + + +/* Messages +------------------------------------------------------------------------------------------------------ */ + +ul.messagelist li { + border-bottom: 1px solid #ccc; + background-color: #e8f2da; +} +ul.messagelist.success li { + background-color: #e8f2da; +} +ul.messagelist.error li { + background-color: #f2e6e6; +} + + + +/* Login Form +------------------------------------------------------------------------------------------------------ */ + +.login .module { + border: 0; + background: #333; +} +.login .module .row { + border-top: 1px solid #444; + border-bottom: 1px solid #222; +} +.login .module label { + color: #eee; +} + + + +/* COMPONENTS +–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ + + + +/* Modules +------------------------------------------------------------------------------------------------------ */ + +.module { + border: 1px solid #bdbdbd; + background: #eee; +} +.rte .module { + background: transparent; +} + + +/* Nested Modules Basics ......................................... */ + +.module .module, +.module fielset.module { + border: 0; +} + + + +/* Groups +------------------------------------------------------------------------------------------------------ */ + +.group.collapse.closed { + border: 2px solid #e0e0e0; +} +.group, +.group.collapse.closed:hover { + border: 2px solid #c7c7c7; +} + + + +/* Elements in Modules & Groups +------------------------------------------------------------------------------------------------------ */ + + +/* 1st Level Borders Top (Dark/Bright) ......................................... */ + +.group h2, +.module h2 { + border-bottom: 1px solid #bdbdbd; + background: #d6d6d6; +} +.group h2 { + border: 1px solid #bdbdbd; +} +.module h2+*, +.module h2+.tools+* { + border-top: 1px solid #fff; +} +.module h2+.module, +.module h2+.tools, +.module h2+.tools+.module { + border-top: 0 !important; +} + + +/* 2nd Level Borders Top (Dark/Bright) ......................................... */ + +.module .module { + border-top: 1px solid #c7c7c7; +} +.module .module>*:first-child { + border-top: 1px solid #eee; +} +#changelist .span-flexible .module .module:first-child { + border-top: 0; +} + +.group h3, +.module h3 { + border-bottom: 1px solid #c7c7c7; + background: #e0e0e0; +} +.module h3+*, +.module h3+.tools+* { + border-top: 1px solid #fff; +} +.module h3+.module, +.module h3+.tools, +.module h3+.tools+.module { + border-top: 0 !important; +} + + +/* 3rd Level Borders Top (Dark/Bright) ......................................... */ + +.group .module .module, +.module .module .module { + border-top: 1px solid #d4d4d4; +} +.group .module .module>*:first-child, +.module .module .module>*:first-child { + border-top: 1px solid #f4f4f4; +} + +.group h4, +.module h4 { + border-bottom: 1px solid #d4d4d4; + background: #e8e8e8; +} +.module h4+*, +.module h4+.tools+* { + border-top: 1px solid #fff; +} +.module h4+.tools { + border-top: 0 !important; +} +.module .description { + border-bottom: 1px solid #d4d4d4; +} + + + +/* Collapsible Structures +------------------------------------------------------------------------------------------------------ */ + +.module.collapse.closed h2.collapse-handler, +.module.collapse.closed h3.collapse-handler, +.module.collapse.closed h4.collapse-handler { + border-bottom: 0; +} + + +/* 1st Level Collapsible-Handler ......................................... */ + +.collapse h2.collapse-handler { + background: #a1d4e5; +} +.collapse h2.collapse-handler:hover, +.collapse.open h2.collapse-handler { + background: #bcdfeb; +} + + +/* 2nd Level Collapsible-Handler ......................................... */ + +.group .collapse h3.collapse-handler, +.module .collapse h3.collapse-handler { + background: #cee9f2; +} +.group .collapse h3.collapse-handler:hover, +.module .collapse h3.collapse-handler:hover, +.group .collapse.open h3.collapse-handler, +.module .collapse.open h3.collapse-handler { + background: #e1f0f5; +} +.module .collapse h3.collapse-handler { + border-top: 1px solid #e1f0f5; +} + + +/* 3rd Level Collapsible-Handler ......................................... */ + +.group .module .collapse h4.collapse-handler, +.module .module .collapse h4.collapse-handler { + border-top: 1px solid #f0f7fa; + background: #e1f0f5; +} +.group .collapse h4.collapse-handler:hover, +.module .collapse h4.collapse-handler:hover, +.group .collapse.open h4.collapse-handler, +.module .collapse.open h4.collapse-handler { + background: #ebf2f5; +} + + + +/* Row +------------------------------------------------------------------------------------------------------ */ + +.row { + border-top: 1px solid #fff; + border-bottom: 1px solid #e0e0e0; +} +.row.first, +.row:first-child, +.module input[type=hidden] + .row { + border-top: 0 !important; +} +.row.last, +.row:last-child, +.row:last-of-type, +fieldset.module > .row.last, +fieldset.module > .row:last-child { + border-bottom: 0 !important; +} + + + +/* Cell +------------------------------------------------------------------------------------------------------ */ + +.cell { + border-right: 1px solid #e0e0e0; + border-left: 1px solid #fff; +} + + + +/* Fieldset Cell +------------------------------------------------------------------------------------------------------ */ + +fieldset.module .cell:first-child { + border-left: 0 !important; +} +fieldset.module .cell:last-child, +fieldset.module .cell.last { + border-right: 0 !important; +} +fieldset.module .cell.last + fieldset.module .cell { + border-left: 0 !important; +} + + +/* Tabular Modules +------------------------------------------------------------------------------------------------------ */ + +.module.table { + border: 0; + border-collapse: separate; + border-spacing: 0 2px; + background: transparent; +} +.module.thead, +.module.tfoot { + color: #aaa; + background: transparent; +} +.module.table .tr, +.module.tbody { + background: transparent; +} +.module.table .th, +.module.table .td { + border-left: 1px solid #fff; + border-right: 1px solid #e0e0e0; +} +.module.thead .th:last-of-type, +.module.thead .td:last-of-type, +.module.tfoot .td:last-of-type { + border-right: 0; +} +.module.table .module.thead .th, +.module.table .module.thead .td { + border-top: 0; + background: none; +} +.module.tbody .th, +.module.tbody .td { + border-top: 1px solid #d4d4d4; + border-bottom: 1px solid #d4d4d4; + background: #eee; +} +.module.tbody .th:first-of-type, +.module.tbody .td:first-of-type { + border-left: 1px solid #ccc; +} + + + +/* Add Items +------------------------------------------------------------------------------------------------------ */ + +.module.add-item { + border: 1px solid transparent; + background: #fff; +} + + + +/* Predelete +------------------------------------------------------------------------------------------------------ */ + +.predelete h2, .predelete h2.collapse-handler, +.predelete h3, .predelete h3.collapse-handler, +.predelete h4, .predelete h4.collapse-handler { + background: #f2e6e6 !important; +} +.predelete h2.collapse-handler:hover, +.predelete h3.collapse-handler:hover, +.predelete h4.collapse-handler:hover, +.collapse.open .predelete h2.collapse-handler, +.collapse.open .predelete h3.collapse-handler, +.collapse.open .predelete h4.collapse-handler { + background: #f2e6e6 !important; +} +.predelete, +.predelete .module, +.predelete .th, +.predelete .td { + background: #f2e6e6 !important; +} + + + +/* Selectors +------------------------------------------------------------------------------------------------------ */ + +.selector-available, .selector-chosen { + border: 1px solid #ccc; + background: #ddd; +} +.selector h2, .inline-group .selector h2, +.inline-related fieldset .selector-available h2, .inline-related fieldset .selector-chosen h2 { + border: 0; + border-bottom: 1px solid #d0d0d0; + background: transparent; +} +.selector .selector-filter { + color: #666; + border-top: 1px solid #e4e4e4; + border-bottom: 1px solid #e4e4e4; +} +.selector select[multiple=multiple] { + border-left: 0; + border-top: 1px solid #d0d0d0; + border-bottom: 1px solid #d0d0d0; +} + +a.selector-chooseall, a.selector-clearall { + border-top: 1px solid #e4e4e4; +} + +.selector h2 + select { + border-top: 0; +} + +a.selector-chooseall, a.selector-clearall { + border-top: 1px solid #e4e4e4; +} + + + +/* Link-List, Actions, Feed, Table of Contents +------------------------------------------------------------------------------------------------------ */ + +.module.link-list, +.module.link-list .module, +.module.actions, +.module.actions .module, +.module.feed, +.module.feed .module { + background: #fff; +} +.link-list ul li, +.feed ul li, +.actions ul li, +.table-of-contents ul li { + border-top: 1px solid #fff; + border-bottom: 1px solid #e0e0e0; +} +.actions ul li { + color: #999; +} +.actions ul li:first-child, +.link-list ul li:first-child, +.feed ul li:first-child, +.table-of-contents ul li:first-child { + border-top: 0; +} +.actions ul li:last-child, +.link-list ul li:last-child, +.feed ul li:last-child, +.table-of-contents ul li:last-child { + border-bottom: 0; +} +.link-list ul li.selected a, +.table-of-contents ul li.selected a { + color: #444; +} +a.internal:link, a.internal:visited {} +a.internal:hover, a.internal:active, +.actions li.delete-link { + color: #666; +} +a.external:link, a.external:visited { + color: #83c3d9; +} +a.external:hover, a.external:active { + color: #666; +} + + + +/* Module Changelist Filters +------------------------------------------------------------------------------------------------------ */ + +.module.changelist-filters { + color: #666; + border: 1px solid #d4d4d4; +} + + + +/* Module Search & Module Filter +------------------------------------------------------------------------------------------------------ */ + +.module.search, +.module.filter { + border: 0; +} +.module.filter .pulldown-container { + border: 1px solid #fff; +} +.module.filter.open .pulldown-container { + border-color: #ccc; + box-shadow: 0 0 10px #444; -moz-box-shadow: 0 0 10px #444; -webkit-box-shadow: 0 0 10px #444; +} + +.open a.button.toggle-filters, +.open.selected a.button.toggle-filters { + border-color: transparent !important; +} +a.button.toggle-filters:link, a.button.toggle-filters:visited { + color: #309bbf; + border-color: #ddd; +} +.selected a.button.toggle-filters:link, .selected a.button.toggle-filters:visited { + color: #444; + background-color: #e1f0f5; +} +.open a.button.toggle-filters, .selected a.button.toggle-filters, +.selected a.button.toggle-filters:hover, .selected a.button.toggle-filters:active, +a.button.toggle-filters:hover, a.button.toggle-filters:active { + color: #666; + border-color: #ccc; + background-color: #e1f0f5; +} +.selected a.button.toggle-filters:link, .selected a.button.toggle-filters:visited { + color: #666; + border-color: #ddd; + background-color: #e1f0f5; +} +.open a.button.toggle-filters, +.open.selected a.button.toggle-filters, +.selected a.button.toggle-filters:hover, .selected a.button.toggle-filters:active, +a.button.toggle-filters:hover, a.button.toggle-filters:active { + color: #666; + border-color: #ccc; + background-color: #e1f0f5; +} + +.filter-pulldown { + border: 1px solid transparent; + border-top: 0; + background: #e1f0f5; +} +.filter-pulldown label { + color: #999; +} + + + +/* Module Date Hierarchy +------------------------------------------------------------------------------------------------------ */ + +.module.date-hierarchy { + border: 1px solid #d9d9d9; + background: #eee; +} +.module + .module.date-hierarchy .row { + border-top: 1px solid #fff !important; +} +.date-hierarchy a:link, .date-hierarchy a:visited { + color: #59afcc; +} +.date-hierarchy a:hover, .date-hierarchy a:active { + color: #444; +} +.date-hierarchy a.date-hierarchy-back:hover, .date-hierarchy a.date-hierarchy-back:active { + color: #666; +} + + + +/* Pagination +------------------------------------------------------------------------------------------------------ */ + +.module.pagination { + border: 1px solid #d9d9d9; +} +.module .module.pagination { + border: 0; +} +ul.pagination { + border-top: 0 !important; +} +ul.pagination li { + border: 1px solid #fff; +} + +ul.pagination span, +ul.pagination a { + border: 1px solid; + box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; +} +ul.pagination a:link, .pagination a:visited { + color: #59afcc; + border-color: #d9d9d9; +} +ul.pagination a:hover, .pagination a:active { + color: #444; + border-color: #bdbdbd; + background: #e0e0e0; +} +ul.pagination span { + color: #444; + border-color: #bdbdbd; + background: #e0e0e0; +} +ul.pagination li.separator span { + border-color: transparent; + background: transparent; +} + + + +/* Module Changelist-Results +------------------------------------------------------------------------------------------------------ */ + +.module.changelist-results { + background-color: #eee !important; +} + + + +/* Module Changelist Actions +------------------------------------------------------------------------------------------------------ */ + +.module.changelist-actions { + color: #ccc; + background: #eee; +} +.module.changelist-actions.all-selected, +.module.changelist-actions.all-selected + .module.changelist-results { + background: #ffffe6 !important; +} +.module.changelist-actions ul li { + border: 1px solid #444; +} +.module.changelist-actions ul a, +.module.changelist-actions ul span { + border: 1px solid; +} +.module.changelist-actions ul a:link, .module.changelist-actions ul a:visited { + color: #59afcc; + border-color: #333; + background: #333; +} +.module.changelist-actions ul a:hover, .module.changelist-actions ul a:active { + color: #ccc; + border-color: #333; + background: #555; +} +.module.changelist-actions ul span { + color: #ccc; + border-color: #333; +} +.module.changelist-actions ul span span { + border: 0; +} + + + +/* Module Footer +------------------------------------------------------------------------------------------------------ */ + +.module.footer { + border: 0; + border-top: 1px solid #bdbdbd; + background: #333; +} + + + +/* Submit Row +------------------------------------------------------------------------------------------------------ */ + +.module.submit-row { + border: 0; + background: transparent; +} + + + +/* Tooltips +------------------------------------------------------------------------------------------------------ */ + +.module.search .tooltip .tooltip-content { + border: 1px solid #ccc; + background: #fff; +} + + + +/* TOOLS +–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ + +ul.tools li { + border-top: 0 !important; + border-bottom: 0 !important; +} + + + +/* H1 + Tools +------------------------------------------------------------------------------------------------------ */ + +h1 + .tools a { + color: #fff; + border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; +} +h1 + .tools a:link, h1 + .tools a:visited { + background: #444; +} +h1 + .tools a:hover, h1 + .tools a:active { + border-color: transparent; + background: #309bbf; +} +h1 + .tools a.add-handler:link, h1 + .tools a.add-handler:visited { + background-color: #444; +} +h1 + .tools a.add-handler:hover, h1 + .tools a.add-handler:active { + background-color: #309bbf; +} + + + +/* FORMS +–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ + + + +/* Errors +------------------------------------------------------------------------------------------------------ */ + +.errornote { + color: #f7f7f7; + background: #bf3030; +} +ul.errorlist { + color: #bf3030; +} +.error input, .error select, .errors input, .errors select { + border: 1px solid #bf3030 !important; +} + + + +/* Labels & Other Typographic Elements in Forms +------------------------------------------------------------------------------------------------------ */ + +label { + color: #444; +} + + + +/* Form Elements +------------------------------------------------------------------------------------------------------ */ + +input, textarea, select, button { + color: #666; + border: 1px solid #bbb; + border-color: #ccc #ddd #ddd #ccc; + outline: 0; +} +input, textarea, select { + box-shadow: 0 1px 3px #eaeaea inset; -moz-box-shadow: 0 1px 3px #eaeaea inset; -webkit-box-shadow: 0 1px 3px #eaeaea inset; +} + +*:focus, input:focus, textarea:focus, select:focus { + border-color: #999 #bbb #bbb #999; +} +select:focus * { + border: 0 !important; + outline: 0 !important; +} + + +/* Searchbar ................................................... */ + +form#changelist-search { + border: 1px solid #fff; + border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; +} +input#searchbar { + border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px; +} + + +/* Select ................................................... */ + +option, +select[multiple=multiple] option { + border-bottom: 1px dotted #ddd !important; +} +option:last-child { + border-bottom: 0; +} + + +/* Autocomplete Fields ................................................... */ + +.vAutocompleteSearchField, +.vM2MAutocompleteSearchField { + background: #eaf5f8; +} + + +/* Read Only ................................................... */ + +input[readonly], +textarea[readonly], +select[readonly] { + background: #f4f4f4; +} + + + +/* BUTTONS +–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ + +input[type=submit], input[type=reset], input[type=button], button { + color: #fff; + border: 0; + background: #acd7e5; +} + + +/* Button Containers ................................................... */ + +.submit-row>*[class*="-container"] { + box-shadow: 0 0 5px #666; -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666; + background: #d6d6d6; +} +.submit-row>*[class*="-container"]:hover { + box-shadow: 0 0 5px #777; -moz-box-shadow: 0 0 5px #777; -webkit-box-shadow: 0 0 5px #777; + background: #d6d6d6; +} +.submit-row>*[class*="cancel-button-container"] { + box-shadow: 0 0 5px #aaa; -moz-box-shadow: 0 0 5px #aaa; -webkit-box-shadow: 0 0 5px #aaa; +} +.footer .submit-row>*[class*="-container"], +.footer .submit-row>*[class*="cancel-button-container"] { + border: 1px solid #666; + box-shadow: 0 0 5px #666; -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666; + background: #666; +} +.submit-row>*[class*="cancel-button-container"] { + box-shadow: 0 0 5px #aaa; -moz-box-shadow: 0 0 5px #aaa; -webkit-box-shadow: 0 0 5px #aaa; +} +.footer .submit-row>*[class*="-container"]:hover, +.footer .submit-row>*[class*="cancel-button-container"]:hover { + border: 1px solid #777; + box-shadow: 0 0 5px #777; -moz-box-shadow: 0 0 5px #777; -webkit-box-shadow: 0 0 5px #777; + background: #777; +} + + + +/* Buttons & Buttonlike Links +------------------------------------------------------------------------------------------------------ */ + +.submit-row input[type=submit] { + border: 1px solid #267c99; +} + +input[type=submit], +#bookmark-add-cancel, +.submit-row a.delete-link:link, .submit-row a.delete-link:visited, +.submit-row a.cancel-link:link, .submit-row a.cancel-link:visited, +.submit-row input[type=button] { + box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; +} + +.submit-row a.delete-link:link, .submit-row a.delete-link:visited { + color: #fff; + border: 1px solid #992626; + background: #bf3030; +} +#bookmark-add-cancel, +.submit-row a.cancel-link:link, .submit-row a.cancel-link:visited, +.submit-row input.cancel:hover { + color: #fff; + border: 1px solid #444; + background: #666; +} + +input[type=submit] { + background: #309bbf; +} +input[type=submit]:hover, +#bookmark-add-cancel:hover, +.submit-row a.delete-link:hover, .submit-row a.delete-link:active, +.submit-row a.cancel-link:hover, .submit-row a.cancel-link:active, +.submit-row input.cancel { + color: #444; + border: 1px solid #aaa; + background: #d6d6d6; +} +.footer input[type=submit]:hover, +.footer #bookmark-add-cancel:hover, +.footer .submit-row a.delete-link:hover, .footer .submit-row a.delete-link:active, +.footer .submit-row a.cancel-link:hover, .footer .submit-row a.cancel-link:active { + border: 1px solid #666; +} + +button { + background: #309bbf; +} +button:hover { + background: #666; +} + +button.fb_show, +button.ui-gAutocomplete-browse, +button.ui-gFacelist-browse, +button.ui-gAutoSlugField-toggle, +button.ui-datepicker-trigger, +button.ui-timepicker-trigger, +.tinyMCE .browse span { + border: 1px solid #ccc; + background-color: #e1f0f5; +} +button.fb_show:hover, +button.ui-gAutocomplete-browse:hover, +button.ui-gFacelist-browse:hover, +button.ui-gAutoSlugField-toggle:hover, +button.ui-datepicker-trigger:hover, +button.ui-timepicker-trigger:hover, +.tinyMCE .browse span:hover { + background-color: #e1e1e1; +} +button.fb_show[disabled], +button.ui-gAutocomplete-browse[disabled], +button.ui-gFacelist-browse[disabled], +button.ui-gAutoSlugField-toggle[disabled], +button.ui-datepicker-trigger[disabled], +button.ui-timepicker-trigger[disabled], +input[disabled] + a { + background-color: transparent !important; + opacity: 0.3; + cursor: auto !important; +} + + +/* Search Button ......................................... */ + +button.search { + border-color: transparent !important; + background-color: transparent; +} + + + +/* Links as Buttons +------------------------------------------------------------------------------------------------------ */ + +a.button, +.datecrumbs a, +.datecrumbs span { + border: 1px solid #e0e0e0; +} + + +/* Drop-Down Button ......................................... */ + +a.button.drop-down[class*="selected"] { + color: #444 !important; + border-color: #b0b0b0; + border-bottom-width: 0 !important; + box-shadow: 0 -2px 3px #bbb, -2px -2px 3px #bbb, 2px -2px 3px #bbb; + -moz-box-shadow: 0 -2px 3px #bbb, -2px -2px 3px #bbb, 2px -2px 3px #bbb; + -webkit-box-shadow: 0 -2px 3px #bbb, -2px -2px 3px #bbb, 2px -2px 3px #bbb; +} +a.button.drop-down:link, a.button.drop-down:visited { + color: #309bbf; + background-color: #fff; +} +a.button.drop-down[class*="selected"], +a.button.drop-down:hover, a.button.drop-down:active { + color: #666; + background-color: #e1f0f5; +} + + +/* Filebrowser & Related Lookup ......................................... */ + +a.fb_show, +a.related-lookup { + border: 1px solid #ccc; +} +a.fb_show:link, a.fb_show:visited, +a.related-lookup:link, a.related-lookup:visited { + background-color: #e1f0f5; +} +a.fb_show:hover, a.fb_show:active, +a.related-lookup:hover, a.related-lookup:active { + background-color: #e1e1e1; +} +a.related-lookup + strong { + color: #555; +} + + +/* Buttons & Button Links in Errors ......................................... */ + +.error input + button, +.error .vDateField + button, +.error .vTimeField + button, +.error input + a.fb_show, +.error input + a.related-lookup, +.error input + a.add-another, +.errors input + button, +.errors .vDateField + button, +.errors .vTimeField + button, +.errors input + a.fb_show, +.errors input + a.related-lookup, +.errors input + a.add-another { + border-color: #bf3030; +} + + +/* Focused Buttons & Button Links ......................................... */ + +input:focus + button, +.vDateField:focus + span a, +.vTimeField:focus + span a, +input:focus + a.fb_show, +input:focus + a.related-lookup, +input:focus + a.add-another { + border-color: #bbb; + border-left-color: #ccc; +} + + + +/* TABLES +–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ + +tr.alt th, tr.alt td { + background: #f4f4f4; +} +.row1 th, .row1 td { + background: #f4f4f4; +} +.row2 th, .row2 td { + background: #fff; +} +.selected th, .selected td { + background: #ffd; +} + + +/* Thead ................................................... */ + +thead th, +tfoot td { + color: #aaa; + border-left: 1px solid #d4d4d4; + border-bottom: 1px solid #d4d4d4; + background: #eee; +} +thead th.sorted { + border-bottom: 1px solid #ccc; + background: #e0e0e0; +} + +thead th a:link, thead th a:visited { + color: #59afcc; + border-top: 1px solid #fff; +} +thead th a:hover, thead th a:active, +thead th.sorted a { + color: #444; +} +thead th.sorted a { + border-top: 1px solid #ececec; +} + + +/* Tbody ................................................... */ + +tbody th, tbody td { + border-top: 1px solid #fff; + border-bottom: 1px solid #e0e0e0; +} + +tfoot td { + border-bottom: 0; + border-top: 1px solid #d4d4d4; +} + +thead th:first-child, +tfoot td:first-child { + border-left: 0; +} + +fieldset table { + border-right: 1px solid #eee; +} + +tr.row-label td { + border-bottom: 0; + color: #666; +} + + + +/* Changelist Table +------------------------------------------------------------------------------------------------------ */ + +#changelist table { + border: 1px solid #bdbdbd; +} +#changelist tbody th, #changelist tbody td { + border: 0; + border-top: 1px solid #e8e8e8; + border-left: 1px solid #e0e0e0; +} +#changelist tbody tr:first-child th, #changelist tbody tr:first-child td { + border-top: 1px solid #fff; +} +#changelist tbody tr th:first-child, #changelist tbody tr td:first-child { + border-left: 0; +} +#changelist thead *[style^="display: none"] + *, +#changelist tbody tr *[style^="display: none"] + * { + border-left: 0; +} + + + +/* Overrides +------------------------------------------------------------------------------------------------------ */ + +tbody th:first-child, tbody td:first-child { + border-left: 0; +} +tbody tr:last-child td, tbody tr:last-child th { + border-bottom: 0; +} diff --git a/app/lib/grappelli/media/css/grappelli-skin-default.css b/app/lib/grappelli/media/css/grappelli-skin-default.css new file mode 100644 index 0000000..7528c94 --- /dev/null +++ b/app/lib/grappelli/media/css/grappelli-skin-default.css @@ -0,0 +1,1762 @@ + + + +/* TYPOGRAPHY +–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ + + + +/* Paragraphs +------------------------------------------------------------------------------------------------------ */ + +.module p.help, +p.help { + color: #999; +} + +.fb_show + p.help a { + border: 1px solid #309bbf; + border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; +} +.fb_show + p.help a:link, .fb_show + p.help a:visited { + border: 1px solid #309bbf; +} +.fb_show + p.help a:hover, .fb_show + p.help a:active { + border: 1px solid #444; +} + + + +/* Links +------------------------------------------------------------------------------------------------------ */ + +a:link, a:visited { + color: #309bbf; +} +a:hover, a:active, a.selected { + color: #444; +} + +.dashboard h2 a:link, .dashboard h2 a:visited, +.dashboard h3 a:link, .dashboard h3 a:visited { + color: #444; +} +.dashboard h2 a:hover, .dashboard h2 a:active, +.dashboard h3 a:hover, .dashboard h3 a:active { + color: #309bbf; +} + +#header a:link, #header a:visited { + color: #59AFCC; +} +#header a:hover, #header a:active { + color: #444; +} + + + +/* Blockquote, Pre, Code +------------------------------------------------------------------------------------------------------ */ + +blockquote { + color: #777; + border-left: 5px solid #ddd; +} + +code, pre { + color: #666; + background: inherit; +} + +pre.literal-block { + background: #eee; +} + +code strong { + color: #930; +} + +hr { + color: #eee; + border: 0; + background-color: #eee; +} + + + +/* RTE (Rich Text Edited) +------------------------------------------------------------------------------------------------------ */ + +.rte h3 { + border-top: 1px solid #d4d4d4; + border-bottom: 1px solid #d4d4d4; +} +.rte .group h3 { + border-top: 0; +} +.rte h3:last-child, +.rte h4:last-child { + border-bottom: 0; + border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; +} +.rte td { + border-left: 1px solid #f4f4f4; +} +.rte td:first-of-type { + border-left: 0; +} +.delete-confirmation ul.rte>li { + border-top: 1px solid #fff; + border-bottom: 1px solid #e0e0e0; +} +.delete-confirmation ul.rte>li:first-child { + border-top: 0; +} +.delete-confirmation ul.rte>li:last-child { + border-bottom: 0; +} +.delete-confirmation ul.rte>li>ul>li { + border-top: 1px dashed #e0e0e0; +} +.rte blockquote table { + border: 1px solid #d4d4d4; + border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; +} + + + +/* Other Styles +------------------------------------------------------------------------------------------------------ */ + +.warning { + color: #bf3030; +} +.quiet { + color: #999; +} + + + +/* STRUCTURES +–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ + +body { + color: #444; + background: #fff; +} + + + +/* Header +------------------------------------------------------------------------------------------------------ */ + +#header { + color: #eee; + background: #333; + background: -moz-linear-gradient(top, #444, #333); + background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#333)); +} +#header a:hover, #header a:active { + color: #ddd; +} + + + +/* Branding, Bookmarks & User-Tools +------------------------------------------------------------------------------------------------------ */ + +.branding { + border-left: 1px solid #343434; + background-color: #262626; +} +.admin-title { + border-left: 1px solid #404040; + border-right: 1px solid #303030; +} + + +/* User Tools ................................................... */ + +#user-tools { + border-left: 1px solid #303030; +} +#user-tools>li { + border-left: 1px solid #404040; + border-right: 1px solid #303030; +} +li.user-options-container.open a.user-options-handler { + color: #eee !important; +} +li.user-options-container.open ul.user-options { + border-top: 1px solid #262626; + border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; + background: #333; +} +ul.user-options li { + border-top: 1px solid #404040; + border-bottom: 1px solid #292929; +} +ul.user-options li:last-child { + border-bottom: 0; +} + + +/* Navigation Menu (UL Navigation-Menu of Admin-Tools) ................................................... */ + +ul.navigation-menu>li>a { + border-left: 1px solid #404040; + border-right: 1px solid #303030; +} +ul.navigation-menu>li.bookmark>a { + border-right: 0; +} +ul.navigation-menu li ul { + border-top: 1px solid #2a2a2a; + border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; + background: #333; +} +ul.navigation-menu li li { + border-top: 1px solid #404040; + border-bottom: 1px solid #2a2a2a; +} +ul.navigation-menu li li li { + border-top: 1px solid #303030; + border-bottom: 1px solid #303030; + border-bottom: 0; +} +ul.navigation-menu li li li li { + border-top: 1px solid #383838; + border-bottom: 1px solid #383838; + border-bottom: 0; +} +ul.navigation-menu li li li li li { + border-top: 1px solid #404040; + border-bottom: 1px solid #383838; + border-bottom: 0; +} +ul.navigation-menu>li>ul>li.parent { + border-top: 1px solid #404040; + border-bottom: 1px solid #2a2a2a; +} +ul.navigation-menu li ul ul { + border-top: 0; + border-bottom: 0; + background: transparent; +} + +ul.navigation-menu li ul ul>li:first-child a { + border-bottom: 0; +} +ul.navigation-menu li ul ul ul>li:first-child a { + border-bottom: 0; +} +ul.navigation-menu li ul ul ul ul>li:first-child a { + border-bottom: 0; +} +ul.navigation-menu li ul ul ul ul>li:first-child a { + border-bottom: 0; +} +ul.navigation-menu li.collapse.open>a.collapse-handler, +ul.navigation-menu li.bookmark.disabled>a, +ul.navigation-menu li.collapse.open + li.actions { + color: #eee !important; +} +ul.navigation-menu li.bookmark.disabled>a { + cursor: default !important; +} + +form#bookmark-form { + border-right: 1px solid #303030; +} +form#bookmark-form button { + border: 1px solid #2e2e2e; + border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; + background-position: 50% 3px; + background-repeat: no-repeat; + background-color: #303030 !important; +} +form#bookmark-form button { + background-image: url('../img/icons/icon-bookmark_add.png'); +} +form#bookmark-form button:hover { + border: 1px solid #ccc; + background-image: url('../img/icons/icon-bookmark_add-hover.png'); + background-color: #e6e6e6 !important; +} +form#bookmark-form button.bookmarked { + background-image: url('../img/icons/icon-bookmark_remove.png'); +} +form#bookmark-form button.bookmarked:hover { + background-image: url('../img/icons/icon-bookmark_remove-hover.png'); +} + + + +/* Breadcrumbs +------------------------------------------------------------------------------------------------------ */ + +div#breadcrumbs { + color: #666; + border-top: 1px solid #ccc; + border-bottom: 1px solid #ccc; + background: #e6e6e6; +} + + + +/* Messages +------------------------------------------------------------------------------------------------------ */ + +ul.messagelist li { + border-bottom: 1px solid #ccc; + background-color: #e8f2da; +} +ul.messagelist.success li { + background-color: #e8f2da; +} +ul.messagelist.error li { + background-color: #f2e6e6; +} + + + +/* Login Form +------------------------------------------------------------------------------------------------------ */ + +.login .module { + border: 0; + border-top-left-radius: 0; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; + border-top-right-radius: 0; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; + background: #333; +} +.login .module .row { + border-top: 1px solid #444; + border-bottom: 1px solid #222; +} +.login .module label { + color: #eee; +} + + + +/* COMPONENTS +–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ + + + +/* Modules +------------------------------------------------------------------------------------------------------ */ + +.module { + border: 1px solid #bdbdbd; + border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; + background: #eee; +} +.rte .module { + background: transparent; +} + + +/* Nested Modules Basics ......................................... */ + +.module .module, +.module fielset.module { + border: 0; + border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; +} +.module .module:first-child { + border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; + border-top-right-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; +} + + + +/* Groups +------------------------------------------------------------------------------------------------------ */ + +.group { + border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; +} + +.group.collapse.closed { + border: 2px solid #e0e0e0; +} +.group, +.group.collapse.closed:hover { + border: 2px solid #c7c7c7; +} + + + +/* Elements in Modules & Groups +------------------------------------------------------------------------------------------------------ */ + + +/* 1st Level Borders Top (Dark/Bright) ......................................... */ + +.group h2, +.module h2 { + border-bottom: 1px solid #bdbdbd; + border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; + border-top-right-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; + background: #d6d6d6; + background: -moz-linear-gradient(top, #e3e3e3, #d6d6d6); + background: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#d6d6d6)); +} +.group h2 { + border: 1px solid #bdbdbd; + border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; +} +.module h2+*, +.module h2+.tools+* { + border-top: 1px solid #fff; +} +.module h2+.module, +.module h2+.tools, +.module h2+.tools+.module { + border-top: 0 !important; +} + + +/* 2nd Level Borders Top (Dark/Bright) ......................................... */ + +.module .module { + border-top: 1px solid #c7c7c7; +} +.module .module>*:first-child { + border-top: 1px solid #eee; +} +#changelist .span-flexible .module .module:first-child { + border-top: 0; +} + +.group h3, +.module h3 { + border-bottom: 1px solid #c7c7c7; + background: #e0e0e0; + background: -moz-linear-gradient(top, #e9e9e9, #e0e0e0); + background: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#e0e0e0)); +} +.group h3 { + border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; + border-top-right-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; +} +.module h3+*, +.module h3+.tools+* { + border-top: 1px solid #fff; +} +.module h3+.module, +.module h3+.tools, +.module h3+.tools+.module { + border-top: 0 !important; +} + + +/* 3rd Level Borders Top (Dark/Bright) ......................................... */ + +.group .module .module, +.module .module .module { + border-top: 1px solid #d4d4d4; +} +.group .module .module>*:first-child, +.module .module .module>*:first-child { + border-top: 1px solid #f4f4f4; +} + +.group h4, +.module h4 { + border-bottom: 1px solid #d4d4d4; + background: #e8e8e8; + background: -moz-linear-gradient(top, #ededed, #e8e8e8); + background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#e8e8e8)); +} +.module h4+*, +.module h4+.tools+* { + border-top: 1px solid #fff; +} +.module h4+.tools { + border-top: 0 !important; +} +.module .description { + border-bottom: 1px solid #d4d4d4; +} + + + +/* Modules & Groups Overrides +------------------------------------------------------------------------------------------------------ */ + +.module .module:last-of-type { + border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; +} + + + +/* Collapsible Structures +------------------------------------------------------------------------------------------------------ */ + +.group .module.collapse.closed h3.collapse-handler, +.group .module.collapse.closed h4.collapse-handler, +.collapse.closed h2.collapse-handler, +.module .module.collapse.closed.last .collapse-handler, +.module .module.collapse.closed:last-child .collapse-handler { + border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; +} +.module.collapse.closed h2.collapse-handler, +.module.collapse.closed h3.collapse-handler, +.module.collapse.closed h4.collapse-handler { + border-bottom: 0; +} + + +/* 1st Level Collapsible-Handler ......................................... */ + +.collapse h2.collapse-handler { + background: #a1d4e5; + background: -moz-linear-gradient(top, #bcdfeb, #a1d4e5); + background: -webkit-gradient(linear, left top, left bottom, from(#bcdfeb), to(#a1d4e5)); +} +.collapse h2.collapse-handler:hover, +.collapse.open h2.collapse-handler { + background: #bcdfeb; + background: -moz-linear-gradient(top, #a1d4e5, #bcdfeb); + background: -webkit-gradient(linear, left top, left bottom, from(#a1d4e5), to(#bcdfeb)); +} + + +/* 2nd Level Collapsible-Handler ......................................... */ + +.group .collapse h3.collapse-handler, +.module .collapse h3.collapse-handler { + background: #cee9f2; + background: -moz-linear-gradient(top, #e1f0f5, #cee9f2); + background: -webkit-gradient(linear, left top, left bottom, from(#e1f0f5), to(#cee9f2)); +} +.group .collapse h3.collapse-handler:hover, +.module .collapse h3.collapse-handler:hover, +.group .collapse.open h3.collapse-handler, +.module .collapse.open h3.collapse-handler { + background: #e1f0f5; + background: -moz-linear-gradient(top, #cee9f2, #e1f0f5); + background: -webkit-gradient(linear, left top, left bottom, from(#cee9f2), to(#e1f0f5)); +} +.module .collapse h3.collapse-handler { + border-top: 1px solid #e1f0f5; +} + + +/* 3rd Level Collapsible-Handler ......................................... */ + +.group .module .collapse h4.collapse-handler, +.module .module .collapse h4.collapse-handler { + border-top: 1px solid #f0f7fa; + background: #e1f0f5; + background: -moz-linear-gradient(top, #ebf2f5, #e1f0f5); + background: -webkit-gradient(linear, left top, left bottom, from(#ebf2f5), to(#e1f0f5)); +} +.group .collapse h4.collapse-handler:hover, +.module .collapse h4.collapse-handler:hover, +.group .collapse.open h4.collapse-handler, +.module .collapse.open h4.collapse-handler { + background: #ebf2f5; + background: -moz-linear-gradient(top, #e1f0f5, #ebf2f5); + background: -webkit-gradient(linear, left top, left bottom, from(#e1f0f5), to(#ebf2f5)); +} + + + +/* Row +------------------------------------------------------------------------------------------------------ */ + +.row { + border-top: 1px solid #fff; + border-bottom: 1px solid #e0e0e0; +} +.row.first, +.row:first-child, +.module input[type=hidden] + .row { + border-top: 0 !important; + border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; + border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; +} +.row.last, +.row:last-child, +.row:last-of-type, +fieldset.module > .row.last, +fieldset.module > .row:last-child { + border-bottom: 0 !important; + border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; +} + + + +/* Cell +------------------------------------------------------------------------------------------------------ */ + +.cell { + border-right: 1px solid #e0e0e0; + border-left: 1px solid #fff; +} + + + +/* Fieldset Cell +------------------------------------------------------------------------------------------------------ */ + +fieldset.module .cell:first-child { + border-left: 0 !important; +} +fieldset.module .cell:last-child, +fieldset.module .cell.last { + border-right: 0 !important; +} +fieldset.module .cell.last + fieldset.module .cell { + border-left: 0 !important; +} + + + +/* Tabular Modules +------------------------------------------------------------------------------------------------------ */ + +.module.table { + border: 0; + border-collapse: separate; + border-spacing: 0 2px; + background: transparent; +} +.module.thead, +.module.tfoot { + color: #aaa; + background: transparent; +} +.module.table .tr, +.module.tbody { + background: transparent; +} +.module.table .th, +.module.table .td { + border-left: 1px solid #fff; + border-right: 1px solid #e0e0e0; +} +.module.thead .th:last-of-type, +.module.thead .td:last-of-type, +.module.tfoot .td:last-of-type { + border-right: 0; +} +.module.table .module.thead .th, +.module.table .module.thead .td { + border-top: 0; + background: none; +} +.module.tbody .th, +.module.tbody .td { + border-top: 1px solid #d4d4d4; + border-bottom: 1px solid #d4d4d4; + background: #eee; +} +.module.tbody .th:first-of-type, +.module.tbody .td:first-of-type { + border-left: 1px solid #ccc; + border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; + border-top-right-radius: 0; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; + border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; +} +.module.tbody .th:last-of-type, +.module.tbody .td:last-of-type { + border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; + border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; + border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; +} + + + +/* Add Items +------------------------------------------------------------------------------------------------------ */ + +.module.add-item { + border: 1px solid transparent; + background: #fff; +} + + + +/* Predelete +------------------------------------------------------------------------------------------------------ */ + +.predelete h2, .predelete h2.collapse-handler, +.predelete h3, .predelete h3.collapse-handler, +.predelete h4, .predelete h4.collapse-handler { + background: #f2e6e6 !important; + background: -moz-linear-gradient(top, #fff2f2, #f2e6e6) !important; + background: -webkit-gradient(linear, left top, left bottom, from(#fff2f2), to(#f2e6e6)) !important; +} +.predelete h2.collapse-handler:hover, +.predelete h3.collapse-handler:hover, +.predelete h4.collapse-handler:hover, +.collapse.open .predelete h2.collapse-handler, +.collapse.open .predelete h3.collapse-handler, +.collapse.open .predelete h4.collapse-handler { + background: #f2e6e6 !important; + background: -moz-linear-gradient(top, #f2e6e6, #fff2f2) !important; + background: -webkit-gradient(linear, left top, left bottom, from(#fff2f2), to(#f2e6e6)) !important; +} +.predelete, +.predelete .module, +.predelete .th, +.predelete .td { + background: #f2e6e6 !important; +} + + + +/* Selectors +------------------------------------------------------------------------------------------------------ */ + +.selector-available, .selector-chosen { + border: 1px solid #ccc; + border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; + background: #ddd; +} +.selector h2, .inline-group .selector h2, +.inline-related fieldset .selector-available h2, .inline-related fieldset .selector-chosen h2 { + border: 0; + border-bottom: 1px solid #d0d0d0; + background: transparent; +} +.selector .selector-filter { + color: #666; + border-top: 1px solid #e4e4e4; + border-bottom: 1px solid #e4e4e4; + border-top-left-radius: 5px;-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; + border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; +} +.selector h2 + .selector-filter { + border-radius-topleft: 0; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; + border-radius-topright: 0; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; +} +.selector select[multiple=multiple] { + border-left: 0; + border-top: 1px solid #d0d0d0; + border-bottom: 1px solid #d0d0d0; + border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; +} + +a.selector-chooseall, a.selector-clearall { + border-top: 1px solid #e4e4e4; +} + +.selector h2 + select { + border-top: 0; +} + +a.selector-chooseall, a.selector-clearall { + border-top: 1px solid #e4e4e4; +} + + + +/* Link-List, Actions, Feed, Table of Contents +------------------------------------------------------------------------------------------------------ */ + +.module.link-list, +.module.link-list .module, +.module.actions, +.module.actions .module, +.module.feed, +.module.feed .module { + background: #fff; +} +.link-list ul li, +.feed ul li, +.actions ul li, +.table-of-contents ul li { + border-top: 1px solid #fff; + border-bottom: 1px solid #e0e0e0; +} +.actions ul li { + color: #999; +} +.actions ul li:first-child, +.link-list ul li:first-child, +.feed ul li:first-child, +.table-of-contents ul li:first-child { + border-top: 0; +} +.actions ul li:last-child, +.link-list ul li:last-child, +.feed ul li:last-child, +.table-of-contents ul li:last-child { + border-bottom: 0; +} +.link-list ul li.selected a, +.table-of-contents ul li.selected a { + color: #444; +} +a.internal:link, a.internal:visited {} +a.internal:hover, a.internal:active, +.actions li.delete-link { + color: #666; +} +a.external:link, a.external:visited { + color: #83c3d9; +} +a.external:hover, a.external:active { + color: #666; +} + + + +/* Module Changelist Filters +------------------------------------------------------------------------------------------------------ */ + +.module.changelist-filters { + color: #666; + border: 1px solid #d4d4d4; + border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; + border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; +} +.module.changelist-filters:last-of-type, +body.filebrowser .module.changelist-filters { + border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; +} + + + +/* Module Search & Module Filter +------------------------------------------------------------------------------------------------------ */ + +.module.search, +.module.filter { + border: 0; + border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; +} +.module.filter .pulldown-container { + border: 1px solid #fff; + border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; +} +.module.filter.open .pulldown-container { + border-color: #ccc; + box-shadow: 0 0 10px #444; -moz-box-shadow: 0 0 10px #444; -webkit-box-shadow: 0 0 10px #444; +} + +.open a.button.toggle-filters, +.open.selected a.button.toggle-filters { + border-color: transparent !important; + border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0 !important; -webkit-border-bottom-left-radius: 0; + border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0 !important; -webkit-border-bottom-right-radius: 0; +} +a.button.toggle-filters:link, a.button.toggle-filters:visited { + color: #309bbf; + border-color: #ddd; +} +.selected a.button.toggle-filters:link, .selected a.button.toggle-filters:visited { + color: #444; + background-color: #e1f0f5; + background: #e1f0f5 url('../img/icons/icon-dropdown-hover.png') 100% 3px no-repeat; + background: url('../img/icons/icon-dropdown-hover.png') 100% 3px no-repeat, -moz-linear-gradient(top, #eee, #e0e0e0); + background: url('../img/icons/icon-dropdown-hover.png') 100% 3px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#eee), to(#e0e0e0)); +} +.open a.button.toggle-filters, .selected a.button.toggle-filters, +.selected a.button.toggle-filters:hover, .selected a.button.toggle-filters:active, +a.button.toggle-filters:hover, a.button.toggle-filters:active { + color: #666; + border-color: #ccc; + background-color: #e1f0f5; + background: #e1f0f5 url('../img/icons/icon-dropdown-hover.png') 100% 3px no-repeat; + background: url('../img/icons/icon-dropdown-hover.png') 100% 3px no-repeat, -moz-linear-gradient(top, #f0f7fa, #e1f0f5); + background: url('../img/icons/icon-dropdown-hover.png') 100% 3px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#f0f7fa), to(#e1f0f5)); +} +.selected a.button.toggle-filters:link, .selected a.button.toggle-filters:visited { + color: #666; + border-color: #ddd; + background-color: #e1f0f5; + background: #e1f0f5 url('../img/icons/icon-dropdown-hover.png') 100% 3px no-repeat; + background: url('../img/icons/icon-dropdown-hover.png') 100% 3px no-repeat, -moz-linear-gradient(top, #f0f7fa, #e1f0f5); + background: url('../img/icons/icon-dropdown-hover.png') 100% 3px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#f0f7fa), to(#e1f0f5)); +} +.open a.button.toggle-filters, +.open.selected a.button.toggle-filters, +.selected a.button.toggle-filters:hover, .selected a.button.toggle-filters:active, +a.button.toggle-filters:hover, a.button.toggle-filters:active { + color: #666; + border-color: #ccc; + background-color: #e1f0f5; + background: #e1f0f5 url('../img/icons/icon-dropdown-hover.png') 100% 3px no-repeat; + background: url('../img/icons/icon-dropdown-hover.png') 100% 3px no-repeat, -moz-linear-gradient(top, #f0f7fa, #e1f0f5); + background: url('../img/icons/icon-dropdown-hover.png') 100% 3px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#f0f7fa), to(#e1f0f5)); +} + +.filter-pulldown { + border: 1px solid transparent; + border-top: 0; + border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; + background: #e1f0f5; +} +.filter-pulldown label { + color: #999; +} + + + +/* Module Date Hierarchy +------------------------------------------------------------------------------------------------------ */ + +.module.date-hierarchy { + border: 1px solid #d9d9d9; + border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; + background: #eee; + background: -moz-linear-gradient(top, #eee, #e7e7e7); + background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#e7e7e7)); +} +.module + .module.date-hierarchy { + border-top-left-radius: 0; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; + border-top-right-radius: 0; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; +} +.module + .module.date-hierarchy .row { + border-top: 1px solid #fff !important; + border-top-left-radius: 0; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; + border-top-right-radius: 0; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; +} +.date-hierarchy a:link, .date-hierarchy a:visited { + color: #59afcc; +} +.date-hierarchy a:hover, .date-hierarchy a:active { + color: #444; +} +.date-hierarchy a.date-hierarchy-back:hover, .date-hierarchy a.date-hierarchy-back:active { + color: #666; +} + + + +/* Pagination +------------------------------------------------------------------------------------------------------ */ + +.module.pagination { + border: 1px solid #d9d9d9; + border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; +} +.module .module.pagination { + border: 0; +} +ul.pagination { + border-top: 0 !important; +} +ul.pagination li { + border: 1px solid #fff; + border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; +} + +ul.pagination span, +ul.pagination a { + border: 1px solid; + border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; + box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; +} +ul.pagination a:link, .pagination a:visited { + color: #59afcc; + border-color: #d9d9d9; +} +ul.pagination a:hover, .pagination a:active { + color: #444; + border-color: #bdbdbd; + background: #e0e0e0; + background: -moz-linear-gradient(top, #eee, #e0e0e0); + background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#e0e0e0)); +} +ul.pagination span { + color: #444; + border-color: #bdbdbd; + background: #e0e0e0; + background: -moz-linear-gradient(top, #eee, #e0e0e0); + background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#e0e0e0)); +} +ul.pagination li.separator span { + border-color: transparent; + background: transparent; +} + + + +/* Module Changelist-Results +------------------------------------------------------------------------------------------------------ */ + +.module.changelist-results { + border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; + background-color: #eee !important; +} + + + +/* Module Changelist Actions +------------------------------------------------------------------------------------------------------ */ + +.module.changelist-actions { + color: #ccc; + border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; + border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; + background: #eee; + background: -moz-linear-gradient(top, #eee, #e0e0e0); + background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#e0e0e0)); +} +.module.changelist-actions.all-selected, +.module.changelist-actions.all-selected + .module.changelist-results { + background: #ffffe6 !important; +} +.module.changelist-actions ul li { + border: 1px solid #444; + border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; +} +.module.changelist-actions ul a, +.module.changelist-actions ul span { + border: 1px solid; + border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; +} +.module.changelist-actions ul a:link, .module.changelist-actions ul a:visited { + color: #59afcc; + border-color: #333; + background: #333; + background: -moz-linear-gradient(top, #444, #333); + background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#333)); +} +.module.changelist-actions ul a:hover, .module.changelist-actions ul a:active { + color: #ccc; + border-color: #333; + background: #555; + background: -moz-linear-gradient(top, #666, #555); + background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#555)); +} +.module.changelist-actions ul span { + color: #ccc; + border-color: #333; +} +.module.changelist-actions ul span span { + border: 0; +} + + + +/* Module Footer +------------------------------------------------------------------------------------------------------ */ + +.module.footer { + border: 0; + border-top: 1px solid #bdbdbd; + border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; + background: #333; + background: -moz-linear-gradient(top, #444, #333); + background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#333)); +} + + + +/* Submit Row +------------------------------------------------------------------------------------------------------ */ + +.module.submit-row { + border: 0; + background: transparent; +} + + + +/* Tooltips +------------------------------------------------------------------------------------------------------ */ + +.module.search .tooltip .tooltip-content { + border: 1px solid #ccc; + border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; + background: #fff; + box-shadow: 0 10px 50px #333; -moz-box-shadow: 0 10px 50px #333; -webkit-box-shadow: 0 10px 50px #333; +} + + + +/* TOOLS +–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ + +ul.tools li { + border-top: 0 !important; + border-bottom: 0 !important; +} + + + +/* H1 + Tools +------------------------------------------------------------------------------------------------------ */ + +h1 + .tools a { + color: #fff; + border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; +} +h1 + .tools a:link, h1 + .tools a:visited { + background: #444; + background: -moz-linear-gradient(top, #666, #444); + background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#444)); +} +h1 + .tools a:hover, h1 + .tools a:active { + border-color: transparent; + background: #309bbf; + background: -moz-linear-gradient(top, #39bae5, #309bbf); + background: -webkit-gradient(linear, left top, left bottom, from(#39bae5), to(#309bbf)); +} +h1 + .tools a.add-handler:link, h1 + .tools a.add-handler:visited { + background-color: #444; + background: #444 0 50% no-repeat scroll; + background-image: url('../img/icons/icon-object-tools-add-handler.png'), -moz-linear-gradient(top, #666, #444); + background-image: url('../img/icons/icon-object-tools-add-handler.png'), -webkit-gradient(linear, left top, left bottom, from(#666), to(#444)); +} +h1 + .tools a.add-handler:hover, h1 + .tools a.add-handler:active { + background-color: #309bbf; + background: #309bbf 0 50% no-repeat scroll; + background-image: url('../img/icons/icon-object-tools-add-handler.png'), -moz-linear-gradient(top, #39bae5, #309bbf); + background-image: url('../img/icons/icon-object-tools-add-handler.png'), -webkit-gradient(linear, left top, left bottom, from(#39bae5), to(#309bbf)); +} + + +/* 1st Level H2 + Tools ......................................... */ + +.group h2+.tools, +.module h2+.tools { + border-top-right-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; +} + +.module h2+.tools li { + border-top-right-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; +} +.group h2+.tools, +.module.collapse.closed h2+.tools { + border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; +} + + +/* 2nd Level H3 + Tools ......................................... */ + +.group .module.collapse.closed h3+.tools, +.group .module.collapse.closed h3+.tools li, +.module.collapse.closed:last-child h3+.tools, +.module.collapse.closed:last-child h3+.tools li { + border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; +} +.group h3+.tools, +.group h3+.tools li { + border-top-right-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; +} + + +/* 3rd Level H4 + Tools ......................................... */ + +.module.collapse.closed:last-child h4+.tools, +.module.collapse.closed:last-child h4+.tools li { + border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; +} + + + +/* FORMS +–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ + + + +/* Errors +------------------------------------------------------------------------------------------------------ */ + +.errornote { + color: #f7f7f7; + border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; + background: #bf3030; +} +/* little fix to accomodate the top aligned login form .. */ +.errornote.login-errors { + border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; +} +ul.errorlist { + color: #bf3030; +} +.error input, .error select, .errors input, .errors select { + border: 1px solid #bf3030 !important; +} + + + +/* Labels & Other Typographic Elements in Forms +------------------------------------------------------------------------------------------------------ */ + +label { + color: #444; +} + + + +/* Form Elements +------------------------------------------------------------------------------------------------------ */ + +input, textarea, select, button { + color: #666; + border: 1px solid #bbb; + border-color: #ccc #ddd #ddd #ccc; + border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; + outline: 0; +} +input, textarea, select { + box-shadow: 0 1px 3px #eaeaea inset; -moz-box-shadow: 0 1px 3px #eaeaea inset; -webkit-box-shadow: 0 1px 3px #eaeaea inset; +} + +*:focus, input:focus, textarea:focus, select:focus { + border-color: #999 #bbb #bbb #999; +} +select:focus * { + border: 0 !important; + outline: 0 !important; +} + + +/* Searchbar ................................................... */ + +form#changelist-search { + border: 1px solid #fff; + border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; +} +input#searchbar { + border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px; +} + + +/* Select ................................................... */ + +option, +select[multiple=multiple] option { + border-bottom: 1px dotted #ddd !important; +} +option:last-child { + border-bottom: 0; +} + + +/* Autocomplete Fields ................................................... */ + +.vAutocompleteSearchField, +.vM2MAutocompleteSearchField { + background: #eaf5f8; +} + + +/* Read Only ................................................... */ + +input[readonly], +textarea[readonly], +select[readonly] { + background: #f4f4f4; +} + + + +/* BUTTONS +–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ + +input[type=submit], input[type=reset], input[type=button], button { + color: #fff; + border: 0; + border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; + background: #acd7e5; +} + + +/* Button Containers ................................................... */ + +.submit-row>*[class*="-container"] { + border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; + box-shadow: 0 0 5px #666; -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666; + background: #d6d6d6; +} +.submit-row>*[class*="-container"]:hover { + box-shadow: 0 0 5px #777; -moz-box-shadow: 0 0 5px #777; -webkit-box-shadow: 0 0 5px #777; + background: #d6d6d6; +} +.submit-row>*[class*="cancel-button-container"] { + box-shadow: 0 0 5px #aaa; -moz-box-shadow: 0 0 5px #aaa; -webkit-box-shadow: 0 0 5px #aaa; +} +.footer .submit-row>*[class*="-container"], +.footer .submit-row>*[class*="cancel-button-container"] { + border: 1px solid #666; + box-shadow: 0 0 5px #666; -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666; + background: #666; +} +.submit-row>*[class*="cancel-button-container"] { + box-shadow: 0 0 5px #aaa; -moz-box-shadow: 0 0 5px #aaa; -webkit-box-shadow: 0 0 5px #aaa; +} +.footer .submit-row>*[class*="-container"]:hover, +.footer .submit-row>*[class*="cancel-button-container"]:hover { + border: 1px solid #777; + box-shadow: 0 0 5px #777; -moz-box-shadow: 0 0 5px #777; -webkit-box-shadow: 0 0 5px #777; + background: #777; +} + + +/* Buttons & Buttonlike Links +------------------------------------------------------------------------------------------------------ */ + +.submit-row a.delete-link, +.submit-row a.cancel-link { + border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; +} +.submit-row input[type=submit] { + border: 1px solid #267c99; +} + +input[type=submit], +#bookmark-add-cancel, +.submit-row a.delete-link:link, .submit-row a.delete-link:visited, +.submit-row a.cancel-link:link, .submit-row a.cancel-link:visited, +.submit-row input[type=button] { + box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; +} + +.submit-row a.delete-link:link, .submit-row a.delete-link:visited { + color: #fff; + border: 1px solid #992626; + background: #bf3030; + background: -webkit-gradient(linear, left top, left bottom, from(#d93636), to(#bf3030)); + background: -moz-linear-gradient(top, #d93636, #bf3030); +} +#bookmark-add-cancel, +.submit-row a.cancel-link:link, .submit-row a.cancel-link:visited, +.submit-row input.cancel:hover { + color: #fff; + border: 1px solid #444; + background: #666; + background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#444)); + background: -moz-linear-gradient(top, #666, #444); +} + +input[type=submit] { + background: #309bbf; + background: -webkit-gradient(linear, left top, left bottom, from(#39bae5), to(#309bbf)); + background: -moz-linear-gradient(top, #39bae5, #309bbf); +} +input[type=submit]:hover, +#bookmark-add-cancel:hover, +.submit-row a.delete-link:hover, .submit-row a.delete-link:active, +.submit-row a.cancel-link:hover, .submit-row a.cancel-link:active, +.submit-row input.cancel { + color: #444; + border: 1px solid #aaa; + background: #d6d6d6; + background: -moz-linear-gradient(top, #e3e3e3, #d6d6d6); + background: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#d6d6d6)); +} +.footer input[type=submit]:hover, +.footer #bookmark-add-cancel:hover, +.footer .submit-row a.delete-link:hover, .footer .submit-row a.delete-link:active, +.footer .submit-row a.cancel-link:hover, .footer .submit-row a.cancel-link:active { + border: 1px solid #666; +} + +button.fb_show, +button.ui-datepicker-trigger, +button.ui-timepicker-trigger, +button.ui-gAutocomplete-browse, +button.ui-gAutoSlugField-toggle, +button.ui-gFacelist-browse, +a.button, +.vDateField + span a, +.vTimeField + span a, +a.fb_show, +a.related-lookup, +a.add-another, +.tinyMCE .browse span { + border-top-left-radius: 0; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; + border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; + border-top-right-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; + border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; +} + +button { + background: #309bbf; + background-image: -moz-linear-gradient(top, #33a6cc, #309bbf); + background-image: -webkit-gradient(linear, left top, left bottom, from(#33a6cc), to(#309bbf)); +} +button:hover { + background: #666; + background-image: -moz-linear-gradient(top, #555, #444); + background-image: -webkit-gradient(linear, left top, left bottom, from(#555), to(#444)); +} + +button.fb_show, +button.ui-gAutocomplete-browse, +button.ui-gFacelist-browse, +button.ui-gAutoSlugField-toggle, +button.ui-datepicker-trigger, +button.ui-timepicker-trigger, +.tinyMCE .browse span { + border: 1px solid #ccc; + background-color: #e1f0f5; +} +button.fb_show:hover, +button.ui-gAutocomplete-browse:hover, +button.ui-gFacelist-browse:hover, +button.ui-gAutoSlugField-toggle:hover, +button.ui-datepicker-trigger:hover, +button.ui-timepicker-trigger:hover, +.tinyMCE .browse span:hover { + background-color: #e1e1e1; +} +button.fb_show[disabled], +button.ui-gAutocomplete-browse[disabled], +button.ui-gFacelist-browse[disabled], +button.ui-gAutoSlugField-toggle[disabled], +button.ui-datepicker-trigger[disabled], +button.ui-timepicker-trigger[disabled], +input[disabled] + a { + background-color: transparent !important; + opacity: 0.3; + cursor: auto !important; +} + + +/* Autocomplete Button ......................................... */ + +button.ui-gAutocomplete-browse, +button.ui-gFacelist-browse { + background-image: url('../img/icons/icon-related-lookup.png'), -moz-linear-gradient(top, #ebf2f5, #e1f0f5); + background-image: url('../img/icons/icon-related-lookup.png'), -webkit-gradient(linear, left top, left bottom, from(#ebf2f5), to(#e1f0f5)); +} +button.ui-gAutocomplete-browse:hover, +button.ui-gFacelist-browse:hover { + background-image: url('../img/icons/icon-related-lookup-hover.png'), -moz-linear-gradient(top, #e1e1e1, #eee); + background-image: url('../img/icons/icon-related-lookup-hover.png'), -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(#eee)); +} + +.errors button.ui-gAutocomplete-browse, +.errors button.ui-gFacelist-browse { + border-color: #bf3030 #bf3030 #bf3030 #ccc; +} + + +/* AutoSlugField Button ......................................... */ + +/* TODO: lock/unlock icons .. */ + +button.ui-gAutoSlugField-toggle { + background-image: url('../img/icons/icon-related-lookup.png'), -moz-linear-gradient(top, #ebf2f5, #e1f0f5); + background-image: url('../img/icons/icon-related-lookup.png'), -webkit-gradient(linear, left top, left bottom, from(#ebf2f5), to(#e1f0f5)); +} +button.ui-gAutoSlugField-toggle:hover { + background-image: url('../img/icons/icon-related-lookup-hover.png'), -moz-linear-gradient(top, #e1e1e1, #eee); + background-image: url('../img/icons/icon-related-lookup-hover.png'), -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(#eee)); +} +.errors button.ui-gAutoSlugField-toggle { + border-color: #bf3030 #bf3030 #bf3030 #ccc; +} + + +/* Datepicker Button ......................................... */ + +button.ui-datepicker-trigger { + background-image: url('../img/icons/icon-datepicker.png'), -moz-linear-gradient(top, #ebf2f5, #e1f0f5); + background-image: url('../img/icons/icon-datepicker.png'), -webkit-gradient(linear, left top, left bottom, from(#ebf2f5), to(#e1f0f5)); +} +button.ui-datepicker-trigger:hover { + background-image: url('../img/icons/icon-datepicker-hover.png'), -moz-linear-gradient(top, #e1e1e1, #eee); + background-image: url('../img/icons/icon-datepicker-hover.png'), -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(#eee)); +} + + +/* Timepicker Button ......................................... */ + +button.ui-timepicker-trigger { + background-image: url('../img/icons/icon-timepicker.png'), -moz-linear-gradient(top, #ebf2f5, #e1f0f5); + background-image: url('../img/icons/icon-timepicker.png'), -webkit-gradient(linear, left top, left bottom, from(#ebf2f5), to(#e1f0f5)); +} +button.ui-timepicker-trigger:hover { + background-image: url('../img/icons/icon-timepicker-hover.png'), -moz-linear-gradient(top, #e1e1e1, #eee); + background-image: url('../img/icons/icon-timepicker-hover.png'), -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(#eee)); +} + + +/* Search Button ......................................... */ + +button.search { + border-color: transparent !important; + background-color: transparent; +} + + + +/* Links as Buttons +------------------------------------------------------------------------------------------------------ */ + +a.button, +.datecrumbs a, +.datecrumbs span { + border: 1px solid #e0e0e0; + border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; +} + + +/* Drop-Down Button ......................................... */ + +a.button.drop-down[class*="selected"] { + color: #444 !important; + border-color: #b0b0b0; + border-bottom-width: 0 !important; + border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0 !important; -webkit-border-bottom-left-radius: 0; + border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0 !important; -webkit-border-bottom-right-radius: 0; + box-shadow: 0 -2px 3px #bbb, -2px -2px 3px #bbb, 2px -2px 3px #bbb; + -moz-box-shadow: 0 -2px 3px #bbb, -2px -2px 3px #bbb, 2px -2px 3px #bbb; + -webkit-box-shadow: 0 -2px 3px #bbb, -2px -2px 3px #bbb, 2px -2px 3px #bbb; +} +a.button.drop-down:link, a.button.drop-down:visited { + color: #309bbf; + background-color: #fff; +} +a.button.drop-down[class*="selected"], +a.button.drop-down:hover, a.button.drop-down:active { + color: #666; + background-color: #e1f0f5; + background: #e1f0f5 url('../img/icons/icon-dropdown-hover.png') 3px 3px no-repeat; + background: url('../img/icons/icon-dropdown-hover.png') 3px 3px no-repeat, -moz-linear-gradient(top, #f0f7fa, #e1f0f5) !important; + background: url('../img/icons/icon-dropdown-hover.png') 3px 3px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#f0f7fa), to(#e1f0f5)); +} + + +/* Filebrowser & Related Lookup ......................................... */ + +a.fb_show, +a.related-lookup { + border: 1px solid #ccc; +} +a.fb_show:link, a.fb_show:visited, +a.related-lookup:link, a.related-lookup:visited { + background-color: #e1f0f5; +} +a.fb_show:hover, a.fb_show:active, +a.related-lookup:hover, a.related-lookup:active { + background-color: #e1e1e1; +} + +a.fb_show:link, a.fb_show:visited, +.tinyMCE .browse span { + background-image: url('../img/icons/icon-fb-show.png'), -moz-linear-gradient(top, #ebf2f5, #e1f0f5); + background-image: url('../img/icons/icon-fb-show.png'), -webkit-gradient(linear, left top, left bottom, from(#ebf2f5), to(#e1f0f5)); +} +a.fb_show:hover, a.fb_show:active, +.tinyMCE .browse span:hover { + background-image: url('../img/icons/icon-fb-show-hover.png'), -moz-linear-gradient(top, #e1e1e1, #eee); + background-image: url('../img/icons/icon-fb-show-hover.png'), -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(#eee)); +} +a.related-lookup:link, a.related-lookup:visited { + background-image: url('../img/icons/icon-related-lookup.png'), -moz-linear-gradient(top, #ebf2f5, #e1f0f5); + background-image: url('../img/icons/icon-related-lookup.png'), -webkit-gradient(linear, left top, left bottom, from(#ebf2f5), to(#e1f0f5)); +} +a.related-lookup:hover, a.related-lookup:active { + background-image: url('../img/icons/icon-related-lookup-hover.png'), -moz-linear-gradient(top, #e1e1e1, #eee); + background-image: url('../img/icons/icon-related-lookup-hover.png'), -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(#eee)); +} + +a.related-lookup + strong { + color: #555; +} + + +/* Add Another ......................................... */ + +a.add-another { + border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; +} + + +/* Buttons & Button Links in Errors ......................................... */ + +.error input + button, +.error .vDateField + button, +.error .vTimeField + button, +.error input + a.fb_show, +.error input + a.related-lookup, +.error input + a.add-another, +.errors input + button, +.errors .vDateField + button, +.errors .vTimeField + button, +.errors input + a.fb_show, +.errors input + a.related-lookup, +.errors input + a.add-another { + border-color: #bf3030; +} + + +/* Focused Buttons & Button Links ......................................... */ + +input:focus + button, +.vDateField:focus + span a, +.vTimeField:focus + span a, +input:focus + a.fb_show, +input:focus + a.related-lookup, +input:focus + a.add-another { + border-color: #bbb; + border-left-color: #ccc; +} + + + +/* TABLES +–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ + +tr.alt th, tr.alt td { + background: #f4f4f4; +} +.row1 th, .row1 td { + background: #f4f4f4; +} +.row2 th, .row2 td { + background: #fff; +} +.selected th, .selected td { + background: #ffd; +} + + +/* Thead ................................................... */ + +thead th, +tfoot td { + color: #aaa; + border-left: 1px solid #d4d4d4; + border-bottom: 1px solid #d4d4d4; + background: #eee; + background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#e0e0e0)); + background: -moz-linear-gradient(top, #eee, #e0e0e0); +} +thead th:first-of-type { + border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; +} +thead th:last-of-type { + border-top-right-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; +} +thead th.sorted { + border-bottom: 1px solid #ccc; + background: #e0e0e0; + background: -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#eee)); + background: -moz-linear-gradient(top, #e0e0e0, #eee); +} + +thead th a:link, thead th a:visited { + color: #59afcc; + border-top: 1px solid #fff; +} +thead th a:hover, thead th a:active, +thead th.sorted a { + color: #444; +} +thead th.sorted a { + border-top: 1px solid #ececec; +} + + +/* Tbody ................................................... */ + +tbody th, tbody td { + border-top: 1px solid #fff; + border-bottom: 1px solid #e0e0e0; +} + +tfoot td { + border-bottom: 0; + border-top: 1px solid #d4d4d4; +} + +thead th:first-child, +tfoot td:first-child { + border-left: 0; +} + +fieldset table { + border-right: 1px solid #eee; +} + +tr.row-label td { + border-bottom: 0; + color: #666; +} + + + +/* Changelist Table +------------------------------------------------------------------------------------------------------ */ + +#changelist table { + border: 1px solid #bdbdbd; +} +#changelist tbody th, #changelist tbody td { + border: 0; + border-top: 1px solid #e8e8e8; + border-left: 1px solid #e0e0e0; +} +#changelist tbody tr:first-child th, #changelist tbody tr:first-child td { + border-top: 1px solid #fff; +} +#changelist tbody tr th:first-child, #changelist tbody tr td:first-child { + border-left: 0; +} + +#changelist .changelist-results, +#changelist table { + border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; +} + +#changelist thead th:first-of-type, +#changelist thead th:first-of-type a, +#changelist thead *:first-child[style^="display: none"] + *, +#changelist thead *:first-child[style^="display: none"] + * a { + border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; +} +#changelist thead th:last-of-type, +#changelist thead th:last-of-type a { + border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; +} +#changelist tbody tr:last-of-type>*:first-child, +#changelist tbody tr:last-of-type>*:first-child[style^="display: none"] + * { + border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; +} +#changelist tbody tr:last-of-type>*:last-child, +#changelist.editable tbody tr:last-of-type td:nth-last-child(-n+2) { + border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; +} + +#changelist thead *[style^="display: none"] + *, +#changelist tbody tr *[style^="display: none"] + * { + border-left: 0; +} + + + +/* Change History +------------------------------------------------------------------------------------------------------ */ + +table#change-history thead th:first-child { + border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; +} +table#change-history thead th:last-child { + border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; +} + + + +/* Overrides +------------------------------------------------------------------------------------------------------ */ + +tbody th:first-child, tbody td:first-child { + border-left: 0; +} +tbody tr:last-child td, tbody tr:last-child th { + border-bottom: 0; +} diff --git a/app/lib/grappelli/media/css/jquery-ui-grappelli-extensions.css b/app/lib/grappelli/media/css/jquery-ui-grappelli-extensions.css new file mode 100755 index 0000000..1b2a902 --- /dev/null +++ b/app/lib/grappelli/media/css/jquery-ui-grappelli-extensions.css @@ -0,0 +1,596 @@ + + + +/* Widget Basics +------------------------------------------------------------------------------------------------------ */ + +.module.ui-widget { + border: none; + background: #fff; +} +.ui-widget-content { + border: 1px solid #ccc; + border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; + background: #eee; +} + + + +/* Sortable +------------------------------------------------------------------------------------------------------ */ + +.ui-sortable-helper { + opacity: .8; +} +.ui-sortable .module.ui-sortable-placeholder { + border: 1px solid #bdbdbd; + border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; + background: transparent url('../img/backgrounds/ui-sortable-placeholder.png') 0 0 repeat scroll; +} +.group.stacked .ui-sortable .module.ui-sortable-placeholder { + display: block; + margin-top: 2px; +} +.group.tabular .ui-sortable .module.ui-sortable-placeholder { + border: 0 !important; + overflow: hidden; +} +.group.tabular .ui-sortable .module.ui-sortable-placeholder .td { + background: transparent; +} +.group.tabular .module.ui-sortable-helper { + border-top: 0 !important; + -moz-box-sizing: padding-box !important; +} + + + +/* Accordion +------------------------------------------------------------------------------------------------------ */ + + +/* Overlays */ +.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } +.ui-accordion .ui-accordion-li-fix { display: inline; } +.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } +.ui-accordion .ui-accordion-header a { + display: block; + font-size: 1em; + padding: 0 0 0 12px; +} +.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } +.ui-accordion .ui-accordion-content { + top: 0; + margin-top: 0; + margin-bottom: 0; + padding: 5px 15px; + border-top: 1px solid #fff; +} +.ui-accordion .ui-accordion-content-active { display: block; } + + + +/* Datepicker +----------------------------------*/ +.datetime br { + display: none; +} +.datetimeshortcuts { + width: 40px; + position: relative; + margin-left: 10px; +} +.datetimeshortcuts a { + margin-left: 0 !important; +} + +.ui-accordion-header { + margin-top: 2px !important; + cursor: pointer; + outline: none; +} +.ui-accordion .ui-accordion-header a { + padding: 0 0 0 12px; + color: #444; + outline: none; +} + +.ui-accordion-header.ui-state-default { + border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; +} +.ui-accordion-header.ui-state-active { + border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; + border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; +} + + +/* Accordion Module ......................................... */ + +.module .ui-accordion-header.ui-state-default { + border: 1px solid #bdbdbd; + background-color: #a1d4e5; +} +.module .ui-accordion-header.ui-state-default:hover { + background-color: #d6d6d6; +} +.module .ui-accordion-header.ui-state-active { + border: 1px solid #bdbdbd; + background-color: #d6d6d6; +} + + + +/* Accordion Module in Group......................................... */ + +.group .module .ui-accordion-header.ui-state-default { + border: 1px solid #c7c7c7; + background-color: #cee9f2; +} +.group .module .ui-accordion-header.ui-state-default:hover { + background-color: #e0e0e0; +} +.group .module .ui-accordion-header.ui-state-active { + border: 1px solid #c7c7c7; + background-color: #e0e0e0; +} +.group .module .ui-accordion-header { + border-top: 1px solid #4ef; +} + + + +/* Datepicker +------------------------------------------------------------------------------------------------------ */ + +.ui-datepicker { + width: auto !important; padding: 3px 3px 0; + border-color: #bdbdbd; + box-shadow: 0 10px 50px #333; -moz-box-shadow: 0 10px 50px #333; -webkit-box-shadow: 0 10px 50px #333; +} +.ui-datepicker .ui-datepicker-header { + padding: 2px 0; + height: 25px; +} +.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next, +.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { + position: absolute; + top: 4px; + width: 20px; + height: 30px; + background-color: transparent; + background-position: 50% 50%; + background-repeat: no-repeat; + cursor: pointer; +} +.ui-datepicker .ui-datepicker-prev { + left: 3px; + background-image: url('../img/icons/ui-datepicker-prev.png'); +} +.ui-datepicker .ui-datepicker-prev-hover { + left: 3px; + border: none; + background-image: url('../img/icons/ui-datepicker-prev-hover.png'); +} +.ui-datepicker .ui-datepicker-next { + right: 3px; + background-image: url('../img/icons/ui-datepicker-next.png'); +} +.ui-datepicker .ui-datepicker-next-hover { + right: 3px; + border: none; + background-image: url('../img/icons/ui-datepicker-next-hover.png'); +} +.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { + display: none !important; +} + + +.ui-datepicker .ui-datepicker-title { + margin: 3px 25px 2px; + line-height: 1.8em; + text-align: center; +} +.ui-datepicker .ui-datepicker-title select { + float:left; + font-size:1em; + margin: -3px 0 -1px !important; + min-width: 30px; +} +.ui-datepicker select.ui-datepicker-month-year {width: 100%;} +.ui-datepicker select.ui-datepicker-month, +.ui-datepicker select.ui-datepicker-year { width: 49%;} +.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { + float: right; +} +.ui-datepicker table { + width: 100%; + font-size: 12px; + margin: 0 0 2px; +} +.ui-datepicker th { + padding: 5px 0; + text-align: center; + font-weight: bold; + border: 0; + background: transparent; +} +.ui-datepicker td { + min-width: 25px; + border: 0; padding: 1px; +} +.ui-datepicker td span, .ui-datepicker td a { + padding: 4px 0 3px; + margin:0!important; + text-align: center; + display:block; + border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; +} +.ui-datepicker td a.ui-state-hover { + color: #fff !important; + border-color: transparent !important; + background: #444 !important; +} +.ui-datepicker td a.ui-state-active { + background: #fff; +} +.ui-datepicker td a.ui-state-highlight { + border-color: #bababa; + background: #d6d6d6; +} +.ui-datepicker .ui-datepicker-buttonpane { + background-image: none; + margin: 5px 0 0; + padding: 0; + border: 0; +} +.ui-datepicker .ui-datepicker-buttonpane button { + float: right; + margin: 3px 0; + padding: 4px 5px 5px; + height: 25px; + color: #aaa; font-size: 11px; + border: 1px solid #c7c7c7; + background: transparent; + cursor: pointer; +} +@media screen and (-webkit-min-device-pixel-ratio:0) { + .ui-datepicker .ui-datepicker-buttonpane button { + padding: 5px 8px 4px; + } +} +.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { + opacity: 1 !important; + color: #444; font-weight: bold; + background: #cee9f2; +} +.ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover { + color: #fff !important; + border-color: #444 !important; + background: #444 !important; +} + +.ui-datepicker-multi .ui-datepicker-group-first .ui-datepicker-title, +.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-title { + margin-right: 5px !important; +} +.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-title, +.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-title { + margin-left: 5px !important; +} + +.ui-datepicker-multi .ui-datepicker-group table { + width: 95%; +} +.ui-datepicker-multi .ui-datepicker-group-first table, +.ui-datepicker-multi .ui-datepicker-group-middle table { + margin-right: 5px !important; +} +.ui-datepicker-multi .ui-datepicker-group-middle table, +.ui-datepicker-multi .ui-datepicker-group-last table { + margin-left: 5px !important; +} +.ui-datepicker-multi .ui-datepicker-group-middle table { + margin-left: 3px !important; +} +.ui-datepicker-multi .ui-datepicker-buttonpane { + border: none; +} + +.ui-datepicker-append { + margin-left: 6px; color: #999; font-size: 10px; +} + +.ui-datepicker td.ui-state-disabled { + padding:1px; + text-align: center; +} +.ui-datepicker td.ui-state-disabled span { + background: #ccc; + color: #555 !important; + font-weight: bold; + font-size: 11px; + border-radius: 3px; -moz-border-radius: 3px; -webkit-borderradius: 3px; +} +button.ui-datepicker-close { + float: left !important; + margin-right: 4px !important; +} + + + +/* Timepicker +------------------------------------------------------------------------------------------------------ */ + +#ui-timepicker { + padding: 5px 3px 3px 5px; + width: 216px; + border: 1px solid #bdbdbd; + box-shadow: 0 10px 50px #333; -moz-box-shadow: 0 10px 50px #333; -webkit-box-shadow: 0 10px 50px #333; +} +#ui-timepicker ul { + position: relative; + float: left; + clear: both; + width: auto; +} +#ui-timepicker ul li.row { + position: relative; + float: left; + display: block; + margin: 0 2px 2px 0; + padding: 2px 10px 1px; + width: 30px; + font-size: 11px; + text-align: center; + border: 0; + border-radius: 3px; -moz-border-radius: 3px; -webkit-borderradius: 3px; + cursor: pointer; +} +#ui-timepicker .row.ui-state-default { + border: 1px solid #c7c7c7 !important; + background: #e1f0f5; +} +#ui-timepicker .row.ui-state-active { + border: 1px solid #bababa !important; + background: #d6d6d6; +} +#ui-timepicker .row.ui-state-default:hover { + color: #fff; + border: 1px solid #666 !important; + background: #444; +} + + + +/* Tabs +------------------------------------------------------------------------------------------------------ */ + +.ui-tabs { +/* padding: 0;*/ + zoom: 1; + border: 0 !important; + background: transparent; +} +.group-tabs { +/* border: 2px solid #e0e0e0;*/ +} +.ui-tabs .ui-tabs-nav { + margin-top: 2px; + padding: 0; + color: #444; + font-size: 12px; + border: none; + border-bottom: 1px solid #bdbdbd; + border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; + background: none; +} +.ui-tabs .ui-tabs-nav li { + position: relative; float: left; + border-bottom-width: 1px !important; + margin: 0 2px -1px 0; + padding: 0; +} +.ui-tabs .ui-tabs-nav li a { + float: left; + text-decoration: none; + padding: 6px 10px 6px; +} +.ui-tabs .ui-tabs-nav li.ui-tabs-selected { + padding-bottom: 0px; border-bottom-width: 1px; +} +.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } +.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { + cursor: pointer; +} /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ +.group-tabs-link.ui-state-default { +/* border-color: #d4d4d4;*/ +/* border-bottom-color: transparent;*/ + background: transparent; + + background: #e1f0f5; + background: -moz-linear-gradient(top, #cee9f2, #e1f0f5); + background: -webkit-gradient(linear, left top, left bottom, from(#cee9f2), to(#e1f0f5)); +} +.group-tabs-link.ui-state-default:hover { + color: #444 !important; + border: 1px solid #c7c7c7; + background: #cee9f2; + background: -moz-linear-gradient(top, #e1f0f5, #cee9f2); + background: -webkit-gradient(linear, left top, left bottom, from(#e1f0f5), to(#cee9f2)); +} +.group-tabs-link.ui-state-default.ui-tabs-selected { + border: 1px solid #c7c7c7; + border-bottom-color: transparent; + background: #e0e0e0; + background: -moz-linear-gradient(top, #e9e9e9, #e0e0e0); + background: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#e0e0e0)); + + background: #e9e9e9; + background: -moz-linear-gradient(top, #e0e0e0, #e9e9e9); + background: -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#e9e9e9)); +} + + +.ui-tabs-nav li a { +/* color: #83c3d9 !important;*/ + margin-bottom: 0px; + background: transparent !important; +} +.ui-tabs-nav li a:hover { + color: #444 !important; + margin-bottom: 0px; + background: transparent !important; +} +.ui-tabs-nav li.ui-tabs-selected a { + color: #444 !important; + padding: 6px 10px 6px; +} +.ui-tabs .ui-tabs-panel { + margin-top: 0 !important; + padding: 0; + display: block; + border: 1px solid #ccc; + border-top-left-radius: 0; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; + border-top-right-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; + background: #eee; +} +.ui-tabs-panel h3 { display: none; } +.ui-tabs-panel > h3 + .module { + border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; +} +.ui-tabs-panel > h3 + .module > h4:first-child { + margin-top: -1px; +/* border-top: 0 !important;*/ + border-top-right-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; +} +.ui-tabs .ui-tabs-hide { display: none !important; } + + + +/* gAutocomplete +------------------------------------------------------------------------------------------------------ */ + +.ui-gAutocomplete-wrapper { + position: absolute; + z-index: 400; +} +ul.ui-gAutocomplete-results { + margin-top: 4px; + padding: 5px; + border: 1px solid #ddd; + border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; + box-shadow: 0 0 3px #444; -moz-box-shadow: 0 0 3px #444; -webkit-box-shadow: 0 0 3px #444; + background: #fff; +} +/* inline bug fix */ +.group ul.ui-gAutocomplete-results { + margin-left:171px; + width:745px; +} +ul.ui-gAutocomplete-results li { + padding: 2px 5px; + color: #666; + cursor: pointer; +} +/* hover and selected must bear a slight style + * difference since they have a slight behevior + * difference + **/ +ul.ui-gAutocomplete-results li:hover { + background: #dfe7e9; +} +ul.ui-gAutocomplete-results li.selected { + background: #e1f0f5; + font-weight:bold; +} +ul.ui-gAutocomplete-results li:first-child { + border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; + border-top-right-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; +} +ul.ui-gAutocomplete-results li:last-child { + border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; +} +ul.ui-gAutocomplete-results li + li { + border-top: 1px solid #eee; +} + +ul.ui-gAutocomplete-results li b { + margin: 0 1px; + color: #444; +} + + + +/* Facelist +------------------------------------------------------------------------------------------------------ */ +.ui-gFacelist-wrapper { + margin-left:160px; + width:758px; +} + +.ui-gFacelist-wrapper.focus { + border-color: #999 #BBB #BBB #999; +} + +.ui-gFacelist-toolbar button { + border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; +} + +ul.ui-gFacelist-facelist { + clear:both; + padding: 5px 5px 5px 0; + position: relative; float: left; clear: both; + width:758px; + box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; +} + +li.ui-gFacelist-item { + cursor: pointer; + background:#ddd; + background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ebf2f5), to(#e1f0f5)); + background-image: -moz-linear-gradient(top, #ebf2f5, #e1f0f5); + background-repeat:no-repeat; + border:1px solid #ccc; + border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; + -webkit-box-sizing: border-box; + float: left; + font-weight: bold; + margin-top: 5px; + margin-right: 5px; + padding: 4px 7px 3px 4px; + opacity: 1; + position: relative; + width: auto; +} + +li.ui-gFacelist-item:hover { + background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e1e1e1), to(#eee)); + background-image: -moz-linear-gradient(top, #e1e1e1, #eee); +} + +li.ui-gFacelist-item span { + background:transparent url('../img/icons/icon-bookmark_remove-inactive.png') no-repeat 2px 2px; + padding:0 0 0 18px; +} + +li.ui-gFacelist-item:hover span { + background:transparent url('../img/icons/icon-bookmark_remove.png') no-repeat 2px 2px; +} + + + +/* AutoSlugField +------------------------------------------------------------------------------------------------------ */ + +.ui-gAutoSlugField-preview { + display:block; + color:#999; + padding:2px 6px; + background:#eee; + border:1px solid #ddd; + border-width:0 1px 1px 1px; + margin-left:160px; + width:744px; +} diff --git a/app/lib/grappelli/media/css/reset.css b/app/lib/grappelli/media/css/reset.css new file mode 100755 index 0000000..fc0788c --- /dev/null +++ b/app/lib/grappelli/media/css/reset.css @@ -0,0 +1,38 @@ +/* -------------------------------------------------------------- + + reset.css + * Resets default browser CSS. + +-------------------------------------------------------------- */ + +html, body, div, span, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, code, +del, dfn, em, img, q, dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td { + margin: 0; + padding: 0; + border: 0; + font-weight: inherit; + font-style: inherit; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; +} + +body { + line-height: 1.5; +} + +/* Tables still need 'cellspacing="0"' in the markup. */ +table { border-collapse: separate; border-spacing: 0; } +caption, th, td { text-align: left; font-weight: normal; } +table, td, th { vertical-align: middle; } + +/* Remove possible quote marks (") from <q>, <blockquote>. */ +blockquote:before, blockquote:after, q:before, q:after { content: ""; } +blockquote, q { quotes: "" ""; } + +/* Remove annoying border on linked images. */ +a img { border: none; } diff --git a/app/lib/grappelli/media/css/structures.css b/app/lib/grappelli/media/css/structures.css new file mode 100644 index 0000000..2e882a7 --- /dev/null +++ b/app/lib/grappelli/media/css/structures.css @@ -0,0 +1,654 @@ + + + +/* Body +------------------------------------------------------------------------------------------------------ */ + +body { + padding: 58px 20px 0; + font-family: Arial, sans-serif; + font-size: 12px; + line-height: 16px; +} +body.popup { + padding-top: 0; +} + + + +/* Container +------------------------------------------------------------------------------------------------------ */ + +#container { + z-index: 0; + position: relative; + float: left; + clear: both; + margin: 0; + padding: 0; + width: 100%; +} + + + +/* Header +------------------------------------------------------------------------------------------------------ */ + +#header { + position: fixed; + top: 0; + left: 0; + z-index: 1100; + padding: 0 20px; + width: 100%; + height: 30px; + font-size: 11px; + line-height: 14px; + font-weight: bold; +} +body.filebrowser.popup #header { + display: none; +} + + + +/* Branding, Bookmarks & User-Tools +------------------------------------------------------------------------------------------------------ */ + +.branding, .admin-title, +#bookmarks li, #user-tools li { + margin: 0; + padding: 8px 10px; +} +.branding { + display: none; + position: relative; + float: right; + width: 10px; + background: url('../img/grappelli-icon.png') 50% 50% no-repeat; +} +.admin-title { + position: relative; + float: left; + margin: 0 0 0 -20px; + padding-left: 20px; + padding-right: 20px; +} +#header ul li { + position: relative; + float: left; +} + + +/* Navigation Menu (UL Navigation-Menu of Admin-Tools) ................................................... */ + +ul.navigation-menu { + position: relative; + float: left; +} +ul.navigation-menu li { + float: none !important; +} +ul.navigation-menu>li { + position: relative; + float: none !important; + display: block; + margin: 0; +} +ul.navigation-menu>li>a { + display: block; + padding: 8px 10px; + font-size: 11px !important; +} +ul.navigation-menu li.bookmark, +ul.navigation-menu li.actions { + float: left !important; +} +ul.navigation-menu li ul { + position: absolute; + z-index: 1 !important; + float: none !important; + margin-top: -1px; + padding: 0; + min-width: 220px; + white-space: nowrap; + +/* box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;*/ +} +ul.navigation-menu>li>a+ul { + overflow: hidden; + overflow-x: hidden; +/* padding-right: 20px;*/ +/* width: 500px;*/ +/* box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;*/ + box-shadow: 0 0 20px #333; -moz-box-shadow: 0 0 20px #333; -webkit-box-shadow: 0 0 20px #333; +} +ul.navigation-menu>li>ul>li.parent { +/* padding-bottom: 4px;*/ +} + +ul.navigation-menu li ul ul { + position: relative; + float: none; + margin-top: 0; + width: 100%; +} + +ul.navigation-menu li li.item-collapse.item-open { + background: #3a3a3a; +} +ul.navigation-menu li li li.item-collapse.item-open { +/* border: 1px solid #383838;*/ + -moz-border-radius: 4px; + background: #424242; +} +ul.navigation-menu li li li.item-collapse.item-open + li { +/* border: 0 !important;*/ +} +ul.navigation-menu li li li li.item-collapse.item-open { +/* border: 1px solid #404040;*/ + background: #4a4a4a; +} +ul.navigation-menu li li li li.item-collapse.oitem-pen + li { +/* border: 0 !important;*/ +} +ul.navigation-menu li li li li li.item-collapse.item-open { +/* border: 1px solid #484848;*/ + background: #525252; +} +ul.navigation-menu li li li li li.item-collapse.item-open + li { +/* border: 0 !important;*/ +} + +ul.navigation-menu li li { + padding: 0 10px; +} +ul.navigation-menu li li li { + margin: 0 -20px 0 -10px; + padding: 0 10px 0 20px; + box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; +} +ul.navigation-menu li li li li { + margin: 0 -10px 0 -20px; + padding: 0 10px 0 30px; +/* box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;*/ +} +ul.navigation-menu li li li li li { + margin: 0 -10px 0 -30px; + padding: 0 10px 0 40px; +/* box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;*/ +} +ul.navigation-menu li li li li li li { + margin: 0 -10px 0 -40px; + padding: 0 10px 0 50px; +/* box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;*/ +} + + +ul.navigation-menu li li.last { + border-bottom: 0 !important; +} + +ul.navigation-menu li ul ul>li:first-child a { + margin-left: -10px; + padding-left: 10px; +} +ul.navigation-menu li li a { + display: block; + padding: 8px 0; + font-size: 11px; +} +ul.navigation-menu li li li a { + padding: 4px 10px 4px 0; + font-size: 11px; + white-space: normal; +} +ul.navigation-menu li.parent>a { + font-size: 11px; +} +ul.navigation-menu li li.parent>a { + font-size: 11px; +} + +ul.navigation-menu li.item-collapse.item-closed>* { + display: none !important; +} +ul.navigation-menu li.item-collapse.item-open>* { + display: block !important; +} + +ul.navigation-menu li.item-collapse a.item-collapse-handler-container { + display: block !important; +/* padding: 10px 0 !important;*/ +} + +form#bookmark-form { + position: relative; + float: left; + padding: 2px 10px 2px 0; + height: 26px; +} +form#bookmark-form button { + position: relative; display: block; + margin: 3px 0 0; + width: 20px; + height: 20px; +} + +ul.navigation-menu li.item-collapse a.item-collapse-handler { + position: relative; + float: right; + display: inline-block !important; + right: 0; + margin: -30px -10px -30px 0; + padding: 0; + width: 28px; + height: 30px; + cursor: pointer; +} +ul.navigation-menu li li li.item-collapse a.item-collapse-handler { + margin: -22px 0; + width: 28px; + height: 22px; +} +a.item-collapse-handler-container { + padding-right: 28px !important; +} +ul.navigation-menu li li.item-collapse.item-closed>a+a.item-collapse-handler:link, +ul.navigation-menu li li.item-collapse.item-closed>a+a.item-collapse-handler:visited { + background: transparent url("../img/icons/icon-admin_tools-dropdown.png") no-repeat scroll 50% 50%; +} +ul.navigation-menu li li.item-collapse.item-closed>a+a.item-collapse-handler:hover, +ul.navigation-menu li li.item-collapse.item-closed>a+a.item-collapse-handler:active { + background: transparent url("../img/icons/icon-admin_tools-dropdown-hover.png") no-repeat scroll 50% 50%; +} +ul.navigation-menu li li.item-collapse.item-open>a+a.item-collapse-handler:link, +ul.navigation-menu li li.item-collapse.item-open>a+a.item-collapse-handler:visited { + background: transparent url("../img/icons/icon-admin_tools-dropdown-active.png") no-repeat scroll 50% 50%; +} +ul.navigation-menu li li.item-collapse.item-open>a+a.item-collapse-handler:hover, +ul.navigation-menu li li.item-collapse.item-open>a+a.item-collapse-handler:active { + background: transparent url("../img/icons/icon-admin_tools-dropdown-active-hover.png") no-repeat scroll 50% 50%; +} + + +/* User Tools ................................................... */ + +#user-tools { + position: absolute; + right: 40px; +} +#user-tools>li:last-child { + padding-right: 20px; +} + +#user-tools li.user-options-container { + position: relative; + width: 200px; +} + +li.user-options-container.open a.user-options-handler { + display: block; +} +ul.user-options { + display: none; +} +li.user-options-container.open ul.user-options { + display: block; + position: absolute; + float: none; + clear: both; + z-index: 1000; + margin: 7px -10px 0; + width: 221px; +} +ul.user-options li { + float: none !important; + clear: both; +} +ul.user-options li a { + display: block; +} + + + +/* Breadcrumbs +------------------------------------------------------------------------------------------------------ */ + +div#breadcrumbs { + position: fixed; + top: 30px; + left: 0; + z-index: 1000; + padding: 5px 10px 5px 20px; + width: 100%; + font-size: 11px; +/* font-weight: bold;*/ + text-align: left; +} +div#breadcrumbs a { + padding: 10px 2px; +} +body.popup div#breadcrumbs { + top: 0; +} + + + +/* Messages +------------------------------------------------------------------------------------------------------ */ + +ul.messagelist { + position: relative; + top: 0; + z-index: 1001; + margin: 0 -20px; +} +ul.messagelist li { + display: block; + padding: 3px 10px 4px 35px; + font-size: 11px; + font-weight: bold; + background: url('../img/icons/icon-yes.png') 20px 50% no-repeat; +} +ul.messagelist.success li { + background: url('../img/icons/icon-yes.png') 20px 50% no-repeat; +} +ul.messagelist.error li { + background: url('../img/icons/icon-yes.png') 20px 50% no-repeat; +} +body.popup .breadcrumbs + ul.messagelist { + top: 24px; +} +body.filebrowser.popup ul.messagelist { + top: 28px; +} + + +/* Masthead +------------------------------------------------------------------------------------------------------ */ + +#masthead { + position: relative; + float: left; + clear: both; + z-index: 900; + padding: 60px 0 10px; + width: 100%; +} + + + +/* Login Form +------------------------------------------------------------------------------------------------------ */ + +div.login { + top: -30px; +} +#login-form { + margin: 0 auto; +} + + + +/* Content +------------------------------------------------------------------------------------------------------ */ + +#content { + position: relative; + float: left; + clear: both; + margin: 0 0 80px; + padding: 0; + width: auto; +} +#content.content-flexible { + width: 100%; +} +body.filebrowser.popup #content { + top: 28px; +} + + + +/* Container +------------------------------------------------------------------------------------------------------ */ + +.container, +.container-grid { + position: relative; + float: left; + clear: both; + width: 940px; +} +.container-flexible { + position: relative; + float: none; + clear: both; + width: auto; + height: 100%; +} + + + +/* Blueprint Grid Columns & Spans +------------------------------------------------------------------------------------------------------ */ + +.column { + position: relative; + float: left; +} +.column.centered { + position: relative; + float: none !important; + margin: 0 auto !important; +} +.span-flexible { + position: relative; + width: 100%; +} +.container-flexible.layout-flexible-grid .span-flexible { + float: left; + margin-right: 20px; + width: 100%; +} +.container-flexible.layout-flexible-grid .span-flexible + .column { + float: left !important; +} +.container-flexible.layout-grid-flexible .column { + float: left; +} +.container-flexible.layout-grid-flexible .span-flexible { + float: left; + width: 100%; +} +fieldset.module .row .column:first-child { + margin-left: 0 !important; +} +fieldset.module .row .column:last-child { + margin-right: -20px !important; +} +fieldset.module .row .column.span-flexible:last-child { + margin-right: 0 !important; +} +.row .span-flexible, +.row .span-flexible:last-child { + float: none; + width: auto; + margin-right: 0 !important; +} + + +/* Basic Float & Margin ......................................... */ + +.span-1, .span-2, .span-3, .span-4, .span-5, .span-6, +.span-7, .span-8, .span-9, .span-10, .span-11, .span-12, +.span-13, .span-14, .span-15, .span-16, .span-17, .span-18, +.span-19, .span-20, .span-21, .span-22, .span-23, .span-24 { +/* float: left;*/ + margin-right: 20px; +} +.column.last { margin-right: 0; } + + +/* Column Widths ......................................... */ + +.span-1 { width: 20px; } +.span-2 { width: 60px; } +.span-3 { width: 100px; } +.span-4 { width: 140px; } +.span-5 { width: 180px; } +.span-6 { width: 220px; } +.span-7 { width: 260px; } +.span-8 { width: 300px; } +.span-9 { width: 340px; } +.span-10 { width: 380px; } +.span-11 { width: 420px; } +.span-12 { width: 460px; } +.span-13 { width: 500px; } +.span-14 { width: 540px; } +.span-15 { width: 580px; } +.span-16 { width: 620px; } +.span-17 { width: 660px; } +.span-18 { width: 700px; } +.span-19 { width: 740px; } +.span-20 { width: 780px; } +.span-21 { width: 820px; } +.span-22 { width: 860px; } +.span-23 { width: 900px; } +.span-24 { width: 940px; margin: 0; } + + +/* Append empty columns ......................................... */ + +.append-1 { padding-right: 40px; } +.append-2 { padding-right: 80px; } +.append-3 { padding-right: 120px; } +.append-4 { padding-right: 160px; } +.append-5 { padding-right: 200px; } +.append-6 { padding-right: 240px; } +.append-7 { padding-right: 280px; } +.append-8 { padding-right: 320px; } +.append-9 { padding-right: 360px; } +.append-10 { padding-right: 400px; } +.append-11 { padding-right: 440px; } +.append-12 { padding-right: 480px; } +.append-13 { padding-right: 520px; } +.append-14 { padding-right: 560px; } +.append-15 { padding-right: 600px; } +.append-16 { padding-right: 640px; } +.append-17 { padding-right: 680px; } +.append-18 { padding-right: 720px; } +.append-19 { padding-right: 760px; } +.append-20 { padding-right: 800px; } +.append-21 { padding-right: 840px; } +.append-22 { padding-right: 880px; } +.append-23 { padding-right: 920px; } + + +/* Prepend empty columns ......................................... */ + +.prepend-1 { padding-left: 40px; } +.prepend-2 { padding-left: 80px; } +.prepend-3 { padding-left: 120px; } +.prepend-4 { padding-left: 160px; } +.prepend-5 { padding-left: 200px; } +.prepend-6 { padding-left: 240px; } +.prepend-7 { padding-left: 280px; } +.prepend-8 { padding-left: 320px; } +.prepend-9 { padding-left: 360px; } +.prepend-10 { padding-left: 400px; } +.prepend-11 { padding-left: 440px; } +.prepend-12 { padding-left: 480px; } +.prepend-13 { padding-left: 520px; } +.prepend-14 { padding-left: 560px; } +.prepend-15 { padding-left: 600px; } +.prepend-16 { padding-left: 640px; } +.prepend-17 { padding-left: 680px; } +.prepend-18 { padding-left: 720px; } +.prepend-19 { padding-left: 760px; } +.prepend-20 { padding-left: 800px; } +.prepend-21 { padding-left: 840px; } +.prepend-22 { padding-left: 880px; } +.prepend-23 { padding-left: 920px; } + + +/* Span-X + Span-Flexible ......................................... */ + +.span-1 + .span-flexible { margin-left: 40px; } +.span-2 + .span-flexible { margin-left: 80px; } +.span-3 + .span-flexible { margin-left: 120px; } +.span-4 + .span-flexible { margin-left: 160px; } +.span-5 + .span-flexible { margin-left: 200px; } +.span-6 + .span-flexible { margin-left: 240px; } +.span-7 + .span-flexible { margin-left: 280px; } +.span-8 + .span-flexible { margin-left: 320px; } +.span-9 + .span-flexible { margin-left: 360px; } +.span-10 + .span-flexible { margin-left: 400px; } +.span-11 + .span-flexible { margin-left: 440px; } +.span-12 + .span-flexible { margin-left: 480px; } +.span-13 + .span-flexible { margin-left: 520px; } +.span-14 + .span-flexible { margin-left: 560px; } +.span-15 + .span-flexible { margin-left: 600px; } +.span-16 + .span-flexible { margin-left: 640px; } +.span-17 + .span-flexible { margin-left: 680px; } +.span-18 + .span-flexible { margin-left: 720px; } +.span-19 + .span-flexible { margin-left: 760px; } +.span-20 + .span-flexible { margin-left: 800px; } +.span-21 + .span-flexible { margin-left: 840px; } +.span-22 + .span-flexible { margin-left: 880px; } +.span-23 + .span-flexible { margin-left: 920px; } +.span-24 + .span-flexible { margin-left: 960px; } + + +/* Columns in Cells ......................................... */ + +.cell.span-1 { width: 0px; } +.cell.span-2 { width: 40px; } +.cell.span-3 { width: 80px; } +.cell.span-4 { width: 120px; } +.cell.span-5 { width: 160px; } +.cell.span-6 { width: 200px; } +.cell.span-7 { width: 240px; } +.cell.span-8 { width: 280px; } +.cell.span-9 { width: 330px; } +.cell.span-10 { width: 360px; } +.cell.span-11 { width: 400px; } +.cell.span-12 { width: 440px; } +.cell.span-13 { width: 480px; } +.cell.span-14 { width: 520px; } +.cell.span-15 { width: 560px; } +.cell.span-16 { width: 600px; } +.cell.span-17 { width: 640px; } +.cell.span-18 { width: 680px; } +.cell.span-19 { width: 720px; } +.cell.span-20 { width: 760px; } +.cell.span-21 { width: 800px; } +.cell.span-22 { width: 840px; } +.cell.span-23 { width: 880px; } +.cell.span-24 { width: 920px; margin: 0; } + + +/* Clearing floats without extra markup + Based on How To Clear Floats Without Structural Markup by PiE + [http://www.positioniseverything.net/easyclearing.html] */ + +.clearfix:after, .container:after { + content: "."; + display: block; + height: 0; + clear: both; + visibility: hidden; +} +.clearfix, .container { display: inline-block; } +* html .clearfix, +* html .container { height: 1%; } +.clearfix, .container { display: block; } + +/* Regular clearing + apply to column that should drop below previous ones. */ + +.clear { clear: both; } + + + diff --git a/app/lib/grappelli/media/css/tables.css b/app/lib/grappelli/media/css/tables.css new file mode 100644 index 0000000..836ff91 --- /dev/null +++ b/app/lib/grappelli/media/css/tables.css @@ -0,0 +1,140 @@ + + + +/* Basic Table Settings +------------------------------------------------------------------------------------------------------ */ + +table { + margin: 0; + padding: 0; + border-spacing: none; +} +td, th { + vertical-align: top; + padding: 10px 10px 9px; + font-size: 11px; + line-height: 15px; +} +th { + text-align: left; + font-size: 12px; + font-weight: bold; +} + + +/* Thead ................................................... */ + +thead th, +tfoot td { + padding: 5px 10px; + font-size: 11px; + line-height: 12px; + font-weight: normal; +} +thead th.sorted { + font-weight: bold; +} +thead th a { + position: relative; + display: block; + margin: -5px -10px -4px; + padding: 4px 10px 4px; + height: 100% !important; + white-space: nowrap; +} +thead th.ascending a:after { + content: url('../img/icons/icon-th-ascending.png'); +} +thead th.descending a:after { + content: url('../img/icons/icon-th-descending.png'); +} + + +/* Tbody ................................................... */ + +thead th.optional { + font-weight: normal !important; +} +tr.row-label td { + margin-top: -1px; + padding-top: 2px; + padding-bottom: 0; + font-size: 9px; +} + + + +/* Table XFull +------------------------------------------------------------------------------------------------------ */ + +table.xfull { + width: 100%; +} + + + +/* Changelist Table +------------------------------------------------------------------------------------------------------ */ + +#changelist table { + position: relative; + margin: -1px !important; +} + +#changelist form table tbody td, #changelist form table tbody th { + padding-top: 10px; + padding-bottom: 9px; + line-height: 16px; +} + + + +/* Orderable Tables +------------------------------------------------------------------------------------------------------ */ + +table.orderable tbody tr td:hover { + cursor: move; +} + +table.orderable tbody tr td:first-child { + padding-left: 14px; + background-image: url(../img/admin/nav-bg-grabber.gif); + background-repeat: repeat-y; +} + +table.orderable-initalized .order-cell, body>tr>td.order-cell { + display: none; +} + + + +/* Change History +------------------------------------------------------------------------------------------------------ */ + +table#change-history { + width: 100%; +} +table#change-history tbody th { + width: 150px; +} + + + +/* Documentation +------------------------------------------------------------------------------------------------------ */ + +.model-index table { + width: 100%; +} +.model-index table th { + padding: 7px 10px 8px; +} + + + +/* Other Classes +------------------------------------------------------------------------------------------------------ */ + +table .nowrap { + white-space: nowrap; +} diff --git a/app/lib/grappelli/media/css/tools.css b/app/lib/grappelli/media/css/tools.css new file mode 100644 index 0000000..4aa7bcf --- /dev/null +++ b/app/lib/grappelli/media/css/tools.css @@ -0,0 +1,266 @@ + + + +/* Tools Basics +------------------------------------------------------------------------------------------------------ */ + +.tools { + position: relative; + float: right; + clear: both; + padding: 6px 10px; + font-size: 11px; + font-weight: bold; +} +ul.tools { + padding: 0; + list-style-type: none; + white-space: nowrap; +} +ul.tools:empty { + display: none; +} +ul.tools li { + position: relative; + float: left; + display: block; + overflow: hidden; + margin-left: 5px; + padding: 6px 0; + min-width: 12px; +} +ul.tools li:last-child { + margin-right: 5px; +} + + + +/* H1 + Tools +------------------------------------------------------------------------------------------------------ */ + +h1 + .tools, +.grappelli-h1 + .tools { + position: relative; + float: right; + clear: right; + z-index: 900; + margin-top: -34px; + margin-bottom: -34px; + display: inline-block; +} + +h1 + .tools li, +h1 + .tools li:last-child { + float: left; + margin: 0 0 0 3px; + padding: 0; +} +h1 + .tools a { + display: block; + margin: 0; + padding: 4px 15px; + width: auto; + height: 17px; + font-size: 11px; + opacity: .6; +} +h1 + .tools a:hover, h1 + .tools a:active { + opacity: 1; +} + +h1 + .tools a.add-handler:link, h1 + .tools a.add-handler:visited { + padding-left: 30px; + background: url('../img/icons/icon-object-tools-add-handler.png') 0 50% no-repeat scroll; +} +h1 + .tools a.add-handler:hover, h1 + .tools a.add-handler:active { + background: url('../img/icons/icon-object-tools-add-handler.png') 0 50% no-repeat scroll; +} + + +/* Focused Buttons ................................................... */ + +h1 + .tools a.focus { + opacity: 1; +} + + + + +/* Tools +------------------------------------------------------------------------------------------------------ */ + +.group .tools, +.module .tools { + position: relative; + float: right; + clear: both; + padding: 6px 10px; + font-size: 11px; + font-weight: bold; +} +.group ul.tools, +.module ul.tools { + padding: 0 2px; + list-style-type: none; +} +.group ul.tools li, +.module ul.tools li { + position: relative; + float: left; + display: block; + overflow: hidden; + margin-left: 5px; + padding: 6px 2px; +} +.group ul.tools li:last-child, +.module ul.tools li:last-child { + margin-right: 5px; +} + + +/* 1st Level H2 + Tools ......................................... */ + +.group h2+.tools, +.module h2+.tools { + top: -29px; + right: 0; + margin-bottom: -29px; +} +.group h2+.tools { + right: 1px; +} +.module.collapse.closed h2+.tools { + top: -28px; +} + + +/* 2nd Level H3 + Tools ......................................... */ + +.module h3+.tools { + top: -27px; + right: 0; + margin-bottom: -27px; +} +.module h3+ul.tools li { + padding-top: 5px; + padding-bottom: 5px; +} + + +/* 3rd Level H4 + Tools ......................................... */ + +.module h4+.tools { + top: -24px; + right: 0; + margin-bottom: -24px; +} +.module h4+ul.tools li { + padding-top: 3px; + padding-bottom: 4px; +} + + +/* Tools in Tabular Groups ......................................... */ + +.module.table .th .tools, +.module.table .td .tools { + top: -5px; + right: -20px; + margin-left: -20px; + margin-bottom: -15px; +} +.module.table .th .tools li, +.module.table .td .tools li { + padding-top: 10px; + padding-bottom: 9px; +} + + +/* Links ................................................... */ + +.tools a { + position: relative; + display: block; + margin: -6px 0; + padding: 6px 0px; + width: 100%; + height: 100%; + background-position: 50% 50%; + background-repeat: no-repeat; +} + +.tools a.icon { + margin: -6px 0; + padding: 6px 0px; + width: 12px; + height: 16px; +} + +.module.table .th .tools a, +.module.table .td .tools a { + margin: -9px 0; + padding: 9px 0px; +} +.module.table .th .tools a.icon, +.module.table .td .tools a.icon { + margin: -9px 0; + padding: 9px 0px; +} + + +/* Icons ................................................... */ + +.tools a.drag-handler:link, .tools a.drag-handler:visited { + background-image: url('../img/icons/icon-tools-drag-handler.png'); +} +.tools a.drag-handler:hover, .tools a.drag-handler:active { + background-image: url('../img/icons/icon-tools-drag-handler-hover.png'); +} +.predelete-items a.drag-handler, .predelete-item a.drag-handler { + display: none; +} + +.tools a.viewsite-link:link, .tools a.viewsite-link:visited { + background-image: url('../img/icons/icon-tools-viewsite-link.png'); + opacity: .4; +} +.tools a.viewsite-link:hover, .tools a.viewsite-link:active { + background-image: url('../img/icons/icon-tools-viewsite-link-hover.png'); +} + +.tools a.delete-handler:link, .tools a.delete-handler:visited, +.predelete .tools a.delete-handler:hover, .predelete .tools a.delete-handler:active { + background-image: url('../img/icons/icon-tools-delete-handler.png'); +} +.tools a.delete-handler:hover, .tools a.delete-handler:active, +.predelete .tools a.delete-handler:link, .predelete .tools a.delete-handler:visited { + background-image: url('../img/icons/icon-tools-delete-handler-hover.png'); +} + +.tools a.remove-handler:link, .tools a.remove-handler:visited { + background-image: url('../img/icons/icon-tools-remove-handler.png'); +} +.tools a.remove-handler:hover, .tools a.remove-handler:active { + background-image: url('../img/icons/icon-tools-remove-handler-hover.png'); +} + +.tools a.add-handler:link, .tools a.add-handler:visited { + background-image: url('../img/icons/icon-tools-add-handler.png'); +} +.tools a.add-handler:hover, .tools a.add-handler:active { + background-image: url('../img/icons/icon-tools-add-handler-hover.png'); +} + +.tools a.open-handler:link, .tools a.open-handler:visited { + background-image: url('../img/icons/icon-tools-open-handler.png'); +} +.tools a.open-handler:hover, .tools a.open-handler:active { + background-image: url('../img/icons/icon-tools-open-handler-hover.png'); +} + +.tools a.close-handler:link, .tools a.close-handler:visited { + background-image: url('../img/icons/icon-tools-close-handler.png'); +} +.tools a.close-handler:hover, .tools a.close-handler:active { + background-image: url('../img/icons/icon-tools-close-handler-hover.png'); +} diff --git a/app/lib/grappelli/media/css/typography.css b/app/lib/grappelli/media/css/typography.css new file mode 100644 index 0000000..b5666bd --- /dev/null +++ b/app/lib/grappelli/media/css/typography.css @@ -0,0 +1,268 @@ + +/* typography.css: + 2009 / vonautomatisch werkstaetten / vonautomatisch.at +------------------------------------------------------------------------------------------------------ */ + + + +/* Headings +------------------------------------------------------------------------------------------------------ */ + +h1, h2, h3, h4 { + font-weight: bold; +} + +h1 { + position: relative; + z-index: 800; + margin: 26px 0 10px; + font-size: 16px; + line-height: 20px; +} +.pretitle + h1 { + margin-top: 0; +} +h2 { + font-size: 13px; +} +h3 { + font-size: 12px; +} +h4, h5 { + font-size: 11px; +} + + + +/* Paragraphs +------------------------------------------------------------------------------------------------------ */ + +.module p.help, +p.help { + padding: 5px 0; + font-size: 10px !important; + line-height: 12px; +} + +p.readonly { + margin: 0 !important; + padding: 3px 0 !important; + color: #666; + font-size: 12px; + font-weight: bold; +} + +.fb_show + p.help a { + display: inline-block; + padding: 3px; + font-size: 0; + line-height: 0; +} +.fb_show + p.help a img { + margin: 0; + font-size: 0; + line-height: 0; +} +.container-grid > p:first-child, .container-flexible > p:first-child, +.container-grid .column > p:first-child, .container-flexible .column > p:first-child { + margin: 0 0 10px; +} + + + +/* Links +------------------------------------------------------------------------------------------------------ */ + +a { + text-decoration: none; + outline: none; + cursor: pointer; +} +a.back { + font-weight: bold; +} + + + +/* Listings +------------------------------------------------------------------------------------------------------ */ + +ul, li { + list-style-type: none; +} + + + +/* Blockquote, Pre, Code +------------------------------------------------------------------------------------------------------ */ + +blockquote { + margin-left: 2px; + padding-left: 4px; + font-size: 11px; +} + +code, pre { + font-size: 11px; + font-family: "Bitstream Vera Sans Mono", Monaco, "Courier New", Courier, monospace; +} + +pre.literal-block { + margin: 10px; + padding: 6px 8px; +} + +hr { + clear: both; + margin: 0; + padding: 0; + height: 1px; + font-size: 1px; + line-height: 1px; +} + + + +/* Table Typography +------------------------------------------------------------------------------------------------------ */ + +th.focus, +td.focus { + font-weight: bold; +} + + + +/* RTE (Rich Text Edited) +------------------------------------------------------------------------------------------------------ */ + +.rte h2.subhead { + margin: 0; + font-size: 12px; +} +.rte h3 { + margin: 10px -10px 10px; + padding: 7px 10px 6px; + font-size: 12px !important; +} +.rte h2 + h3 { + margin-top: -11px !important; +} +.rte h4 { + margin: 10px 0 0; + font-size: 12px; +} + +.rte p { + margin: 10px 0; +} +.rte .module p { + margin: 10px 0; + padding: 0 10px; +} +.rte > p:first-child { + margin-top: 0; +} + +.rte .group h2 + p, +.rte .module h2 + p { + margin: 5px 0; + padding: 0 10px; + font-size: 11px; +} + +.rte table p { + margin: 0 !important; + padding: 0 !important; +} + +/* Workaround for problem reported in django-ticket #11817 */ +.rte h2 p, +.rte h4 p { + margin: 0 !important; + padding: 0 !important; + font-weight: normal; +} +.rte h2 p { + font-weight: bold !important; +} +.rte h4:empty, +.rte p:empty, +.rte hr, +.rte br:first-child { + display: none !important; +} + +.rte ul, .rte ol { + margin: 10px 0 0 20px; + padding: 0 0 0 10px; + font-weight: normal !important; +} +ul.rte ul, ul.rte ol, +ol.rte ul, ol.rte ol { + margin: 0 0 0 20px; + font-size: 12px; + line-height: 14px; +} +.rte ul li, .rte ol li { + margin: 0; + padding: 0; +} +.rte ul li { + list-style-type: disc; +} +.rte ol li { + list-style-type: decimal; +} + +.delete-confirmation ul.rte>li { + padding-bottom: 9px; + font-weight: bold; +} +.delete-confirmation ul.rte>li:last-child { + padding-bottom: 0; +} +.delete-confirmation ul.rte>li+li { + padding-top: 8px !important; +} +.delete-confirmation ul.rte>li>ul { + margin-top: 2px; +} +.delete-confirmation ul.rte>li>ul>li { + list-style-type: none; + margin: 0 0 0 -30px !important; + padding: 5px 0; +} +.delete-confirmation ul.rte>li>ul>li:last-child { + padding-bottom: 0; +} +.delete-confirmation ul.rte>li>ul>li>ul>li { + font-size: 11px; +} + +.rte dd ul, .rte dd ol { + margin-top: 0; +} +.rte blockquote { + margin: 10px; +} +.rte dl, .rte dt, .rte dd { + margin: 0; +} +.rte dl { + padding: 5px 10px; +} +.rte dt { + font-weight: bold; +} +.rte dd + dt { + margin-top: 5px; +} + + + +/* Other Styles +------------------------------------------------------------------------------------------------------ */ + +.small { font-size: 10px; } +.fw-normal { font-weight: normal; } |