summaryrefslogtreecommitdiff
path: root/app/lib/grappelli/media/css/buttons.css
diff options
context:
space:
mode:
Diffstat (limited to 'app/lib/grappelli/media/css/buttons.css')
-rwxr-xr-xapp/lib/grappelli/media/css/buttons.css369
1 files changed, 369 insertions, 0 deletions
diff --git a/app/lib/grappelli/media/css/buttons.css b/app/lib/grappelli/media/css/buttons.css
new file mode 100755
index 0000000..ec82254
--- /dev/null
+++ b/app/lib/grappelli/media/css/buttons.css
@@ -0,0 +1,369 @@
+
+
+
+/* Submit, Delete & Cancel Buttons
+------------------------------------------------------------------------------------------------------ */
+
+input[type=submit], input[type=reset], input[type=button], button {
+ margin-top: 0;
+ margin-bottom: 0;
+ padding: 4px 5px 5px;
+ width: auto;
+ height: 25px;
+ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
+ cursor: pointer;
+}
+@media screen and (-webkit-min-device-pixel-ratio:0) {
+ input[type=submit], input[type=reset], input[type=button], button {
+ padding: 5px 8px 4px;
+ }
+}
+
+.submit-row a.delete-link,
+.submit-row a.cancel-link {
+ display: block;
+ padding: 5px 10px;
+ font-weight: bold;
+}
+.submit-row input[type=submit],
+.submit-row input[type=button] {
+ padding: 5px 10px;
+ height: 28px;
+ font-weight: bold;
+}
+
+input[type=submit],
+#bookmark-add-cancel,
+.submit-row a.delete-link:link, .submit-row a.delete-link:visited,
+.submit-row a.cancel-link:link, .submit-row a.cancel-link:visited,
+.submit-row input[type=button] {
+ opacity: .6;
+}
+
+input[type=submit]:hover,
+#bookmark-add-cancel:hover,
+.submit-row a.delete-link:hover, .submit-row a.delete-link:active,
+.submit-row a.cancel-link:hover, .submit-row a.cancel-link:active,
+.submit-row input[type=button]:hover {
+ opacity: 1;
+}
+
+input[type=submit].default {
+ opacity: 1;
+}
+
+
+
+/* Icons & Buttons
+------------------------------------------------------------------------------------------------------ */
+
+button.fb_show,
+button.ui-datepicker-trigger,
+button.ui-timepicker-trigger,
+button.ui-gAutocomplete-browse,
+button.ui-gAutoSlugField-toggle,
+button.ui-gFacelist-browse,
+a.button,
+.vDateField + span a,
+.vTimeField + span a,
+a.fb_show,
+a.related-lookup,
+a.add-another {
+ position: relative;
+ margin-left: -25px;
+}
+
+button.fb_show,
+button.ui-gAutocomplete-browse,
+button.ui-gFacelist-browse,
+button.ui-gAutoSlugField-toggle,
+button.ui-datepicker-trigger,
+button.ui-timepicker-trigger,
+button.fb_show:hover,
+button.ui-gAutocomplete-browse:hover,
+button.ui-gFacelist-browse:hover,
+button.ui-gAutoSlugField-toggle:hover,
+button.ui-datepicker-trigger:hover,
+button.ui-timepicker-trigger:hover {
+ width: 25px;
+ background: 50% 50% no-repeat;
+}
+button.fb_show[disabled],
+button.ui-gAutocomplete-browse[disabled],
+button.ui-gFacelist-browse[disabled],
+button.ui-gAutoSlugField-toggle[disabled],
+button.ui-datepicker-trigger[disabled],
+button.ui-timepicker-trigger[disabled],
+input[disabled] + a {
+ background: 50% 50% no-repeat !important;
+ opacity: 0.3;
+ cursor: auto !important;
+}
+
+#changelist table button {
+ top: -5px;
+ margin-bottom: -12px;
+}
+@media screen and (-webkit-min-device-pixel-ratio:0) {
+ #changelist table button {
+ margin-bottom: -11px;
+ }
+}
+
+
+/* Hide Images in Templates ........................................... */
+
+a.add-another img, a.related-lookup img {
+ opacity: 0;
+}
+a.related-lookup img {
+ display: none;
+}
+
+
+/* Autocomplete Button ......................................... */
+
+button.ui-gAutocomplete-browse,
+button.ui-gFacelist-browse {
+ background-image: url('../img/icons/icon-related-lookup.png');
+}
+button.ui-gAutocomplete-browse:hover,
+button.ui-gFacelist-browse:hover {
+ background-image: url('../img/icons/icon-related-lookup-hover.png');
+}
+button.ui-gAutocomplete-browse[disabled], button.ui-gAutocomplete-browse[disabled]:hover,
+button.ui-gFacelist-browse[disabled], button.ui-gFacelist-browse[disabled]:hover {
+ background-image: url('../img/icons/icon-related-lookup-hover.png') !important;
+}
+
+
+/* AutoSlugField Button ......................................... */
+
+/* TODO: lock/unlock icons .. */
+
+button.ui-gAutoSlugField-toggle {
+ background-image: url('../img/icons/icon-related-lookup.png');
+}
+button.ui-gAutoSlugField-toggle:hover {
+ background-image: url('../img/icons/icon-related-lookup-hover.png');
+}
+button.ui-gAutoSlugField-toggle[disabled], button.ui-gAutoSlugField-toggle[disabled]:hover {
+ background-image: url('../img/icons/icon-related-lookup-hover.png') !important;
+}
+
+
+/* Datepicker Button ......................................... */
+
+button.ui-datepicker-trigger {
+ background-image: url('../img/icons/icon-datepicker.png');
+}
+button.ui-datepicker-trigger:hover {
+ background-image: url('../img/icons/icon-datepicker-hover.png');
+}
+button.ui-datepicker-trigger[disabled], button.ui-datepicker-trigger[disabled]:hover {
+ background-image: url('../img/icons/icon-datepicker-hover.png') !important;
+}
+
+
+/* Timepicker Button ......................................... */
+
+button.ui-timepicker-trigger {
+ background-image: url('../img/icons/icon-timepicker.png');
+}
+button.ui-timepicker-trigger:hover {
+ background-image: url('../img/icons/icon-timepicker-hover.png');
+}
+button.ui-timepicker-trigger[disabled], button.ui-timepicker-trigger[disabled]:hover {
+ background-image: url('../img/icons/icon-timepicker-hover.png') !important;
+}
+
+
+/* Search Button ......................................... */
+
+button.search {
+ position: relative;
+ float: right;
+ top: 0;
+ right: 5px;
+ margin: 0 0 0 -30px;
+ background: url('../img/icons/icon-search.png') 0 50% no-repeat scroll;
+}
+button.search:hover {
+ background: url('../img/icons/icon-search-hover.png') 0 50% no-repeat scroll;
+}
+button.search[disabled], button.search[disabled]:hover {
+ background: url('../img/icons/icon-search-hover.png') 0 50% no-repeat scroll !important;
+}
+
+
+
+/* Links as Buttons
+------------------------------------------------------------------------------------------------------ */
+
+a.button,
+.datecrumbs a,
+.datecrumbs span {
+ display: inline-block;
+ padding: 4px 8px 4px;
+ font-size: 11px;
+ font-weight: bold;
+}
+
+
+/* Drop-Down Button ......................................... */
+
+a.button.drop-down {
+ float: right;
+ padding-left: 20px;
+ padding-top: 3px;
+}
+a.button.drop-down[class*="selected"] {
+ position: relative;
+ z-index: 1000;
+ height: 17px;
+}
+a.button.drop-down:link, a.button.drop-down:visited {
+ background: url('../img/icons/icon-dropdown.png') 3px 3px no-repeat;
+}
+a.button.drop-down[class*="selected"],
+a.button.drop-down:hover, a.button.drop-down:active {
+ background: url('../img/icons/icon-dropdown-hover.png') 3px 3px no-repeat;
+}
+
+
+/* Filebrowser & Related Lookup ......................................... */
+
+a.fb_show img {
+ width: 0;
+ height: 0;
+ opacity: 0;
+}
+
+a.fb_show,
+a.related-lookup {
+ display: inline-block;
+ margin-bottom: -5px;
+ width: 23px;
+ height: 23px;
+ font-size: 0;
+ line-height: 0;
+ background: 50% 50% no-repeat;
+}
+
+a.fb_show:link, a.fb_show:visited,
+.tinyMCE .browse span {
+ background-image: url('../img/icons/icon-fb-show.png');
+}
+a.fb_show:hover, a.fb_show:active,
+.tinyMCE .browse span:hover {
+ background-image: url('../img/icons/icon-fb-show-hover.png');
+}
+a.related-lookup:link, a.related-lookup:visited {
+ background-image: url('../img/icons/icon-related-lookup.png');
+}
+a.related-lookup:hover, a.related-lookup:active {
+ background-image: url('../img/icons/icon-related-lookup-hover.png');
+}
+
+input[disabled] + a.fb_show {
+ background-image: url('../img/icons/icon-fb-show-hover.png') !important;
+}
+input[disabled] + a.related-lookup {
+ background-image: url('../img/icons/icon-related-lookup-hover.png') !important;
+}
+
+a.related-lookup + strong {
+ position: relative;
+ top: -4px;
+ margin-left: 5px;
+ font-size: 11px;
+ font-weight: bold;
+}
+#changelist table a.fb_show,
+#changelist table a.related-lookup {
+ top: -5px;
+ margin-bottom: -12px;
+}
+#changelist table a.related-lookup + strong {
+ top: -1px;
+}
+
+
+/* Add Another ......................................... */
+
+a.add-another {
+ position: relative;
+ display: inline-block;
+ margin-left: 3px;
+ width: 14px;
+ height: 14px;
+ vertical-align: top;
+ font-size: 11px;
+ line-height: 16px;
+ background: 50% 50% no-repeat;
+}
+
+a.add-another:link, a.add-another:visited {
+ background-image: url('../img/icons/icon-add_another.png');
+}
+a.add-another:hover, a.add-another:active {
+ background-image: url('../img/icons/icon-add_another-hover.png');
+}
+
+.change-list table tbody a.add-another {
+ position: relative;
+ top: -7px;
+}
+
+.radiolist.inline + a.add-another,
+.checkboxlist.inline + a.add-another {
+ float: left;
+ margin-left: -20px;
+ margin-right: -10000px;
+}
+.row.cells ul.radiolist.inline + a.add-another,
+.row.cells ul.checkboxlist.inline + a.add-another {
+ float: none;
+ margin-right: 0;
+}
+
+
+
+/* Unknown, Yes & No Workaround
+------------------------------------------------------------------------------------------------------ */
+
+img[src$="img/admin/icon-unknown.gif"] {
+ padding: 5px;
+ width: 0;
+ height: 0;
+ background: url('../img/icons/icon-unknown.png') 0 50% no-repeat;
+}
+img[src$="img/admin/icon-no.gif"] {
+ padding: 5px;
+ width: 0;
+ height: 0;
+ background: url('../img/icons/icon-no.png') 0 50% no-repeat;
+}
+img[src$="img/admin/icon-yes.gif"] {
+ padding: 5px;
+ width: 0;
+ height: 0;
+ background: url('../img/icons/icon-yes.png') 0 50% no-repeat;
+}
+
+#changelist form table img[src$="img/admin/icon-unknown.gif"] {
+ position: relative;
+ top: 2px;
+ vertical-align: top;
+}
+#changelist form table img[src$="img/admin/icon-no.gif"] {
+ position: relative;
+ top: 3px;
+ vertical-align: top;
+}
+#changelist form table img[src$="img/admin/icon-yes.gif"] {
+ position: relative;
+ top: 2px;
+ vertical-align: top;
+}
+