tonyair/silverstripe-framework
1
0
Fork 0
mirror of https://github.com/silverstripe/silverstripe-framework synced 2024-10-22 14:05:37 +02:00
Code Issues Projects Releases Wiki Activity

MINOR: Added Member Profile Popup Styling

Browse Source 
MINOR: Better button styles
MINOR: Now compass for button sprites
This commit is contained in:
Wolf Vollprecht 2011-12-21 19:45:20 +01:00 committed by Ingo Schommer
parent 749d908e95
commit 2a429c9850
51 changed files with 319 additions and 224 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

280
admin/css/screen.css
View File

@ -32,7 +32,7 @@ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav,
/** ----------------------------- Sprite images ----------------------------- */ /** ----------------------------- Sprite images ----------------------------- */
/** Helper SCSS file for generating sprites for the interface. S */ /** Helper SCSS file for generating sprites for the interface. S */
.icon { text-indent: -9999px; border: none; outline: none; } .icon { text-indent: -9999px; border: none; outline: none; }
.icon.icon-24 { width: 24px; height: 24px; background: url('../images/icons/24x24-sba30d25a74.png'); } .icon.icon-24 { width: 24px; height: 24px; background: url('../images/menu_icons/24x24-s0cb1fe1c77.png'); }
.icon.icon-24.icon-assetadmin { background-position: 0 -192px; } .icon.icon-24.icon-assetadmin { background-position: 0 -192px; }
.icon.icon-24.icon-cmsmain { background-position: 0 -168px; } .icon.icon-24.icon-cmsmain { background-position: 0 -168px; }
.icon.icon-24.icon-cmspagescontroller { background-position: 0 -144px; } .icon.icon-24.icon-cmspagescontroller { background-position: 0 -144px; }
@ -41,7 +41,7 @@ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav,
.icon.icon-24.icon-reportadmin { background-position: 0 -216px; } .icon.icon-24.icon-reportadmin { background-position: 0 -216px; }
.icon.icon-24.icon-commentadmin { background-position: 0 0; } .icon.icon-24.icon-commentadmin { background-position: 0 0; }
.icon.icon-24.icon-help { background-position: 0 -120px; } .icon.icon-24.icon-help { background-position: 0 -120px; }
.icon.icon-16 { width: 16px; height: 16px; background: url('../images/icons/16x16-s4d33bad4d2.png'); } .icon.icon-16 { width: 16px; height: 16px; background: url('../images/menu_icons/16x16-s2ac647f5ef.png'); }
.icon.icon-16.icon-assetadmin { background-position: 0 -128px; } .icon.icon-16.icon-assetadmin { background-position: 0 -128px; }
.icon.icon-16.icon-cmsmain { background-position: 0 -112px; } .icon.icon-16.icon-cmsmain { background-position: 0 -112px; }
.icon.icon-16.icon-cmspagescontroller { background-position: 0 -96px; } .icon.icon-16.icon-cmspagescontroller { background-position: 0 -96px; }
@ -62,22 +62,22 @@ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav,
.cms code { font-family: 'Bitstream Vera Sans Mono','Courier', monospace; } .cms code { font-family: 'Bitstream Vera Sans Mono','Courier', monospace; }
/** This file defines CMS-specific customizations to the jQuery UI theme. Every rule in this file should be wrapped in the '.cms' selector (to make it more specific), and contain ONLY overwritten jQuery UI rules (with 'ui-' prefix). This file should be fairly short, as we're using our own custom jQuery UI theme already. TODO Add theme reference Use _style.scss to add more generic style information, and read the jQuery UI theming API: http://jqueryui.com/docs/Theming/API */ /** This file defines CMS-specific customizations to the jQuery UI theme. Every rule in this file should be wrapped in the '.cms' selector (to make it more specific), and contain ONLY overwritten jQuery UI rules (with 'ui-' prefix). This file should be fairly short, as we're using our own custom jQuery UI theme already. TODO Add theme reference Use _style.scss to add more generic style information, and read the jQuery UI theming API: http://jqueryui.com/docs/Theming/API */
.cms .ui-tabs { padding: 0; background: #f0f3f4 url(../images/textures/bg_cms_main_content.png) repeat top left; } .cms .ui-tabs, body.ArrayData .ui-tabs { padding: 0; background: #f0f3f4 url(../images/textures/bg_cms_main_content.png) repeat top left; }
.cms .ui-tabs .ui-widget-header { border: 0; background: none; } .cms .ui-tabs .ui-widget-header, body.ArrayData .ui-tabs .ui-widget-header { border: 0; background: none; }
.cms .ui-tabs .ui-tabs-nav { margin: 0; padding: 0; } .cms .ui-tabs .ui-tabs-nav, body.ArrayData .ui-tabs .ui-tabs-nav { margin: 0; padding: 0; }
.cms .ui-tabs .ui-tabs-nav li { top: 0; } .cms .ui-tabs .ui-tabs-nav li, body.ArrayData .ui-tabs .ui-tabs-nav li { top: 0; }
.cms .ui-tabs .ui-tabs-nav li a { padding: 0 15px; } .cms .ui-tabs .ui-tabs-nav li a, body.ArrayData .ui-tabs .ui-tabs-nav li a { padding: 0 15px; }
.cms .ui-tabs .ui-tabs-nav.ui-state-active { border-color: gray; } .cms .ui-tabs .ui-tabs-nav.ui-state-active, body.ArrayData .ui-tabs .ui-tabs-nav.ui-state-active { border-color: gray; }
.cms .ui-tabs .ui-tabs-panel { background: transparent; padding: 16px 16px; } .cms .ui-tabs .ui-tabs-panel, body.ArrayData .ui-tabs .ui-tabs-panel { background: transparent; padding: 16px 16px; }
.cms .ui-widget-content, .cms .ui-widget { color: #444444; font-size: 12px; font-family: Arial, sans-serif; border: 0; } .cms .ui-widget-content, .cms .ui-widget, body.ArrayData .ui-widget-content, body.ArrayData .ui-widget { color: #444444; font-size: 12px; font-family: Arial, sans-serif; border: 0; }
.cms .ui-widget-header { background-color: #b0bec7; padding: 8px 8px 6px 8px; border-bottom: 2px solid #8399a7; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dde3e7), color-stop(100%, #92a5b2)); background-image: -webkit-linear-gradient(top, #dde3e7, #92a5b2); background-image: -moz-linear-gradient(top, #dde3e7, #92a5b2); background-image: -o-linear-gradient(top, #dde3e7, #92a5b2); background-image: -ms-linear-gradient(top, #dde3e7, #92a5b2); background-image: linear-gradient(top, #dde3e7, #92a5b2); border-bottom: 3px solid #5c7382; padding: 8px; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; } .cms .ui-widget-header, body.ArrayData .ui-widget-header { background-color: #b0bec7; padding: 8px 8px 6px 8px; border-bottom: 2px solid #8399a7; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dde3e7), color-stop(100%, #92a5b2)); background-image: -webkit-linear-gradient(top, #dde3e7, #92a5b2); background-image: -moz-linear-gradient(top, #dde3e7, #92a5b2); background-image: -o-linear-gradient(top, #dde3e7, #92a5b2); background-image: -ms-linear-gradient(top, #dde3e7, #92a5b2); background-image: linear-gradient(top, #dde3e7, #92a5b2); border-bottom: 3px solid #5c7382; padding: 8px; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; }
.cms .ui-widget-header .ui-dialog-title { padding: 6px 0; text-shadow: #ced7dc 1px 1px 0; } .cms .ui-widget-header .ui-dialog-title, body.ArrayData .ui-widget-header .ui-dialog-title { padding: 6px 0; text-shadow: #ced7dc 1px 1px 0; }
.cms .ui-widget-header a.ui-dialog-titlebar-close { position: absolute; top: -8px; right: -15px; width: 30px; height: 30px; z-index: 100000; } .cms .ui-widget-header a.ui-dialog-titlebar-close, body.ArrayData .ui-widget-header a.ui-dialog-titlebar-close { position: absolute; top: -8px; right: -15px; width: 30px; height: 30px; z-index: 100000; }
.cms .ui-widget-header a.ui-state-hover { border-color: transparent; background: transparent; } .cms .ui-widget-header a.ui-state-hover, body.ArrayData .ui-widget-header a.ui-state-hover { border-color: transparent; background: transparent; }
.cms .ui-widget-header a.ui-state-hover .ui-icon-closethick { background-position: 0 -30px; } .cms .ui-widget-header a.ui-state-hover .ui-icon-closethick, body.ArrayData .ui-widget-header a.ui-state-hover .ui-icon-closethick { background-position: 0 -30px; }
.cms .ui-widget-header .ui-icon-closethick { background-image: url(../images/dialog_close.png); background-position: 0 0; width: 30px; height: 30px; } .cms .ui-widget-header .ui-icon-closethick, body.ArrayData .ui-widget-header .ui-icon-closethick { background-image: url(../images/dialog_close.png); background-position: 0 0; width: 30px; height: 30px; }
.cms .ui-state-hover { cursor: pointer; } .cms .ui-state-hover, body.ArrayData .ui-state-hover { cursor: pointer; }
.cms .ui-widget input, .cms .ui-widget select, .cms .ui-widget textarea, .cms .ui-widget button { color: #444444; font-size: 12px; font-family: Arial, sans-serif; } .cms .ui-widget input, .cms .ui-widget select, .cms .ui-widget textarea, .cms .ui-widget button, body.ArrayData .ui-widget input, body.ArrayData .ui-widget select, body.ArrayData .ui-widget textarea, body.ArrayData .ui-widget button { color: #444444; font-size: 12px; font-family: Arial, sans-serif; }
/** This file defines common styles for form elements used throughout the CMS interface. It is an addition to the base styles defined in sapphire/css/Form.css. @package sapphire @subpackage admin */ /** This file defines common styles for form elements used throughout the CMS interface. It is an addition to the base styles defined in sapphire/css/Form.css. @package sapphire @subpackage admin */
/** ---------------------------------------------------- Basic form fields ---------------------------------------------------- */ /** ---------------------------------------------------- Basic form fields ---------------------------------------------------- */
@ -86,17 +86,17 @@ form.nostyle .field { padding: 0; border: 0; }
form.nostyle label { float: none; width: auto; } form.nostyle label { float: none; width: auto; }
form.nostyle .middleColumn { margin-left: 0; } form.nostyle .middleColumn { margin-left: 0; }
.field { display: block; padding: 10px 0; border-bottom-width: 2px; border-bottom: 2px groove rgba(255, 255, 255, 0.8); -webkit-border-image: url(../images/textures/bg_fieldset_elements_border.png) 2 stretch stretch; border-image: url(../images/textures/bg_fieldset_elements_border.png) 2 stretch stretch; padding: 0 8px 7px 8px; margin: 0 -8px 8px -8px; border-bottom: 1px solid rgba(201, 205, 206, 0.8); *zoom: 1; /* TreeDropdowns */ /* dropdowns */ /* chzn override */ /* Date Fields */ } .field { display: block; padding: 10px 0; border-bottom: 1px solid rgba(201, 205, 206, 0.8); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); -o-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); padding: 0 0 7px 0; margin: 0 0 8px 0; *zoom: 1; /* TreeDropdowns */ /* dropdowns */ /* chzn override */ /* Date Fields */ }
.field:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; } .field:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }
.field.noLabel .middleColumn { margin-left: 0; } .field.noLabel .middleColumn { margin-left: 0; }
.field label.left { float: left; display: block; width: 168px; padding: 8px 8px 8px 0; line-height: 16px; } .field label.left { float: left; display: block; width: 168px; padding: 8px 8px 8px 0; line-height: 16px; font-weight: bold; text-shadow: 1px 1px 0 white; }
.field label.left span { display: block; font-size: 11px; color: #848484; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; o-text-overflow: ellipsis; } .field label.left span { display: block; font-size: 11px; color: #848484; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; o-text-overflow: ellipsis; }
.field label.right { cursor: pointer; } .field label.right { cursor: pointer; }
.field .middleColumn { margin-left: 184px; } .field .middleColumn { margin-left: 184px; }
.field span.readonly { padding-top: 8px; line-height: 16px; display: block; } .field span.readonly { padding-top: 8px; line-height: 16px; display: block; }
.field input.text, .field textarea, .field select, .field .TreeDropdownField { width: 90%; max-width: 512px; } .field input.text, .field textarea, .field select, .field .TreeDropdownField { width: 90%; max-width: 512px; }
.field input.text, .field textarea, .field .TreeDropdownField { background: #fff; border: 1px solid #b3b3b3; padding: 7px 7px; line-height: 16px; margin: 0; outline: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #efefef), color-stop(10%, #ffffff), color-stop(90%, #ffffff), color-stop(100%, #efefef)); background-image: -webkit-linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); background-image: -moz-linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); background-image: -o-linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); background-image: -ms-linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); background-image: linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); } .field input.text, .field textarea, .field .TreeDropdownField { background: #fff; border: 1px solid #b3b3b3; padding: 7px 7px; line-height: 16px; margin: 0; outline: none; -moz-transition: 0.2s box-shadow ease-in; -webkit-transition: 0.2s box-shadow ease-in; -o-transition: 0.2s box-shadow ease-in; transition: 0.2s box-shadow ease-in; -moz-transition: 0.2s border ease-in; -webkit-transition: 0.2s border ease-in; -o-transition: 0.2s border ease-in; transition: 0.2s border ease-in; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #efefef), color-stop(10%, #ffffff), color-stop(90%, #ffffff), color-stop(100%, #efefef)); background-image: -webkit-linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); background-image: -moz-linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); background-image: -o-linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); background-image: -ms-linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); background-image: linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); }
.field input.text:focus, .field textarea:focus, .field .TreeDropdownField:focus { border: 1px solid #b3b3b3; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } .field input.text:focus, .field textarea:focus, .field .TreeDropdownField:focus { border: 1px solid #9a9a9a; border-top-color: gray; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset; -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset; }
.field input[disabled], .field textarea[disabled], .field select[disabled] { color: #777777; background: #efefef; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #bcbcbc), color-stop(10%, #efefef), color-stop(90%, #ffffff), color-stop(100%, #bcbcbc)); background-image: -webkit-linear-gradient(#bcbcbc, #efefef 10%, #ffffff 90%, #bcbcbc); background-image: -moz-linear-gradient(#bcbcbc, #efefef 10%, #ffffff 90%, #bcbcbc); background-image: -o-linear-gradient(#bcbcbc, #efefef 10%, #ffffff 90%, #bcbcbc); background-image: -ms-linear-gradient(#bcbcbc, #efefef 10%, #ffffff 90%, #bcbcbc); background-image: linear-gradient(#bcbcbc, #efefef 10%, #ffffff 90%, #bcbcbc); border: 1px solid #b3b3b3; } .field input[disabled], .field textarea[disabled], .field select[disabled] { color: #777777; background: #efefef; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #bcbcbc), color-stop(10%, #efefef), color-stop(90%, #ffffff), color-stop(100%, #bcbcbc)); background-image: -webkit-linear-gradient(#bcbcbc, #efefef 10%, #ffffff 90%, #bcbcbc); background-image: -moz-linear-gradient(#bcbcbc, #efefef 10%, #ffffff 90%, #bcbcbc); background-image: -o-linear-gradient(#bcbcbc, #efefef 10%, #ffffff 90%, #bcbcbc); background-image: -ms-linear-gradient(#bcbcbc, #efefef 10%, #ffffff 90%, #bcbcbc); background-image: linear-gradient(#bcbcbc, #efefef 10%, #ffffff 90%, #bcbcbc); border: 1px solid #b3b3b3; }
.field .TreeDropdownField { padding: 0 14px 0 0; } .field .TreeDropdownField { padding: 0 14px 0 0; }
.field .TreeDropdownField .treedropdownfield-panel { border: 1px solid #b3b3b3; border-top: none; padding-right: 14px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -o-border-bottom-left-radius: 4px; -ms-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -o-border-bottom-right-radius: 4px; -ms-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .field .TreeDropdownField .treedropdownfield-panel { border: 1px solid #b3b3b3; border-top: none; padding-right: 14px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -o-border-bottom-left-radius: 4px; -ms-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -o-border-bottom-right-radius: 4px; -ms-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
@ -117,30 +117,34 @@ form.nostyle .middleColumn { margin-left: 0; }
.cms-preview-toggle-link { display: block; float: right; font-size: 12px; text-decoration: none; } .cms-preview-toggle-link { display: block; float: right; font-size: 12px; text-decoration: none; }
.cms input.loading, .cms input.ui-state-default.loading, .cms .ui-widget-content input.ui-state-default.loading, .cms .ui-widget-header input.ui-state-default.loading { padding-left: 24px; color: #525252; background: #eeeded url(../../images/network-save.gif) no-repeat 4px center; border-color: #d5d3d3; cursor: default; text-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .cms input.loading, .cms input.ui-state-default.loading, .cms .ui-widget-content input.ui-state-default.loading, .cms .ui-widget-header input.ui-state-default.loading, body.ArrayData input.loading, body.ArrayData input.ui-state-default.loading, body.ArrayData .ui-widget-content input.ui-state-default.loading, body.ArrayData .ui-widget-header input.ui-state-default.loading { padding-left: 24px; color: #525252; background: #eeeded url(../../images/network-save.gif) no-repeat 4px center; border-color: #d5d3d3; cursor: default; text-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; box-shadow: none; }
.cms .ss-ui-button { /* all buttons */ padding: 7px 12px; font-weight: bold; text-decoration: none; margin: 0; line-height: 16px; color: #393939; background-color: #e6e6e6; border: 1px solid #c0c0c2; text-shadow: white 0 1px 1px; -moz-box-shadow: #ced7dc 0 1px 2px; -webkit-box-shadow: #ced7dc 0 1px 2px; -o-box-shadow: #ced7dc 0 1px 2px; box-shadow: #ced7dc 0 1px 2px; background: #e6e6e6 url('../images/btn_icons_sprite.png') no-repeat 999px 999px; background: url('../images/btn_icons_sprite.png') no-repeat 999px 999px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #d9d9d9)); background: url('../images/btn_icons_sprite.png') no-repeat 999px 999px, -webkit-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons_sprite.png') no-repeat 999px 999px, -moz-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons_sprite.png') no-repeat 999px 999px, -o-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons_sprite.png') no-repeat 999px 999px, -ms-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons_sprite.png') no-repeat 999px 999px, linear-gradient(#ffffff, #d9d9d9); /* constructive */ /* destructive */ /* generic action buttons */ } .cms .ss-ui-button, body.ArrayData .ss-ui-button { /* all buttons */ padding: 7px 12px; font-weight: bold; text-decoration: none; margin: 0; line-height: 16px; color: #393939; background-color: #e6e6e6; border: 1px solid #c0c0c2; border-bottom: 1px solid #a6a6a9; text-shadow: white 0 1px 1px; background: #e6e6e6; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #d9d9d9)); background: -webkit-linear-gradient(#ffffff, #d9d9d9); background: -moz-linear-gradient(#ffffff, #d9d9d9); background: -o-linear-gradient(#ffffff, #d9d9d9); background: -ms-linear-gradient(#ffffff, #d9d9d9); background: linear-gradient(#ffffff, #d9d9d9); /* constructive */ /* destructive */ /* generic action buttons */ }
.cms .ss-ui-button.ui-state-hover { border: 1px solid #a6a6a9; text-shadow: white 0 1px 1px; -moz-box-shadow: #b0bec7 0 1px 2px; -webkit-box-shadow: #b0bec7 0 1px 2px; -o-box-shadow: #b0bec7 0 1px 2px; box-shadow: #b0bec7 0 1px 2px; background: white url('../images/btn_icons_sprite.png') no-repeat 999px 999px; background: url('../images/btn_icons_sprite.png') no-repeat 999px 999px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #d9d9d9)); background: url('../images/btn_icons_sprite.png') no-repeat 999px 999px, -webkit-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons_sprite.png') no-repeat 999px 999px, -moz-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons_sprite.png') no-repeat 999px 999px, -o-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons_sprite.png') no-repeat 999px 999px, -ms-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons_sprite.png') no-repeat 999px 999px, linear-gradient(#ffffff, #d9d9d9); } .cms .ss-ui-button.ui-state-hover, body.ArrayData .ss-ui-button.ui-state-hover { border: 1px solid #a6a6a9; text-shadow: white 0 1px 1px; background: white; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #d9d9d9)); background: -webkit-linear-gradient(#ffffff, #d9d9d9); background: -moz-linear-gradient(#ffffff, #d9d9d9); background: -o-linear-gradient(#ffffff, #d9d9d9); background: -ms-linear-gradient(#ffffff, #d9d9d9); background: linear-gradient(#ffffff, #d9d9d9); }
.cms .ss-ui-button:focus, .cms .ss-ui-button:active { border: 1px solid #b3b3b5; -moz-box-shadow: #b0bec7 0 1px 2px; -webkit-box-shadow: #b0bec7 0 1px 2px; -o-box-shadow: #b0bec7 0 1px 2px; box-shadow: #b0bec7 0 1px 2px; background: white url('../images/btn_icons_sprite.png') no-repeat 999px 999px; background: url('../images/btn_icons_sprite.png') no-repeat 999px 999px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e6e6e6), color-stop(100%, #ffffff)); background: url('../images/btn_icons_sprite.png') no-repeat 999px 999px, -webkit-linear-gradient(#e6e6e6, #ffffff); background: url('../images/btn_icons_sprite.png') no-repeat 999px 999px, -moz-linear-gradient(#e6e6e6, #ffffff); background: url('../images/btn_icons_sprite.png') no-repeat 999px 999px, -o-linear-gradient(#e6e6e6, #ffffff); background: url('../images/btn_icons_sprite.png') no-repeat 999px 999px, -ms-linear-gradient(#e6e6e6, #ffffff); background: url('../images/btn_icons_sprite.png') no-repeat 999px 999px, linear-gradient(#e6e6e6, #ffffff); } .cms .ss-ui-button:focus, .cms .ss-ui-button:active, body.ArrayData .ss-ui-button:focus, body.ArrayData .ss-ui-button:active { border: 1px solid white; -moz-box-shadow: 0 3px 3px gray inset; -webkit-box-shadow: 0 3px 3px gray inset; -o-box-shadow: 0 3px 3px gray inset; box-shadow: 0 3px 3px gray inset; background: #9a9a9a; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e6e6e6), color-stop(100%, #9a9a9a)); background: -webkit-linear-gradient(#e6e6e6, #9a9a9a); background: -moz-linear-gradient(#e6e6e6, #9a9a9a); background: -o-linear-gradient(#e6e6e6, #9a9a9a); background: -ms-linear-gradient(#e6e6e6, #9a9a9a); background: linear-gradient(#e6e6e6, #9a9a9a); }
.cms .ss-ui-button.ss-ui-action-constructive { background-image: none; padding-left: 24px; padding-right: 6px; font-weight: bold; margin-left: 8px; color: white; border-color: #78a127; background: #669933 url('../images/btn_icons_sprite.png') no-repeat 5px 5px; background: url('../images/btn_icons_sprite.png') no-repeat 5px 5px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #80bf40), color-stop(100%, #59862d)); background: url('../images/btn_icons_sprite.png') no-repeat 5px 5px, -webkit-linear-gradient(#80bf40, #59862d); background: url('../images/btn_icons_sprite.png') no-repeat 5px 5px, -moz-linear-gradient(#80bf40, #59862d); background: url('../images/btn_icons_sprite.png') no-repeat 5px 5px, -o-linear-gradient(#80bf40, #59862d); background: url('../images/btn_icons_sprite.png') no-repeat 5px 5px, -ms-linear-gradient(#80bf40, #59862d); background: url('../images/btn_icons_sprite.png') no-repeat 5px 5px, linear-gradient(#80bf40, #59862d); text-shadow: #4d7326 0 1px 1px; -moz-box-shadow: #748d9d 1px 1px 2px; -webkit-box-shadow: #748d9d 1px 1px 2px; -o-box-shadow: #748d9d 1px 1px 2px; box-shadow: #748d9d 1px 1px 2px; } .cms .ss-ui-button.ss-ui-action-constructive, body.ArrayData .ss-ui-button.ss-ui-action-constructive { background-image: none; padding-left: 25px; padding-right: 7px; font-weight: bold; margin-left: 8px; color: white; border-color: #78a127; border-bottom-color: #59781d; background: #669933 url('../images/btn_icons-sb7da7f8cce.png') 6px 6px no-repeat; background: url('../images/btn_icons-sb7da7f8cce.png') 6px 6px no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #80bf40), color-stop(100%, #59862d)); background: url('../images/btn_icons-sb7da7f8cce.png') 6px 6px no-repeat, -webkit-linear-gradient(#80bf40, #59862d); background: url('../images/btn_icons-sb7da7f8cce.png') 6px 6px no-repeat, -moz-linear-gradient(#80bf40, #59862d); background: url('../images/btn_icons-sb7da7f8cce.png') 6px 6px no-repeat, -o-linear-gradient(#80bf40, #59862d); background: url('../images/btn_icons-sb7da7f8cce.png') 6px 6px no-repeat, -ms-linear-gradient(#80bf40, #59862d); background: url('../images/btn_icons-sb7da7f8cce.png') 6px 6px no-repeat, linear-gradient(#80bf40, #59862d); text-shadow: #4d7326 0 1px 1px; }
.cms .ss-ui-button.ss-ui-action-constructive.ui-state-hover { border-color: #59781d; background: #80bf40 url('../images/btn_icons_sprite.png') no-repeat 5px 5px; background: url('../images/btn_icons_sprite.png') no-repeat 5px 5px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8cc653), color-stop(100%, #669933)); background: url('../images/btn_icons_sprite.png') no-repeat 5px 5px, -webkit-linear-gradient(#8cc653, #669933); background: url('../images/btn_icons_sprite.png') no-repeat 5px 5px, -moz-linear-gradient(#8cc653, #669933); background: url('../images/btn_icons_sprite.png') no-repeat 5px 5px, -o-linear-gradient(#8cc653, #669933); background: url('../images/btn_icons_sprite.png') no-repeat 5px 5px, -ms-linear-gradient(#8cc653, #669933); background: url('../images/btn_icons_sprite.png') no-repeat 5px 5px, linear-gradient(#8cc653, #669933); } .cms .ss-ui-button.ss-ui-action-constructive.ui-state-hover, body.ArrayData .ss-ui-button.ss-ui-action-constructive.ui-state-hover { border-color: #59781d; background: #80bf40 url('../images/btn_icons-sb7da7f8cce.png') 6px 6px no-repeat; background: url('../images/btn_icons-sb7da7f8cce.png') 6px 6px no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8cc653), color-stop(100%, #669933)); background: url('../images/btn_icons-sb7da7f8cce.png') 6px 6px no-repeat, -webkit-linear-gradient(#8cc653, #669933); background: url('../images/btn_icons-sb7da7f8cce.png') 6px 6px no-repeat, -moz-linear-gradient(#8cc653, #669933); background: url('../images/btn_icons-sb7da7f8cce.png') 6px 6px no-repeat, -o-linear-gradient(#8cc653, #669933); background: url('../images/btn_icons-sb7da7f8cce.png') 6px 6px no-repeat, -ms-linear-gradient(#8cc653, #669933); background: url('../images/btn_icons-sb7da7f8cce.png') 6px 6px no-repeat, linear-gradient(#8cc653, #669933); }
.cms .ss-ui-button.ss-ui-action-destructive { color: red; background-color: #e6e6e6; } .cms .ss-ui-button.ss-ui-action-constructive:active, .cms .ss-ui-button.ss-ui-action-constructive:focus, body.ArrayData .ss-ui-button.ss-ui-action-constructive:active, body.ArrayData .ss-ui-button.ss-ui-action-constructive:focus { padding: 8px 8px 8px 26px; border: none; background: #619130 url('../images/btn_icons-sb7da7f8cce.png') 7px 7px no-repeat; -moz-box-shadow: inset 0 1px 3px #17181a, 0 1px 0 rgba(255, 255, 255, 0.6); -webkit-box-shadow: inset 0 1px 3px #17181a, 0 1px 0 rgba(255, 255, 255, 0.6); -o-box-shadow: inset 0 1px 3px #17181a, 0 1px 0 rgba(255, 255, 255, 0.6); box-shadow: inset 0 1px 3px #17181a, 0 1px 0 rgba(255, 255, 255, 0.6); }
.cms .ss-ui-button.ss-ui-action-destructive.delete { padding-left: 24px; padding-right: 6px; background: #e6e6e6 url('../images/btn_icons_sprite.png') no-repeat 6px -26px; background: url('../images/btn_icons_sprite.png') no-repeat 6px -26px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #d9d9d9)); background: url('../images/btn_icons_sprite.png') no-repeat 6px -26px, -webkit-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons_sprite.png') no-repeat 6px -26px, -moz-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons_sprite.png') no-repeat 6px -26px, -o-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons_sprite.png') no-repeat 6px -26px, -ms-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons_sprite.png') no-repeat 6px -26px, linear-gradient(#ffffff, #d9d9d9); } .cms .ss-ui-button.cms-page-add-button, body.ArrayData .ss-ui-button.cms-page-add-button { background-image: none; padding-left: 25px; padding-right: 7px; font-weight: bold; margin-left: 8px; color: white; border-color: #78a127; border-bottom-color: #59781d; background: #669933 url('../images/btn_icons-sb7da7f8cce.png') 6px -48px no-repeat; background: url('../images/btn_icons-sb7da7f8cce.png') 6px -48px no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #80bf40), color-stop(100%, #59862d)); background: url('../images/btn_icons-sb7da7f8cce.png') 6px -48px no-repeat, -webkit-linear-gradient(#80bf40, #59862d); background: url('../images/btn_icons-sb7da7f8cce.png') 6px -48px no-repeat, -moz-linear-gradient(#80bf40, #59862d); background: url('../images/btn_icons-sb7da7f8cce.png') 6px -48px no-repeat, -o-linear-gradient(#80bf40, #59862d); background: url('../images/btn_icons-sb7da7f8cce.png') 6px -48px no-repeat, -ms-linear-gradient(#80bf40, #59862d); background: url('../images/btn_icons-sb7da7f8cce.png') 6px -48px no-repeat, linear-gradient(#80bf40, #59862d); text-shadow: #4d7326 0 1px 1px; }
.cms .ss-ui-button.ss-ui-action-destructive.delete.ui-state-hover { background: white url('../images/btn_icons_sprite.png') no-repeat 6px -26px; background: url('../images/btn_icons_sprite.png') no-repeat 6px -26px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); background: url('../images/btn_icons_sprite.png') no-repeat 6px -26px, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite.png') no-repeat 6px -26px, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite.png') no-repeat 6px -26px, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite.png') no-repeat 6px -26px, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite.png') no-repeat 6px -26px, linear-gradient(#ffffff, #e6e6e6); } .cms .ss-ui-button.cms-page-add-button.ui-state-hover, body.ArrayData .ss-ui-button.cms-page-add-button.ui-state-hover { border-color: #59781d; background: #80bf40 url('../images/btn_icons-sb7da7f8cce.png') 6px -48px no-repeat; background: url('../images/btn_icons-sb7da7f8cce.png') 6px -48px no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8cc653), color-stop(100%, #669933)); background: url('../images/btn_icons-sb7da7f8cce.png') 6px -48px no-repeat, -webkit-linear-gradient(#8cc653, #669933); background: url('../images/btn_icons-sb7da7f8cce.png') 6px -48px no-repeat, -moz-linear-gradient(#8cc653, #669933); background: url('../images/btn_icons-sb7da7f8cce.png') 6px -48px no-repeat, -o-linear-gradient(#8cc653, #669933); background: url('../images/btn_icons-sb7da7f8cce.png') 6px -48px no-repeat, -ms-linear-gradient(#8cc653, #669933); background: url('../images/btn_icons-sb7da7f8cce.png') 6px -48px no-repeat, linear-gradient(#8cc653, #669933); }
.cms .ss-ui-button.ss-ui-action-destructive.delete.ui-state-disabled { background-image: none; background: white url('../images/btn_icons_sprite_disabled.png') no-repeat 6px -26px; background: url('../images/btn_icons_sprite_disabled.png') no-repeat 6px -26px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); background: url('../images/btn_icons_sprite_disabled.png') no-repeat 6px -26px, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite_disabled.png') no-repeat 6px -26px, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite_disabled.png') no-repeat 6px -26px, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite_disabled.png') no-repeat 6px -26px, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite_disabled.png') no-repeat 6px -26px, linear-gradient(#ffffff, #e6e6e6); } .cms .ss-ui-button.cms-page-add-button:active, .cms .ss-ui-button.cms-page-add-button:focus, body.ArrayData .ss-ui-button.cms-page-add-button:active, body.ArrayData .ss-ui-button.cms-page-add-button:focus { padding: 8px 8px 8px 26px; border: none; background: #619130 url('../images/btn_icons-sb7da7f8cce.png') 7px -47px no-repeat; -moz-box-shadow: inset 0 1px 3px #17181a, 0 1px 0 rgba(255, 255, 255, 0.6); -webkit-box-shadow: inset 0 1px 3px #17181a, 0 1px 0 rgba(255, 255, 255, 0.6); -o-box-shadow: inset 0 1px 3px #17181a, 0 1px 0 rgba(255, 255, 255, 0.6); box-shadow: inset 0 1px 3px #17181a, 0 1px 0 rgba(255, 255, 255, 0.6); }
.cms .ss-ui-button.ss-ui-action-destructive.unpublish { padding-left: 24px; padding-right: 6px; background: #e6e6e6 url('../images/btn_icons_sprite.png') no-repeat 6px -58px; background: url('../images/btn_icons_sprite.png') no-repeat 6px -58px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #d9d9d9)); background: url('../images/btn_icons_sprite.png') no-repeat 6px -58px, -webkit-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons_sprite.png') no-repeat 6px -58px, -moz-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons_sprite.png') no-repeat 6px -58px, -o-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons_sprite.png') no-repeat 6px -58px, -ms-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons_sprite.png') no-repeat 6px -58px, linear-gradient(#ffffff, #d9d9d9); } .cms .ss-ui-button.ss-ui-action-destructive, body.ArrayData .ss-ui-button.ss-ui-action-destructive { color: red; background-color: #e6e6e6; }
.cms .ss-ui-button.ss-ui-action-destructive.unpublish.ui-state-hover { background: white url('../images/btn_icons_sprite.png') no-repeat 6px -58px; background: url('../images/btn_icons_sprite.png') no-repeat 6px -58px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); background: url('../images/btn_icons_sprite.png') no-repeat 6px -58px, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite.png') no-repeat 6px -58px, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite.png') no-repeat 6px -58px, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite.png') no-repeat 6px -58px, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite.png') no-repeat 6px -58px, linear-gradient(#ffffff, #e6e6e6); } .cms .ss-ui-button.ss-ui-action-destructive.delete, body.ArrayData .ss-ui-button.ss-ui-action-destructive.delete { padding-left: 24px; padding-right: 6px; background: #e6e6e6 url('../images/btn_icons-sb7da7f8cce.png') 5px -158px no-repeat; background: url('../images/btn_icons-sb7da7f8cce.png') 5px -158px no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #d9d9d9)); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -158px no-repeat, -webkit-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -158px no-repeat, -moz-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -158px no-repeat, -o-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -158px no-repeat, -ms-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -158px no-repeat, linear-gradient(#ffffff, #d9d9d9); }
.cms .ss-ui-button.ss-ui-action-destructive.unpublish.ui-state-disabled { background-image: none; background: white url('../images/btn_icons_sprite_disabled.png') no-repeat 6px -58px; background: url('../images/btn_icons_sprite_disabled.png') no-repeat 6px -58px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); background: url('../images/btn_icons_sprite_disabled.png') no-repeat 6px -58px, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite_disabled.png') no-repeat 6px -58px, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite_disabled.png') no-repeat 6px -58px, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite_disabled.png') no-repeat 6px -58px, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite_disabled.png') no-repeat 6px -58px, linear-gradient(#ffffff, #e6e6e6); } .cms .ss-ui-button.ss-ui-action-destructive.delete.ui-state-hover, body.ArrayData .ss-ui-button.ss-ui-action-destructive.delete.ui-state-hover { background: white url('../images/btn_icons-sb7da7f8cce.png') 5px -158px no-repeat; background: url('../images/btn_icons-sb7da7f8cce.png') 5px -158px no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -158px no-repeat, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -158px no-repeat, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -158px no-repeat, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -158px no-repeat, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -158px no-repeat, linear-gradient(#ffffff, #e6e6e6); }
.cms .ss-ui-button.save-draft { padding-left: 24px; padding-right: 6px; background: #e6e6e6 url('../images/btn_icons_sprite.png') no-repeat 6px -90px; background: url('../images/btn_icons_sprite.png') no-repeat 6px -90px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #d9d9d9)); background: url('../images/btn_icons_sprite.png') no-repeat 6px -90px, -webkit-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons_sprite.png') no-repeat 6px -90px, -moz-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons_sprite.png') no-repeat 6px -90px, -o-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons_sprite.png') no-repeat 6px -90px, -ms-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons_sprite.png') no-repeat 6px -90px, linear-gradient(#ffffff, #d9d9d9); } .cms .ss-ui-button.ss-ui-action-destructive.delete.ui-state-disabled, body.ArrayData .ss-ui-button.ss-ui-action-destructive.delete.ui-state-disabled { background-image: none; background: white url('../images/btn_icons-sb7da7f8cce.png') 5px -185px no-repeat; background: url('../images/btn_icons-sb7da7f8cce.png') 5px -185px no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -185px no-repeat, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -185px no-repeat, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -185px no-repeat, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -185px no-repeat, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -185px no-repeat, linear-gradient(#ffffff, #e6e6e6); }
.cms .ss-ui-button.save-draft.ui-state-hover { background: white url('../images/btn_icons_sprite.png') no-repeat 6px -90px; background: url('../images/btn_icons_sprite.png') no-repeat 6px -90px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); background: url('../images/btn_icons_sprite.png') no-repeat 6px -90px, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite.png') no-repeat 6px -90px, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite.png') no-repeat 6px -90px, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite.png') no-repeat 6px -90px, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite.png') no-repeat 6px -90px, linear-gradient(#ffffff, #e6e6e6); } .cms .ss-ui-button.ss-ui-action-destructive.unpublish, body.ArrayData .ss-ui-button.ss-ui-action-destructive.unpublish { padding-left: 24px; padding-right: 6px; background: #e6e6e6 url('../images/btn_icons-sb7da7f8cce.png') 5px -318px no-repeat; background: url('../images/btn_icons-sb7da7f8cce.png') 5px -318px no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #d9d9d9)); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -318px no-repeat, -webkit-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -318px no-repeat, -moz-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -318px no-repeat, -o-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -318px no-repeat, -ms-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -318px no-repeat, linear-gradient(#ffffff, #d9d9d9); }
.cms .ss-ui-button.save-draft.ui-state-disabled { background-image: none; background: white url('../images/btn_icons_sprite_disabled.png') no-repeat 6px -90px; background: url('../images/btn_icons_sprite_disabled.png') no-repeat 6px -90px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); background: url('../images/btn_icons_sprite_disabled.png') no-repeat 6px -90px, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite_disabled.png') no-repeat 6px -90px, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite_disabled.png') no-repeat 6px -90px, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite_disabled.png') no-repeat 6px -90px, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite_disabled.png') no-repeat 6px -90px, linear-gradient(#ffffff, #e6e6e6); } .cms .ss-ui-button.ss-ui-action-destructive.unpublish.ui-state-hover, body.ArrayData .ss-ui-button.ss-ui-action-destructive.unpublish.ui-state-hover { background: white url('../images/btn_icons-sb7da7f8cce.png') 5px -318px no-repeat; background: url('../images/btn_icons-sb7da7f8cce.png') 5px -318px no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -318px no-repeat, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -318px no-repeat, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -318px no-repeat, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -318px no-repeat, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -318px no-repeat, linear-gradient(#ffffff, #e6e6e6); }
.cms .ss-ui-button.cms-preview-toggle-link { padding-left: 24px !important; margin-left: 4px !important; text-decoration: none; padding-left: 24px; padding-right: 6px; background: #e6e6e6 url('../images/btn_icons_sprite.png') no-repeat 6px -122px; background: url('../images/btn_icons_sprite.png') no-repeat 6px -122px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #d9d9d9)); background: url('../images/btn_icons_sprite.png') no-repeat 6px -122px, -webkit-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons_sprite.png') no-repeat 6px -122px, -moz-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons_sprite.png') no-repeat 6px -122px, -o-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons_sprite.png') no-repeat 6px -122px, -ms-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons_sprite.png') no-repeat 6px -122px, linear-gradient(#ffffff, #d9d9d9); } .cms .ss-ui-button.ss-ui-action-destructive.unpublish.ui-state-disabled, body.ArrayData .ss-ui-button.ss-ui-action-destructive.unpublish.ui-state-disabled { background-image: none; background: white url('../images/btn_icons-sb7da7f8cce.png') 5px -346px no-repeat; background: url('../images/btn_icons-sb7da7f8cce.png') 5px -346px no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -346px no-repeat, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -346px no-repeat, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -346px no-repeat, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -346px no-repeat, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -346px no-repeat, linear-gradient(#ffffff, #e6e6e6); }
.cms .ss-ui-button.cms-preview-toggle-link.ui-state-hover { background: white url('../images/btn_icons_sprite.png') no-repeat 6px -122px; background: url('../images/btn_icons_sprite.png') no-repeat 6px -122px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); background: url('../images/btn_icons_sprite.png') no-repeat 6px -122px, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite.png') no-repeat 6px -122px, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite.png') no-repeat 6px -122px, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite.png') no-repeat 6px -122px, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite.png') no-repeat 6px -122px, linear-gradient(#ffffff, #e6e6e6); } .cms .ss-ui-button.save-draft, body.ArrayData .ss-ui-button.save-draft { padding-left: 24px; padding-right: 6px; background: #e6e6e6 url('../images/btn_icons-sb7da7f8cce.png') 5px -104px no-repeat; background: url('../images/btn_icons-sb7da7f8cce.png') 5px -104px no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #d9d9d9)); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -104px no-repeat, -webkit-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -104px no-repeat, -moz-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -104px no-repeat, -o-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -104px no-repeat, -ms-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -104px no-repeat, linear-gradient(#ffffff, #d9d9d9); }
.cms .ss-ui-button.cms-preview-toggle-link.ui-state-disabled { background-image: none; background: white url('../images/btn_icons_sprite_disabled.png') no-repeat 6px -122px; background: url('../images/btn_icons_sprite_disabled.png') no-repeat 6px -122px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); background: url('../images/btn_icons_sprite_disabled.png') no-repeat 6px -122px, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite_disabled.png') no-repeat 6px -122px, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite_disabled.png') no-repeat 6px -122px, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite_disabled.png') no-repeat 6px -122px, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite_disabled.png') no-repeat 6px -122px, linear-gradient(#ffffff, #e6e6e6); } .cms .ss-ui-button.save-draft.ui-state-hover, body.ArrayData .ss-ui-button.save-draft.ui-state-hover { background: white url('../images/btn_icons-sb7da7f8cce.png') 5px -104px no-repeat; background: url('../images/btn_icons-sb7da7f8cce.png') 5px -104px no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -104px no-repeat, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -104px no-repeat, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -104px no-repeat, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -104px no-repeat, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -104px no-repeat, linear-gradient(#ffffff, #e6e6e6); }
.cms .ss-ui-button.ss-ui-button-small { padding: 4px 4px; } .cms .ss-ui-button.save-draft.ui-state-disabled, body.ArrayData .ss-ui-button.save-draft.ui-state-disabled { background-image: none; background: white url('../images/btn_icons-sb7da7f8cce.png') 5px -132px no-repeat; background: url('../images/btn_icons-sb7da7f8cce.png') 5px -132px no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -132px no-repeat, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -132px no-repeat, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -132px no-repeat, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -132px no-repeat, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -132px no-repeat, linear-gradient(#ffffff, #e6e6e6); }
.cms .ss-ui-button.ui-state-highlight { background-color: #e6e6e6; border: 1px solid #708284; } .cms .ss-ui-button.cms-preview-toggle-link, body.ArrayData .ss-ui-button.cms-preview-toggle-link { padding-left: 24px !important; margin-left: 4px !important; text-decoration: none; padding-left: 24px; padding-right: 6px; background: #e6e6e6 url('../images/btn_icons-sb7da7f8cce.png') 5px -212px no-repeat; background: url('../images/btn_icons-sb7da7f8cce.png') 5px -212px no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #d9d9d9)); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -212px no-repeat, -webkit-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -212px no-repeat, -moz-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -212px no-repeat, -o-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -212px no-repeat, -ms-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -212px no-repeat, linear-gradient(#ffffff, #d9d9d9); }
.cms .ss-ui-button.ss-ui-action-minor { background: none; padding: 0; border: 0; color: #393939; text-decoration: underline; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .cms .ss-ui-button.cms-preview-toggle-link.ui-state-hover, body.ArrayData .ss-ui-button.cms-preview-toggle-link.ui-state-hover { background: white url('../images/btn_icons-sb7da7f8cce.png') 5px -212px no-repeat; background: url('../images/btn_icons-sb7da7f8cce.png') 5px -212px no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -212px no-repeat, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -212px no-repeat, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -212px no-repeat, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -212px no-repeat, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -212px no-repeat, linear-gradient(#ffffff, #e6e6e6); }
.cms .ss-ui-button.ss-ui-action-minor:hover { text-decoration: none; color: #1f1f1f; } .cms .ss-ui-button.cms-preview-toggle-link.ui-state-disabled, body.ArrayData .ss-ui-button.cms-preview-toggle-link.ui-state-disabled { background-image: none; background: white url('../images/btn_icons-sb7da7f8cce.png') 5px -239px no-repeat; background: url('../images/btn_icons-sb7da7f8cce.png') 5px -239px no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -239px no-repeat, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -239px no-repeat, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -239px no-repeat, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -239px no-repeat, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -239px no-repeat, linear-gradient(#ffffff, #e6e6e6); }
.cms .ss-ui-button.ss-ui-action-minor:focus, .cms .ss-ui-button.ss-ui-action-minor:active { text-decoration: none; color: #525252; } .cms .ss-ui-button.ss-ui-button-small, body.ArrayData .ss-ui-button.ss-ui-button-small { padding: 4px 4px; }
.cms .ss-ui-button.ui-state-highlight, body.ArrayData .ss-ui-button.ui-state-highlight { background-color: #e6e6e6; border: 1px solid #708284; }
.cms .ss-ui-button.ss-ui-action-minor, body.ArrayData .ss-ui-button.ss-ui-action-minor { background: none; padding: 0; border: 0; color: #393939; text-decoration: underline; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; box-shadow: none; }
.cms .ss-ui-button.ss-ui-action-minor:hover, body.ArrayData .ss-ui-button.ss-ui-action-minor:hover { text-decoration: none; color: #1f1f1f; }
.cms .ss-ui-button.ss-ui-action-minor:focus, .cms .ss-ui-button.ss-ui-action-minor:active, body.ArrayData .ss-ui-button.ss-ui-action-minor:focus, body.ArrayData .ss-ui-button.ss-ui-action-minor:active { text-decoration: none; color: #525252; }
/** ---------------------------------------------------- Grouped form fields ---------------------------------------------------- */ /** ---------------------------------------------------- Grouped form fields ---------------------------------------------------- */
.fieldgroup .fieldgroup-field { float: left; display: block; width: 184px; padding-right: 8px; } .fieldgroup .fieldgroup-field { float: left; display: block; width: 184px; padding-right: 8px; }
@ -194,10 +198,10 @@ html article, html aside, html details, html figcaption, html figure, html foote
.cms-content-header > div { width: 9999em; overflow: hidden; } .cms-content-header > div { width: 9999em; overflow: hidden; }
.cms-content-header .cms-content-header-tabs { float: left; } .cms-content-header .cms-content-header-tabs { float: left; }
.ui-tabs .cms-content-header .ui-tabs-nav li a { font-weight: bold; line-height: 16px; padding: 11px 12px 9px; border-bottom: 2px solid #b3b3b3; } .ui-tabs .cms-content-header .ui-tabs-nav li a, body.ArrayData .ui-tabs-nav .ui-tabs-nav li a { font-weight: bold; line-height: 16px; padding: 11px 12px 9px; border-bottom: 2px solid #b3b3b3; }
.ui-tabs .cms-content-header .ui-state-default, .ui-tabs .cms-content-header .ui-widget-content .ui-state-default, .ui-tabs .cms-content-header .ui-widget-header .ui-state-default { background-color: #d9d9d9; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d9d9d9), color-stop(100%, #c0c0c0)); background-image: -webkit-linear-gradient(#d9d9d9, #c0c0c0); background-image: -moz-linear-gradient(#d9d9d9, #c0c0c0); background-image: -o-linear-gradient(#d9d9d9, #c0c0c0); background-image: -ms-linear-gradient(#d9d9d9, #c0c0c0); background-image: linear-gradient(#d9d9d9, #c0c0c0); border-color: #a6a6a6; text-shadow: white 0 1px 0; } .ui-tabs .cms-content-header .ui-state-default, .ui-tabs .cms-content-header .ui-widget-content .ui-state-default, .ui-tabs .cms-content-header .ui-widget-header .ui-state-default, body.ArrayData .ui-tabs-nav .ui-state-default, body.ArrayData .ui-tabs-nav .ui-widget-content .ui-state-default, body.ArrayData .ui-tabs-nav .ui-widget-header .ui-state-default { background-color: #d9d9d9; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d9d9d9), color-stop(100%, #c0c0c0)); background-image: -webkit-linear-gradient(#d9d9d9, #c0c0c0); background-image: -moz-linear-gradient(#d9d9d9, #c0c0c0); background-image: -o-linear-gradient(#d9d9d9, #c0c0c0); background-image: -ms-linear-gradient(#d9d9d9, #c0c0c0); background-image: linear-gradient(#d9d9d9, #c0c0c0); border-color: #a6a6a6; text-shadow: white 0 1px 0; }
.ui-tabs .cms-content-header .ui-state-active, .ui-tabs .cms-content-header .ui-widget-content .ui-state-active, .ui-tabs .cms-content-header .ui-widget-header .ui-state-active { background: #eceff1; } .ui-tabs .cms-content-header .ui-state-active, .ui-tabs .cms-content-header .ui-widget-content .ui-state-active, .ui-tabs .cms-content-header .ui-widget-header .ui-state-active, body.ArrayData .ui-tabs-nav .ui-state-active, body.ArrayData .ui-tabs-nav .ui-widget-content .ui-state-active, body.ArrayData .ui-tabs-nav .ui-widget-header .ui-state-active { background: #eceff1; }
.ui-tabs .cms-content-header .ui-state-active a, .ui-tabs .cms-content-header .ui-widget-content .ui-state-active a, .ui-tabs .cms-content-header .ui-widget-header .ui-state-active a { border-bottom: 2px solid #eceff1; } .ui-tabs .cms-content-header .ui-state-active a, .ui-tabs .cms-content-header .ui-widget-content .ui-state-active a, .ui-tabs .cms-content-header .ui-widget-header .ui-state-active a, body.ArrayData .ui-tabs-nav .ui-state-active a, body.ArrayData .ui-tabs-nav .ui-widget-content .ui-state-active a, body.ArrayData .ui-tabs-nav .ui-widget-header .ui-state-active a { border-bottom: 2px solid #eceff1; }
/** ------------------------------------------------------- Loading Interface ------------------------------------------------------- */ /** ------------------------------------------------------- Loading Interface ------------------------------------------------------- */
.cms-content-loading-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9998; } .cms-content-loading-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9998; }
@ -220,6 +224,7 @@ html article, html aside, html details, html figcaption, html figure, html foote
.message.notice a { color: #999; } .message.notice a { color: #999; }
.message.warning { background-color: #ffbe66; border-color: #ff9300; } .message.warning { background-color: #ffbe66; border-color: #ff9300; }
.message.error { background-color: #ffbe66; border-color: #ff9300; } .message.error { background-color: #ffbe66; border-color: #ff9300; }
.message.good { background-color: #99cc66; border-color: #669933; }
.message p { margin: 0; } .message p { margin: 0; }
/** -------------------------------------------- ModelAdmin -------------------------------------------- */ /** -------------------------------------------- ModelAdmin -------------------------------------------- */
@ -311,11 +316,13 @@ html article, html aside, html details, html figcaption, html figure, html foote
form.member-profile-form #CsvFile .middleColumn { background: none !important; } form.member-profile-form #CsvFile .middleColumn { background: none !important; }
form.member-profile-form .advanced h4 { margin-bottom: .5em; } form.member-profile-form .advanced h4 { margin-bottom: .5em; }
form.member-profile-form .Actions { text-align: left; border: 0; } form.member-profile-form .Actions { text-align: left; border: 0; }
form.member-profile-form input.customFormat { border: 1px solid #ccc !important; padding: 3px; margin-left: 2px; } form.member-profile-form input.customFormat { border: 1px solid #ccc !important; padding: 3px; display: inline; margin-left: 15px; position: relative; }
form.member-profile-form .formattingHelpToggle { font-size: 11px; padding: 3px; } form.member-profile-form .formattingHelpToggle { display: block; font-size: 11px; margin-top: 10px; margin-left: 15px; }
form.member-profile-form .formattingHelpText { margin: 5px auto; color: #333; padding: 5px 10px; width: 90%; background: #fff; border: 1px solid #ccc; } form.member-profile-form .formattingHelpText { margin: 5px 0 0 -5px; color: #333; padding: 5px 10px; background: #fff; border: 1px solid #ccc; }
form.member-profile-form .formattingHelpText ul { padding: 0; } form.member-profile-form .formattingHelpText ul { padding: 0; }
form.member-profile-form .formattingHelpText li { font-size: 11px; color: #333; margin-bottom: 2px; } form.member-profile-form .formattingHelpText li { font-size: 11px; color: #333; margin-bottom: 2px; float: none; width: auto; }
form.member-profile-form #Groups .middleColumn { margin-left: 0; width: 100%; }
form.member-profile-form #Groups .middleColumn .TreeDropdownField { width: 90%; max-width: 90%; }
.cms .cms-content { border-right: 1px solid rgba(201, 205, 206, 0.8); -moz-box-shadow: 3px 0 4px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 3px 0 4px rgba(0, 0, 0, 0.15); -o-box-shadow: 3px 0 4px rgba(0, 0, 0, 0.15); box-shadow: 3px 0 4px rgba(0, 0, 0, 0.15); -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; } .cms .cms-content { border-right: 1px solid rgba(201, 205, 206, 0.8); -moz-box-shadow: 3px 0 4px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 3px 0 4px rgba(0, 0, 0, 0.15); -o-box-shadow: 3px 0 4px rgba(0, 0, 0, 0.15); box-shadow: 3px 0 4px rgba(0, 0, 0, 0.15); -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; }
.cms .cms-content-fields { /* always show a y scroll bar as popups like TreeDropdowns can trigger longer pages and the extra scroll bar doesn't fire our sizing bar */ overflow-y: auto; overflow-x: auto; background: none; } .cms .cms-content-fields { /* always show a y scroll bar as popups like TreeDropdowns can trigger longer pages and the extra scroll bar doesn't fire our sizing bar */ overflow-y: auto; overflow-x: auto; background: none; }
@ -370,7 +377,7 @@ form.member-profile-form .formattingHelpText li { font-size: 11px; color: #333;
.ui-dialog label.numeric-label .label-flyout-indicator { position: absolute; left: 26px; margin-top: -18px; overflow: visible; display: block; width: 0; height: 0; border-top: 11px solid transparent; border-left: 7px dashed #7b8c91; border-bottom: 11px solid transparent; } .ui-dialog label.numeric-label .label-flyout-indicator { position: absolute; left: 26px; margin-top: -18px; overflow: visible; display: block; width: 0; height: 0; border-top: 11px solid transparent; border-left: 7px dashed #7b8c91; border-bottom: 11px solid transparent; }
.ui-dialog #ParentID label.left { padding: 8px 0 8px 0; float: left !important; width: 125px; } .ui-dialog #ParentID label.left { padding: 8px 0 8px 0; float: left !important; width: 125px; }
.ui-dialog #ParentID .middleColumn { width: 320px; } .ui-dialog #ParentID .middleColumn { width: 320px; }
.ui-dialog .Actions { float: right; margin: 0; } .ui-dialog .Actions { position: absolute; bottom: 10px; right: 10px; float: right; }
/** ------------------------------------------------------------------ /** ------------------------------------------------------------------
* Titlebar for pop-up dialog. * Titlebar for pop-up dialog.
@ -378,87 +385,94 @@ form.member-profile-form .formattingHelpText li { font-size: 11px; color: #333;
.ui-dialog-titlebar.ui-widget-header { font-size: 14px; background-color: #92a5b2; padding: 4px 4px 4px 16px; border-bottom: 2px solid #8399a7; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -o-border-top-left-radius: 4px; -ms-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; /* /2 need to eliminate visual artifact */ -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; -o-border-top-right-radius: 8px; -ms-border-top-right-radius: 8px; -khtml-border-top-right-radius: 8px; border-top-right-radius: 8px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ced7dc), color-stop(100%, #92a5b2)); background-image: -webkit-linear-gradient(#ced7dc, #92a5b2); background-image: -moz-linear-gradient(#ced7dc, #92a5b2); background-image: -o-linear-gradient(#ced7dc, #92a5b2); background-image: -ms-linear-gradient(#ced7dc, #92a5b2); background-image: linear-gradient(#ced7dc, #92a5b2); margin-bottom: 12px; } .ui-dialog-titlebar.ui-widget-header { font-size: 14px; background-color: #92a5b2; padding: 4px 4px 4px 16px; border-bottom: 2px solid #8399a7; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -o-border-top-left-radius: 4px; -ms-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; /* /2 need to eliminate visual artifact */ -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; -o-border-top-right-radius: 8px; -ms-border-top-right-radius: 8px; -khtml-border-top-right-radius: 8px; border-top-right-radius: 8px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ced7dc), color-stop(100%, #92a5b2)); background-image: -webkit-linear-gradient(#ced7dc, #92a5b2); background-image: -moz-linear-gradient(#ced7dc, #92a5b2); background-image: -o-linear-gradient(#ced7dc, #92a5b2); background-image: -ms-linear-gradient(#ced7dc, #92a5b2); background-image: linear-gradient(#ced7dc, #92a5b2); margin-bottom: 12px; }
/** Dialog Styles */ /** Dialog Styles */
body.ArrayData { overflow-y: scroll; overflow-x: auto; } body.ArrayData { overflow-y: auto; overflow-x: auto; font-family: Arial, sans-serif; margin-bottom: 60px; }
body.ArrayData .ss-tabset { background-color: #b0bec7; padding: 8px 8px 6px; height: 32px; z-index: 60; border: none; -moz-box-shadow: #eceff1 0 8px 16px; -webkit-box-shadow: #eceff1 0 8px 16px; -o-box-shadow: #eceff1 0 8px 16px; box-shadow: #eceff1 0 8px 16px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ced7dc), color-stop(100%, #92a5b2)); background-image: -webkit-linear-gradient(#ced7dc, #92a5b2); background-image: -moz-linear-gradient(#ced7dc, #92a5b2); background-image: -o-linear-gradient(#ced7dc, #92a5b2); background-image: -ms-linear-gradient(#ced7dc, #92a5b2); background-image: linear-gradient(#ced7dc, #92a5b2); -moz-border-radius: none; -webkit-border-radius: none; -o-border-radius: none; -ms-border-radius: none; -khtml-border-radius: none; border-radius: none; }
body.ArrayData .ss-tabset .tab { background: none; overflow-y: auto; }
body.ArrayData .ss-tabset.ui-tabs .ui-tabs-nav { background: none; border: none; }
body.ArrayData .ss-tabset.ui-tabs .ui-tabs-nav li { font-weight: bold; line-height: 16px; padding: 11px 12px 9px; border-bottom: 2px solid #B3B3B3; }
body.ArrayData .ss-tabset.ui-tabs .ui-tabs-nav li:first-child { margin-left: 15px; }
body.ArrayData .clear { clear: both; }
body.ArrayData .Actions { z-index: 100; position: fixed; bottom: 3px; right: 20px; }
/** This file defines the jstree base styling (see http://jstree.com), as well as any customizations (see bottom of file). The styles are usually added through jstree.js on DOM load, but we need it earlier in order to correctly display the uninitialized tree. */ /** This file defines the jstree base styling (see http://jstree.com), as well as any customizations (see bottom of file). The styles are usually added through jstree.js on DOM load, but we need it earlier in order to correctly display the uninitialized tree. */
.cms .jstree ul { display: block; margin: 0; padding: 0; background: none; list-style-type: none; } .cms .jstree ul, body.ArrayData .jstree ul { display: block; margin: 0; padding: 0; background: none; list-style-type: none; }
.cms .jstree li { display: block; margin: 0; padding: 0; list-style-type: none; display: block; min-height: 18px; line-height: 18px; white-space: nowrap; margin-left: 18px; min-width: 18px; } .cms .jstree li, body.ArrayData .jstree li { display: block; margin: 0; padding: 0; list-style-type: none; display: block; min-height: 18px; line-height: 18px; white-space: nowrap; margin-left: 18px; min-width: 18px; }
.cms .jstree ins { display: inline-block; text-decoration: none; width: 18px; height: 18px; margin: 0 0 0 0; padding: 0; float: left; } .cms .jstree ins, body.ArrayData .jstree ins { display: inline-block; text-decoration: none; width: 18px; height: 18px; margin: 0 0 0 0; padding: 0; float: left; }
.cms .jstree a { display: inline-block; line-height: 16px; height: 16px; color: black; white-space: nowrap; text-decoration: none; padding: 1px 2px; margin: 0; border: 1px solid #fff; } .cms .jstree a, body.ArrayData .jstree a { display: inline-block; line-height: 16px; height: 16px; color: black; white-space: nowrap; text-decoration: none; padding: 1px 2px; margin: 0; border: 1px solid #fff; }
.cms .jstree a:focus, .cms .jstree a:active, .cms .jstree a:hover { outline: none; text-decoration: none; cursor: pointer; text-shadow: none; } .cms .jstree a:focus, .cms .jstree a:active, .cms .jstree a:hover, body.ArrayData .jstree a:focus, body.ArrayData .jstree a:active, body.ArrayData .jstree a:hover { outline: none; text-decoration: none; cursor: pointer; text-shadow: none; }
.cms .jstree a > ins { height: 16px; width: 16px; } .cms .jstree a > ins, body.ArrayData .jstree a > ins { height: 16px; width: 16px; }
.cms .jstree a > .jstree-icon { margin-right: 3px; } .cms .jstree a > .jstree-icon, body.ArrayData .jstree a > .jstree-icon { margin-right: 3px; }
.cms .jstree li.jstree-open > ul { display: block; } .cms .jstree li.jstree-open > ul, body.ArrayData .jstree li.jstree-open > ul { display: block; }
.cms .jstree li.jstree-closed > ul { display: none; } .cms .jstree li.jstree-closed > ul, body.ArrayData .jstree li.jstree-closed > ul { display: none; }
.cms .jstree li.disabled a { color: #aaaaaa; } .cms .jstree li.disabled a, body.ArrayData .jstree li.disabled a { color: #aaaaaa; }
.cms .jstree-rtl a > .jstree-icon { margin-left: 3px; margin-right: 0; } .cms .jstree-rtl a > .jstree-icon, body.ArrayData .jstree-rtl a > .jstree-icon { margin-left: 3px; margin-right: 0; }
.cms .jstree-rtl li { margin-left: 0; margin-right: 18px; } .cms .jstree-rtl li, body.ArrayData .jstree-rtl li { margin-left: 0; margin-right: 18px; }
.cms .jstree-rtl > ul > li { margin-right: 0px; } .cms .jstree-rtl > ul > li, body.ArrayData .jstree-rtl > ul > li { margin-right: 0px; }
.cms .jstree > ul > li { margin-left: 0px; } .cms .jstree > ul > li, body.ArrayData .jstree > ul > li { margin-left: 0px; }
.cms #vakata-dragged { display: block; margin: 0 0 0 0; padding: 4px 4px 4px 24px; position: absolute; top: -2000px; line-height: 16px; z-index: 10000; } .cms #vakata-dragged, body.ArrayData #vakata-dragged { display: block; margin: 0 0 0 0; padding: 4px 4px 4px 24px; position: absolute; top: -2000px; line-height: 16px; z-index: 10000; }
.cms #vakata-contextmenu { display: block; visibility: hidden; left: 0; top: -200px; position: absolute; margin: 0; padding: 0; min-width: 180px; background: #ebebeb; border: 1px solid silver; z-index: 10000; *width: 180px; } .cms #vakata-contextmenu, body.ArrayData #vakata-contextmenu { display: block; visibility: hidden; left: 0; top: -200px; position: absolute; margin: 0; padding: 0; min-width: 180px; background: #ebebeb; border: 1px solid silver; z-index: 10000; *width: 180px; }
.cms #vakata-contextmenu ul { min-width: 180px; *width: 180px; } .cms #vakata-contextmenu ul, body.ArrayData #vakata-contextmenu ul { min-width: 180px; *width: 180px; }
.cms #vakata-contextmenu ul, .cms #vakata-contextmenu li { margin: 0; padding: 0; list-style-type: none; display: block; } .cms #vakata-contextmenu ul, .cms #vakata-contextmenu li, body.ArrayData #vakata-contextmenu ul, body.ArrayData #vakata-contextmenu li { margin: 0; padding: 0; list-style-type: none; display: block; }
.cms #vakata-contextmenu li { line-height: 20px; min-height: 20px; position: relative; padding: 0px; } .cms #vakata-contextmenu li, body.ArrayData #vakata-contextmenu li { line-height: 20px; min-height: 20px; position: relative; padding: 0px; }
.cms #vakata-contextmenu li a { padding: 1px 6px; line-height: 17px; display: block; text-decoration: none; margin: 1px 1px 0 1px; } .cms #vakata-contextmenu li a, body.ArrayData #vakata-contextmenu li a { padding: 1px 6px; line-height: 17px; display: block; text-decoration: none; margin: 1px 1px 0 1px; }
.cms #vakata-contextmenu li ins { float: left; width: 16px; height: 16px; text-decoration: none; margin-right: 2px; } .cms #vakata-contextmenu li ins, body.ArrayData #vakata-contextmenu li ins { float: left; width: 16px; height: 16px; text-decoration: none; margin-right: 2px; }
.cms #vakata-contextmenu li a:hover, .cms #vakata-contextmenu li.vakata-hover > a { background: gray; color: white; } .cms #vakata-contextmenu li a:hover, .cms #vakata-contextmenu li.vakata-hover > a, body.ArrayData #vakata-contextmenu li a:hover, body.ArrayData #vakata-contextmenu li.vakata-hover > a { background: gray; color: white; }
.cms #vakata-contextmenu li ul { display: none; position: absolute; top: -2px; left: 100%; background: #ebebeb; border: 1px solid gray; } .cms #vakata-contextmenu li ul, body.ArrayData #vakata-contextmenu li ul { display: none; position: absolute; top: -2px; left: 100%; background: #ebebeb; border: 1px solid gray; }
.cms #vakata-contextmenu .right { right: 100%; left: auto; } .cms #vakata-contextmenu .right, body.ArrayData #vakata-contextmenu .right { right: 100%; left: auto; }
.cms #vakata-contextmenu .bottom { bottom: -1px; top: auto; } .cms #vakata-contextmenu .bottom, body.ArrayData #vakata-contextmenu .bottom { bottom: -1px; top: auto; }
.cms #vakata-contextmenu li.vakata-separator { min-height: 0; height: 1px; line-height: 1px; font-size: 1px; overflow: hidden; margin: 0 2px; background: silver; /* border-top:1px solid #fefefe; */ padding: 0; } .cms #vakata-contextmenu li.vakata-separator, body.ArrayData #vakata-contextmenu li.vakata-separator { min-height: 0; height: 1px; line-height: 1px; font-size: 1px; overflow: hidden; margin: 0 2px; background: silver; /* border-top:1px solid #fefefe; */ padding: 0; }
.cms .jstree ul, .cms .jstree li { display: block; margin: 0 0 0 0; padding: 0 0 0 0; list-style-type: none; } .cms .jstree ul, .cms .jstree li, body.ArrayData .jstree ul, body.ArrayData .jstree li { display: block; margin: 0 0 0 0; padding: 0 0 0 0; list-style-type: none; }
.cms .jstree li { display: block; min-height: 18px; line-height: 18px; white-space: nowrap; margin-left: 18px; min-width: 18px; } .cms .jstree li, body.ArrayData .jstree li { display: block; min-height: 18px; line-height: 18px; white-space: nowrap; margin-left: 18px; min-width: 18px; }
.cms .jstree-rtl li { margin-left: 0; margin-right: 18px; } .cms .jstree-rtl li, body.ArrayData .jstree-rtl li { margin-left: 0; margin-right: 18px; }
.cms .jstree > ul > li { margin-left: 0px; } .cms .jstree > ul > li, body.ArrayData .jstree > ul > li { margin-left: 0px; }
.cms .jstree-rtl > ul > li { margin-right: 0px; } .cms .jstree-rtl > ul > li, body.ArrayData .jstree-rtl > ul > li { margin-right: 0px; }
.cms .jstree ins { display: inline-block; text-decoration: none; width: 18px; height: 18px; margin: 0 0 0 0; padding: 0; } .cms .jstree ins, body.ArrayData .jstree ins { display: inline-block; text-decoration: none; width: 18px; height: 18px; margin: 0 0 0 0; padding: 0; }
.cms .jstree a { display: inline-block; line-height: 16px; height: 16px; color: black; white-space: nowrap; text-decoration: none; padding: 1px 2px; margin: 0; } .cms .jstree a, body.ArrayData .jstree a { display: inline-block; line-height: 16px; height: 16px; color: black; white-space: nowrap; text-decoration: none; padding: 1px 2px; margin: 0; }
.cms .jstree a:focus { outline: none; } .cms .jstree a:focus, body.ArrayData .jstree a:focus { outline: none; }
.cms .jstree a > ins { height: 16px; width: 16px; } .cms .jstree a > ins, body.ArrayData .jstree a > ins { height: 16px; width: 16px; }
.cms .jstree a > .jstree-icon { margin-right: 3px; } .cms .jstree a > .jstree-icon, body.ArrayData .jstree a > .jstree-icon { margin-right: 3px; }
.cms .jstree-rtl a > .jstree-icon { margin-left: 3px; margin-right: 0; } .cms .jstree-rtl a > .jstree-icon, body.ArrayData .jstree-rtl a > .jstree-icon { margin-left: 3px; margin-right: 0; }
.cms li.jstree-open > ul { display: block; } .cms li.jstree-open > ul, body.ArrayData li.jstree-open > ul { display: block; }
.cms li.jstree-closed > ul { display: none; } .cms li.jstree-closed > ul, body.ArrayData li.jstree-closed > ul { display: none; }
.cms #vakata-dragged ins { display: block; text-decoration: none; width: 16px; height: 16px; margin: 0 0 0 0; padding: 0; position: absolute; top: 4px; left: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; } .cms #vakata-dragged ins, body.ArrayData #vakata-dragged ins { display: block; text-decoration: none; width: 16px; height: 16px; margin: 0 0 0 0; padding: 0; position: absolute; top: 4px; left: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; }
.cms #vakata-dragged .jstree-ok { background: green; } .cms #vakata-dragged .jstree-ok, body.ArrayData #vakata-dragged .jstree-ok { background: green; }
.cms #vakata-dragged .jstree-invalid { background: red; } .cms #vakata-dragged .jstree-invalid, body.ArrayData #vakata-dragged .jstree-invalid { background: red; }
.cms #jstree-marker { padding: 0; margin: 0; font-size: 12px; overflow: hidden; height: 12px; width: 8px; position: absolute; top: -30px; z-index: 10001; background-repeat: no-repeat; display: none; background-color: transparent; text-shadow: 1px 1px 1px white; color: black; line-height: 10px; } .cms #jstree-marker, body.ArrayData #jstree-marker { padding: 0; margin: 0; font-size: 12px; overflow: hidden; height: 12px; width: 8px; position: absolute; top: -30px; z-index: 10001; background-repeat: no-repeat; display: none; background-color: transparent; text-shadow: 1px 1px 1px white; color: black; line-height: 10px; }
.cms #jstree-marker-line { padding: 0; margin: 0; line-height: 0%; font-size: 1px; overflow: hidden; height: 1px; width: 100px; position: absolute; top: -30px; z-index: 10000; background-repeat: no-repeat; display: none; background-color: #456c43; cursor: pointer; border: 1px solid #eeeeee; border-left: 0; -moz-box-shadow: 0px 0px 2px #666; -webkit-box-shadow: 0px 0px 2px #666; box-shadow: 0px 0px 2px #666; -moz-border-radius: 1px; border-radius: 1px; -webkit-border-radius: 1px; } .cms #jstree-marker-line, body.ArrayData #jstree-marker-line { padding: 0; margin: 0; line-height: 0%; font-size: 1px; overflow: hidden; height: 1px; width: 100px; position: absolute; top: -30px; z-index: 10000; background-repeat: no-repeat; display: none; background-color: #456c43; cursor: pointer; border: 1px solid #eeeeee; border-left: 0; -moz-box-shadow: 0px 0px 2px #666; -webkit-box-shadow: 0px 0px 2px #666; box-shadow: 0px 0px 2px #666; -moz-border-radius: 1px; border-radius: 1px; -webkit-border-radius: 1px; }
.cms .jstree .jstree-real-checkbox { display: none; } .cms .jstree .jstree-real-checkbox, body.ArrayData .jstree .jstree-real-checkbox { display: none; }
.cms .jstree-themeroller .ui-icon { overflow: visible; } .cms .jstree-themeroller .ui-icon, body.ArrayData .jstree-themeroller .ui-icon { overflow: visible; }
.cms .jstree-themeroller a { padding: 0 2px; } .cms .jstree-themeroller a, body.ArrayData .jstree-themeroller a { padding: 0 2px; }
.cms .jstree-themeroller .jstree-no-icon { display: none; } .cms .jstree-themeroller .jstree-no-icon, body.ArrayData .jstree-themeroller .jstree-no-icon { display: none; }
.cms .jstree .jstree-wholerow-real { position: relative; z-index: 1; } .cms .jstree .jstree-wholerow-real, body.ArrayData .jstree .jstree-wholerow-real { position: relative; z-index: 1; }
.cms .jstree .jstree-wholerow-real li { cursor: pointer; } .cms .jstree .jstree-wholerow-real li, body.ArrayData .jstree .jstree-wholerow-real li { cursor: pointer; }
.cms .jstree .jstree-wholerow-real a { border-left-color: transparent !important; border-right-color: transparent !important; } .cms .jstree .jstree-wholerow-real a, body.ArrayData .jstree .jstree-wholerow-real a { border-left-color: transparent !important; border-right-color: transparent !important; }
.cms .jstree .jstree-wholerow { position: relative; z-index: 0; height: 0; } .cms .jstree .jstree-wholerow, body.ArrayData .jstree .jstree-wholerow { position: relative; z-index: 0; height: 0; }
.cms .jstree .jstree-wholerow ul, .cms .jstree .jstree-wholerow li { width: 100%; } .cms .jstree .jstree-wholerow ul, .cms .jstree .jstree-wholerow li, body.ArrayData .jstree .jstree-wholerow ul, body.ArrayData .jstree .jstree-wholerow li { width: 100%; }
.cms .jstree .jstree-wholerow, .cms .jstree .jstree-wholerow ul, .cms .jstree .jstree-wholerow li, .cms .jstree .jstree-wholerow a { margin: 0 !important; padding: 0 !important; } .cms .jstree .jstree-wholerow, .cms .jstree .jstree-wholerow ul, .cms .jstree .jstree-wholerow li, .cms .jstree .jstree-wholerow a, body.ArrayData .jstree .jstree-wholerow, body.ArrayData .jstree .jstree-wholerow ul, body.ArrayData .jstree .jstree-wholerow li, body.ArrayData .jstree .jstree-wholerow a { margin: 0 !important; padding: 0 !important; }
.cms .jstree .jstree-wholerow, .cms .jstree .jstree-wholerow ul, .cms .jstree .jstree-wholerow li { background: transparent !important; } .cms .jstree .jstree-wholerow, .cms .jstree .jstree-wholerow ul, .cms .jstree .jstree-wholerow li, body.ArrayData .jstree .jstree-wholerow, body.ArrayData .jstree .jstree-wholerow ul, body.ArrayData .jstree .jstree-wholerow li { background: transparent !important; }
.cms .jstree .jstree-wholerow ins, .cms .jstree .jstree-wholerow span, .cms .jstree .jstree-wholerow input { display: none !important; } .cms .jstree .jstree-wholerow ins, .cms .jstree .jstree-wholerow span, .cms .jstree .jstree-wholerow input, body.ArrayData .jstree .jstree-wholerow ins, body.ArrayData .jstree .jstree-wholerow span, body.ArrayData .jstree .jstree-wholerow input { display: none !important; }
.cms .jstree .jstree-wholerow a, .cms .jstree .jstree-wholerow a:hover { text-indent: -9999px !important; width: 100%; padding: 0 !important; border-right-width: 0px !important; border-left-width: 0px !important; } .cms .jstree .jstree-wholerow a, .cms .jstree .jstree-wholerow a:hover, body.ArrayData .jstree .jstree-wholerow a, body.ArrayData .jstree .jstree-wholerow a:hover { text-indent: -9999px !important; width: 100%; padding: 0 !important; border-right-width: 0px !important; border-left-width: 0px !important; }
.cms .jstree .jstree-wholerow-span { position: absolute; left: 0; margin: 0px; padding: 0; height: 18px; border-width: 0; padding: 0; z-index: 0; } .cms .jstree .jstree-wholerow-span, body.ArrayData .jstree .jstree-wholerow-span { position: absolute; left: 0; margin: 0px; padding: 0; height: 18px; border-width: 0; padding: 0; z-index: 0; }
.cms .jstree-apple.jstree-focused { background: none; } .cms .jstree-apple.jstree-focused, body.ArrayData .jstree-apple.jstree-focused { background: none; }
.cms .jstree-apple.jstree-focused .jstree-apple > ul { background: none; } .cms .jstree-apple.jstree-focused .jstree-apple > ul, body.ArrayData .jstree-apple.jstree-focused .jstree-apple > ul { background: none; }
.cms .jstree li { line-height: 25px; } .cms .jstree li, body.ArrayData .jstree li { line-height: 25px; }
.cms-tree.jstree-apple { /* comment speech bubble - ccs3 only - source: http://nicolasgallagher.com/pure-css-speech-bubbles/demo/ */ } .cms-tree.jstree-apple, body.ArrayData .jstree-apple { /* comment speech bubble - ccs3 only - source: http://nicolasgallagher.com/pure-css-speech-bubbles/demo/ */ }
.cms-tree.jstree-apple li.Root strong { font-weight: bold; padding-left: 1px; } .cms-tree.jstree-apple li.Root strong, body.ArrayData .jstree-apple li.Root strong { font-weight: bold; padding-left: 1px; }
.cms-tree.jstree-apple li.Root > a .jstree-icon { background-position: -56px -36px; } .cms-tree.jstree-apple li.Root > a .jstree-icon, body.ArrayData .jstree-apple li.Root > a .jstree-icon { background-position: -56px -36px; }
.cms-tree.jstree-apple a, .cms-tree.jstree-apple a:link { color: #1556b2; padding: 3px 6px 3px 3px; border: none; display: inline-block; margin-right: 5px; } .cms-tree.jstree-apple a, .cms-tree.jstree-apple a:link, body.ArrayData .jstree-apple a, body.ArrayData .jstree-apple a:link { color: #1556b2; padding: 3px 6px 3px 3px; border: none; display: inline-block; margin-right: 5px; }
.cms-tree.jstree-apple a span.status:after, .cms-tree.jstree-apple a:link span.status:after { clear: both; text-transform: uppercase; display: inline-block; padding: 0px 3px; font-size: 0.75em; line-height: 1em; margin-left: 3px; margin-right: 6px; margin-top: -1px; -webkit-border-radius: 2px 2px; -moz-border-radius: 2px / 2px; -o-border-radius: 2px / 2px; -ms-border-radius: 2px / 2px; -khtml-border-radius: 2px / 2px; border-radius: 2px / 2px; } .cms-tree.jstree-apple a span.status:after, .cms-tree.jstree-apple a:link span.status:after, body.ArrayData .jstree-apple a span.status:after, body.ArrayData .jstree-apple a:link span.status:after { clear: both; text-transform: uppercase; display: inline-block; padding: 0px 3px; font-size: 0.75em; line-height: 1em; margin-left: 3px; margin-right: 6px; margin-top: -1px; -webkit-border-radius: 2px 2px; -moz-border-radius: 2px / 2px; -o-border-radius: 2px / 2px; -ms-border-radius: 2px / 2px; -khtml-border-radius: 2px / 2px; border-radius: 2px / 2px; }
.cms-tree.jstree-apple span.modified:after { content: "draft"; color: #7E7470; border: 1px solid #C9B800; background-color: #FFF0BC; } .cms-tree.jstree-apple span.modified:after, body.ArrayData .jstree-apple span.modified:after { content: "draft"; color: #7E7470; border: 1px solid #C9B800; background-color: #FFF0BC; }
.cms-tree.jstree-apple span.new:after { content: "new"; color: #7E7470; border: 1px solid #C9B800; background-color: #FFF0BC; } .cms-tree.jstree-apple span.new:after, body.ArrayData .jstree-apple span.new:after { content: "new"; color: #7E7470; border: 1px solid #C9B800; background-color: #FFF0BC; }
.cms-tree.jstree-apple span.private:after { content: "private"; color: #636363; border: 1px solid #E49393; background-color: #F2DADB; } .cms-tree.jstree-apple span.private:after, body.ArrayData .jstree-apple span.private:after { content: "private"; color: #636363; border: 1px solid #E49393; background-color: #F2DADB; }
.cms-tree.jstree-apple span.workflow-approval:after { content: "awaiting approval"; color: #56660C; border: 1px solid #7C8816; background-color: #DAE79A; } .cms-tree.jstree-apple span.workflow-approval:after, body.ArrayData .jstree-apple span.workflow-approval:after { content: "awaiting approval"; color: #56660C; border: 1px solid #7C8816; background-color: #DAE79A; }
.cms-tree.jstree-apple span.comment-count { clear: both; position: relative; text-transform: uppercase; display: inline-block; overflow: visible; padding: 0px 3px; font-size: 0.75em; line-height: 1em; margin-left: 3px; margin-right: 6px; -webkit-border-radius: 2px 2px; -moz-border-radius: 2px / 2px; -o-border-radius: 2px / 2px; -ms-border-radius: 2px / 2px; -khtml-border-radius: 2px / 2px; border-radius: 2px / 2px; color: #7E7470; border: 1px solid #C9B800; background-color: #FFF0BC; } .cms-tree.jstree-apple span.comment-count, body.ArrayData .jstree-apple span.comment-count { clear: both; position: relative; text-transform: uppercase; display: inline-block; overflow: visible; padding: 0px 3px; font-size: 0.75em; line-height: 1em; margin-left: 3px; margin-right: 6px; -webkit-border-radius: 2px 2px; -moz-border-radius: 2px / 2px; -o-border-radius: 2px / 2px; -ms-border-radius: 2px / 2px; -khtml-border-radius: 2px / 2px; border-radius: 2px / 2px; color: #7E7470; border: 1px solid #C9B800; background-color: #FFF0BC; }
.cms-tree.jstree-apple span.comment-count:before { content: ""; position: absolute; bottom: -4px; /* value = - border-top-width - border-bottom-width */ left: 3px; /* controls horizontal position */ border-width: 4px 4px 0; border-style: solid; border-color: #C9B800 transparent; /* reduce the damage in FF3.0 */ display: block; width: 0; } .cms-tree.jstree-apple span.comment-count:before, body.ArrayData .jstree-apple span.comment-count:before { content: ""; position: absolute; bottom: -4px; /* value = - border-top-width - border-bottom-width */ left: 3px; /* controls horizontal position */ border-width: 4px 4px 0; border-style: solid; border-color: #C9B800 transparent; /* reduce the damage in FF3.0 */ display: block; width: 0; }
.cms-tree.jstree-apple span.comment-count:after { content: ""; position: absolute; bottom: -3px; /* value = - border-top-width - border-bottom-width */ left: 4px; /* value = (:before left) + (:before border-left) - (:after border-left) */ border-width: 3px 3px 0; border-style: solid; border-color: #FFF0BC transparent; /* reduce the damage in FF3.0 */ display: block; width: 0; } .cms-tree.jstree-apple span.comment-count:after, body.ArrayData .jstree-apple span.comment-count:after { content: ""; position: absolute; bottom: -3px; /* value = - border-top-width - border-bottom-width */ left: 4px; /* value = (:before left) + (:before border-left) - (:after border-left) */ border-width: 3px 3px 0; border-style: solid; border-color: #FFF0BC transparent; /* reduce the damage in FF3.0 */ display: block; width: 0; }
.cms-tree.jstree-apple .jstree-hovered { text-shadow: none; text-decoration: none; } .cms-tree.jstree-apple .jstree-hovered, body.ArrayData .jstree-apple .jstree-hovered { text-shadow: none; text-decoration: none; }
.cms-tree.jstree-apple li { padding: 0px; clear: left; } .cms-tree.jstree-apple li, body.ArrayData .jstree-apple li { padding: 0px; clear: left; }
.cms-tree.jstree-apple ins { background-color: transparent; background-image: url(../images/sitetree_ss_default_icons.png); } .cms-tree.jstree-apple ins, body.ArrayData .jstree-apple ins { background-color: transparent; background-image: url(../images/sitetree_ss_default_icons.png); }
.cms-tree.jstree-apple li.jstree-checked a, .cms-tree.jstree-apple li.jstree-checked a:link { background-color: #efe999; } .cms-tree.jstree-apple li.jstree-checked a, .cms-tree.jstree-apple li.jstree-checked a:link, body.ArrayData .jstree-apple li.jstree-checked a, body.ArrayData .jstree-apple li.jstree-checked a:link { background-color: #efe999; }
.jstree-apple #record-0.jstree-open > ins { display: none; } .jstree-apple #record-0.jstree-open > ins { display: none; }

BIN
admin/images/16x16-s8aab2a0ce2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
admin/images/24x24-s5aa96abf84.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
admin/images/btn_icons-sb7da7f8cce.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.6 KiB

BIN
admin/images/btn_icons/accept.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 794 B

BIN
admin/images/btn_icons/accept_disabled.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 833 B

BIN
admin/images/btn_icons/add.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

BIN
admin/images/btn_icons/add_disabled.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 979 B

BIN
admin/images/btn_icons/addpage.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 761 B

BIN
admin/images/btn_icons/addpage_disabled.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 713 B

BIN
admin/images/btn_icons/decline.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 732 B

BIN
admin/images/btn_icons/decline_disabled.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 568 B

BIN
admin/images/btn_icons/preview.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 857 B

BIN
admin/images/btn_icons/preview_disabled.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 599 B

BIN
admin/images/btn_icons/settings.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 861 B

BIN
admin/images/btn_icons/settings_disabled.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 762 B

BIN
admin/images/btn_icons/unpublish.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 758 B

BIN
admin/images/btn_icons/unpublish_disabled.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 613 B

BIN
admin/images/btn_icons_sprite.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 4.8 KiB

BIN
admin/images/btn_icons_sprite_disabled.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 5.1 KiB

0
admin/images/icons/16x16-s4d33bad4d2.png → admin/images/menu_icons/16x16-s2ac647f5ef.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

0
admin/images/icons/16x16/blog.png → admin/images/menu_icons/16x16/blog.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 295 B

After

Width:  |  Height:  |  Size: 295 B

0
admin/images/icons/16x16/community.png → admin/images/menu_icons/16x16/community.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 403 B

After

Width:  |  Height:  |  Size: 403 B

0
admin/images/icons/16x16/document.png → admin/images/menu_icons/16x16/document.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 271 B

After

Width:  |  Height:  |  Size: 271 B

0
admin/images/icons/16x16/gears.png → admin/images/menu_icons/16x16/gears.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 437 B

After

Width:  |  Height:  |  Size: 437 B

0
admin/images/icons/16x16/home.png → admin/images/menu_icons/16x16/home.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 326 B

After

Width:  |  Height:  |  Size: 326 B

0
admin/images/icons/16x16/information.png → admin/images/menu_icons/16x16/information.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 359 B

After

Width:  |  Height:  |  Size: 359 B

0
admin/images/icons/16x16/network.png → admin/images/menu_icons/16x16/network.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 321 B

After

Width:  |  Height:  |  Size: 321 B

0
admin/images/icons/16x16/pencil.png → admin/images/menu_icons/16x16/pencil.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 419 B

After

Width:  |  Height:  |  Size: 419 B

0
admin/images/icons/16x16/picture.png → admin/images/menu_icons/16x16/picture.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 358 B

After

Width:  |  Height:  |  Size: 358 B

0
admin/images/icons/16x16/pie-chart.png → admin/images/menu_icons/16x16/pie-chart.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 406 B

After

Width:  |  Height:  |  Size: 406 B

0
admin/images/icons/24x24-sba30d25a74.png → admin/images/menu_icons/24x24-s0cb1fe1c77.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

0
admin/images/icons/24x24/blog.png → admin/images/menu_icons/24x24/blog.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 350 B

After

Width:  |  Height:  |  Size: 350 B

0
admin/images/icons/24x24/community.png → admin/images/menu_icons/24x24/community.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 537 B

After

Width:  |  Height:  |  Size: 537 B

0
admin/images/icons/24x24/document.png → admin/images/menu_icons/24x24/document.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 302 B

After

Width:  |  Height:  |  Size: 302 B

0
admin/images/icons/24x24/gears.png → admin/images/menu_icons/24x24/gears.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 622 B

After

Width:  |  Height:  |  Size: 622 B

0
admin/images/icons/24x24/home.png → admin/images/menu_icons/24x24/home.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 376 B

After

Width:  |  Height:  |  Size: 376 B

0
admin/images/icons/24x24/information.png → admin/images/menu_icons/24x24/information.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 467 B

After

Width:  |  Height:  |  Size: 467 B

0
admin/images/icons/24x24/network.png → admin/images/menu_icons/24x24/network.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 333 B

After

Width:  |  Height:  |  Size: 333 B

0
admin/images/icons/24x24/pencil.png → admin/images/menu_icons/24x24/pencil.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 517 B

After

Width:  |  Height:  |  Size: 517 B

0
admin/images/icons/24x24/picture.png → admin/images/menu_icons/24x24/picture.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 417 B

After

Width:  |  Height:  |  Size: 417 B

0
admin/images/icons/24x24/pie-chart.png → admin/images/menu_icons/24x24/pie-chart.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 496 B

After

Width:  |  Height:  |  Size: 496 B

0
admin/images/icons/README → admin/images/menu_icons/README
View File

155
admin/scss/_forms.scss
View File

@ -11,19 +11,20 @@
* ---------------------------------------------------- */ * ---------------------------------------------------- */
/* CMS action button sprite mix-in (used for all the buttons in the bottom row */ /* CMS action button sprite mix-in (used for all the buttons in the bottom row */
@mixin actionButtonSprite($horizontalOffset, $verticalOffset) { @mixin actionButtonSprite($name) {
padding-left: 24px; padding-left: 24px;
padding-right: 6px; padding-right: 6px;
@include background($color-button-generic image-url("btn_icons_sprite.png") no-repeat $horizontalOffset $verticalOffset);
@include background(image-url("btn_icons_sprite.png") no-repeat $horizontalOffset $verticalOffset, @include background($color-button-generic sprite($btn_icons, $name, 5px, 6px) no-repeat);
@include background(sprite($btn_icons, $name, 5px, 6px) no-repeat,
linear-gradient(color-stops( linear-gradient(color-stops(
lighten($color-button-generic, 10%), lighten($color-button-generic, 10%),
darken($color-button-generic, 5%) darken($color-button-generic, 5%)
)) ))
); );
&.ui-state-hover { &.ui-state-hover {
@include background(lighten($color-button-generic, 10%) image-url("btn_icons_sprite.png") no-repeat $horizontalOffset $verticalOffset); @include background(lighten($color-button-generic, 10%) sprite($btn_icons, $name, 5px, 6px) no-repeat);
@include background(image-url("btn_icons_sprite.png") no-repeat $horizontalOffset $verticalOffset, @include background(sprite($btn_icons, $name, 5px, 6px) no-repeat,
linear-gradient(color-stops( linear-gradient(color-stops(
lighten($color-button-generic, 20%), lighten($color-button-generic, 20%),
$color-button-generic $color-button-generic
@ -32,8 +33,8 @@
} }
&.ui-state-disabled { &.ui-state-disabled {
background-image: none; background-image: none;
@include background(lighten($color-button-generic, 20%) image-url("btn_icons_sprite_disabled.png") no-repeat $horizontalOffset $verticalOffset); @include background(lighten($color-button-generic, 20%) sprite($btn_icons, $name+_disabled, 5px, 6px) no-repeat);
@include background(image-url("btn_icons_sprite_disabled.png") no-repeat $horizontalOffset $verticalOffset, @include background(sprite($btn_icons, $name+_disabled, 5px, 6px) no-repeat,
linear-gradient(color-stops( linear-gradient(color-stops(
lighten($color-button-generic, 20%), lighten($color-button-generic, 20%),
$color-button-generic $color-button-generic
@ -41,7 +42,45 @@
); );
} }
} }
@mixin actionButtonSpriteConstructive($name) {
background-image: none;
padding-left: 25px;
padding-right: 7px;
font-weight: bold;
margin-left: $grid-horizontal;
color: $color-text-light;
border-color: $color-button-constructive-border;
border-bottom-color: darken($color-button-constructive-border, 10%);
@include background($color-button-constructive sprite($btn_icons, $name, 6, 6) no-repeat);
@include background(sprite($btn_icons, $name
, 6, 6) no-repeat,
linear-gradient(color-stops(
lighten($color-button-constructive, 10%),
darken($color-button-constructive, 5%)
))
);
@include text-shadow(darken($color-button-constructive, 10%) 0 1px 1px);
&.ui-state-hover {
border-color: darken($color-button-constructive-border, 10%);
@include background(lighten($color-button-constructive, 10%) sprite($btn_icons, $name, 6, 6) no-repeat);
@include background(sprite($btn_icons, $name, 6, 6) no-repeat,
linear-gradient(color-stops(
lighten($color-button-constructive, 15%),
$color-button-constructive
))
);
}
&:active, &:focus {
padding: $grid-vertical 8px $grid_vertical 26px;
border: none;
@include background(darken($color-button-constructive, 2%) sprite($btn_icons, $name, 7, 7) no-repeat);
@include box-shadow(inset 0 1px 3px rgb(23, 24, 26), 0 1px 0 rgba(255, 255, 255, .6));
}
}
form.nostyle { form.nostyle {
@include clear-form-field-styles(); @include clear-form-field-styles();
} }
@ -49,21 +88,19 @@ form.nostyle {
.field { .field {
display: block; display: block;
padding: 10px 0; padding: 10px 0;
border-bottom-width: 2px; border-bottom: 1px solid $color-shadow-light;
border-bottom: 2px groove lighten($color-shadow-light, 95%); @include box-shadow(0 1px 0 lighten($color-shadow-light, 95%));
-webkit-border-image: url(../images/textures/bg_fieldset_elements_border.png) 2 stretch stretch;
border-image: url(../images/textures/bg_fieldset_elements_border.png) 2 stretch stretch;
//TODO: use single border line with shadow instead:: http://daverupert.com/2011/06/two-tone-borders-with-css3/ //TODO: use single border line with shadow instead:: http://daverupert.com/2011/06/two-tone-borders-with-css3/
//@include border-image(url(../images/textures/bg_fieldset_elements_border.png), 2, stretch); //not yet supported
//overflow: hidden; //overflow: hidden;
// bottom padding accounts for the border and we have a negative // bottom padding accounts for the border and we have a negative
// margin with a postive padding to ensure the bottom border extends // margin with a postive padding to ensure the bottom border extends
// over the edges // over the edges
padding: 0 $grid-horizontal $grid-vertical - 1 $grid-horizontal; padding: 0 0 $grid-vertical - 1 0;
margin: 0 $grid-horizontal * -1 $grid-vertical $grid-horizontal * -1; margin: 0 0 $grid-vertical 0;
border-bottom: 1px solid $color-shadow-light;
// using the legacy version as some of the more complex form fields // using the legacy version as some of the more complex form fields
// need to use relative positioning and overflow hidden will not expand // need to use relative positioning and overflow hidden will not expand
@ -84,12 +121,13 @@ form.nostyle {
width: $grid-horizontal * 21; width: $grid-horizontal * 21;
padding: $grid-vertical $grid-horizontal $grid-vertical 0; padding: $grid-vertical $grid-horizontal $grid-vertical 0;
line-height: $grid-vertical * 2; line-height: $grid-vertical * 2;
font-weight: bold;
@include text-shadow(1px 1px 0 $color-text-shadow);
span { span {
display: block; display: block;
font-size: $font-base-size - 1; font-size: $font-base-size - 1;
color: lighten($color-text, 25%); color: lighten($color-text, 25%);
@include hide-text-overflow(); @include hide-text-overflow();
} }
} }
@ -126,14 +164,15 @@ form.nostyle {
line-height: $grid-vertical * 2; line-height: $grid-vertical * 2;
margin: 0; margin: 0;
outline: none; outline: none;
@include transition(0.2s box-shadow ease-in);
@include transition(0.2s border ease-in);
@include border-radius(4px); @include border-radius(4px);
@include background-image(linear-gradient(#efefef, #fff 10%, #fff 90%, #efefef)); @include background-image(linear-gradient(#efefef, #fff 10%, #fff 90%, #efefef));
&:focus { &:focus {
border: 1px solid lighten($color-medium-separator, 20%); border: 1px solid lighten($color-medium-separator, 10%);
border-top-color: $color-medium-separator;
@include box-shadow(0 0 5px rgba(0,0,0,0.2)); @include box-shadow(0 1px 3px rgba(0,0,0,0.2) inset);
} }
} }
@ -240,7 +279,8 @@ form.nostyle {
text-decoration: none; text-decoration: none;
} }
.cms { .cms, body.ArrayData {
input.loading, input.loading,
input.ui-state-default.loading, .ui-widget-content input.ui-state-default.loading, input.ui-state-default.loading, .ui-widget-content input.ui-state-default.loading,
.ui-widget-header input.ui-state-default.loading { .ui-widget-header input.ui-state-default.loading {
@ -264,11 +304,11 @@ form.nostyle {
color: lighten($color-text-dark, 10%); color: lighten($color-text-dark, 10%);
background-color: $color-button-generic; background-color: $color-button-generic;
border: 1px solid $color-button-generic-border; border: 1px solid $color-button-generic-border;
border-bottom: 1px solid darken($color-button-generic-border, 10%);
@include text-shadow(lighten($color-button-generic, 20%) 0 1px 1px); @include text-shadow(lighten($color-button-generic, 20%) 0 1px 1px);
@include box-shadow(lighten($color-base, 10%) 0 1px 2px); @include background($color-button-generic);
@include background($color-button-generic image-url("btn_icons_sprite.png") no-repeat 999px 999px); @include background(
@include background(image-url("btn_icons_sprite.png") no-repeat 999px 999px,
linear-gradient(color-stops( linear-gradient(color-stops(
lighten($color-button-generic, 10%), lighten($color-button-generic, 10%),
darken($color-button-generic, 5%) darken($color-button-generic, 5%)
@ -277,10 +317,8 @@ form.nostyle {
&.ui-state-hover { &.ui-state-hover {
border: 1px solid darken($color-button-generic-border, 10%); border: 1px solid darken($color-button-generic-border, 10%);
@include text-shadow(lighten($color-button-generic, 30%) 0 1px 1px); @include text-shadow(lighten($color-button-generic, 30%) 0 1px 1px);
@include background(lighten($color-button-generic, 10%));
@include box-shadow($color-base 0 1px 2px); @include background(
@include background(lighten($color-button-generic, 10%) image-url("btn_icons_sprite.png") no-repeat 999px 999px);
@include background(image-url("btn_icons_sprite.png") no-repeat 999px 999px,
linear-gradient(color-stops( linear-gradient(color-stops(
lighten($color-button-generic, 20%), lighten($color-button-generic, 20%),
darken($color-button-generic, 5%) darken($color-button-generic, 5%)
@ -289,74 +327,49 @@ form.nostyle {
} }
&:focus, &:focus,
&:active { &:active {
border: 1px solid darken($color-button-generic-border, 5%); border: 1px solid lighten($color-button-generic, 40%);
@include box-shadow(0 3px 3px darken($color-button-generic, 40%) inset);
@include box-shadow($color-base 0 1px 2px); @include background(darken($color-button-generic, 30%));
@include background(lighten($color-button-generic, 10%) image-url("btn_icons_sprite.png") no-repeat 999px 999px); @include background(
@include background(image-url("btn_icons_sprite.png") no-repeat 999px 999px,
linear-gradient(color-stops( linear-gradient(color-stops(
$color-button-generic, $color-button-generic,
lighten($color-button-generic, 20%) darken($color-button-generic, 30%)
)) ))
); );
} }
/* constructive */ /* constructive */
&.ss-ui-action-constructive { &.ss-ui-action-constructive {
background-image: none; @include actionButtonSpriteConstructive('accept');
padding-left: 24px; }
padding-right: 6px;
font-weight: bold; &.cms-page-add-button {
margin-left: $grid-horizontal; @include actionButtonSpriteConstructive('add');
color: $color-text-light;
border-color: $color-button-constructive-border;
@include background($color-button-constructive image-url("btn_icons_sprite.png") no-repeat 5px 5px);
@include background(image-url("btn_icons_sprite.png") no-repeat 5px 5px,
linear-gradient(color-stops(
lighten($color-button-constructive, 10%),
darken($color-button-constructive, 5%)
))
);
@include text-shadow(darken($color-button-constructive, 10%) 0 1px 1px);
@include box-shadow(darken($color-base, 20%) 1px 1px 2px);
&.ui-state-hover {
border-color: darken($color-button-constructive-border, 10%);
@include background(lighten($color-button-constructive, 10%) image-url("btn_icons_sprite.png") no-repeat 5px 5px);
@include background(image-url("btn_icons_sprite.png") no-repeat 5px 5px,
linear-gradient(color-stops(
lighten($color-button-constructive, 15%),
$color-button-constructive
))
);
}
} }
/* destructive */ /* destructive */
&.ss-ui-action-destructive { &.ss-ui-action-destructive {
color: $color-button-destructive; color: $color-button-destructive;
background-color: $color-button-generic; background-color: $color-button-generic;
&.delete { &.delete {
@include actionButtonSprite(6px, -26px); @include actionButtonSprite('decline');
} }
&.unpublish { &.unpublish {
@include actionButtonSprite(6px, -58px); @include actionButtonSprite('unpublish');
} }
} }
/* generic action buttons */ /* generic action buttons */
&.save-draft { &.save-draft {
@include actionButtonSprite(6px, -90px); @include actionButtonSprite('addpage');
} }
&.cms-preview-toggle-link { &.cms-preview-toggle-link {
padding-left: 24px !important; padding-left: 24px !important;
margin-left: 4px !important; margin-left: 4px !important;
text-decoration: none; text-decoration: none;
@include actionButtonSprite(6px, -122px); @include actionButtonSprite('preview');
} }
&.ss-ui-button-small { &.ss-ui-button-small {
@ -481,4 +494,4 @@ form.nostyle {
.action-hidden { .action-hidden {
display: none; display: none;
} }

2
admin/scss/_menu.scss
View File

@ -288,4 +288,4 @@
display: none; display: none;
} }
} }
} }

8
admin/scss/_sprites.scss
View File

@ -5,9 +5,10 @@
*/ */
@import "compass/utilities/sprites/base"; @import "compass/utilities/sprites/base";
$icon24: sprite-map("icons/24x24/*.png"); $icon24: sprite-map("menu_icons/24x24/*.png");
$icon16: sprite-map("icons/16x16/*.png"); $icon16: sprite-map("menu_icons/16x16/*.png");
$btn_icons: sprite-map("btn_icons/*.png", $spacing: 10px);
@mixin icons($sprite) { @mixin icons($sprite) {
background: $sprite; background: $sprite;
@ -38,7 +39,6 @@ $icon16: sprite-map("icons/16x16/*.png");
} }
} }
.icon { .icon {
text-indent: -9999px; text-indent: -9999px;
border: none; border: none;
@ -57,4 +57,4 @@ $icon16: sprite-map("icons/16x16/*.png");
@include icons($icon16); @include icons($icon16);
} }
} }

83
admin/scss/_style.scss
View File

@ -120,7 +120,7 @@ html,body {
} }
} }
.ui-tabs .cms-content-header { .ui-tabs .cms-content-header, body.ArrayData .ui-tabs-nav {
.ui-tabs-nav li { .ui-tabs-nav li {
a { a {
font-weight: bold; font-weight: bold;
@ -271,6 +271,11 @@ html,body {
border-color: $color-error; border-color: $color-error;
} }
&.good {
background-color: lighten($color-good, 20%);
border-color: $color-good;
}
p { p {
margin: 0; margin: 0;
} }
@ -699,17 +704,20 @@ form.member-profile-form {
input.customFormat { input.customFormat {
border: 1px solid #ccc !important; border: 1px solid #ccc !important;
padding: 3px; padding: 3px;
margin-left: 2px; display: inline;
margin-left: 15px;
position: relative;
} }
.formattingHelpToggle { .formattingHelpToggle {
display: block;
font-size: 11px; font-size: 11px;
padding: 3px; margin-top: 10px;
margin-left: 15px;
} }
.formattingHelpText { .formattingHelpText {
margin: 5px auto; margin: 5px 0 0 -5px;
color: #333; color: #333;
padding: 5px 10px; padding: 5px 10px;
width: 90%;
background: #fff; background: #fff;
border: 1px solid #ccc; border: 1px solid #ccc;
} }
@ -720,8 +728,17 @@ form.member-profile-form {
font-size: 11px; font-size: 11px;
color: #333; color: #333;
margin-bottom: 2px; margin-bottom: 2px;
float: none;
width: auto;
}
#Groups .middleColumn {
margin-left: 0;
width: 100%;
.TreeDropdownField {
width: 90%;
max-width: 90%;
}
} }
} }
.cms { .cms {
@ -978,10 +995,12 @@ $DialogLabelColor: #7B8C91;
width: 320px; width: 320px;
} }
} }
.Actions { .Actions {
position: absolute;
bottom: 10px;
right: 10px;
float: right; float: right;
margin: 0;
} }
} }
@ -1005,6 +1024,52 @@ $DialogLabelColor: #7B8C91;
*/ */
body.ArrayData { body.ArrayData {
overflow-y: scroll; overflow-y: auto;
overflow-x: auto; overflow-x: auto;
font-family: Arial, sans-serif;
margin-bottom: 60px;
.ss-tabset {
background-color: darken($color-widget-bg, 20%);
padding: $grid-vertical $grid-horizontal ($grid-vertical - 2);
height: $grid-vertical * 4;
z-index: 60;
border: none;
@include box-shadow($color-widget-bg 0 $grid-vertical $grid-vertical*2);
@include background-image(
linear-gradient(darken($color-widget-bg, 10%), darken($color-widget-bg, 30%))
);
@include border-radius(none);
.tab {
background: none;
overflow-y: auto;
}
&.ui-tabs {
.ui-tabs-nav {
background: none;
border: none;
li {
&:first-child {
margin-left: 15px;
}
font-weight: bold;
line-height: 16px;
padding: 11px 12px 9px;
border-bottom: 2px solid #B3B3B3;
}
}
}
}
.clear {
clear: both;
}
.Actions {
z-index: 100;
position: fixed;
bottom: 3px;
right: 20px;
}
} }

6
admin/scss/_tree.scss
View File

@ -6,7 +6,7 @@
* but we need it earlier in order to correctly display the uninitialized tree. * but we need it earlier in order to correctly display the uninitialized tree.
*/ */
.cms { .cms, body.ArrayData {
.jstree { .jstree {
ul { ul {
display: block; display: block;
@ -379,7 +379,7 @@
} }
} }
.cms-tree.jstree-apple { .cms-tree.jstree-apple, body.ArrayData .jstree-apple {
& li.Root { & li.Root {
& strong { & strong {
@ -539,4 +539,4 @@ li.class-ErrorPage > a .jstree-pageicon {
.cms-tree { .cms-tree {
visibility: hidden; // enabled by JS to avoid layout glitches visibility: hidden; // enabled by JS to avoid layout glitches
} }

4
admin/scss/_uitheme.scss
View File

@ -10,7 +10,7 @@
* and read the jQuery UI theming API: http://jqueryui.com/docs/Theming/API * and read the jQuery UI theming API: http://jqueryui.com/docs/Theming/API
*/ */
.cms { .cms, body.ArrayData {
.ui-tabs { .ui-tabs {
padding: 0; padding: 0;
background: $tab-panel-texture-background; background: $tab-panel-texture-background;
@ -114,4 +114,4 @@
.ui-widget-header .ss-ui-button { .ui-widget-header .ss-ui-button {
} }
} }

3
admin/scss/themes/_default.scss
View File

@ -33,6 +33,8 @@ $color-text-light-link: white;
$color-text-dark: #1f1f1f; $color-text-dark: #1f1f1f;
$color-text-dark-link: #3EBAE0; $color-text-dark-link: #3EBAE0;
$color-text-blue-link:#1556B2; $color-text-blue-link:#1556B2;
$color-text-shadow: white;
$color-button-generic: #e6e6e6; $color-button-generic: #e6e6e6;
$color-button-generic-border: #c0c0c2; $color-button-generic-border: #c0c0c2;
@ -50,6 +52,7 @@ $color-button-disabled: #eeeded;
$color-warning: #FF9300; $color-warning: #FF9300;
$color-error: #FF9300; $color-error: #FF9300;
$color-notice: #FF9300; $color-notice: #FF9300;
$color-good: $color-button-constructive;
$color-cms-batchactions-menu-background: #f5f5f5; $color-cms-batchactions-menu-background: #f5f5f5;
$color-cms-batchactions-menu-selected-background: #efe999; $color-cms-batchactions-menu-selected-background: #efe999;

2
security/Member.php
View File

@ -1557,7 +1557,7 @@ class Member_ProfileForm extends Form {
$fields->push(new HiddenField('ID','ID',$member->ID)); $fields->push(new HiddenField('ID','ID',$member->ID));
$actions = new FieldList( $actions = new FieldList(
new FormAction('dosave',_t('CMSMain.SAVE', 'Save')) new FormAction('dosave',_t('CMSMain.SAVE', 'Save'), null, null, "ss-ui-button ss-ui-action-constructive")
); );
$validator = new Member_Validator(); $validator = new Member_Validator();