summaryrefslogtreecommitdiff
path: root/lib/grappelli/media/css/grappelli-skin-default.css
diff options
context:
space:
mode:
authorluxagraf <sng@luxagraf.net>2010-10-23 19:46:20 -0400
committerluxagraf <sng@luxagraf.net>2010-10-23 19:46:20 -0400
commitc59a2a69fb38b92b6c45bcf7431d2b1a3c5dce3c (patch)
tree2fc44ca867839d5e591e21467b6e4526f7a9f080 /lib/grappelli/media/css/grappelli-skin-default.css
parented77da873e675f02f12cbab9be27f342f825444b (diff)
added grappelli, filebrowser, chunks and tagging to lcal repo
Diffstat (limited to 'lib/grappelli/media/css/grappelli-skin-default.css')
-rw-r--r--lib/grappelli/media/css/grappelli-skin-default.css1762
1 files changed, 1762 insertions, 0 deletions
diff --git a/lib/grappelli/media/css/grappelli-skin-default.css b/lib/grappelli/media/css/grappelli-skin-default.css
new file mode 100644
index 0000000..7528c94
--- /dev/null
+++ b/lib/grappelli/media/css/grappelli-skin-default.css
@@ -0,0 +1,1762 @@
+
+
+
+/* TYPOGRAPHY
+–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
+
+
+
+/* Paragraphs
+------------------------------------------------------------------------------------------------------ */
+
+.module p.help,
+p.help {
+ color: #999;
+}
+
+.fb_show + p.help a {
+ border: 1px solid #309bbf;
+ border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
+}
+.fb_show + p.help a:link, .fb_show + p.help a:visited {
+ border: 1px solid #309bbf;
+}
+.fb_show + p.help a:hover, .fb_show + p.help a:active {
+ border: 1px solid #444;
+}
+
+
+
+/* Links
+------------------------------------------------------------------------------------------------------ */
+
+a:link, a:visited {
+ color: #309bbf;
+}
+a:hover, a:active, a.selected {
+ color: #444;
+}
+
+.dashboard h2 a:link, .dashboard h2 a:visited,
+.dashboard h3 a:link, .dashboard h3 a:visited {
+ color: #444;
+}
+.dashboard h2 a:hover, .dashboard h2 a:active,
+.dashboard h3 a:hover, .dashboard h3 a:active {
+ color: #309bbf;
+}
+
+#header a:link, #header a:visited {
+ color: #59AFCC;
+}
+#header a:hover, #header a:active {
+ color: #444;
+}
+
+
+
+/* Blockquote, Pre, Code
+------------------------------------------------------------------------------------------------------ */
+
+blockquote {
+ color: #777;
+ border-left: 5px solid #ddd;
+}
+
+code, pre {
+ color: #666;
+ background: inherit;
+}
+
+pre.literal-block {
+ background: #eee;
+}
+
+code strong {
+ color: #930;
+}
+
+hr {
+ color: #eee;
+ border: 0;
+ background-color: #eee;
+}
+
+
+
+/* RTE (Rich Text Edited)
+------------------------------------------------------------------------------------------------------ */
+
+.rte h3 {
+ border-top: 1px solid #d4d4d4;
+ border-bottom: 1px solid #d4d4d4;
+}
+.rte .group h3 {
+ border-top: 0;
+}
+.rte h3:last-child,
+.rte h4:last-child {
+ border-bottom: 0;
+ border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px;
+ border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px;
+}
+.rte td {
+ border-left: 1px solid #f4f4f4;
+}
+.rte td:first-of-type {
+ border-left: 0;
+}
+.delete-confirmation ul.rte>li {
+ border-top: 1px solid #fff;
+ border-bottom: 1px solid #e0e0e0;
+}
+.delete-confirmation ul.rte>li:first-child {
+ border-top: 0;
+}
+.delete-confirmation ul.rte>li:last-child {
+ border-bottom: 0;
+}
+.delete-confirmation ul.rte>li>ul>li {
+ border-top: 1px dashed #e0e0e0;
+}
+.rte blockquote table {
+ border: 1px solid #d4d4d4;
+ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
+}
+
+
+
+/* Other Styles
+------------------------------------------------------------------------------------------------------ */
+
+.warning {
+ color: #bf3030;
+}
+.quiet {
+ color: #999;
+}
+
+
+
+/* STRUCTURES
+–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
+
+body {
+ color: #444;
+ background: #fff;
+}
+
+
+
+/* Header
+------------------------------------------------------------------------------------------------------ */
+
+#header {
+ color: #eee;
+ background: #333;
+ background: -moz-linear-gradient(top, #444, #333);
+ background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#333));
+}
+#header a:hover, #header a:active {
+ color: #ddd;
+}
+
+
+
+/* Branding, Bookmarks & User-Tools
+------------------------------------------------------------------------------------------------------ */
+
+.branding {
+ border-left: 1px solid #343434;
+ background-color: #262626;
+}
+.admin-title {
+ border-left: 1px solid #404040;
+ border-right: 1px solid #303030;
+}
+
+
+/* User Tools ................................................... */
+
+#user-tools {
+ border-left: 1px solid #303030;
+}
+#user-tools>li {
+ border-left: 1px solid #404040;
+ border-right: 1px solid #303030;
+}
+li.user-options-container.open a.user-options-handler {
+ color: #eee !important;
+}
+li.user-options-container.open ul.user-options {
+ border-top: 1px solid #262626;
+ border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;
+ border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;
+ background: #333;
+}
+ul.user-options li {
+ border-top: 1px solid #404040;
+ border-bottom: 1px solid #292929;
+}
+ul.user-options li:last-child {
+ border-bottom: 0;
+}
+
+
+/* Navigation Menu (UL Navigation-Menu of Admin-Tools) ................................................... */
+
+ul.navigation-menu>li>a {
+ border-left: 1px solid #404040;
+ border-right: 1px solid #303030;
+}
+ul.navigation-menu>li.bookmark>a {
+ border-right: 0;
+}
+ul.navigation-menu li ul {
+ border-top: 1px solid #2a2a2a;
+ border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px;
+ border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px;
+ background: #333;
+}
+ul.navigation-menu li li {
+ border-top: 1px solid #404040;
+ border-bottom: 1px solid #2a2a2a;
+}
+ul.navigation-menu li li li {
+ border-top: 1px solid #303030;
+ border-bottom: 1px solid #303030;
+ border-bottom: 0;
+}
+ul.navigation-menu li li li li {
+ border-top: 1px solid #383838;
+ border-bottom: 1px solid #383838;
+ border-bottom: 0;
+}
+ul.navigation-menu li li li li li {
+ border-top: 1px solid #404040;
+ border-bottom: 1px solid #383838;
+ border-bottom: 0;
+}
+ul.navigation-menu>li>ul>li.parent {
+ border-top: 1px solid #404040;
+ border-bottom: 1px solid #2a2a2a;
+}
+ul.navigation-menu li ul ul {
+ border-top: 0;
+ border-bottom: 0;
+ background: transparent;
+}
+
+ul.navigation-menu li ul ul>li:first-child a {
+ border-bottom: 0;
+}
+ul.navigation-menu li ul ul ul>li:first-child a {
+ border-bottom: 0;
+}
+ul.navigation-menu li ul ul ul ul>li:first-child a {
+ border-bottom: 0;
+}
+ul.navigation-menu li ul ul ul ul>li:first-child a {
+ border-bottom: 0;
+}
+ul.navigation-menu li.collapse.open>a.collapse-handler,
+ul.navigation-menu li.bookmark.disabled>a,
+ul.navigation-menu li.collapse.open + li.actions {
+ color: #eee !important;
+}
+ul.navigation-menu li.bookmark.disabled>a {
+ cursor: default !important;
+}
+
+form#bookmark-form {
+ border-right: 1px solid #303030;
+}
+form#bookmark-form button {
+ border: 1px solid #2e2e2e;
+ border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
+ background-position: 50% 3px;
+ background-repeat: no-repeat;
+ background-color: #303030 !important;
+}
+form#bookmark-form button {
+ background-image: url('../img/icons/icon-bookmark_add.png');
+}
+form#bookmark-form button:hover {
+ border: 1px solid #ccc;
+ background-image: url('../img/icons/icon-bookmark_add-hover.png');
+ background-color: #e6e6e6 !important;
+}
+form#bookmark-form button.bookmarked {
+ background-image: url('../img/icons/icon-bookmark_remove.png');
+}
+form#bookmark-form button.bookmarked:hover {
+ background-image: url('../img/icons/icon-bookmark_remove-hover.png');
+}
+
+
+
+/* Breadcrumbs
+------------------------------------------------------------------------------------------------------ */
+
+div#breadcrumbs {
+ color: #666;
+ border-top: 1px solid #ccc;
+ border-bottom: 1px solid #ccc;
+ background: #e6e6e6;
+}
+
+
+
+/* Messages
+------------------------------------------------------------------------------------------------------ */
+
+ul.messagelist li {
+ border-bottom: 1px solid #ccc;
+ background-color: #e8f2da;
+}
+ul.messagelist.success li {
+ background-color: #e8f2da;
+}
+ul.messagelist.error li {
+ background-color: #f2e6e6;
+}
+
+
+
+/* Login Form
+------------------------------------------------------------------------------------------------------ */
+
+.login .module {
+ border: 0;
+ border-top-left-radius: 0; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0;
+ border-top-right-radius: 0; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0;
+ background: #333;
+}
+.login .module .row {
+ border-top: 1px solid #444;
+ border-bottom: 1px solid #222;
+}
+.login .module label {
+ color: #eee;
+}
+
+
+
+/* COMPONENTS
+–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
+
+
+
+/* Modules
+------------------------------------------------------------------------------------------------------ */
+
+.module {
+ border: 1px solid #bdbdbd;
+ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
+ background: #eee;
+}
+.rte .module {
+ background: transparent;
+}
+
+
+/* Nested Modules Basics ......................................... */
+
+.module .module,
+.module fielset.module {
+ border: 0;
+ border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;
+}
+.module .module:first-child {
+ border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px;
+ border-top-right-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px;
+}
+
+
+
+/* Groups
+------------------------------------------------------------------------------------------------------ */
+
+.group {
+ border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;
+}
+
+.group.collapse.closed {
+ border: 2px solid #e0e0e0;
+}
+.group,
+.group.collapse.closed:hover {
+ border: 2px solid #c7c7c7;
+}
+
+
+
+/* Elements in Modules & Groups
+------------------------------------------------------------------------------------------------------ */
+
+
+/* 1st Level Borders Top (Dark/Bright) ......................................... */
+
+.group h2,
+.module h2 {
+ border-bottom: 1px solid #bdbdbd;
+ border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px;
+ border-top-right-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px;
+ background: #d6d6d6;
+ background: -moz-linear-gradient(top, #e3e3e3, #d6d6d6);
+ background: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#d6d6d6));
+}
+.group h2 {
+ border: 1px solid #bdbdbd;
+ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
+}
+.module h2+*,
+.module h2+.tools+* {
+ border-top: 1px solid #fff;
+}
+.module h2+.module,
+.module h2+.tools,
+.module h2+.tools+.module {
+ border-top: 0 !important;
+}
+
+
+/* 2nd Level Borders Top (Dark/Bright) ......................................... */
+
+.module .module {
+ border-top: 1px solid #c7c7c7;
+}
+.module .module>*:first-child {
+ border-top: 1px solid #eee;
+}
+#changelist .span-flexible .module .module:first-child {
+ border-top: 0;
+}
+
+.group h3,
+.module h3 {
+ border-bottom: 1px solid #c7c7c7;
+ background: #e0e0e0;
+ background: -moz-linear-gradient(top, #e9e9e9, #e0e0e0);
+ background: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#e0e0e0));
+}
+.group h3 {
+ border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px;
+ border-top-right-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px;
+}
+.module h3+*,
+.module h3+.tools+* {
+ border-top: 1px solid #fff;
+}
+.module h3+.module,
+.module h3+.tools,
+.module h3+.tools+.module {
+ border-top: 0 !important;
+}
+
+
+/* 3rd Level Borders Top (Dark/Bright) ......................................... */
+
+.group .module .module,
+.module .module .module {
+ border-top: 1px solid #d4d4d4;
+}
+.group .module .module>*:first-child,
+.module .module .module>*:first-child {
+ border-top: 1px solid #f4f4f4;
+}
+
+.group h4,
+.module h4 {
+ border-bottom: 1px solid #d4d4d4;
+ background: #e8e8e8;
+ background: -moz-linear-gradient(top, #ededed, #e8e8e8);
+ background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#e8e8e8));
+}
+.module h4+*,
+.module h4+.tools+* {
+ border-top: 1px solid #fff;
+}
+.module h4+.tools {
+ border-top: 0 !important;
+}
+.module .description {
+ border-bottom: 1px solid #d4d4d4;
+}
+
+
+
+/* Modules & Groups Overrides
+------------------------------------------------------------------------------------------------------ */
+
+.module .module:last-of-type {
+ border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px;
+ border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px;
+}
+
+
+
+/* Collapsible Structures
+------------------------------------------------------------------------------------------------------ */
+
+.group .module.collapse.closed h3.collapse-handler,
+.group .module.collapse.closed h4.collapse-handler,
+.collapse.closed h2.collapse-handler,
+.module .module.collapse.closed.last .collapse-handler,
+.module .module.collapse.closed:last-child .collapse-handler {
+ border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px;
+ border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px;
+}
+.module.collapse.closed h2.collapse-handler,
+.module.collapse.closed h3.collapse-handler,
+.module.collapse.closed h4.collapse-handler {
+ border-bottom: 0;
+}
+
+
+/* 1st Level Collapsible-Handler ......................................... */
+
+.collapse h2.collapse-handler {
+ background: #a1d4e5;
+ background: -moz-linear-gradient(top, #bcdfeb, #a1d4e5);
+ background: -webkit-gradient(linear, left top, left bottom, from(#bcdfeb), to(#a1d4e5));
+}
+.collapse h2.collapse-handler:hover,
+.collapse.open h2.collapse-handler {
+ background: #bcdfeb;
+ background: -moz-linear-gradient(top, #a1d4e5, #bcdfeb);
+ background: -webkit-gradient(linear, left top, left bottom, from(#a1d4e5), to(#bcdfeb));
+}
+
+
+/* 2nd Level Collapsible-Handler ......................................... */
+
+.group .collapse h3.collapse-handler,
+.module .collapse h3.collapse-handler {
+ background: #cee9f2;
+ background: -moz-linear-gradient(top, #e1f0f5, #cee9f2);
+ background: -webkit-gradient(linear, left top, left bottom, from(#e1f0f5), to(#cee9f2));
+}
+.group .collapse h3.collapse-handler:hover,
+.module .collapse h3.collapse-handler:hover,
+.group .collapse.open h3.collapse-handler,
+.module .collapse.open h3.collapse-handler {
+ background: #e1f0f5;
+ background: -moz-linear-gradient(top, #cee9f2, #e1f0f5);
+ background: -webkit-gradient(linear, left top, left bottom, from(#cee9f2), to(#e1f0f5));
+}
+.module .collapse h3.collapse-handler {
+ border-top: 1px solid #e1f0f5;
+}
+
+
+/* 3rd Level Collapsible-Handler ......................................... */
+
+.group .module .collapse h4.collapse-handler,
+.module .module .collapse h4.collapse-handler {
+ border-top: 1px solid #f0f7fa;
+ background: #e1f0f5;
+ background: -moz-linear-gradient(top, #ebf2f5, #e1f0f5);
+ background: -webkit-gradient(linear, left top, left bottom, from(#ebf2f5), to(#e1f0f5));
+}
+.group .collapse h4.collapse-handler:hover,
+.module .collapse h4.collapse-handler:hover,
+.group .collapse.open h4.collapse-handler,
+.module .collapse.open h4.collapse-handler {
+ background: #ebf2f5;
+ background: -moz-linear-gradient(top, #e1f0f5, #ebf2f5);
+ background: -webkit-gradient(linear, left top, left bottom, from(#e1f0f5), to(#ebf2f5));
+}
+
+
+
+/* Row
+------------------------------------------------------------------------------------------------------ */
+
+.row {
+ border-top: 1px solid #fff;
+ border-bottom: 1px solid #e0e0e0;
+}
+.row.first,
+.row:first-child,
+.module input[type=hidden] + .row {
+ border-top: 0 !important;
+ border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px;
+ border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;
+}
+.row.last,
+.row:last-child,
+.row:last-of-type,
+fieldset.module > .row.last,
+fieldset.module > .row:last-child {
+ border-bottom: 0 !important;
+ border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;
+ border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;
+}
+
+
+
+/* Cell
+------------------------------------------------------------------------------------------------------ */
+
+.cell {
+ border-right: 1px solid #e0e0e0;
+ border-left: 1px solid #fff;
+}
+
+
+
+/* Fieldset Cell
+------------------------------------------------------------------------------------------------------ */
+
+fieldset.module .cell:first-child {
+ border-left: 0 !important;
+}
+fieldset.module .cell:last-child,
+fieldset.module .cell.last {
+ border-right: 0 !important;
+}
+fieldset.module .cell.last + fieldset.module .cell {
+ border-left: 0 !important;
+}
+
+
+
+/* Tabular Modules
+------------------------------------------------------------------------------------------------------ */
+
+.module.table {
+ border: 0;
+ border-collapse: separate;
+ border-spacing: 0 2px;
+ background: transparent;
+}
+.module.thead,
+.module.tfoot {
+ color: #aaa;
+ background: transparent;
+}
+.module.table .tr,
+.module.tbody {
+ background: transparent;
+}
+.module.table .th,
+.module.table .td {
+ border-left: 1px solid #fff;
+ border-right: 1px solid #e0e0e0;
+}
+.module.thead .th:last-of-type,
+.module.thead .td:last-of-type,
+.module.tfoot .td:last-of-type {
+ border-right: 0;
+}
+.module.table .module.thead .th,
+.module.table .module.thead .td {
+ border-top: 0;
+ background: none;
+}
+.module.tbody .th,
+.module.tbody .td {
+ border-top: 1px solid #d4d4d4;
+ border-bottom: 1px solid #d4d4d4;
+ background: #eee;
+}
+.module.tbody .th:first-of-type,
+.module.tbody .td:first-of-type {
+ border-left: 1px solid #ccc;
+ border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px;
+ border-top-right-radius: 0; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0;
+ border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;
+}
+.module.tbody .th:last-of-type,
+.module.tbody .td:last-of-type {
+ border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;
+ border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0;
+ border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;
+}
+
+
+
+/* Add Items
+------------------------------------------------------------------------------------------------------ */
+
+.module.add-item {
+ border: 1px solid transparent;
+ background: #fff;
+}
+
+
+
+/* Predelete
+------------------------------------------------------------------------------------------------------ */
+
+.predelete h2, .predelete h2.collapse-handler,
+.predelete h3, .predelete h3.collapse-handler,
+.predelete h4, .predelete h4.collapse-handler {
+ background: #f2e6e6 !important;
+ background: -moz-linear-gradient(top, #fff2f2, #f2e6e6) !important;
+ background: -webkit-gradient(linear, left top, left bottom, from(#fff2f2), to(#f2e6e6)) !important;
+}
+.predelete h2.collapse-handler:hover,
+.predelete h3.collapse-handler:hover,
+.predelete h4.collapse-handler:hover,
+.collapse.open .predelete h2.collapse-handler,
+.collapse.open .predelete h3.collapse-handler,
+.collapse.open .predelete h4.collapse-handler {
+ background: #f2e6e6 !important;
+ background: -moz-linear-gradient(top, #f2e6e6, #fff2f2) !important;
+ background: -webkit-gradient(linear, left top, left bottom, from(#fff2f2), to(#f2e6e6)) !important;
+}
+.predelete,
+.predelete .module,
+.predelete .th,
+.predelete .td {
+ background: #f2e6e6 !important;
+}
+
+
+
+/* Selectors
+------------------------------------------------------------------------------------------------------ */
+
+.selector-available, .selector-chosen {
+ border: 1px solid #ccc;
+ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
+ background: #ddd;
+}
+.selector h2, .inline-group .selector h2,
+.inline-related fieldset .selector-available h2, .inline-related fieldset .selector-chosen h2 {
+ border: 0;
+ border-bottom: 1px solid #d0d0d0;
+ background: transparent;
+}
+.selector .selector-filter {
+ color: #666;
+ border-top: 1px solid #e4e4e4;
+ border-bottom: 1px solid #e4e4e4;
+ border-top-left-radius: 5px;-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px;
+ border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;
+}
+.selector h2 + .selector-filter {
+ border-radius-topleft: 0; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0;
+ border-radius-topright: 0; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0;
+}
+.selector select[multiple=multiple] {
+ border-left: 0;
+ border-top: 1px solid #d0d0d0;
+ border-bottom: 1px solid #d0d0d0;
+ border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;
+}
+
+a.selector-chooseall, a.selector-clearall {
+ border-top: 1px solid #e4e4e4;
+}
+
+.selector h2 + select {
+ border-top: 0;
+}
+
+a.selector-chooseall, a.selector-clearall {
+ border-top: 1px solid #e4e4e4;
+}
+
+
+
+/* Link-List, Actions, Feed, Table of Contents
+------------------------------------------------------------------------------------------------------ */
+
+.module.link-list,
+.module.link-list .module,
+.module.actions,
+.module.actions .module,
+.module.feed,
+.module.feed .module {
+ background: #fff;
+}
+.link-list ul li,
+.feed ul li,
+.actions ul li,
+.table-of-contents ul li {
+ border-top: 1px solid #fff;
+ border-bottom: 1px solid #e0e0e0;
+}
+.actions ul li {
+ color: #999;
+}
+.actions ul li:first-child,
+.link-list ul li:first-child,
+.feed ul li:first-child,
+.table-of-contents ul li:first-child {
+ border-top: 0;
+}
+.actions ul li:last-child,
+.link-list ul li:last-child,
+.feed ul li:last-child,
+.table-of-contents ul li:last-child {
+ border-bottom: 0;
+}
+.link-list ul li.selected a,
+.table-of-contents ul li.selected a {
+ color: #444;
+}
+a.internal:link, a.internal:visited {}
+a.internal:hover, a.internal:active,
+.actions li.delete-link {
+ color: #666;
+}
+a.external:link, a.external:visited {
+ color: #83c3d9;
+}
+a.external:hover, a.external:active {
+ color: #666;
+}
+
+
+
+/* Module Changelist Filters
+------------------------------------------------------------------------------------------------------ */
+
+.module.changelist-filters {
+ color: #666;
+ border: 1px solid #d4d4d4;
+ border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0;
+}
+.module.changelist-filters:last-of-type,
+body.filebrowser .module.changelist-filters {
+ border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;
+ border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;
+}
+
+
+
+/* Module Search & Module Filter
+------------------------------------------------------------------------------------------------------ */
+
+.module.search,
+.module.filter {
+ border: 0;
+ border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;
+}
+.module.filter .pulldown-container {
+ border: 1px solid #fff;
+ border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
+}
+.module.filter.open .pulldown-container {
+ border-color: #ccc;
+ box-shadow: 0 0 10px #444; -moz-box-shadow: 0 0 10px #444; -webkit-box-shadow: 0 0 10px #444;
+}
+
+.open a.button.toggle-filters,
+.open.selected a.button.toggle-filters {
+ border-color: transparent !important;
+ border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0 !important; -webkit-border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0 !important; -webkit-border-bottom-right-radius: 0;
+}
+a.button.toggle-filters:link, a.button.toggle-filters:visited {
+ color: #309bbf;
+ border-color: #ddd;
+}
+.selected a.button.toggle-filters:link, .selected a.button.toggle-filters:visited {
+ color: #444;
+ background-color: #e1f0f5;
+ background: #e1f0f5 url('../img/icons/icon-dropdown-hover.png') 100% 3px no-repeat;
+ background: url('../img/icons/icon-dropdown-hover.png') 100% 3px no-repeat, -moz-linear-gradient(top, #eee, #e0e0e0);
+ background: url('../img/icons/icon-dropdown-hover.png') 100% 3px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#eee), to(#e0e0e0));
+}
+.open a.button.toggle-filters, .selected a.button.toggle-filters,
+.selected a.button.toggle-filters:hover, .selected a.button.toggle-filters:active,
+a.button.toggle-filters:hover, a.button.toggle-filters:active {
+ color: #666;
+ border-color: #ccc;
+ background-color: #e1f0f5;
+ background: #e1f0f5 url('../img/icons/icon-dropdown-hover.png') 100% 3px no-repeat;
+ background: url('../img/icons/icon-dropdown-hover.png') 100% 3px no-repeat, -moz-linear-gradient(top, #f0f7fa, #e1f0f5);
+ background: url('../img/icons/icon-dropdown-hover.png') 100% 3px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#f0f7fa), to(#e1f0f5));
+}
+.selected a.button.toggle-filters:link, .selected a.button.toggle-filters:visited {
+ color: #666;
+ border-color: #ddd;
+ background-color: #e1f0f5;
+ background: #e1f0f5 url('../img/icons/icon-dropdown-hover.png') 100% 3px no-repeat;
+ background: url('../img/icons/icon-dropdown-hover.png') 100% 3px no-repeat, -moz-linear-gradient(top, #f0f7fa, #e1f0f5);
+ background: url('../img/icons/icon-dropdown-hover.png') 100% 3px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#f0f7fa), to(#e1f0f5));
+}
+.open a.button.toggle-filters,
+.open.selected a.button.toggle-filters,
+.selected a.button.toggle-filters:hover, .selected a.button.toggle-filters:active,
+a.button.toggle-filters:hover, a.button.toggle-filters:active {
+ color: #666;
+ border-color: #ccc;
+ background-color: #e1f0f5;
+ background: #e1f0f5 url('../img/icons/icon-dropdown-hover.png') 100% 3px no-repeat;
+ background: url('../img/icons/icon-dropdown-hover.png') 100% 3px no-repeat, -moz-linear-gradient(top, #f0f7fa, #e1f0f5);
+ background: url('../img/icons/icon-dropdown-hover.png') 100% 3px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#f0f7fa), to(#e1f0f5));
+}
+
+.filter-pulldown {
+ border: 1px solid transparent;
+ border-top: 0;
+ border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;
+ border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;
+ background: #e1f0f5;
+}
+.filter-pulldown label {
+ color: #999;
+}
+
+
+
+/* Module Date Hierarchy
+------------------------------------------------------------------------------------------------------ */
+
+.module.date-hierarchy {
+ border: 1px solid #d9d9d9;
+ border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;
+ border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;
+ background: #eee;
+ background: -moz-linear-gradient(top, #eee, #e7e7e7);
+ background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#e7e7e7));
+}
+.module + .module.date-hierarchy {
+ border-top-left-radius: 0; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0;
+ border-top-right-radius: 0; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0;
+}
+.module + .module.date-hierarchy .row {
+ border-top: 1px solid #fff !important;
+ border-top-left-radius: 0; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0;
+ border-top-right-radius: 0; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0;
+}
+.date-hierarchy a:link, .date-hierarchy a:visited {
+ color: #59afcc;
+}
+.date-hierarchy a:hover, .date-hierarchy a:active {
+ color: #444;
+}
+.date-hierarchy a.date-hierarchy-back:hover, .date-hierarchy a.date-hierarchy-back:active {
+ color: #666;
+}
+
+
+
+/* Pagination
+------------------------------------------------------------------------------------------------------ */
+
+.module.pagination {
+ border: 1px solid #d9d9d9;
+ border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;
+}
+.module .module.pagination {
+ border: 0;
+}
+ul.pagination {
+ border-top: 0 !important;
+}
+ul.pagination li {
+ border: 1px solid #fff;
+ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
+}
+
+ul.pagination span,
+ul.pagination a {
+ border: 1px solid;
+ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
+ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
+}
+ul.pagination a:link, .pagination a:visited {
+ color: #59afcc;
+ border-color: #d9d9d9;
+}
+ul.pagination a:hover, .pagination a:active {
+ color: #444;
+ border-color: #bdbdbd;
+ background: #e0e0e0;
+ background: -moz-linear-gradient(top, #eee, #e0e0e0);
+ background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#e0e0e0));
+}
+ul.pagination span {
+ color: #444;
+ border-color: #bdbdbd;
+ background: #e0e0e0;
+ background: -moz-linear-gradient(top, #eee, #e0e0e0);
+ background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#e0e0e0));
+}
+ul.pagination li.separator span {
+ border-color: transparent;
+ background: transparent;
+}
+
+
+
+/* Module Changelist-Results
+------------------------------------------------------------------------------------------------------ */
+
+.module.changelist-results {
+ border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0;
+ background-color: #eee !important;
+}
+
+
+
+/* Module Changelist Actions
+------------------------------------------------------------------------------------------------------ */
+
+.module.changelist-actions {
+ color: #ccc;
+ border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0;
+ background: #eee;
+ background: -moz-linear-gradient(top, #eee, #e0e0e0);
+ background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#e0e0e0));
+}
+.module.changelist-actions.all-selected,
+.module.changelist-actions.all-selected + .module.changelist-results {
+ background: #ffffe6 !important;
+}
+.module.changelist-actions ul li {
+ border: 1px solid #444;
+ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
+}
+.module.changelist-actions ul a,
+.module.changelist-actions ul span {
+ border: 1px solid;
+ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
+}
+.module.changelist-actions ul a:link, .module.changelist-actions ul a:visited {
+ color: #59afcc;
+ border-color: #333;
+ background: #333;
+ background: -moz-linear-gradient(top, #444, #333);
+ background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#333));
+}
+.module.changelist-actions ul a:hover, .module.changelist-actions ul a:active {
+ color: #ccc;
+ border-color: #333;
+ background: #555;
+ background: -moz-linear-gradient(top, #666, #555);
+ background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#555));
+}
+.module.changelist-actions ul span {
+ color: #ccc;
+ border-color: #333;
+}
+.module.changelist-actions ul span span {
+ border: 0;
+}
+
+
+
+/* Module Footer
+------------------------------------------------------------------------------------------------------ */
+
+.module.footer {
+ border: 0;
+ border-top: 1px solid #bdbdbd;
+ border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;
+ background: #333;
+ background: -moz-linear-gradient(top, #444, #333);
+ background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#333));
+}
+
+
+
+/* Submit Row
+------------------------------------------------------------------------------------------------------ */
+
+.module.submit-row {
+ border: 0;
+ background: transparent;
+}
+
+
+
+/* Tooltips
+------------------------------------------------------------------------------------------------------ */
+
+.module.search .tooltip .tooltip-content {
+ border: 1px solid #ccc;
+ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
+ background: #fff;
+ box-shadow: 0 10px 50px #333; -moz-box-shadow: 0 10px 50px #333; -webkit-box-shadow: 0 10px 50px #333;
+}
+
+
+
+/* TOOLS
+–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
+
+ul.tools li {
+ border-top: 0 !important;
+ border-bottom: 0 !important;
+}
+
+
+
+/* H1 + Tools
+------------------------------------------------------------------------------------------------------ */
+
+h1 + .tools a {
+ color: #fff;
+ border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;
+}
+h1 + .tools a:link, h1 + .tools a:visited {
+ background: #444;
+ background: -moz-linear-gradient(top, #666, #444);
+ background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#444));
+}
+h1 + .tools a:hover, h1 + .tools a:active {
+ border-color: transparent;
+ background: #309bbf;
+ background: -moz-linear-gradient(top, #39bae5, #309bbf);
+ background: -webkit-gradient(linear, left top, left bottom, from(#39bae5), to(#309bbf));
+}
+h1 + .tools a.add-handler:link, h1 + .tools a.add-handler:visited {
+ background-color: #444;
+ background: #444 0 50% no-repeat scroll;
+ background-image: url('../img/icons/icon-object-tools-add-handler.png'), -moz-linear-gradient(top, #666, #444);
+ background-image: url('../img/icons/icon-object-tools-add-handler.png'), -webkit-gradient(linear, left top, left bottom, from(#666), to(#444));
+}
+h1 + .tools a.add-handler:hover, h1 + .tools a.add-handler:active {
+ background-color: #309bbf;
+ background: #309bbf 0 50% no-repeat scroll;
+ background-image: url('../img/icons/icon-object-tools-add-handler.png'), -moz-linear-gradient(top, #39bae5, #309bbf);
+ background-image: url('../img/icons/icon-object-tools-add-handler.png'), -webkit-gradient(linear, left top, left bottom, from(#39bae5), to(#309bbf));
+}
+
+
+/* 1st Level H2 + Tools ......................................... */
+
+.group h2+.tools,
+.module h2+.tools {
+ border-top-right-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px;
+}
+
+.module h2+.tools li {
+ border-top-right-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px;
+}
+.group h2+.tools,
+.module.collapse.closed h2+.tools {
+ border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px;
+}
+
+
+/* 2nd Level H3 + Tools ......................................... */
+
+.group .module.collapse.closed h3+.tools,
+.group .module.collapse.closed h3+.tools li,
+.module.collapse.closed:last-child h3+.tools,
+.module.collapse.closed:last-child h3+.tools li {
+ border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px;
+}
+.group h3+.tools,
+.group h3+.tools li {
+ border-top-right-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px;
+}
+
+
+/* 3rd Level H4 + Tools ......................................... */
+
+.module.collapse.closed:last-child h4+.tools,
+.module.collapse.closed:last-child h4+.tools li {
+ border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px;
+}
+
+
+
+/* FORMS
+–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
+
+
+
+/* Errors
+------------------------------------------------------------------------------------------------------ */
+
+.errornote {
+ color: #f7f7f7;
+ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
+ background: #bf3030;
+}
+/* little fix to accomodate the top aligned login form .. */
+.errornote.login-errors {
+ border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
+}
+ul.errorlist {
+ color: #bf3030;
+}
+.error input, .error select, .errors input, .errors select {
+ border: 1px solid #bf3030 !important;
+}
+
+
+
+/* Labels & Other Typographic Elements in Forms
+------------------------------------------------------------------------------------------------------ */
+
+label {
+ color: #444;
+}
+
+
+
+/* Form Elements
+------------------------------------------------------------------------------------------------------ */
+
+input, textarea, select, button {
+ color: #666;
+ border: 1px solid #bbb;
+ border-color: #ccc #ddd #ddd #ccc;
+ border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
+ outline: 0;
+}
+input, textarea, select {
+ box-shadow: 0 1px 3px #eaeaea inset; -moz-box-shadow: 0 1px 3px #eaeaea inset; -webkit-box-shadow: 0 1px 3px #eaeaea inset;
+}
+
+*:focus, input:focus, textarea:focus, select:focus {
+ border-color: #999 #bbb #bbb #999;
+}
+select:focus * {
+ border: 0 !important;
+ outline: 0 !important;
+}
+
+
+/* Searchbar ................................................... */
+
+form#changelist-search {
+ border: 1px solid #fff;
+ border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;
+}
+input#searchbar {
+ border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px;
+}
+
+
+/* Select ................................................... */
+
+option,
+select[multiple=multiple] option {
+ border-bottom: 1px dotted #ddd !important;
+}
+option:last-child {
+ border-bottom: 0;
+}
+
+
+/* Autocomplete Fields ................................................... */
+
+.vAutocompleteSearchField,
+.vM2MAutocompleteSearchField {
+ background: #eaf5f8;
+}
+
+
+/* Read Only ................................................... */
+
+input[readonly],
+textarea[readonly],
+select[readonly] {
+ background: #f4f4f4;
+}
+
+
+
+/* BUTTONS
+–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
+
+input[type=submit], input[type=reset], input[type=button], button {
+ color: #fff;
+ border: 0;
+ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
+ background: #acd7e5;
+}
+
+
+/* Button Containers ................................................... */
+
+.submit-row>*[class*="-container"] {
+ border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
+ box-shadow: 0 0 5px #666; -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666;
+ background: #d6d6d6;
+}
+.submit-row>*[class*="-container"]:hover {
+ box-shadow: 0 0 5px #777; -moz-box-shadow: 0 0 5px #777; -webkit-box-shadow: 0 0 5px #777;
+ background: #d6d6d6;
+}
+.submit-row>*[class*="cancel-button-container"] {
+ box-shadow: 0 0 5px #aaa; -moz-box-shadow: 0 0 5px #aaa; -webkit-box-shadow: 0 0 5px #aaa;
+}
+.footer .submit-row>*[class*="-container"],
+.footer .submit-row>*[class*="cancel-button-container"] {
+ border: 1px solid #666;
+ box-shadow: 0 0 5px #666; -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666;
+ background: #666;
+}
+.submit-row>*[class*="cancel-button-container"] {
+ box-shadow: 0 0 5px #aaa; -moz-box-shadow: 0 0 5px #aaa; -webkit-box-shadow: 0 0 5px #aaa;
+}
+.footer .submit-row>*[class*="-container"]:hover,
+.footer .submit-row>*[class*="cancel-button-container"]:hover {
+ border: 1px solid #777;
+ box-shadow: 0 0 5px #777; -moz-box-shadow: 0 0 5px #777; -webkit-box-shadow: 0 0 5px #777;
+ background: #777;
+}
+
+
+/* Buttons & Buttonlike Links
+------------------------------------------------------------------------------------------------------ */
+
+.submit-row a.delete-link,
+.submit-row a.cancel-link {
+ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
+}
+.submit-row input[type=submit] {
+ border: 1px solid #267c99;
+}
+
+input[type=submit],
+#bookmark-add-cancel,
+.submit-row a.delete-link:link, .submit-row a.delete-link:visited,
+.submit-row a.cancel-link:link, .submit-row a.cancel-link:visited,
+.submit-row input[type=button] {
+ box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important;
+}
+
+.submit-row a.delete-link:link, .submit-row a.delete-link:visited {
+ color: #fff;
+ border: 1px solid #992626;
+ background: #bf3030;
+ background: -webkit-gradient(linear, left top, left bottom, from(#d93636), to(#bf3030));
+ background: -moz-linear-gradient(top, #d93636, #bf3030);
+}
+#bookmark-add-cancel,
+.submit-row a.cancel-link:link, .submit-row a.cancel-link:visited,
+.submit-row input.cancel:hover {
+ color: #fff;
+ border: 1px solid #444;
+ background: #666;
+ background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#444));
+ background: -moz-linear-gradient(top, #666, #444);
+}
+
+input[type=submit] {
+ background: #309bbf;
+ background: -webkit-gradient(linear, left top, left bottom, from(#39bae5), to(#309bbf));
+ background: -moz-linear-gradient(top, #39bae5, #309bbf);
+}
+input[type=submit]:hover,
+#bookmark-add-cancel:hover,
+.submit-row a.delete-link:hover, .submit-row a.delete-link:active,
+.submit-row a.cancel-link:hover, .submit-row a.cancel-link:active,
+.submit-row input.cancel {
+ color: #444;
+ border: 1px solid #aaa;
+ background: #d6d6d6;
+ background: -moz-linear-gradient(top, #e3e3e3, #d6d6d6);
+ background: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#d6d6d6));
+}
+.footer input[type=submit]:hover,
+.footer #bookmark-add-cancel:hover,
+.footer .submit-row a.delete-link:hover, .footer .submit-row a.delete-link:active,
+.footer .submit-row a.cancel-link:hover, .footer .submit-row a.cancel-link:active {
+ border: 1px solid #666;
+}
+
+button.fb_show,
+button.ui-datepicker-trigger,
+button.ui-timepicker-trigger,
+button.ui-gAutocomplete-browse,
+button.ui-gAutoSlugField-toggle,
+button.ui-gFacelist-browse,
+a.button,
+.vDateField + span a,
+.vTimeField + span a,
+a.fb_show,
+a.related-lookup,
+a.add-another,
+.tinyMCE .browse span {
+ border-top-left-radius: 0; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0;
+ border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0;
+ border-top-right-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px;
+}
+
+button {
+ background: #309bbf;
+ background-image: -moz-linear-gradient(top, #33a6cc, #309bbf);
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#33a6cc), to(#309bbf));
+}
+button:hover {
+ background: #666;
+ background-image: -moz-linear-gradient(top, #555, #444);
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#555), to(#444));
+}
+
+button.fb_show,
+button.ui-gAutocomplete-browse,
+button.ui-gFacelist-browse,
+button.ui-gAutoSlugField-toggle,
+button.ui-datepicker-trigger,
+button.ui-timepicker-trigger,
+.tinyMCE .browse span {
+ border: 1px solid #ccc;
+ background-color: #e1f0f5;
+}
+button.fb_show:hover,
+button.ui-gAutocomplete-browse:hover,
+button.ui-gFacelist-browse:hover,
+button.ui-gAutoSlugField-toggle:hover,
+button.ui-datepicker-trigger:hover,
+button.ui-timepicker-trigger:hover,
+.tinyMCE .browse span:hover {
+ background-color: #e1e1e1;
+}
+button.fb_show[disabled],
+button.ui-gAutocomplete-browse[disabled],
+button.ui-gFacelist-browse[disabled],
+button.ui-gAutoSlugField-toggle[disabled],
+button.ui-datepicker-trigger[disabled],
+button.ui-timepicker-trigger[disabled],
+input[disabled] + a {
+ background-color: transparent !important;
+ opacity: 0.3;
+ cursor: auto !important;
+}
+
+
+/* Autocomplete Button ......................................... */
+
+button.ui-gAutocomplete-browse,
+button.ui-gFacelist-browse {
+ background-image: url('../img/icons/icon-related-lookup.png'), -moz-linear-gradient(top, #ebf2f5, #e1f0f5);
+ background-image: url('../img/icons/icon-related-lookup.png'), -webkit-gradient(linear, left top, left bottom, from(#ebf2f5), to(#e1f0f5));
+}
+button.ui-gAutocomplete-browse:hover,
+button.ui-gFacelist-browse:hover {
+ background-image: url('../img/icons/icon-related-lookup-hover.png'), -moz-linear-gradient(top, #e1e1e1, #eee);
+ background-image: url('../img/icons/icon-related-lookup-hover.png'), -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(#eee));
+}
+
+.errors button.ui-gAutocomplete-browse,
+.errors button.ui-gFacelist-browse {
+ border-color: #bf3030 #bf3030 #bf3030 #ccc;
+}
+
+
+/* AutoSlugField Button ......................................... */
+
+/* TODO: lock/unlock icons .. */
+
+button.ui-gAutoSlugField-toggle {
+ background-image: url('../img/icons/icon-related-lookup.png'), -moz-linear-gradient(top, #ebf2f5, #e1f0f5);
+ background-image: url('../img/icons/icon-related-lookup.png'), -webkit-gradient(linear, left top, left bottom, from(#ebf2f5), to(#e1f0f5));
+}
+button.ui-gAutoSlugField-toggle:hover {
+ background-image: url('../img/icons/icon-related-lookup-hover.png'), -moz-linear-gradient(top, #e1e1e1, #eee);
+ background-image: url('../img/icons/icon-related-lookup-hover.png'), -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(#eee));
+}
+.errors button.ui-gAutoSlugField-toggle {
+ border-color: #bf3030 #bf3030 #bf3030 #ccc;
+}
+
+
+/* Datepicker Button ......................................... */
+
+button.ui-datepicker-trigger {
+ background-image: url('../img/icons/icon-datepicker.png'), -moz-linear-gradient(top, #ebf2f5, #e1f0f5);
+ background-image: url('../img/icons/icon-datepicker.png'), -webkit-gradient(linear, left top, left bottom, from(#ebf2f5), to(#e1f0f5));
+}
+button.ui-datepicker-trigger:hover {
+ background-image: url('../img/icons/icon-datepicker-hover.png'), -moz-linear-gradient(top, #e1e1e1, #eee);
+ background-image: url('../img/icons/icon-datepicker-hover.png'), -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(#eee));
+}
+
+
+/* Timepicker Button ......................................... */
+
+button.ui-timepicker-trigger {
+ background-image: url('../img/icons/icon-timepicker.png'), -moz-linear-gradient(top, #ebf2f5, #e1f0f5);
+ background-image: url('../img/icons/icon-timepicker.png'), -webkit-gradient(linear, left top, left bottom, from(#ebf2f5), to(#e1f0f5));
+}
+button.ui-timepicker-trigger:hover {
+ background-image: url('../img/icons/icon-timepicker-hover.png'), -moz-linear-gradient(top, #e1e1e1, #eee);
+ background-image: url('../img/icons/icon-timepicker-hover.png'), -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(#eee));
+}
+
+
+/* Search Button ......................................... */
+
+button.search {
+ border-color: transparent !important;
+ background-color: transparent;
+}
+
+
+
+/* Links as Buttons
+------------------------------------------------------------------------------------------------------ */
+
+a.button,
+.datecrumbs a,
+.datecrumbs span {
+ border: 1px solid #e0e0e0;
+ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
+}
+
+
+/* Drop-Down Button ......................................... */
+
+a.button.drop-down[class*="selected"] {
+ color: #444 !important;
+ border-color: #b0b0b0;
+ border-bottom-width: 0 !important;
+ border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0 !important; -webkit-border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0 !important; -webkit-border-bottom-right-radius: 0;
+ box-shadow: 0 -2px 3px #bbb, -2px -2px 3px #bbb, 2px -2px 3px #bbb;
+ -moz-box-shadow: 0 -2px 3px #bbb, -2px -2px 3px #bbb, 2px -2px 3px #bbb;
+ -webkit-box-shadow: 0 -2px 3px #bbb, -2px -2px 3px #bbb, 2px -2px 3px #bbb;
+}
+a.button.drop-down:link, a.button.drop-down:visited {
+ color: #309bbf;
+ background-color: #fff;
+}
+a.button.drop-down[class*="selected"],
+a.button.drop-down:hover, a.button.drop-down:active {
+ color: #666;
+ background-color: #e1f0f5;
+ background: #e1f0f5 url('../img/icons/icon-dropdown-hover.png') 3px 3px no-repeat;
+ background: url('../img/icons/icon-dropdown-hover.png') 3px 3px no-repeat, -moz-linear-gradient(top, #f0f7fa, #e1f0f5) !important;
+ background: url('../img/icons/icon-dropdown-hover.png') 3px 3px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#f0f7fa), to(#e1f0f5));
+}
+
+
+/* Filebrowser & Related Lookup ......................................... */
+
+a.fb_show,
+a.related-lookup {
+ border: 1px solid #ccc;
+}
+a.fb_show:link, a.fb_show:visited,
+a.related-lookup:link, a.related-lookup:visited {
+ background-color: #e1f0f5;
+}
+a.fb_show:hover, a.fb_show:active,
+a.related-lookup:hover, a.related-lookup:active {
+ background-color: #e1e1e1;
+}
+
+a.fb_show:link, a.fb_show:visited,
+.tinyMCE .browse span {
+ background-image: url('../img/icons/icon-fb-show.png'), -moz-linear-gradient(top, #ebf2f5, #e1f0f5);
+ background-image: url('../img/icons/icon-fb-show.png'), -webkit-gradient(linear, left top, left bottom, from(#ebf2f5), to(#e1f0f5));
+}
+a.fb_show:hover, a.fb_show:active,
+.tinyMCE .browse span:hover {
+ background-image: url('../img/icons/icon-fb-show-hover.png'), -moz-linear-gradient(top, #e1e1e1, #eee);
+ background-image: url('../img/icons/icon-fb-show-hover.png'), -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(#eee));
+}
+a.related-lookup:link, a.related-lookup:visited {
+ background-image: url('../img/icons/icon-related-lookup.png'), -moz-linear-gradient(top, #ebf2f5, #e1f0f5);
+ background-image: url('../img/icons/icon-related-lookup.png'), -webkit-gradient(linear, left top, left bottom, from(#ebf2f5), to(#e1f0f5));
+}
+a.related-lookup:hover, a.related-lookup:active {
+ background-image: url('../img/icons/icon-related-lookup-hover.png'), -moz-linear-gradient(top, #e1e1e1, #eee);
+ background-image: url('../img/icons/icon-related-lookup-hover.png'), -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(#eee));
+}
+
+a.related-lookup + strong {
+ color: #555;
+}
+
+
+/* Add Another ......................................... */
+
+a.add-another {
+ border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
+}
+
+
+/* Buttons & Button Links in Errors ......................................... */
+
+.error input + button,
+.error .vDateField + button,
+.error .vTimeField + button,
+.error input + a.fb_show,
+.error input + a.related-lookup,
+.error input + a.add-another,
+.errors input + button,
+.errors .vDateField + button,
+.errors .vTimeField + button,
+.errors input + a.fb_show,
+.errors input + a.related-lookup,
+.errors input + a.add-another {
+ border-color: #bf3030;
+}
+
+
+/* Focused Buttons & Button Links ......................................... */
+
+input:focus + button,
+.vDateField:focus + span a,
+.vTimeField:focus + span a,
+input:focus + a.fb_show,
+input:focus + a.related-lookup,
+input:focus + a.add-another {
+ border-color: #bbb;
+ border-left-color: #ccc;
+}
+
+
+
+/* TABLES
+–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
+
+tr.alt th, tr.alt td {
+ background: #f4f4f4;
+}
+.row1 th, .row1 td {
+ background: #f4f4f4;
+}
+.row2 th, .row2 td {
+ background: #fff;
+}
+.selected th, .selected td {
+ background: #ffd;
+}
+
+
+/* Thead ................................................... */
+
+thead th,
+tfoot td {
+ color: #aaa;
+ border-left: 1px solid #d4d4d4;
+ border-bottom: 1px solid #d4d4d4;
+ background: #eee;
+ background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#e0e0e0));
+ background: -moz-linear-gradient(top, #eee, #e0e0e0);
+}
+thead th:first-of-type {
+ border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px;
+}
+thead th:last-of-type {
+ border-top-right-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px;
+}
+thead th.sorted {
+ border-bottom: 1px solid #ccc;
+ background: #e0e0e0;
+ background: -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#eee));
+ background: -moz-linear-gradient(top, #e0e0e0, #eee);
+}
+
+thead th a:link, thead th a:visited {
+ color: #59afcc;
+ border-top: 1px solid #fff;
+}
+thead th a:hover, thead th a:active,
+thead th.sorted a {
+ color: #444;
+}
+thead th.sorted a {
+ border-top: 1px solid #ececec;
+}
+
+
+/* Tbody ................................................... */
+
+tbody th, tbody td {
+ border-top: 1px solid #fff;
+ border-bottom: 1px solid #e0e0e0;
+}
+
+tfoot td {
+ border-bottom: 0;
+ border-top: 1px solid #d4d4d4;
+}
+
+thead th:first-child,
+tfoot td:first-child {
+ border-left: 0;
+}
+
+fieldset table {
+ border-right: 1px solid #eee;
+}
+
+tr.row-label td {
+ border-bottom: 0;
+ color: #666;
+}
+
+
+
+/* Changelist Table
+------------------------------------------------------------------------------------------------------ */
+
+#changelist table {
+ border: 1px solid #bdbdbd;
+}
+#changelist tbody th, #changelist tbody td {
+ border: 0;
+ border-top: 1px solid #e8e8e8;
+ border-left: 1px solid #e0e0e0;
+}
+#changelist tbody tr:first-child th, #changelist tbody tr:first-child td {
+ border-top: 1px solid #fff;
+}
+#changelist tbody tr th:first-child, #changelist tbody tr td:first-child {
+ border-left: 0;
+}
+
+#changelist .changelist-results,
+#changelist table {
+ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
+}
+
+#changelist thead th:first-of-type,
+#changelist thead th:first-of-type a,
+#changelist thead *:first-child[style^="display: none"] + *,
+#changelist thead *:first-child[style^="display: none"] + * a {
+ border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px;
+}
+#changelist thead th:last-of-type,
+#changelist thead th:last-of-type a {
+ border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;
+}
+#changelist tbody tr:last-of-type>*:first-child,
+#changelist tbody tr:last-of-type>*:first-child[style^="display: none"] + * {
+ border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;
+}
+#changelist tbody tr:last-of-type>*:last-child,
+#changelist.editable tbody tr:last-of-type td:nth-last-child(-n+2) {
+ border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;
+}
+
+#changelist thead *[style^="display: none"] + *,
+#changelist tbody tr *[style^="display: none"] + * {
+ border-left: 0;
+}
+
+
+
+/* Change History
+------------------------------------------------------------------------------------------------------ */
+
+table#change-history thead th:first-child {
+ border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px;
+}
+table#change-history thead th:last-child {
+ border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;
+}
+
+
+
+/* Overrides
+------------------------------------------------------------------------------------------------------ */
+
+tbody th:first-child, tbody td:first-child {
+ border-left: 0;
+}
+tbody tr:last-child td, tbody tr:last-child th {
+ border-bottom: 0;
+}