mirror of
https://github.com/silverstripe/silverstripe-framework
synced 2024-10-22 12:05:37 +00:00
ENHANCEMENT:SSF-38 - Styled in-content file upload dialog box. Also added fixes for cms-content-header box-shadow.
This commit is contained in:
Jeremy Bridson
parent
2110906715
commit
c0fd9bf97c
@ -35,49 +35,49 @@ If more variables exist in the future, consider creating a variables file.*/
|
||||
/** ---------------------------------------------------- Double tone borders http://daverupert.com/2011/06/two-tone-borders-with-css3/ ----------------------------------------------------- */
|
||||
/** ----------------------------- Sprite images ----------------------------- */
|
||||
/** Helper SCSS file for generating sprites for the interface. */
|
||||
.btn-icon-sprite, .ui-state-default .btn-icon-accept, .ui-state-default .btn-icon-accept_disabled, .ui-state-default .btn-icon-add, .ui-state-default .btn-icon-add_disabled, .ui-state-default .btn-icon-addpage, .ui-state-default .btn-icon-addpage_disabled, .ui-state-default .btn-icon-arrow-circle-135-left, .ui-state-default .btn-icon-back, .ui-state-default .btn-icon-back_disabled, .ui-state-default .btn-icon-chain--arrow, .ui-state-default .btn-icon-chain--exclamation, .ui-state-default .btn-icon-chain--minus, .ui-state-default .btn-icon-chain--pencil, .ui-state-default .btn-icon-chain--plus, .ui-state-default .btn-icon-chain-small, .ui-state-default .btn-icon-chain-unchain, .ui-state-default .btn-icon-chain, .ui-state-default .btn-icon-cross-circle, .ui-state-default .btn-icon-cross-circle_disabled, .ui-state-default .btn-icon-decline, .ui-state-default .btn-icon-decline_disabled, .ui-state-default .btn-icon-download-csv, .ui-state-default .btn-icon-drive-upload, .ui-state-default .btn-icon-drive-upload_disabled, .ui-state-default .btn-icon-magnifier, .ui-state-default .btn-icon-minus-circle, .ui-state-default .btn-icon-minus-circle_disabled, .ui-state-default .btn-icon-navigation, .ui-state-default .btn-icon-navigation_disabled, .ui-state-default .btn-icon-network-cloud, .ui-state-default .btn-icon-network-cloud_disabled, .ui-state-default .btn-icon-pencil, .ui-state-default .btn-icon-pencil_disabled, .ui-state-default .btn-icon-plug-disconnect-prohibition, .ui-state-default .btn-icon-plug-disconnect-prohibition_disabled, .ui-state-default .btn-icon-preview, .ui-state-default .btn-icon-preview_disabled, .ui-state-default .btn-icon-settings, .ui-state-default .btn-icon-settings_disabled, .ui-state-default .btn-icon-unpublish, .ui-state-default .btn-icon-unpublish_disabled { background: url('../images/btn-icon-sc495ceeeca.png') no-repeat; }
|
||||
.btn-icon-sprite, .ui-state-default .btn-icon-accept, .ui-state-default .btn-icon-accept_disabled, .ui-state-default .btn-icon-add, .ui-state-default .btn-icon-add_disabled, .ui-state-default .btn-icon-addpage, .ui-state-default .btn-icon-addpage_disabled, .ui-state-default .btn-icon-arrow-circle-135-left, .ui-state-default .btn-icon-back, .ui-state-default .btn-icon-back_disabled, .ui-state-default .btn-icon-chain--arrow, .ui-state-default .btn-icon-chain--exclamation, .ui-state-default .btn-icon-chain--minus, .ui-state-default .btn-icon-chain--pencil, .ui-state-default .btn-icon-chain--plus, .ui-state-default .btn-icon-chain-small, .ui-state-default .btn-icon-chain-unchain, .ui-state-default .btn-icon-chain, .ui-state-default .btn-icon-cross-circle, .ui-state-default .btn-icon-cross-circle_disabled, .ui-state-default .btn-icon-decline, .ui-state-default .btn-icon-decline_disabled, .ui-state-default .btn-icon-download-csv, .ui-state-default .btn-icon-drive-upload, .ui-state-default .btn-icon-drive-upload_disabled, .ui-state-default .btn-icon-magnifier, .ui-state-default .btn-icon-minus-circle, .ui-state-default .btn-icon-minus-circle_disabled, .ui-state-default .btn-icon-navigation, .ui-state-default .btn-icon-navigation_disabled, .ui-state-default .btn-icon-network-cloud, .ui-state-default .btn-icon-network-cloud_disabled, .ui-state-default .btn-icon-pencil, .ui-state-default .btn-icon-pencil_disabled, .ui-state-default .btn-icon-plug-disconnect-prohibition, .ui-state-default .btn-icon-plug-disconnect-prohibition_disabled, .ui-state-default .btn-icon-preview, .ui-state-default .btn-icon-preview_disabled, .ui-state-default .btn-icon-settings, .ui-state-default .btn-icon-settings_disabled, .ui-state-default .btn-icon-unpublish, .ui-state-default .btn-icon-unpublish_disabled { background: url('../images/btn-icon-s41050dc384.png') no-repeat; }
|
||||
|
||||
.ui-state-default .btn-icon-accept { background-position: 0 0; }
|
||||
.ui-state-default .btn-icon-accept_disabled { background-position: 0 -17px; }
|
||||
.ui-state-default .btn-icon-add { background-position: 0 -34px; }
|
||||
.ui-state-default .btn-icon-add_disabled { background-position: 0 -52px; }
|
||||
.ui-state-default .btn-icon-addpage { background-position: 0 -70px; }
|
||||
.ui-state-default .btn-icon-addpage_disabled { background-position: 0 -88px; }
|
||||
.ui-state-default .btn-icon-arrow-circle-135-left { background-position: 0 -104px; }
|
||||
.ui-state-default .btn-icon-back { background-position: 0 -120px; }
|
||||
.ui-state-default .btn-icon-back_disabled { background-position: 0 -136px; }
|
||||
.ui-state-default .btn-icon-chain--arrow { background-position: 0 -151px; }
|
||||
.ui-state-default .btn-icon-chain--exclamation { background-position: 0 -167px; }
|
||||
.ui-state-default .btn-icon-chain--minus { background-position: 0 -183px; }
|
||||
.ui-state-default .btn-icon-chain--pencil { background-position: 0 -199px; }
|
||||
.ui-state-default .btn-icon-chain--plus { background-position: 0 -215px; }
|
||||
.ui-state-default .btn-icon-chain-small { background-position: 0 -231px; }
|
||||
.ui-state-default .btn-icon-chain-unchain { background-position: 0 -247px; }
|
||||
.ui-state-default .btn-icon-chain { background-position: 0 -263px; }
|
||||
.ui-state-default .btn-icon-cross-circle { background-position: 0 -279px; }
|
||||
.ui-state-default .btn-icon-cross-circle_disabled { background-position: 0 -295px; }
|
||||
.ui-state-default .btn-icon-decline { background-position: 0 -311px; }
|
||||
.ui-state-default .btn-icon-decline_disabled { background-position: 0 -328px; }
|
||||
.ui-state-default .btn-icon-download-csv { background-position: 0 -345px; }
|
||||
.ui-state-default .btn-icon-drive-upload { background-position: 0 -363px; }
|
||||
.ui-state-default .btn-icon-drive-upload_disabled { background-position: 0 -379px; }
|
||||
.ui-state-default .btn-icon-magnifier { background-position: 0 -395px; }
|
||||
.ui-state-default .btn-icon-minus-circle { background-position: 0 -411px; }
|
||||
.ui-state-default .btn-icon-minus-circle_disabled { background-position: 0 -427px; }
|
||||
.ui-state-default .btn-icon-navigation { background-position: 0 -443px; }
|
||||
.ui-state-default .btn-icon-navigation_disabled { background-position: 0 -459px; }
|
||||
.ui-state-default .btn-icon-network-cloud { background-position: 0 -475px; }
|
||||
.ui-state-default .btn-icon-network-cloud_disabled { background-position: 0 -491px; }
|
||||
.ui-state-default .btn-icon-pencil { background-position: 0 -507px; }
|
||||
.ui-state-default .btn-icon-pencil_disabled { background-position: 0 -523px; }
|
||||
.ui-state-default .btn-icon-plug-disconnect-prohibition { background-position: 0 -539px; }
|
||||
.ui-state-default .btn-icon-plug-disconnect-prohibition_disabled { background-position: 0 -555px; }
|
||||
.ui-state-default .btn-icon-preview { background-position: 0 -571px; }
|
||||
.ui-state-default .btn-icon-preview_disabled { background-position: 0 -588px; }
|
||||
.ui-state-default .btn-icon-settings { background-position: 0 -605px; }
|
||||
.ui-state-default .btn-icon-settings_disabled { background-position: 0 -621px; }
|
||||
.ui-state-default .btn-icon-unpublish { background-position: 0 -637px; }
|
||||
.ui-state-default .btn-icon-unpublish_disabled { background-position: 0 -655px; }
|
||||
.ui-state-default .btn-icon-addpage_disabled { background-position: 0 -86px; }
|
||||
.ui-state-default .btn-icon-arrow-circle-135-left { background-position: 0 -102px; }
|
||||
.ui-state-default .btn-icon-back { background-position: 0 -118px; }
|
||||
.ui-state-default .btn-icon-back_disabled { background-position: 0 -134px; }
|
||||
.ui-state-default .btn-icon-chain--arrow { background-position: 0 -149px; }
|
||||
.ui-state-default .btn-icon-chain--exclamation { background-position: 0 -165px; }
|
||||
.ui-state-default .btn-icon-chain--minus { background-position: 0 -181px; }
|
||||
.ui-state-default .btn-icon-chain--pencil { background-position: 0 -197px; }
|
||||
.ui-state-default .btn-icon-chain--plus { background-position: 0 -213px; }
|
||||
.ui-state-default .btn-icon-chain-small { background-position: 0 -229px; }
|
||||
.ui-state-default .btn-icon-chain-unchain { background-position: 0 -245px; }
|
||||
.ui-state-default .btn-icon-chain { background-position: 0 -261px; }
|
||||
.ui-state-default .btn-icon-cross-circle { background-position: 0 -277px; }
|
||||
.ui-state-default .btn-icon-cross-circle_disabled { background-position: 0 -293px; }
|
||||
.ui-state-default .btn-icon-decline { background-position: 0 -309px; }
|
||||
.ui-state-default .btn-icon-decline_disabled { background-position: 0 -326px; }
|
||||
.ui-state-default .btn-icon-download-csv { background-position: 0 -343px; }
|
||||
.ui-state-default .btn-icon-drive-upload { background-position: 0 -361px; }
|
||||
.ui-state-default .btn-icon-drive-upload_disabled { background-position: 0 -377px; }
|
||||
.ui-state-default .btn-icon-magnifier { background-position: 0 -393px; }
|
||||
.ui-state-default .btn-icon-minus-circle { background-position: 0 -409px; }
|
||||
.ui-state-default .btn-icon-minus-circle_disabled { background-position: 0 -425px; }
|
||||
.ui-state-default .btn-icon-navigation { background-position: 0 -441px; }
|
||||
.ui-state-default .btn-icon-navigation_disabled { background-position: 0 -457px; }
|
||||
.ui-state-default .btn-icon-network-cloud { background-position: 0 -473px; }
|
||||
.ui-state-default .btn-icon-network-cloud_disabled { background-position: 0 -489px; }
|
||||
.ui-state-default .btn-icon-pencil { background-position: 0 -505px; }
|
||||
.ui-state-default .btn-icon-pencil_disabled { background-position: 0 -521px; }
|
||||
.ui-state-default .btn-icon-plug-disconnect-prohibition { background-position: 0 -537px; }
|
||||
.ui-state-default .btn-icon-plug-disconnect-prohibition_disabled { background-position: 0 -553px; }
|
||||
.ui-state-default .btn-icon-preview { background-position: 0 -569px; }
|
||||
.ui-state-default .btn-icon-preview_disabled { background-position: 0 -586px; }
|
||||
.ui-state-default .btn-icon-settings { background-position: 0 -603px; }
|
||||
.ui-state-default .btn-icon-settings_disabled { background-position: 0 -619px; }
|
||||
.ui-state-default .btn-icon-unpublish { background-position: 0 -635px; }
|
||||
.ui-state-default .btn-icon-unpublish_disabled { background-position: 0 -653px; }
|
||||
|
||||
.icon { text-indent: -9999px; border: none; outline: none; }
|
||||
.icon.icon-24 { width: 24px; height: 24px; background: url('../images/menu-icons/24x24-s546fcae8fd.png'); }
|
||||
@ -253,7 +253,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 8px 8px; height: 32px; z-index: 60; background-image: url(../images/textures/cms_content_header.png); background-repeat: repeat; }
|
||||
.cms-content-header { padding: 0px 8px 8px; height: 32px; z-index: 60; -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; background-image: url(../images/textures/cms_content_header.png); background-repeat: repeat; }
|
||||
.cms-content-header a { color: #1556b2; }
|
||||
.cms-content-header .backlink { float: left; margin-top: 7px; }
|
||||
.cms-content-header .backlink span.btn-icon-back { height: 16px; }
|
||||
@ -400,7 +400,7 @@ body.cms { overflow: hidden; }
|
||||
form.member-profile-form { padding: 0 16px 0 0; }
|
||||
form.member-profile-form .ui-tabs-nav .ui-state-default, form.member-profile-form .ui-tabs-nav .ui-widget-content .ui-state-default, form.member-profile-form .ui-tabs-nav .ui-widget-header .ui-state-default { border-top: none; }
|
||||
form.member-profile-form #Root_Permissions { clear: both; padding: 16px; }
|
||||
form.member-profile-form #Root_Main { clear: both; padding: 16px; }
|
||||
form.member-profile-form #Root_Main { clear: both; }
|
||||
form.member-profile-form #Root_Main .cms-help-toggle { text-indent: -9999em; display: inline-block; width: 20px; background: url(../images/question.png) no-repeat 0px 0px; }
|
||||
form.member-profile-form #FavouritePageID { margin-top: 8px; }
|
||||
form.member-profile-form #CsvFile .middleColumn { background: none !important; }
|
||||
@ -465,23 +465,28 @@ 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; background-color: #92a5b2; padding: 4px 4px 4px 16px; border-bottom: 2px solid #8399a7; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NlZDdkYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzkyYTViMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ced7dc), color-stop(100%, #92a5b2)); background-image: -webkit-linear-gradient(#ced7dc, #92a5b2); background-image: -moz-linear-gradient(#ced7dc, #92a5b2); background-image: -o-linear-gradient(#ced7dc, #92a5b2); background-image: -ms-linear-gradient(#ced7dc, #92a5b2); background-image: linear-gradient(#ced7dc, #92a5b2); }
|
||||
.ui-dialog .ui-dialog-titlebar.ui-widget-header { font-size: 14px; padding: 4px 4px 4px 16px; 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 .cms-dialog-content { background: url("../images/textures/bg_cms_main_content.png") repeat left top #f0f3f4; padding-bottom: 8px; overflow: visible; }
|
||||
.ui-dialog .cms-dialog-content .Actions { overflow: auto; margin: 8px 0; padding-bottom: 8px; float: right; }
|
||||
.ui-dialog .cms-dialog-content .ss-tabset { z-index: 60; -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 .ss-tabset .tab { background: none; overflow-y: auto; }
|
||||
.ui-dialog .cms-dialog-content .ss-tabset.ui-tabs { background: none; }
|
||||
.ui-dialog .cms-dialog-content .ss-tabset.ui-tabs .ui-tabs-nav { border: none; padding: 0 40px 0 0; float: right; margin-top: -44px; }
|
||||
.ui-dialog .cms-dialog-content .ss-tabset.ui-tabs .ui-tabs-nav li { font-weight: bold; line-height: 16px; padding: 12px 12px 10px; border-bottom: 2px solid #B3B3B3; }
|
||||
.ui-dialog .cms-dialog-content .ss-tabset.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: -1px; }
|
||||
.ui-dialog .cms-dialog-content .ss-tabset.ui-tabs .ui-tabs-nav li:first-child { margin-left: 15px; }
|
||||
.ui-dialog .cms-dialog-content .ss-tabset.ui-tabs .ui-tabs-nav .ui-state-focus a { outline: none; }
|
||||
.ui-dialog .cms-dialog-content .ss-tabset.ui-tabs .ui-tabs-nav .ui-state-default, .ui-dialog .cms-dialog-content .ss-tabset.ui-tabs .ui-tabs-nav .ui-widget-content .ui-state-default, .ui-dialog .cms-dialog-content .ss-tabset.ui-tabs .ui-tabs-nav .ui-widget-header .ui-state-default { background-color: #b0bec7; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IwYmVjNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzhjYTFhZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b0bec7), color-stop(100%, #8ca1ae)); background-image: -webkit-linear-gradient(#b0bec7, #8ca1ae); background-image: -moz-linear-gradient(#b0bec7, #8ca1ae); background-image: -o-linear-gradient(#b0bec7, #8ca1ae); background-image: -ms-linear-gradient(#b0bec7, #8ca1ae); background-image: linear-gradient(#b0bec7, #8ca1ae); border-right-color: #a6a6a6; border-left-color: #d9d9d9; border-bottom: none; border-top: none; text-shadow: white 0 1px 0; }
|
||||
.ui-dialog .cms-dialog-content .ss-tabset.ui-tabs .ui-tabs-nav .ui-state-active, .ui-dialog .cms-dialog-content .ss-tabset.ui-tabs .ui-tabs-nav .ui-widget-content .ui-state-active, .ui-dialog .cms-dialog-content .ss-tabset.ui-tabs .ui-tabs-nav .ui-widget-header .ui-state-active { background: #eceff1; border-right-color: #a6a6a6; border-left-color: #a6a6a6; margin-right: -1px; margin-left: -3px; z-index: 2; }
|
||||
.ui-dialog .cms-dialog-content .ss-tabset.ui-tabs .ui-tabs-nav .ui-state-active a, .ui-dialog .cms-dialog-content .ss-tabset.ui-tabs .ui-tabs-nav .ui-widget-content .ui-state-active a, .ui-dialog .cms-dialog-content .ss-tabset.ui-tabs .ui-tabs-nav .ui-widget-header .ui-state-active a { border-bottom: none; border-top: none; }
|
||||
.ui-dialog .cms-dialog-content .ss-tabset.ui-tabs .ui-tabs-nav .ui-corner-all, .ui-dialog .cms-dialog-content .ss-tabset.ui-tabs .ui-tabs-nav .ui-corner-top, .ui-dialog .cms-dialog-content .ss-tabset.ui-tabs .ui-tabs-nav .ui-corner-right, .ui-dialog .cms-dialog-content .ss-tabset.ui-tabs .ui-tabs-nav .ui-corner-tr { border-radius: 0; }
|
||||
.ui-dialog .cms-dialog-content .ss-tabset.ui-tabs .ui-tabs-nav .ui-corner-all, .ui-dialog .cms-dialog-content .ss-tabset.ui-tabs .ui-tabs-nav .ui-corner-top, .ui-dialog .cms-dialog-content .ss-tabset.ui-tabs .ui-tabs-nav .ui-corner-left, .ui-dialog .cms-dialog-content .ss-tabset.ui-tabs .ui-tabs-nav .ui-corner-tl { border-radius: 0; }
|
||||
.ui-dialog .cms-dialog-content .ss-tabset.ui-tabs .ui-tabs-panel { background: url("../images/textures/bg_cms_main_content.png") repeat left top #f0f3f4; overflow-x: hidden; }
|
||||
.ui-dialog .cms-dialog-content .clear { clear: both; }
|
||||
.ui-dialog.loading { background-image: url(../images/spinner.gif); background-position: 50% 50%; background-repeat: no-repeat; }
|
||||
|
||||
body.cms-dialog { overflow: auto; background: url("../images/textures/bg_cms_main_content.png") repeat left top #f0f3f4; }
|
||||
|
||||
.cms-dialog-content { background: url("../images/textures/bg_cms_main_content.png") repeat left top #f0f3f4; padding-bottom: 8px; }
|
||||
.cms-dialog-content .Actions { overflow: auto; margin: 8px 0; padding-bottom: 8px; float: right; }
|
||||
.cms-dialog-content .ss-tabset { z-index: 60; -moz-border-radius: none; -webkit-border-radius: none; -o-border-radius: none; -ms-border-radius: none; -khtml-border-radius: none; border-radius: none; }
|
||||
.cms-dialog-content .ss-tabset .tab { background: none; overflow-y: auto; }
|
||||
.cms-dialog-content .ss-tabset.ui-tabs { background: none; }
|
||||
.cms-dialog-content .ss-tabset.ui-tabs .ui-tabs-nav { border: none; padding: 0 40px 0 0; float: right; }
|
||||
.cms-dialog-content .ss-tabset.ui-tabs .ui-tabs-nav li { font-weight: bold; line-height: 16px; padding: 11px 12px 9px; border-bottom: 2px solid #B3B3B3; }
|
||||
.cms-dialog-content .ss-tabset.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: -1px; }
|
||||
.cms-dialog-content .ss-tabset.ui-tabs .ui-tabs-nav li:first-child { margin-left: 15px; }
|
||||
.cms-dialog-content .ss-tabset.ui-tabs .ui-tabs-panel { border: 1px solid #AAAAAA; background: url("../images/textures/bg_cms_main_content.png") repeat left top #f0f3f4; }
|
||||
.cms-dialog-content .clear { clear: both; }
|
||||
|
||||
/** -------------------------------------------- "Insert X" forms -------------------------------------------- */
|
||||
.htmleditorfield-linkform .step2 { margin-bottom: 16px; }
|
||||
|
||||
@ -492,7 +497,7 @@ body.cms-dialog { overflow: auto; background: url("../images/textures/bg_cms_mai
|
||||
.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; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; margin-left: 16px; padding: 4px; }
|
||||
.htmleditorfield-mediaform .ss-htmleditorfield-file .overview .action-delete { display: inline-block; }
|
||||
.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) -------------------------------------------- */
|
||||
@ -536,7 +541,9 @@ form.import-form label.left { width: 250px; }
|
||||
|
||||
/** 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; }
|
||||
.cms .jstree li, .TreeDropdownField .treedropdownfield-panel .jstree li { display: block; margin: 0; padding: 0; list-style-type: none; display: block; min-height: 18px; line-height: 18px; white-space: nowrap; margin-left: 18px; min-width: 18px; }
|
||||
.cms .jstree li, .TreeDropdownField .treedropdownfield-panel .jstree li { display: block; margin: 0; padding: 0; list-style-type: none; display: block; min-height: 18px; line-height: 18px; white-space: nowrap; min-width: 18px; }
|
||||
.cms .jstree li li, .TreeDropdownField .treedropdownfield-panel .jstree li li { margin: 0; }
|
||||
.cms .jstree li li li, .TreeDropdownField .treedropdownfield-panel .jstree li li li { margin-left: 10px; }
|
||||
.cms .jstree ins, .TreeDropdownField .treedropdownfield-panel .jstree ins { display: inline-block; text-decoration: none; width: 18px; height: 18px; margin: 0 0 0 0; padding: 0; float: left; }
|
||||
.cms .jstree a, .TreeDropdownField .treedropdownfield-panel .jstree a { display: inline-block; line-height: 16px; height: 16px; color: black; white-space: nowrap; text-decoration: none; padding: 1px 2px; margin: 0; border: 1px solid #fff; }
|
||||
.cms .jstree a:focus, .cms .jstree a:active, .cms .jstree a:hover, .TreeDropdownField .treedropdownfield-panel .jstree a:focus, .TreeDropdownField .treedropdownfield-panel .jstree a:active, .TreeDropdownField .treedropdownfield-panel .jstree a:hover { outline: none; text-decoration: none; cursor: pointer; text-shadow: none; }
|
||||
@ -572,7 +579,7 @@ form.import-form label.left { width: 250px; }
|
||||
.cms .jstree a > ins, .TreeDropdownField .treedropdownfield-panel .jstree a > ins { height: 16px; width: 16px; }
|
||||
.cms .jstree a > .jstree-icon, .TreeDropdownField .treedropdownfield-panel .jstree a > .jstree-icon { margin-right: 3px; }
|
||||
.cms .jstree-rtl a > .jstree-icon, .TreeDropdownField .treedropdownfield-panel .jstree-rtl a > .jstree-icon { margin-left: 3px; margin-right: 0; }
|
||||
.cms li.jstree-open > ul, .TreeDropdownField .treedropdownfield-panel li.jstree-open > ul { display: block; margin-left: -13px; }
|
||||
.cms li.jstree-open > ul, .TreeDropdownField .treedropdownfield-panel li.jstree-open > ul { display: block; }
|
||||
.cms li.jstree-open > ul li ul, .TreeDropdownField .treedropdownfield-panel li.jstree-open > ul li ul { margin-left: 2px; }
|
||||
.cms li.jstree-closed > ul, .TreeDropdownField .treedropdownfield-panel li.jstree-closed > ul { display: none; }
|
||||
.cms #vakata-dragged ins, .TreeDropdownField .treedropdownfield-panel #vakata-dragged ins { display: block; text-decoration: none; width: 16px; height: 16px; margin: 0 0 0 0; padding: 0; position: absolute; top: 4px; left: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; }
|
||||
|
||||
BIN
admin/images/btn-icon-s41050dc384.png
Normal file
BIN
admin/images/btn-icon-s41050dc384.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
@ -86,7 +86,7 @@ body.cms {
|
||||
padding: ($grid-y - 8) $grid-x $grid-y;
|
||||
height: $grid-y * 4;
|
||||
z-index: 60;
|
||||
|
||||
@include box-shadow($color-shadow-dark 0 0 ($grid-x / 2) inset);
|
||||
background: {
|
||||
image:url(../images/textures/cms_content_header.png);
|
||||
repeat:repeat;
|
||||
@ -855,7 +855,6 @@ form.member-profile-form {
|
||||
|
||||
#Root_Main {
|
||||
clear:both;
|
||||
padding: $grid-x*2;
|
||||
.cms-help-toggle {
|
||||
text-indent: -9999em;
|
||||
display: inline-block;
|
||||
@ -1167,12 +1166,123 @@ form.member-profile-form {
|
||||
|
||||
// Titlebar for pop-up dialog.
|
||||
.ui-dialog-titlebar.ui-widget-header {
|
||||
font-size: $font-base-size+2;
|
||||
background-color: #92a5b2;
|
||||
font-size: $font-base-size+2;
|
||||
padding: $grid-y/2 $grid-x/2 $grid-y/2 $grid-x*2;
|
||||
border-bottom: 2px solid #8399a7;
|
||||
border:none;
|
||||
background: {
|
||||
color:transparent;
|
||||
image:url(../images/textures/cms_content_header.png);
|
||||
repeat:repeat;
|
||||
}
|
||||
@include box-shadow($color-shadow-dark 0 0 ($grid-x / 2) inset);
|
||||
}
|
||||
|
||||
@include background-image(linear-gradient(#ced7dc, #92a5b2));
|
||||
.cms-dialog-content {
|
||||
background: url("../images/textures/bg_cms_main_content.png") repeat left top #F0F3F4;
|
||||
padding-bottom: $grid-y;
|
||||
overflow:visible;
|
||||
|
||||
.Actions {
|
||||
overflow: auto;
|
||||
margin: $grid-y 0;
|
||||
padding-bottom: $grid-y;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.ss-tabset {
|
||||
z-index: 60;
|
||||
@include border-radius(none);
|
||||
|
||||
.tab {
|
||||
background: none;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
&.ui-tabs {
|
||||
background: none;
|
||||
|
||||
.ui-tabs-nav {
|
||||
border: none;
|
||||
padding: 0 $grid-x*5 0 0; //allows for 40px gap to the right of tabs to match the tabs on main CMS
|
||||
float: right;
|
||||
margin-top:-44px;
|
||||
|
||||
li {
|
||||
&.ui-tabs-selected {
|
||||
margin-bottom: -1px;
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
margin-left: 15px;
|
||||
}
|
||||
font-weight: bold;
|
||||
line-height: 16px;
|
||||
padding: 12px 12px 10px;
|
||||
border-bottom: 2px solid #B3B3B3;
|
||||
}
|
||||
|
||||
.ui-state-focus a {
|
||||
outline:none;
|
||||
}
|
||||
|
||||
.ui-state-default,
|
||||
.ui-widget-content .ui-state-default,
|
||||
.ui-widget-header .ui-state-default {
|
||||
background-color: $color-base;
|
||||
@include background-image(
|
||||
linear-gradient($color-base, darken($color-base, 12%))
|
||||
);
|
||||
|
||||
border: {
|
||||
right-color: darken($color-tab, 20%);
|
||||
left-color: $color-tab;
|
||||
bottom:none;
|
||||
top:none;
|
||||
}
|
||||
|
||||
text-shadow: lighten($color-tab, 60%) 0 1px 0;
|
||||
}
|
||||
|
||||
.ui-state-active,
|
||||
.ui-widget-content .ui-state-active,
|
||||
.ui-widget-header .ui-state-active {
|
||||
background: $color-widget-bg;
|
||||
border: {
|
||||
right-color: darken($color-tab, 20%);
|
||||
left-color: darken($color-tab, 20%);
|
||||
}
|
||||
margin-right:-1px;
|
||||
margin-left:-3px;
|
||||
z-index:2;
|
||||
|
||||
a {
|
||||
border: {
|
||||
bottom:none;
|
||||
top:none;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
|
||||
border-radius:0;
|
||||
}
|
||||
|
||||
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
|
||||
border-radius:0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.ui-tabs-panel {
|
||||
background: url("../images/textures/bg_cms_main_content.png") repeat left top #F0F3F4;
|
||||
overflow-x:hidden;
|
||||
}
|
||||
}
|
||||
}
|
||||
.clear {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
&.loading {
|
||||
@ -1187,60 +1297,9 @@ body.cms-dialog {
|
||||
background: url("../images/textures/bg_cms_main_content.png") repeat left top #F0F3F4;
|
||||
}
|
||||
|
||||
.cms-dialog-content {
|
||||
background: url("../images/textures/bg_cms_main_content.png") repeat left top #F0F3F4;
|
||||
padding-bottom: $grid-y;
|
||||
|
||||
.Actions {
|
||||
overflow: auto;
|
||||
margin: $grid-y 0;
|
||||
padding-bottom: $grid-y;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.ss-tabset {
|
||||
z-index: 60;
|
||||
@include border-radius(none);
|
||||
|
||||
.tab {
|
||||
background: none;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
&.ui-tabs {
|
||||
background: none;
|
||||
|
||||
.ui-tabs-nav {
|
||||
border: none;
|
||||
padding: 0 $grid-x*5 0 0; //allows for 40px gap to the right of tabs to match the tabs on main CMS
|
||||
float: right;
|
||||
|
||||
li {
|
||||
&.ui-tabs-selected {
|
||||
margin-bottom: -1px;
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
margin-left: 15px;
|
||||
}
|
||||
font-weight: bold;
|
||||
line-height: 16px;
|
||||
padding: 11px 12px 9px;
|
||||
border-bottom: 2px solid #B3B3B3;
|
||||
}
|
||||
}
|
||||
|
||||
.ui-tabs-panel {
|
||||
border: 1px solid #AAAAAA;
|
||||
background: url("../images/textures/bg_cms_main_content.png") repeat left top #F0F3F4;
|
||||
}
|
||||
}
|
||||
}
|
||||
.clear {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/** --------------------------------------------
|
||||
* "Insert X" forms
|
||||
@ -1300,7 +1359,10 @@ body.cms-dialog {
|
||||
}
|
||||
|
||||
.action-delete {
|
||||
display: inline-block;
|
||||
float:right;
|
||||
padding:$grid-x;
|
||||
background:none;
|
||||
border:none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -9,9 +9,9 @@
|
||||
body.cms.ss-uploadfield-edit-iframe { padding: 16px; overflow: auto; }
|
||||
|
||||
.ss-assetuploadfield h3 { 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: 0 0 8px; padding: 0 0 7px; clear: both; }
|
||||
.ss-assetuploadfield .field { border-bottom: 0; }
|
||||
.ss-assetuploadfield .field { border-bottom: 0; box-shadow: none; }
|
||||
.ss-assetuploadfield .ss-uploadfield-files { margin: 0; padding: 0; }
|
||||
.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item { border: 1px solid #b3b3b3; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding; -o-background-clip: padding-box; -ms-background-clip: padding-box; -khtml-background-clip: padding-box; background-clip: padding-box; background: #E2E2E2; margin: 0 0 5px; padding: 0; overflow: hidden; position: relative; }
|
||||
.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item { border: 1px solid #b3b3b3; border-bottom: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding; -o-background-clip: padding-box; -ms-background-clip: padding-box; -khtml-background-clip: padding-box; background-clip: padding-box; background: #E2E2E2; margin: 0 0 5px; padding: 0; overflow: hidden; position: relative; }
|
||||
.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item-preview { position: absolute; height: 30px; width: 40px; overflow: hidden; z-index: 1; }
|
||||
.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item-info { position: relative; height: 30px; overflow: hidden; background-color: #5db4df; 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%); }
|
||||
.ss-assetuploadfield .ss-uploadfield-files .ui-state-error .ss-uploadfield-item-info { background-color: #c11f1d; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c11f1d), color-stop(4%, #bf1d1b), color-stop(8%, #b71b1c), color-stop(15%, #b61e1d), color-stop(27%, #b11d1d), color-stop(31%, #ab1d1c), color-stop(42%, #a51b1b), color-stop(46%, #9f1b19), color-stop(50%, #9f1b19), color-stop(54%, #991c1a), color-stop(58%, #971a18), color-stop(62%, #911b1b), color-stop(65%, #911b1b), color-stop(88%, #7e1816), color-stop(92%, #771919), color-stop(100%, #731817)); background-image: -webkit-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%); background-image: -moz-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%); background-image: -o-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%); background-image: -ms-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%); 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%); }
|
||||
|
||||
@ -24,6 +24,7 @@ body.cms.ss-uploadfield-edit-iframe {
|
||||
|
||||
.field {
|
||||
border-bottom: 0;
|
||||
box-shadow:none;
|
||||
}
|
||||
|
||||
.ss-uploadfield-files {
|
||||
@ -32,6 +33,7 @@ body.cms.ss-uploadfield-edit-iframe {
|
||||
|
||||
.ss-uploadfield-item {
|
||||
border: 1px solid lighten($color-medium-separator, 20%);
|
||||
border-bottom:0;
|
||||
@include border-radius(5px);
|
||||
@include background-clip(padding-box);
|
||||
background: #E2E2E2;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user