From 28e43bdc8880704364b76c09b7b008a4132a8abf Mon Sep 17 00:00:00 2001 From: Naomi Guyer Date: Tue, 22 May 2012 18:18:31 +1200 Subject: [PATCH] ENHANCEMENT: File/Image UI fixes * Replaced cancel/delete button in files area * Consolidated Image upload styles with AssetUpload styles * Changed name of step 2 in image upload * Made image editing hidden by default, so multiple files can be seen, and added ability top open and close * Tweaked styles in on page upload field (status colour and file name width) --- admin/css/screen.css | 238 +++++++++--------- admin/images/btn-icon-s734caa4881.png | Bin 0 -> 20322 bytes admin/scss/_style.scss | 60 +---- css/AssetUploadField.css | 62 +++-- css/GridField.css | 39 +-- forms/HtmlEditorField.php | 20 +- javascript/HtmlEditorField.js | 86 +++++-- javascript/UploadField.js | 1 - javascript/UploadField_uploadtemplate.js | 2 +- scss/AssetUploadField.scss | 81 +++--- scss/GridField.scss | 2 +- scss/_elementMixins.scss | 36 +++ .../Includes/HtmlEditorField_viewfile.ss | 42 +++- 13 files changed, 355 insertions(+), 314 deletions(-) create mode 100644 admin/images/btn-icon-s734caa4881.png diff --git a/admin/css/screen.css b/admin/css/screen.css index fe9abf5dc..8b319ae17 100644 --- a/admin/css/screen.css +++ b/admin/css/screen.css @@ -31,73 +31,75 @@ If more variables exist in the future, consider creating a variables file.*/ /** ----------------------------- Custom mixins ------------------------------ */ /** ----------------------------- Sprite images ----------------------------- */ /** Helper SCSS file for generating sprites for the interface. */ -.btn-icon-sprite, .ui-state-default .btn-icon-accept, .ui-widget-content .btn-icon-accept, .ui-state-default .btn-icon-accept_disabled, .ui-widget-content .btn-icon-accept_disabled, .ui-state-default .btn-icon-add, .ui-widget-content .btn-icon-add, .ui-state-default .btn-icon-add_disabled, .ui-widget-content .btn-icon-add_disabled, .ui-state-default .btn-icon-addpage, .ui-widget-content .btn-icon-addpage, .ui-state-default .btn-icon-addpage_disabled, .ui-widget-content .btn-icon-addpage_disabled, .ui-state-default .btn-icon-arrow-circle-135-left, .ui-widget-content .btn-icon-arrow-circle-135-left, .ui-state-default .btn-icon-arrow-circle-double, .ui-widget-content .btn-icon-arrow-circle-double, .ui-state-default .btn-icon-back, .ui-widget-content .btn-icon-back, .ui-state-default .btn-icon-back_disabled, .ui-widget-content .btn-icon-back_disabled, .ui-state-default .btn-icon-chain--arrow, .ui-widget-content .btn-icon-chain--arrow, .ui-state-default .btn-icon-chain--exclamation, .ui-widget-content .btn-icon-chain--exclamation, .ui-state-default .btn-icon-chain--minus, .ui-widget-content .btn-icon-chain--minus, .ui-state-default .btn-icon-chain--pencil, .ui-widget-content .btn-icon-chain--pencil, .ui-state-default .btn-icon-chain--plus, .ui-widget-content .btn-icon-chain--plus, .ui-state-default .btn-icon-chain-small, .ui-widget-content .btn-icon-chain-small, .ui-state-default .btn-icon-chain-unchain, .ui-widget-content .btn-icon-chain-unchain, .ui-state-default .btn-icon-chain, .ui-widget-content .btn-icon-chain, .ui-state-default .btn-icon-cross-circle, .ui-widget-content .btn-icon-cross-circle, .ui-state-default .btn-icon-cross-circle_disabled, .ui-widget-content .btn-icon-cross-circle_disabled, .ui-state-default .btn-icon-cross, .ui-widget-content .btn-icon-cross, .ui-state-default .btn-icon-decline, .ui-widget-content .btn-icon-decline, .ui-state-default .btn-icon-decline_disabled, .ui-widget-content .btn-icon-decline_disabled, .ui-state-default .btn-icon-document--pencil, .ui-widget-content .btn-icon-document--pencil, .ui-state-default .btn-icon-download-csv, .ui-widget-content .btn-icon-download-csv, .ui-state-default .btn-icon-drive-upload, .ui-widget-content .btn-icon-drive-upload, .ui-state-default .btn-icon-drive-upload_disabled, .ui-widget-content .btn-icon-drive-upload_disabled, .ui-state-default .btn-icon-grid_print, .ui-widget-content .btn-icon-grid_print, .ui-state-default .btn-icon-magnifier, .ui-widget-content .btn-icon-magnifier, .ui-state-default .btn-icon-minus-circle, .ui-widget-content .btn-icon-minus-circle, .ui-state-default .btn-icon-minus-circle_disabled, .ui-widget-content .btn-icon-minus-circle_disabled, .ui-state-default .btn-icon-navigation, .ui-widget-content .btn-icon-navigation, .ui-state-default .btn-icon-navigation_disabled, .ui-widget-content .btn-icon-navigation_disabled, .ui-state-default .btn-icon-network-cloud, .ui-widget-content .btn-icon-network-cloud, .ui-state-default .btn-icon-network-cloud_disabled, .ui-widget-content .btn-icon-network-cloud_disabled, .ui-state-default .btn-icon-pencil, .ui-widget-content .btn-icon-pencil, .ui-state-default .btn-icon-pencil_disabled, .ui-widget-content .btn-icon-pencil_disabled, .ui-state-default .btn-icon-plug-disconnect-prohibition, .ui-widget-content .btn-icon-plug-disconnect-prohibition, .ui-state-default .btn-icon-plug-disconnect-prohibition_disabled, .ui-widget-content .btn-icon-plug-disconnect-prohibition_disabled, .ui-state-default .btn-icon-preview, .ui-widget-content .btn-icon-preview, .ui-state-default .btn-icon-preview_disabled, .ui-widget-content .btn-icon-preview_disabled, .ui-state-default .btn-icon-settings, .ui-widget-content .btn-icon-settings, .ui-state-default .btn-icon-settings_disabled, .ui-widget-content .btn-icon-settings_disabled, .ui-state-default .btn-icon-unpublish, .ui-widget-content .btn-icon-unpublish, .ui-state-default .btn-icon-unpublish_disabled, .ui-widget-content .btn-icon-unpublish_disabled { background: url('../images/btn-icon-sf47938c650.png') no-repeat; } +.btn-icon-sprite, .ui-state-default .btn-icon-accept, .ui-widget-content .btn-icon-accept, .ui-state-default .btn-icon-accept_disabled, .ui-widget-content .btn-icon-accept_disabled, .ui-state-default .btn-icon-add, .ui-widget-content .btn-icon-add, .ui-state-default .btn-icon-add_disabled, .ui-widget-content .btn-icon-add_disabled, .ui-state-default .btn-icon-addpage, .ui-widget-content .btn-icon-addpage, .ui-state-default .btn-icon-addpage_disabled, .ui-widget-content .btn-icon-addpage_disabled, .ui-state-default .btn-icon-arrow-circle-135-left, .ui-widget-content .btn-icon-arrow-circle-135-left, .ui-state-default .btn-icon-arrow-circle-double, .ui-widget-content .btn-icon-arrow-circle-double, .ui-state-default .btn-icon-back, .ui-widget-content .btn-icon-back, .ui-state-default .btn-icon-back_disabled, .ui-widget-content .btn-icon-back_disabled, .ui-state-default .btn-icon-chain--arrow, .ui-widget-content .btn-icon-chain--arrow, .ui-state-default .btn-icon-chain--exclamation, .ui-widget-content .btn-icon-chain--exclamation, .ui-state-default .btn-icon-chain--minus, .ui-widget-content .btn-icon-chain--minus, .ui-state-default .btn-icon-chain--pencil, .ui-widget-content .btn-icon-chain--pencil, .ui-state-default .btn-icon-chain--plus, .ui-widget-content .btn-icon-chain--plus, .ui-state-default .btn-icon-chain-small, .ui-widget-content .btn-icon-chain-small, .ui-state-default .btn-icon-chain-unchain, .ui-widget-content .btn-icon-chain-unchain, .ui-state-default .btn-icon-chain, .ui-widget-content .btn-icon-chain, .ui-state-default .btn-icon-cross-circle, .ui-widget-content .btn-icon-cross-circle, .ui-state-default .btn-icon-cross-circle_disabled, .ui-widget-content .btn-icon-cross-circle_disabled, .ui-state-default .btn-icon-cross, .ui-widget-content .btn-icon-cross, .ui-state-default .btn-icon-decline, .ui-widget-content .btn-icon-decline, .ui-state-default .btn-icon-decline_disabled, .ui-widget-content .btn-icon-decline_disabled, .ui-state-default .btn-icon-delete, .ui-widget-content .btn-icon-delete, .ui-state-default .btn-icon-deleteLight, .ui-widget-content .btn-icon-deleteLight, .ui-state-default .btn-icon-document--pencil, .ui-widget-content .btn-icon-document--pencil, .ui-state-default .btn-icon-download-csv, .ui-widget-content .btn-icon-download-csv, .ui-state-default .btn-icon-drive-upload, .ui-widget-content .btn-icon-drive-upload, .ui-state-default .btn-icon-drive-upload_disabled, .ui-widget-content .btn-icon-drive-upload_disabled, .ui-state-default .btn-icon-grid_print, .ui-widget-content .btn-icon-grid_print, .ui-state-default .btn-icon-magnifier, .ui-widget-content .btn-icon-magnifier, .ui-state-default .btn-icon-minus-circle, .ui-widget-content .btn-icon-minus-circle, .ui-state-default .btn-icon-minus-circle_disabled, .ui-widget-content .btn-icon-minus-circle_disabled, .ui-state-default .btn-icon-navigation, .ui-widget-content .btn-icon-navigation, .ui-state-default .btn-icon-navigation_disabled, .ui-widget-content .btn-icon-navigation_disabled, .ui-state-default .btn-icon-network-cloud, .ui-widget-content .btn-icon-network-cloud, .ui-state-default .btn-icon-network-cloud_disabled, .ui-widget-content .btn-icon-network-cloud_disabled, .ui-state-default .btn-icon-pencil, .ui-widget-content .btn-icon-pencil, .ui-state-default .btn-icon-pencil_disabled, .ui-widget-content .btn-icon-pencil_disabled, .ui-state-default .btn-icon-plug-disconnect-prohibition, .ui-widget-content .btn-icon-plug-disconnect-prohibition, .ui-state-default .btn-icon-plug-disconnect-prohibition_disabled, .ui-widget-content .btn-icon-plug-disconnect-prohibition_disabled, .ui-state-default .btn-icon-preview, .ui-widget-content .btn-icon-preview, .ui-state-default .btn-icon-preview_disabled, .ui-widget-content .btn-icon-preview_disabled, .ui-state-default .btn-icon-settings, .ui-widget-content .btn-icon-settings, .ui-state-default .btn-icon-settings_disabled, .ui-widget-content .btn-icon-settings_disabled, .ui-state-default .btn-icon-unpublish, .ui-widget-content .btn-icon-unpublish, .ui-state-default .btn-icon-unpublish_disabled, .ui-widget-content .btn-icon-unpublish_disabled { background: url('../images/btn-icon-s734caa4881.png') no-repeat; } -.ui-state-default .btn-icon-accept, .ui-widget-content .btn-icon-accept { background-position: 0 -96px; } -.ui-state-default .btn-icon-accept_disabled, .ui-widget-content .btn-icon-accept_disabled { background-position: 0 -80px; } -.ui-state-default .btn-icon-add, .ui-widget-content .btn-icon-add { background-position: 0 0; } -.ui-state-default .btn-icon-add_disabled, .ui-widget-content .btn-icon-add_disabled { background-position: 0 -32px; } -.ui-state-default .btn-icon-addpage, .ui-widget-content .btn-icon-addpage { background-position: 0 -144px; } -.ui-state-default .btn-icon-addpage_disabled, .ui-widget-content .btn-icon-addpage_disabled { background-position: 0 -431px; } -.ui-state-default .btn-icon-arrow-circle-135-left, .ui-widget-content .btn-icon-arrow-circle-135-left { background-position: 0 -303px; } -.ui-state-default .btn-icon-arrow-circle-double, .ui-widget-content .btn-icon-arrow-circle-double { background-position: 0 -287px; } -.ui-state-default .btn-icon-back, .ui-widget-content .btn-icon-back { background-position: 0 -319px; } -.ui-state-default .btn-icon-back_disabled, .ui-widget-content .btn-icon-back_disabled { background-position: 0 -16px; } -.ui-state-default .btn-icon-chain--arrow, .ui-widget-content .btn-icon-chain--arrow { background-position: 0 -655px; } -.ui-state-default .btn-icon-chain--exclamation, .ui-widget-content .btn-icon-chain--exclamation { background-position: 0 -447px; } -.ui-state-default .btn-icon-chain--minus, .ui-widget-content .btn-icon-chain--minus { background-position: 0 -671px; } -.ui-state-default .btn-icon-chain--pencil, .ui-widget-content .btn-icon-chain--pencil { background-position: 0 -607px; } -.ui-state-default .btn-icon-chain--plus, .ui-widget-content .btn-icon-chain--plus { background-position: 0 -639px; } -.ui-state-default .btn-icon-chain-small, .ui-widget-content .btn-icon-chain-small { background-position: 0 -703px; } -.ui-state-default .btn-icon-chain-unchain, .ui-widget-content .btn-icon-chain-unchain { background-position: 0 -415px; } -.ui-state-default .btn-icon-chain, .ui-widget-content .btn-icon-chain { background-position: 0 -687px; } -.ui-state-default .btn-icon-cross-circle, .ui-widget-content .btn-icon-cross-circle { background-position: 0 -399px; } -.ui-state-default .btn-icon-cross-circle_disabled, .ui-widget-content .btn-icon-cross-circle_disabled { background-position: 0 -495px; } -.ui-state-default .btn-icon-cross, .ui-widget-content .btn-icon-cross { background-position: 0 -256px; } -.ui-state-default .btn-icon-decline, .ui-widget-content .btn-icon-decline { background-position: 0 -128px; } -.ui-state-default .btn-icon-decline_disabled, .ui-widget-content .btn-icon-decline_disabled { background-position: 0 -192px; } -.ui-state-default .btn-icon-document--pencil, .ui-widget-content .btn-icon-document--pencil { background-position: 0 -479px; } -.ui-state-default .btn-icon-download-csv, .ui-widget-content .btn-icon-download-csv { background-position: 0 -48px; } -.ui-state-default .btn-icon-drive-upload, .ui-widget-content .btn-icon-drive-upload { background-position: 0 -367px; } -.ui-state-default .btn-icon-drive-upload_disabled, .ui-widget-content .btn-icon-drive-upload_disabled { background-position: 0 -511px; } -.ui-state-default .btn-icon-grid_print, .ui-widget-content .btn-icon-grid_print { background-position: 0 -240px; } -.ui-state-default .btn-icon-magnifier, .ui-widget-content .btn-icon-magnifier { background-position: 0 -463px; } -.ui-state-default .btn-icon-minus-circle, .ui-widget-content .btn-icon-minus-circle { background-position: 0 -559px; } -.ui-state-default .btn-icon-minus-circle_disabled, .ui-widget-content .btn-icon-minus-circle_disabled { background-position: 0 -575px; } -.ui-state-default .btn-icon-navigation, .ui-widget-content .btn-icon-navigation { background-position: 0 -335px; } -.ui-state-default .btn-icon-navigation_disabled, .ui-widget-content .btn-icon-navigation_disabled { background-position: 0 -383px; } -.ui-state-default .btn-icon-network-cloud, .ui-widget-content .btn-icon-network-cloud { background-position: 0 -543px; } -.ui-state-default .btn-icon-network-cloud_disabled, .ui-widget-content .btn-icon-network-cloud_disabled { background-position: 0 -623px; } -.ui-state-default .btn-icon-pencil, .ui-widget-content .btn-icon-pencil { background-position: 0 -208px; } -.ui-state-default .btn-icon-pencil_disabled, .ui-widget-content .btn-icon-pencil_disabled { background-position: 0 -527px; } -.ui-state-default .btn-icon-plug-disconnect-prohibition, .ui-widget-content .btn-icon-plug-disconnect-prohibition { background-position: 0 -224px; } -.ui-state-default .btn-icon-plug-disconnect-prohibition_disabled, .ui-widget-content .btn-icon-plug-disconnect-prohibition_disabled { background-position: 0 -591px; } -.ui-state-default .btn-icon-preview, .ui-widget-content .btn-icon-preview { background-position: 0 -64px; } -.ui-state-default .btn-icon-preview_disabled, .ui-widget-content .btn-icon-preview_disabled { background-position: 0 -160px; } -.ui-state-default .btn-icon-settings, .ui-widget-content .btn-icon-settings { background-position: 0 -271px; } -.ui-state-default .btn-icon-settings_disabled, .ui-widget-content .btn-icon-settings_disabled { background-position: 0 -351px; } -.ui-state-default .btn-icon-unpublish, .ui-widget-content .btn-icon-unpublish { background-position: 0 -112px; } -.ui-state-default .btn-icon-unpublish_disabled, .ui-widget-content .btn-icon-unpublish_disabled { background-position: 0 -176px; } +.ui-state-default .btn-icon-accept, .ui-widget-content .btn-icon-accept { background-position: 0 0; } +.ui-state-default .btn-icon-accept_disabled, .ui-widget-content .btn-icon-accept_disabled { background-position: 0 -16px; } +.ui-state-default .btn-icon-add, .ui-widget-content .btn-icon-add { background-position: 0 -32px; } +.ui-state-default .btn-icon-add_disabled, .ui-widget-content .btn-icon-add_disabled { background-position: 0 -48px; } +.ui-state-default .btn-icon-addpage, .ui-widget-content .btn-icon-addpage { background-position: 0 -64px; } +.ui-state-default .btn-icon-addpage_disabled, .ui-widget-content .btn-icon-addpage_disabled { background-position: 0 -80px; } +.ui-state-default .btn-icon-arrow-circle-135-left, .ui-widget-content .btn-icon-arrow-circle-135-left { background-position: 0 -96px; } +.ui-state-default .btn-icon-arrow-circle-double, .ui-widget-content .btn-icon-arrow-circle-double { background-position: 0 -112px; } +.ui-state-default .btn-icon-back, .ui-widget-content .btn-icon-back { background-position: 0 -128px; } +.ui-state-default .btn-icon-back_disabled, .ui-widget-content .btn-icon-back_disabled { background-position: 0 -144px; } +.ui-state-default .btn-icon-chain--arrow, .ui-widget-content .btn-icon-chain--arrow { background-position: 0 -160px; } +.ui-state-default .btn-icon-chain--exclamation, .ui-widget-content .btn-icon-chain--exclamation { background-position: 0 -176px; } +.ui-state-default .btn-icon-chain--minus, .ui-widget-content .btn-icon-chain--minus { background-position: 0 -192px; } +.ui-state-default .btn-icon-chain--pencil, .ui-widget-content .btn-icon-chain--pencil { background-position: 0 -208px; } +.ui-state-default .btn-icon-chain--plus, .ui-widget-content .btn-icon-chain--plus { background-position: 0 -224px; } +.ui-state-default .btn-icon-chain-small, .ui-widget-content .btn-icon-chain-small { background-position: 0 -240px; } +.ui-state-default .btn-icon-chain-unchain, .ui-widget-content .btn-icon-chain-unchain { background-position: 0 -256px; } +.ui-state-default .btn-icon-chain, .ui-widget-content .btn-icon-chain { background-position: 0 -272px; } +.ui-state-default .btn-icon-cross-circle, .ui-widget-content .btn-icon-cross-circle { background-position: 0 -288px; } +.ui-state-default .btn-icon-cross-circle_disabled, .ui-widget-content .btn-icon-cross-circle_disabled { background-position: 0 -304px; } +.ui-state-default .btn-icon-cross, .ui-widget-content .btn-icon-cross { background-position: 0 -320px; } +.ui-state-default .btn-icon-decline, .ui-widget-content .btn-icon-decline { background-position: 0 -335px; } +.ui-state-default .btn-icon-decline_disabled, .ui-widget-content .btn-icon-decline_disabled { background-position: 0 -351px; } +.ui-state-default .btn-icon-delete, .ui-widget-content .btn-icon-delete { background-position: 0 -367px; } +.ui-state-default .btn-icon-deleteLight, .ui-widget-content .btn-icon-deleteLight { background-position: 0 -383px; } +.ui-state-default .btn-icon-document--pencil, .ui-widget-content .btn-icon-document--pencil { background-position: 0 -400px; } +.ui-state-default .btn-icon-download-csv, .ui-widget-content .btn-icon-download-csv { background-position: 0 -416px; } +.ui-state-default .btn-icon-drive-upload, .ui-widget-content .btn-icon-drive-upload { background-position: 0 -432px; } +.ui-state-default .btn-icon-drive-upload_disabled, .ui-widget-content .btn-icon-drive-upload_disabled { background-position: 0 -448px; } +.ui-state-default .btn-icon-grid_print, .ui-widget-content .btn-icon-grid_print { background-position: 0 -464px; } +.ui-state-default .btn-icon-magnifier, .ui-widget-content .btn-icon-magnifier { background-position: 0 -480px; } +.ui-state-default .btn-icon-minus-circle, .ui-widget-content .btn-icon-minus-circle { background-position: 0 -496px; } +.ui-state-default .btn-icon-minus-circle_disabled, .ui-widget-content .btn-icon-minus-circle_disabled { background-position: 0 -512px; } +.ui-state-default .btn-icon-navigation, .ui-widget-content .btn-icon-navigation { background-position: 0 -528px; } +.ui-state-default .btn-icon-navigation_disabled, .ui-widget-content .btn-icon-navigation_disabled { background-position: 0 -544px; } +.ui-state-default .btn-icon-network-cloud, .ui-widget-content .btn-icon-network-cloud { background-position: 0 -560px; } +.ui-state-default .btn-icon-network-cloud_disabled, .ui-widget-content .btn-icon-network-cloud_disabled { background-position: 0 -576px; } +.ui-state-default .btn-icon-pencil, .ui-widget-content .btn-icon-pencil { background-position: 0 -592px; } +.ui-state-default .btn-icon-pencil_disabled, .ui-widget-content .btn-icon-pencil_disabled { background-position: 0 -608px; } +.ui-state-default .btn-icon-plug-disconnect-prohibition, .ui-widget-content .btn-icon-plug-disconnect-prohibition { background-position: 0 -624px; } +.ui-state-default .btn-icon-plug-disconnect-prohibition_disabled, .ui-widget-content .btn-icon-plug-disconnect-prohibition_disabled { background-position: 0 -640px; } +.ui-state-default .btn-icon-preview, .ui-widget-content .btn-icon-preview { background-position: 0 -656px; } +.ui-state-default .btn-icon-preview_disabled, .ui-widget-content .btn-icon-preview_disabled { background-position: 0 -672px; } +.ui-state-default .btn-icon-settings, .ui-widget-content .btn-icon-settings { background-position: 0 -688px; } +.ui-state-default .btn-icon-settings_disabled, .ui-widget-content .btn-icon-settings_disabled { background-position: 0 -704px; } +.ui-state-default .btn-icon-unpublish, .ui-widget-content .btn-icon-unpublish { background-position: 0 -720px; } +.ui-state-default .btn-icon-unpublish_disabled, .ui-widget-content .btn-icon-unpublish_disabled { background-position: 0 -736px; } .icon { text-indent: -9999px; border: none; outline: none; } -.icon.icon-24 { width: 24px; height: 24px; background: url('../images/menu-icons/24x24-sedfac01ed1.png'); } -.icon.icon-24.icon-assetadmin { background-position: 0 -120px; } -.icon.icon-24.icon-cmsmain { background-position: 0 -48px; } -.icon.icon-24.icon-cmspagescontroller { background-position: 0 -192px; } -.icon.icon-24.icon-cmssettingscontroller { background-position: 0 0; } +.icon.icon-24 { width: 24px; height: 24px; background: url('../images/menu-icons/24x24-s546fcae8fd.png'); } +.icon.icon-24.icon-assetadmin { background-position: 0 -192px; } +.icon.icon-24.icon-cmsmain { background-position: 0 -168px; } +.icon.icon-24.icon-cmspagescontroller { background-position: 0 -144px; } +.icon.icon-24.icon-cmssettingscontroller { background-position: 0 -72px; } .icon.icon-24.icon-securityadmin { background-position: 0 -24px; } -.icon.icon-24.icon-reportadmin { background-position: 0 -72px; } -.icon.icon-24.icon-commentadmin { background-position: 0 -168px; } -.icon.icon-24.icon-help { background-position: 0 -96px; } -.icon.icon-16 { width: 16px; height: 16px; background: url('../images/menu-icons/16x16-sb173d358c2.png'); } -.icon.icon-16.icon-assetadmin { background-position: 0 -80px; } -.icon.icon-16.icon-cmsmain { background-position: 0 -16px; } -.icon.icon-16.icon-cmspagescontroller { background-position: 0 -112px; } -.icon.icon-16.icon-cmssettingscontroller { background-position: 0 0; } -.icon.icon-16.icon-securityadmin { background-position: 0 -48px; } -.icon.icon-16.icon-reportadmin { background-position: 0 -32px; } -.icon.icon-16.icon-commentadmin { background-position: 0 -128px; } -.icon.icon-16.icon-help { background-position: 0 -64px; } +.icon.icon-24.icon-reportadmin { background-position: 0 -216px; } +.icon.icon-24.icon-commentadmin { background-position: 0 0; } +.icon.icon-24.icon-help { background-position: 0 -120px; } +.icon.icon-16 { width: 16px; height: 16px; background: url('../images/menu-icons/16x16-s170d9d69bb.png'); } +.icon.icon-16.icon-assetadmin { background-position: 0 -128px; } +.icon.icon-16.icon-cmsmain { background-position: 0 -112px; } +.icon.icon-16.icon-cmspagescontroller { background-position: 0 -96px; } +.icon.icon-16.icon-cmssettingscontroller { background-position: 0 -48px; } +.icon.icon-16.icon-securityadmin { background-position: 0 -16px; } +.icon.icon-16.icon-reportadmin { background-position: 0 -144px; } +.icon.icon-16.icon-commentadmin { background-position: 0 0; } +.icon.icon-16.icon-help { background-position: 0 -80px; } /** ----------------------------- CMS Components ------------------------------ */ /** File: typography.scss Contains the basic typography related styles for the admin interface. */ @@ -122,12 +124,12 @@ body, html { font-size: 12px; line-height: 16px; font-family: Arial, sans-serif; .cms .ui-tabs .ui-tabs-panel { background: transparent; } .cms .ui-tabs .cms-panel-padded .ui-tabs-panel { padding: 0; } .cms .ui-widget-content, .cms .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: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZTNlNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzkyYTViMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dde3e7), color-stop(100%, #92a5b2)); background-image: -webkit-linear-gradient(#dde3e7, #92a5b2); background-image: -moz-linear-gradient(#dde3e7, #92a5b2); background-image: -o-linear-gradient(#dde3e7, #92a5b2); background-image: -ms-linear-gradient(#dde3e7, #92a5b2); background-image: linear-gradient(#dde3e7, #92a5b2); border-bottom: 3px solid #5c7382; padding: 8px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } +.cms .ui-widget-header { background-color: #b0bec7; padding: 8px 8px 6px 8px; border-bottom: 2px solid #8399a7; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZTNlNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzkyYTViMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dde3e7), color-stop(100%, #92a5b2)); background-image: -webkit-linear-gradient(#dde3e7, #92a5b2); background-image: -moz-linear-gradient(#dde3e7, #92a5b2); background-image: -o-linear-gradient(#dde3e7, #92a5b2); background-image: -ms-linear-gradient(#dde3e7, #92a5b2); background-image: linear-gradient(#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 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 .ui-icon-closethick { background: url('../images/sprites-32x32-sb47394f892.png') 0 0 no-repeat; } -.cms .ui-widget-header .ui-icon-closethick { background: url('../images/sprites-32x32-sb47394f892.png') 0 -102px no-repeat; width: 30px; height: 30px; } +.cms .ui-widget-header a.ui-state-hover .ui-icon-closethick { background: url('../images/sprites-32x32-sa4e142f7f0.png') 0 -252px no-repeat; } +.cms .ui-widget-header .ui-icon-closethick { background: url('../images/sprites-32x32-sa4e142f7f0.png') 0 -292px no-repeat; width: 30px; height: 30px; } .cms .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; } @@ -139,8 +141,8 @@ form.nostyle label.left { float: none; display: inherit; width: auto; padding: 0 form.nostyle .middleColumn { margin-left: 0; } form.nostyle input.text, form.nostyle textarea, form.nostyle select, form.nostyle .TreeDropdownField { width: auto; max-width: auto; } -.field { display: block; padding: 10px 0; border-bottom: 1px solid rgba(201, 205, 206, 0.8); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); -moz-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; } -.field:last-child { border-bottom: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } +.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; } +.field:last-child { border-bottom: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .field:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; } .field.nolabel .middleColumn { margin-left: 0; } .field label.left { float: left; display: block; width: 176px; padding: 8px 8px 8px 0; line-height: 16px; font-weight: bold; text-shadow: 1px 1px 0 white; } @@ -148,9 +150,9 @@ form.nostyle input.text, form.nostyle textarea, form.nostyle select, form.nostyl .field .middleColumn { margin-left: 184px; } .field span.readonly { padding-top: 8px; line-height: 16px; display: block; } .field .help { color: #777777; font-style: italic; padding-top: 1em; } -.field input.text, .field textarea, .field select, .field .TreeDropdownField { width: 100%; max-width: 512px; -webkit-box-sizing: border-box; -moz-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; -webkit-transition: 0.2s box-shadow ease-in; -moz-transition: 0.2s box-shadow ease-in; -ms-transition: 0.2s box-shadow ease-in; -o-transition: 0.2s box-shadow ease-in; transition: 0.2s box-shadow ease-in; -webkit-transition: 0.2s border ease-in; -moz-transition: 0.2s border ease-in; -ms-transition: 0.2s border ease-in; -o-transition: 0.2s border ease-in; transition: 0.2s border ease-in; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIvPjxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; 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; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset; -moz-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.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: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIvPjxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; 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 input.disabled, .field textarea[disabled], .field textarea.disabled, .field select[disabled], .field select.disabled { color: #777777; background: #efefef; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JjYmNiYyIvPjxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjZWZlZmVmIi8+PHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiY2JjYmMiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; 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; } form.stacked .field label, .field.stacked label { display: block; float: none; padding-bottom: 10px; } @@ -162,8 +164,8 @@ form.small .field input.text, form.small .field textarea, form.small .field sele .field { /* TreeDropdowns */ /* dropdowns */ /* chzn override */ /* Date Fields */ /* Hides borders in settings/access. Activated from JS */ } .field .TreeDropdownField { padding: 0; } -.field .TreeDropdownField .treedropdownfield-panel { border: 1px solid #b3b3b3; border-top: none; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -ms-border-bottom-left-radius: 4px; -o-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -ms-border-bottom-right-radius: 4px; -o-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } -.field .TreeDropdownField.treedropdownfield-open-tree { -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; -ms-border-bottom-left-radius: 0; -o-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; -ms-border-bottom-right-radius: 0; -o-border-bottom-right-radius: 0; border-bottom-right-radius: 0; } +.field .TreeDropdownField .treedropdownfield-panel { border: 1px solid #b3b3b3; border-top: none; -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-open-tree { -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; -o-border-bottom-left-radius: 0; -ms-border-bottom-left-radius: 0; -khtml-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; -o-border-bottom-right-radius: 0; -ms-border-bottom-right-radius: 0; -khtml-border-bottom-right-radius: 0; border-bottom-right-radius: 0; } .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; } @@ -184,15 +186,15 @@ form.small .field input.text, form.small .field textarea, form.small .field sele .cms input.loading.ss-ui-action-constructive .ui-icon, .cms button.loading.ss-ui-action-constructive .ui-icon { background: transparent url(../../images/network-save-constructive.gif) no-repeat 0 0; } .cms .ss-ui-button { margin-top: 0px; font-weight: bold; text-decoration: none; line-height: 16px; color: #393939; border: 1px solid #c0c0c2; border-bottom: 1px solid #a6a6a9; cursor: pointer; text-shadow: white 0 1px 1px; background-color: #e6e6e6; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q5ZDlkOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); 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 */ } .cms .ss-ui-button.buttonset { margin: 0 -1px; } -.cms .ss-ui-button.ui-state-hover, .cms .ss-ui-button:hover { text-decoration: none; background-color: white; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); 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); -webkit-box-shadow: 0 0 5px #b3b3b3; -moz-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-color: white; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); 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); -webkit-box-shadow: 0 0 5px #b3b3b3 inset; -moz-box-shadow: 0 0 5px #b3b3b3 inset; box-shadow: 0 0 5px #b3b3b3 inset; } +.cms .ss-ui-button.ui-state-hover, .cms .ss-ui-button:hover { text-decoration: none; background-color: white; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); 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-color: white; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); 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 { text-shadow: none; font-weight: bold; color: white; border-color: #1f9433; border-bottom-color: #166a24; background-color: #1f9433; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkzYmU0MiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFmOTQzMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #93be42), color-stop(100%, #1f9433)); background: -webkit-linear-gradient(#93be42, #1f9433); background: -moz-linear-gradient(#93be42, #1f9433); background: -o-linear-gradient(#93be42, #1f9433); background: -ms-linear-gradient(#93be42, #1f9433); background: linear-gradient(#93be42, #1f9433); text-shadow: #1c872f 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: #166a24; background-color: #1f9433; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E0Y2EzYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzIzYTkzYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a4ca3a), color-stop(100%, #23a93a)); background: -webkit-linear-gradient(#a4ca3a, #23a93a); background: -moz-linear-gradient(#a4ca3a, #23a93a); background: -o-linear-gradient(#a4ca3a, #23a93a); background: -ms-linear-gradient(#a4ca3a, #23a93a); background: linear-gradient(#a4ca3a, #23a93a); } -.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-color: #1d8c30; -webkit-box-shadow: inset 0 1px 3px #17181a, 0 1px 0 rgba(255, 255, 255, 0.6); -moz-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: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-color: #1d8c30; -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-button-small .ui-button-text { padding: 2px 2px; font-size: 10px; } .cms .ss-ui-button.ui-state-highlight { background-color: #e6e6e6; border: 1px solid #708284; } -.cms .ss-ui-button.ss-ui-action-minor { background: none; border: 0; color: #393939; text-decoration: underline; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } +.cms .ss-ui-button.ss-ui-action-minor { background: none; 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 { text-decoration: none; color: #1f1f1f; } .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-loading { opacity: 0.8; } @@ -259,7 +261,7 @@ body.cms { overflow: hidden; } .cms-preview, .cms-menu, .cms-content, .cms-content-header, .cms-content-tools, .cms-content-fields, .cms-edit-form, .cms-preview, .cms-preview iframe, .cms-preview-controls { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; } .cms-preview, .cms-menu, .cms-content, .cms-content-header, .cms-content-tools, .cms-content-fields, .cms-edit-form, .cms-preview, .cms-preview iframe, .cms-preview-controls { *display: inline; } -.cms-content-header { padding: 0px 0 8px 8px; height: 32px; z-index: 60; overflow: hidden; -webkit-box-shadow: rgba(201, 205, 206, 0.8) 0 0 4px inset; -moz-box-shadow: rgba(201, 205, 206, 0.8) 0 0 4px inset; box-shadow: rgba(201, 205, 206, 0.8) 0 0 4px inset; background-image: url(../images/textures/cms_content_header.png); background-repeat: repeat; background-position: 0 1px; } +.cms-content-header { padding: 0px 0 8px 8px; height: 32px; z-index: 60; overflow: hidden; -moz-box-shadow: rgba(201, 205, 206, 0.8) 0 0 4px inset; -webkit-box-shadow: rgba(201, 205, 206, 0.8) 0 0 4px inset; -o-box-shadow: rgba(201, 205, 206, 0.8) 0 0 4px inset; box-shadow: rgba(201, 205, 206, 0.8) 0 0 4px inset; background-image: url(../images/textures/cms_content_header.png); background-repeat: repeat; background-position: 0 1px; } .cms-content-header a { color: #1556b2; } .cms-content-header .backlink span.btn-icon-back { height: 16px; } .cms-content-header h2 { padding: 6px 8px 0 8px; font-size: 14px; line-height: 24px; font-weight: bold; /* text-shadow: darken($color-widget-bg, 15%) 1px 1px 0; */ margin: 0; display: table-cell; vertical-align: top; width: 60%; } @@ -274,7 +276,7 @@ body.cms { overflow: hidden; } .cms-content-header .cms-content-header-tabs .ui-tabs-nav { float: right; /* margin-right:$grid-x*4; */ } .cms-content-header .cms-content-header-tabs .ui-tabs-nav li a { font-weight: bold; line-height: 16px; padding: 12px 20px 12px; } .cms-content-header .cms-content-header-tabs .ui-tabs-nav .ui-state-default, .cms-content-header .cms-content-header-tabs .ui-tabs-nav .ui-widget-content .ui-state-default, .cms-content-header .cms-content-header-tabs .ui-tabs-nav .ui-widget-header .ui-state-default { border-top: none; } -.cms-content-header .cms-content-header-tabs .ui-tabs-nav .ui-state-active, .cms-content-header .cms-content-header-tabs .ui-tabs-nav .ui-widget-content .ui-state-active, .cms-content-header .cms-content-header-tabs .ui-tabs-nav .ui-widget-header .ui-state-active { border-top: none; padding-bottom: 0px; -webkit-box-shadow: rgba(201, 205, 206, 0.8) 0 0 2px; -moz-box-shadow: rgba(201, 205, 206, 0.8) 0 0 2px; box-shadow: rgba(201, 205, 206, 0.8) 0 0 2px; } +.cms-content-header .cms-content-header-tabs .ui-tabs-nav .ui-state-active, .cms-content-header .cms-content-header-tabs .ui-tabs-nav .ui-widget-content .ui-state-active, .cms-content-header .cms-content-header-tabs .ui-tabs-nav .ui-widget-header .ui-state-active { border-top: none; padding-bottom: 0px; -moz-box-shadow: rgba(201, 205, 206, 0.8) 0 0 2px; -webkit-box-shadow: rgba(201, 205, 206, 0.8) 0 0 2px; -o-box-shadow: rgba(201, 205, 206, 0.8) 0 0 2px; box-shadow: rgba(201, 205, 206, 0.8) 0 0 2px; } .cms-content-header .cms-content-header-tabs .ui-tabs-nav .ui-corner-all, .cms-content-header .cms-content-header-tabs .ui-tabs-nav .ui-corner-top, .cms-content-header .cms-content-header-tabs .ui-tabs-nav .ui-corner-right, .cms-content-header .cms-content-header-tabs .ui-tabs-nav .ui-corner-tr { border-radius: 0; } .cms-content-header .cms-content-header-tabs .ui-tabs-nav .ui-corner-all, .cms-content-header .cms-content-header-tabs .ui-tabs-nav .ui-corner-top, .cms-content-header .cms-content-header-tabs .ui-tabs-nav .ui-corner-left, .cms-content-header .cms-content-header-tabs .ui-tabs-nav .ui-corner-tl { border-radius: 0; } @@ -308,11 +310,11 @@ body.cms { overflow: hidden; } .ss-loading-screen { width: 100%; height: 100%; overflow: hidden; position: absolute; z-index: 100000; background: #fff; background: -moz-radial-gradient(50% 50% 180deg, circle cover, white, #efefef, #c7c7c7 100%); background: -webkit-gradient(radial, 50% 50%, 350, 50% 50%, 0, from(#e3e3e3), to(white)); } .ss-loading-screen .loading-logo { width: 100%; height: 100%; overflow: hidden; position: absolute; background: transparent url(../images/logo.gif) no-repeat 50% 50%; } .ss-loading-screen p { width: 100%; text-align: center; position: absolute; bottom: 80px; z-index: 100001; } -.ss-loading-screen p span.notice { width: 300px; font-size: 14px; padding: 10px 20px; color: #dc7f00; border: none; background: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; display: inline-block; zoom: 1; *display: inline; } +.ss-loading-screen p span.notice { width: 300px; font-size: 14px; padding: 10px 20px; color: #dc7f00; border: none; background: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; display: inline-block; zoom: 1; *display: inline; } .ss-loading-screen .loading-animation { display: none; position: absolute; left: 49%; top: 75%; } /** -------------------------------------------- Actions -------------------------------------------- */ -.cms-content-actions { margin: 0; padding: 12px 16px; height: 32px; z-index: 0; border-top: 1px solid rgba(201, 205, 206, 0.8); border-top: 1px solid #FAFAFA; -webkit-box-shadow: #cccccc 0 -1px 1px; -moz-box-shadow: #cccccc 0 -1px 1px; box-shadow: #cccccc 0 -1px 1px; } +.cms-content-actions { margin: 0; padding: 12px 16px; height: 32px; z-index: 0; border-top: 1px solid rgba(201, 205, 206, 0.8); border-top: 1px solid #FAFAFA; -moz-box-shadow: #cccccc 0 -1px 1px; -webkit-box-shadow: #cccccc 0 -1px 1px; -o-box-shadow: #cccccc 0 -1px 1px; box-shadow: #cccccc 0 -1px 1px; } /** -------------------------------------------- Messages -------------------------------------------- */ .message { margin: 0 0 8px 0; padding: 7px 7px; font-weight: bold; border: 1px black solid; } @@ -320,7 +322,7 @@ body.cms { overflow: hidden; } .message.notice a { color: #999; } .message.warning { background-color: #ffbe66; border-color: #ff9300; } .message.error, .message.bad, .message.required { background-color: #ffbe66; border-color: #ff9300; } -.message.good { background-color: #65a839; background-color: rgba(101, 168, 57, 0.7); border-color: #65a839; color: #fff; text-shadow: 1px -1px 0 #1f9433; -webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -ms-border-radius: 3px 3px 3px 3px; -o-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; } +.message.good { background-color: #65a839; background-color: rgba(101, 168, 57, 0.7); border-color: #65a839; color: #fff; text-shadow: 1px -1px 0 #1f9433; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; -o-border-radius: 3px 3px 3px 3px; -ms-border-radius: 3px 3px 3px 3px; -khtml-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; } .message p { margin: 0; } /** -------------------------------------------- "Add page" dialog -------------------------------------------- */ @@ -354,22 +356,22 @@ body.cms { overflow: hidden; } .cms-content-toolbar .cms-tree-view-modes * { display: inline-block; } .cms-content-toolbar .cms-tree-view-modes * label { color: #1556b2; } .cms-content-toolbar .chzn-container-single .chzn-single { height: 26px; line-height: 26px; padding-left: 25px; color: #576468; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NkY2RjZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e6e6e6), color-stop(100%, #cdcdcd)); background-image: -webkit-linear-gradient(#e6e6e6, #cdcdcd); background-image: -moz-linear-gradient(#e6e6e6, #cdcdcd); background-image: -o-linear-gradient(#e6e6e6, #cdcdcd); background-image: -ms-linear-gradient(#e6e6e6, #cdcdcd); background-image: linear-gradient(#e6e6e6, #cdcdcd); font-size: 13px; font-weight: bold; text-shadow: #e6e6e6 0 -1px 1px; box-shadow: none; } -.cms-content-toolbar .chzn-container-single .chzn-single:hover { -webkit-box-shadow: 0 0 5px #b3b3b3; -moz-box-shadow: 0 0 5px #b3b3b3; box-shadow: 0 0 5px #b3b3b3; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2QyZDJkMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ebebeb), color-stop(100%, #d2d2d2)); background-image: -webkit-linear-gradient(#ebebeb, #d2d2d2); background-image: -moz-linear-gradient(#ebebeb, #d2d2d2); background-image: -o-linear-gradient(#ebebeb, #d2d2d2); background-image: -ms-linear-gradient(#ebebeb, #d2d2d2); background-image: linear-gradient(#ebebeb, #d2d2d2); } -.cms-content-toolbar .chzn-container-single .chzn-single:active { -webkit-box-shadow: inset 0 1px 3px #4d4d4d; -moz-box-shadow: inset 0 1px 3px #4d4d4d; box-shadow: inset 0 1px 3px #4d4d4d; } +.cms-content-toolbar .chzn-container-single .chzn-single:hover { -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; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2QyZDJkMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ebebeb), color-stop(100%, #d2d2d2)); background-image: -webkit-linear-gradient(#ebebeb, #d2d2d2); background-image: -moz-linear-gradient(#ebebeb, #d2d2d2); background-image: -o-linear-gradient(#ebebeb, #d2d2d2); background-image: -ms-linear-gradient(#ebebeb, #d2d2d2); background-image: linear-gradient(#ebebeb, #d2d2d2); } +.cms-content-toolbar .chzn-container-single .chzn-single:active { -moz-box-shadow: inset 0 1px 3px #4d4d4d; -webkit-box-shadow: inset 0 1px 3px #4d4d4d; -o-box-shadow: inset 0 1px 3px #4d4d4d; box-shadow: inset 0 1px 3px #4d4d4d; } .cms-content-toolbar .chzn-container-single .chzn-single span { padding-top: 1px; } .cms-content-toolbar .chzn-container-single .chzn-single div { background: url(../images/btn-icon/settings.png) 5px 4px no-repeat; border-left: none; width: 100%; } .cms-content-toolbar .chzn-container-single .chzn-single div b { background: url(../images/sprites-32x32/menu-arrow-deselected-down.png) no-repeat 9px 11px; float: right; width: 24px; } /* -------------------------------------------------------- Content Tools is the sidebar on the left of the main content panel */ -.cms-content-tools { background-color: #F1F4F5; background: #f0f3f4 url(../images/textures/bg_cms_main_content.png) repeat top left; width: 192px; border-right: 1px solid #bfcad2; overflow-y: auto; overflow-x: hidden; z-index: 70; -webkit-box-shadow: rgba(0, 0, 0, 0.6) 0 2px 3px; -moz-box-shadow: rgba(0, 0, 0, 0.6) 0 2px 3px; box-shadow: rgba(0, 0, 0, 0.6) 0 2px 3px; float: left; position: relative; } +.cms-content-tools { background-color: #F1F4F5; background: #f0f3f4 url(../images/textures/bg_cms_main_content.png) repeat top left; width: 192px; border-right: 1px solid #bfcad2; overflow-y: auto; overflow-x: hidden; z-index: 70; -moz-box-shadow: rgba(0, 0, 0, 0.6) 0 2px 3px; -webkit-box-shadow: rgba(0, 0, 0, 0.6) 0 2px 3px; -o-box-shadow: rgba(0, 0, 0, 0.6) 0 2px 3px; box-shadow: rgba(0, 0, 0, 0.6) 0 2px 3px; float: left; position: relative; } .cms-content-tools.filter { padding: 0 !important; } .cms-content-tools .cms-panel-header { clear: both; margin: 0 0 7px; line-height: 24px; border-bottom: 1px solid rgba(201, 205, 206, 0.8); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); -moz-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); } .cms-content-tools .cms-panel-content { width: 176px; padding: 0 8px; overflow: auto; height: 100%; } .cms-content-tools .cms-panel-content .dropdown select { width: 160px; } -.cms-content-tools .cms-panel-content #LastEditedFrom { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } +.cms-content-tools .cms-panel-content #LastEditedFrom { -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .cms-content-tools .cms-panel-content #LastEditedFrom input { width: 160px; } .cms-content-tools .cms-panel-content #LastEditedFrom input.hasDatepicker { max-width: 160px; } -.cms-content-tools .cms-panel-content #LastEditedTo { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } +.cms-content-tools .cms-panel-content #LastEditedTo { -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .cms-content-tools .cms-panel-content #LastEditedTo input { width: 160px; } .cms-content-tools .cms-panel-content #LastEditedTo input.hasDatepicker { max-width: 160px; } .cms-content-tools .cms-panel-content .Actions .ss-ui-action-constructive { margin-right: 5px; } @@ -390,8 +392,8 @@ body.cms { overflow: hidden; } .cms-content-tools table { margin: 8px -4px; } .cms-content-tools table thead th { color: #1f1f1f; font-weight: bold; line-height: 16px; font-size: 11px; padding: 4px; } .cms-content-tools table tr.active { background-color: #338dc1; color: white; } -.cms-content-tools table tr.active td.first-column { -webkit-border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; -ms-border-radius: 6px 0 0 6px; -o-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px; } -.cms-content-tools table tr.active td.last-column { -webkit-border-radius: 0 6px 6px 0; -moz-border-radius: 0 6px 6px 0; -ms-border-radius: 0 6px 6px 0; -o-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0; } +.cms-content-tools table tr.active td.first-column { -moz-border-radius: 6px 0 0 6px; -webkit-border-radius: 6px 0 0 6px; -o-border-radius: 6px 0 0 6px; -ms-border-radius: 6px 0 0 6px; -khtml-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px; } +.cms-content-tools table tr.active td.last-column { -moz-border-radius: 0 6px 6px 0; -webkit-border-radius: 0 6px 6px 0; -o-border-radius: 0 6px 6px 0; -ms-border-radius: 0 6px 6px 0; -khtml-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0; } .cms-content-tools table td { padding: 4px; line-height: 16px; vertical-align: top; } .cms-content-tools td { border-bottom: 1px solid #ced7dc; padding: 7px 2px; font-size: 11px; } @@ -407,7 +409,7 @@ body.cms { overflow: hidden; } .cms-preview { width: 1px; z-index: 100; } .cms-preview .cms-preview-toggle { width: 10px; cursor: pointer; } -.cms-preview .cms-preview-toggle a { display: block; padding: 2px 12px 2px 6px; height: 16px; position: relative; top: 48%; background-color: #b0bec7; color: white; font-weight: bold; text-decoration: none; z-index: 2000; line-height: 16px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -ms-border-bottom-right-radius: 4px; -o-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -ms-border-top-right-radius: 4px; -o-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-box-shadow: 0 0 10px rgba(180, 180, 180, 0.4); -moz-box-shadow: 0 0 10px rgba(180, 180, 180, 0.4); box-shadow: 0 0 10px rgba(180, 180, 180, 0.4); } +.cms-preview .cms-preview-toggle a { display: block; padding: 2px 12px 2px 6px; height: 16px; position: relative; top: 48%; background-color: #b0bec7; color: white; font-weight: bold; text-decoration: none; z-index: 2000; line-height: 16px; -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; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -o-border-top-right-radius: 4px; -ms-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-box-shadow: 0 0 10px rgba(180, 180, 180, 0.4); -webkit-box-shadow: 0 0 10px rgba(180, 180, 180, 0.4); -o-box-shadow: 0 0 10px rgba(180, 180, 180, 0.4); box-shadow: 0 0 10px rgba(180, 180, 180, 0.4); } .cms-preview.is-collapsed .cms-preview-toggle a { left: -15px; } .cms-preview iframe { width: 100%; height: 100%; } .cms-preview .cms-preview-watermark { z-index: 99; position: fixed; right: 60px; top: 30px; opacity: 0.3; padding: .4em 1em; cursor: default; font-weight: bold; text-decoration: none; line-height: 16px; color: #393939; border: 1px solid #AAAAAA; border-radius: 12px; background-color: white; text-shadow: #e6e6e6 0 1px 0; } @@ -449,7 +451,7 @@ form.member-profile-form .ui-tabs-nav li { margin: 0 0 -1px 0; } form.member-profile-form .ui-tabs-nav .ui-corner-all, form.member-profile-form .ui-tabs-nav .ui-corner-top, form.member-profile-form .ui-tabs-nav .ui-corner-right, form.member-profile-form .ui-tabs-nav .ui-corner-tr { border-radius: 0; } form.member-profile-form .ui-tabs-nav .ui-corner-all, form.member-profile-form .ui-tabs-nav .ui-corner-top, form.member-profile-form .ui-tabs-nav .ui-corner-left, form.member-profile-form .ui-tabs-nav .ui-corner-tl { border-radius: 0; } -.cms .cms-content { /* border-right: 1px solid $color-light-separator; */ -webkit-box-shadow: 3px 0 4px rgba(0, 0, 0, 0.15); -moz-box-shadow: 3px 0 4px rgba(0, 0, 0, 0.15); box-shadow: 3px 0 4px rgba(0, 0, 0, 0.15); -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } +.cms .cms-content { /* border-right: 1px solid $color-light-separator; */ -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 { overflow-y: auto; overflow-x: auto; background: none; width: 100%; } .cms .cms-content-fields #Root_Main .confirmedpassword { border-bottom: none; box-shadow: none; } .cms .cms-content-fields #Root_Main .customFormat { max-width: 80px; } @@ -463,7 +465,7 @@ form.member-profile-form .ui-tabs-nav .ui-corner-all, form.member-profile-form . /** -------------------------------------------- Panels -------------------------------------------- */ .cms-panel { overflow: hidden; } -.cms-panel .cms-panel-toggle { -webkit-box-shadow: 0 0 1px rgba(107, 120, 123, 0.5); -moz-box-shadow: 0 0 1px rgba(107, 120, 123, 0.5); box-shadow: 0 0 1px rgba(107, 120, 123, 0.5); } +.cms-panel .cms-panel-toggle { -moz-box-shadow: 0 0 1px rgba(107, 120, 123, 0.5); -webkit-box-shadow: 0 0 1px rgba(107, 120, 123, 0.5); -o-box-shadow: 0 0 1px rgba(107, 120, 123, 0.5); box-shadow: 0 0 1px rgba(107, 120, 123, 0.5); } .cms-panel .cms-panel-toggle.south { border-top: 1px solid rgba(201, 205, 206, 0.8); } .cms-panel .cms-panel-toggle a { display: block; text-align: right; padding: 4px 0; width: 100%; text-decoration: none; } .cms-panel .cms-panel-toggle a span { display: inline-block; margin: 0 5px; color: #1f1f1f; font-size: 16px; } @@ -474,10 +476,10 @@ form.member-profile-form .ui-tabs-nav .ui-corner-all, form.member-profile-form . .cms-panel.collapsed .cms-panel-content { display: none; } .cms-panel .cms-panel-header { width: 100%; } .cms-panel#cms-content-tools-CMSPageEditController .cms-panel-content-collapsed { width: 40px; display: none; } -.cms-panel#cms-content-tools-CMSPageEditController .cms-panel-content-collapsed h2, .cms-panel#cms-content-tools-CMSPageEditController .cms-panel-content-collapsed h3 { border-bottom: 0; margin-left: 8px; -webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } +.cms-panel#cms-content-tools-CMSPageEditController .cms-panel-content-collapsed h2, .cms-panel#cms-content-tools-CMSPageEditController .cms-panel-content-collapsed h3 { border-bottom: 0; margin-left: 8px; -moz-transform-origin: bottom right; -webkit-transform-origin: bottom right; -o-transform-origin: bottom right; -ms-transform-origin: bottom right; transform-origin: bottom right; -moz-transform: rotate(270deg); -webkit-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .cms-panel#cms-content-tools-CMSPageEditController .cms-panel-content-collapsed .cms-panel-header { width: 600px; position: relative; top: 24px; right: 577px; text-align: right; } .cms-panel .cms-panel-content-collapsed { width: 40px; display: none; } -.cms-panel .cms-panel-content-collapsed h2, .cms-panel .cms-panel-content-collapsed h3 { border-bottom: 0; margin-left: 8px; -webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } +.cms-panel .cms-panel-content-collapsed h2, .cms-panel .cms-panel-content-collapsed h3 { border-bottom: 0; margin-left: 8px; -moz-transform-origin: bottom right; -webkit-transform-origin: bottom right; -o-transform-origin: bottom right; -ms-transform-origin: bottom right; transform-origin: bottom right; -moz-transform: rotate(270deg); -webkit-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .cms-panel .cms-panel-content-collapsed .cms-panel-header { width: 600px; position: relative; right: 577px; text-align: right; border-bottom: none; box-shadow: none; } .cms-panel .child-flyout-indicator { width: 0; height: 0; border-right: 3px dashed #1f1f1f; border-top: 3px solid transparent; border-left: 3px solid transparent; border-bottom: 3px dashed #1f1f1f; position: absolute; right: 1px; margin-top: -8px; display: none; /* To be shown by javascript, see LeftAndMain.Panel.js */ } .cms-panel .collapsed-flyout { display: block !important; left: 41px; margin-top: -40px; position: fixed; width: 191px; } @@ -498,11 +500,11 @@ form.member-profile-form .ui-tabs-nav .ui-corner-all, form.member-profile-form . .cms .ui-dialog .ss-ui-dialog.ui-dialog-content { padding-top: 0px; } .ui-dialog { background: url("../images/textures/bg_cms_main_content.png") repeat left top #f0f3f4; border: 3px solid #000 !important; border-radius: 8px; overflow: visible; padding: 0; } -.ui-dialog .ui-dialog-titlebar.ui-widget-header { font-size: 14px; padding: 0; border: none; background-color: transparent; background-image: url(../images/textures/cms_content_header.png); background-repeat: repeat; -webkit-box-shadow: rgba(107, 120, 123, 0.5) 0 0 4px inset; -moz-box-shadow: rgba(107, 120, 123, 0.5) 0 0 4px inset; box-shadow: rgba(107, 120, 123, 0.5) 0 0 4px inset; } +.ui-dialog .ui-dialog-titlebar.ui-widget-header { font-size: 14px; padding: 0; border: none; background-color: transparent; background-image: url(../images/textures/cms_content_header.png); background-repeat: repeat; -moz-box-shadow: rgba(107, 120, 123, 0.5) 0 0 4px inset; -webkit-box-shadow: rgba(107, 120, 123, 0.5) 0 0 4px inset; -o-box-shadow: rgba(107, 120, 123, 0.5) 0 0 4px inset; box-shadow: rgba(107, 120, 123, 0.5) 0 0 4px inset; } .ui-dialog .ui-dialog-titlebar.ui-widget-header .ui-dialog-title { position: absolute; } .ui-dialog .cms-dialog-content { background: url("../images/textures/bg_cms_main_content.png") repeat left top #f0f3f4; padding-bottom: 8px; padding-top: 0px; } .ui-dialog .cms-dialog-content .Actions { overflow: auto; margin: 8px 0; padding-bottom: 8px; float: right; } -.ui-dialog .cms-dialog-content .cms-tabset { -webkit-border-radius: none; -moz-border-radius: none; -ms-border-radius: none; -o-border-radius: none; border-radius: none; } +.ui-dialog .cms-dialog-content .cms-tabset { -moz-border-radius: none; -webkit-border-radius: none; -o-border-radius: none; -ms-border-radius: none; -khtml-border-radius: none; border-radius: none; } .ui-dialog .cms-dialog-content .cms-tabset .tab { background: none; overflow-y: auto; } .ui-dialog .cms-dialog-content .cms-tabset.ui-tabs { background: none; } .ui-dialog .cms-dialog-content .cms-tabset.ui-tabs .ui-tabs-nav { border: none; padding: 0 40px 0 0; float: right; } @@ -526,14 +528,6 @@ body.cms-dialog { overflow: auto; background: url("../images/textures/bg_cms_mai .htmleditorfield-mediaform .ss-gridfield tbody td:first-child img { max-height: 30px; } .htmleditorfield-mediaform .ss-uploadfield-editandorganize { display: none; } -.htmleditorfield-mediaform .ss-htmleditorfield-file { border: 1px solid #b3b3b3; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-background-clip: padding; -moz-background-clip: padding; background-clip: padding-box; background: #E2E2E2; margin-bottom: 16px; } -.htmleditorfield-mediaform .ss-htmleditorfield-file.loading { width: 100%; height: 100px; background-image: url(../images/spinner.gif); background-position: 50% 50%; background-repeat: no-repeat; } -.htmleditorfield-mediaform .ss-htmleditorfield-file .overview { background-color: #5db4df; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVkYjRkZiIvPjxzdG9wIG9mZnNldD0iOCUiIHN0b3AtY29sb3I9IiM1ZGIxZGQiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzQzOWJjYiIvPjxzdG9wIG9mZnNldD0iNTQlIiBzdG9wLWNvbG9yPSIjM2Y5OWNkIi8+PHN0b3Agb2Zmc2V0PSI5NiUiIHN0b3AtY29sb3I9IiMyMDdkYjYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZTdjYmEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5db4df), color-stop(8%, #5db1dd), color-stop(50%, #439bcb), color-stop(54%, #3f99cd), color-stop(96%, #207db6), color-stop(100%, #1e7cba)); background-image: -webkit-linear-gradient(top, #5db4df 0%, #5db1dd 8%, #439bcb 50%, #3f99cd 54%, #207db6 96%, #1e7cba 100%); background-image: -moz-linear-gradient(top, #5db4df 0%, #5db1dd 8%, #439bcb 50%, #3f99cd 54%, #207db6 96%, #1e7cba 100%); background-image: -o-linear-gradient(top, #5db4df 0%, #5db1dd 8%, #439bcb 50%, #3f99cd 54%, #207db6 96%, #1e7cba 100%); background-image: -ms-linear-gradient(top, #5db4df 0%, #5db1dd 8%, #439bcb 50%, #3f99cd 54%, #207db6 96%, #1e7cba 100%); background-image: linear-gradient(top, #5db4df 0%, #5db1dd 8%, #439bcb 50%, #3f99cd 54%, #207db6 96%, #1e7cba 100%); } -.htmleditorfield-mediaform .ss-htmleditorfield-file .overview .thumbnail { display: inline-block; vertical-align: middle; padding: 4px; } -.htmleditorfield-mediaform .ss-htmleditorfield-file .overview .thumbnail img { max-height: 24px; } -.htmleditorfield-mediaform .ss-htmleditorfield-file .overview .title { display: inline-block; vertical-align: middle; background: #fff; border: 1px solid #b3b3b3; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; margin-left: 16px; padding: 4px; } -.htmleditorfield-mediaform .ss-htmleditorfield-file .overview .action-delete { float: right; padding: 8px; background: none; border: none; } -.htmleditorfield-mediaform .ss-htmleditorfield-file .details { padding: 16px; } /** -------------------------------------------- Search forms (used in AssetAdmin, ModelAdmin, etc) -------------------------------------------- */ .cms-search-form { margin-bottom: 16px; } @@ -541,12 +535,12 @@ body.cms-dialog { overflow: auto; background: url("../images/textures/bg_cms_mai /** -------------------------------------------- Step labels -------------------------------------------- */ .step-label > * { display: inline-block; vertical-align: top; } -.step-label .flyout { height: 18px; font-size: 14px; font-weight: bold; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; -ms-border-top-left-radius: 3px; -o-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; -ms-border-bottom-left-radius: 3px; -o-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; background-color: #667980; padding: 4px 3px 4px 6px; text-align: center; text-shadow: none; color: #fff; } -.step-label .arrow { height: 26px; width: 10px; background: url('../images/sprites-32x32-sb47394f892.png') 0 -40px no-repeat; margin-right: 4px; } +.step-label .flyout { height: 18px; font-size: 14px; font-weight: bold; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; -o-border-top-left-radius: 3px; -ms-border-top-left-radius: 3px; -khtml-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; -o-border-bottom-left-radius: 3px; -ms-border-bottom-left-radius: 3px; -khtml-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; background-color: #667980; padding: 4px 3px 4px 6px; text-align: center; text-shadow: none; color: #fff; } +.step-label .arrow { height: 26px; width: 10px; background: url('../images/sprites-32x32-sa4e142f7f0.png') 0 -759px no-repeat; margin-right: 4px; } .step-label .title { height: 18px; padding: 4px; } /** -------------------------------------------- Item Edit Form -------------------------------------------- */ -.cms-file-info { overflow: auto; border-bottom: 1px solid rgba(201, 205, 206, 0.8); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); margin-bottom: 8px; } +.cms-file-info { overflow: auto; 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); margin-bottom: 8px; } .cms-file-info .cms-file-info-preview { float: left; width: 176px; margin-right: 8px; } .cms-file-info .cms-file-info-preview img { max-width: 176px; } .cms-file-info .cms-file-info-data { float: left; } @@ -564,7 +558,7 @@ form.small .cms-file-info-data .field .middleColumn { margin-left: 120px; } .members_grid span button#action_gridfield_relationfind { display: none; } .members_grid p button#action_export { margin-top: 16px; } .members_grid p button#action_export span.btn-icon-download-csv { height: 17px; } -.members_grid p button#action_export span.ui-button-text { padding-left: 26px; } +.members_grid p button#action_export .ui-button-text { padding-left: 26px; } /** Import forms */ form.import-form ul { list-style: disc; } @@ -602,10 +596,10 @@ form.import-form label.left { width: 250px; } .cms-container .CMSMain.CMSPageSettingsController .tab#Root_Settings .TreeDropdownField .treedropdownfield-toggle-panel-link { border-left: none; background: none; background-image: none; } /** -------------------------------------------- Buttons for FileUpload -------------------------------------------- */ -span.toggle-details .toggle-details-icon { background: url('../images/sprites-32x32-sb47394f892.png') 0 -217px no-repeat; } -.fileOverview span.toggle-details .toggle-details-icon { background: url('../images/sprites-32x32-sb47394f892.png') 0 -159px no-repeat; } -span.toggle-details .toggle-details-icon.opened { background: url('../images/sprites-32x32-sb47394f892.png') 0 -905px no-repeat; } -.fileOverview span.toggle-details .toggle-details-icon.opened { background: url('../images/sprites-32x32-sb47394f892.png') 0 -143px no-repeat; } +.toggle-details .toggle-details-icon { background: url('../images/sprites-32x32-sa4e142f7f0.png') 0 -727px no-repeat; } +.fileOverview .toggle-details .toggle-details-icon { background: url('../images/sprites-32x32-sa4e142f7f0.png') 0 -695px no-repeat; } +.toggle-details .toggle-details-icon.opened { background: url('../images/sprites-32x32-sa4e142f7f0.png') 0 -743px no-repeat; } +.fileOverview .toggle-details .toggle-details-icon.opened { background: url('../images/sprites-32x32-sa4e142f7f0.png') 0 -711px no-repeat; } /** 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, .TreeDropdownField .treedropdownfield-panel .jstree ul { display: block; margin: 0; padding: 0; background: none; list-style-type: none; } @@ -623,7 +617,7 @@ span.toggle-details .toggle-details-icon.opened { background: url('../images/spr .cms .jstree-rtl > ul > li, .TreeDropdownField .treedropdownfield-panel .jstree-rtl > ul > li { margin-right: 0px; } .cms .jstree > ul > li, .TreeDropdownField .treedropdownfield-panel .jstree > ul > li { margin-left: 0px; } .cms #vakata-dragged, .TreeDropdownField .treedropdownfield-panel #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, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu { display: block; visibility: hidden; left: 0; top: -200px; position: absolute; margin: 0; padding: 0; min-width: 180px; background: #FFF; border: 1px solid silver; z-index: 10000; *width: 180px; -webkit-box-shadow: 0 0 10px #cccccc; -moz-box-shadow: 0 0 10px #cccccc; box-shadow: 0 0 10px #cccccc; } +.cms #vakata-contextmenu, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu { display: block; visibility: hidden; left: 0; top: -200px; position: absolute; margin: 0; padding: 0; min-width: 180px; background: #FFF; border: 1px solid silver; z-index: 10000; *width: 180px; -moz-box-shadow: 0 0 10px #cccccc; -webkit-box-shadow: 0 0 10px #cccccc; -o-box-shadow: 0 0 10px #cccccc; box-shadow: 0 0 10px #cccccc; } .cms #vakata-contextmenu::before, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu::before { content: ""; display: block; /* reduce the damage in FF3.0 */ position: absolute; top: -10px; left: 24px; width: 0; border-width: 0 6px 10px 6px; border-color: #FFF transparent; border-style: solid; z-index: 10000; } .cms #vakata-contextmenu::after, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu::after { content: ""; display: block; /* reduce the damage in FF3.0 */ position: absolute; top: -11px; left: 23px; width: 0; border-width: 0 7px 11px 7px; border-color: #CCC transparent; border-style: solid; } .cms #vakata-contextmenu ul, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu ul { min-width: 180px; *width: 180px; } @@ -634,7 +628,7 @@ span.toggle-details .toggle-details-icon.opened { background: url('../images/spr .cms #vakata-contextmenu li ins, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li ins { float: left; width: 0; height: 0; text-decoration: none; margin-right: 2px; } .cms #vakata-contextmenu li .jstree-pageicon, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li .jstree-pageicon { margin-top: 3px; margin-right: 5px; } .cms #vakata-contextmenu li a:hover, .cms #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li a:hover, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a { padding: 1px 10px; background: #3875d7; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiMzODc1ZDciLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzJhNjJiYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc)); background-image: -webkit-linear-gradient(top, #3875d7 20%, #2a62bc 90%); background-image: -moz-linear-gradient(top, #3875d7 20%, #2a62bc 90%); background-image: -o-linear-gradient(top, #3875d7 20%, #2a62bc 90%); background-image: -ms-linear-gradient(top, #3875d7 20%, #2a62bc 90%); background-image: linear-gradient(top, #3875d7 20%, #2a62bc 90%); color: #FFF; border: none; } -.cms #vakata-contextmenu li ul, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li ul { display: none; position: absolute; top: -2px; left: 100%; background: #FFF; border: 1px solid silver; -webkit-box-shadow: 0 0 10px #cccccc; -moz-box-shadow: 0 0 10px #cccccc; box-shadow: 0 0 10px #cccccc; } +.cms #vakata-contextmenu li ul, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li ul { display: none; position: absolute; top: -2px; left: 100%; background: #FFF; border: 1px solid silver; -moz-box-shadow: 0 0 10px #cccccc; -webkit-box-shadow: 0 0 10px #cccccc; -o-box-shadow: 0 0 10px #cccccc; box-shadow: 0 0 10px #cccccc; } .cms #vakata-contextmenu .right, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .right { right: 100%; left: auto; } .cms #vakata-contextmenu .bottom, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .bottom { bottom: -1px; top: auto; } .cms #vakata-contextmenu li.vakata-separator, .TreeDropdownField .treedropdownfield-panel #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; } @@ -686,13 +680,13 @@ span.toggle-details .toggle-details-icon.opened { background: url('../images/spr .tree-holder.jstree-apple li.Root strong, .cms-tree.jstree-apple li.Root strong { font-weight: bold; padding-left: 1px; } .tree-holder.jstree-apple li.Root > a .jstree-icon, .cms-tree.jstree-apple li.Root > a .jstree-icon { background-position: -56px -36px; } .tree-holder.jstree-apple a, .tree-holder.jstree-apple a:link, .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; } -.tree-holder.jstree-apple span.badge, .cms-tree.jstree-apple span.badge { 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; -ms-border-radius: 2px / 2px; -o-border-radius: 2px / 2px; border-radius: 2px / 2px; } +.tree-holder.jstree-apple span.badge, .cms-tree.jstree-apple span.badge { 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; } .tree-holder.jstree-apple span.badge.modified, .cms-tree.jstree-apple span.badge.modified { color: #7E7470; border: 1px solid #C9B800; background-color: #FFF0BC; } .tree-holder.jstree-apple span.badge.addedtodraft, .cms-tree.jstree-apple span.badge.addedtodraft { color: #7E7470; border: 1px solid #C9B800; background-color: #FFF0BC; } .tree-holder.jstree-apple span.badge.deletedonlive, .cms-tree.jstree-apple span.badge.deletedonlive { color: #636363; border: 1px solid #E49393; background-color: #F2DADB; } .tree-holder.jstree-apple span.badge.removedfromdraft, .cms-tree.jstree-apple span.badge.removedfromdraft { color: #636363; border: 1px solid #E49393; background-color: #F2DADB; } .tree-holder.jstree-apple span.badge.workflow-approval, .cms-tree.jstree-apple span.badge.workflow-approval { color: #56660C; border: 1px solid #7C8816; background-color: #DAE79A; } -.tree-holder.jstree-apple span.comment-count, .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; -ms-border-radius: 2px / 2px; -o-border-radius: 2px / 2px; border-radius: 2px / 2px; color: #7E7470; border: 1px solid #C9B800; background-color: #FFF0BC; } +.tree-holder.jstree-apple span.comment-count, .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; } .tree-holder.jstree-apple span.comment-count:before, .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; } .tree-holder.jstree-apple span.comment-count:after, .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; } .tree-holder.jstree-apple .jstree-hovered, .cms-tree.jstree-apple .jstree-hovered { text-shadow: none; text-decoration: none; } @@ -728,9 +722,9 @@ li.class-ErrorPage > a .jstree-pageicon { background-position: 0 -112px; } .cms-logo span { font-weight: bold; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; o-text-overflow: ellipsis; padding-top: 1px; } .cms-login-status { border-top: 1px solid #19435c; height: 24px; padding: 7px 4px 0 4px; overflow: hidden; line-height: 16px; font-size: 11px; } -.cms-login-status .logout-link { display: inline-block; height: 16px; width: 16px; float: left; margin: 0 8px 0 3px; background: url('../images/sprites-32x32-sb47394f892.png') 0 -76px no-repeat; text-indent: -9999em; } +.cms-login-status .logout-link { display: inline-block; height: 16px; width: 16px; float: left; margin: 0 8px 0 3px; background: url('../images/sprites-32x32-sa4e142f7f0.png') 0 -669px no-repeat; text-indent: -9999em; } -.cms-menu { z-index: 80; background: #b0bec7; width: 192px; -webkit-box-shadow: rgba(0, 0, 0, 0.9) 0 0 3px; -moz-box-shadow: rgba(0, 0, 0, 0.9) 0 0 3px; box-shadow: rgba(0, 0, 0, 0.9) 0 0 3px; } +.cms-menu { z-index: 80; background: #b0bec7; width: 192px; -moz-box-shadow: rgba(0, 0, 0, 0.9) 0 0 3px; -webkit-box-shadow: rgba(0, 0, 0, 0.9) 0 0 3px; -o-box-shadow: rgba(0, 0, 0, 0.9) 0 0 3px; box-shadow: rgba(0, 0, 0, 0.9) 0 0 3px; } .cms-menu a { text-decoration: none; } .cms-menu .cms-panel-content { width: 191px; /* 8x24 - 1 */ overflow-x: hidden; overflow-y: auto; } .cms-menu.collapsed { width: 40px; cursor: auto; z-index: 1000; } @@ -748,12 +742,12 @@ li.class-ErrorPage > a .jstree-pageicon { background-position: 0 -112px; } .cms-menu-list li a .icon { display: inline-block; float: left; margin: 4px 10px 0 4px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; } .cms-menu-list li a .text { display: inline-block; float: left; } .cms-menu-list li a .toggle-children { display: inline-block; float: right; width: 20px; height: 100%; cursor: pointer; } -.cms-menu-list li a .toggle-children .toggle-children-icon { display: inline-block; width: 8px; height: 8px; background: url('../images/sprites-32x32-sb47394f892.png') 0 -159px no-repeat; vertical-align: middle; } -.cms-menu-list li a .toggle-children.opened .toggle-children-icon { background: url('../images/sprites-32x32-sb47394f892.png') 0 -143px no-repeat; } +.cms-menu-list li a .toggle-children .toggle-children-icon { display: inline-block; width: 8px; height: 8px; background: url('../images/sprites-32x32-sa4e142f7f0.png') 0 -695px no-repeat; vertical-align: middle; } +.cms-menu-list li a .toggle-children.opened .toggle-children-icon { background: url('../images/sprites-32x32-sa4e142f7f0.png') 0 -711px no-repeat; } .cms-menu-list li ul li a { border-top: 1px solid #b6c3cb; } .cms-menu-list li.current a { color: white; text-shadow: #1e5270 0 -1px 0; border-top: 1px solid #55a4d2; border-bottom: 1px solid #1e5270; background-color: #338dc1; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzOGRjMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI4NzA5OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #338dc1), color-stop(100%, #287099)); background-image: -webkit-linear-gradient(#338dc1, #287099); background-image: -moz-linear-gradient(#338dc1, #287099); background-image: -o-linear-gradient(#338dc1, #287099); background-image: -ms-linear-gradient(#338dc1, #287099); background-image: linear-gradient(#338dc1, #287099); } -.cms-menu-list li.current a .toggle-children .toggle-children-icon { background: url('../images/sprites-32x32-sb47394f892.png') 0 -217px no-repeat; } -.cms-menu-list li.current a .toggle-children.opened .toggle-children-icon { background: url('../images/sprites-32x32-sb47394f892.png') 0 -905px no-repeat; } +.cms-menu-list li.current a .toggle-children .toggle-children-icon { background: url('../images/sprites-32x32-sa4e142f7f0.png') 0 -727px no-repeat; } +.cms-menu-list li.current a .toggle-children.opened .toggle-children-icon { background: url('../images/sprites-32x32-sa4e142f7f0.png') 0 -743px no-repeat; } .cms-menu-list li.current ul { border-top: none; display: block; } .cms-menu-list li.current li { background-color: #287099; } .cms-menu-list li.current li a { font-size: 11px; padding: 0 10px 0 40px; height: 32px; line-height: 32px; color: #e2f0f7; background: none; border-top: 1px solid #2f81b1; border-bottom: 1px solid #1e5270; } diff --git a/admin/images/btn-icon-s734caa4881.png b/admin/images/btn-icon-s734caa4881.png new file mode 100644 index 0000000000000000000000000000000000000000..19defffc8b444d2507cb760a45c078ab43d222a9 GIT binary patch literal 20322 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 * { float: right; margin-left: 5px; font-size: 14.4px; } .cms .ss-gridfield .left { float: left; } @@ -25,12 +25,12 @@ .cms .ss-gridfield .add-existing-autocompleter input.relation-search { width: 380px; } .cms .ss-gridfield .grid-print-button { display: inline-block; } .cms .ss-gridfield .grid-csv-button { display: inline-block; } -.cms table.ss-gridfield-table { display: table; box-shadow: none; padding: 0; border-collapse: separate; border-bottom: 0 none; width: 100%; margin-bottom: 12px; } -.cms table.ss-gridfield-table thead { color: #1e2527; background: transparent; } +.cms table.ss-gridfield-table { display: table; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; padding: 0; border-collapse: separate; border-bottom: 0 none; width: 100%; margin-bottom: 12px; } +.cms table.ss-gridfield-table thead { color: #323e46; background: transparent; } .cms table.ss-gridfield-table thead tr.filter-header .fieldgroup { max-width: 512px; } .cms table.ss-gridfield-table thead tr.filter-header .fieldgroup .fieldgroup-field { padding: 0; } -.cms table.ss-gridfield-table thead tr:first-child th: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-table thead tr:first-child th: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-table thead tr:first-child th:first-child { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -o-border-top-left-radius: 5px; -ms-border-top-left-radius: 5px; -khtml-border-top-left-radius: 5px; border-top-left-radius: 5px; } +.cms table.ss-gridfield-table thead tr:first-child th:last-child { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -o-border-top-right-radius: 5px; -ms-border-top-right-radius: 5px; -khtml-border-top-right-radius: 5px; border-top-right-radius: 5px; } .cms table.ss-gridfield-table tbody { background: #FFF; } .cms table.ss-gridfield-table tbody tr { cursor: pointer; } .cms table.ss-gridfield-table tbody td { width: auto; white-space: nowrap; } @@ -52,13 +52,14 @@ .cms table.ss-gridfield-table tbody td button.gridfield-button-delete span.btn-icon-decline { left: 2px; } .cms table.ss-gridfield-table tbody td a.view-link, .cms table.ss-gridfield-table tbody td a.edit-link { display: inline-block; width: 20px; height: 20px; text-indent: 9999em; overflow: hidden; vertical-align: middle; } .cms table.ss-gridfield-table tbody td a.view-link { background: url(../admin/images/btn-icon/magnifier.png) no-repeat 0 1px; } -.cms table.ss-gridfield-table tbody td a.edit-link { background: url(../admin/images/btn-icon/document--pencil.png) no-repeat 0 1px; } -.cms table.ss-gridfield-table tfoot { color: #1e2527; } -.cms table.ss-gridfield-table tfoot tr td { background: #97a8ad; padding: .7em; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } -.cms table.ss-gridfield-table tr.title th { position: relative; background: #899ca2; border-top: 1px solid rgba(0, 0, 0, 0.1); padding: 5px; min-height: 40px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IzYzBjNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzg5OWNhMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b3c0c4), color-stop(100%, #899ca2)); background-image: -webkit-linear-gradient(#b3c0c4, #899ca2); background-image: -moz-linear-gradient(#b3c0c4, #899ca2); background-image: -o-linear-gradient(#b3c0c4, #899ca2); background-image: -ms-linear-gradient(#b3c0c4, #899ca2); background-image: linear-gradient(#b3c0c4, #899ca2); text-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0; } -.cms table.ss-gridfield-table tr.title th h2 { padding: 0px; font-size: 16.8px; color: #fff; margin: 3px 8px 0; display: inline-block; float: left; } -.cms table.ss-gridfield-table tr.sortable-header { background: #bfcdd2; } -.cms table.ss-gridfield-table tr.sortable-header th { padding: 0px; } +.cms table.ss-gridfield-table tbody td a.edit-link { background: url(../admin/images/btn-icon/document--pencil.png) no-repeat 2px 0px; } +.cms table.ss-gridfield-table tfoot { color: #323e46; } +.cms table.ss-gridfield-table tfoot tr td { background: #b0bec7; padding: .7em; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } +.cms table.ss-gridfield-table tr.title th { position: relative; background: #98aab6; border-bottom: 1px solid #899eab; padding: 5px; min-height: 40px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IwYmVjNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzk4YWFiNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b0bec7), color-stop(100%, #98aab6)); background-image: -webkit-linear-gradient(#b0bec7, #98aab6); background-image: -moz-linear-gradient(#b0bec7, #98aab6); background-image: -o-linear-gradient(#b0bec7, #98aab6); background-image: -ms-linear-gradient(#b0bec7, #98aab6); background-image: linear-gradient(#b0bec7, #98aab6); text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0; } +.cms table.ss-gridfield-table tr.title th h2 { padding: 0px; font-size: 16.8px; color: #fff; margin: 1px 8px 0; display: inline-block; float: left; } +.cms table.ss-gridfield-table tr.sortable-header { background: #dbe3e8; } +.cms table.ss-gridfield-table tr.sortable-header th { padding: 0; font-weight: normal; } +.cms table.ss-gridfield-table tr.sortable-header th .ss-ui-button { font-weight: normal; } .cms table.ss-gridfield-table tr:hover { background: #FFFAD6 !important; } .cms table.ss-gridfield-table tr:first-child { background: transparent; } .cms table.ss-gridfield-table tr.ss-gridfield-even { background: #f0f4f7; } @@ -76,13 +77,13 @@ .cms table.ss-gridfield-table tr th.extra { position: relative; background: #637276; background: rgba(0, 0, 0, 0.7); padding: 5px; border-top: rgba(0, 0, 0, 0.2); } .cms table.ss-gridfield-table tr th.extra input { height: 28px; } .cms table.ss-gridfield-table 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; -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 table.ss-gridfield-table 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-table 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-table tr th.first { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -o-border-top-left-radius: 5px; -ms-border-top-left-radius: 5px; -khtml-border-top-left-radius: 5px; border-top-left-radius: 5px; } +.cms table.ss-gridfield-table tr th.last { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -o-border-top-right-radius: 5px; -ms-border-top-right-radius: 5px; -khtml-border-top-right-radius: 5px; border-top-right-radius: 5px; } .cms table.ss-gridfield-table tr th button#action_gridfield_relationadd:hover { color: #444 !important; /* Not sure why IE think it needs this */ } .cms table.ss-gridfield-table tr th button:hover { color: #ccc !important; /* Not sure why IE think it needs this */ } .cms table.ss-gridfield-table 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-table tr th button.ss-gridfield-sort { background: transparent url(../images/arrows.png) no-repeat right 10px; border: none; width: 100%; text-align: left; padding: 4px 8px 4px 0; text-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0; color: #fff; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; } -.cms table.ss-gridfield-table tr th button.ss-gridfield-sort:hover { background-position: right -30px; } +.cms table.ss-gridfield-table tr th button.ss-gridfield-sort { background: transparent url(../images/arrows.png) no-repeat right 6px; border: none; width: 100%; text-align: left; padding: 2px 8px 2px 0; text-shadow: rgba(0, 0, 0, 0.2) 0px -1px 0; color: #fff; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; } +.cms table.ss-gridfield-table tr th button.ss-gridfield-sort:hover { background-position: right -34px; } .cms table.ss-gridfield-table tr th button.ss-gridfield-sort.ss-gridfield-sorted-desc { background-position: right -72px; } .cms table.ss-gridfield-table tr th button.ss-gridfield-sort.ss-gridfield-sorted-asc { background-position: right -116px; } .cms table.ss-gridfield-table tr th button.ss-ui-button.ss-gridfield-button-filter { background-color: #55a4d2; border: none; display: block; text-indent: -9999em; width: 30px; height: 25px; background: url(../images/icons/filter-icons.png) no-repeat -15px 4px, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzOGRjMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI4NzA5OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: url(../images/icons/filter-icons.png) no-repeat -15px 4px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #338dc1), color-stop(100%, #287099)); background: url(../images/icons/filter-icons.png) no-repeat -15px 4px, -webkit-linear-gradient(#338dc1, #287099); background: url(../images/icons/filter-icons.png) no-repeat -15px 4px, -moz-linear-gradient(#338dc1, #287099); background: url(../images/icons/filter-icons.png) no-repeat -15px 4px, -o-linear-gradient(#338dc1, #287099); background: url(../images/icons/filter-icons.png) no-repeat -15px 4px, -ms-linear-gradient(#338dc1, #287099); background: url(../images/icons/filter-icons.png) no-repeat -15px 4px, linear-gradient(#338dc1, #287099); width: 26px; border-top: 1px solid #4199cd; } @@ -103,9 +104,9 @@ .cms table.ss-gridfield-table tr th input.ss-gridfield-sort:-ms-input-placeholder { font-style: italic; color: #ced5d7; } .cms table.ss-gridfield-table tr th input.ss-gridfield-sort:placeholder { font-style: italic; color: #ced5d7; } .cms table.ss-gridfield-table tr th input.ss-gridfield-sort:focus { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } -.cms table.ss-gridfield-table tr th span.non-sortable { padding: 1em 1em; display: block; } -.cms table.ss-gridfield-table tr td { border-right: 1px solid rgba(0, 0, 0, 0.1); padding: 6.4px 12px; color: #666666; } -.cms table.ss-gridfield-table 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: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IzYzBjNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzg5OWNhMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b3c0c4), color-stop(100%, #899ca2)); background-image: -webkit-linear-gradient(#b3c0c4, #899ca2); background-image: -moz-linear-gradient(#b3c0c4, #899ca2); background-image: -o-linear-gradient(#b3c0c4, #899ca2); background-image: -ms-linear-gradient(#b3c0c4, #899ca2); background-image: linear-gradient(#b3c0c4, #899ca2); } +.cms table.ss-gridfield-table tr th span.non-sortable { display: block; } +.cms table.ss-gridfield-table tr td { border-right: 1px solid rgba(0, 0, 0, 0.1); padding: 8px 8px; color: #666666; } +.cms table.ss-gridfield-table tr td.bottom-all { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -o-border-bottom-left-radius: 5px; -ms-border-bottom-left-radius: 5px; -khtml-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -o-border-bottom-right-radius: 5px; -ms-border-bottom-right-radius: 5px; -khtml-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IwYmVjNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzk4YWFiNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b0bec7), color-stop(100%, #98aab6)); background-image: -webkit-linear-gradient(#b0bec7, #98aab6); background-image: -moz-linear-gradient(#b0bec7, #98aab6); background-image: -o-linear-gradient(#b0bec7, #98aab6); background-image: -ms-linear-gradient(#b0bec7, #98aab6); background-image: linear-gradient(#b0bec7, #98aab6); padding: 4px 12px; } .cms table.ss-gridfield-table tr td.bottom-all .datagrid-footer-message { text-align: center; padding-top: 6px; color: white; } .cms table.ss-gridfield-table tr td.bottom-all .datagrid-pagination { padding-top: 1px; position: absolute; left: 50%; margin-left: -116px; z-index: 5; } .cms table.ss-gridfield-table tr td.bottom-all .datagrid-pagination .pagination-page-number { color: white; text-shadow: rgba(0, 0, 0, 0.2) 0px -1px 0; } diff --git a/forms/HtmlEditorField.php b/forms/HtmlEditorField.php index e88f4991c..17c9446e7 100644 --- a/forms/HtmlEditorField.php +++ b/forms/HtmlEditorField.php @@ -425,18 +425,28 @@ class HtmlEditorField_Toolbar extends RequestHandler { $allFields = new CompositeField( $tabSet, - new LiteralField('headerEdit', '

' . sprintf($numericLabelTmpl, '2', _t('HtmlEditorField.EditDetails', 'Edit details')) . '

'), + new LiteralField('headerEdit', '

' . sprintf($numericLabelTmpl, '2', _t('HtmlEditorField.ADJUSTDETAILSDIMENSIONS', 'Details & dimensions')) . '

'), $editComposite = new CompositeField( - new LiteralField('contentEdit', '
') - ) + new LiteralField('contentEdit', '
') + + ) ); - $fields = new FieldList( + $allFields -> addExtraClass('ss-insert-media'); + + $headings = new CompositeField( new LiteralField( 'Heading', sprintf('

%s

', _t('HtmlEditorField.INSERTMEDIA', 'Insert Media')). sprintf('

%s

', _t('HtmlEditorField.UpdateMEDIA', 'Update Media')) - ), + ) + ); + + $headings->addExtraClass('cms-content-header'); + $editComposite->addExtraClass('ss-assetuploadfield'); + + $fields = new FieldList( + $headings, $allFields ); diff --git a/javascript/HtmlEditorField.js b/javascript/HtmlEditorField.js index 9d171f68c..30dd72f46 100644 --- a/javascript/HtmlEditorField.js +++ b/javascript/HtmlEditorField.js @@ -676,14 +676,13 @@ ss.editorWrappers['default'] = ss.editorWrappers.tinyMCE; var updateExisting = Boolean(this.find('.ss-htmleditorfield-file').length); this.find('.overview .action-delete')[updateExisting ? 'hide' : 'show'](); }, - onsubmit: function() { + onsubmit: function() { var self = this, ed = this.getEditor(); // HACK: See ondialogopen() // jQuery(ed.getContainer()).show(); - - - this.find('.ss-htmleditorfield-file').each(function(el) { + + this.find('.ss-htmleditorfield-file').each(function() { $(this).insertHTML(); }); ed.repaint(); @@ -691,7 +690,7 @@ ss.editorWrappers['default'] = ss.editorWrappers.tinyMCE; return false; }, - updateFromEditor: function() { + updateFromEditor: function() { var self = this, ed = this.getEditor(), node = $(ed.getSelectedNode()); // TODO Depends on managed mime type if(node.is('img')) { @@ -705,6 +704,7 @@ ss.editorWrappers['default'] = ss.editorWrappers.tinyMCE; }, redraw: function() { this._super(); + var ed = this.getEditor(), node = $(ed.getSelectedNode()), hasItems = Boolean(this.find('.ss-htmleditorfield-file').length), editingSelected = node.is('img'), @@ -714,9 +714,10 @@ ss.editorWrappers['default'] = ss.editorWrappers.tinyMCE; if(header) header[(hasItems) ? 'show' : 'hide'](); // Disable "insert" button if no files are selected - this.find('.Actions :submit') + this.find('.Actions :submit') .button(hasItems ? 'enable' : 'disable') - .toggleClass('ui-state-disabled', !hasItems); + .toggleClass('ui-state-disabled', !hasItems); + // Hide file selection and step labels when editing an existing file this.find('#MediaFormInsertImageTabs,.header-edit')[editingSelected ? 'hide' : 'show'](); @@ -727,7 +728,7 @@ ss.editorWrappers['default'] = ss.editorWrappers.tinyMCE; this.find('.htmleditorfield-mediaform-heading.update')[updateExisting ? 'show' : 'hide'](); this.find('.Actions .media-update')[updateExisting ? 'show' : 'hide'](); }, - resetFields: function() { + resetFields: function() { var ed = this.getEditor(), node = $(ed.getSelectedNode()); // HACK: See ondialogopen() @@ -794,7 +795,7 @@ ss.editorWrappers['default'] = ss.editorWrappers.tinyMCE; //get the uploaded file ID when this event triggers, signaling the upload has compeleted successfully editFieldIDs.push($(this).data('id')); }); - var uploadedFiles = $('ul.ss-uploadfield-files').children('li.ss-uploadfield-item'); + var uploadedFiles = $('.ss-uploadfield-files').children('.ss-uploadfield-item'); uploadedFiles.each(function(){ var uploadedID = $(this).data('fileid'); if ($.inArray(uploadedID, editFieldIDs) == -1) { @@ -848,8 +849,9 @@ ss.editorWrappers['default'] = ss.editorWrappers.tinyMCE; * Insert updated HTML content into the rich text editor */ insertHTML: function() { - var form = this.closest('form'), ed = form.getEditor(); - + + var ed = this.getEditor(); + // Workaround for browsers losing focus, similar to tinyMCEPopup.restoreSelection ed.moveToBookmark(window._ss_htmleditorfield_bookmark); window._ss_htmleditorfield_bookmark = null; @@ -926,7 +928,7 @@ ss.editorWrappers['default'] = ss.editorWrappers.tinyMCE; extraData = this.getExtraData(), // imgEl = $(''); imgEl = $('').attr(attrs); - + if(extraData.CaptionText) { el = $('

' + extraData.CaptionText + '

').prepend(imgEl); } else { @@ -938,8 +940,8 @@ ss.editorWrappers['default'] = ss.editorWrappers.tinyMCE; * Logic similar to TinyMCE 'advimage' plugin, insertAndClose() method. */ insertHTML: function() { - var form = this.closest('form'), ed = form.getEditor(), - node = $(ed.getSelectedNode()), captionNode = node.closest('.captionImage'); + var form = this.closest('.cms').find('.cms-container textarea.htmleditor'), ed = form.getEditor(), + node = $(ed.getSelectedNode()), captionNode = node.closest('.captionImage'); // Workaround for browsers losing focus, similar to tinyMCEPopup.restoreSelection. // TODO In TinyMCE core this is restricted to IE, but leaving it our also @@ -1088,16 +1090,66 @@ ss.editorWrappers['default'] = ss.editorWrappers.tinyMCE; /** * Deselect item and remove the 'edit' view */ - $('form.htmleditorfield-mediaform .ss-htmleditorfield-file .action-delete').entwine({ + $('form.htmleditorfield-mediaform .ss-uploadfield-item .ss-uploadfield-item-cancel').entwine({ onclick: function(e) { - var form = this.closest('form'), file = this.closest('.ss-htmleditorfield-file'); + var form = this.closest('form'), file = this.closest('ss-uploadfield-item'); form.find('.ss-gridfield-item[data-id=' + file.data('id') + ']').removeClass('ui-selected'); - this.closest('.ss-htmleditorfield-file').remove(); + this.closest('.ss-uploadfield-item').remove(); form.redraw(); e.preventDefault(); } }); + $('div.ss-assetuploadfield .ss-uploadfield-item-edit, div.ss-assetuploadfield .ss-uploadfield-item-name').entwine({ + onclick: function(e) { + var editForm = this.closest('.ss-uploadfield-item').find('.ss-uploadfield-item-editform'); + + // Mark the row as changed if any of its form fields are edited + editForm.ready(function() { + editForm.find(':input').bind('change', function(e){ + editForm.removeClass('edited'); //so edited class is only there once + editForm.addClass('edited'); + }); + }); + + editForm.parent('.ss-uploadfield-item').removeClass('ui-state-warning'); + + editForm.toggleEditForm(); + + e.preventDefault(); // Avoid a form submit + + return false; // Avoid duplication from button + } + }); + + $('div.ss-assetuploadfield .ss-uploadfield-item-editform').entwine({ + toggleEditForm: function() { + var itemInfo = this.prev('.ss-uploadfield-item-info'), status = itemInfo.find('.ss-uploadfield-item-status'); + var text=""; + + if(this.height() === 0) { + text = ss.i18n._t('UploadField.Editing', "Editing ..."); + this.height('auto'); + itemInfo.find('.toggle-details-icon').addClass('opened'); + status.removeClass('ui-state-success-text').removeClass('ui-state-warning-text'); + } else { + this.height(0); + itemInfo.find('.toggle-details-icon').removeClass('opened'); + if(!this.hasClass('edited')){ + text = ss.i18n._t('UploadField.NOCHANGES', 'No Changes') + status.addClass('ui-state-success-text'); + }else{ + text = ss.i18n._t('UploadField.CHANGESSAVED', 'Changes Made') + this.removeClass('edited'); + status.addClass('ui-state-success-text'); + } + + } + status.attr('title',text).text(text); + } + }); + + $('form.htmleditorfield-mediaform #ParentID .TreeDropdownField').entwine({ onmatch: function() { this._super(); diff --git a/javascript/UploadField.js b/javascript/UploadField.js index 6987349f5..d6172b4c6 100644 --- a/javascript/UploadField.js +++ b/javascript/UploadField.js @@ -38,7 +38,6 @@ //Fixes case where someone uploads a single erroring file if(data.files.length == 1 && data.files[0].error !== null){ - $('.ss-uploadfield-editandorganize').show(); $('.fileOverview .uploadStatus .state').text(ss.i18n._t('AssetUploadField.UploadField.UPLOADFAIL', 'Sorry your upload failed')); }else{ $('.fileOverview .uploadStatus .state').text(ss.i18n._t('AssetUploadField.UPLOADINPROGRESS', 'Please wait… upload in progress'));//.show(); diff --git a/javascript/UploadField_uploadtemplate.js b/javascript/UploadField_uploadtemplate.js index 454c32989..a41c57570 100644 --- a/javascript/UploadField_uploadtemplate.js +++ b/javascript/UploadField_uploadtemplate.js @@ -20,7 +20,7 @@ window.tmpl.cache['ss-uploadfield-uploadtemplate'] = tmpl( '
' + '{% } %}' + '{% } %}' + - '
' + + '
' + '' + '' + '' + diff --git a/scss/AssetUploadField.scss b/scss/AssetUploadField.scss index b0f5ffc99..0a7795776 100644 --- a/scss/AssetUploadField.scss +++ b/scss/AssetUploadField.scss @@ -12,9 +12,10 @@ @include box-shadow(none); } -body.cms.ss-uploadfield-edit-iframe { +body.cms.ss-uploadfield-edit-iframe, .composite.ss-assetuploadfield .details fieldset { padding: $grid-x*2; overflow: auto; + background: #E2E2E2; span.readonly { font-style:italic; @@ -23,9 +24,6 @@ body.cms.ss-uploadfield-edit-iframe { } } -.ss-uploadfield-edit-iframe { - background: #E2E2E2; -} .ss-assetuploadfield { h3 { @@ -55,8 +53,8 @@ body.cms.ss-uploadfield-edit-iframe { right:0; @include box-shadow(none); color: $color-text; - @include ss-uploadfield-editButton; - + + &.ss-uploadfield-item-edit-all { @extend .ss-uploadfield-item-edit; height:auto; @@ -103,7 +101,7 @@ body.cms.ss-uploadfield-edit-iframe { } .ui-state-error .ss-uploadfield-item-info { background-color: #c11f1d; - padding-right:110px; + padding-right:130px; @include background-image(linear-gradient(top, #c11f1d 0%,#bf1d1b 4%,#b71b1c 8%,#b61e1d 15%,#b11d1d 27%,#ab1d1c 31%,#a51b1b 42%,#9f1b19 46%,#9f1b19 50%,#991c1a 54%,#971a18 58%,#911b1b 62%,#911b1b 65%,#7e1816 88%,#771919 92%,#731817 100%)); .ss-uploadfield-item-name { @@ -189,21 +187,9 @@ body.cms.ss-uploadfield-edit-iframe { left: 0; z-index: 0; color: #f00; + @include ss-uploadfield-action-buttons; } - .ss-ui-button { - background: none; - border: 0; - @include box-shadow(none); - @include text-shadow(none); - color: $color-text-light; - float: right; - - &.ss-uploadfield-item-delete { - // TODO tmp hack until we have permissions and can disable delete - display: none; - } - @include ss-uploadfield-editButton; - } + .ss-uploadfield-item-progress { width: 100%; @@ -225,34 +211,6 @@ body.cms.ss-uploadfield-edit-iframe { } } - .ss-uploadfield-item-cancel { - position: absolute; - top: 7px; - right: 7px; - - button { - display: block; - overflow: hidden; - text-indent: -9999px; - padding: 0; - margin: 0; - border: 0; - width: 16px; - height: 16px; - cursor: pointer; - @include single-box-shadow(none); - position: relative; - - .ui-icon { - display: block; - position: absolute; - top: 0; - left: 0; - margin: 0; - } - } - } - .ss-uploadfield-item-editform { /* don't use display none, for it will break jQuery('iframe').contents().height() */ height: 0; @@ -270,8 +228,11 @@ body.cms.ss-uploadfield-edit-iframe { .ss-uploadfield-item-info { float: left; margin: 34px 0 0; + .ss-insert-media &{ + margin: 15px 0px 0 20px; + } label{ - width:300px; + min-width:250px; height:30px; font-size:14px; &.ui-state-focus{ @@ -293,6 +254,10 @@ body.cms.ss-uploadfield-edit-iframe { line-height: 70px; margin-top:16px; display: none; + .ss-insert-media &{ + font-size: 18px; + margin-top: 0; + } } .ss-uploadfield-dropzone { margin-top:9px; @@ -304,6 +269,7 @@ body.cms.ss-uploadfield-edit-iframe { height: 82px; width: 408px; float: left; + &.active{ &.hover{ @include box-shadow(rgba(#fff,0.6) 0 0 3px 2px inset); @@ -328,6 +294,21 @@ body.cms.ss-uploadfield-edit-iframe { z-index:-1; } } + .ss-insert-media &{ + margin-top:3px; + height: 56px; //Design has these smaller than main upload area + width: 277px; + overflow:hidden; + + div{ + background-position:0 15px; + span{ + height:30px; + font-size:18px; + line-height: 18px; + } + } + } } } } diff --git a/scss/GridField.scss b/scss/GridField.scss index a2e26c184..da867c131 100644 --- a/scss/GridField.scss +++ b/scss/GridField.scss @@ -69,7 +69,7 @@ $gf_grid_x: 16px; span.btn-icon-download-csv { height:17px; //exact height of icon } - span.ui-button-text { + .ui-button-text { padding-left:26px; //to accomodate wider export icon } } diff --git a/scss/_elementMixins.scss b/scss/_elementMixins.scss index c31784366..6ba25b737 100644 --- a/scss/_elementMixins.scss +++ b/scss/_elementMixins.scss @@ -15,6 +15,42 @@ } +// Mixin generates the styling for the actions buttons in file uploads +@mixin ss-uploadfield-action-buttons{ + .ss-ui-button { + background: none; + border: 0; + @include box-shadow(none); + @include text-shadow(none); + color: $color-text-light; + float: right; + + &.ss-uploadfield-item-delete { + // TODO tmp hack until we have permissions and can disable delete + display: none; + } + &.ss-uploadfield-item-cancel{ + + @include border-radius(0); + border-left:1px solid rgba(#fff, 0.2); + margin-top:3px; + cursor: pointer; + opacity:0.9; + &:hover{ + opacity:1; + } + .ui-icon { + display: block; + margin: 0; + position:realtive; + top:4px; + } + + } + @include ss-uploadfield-editButton; + } +} + //** // Mixin creates a transparent button with a dropdown arrow, // as is used for files in the files up-load area. The arrows diff --git a/templates/Includes/HtmlEditorField_viewfile.ss b/templates/Includes/HtmlEditorField_viewfile.ss index 4075dce47..66f018ab5 100644 --- a/templates/Includes/HtmlEditorField_viewfile.ss +++ b/templates/Includes/HtmlEditorField_viewfile.ss @@ -1,12 +1,34 @@ -
-
- $Preview - $Name - - - + + +
+
+ $Preview.SetRatioSize(30, 40)
-
+
+ +
+
+
+ +
+ +
+
+
+
<% loop Fields %> $FieldHolder @@ -14,3 +36,7 @@
+ + + +