diff --git a/admin/.gitignore b/admin/.gitignore old mode 100644 new mode 100755 diff --git a/admin/_config.php b/admin/_config.php old mode 100644 new mode 100755 index 87bf0b071..b0bea2b3c --- a/admin/_config.php +++ b/admin/_config.php @@ -35,4 +35,5 @@ HtmlEditorConfig::get('cms')->insertButtonsBefore('advcode', 'ssimage', 'ssflash HtmlEditorConfig::get('cms')->insertButtonsAfter ('advcode', 'fullscreen', 'separator'); HtmlEditorConfig::get('cms')->removeButtons('tablecontrols'); -HtmlEditorConfig::get('cms')->addButtonsToLine(3, 'tablecontrols'); \ No newline at end of file +HtmlEditorConfig::get('cms')->addButtonsToLine(3, 'tablecontrols'); + diff --git a/admin/code/CMSBatchAction.php b/admin/code/CMSBatchAction.php old mode 100644 new mode 100755 diff --git a/admin/code/CMSBatchActionHandler.php b/admin/code/CMSBatchActionHandler.php old mode 100644 new mode 100755 diff --git a/admin/code/CMSMenu.php b/admin/code/CMSMenu.php old mode 100644 new mode 100755 diff --git a/admin/code/CMSMenuItem.php b/admin/code/CMSMenuItem.php old mode 100644 new mode 100755 diff --git a/admin/code/GroupImportForm.php b/admin/code/GroupImportForm.php old mode 100644 new mode 100755 diff --git a/admin/code/LeftAndMain.php b/admin/code/LeftAndMain.php old mode 100644 new mode 100755 index b18083b37..69cc31f5e --- a/admin/code/LeftAndMain.php +++ b/admin/code/LeftAndMain.php @@ -20,29 +20,53 @@ class LeftAndMain extends Controller { */ static $url_base = "admin"; + /** + * The current url segment attached to the LeftAndMain instance + * + * @var string + */ static $url_segment; + /** + * @var string + */ static $url_rule = '/$Action/$ID/$OtherID'; + /** + * @var string + */ static $menu_title; + /** + * @var int + */ static $menu_priority = 0; + /** + * @var int + */ static $url_priority = 50; /** - * @var string A subclass of {@link DataObject}. - * Determines what is managed in this interface, - * through {@link getEditForm()} and other logic. + * A subclass of {@link DataObject}. + * + * Determines what is managed in this interface, through + * {@link getEditForm()} and other logic. + * + * @var string */ static $tree_class = null; /** - * The url used for the link in the Help tab in the backend - * Value can be overwritten if required in _config.php - */ + * The url used for the link in the Help tab in the backend + * + * @var string + */ static $help_link = 'http://userhelp.silverstripe.org'; + /** + * @var array + */ static $allowed_actions = array( 'index', 'savetreenode', @@ -62,7 +86,7 @@ class LeftAndMain extends Controller { ); /** - * Register additional requirements through the {@link Requirements class}. + * Register additional requirements through the {@link Requirements} class. * Used mainly to work around the missing "lazy loading" functionality * for getting css/javascript required after an ajax-call (e.g. loading the editform). * @@ -76,6 +100,7 @@ class LeftAndMain extends Controller { /** * @param Member $member + * * @return boolean */ function canView($member = null) { @@ -234,8 +259,9 @@ class LeftAndMain extends Controller { Requirements::javascript(SAPPHIRE_ADMIN_DIR . '/javascript/LeftAndMain.AddForm.js'); Requirements::javascript(SAPPHIRE_ADMIN_DIR . '/javascript/LeftAndMain.Preview.js'); Requirements::javascript(SAPPHIRE_ADMIN_DIR . '/javascript/LeftAndMain.BatchActions.js'); - - Requirements::themedCSS('typography'); + + // Handled by LeftAndMain.js + Requirements::block(SAPPHIRE_DIR . '/javascript/DateField.js'); foreach (self::$extra_requirements['javascript'] as $file) { Requirements::javascript($file[0]); @@ -311,6 +337,7 @@ class LeftAndMain extends Controller { return false; } + //------------------------------------------------------------------------------------------// // Main controllers @@ -363,14 +390,6 @@ class LeftAndMain extends Controller { return $content; } - /** - * @deprecated 2.4 Please use show() - */ - public function getitem($request) { - $form = $this->getEditForm($request->getVar('ID')); - return $form->formHtmlContent(); - } - //------------------------------------------------------------------------------------------// // Main UI components @@ -463,6 +482,8 @@ class LeftAndMain extends Controller { $className = $this->stat('tree_class'); if($className && $id instanceof $className) { return $id; + } else if($id == 'root') { + return singleton($className); } else if(is_numeric($id)) { return DataObject::get_by_id($className, $id); } else { @@ -755,7 +776,7 @@ class LeftAndMain extends Controller { if(is_object($id)) { $record = $id; } else { - $record = ($id && $id != "root") ? $this->getRecord($id) : null; + $record = $this->getRecord($id); if($record && !$record->canView()) return Security::permissionFailure($this); } @@ -1096,7 +1117,7 @@ class LeftAndMain extends Controller { * @return SiteConfig */ function SiteConfig() { - return SiteConfig::current_site_config(); + return (class_exists('SiteConfig')) ? SiteConfig::current_site_config() : null; } /** diff --git a/admin/code/LeftAndMainDecorator.php b/admin/code/LeftAndMainDecorator.php old mode 100644 new mode 100755 index 5e4263cb7..eb3480ce5 --- a/admin/code/LeftAndMainDecorator.php +++ b/admin/code/LeftAndMainDecorator.php @@ -7,10 +7,11 @@ abstract class LeftAndMainDecorator extends LeftAndMainExtension { public function __construct() { - user_error( - 'LeftAndMainDecorator is deprecated, please use LeftAndMainExtension instead.', - E_USER_NOTICE - ); + // TODO Re-enable before we release 3.0 beta, for now it "breaks" too many modules + // user_error( + // 'LeftAndMainDecorator is deprecated, please use LeftAndMainExtension instead.', + // E_USER_NOTICE + // ); parent::__construct(); } diff --git a/admin/code/LeftAndMainExtension.php b/admin/code/LeftAndMainExtension.php old mode 100644 new mode 100755 diff --git a/admin/code/MemberImportForm.php b/admin/code/MemberImportForm.php old mode 100644 new mode 100755 diff --git a/admin/code/SecurityAdmin.php b/admin/code/SecurityAdmin.php old mode 100644 new mode 100755 diff --git a/admin/config.rb b/admin/config.rb old mode 100644 new mode 100755 diff --git a/admin/css/_old/MemberImportForm.css b/admin/css/_old/MemberImportForm.css old mode 100644 new mode 100755 diff --git a/admin/css/_old/ModelAdmin.css b/admin/css/_old/ModelAdmin.css old mode 100644 new mode 100755 diff --git a/admin/css/_old/SecurityAdmin.css b/admin/css/_old/SecurityAdmin.css old mode 100644 new mode 100755 diff --git a/admin/css/_old/cms_left.css b/admin/css/_old/cms_left.css old mode 100644 new mode 100755 diff --git a/admin/css/_old/cms_right.css b/admin/css/_old/cms_right.css old mode 100644 new mode 100755 diff --git a/admin/css/_old/layout.css b/admin/css/_old/layout.css old mode 100644 new mode 100755 diff --git a/admin/css/_old/silverstripe.tabs.css b/admin/css/_old/silverstripe.tabs.css old mode 100644 new mode 100755 diff --git a/admin/css/_old/typography.css b/admin/css/_old/typography.css old mode 100644 new mode 100755 diff --git a/admin/css/_old/unjquery.css b/admin/css/_old/unjquery.css old mode 100644 new mode 100755 diff --git a/admin/css/layout.css b/admin/css/layout.css new file mode 100755 index 000000000..4a4136147 --- /dev/null +++ b/admin/css/layout.css @@ -0,0 +1,43 @@ +/** This file defines the structural layout of the CMS interface. Ideally, you should be able to lay out the base elements of the CMS with only this file. Please put any presentational definitions (color, fonts, backgrounds, paddings) into _style.scss or _uitheme.scss instead. */ +html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } + +body { line-height: 1; color: black; background: white; } + +ol, ul { list-style: none; } + +table { border-collapse: separate; border-spacing: 0; vertical-align: middle; } + +caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } + +q, blockquote { quotes: "" ""; } +q:before, q:after, blockquote:before, blockquote:after { content: ""; } + +a img { border: none; } + +@charset "UTF-8"; +html, body { width: 100%; height: 100%; padding: 0; margin: 0; overflow: hidden; } + +.cms-preview { width: 1px; overflow: hidden; } +.cms-preview .cms-preview-toggle { width: 10px; } +.cms-preview iframe { width: 100%; height: 100%; } + +.cms-container { height: 100%; } + +.cms-menu { width: 250px; overflow: auto; } + +.cms-preview, .cms-menu, .cms-content, .cms-content-header, .cms-content-tools, .cms-content-form { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; } +.cms-preview, .cms-menu, .cms-content, .cms-content-header, .cms-content-tools, .cms-content-form { *display: inline; } + +.cms-content-tools { width: 230px; padding: 10px; overflow: auto; } + +.cms-content-form { overflow: auto; } + +.cms-content-header { height: 40px; } +.cms-content-header h2 { width: 226px; } +.cms-content-header > div { width: 9999em; overflow: hidden; } + +.cms-content-actions { padding: 10px; } + +.cms-logo { height: 30px; overflow: hidden; vertical-align: middle; } + +.cms-login-status { height: 30px; overflow: hidden; vertical-align: middle; } diff --git a/admin/css/screen.css b/admin/css/screen.css old mode 100644 new mode 100755 index 57979bb5f..119229857 --- a/admin/css/screen.css +++ b/admin/css/screen.css @@ -1,443 +1,292 @@ -@charset "UTF-8"; /** This file is the central collection of included modules, links to custom SCSS files, and any global SCSS variable definitions. DO NOT ADD stylesheet rules to this file directly! Note: By prefixing files with an underscore, they won't create individual CSS files. */ -/* line 14, ../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.10.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +/** ----------------------------- Core Compass Libraries ------------------------------ */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } -/* line 17, ../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.10.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ body { line-height: 1; color: black; background: white; } -/* line 19, ../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.10.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ ol, ul { list-style: none; } -/* line 21, ../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.10.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ table { border-collapse: separate; border-spacing: 0; vertical-align: middle; } -/* line 23, ../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.10.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } -/* line 25, ../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.10.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ q, blockquote { quotes: "" ""; } -/* line 96, ../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.10.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ q:before, q:after, blockquote:before, blockquote:after { content: ""; } -/* line 27, ../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.10.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ a img { border: none; } -/** This file only contains color definitions. Please put any further formatting into _style.scss. */ -/** This file defines the structural layout of the CMS interface. Ideally, you should be able to lay out the base elements of the CMS with only this file. Please put any presentational definitions (color, fonts, backgrounds, paddings) into _style.scss or _uitheme.scss instead. */ -/* line 9, ../scss/_layout.scss */ -html, body { width: 100%; height: 100%; padding: 0; margin: 0; overflow: hidden; } - -/* line 17, ../scss/_layout.scss */ -.cms-preview { width: 1px; overflow: hidden; } -/* line 21, ../scss/_layout.scss */ -.cms-preview .cms-preview-toggle { width: 10px; } -/* line 25, ../scss/_layout.scss */ -.cms-preview iframe { width: 100%; height: 100%; } - -/* line 31, ../scss/_layout.scss */ -.cms-container { height: 100%; } - -/* line 35, ../scss/_layout.scss */ -.cms-menu { width: 250px; overflow: auto; } - -/* line 47, ../scss/_layout.scss */ -.cms-menu, .cms-content, .cms-content-header, .cms-content-tools, .cms-content-form { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; } -/* line 7, ../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.10.6/frameworks/compass/stylesheets/compass/css3/_inline-block.scss */ -.cms-menu, .cms-content, .cms-content-header, .cms-content-tools, .cms-content-form { *display: inline; } - -/* line 51, ../scss/_layout.scss */ -.cms-content-tools { width: 250px; overflow: auto; } - -/* line 56, ../scss/_layout.scss */ -.cms-content-form { overflow: auto; } - -/* line 60, ../scss/_layout.scss */ -.cms-content-header { height: 40px; } -/* line 63, ../scss/_layout.scss */ -.cms-content-header h2 { width: 226px; } -/* line 67, ../scss/_layout.scss */ -.cms-content-header > div { width: 9999em; overflow: hidden; } - -/* line 73, ../scss/_layout.scss */ -.cms-content-actions { padding: 10px; } - -/* line 77, ../scss/_layout.scss */ -.cms-logo { height: 30px; overflow: hidden; vertical-align: middle; } - -/* line 83, ../scss/_layout.scss */ -.cms-login-status { height: 30px; overflow: hidden; vertical-align: middle; } - +@charset "UTF-8"; +/** ----------------------------- Theme ------------------------------ */ +/** This file contains the default theme definitions for the admin interface. @package sapphire @subpackage admin */ +/** ----------------------------------------------- Colours ------------------------------------------------ */ +/** ----------------------------------------------- Typography ------------------------------------------------ */ +/** ----------------------------------------------- Application Logo (CMS Logo) ------------------------------------------------ */ +/** ----------------------------- CMS Components ------------------------------ */ /** This file defines the jstree base styling (see http://jstree.com), as well as any customizations (see bottom of file). The styles are usually added through jstree.js on DOM load, but we need it earlier in order to correctly display the uninitialized tree. */ -/* line 10, ../scss/_tree.scss */ .jstree ul { display: block; margin: 0 0 0 0; padding: 0 0 0 0; list-style-type: none; } -/* line 16, ../scss/_tree.scss */ .jstree li { display: block; margin: 0 0 0 0; padding: 0 0 0 0; list-style-type: none; display: block; min-height: 18px; line-height: 18px; white-space: nowrap; margin-left: 18px; min-width: 18px; } -/* line 28, ../scss/_tree.scss */ .jstree ins { display: inline-block; text-decoration: none; width: 18px; height: 18px; margin: 0 0 0 0; padding: 0; } -/* line 36, ../scss/_tree.scss */ .jstree a { display: inline-block; line-height: 16px; height: 16px; color: black; white-space: nowrap; text-decoration: none; padding: 1px 2px; margin: 0; } -/* line 45, ../scss/_tree.scss */ .jstree a:focus { outline: none; } -/* line 49, ../scss/_tree.scss */ .jstree a > ins { height: 16px; width: 16px; } -/* line 53, ../scss/_tree.scss */ .jstree a > .jstree-icon { margin-right: 3px; } -/* line 61, ../scss/_tree.scss */ .jstree li.jstree-open > ul { display: block; } -/* line 64, ../scss/_tree.scss */ .jstree li.jstree-closed > ul { display: none; } -/* line 69, ../scss/_tree.scss */ .jstree li.disabled a { color: #aaaaaa; } -/* line 76, ../scss/_tree.scss */ .jstree-rtl a > .jstree-icon { margin-left: 3px; margin-right: 0; } -/* line 80, ../scss/_tree.scss */ .jstree-rtl li { margin-left: 0; margin-right: 18px; } -/* line 87, ../scss/_tree.scss */ .jstree-rtl > ul > li { margin-right: 0px; } -/* line 91, ../scss/_tree.scss */ .jstree > ul > li { margin-left: 0px; } -/* line 95, ../scss/_tree.scss */ #vakata-dragged { display: block; margin: 0 0 0 0; padding: 4px 4px 4px 24px; position: absolute; top: -2000px; line-height: 16px; z-index: 10000; } -/* line 104, ../scss/_tree.scss */ #vakata-contextmenu { display: block; visibility: hidden; left: 0; top: -200px; position: absolute; margin: 0; padding: 0; min-width: 180px; background: #ebebeb; border: 1px solid silver; z-index: 10000; *width: 180px; } -/* line 117, ../scss/_tree.scss */ #vakata-contextmenu ul { min-width: 180px; *width: 180px; } -/* line 120, ../scss/_tree.scss */ #vakata-contextmenu ul, #vakata-contextmenu li { margin: 0; padding: 0; list-style-type: none; display: block; } -/* line 126, ../scss/_tree.scss */ #vakata-contextmenu li { line-height: 20px; min-height: 20px; position: relative; padding: 0px; } -/* line 132, ../scss/_tree.scss */ #vakata-contextmenu li a { padding: 1px 6px; line-height: 17px; display: block; text-decoration: none; margin: 1px 1px 0 1px; } -/* line 139, ../scss/_tree.scss */ #vakata-contextmenu li ins { float: left; width: 16px; height: 16px; text-decoration: none; margin-right: 2px; } -/* line 146, ../scss/_tree.scss */ #vakata-contextmenu li a:hover, #vakata-contextmenu li.vakata-hover > a { background: gray; color: white; } -/* line 150, ../scss/_tree.scss */ #vakata-contextmenu li ul { display: none; position: absolute; top: -2px; left: 100%; background: #ebebeb; border: 1px solid gray; } -/* line 158, ../scss/_tree.scss */ #vakata-contextmenu .right { right: 100%; left: auto; } -/* line 162, ../scss/_tree.scss */ #vakata-contextmenu .bottom { bottom: -1px; top: auto; } -/* line 166, ../scss/_tree.scss */ #vakata-contextmenu li.vakata-separator { min-height: 0; height: 1px; line-height: 1px; font-size: 1px; overflow: hidden; margin: 0 2px; background: silver; /* border-top:1px solid #fefefe; */ padding: 0; } -/* line 176, ../scss/_tree.scss */ .jstree ul, .jstree li { display: block; margin: 0 0 0 0; padding: 0 0 0 0; list-style-type: none; } -/* line 182, ../scss/_tree.scss */ .jstree li { display: block; min-height: 18px; line-height: 18px; white-space: nowrap; margin-left: 18px; min-width: 18px; } -/* line 190, ../scss/_tree.scss */ .jstree-rtl li { margin-left: 0; margin-right: 18px; } -/* line 194, ../scss/_tree.scss */ .jstree > ul > li { margin-left: 0px; } -/* line 197, ../scss/_tree.scss */ .jstree-rtl > ul > li { margin-right: 0px; } -/* line 200, ../scss/_tree.scss */ .jstree ins { display: inline-block; text-decoration: none; width: 18px; height: 18px; margin: 0 0 0 0; padding: 0; } -/* line 208, ../scss/_tree.scss */ .jstree a { display: inline-block; line-height: 16px; height: 16px; color: black; white-space: nowrap; text-decoration: none; padding: 1px 2px; margin: 0; } -/* line 218, ../scss/_tree.scss */ .jstree a:focus { outline: none; } -/* line 221, ../scss/_tree.scss */ .jstree a > ins { height: 16px; width: 16px; } -/* line 225, ../scss/_tree.scss */ .jstree a > .jstree-icon { margin-right: 3px; } -/* line 228, ../scss/_tree.scss */ .jstree-rtl a > .jstree-icon { margin-left: 3px; margin-right: 0; } -/* line 232, ../scss/_tree.scss */ li.jstree-open > ul { display: block; } -/* line 235, ../scss/_tree.scss */ li.jstree-closed > ul { display: none; } -/* line 238, ../scss/_tree.scss */ #vakata-dragged ins { display: block; text-decoration: none; width: 16px; height: 16px; margin: 0 0 0 0; padding: 0; position: absolute; top: 4px; left: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; } -/* line 252, ../scss/_tree.scss */ #vakata-dragged .jstree-ok { background: green; } -/* line 255, ../scss/_tree.scss */ #vakata-dragged .jstree-invalid { background: red; } -/* line 258, ../scss/_tree.scss */ #jstree-marker { padding: 0; margin: 0; font-size: 12px; overflow: hidden; height: 12px; width: 8px; position: absolute; top: -30px; z-index: 10001; background-repeat: no-repeat; display: none; background-color: transparent; text-shadow: 1px 1px 1px white; color: black; line-height: 10px; } -/* line 275, ../scss/_tree.scss */ #jstree-marker-line { padding: 0; margin: 0; line-height: 0%; font-size: 1px; overflow: hidden; height: 1px; width: 100px; position: absolute; top: -30px; z-index: 10000; background-repeat: no-repeat; display: none; background-color: #456c43; cursor: pointer; border: 1px solid #eeeeee; border-left: 0; -moz-box-shadow: 0px 0px 2px #666; -webkit-box-shadow: 0px 0px 2px #666; box-shadow: 0px 0px 2px #666; -moz-border-radius: 1px; border-radius: 1px; -webkit-border-radius: 1px; } -/* line 299, ../scss/_tree.scss */ .jstree .jstree-real-checkbox { display: none; } -/* line 302, ../scss/_tree.scss */ .jstree-themeroller .ui-icon { overflow: visible; } -/* line 305, ../scss/_tree.scss */ .jstree-themeroller a { padding: 0 2px; } -/* line 308, ../scss/_tree.scss */ .jstree-themeroller .jstree-no-icon { display: none; } -/* line 311, ../scss/_tree.scss */ .jstree .jstree-wholerow-real { position: relative; z-index: 1; } -/* line 315, ../scss/_tree.scss */ .jstree .jstree-wholerow-real li { cursor: pointer; } -/* line 318, ../scss/_tree.scss */ .jstree .jstree-wholerow-real a { border-left-color: transparent !important; border-right-color: transparent !important; } -/* line 322, ../scss/_tree.scss */ .jstree .jstree-wholerow { position: relative; z-index: 0; height: 0; } -/* line 327, ../scss/_tree.scss */ .jstree .jstree-wholerow ul, .jstree .jstree-wholerow li { width: 100%; } -/* line 330, ../scss/_tree.scss */ .jstree .jstree-wholerow, .jstree .jstree-wholerow ul, .jstree .jstree-wholerow li, .jstree .jstree-wholerow a { margin: 0 !important; padding: 0 !important; } -/* line 334, ../scss/_tree.scss */ .jstree .jstree-wholerow, .jstree .jstree-wholerow ul, .jstree .jstree-wholerow li { background: transparent !important; } -/* line 337, ../scss/_tree.scss */ .jstree .jstree-wholerow ins, .jstree .jstree-wholerow span, .jstree .jstree-wholerow input { display: none !important; } -/* line 340, ../scss/_tree.scss */ .jstree .jstree-wholerow a, .jstree .jstree-wholerow a:hover { text-indent: -9999px !important; width: 100%; padding: 0 !important; border-right-width: 0px !important; border-left-width: 0px !important; } -/* line 347, ../scss/_tree.scss */ .jstree .jstree-wholerow-span { position: absolute; left: 0; margin: 0px; padding: 0; height: 18px; border-width: 0; padding: 0; z-index: 0; } -/* line 360, ../scss/_tree.scss */ .cms .jstree-apple.jstree-focused { background: none; } -/* line 363, ../scss/_tree.scss */ .cms .jstree-apple > ul { background: none; } -/* line 1, ../scss/_menu.scss */ -.cms-menu { z-index: 10; background-color: #ebeff1; -moz-box-shadow: #aaaaaa 3px 0 3px 0; -webkit-box-shadow: #aaaaaa 3px 0 3px 0; -o-box-shadow: #aaaaaa 3px 0 3px 0; box-shadow: #aaaaaa 3px 0 3px 0; } -/* line 6, ../scss/_menu.scss */ +/** Styles for the left hand side menu @package sapphire @subpackage admin */ +/** ------------------------------------------------------- CMS Menu Bar -------------------------------------------------------- */ +@charset "UTF-8"; +.cms-menu { z-index: 10; background: #c6d7df; border-right: 1px solid #8c99a1; width: 250px; overflow: auto; -moz-box-shadow: rgba(107, 120, 123, 0.5) 2px 0 6px 0; -webkit-box-shadow: rgba(107, 120, 123, 0.5) 2px 0 6px 0; -o-box-shadow: rgba(107, 120, 123, 0.5) 2px 0 6px 0; box-shadow: rgba(107, 120, 123, 0.5) 2px 0 6px 0; } .cms-menu a { text-decoration: none; } -/* line 12, ../scss/_menu.scss */ -.cms-menu-list li { background-color: #b0bfc6; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #b0bfc6), color-stop(100%, #758f9b)); background-image: -moz-linear-gradient(top, #b0bfc6 0%, #758f9b 100%); background-image: linear-gradient(top, #b0bfc6 0%, #758f9b 100%); border-bottom: 1px solid #aaaaaa; } -/* line 20, ../scss/_menu.scss */ -.cms-menu-list li a { display: block; height: 32px; vertical-align: middle; font-size: 14px; text-shadow: #aaaaaa 1px 1px 1px; color: #333333; padding: 5px; } -/* line 29, ../scss/_menu.scss */ -.cms-menu-list li a .icon { display: block; float: left; margin-right: 5px; background: url('../images/icons-32.png?1303890208') no-repeat; width: 32px; height: 32px; overflow: hidden; background-position: 0px 0px; } -/* line 37, ../scss/_menu.scss */ -.cms-menu-list li a .text { display: block; padding-top: 10px; } -/* line 43, ../scss/_menu.scss */ -.cms-menu-list li.current { background-color: #338dc1; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #338dc1), color-stop(100%, #1e5270)); background-image: -moz-linear-gradient(top, #338dc1 0%, #1e5270 100%); background-image: linear-gradient(top, #338dc1 0%, #1e5270 100%); } -/* line 50, ../scss/_menu.scss */ -.cms-menu-list li.current li { background-color: #2e7ead; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #2e7ead), color-stop(100%, #287099)); background-image: -moz-linear-gradient(top, #2e7ead 0%, #287099 100%); background-image: linear-gradient(top, #2e7ead 0%, #287099 100%); } -/* line 58, ../scss/_menu.scss */ -.cms-menu-list li.current a { color: white; text-shadow: #333333 1px 1px 1px; } -/* line 68, ../scss/_menu.scss */ -.cms-menu-list li li:first { -moz-box-shadow: #333333 0 4px 4px 0; -webkit-box-shadow: #333333 0 4px 4px 0; -o-box-shadow: #333333 0 4px 4px 0; box-shadow: #333333 0 4px 4px 0; } -/* line 72, ../scss/_menu.scss */ -.cms-menu-list li li a { font-size: 12px; text-shadow: #333333 1px 1px 1px; margin: 0; padding-left: 30px; color: white; } -/* line 80, ../scss/_menu.scss */ -.cms-menu-list li li.current a { font-weight: bold; } -/* line 87, ../scss/_menu.scss */ -.cms-menu-list li#Menu-CMSMain a .icon { background-position: 0px 0px; } -/* line 88, ../scss/_menu.scss */ -.cms-menu-list li#Menu-CMSMain.current a .icon, .cms-menu-list li#Menu-CMSMain a:hover .icon { background-position: -32px 0px; } -/* line 89, ../scss/_menu.scss */ -.cms-menu-list li#Menu-AssetAdmin a .icon { background-position: 0px -32px; } -/* line 90, ../scss/_menu.scss */ -.cms-menu-list li#Menu-AssetAdmin.current a .icon, .cms-menu-list li#Menu-AssetAdmin a:hover .icon { background-position: -32px -32px; } +.cms-menu-list li a { display: block; height: 30px; line-height: 30px; vertical-align: middle; font-size: 13px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-shadow: #ced7dc 1px 1px 0; color: #1f1f1f; padding: 5px; background-color: #b0bec7; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #b0bec7), color-stop(100%, #98aab6)); background-image: -moz-linear-gradient(top, #b0bec7 0%, #98aab6 100%); background-image: linear-gradient(top, #b0bec7 0%, #98aab6 100%); border-top: 1px solid #ced7dc; border-bottom: 1px solid #748d9d; } +.cms-menu-list li a:hover { text-decoration: none; background-color: #b6c3cb; border-bottom: 1px solid #8399a7; color: #2c2c2c; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #bfcad2), color-stop(100%, #b0bec7)); background-image: -moz-linear-gradient(top, #bfcad2 0%, #b0bec7 100%); background-image: linear-gradient(top, #bfcad2 0%, #b0bec7 100%); } +.cms-menu-list li a:focus { border-top: 1px solid #a1b2bc; text-decoration: none; background-color: #a1b2bc; color: #393939; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #92a5b2), color-stop(100%, #a1b2bc)); background-image: -moz-linear-gradient(top, #92a5b2 0%, #a1b2bc 100%); background-image: linear-gradient(top, #92a5b2 0%, #a1b2bc 100%); } +.cms-menu-list li a .icon { display: block; float: left; margin-right: 4px; background: url('../images/icons-32.png') no-repeat; width: 32px; height: 32px; overflow: hidden; background-position: 0px 0px; } +.cms-menu-list li a .text { display: block; } +.cms-menu-list li.current a { color: white; text-shadow: #1e5270 0 -1px 0; border-top: 1px solid #55a4d2; border-bottom: 1px solid #1e5270; background-color: #338dc1; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #338dc1), color-stop(100%, #287099)); background-image: -moz-linear-gradient(top, #338dc1 0%, #287099 100%); background-image: linear-gradient(top, #338dc1 0%, #287099 100%); } +.cms-menu-list li.current ul { border-top: 1px solid #1e5270; } +.cms-menu-list li.current li { background-color: #287099; } +.cms-menu-list li.current li a { font-size: 11px; padding: 0 10px 0 36px; height: 32px; line-height: 32px; color: #e2f0f7; background: none; border-top: 1px solid #338dc1; border-bottom: 1px solid #1e5270; } +.cms-menu-list li.current li a.current, .cms-menu-list li.current li a:hover { background: #2e7ead; border-top: 1px solid #2e7ead; color: white; } +.cms-menu-list li.current li a:focus { background: #236184; border-top: 1px solid #1e5270; color: white; } +.cms-menu-list li.current li.current a { font-weight: bold; color: white; } +.cms-menu-list li.current li.first a { border-top: none; } /** This file defines common styles for form elements used throughout the CMS interface. It is an addition to the base styles defined in sapphire/css/Form.css. */ -/* line 9, ../scss/_forms.scss */ -.cms .field { display: block; padding: 10px 0; border-bottom: 1px solid #aaaaaa; } -/* line 14, ../scss/_forms.scss */ -.cms .field label { float: left; width: 10em; } -/* line 20, ../scss/_forms.scss */ -.cms .field .middleColumn { margin-left: 10em; } -/* line 23, ../scss/_forms.scss */ -.cms .field .middleColumn .field { display: inline; padding: 0; border: none; } -/* line 29, ../scss/_forms.scss */ -.cms .field .middleColumn label { float: none; width: auto; } -/* line 38, ../scss/_forms.scss */ -.cms form.nostyle .field { display: inline; padding: 0; border: 0; } -/* line 44, ../scss/_forms.scss */ -.cms form.nostyle label { float: none; width: auto; } -/* line 49, ../scss/_forms.scss */ -.cms form.nostyle .middleColumn { margin-left: 0; } -/* line 55, ../scss/_forms.scss */ -.cms .field.nolabel .middleColumn { margin-left: 0; } -/* line 60, ../scss/_forms.scss */ -.cms input, .cms textarea { -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #ebeff1), color-stop(50%, #ffffff), color-stop(100%, #ebeff1)); background-image: -moz-linear-gradient(top, #ebeff1 0%, #ffffff 50%, #ebeff1 100%); background-image: linear-gradient(top, #ebeff1 0%, #ffffff 50%, #ebeff1 100%); border: 1px solid #aaaaaa; padding: 3px; } -/* line 71, ../scss/_forms.scss */ -.cms input.loading { padding-left: 16px; background: #ebeff1 url(../../images/network-save.gif) no-repeat center left; } -/* line 79, ../scss/_forms.scss */ -.cms .ss-ui-button.ss-ui-action-constructive, .cms .ui-widget-content .ss-ui-button.ss-ui-action-constructive, .cms .ui-widget-header .ss-ui-button.ss-ui-action-constructive { background: none; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #77b53f), color-stop(100%, #456925)); background-image: -moz-linear-gradient(top, #77b53f 0%, #456925 100%); background-image: linear-gradient(top, #77b53f 0%, #456925 100%); color: white; } -/* line 90, ../scss/_forms.scss */ -.cms .ss-ui-button.ss-ui-action-destructive, .cms .ui-widget-content .ss-ui-button.ss-ui-action-destructive, .cms .ui-widget-header .ss-ui-button.ss-ui-action-destructive { color: red; } -/* line 96, ../scss/_forms.scss */ -.cms .ss-ui-button.ss-ui-action-minor, .cms .ui-widget-content .ss-ui-button.ss-ui-action-minor .ui-widget-header .ss-ui-button.ss-ui-action-minor { background: none; padding: 0; border: 0; color: #333333; text-decoration: underline; } -/* line 104, ../scss/_forms.scss */ -.cms .cms-edit-form { padding-bottom: 20px; } -/* line 108, ../scss/_forms.scss */ -.cms .cms-edit-form .Actions { text-align: right; } -/* line 115, ../scss/_forms.scss */ -.cms .cms-content-tools .field label { float: none; width: auto; } -/* line 120, ../scss/_forms.scss */ -.cms .cms-content-tools .field .middleColumn { margin-left: 0; } +.field { display: block; padding: 10px 0; border-bottom: 1px solid rgba(201, 205, 206, 0.8); } +.field label { float: left; width: 10em; } +.field .middleColumn { margin-left: 10em; } +.field .middleColumn .field { display: inline; padding: 0; border: none; } +.field .middleColumn label { float: none; width: auto; } + +form.nostyle .field { display: inline; padding: 0; border: 0; } +form.nostyle label { float: none; width: auto; } +form.nostyle .middleColumn { margin-left: 0; } + +.field.nolabel .middleColumn { margin-left: 0; } + +input, textarea { -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #eceff1), color-stop(50%, #ffffff), color-stop(100%, #eceff1)); background-image: -moz-linear-gradient(top, #eceff1 0%, #ffffff 50%, #eceff1 100%); background-image: linear-gradient(top, #eceff1 0%, #ffffff 50%, #eceff1 100%); border: 1px solid rgba(201, 205, 206, 0.8); padding: 3px; } + +input.loading, input.ui-state-default.loading, .ui-widget-content input.ui-state-default.loading, .ui-widget-header input.ui-state-default.loading { padding-left: 16px; background: #eceff1 url(../../images/network-save.gif) no-repeat center left; } + +.ss-ui-button.ss-ui-action-constructive, .ui-widget-content .ss-ui-button.ss-ui-action-constructive, .ui-widget-header .ss-ui-button.ss-ui-action-constructive { background: none; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #77b53f), color-stop(100%, #456925)); background-image: -moz-linear-gradient(top, #77b53f 0%, #456925 100%); background-image: linear-gradient(top, #77b53f 0%, #456925 100%); color: white; } + +.ss-ui-button.ss-ui-action-destructive, .ui-widget-content .ss-ui-button.ss-ui-action-destructive, .ui-widget-header .ss-ui-button.ss-ui-action-destructive { color: red; } + +.ss-ui-button.ss-ui-action-minor, .ui-widget-content .ss-ui-button.ss-ui-action-minor .ui-widget-header .ss-ui-button.ss-ui-action-minor { background: none; padding: 0; border: 0; color: #1f1f1f; text-decoration: underline; } + +.cms-edit-form { padding-bottom: 20px; } +.cms-edit-form .text input, .cms-edit-form textarea { width: 300px; } +.cms-edit-form .Actions { text-align: right; } + +.cms-content-tools .field label { float: none; width: auto; } +.cms-content-tools .field .middleColumn { margin-left: 0; } + +.field#ViewerGroups label, .field#EditorGroups label, .field#CreateTopLevelGroups label { display: none; } /** This file defines CMS-specific customizations to the jQuery UI theme. Every rule in this file should be wrapped in the '.cms' selector (to make it more specific), and contain ONLY overwritten jQuery UI rules (with 'ui-' prefix). This file should be fairly short, as we're using our own custom jQuery UI theme already. TODO Add theme reference Use _style.scss to add more generic style information, and read the jQuery UI theming API: http://jqueryui.com/docs/Theming/API */ -/* line 14, ../scss/_uitheme.scss */ .cms .ui-tabs { padding: 0; } -/* line 17, ../scss/_uitheme.scss */ .cms .ui-tabs .ui-widget-header { border: 0; background: none; } -/* line 24, ../scss/_uitheme.scss */ -.cms .ui-widget-content, .cms .ui-tabs .ui-tabs-panel { color: #444444; font-size: 1em; border: 0; background: #ebeff1; } -/* line 31, ../scss/_uitheme.scss */ -.cms .ui-widget-header { background: #ebeff1; border: 0; } -/* line 36, ../scss/_uitheme.scss */ +.cms .ui-widget-content, .cms .ui-tabs .ui-tabs-panel { color: #444444; font-size: 1em; border: 0; background: #eceff1; } +.cms .ui-widget-header { background: #eceff1; border: 0; padding: 0; } .cms .ss-ui-button { padding: 5px; text-decoration: none; } /** This file defines the 'theme' of the CMS: Colors, fonts, backgrounds, and detailed alignments. Together with _layout.css it provides the presentational backbone to the CMS. Ideally a developer should be able to exchange this file with his own theme easily. Please don't put any dimension, display or float information on major structural components like '.cms-container' or '.cms-header' in here, use the _layout.scss file instead. Use SCSS variable definitions in screen.css to avoid repeating styles like background colours or padding dimensions. See _colours.scss to get started. To avoid this file getting too large and complicated, it is encouraged to create new SCSS files for larger components like the CMS menu or tree (see _tree.scss and _menu.scss). */ -/* line 18, ../scss/_style.scss */ -body { font-size: 13px; font-family: Verdana, Arial, sans-serif; color: #444444; } -/* line 14, ../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.10.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ -body html, body body, body div, body span, body applet, body object, body iframe, body h1, body h2, body h3, body h4, body h5, body h6, body p, body blockquote, body pre, body a, body abbr, body acronym, body address, body big, body cite, body code, body del, body dfn, body em, body font, body img, body ins, body kbd, body q, body s, body samp, body small, body strike, body strong, body sub, body sup, body tt, body var, body dl, body dt, body dd, body ol, body ul, body li, body fieldset, body form, body label, body legend, body table, body caption, body tbody, body tfoot, body thead, body tr, body th, body td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } -/* line 17, ../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.10.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ -body body { line-height: 1; color: black; background: white; } -/* line 19, ../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.10.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ -body ol, body ul { list-style: none; } -/* line 21, ../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.10.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ -body table { border-collapse: separate; border-spacing: 0; vertical-align: middle; } -/* line 23, ../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.10.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ -body caption, body th, body td { text-align: left; font-weight: normal; vertical-align: middle; } -/* line 25, ../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.10.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ -body q, body blockquote { quotes: "" ""; } -/* line 96, ../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.10.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ -body q:before, body q:after, body blockquote:before, body blockquote:after { content: ""; } -/* line 27, ../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.10.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ -body a img { border: none; } +/** ---------------------------------------------------- Core Styles ---------------------------------------------------- */ +html, body { width: 100%; height: 100%; overflow: hidden; font-size: 13px; font-family: Verdana, Arial, sans-serif; color: #444444; } +html html, html body, html div, html span, html applet, html object, html iframe, html h1, html h2, html h3, html h4, html h5, html h6, html p, html blockquote, html pre, html a, html abbr, html acronym, html address, html big, html cite, html code, html del, html dfn, html em, html font, html img, html ins, html kbd, html q, html s, html samp, html small, html strike, html strong, html sub, html sup, html tt, html var, html dl, html dt, html dd, html ol, html ul, html li, html fieldset, html form, html label, html legend, html table, html caption, html tbody, html tfoot, html thead, html tr, html th, html td, body html, body body, body div, body span, body applet, body object, body iframe, body h1, body h2, body h3, body h4, body h5, body h6, body p, body blockquote, body pre, body a, body abbr, body acronym, body address, body big, body cite, body code, body del, body dfn, body em, body font, body img, body ins, body kbd, body q, body s, body samp, body small, body strike, body strong, body sub, body sup, body tt, body var, body dl, body dt, body dd, body ol, body ul, body li, body fieldset, body form, body label, body legend, body table, body caption, body tbody, body tfoot, body thead, body tr, body th, body td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } +html body, body body { line-height: 1; color: black; background: white; } +html ol, html ul, body ol, body ul { list-style: none; } +html table, body table { border-collapse: separate; border-spacing: 0; vertical-align: middle; } +html caption, html th, html td, body caption, body th, body td { text-align: left; font-weight: normal; vertical-align: middle; } +html q, html blockquote, body q, body blockquote { quotes: "" ""; } +html q:before, html q:after, html blockquote:before, html blockquote:after, body q:before, body q:after, body blockquote:before, body blockquote:after { content: ""; } +html a img, body a img { border: none; } -/* line 25, ../scss/_style.scss */ -body * { font-size: 13px; } +a { color: #3ebae0; text-decoration: none; } +a:hover, a:focus { text-decoration: underline; } -/* line 29, ../scss/_style.scss */ -body .ui-widget { font-size: 1em; } +body .ui-widget { font-size: 13px; } + +.cms-container { height: 100%; } + +.cms-preview, .cms-menu, .cms-content, .cms-content-header, .cms-content-tools, .cms-content-form { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; } +.cms-preview, .cms-menu, .cms-content, .cms-content-header, .cms-content-tools, .cms-content-form { *display: inline; } -/* line 33, ../scss/_style.scss */ strong { font-weight: bold; } -/* line 39, ../scss/_style.scss */ -.cms-content-header { background-color: #afbfc7; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #afbfc7), color-stop(100%, #91a7b2)); background-image: -moz-linear-gradient(top, #afbfc7 0%, #91a7b2 100%); background-image: linear-gradient(top, #afbfc7 0%, #91a7b2 100%); } -/* line 46, ../scss/_style.scss */ -.cms-content-header h2 { float: left; padding: 10px; font-size: 14px; font-weight: bold; } -/* line 53, ../scss/_style.scss */ +.cms-content-header { background-color: #b1bec6; padding: 8px; height: 32px; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #b1bec6), color-stop(100%, #94a5b0)); background-image: -moz-linear-gradient(top, #b1bec6 0%, #94a5b0 100%); background-image: linear-gradient(top, #b1bec6 0%, #94a5b0 100%); } +.cms-content-header h2 { float: left; padding: 8px; font-size: 14px; font-weight: bold; width: 230px; } +.cms-content-header > div { width: 9999em; overflow: hidden; } .cms-content-header .cms-content-header-tabs { float: left; } -/* line 60, ../scss/_style.scss */ .ui-tabs .cms-content-header .ui-tabs-nav li { height: 40px; } -/* line 63, ../scss/_style.scss */ -.ui-tabs .cms-content-header .ui-tabs-nav li a { font-weight: bold; font-size: 11px; padding-top: 1em; } -/* line 72, ../scss/_style.scss */ -.ui-tabs .cms-content-header .ui-state-default, .ui-tabs .cms-content-header .ui-widget-content .ui-state-default, .ui-tabs .cms-content-header .ui-widget-header .ui-state-default { background-color: #dddddd; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #dddddd), color-stop(100%, #b7b7b7)); background-image: -moz-linear-gradient(top, #dddddd 0%, #b7b7b7 100%); background-image: linear-gradient(top, #dddddd 0%, #b7b7b7 100%); } -/* line 82, ../scss/_style.scss */ -.ui-tabs .cms-content-header .ui-state-active, .ui-tabs .cms-content-header .ui-widget-content .ui-state-active, .ui-tabs .cms-content-header .ui-widget-header .ui-state-active { background: #ebeff1; } +.ui-tabs .cms-content-header .ui-tabs-nav li a { font-weight: bold; font-size: 11px; padding-top: 8px; } +.ui-tabs .cms-content-header .ui-state-default, .ui-tabs .cms-content-header .ui-widget-content .ui-state-default, .ui-tabs .cms-content-header .ui-widget-header .ui-state-default { background-color: #feffff; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #feffff), color-stop(100%, #d6d9da)); background-image: -moz-linear-gradient(top, #feffff 0%, #d6d9da 100%); background-image: linear-gradient(top, #feffff 0%, #d6d9da 100%); } +.ui-tabs .cms-content-header .ui-state-active, .ui-tabs .cms-content-header .ui-widget-content .ui-state-active, .ui-tabs .cms-content-header .ui-widget-header .ui-state-active { background: #eceff1; } -/* line 87, ../scss/_style.scss */ -.cms-content-tools { background-color: #dce3e6; } +.cms-content-tools { background-color: #dde3e6; padding: 10px; width: 230px; overflow: auto; } -/* line 93, ../scss/_style.scss */ -.cms-header { padding: 10px; background-color: #00111d; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #00111d), color-stop(50%, #003050), color-stop(100%, #00111d)); background-image: -moz-linear-gradient(top, #00111d 0%, #003050 50%, #00111d 100%); background-image: linear-gradient(top, #00111d 0%, #003050 50%, #00111d 100%); } -/* line 102, ../scss/_style.scss */ -.cms-header * { color: white; } +/** ------------------------------------------------------- Top Left Header and logo area -------------------------------------------------------- */ +.cms-header { background-color: #00111d; position: relative; padding: 16px 8px 8px; line-height: 24px; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #00111d), color-stop(50%, #003050), color-stop(100%, #00111d)); background-image: -moz-linear-gradient(top, #00111d 0%, #003050 50%, #00111d 100%); background-image: linear-gradient(top, #00111d 0%, #003050 50%, #00111d 100%); } +.cms-header span { color: white; white-space: no-wrap; text-overflow: ellipsis; display: block; } +.cms-header span a { color: #3ebae0; display: inline; } -/* line 109, ../scss/_style.scss */ +.cms-logo { border-bottom: 1px solid #03090c; height: 31px; overflow: hidden; padding: 0 4px; vertical-align: middle; } .cms-logo .version { display: none; } -/* line 113, ../scss/_style.scss */ -.cms-logo * { color: #3ebae0; } -/* line 117, ../scss/_style.scss */ -.cms-logo a { display: inline-block; height: 25px; width: 25px; float: left; margin-right: 10px; background: url(../images/logo_small.png) no-repeat; text-indent: -9999em; } +.cms-logo a { display: inline-block; height: 25px; width: 25px; float: left; margin-right: 10px; background: url('../images/logo_small.png?1305762003') no-repeat; text-indent: -9999em; } -/* line 130, ../scss/_style.scss */ -.cms-login-status .logout-link { display: inline-block; height: 25px; width: 25px; float: left; margin-right: 10px; background: url(../images/logout.png) no-repeat; text-indent: -9999em; } +.cms-login-status { border-top: 1px solid #19435c; height: 23px; padding: 8px 0 0 14px; overflow: hidden; line-height: 16px; font-size: 11px; } +.cms-login-status .logout-link { display: inline-block; height: 16px; width: 16px; float: left; margin-right: 10px; background: url(../images/logout.png) no-repeat; text-indent: -9999em; } -/* line 144, ../scss/_style.scss */ .ss-loading-screen, .ss-loading-screen .loading-logo { width: 100%; height: 100%; overflow: hidden; position: absolute; background: #fff; background: -moz-radial-gradient(50% 50% 180deg, circle cover, white, #efefef, #c7c7c7 100%); background: -webkit-gradient(radial, 50% 50%, 350, 50% 50%, 0, from(#e3e3e3), to(white)); z-index: 100000; margin: 0; padding: 0; } -/* line 159, ../scss/_style.scss */ .ss-loading-screen .loading-logo { background-url: url(../images/logo.gif); background-repeat: no-repeat; background-color: transparent; background-position: 50% 50%; } -/* line 165, ../scss/_style.scss */ .ss-loading-screen p { width: 100%; text-align: center; position: absolute; bottom: 80px; } -/* line 171, ../scss/_style.scss */ .ss-loading-screen p span.notice { display: inline-block; font-size: 14px; padding: 10px 20px; color: #dc7f00; border: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } -/* line 181, ../scss/_style.scss */ .ss-loading-screen .loading-animation { display: none; position: absolute; left: 49%; top: 75%; } +.cms-content-actions { padding: 8px; } + /** Messages (see sapphire/css/Form.css) */ -/* line 200, ../scss/_style.scss */ .message { margin: 1em 0; padding: 0.5em; font-weight: bold; border: 1px black solid; } -/* line 206, ../scss/_style.scss */ .message.notice { background-color: #ffbe66; border-color: #ff9300; } -/* line 211, ../scss/_style.scss */ .message.warning { background-color: #ffbe66; border-color: #ff9300; } -/* line 215, ../scss/_style.scss */ .message.error { background-color: #ffbe66; border-color: #ff9300; } -/* line 224, ../scss/_style.scss */ .ModelAdmin .cms-content-tools { width: 300px; } -/* line 229, ../scss/_style.scss */ .ModelAdmin .ResultAssemblyBlock { display: none; } -/* line 236, ../scss/_style.scss */ -.cms-page-add-form-dialog #PageType li { clear: left; height: 40px; border-bottom: 1px solid #333333; } -/* line 241, ../scss/_style.scss */ +.cms-page-add-form-dialog #PageType li { clear: left; height: 40px; border-bottom: 1px solid rgba(107, 120, 123, 0.5); } .cms-page-add-form-dialog #PageType li:hover, .cms-page-add-form-dialog #PageType li.selected { background-color: #ffff99; } -/* line 245, ../scss/_style.scss */ .cms-page-add-form-dialog #PageType li input, .cms-page-add-form-dialog #PageType li label, .cms-page-add-form-dialog #PageType li .icon, .cms-page-add-form-dialog #PageType li .title { float: left; } -/* line 249, ../scss/_style.scss */ .cms-page-add-form-dialog #PageType li .icon { width: 20px; } -/* line 253, ../scss/_style.scss */ .cms-page-add-form-dialog #PageType li .title { width: 100px; font-weight: bold; } -/* line 258, ../scss/_style.scss */ .cms-page-add-form-dialog #PageType li .description { font-style: italic; } -/* line 266, ../scss/_style.scss */ .cms-content-toolbar > * { display: inline-block; } -/* line 270, ../scss/_style.scss */ .cms-content-toolbar .cms-tree-view-modes * { display: inline-block; } -/* line 274, ../scss/_style.scss */ -.cms-content-toolbar .cms-content-batchactions form * { display: inline-block; } +.cms-content-toolbar .cms-content-batchactions form > * { display: inline-block; } + +.cms-preview { width: 1px; overflow: hidden; } +.cms-preview .cms-preview-toggle { width: 10px; } +.cms-preview iframe { width: 100%; height: 100%; } -/* line 280, ../scss/_style.scss */ .cms-preview-header { background-color: #FFBE66; padding: 10px; font-weight: bold; } -/* line 287, ../scss/_style.scss */ -.cms-preview { background-color: #b0bfc6; } -/* line 290, ../scss/_style.scss */ +form.member-profile-form #CsvFile .middleColumn { background: none !important; } +form.member-profile-form .advanced h4 { margin-bottom: .5em; } +form.member-profile-form .Actions { text-align: left; border: 0; } +form.member-profile-form input.customFormat { border: 1px solid #ccc !important; padding: 3px; margin-left: 2px; } +form.member-profile-form .formattingHelpToggle { font-size: 11px; padding: 3px; } +form.member-profile-form .formattingHelpText { margin: 5px auto; color: #333; padding: 5px 10px; width: 90%; background: #fff; border: 1px solid #ccc; } +form.member-profile-form .formattingHelpText ul { padding: 0; } +form.member-profile-form .formattingHelpText li { font-size: 11px; color: #333; margin-bottom: 2px; } + +.cms-content-form { overflow: auto; } + +.cms-preview { background-color: #b0bec7; } .cms-preview .cms-preview-toggle { cursor: pointer; } -/* line 293, ../scss/_style.scss */ .cms-preview .cms-preview-toggle a { color: white; font-weight: bold; text-decoration: none; } + +.cms-switch-view a { padding-right: 1em; } diff --git a/admin/images/arrow_refresh.gif b/admin/images/arrow_refresh.gif old mode 100644 new mode 100755 diff --git a/admin/images/icons-32.png b/admin/images/icons-32.png deleted file mode 100644 index a272cf47e..000000000 Binary files a/admin/images/icons-32.png and /dev/null differ diff --git a/admin/images/logo.gif b/admin/images/logo.gif old mode 100644 new mode 100755 diff --git a/admin/images/logo_small.png b/admin/images/logo_small.png old mode 100644 new mode 100755 diff --git a/admin/images/logout.png b/admin/images/logout.png old mode 100644 new mode 100755 index 0eaf7841b..a4555cc8e Binary files a/admin/images/logout.png and b/admin/images/logout.png differ diff --git a/admin/images/mainmenu/current.gif b/admin/images/mainmenu/current.gif old mode 100644 new mode 100755 diff --git a/admin/images/mainmenu/currentHover.gif b/admin/images/mainmenu/currentHover.gif old mode 100644 new mode 100755 diff --git a/admin/images/mainmenu/hover.gif b/admin/images/mainmenu/hover.gif old mode 100644 new mode 100755 diff --git a/admin/images/spinner.gif b/admin/images/spinner.gif old mode 100644 new mode 100755 diff --git a/admin/images/textures/footerBg.gif b/admin/images/textures/footerBg.gif old mode 100644 new mode 100755 diff --git a/admin/images/textures/mce_editor.gif b/admin/images/textures/mce_editor.gif old mode 100644 new mode 100755 diff --git a/admin/javascript/.DS_Store b/admin/javascript/.DS_Store old mode 100644 new mode 100755 diff --git a/admin/javascript/AssetTableField.js b/admin/javascript/AssetTableField.js old mode 100644 new mode 100755 diff --git a/admin/javascript/LeftAndMain.AddForm.js b/admin/javascript/LeftAndMain.AddForm.js old mode 100644 new mode 100755 index f65526d3c..896f0e47b --- a/admin/javascript/LeftAndMain.AddForm.js +++ b/admin/javascript/LeftAndMain.AddForm.js @@ -107,49 +107,46 @@ /** * Function: refresh + * This is called after each change event of PageType dropdown * * Parameters: * (DOMElement) selectedNode */ refresh: function(selectedNode) { - // Note: Uses siteTreeHints global + var tree = this.getTree(), selectedNode = selectedNode || $(tree).jstree('get_selected') origOptions = this.getOrigOptions(), - dropdown = this.find('select[name=PageType]'); + dropdown = this.find('select[name=PageType]'), + disallowed = [], + className = (selectedNode) ? selectedNode.getClassname() : null, + siteTreeHints = $.parseJSON($('#sitetree_ul').attr('data-hints')), + disableDropDown = true, + selectedOption = dropdown.val(); // Clear all existing ')); - } - } else { - // No tree node selected, reset to original elements - $.each(origOptions, function(i, optProps) { - if(optProps) dropdown.append($('')); - }); + //Use tree hints to find allowed children for this node + if (className && typeof siteTreeHints !== 'undefined') { + disallowed = siteTreeHints[className].disallowedChildren; } - // TODO Re-select the currently selected element + $.each(origOptions, function(i, optProps) { + if ($.inArray(i, disallowed) === -1 && optProps) { + dropdown.append($('')); + disableDropDown = false; + } + }); // Disable dropdown if no elements are selectable - if(allowed) dropdown.removeAttr('disabled'); + if (!disableDropDown) dropdown.removeAttr('disabled'); else dropdown.attr('disabled', 'disabled'); - + + //Re-select the currently selected element + if (selectedOption) dropdown.val(selectedOption); + // Set default child (optional) if(selectedNode.hints && selectedNode.hints.defaultChild) { dropdown.val(selectedNode.hints.defaultChild); diff --git a/admin/javascript/LeftAndMain.BatchActions.js b/admin/javascript/LeftAndMain.BatchActions.js old mode 100644 new mode 100755 diff --git a/admin/javascript/LeftAndMain.EditForm.js b/admin/javascript/LeftAndMain.EditForm.js old mode 100644 new mode 100755 diff --git a/admin/javascript/LeftAndMain.Preview.js b/admin/javascript/LeftAndMain.Preview.js old mode 100644 new mode 100755 index d238a6d4e..a6ab43c28 --- a/admin/javascript/LeftAndMain.Preview.js +++ b/admin/javascript/LeftAndMain.Preview.js @@ -2,6 +2,8 @@ $.entwine('ss', function($){ $('.LeftAndMain .cms-preview').entwine({ + SharedWidth: null, + onmatch: function() { var self = this, layoutContainer = this.parent(); // this.resizable({ @@ -11,6 +13,9 @@ // } // }); + // TODO Compute dynamically + this.setSharedWidth(500); + // Create layout and controls this.prepend('
'); this.find('iframe').addClass('center'); @@ -50,14 +55,13 @@ if(id && form.find(':input[name=ID]').val() != id) form.loadForm('admin/page/edit/show/' + id); }, - toggle: function() { + toggle: function(bool) { var self = this, width = this.width(), relayout = function() {$('.cms-container').layout({resize: false});}, minWidth = this.find('.cms-preview-toggle').width(), - wasCollapsed = (width <= minWidth), - sharedWidth = $('.cms-content').width() / 2, // half of content area by default - newWidth = wasCollapsed ? sharedWidth : minWidth, + wasCollapsed = (bool === true || bool === false) ? bool : (width <= minWidth), + newWidth = wasCollapsed ? this.getSharedWidth() : minWidth, newOverflow = wasCollapsed ? 'auto' : 'hidden'; this.css('overflow', newOverflow).width(newWidth); @@ -98,5 +102,14 @@ this.parents('.cms-preview').toggle(); } }); + + $('.LeftAndMain .cms-switch-view a').entwine({ + onclick: function(e) { + e.preventDefault(); + var preview = $('.cms-preview'); + preview.toggle(true); + preview.loadUrl($(e.target).attr('href')); + } + }); }); }(jQuery)); \ No newline at end of file diff --git a/admin/javascript/LeftAndMain.Tree.js b/admin/javascript/LeftAndMain.Tree.js index e5cf99189..dae05e6af 100755 --- a/admin/javascript/LeftAndMain.Tree.js +++ b/admin/javascript/LeftAndMain.Tree.js @@ -3,20 +3,24 @@ */ (function($) { - + $.entwine('ss', function($){ $('.cms-tree').entwine({ + + Hints: null, + onmatch: function() { this._super(); + this.setHints($.parseJSON(this.attr('data-hints'))); + /** * @todo Icon and page type hover support * @todo Sorting of sub nodes (originally placed in context menu) * @todo Refresh after language