diff options
author | luxagraf <sng@luxagraf.net> | 2012-09-22 22:27:04 -0400 |
---|---|---|
committer | luxagraf <sng@luxagraf.net> | 2012-09-22 22:27:04 -0400 |
commit | efb623af0bcb47d510501c282e1326b11343a29c (patch) | |
tree | 3a35fb19f5eba3b219c65277a5fb712cbe9604ac /lib/grappelli/media/css | |
parent | 0b481fd7931c2ae20ca21f89a87f2ba6a6c01e10 (diff) |
site reorg
Diffstat (limited to 'lib/grappelli/media/css')
-rwxr-xr-x | lib/grappelli/media/css/base.css | 34 | ||||
-rwxr-xr-x | lib/grappelli/media/css/buttons.css | 369 | ||||
-rw-r--r-- | lib/grappelli/media/css/components.css | 864 | ||||
-rw-r--r-- | lib/grappelli/media/css/datepicker/grappelli-theme-extensions.css | 444 | ||||
-rw-r--r-- | lib/grappelli/media/css/forms.css | 809 | ||||
-rw-r--r-- | lib/grappelli/media/css/grappelli-skin-basic.css | 1294 | ||||
-rw-r--r-- | lib/grappelli/media/css/grappelli-skin-default.css | 1762 | ||||
-rwxr-xr-x | lib/grappelli/media/css/jquery-ui-grappelli-extensions.css | 596 | ||||
-rwxr-xr-x | lib/grappelli/media/css/reset.css | 38 | ||||
-rw-r--r-- | lib/grappelli/media/css/structures.css | 654 | ||||
-rw-r--r-- | lib/grappelli/media/css/tables.css | 140 | ||||
-rw-r--r-- | lib/grappelli/media/css/tools.css | 266 | ||||
-rw-r--r-- | lib/grappelli/media/css/typography.css | 268 |
13 files changed, 0 insertions, 7538 deletions
diff --git a/lib/grappelli/media/css/base.css b/lib/grappelli/media/css/base.css deleted file mode 100755 index f24da0c..0000000 --- a/lib/grappelli/media/css/base.css +++ /dev/null @@ -1,34 +0,0 @@ - - - -/* 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/lib/grappelli/media/css/buttons.css b/lib/grappelli/media/css/buttons.css deleted file mode 100755 index ec82254..0000000 --- a/lib/grappelli/media/css/buttons.css +++ /dev/null @@ -1,369 +0,0 @@ - - - -/* 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/lib/grappelli/media/css/components.css b/lib/grappelli/media/css/components.css deleted file mode 100644 index 4cd6e4d..0000000 --- a/lib/grappelli/media/css/components.css +++ /dev/null @@ -1,864 +0,0 @@ - - - -/* 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/lib/grappelli/media/css/datepicker/grappelli-theme-extensions.css b/lib/grappelli/media/css/datepicker/grappelli-theme-extensions.css deleted file mode 100644 index 5b568cf..0000000 --- a/lib/grappelli/media/css/datepicker/grappelli-theme-extensions.css +++ /dev/null @@ -1,444 +0,0 @@ - -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/lib/grappelli/media/css/forms.css b/lib/grappelli/media/css/forms.css deleted file mode 100644 index 2a6c601..0000000 --- a/lib/grappelli/media/css/forms.css +++ /dev/null @@ -1,809 +0,0 @@ - - - -/* 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/lib/grappelli/media/css/grappelli-skin-basic.css b/lib/grappelli/media/css/grappelli-skin-basic.css deleted file mode 100644 index 2ae70c3..0000000 --- a/lib/grappelli/media/css/grappelli-skin-basic.css +++ /dev/null @@ -1,1294 +0,0 @@ - - - -/* 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/lib/grappelli/media/css/grappelli-skin-default.css b/lib/grappelli/media/css/grappelli-skin-default.css deleted file mode 100644 index 7528c94..0000000 --- a/lib/grappelli/media/css/grappelli-skin-default.css +++ /dev/null @@ -1,1762 +0,0 @@ - - - -/* 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/lib/grappelli/media/css/jquery-ui-grappelli-extensions.css b/lib/grappelli/media/css/jquery-ui-grappelli-extensions.css deleted file mode 100755 index 1b2a902..0000000 --- a/lib/grappelli/media/css/jquery-ui-grappelli-extensions.css +++ /dev/null @@ -1,596 +0,0 @@ - - - -/* 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/lib/grappelli/media/css/reset.css b/lib/grappelli/media/css/reset.css deleted file mode 100755 index fc0788c..0000000 --- a/lib/grappelli/media/css/reset.css +++ /dev/null @@ -1,38 +0,0 @@ -/* -------------------------------------------------------------- - - 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/lib/grappelli/media/css/structures.css b/lib/grappelli/media/css/structures.css deleted file mode 100644 index 2e882a7..0000000 --- a/lib/grappelli/media/css/structures.css +++ /dev/null @@ -1,654 +0,0 @@ - - - -/* 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/lib/grappelli/media/css/tables.css b/lib/grappelli/media/css/tables.css deleted file mode 100644 index 836ff91..0000000 --- a/lib/grappelli/media/css/tables.css +++ /dev/null @@ -1,140 +0,0 @@ - - - -/* 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/lib/grappelli/media/css/tools.css b/lib/grappelli/media/css/tools.css deleted file mode 100644 index 4aa7bcf..0000000 --- a/lib/grappelli/media/css/tools.css +++ /dev/null @@ -1,266 +0,0 @@ - - - -/* 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/lib/grappelli/media/css/typography.css b/lib/grappelli/media/css/typography.css deleted file mode 100644 index b5666bd..0000000 --- a/lib/grappelli/media/css/typography.css +++ /dev/null @@ -1,268 +0,0 @@ - -/* 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; } |