diff --git a/.editorconfig b/.editorconfig index 67ed3b9..abdf2fb 100644 --- a/.editorconfig +++ b/.editorconfig @@ -1,17 +1,19 @@ -# For more information about the properties used in this file, -# please see the EditorConfig documentation: -# http://editorconfig.org - -[*] -charset = utf-8 -end_of_line = lf -indent_size = 4 -indent_style = space -insert_final_newline = true -trim_trailing_whitespace = true - -[{*.ss,*.css,*.yml,package.json}] -indent_size = 2 - -# The indent size used in the package.json file cannot be changed: -# https://github.com/npm/npm/pull/3180#issuecomment-16336516 +# For more information about the properties used in this file, +# please see the EditorConfig documentation: +# http://editorconfig.org + +root = true + +[*] +charset = utf-8 +end_of_line = lf +indent_size = 4 +indent_style = space +insert_final_newline = true +trim_trailing_whitespace = true + +[{*.ss,*.css,*.yml,package.json}] +indent_size = 2 + +# The indent size used in the package.json file cannot be changed: +# https://github.com/npm/npm/pull/3180#issuecomment-16336516 diff --git a/LICENSE.md b/LICENSE.md index e0b0d3c..92d0f1b 100644 --- a/LICENSE.md +++ b/LICENSE.md @@ -1,4 +1,4 @@ -Copyright (c) 2015, Praxis Interactive +Copyright (c) 2016, Praxis Interactive All rights reserved. Redistribution and use in source and binary forms, with or without @@ -24,4 +24,4 @@ DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE -OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. \ No newline at end of file +OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. diff --git a/README.md b/README.md index f218d8f..e7fb22f 100644 --- a/README.md +++ b/README.md @@ -24,12 +24,12 @@ A [SilverStripe](http://silverstripe.org) module to give the CMS a more modern, #### Composer: ``` -require: "praxisnetau/silverstripe-moderno-admin": "dev-master" +require: "praxisnetau/silverstripe-moderno-admin": "~1.0" ``` #### Manual: -To install this module manually, clone or download the repo, copy it to your document root ensuring the folder is called `silverstripe-moderno-admin` and finally run a `/dev/build`. +To install this module manually, clone or download the repo, copy it to your document root ensuring the folder is called `moderno-admin` and finally run a `/dev/build`. ## Usage ## @@ -88,4 +88,4 @@ This module started as a simple CSS file of tweaks that quickly got way out of h ## Attribution ## * Uses some icons by [Yusuke Kamiyamane](http://p.yusukekamiyamane.com/). Licensed under a [Creative Commons Attribution 3.0 License](http://creativecommons.org/licenses/by/3.0/). -* Uses [Font Awesome](http://fontawesome.io) by [Dave Gandy](https://github.com/davegandy). \ No newline at end of file +* Uses [Font Awesome](http://fontawesome.io) by [Dave Gandy](https://github.com/davegandy). diff --git a/_config/icons.yml b/_config/icons.yml index d5ae49d..e121c63 100644 --- a/_config/icons.yml +++ b/_config/icons.yml @@ -727,4 +727,4 @@ AwesomeIconExtension: fa-yoast: f2b1 fa-youtube: f167 fa-youtube-play: f16a - fa-youtube-square: f166 \ No newline at end of file + fa-youtube-square: f166 diff --git a/_config/moderno.yml b/_config/moderno.yml index 34c1c90..b418fa8 100644 --- a/_config/moderno.yml +++ b/_config/moderno.yml @@ -1,10 +1,10 @@ LeftAndMain: extra_requirements_javascript: - - silverstripe-moderno-admin/javascript/moderno.js + - moderno-admin/javascript/moderno.js extra_requirements_css: - - silverstripe-moderno-admin/css/moderno.min.css - - silverstripe-moderno-admin/css/moderno-editor.min.css - - silverstripe-moderno-admin/css/font-awesome.min.css + - moderno-admin/css/moderno.min.css + - moderno-admin/css/moderno-editor.min.css + - moderno-admin/css/font-awesome.min.css extensions: - AwesomeIconExtension - ModernoAdminExtension @@ -30,4 +30,4 @@ SecurityAdmin: awesome_icon: user CMSSettingsController: - awesome_icon: cog \ No newline at end of file + awesome_icon: cog diff --git a/composer.json b/composer.json index 0d485ec..07dff1d 100644 --- a/composer.json +++ b/composer.json @@ -17,7 +17,7 @@ "tractorcow/silverstripe-colorpicker": "3.0.*@dev" }, "extra": { - "installer-name": "silverstripe-moderno-admin" + "installer-name": "moderno-admin" }, - "target-dir": "silverstripe-moderno-admin" -} \ No newline at end of file + "target-dir": "moderno-admin" +} diff --git a/css/moderno.css b/css/moderno.css index 00f1e11..8e31a46 100644 --- a/css/moderno.css +++ b/css/moderno.css @@ -9,8 +9,15 @@ /* Global Styles: ===================================================================================================================== */ -body, html, .ui-widget, .ss-ui-button, .ui-widget button, .ui-widget select, .ui-widget textarea, .ui-widget-content, .ui-widget input -{ +body, +html, +.ui-widget, +.ss-ui-button, +.ui-widget button, +.ui-widget select, +.ui-widget textarea, +.ui-widget-content, +.ui-widget input { font-size: 13px; font-family: "Roboto", Helvetica, Arial, sans-serif; } @@ -18,101 +25,77 @@ body, html, .ui-widget, .ss-ui-button, .ui-widget button, .ui-widget select, .ui /* Link Styles: ===================================================================================================================== */ -.cms a -{ +.cms a { color: #007FBA; } /* Logo Styles: ===================================================================================================================== */ -.cms-logo -{ +.cms-logo { border-bottom: 0; padding: 12px 0 11px; min-height: 28px; } -.cms-menu.collapsed .cms-logo -{ +.cms-menu.collapsed .cms-logo { height: 28px; padding: 12px 0 11px; } -.cms-menu.collapsed .cms-login-status -{ +.cms-menu.collapsed .cms-login-status { height: 16px; } -.cms-logo a -{ +.cms-logo a { top: 12px; bottom: 0; width: 24px; - margin-left: 0; - background: url(../images/logos/silverstripe.svg); background-size: contain; background-repeat: no-repeat; } -.cms-logo span -{ +.cms-logo span { padding: 0; - font-size: 13px; font-weight: 500; line-height: 16px; - margin-left: 32px; - display: inline-block; vertical-align: middle; } -.cms-logo-header -{ +.cms-logo-header { background-image: none; background-color: #1B354C; } -.cms-login-status -{ +.cms-login-status { padding: 12px 0 12px 2px; - border-top: 1px solid #FFF; } -.cms-login-status span -{ +.cms-login-status span { padding: 0; } -.cms-login-status .logout-link -{ +.cms-login-status .logout-link { color: #FFF; - font-size: 0; - background: none; - width: 16px; - padding: 0; - margin: 0 9px 0 5px; } -.cms-login-status .logout-link:hover -{ +.cms-login-status .logout-link:hover { text-decoration: none; } -.cms-login-status .logout-link:before -{ +.cms-login-status .logout-link:before { content: "\f08b"; - font-size: 16px; font-family: "FontAwesome" !important; } @@ -120,106 +103,85 @@ body, html, .ui-widget, .ss-ui-button, .ui-widget button, .ui-widget select, .ui /* Icon Styles: ===================================================================================================================== */ -.page-icon, a .jstree-pageicon -{ +.page-icon, +a .jstree-pageicon { background: transparent url(../images/icons/sitetree.png) scroll no-repeat 0 0; } /* Menu Styles: ===================================================================================================================== */ -.cms-menu -{ +.cms-menu { box-shadow: none; - background: #20282C; } -.cms-menu.collapsed -{ +.cms-menu.collapsed { width: 42px !important; } -.cms-menu-list li a -{ +.cms-menu-list li a { margin: 2px; - color: #BFC0C0; - border-top: 0; border-bottom: 0; - font-size: 13px; - text-shadow: none; - background-image: none; background-color: rgba(255, 255, 255, 0.05); } .cms-menu-list li a:hover, .cms-menu-list li a:focus, -.cms-menu-list li a:active -{ +.cms-menu-list li a:active { color: #FFF; - border: none; - background-image: none; background-color: rgba(255, 255, 255, 0.1); } -.cms-menu-list li.current a -{ +.cms-menu-list li.current a { border: none; - text-shadow: none; - background-image: none; background-color: #139FDA; } -.cms-menu.collapsed .cms-menu-list li -{ +.cms-menu.collapsed .cms-menu-list li { float: none; } -.cms-menu-list li a .icon -{ +.cms-menu-list li a .icon { opacity: 1; - width: 18px; - text-align: center; } /* Context Menu Styles ===================================================================================================================== */ -#vakata-contextmenu.jstree-apple-context a -{ +#vakata-contextmenu.jstree-apple-context a { color: #555; } -#vakata-contextmenu.jstree-apple-context, #vakata-contextmenu.jstree-apple-context li ul -{ +#vakata-contextmenu.jstree-apple-context, +#vakata-contextmenu.jstree-apple-context li ul { box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); } -.cms #vakata-contextmenu li a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li a -{ +.cms #vakata-contextmenu li a, +.TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li a { margin: 2px 2px 0; } -.cms #vakata-contextmenu li a:hover, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li a:hover -{ +.cms #vakata-contextmenu li a:hover, +.TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li a:hover { border-radius: 0; - background: #139FDA none; } -.cms #vakata-contextmenu li:last-child, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li:last-child -{ +.cms #vakata-contextmenu li:last-child, +.TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li:last-child { margin-bottom: 2px; } @@ -227,211 +189,164 @@ body, html, .ui-widget, .ss-ui-button, .ui-widget button, .ui-widget select, .ui ===================================================================================================================== */ .cms .cms-panel-padded, -.ui-tabs .ui-tabs-panel.cms-panel-padded -{ +.ui-tabs .ui-tabs-panel.cms-panel-padded { padding: 15px; } -.cms-panel .cms-panel-toggle -{ +.cms-panel .cms-panel-toggle { box-shadow: none; } .cms-panel .cms-panel-toggle.south, -.cms-panel.cms-content-tools .cms-panel-toggle.south -{ +.cms-panel.cms-content-tools .cms-panel-toggle.south { border-top: none; box-shadow: none; } -#cms-content-tools-CMSMain .ui-resizable-e -{ +#cms-content-tools-CMSMain .ui-resizable-e { width: 10px; } -#cms-content-tools-CMSMain .cms-tree.jstree span.badge -{ +#cms-content-tools-CMSMain .cms-tree.jstree span.badge { box-shadow: none !important; } -#Form_ListViewForm_Page -{ +#Form_ListViewForm_Page { border-bottom: 0; } -.cms-panel .cms-panel-toggle a span -{ +.cms-panel .cms-panel-toggle a span { color: #FFF; - margin: 0; - font-size: 0; font-family: "FontAwesome"; - padding-right: 4px; } -.cms-panel.cms-content-tools .cms-panel-toggle a span -{ +.cms-panel.cms-content-tools .cms-panel-toggle a span { color: #80888E; } -.cms-panel .cms-panel-toggle a span:before -{ +.cms-panel .cms-panel-toggle a span:before { content: "\f0a8"; font-size: 16px; } -.cms-menu .ss-ui-button.sticky-toggle -{ +.cms-menu .ss-ui-button.sticky-toggle { width: 16px; - text-indent: 0; - padding-left: 4px; - background: transparent none; } -.cms-menu.collapsed .ss-ui-button.sticky-toggle -{ +.cms-menu.collapsed .ss-ui-button.sticky-toggle { width: 16px; } -.cms-menu .ss-ui-button.sticky-toggle:hover + .sticky-status-indicator -{ +.cms-menu .ss-ui-button.sticky-toggle:hover + .sticky-status-indicator { padding: 3px 6px; } .cms-menu .ss-ui-button.sticky-toggle:hover, .cms-menu .ss-ui-button.sticky-toggle:focus, -.cms-menu .ss-ui-button.sticky-toggle:active -{ +.cms-menu .ss-ui-button.sticky-toggle:active { background: transparent none; } -.cms-menu .ss-ui-button.sticky-toggle > span -{ +.cms-menu .ss-ui-button.sticky-toggle > span { color: #BFC0C0; - font-size: 0; font-family: "FontAwesome"; } -.cms-menu .ss-ui-button.sticky-toggle > span:before -{ +.cms-menu .ss-ui-button.sticky-toggle > span:before { content: "\f10c"; font-size: 16px; } -.cms-menu .ss-ui-button.sticky-toggle.active -{ +.cms-menu .ss-ui-button.sticky-toggle.active { background: transparent none; } -.cms-menu .ss-ui-button.sticky-toggle.active > span:before -{ +.cms-menu .ss-ui-button.sticky-toggle.active > span:before { content: "\f111"; font-size: 16px; } -.cms-panel.collapsed .cms-panel-toggle a span:before -{ +.cms-panel.collapsed .cms-panel-toggle a span:before { content: "\f0a9"; } -.cms .ss-ui-action-tabset.action-menus.ss-tabset .ui-tabs-panel -{ +.cms .ss-ui-action-tabset.action-menus.ss-tabset .ui-tabs-panel { padding-bottom: 0; - border-radius: 0; - background-color: #F0F2F4; border-bottom-color: #F0F2F4; } -.cms .ss-ui-action-tabset.action-menus.ss-tabset .ui-tabs-panel .cms-sitetree-information -{ +.cms .ss-ui-action-tabset.action-menus.ss-tabset .ui-tabs-panel .cms-sitetree-information { border-bottom: 1px solid #D4D6D8; } -.cms .ss-ui-action-tabset.action-menus.ss-tabset ul.ui-tabs-nav li a -{ +.cms .ss-ui-action-tabset.action-menus.ss-tabset ul.ui-tabs-nav li a { color: #007FBA; - text-shadow: none; } -.cms .ss-ui-action-tabset.action-menus.ss-tabset ul.ui-tabs-nav li a:hover -{ +.cms .ss-ui-action-tabset.action-menus.ss-tabset ul.ui-tabs-nav li a:hover { color: #007FBA; - text-decoration: underline; } /* Tools Styles: ===================================================================================================================== */ -.cms-content-tools -{ +.cms-content-tools { box-shadow: none; - background: #F0F2F4 none; - border-right: 1px solid #C4C6C8; } -.cms-content-tools h3 -{ +.cms-content-tools h3 { font-size: 15px; } -.cms-content-tools .cms-panel-header -{ +.cms-content-tools .cms-panel-header { box-shadow: none; - border-bottom: 1px solid #C4C6C8; } -.cms-panel .cms-panel-content-collapsed h2, .cms-panel .cms-panel-content-collapsed h3 -{ +.cms-panel .cms-panel-content-collapsed h2, +.cms-panel .cms-panel-content-collapsed h3 { margin-left: 10px; } -#cms-content-treeview .cms-tree -{ +#cms-content-treeview .cms-tree { margin-top: 8px; } -.cms-content-tools #cms-content-treeview .cms-tree -{ +.cms-content-tools #cms-content-treeview .cms-tree { margin-top: 0px !important; } -.cms-content-tools #cms-content-treeview .cms-notice -{ +.cms-content-tools #cms-content-treeview .cms-notice { margin: 5px 2px !important; } -.cms-content-tools #cms-content-treeview .cms-content-toolbar -{ +.cms-content-tools #cms-content-treeview .cms-content-toolbar { padding: 5px 0px 5px 2px; - margin-bottom: 0px !important; } -.has-panel .cms-content-tools #cms-content-treeview .cms-content-toolbar -{ +.has-panel .cms-content-tools #cms-content-treeview .cms-content-toolbar { padding-top: 10px; } -.cms-content-tools .cms-panel-content -{ +.cms-content-tools .cms-panel-content { padding: 8px 10px 0px 10px; } -#cms-content-tools-CMSPagesController .cms-panel-content -{ +#cms-content-tools-CMSPagesController .cms-panel-content { padding: 8px 15px 0px 15px; } @@ -448,75 +363,60 @@ body, html, .ui-widget, .ss-ui-button, .ui-widget button, .ui-widget select, .ui .cms-content-controls .icon-tablet:before, .cms-content-controls .font-icon-tablet:before, .cms-content-controls .icon-mobile:before, -.cms-content-controls .font-icon-mobile:before -{ +.cms-content-controls .font-icon-mobile:before { font-family: "FontAwesome" !important; - background: none transparent; - text-align: center; text-indent: 0; - font-size: 24px; line-height: 24px; - color: #444; } .cms-content-controls .icon-auto:before, -.cms-content-controls .font-icon-resize:before -{ +.cms-content-controls .font-icon-resize:before { font-size: 16px; - content: "\f0ec" !important; } .cms-content-controls .icon-edit, -.cms-content-controls .font-icon-edit-write -{ +.cms-content-controls .font-icon-edit-write { padding-top: 5px !important; } .cms-content-controls .icon-edit:before, -.cms-content-controls .font-icon-edit-write:before -{ +.cms-content-controls .font-icon-edit-write:before { content: "\f044" !important; } .cms-content-controls .icon-split:before, -.cms-content-controls .font-icon-columns:before -{ +.cms-content-controls .font-icon-columns:before { content: "\f0db" !important; } .cms-content-controls .icon-preview:before, -.cms-content-controls .font-icon-eye:before -{ +.cms-content-controls .font-icon-eye:before { content: "\f06e" !important; } .cms-content-controls .font-icon-monitor:before, -.cms-content-controls .icon-desktop:before -{ +.cms-content-controls .icon-desktop:before { font-size: 20px; - content: "\f108" !important; } .cms-content-controls .font-icon-tablet:before, -.cms-content-controls .icon-tablet:before -{ +.cms-content-controls .icon-tablet:before { content: "\f10a" !important; } .cms-content-controls .font-icon-mobile:before, -.cms-content-controls .icon-mobile:before -{ +.cms-content-controls .icon-mobile:before { content: "\f10b" !important; } + .cms-content-controls .icon-view:before, -.cms-content-controls .preview-selector.dropdown a.chzn-single:before -{ +.cms-content-controls .preview-selector.dropdown a.chzn-single:before { width: 24px; height: 24px; font-size: 20px !important; @@ -524,171 +424,131 @@ body, html, .ui-widget, .ss-ui-button, .ui-widget button, .ui-widget select, .ui line-height: 22px; } -.cms-content-controls .preview-selector .chzn-container.chzn-with-rise .chzn-drop ul li:before -{ +.cms-content-controls .preview-selector .chzn-container.chzn-with-rise .chzn-drop ul li:before { margin-right: 4px; } -.cms-content-controls .preview-selector -{ +.cms-content-controls .preview-selector { margin: 0px; } -.cms-content-controls .preview-selector a.chzn-single -{ +.cms-content-controls .preview-selector a.chzn-single { width: 24px; height: 24px; - padding: 4px; } -.cms-content-controls .preview-selector .chzn-container.chzn-with-rise .chzn-drop ul li -{ +.cms-content-controls .preview-selector .chzn-container.chzn-with-rise .chzn-drop ul li { color: #444; - padding: 5px; - line-height: 20px; } .cms-content-controls .preview-selector a.chzn-single:hover, -.cms-content-controls .preview-selector a.chzn-single.chzn-single-with-drop -{ +.cms-content-controls .preview-selector a.chzn-single.chzn-single-with-drop { background: #DCDFE1 none; - box-shadow: none; } -.cms-content-tools .field.checkbox input -{ +.cms-content-tools .field.checkbox input { margin-right: 2px; - vertical-align: middle; } -.cms-content-tools .field label -{ +.cms-content-tools .field label { display: inline-block !important; - vertical-align: middle; - font-weight: 400 !important; } -.cms-content-tools .field .description -{ +.cms-content-tools .field .description { font-size: 11px; - padding-top: 2px; } -.cms-content-tools h4 -{ +.cms-content-tools h4 { font-size: 13px !important; font-weight: 500 !important; } -.cms-content-tools .ui-button .ui-icon -{ +.cms-content-tools .ui-button .ui-icon { display: none !important; } -.cms-content-tools #cms-content-treeview .cms-tree-expand-trigger span.ui-button-text -{ +.cms-content-tools #cms-content-treeview .cms-tree-expand-trigger span.ui-button-text { padding-right: 14px !important; } .cms-content-tools table tr.active td.first-column, -.cms-content-tools table tr.active td.last-column -{ +.cms-content-tools table tr.active td.last-column { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } -#cms-page-history-versions -{ +#cms-page-history-versions { min-width: 100%; } -.cms-content-tools table tr.active -{ +.cms-content-tools table tr.active { background-color: #139FDA; } -.cms-content-batchactions .view-mode-batchactions-wrapper -{ +.cms-content-batchactions .view-mode-batchactions-wrapper { border: 0; - height: 18px; - padding: 7px; margin-bottom: 0; - background: #80888E none; - border-radius: 0 !important; } -.cms-content-batchactions .view-mode-batchactions-wrapper #view-mode-batchactions -{ +.cms-content-batchactions .view-mode-batchactions-wrapper #view-mode-batchactions { margin-top: 3px; margin-left: 3px; } -.cms-content-toolbar .ss-ui-button .ui-button-text -{ +.cms-content-toolbar .ss-ui-button .ui-button-text { padding: 7px 15px; } -.cms-content-batchactions .view-mode-batchactions-wrapper:hover -{ +.cms-content-batchactions .view-mode-batchactions-wrapper:hover { background: #A0A8AE none; } .cms-content-batchactions .view-mode-batchactions-wrapper label, -.cms-content-batchactions .view-mode-batchactions-wrapper span.view-mode-batchactions-label -{ +.cms-content-batchactions .view-mode-batchactions-wrapper span.view-mode-batchactions-label { color: #FFF; - font-weight: 500; } -.cms-content-batchactions .cms-batch-actions .dropdown .chzn-single -{ +.cms-content-batchactions .cms-batch-actions .dropdown .chzn-single { border-top: 1px solid #C4C6C8; border-left: none; border-right: none; border-bottom: 1px solid #C4C6C8; - font-weight: 400; - padding: 0 0 0 6px; - text-shadow: none; } -.cms-content-toolbar .chzn-container-single .chzn-single:hover -{ +.cms-content-toolbar .chzn-container-single .chzn-single:hover { box-shadow: none; background: #fff none; } .cms-content-batchactions .cms-batch-actions .dropdown .chzn-single-with-drop, -.cms-content-batchactions .chzn-container-single .chzn-single -{ +.cms-content-batchactions .chzn-container-single .chzn-single { border-radius: 0 !important; } -.cms-content-batchactions .cms-batch-actions .Actions .ss-ui-button -{ +.cms-content-batchactions .cms-batch-actions .Actions .ss-ui-button { height: 32px; } .cms .ss-ui-action-tabset.action-menus.ss-tabset .ui-tabs-panel button.ss-ui-action-destructive:hover, .cms .ss-ui-action-tabset.action-menus.ss-tabset .ui-tabs-panel button.ss-ui-action-destructive:focus, -.cms .ss-ui-action-tabset.action-menus.ss-tabset .ui-tabs-panel button.ss-ui-action-destructive:active -{ +.cms .ss-ui-action-tabset.action-menus.ss-tabset .ui-tabs-panel button.ss-ui-action-destructive:active { color: #FFF; font-weight: 500; background-color: #B63051; @@ -697,46 +557,34 @@ body, html, .ui-widget, .ss-ui-button, .ui-widget button, .ui-widget select, .ui /* Preview States Styles: ===================================================================================================================== */ -fieldset.switch-states -{ +fieldset.switch-states { padding: 0; margin-right: 10px; } -fieldset.switch-states .switch -{ +fieldset.switch-states .switch { width: 180px; - border: 0; padding: 0px; - margin-top: 2px; - box-shadow: none; - border-radius: 0px; - background-color: #CED0D3; } -fieldset.switch-states .switch label -{ +fieldset.switch-states .switch label { text-align: center; } fieldset.switch-states .switch label, -fieldset.switch-states .switch input:checked + label -{ +fieldset.switch-states .switch input:checked + label { text-shadow: none; } -fieldset.switch-states .switch .slide-button -{ +fieldset.switch-states .switch .slide-button { box-shadow: none; text-shadow: none; - border-radius: 0px; - background-color: #0F8845; background-image: none; } @@ -744,13 +592,11 @@ fieldset.switch-states .switch .slide-button /* Tabs Styles: ===================================================================================================================== */ -.ui-tabs .ui-tabs-nav -{ +.ui-tabs .ui-tabs-nav { margin-top: 0; } -.cms-content-fields .ui-tabs-nav -{ +.cms-content-fields .ui-tabs-nav { border-bottom: 0; } @@ -763,27 +609,23 @@ fieldset.switch-states .switch .slide-button padding-left: 0px; } -.ui-tabs .ui-tabs-nav li -{ +.ui-tabs .ui-tabs-nav li { margin-right: -1px; } -.ui-tabs .ui-tabs-nav li a -{ +.ui-tabs .ui-tabs-nav li a { padding: 0; font-weight: normal; line-height: 37px; outline: none; } -.ui-tabs .ui-tabs-nav .ui-state-default -{ +.ui-tabs .ui-tabs-nav .ui-state-default { border: 0; background: transparent none; } -.ui-tabs .ui-tabs-nav .ui-state-default a -{ +.ui-tabs .ui-tabs-nav .ui-state-default a { color: #555; margin: 0 10px; text-shadow: none; @@ -792,15 +634,13 @@ fieldset.switch-states .switch .slide-button padding-bottom: 8px; } -.ui-tabs .ui-tabs-nav .ui-state-active -{ +.ui-tabs .ui-tabs-nav .ui-state-active { cursor: default; border: 0; background: transparent none; } -.ui-tabs .ui-tabs-nav .ui-state-active a -{ +.ui-tabs .ui-tabs-nav .ui-state-active a { color: #444; margin: 0 10px; cursor: default !important; @@ -809,27 +649,23 @@ fieldset.switch-states .switch .slide-button font-weight: 500; } -.cms-content-header-tabs -{ +.cms-content-header-tabs { margin-top: 8px; margin-right: 10px; } -.cms-content-header-tabs .icon-button-group -{ +.cms-content-header-tabs .icon-button-group { margin-top: 2px; margin-right: 8px; } -.icon-button-group .ui-tabs.ui-tabs-nav .cms-tabset-icon.ui-state-active -{ +.icon-button-group .ui-tabs.ui-tabs-nav .cms-tabset-icon.ui-state-active { box-shadow: none; } .ui-tabs.cms-tabset-primary .ui-tabs-nav li a, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary li a, -.ui-tabs .cms-content-header-tabs .ui-tabs-nav li a -{ +.ui-tabs .cms-content-header-tabs .ui-tabs-nav li a { margin: 0 10px; padding: 0; line-height: 39px; @@ -837,21 +673,17 @@ fieldset.switch-states .switch .slide-button .ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-state-default, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-state-default, -.ui-tabs .cms-content-header-tabs .ui-tabs-nav .ui-state-default -{ +.ui-tabs .cms-content-header-tabs .ui-tabs-nav .ui-state-default { border-left: 0; border-right: 0; - box-shadow: none; - background-color: transparent; background-image: none; } .ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-state-active, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-state-active, -.ui-tabs .cms-content-header-tabs .ui-tabs-nav .ui-state-active -{ +.ui-tabs .cms-content-header-tabs .ui-tabs-nav .ui-state-active { background-color: transparent; background-image: none; } @@ -865,50 +697,41 @@ fieldset.switch-states .switch .slide-button .ui-tabs.cms-tabset-primary .ui-tabs-nav, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary, -.ui-tabs .cms-content-header-tabs .ui-tabs-nav -{ +.ui-tabs .cms-content-header-tabs .ui-tabs-nav { padding: 0; border-left: 0; } -.ui-tabs .ui-tabs-nav li.cms-tabset-icon a -{ +.ui-tabs .ui-tabs-nav li.cms-tabset-icon a { font-size: 0; text-indent: 0; line-height: 32px; font-weight: 400; - padding: 0; - background-image: none !important; } -.ui-tabs .ui-tabs-nav li.cms-tabset-icon a:before -{ +.ui-tabs .ui-tabs-nav li.cms-tabset-icon a:before { font-size: 18px; font-family: 'FontAwesome' !important; } -.icon-button-group a::before -{ +.icon-button-group a::before { font-family: 'FontAwesome' !important; } .font-icon-icon-tree::before, -.ui-tabs .ui-tabs-nav li.cms-tabset-icon.tree a:before -{ +.ui-tabs .ui-tabs-nav li.cms-tabset-icon.tree a:before { content: "\f0e8"; } .font-icon-list::before, -.ui-tabs .ui-tabs-nav li.cms-tabset-icon.list a:before -{ +.ui-tabs .ui-tabs-nav li.cms-tabset-icon.list a:before { content: "\f03a"; } .font-icon-edit::before, -.ui-tabs .ui-tabs-nav li.cms-tabset-icon.edit a:before -{ +.ui-tabs .ui-tabs-nav li.cms-tabset-icon.edit a:before { content: "\f040"; } @@ -918,8 +741,7 @@ fieldset.switch-states .switch .slide-button .cms-actions-buttons-row [class^="font-icon-"]::before, .cms-actions-buttons-row [class*="font-icon-"]::before, .cms .AssetAdmin .cms-content-toolbar [class^="font-icon-"]::before, -.cms .AssetAdmin .cms-content-toolbar [class*="font-icon-"]::before -{ +.cms .AssetAdmin .cms-content-toolbar [class*="font-icon-"]::before { font-family: 'FontAwesome' !important; } @@ -940,39 +762,32 @@ fieldset.switch-states .switch .slide-button vertical-align: middle; } -.font-icon-plus::before -{ +.font-icon-plus::before { content: "\f055"; } -.font-icon-check-mark-2::before -{ +.font-icon-check-mark-2::before { content: "\f058"; } -.font-icon-upload::before -{ +.font-icon-upload::before { content: "\f0ee"; } -.font-icon-plus-circled::before -{ +.font-icon-plus-circled::before { content: "\f055"; } -.font-icon-sync::before -{ +.font-icon-sync::before { content: "\f021"; } .cms_backlink > a.backlink::before, -.font-icon-left-open-big::before -{ +.font-icon-left-open-big::before { content: "\f104"; } -.cms-content-header .cms-content-header-info .cms_backlink .ss-ui-button -{ +.cms-content-header .cms-content-header-info .cms_backlink .ss-ui-button { margin: 0; padding: 0; width: 15px; @@ -980,329 +795,259 @@ fieldset.switch-states .switch .slide-button line-height: 30px; } -.cms-content-header .cms-content-header-info .cms_backlink .ss-ui-button::before -{ +.cms-content-header .cms-content-header-info .cms_backlink .ss-ui-button::before { font-size: 30px; line-height: 36px; } -.ui-tabs .ui-tabs-panel -{ +.ui-tabs .ui-tabs-panel { padding: 15px; } -.ui-tabs .ui-tabs-nav ~ .ui-tabs-panel -{ +.ui-tabs .ui-tabs-nav ~ .ui-tabs-panel { border-top: 1px solid #d0d3d5; } -.ui-tabs.ss-tabset-tabshidden .ui-tabs-panel -{ +.ui-tabs.ss-tabset-tabshidden .ui-tabs-panel { border-top: none; } -.cms-edit-form .ui-tabs-panel .message -{ +.cms-edit-form .ui-tabs-panel .message { margin: 10px 0 0; } -.cms-edit-form .message -{ +.cms-edit-form .message { margin: 16px 16px 0; } -.CMSPageHistoryController .ui-tabs-panel .message -{ +.CMSPageHistoryController .ui-tabs-panel .message { margin: 0 0 10px; } /* Field Styles: ===================================================================================================================== */ -.field -{ +.field { color: #40484E; - margin: 10px 0; - padding: 0 0 10px; - box-shadow: none; - border-bottom: 1px solid #d4d6d8; } .field input.text, .field textarea, -.field .TreeDropdownField -{ +.field .TreeDropdownField { color: #40484E; background: #FFF; - border: 1px solid #c4c6c8; - -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; - font-family: "Roboto", Helvetica, Arial, sans-serif; } .field input.text:focus, .field textarea:focus, -.field .TreeDropdownField:focus -{ +.field .TreeDropdownField:focus { border: 1px solid #c4c6c8; box-shadow: none; } -.field .description -{ +.field .description { color: #777; } .field.tabset, .field.CompositeField, -.ss-gridfield-table .field.fieldgroup.CompositeField -{ +.ss-gridfield-table .field.fieldgroup.CompositeField { margin-top: 0; margin-bottom: 0; border-bottom: 0; padding-bottom: 0; } -.field.ss-toggle -{ +.field.ss-toggle { margin: 8px 0; } -.parentTypeSelector .field:last-child -{ +.parentTypeSelector .field:last-child { border-bottom: 1px solid #d4d6d8; padding-bottom: 10px; margin-bottom: 0; } -.SelectionGroup li.selected > div.selectiongroup_item -{ +.SelectionGroup li.selected > div.selectiongroup_item { margin-left: 20px !important; } .cms-add-form .SelectionGroup li.selected > div.selectiongroup_item, -.cms-add-form .SelectionGroup li.selected > div.selectiongroup_item > .field -{ +.cms-add-form .SelectionGroup li.selected > div.selectiongroup_item > .field { margin-bottom: 0; } .field.fieldgroup, -.field.displaylogicwrapper -{ +.field.displaylogicwrapper { margin: 10px 0; padding: 0 0 10px; border-bottom: 1px solid #d4d6d8; } -.field .middleColumn.fieldgroup -{ +.field .middleColumn.fieldgroup { padding: 8px 0 0; } -.field .middleColumn.fieldgroup::after -{ +.field .middleColumn.fieldgroup::after { content: ""; display: table; clear: both; } -.ss-toggle .ui-accordion-content .field .middleColumn.fieldgroup -{ +.ss-toggle .ui-accordion-content .field .middleColumn.fieldgroup { padding: 0; } .ui-dialog, -.ui-dialog .cms-dialog-content -{ +.ui-dialog .cms-dialog-content { background: #E6EAED none; } .ui-dialog .field input.text, .ui-dialog .field textarea, .ui-dialog .field select, -.ui-dialog .field .TreeDropdownField -{ +.ui-dialog .field .TreeDropdownField { max-width: 100%; } -.ui-dialog .ui-dialog-content -{ +.ui-dialog .ui-dialog-content { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } -.field.datetimepicker input.timepicker -{ +.field.datetimepicker input.timepicker { margin-left: 5px; } -.field label.left -{ +.field label.left { font-weight: 500; text-shadow: none; } -.ss-toggle .ui-accordion-content .field -{ +.ss-toggle .ui-accordion-content .field { padding-bottom: 12px; } -.ss-toggle .ui-accordion-content .field:last-child -{ +.ss-toggle .ui-accordion-content .field:last-child { border-bottom: 0; } -.ss-toggle .ui-accordion-content .field.displaylogicwrapper -{ +.ss-toggle .ui-accordion-content .field.displaylogicwrapper { padding: 0; } -.ss-toggle .ui-accordion-content .field.readonly:last-child -{ +.ss-toggle .ui-accordion-content .field.readonly:last-child { margin-bottom: 10px !important; padding-bottom: 10px; } -.field.urlsegment .help -{ +.field.urlsegment .help { color: #60686E; - font-size: 11px; - margin: 8px 0 4px; } -.htmleditor label.left -{ +.htmleditor label.left { padding-bottom: 8px; } -.htmleditorfield-dialog .htmleditorfield-from-web button.add-url -{ +.htmleditorfield-dialog .htmleditorfield-from-web button.add-url { background: #80888E none; margin-top: 0; margin-bottom: 20px; } -.htmleditorfield-dialog .htmleditorfield-from-web button.add-url .ui-button-text -{ +.htmleditorfield-dialog .htmleditorfield-from-web button.add-url .ui-button-text { margin-left: 0; padding-top: 6px; } -.chzn-container-single .chzn-search -{ +.chzn-container-single .chzn-search { padding: 2px 4px; } .chzn-container-single .chzn-single, -.field .chzn-container-active .chzn-single -{ +.field .chzn-container-active .chzn-single { box-shadow: none; - -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; - border-color: #C4C6C8; - padding-left: 6px; } -.chzn-container-single .chzn-single abbr -{ +.chzn-container-single .chzn-single abbr { top: 7px; font-family: FontAwesome; background: none transparent; line-height: 14px; } -.chzn-container-single .chzn-single abbr::before -{ +.chzn-container-single .chzn-single abbr::before { color: #757676; content: "\f00d"; font-size: 14px; } - -.chzn-container-single .chzn-single abbr:hover::before -{ +.chzn-container-single .chzn-single abbr:hover::before { color: #555656; } .chzn-container-single .chzn-single-with-drop, -.field .chzn-container-single .chzn-single-with-drop -{ +.field .chzn-container-single .chzn-single-with-drop { background-color: #FFF; - border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } -.field .chzn-choices -{ +.field .chzn-choices { border-radius: 0px; } -.field .chzn-container-active .chzn-choices -{ +.field .chzn-container-active .chzn-choices { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .field .chzn-container-multi .chzn-choices .search-choice, -.field .select2-container .select2-selection .select2-selection__choice -{ +.field .select2-container .select2-selection .select2-selection__choice { box-shadow: none; - border-color: #C4C6C8; - background: #ECEFF1 none; - padding: 4px 20px 4px 5px !important; - margin: 3px 0 3px 3px !important; - height: 16px; line-height: 16px; - -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; - - font-family: "Roboto",Helvetica,Arial,sans-serif; + font-family: "Roboto", Helvetica, Arial, sans-serif; } -.field .select2-container .select2-selection .select2-selection__choice -{ +.field .select2-container .select2-selection .select2-selection__choice { margin-top: 0px !important; } -.field .chzn-container-multi .chzn-choices .search-choice .search-choice-close -{ +.field .chzn-container-multi .chzn-choices .search-choice .search-choice-close { top: 4px; - color: #757676; - font-size: 14px; font-weight: 400; font-family: 'FontAwesome'; - text-decoration: none; - background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } -.field .select2-container .select2-selection .select2-selection__choice .select2-selection__choice__remove -{ +.field .select2-container .select2-selection .select2-selection__choice .select2-selection__choice__remove { top: 4px; font-size: 0; font-weight: 400; @@ -1314,16 +1059,14 @@ fieldset.switch-states .switch .slide-button } .field .chzn-container-multi .chzn-choices .search-choice .search-choice-close::before, -.field .select2-container .select2-selection .select2-selection__choice .select2-selection__choice__remove::before -{ +.field .select2-container .select2-selection .select2-selection__choice .select2-selection__choice__remove::before { color: #757676; content: "\f00d"; font-size: 14px; } .field .chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover::before, -.field .select2-container .select2-selection .select2-selection__choice .select2-selection__choice__remove:hover::before -{ +.field .select2-container .select2-selection .select2-selection__choice .select2-selection__choice__remove:hover::before { color: #555656; } @@ -1338,125 +1081,97 @@ fieldset.switch-states .switch .slide-button } .field .chzn-container-single .chzn-single div b, -.field .chzn-container-active .chzn-single div b -.field .chzn-container-single .chzn-single-with-drop div b, -.field .chzn-container-active .chzn-single-with-drop div b -{ +.field .chzn-container-active .chzn-single div b .field .chzn-container-single .chzn-single-with-drop div b, +.field .chzn-container-active .chzn-single-with-drop div b { font-size: 0; font-weight: 400; font-family: 'FontAwesome'; - line-height: 28px; - text-indent: 0; text-align: center; - background: transparent none !important; } .field .chzn-container-single .chzn-single div b:before, -.field .chzn-container-active .chzn-single div b:before -{ +.field .chzn-container-active .chzn-single div b:before { color: #60686E; - content: "\f0d7"; font-size: 16px; } .field .chzn-container-single .chzn-single-with-drop div b:before, -.field .chzn-container-active .chzn-single-with-drop div b:before -{ +.field .chzn-container-active .chzn-single-with-drop div b:before { color: #60686E; - content: "\f0d8"; font-size: 16px; } -.field .chzn-container-single .chzn-single -{ +.field .chzn-container-single .chzn-single { height: 30px; font-size: 13px; line-height: 30px; background-image: none; } -.chzn-container .chzn-drop -{ +.chzn-container .chzn-drop { box-shadow: none; - margin-top: -1px; - border-top: 1px solid #C4C6C8; border-color: #C4C6C8; - -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } -.chzn-container.chzn-with-rise .chzn-drop -{ +.chzn-container.chzn-with-rise .chzn-drop { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } -.cms-content-toolbar .chzn-container-single .chzn-single div b -{ +.cms-content-toolbar .chzn-container-single .chzn-single div b { width: 24px; - background: none transparent; } -.cms-content-toolbar .chzn-container-single .chzn-single div b:before -{ +.cms-content-toolbar .chzn-container-single .chzn-single div b:before { color: #80888E; - content: "\f0ab"; - font-family: "FontAwesome"; font-size: 13px; font-weight: 400; line-height: 30px; } -.field .chzn-container -{ +.field .chzn-container { max-width: 512px; vertical-align: bottom; } -.field .chzn-container .chzn-results li -{ +.field .chzn-container .chzn-results li { font-size: 13px; line-height: 16px; } -.field .chzn-container .chzn-results .highlighted -{ +.field .chzn-container .chzn-results .highlighted { background: #139FDA none; } .field .chzn-container-multi .chzn-choices, -.field .select2-selection -{ +.field .select2-selection { border-color: #C4C6C8; - background-image: none; } -span.select2-dropdown -{ +span.select2-dropdown { border-color: #C4C6C8; } -.select2-container--open span.select2-dropdown--above -{ +.select2-container--open span.select2-dropdown--above { margin-top: 1px !important; } -.field .select2-container--default .select2-selection--multiple -{ +.field .select2-container--default .select2-selection--multiple { border: 1px solid #c4c6c8 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; @@ -1464,138 +1179,109 @@ span.select2-dropdown box-shadow: none !important; } -.field .select2-container--default .select2-selection--multiple > ul -{ +.field .select2-container--default .select2-selection--multiple > ul { padding-top: 3px !important; } -.field .select2-container--default.select2-container--focus .select2-selection--multiple -{ +.field .select2-container--default.select2-container--focus .select2-selection--multiple { border: 1px solid #c4c6c8; } -.select2-container--default li.select2-results__option[aria-selected="true"] -{ +.select2-container--default li.select2-results__option[aria-selected="true"] { background-color: #fff; } -li.select2-results__option--highlighted -{ +li.select2-results__option--highlighted { background-color: #139FDA !important; background-image: none !important; } -.field .chzn-container-active .chzn-choices -{ +.field .chzn-container-active .chzn-choices { box-shadow: none; } -.field .chzn-container-multi .chzn-choices .search-field input -{ +.field .chzn-container-multi .chzn-choices .search-field input { font-family: 'Roboto'; } -.fieldgroup-field .chzn-container-single .chzn-single -{ +.fieldgroup-field .chzn-container-single .chzn-single { height: 30px; line-height: 30px; } .fieldgroup-field .chzn-container-active .chzn-single div b .field .chzn-container-single .chzn-single-with-drop div b, .fieldgroup-field .chzn-container-active .chzn-single-with-drop div b, -.fieldgroup-field .chzn-container-single .chzn-single div b -{ +.fieldgroup-field .chzn-container-single .chzn-single div b { line-height: 30px; } -.cms-edit-form input[name=Title] -{ +.cms-edit-form input[name=Title] { margin-right: 8px; } -.field.urlsegment .preview -{ +.field.urlsegment .preview { margin-right: 4px; } -.ss-toggle .ui-accordion-header -{ +.ss-toggle .ui-accordion-header { font-size: 13px; font-weight: 500; - border-color: #C4C6C8; } -.ss-toggle .ui-accordion-header .ui-accordion-header-icon -{ +.ss-toggle .ui-accordion-header .ui-accordion-header-icon { margin-top: -8px; } -.ss-toggle .ui-accordion-header a -{ +.ss-toggle .ui-accordion-header a { color: #50585E; } -.ss-toggle .ui-accordion-content -{ +.ss-toggle .ui-accordion-content { padding: 0; - border-color: #C4C6C8; } -.ss-toggle .ui-accordion-header.ui-state-default -{ +.ss-toggle .ui-accordion-header.ui-state-default { background: #F0F2F4 none; - text-shadow: none; } -.ss-toggle .ui-accordion-content .field > label -{ +.ss-toggle .ui-accordion-content .field > label { width: auto; - float: none; - padding-top: 2px; } -.ss-toggle .ui-accordion-content .field label.ss-ui-button -{ +.ss-toggle .ui-accordion-content .field label.ss-ui-button { float: left; } -.ss-toggle .ui-accordion-content .fieldgroup .fieldgroup-field .fieldholder-small -{ +.ss-toggle .ui-accordion-content .fieldgroup .fieldgroup-field .fieldholder-small { padding: 0; } -div.fieldgroup > div.middleColumn > div.field -{ +div.fieldgroup > div.middleColumn > div.field { margin: 0; padding: 0; - border-bottom: 0 none; } .fieldgroup .fieldgroup-field input.checkbox, -.fieldgroup .fieldgroup-field label -{ +.fieldgroup .fieldgroup-field label { vertical-align: middle; } -.fieldgroup div.fieldgroup-field.nolabel -{ +.fieldgroup div.fieldgroup-field.nolabel { margin-top: 0 !important; } -.field .fieldgroup-field > input.checkbox -{ +.field .fieldgroup-field > input.checkbox { float: left; margin-top: 2px; } -.field .fieldgroup-field > label.checkboxfield-small -{ +.field .fieldgroup-field > label.checkboxfield-small { float: left; margin-left: 2px; padding-top: 0; @@ -1606,8 +1292,7 @@ div.fieldgroup > div.middleColumn > div.field vertical-align: middle; } -.field label.right -{ +.field label.right { color: #777; margin-top: 6px; } @@ -1624,418 +1309,349 @@ div.fieldgroup > div.middleColumn > div.field padding-bottom: 0; } -.cms-search-form .fieldgroup div.fieldgroup-field.nolabel -{ +.cms-search-form .fieldgroup div.fieldgroup-field.nolabel { margin-top: 5px !important; } -.cms-search-form .fieldgroup div.fieldgroup-field:first-child -{ +.cms-search-form .fieldgroup div.fieldgroup-field:first-child { margin-top: 0px !important; } -.field.optionset -{ +.field.optionset { margin-bottom: 0; } .optionset li input, -.optionset li label -{ +.optionset li label { vertical-align: middle; } -.optionset li label -{ +.optionset li label { padding-left: 3px; } -body.ss-uploadfield-edit-iframe -{ +body.ss-uploadfield-edit-iframe { overflow: auto; } -body.cms-dialog -{ +body.cms-dialog { background: none transparent; } -.composite.ss-assetuploadfield .details fieldset -{ +.composite.ss-assetuploadfield .details fieldset { padding: 0px !important; background-color: #E6EAED !important; } -body.cms.ss-uploadfield-edit-iframe -{ +body.cms.ss-uploadfield-edit-iframe { padding: 0px !important; background-color: #EFF2F4 !important; } body.cms.ss-uploadfield-edit-iframe span.readonly, -.composite.ss-assetuploadfield .details fieldset span.readonly -{ +.composite.ss-assetuploadfield .details fieldset span.readonly { font-style: normal !important; text-shadow: none !important; color: #40484E !important; } -.htmleditorfield-dialog .details .field -{ +.htmleditorfield-dialog .details .field { box-shadow: none !important; } -.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item -{ +.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item { border-radius: 0 !important; border: 0 !important; } -.ss-uploadfield .middleColumn -{ +.ss-uploadfield .middleColumn { border-radius: 0 !important; - background: none #EFF2F4 !important; - border: 1px solid #C4C6C8 !important; } -.htmleditorfield-dialog .ss-insert-media, .htmleditorfield-dialog .Actions, .htmleditorfield-dialog .ss-insert-link -{ +.htmleditorfield-dialog .ss-insert-media, +.htmleditorfield-dialog .Actions, +.htmleditorfield-dialog .ss-insert-link { padding: 15px !important; } -.ss-uploadfield .ss-uploadfield-item .ss-uploadfield-item-info .ss-uploadfield-item-name -{ +.ss-uploadfield .ss-uploadfield-item .ss-uploadfield-item-info .ss-uploadfield-item-name { line-height: 15px !important; } -.ss-uploadfield .ss-uploadfield-item .ss-uploadfield-item-preview -{ +.ss-uploadfield .ss-uploadfield-item .ss-uploadfield-item-preview { height: 55px !important; line-height: 55px !important; } -.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-editform iframe -{ +.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-editform iframe { border-top: 0 !important; margin-top: 0px !important; padding-top: 0px !important; } -.ss-uploadfield .ss-uploadfield-item .ss-uploadfield-item-info .ss-uploadfield-item-name -{ +.ss-uploadfield .ss-uploadfield-item .ss-uploadfield-item-info .ss-uploadfield-item-name { height: 20px !important; } -.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-actions -{ +.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-actions { margin: 0 !important; } .ss-uploadfield .ss-uploadfield-item-info .ss-ui-button, -.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-actions > button -{ +.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-actions > button { margin: 5px 8px 0 0; } -.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-editform.opened -{ +.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-editform.opened { margin-top: 12px !important; padding-top: 12px !important; border-top: 1px solid #d4d6d8; } -.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-editform iframe -{ +.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-editform iframe { opacity: 0; } -.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-editform.opened iframe -{ +.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-editform.opened iframe { opacity: 1; } -.ss-uploadfield label.right -{ +.ss-uploadfield label.right { margin-left: 0; padding-top: 2px; } .ss-uploadfield .ss-uploadfield-item-start .ui-button, -.ss-uploadfield .ss-uploadfield-item-cancel .ui-button -{ +.ss-uploadfield .ss-uploadfield-item-cancel .ui-button { box-shadow: none !important; } .ss-uploadfield .ss-uploadfield-item-start .ui-button .ui-icon, -.ss-uploadfield .ss-uploadfield-item-cancel .ui-button .ui-icon -{ +.ss-uploadfield .ss-uploadfield-item-cancel .ui-button .ui-icon { display: block !important; } -div.field.upload div.message -{ +div.field.upload div.message { margin: 16px 0 0; } -.fieldgroup.stacked .fieldgroup-field -{ +.fieldgroup.stacked .fieldgroup-field { margin-bottom: 10px; } -.cms-content-filters .field.fieldgroup -{ +.cms-content-filters .field.fieldgroup { margin-top: 0; padding: 0 16px; border-bottom: 0; } -div.cms-content-filters .fieldgroup.stacked .fieldgroup-field -{ +div.cms-content-filters .fieldgroup.stacked .fieldgroup-field { margin-bottom: 0; } -.SelectionGroup li -{ +.SelectionGroup li { padding: 5px 0 5px 8px; } -.SelectionGroup li input.selector -{ +.SelectionGroup li input.selector { margin: 2px 6px 0 0; width: auto !important; } -form.stacked .field.SelectionGroup label -{ +form.stacked .field.SelectionGroup label { padding-bottom: 0; } -.cms .cms-content-fields -{ +.cms .cms-content-fields { background-color: #E6EAED; } -.cms .cms-content-fields.ui-widget-content -{ +.cms .cms-content-fields.ui-widget-content { background-color: #F0F2F4; } -.cms .cms-content-fields #Root_Main .confirmedpassword -{ +.cms .cms-content-fields #Root_Main .confirmedpassword { padding-bottom: 0; } -.cms .cms-content-fields #Root_Main .confirmedpassword div.field:nth-child(2) -{ +.cms .cms-content-fields #Root_Main .confirmedpassword div.field:nth-child(2) { margin-bottom: 0; } + /* Corner Styles: ===================================================================================================================== */ -.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl -{ +.ui-corner-all, +.ui-corner-top, +.ui-corner-left, +.ui-corner-tl { border-top-left-radius: 0; } -.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr -{ +.ui-corner-all, +.ui-corner-top, +.ui-corner-right, +.ui-corner-tr { border-top-right-radius: 0; } -.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl -{ +.ui-corner-all, +.ui-corner-bottom, +.ui-corner-left, +.ui-corner-bl { border-bottom-left-radius: 0; } -.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br -{ +.ui-corner-all, +.ui-corner-bottom, +.ui-corner-right, +.ui-corner-br { border-bottom-right-radius: 0; } + /* Button Styles: ===================================================================================================================== */ -.cms .ss-ui-button -{ +.cms .ss-ui-button { border: 0; - color: #FFF; - font-weight: 500; - background: #80888E; - text-shadow: none; } .cms .ss-ui-button.ui-state-hover, -.cms .ss-ui-button:hover -{ +.cms .ss-ui-button:hover { background: #A0A8AE; - box-shadow: none; } -.cms-content-toolbar -{ +.cms-content-toolbar { margin: 0; padding: 0; - box-shadow: none; - border-bottom: 0; } -.cms-content-toolbar .ss-ui-button -{ +.cms-content-toolbar .ss-ui-button { margin-bottom: 0 !important; } -.cms .cms-actions-row > * -{ +.cms .cms-actions-row > * { margin-right: 8px; } -.cms .ss-ui-buttonset .ui-button -{ +.cms .ss-ui-buttonset .ui-button { float: left; - margin-left: 0px; margin-right: 8px; - display: block; } -.cms .ui-button .ui-icon -{ +.cms .ui-button .ui-icon { display: none !important; } -tr.ss-gridfield-item .ui-button .ui-icon -{ +tr.ss-gridfield-item .ui-button .ui-icon { display: block !important; } tr.ss-gridfield-item .ss-ui-button:hover, tr.ss-gridfield-item .ss-ui-button:focus, -tr.ss-gridfield-item .ss-ui-button:active -{ +tr.ss-gridfield-item .ss-ui-button:active { background: transparent none; } .cms .ss-ui-button.ss-ui-action-constructive, -.field.urlsegment button.update -{ +.field.urlsegment button.update { font-weight: 500; - background: #0F8845 none; } .cms .ss-ui-button.ss-ui-action-constructive.ui-state-hover, .cms .ss-ui-button.ss-ui-action-constructive:hover, -.field.urlsegment button.update:hover -{ +.field.urlsegment button.update:hover { background: #2FA865 none; } .cms .field.urlsegment button.cancel, -.cms .field.urlsegment button.cancel:active -{ +.cms .field.urlsegment button.cancel:active { color: #FFF; - font-weight: 500; - background: #80888E; - text-decoration: none; } -.cms .field.urlsegment button.cancel:hover -{ +.cms .field.urlsegment button.cancel:hover { color: #FFF; - background: #A0A8AE; } .cms .field.urlsegment input.text, .cms .field.urlsegment .cancel, .cms .field.urlsegment .update, -.cms .field.urlsegment .edit -{ +.cms .field.urlsegment .edit { margin-right: 6px; } -.cms .field.urlsegment button.cancel .ui-button-text -{ +.cms .field.urlsegment button.cancel .ui-button-text { padding: 6px 14px; } -.cms-content-tools .cms-panel-content .Actions .ss-ui-action-constructive -{ +.cms-content-tools .cms-panel-content .Actions .ss-ui-action-constructive { margin-right: 8px; } -.cms .ss-ui-button.ss-ui-action-destructive -{ +.cms .ss-ui-button.ss-ui-action-destructive { color: #FFF; - background-color: #B63051; } .cms .ss-ui-button.ss-ui-action-destructive.ui-state-hover, .cms .ss-ui-button.ss-ui-action-destructive:hover, -.cms .ss-ui-button.ss-ui-action-destructive.ui-state-focus -{ +.cms .ss-ui-button.ss-ui-action-destructive.ui-state-focus { background-color: #D65071; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text, -.ui-button-text-only .ui-button-text -{ +.ui-button-text-only .ui-button-text { padding: 6px 15px; } -.cms .ss-ui-button.ss-ui-button-small .ui-button-text -{ +.cms .ss-ui-button.ss-ui-button-small .ui-button-text { font-size: 11px; } -.cms .ss-ui-button:active, .cms .ss-ui-button:focus, .cms .ss-ui-button.ui-state-active, .cms .ss-ui-button.ui-state-focus -{ +.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: 0; - box-shadow: none; - background: #80888E; - text-decoration: none; } -.cms .ss-ui-button:hover -{ +.cms .ss-ui-button:hover { background: #A0A8AE; } .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 -{ +.cms .ss-ui-button.ss-ui-action-constructive.ui-state-focus { border: 0; - box-shadow: none; - background: #0F8845 none; - text-decoration: none; } -div.Actions > input.ss-ui-button -{ +div.Actions > input.ss-ui-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; @@ -2043,63 +1659,53 @@ div.Actions > input.ss-ui-button } .fieldgroup .fieldholder-small .ss-ui-button, -.ss-gridfield-add-new-multi-class .ss-ui-button -{ +.ss-gridfield-add-new-multi-class .ss-ui-button { margin-top: 1px; } -.cms-search-form div.Actions -{ +.cms-search-form div.Actions { padding-top: 2px; } -.cms-dialog-content div.Actions -{ +.cms-dialog-content div.Actions { padding: 0; } .ss-uploadfield-edit-iframe form.small .field input.text, .ss-uploadfield-edit-iframe form.small .field textarea, .ss-uploadfield-edit-iframe form.small .field select, -.ss-uploadfield-edit-iframe form.small .field .TreeDropdownField -{ +.ss-uploadfield-edit-iframe form.small .field .TreeDropdownField { width: 100%; } -.ss-uploadfield-edit-iframe div.Actions -{ +.ss-uploadfield-edit-iframe div.Actions { padding: 8px 0 0; } -.cms-dialog-content div.Actions > :last-child, -.ss-uploadfield-edit-iframe div.Actions > :last-child -{ +.cms-dialog-content div.Actions >:last-child, +.ss-uploadfield-edit-iframe div.Actions >:last-child { margin-right: 0; } .cms .button-no-style button.loading, -.cms .ss-ui-action-tabset.action-menus.ss-tabset .ui-tabs-panel button.loading -{ +.cms .ss-ui-action-tabset.action-menus.ss-tabset .ui-tabs-panel button.loading { background-image: none; } .cms .button-no-style button.loading .ui-button-text, -.cms .ss-ui-action-tabset.action-menus.ss-tabset .ui-tabs-panel button.loading .ui-button-text -{ +.cms .ss-ui-action-tabset.action-menus.ss-tabset .ui-tabs-panel button.loading .ui-button-text { padding-left: 0; } .cms .button-no-style button.loading i.fa, -.cms .ss-ui-action-tabset.action-menus.ss-tabset .ui-tabs-panel button.loading i.fa -{ +.cms .ss-ui-action-tabset.action-menus.ss-tabset .ui-tabs-panel button.loading i.fa { display: inline-block !important; margin-right: 2px; } .cms .ss-ui-button[class*="font-icon-"]:hover, .cms .ss-ui-button[class^="font-icon-"]:hover, -.cms .ss-ui-button.ss-ui-button-constructive[class*="font-icon-"]:hover -{ +.cms .ss-ui-button.ss-ui-button-constructive[class*="font-icon-"]:hover { background-color: #d4dbe1; } @@ -2108,38 +1714,32 @@ div.Actions > input.ss-ui-button .cms .ss-ui-button.active[class^="font-icon-"], .cms .ss-ui-button[class^="font-icon-"]:active, .cms .ss-ui-button.ss-ui-button-constructive.active[class*="font-icon-"], -.cms .ss-ui-button.ss-ui-button-constructive[class*="font-icon-"]:active -{ +.cms .ss-ui-button.ss-ui-button-constructive[class*="font-icon-"]:active { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; - background-color: #d4dbe1; } /* Model Admin Styles: ===================================================================================================================== */ -div.ModelAdmin #Form_ImportForm div.Actions -{ +div.ModelAdmin #Form_ImportForm div.Actions { padding: 4px 0; } -#cms-content-tools-ModelAdmin.cms-content-filters #Form_ImportForm div.Actions -{ +#cms-content-tools-ModelAdmin.cms-content-filters #Form_ImportForm div.Actions { padding: 0; margin-bottom: 0; } -div.ModelAdmin #Form_ImportForm div.importSpec > div.details -{ +div.ModelAdmin #Form_ImportForm div.importSpec > div.details { margin-top: 10px; padding-bottom: 1px; background-color: #fff; } -div.ModelAdmin #Form_ImportForm div.importSpec > div.details > h4 -{ +div.ModelAdmin #Form_ImportForm div.importSpec > div.details > h4 { margin: 0 0 10px 0; background-color: #98aab6; color: #fff; @@ -2148,99 +1748,87 @@ div.ModelAdmin #Form_ImportForm div.importSpec > div.details > h4 font-size: 13px; } -div.ModelAdmin #Form_ImportForm div.importSpec > div.details > h5 -{ +div.ModelAdmin #Form_ImportForm div.importSpec > div.details > h5 { font-weight: 500; margin: 10px 10px 0; padding-bottom: 10px; } -div.ModelAdmin #Form_ImportForm div.importSpec > div.details > dl -{ +div.ModelAdmin #Form_ImportForm div.importSpec > div.details > dl { font-size: 12px; margin: 0 10px 10px; } div.ModelAdmin #Form_ImportForm #_CsvFile, -div.ModelAdmin #Form_ImportForm #Form_ImportForm__CsvFile -{ +div.ModelAdmin #Form_ImportForm #Form_ImportForm__CsvFile { max-width: 184px; } -div.ModelAdmin > div.cms-content-fields -{ +div.ModelAdmin > div.cms-content-fields { padding: 0; } -#cms-content-tools-ModelAdmin.cms-content-filters -{ +#cms-content-tools-ModelAdmin.cms-content-filters { margin: 0; padding: 0 15px 15px 15px; } -#cms-content-tools-ModelAdmin > h3.cms-panel-header -{ +#cms-content-tools-ModelAdmin > h3.cms-panel-header { margin: 15px 0 10px; font-weight: 500; font-size: 13px; } -#cms-content-tools-ModelAdmin .cms-search-form .field -{ +#cms-content-tools-ModelAdmin .cms-search-form .field { max-width: 320px; margin-bottom: 10px; padding-right: 0; } -#cms-content-tools-ModelAdmin .cms-search-form .field .description -{ +#cms-content-tools-ModelAdmin .cms-search-form .field .description { font-size: 12px; } -#cms-content-tools-ModelAdmin .field label.left -{ +#cms-content-tools-ModelAdmin .field label.left { font-size: 12px; font-weight: 400; padding-top: 0; } -#cms-content-tools-ModelAdmin .field input.time -{ +#cms-content-tools-ModelAdmin .field input.time { width: 100%; } -#cms-content-tools-ModelAdmin > #Form_SearchForm -{ +#cms-content-tools-ModelAdmin > #Form_SearchForm { margin-bottom: 20px; } /* Tree Styles: ===================================================================================================================== */ -.jstree-apple a -{ +.jstree-apple a { text-shadow: none; } -.jstree-apple a, .jstree-apple a:link -{ +.jstree-apple a, +.jstree-apple a:link { color: #555 !important; } -.cms .jstree li, .TreeDropdownField .treedropdownfield-panel .jstree li -{ +.cms .jstree li, +.TreeDropdownField .treedropdownfield-panel .jstree li { margin-left: 14px; line-height: 24px; } -.TreeDropdownField .treedropdownfield-panel li.jstree-open > ul -{ +.TreeDropdownField .treedropdownfield-panel li.jstree-open > ul { margin-left: 0; } -.cms .jstree li.disabled > a, .TreeDropdownField .treedropdownfield-panel .jstree li.disabled > a, -.cms .jstree li.disabled > a:hover, .TreeDropdownField .treedropdownfield-panel .jstree li.disabled > a:hover -{ +.cms .jstree li.disabled > a, +.TreeDropdownField .treedropdownfield-panel .jstree li.disabled > a, +.cms .jstree li.disabled > a:hover, +.TreeDropdownField .treedropdownfield-panel .jstree li.disabled > a:hover { color: #80888E !important; } @@ -2249,360 +1837,284 @@ div.ModelAdmin > div.cms-content-fields .jstree .status-addedtodraft > .jstree-clicked, .jstree .status-archived > .jstree-clicked, .jstree .status-deletedonlive > .jstree-clicked, -.jstree .status-removedfromdraft > .jstree-clicked -{ +.jstree .status-removedfromdraft > .jstree-clicked { background: #d4dbe1 none; } -.cms .jstree li.disabled > a.jstree-clicked, .TreeDropdownField .treedropdownfield-panel .jstree li.disabled > a.jstree-clicked -{ +.cms .jstree li.disabled > a.jstree-clicked, +.TreeDropdownField .treedropdownfield-panel .jstree li.disabled > a.jstree-clicked { background: transparent none; } .jstree-apple .jstree-hovered, -.jstree-apple a.jstree-hovered -{ +.jstree-apple a.jstree-hovered { color: #FFF !important; - background: #139FDA none; } .jstree-apple li.disabled .jstree-hovered .jstree-checkbox::before, -.jstree-apple li.disabled a.jstree-hovered .jstree-checkbox::before -{ +.jstree-apple li.disabled a.jstree-hovered .jstree-checkbox::before { color: #60686E !important; } .jstree .status-modified > .jstree-hovered, -.jstree .status-addedtodraft > .jstree-hovered -{ +.jstree .status-addedtodraft > .jstree-hovered { background-color: #f46b00 !important; } .jstree .status-archived > .jstree-hovered, .jstree .status-deletedonlive > .jstree-hovered, -.jstree .status-removedfromdraft > .jstree-hovered -{ +.jstree .status-removedfromdraft > .jstree-hovered { background-color: #455b6c !important; } -.jstree .status-workflow-approval > .jstree-hovered -{ +.jstree .status-workflow-approval > .jstree-hovered { background-color: #0070b4 !important; } -.jstree .jstree-hovered span.badge -{ +.jstree .jstree-hovered span.badge { color: #fff !important; } -.cms-tree.jstree span.badge -{ +.cms-tree.jstree span.badge { background: transparent none !important; } .tree-holder.jstree-apple a, .tree-holder.jstree-apple a:link, .cms-tree.jstree-apple a, -.cms-tree.jstree-apple a:link -{ +.cms-tree.jstree-apple a:link { padding: 4px 6px 4px 4px; - border-radius: 0; - text-shadow: none; } .cms-tree.jstree .jstree-no-checkboxes li a, .cms-tree.jstree .jstree-no-checkboxes li a:focus, .cms-tree.jstree .jstree-no-checkboxes li .jstree-hovered, -.cms-tree.jstree .jstree-no-checkboxes li .jstree-clicked -{ +.cms-tree.jstree .jstree-no-checkboxes li .jstree-clicked { padding-left: 4px !important; } -.jstree-apple .jstree-no-checkboxes a .jstree-icon -{ +.jstree-apple .jstree-no-checkboxes a .jstree-icon { color: #A4A7A8; - font-size: 14px; font-family: 'FontAwesome'; - text-align: center; - display: inline-block; - background: none transparent; } .jstree-hovered .jstree-icon, -.jstree-hovered .jstree-checkbox -{ +.jstree-hovered .jstree-checkbox { color: #FFF !important; } -.cms .jstree a > ins, .TreeDropdownField .treedropdownfield-panel .jstree a > ins -{ +.cms .jstree a > ins, +.TreeDropdownField .treedropdownfield-panel .jstree a > ins { width: 16px; height: 16px; } -.jstree-apple .jstree-no-checkboxes a .jstree-icon::before -{ +.jstree-apple .jstree-no-checkboxes a .jstree-icon::before { content: "\f0c9"; } -.jstree-apple a > .jstree-checkbox -{ +.jstree-apple a > .jstree-checkbox { color: #60686E; - text-align: left; - font-size: 14px; font-family: 'FontAwesome'; - background: none transparent; } .tree-holder.jstree-apple li.jstree-checked > a, .tree-holder.jstree-apple li.jstree-checked > a:link, .cms-tree.jstree-apple li.jstree-checked > a, -.cms-tree.jstree-apple li.jstree-checked > a:link -{ +.cms-tree.jstree-apple li.jstree-checked > a:link { background-color: #d4dbe1; } .jstree-apple .jstree-checked.disabled > a, .jstree-apple .jstree-checked.disabled > a:link, .cms-tree.jstree-apple li.jstree-checked.disabled > a, -.cms-tree.jstree-apple li.jstree-checked.disabled > a:link -{ +.cms-tree.jstree-apple li.jstree-checked.disabled > a:link { background-color: transparent; } .tree-holder.jstree-apple li.jstree-checked > a:hover, -.cms-tree.jstree-apple li.jstree-checked > a:hover -{ +.cms-tree.jstree-apple li.jstree-checked > a:hover { background-color: #139FDA; } -.jstree-apple .jstree-checked > a > .jstree-checkbox::before -{ +.jstree-apple .jstree-checked > a > .jstree-checkbox::before { content: "\f046" !important; } .jstree-apple .jstree-unchecked > a > .jstree-checkbox::before, -.jstree-apple .jstree-checked.disabled > a > .jstree-checkbox::before -{ +.jstree-apple .jstree-checked.disabled > a > .jstree-checkbox::before { content: "\f096" !important; } .jstree-apple li.disabled > a > .jstree-checkbox::before, -.jstree-apple li.disabled > a.jstree-hovered > .jstree-checkbox::before -{ +.jstree-apple li.disabled > a.jstree-hovered > .jstree-checkbox::before { color: #A0A8AE !important; } .cms .jstree a ins.jstree-checkbox::before, -.TreeDropdownField .treedropdownfield-panel .jstree a ins.jstree-checkbox::before -{ +.TreeDropdownField .treedropdownfield-panel .jstree a ins.jstree-checkbox::before { top: 1px; left: 0; } -.cms .jstree a > .jstree-icon, .TreeDropdownField .treedropdownfield-panel .jstree a > .jstree-icon -{ +.cms .jstree a > .jstree-icon, +.TreeDropdownField .treedropdownfield-panel .jstree a > .jstree-icon { margin-right: 3px; } .jstree-apple .jstree-unchecked > a > .jstree-checkbox, .jstree-apple .jstree-checked > a > .jstree-checkbox, -.jstree-apple .jstree-undetermined > a > .jstree-checkbox -{ +.jstree-apple .jstree-undetermined > a > .jstree-checkbox { margin-right: 1px; } .jstree-apple .jstree-closed > ins, -.jstree-apple .jstree-open > ins -{ +.jstree-apple .jstree-open > ins { color: #60686E; - font-size: 18px; font-family: 'FontAwesome'; - text-align: right; - background: none transparent; } -.jstree-apple .jstree-open > ins::before -{ +.jstree-apple .jstree-open > ins::before { content: "\f0d7"; } -.jstree-apple .jstree-closed > ins::before -{ +.jstree-apple .jstree-closed > ins::before { content: "\f0da"; } /* Tree Dropdown Field Styles ===================================================================================================================== */ -div.TreeDropdownField .treedropdownfield-toggle-panel-link a -{ +div.TreeDropdownField .treedropdownfield-toggle-panel-link a { right: 0; - opacity: 1; - width: 24px; - position: absolute; - text-align: center; } -.cms .jstree a, .TreeDropdownField .treedropdownfield-panel .jstree a -{ +.cms .jstree a, +.TreeDropdownField .treedropdownfield-panel .jstree a { border: 0; - padding: 4px; - text-shadow: none !important; } -.tree-holder.jstree-apple li.Root strong, .cms-tree.jstree-apple li.Root strong -{ +.tree-holder.jstree-apple li.Root strong, +.cms-tree.jstree-apple li.Root strong { font-weight: 500; } -.tree-holder.jstree-apple span.badge, .cms-tree.jstree-apple span.badge -{ +.tree-holder.jstree-apple span.badge, +.cms-tree.jstree-apple span.badge { padding: 0 2px; - font-size: 10px; line-height: 11px; - margin-top: -2px; margin-left: 4px; margin-right: 0px; - vertical-align: middle; } -div.TreeDropdownField .treedropdownfield-panel -{ +div.TreeDropdownField .treedropdownfield-panel { box-shadow: none; } -.field div.TreeDropdownField .treedropdownfield-panel -{ +.field div.TreeDropdownField .treedropdownfield-panel { border-color: #C4C6C8; - padding-bottom: 5px; - -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } -div.TreeDropdownField .treedropdownfield-search -{ +div.TreeDropdownField .treedropdownfield-search { font-family: 'Roboto'; - border-color: #C4C6C8; - background: url("/framework/admin/thirdparty/chosen/chosen/chosen-sprite.png") no-repeat scroll 100% -22px; } -div.TreeDropdownField .treedropdownfield-title -{ +div.TreeDropdownField .treedropdownfield-title { width: 94%; - padding: 0 0 0 6px; - height: 30px; line-height: 30px; } -div.TreeDropdownField .treedropdownfield-toggle-panel-link -{ +div.TreeDropdownField .treedropdownfield-toggle-panel-link { padding: 7px 0px; - min-height: 16px; line-height: 15px; - -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } -div.TreeDropdownField .treedropdownfield-toggle-panel-link a -{ +div.TreeDropdownField .treedropdownfield-toggle-panel-link a { outline: 0; } /* Icon Styles: ===================================================================================================================== */ -.icon -{ +.icon { text-indent: 0; - font-size: 14px; font-family: "FontAwesome"; - background: none !important; } -div.CMSProfileController .cms-content-header .cms-content-header-info .section-icon::before -{ +div.CMSProfileController .cms-content-header .cms-content-header-info .section-icon::before { content: "\f007"; } -.icon-button-group -{ +.icon-button-group { border-color: #b1b7bc; } /* Message Styles: ===================================================================================================================== */ -.message -{ +.message { padding: 8px; - -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } -.message.notice -{ +.message.notice { border-color: #68B8DF; - background-color: #E8F8FF; } -.cms-notice -{ +.cms-notice { margin: 15px 0 0; - border: 1px solid #C4C6C8; - -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } -.notice-item -{ +.notice-item { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } -.notice-item-close -{ +.notice-item-close { font-size: 0; text-indent: 0; width: 14px; @@ -2610,8 +2122,7 @@ div.CMSProfileController .cms-content-header .cms-content-header-info .section-i background: none transparent; } -.notice-item-close::before -{ +.notice-item-close::before { color: #fff; content: "\f00d"; font-size: 14px; @@ -2622,567 +2133,444 @@ div.CMSProfileController .cms-content-header .cms-content-header-info .section-i /* Content Styles: ===================================================================================================================== */ -.cms-content-header -{ +.cms-content-header { padding-left: 10px; min-height: 52px; } .cms-content-header h2, -.cms-content-header h3 -{ +.cms-content-header h3 { color: #555; - font-size: 15px; font-weight: 400; - margin-bottom: 0; } -.has-panel .cms-content-header.north.collapsed .cms-content-header-nav -{ +.has-panel .cms-content-header.north.collapsed .cms-content-header-nav { margin-left: 20px; } -.breadcrumbs-wrapper -{ +.breadcrumbs-wrapper { padding: 0 0 0 5px; } -.has-panel .breadcrumbs-wrapper -{ +.has-panel .breadcrumbs-wrapper { padding-top: 8px; } -.breadcrumbs-wrapper .crumb, .breadcrumbs-wrapper .sep -{ +.breadcrumbs-wrapper .crumb, +.breadcrumbs-wrapper .sep { font-size: .8em; line-height: 1.2em; font-weight: normal; } -.breadcrumbs-wrapper .crumb.last -{ +.breadcrumbs-wrapper .crumb.last { display: block; font-size: 15px; padding: 8px 0; } -.has-panel .breadcrumbs-wrapper .crumb.last -{ +.has-panel .breadcrumbs-wrapper .crumb.last { padding: 8px 0; } -.breadcrumbs-wrapper .sep + .crumb.last -{ +.breadcrumbs-wrapper .sep + .crumb.last { padding-top: 0; padding-bottom: 0; } -.breadcrumbs-wrapper .sep -{ +.breadcrumbs-wrapper .sep { color: #888; } -.has-panel .section-icon -{ +.has-panel .section-icon { color: #4f5861; } -.has-panel .section-label -{ +.has-panel .section-label { font-size: 15px; } -.cms-content-header h2 -{ +.cms-content-header h2 { line-height: 18px; padding-top: 8px; padding-left: 4px; } -#page-title-heading -{ +#page-title-heading { padding: 0; } -.cms-content-header h3 -{ +.cms-content-header h3 { padding: 2px 6px !important; } -.htmleditorfield-dialog .cms-content-header h3 -{ +.htmleditorfield-dialog .cms-content-header h3 { padding: 12px 16px !important; } -.cms-content-header h2 * -{ +.cms-content-header h2 * { vertical-align: top; } -.cms-content-header .cms-content-header-info -{ +.cms-content-header .cms-content-header-info { padding-top: 7px; } -.has-panel .cms-content-header .cms-content-header-info -{ +.has-panel .cms-content-header .cms-content-header-info { padding-top: 16px; } -.cms-content-header .cms-content-header-info .section-icon -{ +.cms-content-header .cms-content-header-info .section-icon { opacity: 0.75; font-size: 16px; font-weight: 400; display: none; } -.has-panel .cms-content-header .cms-content-header-info .section-icon -{ +.has-panel .cms-content-header .cms-content-header-info .section-icon { display: inline-block; } -.cms-content-actions, .cms-preview-controls -{ +.cms-content-actions, +.cms-preview-controls { box-shadow: none; - background-color: #F0F2F4; - border-top: 1px solid #C4C6C8; - padding: 12px 10px 12px 14px; } -.cms .cms-content-fields #Root_Main .customFormat -{ +.cms .cms-content-fields #Root_Main .customFormat { max-width: 120px; - margin-left: 8px; } -.has-panel .section-heading -{ +.has-panel .section-heading { margin-top: 0; } -.has-panel .view-controls -{ +.has-panel .view-controls { margin-top: -4px; } -div.cms_backlink -{ +div.cms_backlink { margin-right: 5px; } -div.cms_backlink a.backlink .ui-button-text -{ +div.cms_backlink a.backlink .ui-button-text { display: none; } /* Form Styles: ===================================================================================================================== */ -.cms-add-form .step-label .title -{ +.cms-add-form .step-label .title { text-shadow: none; } /* Page Type Styles: ===================================================================================================================== */ -#PageType ul li -{ +#PageType ul li { width: 98%; - padding: 5px 0 5px 15px; } -#PageType ul li .title -{ +#PageType ul li .title { width: 150px; - font-weight: 500; } -#PageType ul li.disabled -{ +#PageType ul li.disabled { display: none; } -#PageType ul li input -{ +#PageType ul li input { margin-top: 2px; } -#PageType ul li:hover -{ +#PageType ul li:hover { color: #FFF; - background-color: #139FDA !important; } -#PageType ul li.selected -{ +#PageType ul li.selected { background-color: #D4D6D8; } -#PageType ul li:hover .description -{ +#PageType ul li:hover .description { color: #FFF; } /* Grid Field Styles: ===================================================================================================================== */ -.cms .ss-gridfield .left > * -{ +.cms .ss-gridfield .left > * { font-size: 13px; } -fieldset.ss-gridfield -{ +fieldset.ss-gridfield { margin: 15px 0; } -.cms .ss-gridfield -{ +.cms .ss-gridfield { overflow-x: visible; } -.cms .AssetAdmin .ss-gridfield -{ +.cms .AssetAdmin .ss-gridfield { overflow-x: hidden; } -div.ModelAdmin fieldset.ss-gridfield -{ +div.ModelAdmin fieldset.ss-gridfield { margin-top: 0; - border-bottom: 0; } div.ModelAdmin .ss-gridfield .grid-csv-button, -div.ModelAdmin .ss-gridfield .grid-print-button -{ +div.ModelAdmin .ss-gridfield .grid-print-button { float: left; - display: block; } -.cms .ss-gridfield button -{ +.cms .ss-gridfield button { font-size: 13px; } -div.ModelAdmin .ss-gridfield button -{ +div.ModelAdmin .ss-gridfield button { margin-right: 8px; } -.cms table.ss-gridfield-table tr.title th -{ +.cms table.ss-gridfield-table tr.title th { background: #788A92; - text-shadow: none; - border-bottom: 0; - padding: 0; } -.cms table.ss-gridfield-table tr.title th h2 -{ +.cms table.ss-gridfield-table tr.title th h2 { font-weight: 500; - padding: 5px; } -.cms table.ss-gridfield-table tr th -{ +.cms table.ss-gridfield-table tr th { border: 0; - font-size: 13px; } -.cms table.ss-gridfield-table tr td -{ +.cms table.ss-gridfield-table tr td { border-right: 0; } -.cms table.ss-gridfield-table tr th.extra -{ +.cms table.ss-gridfield-table tr th.extra { padding: 0 5px; - background: #98AAB6; } -.cms table.ss-gridfield-table tr th.extra .fieldgroup .fieldgroup-field .fieldholder-small -{ +.cms table.ss-gridfield-table tr th.extra .fieldgroup .fieldgroup-field .fieldholder-small { padding: 0 0 5px; } -.cms table.ss-gridfield-table tr th.main -{ +.cms table.ss-gridfield-table tr th.main { border: 0; - background: #98AAB6; } -.cms table.ss-gridfield-table tr th.main span -{ +.cms table.ss-gridfield-table tr th.main span { text-shadow: none; - font-weight: 500; } -.cms table.ss-gridfield-table tr.sortable-header th .ss-ui-button -{ +.cms table.ss-gridfield-table tr.sortable-header th .ss-ui-button { font-size: 13px; - font-weight: 500; - text-shadow: none; } -.cms table.ss-gridfield-table tr th button.ss-gridfield-sort -{ +.cms table.ss-gridfield-table tr th button.ss-gridfield-sort { background-position: right 9px; } -.cms table.ss-gridfield-table tr th button.ss-gridfield-sort:hover -{ +.cms table.ss-gridfield-table tr th button.ss-gridfield-sort:hover { background-position: right -31px; } -.cms table.ss-gridfield-table tr.even -{ +.cms table.ss-gridfield-table tr.even { background: #F4F6F8; } -.cms table.ss-gridfield-table tr:hover -{ +.cms table.ss-gridfield-table tr:hover { background: #E8F8FF !important; } .cms table.ss-gridfield-table thead tr:first-child th:first-child, -.cms table.ss-gridfield-table thead tr:first-child th:last-child -{ +.cms table.ss-gridfield-table thead tr:first-child th:last-child { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .cms table.ss-gridfield-table td:first-child, -.cms table.ss-gridfield-table td:last-child -{ +.cms table.ss-gridfield-table td:last-child { border-left: 0; border-right: 0; } -.cms table.ss-gridfield-table tfoot tr td -{ +.cms table.ss-gridfield-table tfoot tr td { border-bottom: 0; } -.cms table.ss-gridfield-table tr td.bottom-all -{ +.cms table.ss-gridfield-table tr td.bottom-all { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; - padding: 4px 8px; - background: #98AAB6 none; } -.cms table.ss-gridfield-table tbody td.col-getTreeTitle span.item -{ +.cms table.ss-gridfield-table tbody td.col-getTreeTitle span.item { color: #007FBA; } -.cms .AssetAdmin table.ss-gridfield-table td.bottom-all -{ +.cms .AssetAdmin table.ss-gridfield-table td.bottom-all { padding: 4px 12px !important; - background: #98AAB6; } -.cms form.AssetAdmin -{ +.cms form.AssetAdmin { padding: 0; } -.cms table.ss-gridfield-table tr td.bottom-all .pagination-records-number -{ +.cms table.ss-gridfield-table tr td.bottom-all .pagination-records-number { text-shadow: none; } -.cms .ss-gridfield .grid-levelup a.list-parent-link -{ +.cms .ss-gridfield .grid-levelup a.list-parent-link { color: #60686E; - font-size: 0; text-indent: 0; - background: none transparent; } .cms .ss-gridfield .grid-levelup a.list-parent-link:focus, .cms .ss-gridfield .grid-levelup a.list-parent-link:hover, -.cms .ss-gridfield .grid-levelup a.list-parent-link:active -{ +.cms .ss-gridfield .grid-levelup a.list-parent-link:active { text-decoration: none; } -.cms .ss-gridfield .grid-levelup a.list-parent-link:hover -{ +.cms .ss-gridfield .grid-levelup a.list-parent-link:hover { color: #80888E; } -.cms .ss-gridfield .grid-levelup a.list-parent-link:before -{ +.cms .ss-gridfield .grid-levelup a.list-parent-link:before { content: "\f0aa .."; font-family: 'FontAwesome'; font-size: 24px; line-height: 24px; } -.cms .ss-gridfield .right .pagination-records-number -{ +.cms .ss-gridfield .right .pagination-records-number { margin: 4px 8px; padding: 6px 0; - text-shadow: none; } -.cms table.ss-gridfield-table thead tr.filter-header .fieldgroup -{ +.cms table.ss-gridfield-table thead tr.filter-header .fieldgroup { min-width: 0; max-width: 100%; } -.cms table.ss-gridfield-table thead tr.filter-header input -{ +.cms table.ss-gridfield-table thead tr.filter-header input { max-width: 100%; } -.cms table.ss-gridfield-table tr th input.ss-gridfield-sort -{ +.cms table.ss-gridfield-table tr th input.ss-gridfield-sort { border-color: #788A96; } .cms table.ss-gridfield-table tr th.col-Actions button.ss-ui-button, -.cms table.ss-gridfield-table tr.filter-header th button.ss-ui-button -{ +.cms table.ss-gridfield-table tr.filter-header th button.ss-ui-button { border: 0 !important; - opacity: 0.75 !important; - text-indent: 0 !important; - background: transparent none !important; } .cms table.ss-gridfield-table tr th.col-Actions button.ss-ui-button:hover, -.cms table.ss-gridfield-table tr.filter-header th button.ss-ui-button:hover -{ +.cms table.ss-gridfield-table tr.filter-header th button.ss-ui-button:hover { opacity: 1 !important; } .cms table.ss-gridfield-table tr th.col-Actions button.ss-ui-button:before, -.cms table.ss-gridfield-table tr.filter-header th button.ss-ui-button:before -{ +.cms table.ss-gridfield-table tr.filter-header th button.ss-ui-button:before { color: #FFF; - font-size: 18px; font-family: 'FontAwesome'; } .cms table.ss-gridfield-table tr th.col-Actions button.ss-gridfield-button-filter:before, -.cms table.ss-gridfield-table tr.filter-header th button.ss-gridfield-button-filter:before -{ +.cms table.ss-gridfield-table tr.filter-header th button.ss-gridfield-button-filter:before { content: "\f002"; } -.cms table.ss-gridfield-table tr.filter-header th button.ss-gridfield-button-close:before -{ +.cms table.ss-gridfield-table tr.filter-header th button.ss-gridfield-button-close:before { content: "\f00d"; } .cms table.ss-gridfield-table tbody td.col-buttons a:hover, .cms table.ss-gridfield-table tbody td.col-buttons a:focus, -.cms table.ss-gridfield-table tbody td.col-buttons a:active -{ +.cms table.ss-gridfield-table tbody td.col-buttons a:active { text-decoration: none; } .cms table.ss-gridfield-table tbody td a.edit-link, -.cms table.ss-gridfield-table tbody td a.view-link -{ +.cms table.ss-gridfield-table tbody td a.view-link { font-size: 0; text-indent: 0; - background: none transparent; } -.cms table.ss-gridfield-table tbody td a.edit-link -{ +.cms table.ss-gridfield-table tbody td a.edit-link { line-height: 18px; } -.cms table.ss-gridfield-table tbody td a.view-link -{ +.cms table.ss-gridfield-table tbody td a.view-link { line-height: 18px; } .cms table.ss-gridfield-table tbody td a.edit-link:before, -.cms table.ss-gridfield-table tbody td a.view-link:before -{ +.cms table.ss-gridfield-table tbody td a.view-link:before { color: #60686E; - font-family: "FontAwesome"; font-size: 18px; font-weight: 400; } .cms table.ss-gridfield-table tbody td a.edit-link:hover, -.cms table.ss-gridfield-table tbody td a.view-link:hover -{ +.cms table.ss-gridfield-table tbody td a.view-link:hover { color: #80888E; } -.cms table.ss-gridfield-table tbody td a.edit-link:before -{ +.cms table.ss-gridfield-table tbody td a.edit-link:before { content: "\f044"; } -.cms table.ss-gridfield-table tbody td a.view-link:before -{ +.cms table.ss-gridfield-table tbody td a.view-link:before { font-size: 16px; - content: "\f002"; } -.cms table.ss-gridfield-table tbody td button.gridfield-button-delete span.ui-icon -{ +.cms table.ss-gridfield-table tbody td button.gridfield-button-delete span.ui-icon { font-size: 0; text-indent: 0; - display: block !important; - background: none transparent; - width: 18px; height: 18px; - line-height: 18px; } -.cms table.ss-gridfield-table tbody td button.gridfield-button-delete span.ui-icon:before -{ +.cms table.ss-gridfield-table tbody td button.gridfield-button-delete span.ui-icon:before { color: #B63051; content: "\f056"; font-family: "FontAwesome"; @@ -3191,101 +2579,79 @@ div.ModelAdmin .ss-gridfield button } .cms table.ss-gridfield-table tbody td button.gridfield-button-delete:active, -.cms table.ss-gridfield-table tbody td button.gridfield-button-delete:focus -{ +.cms table.ss-gridfield-table tbody td button.gridfield-button-delete:focus { background: none; } -.cms table.ss-gridfield-table tbody td.col-buttons > * -{ +.cms table.ss-gridfield-table tbody td.col-buttons > * { margin-right: 4px; } -.cms table.ss-gridfield-table tbody tr.ss-gridfield-no-items td -{ +.cms table.ss-gridfield-table tbody tr.ss-gridfield-no-items td { padding: 9px 13px; } -.cms .ss-gridfield > div.ss-gridfield-buttonrow-before .action -{ +.cms .ss-gridfield > div.ss-gridfield-buttonrow-before .action { font-size: 13px; - margin-bottom: 15px; } .cms .ss-gridfield > div.ss-gridfield-buttonrow-after .action, .cms .ss-gridfield > p.grid-print-button > button, -.cms .ss-gridfield > p.grid-csv-button > button -{ +.cms .ss-gridfield > p.grid-csv-button > button { font-size: 13px; - margin-top: 15px; } -.cms table.ss-gridfield-table tbody td.col-listChildrenLink .list-children-link -{ +.cms table.ss-gridfield-table tbody td.col-listChildrenLink .list-children-link { color: #60686E; - font-size: 0px; font-family: 'FontAwesome'; - text-align: center; text-indent: 0; - background: none transparent; } -.cms table.ss-gridfield-table tbody td.col-listChildrenLink .list-children-link:before -{ +.cms table.ss-gridfield-table tbody td.col-listChildrenLink .list-children-link:before { content: "\f0da"; - font-size: 18px; line-height: 26px; } .cms table.ss-gridfield-table tbody td.col-listChildrenLink .list-children-link:hover, .cms table.ss-gridfield-table tbody td.col-listChildrenLink .list-children-link:focus, -.cms table.ss-gridfield-table tbody td.col-listChildrenLink .list-children-link:active -{ +.cms table.ss-gridfield-table tbody td.col-listChildrenLink .list-children-link:active { text-decoration: none; } -.gridfield-sortablerows > label -{ +.gridfield-sortablerows > label { font-size: 13px; font-weight: 400; line-height: 26px; vertical-align: top; } -.ss-gridfield-orderable .ss-gridfield-item > .col-reorder -{ +.ss-gridfield-orderable .ss-gridfield-item > .col-reorder { width: 20px !important; } -.ss-gridfield-orderable .col-reorder .handle -{ +.ss-gridfield-orderable .col-reorder .handle { color: #A4A7A8; - text-align: right; line-height: 32px; - font-size: 14px; font-family: FontAwesome; } -.ss-gridfield-orderable .col-reorder .handle::before -{ +.ss-gridfield-orderable .col-reorder .handle::before { content: "\f0c9"; } -.cms table.ss-gridfield-table tr td.bottom-all .datagrid-pagination > button.action -{ +.cms table.ss-gridfield-table tr td.bottom-all .datagrid-pagination > button.action { font-size: 11px; } -.cms table.ss-gridfield-table tr td.bottom-all .datagrid-pagination > span.pagination-page-number > input.text -{ +.cms table.ss-gridfield-table tr td.bottom-all .datagrid-pagination > span.pagination-page-number > input.text { border: 0; height: 20px; padding: 2px; @@ -3296,40 +2662,31 @@ div.ModelAdmin .ss-gridfield button /* Better Buttons Styles: ===================================================================================================================== */ -.cms .ui-widget.gridfield-better-buttons-delete -{ +.cms .ui-widget.gridfield-better-buttons-delete { border: 0 !important; - background: #B63051 none !important; } -.cms .ui-widget.gridfield-better-buttons-delete:hover -{ +.cms .ui-widget.gridfield-better-buttons-delete:hover { background: #D65071 none !important; } -.cms .better-buttons-utils -{ +.cms .better-buttons-utils { top: 12px !important; } -.cms .better-buttons-utils .ss-ui-button -{ +.cms .better-buttons-utils .ss-ui-button { min-height: 27px; - margin-left: 1px; margin-right: 1px; - vertical-align: top; } -.cms .better-buttons-utils .ui-button-text -{ +.cms .better-buttons-utils .ui-button-text { padding: 4px 14px 5px; } -.cms .better-buttons-utils .ui-button-text img -{ +.cms .better-buttons-utils .ui-button-text img { display: none; } @@ -3341,40 +2698,31 @@ div.ModelAdmin .ss-gridfield button margin-right: 0px; } -.cms .gridfield-better-buttons-prev:nth-child(1) .ui-button-text::before -{ +.cms .gridfield-better-buttons-prev:nth-child(1) .ui-button-text::before { content: "\f0d9"; - padding-right: 3px; - font-size: 12px; font-family: 'FontAwesome'; } -.cms .gridfield-better-buttons-prev.disabled:nth-child(1) .ui-button-text::before -{ +.cms .gridfield-better-buttons-prev.disabled:nth-child(1) .ui-button-text::before { padding-right: 0; } .cms .gridfield-better-buttons-prev:nth-child(2) .ui-button-text::after, -.cms .gridfield-better-buttons-next .ui-button-text::after -{ +.cms .gridfield-better-buttons-next .ui-button-text::after { content: "\f0da"; - padding-left: 3px; - font-size: 12px; font-family: 'FontAwesome'; } .cms .gridfield-better-buttons-prev.disabled:nth-child(2) .ui-button-text::after, -.cms .gridfield-better-buttons-next.disabled .ui-button-text::after -{ +.cms .gridfield-better-buttons-next.disabled .ui-button-text::after { padding-left: 0; } -.cms .gridfield-better-buttons-prevnext .ui-button-text -{ +.cms .gridfield-better-buttons-prevnext .ui-button-text { line-height: 1.4 !important; } @@ -3382,152 +2730,123 @@ div.ModelAdmin .ss-gridfield button ===================================================================================================================== */ .ui-datepicker, -.ui-timepicker -{ +.ui-timepicker { padding: 3px; - margin-top: -1px; - border: 1px solid silver; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); } .ui-datepicker table, -.ui-timepicker table -{ +.ui-timepicker table { margin: 0; } .ui-datepicker th, -.ui-timepicker th -{ +.ui-timepicker th { color: #666; font-weight: 500; } .ui-datepicker .ui-widget-header, -.ui-timepicker .ui-widget-header -{ +.ui-timepicker .ui-widget-header { border: 0; - padding: 2px 0; - background: #788A96 none; } .ui-datepicker .ui-widget-header a, -.ui-timepicker .ui-widget-header a -{ +.ui-timepicker .ui-widget-header a { cursor: pointer; } .ui-datepicker-title, -.ui-timepicker-title -{ +.ui-timepicker-title { color: #FFF; font-weight: 500; } -.ui-widget > table a:hover -{ +.ui-widget > table a:hover { text-decoration: none; } -.ui-widget > table .ui-state-default, .ui-widget > table .ui-state-highlight -{ +.ui-widget > table .ui-state-default, +.ui-widget > table .ui-state-highlight { border-color: #C4C6C8; background: none #E6EAED; } -.ui-widget > table .ui-state-highlight -{ +.ui-widget > table .ui-state-highlight { border-color: #139FDA; background-color: #E8F8FF; } -.ui-widget > table .ui-state-active -{ +.ui-widget > table .ui-state-active { border-color: #80888E; background-color: #FFF; } -.ui-widget > table .ui-state-hover -{ +.ui-widget > table .ui-state-hover { border-color: #90989E; } -#ui-timepicker-div -{ +#ui-timepicker-div { padding: 2px 2px 0 !important; } -.ui-timepicker-table th.periods -{ +.ui-timepicker-table th.periods { padding: 0 8px 0 6px !important; } .ui-timepicker-hours > table.ui-timepicker, -.ui-timepicker-minutes > table.ui-timepicker -{ +.ui-timepicker-minutes > table.ui-timepicker { border: 0; box-shadow: none; } -.ui-timepicker-table td -{ +.ui-timepicker-table td { padding: 1px !important; } -.ui-timepicker-table tr:last-child > td -{ +.ui-timepicker-table tr:last-child > td { padding-bottom: 0 !important; } .ui-timepicker-hour-cell, -.ui-timepicker-minute-cell -{ +.ui-timepicker-minute-cell { font-size: 0.9em; } -.ui-timepicker-table td.ui-timepicker-hours -{ +.ui-timepicker-table td.ui-timepicker-hours { padding: 0 3px 0 0 !important; } -.ui-timepicker-table td.ui-timepicker-minutes -{ +.ui-timepicker-table td.ui-timepicker-minutes { padding: 0 !important; } .ui-icon-circle-triangle-w, -.ui-icon-circle-triangle-e -{ - color: rgba(255,255,255,0.75); - +.ui-icon-circle-triangle-e { + color: rgba(255, 255, 255, 0.75); font-size: 0; font-weight: 400; font-family: 'FontAwesome'; - text-indent: 0; text-align: center; - background: none transparent !important; } .ui-icon-circle-triangle-w:hover, -.ui-icon-circle-triangle-e:hover -{ +.ui-icon-circle-triangle-e:hover { color: #FFF; } -.ui-icon-circle-triangle-w::before -{ +.ui-icon-circle-triangle-w::before { content: "\f0a8"; font-size: 16px; } -.ui-icon-circle-triangle-e::before -{ +.ui-icon-circle-triangle-e::before { content: "\f0a9"; font-size: 16px; } @@ -3535,93 +2854,74 @@ div.ModelAdmin .ss-gridfield button .ui-icon-triangle-1-e, .ui-icon-triangle-1-s, .ui-icon-triangle-1-n, -.ui-icon-triangle-1-w -{ +.ui-icon-triangle-1-w { font-size: 0; font-weight: 400; font-family: 'FontAwesome'; - text-indent: 0; text-align: right; - background: none transparent !important; } .ui-icon-triangle-1-e::before, .ui-icon-triangle-1-s::before, .ui-icon-triangle-1-n::before, -.ui-icon-triangle-1-w::before -{ +.ui-icon-triangle-1-w::before { color: #60686E; - font-size: 16px; } -.ui-icon-triangle-1-e::before -{ +.ui-icon-triangle-1-e::before { content: "\f0da"; } -.ui-icon-triangle-1-s::before -{ +.ui-icon-triangle-1-s::before { content: "\f0d7"; } -.ui-icon-triangle-1-n::before -{ +.ui-icon-triangle-1-n::before { content: "\f0d8"; } -.ui-icon-triangle-1-w::before -{ +.ui-icon-triangle-1-w::before { content: "\f0d9"; } /* Asset Admin Styles: ===================================================================================================================== */ -.cms-file-info -{ +.cms-file-info { box-shadow: none; - padding-bottom: 10px; - border-bottom: 1px solid #d4d6d8; } -.cms-file-info .cms-file-info-preview img -{ +.cms-file-info .cms-file-info-preview img { max-width: 162px; } -.cms-file-info .cms-file-info-data .field.CompositeField -{ +.cms-file-info .cms-file-info-data .field.CompositeField { padding-bottom: 0; } -form.small .cms-file-info-data -{ +form.small .cms-file-info-data { max-width: 500px; width: 75%; } -form.small .cms-file-info-data .field -{ +form.small .cms-file-info-data .field { padding-bottom: 4px; } -form.small .cms-file-info-data > .field:last-child -{ +form.small .cms-file-info-data > .field:last-child { padding-bottom: 0; } -form.small .cms-file-info-data .field .middleColumn -{ +form.small .cms-file-info-data .field .middleColumn { margin-left: 104px; } -form.small .cms-file-info-data span.btn-icon-information::before -{ +form.small .cms-file-info-data span.btn-icon-information::before { content: "\f05a"; font-weight: 400; font-family: 'FontAwesome'; @@ -3630,107 +2930,84 @@ form.small .cms-file-info-data span.btn-icon-information::before color: #4F5861; } -form.small .cms-file-info-preview img -{ +form.small .cms-file-info-preview img { max-width: 108px; } -.backlink -{ +.backlink { padding-left: 0 !important; } -.backlink:focus -{ +.backlink:focus { text-decoration: none !important; } -.cms form.cms-panel-padded.AssetAdmin -{ +.cms form.cms-panel-padded.AssetAdmin { padding: 15px; } -.cms form.AssetAdmin .message -{ +.cms form.AssetAdmin .message { margin: 0 0 16px; } -.cms .AssetAdmin table.ss-gridfield-table td.col-StripThumbnail -{ +.cms .AssetAdmin table.ss-gridfield-table td.col-StripThumbnail { padding: 2px !important; } -.cms .AssetAdmin table.ss-gridfield-table td.col-StripThumbnail img -{ +.cms .AssetAdmin table.ss-gridfield-table td.col-StripThumbnail img { display: block; } -.cms .AssetAdmin #Form_filter div.field.date -{ +.cms .AssetAdmin #Form_filter div.field.date { border-bottom: none; - padding-bottom: 0; } -.cms .AssetAdmin #Form_filter div.field.checkbox -{ +.cms .AssetAdmin #Form_filter div.field.checkbox { margin-bottom: 10px; } -.cms .AssetAdmin #Form_filter div.Actions -{ +.cms .AssetAdmin #Form_filter div.Actions { padding-top: 5px; } -.cms .AssetAdmin .cms-content-toolbar -{ +.cms .AssetAdmin .cms-content-toolbar { margin: 0; } -.cms .AssetAdmin .cms-content-toolbar .ss-ui-button -{ +.cms .AssetAdmin .cms-content-toolbar .ss-ui-button { margin-bottom: 0; } -.cms .AssetAdmin #Root_TreeView div.cms-tree -{ +.cms .AssetAdmin #Root_TreeView div.cms-tree { margin: 10px 0; } /* Report Admin Styles: ===================================================================================================================== */ -.cms form.ReportAdmin.cms-panel-padded -{ +.cms form.ReportAdmin.cms-panel-padded { padding: 0 0 8px; } -.ReportAdmin > fieldset -{ +.ReportAdmin > fieldset { padding: 15px; } -.ReportAdmin > fieldset > h3 -{ +.ReportAdmin > fieldset > h3 { color: #444; - font-size: 15px; font-weight: 500; - margin: 5px 0 15px; } -.ReportAdmin > fieldset > input -{ +.ReportAdmin > fieldset > input { margin-bottom: 15px; } -.ReportAdmin > fieldset > fieldset -{ +.ReportAdmin > fieldset > fieldset { margin: 0px; - border-bottom: 0px; - padding-bottom: 15px; } @@ -3739,25 +3016,23 @@ form.small .cms-file-info-preview img div.SecurityAdmin #Form_EditForm_Members, div.SecurityAdmin #Form_EditForm_Groups, -div.SecurityAdmin #Form_EditForm_Roles -{ +div.SecurityAdmin #Form_EditForm_Roles { margin-top: 0; margin-bottom: 15px; - padding-bottom: 20px; } #MemberImportForm_MemberImportForm div.Actions, -#GroupImportForm_GroupImportForm div.Actions -{ +#GroupImportForm_GroupImportForm div.Actions { padding: 8px 0 !important; } /* Settings Styles: ===================================================================================================================== */ -#CanViewType, #CanEditType, #CanCreateTopLevelType -{ +#CanViewType, +#CanEditType, +#CanCreateTopLevelType { padding-bottom: 10px; } @@ -3766,14 +3041,12 @@ div.SecurityAdmin #Form_EditForm_Roles #CreateTopLevelGroups, #Form_EditForm_ViewerGroups_Holder, #Form_EditForm_EditorGroups_Holder, -#Form_EditForm_CreateTopLevelGroups_Holder -{ +#Form_EditForm_CreateTopLevelGroups_Holder { margin-top: -10px; padding-bottom: 20px; } -.cms-container .CMSMain.CMSPageSettingsController #Root_Settings.tab .fieldgroup .fieldgroup-field -{ +.cms-container .CMSMain.CMSPageSettingsController #Root_Settings.tab .fieldgroup .fieldgroup-field { padding-right: 0; } @@ -3782,7 +3055,4 @@ div.SecurityAdmin #Form_EditForm_Roles @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13/10), -only screen and (min-resolution: 120dpi) -{ - -} +only screen and (min-resolution: 120dpi) {} diff --git a/javascript/moderno.js b/javascript/moderno.js index c7b6ccd..c83e338 100644 --- a/javascript/moderno.js +++ b/javascript/moderno.js @@ -17,7 +17,7 @@ handles: 'e', - resize: function(event,ui) { $.cookie(cookieName, self.outerWidth()); } + resize: function() { $.cookie(cookieName, self.outerWidth()); } }); @@ -33,7 +33,7 @@ var width = $.cookie(cookieName); - if (width != null) $(selector).css('width', width + 'px'); + if (width !== null) $(selector).css('width', width + 'px'); } @@ -51,4 +51,4 @@ }); -})(jQuery); \ No newline at end of file +})(jQuery); diff --git a/templates/BlankPage.ss b/templates/BlankPage.ss index 7bfd0b7..c44b816 100644 --- a/templates/BlankPage.ss +++ b/templates/BlankPage.ss @@ -4,12 +4,12 @@