1893 lines
63 KiB
CSS
1893 lines
63 KiB
CSS
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
/* 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;
|
|||
|
|
}
|