From 586ae4ab6ebc4b018987b0cbffc02775e8d333ac Mon Sep 17 00:00:00 2001 From: Felipe Skroski Date: Wed, 1 Feb 2012 14:06:06 +1300 Subject: [PATCH] MINOR GridField column header and sorting styles --- admin/css/screen.css | 52 +++---- admin/images/btn_icons-saaa1989272.png | Bin 0 -> 8987 bytes .../btn_icons/arrow-circle-135-left.png | Bin 0 -> 800 bytes admin/images/btn_icons/magnifier.png | Bin 0 -> 700 bytes admin/scss/_forms.scss | 13 +- admin/scss/_style.scss | 8 +- css/GridField.css | 29 ++-- filesystem/Folder.php | 2 +- images/arrows-01.png | Bin 0 -> 439 bytes scss/GridField.scss | 141 ++++++++---------- templates/Includes/GridFieldFilter_Row.ss | 2 +- 11 files changed, 126 insertions(+), 121 deletions(-) mode change 100755 => 100644 admin/css/screen.css create mode 100644 admin/images/btn_icons-saaa1989272.png create mode 100755 admin/images/btn_icons/arrow-circle-135-left.png create mode 100755 admin/images/btn_icons/magnifier.png create mode 100644 images/arrows-01.png diff --git a/admin/css/screen.css b/admin/css/screen.css old mode 100755 new mode 100644 index 2275b95de..2d34fcd29 --- a/admin/css/screen.css +++ b/admin/css/screen.css @@ -94,7 +94,7 @@ form.nostyle .middleColumn { margin-left: 0; } .field .middleColumn { margin-left: 184px; } .field span.readonly { padding-top: 8px; line-height: 16px; display: block; } .field input.text, .field textarea, .field select, .field .TreeDropdownField { width: 100%; max-width: 512px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } -.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, .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%, #eaeaea), color-stop(10%, #ffffff)); background-image: -webkit-linear-gradient(#eaeaea, #ffffff 10%); background-image: -moz-linear-gradient(#eaeaea, #ffffff 10%); background-image: -o-linear-gradient(#eaeaea, #ffffff 10%); background-image: -ms-linear-gradient(#eaeaea, #ffffff 10%); background-image: linear-gradient(#eaeaea, #ffffff 10%); } .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; } @@ -112,7 +112,7 @@ form.small .field input.text, form.small .field textarea, form.small .field sele .field .dropdown select { margin-top: 8px; } .field .chzn-container .chzn-results li { font-size: 11px; line-height: 16px; padding: 4px 4px; } .field .chzn-container-active .chzn-single { border: 1px solid #9a9a9a; } -.field .chzn-container-single .chzn-single { height: 30px; line-height: 32px; /* not relative, as then we'd had to redo most of chzn */ font-size: 12px; 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 .chzn-container-single .chzn-single { height: 26px; line-height: 26px; /* not relative, as then we'd had to redo most of chzn */ font-size: 12px; 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 .chzn-container-single .chzn-single:hover, .field .chzn-container-single .chzn-single:focus, .field .chzn-container-single .chzn-single:active { text-decoration: none; outline: none; } .field .chzn-container-single .chzn-single div { width: 24px; } .field .chzn-container-single .chzn-single div b { background-position: 1px 4px; } @@ -123,35 +123,36 @@ form.small .field input.text, form.small .field textarea, form.small .field sele .Actions > div { overflow: auto; } .cms-preview-toggle-link { display: block; float: right; font-size: 12px; text-decoration: none; } +.cms-preview-toggle-link span.ui-button-text { padding: 0; } .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 .ss-ui-button { /* all buttons */ padding: 5px 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; cursor: pointer; 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.buttonset { margin: 0 -1px; } .cms .ss-ui-button.ui-state-hover, .cms .ss-ui-button:hover { background: white; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); background: -webkit-linear-gradient(#ffffff, #e6e6e6); background: -moz-linear-gradient(#ffffff, #e6e6e6); background: -o-linear-gradient(#ffffff, #e6e6e6); background: -ms-linear-gradient(#ffffff, #e6e6e6); background: linear-gradient(#ffffff, #e6e6e6); -moz-box-shadow: 0 0 5px #b3b3b3; -webkit-box-shadow: 0 0 5px #b3b3b3; -o-box-shadow: 0 0 5px #b3b3b3; box-shadow: 0 0 5px #b3b3b3; } .cms .ss-ui-button:active, .cms .ss-ui-button:focus, .cms .ss-ui-button.ui-state-active, .cms .ss-ui-button.ui-state-focus { border: 1px solid #b3b3b3; background: white no-repeat; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); background: -webkit-linear-gradient(#ffffff, #e6e6e6); background: -moz-linear-gradient(#ffffff, #e6e6e6); background: -o-linear-gradient(#ffffff, #e6e6e6); background: -ms-linear-gradient(#ffffff, #e6e6e6); background: linear-gradient(#ffffff, #e6e6e6); -moz-box-shadow: 0 0 5px #b3b3b3 inset; -webkit-box-shadow: 0 0 5px #b3b3b3 inset; -o-box-shadow: 0 0 5px #b3b3b3 inset; box-shadow: 0 0 5px #b3b3b3 inset; } -.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; border-bottom-color: #59781d; background: #669933 url('../images/btn_icons-sb7da7f8cce.png') 5px 5px no-repeat; background: url('../images/btn_icons-sb7da7f8cce.png') 5px 5px no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #80bf40), color-stop(100%, #59862d)); background: url('../images/btn_icons-sb7da7f8cce.png') 5px 5px no-repeat, -webkit-linear-gradient(#80bf40, #59862d); background: url('../images/btn_icons-sb7da7f8cce.png') 5px 5px no-repeat, -moz-linear-gradient(#80bf40, #59862d); background: url('../images/btn_icons-sb7da7f8cce.png') 5px 5px no-repeat, -o-linear-gradient(#80bf40, #59862d); background: url('../images/btn_icons-sb7da7f8cce.png') 5px 5px no-repeat, -ms-linear-gradient(#80bf40, #59862d); background: url('../images/btn_icons-sb7da7f8cce.png') 5px 5px no-repeat, linear-gradient(#80bf40, #59862d); text-shadow: #4d7326 0 1px 1px; } -.cms .ss-ui-button.ss-ui-action-constructive.ui-state-hover, .cms .ss-ui-button.ss-ui-action-constructive:hover { border-color: #59781d; background: #80bf40 url('../images/btn_icons-sb7da7f8cce.png') 6px 6px no-repeat; background: url('../images/btn_icons-sb7da7f8cce.png') 5px 5px no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8cc653), color-stop(100%, #669933)); background: url('../images/btn_icons-sb7da7f8cce.png') 5px 5px no-repeat, -webkit-linear-gradient(#8cc653, #669933); background: url('../images/btn_icons-sb7da7f8cce.png') 5px 5px no-repeat, -moz-linear-gradient(#8cc653, #669933); background: url('../images/btn_icons-sb7da7f8cce.png') 5px 5px no-repeat, -o-linear-gradient(#8cc653, #669933); background: url('../images/btn_icons-sb7da7f8cce.png') 5px 5px no-repeat, -ms-linear-gradient(#8cc653, #669933); background: url('../images/btn_icons-sb7da7f8cce.png') 5px 5px no-repeat, linear-gradient(#8cc653, #669933); } -.cms .ss-ui-button.ss-ui-action-constructive:active, .cms .ss-ui-button.ss-ui-action-constructive:focus, .cms .ss-ui-button.ss-ui-action-constructive.ui-state-active, .cms .ss-ui-button.ss-ui-action-constructive.ui-state-focus { background: #619130 url('../images/btn_icons-sb7da7f8cce.png') 5px 5px 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.cms-page-add-button { background-image: none; padding-left: 24px; padding-right: 6px; font-weight: bold; margin-left: 8px; color: white; border-color: #78a127; border-bottom-color: #59781d; background: #669933 url('../images/btn_icons-sb7da7f8cce.png') 5px -49px no-repeat; background: url('../images/btn_icons-sb7da7f8cce.png') 5px -49px no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #80bf40), color-stop(100%, #59862d)); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -49px no-repeat, -webkit-linear-gradient(#80bf40, #59862d); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -49px no-repeat, -moz-linear-gradient(#80bf40, #59862d); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -49px no-repeat, -o-linear-gradient(#80bf40, #59862d); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -49px no-repeat, -ms-linear-gradient(#80bf40, #59862d); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -49px no-repeat, linear-gradient(#80bf40, #59862d); text-shadow: #4d7326 0 1px 1px; } -.cms .ss-ui-button.cms-page-add-button.ui-state-hover, .cms .ss-ui-button.cms-page-add-button:hover { border-color: #59781d; background: #80bf40 url('../images/btn_icons-sb7da7f8cce.png') 6px -48px no-repeat; background: url('../images/btn_icons-sb7da7f8cce.png') 5px -49px no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8cc653), color-stop(100%, #669933)); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -49px no-repeat, -webkit-linear-gradient(#8cc653, #669933); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -49px no-repeat, -moz-linear-gradient(#8cc653, #669933); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -49px no-repeat, -o-linear-gradient(#8cc653, #669933); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -49px no-repeat, -ms-linear-gradient(#8cc653, #669933); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -49px no-repeat, linear-gradient(#8cc653, #669933); } -.cms .ss-ui-button.cms-page-add-button:active, .cms .ss-ui-button.cms-page-add-button:focus, .cms .ss-ui-button.cms-page-add-button.ui-state-active, .cms .ss-ui-button.cms-page-add-button.ui-state-focus { background: #619130 url('../images/btn_icons-sb7da7f8cce.png') 5px -49px 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-constructive { background-image: none; padding-left: 24px; padding-right: 6px; font-weight: bold; margin-left: 8px; color: white; border-color: #78a127; border-bottom-color: #59781d; background: #669933 url('../images/btn_icons-saaa1989272.png') 5px 5px no-repeat; background: url('../images/btn_icons-saaa1989272.png') 5px 5px no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #80bf40), color-stop(100%, #59862d)); background: url('../images/btn_icons-saaa1989272.png') 5px 5px no-repeat, -webkit-linear-gradient(#80bf40, #59862d); background: url('../images/btn_icons-saaa1989272.png') 5px 5px no-repeat, -moz-linear-gradient(#80bf40, #59862d); background: url('../images/btn_icons-saaa1989272.png') 5px 5px no-repeat, -o-linear-gradient(#80bf40, #59862d); background: url('../images/btn_icons-saaa1989272.png') 5px 5px no-repeat, -ms-linear-gradient(#80bf40, #59862d); background: url('../images/btn_icons-saaa1989272.png') 5px 5px no-repeat, linear-gradient(#80bf40, #59862d); text-shadow: #4d7326 0 1px 1px; } +.cms .ss-ui-button.ss-ui-action-constructive.ui-state-hover, .cms .ss-ui-button.ss-ui-action-constructive:hover { border-color: #59781d; background: #80bf40 url('../images/btn_icons-saaa1989272.png') 6px 6px no-repeat; background: url('../images/btn_icons-saaa1989272.png') 5px 5px no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8cc653), color-stop(100%, #669933)); background: url('../images/btn_icons-saaa1989272.png') 5px 5px no-repeat, -webkit-linear-gradient(#8cc653, #669933); background: url('../images/btn_icons-saaa1989272.png') 5px 5px no-repeat, -moz-linear-gradient(#8cc653, #669933); background: url('../images/btn_icons-saaa1989272.png') 5px 5px no-repeat, -o-linear-gradient(#8cc653, #669933); background: url('../images/btn_icons-saaa1989272.png') 5px 5px no-repeat, -ms-linear-gradient(#8cc653, #669933); background: url('../images/btn_icons-saaa1989272.png') 5px 5px no-repeat, linear-gradient(#8cc653, #669933); } +.cms .ss-ui-button.ss-ui-action-constructive:active, .cms .ss-ui-button.ss-ui-action-constructive:focus, .cms .ss-ui-button.ss-ui-action-constructive.ui-state-active, .cms .ss-ui-button.ss-ui-action-constructive.ui-state-focus { background: #619130 url('../images/btn_icons-saaa1989272.png') 5px 5px 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.cms-page-add-button { background-image: none; padding-left: 24px; padding-right: 6px; font-weight: bold; margin-left: 8px; color: white; border-color: #78a127; border-bottom-color: #59781d; background: #669933 url('../images/btn_icons-saaa1989272.png') 5px -49px no-repeat; background: url('../images/btn_icons-saaa1989272.png') 5px -49px no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #80bf40), color-stop(100%, #59862d)); background: url('../images/btn_icons-saaa1989272.png') 5px -49px no-repeat, -webkit-linear-gradient(#80bf40, #59862d); background: url('../images/btn_icons-saaa1989272.png') 5px -49px no-repeat, -moz-linear-gradient(#80bf40, #59862d); background: url('../images/btn_icons-saaa1989272.png') 5px -49px no-repeat, -o-linear-gradient(#80bf40, #59862d); background: url('../images/btn_icons-saaa1989272.png') 5px -49px no-repeat, -ms-linear-gradient(#80bf40, #59862d); background: url('../images/btn_icons-saaa1989272.png') 5px -49px no-repeat, linear-gradient(#80bf40, #59862d); text-shadow: #4d7326 0 1px 1px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; } +.cms .ss-ui-button.cms-page-add-button.ui-state-hover, .cms .ss-ui-button.cms-page-add-button:hover { border-color: #59781d; background: #80bf40 url('../images/btn_icons-saaa1989272.png') 6px -48px no-repeat; background: url('../images/btn_icons-saaa1989272.png') 5px -49px no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8cc653), color-stop(100%, #669933)); background: url('../images/btn_icons-saaa1989272.png') 5px -49px no-repeat, -webkit-linear-gradient(#8cc653, #669933); background: url('../images/btn_icons-saaa1989272.png') 5px -49px no-repeat, -moz-linear-gradient(#8cc653, #669933); background: url('../images/btn_icons-saaa1989272.png') 5px -49px no-repeat, -o-linear-gradient(#8cc653, #669933); background: url('../images/btn_icons-saaa1989272.png') 5px -49px no-repeat, -ms-linear-gradient(#8cc653, #669933); background: url('../images/btn_icons-saaa1989272.png') 5px -49px no-repeat, linear-gradient(#8cc653, #669933); } +.cms .ss-ui-button.cms-page-add-button:active, .cms .ss-ui-button.cms-page-add-button:focus, .cms .ss-ui-button.cms-page-add-button.ui-state-active, .cms .ss-ui-button.cms-page-add-button.ui-state-focus { background: #619130 url('../images/btn_icons-saaa1989272.png') 5px -49px 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 { color: red; background-color: #e6e6e6; } -.cms .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 -159px 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 -159px no-repeat, -webkit-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -159px no-repeat, -moz-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -159px no-repeat, -o-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -159px no-repeat, -ms-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -159px no-repeat, linear-gradient(#ffffff, #d9d9d9); } -.cms .ss-ui-button.ss-ui-action-destructive.delete.ui-state-hover, .cms .ss-ui-button.ss-ui-action-destructive.delete:hover { background: white url('../images/btn_icons-sb7da7f8cce.png') 5px -158px no-repeat; background: url('../images/btn_icons-sb7da7f8cce.png') 5px -159px 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 -159px no-repeat, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -159px no-repeat, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -159px no-repeat, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -159px no-repeat, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -159px no-repeat, linear-gradient(#ffffff, #e6e6e6); -moz-box-shadow: 0 0 5px #b3b3b3; -webkit-box-shadow: 0 0 5px #b3b3b3; -o-box-shadow: 0 0 5px #b3b3b3; box-shadow: 0 0 5px #b3b3b3; } -.cms .ss-ui-button.ss-ui-action-destructive.delete:active, .cms .ss-ui-button.ss-ui-action-destructive.delete:focus, .cms .ss-ui-button.ss-ui-action-destructive.delete.ui-state-active, .cms .ss-ui-button.ss-ui-action-destructive.delete.ui-state-focus { border: 1px solid #b3b3b3; background: white url('../images/btn_icons-sb7da7f8cce.png') 5px -158px no-repeat; background: url('../images/btn_icons-sb7da7f8cce.png') 5px -159px 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 -159px no-repeat, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -159px no-repeat, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -159px no-repeat, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -159px no-repeat, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -159px no-repeat, linear-gradient(#ffffff, #e6e6e6); -moz-box-shadow: 0 0 5px #9a9a9a inset; -webkit-box-shadow: 0 0 5px #9a9a9a inset; -o-box-shadow: 0 0 5px #9a9a9a inset; box-shadow: 0 0 5px #9a9a9a inset; } -.cms .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 -186px 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 -186px no-repeat, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -186px no-repeat, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -186px no-repeat, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -186px no-repeat, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -186px no-repeat, linear-gradient(#ffffff, #e6e6e6); } -.cms .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 -319px 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 -319px no-repeat, -webkit-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -319px no-repeat, -moz-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -319px no-repeat, -o-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -319px no-repeat, -ms-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -319px no-repeat, linear-gradient(#ffffff, #d9d9d9); } -.cms .ss-ui-button.ss-ui-action-destructive.unpublish.ui-state-hover, .cms .ss-ui-button.ss-ui-action-destructive.unpublish:hover { background: white url('../images/btn_icons-sb7da7f8cce.png') 5px -318px no-repeat; background: url('../images/btn_icons-sb7da7f8cce.png') 5px -319px 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 -319px no-repeat, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -319px no-repeat, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -319px no-repeat, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -319px no-repeat, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -319px no-repeat, linear-gradient(#ffffff, #e6e6e6); -moz-box-shadow: 0 0 5px #b3b3b3; -webkit-box-shadow: 0 0 5px #b3b3b3; -o-box-shadow: 0 0 5px #b3b3b3; box-shadow: 0 0 5px #b3b3b3; } -.cms .ss-ui-button.ss-ui-action-destructive.unpublish:active, .cms .ss-ui-button.ss-ui-action-destructive.unpublish:focus, .cms .ss-ui-button.ss-ui-action-destructive.unpublish.ui-state-active, .cms .ss-ui-button.ss-ui-action-destructive.unpublish.ui-state-focus { border: 1px solid #b3b3b3; background: white url('../images/btn_icons-sb7da7f8cce.png') 5px -318px no-repeat; background: url('../images/btn_icons-sb7da7f8cce.png') 5px -319px 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 -319px no-repeat, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -319px no-repeat, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -319px no-repeat, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -319px no-repeat, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -319px no-repeat, linear-gradient(#ffffff, #e6e6e6); -moz-box-shadow: 0 0 5px #9a9a9a inset; -webkit-box-shadow: 0 0 5px #9a9a9a inset; -o-box-shadow: 0 0 5px #9a9a9a inset; box-shadow: 0 0 5px #9a9a9a inset; } -.cms .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 -347px 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 -347px no-repeat, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -347px no-repeat, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -347px no-repeat, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -347px no-repeat, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -347px no-repeat, linear-gradient(#ffffff, #e6e6e6); } -.cms .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 -105px 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 -105px no-repeat, -webkit-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -105px no-repeat, -moz-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -105px no-repeat, -o-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -105px no-repeat, -ms-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -105px no-repeat, linear-gradient(#ffffff, #d9d9d9); } -.cms .ss-ui-button.save-draft.ui-state-hover, .cms .ss-ui-button.save-draft:hover { background: white url('../images/btn_icons-sb7da7f8cce.png') 5px -104px no-repeat; background: url('../images/btn_icons-sb7da7f8cce.png') 5px -105px 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 -105px no-repeat, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -105px no-repeat, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -105px no-repeat, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -105px no-repeat, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -105px no-repeat, linear-gradient(#ffffff, #e6e6e6); -moz-box-shadow: 0 0 5px #b3b3b3; -webkit-box-shadow: 0 0 5px #b3b3b3; -o-box-shadow: 0 0 5px #b3b3b3; box-shadow: 0 0 5px #b3b3b3; } -.cms .ss-ui-button.save-draft:active, .cms .ss-ui-button.save-draft:focus, .cms .ss-ui-button.save-draft.ui-state-active, .cms .ss-ui-button.save-draft.ui-state-focus { border: 1px solid #b3b3b3; background: white url('../images/btn_icons-sb7da7f8cce.png') 5px -104px no-repeat; background: url('../images/btn_icons-sb7da7f8cce.png') 5px -105px 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 -105px no-repeat, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -105px no-repeat, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -105px no-repeat, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -105px no-repeat, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -105px no-repeat, linear-gradient(#ffffff, #e6e6e6); -moz-box-shadow: 0 0 5px #9a9a9a inset; -webkit-box-shadow: 0 0 5px #9a9a9a inset; -o-box-shadow: 0 0 5px #9a9a9a inset; box-shadow: 0 0 5px #9a9a9a inset; } -.cms .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 -133px 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 -133px no-repeat, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -133px no-repeat, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -133px no-repeat, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -133px no-repeat, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -133px 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-sb7da7f8cce.png') 5px -212px no-repeat; background: url('../images/btn_icons-sb7da7f8cce.png') 5px -213px 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 -213px no-repeat, -webkit-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -213px no-repeat, -moz-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -213px no-repeat, -o-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -213px no-repeat, -ms-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -213px no-repeat, linear-gradient(#ffffff, #d9d9d9); } -.cms .ss-ui-button.cms-preview-toggle-link.ui-state-hover, .cms .ss-ui-button.cms-preview-toggle-link:hover { background: white url('../images/btn_icons-sb7da7f8cce.png') 5px -212px no-repeat; background: url('../images/btn_icons-sb7da7f8cce.png') 5px -213px 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 -213px no-repeat, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -213px no-repeat, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -213px no-repeat, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -213px no-repeat, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -213px no-repeat, linear-gradient(#ffffff, #e6e6e6); -moz-box-shadow: 0 0 5px #b3b3b3; -webkit-box-shadow: 0 0 5px #b3b3b3; -o-box-shadow: 0 0 5px #b3b3b3; box-shadow: 0 0 5px #b3b3b3; } -.cms .ss-ui-button.cms-preview-toggle-link:active, .cms .ss-ui-button.cms-preview-toggle-link:focus, .cms .ss-ui-button.cms-preview-toggle-link.ui-state-active, .cms .ss-ui-button.cms-preview-toggle-link.ui-state-focus { border: 1px solid #b3b3b3; background: white url('../images/btn_icons-sb7da7f8cce.png') 5px -212px no-repeat; background: url('../images/btn_icons-sb7da7f8cce.png') 5px -213px 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 -213px no-repeat, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -213px no-repeat, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -213px no-repeat, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -213px no-repeat, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -213px no-repeat, linear-gradient(#ffffff, #e6e6e6); -moz-box-shadow: 0 0 5px #9a9a9a inset; -webkit-box-shadow: 0 0 5px #9a9a9a inset; -o-box-shadow: 0 0 5px #9a9a9a inset; box-shadow: 0 0 5px #9a9a9a inset; } -.cms .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 -240px 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 -240px no-repeat, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -240px no-repeat, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -240px no-repeat, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -240px no-repeat, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -240px no-repeat, linear-gradient(#ffffff, #e6e6e6); } +.cms .ss-ui-button.ss-ui-action-destructive.delete { padding-left: 24px; padding-right: 6px; background: #e6e6e6 url('../images/btn_icons-saaa1989272.png') 5px -184px no-repeat; background: url('../images/btn_icons-saaa1989272.png') 5px -185px no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #d9d9d9)); background: url('../images/btn_icons-saaa1989272.png') 5px -185px no-repeat, -webkit-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-saaa1989272.png') 5px -185px no-repeat, -moz-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-saaa1989272.png') 5px -185px no-repeat, -o-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-saaa1989272.png') 5px -185px no-repeat, -ms-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-saaa1989272.png') 5px -185px no-repeat, linear-gradient(#ffffff, #d9d9d9); } +.cms .ss-ui-button.ss-ui-action-destructive.delete.ui-state-hover, .cms .ss-ui-button.ss-ui-action-destructive.delete:hover { background: white url('../images/btn_icons-saaa1989272.png') 5px -184px no-repeat; background: url('../images/btn_icons-saaa1989272.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-saaa1989272.png') 5px -185px no-repeat, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-saaa1989272.png') 5px -185px no-repeat, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-saaa1989272.png') 5px -185px no-repeat, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-saaa1989272.png') 5px -185px no-repeat, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-saaa1989272.png') 5px -185px no-repeat, linear-gradient(#ffffff, #e6e6e6); -moz-box-shadow: 0 0 5px #b3b3b3; -webkit-box-shadow: 0 0 5px #b3b3b3; -o-box-shadow: 0 0 5px #b3b3b3; box-shadow: 0 0 5px #b3b3b3; } +.cms .ss-ui-button.ss-ui-action-destructive.delete:active, .cms .ss-ui-button.ss-ui-action-destructive.delete:focus, .cms .ss-ui-button.ss-ui-action-destructive.delete.ui-state-active, .cms .ss-ui-button.ss-ui-action-destructive.delete.ui-state-focus { border: 1px solid #b3b3b3; background: white url('../images/btn_icons-saaa1989272.png') 5px -184px no-repeat; background: url('../images/btn_icons-saaa1989272.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-saaa1989272.png') 5px -185px no-repeat, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-saaa1989272.png') 5px -185px no-repeat, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-saaa1989272.png') 5px -185px no-repeat, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-saaa1989272.png') 5px -185px no-repeat, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-saaa1989272.png') 5px -185px no-repeat, linear-gradient(#ffffff, #e6e6e6); -moz-box-shadow: 0 0 5px #9a9a9a inset; -webkit-box-shadow: 0 0 5px #9a9a9a inset; -o-box-shadow: 0 0 5px #9a9a9a inset; box-shadow: 0 0 5px #9a9a9a inset; } +.cms .ss-ui-button.ss-ui-action-destructive.delete.ui-state-disabled { background-image: none; background: white url('../images/btn_icons-saaa1989272.png') 5px -211px no-repeat; background: url('../images/btn_icons-saaa1989272.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-saaa1989272.png') 5px -212px no-repeat, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-saaa1989272.png') 5px -212px no-repeat, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-saaa1989272.png') 5px -212px no-repeat, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-saaa1989272.png') 5px -212px no-repeat, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-saaa1989272.png') 5px -212px no-repeat, linear-gradient(#ffffff, #e6e6e6); } +.cms .ss-ui-button.ss-ui-action-destructive.unpublish { padding-left: 24px; padding-right: 6px; background: #e6e6e6 url('../images/btn_icons-saaa1989272.png') 5px -370px no-repeat; background: url('../images/btn_icons-saaa1989272.png') 5px -371px no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #d9d9d9)); background: url('../images/btn_icons-saaa1989272.png') 5px -371px no-repeat, -webkit-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-saaa1989272.png') 5px -371px no-repeat, -moz-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-saaa1989272.png') 5px -371px no-repeat, -o-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-saaa1989272.png') 5px -371px no-repeat, -ms-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-saaa1989272.png') 5px -371px no-repeat, linear-gradient(#ffffff, #d9d9d9); } +.cms .ss-ui-button.ss-ui-action-destructive.unpublish.ui-state-hover, .cms .ss-ui-button.ss-ui-action-destructive.unpublish:hover { background: white url('../images/btn_icons-saaa1989272.png') 5px -370px no-repeat; background: url('../images/btn_icons-saaa1989272.png') 5px -371px no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); background: url('../images/btn_icons-saaa1989272.png') 5px -371px no-repeat, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-saaa1989272.png') 5px -371px no-repeat, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-saaa1989272.png') 5px -371px no-repeat, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-saaa1989272.png') 5px -371px no-repeat, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-saaa1989272.png') 5px -371px no-repeat, linear-gradient(#ffffff, #e6e6e6); -moz-box-shadow: 0 0 5px #b3b3b3; -webkit-box-shadow: 0 0 5px #b3b3b3; -o-box-shadow: 0 0 5px #b3b3b3; box-shadow: 0 0 5px #b3b3b3; } +.cms .ss-ui-button.ss-ui-action-destructive.unpublish:active, .cms .ss-ui-button.ss-ui-action-destructive.unpublish:focus, .cms .ss-ui-button.ss-ui-action-destructive.unpublish.ui-state-active, .cms .ss-ui-button.ss-ui-action-destructive.unpublish.ui-state-focus { border: 1px solid #b3b3b3; background: white url('../images/btn_icons-saaa1989272.png') 5px -370px no-repeat; background: url('../images/btn_icons-saaa1989272.png') 5px -371px no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); background: url('../images/btn_icons-saaa1989272.png') 5px -371px no-repeat, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-saaa1989272.png') 5px -371px no-repeat, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-saaa1989272.png') 5px -371px no-repeat, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-saaa1989272.png') 5px -371px no-repeat, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-saaa1989272.png') 5px -371px no-repeat, linear-gradient(#ffffff, #e6e6e6); -moz-box-shadow: 0 0 5px #9a9a9a inset; -webkit-box-shadow: 0 0 5px #9a9a9a inset; -o-box-shadow: 0 0 5px #9a9a9a inset; box-shadow: 0 0 5px #9a9a9a inset; } +.cms .ss-ui-button.ss-ui-action-destructive.unpublish.ui-state-disabled { background-image: none; background: white url('../images/btn_icons-saaa1989272.png') 5px -398px no-repeat; background: url('../images/btn_icons-saaa1989272.png') 5px -399px no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); background: url('../images/btn_icons-saaa1989272.png') 5px -399px no-repeat, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-saaa1989272.png') 5px -399px no-repeat, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-saaa1989272.png') 5px -399px no-repeat, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-saaa1989272.png') 5px -399px no-repeat, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-saaa1989272.png') 5px -399px no-repeat, linear-gradient(#ffffff, #e6e6e6); } +.cms .ss-ui-button.save-draft { padding-left: 24px; padding-right: 6px; background: #e6e6e6 url('../images/btn_icons-saaa1989272.png') 5px -104px no-repeat; background: url('../images/btn_icons-saaa1989272.png') 5px -105px no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #d9d9d9)); background: url('../images/btn_icons-saaa1989272.png') 5px -105px no-repeat, -webkit-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-saaa1989272.png') 5px -105px no-repeat, -moz-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-saaa1989272.png') 5px -105px no-repeat, -o-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-saaa1989272.png') 5px -105px no-repeat, -ms-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-saaa1989272.png') 5px -105px no-repeat, linear-gradient(#ffffff, #d9d9d9); } +.cms .ss-ui-button.save-draft.ui-state-hover, .cms .ss-ui-button.save-draft:hover { background: white url('../images/btn_icons-saaa1989272.png') 5px -104px no-repeat; background: url('../images/btn_icons-saaa1989272.png') 5px -105px no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); background: url('../images/btn_icons-saaa1989272.png') 5px -105px no-repeat, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-saaa1989272.png') 5px -105px no-repeat, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-saaa1989272.png') 5px -105px no-repeat, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-saaa1989272.png') 5px -105px no-repeat, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-saaa1989272.png') 5px -105px no-repeat, linear-gradient(#ffffff, #e6e6e6); -moz-box-shadow: 0 0 5px #b3b3b3; -webkit-box-shadow: 0 0 5px #b3b3b3; -o-box-shadow: 0 0 5px #b3b3b3; box-shadow: 0 0 5px #b3b3b3; } +.cms .ss-ui-button.save-draft:active, .cms .ss-ui-button.save-draft:focus, .cms .ss-ui-button.save-draft.ui-state-active, .cms .ss-ui-button.save-draft.ui-state-focus { border: 1px solid #b3b3b3; background: white url('../images/btn_icons-saaa1989272.png') 5px -104px no-repeat; background: url('../images/btn_icons-saaa1989272.png') 5px -105px no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); background: url('../images/btn_icons-saaa1989272.png') 5px -105px no-repeat, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-saaa1989272.png') 5px -105px no-repeat, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-saaa1989272.png') 5px -105px no-repeat, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-saaa1989272.png') 5px -105px no-repeat, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-saaa1989272.png') 5px -105px no-repeat, linear-gradient(#ffffff, #e6e6e6); -moz-box-shadow: 0 0 5px #9a9a9a inset; -webkit-box-shadow: 0 0 5px #9a9a9a inset; -o-box-shadow: 0 0 5px #9a9a9a inset; box-shadow: 0 0 5px #9a9a9a inset; } +.cms .ss-ui-button.save-draft.ui-state-disabled { background-image: none; background: white url('../images/btn_icons-saaa1989272.png') 5px -132px no-repeat; background: url('../images/btn_icons-saaa1989272.png') 5px -133px no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); background: url('../images/btn_icons-saaa1989272.png') 5px -133px no-repeat, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-saaa1989272.png') 5px -133px no-repeat, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-saaa1989272.png') 5px -133px no-repeat, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-saaa1989272.png') 5px -133px no-repeat, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-saaa1989272.png') 5px -133px 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-saaa1989272.png') 5px -264px no-repeat; background: url('../images/btn_icons-saaa1989272.png') 5px -265px no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #d9d9d9)); background: url('../images/btn_icons-saaa1989272.png') 5px -265px no-repeat, -webkit-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-saaa1989272.png') 5px -265px no-repeat, -moz-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-saaa1989272.png') 5px -265px no-repeat, -o-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-saaa1989272.png') 5px -265px no-repeat, -ms-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-saaa1989272.png') 5px -265px no-repeat, linear-gradient(#ffffff, #d9d9d9); } +.cms .ss-ui-button.cms-preview-toggle-link.ui-state-hover, .cms .ss-ui-button.cms-preview-toggle-link:hover { background: white url('../images/btn_icons-saaa1989272.png') 5px -264px no-repeat; background: url('../images/btn_icons-saaa1989272.png') 5px -265px no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); background: url('../images/btn_icons-saaa1989272.png') 5px -265px no-repeat, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-saaa1989272.png') 5px -265px no-repeat, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-saaa1989272.png') 5px -265px no-repeat, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-saaa1989272.png') 5px -265px no-repeat, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-saaa1989272.png') 5px -265px no-repeat, linear-gradient(#ffffff, #e6e6e6); -moz-box-shadow: 0 0 5px #b3b3b3; -webkit-box-shadow: 0 0 5px #b3b3b3; -o-box-shadow: 0 0 5px #b3b3b3; box-shadow: 0 0 5px #b3b3b3; } +.cms .ss-ui-button.cms-preview-toggle-link:active, .cms .ss-ui-button.cms-preview-toggle-link:focus, .cms .ss-ui-button.cms-preview-toggle-link.ui-state-active, .cms .ss-ui-button.cms-preview-toggle-link.ui-state-focus { border: 1px solid #b3b3b3; background: white url('../images/btn_icons-saaa1989272.png') 5px -264px no-repeat; background: url('../images/btn_icons-saaa1989272.png') 5px -265px no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); background: url('../images/btn_icons-saaa1989272.png') 5px -265px no-repeat, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-saaa1989272.png') 5px -265px no-repeat, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-saaa1989272.png') 5px -265px no-repeat, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-saaa1989272.png') 5px -265px no-repeat, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-saaa1989272.png') 5px -265px no-repeat, linear-gradient(#ffffff, #e6e6e6); -moz-box-shadow: 0 0 5px #9a9a9a inset; -webkit-box-shadow: 0 0 5px #9a9a9a inset; -o-box-shadow: 0 0 5px #9a9a9a inset; box-shadow: 0 0 5px #9a9a9a inset; } +.cms .ss-ui-button.cms-preview-toggle-link.ui-state-disabled { background-image: none; background: white url('../images/btn_icons-saaa1989272.png') 5px -291px no-repeat; background: url('../images/btn_icons-saaa1989272.png') 5px -292px no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); background: url('../images/btn_icons-saaa1989272.png') 5px -292px no-repeat, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-saaa1989272.png') 5px -292px no-repeat, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-saaa1989272.png') 5px -292px no-repeat, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-saaa1989272.png') 5px -292px no-repeat, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-saaa1989272.png') 5px -292px no-repeat, linear-gradient(#ffffff, #e6e6e6); } .cms .ss-ui-button.ss-ui-button-small { padding: 4px 4px; } .cms .ss-ui-button.ui-state-highlight { background-color: #e6e6e6; border: 1px solid #708284; } .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; } @@ -238,7 +239,7 @@ body.cms { overflow: hidden; } .ss-loading-screen .loading-animation { display: none; position: absolute; left: 49%; top: 75%; } /** -------------------------------------------- Actions -------------------------------------------- */ -.cms-content-actions { margin: 8px 16px 16px 16px; text-align: right; height: 32px; z-index: 70; -moz-box-shadow: #f0f3f4 0 -16px 16px; -webkit-box-shadow: #f0f3f4 0 -16px 16px; -o-box-shadow: #f0f3f4 0 -16px 16px; box-shadow: #f0f3f4 0 -16px 16px; } +.cms-content-actions { margin: 8px 16px 16px 16px; height: 32px; z-index: 70; -moz-box-shadow: #f0f3f4 0 -16px 16px; -webkit-box-shadow: #f0f3f4 0 -16px 16px; -o-box-shadow: #f0f3f4 0 -16px 16px; box-shadow: #f0f3f4 0 -16px 16px; } /** -------------------------------------------- Messages -------------------------------------------- */ .message { margin: 0 0 8px 0; padding: 7px 7px; font-weight: bold; border: 1px black solid; } @@ -327,6 +328,7 @@ body.cms { overflow: hidden; } .cms-preview .cms-preview-controls .cms-preview-states { margin-right: 10px; } .cms-preview .cms-preview-controls .cms-preview-popup-link { display: inline-block; } .cms-preview .cms-preview-controls .cms-preview-toggle-link { float: right; } +.cms-preview .cms-preview-controls .cms-preview-toggle-link .ui-button-text { padding: 0; } .cms-preview-header { background-color: #FFBE66; padding: 10px; font-weight: bold; } diff --git a/admin/images/btn_icons-saaa1989272.png b/admin/images/btn_icons-saaa1989272.png new file mode 100644 index 0000000000000000000000000000000000000000..589c3d9076eccd67d481f469abb148321ef1df85 GIT binary patch literal 8987 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 BOxXYc literal 0 HcmV?d00001 diff --git a/admin/images/btn_icons/arrow-circle-135-left.png b/admin/images/btn_icons/arrow-circle-135-left.png new file mode 100755 index 0000000000000000000000000000000000000000..3cc332d06656105a2be5b5eed4e9f375c3f0d95b GIT binary patch literal 800 zcmV+*1K<3KP)x@i{#zXa*1(xO5wW=YRrU{y6!JceEXM~4mv$+hi-yl*g1IM<*9J6kWT|C;g zlW&0BFxcAmUZGUeWXhX{1>sH}3O^LMcBw1*av>)hrk%i4o^uJhJ|cDt=L)%cuO#h> zAHL+9KTGmk+p;pIra?!i51!7fWR8S*C>IszKOXEw&2`ec2D+w=#>2jWTBRYbZ0!n$ zu7AYsEUAh@Ie7GBDTBYC)0ypcwW&iaaH|DFRnL1E6BX5fe6d!-P0U+{0k&<^ zY^din^LSF(_2Oc8$Pdw=H-MVHmI1m270nDOmgAnWbR41y{x*TuJ7uC70ga*BG@(s1 z-O3JIP}S^CRc$C74;^74jQvgOO%?ksLPe55u2g7FlawP4aY@rMFf{GcW=<;0ybq2I zoan(B+{GD89^`<|6r&t*h)bG716_Zyxw<7;K>@ZP(3Tt@9!#8!Pvd$Q33R3y<%mOE z(vX(XT?pNN4%qjYCm47bowz#GG%@C95ca$NP}OXxYYqrJgWcKrWlL$?$9c@vQ@8dF z@V^gS{0wlX$H%yyp=ob_UyO;TB6cJiaLX+3Hk^&kvayzx?Cs?T_V-tFc5xM4?STPp zgDy~v#m{yz@$v{n`Ub({72OgnV*|?Bug=E1v{U?6#7GGtq1OCuK(z)A!2jb0TL=Zw eK&|~tfB^s%1(4~o_YP)RpX(gF%<-hsT33u0tE}|wXKJq?NulUy=lRVDD@B!=|RwgAA~|7P#aAt zy`&L?CaE#WZZ^B?ypUqEZoz>c?}Pu$o0<0>5s5^QnNbvl5eR}9fMpxN0VN=#>v}>} z)jWV`bg*^W?EJ;^qmkY-gXenML}zPNmUHoV{Og-nFT0AnxwoL%ro3J+f{0Ck37pe4 zHgS74*nRSp-+ja>(j-B%4CC;0ba-03`W(r`Dk)3lZ4#$pq*kj92Eq}aLpbaaIF=;| zMC_%7=k627dWJ7w>%%&_TCJL;-|qDfx$z{EuSgi9z&CKVb9w1eJFO^+SpeQ*wYI2Q zy&Tkg-03t5(zyx)zWhNMlr=>vBI*!t=3FmDtro$zOvuVo(u#OZ20r5PK91aJv+wF+sIK;B-X6*S=nyLL(s;bs}GD%RoKfh-mFD@iYrP3;C zj1Jf6VHjro-krPiQ#Y^1S7I+xx+0aWEM*~7xv~;l{&Ic%%7=~5>#rqA`ay)lVWer= z9zL6mo0y)y{~#K@HJ{JtovFmNzC<|rf+!x1%*@QqMWZ(! zg7Z_@-UK$xnh0+IWwTj?LZJ`}27_ahlT!|0}viUZ(2v@}M& ifo6hg80)$}0t^7#XCuWh+DDfF0000's in */ } -.cms table.ss-gridfield.field tr th span { display: block; position: relative; left: 20px; top: -7px; width: 100%; } +.cms table.ss-gridfield.field tr.even { background: #f0f4f7; } +.cms table.ss-gridfield.field tr th { font-weight: bold; font-size: 12px; color: #FFF; padding: 5px; border-right: 1px solid rgba(0, 0, 0, 0.1); } +.cms table.ss-gridfield.field tr th.main:first-child { -moz-border-radius-topleft: 7px; -webkit-border-top-left-radius: 7px; -o-border-top-left-radius: 7px; -ms-border-top-left-radius: 7px; -khtml-border-top-left-radius: 7px; border-top-left-radius: 7px; } +.cms table.ss-gridfield.field tr th.main:last-child { -moz-border-radius-topright: 7px; -webkit-border-top-right-radius: 7px; -o-border-top-right-radius: 7px; -ms-border-top-right-radius: 7px; -khtml-border-top-right-radius: 7px; border-top-right-radius: 7px; } .cms table.ss-gridfield.field tr th div.fieldgroup, .cms table.ss-gridfield.field tr th div.fieldgroup-field { width: auto; } .cms table.ss-gridfield.field tr th div.fieldgroup { min-width: 200px; } .cms table.ss-gridfield.field tr th.extra, .cms table.ss-gridfield.field tr th.action { background: #7f9198; padding: 0; cursor: default; } .cms table.ss-gridfield.field tr th.extra button.ss-ui-button, .cms table.ss-gridfield.field tr th.extra button:hover.ss-ui-button, .cms table.ss-gridfield.field tr th.action button.ss-ui-button, .cms table.ss-gridfield.field tr th.action button:hover.ss-ui-button { margin-left: .9em; color: #222; } -.cms table.ss-gridfield.field tr th.extra { text-align: center; background: #b1c0c5; background: -moz-linear-gradient(#b1c0c5 20%, #7f9198); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #b1c0c5), color-stop(80%, #7f9198)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #b1c0c5 20%, #7f9198 80%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #b1c0c5 20%, #7f9198 80%); /* Opera 11.10+ */ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#b1c0c5', endColorstr='#7f9198'); /* IE5.5+ */ background: -ms-linear-gradient(top, #b1c0c5 20%, #7f9198 80%); /* IE10+ */ background: linear-gradient(top, #b1c0c5 20%, #7f9198 80%); /* W3C */ } +.cms table.ss-gridfield.field tr th.main { border-top: 1px solid rgba(0, 0, 0, 0.1); color: #fff; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b1c0c5), color-stop(100%, #7f9198)); background-image: -webkit-linear-gradient(#b1c0c5, #7f9198); background-image: -moz-linear-gradient(#b1c0c5, #7f9198); background-image: -o-linear-gradient(#b1c0c5, #7f9198); background-image: -ms-linear-gradient(#b1c0c5, #7f9198); background-image: linear-gradient(#b1c0c5, #7f9198); } +.cms table.ss-gridfield.field tr th.main span { text-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0; } +.cms table.ss-gridfield.field tr th.extra { background: #bac8ce; padding: 5px; border-top: rgba(0, 0, 0, 0.3); } .cms table.ss-gridfield.field tr th.extra span { width: auto; display: inline; position: static; } .cms table.ss-gridfield.field tr th.action { border-right: 0; } .cms table.ss-gridfield.field tr th.first { -moz-border-radius-topleft: 7px; -webkit-border-top-left-radius: 7px; -o-border-top-left-radius: 7px; -ms-border-top-left-radius: 7px; -khtml-border-top-left-radius: 7px; border-top-left-radius: 7px; } .cms table.ss-gridfield.field tr th.last { -moz-border-radius-topright: 7px; -webkit-border-top-right-radius: 7px; -o-border-top-right-radius: 7px; -ms-border-top-right-radius: 7px; -khtml-border-top-right-radius: 7px; border-top-right-radius: 7px; } -.cms table.ss-gridfield.field tr th button, .cms table.ss-gridfield.field tr th button:hover { font-size: 12px; margin-left: -0.9em; border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } -.cms table.ss-gridfield.field tr th button.ss-gridfield-sort, .cms table.ss-gridfield.field tr th button:hover.ss-gridfield-sort { text-align: left; padding: 0; color: #FFF; min-width: 100px; background: transparent; border: 0 none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; } -.cms table.ss-gridfield.field tr th button:hover { color: #CCC !important; /* Not sure why IE think it needs this */ } -.cms table.ss-gridfield.field tr th.extra button.ss-ui-button { padding: .3em; line-height: 1; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; position: relative; top: -24px; border: #b1c0c5 solid 10px; border-bottom-width: 0; } -.cms table.ss-gridfield.field tr th input.ss-gridfield-sort { position: relative; top: -24px; padding: 2px; width: 65%; margin: 0 auto; border: #b1c0c5 solid 10px; border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } +.cms table.ss-gridfield.field tr th button:hover { color: #ccc !important; /* Not sure why IE think it needs this */ } +.cms table.ss-gridfield.field tr th button.ss-gridfield-sort:hover { color: #fff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } +.cms table.ss-gridfield.field tr th button.ss-gridfield-sort { background: transparent url(../images/arrows-01.png) no-repeat right 2px; border: none; width: 100%; text-align: left; padding: 4px 0; text-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0; color: #fff; } +.cms table.ss-gridfield.field tr th.extra button.ss-ui-button { padding: .3em; line-height: 1; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; position: relative; border-bottom-width: 0; } +.cms table.ss-gridfield.field tr th input.ss-gridfield-sort { padding: 2px; } .cms table.ss-gridfield.field tr th input.ss-gridfield-sort:focus { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } -.cms table.ss-gridfield.field tr td { border-right: 1px solid #dbdddd; border-bottom: 1px solid #dbdddd; padding: 10px; } -.cms table.ss-gridfield.field tr td.bottom-all { -moz-border-radius-bottomleft: 7px; -webkit-border-bottom-left-radius: 7px; -o-border-bottom-left-radius: 7px; -ms-border-bottom-left-radius: 7px; -khtml-border-bottom-left-radius: 7px; border-bottom-left-radius: 7px; -moz-border-radius-bottomright: 7px; -webkit-border-bottom-right-radius: 7px; -o-border-bottom-right-radius: 7px; -ms-border-bottom-right-radius: 7px; -khtml-border-bottom-right-radius: 7px; border-bottom-right-radius: 7px; background: #7f9198; background: -moz-linear-gradient(#7f9198 20%, #b1c0c5); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #7f9198), color-stop(80%, #b1c0c5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #7f9198 20%, #b1c0c5 80%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #7f9198 20%, #b1c0c5 80%); /* Opera 11.10+ */ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7f9198', endColorstr='#b1c0c5'); /* IE5.5+ */ background: -ms-linear-gradient(top, #7f9198 20%, #7f9198 80%); /* IE10+ */ background: linear-gradient(top, #7f9198 20%, #b1c0c5 80%); /* W3C */ } +.cms table.ss-gridfield.field tr td { border-right: 1px solid rgba(0, 0, 0, 0.1); padding: 7px 12px; color: #666666; } +.cms table.ss-gridfield.field tr td.bottom-all { -moz-border-radius-bottomleft: 7px; -webkit-border-bottom-left-radius: 7px; -o-border-bottom-left-radius: 7px; -ms-border-bottom-left-radius: 7px; -khtml-border-bottom-left-radius: 7px; border-bottom-left-radius: 7px; -moz-border-radius-bottomright: 7px; -webkit-border-bottom-right-radius: 7px; -o-border-bottom-right-radius: 7px; -ms-border-bottom-right-radius: 7px; -khtml-border-bottom-right-radius: 7px; border-bottom-right-radius: 7px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b1c0c5), color-stop(100%, #7f9198)); background-image: -webkit-linear-gradient(#b1c0c5, #7f9198); background-image: -moz-linear-gradient(#b1c0c5, #7f9198); background-image: -o-linear-gradient(#b1c0c5, #7f9198); background-image: -ms-linear-gradient(#b1c0c5, #7f9198); background-image: linear-gradient(#b1c0c5, #7f9198); } .cms table.ss-gridfield.field tr.last td { border-bottom: 0 none; } +.cms table.ss-gridfield.field td:first-child, .cms table.ss-gridfield.field th:first-child { border-left: 1px solid rgba(0, 0, 0, 0.1); } diff --git a/filesystem/Folder.php b/filesystem/Folder.php index 323b2854c..87a86aa64 100644 --- a/filesystem/Folder.php +++ b/filesystem/Folder.php @@ -399,9 +399,9 @@ class Folder extends File { */ function getCMSFields() { $config = GridFieldConfig::create(); + $config->addComponent(new GridFieldSortableHeader()); $config->addComponent(new GridFieldFilter()); $config->addComponent(new GridFieldDefaultColumns()); - $config->addComponent(new GridFieldSortableHeader()); $config->addComponent(new GridFieldPaginator(10)); $config->addComponent(new GridFieldAction_Delete()); $config->addComponent(new GridFieldAction_Edit()); diff --git a/images/arrows-01.png b/images/arrows-01.png new file mode 100644 index 0000000000000000000000000000000000000000..ce51b8673153af684a4c04a35cd7a5b58dac07db GIT binary patch literal 439 zcmV;o0Z9IdP)o6)m{?h z?LG-^6;M-uMW|v#z6Meo&=fI1Q~Ux9t4HH{ zRN+ujNO~C#1OdTuL>UscG%z%^&6F?aY!;L_}13;<}%1wY}RcwVl7y}FY hfYG9vB!vJ01_1b<@&Wr{l&Js!002ovPDHLkV1n&}p*#Qp literal 0 HcmV?d00001 diff --git a/scss/GridField.scss b/scss/GridField.scss index c09d297a2..dbb0afc88 100644 --- a/scss/GridField.scss +++ b/scss/GridField.scss @@ -8,42 +8,28 @@ */ @import "compass/css3"; +@import "compass/css3/images"; +@import "compass/css3/text-shadow"; +@import "compass/css3/border-radius"; $gf_colour_gradient_light: #B1C0C5; $gf_colour_gradient_dark: #7F9198; $gf_colour_base: #95a5ab; $gf_colour_header_border: #819198; -$gf_colour_border: #DBDDDD; -$gf_colour_zebra: #f2f9fd; +$gf_colour_subheader: #BAC8CE; +$gf_colour_border: rgba(0,0,0,.1); +$gf_colour_zebra: #F0F4F7; +$gf_colour_font: #666; +$gf_colour_text_shadow: rgba(0,0,0,.3); $gf_border_radius: 7px; + @mixin box-shadow-none { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } -@mixin gridfield-gradient-top { - background: $gf_colour_gradient_light; - background: -moz-linear-gradient($gf_colour_gradient_light 20%, $gf_colour_gradient_dark); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,$gf_colour_gradient_light), color-stop(80%,$gf_colour_gradient_dark)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, $gf_colour_gradient_light 20%,$gf_colour_gradient_dark 80%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, $gf_colour_gradient_light 20%,$gf_colour_gradient_dark 80%); /* Opera 11.10+ */ - filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#{$gf_colour_gradient_light}', endColorstr='#{$gf_colour_gradient_dark}'); /* IE5.5+ */ - background: -ms-linear-gradient(top, $gf_colour_gradient_light 20%,$gf_colour_gradient_dark 80%); /* IE10+ */ - background: linear-gradient(top, $gf_colour_gradient_light 20%,$gf_colour_gradient_dark 80%); /* W3C */ -} -@mixin gridfield-gradient-bottom { - background: $gf_colour_gradient_dark; - background: -moz-linear-gradient($gf_colour_gradient_dark 20%, $gf_colour_gradient_light); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,$gf_colour_gradient_dark), color-stop(80%,$gf_colour_gradient_light)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, $gf_colour_gradient_dark 20%,$gf_colour_gradient_light 80%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, $gf_colour_gradient_dark 20%,$gf_colour_gradient_light 80%); /* Opera 11.10+ */ - filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#{$gf_colour_gradient_dark}', endColorstr='#{$gf_colour_gradient_light}'); /* IE5.5+ */ - background: -ms-linear-gradient(top, $gf_colour_gradient_dark 20%,$gf_colour_gradient_dark 80%); /* IE10+ */ - background: linear-gradient(top, $gf_colour_gradient_dark 20%,$gf_colour_gradient_light 80%); /* W3C */ -} - .cms { fieldset.ss-gridfield>div { margin-bottom: 35px; @@ -81,6 +67,7 @@ $gf_border_radius: 7px; td { background: $gf_colour_base; padding: .7em; + border-bottom: 1px solid rgba(0,0,0,.1); } } } @@ -104,22 +91,21 @@ $gf_border_radius: 7px; border-bottom: none; } } + &.even { + background: $gf_colour_zebra; + } + th { font-weight: bold; font-size: 12px; color: #FFF; - padding: 0; - border-right: 1px solid #85959C; - height: 20px; - white-space: nowrap; - - /* Makes it appear as though the text sits over the boundary of the two 's in */ - span { - display: block; - position: relative; - left: 20px; - top: -7px; - width: 100%; + padding: 5px; + border-right: 1px solid $gf_colour_border; + &.main:first-child{ + @include border-top-left-radius($gf_border_radius); + } + &.main:last-child{ + @include border-top-right-radius($gf_border_radius); } div { &.fieldgroup,&.fieldgroup-field { @@ -127,6 +113,7 @@ $gf_border_radius: 7px; } &.fieldgroup { min-width: 200px; + padding-right:0; } } &.extra,&.action { @@ -140,14 +127,32 @@ $gf_border_radius: 7px; } } } + &.main{ + border-top: 1px solid $gf_colour_border; + color:#fff; + @include background-image(linear-gradient($gf_colour_gradient_light, $gf_colour_gradient_dark)); + span{ + @include single-text-shadow($gf_colour_text_shadow, 0px, -1px, 0); + } + + } &.extra { - text-align: center; - @include gridfield-gradient-top; + background: $gf_colour_subheader; + padding: 5px; + border-top: $gf_colour_text_shadow; span { width: auto; display: inline; position: static; } + button.ss-ui-button { + padding: .3em; + line-height: 1; + @include box-shadow-none; + position: relative; + border-bottom-width: 0; + @include border-radius(2px, 2px); + } } &.action { border-right: 0; @@ -158,48 +163,29 @@ $gf_border_radius: 7px; &.last { @include border-top-right-radius($gf_border_radius); } - button,button:hover { - font-size: 12px; - margin-left: -.9em; - border-bottom: 0; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - &.ss-gridfield-sort { - text-align: left; - padding: 0; - color: #FFF; - min-width: 100px; - background: transparent; - border: 0 none; - @include box-shadow-none; - text-shadow: none; - } - } + button { &:hover { - color: #CCC !important; /* Not sure why IE think it needs this */ - } + color: #ccc !important; /* Not sure why IE think it needs this */ + } + &.ss-gridfield-sort:hover { + color: #fff !important; + @include box-shadow-none; + } + &.ss-gridfield-sort { + background: transparent url(../images/arrows-01.png) no-repeat right 2px; + border:none; + width:100%; + text-align: left; + padding: 4px 0; + @include single-text-shadow($gf_colour_text_shadow, 0px, -1px, 0); + color: #fff; + @include border-bradius(0); + } } - &.extra button.ss-ui-button { - padding: .3em; - line-height: 1; - @include box-shadow-none; - position: relative; - top: -24px; - border: $gf_colour_gradient_light solid 10px; - border-bottom-width: 0; - } input { &.ss-gridfield-sort { - position: relative; - top: -24px; padding: 2px; - width: 65%; - margin: 0 auto; - border: $gf_colour_gradient_light solid 10px; - border-bottom: 0; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; &:focus { @include box-shadow-none; } @@ -208,16 +194,19 @@ $gf_border_radius: 7px; } td { border-right: 1px solid $gf_colour_border; - border-bottom: 1px solid $gf_colour_border; - padding: 10px; + padding: 7px 12px; + color: $gf_colour_font; &.bottom-all { @include border-bottom-radius($gf_border_radius); - @include gridfield-gradient-bottom; + @include background-image(linear-gradient($gf_colour_gradient_light, $gf_colour_gradient_dark)); } } &.last td { border-bottom: 0 none; } } + td:first-child, th:first-child{ + border-left: 1px solid $gf_colour_border; + } } } \ No newline at end of file diff --git a/templates/Includes/GridFieldFilter_Row.ss b/templates/Includes/GridFieldFilter_Row.ss index 7bb481e6a..b70912f62 100644 --- a/templates/Includes/GridFieldFilter_Row.ss +++ b/templates/Includes/GridFieldFilter_Row.ss @@ -1,5 +1,5 @@ <% control Fields %> - $Field + $Field <% end_control %> \ No newline at end of file