kpsul/static/grappelli_old/css/grappelli-skin-default.css
2016-05-21 23:57:36 +02:00

1892 lines
63 KiB
CSS
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

/* TYPOGRAPHY
*/
/* Paragraphs
------------------------------------------------------------------------------------------------------ */
.module p.help,
p.help {
color: #999;
}
p.preview a {
display: inline-block;
padding: 3px;
line-height: 1px;
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
p.preview a:link, p.preview a:visited {
border: 1px solid #309bbf;
}
p.preview a:hover, p.preview 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;
}
.dashboard h4 a:link, .dashboard h4 a:visited {
color: #666;
}
.dashboard h4 a:hover, .dashboard h4 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));
background: -o-linear-gradient(top, #444, #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.menu-item.last {
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;
}
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: transparent !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 {
color: #fff;
border-top: 1px solid #949494;
border-bottom: 1px solid #949494;
background-color: #a6a6a6;
}
ul.messagelist li.success {
border-top-color: #72a629;
border-bottom-color: #72a629;
background-color: #83bf30;
}
ul.messagelist li.error,
ul.messagelist li.warning {
border-top-color: #a62929;
border-bottom-color: #a62929;
background-color: #bf3030;
}
ul.messagelist li + li {
border-top: 0;
}
/* 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 .row:after {
clear: both;
content: " ";
display: block;
font-size: 0;
height: 0;
visibility: hidden;
}
.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));
background: -o-linear-gradient(top, #e3e3e3, #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));
background: -o-linear-gradient(top, #e9e9e9, #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));
background: -o-linear-gradient(top, #ededed, #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;
}
.module .row.description,
.module.table .description {
border-bottom: 0;
}
/* 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));
background: -o-linear-gradient(top, #bcdfeb, #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));
background: -o-linear-gradient(top, #a1d4e5, #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));
background: -o-linear-gradient(top, #e1f0f5, #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));
background: -o-linear-gradient(top, #cee9f2, #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));
background: -o-linear-gradient(top, #ebf2f5, #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));
background: -o-linear-gradient(top, #e1f0f5, #ebf2f5);
}
/* Row
------------------------------------------------------------------------------------------------------ */
.row {
margin: 0;
border-top: 1px solid #fff;
border-bottom: 1px solid #e0e0e0;
border-left: 0;
border-right: 0;
}
.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;
border-bottom: 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, .collapse.predelete > h2.collapse-handler,
.predelete h3, .collapse.predelete > h3.collapse-handler,
.predelete h4, .collapse.predelete .collapse > h4.collapse-handler {
background: #f2e6e6;
background: -moz-linear-gradient(top, #fff2f2, #f2e6e6);
background: -webkit-gradient(linear, left top, left bottom, from(#fff2f2), to(#f2e6e6));
background: -o-linear-gradient(top, #fff2f2, #f2e6e6);
}
.collapse.predelete > h2.collapse-handler:hover,
.collapse.predelete > h3.collapse-handler:hover,
.predelete .collapse > h4.collapse-handler:hover,
.collapse.open.predelete > h2.collapse-handler,
.collapse.open.predelete > h3.collapse-handler,
.predelete .collapse.open > h4.collapse-handler {
background: #f2e6e6 !important;
background: -moz-linear-gradient(top, #f2e6e6, #fff2f2) !important;
background: -webkit-gradient(linear, left top, left bottom, from(#f2e6e6), to(#fff2f2)) !important;
background: -o-linear-gradient(top, #f2e6e6, #fff2f2) !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));
background: url('../img/icons/icon-dropdown-hover.png') 100% 3px no-repeat, -o-linear-gradient(top, #eee, #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));
background: url('../img/icons/icon-dropdown-hover.png') 100% 3px no-repeat, -o-linear-gradient(top, #f0f7fa, #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));
background: url('../img/icons/icon-dropdown-hover.png') 100% 3px no-repeat, -o-linear-gradient(top, #f0f7fa, #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));
background: url('../img/icons/icon-dropdown-hover.png') 100% 3px no-repeat, -o-linear-gradient(top, #f0f7fa, #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));
background: -o-linear-gradient(top, #eee, #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));
background: -o-linear-gradient(top, #eee, #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));
background: -o-linear-gradient(top, #eee, #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
------------------------------------------------------------------------------------------------------ */
.changelist-actions {
color: #ccc;
}
.changelist-actions.all-selected,
.changelist-actions.all-selected + .changelist-results {
background: #ffffe6 !important;
}
.changelist-actions ul li {
border: 1px solid #444;
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
.changelist-actions ul a,
.changelist-actions ul span {
border: 1px solid;
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
.changelist-actions ul a:link, .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));
background: -o-linear-gradient(top, #444, #333);
}
.changelist-actions ul a:hover, .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));
background: -o-linear-gradient(top, #666, #555);
}
.changelist-actions ul span {
color: #ccc;
border-color: #333;
}
.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));
background: -o-linear-gradient(top, #444, #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));
background: -o-linear-gradient(top, #666, #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));
background: -o-linear-gradient(top, #39bae5, #309bbf);
}
.tools-active {
border-color: transparent !important;
background: #309bbf !important;
background: -moz-linear-gradient(top, #39bae5, #309bbf) !important;
background: -webkit-gradient(linear, left top, left bottom, from(#39bae5), to(#309bbf)) !important;
background: -o-linear-gradient(top, #39bae5, #309bbf) !important;
}
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));
background-image: url('../img/icons/icon-object-tools-add-handler.png'), -o-linear-gradient(top, #666, #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));
background-image: url('../img/icons/icon-object-tools-add-handler.png'), -o-linear-gradient(top, #39bae5, #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 .. */
.login .errornote,
.errornote.login-errors {
margin-bottom: 0 !important;
padding: 8px 10px 6px !important;
border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
}
ul.errorlist {
color: #bf3030;
}
.error input, .error select, .errors input, .errors select, .errors textarea {
border: 1px solid #bf3030 !important;
}
.login ul.errorlist {
color: #d93636;
}
/* Labels & Other Typographic Elements in Forms
------------------------------------------------------------------------------------------------------ */
label {
color: #444;
}
/* Form Elements
------------------------------------------------------------------------------------------------------ */
input, textarea, select, button {
color: #666;
border: 1px solid #ccc;
/* 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;
background-color: #fff;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
input[type=file] {
background-color: transparent;
}
}
*:focus, input:focus, textarea:focus, select:focus {
border-color: #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.submit-link,
.submit-row a.delete-link,
.submit-row a.cancel-link {
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
.submit-row a.submit-link,
.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: -moz-linear-gradient(top, #d93636, #bf3030);
background: -webkit-gradient(linear, left top, left bottom, from(#d93636), to(#bf3030));
background: -o-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: -moz-linear-gradient(top, #666, #444);
background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#444));
background: -o-linear-gradient(top, #666, #444);
}
input[type=submit],
.submit-row a.submit-link:link, .submit-row a.submit-link:visited {
color: #fff;
background: #309bbf;
background: -moz-linear-gradient(top, #39bae5, #309bbf);
background: -webkit-gradient(linear, left top, left bottom, from(#39bae5), to(#309bbf));
background: -o-linear-gradient(top, #39bae5, #309bbf);
}
input[type=submit]:hover,
#bookmark-add-cancel:hover,
.submit-row a.submit-link:hover, .submit-row a.submit-link:active,
.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));
background: -o-linear-gradient(top, #e3e3e3, #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));
background-image: -o-linear-gradient(top, #33a6cc, #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));
background-image: -o-linear-gradient(top, #555, #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));
background-image: url('../img/icons/icon-related-lookup.png'), -o-linear-gradient(top, #ebf2f5, #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));
background-image: url('../img/icons/icon-related-lookup-hover.png'), -o-linear-gradient(top, #e1e1e1, #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));
background-image: url('../img/icons/icon-related-lookup.png'), -o-linear-gradient(top, #ebf2f5, #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));
background-image: url('../img/icons/icon-related-lookup-hover.png'), -o-linear-gradient(top, #e1e1e1, #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));
background-image: url('../img/icons/icon-datepicker.png'), -o-linear-gradient(top, #ebf2f5, #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));
background-image: url('../img/icons/icon-datepicker-hover.png'), -o-linear-gradient(top, #e1e1e1, #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));
background-image: url('../img/icons/icon-timepicker.png'), -o-linear-gradient(top, #ebf2f5, #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));
background-image: url('../img/icons/icon-timepicker-hover.png'), -o-linear-gradient(top, #e1e1e1, #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));
background: url('../img/icons/icon-dropdown-hover.png') 3px 3px no-repeat, -o-linear-gradient(top, #f0f7fa, #e1f0f5) !important;
}
/* 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));
background-image: url('../img/icons/icon-fb-show.png'), -o-linear-gradient(top, #ebf2f5, #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));
background-image: url('../img/icons/icon-fb-show-hover.png'), -o-linear-gradient(top, #e1e1e1, #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));
background-image: url('../img/icons/icon-related-lookup.png'), -o-linear-gradient(top, #ebf2f5, #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));
background-image: url('../img/icons/icon-related-lookup-hover.png'), -o-linear-gradient(top, #e1e1e1, #eee);
}
/* Related Lookup M2M ......................................... */
a.related-lookup.m2m:link, a.related-lookup.m2m:visited,
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'), -moz-linear-gradient(top, #ebf2f5, #e1f0f5);
background-image: url('../img/icons/icon-related-lookup-m2m.png'), -webkit-gradient(linear, left top, left bottom, from(#ebf2f5), to(#e1f0f5));
background-image: url('../img/icons/icon-related-lookup-m2m.png'), -o-linear-gradient(top, #ebf2f5, #e1f0f5);
}
a.related-lookup.m2m:hover, a.related-lookup.m2m:active,
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'), -moz-linear-gradient(top, #e1e1e1, #eee);
background-image: url('../img/icons/icon-related-lookup-m2m-hover.png'), -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(#eee));
background-image: url('../img/icons/icon-related-lookup-m2m-hover.png'), -o-linear-gradient(top, #e1e1e1, #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,
.errors .autocomplete-wrapper-m2m {
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: #999;
/*border-left-color: #ccc;*/
}
/* Reset the style for focused links in autocompletes as there is an automatically
focused (invisible) input which causes the a.related-lookup to be "focused" though it's not */
div.autocomplete-wrapper-fk input:focus + a.related-lookup,
div.autocomplete-wrapper-m2m input:focus + a.related-lookup {
border-color: #ccc !important;
}
/* 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: -moz-linear-gradient(top, #eee, #e0e0e0);
background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#e0e0e0));
background: -o-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: -moz-linear-gradient(top, #e0e0e0, #eee);
background: -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#eee));
background: -o-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;
}