380 lines
9.9 KiB
CSS
380 lines
9.9 KiB
CSS
|
|
||
|
|
|
||
|
|
|
||
|
|
/* 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.submit-link,
|
||
|
|
.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');
|
||
|
|
}
|
||
|
|
div.autocomplete-wrapper-m2m a.related-lookup:link, div.autocomplete-wrapper-m2m a.related-lookup:visited {
|
||
|
|
background-image: url('../img/icons/icon-related-lookup-m2m.png');
|
||
|
|
}
|
||
|
|
div.autocomplete-wrapper-m2m a.related-lookup:hover, div.autocomplete-wrapper-m2m a.related-lookup:active {
|
||
|
|
background-image: url('../img/icons/icon-related-lookup-m2m-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: 0;
|
||
|
|
width: 15px;
|
||
|
|
height: 15px;
|
||
|
|
color: transparent;
|
||
|
|
background: url('../img/icons/icon-unknown.png') 0 50% no-repeat;
|
||
|
|
}
|
||
|
|
img[src$="img/admin/icon-no.gif"] {
|
||
|
|
padding: 0;
|
||
|
|
width: 15px;
|
||
|
|
height: 15px;
|
||
|
|
color: transparent;
|
||
|
|
background: url('../img/icons/icon-no.png') 0 50% no-repeat;
|
||
|
|
}
|
||
|
|
img[src$="img/admin/icon-yes.gif"] {
|
||
|
|
padding: 0;
|
||
|
|
width: 15px;
|
||
|
|
height: 15px;
|
||
|
|
color: transparent;
|
||
|
|
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;
|
||
|
|
}
|
||
|
|
|