Permalink
Browse files

BUGFIX: fixed CMSMain menu being displayed on CMSPageController pages…

…. MINOR: added icons for main left hand side.
  • Loading branch information...
1 parent 5e9ba3c commit 1827c18fe11a08fd6213742718aa59bec76249c5 @wilr wilr committed Jul 28, 2011
Showing with 222 additions and 467 deletions.
  1. +43 −39 admin/code/LeftAndMain.php
  2. +0 −48 admin/css/layout.css
  3. +47 −289 admin/css/screen.css
  4. BIN admin/images/icons/24x24/blog.png
  5. BIN admin/images/icons/24x24/community.png
  6. BIN admin/images/icons/24x24/document.png
  7. BIN admin/images/icons/24x24/gears.png
  8. BIN admin/images/icons/24x24/home.png
  9. BIN admin/images/icons/24x24/information.png
  10. BIN admin/images/icons/24x24/network.png
  11. BIN admin/images/icons/24x24/pencil.png
  12. BIN admin/images/icons/24x24/picture.png
  13. BIN admin/images/icons/24x24/pie-chart.png
  14. +2 −0 admin/images/icons/README
  15. BIN admin/images/logo_small.png
  16. BIN admin/images/mainmenu/content.png
  17. BIN admin/images/mainmenu/current-indicator.png
  18. BIN admin/images/mainmenu/current.gif
  19. BIN admin/images/mainmenu/currentHover.gif
  20. BIN admin/images/mainmenu/help.gif
  21. BIN admin/images/mainmenu/help.png
  22. BIN admin/images/mainmenu/hover.gif
  23. BIN admin/images/mainmenu/logo.gif
  24. BIN admin/images/mainmenu/logo.png
  25. BIN admin/images/mainmenu/top-bg.gif
  26. BIN admin/images/textures/ToolBar.png
  27. BIN admin/images/textures/bottom.png
  28. BIN admin/images/textures/footerBg.gif
  29. BIN admin/images/textures/obar-18.gif
  30. BIN admin/images/textures/obar-light.png
  31. BIN admin/images/textures/obar.gif
  32. BIN admin/images/textures/seperator.png
  33. +1 −1 admin/scss/_forms.scss
  34. +44 −0 admin/scss/_icons.scss
  35. +27 −28 admin/scss/_menu.scss
  36. +30 −36 admin/scss/_style.scss
  37. +5 −3 admin/scss/_uitheme.scss
  38. +1 −0 admin/scss/screen.scss
  39. +2 −4 admin/scss/themes/_default.scss
  40. +20 −19 admin/templates/Includes/LeftAndMain_Menu.ss
View
82 admin/code/LeftAndMain.php
@@ -438,53 +438,57 @@ public function MainMenu() {
// Encode into DO set
$menu = new DataObjectSet();
$menuItems = CMSMenu::get_viewable_menu_items();
- if($menuItems) foreach($menuItems as $code => $menuItem) {
- // alternate permission checks (in addition to LeftAndMain->canView())
- if(
- isset($menuItem->controller)
- && $this->hasMethod('alternateMenuDisplayCheck')
- && !$this->alternateMenuDisplayCheck($menuItem->controller)
- ) {
- continue;
- }
+ if($menuItems) {
+ foreach($menuItems as $code => $menuItem) {
+ // alternate permission checks (in addition to LeftAndMain->canView())
+ if(
+ isset($menuItem->controller)
+ && $this->hasMethod('alternateMenuDisplayCheck')
+ && !$this->alternateMenuDisplayCheck($menuItem->controller)
+ ) {
+ continue;
+ }
- $linkingmode = "";
-
- if($menuItem->controller && $this instanceof $menuItem->controller) {
- $linkingmode = "current";
- } else if(strpos($this->Link(), $menuItem->url) !== false) {
- if($this->Link() == $menuItem->url) {
+ $linkingmode = "";
+
+ if($menuItem->controller && get_class($this) == $menuItem->controller) {
$linkingmode = "current";
+ } else if(strpos($this->Link(), $menuItem->url) !== false) {
+ if($this->Link() == $menuItem->url) {
+ $linkingmode = "current";
- // default menu is the one with a blank {@link url_segment}
- } else if(singleton($menuItem->controller)->stat('url_segment') == '') {
- if($this->Link() == $this->stat('url_base').'/') $linkingmode = "current";
+ // default menu is the one with a blank {@link url_segment}
+ } else if(singleton($menuItem->controller)->stat('url_segment') == '') {
+ if($this->Link() == $this->stat('url_base').'/') {
+ $linkingmode = "current";
+ }
- } else {
- $linkingmode = "current";
+ } else {
+ $linkingmode = "current";
+ }
}
- }
- // already set in CMSMenu::populate_menu(), but from a static pre-controller
- // context, so doesn't respect the current user locale in _t() calls - as a workaround,
- // we simply call LeftAndMain::menu_title_for_class() again
- // if we're dealing with a controller
- if($menuItem->controller) {
- $defaultTitle = LeftAndMain::menu_title_for_class($menuItem->controller);
- $title = _t("{$menuItem->controller}.MENUTITLE", $defaultTitle);
- } else {
- $title = $menuItem->title;
+ // already set in CMSMenu::populate_menu(), but from a static pre-controller
+ // context, so doesn't respect the current user locale in _t() calls - as a workaround,
+ // we simply call LeftAndMain::menu_title_for_class() again
+ // if we're dealing with a controller
+ if($menuItem->controller) {
+ $defaultTitle = LeftAndMain::menu_title_for_class($menuItem->controller);
+ $title = _t("{$menuItem->controller}.MENUTITLE", $defaultTitle);
+ } else {
+ $title = $menuItem->title;
+ }
+
+ $menu->push(new ArrayData(array(
+ "MenuItem" => $menuItem,
+ "Title" => Convert::raw2xml($title),
+ "Code" => DBField::create('Text', $code),
+ "Link" => $menuItem->url,
+ "LinkingMode" => $linkingmode
+ )));
}
-
- $menu->push(new ArrayData(array(
- "MenuItem" => $menuItem,
- "Title" => Convert::raw2xml($title),
- "Code" => $code,
- "Link" => $menuItem->url,
- "LinkingMode" => $linkingmode
- )));
}
-
+
// if no current item is found, assume that first item is shown
//if(!isset($foundCurrent))
return $menu;
View
48 admin/css/layout.css
@@ -1,48 +0,0 @@
-/** 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; }
-.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-menu .cms-panel-content { width: 250px; }
-.cms-menu.collapsed { width: 40px; }
-
-.cms-preview, .cms-menu, .cms-content, .cms-content-header, .cms-content-tools, .cms-content-form, .cms-edit-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, .cms-edit-form { *display: inline; }
-
-.cms-content-tools { width: 230px; overflow: auto; }
-.cms-content-tools .cms-panel-header, .cms-content-tools .cms-panel-content { padding: 10px; }
-
-.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-header { padding: 7px 0 7px 7px; }
-
-.cms-logo { height: 30px; overflow: hidden; vertical-align: middle; }
-
-.cms-login-status { height: 30px; overflow: hidden; vertical-align: middle; }
View
336 admin/css/screen.css
@@ -1,638 +1,396 @@
/** 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. */
/** ----------------------------- Core Compass Libraries ------------------------------ */
-/* line 17, ../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.4/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
-/* line 20, ../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.4/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
body { line-height: 1; }
-/* line 22, ../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.4/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
ol, ul { list-style: none; }
-/* line 24, ../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.4/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
table { border-collapse: collapse; border-spacing: 0; }
-/* line 26, ../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.4/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }
-/* line 28, ../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.4/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q, blockquote { quotes: none; }
-/* line 101, ../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.4/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }
-/* line 30, ../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.4/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
a img { border: none; }
-/* line 115, ../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.4/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
-article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
+article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
/** ----------------------------- Theme ------------------------------ */
/** This file contains the default theme definitions for the admin interface. Please put mostly SCSS variable definitions in here, and leave the actual styling to _style.scss and auxilliary files. */
/** ----------------------------------------------- Colours ------------------------------------------------ */
/** ----------------------------------------------- Typography ------------------------------------------------ */
-/** ----------------------------------------------- Application Logo (CMS Logo) ------------------------------------------------ */
+/** ----------------------------------------------- Application Logo (CMS Logo) Must be 24px x 24px ------------------------------------------------ */
/** ----------------------------- 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; float: left; }
-/* line 37, ../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 46, ../scss/_tree.scss */
.jstree a:focus { outline: none; }
-/* line 50, ../scss/_tree.scss */
.jstree a > ins { height: 16px; width: 16px; }
-/* line 54, ../scss/_tree.scss */
.jstree a > .jstree-icon { margin-right: 3px; }
-/* line 62, ../scss/_tree.scss */
.jstree li.jstree-open > ul { display: block; }
-/* line 65, ../scss/_tree.scss */
.jstree li.jstree-closed > ul { display: none; }
-/* line 70, ../scss/_tree.scss */
.jstree li.disabled a { color: #aaaaaa; }
-/* line 77, ../scss/_tree.scss */
.jstree-rtl a > .jstree-icon { margin-left: 3px; margin-right: 0; }
-/* line 81, ../scss/_tree.scss */
.jstree-rtl li { margin-left: 0; margin-right: 18px; }
-/* line 88, ../scss/_tree.scss */
.jstree-rtl > ul > li { margin-right: 0px; }
-/* line 92, ../scss/_tree.scss */
.jstree > ul > li { margin-left: 0px; }
-/* line 96, ../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 105, ../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 118, ../scss/_tree.scss */
#vakata-contextmenu ul { min-width: 180px; *width: 180px; }
-/* line 121, ../scss/_tree.scss */
#vakata-contextmenu ul, #vakata-contextmenu li { margin: 0; padding: 0; list-style-type: none; display: block; }
-/* line 127, ../scss/_tree.scss */
#vakata-contextmenu li { line-height: 20px; min-height: 20px; position: relative; padding: 0px; }
-/* line 133, ../scss/_tree.scss */
#vakata-contextmenu li a { padding: 1px 6px; line-height: 17px; display: block; text-decoration: none; margin: 1px 1px 0 1px; }
-/* line 140, ../scss/_tree.scss */
#vakata-contextmenu li ins { float: left; width: 16px; height: 16px; text-decoration: none; margin-right: 2px; }
-/* line 147, ../scss/_tree.scss */
#vakata-contextmenu li a:hover, #vakata-contextmenu li.vakata-hover > a { background: gray; color: white; }
-/* line 151, ../scss/_tree.scss */
#vakata-contextmenu li ul { display: none; position: absolute; top: -2px; left: 100%; background: #ebebeb; border: 1px solid gray; }
-/* line 159, ../scss/_tree.scss */
#vakata-contextmenu .right { right: 100%; left: auto; }
-/* line 163, ../scss/_tree.scss */
#vakata-contextmenu .bottom { bottom: -1px; top: auto; }
-/* line 167, ../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 177, ../scss/_tree.scss */
.jstree ul, .jstree li { display: block; margin: 0 0 0 0; padding: 0 0 0 0; list-style-type: none; }
-/* line 183, ../scss/_tree.scss */
.jstree li { display: block; min-height: 18px; line-height: 18px; white-space: nowrap; margin-left: 18px; min-width: 18px; }
-/* line 191, ../scss/_tree.scss */
.jstree-rtl li { margin-left: 0; margin-right: 18px; }
-/* line 195, ../scss/_tree.scss */
.jstree > ul > li { margin-left: 0px; }
-/* line 198, ../scss/_tree.scss */
.jstree-rtl > ul > li { margin-right: 0px; }
-/* line 201, ../scss/_tree.scss */
.jstree ins { display: inline-block; text-decoration: none; width: 18px; height: 18px; margin: 0 0 0 0; padding: 0; }
-/* line 209, ../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 219, ../scss/_tree.scss */
.jstree a:focus { outline: none; }
-/* line 222, ../scss/_tree.scss */
.jstree a > ins { height: 16px; width: 16px; }
-/* line 226, ../scss/_tree.scss */
.jstree a > .jstree-icon { margin-right: 3px; }
-/* line 229, ../scss/_tree.scss */
.jstree-rtl a > .jstree-icon { margin-left: 3px; margin-right: 0; }
-/* line 233, ../scss/_tree.scss */
li.jstree-open > ul { display: block; }
-/* line 236, ../scss/_tree.scss */
li.jstree-closed > ul { display: none; }
-/* line 239, ../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 253, ../scss/_tree.scss */
#vakata-dragged .jstree-ok { background: green; }
-/* line 256, ../scss/_tree.scss */
#vakata-dragged .jstree-invalid { background: red; }
-/* line 259, ../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 276, ../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 300, ../scss/_tree.scss */
.jstree .jstree-real-checkbox { display: none; }
-/* line 303, ../scss/_tree.scss */
.jstree-themeroller .ui-icon { overflow: visible; }
-/* line 306, ../scss/_tree.scss */
.jstree-themeroller a { padding: 0 2px; }
-/* line 309, ../scss/_tree.scss */
.jstree-themeroller .jstree-no-icon { display: none; }
-/* line 312, ../scss/_tree.scss */
.jstree .jstree-wholerow-real { position: relative; z-index: 1; }
-/* line 316, ../scss/_tree.scss */
.jstree .jstree-wholerow-real li { cursor: pointer; }
-/* line 319, ../scss/_tree.scss */
.jstree .jstree-wholerow-real a { border-left-color: transparent !important; border-right-color: transparent !important; }
-/* line 323, ../scss/_tree.scss */
.jstree .jstree-wholerow { position: relative; z-index: 0; height: 0; }
-/* line 328, ../scss/_tree.scss */
.jstree .jstree-wholerow ul, .jstree .jstree-wholerow li { width: 100%; }
-/* line 331, ../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 335, ../scss/_tree.scss */
.jstree .jstree-wholerow, .jstree .jstree-wholerow ul, .jstree .jstree-wholerow li { background: transparent !important; }
-/* line 338, ../scss/_tree.scss */
.jstree .jstree-wholerow ins, .jstree .jstree-wholerow span, .jstree .jstree-wholerow input { display: none !important; }
-/* line 341, ../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 348, ../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 361, ../scss/_tree.scss */
.cms .jstree-apple.jstree-focused { background: none; }
-/* line 364, ../scss/_tree.scss */
.cms .jstree-apple > ul { background: none; }
-/* line 369, ../scss/_tree.scss */
.jstree li { line-height: 25px; }
-/* line 373, ../scss/_tree.scss */
.cms-tree.jstree-apple { /* comment speech bubble - ccs3 only - source: http://nicolasgallagher.com/pure-css-speech-bubbles/demo/ */ }
-/* line 376, ../scss/_tree.scss */
.cms-tree.jstree-apple li.Root strong { font-weight: bold; padding-left: 1px; }
-/* line 381, ../scss/_tree.scss */
.cms-tree.jstree-apple li.Root > a .jstree-icon { background-position: -56px -36px; }
-/* line 386, ../scss/_tree.scss */
.cms-tree.jstree-apple a, .cms-tree.jstree-apple a:link { color: #1556b2; padding: 3px 6px 3px 3px; border: none; display: inline-block; margin-right: 5px; }
-/* line 394, ../scss/_tree.scss */
.cms-tree.jstree-apple a span.status:after, .cms-tree.jstree-apple a:link span.status:after { clear: both; text-transform: uppercase; display: inline-block; padding: 0px 3px; font-size: 0.75em; line-height: 1em; margin-left: 3px; margin-right: 6px; margin-top: -1px; -webkit-border-radius: 2px 2px; -moz-border-radius: 2px / 2px; -o-border-radius: 2px / 2px; -ms-border-radius: 2px / 2px; -khtml-border-radius: 2px / 2px; border-radius: 2px / 2px; }
-/* line 408, ../scss/_tree.scss */
.cms-tree.jstree-apple span.modified:after { content: "draft"; color: #7E7470; border: 1px solid #C9B800; background-color: #FFF0BC; }
-/* line 415, ../scss/_tree.scss */
.cms-tree.jstree-apple span.new:after { content: "new"; color: #7E7470; border: 1px solid #C9B800; background-color: #FFF0BC; }
-/* line 422, ../scss/_tree.scss */
.cms-tree.jstree-apple span.private:after { content: "private"; color: #636363; border: 1px solid #E49393; background-color: #F2DADB; }
-/* line 429, ../scss/_tree.scss */
.cms-tree.jstree-apple span.workflow-approval:after { content: "awaiting approval"; color: #56660C; border: 1px solid #7C8816; background-color: #DAE79A; }
-/* line 437, ../scss/_tree.scss */
.cms-tree.jstree-apple span.comment-count { clear: both; position: relative; text-transform: uppercase; display: inline-block; overflow: visible; padding: 0px 3px; font-size: 0.75em; line-height: 1em; margin-left: 3px; margin-right: 6px; -webkit-border-radius: 2px 2px; -moz-border-radius: 2px / 2px; -o-border-radius: 2px / 2px; -ms-border-radius: 2px / 2px; -khtml-border-radius: 2px / 2px; border-radius: 2px / 2px; color: #7E7470; border: 1px solid #C9B800; background-color: #FFF0BC; }
-/* line 454, ../scss/_tree.scss */
.cms-tree.jstree-apple span.comment-count:before { content: ""; position: absolute; bottom: -4px; /* value = - border-top-width - border-bottom-width */ left: 3px; /* controls horizontal position */ border-width: 4px 4px 0; border-style: solid; border-color: #C9B800 transparent; /* reduce the damage in FF3.0 */ display: block; width: 0; }
-/* line 467, ../scss/_tree.scss */
.cms-tree.jstree-apple span.comment-count:after { content: ""; position: absolute; bottom: -3px; /* value = - border-top-width - border-bottom-width */ left: 4px; /* value = (:before left) + (:before border-left) - (:after border-left) */ border-width: 3px 3px 0; border-style: solid; border-color: #FFF0BC transparent; /* reduce the damage in FF3.0 */ display: block; width: 0; }
-/* line 480, ../scss/_tree.scss */
.cms-tree.jstree-apple .jstree-hovered { text-shadow: none; text-decoration: none; }
-/* line 485, ../scss/_tree.scss */
.cms-tree.jstree-apple li { padding: 0px; clear: left; }
-/* line 490, ../scss/_tree.scss */
.cms-tree.jstree-apple li, .cms-tree.jstree-apple ins { background-color: transparent; background-image: url(../images/sitetree_ss_default_icons.png); }
-/* line 495, ../scss/_tree.scss */
.cms-tree.jstree-apple li.jstree-checked a, .cms-tree.jstree-apple li.jstree-checked a:link { background-color: #efe999; }
-/* line 500, ../scss/_tree.scss */
.jstree-apple #record-0.jstree-open > ins { display: none; }
-/* line 504, ../scss/_tree.scss */
a .jstree-pageicon { display: block; float: left; width: 16px; height: 16px; margin-right: 4px; background-color: transparent; background-image: url(../images/sitetree_ss_pageclass_icons_default.png); background-repeat: no-repeat; }
-/* line 515, ../scss/_tree.scss */
li.class-HomePage a .jstree-pageicon { background-position: 0 -48px; }
-/* line 519, ../scss/_tree.scss */
li.class-RedirectorPage a .jstree-pageicon { background-position: 0 -16px; }
-/* line 523, ../scss/_tree.scss */
li.class-VirtualPage a .jstree-pageicon { background-position: 0 -32px; }
-/* line 527, ../scss/_tree.scss */
li.class-ErrorPage a .jstree-pageicon { background-position: 0 -112px; }
/** Styles for the left hand side menu @package sapphire @subpackage admin */
/** ------------------------------------------------------- CMS Menu Bar -------------------------------------------------------- */
-/* line 12, ../scss/_menu.scss */
-.cms-menu { z-index: 10; background: #c6d7df; border-right: 1px solid #8c99a1; width: 250px; overflow: auto; -moz-box-shadow: 2px 0 6px rgba(107, 120, 123, 0.5); -webkit-box-shadow: 2px 0 6px rgba(107, 120, 123, 0.5); -o-box-shadow: 2px 0 6px rgba(107, 120, 123, 0.5); box-shadow: 2px 0 6px rgba(107, 120, 123, 0.5); }
-/* line 21, ../scss/_menu.scss */
+.cms-menu { z-index: 10; background: #c6d7df; border-right: 1px solid #8c99a1; width: 207px; /* 8x24 - 1 */ overflow: auto; -moz-box-shadow: rgba(107, 120, 123, 0.5) 2px 0 6px; -webkit-box-shadow: rgba(107, 120, 123, 0.5) 2px 0 6px; -o-box-shadow: rgba(107, 120, 123, 0.5) 2px 0 6px; box-shadow: rgba(107, 120, 123, 0.5) 2px 0 6px; }
.cms-menu a { text-decoration: none; }
-/* line 25, ../scss/_menu.scss */
-.cms-menu .cms-panel-content { width: 250px; }
-/* line 30, ../scss/_menu.scss */
-.cms-menu.collapsed { width: 40px; cursor: auto; }
-/* line 36, ../scss/_menu.scss */
+.cms-menu .cms-panel-content { width: 207px; /* 8x24 - 1 */ overflow: hidden; }
+.cms-menu.collapsed { width: 40px; cursor: auto; z-index: 1000; }
+.cms-menu.collapsed .cms-header { width: 30px; }
+.cms-menu.collapsed .cms-header span { display: none; }
+.cms-menu.collapsed .cms-menu-list { overflow-x: hidden; overflow-y: auto; }
.cms-menu.collapsed .cms-menu-list li span.text { display: none; }
-/* line 39, ../scss/_menu.scss */
.cms-menu.collapsed .cms-menu-list li ul { display: none; }
-/* line 44, ../scss/_menu.scss */
.cms-menu.collapsed.cms-panel .cms-panel-content { display: block; }
-/* line 54, ../scss/_menu.scss */
-.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: #bfcad2 1px 1px 0; color: #1f1f1f; padding: 5px 5px 5px 12px; background-color: #b0bec7; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b0bec7), color-stop(100%, #8ca1ae)); background-image: -webkit-linear-gradient(top, #b0bec7, #8ca1ae); background-image: -moz-linear-gradient(top, #b0bec7, #8ca1ae); background-image: -o-linear-gradient(top, #b0bec7, #8ca1ae); background-image: -ms-linear-gradient(top, #b0bec7, #8ca1ae); background-image: linear-gradient(top, #b0bec7, #8ca1ae); border-top: 1px solid #ced7dc; border-bottom: 1px solid #748d9d; }
-/* line 76, ../scss/_menu.scss */
-.cms-menu-list li a:hover { text-decoration: none; background-color: #b6c3cb; border-bottom: 1px solid #8399a7; color: #2c2c2c; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #bfcad2), color-stop(100%, #b0bec7)); background-image: -webkit-linear-gradient(top, #bfcad2, #b0bec7); background-image: -moz-linear-gradient(top, #bfcad2, #b0bec7); background-image: -o-linear-gradient(top, #bfcad2, #b0bec7); background-image: -ms-linear-gradient(top, #bfcad2, #b0bec7); background-image: linear-gradient(top, #bfcad2, #b0bec7); }
-/* line 87, ../scss/_menu.scss */
-.cms-menu-list li a:focus { border-top: 1px solid #a1b2bc; text-decoration: none; background-color: #a1b2bc; color: #393939; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #92a5b2), color-stop(100%, #a1b2bc)); background-image: -webkit-linear-gradient(top, #92a5b2, #a1b2bc); background-image: -moz-linear-gradient(top, #92a5b2, #a1b2bc); background-image: -o-linear-gradient(top, #92a5b2, #a1b2bc); background-image: -ms-linear-gradient(top, #92a5b2, #a1b2bc); background-image: linear-gradient(top, #92a5b2, #a1b2bc); }
-/* line 99, ../scss/_menu.scss */
-.cms-menu-list li a .icon { display: block; float: left; margin-right: 4px; }
-/* line 107, ../scss/_menu.scss */
+.cms-menu-list li a { display: block; height: 24px; line-height: 24px; font-size: 13px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-shadow: #bfcad2 1px 1px 0; color: #1f1f1f; padding: 7px 5px 7px 8px; background-color: #b0bec7; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b0bec7), color-stop(100%, #8ca1ae)); background-image: -webkit-linear-gradient(#b0bec7, #8ca1ae); background-image: -moz-linear-gradient(#b0bec7, #8ca1ae); background-image: -o-linear-gradient(#b0bec7, #8ca1ae); background-image: -ms-linear-gradient(#b0bec7, #8ca1ae); background-image: linear-gradient(#b0bec7, #8ca1ae); border-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, 50% 0%, 50% 100%, color-stop(0%, #bfcad2), color-stop(100%, #b0bec7)); background-image: -webkit-linear-gradient(#bfcad2, #b0bec7); background-image: -moz-linear-gradient(#bfcad2, #b0bec7); background-image: -o-linear-gradient(#bfcad2, #b0bec7); background-image: -ms-linear-gradient(#bfcad2, #b0bec7); background-image: linear-gradient(#bfcad2, #b0bec7); }
+.cms-menu-list li a:focus { border-top: 1px solid #a1b2bc; text-decoration: none; background-color: #a1b2bc; color: #393939; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #92a5b2), color-stop(100%, #a1b2bc)); background-image: -webkit-linear-gradient(#92a5b2, #a1b2bc); background-image: -moz-linear-gradient(#92a5b2, #a1b2bc); background-image: -o-linear-gradient(#92a5b2, #a1b2bc); background-image: -ms-linear-gradient(#92a5b2, #a1b2bc); background-image: linear-gradient(#92a5b2, #a1b2bc); }
+.cms-menu-list li a .icon { display: block; float: left; margin-right: 8px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }
.cms-menu-list li a .text { display: block; }
-/* line 113, ../scss/_menu.scss */
-.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, 50% 0%, 50% 100%, color-stop(0%, #338dc1), color-stop(100%, #287099)); background-image: -webkit-linear-gradient(top, #338dc1, #287099); background-image: -moz-linear-gradient(top, #338dc1, #287099); background-image: -o-linear-gradient(top, #338dc1, #287099); background-image: -ms-linear-gradient(top, #338dc1, #287099); background-image: linear-gradient(top, #338dc1, #287099); }
-/* line 125, ../scss/_menu.scss */
+.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, 50% 0%, 50% 100%, color-stop(0%, #338dc1), color-stop(100%, #287099)); background-image: -webkit-linear-gradient(#338dc1, #287099); background-image: -moz-linear-gradient(#338dc1, #287099); background-image: -o-linear-gradient(#338dc1, #287099); background-image: -ms-linear-gradient(#338dc1, #287099); background-image: linear-gradient(#338dc1, #287099); }
.cms-menu-list li.current ul { border-top: 1px solid #1e5270; }
-/* line 129, ../scss/_menu.scss */
.cms-menu-list li.current li { background-color: #287099; }
-/* line 132, ../scss/_menu.scss */
-.cms-menu-list li.current li a { font-size: 12px; padding: 0 10px 0 36px; height: 32px; line-height: 32px; color: #e2f0f7; background: none; border-top: 1px solid #338dc1; border-bottom: 1px solid #1e5270; }
-/* line 143, ../scss/_menu.scss */
+.cms-menu-list li.current li a { font-size: 12px; padding: 0 10px 0 40px; 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; }
-/* line 149, ../scss/_menu.scss */
.cms-menu-list li.current li a:focus { background: #236184; border-top: 1px solid #1e5270; color: white; }
-/* line 157, ../scss/_menu.scss */
.cms-menu-list li.current li.current a { font-weight: bold; color: white; }
-/* line 162, ../scss/_menu.scss */
.cms-menu-list li.current li.first a { border-top: none; }
-/* line 169, ../scss/_menu.scss */
-.cms-menu-list li#Menu-CMSMain a .icon { background-position: 0px 0px; }
-/* line 170, ../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 171, ../scss/_menu.scss */
-.cms-menu-list li#Menu-AssetAdmin a .icon { background-position: 0px -96px; }
-/* line 172, ../scss/_menu.scss */
-.cms-menu-list li#Menu-AssetAdmin.current a .icon, .cms-menu-list li#Menu-AssetAdmin a:hover .icon { background-position: -32px -96px; }
-/* line 173, ../scss/_menu.scss */
-.cms-menu-list li#Menu-SecurityAdmin a .icon { background-position: 0px -128px; }
-/* line 174, ../scss/_menu.scss */
-.cms-menu-list li#Menu-SecurityAdmin.current a .icon, .cms-menu-list li#Menu-SecurityAdmin a:hover .icon { background-position: -32px -128px; }
-/* line 175, ../scss/_menu.scss */
-.cms-menu-list li#Menu-CMSPagesController a .icon { background-position: 0px -32px; }
-/* line 176, ../scss/_menu.scss */
-.cms-menu-list li#Menu-CMSPagesController.current a .icon, .cms-menu-list li#Menu-CMSPagesController a:hover .icon { background-position: -32px -32px; }
-/* line 179, ../scss/_menu.scss */
.cms-menu-list.collapsed li .text { display: none; }
-/* line 183, ../scss/_menu.scss */
.cms-menu-list.collapsed li > li { display: 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. */
/** ---------------------------------------------------- Basic form fields ---------------------------------------------------- */
-/* line 10, ../scss/_forms.scss */
.field { display: block; padding: 10px 0; border-bottom: 1px solid rgba(201, 205, 206, 0.8); overflow: hidden; }
-/* line 16, ../scss/_forms.scss */
.field label.left { float: left; width: 170px; padding: 8px 20px 8px 4px; line-height: 16px; }
-/* line 24, ../scss/_forms.scss */
.field .middleColumn { margin-left: 15em; }
-/* line 27, ../scss/_forms.scss */
.field .middleColumn .field { display: inline; padding: 0; border: none; }
-/* line 33, ../scss/_forms.scss */
.field .middleColumn label { float: none; width: auto; }
-/* line 42, ../scss/_forms.scss */
form.nostyle .field { display: inline; padding: 0; border: 0; }
-/* line 48, ../scss/_forms.scss */
form.nostyle label { float: none; width: auto; }
-/* line 53, ../scss/_forms.scss */
form.nostyle .middleColumn { margin-left: 0; }
-/* line 59, ../scss/_forms.scss */
.field.nolabel .middleColumn { margin-left: 0; }
-/* line 64, ../scss/_forms.scss */
-.field.text input, textarea { -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; background: #fff; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #efefef), color-stop(10%, #ffffff), color-stop(90%, #ffffff), color-stop(100%, #efefef)); background-image: -webkit-linear-gradient(top, #efefef, #ffffff 10%, #ffffff 90%, #efefef); background-image: -moz-linear-gradient(top, #efefef, #ffffff 10%, #ffffff 90%, #efefef); background-image: -o-linear-gradient(top, #efefef, #ffffff 10%, #ffffff 90%, #efefef); background-image: -ms-linear-gradient(top, #efefef, #ffffff 10%, #ffffff 90%, #efefef); background-image: linear-gradient(top, #efefef, #ffffff 10%, #ffffff 90%, #efefef); border: 1px solid #b3b3b3; padding: 7px; }
+.field.text input, textarea { -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; background: #fff; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #efefef), color-stop(10%, #ffffff), color-stop(90%, #ffffff), color-stop(100%, #efefef)); background-image: -webkit-linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); background-image: -moz-linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); background-image: -o-linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); background-image: -ms-linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); background-image: linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); border: 1px solid #b3b3b3; padding: 7px; }
/** ---------------------------------------------------- Buttons ---------------------------------------------------- */
-/* line 84, ../scss/_forms.scss */
.cms input.loading, .cms input.ui-state-default.loading, .cms .ui-widget-content input.ui-state-default.loading, .cms .ui-widget-header input.ui-state-default.loading { padding-left: 16px; background: #eceff1 url(../../images/network-save.gif) no-repeat center left; }
-/* line 91, ../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 { padding-left: 23px; color: white; border-color: #118021; background: url('../images/../images/btn_icons_sprite.png?1310018832') no-repeat 5px 6px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #84be3f), color-stop(100%, #128945)); background: url('../images/../images/btn_icons_sprite.png?1310018832') no-repeat 5px 6px, -webkit-linear-gradient(#84be3f, #128945); background: url('../images/../images/btn_icons_sprite.png?1310018832') no-repeat 5px 6px, -moz-linear-gradient(#84be3f, #128945); background: url('../images/../images/btn_icons_sprite.png?1310018832') no-repeat 5px 6px, -o-linear-gradient(#84be3f, #128945); background: url('../images/../images/btn_icons_sprite.png?1310018832') no-repeat 5px 6px, -ms-linear-gradient(#84be3f, #128945); background: url('../images/../images/btn_icons_sprite.png?1310018832') no-repeat 5px 6px, linear-gradient(#84be3f, #128945); background-color: #84be3f; text-shadow: #475964 1px 1px 0; -moz-box-shadow: #748d9d 1px 1px 2px; -webkit-box-shadow: #748d9d 1px 1px 2px; -o-box-shadow: #748d9d 1px 1px 2px; box-shadow: #748d9d 1px 1px 2px; }
-/* line 106, ../scss/_forms.scss */
-.cms .ss-ui-button.ss-ui-action-constructive.ui-state-hover { background: url('../images/../images/btn_icons_sprite.png?1310018832') no-repeat 5px 6px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7fb63c), color-stop(100%, #107b3e)); background: url('../images/../images/btn_icons_sprite.png?1310018832') no-repeat 5px 6px, -webkit-linear-gradient(#7fb63c, #107b3e); background: url('../images/../images/btn_icons_sprite.png?1310018832') no-repeat 5px 6px, -moz-linear-gradient(#7fb63c, #107b3e); background: url('../images/../images/btn_icons_sprite.png?1310018832') no-repeat 5px 6px, -o-linear-gradient(#7fb63c, #107b3e); background: url('../images/../images/btn_icons_sprite.png?1310018832') no-repeat 5px 6px, -ms-linear-gradient(#7fb63c, #107b3e); background: url('../images/../images/btn_icons_sprite.png?1310018832') no-repeat 5px 6px, linear-gradient(#7fb63c, #107b3e); background-color: #128945; -moz-box-shadow: #92a5b2 1px 1px 1px; -webkit-box-shadow: #92a5b2 1px 1px 1px; -o-box-shadow: #92a5b2 1px 1px 1px; box-shadow: #92a5b2 1px 1px 1px; }
-/* line 117, ../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 { padding-left: 23px; color: white; border-color: #118021; background: url('../images/../images/btn_icons_sprite.png?1310770021') no-repeat 5px 6px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #84be3f), color-stop(100%, #128945)); background: url('../images/../images/btn_icons_sprite.png?1310770021') no-repeat 5px 6px, -webkit-linear-gradient(#84be3f, #128945); background: url('../images/../images/btn_icons_sprite.png?1310770021') no-repeat 5px 6px, -moz-linear-gradient(#84be3f, #128945); background: url('../images/../images/btn_icons_sprite.png?1310770021') no-repeat 5px 6px, -o-linear-gradient(#84be3f, #128945); background: url('../images/../images/btn_icons_sprite.png?1310770021') no-repeat 5px 6px, -ms-linear-gradient(#84be3f, #128945); background: url('../images/../images/btn_icons_sprite.png?1310770021') no-repeat 5px 6px, linear-gradient(#84be3f, #128945); background-color: #84be3f; text-shadow: #475964 1px 1px 0; -moz-box-shadow: #748d9d 1px 1px 2px; -webkit-box-shadow: #748d9d 1px 1px 2px; -o-box-shadow: #748d9d 1px 1px 2px; box-shadow: #748d9d 1px 1px 2px; }
+.cms .ss-ui-button.ss-ui-action-constructive.ui-state-hover { background: url('../images/../images/btn_icons_sprite.png?1310770021') no-repeat 5px 6px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7fb63c), color-stop(100%, #107b3e)); background: url('../images/../images/btn_icons_sprite.png?1310770021') no-repeat 5px 6px, -webkit-linear-gradient(#7fb63c, #107b3e); background: url('../images/../images/btn_icons_sprite.png?1310770021') no-repeat 5px 6px, -moz-linear-gradient(#7fb63c, #107b3e); background: url('../images/../images/btn_icons_sprite.png?1310770021') no-repeat 5px 6px, -o-linear-gradient(#7fb63c, #107b3e); background: url('../images/../images/btn_icons_sprite.png?1310770021') no-repeat 5px 6px, -ms-linear-gradient(#7fb63c, #107b3e); background: url('../images/../images/btn_icons_sprite.png?1310770021') no-repeat 5px 6px, linear-gradient(#7fb63c, #107b3e); background-color: #128945; -moz-box-shadow: #92a5b2 1px 1px 1px; -webkit-box-shadow: #92a5b2 1px 1px 1px; -o-box-shadow: #92a5b2 1px 1px 1px; box-shadow: #92a5b2 1px 1px 1px; }
.cms .ss-ui-button.ss-ui-action-constructive.cms-page-add-button { background-position: 5px -155px; }
-/* line 123, ../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; background-color: #f5f5f5; }
-/* line 128, ../scss/_forms.scss */
-.cms .ss-ui-button.ss-ui-action-destructive.delete { padding-left: 23px; color: red; border-color: #ababab; background: url('../images/../images/btn_icons_sprite.png?1310018832') no-repeat 5px -26px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #c3c3c3)); background: url('../images/../images/btn_icons_sprite.png?1310018832') no-repeat 5px -26px, -webkit-linear-gradient(#f5f5f5, #c3c3c3); background: url('../images/../images/btn_icons_sprite.png?1310018832') no-repeat 5px -26px, -moz-linear-gradient(#f5f5f5, #c3c3c3); background: url('../images/../images/btn_icons_sprite.png?1310018832') no-repeat 5px -26px, -o-linear-gradient(#f5f5f5, #c3c3c3); background: url('../images/../images/btn_icons_sprite.png?1310018832') no-repeat 5px -26px, -ms-linear-gradient(#f5f5f5, #c3c3c3); background: url('../images/../images/btn_icons_sprite.png?1310018832') no-repeat 5px -26px, linear-gradient(#f5f5f5, #c3c3c3); text-shadow: none; -moz-box-shadow: #aab9c3 1px 1px 2px; -webkit-box-shadow: #aab9c3 1px 1px 2px; -o-box-shadow: #aab9c3 1px 1px 2px; box-shadow: #aab9c3 1px 1px 2px; }
-/* line 142, ../scss/_forms.scss */
-.cms .ss-ui-button.ss-ui-action-destructive.delete.ui-state-hover { background: url('../images/../images/btn_icons_sprite.png?1310018832') no-repeat 5px -26px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f0f0), color-stop(100%, #bbbbbb)); background: url('../images/../images/btn_icons_sprite.png?1310018832') no-repeat 5px -26px, -webkit-linear-gradient(#f0f0f0, #bbbbbb); background: url('../images/../images/btn_icons_sprite.png?1310018832') no-repeat 5px -26px, -moz-linear-gradient(#f0f0f0, #bbbbbb); background: url('../images/../images/btn_icons_sprite.png?1310018832') no-repeat 5px -26px, -o-linear-gradient(#f0f0f0, #bbbbbb); background: url('../images/../images/btn_icons_sprite.png?1310018832') no-repeat 5px -26px, -ms-linear-gradient(#f0f0f0, #bbbbbb); background: url('../images/../images/btn_icons_sprite.png?1310018832') no-repeat 5px -26px, linear-gradient(#f0f0f0, #bbbbbb); background-color: #c3c3c3; -moz-box-shadow: #92a5b2 1px 1px 1px; -webkit-box-shadow: #92a5b2 1px 1px 1px; -o-box-shadow: #92a5b2 1px 1px 1px; box-shadow: #92a5b2 1px 1px 1px; }
-/* line 155, ../scss/_forms.scss */
+.cms .ss-ui-button.ss-ui-action-destructive.delete { padding-left: 23px; color: red; border-color: #ababab; background: url('../images/../images/btn_icons_sprite.png?1310770021') no-repeat 5px -26px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #c3c3c3)); background: url('../images/../images/btn_icons_sprite.png?1310770021') no-repeat 5px -26px, -webkit-linear-gradient(#f5f5f5, #c3c3c3); background: url('../images/../images/btn_icons_sprite.png?1310770021') no-repeat 5px -26px, -moz-linear-gradient(#f5f5f5, #c3c3c3); background: url('../images/../images/btn_icons_sprite.png?1310770021') no-repeat 5px -26px, -o-linear-gradient(#f5f5f5, #c3c3c3); background: url('../images/../images/btn_icons_sprite.png?1310770021') no-repeat 5px -26px, -ms-linear-gradient(#f5f5f5, #c3c3c3); background: url('../images/../images/btn_icons_sprite.png?1310770021') no-repeat 5px -26px, linear-gradient(#f5f5f5, #c3c3c3); text-shadow: none; -moz-box-shadow: #aab9c3 1px 1px 2px; -webkit-box-shadow: #aab9c3 1px 1px 2px; -o-box-shadow: #aab9c3 1px 1px 2px; box-shadow: #aab9c3 1px 1px 2px; }
+.cms .ss-ui-button.ss-ui-action-destructive.delete.ui-state-hover { background: url('../images/../images/btn_icons_sprite.png?1310770021') no-repeat 5px -26px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f0f0), color-stop(100%, #bbbbbb)); background: url('../images/../images/btn_icons_sprite.png?1310770021') no-repeat 5px -26px, -webkit-linear-gradient(#f0f0f0, #bbbbbb); background: url('../images/../images/btn_icons_sprite.png?1310770021') no-repeat 5px -26px, -moz-linear-gradient(#f0f0f0, #bbbbbb); background: url('../images/../images/btn_icons_sprite.png?1310770021') no-repeat 5px -26px, -o-linear-gradient(#f0f0f0, #bbbbbb); background: url('../images/../images/btn_icons_sprite.png?1310770021') no-repeat 5px -26px, -ms-linear-gradient(#f0f0f0, #bbbbbb); background: url('../images/../images/btn_icons_sprite.png?1310770021') no-repeat 5px -26px, linear-gradient(#f0f0f0, #bbbbbb); background-color: #c3c3c3; -moz-box-shadow: #92a5b2 1px 1px 1px; -webkit-box-shadow: #92a5b2 1px 1px 1px; -o-box-shadow: #92a5b2 1px 1px 1px; box-shadow: #92a5b2 1px 1px 1px; }
.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: #1f1f1f; text-decoration: underline; }
-/* line 164, ../scss/_forms.scss */
.cms-edit-form { padding-bottom: 20px; }
-/* line 167, ../scss/_forms.scss */
.cms-edit-form .text input, .cms-edit-form textarea { width: 300px; font-family: Arial, sans-serif; font-size: 13px; }
-/* line 173, ../scss/_forms.scss */
.cms-edit-form .Actions { text-align: right; }
/** ---------------------------------------------------- Specific field overrides ---------------------------------------------------- */
-/* line 183, ../scss/_forms.scss */
.htmleditor label { display: block; float: none; padding-bottom: 10px; }
-/* line 189, ../scss/_forms.scss */
.htmleditor .middleColumn { margin-left: 0px; clear: left; }
-/* line 196, ../scss/_forms.scss */
.field#ViewerGroups label, .field#EditorGroups label, .field#CreateTopLevelGroups label { display: none; }
-/* line 201, ../scss/_forms.scss */
.action-hidden { display: none; }
+/** Icon styles. @todo Automatic sprite generation and ensure that developers can define icons for their own admin interfaces @package sapphire @subpackage admin */
+.icon { background-repeat: none; }
+.icon.icon-24 { width: 24px; height: 24px; }
+.icon.icon-24.icon-assetadmin { background-image: url(../images/icons/24x24/picture.png); }
+.icon.icon-24.icon-cmsmain { background-image: url(../images/icons/24x24/pencil.png); }
+.icon.icon-24.icon-cmspagescontroller { background-image: url(../images/icons/24x24/network.png); }
+.icon.icon-24.icon-cmssettingscontroller { background-image: url(../images/icons/24x24/gears.png); }
+.icon.icon-24.icon-securityadmin { background-image: url(../images/icons/24x24/community.png); }
+.icon.icon-24.icon-reportadmin { background-image: url(../images/icons/24x24/pie-chart.png); }
+.icon.icon-24.icon-commentadmin { background-image: url(../images/icons/24x24/blog.png); }
+.icon.icon-24.icon-help { background-image: url(../images/icons/24x24/information.png); }
+
/** 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 { padding: 0; background: transparent url(../images/textures/bg_cms_main_content.png) repeat top left; }
.cms .ui-tabs .ui-widget-header { border: 0; background: none; }
-/* line 22, ../scss/_uitheme.scss */
.cms .ui-tabs .ui-tabs-nav { margin: 0; padding: 0; }
-/* line 26, ../scss/_uitheme.scss */
.cms .ui-tabs .ui-tabs-nav li { top: 0; }
-/* line 29, ../scss/_uitheme.scss */
.cms .ui-tabs .ui-tabs-nav li a { padding: 0 15px; }
-/* line 34, ../scss/_uitheme.scss */
.cms .ui-tabs .ui-tabs-nav.ui-state-active { border-color: gray; }
-/* line 41, ../scss/_uitheme.scss */
-.cms .ui-widget-content, .cms .ui-tabs .ui-tabs-panel { color: #444444; font-size: 13px; border: 0; }
-/* line 47, ../scss/_uitheme.scss */
+.cms .ui-widget-content { color: #444444; font-size: 13px; border: 0; }
+.cms .ui-tabs-panel { background: transparent; }
.cms .ui-widget-header { background: #eceff1; border: 0; padding: 0; }
-/* line 53, ../scss/_uitheme.scss */
.cms .ss-ui-button { padding: 5px; text-decoration: none; }
-/* line 59, ../scss/_uitheme.scss */
.cms .ui-state-hover { cursor: pointer; }
-/* line 65, ../scss/_uitheme.scss */
-.cms .ss-ui-button, .cms .ui-widget-content .ss-ui-button, .cms .ui-widget-header .ss-ui-button { padding: 5px 7px 5px 7px; color: #1f1f1f; background: url('../images/../images/btn_icons_sprite.png?1310018832') no-repeat 999px 999px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #c3c3c3)); background: url('../images/../images/btn_icons_sprite.png?1310018832') no-repeat 999px 999px, -webkit-linear-gradient(#f5f5f5, #c3c3c3); background: url('../images/../images/btn_icons_sprite.png?1310018832') no-repeat 999px 999px, -moz-linear-gradient(#f5f5f5, #c3c3c3); background: url('../images/../images/btn_icons_sprite.png?1310018832') no-repeat 999px 999px, -o-linear-gradient(#f5f5f5, #c3c3c3); background: url('../images/../images/btn_icons_sprite.png?1310018832') no-repeat 999px 999px, -ms-linear-gradient(#f5f5f5, #c3c3c3); background: url('../images/../images/btn_icons_sprite.png?1310018832') no-repeat 999px 999px, linear-gradient(#f5f5f5, #c3c3c3); background-color: #f5f5f5; -moz-box-shadow: #748d9d 1px 1px 2px; -webkit-box-shadow: #748d9d 1px 1px 2px; -o-box-shadow: #748d9d 1px 1px 2px; box-shadow: #748d9d 1px 1px 2px; }
+.cms .ss-ui-button, .cms .ui-widget-content .ss-ui-button, .cms .ui-widget-header .ss-ui-button { padding: 5px 7px 5px 7px; color: #1f1f1f; background: url('../images/../images/btn_icons_sprite.png?1310770021') no-repeat 999px 999px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #c3c3c3)); background: url('../images/../images/btn_icons_sprite.png?1310770021') no-repeat 999px 999px, -webkit-linear-gradient(#f5f5f5, #c3c3c3); background: url('../images/../images/btn_icons_sprite.png?1310770021') no-repeat 999px 999px, -moz-linear-gradient(#f5f5f5, #c3c3c3); background: url('../images/../images/btn_icons_sprite.png?1310770021') no-repeat 999px 999px, -o-linear-gradient(#f5f5f5, #c3c3c3); background: url('../images/../images/btn_icons_sprite.png?1310770021') no-repeat 999px 999px, -ms-linear-gradient(#f5f5f5, #c3c3c3); background: url('../images/../images/btn_icons_sprite.png?1310770021') no-repeat 999px 999px, linear-gradient(#f5f5f5, #c3c3c3); background-color: #f5f5f5; -moz-box-shadow: #748d9d 1px 1px 2px; -webkit-box-shadow: #748d9d 1px 1px 2px; -o-box-shadow: #748d9d 1px 1px 2px; box-shadow: #748d9d 1px 1px 2px; }
-/* line 80, ../scss/_uitheme.scss */
.cms-content-form { overflow: auto; background: transparent url(../images/textures/bg_cms_main_content.png) repeat top left !important; }
/** This file defines most styles of the CMS: Colors, fonts, backgrounds, alignments, dimensions. Use SCSS variable definitions in screen.css to avoid repeating styles like background colours or padding dimensions. See themes/_default.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). */
/** ---------------------------------------------------- Core Styles ---------------------------------------------------- */
-/* line 15, ../scss/_style.scss */
html, body { width: 100%; height: 100%; overflow: hidden; font-size: 13px; font-family: Arial, sans-serif; color: #444444; }
-/* line 17, ../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.4/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
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 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 b, html u, html i, html center, 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, html article, html aside, html canvas, html details, html embed, html figure, html figcaption, html footer, html header, html hgroup, html menu, html nav, html output, html ruby, html section, html summary, html time, html mark, html audio, html video, 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 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 b, body u, body i, body center, 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, body article, body aside, body canvas, body details, body embed, body figure, body figcaption, body footer, body header, body hgroup, body menu, body nav, body output, body ruby, body section, body summary, body time, body mark, body audio, body video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
-/* line 20, ../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.4/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html body, body body { line-height: 1; }
-/* line 22, ../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.4/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html ol, html ul, body ol, body ul { list-style: none; }
-/* line 24, ../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.4/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html table, body table { border-collapse: collapse; border-spacing: 0; }
-/* line 26, ../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.4/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html caption, html th, html td, body caption, body th, body td { text-align: left; font-weight: normal; vertical-align: middle; }
-/* line 28, ../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.4/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html q, html blockquote, body q, body blockquote { quotes: none; }
-/* line 101, ../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.4/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
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: ""; content: none; }
-/* line 30, ../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.4/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html a img, body a img { border: none; }
-/* line 115, ../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.4/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
-html article, html aside, html details, html figcaption, html figure, html footer, html header, html hgroup, html menu, html nav, html section, body article, body aside, body details, body figcaption, body figure, body footer, body header, body hgroup, body menu, body nav, body section { display: block; }
+html article, html aside, html details, html figcaption, html figure, html footer, html header, html hgroup, html menu, html nav, html section, html summary, body article, body aside, body details, body figcaption, body figure, body footer, body header, body hgroup, body menu, body nav, body section, body summary { display: block; }
-/* line 27, ../scss/_style.scss */
a { color: #3ebae0; text-decoration: none; }
-/* line 32, ../scss/_style.scss */
a:hover, a:focus { text-decoration: underline; }
-/* line 36, ../scss/_style.scss */
body .ui-widget { font-family: Arial, sans-serif; font-size: 13px; }
-/* line 41, ../scss/_style.scss */
-.cms-container { height: 100%; }
+.cms-container { height: 100%; background: transparent url(../images/textures/bg_cms_main_content.png) repeat top left; }
-/* line 51, ../scss/_style.scss */
.cms-preview, .cms-menu, .cms-content, .cms-content-header, .cms-content-tools, .cms-content-fields, .cms-edit-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.11.4/frameworks/compass/stylesheets/compass/css3/_inline-block.scss */
.cms-preview, .cms-menu, .cms-content, .cms-content-header, .cms-content-tools, .cms-content-fields, .cms-edit-form { *display: inline; }
-/* line 56, ../scss/_style.scss */
strong { font-weight: bold; }
/** -------------------------------------------- Misc Panels -------------------------------------------- */
-/* line 64, ../scss/_style.scss */
-.cms-content-header { background-color: #b0bec7; padding: 8px 8px 6px 8px; height: 32px; border-bottom: 2px solid #8399a7; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dde3e7), color-stop(100%, #92a5b2)); background-image: -webkit-linear-gradient(top, #dde3e7, #92a5b2); background-image: -moz-linear-gradient(top, #dde3e7, #92a5b2); background-image: -o-linear-gradient(top, #dde3e7, #92a5b2); background-image: -ms-linear-gradient(top, #dde3e7, #92a5b2); background-image: linear-gradient(top, #dde3e7, #92a5b2); border-bottom: 1px solid #5c7382; padding: 10px; height: 32px; }
-/* line 80, ../scss/_style.scss */
+.cms-content-header { background-color: #b0bec7; padding: 8px 8px 6px 8px; height: 32px; border-bottom: 2px solid #8399a7; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ced7dc), color-stop(100%, #92a5b2)); background-image: -webkit-linear-gradient(#ced7dc, #92a5b2); background-image: -moz-linear-gradient(#ced7dc, #92a5b2); background-image: -o-linear-gradient(#ced7dc, #92a5b2); background-image: -ms-linear-gradient(#ced7dc, #92a5b2); background-image: linear-gradient(#ced7dc, #92a5b2); }
.cms-content-header h2 { float: left; padding: 12px 0 0 8px; font-size: 13px; font-weight: bold; text-shadow: #ced7dc 1px 1px 0; width: 230px; }
-/* line 89, ../scss/_style.scss */
.cms-content-header > div { width: 9999em; overflow: hidden; }
-/* line 94, ../scss/_style.scss */
.cms-content-header .cms-content-header-tabs { float: left; }
-/* line 101, ../scss/_style.scss */
.ui-tabs .cms-content-header .ui-tabs-nav li a { font-weight: bold; font-size: 13px; padding: 11px 15px 9px; border-bottom: 2px solid #b3b3b3; }
-/* line 111, ../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: #d9d9d9; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d9d9d9), color-stop(100%, #c0c0c0)); background-image: -webkit-linear-gradient(top, #d9d9d9, #c0c0c0); background-image: -moz-linear-gradient(top, #d9d9d9, #c0c0c0); background-image: -o-linear-gradient(top, #d9d9d9, #c0c0c0); background-image: -ms-linear-gradient(top, #d9d9d9, #c0c0c0); background-image: linear-gradient(top, #d9d9d9, #c0c0c0); border-color: #a6a6a6; margin: 0 3px 0 0; text-shadow: white 0 1px 0; }
-/* line 125, ../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: #d9d9d9; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d9d9d9), color-stop(100%, #c0c0c0)); background-image: -webkit-linear-gradient(#d9d9d9, #c0c0c0); background-image: -moz-linear-gradient(#d9d9d9, #c0c0c0); background-image: -o-linear-gradient(#d9d9d9, #c0c0c0); background-image: -ms-linear-gradient(#d9d9d9, #c0c0c0); background-image: linear-gradient(#d9d9d9, #c0c0c0); border-color: #a6a6a6; margin: 0 3px 0 0; text-shadow: white 0 1px 0; }
.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 128, ../scss/_style.scss */
.ui-tabs .cms-content-header .ui-state-active a, .ui-tabs .cms-content-header .ui-widget-content .ui-state-active a, .ui-tabs .cms-content-header .ui-widget-header .ui-state-active a { border-bottom: 2px solid #eceff1; }
-/* line 134, ../scss/_style.scss */
.cms-content-tools { background-color: #dde3e7; padding: 8px; width: 230px; overflow: auto; }
-/* line 141, ../scss/_style.scss */
.cms-content-tools .cms-panel-header, .cms-content-tools .cms-panel-content { padding: 10px; }
-/* line 147, ../scss/_style.scss */
.cms-content.loading { background: url(../images/spinner.gif) no-repeat 50% 50%; }
/** ------------------------------------------------------- Top Left Header and logo area -------------------------------------------------------- */
-/* line 156, ../scss/_style.scss */
-.cms-header { background-color: #00111d; position: relative; padding: 16px 8px 8px; line-height: 24px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00111d), color-stop(50%, #003050), color-stop(100%, #00111d)); background-image: -webkit-linear-gradient(top, #00111d, #003050, #00111d); background-image: -moz-linear-gradient(top, #00111d, #003050, #00111d); background-image: -o-linear-gradient(top, #00111d, #003050, #00111d); background-image: -ms-linear-gradient(top, #00111d, #003050, #00111d); background-image: linear-gradient(top, #00111d, #003050, #00111d); }
-/* line 168, ../scss/_style.scss */
-.cms-header span { color: white; white-space: no-wrap; text-overflow: ellipsis; display: block; }
-/* line 174, ../scss/_style.scss */
+.cms-header { background-color: #00111d; position: relative; padding: 16px 8px 4px 4px; line-height: 24px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00111d), color-stop(50%, #003050), color-stop(100%, #00111d)); background-image: -webkit-linear-gradient(#00111d, #003050, #00111d); background-image: -moz-linear-gradient(#00111d, #003050, #00111d); background-image: -o-linear-gradient(#00111d, #003050, #00111d); background-image: -ms-linear-gradient(#00111d, #003050, #00111d); background-image: linear-gradient(#00111d, #003050, #00111d); }
+.cms-header span { color: white; white-space: nowrap; text-overflow: ellipsis; display: block; }
.cms-header span a { color: #3ebae0; display: inline; }
-/* line 181, ../scss/_style.scss */
-.cms-logo { border-bottom: 1px solid #03090c; height: 31px; overflow: hidden; padding: 0 4px; vertical-align: middle; }
-/* line 188, ../scss/_style.scss */
+.cms-logo { border-bottom: 1px solid #03090c; height: 31px; overflow: hidden; padding: 0 0 0 4px; vertical-align: middle; }
.cms-logo .version { display: none; }
-/* line 192, ../scss/_style.scss */
-.cms-logo a { display: inline-block; height: 25px; width: 25px; float: left; margin-right: 10px; background: url('../images/logo_small.png?1309939638') no-repeat; text-indent: -9999em; }
+.cms-logo a { display: inline-block; height: 24px; width: 24px; float: left; margin-right: 8px; background: url('../images/logo_small.png?1311826037') no-repeat; text-indent: -9999em; padding-right: 7px; border-right: 1px solid #19435c; }
-/* line 203, ../scss/_style.scss */
.cms-login-status { border-top: 1px solid #19435c; height: 23px; padding: 8px 4px 0 4px; overflow: hidden; line-height: 16px; font-size: 11px; }
-/* line 211, ../scss/_style.scss */
-.cms-login-status .logout-link { display: inline-block; height: 16px; width: 16px; float: left; margin: 0 15px 0 5px; background: url(../images/logout.png) no-repeat; text-indent: -9999em; }
+.cms-login-status .logout-link { display: inline-block; height: 16px; width: 16px; float: left; margin: 0 8px 0 3px; background: url(../images/logout.png) no-repeat; text-indent: -9999em; }
/** ----------------------------------------------- Loading Screen ------------------------------------------------ */
-/* line 226, ../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 241, ../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 247, ../scss/_style.scss */
.ss-loading-screen p { width: 100%; text-align: center; position: absolute; bottom: 80px; }
-/* line 253, ../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 263, ../scss/_style.scss */
.ss-loading-screen .loading-animation { display: none; position: absolute; left: 49%; top: 75%; }
/** -------------------------------------------- Actions -------------------------------------------- */
-/* line 275, ../scss/_style.scss */
.cms-content-actions { border-top: 1px solid #8399a7; padding: 8px; background: transparent url(../images/textures/bg_cms_main_content.png) repeat top left; }
/** -------------------------------------------- Messages -------------------------------------------- */
-/* line 285, ../scss/_style.scss */
.message { margin: 1em 0; padding: 0.5em; font-weight: bold; border: 1px black solid; }
-/* line 291, ../scss/_style.scss */
.message.notice { background-color: #ffbe66; border-color: #ff9300; }
-/* line 296, ../scss/_style.scss */
.message.warning { background-color: #ffbe66; border-color: #ff9300; }
-/* line 300, ../scss/_style.scss */
.message.error { background-color: #ffbe66; border-color: #ff9300; }
/** -------------------------------------------- ModelAdmin -------------------------------------------- */
-/* line 311, ../scss/_style.scss */
.ModelAdmin .cms-content-tools { width: 300px; }
-/* line 316, ../scss/_style.scss */
.ModelAdmin .ResultAssemblyBlock { display: none; }
/** -------------------------------------------- "Add page" dialog -------------------------------------------- */
-/* line 326, ../scss/_style.scss */
.cms-page-add-form-dialog #PageType li { clear: left; height: 40px; border-bottom: 1px solid rgba(107, 120, 123, 0.5); }
-/* line 331, ../scss/_style.scss */
.cms-page-add-form-dialog #PageType li:hover, .cms-page-add-form-dialog #PageType li.selected { background-color: #ffff99; }
-/* line 335, ../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 339, ../scss/_style.scss */
.cms-page-add-form-dialog #PageType li .icon { width: 20px; }
-/* line 343, ../scss/_style.scss */
.cms-page-add-form-dialog #PageType li .title { width: 100px; font-weight: bold; }
-/* line 348, ../scss/_style.scss */
.cms-page-add-form-dialog #PageType li .description { font-style: italic; }
/** -------------------------------------------- Content toolbar -------------------------------------------- */
-/* line 358, ../scss/_style.scss */
.cms-content-toolbar { overflow: hidden; *zoom: 1; display: block; padding: 10px 0; margin: 0 0 15px 0; border-bottom-width: 2px; border-bottom: 2px groove rgba(255, 255, 255, 0.8); -webkit-border-image: url(../images/textures/bg_fieldset_elements_border.png) 2 stretch stretch; border-image: url(../images/textures/bg_fieldset_elements_border.png) 2 stretch stretch; }
-/* line 369, ../scss/_style.scss */
.cms-content-toolbar > * { float: left; }
-/* line 373, ../scss/_style.scss */
.cms-content-toolbar .cms-tree-view-modes * { display: inline-block; }
-/* line 377, ../scss/_style.scss */
.cms-content-toolbar .cms-content-batchactions form > * { display: inline-block; }
-/* line 384, ../scss/_style.scss */
.cms-content-tools .field label { float: none; width: auto; }
-/* line 389, ../scss/_style.scss */
.cms-content-tools .field .middleColumn { margin-left: 0; }
-/* line 395, ../scss/_style.scss */
.cms-content-batchactions, .cms-content-constructive-actions { float: right; }
-/* line 399, ../scss/_style.scss */
.cms-content-batchactions { float: right; position: relative; display: block; margin-right: 8px; }
-/* line 406, ../scss/_style.scss */
form.cms-batch-actions { float: left; }
-/* line 410, ../scss/_style.scss */
.cms-content-constructive-actions a { display: block; float: right; }
/** -------------------------------------------- Preview header (remove before release) -------------------------------------------- */
-/* line 419, ../scss/_style.scss */
.cms-preview { width: 1px; }
-/* line 422, ../scss/_style.scss */
.cms-preview .cms-preview-toggle { width: 10px; }
-/* line 426, ../scss/_style.scss */
.cms-preview iframe { width: 100%; height: 100%; }
-/* line 432, ../scss/_style.scss */
.cms-preview-header { background-color: #FFBE66; padding: 10px; font-weight: bold; }
/** -------------------------------------------- Member Profile -------------------------------------------- */
-/* line 444, ../scss/_style.scss */
form.member-profile-form #CsvFile .middleColumn { background: none !important; }
-/* line 448, ../scss/_style.scss */
form.member-profile-form .advanced h4 { margin-bottom: .5em; }
-/* line 452, ../scss/_style.scss */
form.member-profile-form .Actions { text-align: left; border: 0; }
-/* line 457, ../scss/_style.scss */
form.member-profile-form input.customFormat { border: 1px solid #ccc !important; padding: 3px; margin-left: 2px; }
-/* line 462, ../scss/_style.scss */
form.member-profile-form .formattingHelpToggle { font-size: 11px; padding: 3px; }
-/* line 466, ../scss/_style.scss */
form.member-profile-form .formattingHelpText { margin: 5px auto; color: #333; padding: 5px 10px; width: 90%; background: #fff; border: 1px solid #ccc; }
-/* line 474, ../scss/_style.scss */
form.member-profile-form .formattingHelpText ul { padding: 0; }
-/* line 477, ../scss/_style.scss */
form.member-profile-form .formattingHelpText li { font-size: 11px; color: #333; margin-bottom: 2px; }
-/* line 485, ../scss/_style.scss */
-.cms-content-fields { overflow: auto; background: transparent url(../images/textures/bg_cms_main_content.png) repeat top left; }
+.cms-content-fields { overflow: auto; }
/** -------------------------------------------- Panels -------------------------------------------- */
-/* line 494, ../scss/_style.scss */
.cms-panel { overflow: hidden; }
-/* line 499, ../scss/_style.scss */
-.cms-panel .toggle-expand, .cms-panel .toggle-collapse { display: block; position: absolute; bottom: 0; text-align: right; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b0bec7), color-stop(100%, #92a5b2)); background-image: -webkit-linear-gradient(top, #b0bec7, #92a5b2); background-image: -moz-linear-gradient(top, #b0bec7, #92a5b2); background-image: -o-linear-gradient(top, #b0bec7, #92a5b2); background-image: -ms-linear-gradient(top, #b0bec7, #92a5b2); background-image: linear-gradient(top, #b0bec7, #92a5b2); text-decoration: none; }
-/* line 510, ../scss/_style.scss */
+.cms-panel .toggle-expand, .cms-panel .toggle-collapse { display: block; position: absolute; bottom: 0; text-align: right; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b0bec7), color-stop(100%, #92a5b2)); background-image: -webkit-linear-gradient(#b0bec7, #92a5b2); background-image: -moz-linear-gradient(#b0bec7, #92a5b2); background-image: -o-linear-gradient(#b0bec7, #92a5b2); background-image: -ms-linear-gradient(#b0bec7, #92a5b2); background-image: linear-gradient(#b0bec7, #92a5b2); text-decoration: none; }
.cms-panel .toggle-expand span, .cms-panel .toggle-collapse span { display: inline-block; margin: 5px; color: #1f1f1f; font-size: 16px; }
-/* line 518, ../scss/_style.scss */
.cms-panel .toggle-collapse { width: 100%; }
-/* line 522, ../scss/_style.scss */
.cms-panel .toggle-expand { width: 40px; }
-/* line 528, ../scss/_style.scss */
.cms-panel.collapsed .cms-panel-content { display: none; }
-/* line 532, ../scss/_style.scss */
.cms-panel.collapsed .cms-panel-header { -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); position: relative; top: 100px; }
-/* line 542, ../scss/_style.scss */
.cms-content .cms-panel.collapsed { cursor: pointer; }
/** -------------------------------------------- Other -------------------------------------------- */
-/* line 550, ../scss/_style.scss */
-.cms-preview { background-color: #b0bec7; }
-/* line 553, ../scss/_style.scss */
.cms-preview .cms-preview-toggle { cursor: pointer; }
-/* line 556, ../scss/_style.scss */
-.cms-preview .cms-preview-toggle a { display: block; width: 15px; height: 15px; position: relative; left: 10px; top: 48%; background-color: #b0bec7; color: white; font-weight: bold; text-decoration: none; z-index: 2000; }
-/* line 573, ../scss/_style.scss */
+.cms-preview .cms-preview-toggle a { display: block; padding: 2px 12px 2px 6px; height: 16px; position: relative; top: 48%; background-color: #b0bec7; color: white; font-weight: bold; text-decoration: none; z-index: 2000; line-height: 16px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -o-border-bottom-right-radius: 4px; -ms-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -o-border-top-right-radius: 4px; -ms-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-box-shadow: 0 0 10px rgba(180, 180, 180, 0.4); -webkit-box-shadow: 0 0 10px rgba(180, 180, 180, 0.4); -o-box-shadow: 0 0 10px rgba(180, 180, 180, 0.4); box-shadow: 0 0 10px rgba(180, 180, 180, 0.4); }
.cms-preview.is-collapsed .cms-preview-toggle a { left: -15px; }
-/* line 581, ../scss/_style.scss */
.cms-switch-view a { padding-right: 1em; }
View
BIN admin/images/icons/24x24/blog.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN admin/images/icons/24x24/community.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN admin/images/icons/24x24/document.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN admin/images/icons/24x24/gears.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN admin/images/icons/24x24/home.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN admin/images/icons/24x24/information.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN admin/images/icons/24x24/network.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN admin/images/icons/24x24/pencil.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN admin/images/icons/24x24/picture.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN admin/images/icons/24x24/pie-chart.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
2 admin/images/icons/README
@@ -0,0 +1,2 @@
+thenounproject.com
+
View
BIN admin/images/logo_small.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN admin/images/mainmenu/content.png
Deleted file not rendered
View
BIN admin/images/mainmenu/current-indicator.png
Deleted file not rendered
View
BIN admin/images/mainmenu/current.gif
Deleted file not rendered
View
BIN admin/images/mainmenu/currentHover.gif
Deleted file not rendered
View
BIN admin/images/mainmenu/help.gif
Deleted file not rendered
View
BIN admin/images/mainmenu/help.png
Deleted file not rendered
View
BIN admin/images/mainmenu/hover.gif
Deleted file not rendered
View
BIN admin/images/mainmenu/logo.gif
Deleted file not rendered
View
BIN admin/images/mainmenu/logo.png
Deleted file not rendered
View
BIN admin/images/mainmenu/top-bg.gif
Deleted file not rendered
View
BIN admin/images/textures/ToolBar.png
Deleted file not rendered
View
BIN admin/images/textures/bottom.png
Deleted file not rendered
View
BIN admin/images/textures/footerBg.gif
Deleted file not rendered
View
BIN admin/images/textures/obar-18.gif
Deleted file not rendered
View
BIN admin/images/textures/obar-light.png
Diff not rendered.
View
BIN admin/images/textures/obar.gif
Diff not rendered.
View
BIN admin/images/textures/seperator.png
Diff not rendered.
View
2 admin/scss/_forms.scss
@@ -64,7 +64,7 @@ form.nostyle {
.field.text input, textarea {
@include border-radius(4px);
background: #fff;
- @include linear-gradient(color-stops(
+ @include background-image(linear-gradient(
#efefef,
#fff 10%,
#fff 90%,
View
44 admin/scss/_icons.scss
@@ -0,0 +1,44 @@
+/**
+ * Icon styles.
+ *
+ * @todo Automatic sprite generation and ensure that developers
+ * can define icons for their own admin interfaces
+ *
+ * @package sapphire
+ * @subpackage admin
+ */
+
+.icon {
+ background-repeat: none;
+
+ &.icon-24 {
+ width: 24px;
+ height: 24px;
+
+ &.icon-assetadmin {
+ background-image: url(../images/icons/24x24/picture.png);
+ }
+ &.icon-cmsmain {
+ background-image: url(../images/icons/24x24/pencil.png);
+ }
+ &.icon-cmspagescontroller {
+ background-image: url(../images/icons/24x24/network.png);
+ }
+ &.icon-cmssettingscontroller {
+ background-image: url(../images/icons/24x24/gears.png);
+ }
+ &.icon-securityadmin {
+ background-image: url(../images/icons/24x24/community.png);
+ }
+ &.icon-reportadmin {
+ background-image: url(../images/icons/24x24/pie-chart.png);
+ }
+ &.icon-commentadmin {
+ background-image: url(../images/icons/24x24/blog.png);
+ }
+ &.icon-help {
+ background-image: url(../images/icons/24x24/information.png);
+ }
+ }
+}
+
View
55 admin/scss/_menu.scss
@@ -7,32 +7,41 @@
/** -------------------------------------------------------
* CMS Menu Bar
* -------------------------------------------------------- */
-@import "compass/css3";
-
.cms-menu {
z-index: 10;
background: $color-menu-background;
border-right: 1px solid $color-menu-border;
- width: 250px;
+ width: 207px; /* 8x24 - 1 */
overflow: auto;
- @include box-shadow($color-shadow-dark, 2px, 0, 6px);
+ @include box-shadow($color-shadow-dark 2px 0 6px);
a {
text-decoration: none;
}
.cms-panel-content {
- width: 250px; // avoids floating of elements when collapsed
+ width: 207px; /* 8x24 - 1 */
+ overflow: hidden
}
- // toggled via JS
&.collapsed {
-
width: 40px;
cursor: auto;
+ z-index: 1000;
+
+ .cms-header {
+ width: 30px;
+
+ span {
+ display: none;
+ }
+ }
.cms-menu-list {
+ overflow-x: hidden;
+ overflow-y: auto;
+
li span.text {
display: none;
}
@@ -53,19 +62,18 @@
a {
display: block;
- height: 30px;
- line-height: 30px;
- vertical-align: middle;
+ height: 24px;
+ line-height: 24px;
font-size: $font-base-size;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-shadow: lighten($color-base, 5%) 1px 1px 0;
color: $color-text-dark;
- padding: 5px 5px 5px 12px; //left aligning with SS logo at top
+ padding: 7px 5px 7px 8px;
background-color: $color-base;
- @include linear-gradient(color-stops(
+ @include background-image(linear-gradient(
$color-base,
darken($color-base, 12%)
));
@@ -79,7 +87,7 @@
border-bottom: 1px solid darken($color-base, 15%);
color: lighten($color-text-dark, 5%);
- @include linear-gradient(color-stops(
+ @include background-image(linear-gradient(
lighten($color-base, 5%),
$color-base
));
@@ -90,7 +98,7 @@
background-color: darken($color-base, 5%);
color: lighten($color-text-dark, 10%);
- @include linear-gradient(color-stops(
+ @include background-image(linear-gradient(
darken($color-base, 10%),
darken($color-base, 5%)
));
@@ -99,9 +107,9 @@
.icon {
display: block;
float: left;
- margin-right: 4px;
- //@include sprite-background("icons-32.png");
- //@include sprite-position(1, 1);
+ margin-right: 8px;
+
+ @include opacity(0.7);
}
.text {
@@ -116,7 +124,7 @@
border-top: 1px solid lighten($color-menu-button, 10%);
border-bottom: 1px solid darken($color-menu-button, 20%);
background-color: $color-menu-button;
- @include linear-gradient(color-stops(
+ @include background-image(linear-gradient(
$color-menu-button,
darken($color-menu-button, 10%)
));
@@ -131,7 +139,7 @@
a {
font-size: $font-base-size - 1;
- padding: 0 10px 0 36px;
+ padding: 0 10px 0 40px;
height: 32px;
line-height: 32px;
color: lighten($color-menu-button, 45%);
@@ -165,15 +173,6 @@
}
}
}
-
- li#Menu-CMSMain a .icon {@include sprite-position(1, 1);}
- li#Menu-CMSMain.current a .icon, li#Menu-CMSMain a:hover .icon {@include sprite-position(2, 1);}
- li#Menu-AssetAdmin a .icon {@include sprite-position(1, 4);}
- li#Menu-AssetAdmin.current a .icon, li#Menu-AssetAdmin a:hover .icon {@include sprite-position(2, 4);}
- li#Menu-SecurityAdmin a .icon {@include sprite-position(1, 5);}
- li#Menu-SecurityAdmin.current a .icon, li#Menu-SecurityAdmin a:hover .icon {@include sprite-position(2, 5);}
- li#Menu-CMSPagesController a .icon {@include sprite-position(1, 2);}
- li#Menu-CMSPagesController.current a .icon, li#Menu-CMSPagesController a:hover .icon {@include sprite-position(2, 2);}
&.collapsed {
li .text {
View
66 admin/scss/_style.scss
@@ -40,6 +40,7 @@ body .ui-widget {
.cms-container {
height: 100%;
+ background: transparent url(../images/textures/bg_cms_main_content.png) repeat top left;
}
.cms-preview,
@@ -67,23 +68,17 @@ strong {
height: 32px;
border-bottom: 2px solid darken($color-widget-bg, 35%);
- @include linear-gradient(color-stops(
- darken($color-widget-bg, 5%),
- darken($color-widget-bg, 30%)
- ));
-
- border-bottom: 1px solid darken($color-widget-bg, 50%);
- padding: 10px;
- height: 32px;
-
+ @include background-image(
+ linear-gradient(darken($color-widget-bg, 10%), darken($color-widget-bg, 30%))
+ );
h2 {
float: left;
padding: 12px 0 0 8px;
font-size: $font-base-size;
font-weight: bold;
text-shadow: lighten($color-base, 10%) 1px 1px 0;
- width: 250px - (10px*2);
+ width: 230px;
}
& > div {
@@ -110,9 +105,8 @@ strong {
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
background-color: $color-tab;
- @include linear-gradient(color-stops(
- $color-tab,
- darken($color-tab, 10%)
+ @include background-image(
+ linear-gradient($color-tab, darken($color-tab, 10%)
));
border-color: darken($color-tab, 20%);
@@ -156,18 +150,16 @@ strong {
.cms-header {
background-color: darken($color-dark-bg, 10%);
position: relative;
- padding: 16px 8px 8px;
+ padding: 16px 8px 4px 4px;
line-height: 24px;
- @include linear-gradient(color-stops(
- darken($color-dark-bg, 10%),
- $color-dark-bg,
- darken($color-dark-bg, 10%)
+ @include background-image(
+ linear-gradient(darken($color-dark-bg, 10%), $color-dark-bg, darken($color-dark-bg, 10%)
));
span {
color: $color-text-light;
- white-space: no-wrap;
+ white-space: nowrap;
text-overflow: ellipsis;
display: block;
@@ -182,7 +174,7 @@ strong {
border-bottom: 1px solid darken($color-dark-separator, 20%);
height: 31px;
overflow: hidden;
- padding: 0 4px;
+ padding: 0 0 0 4px;
vertical-align: middle;
.version {
@@ -191,12 +183,14 @@ strong {
a {
display: inline-block;
- height: $application-logo-small-ysize;
- width: $application-logo-small-xsize;
+ height: 24px;
+ width: 24px;
float: left;
- margin-right: 10px;
+ margin-right: 8px;
background: $application-logo-small no-repeat;
text-indent: -9999em;
+ padding-right: 7px;
+ border-right: 1px solid $color-dark-separator;
}
}
@@ -213,7 +207,7 @@ strong {
height: 16px;
width: 16px;
float: left;
- margin: 0 15px 0 5px;
+ margin: 0 8px 0 3px;
background: url(../images/logout.png) no-repeat;
text-indent: -9999em;
}
@@ -484,15 +478,13 @@ form.member-profile-form {
.cms-content-fields {
overflow: auto;
- background: transparent url(../images/textures/bg_cms_main_content.png) repeat top left;
}
/** --------------------------------------------
* Panels
* -------------------------------------------- */
.cms-panel {
-
overflow: hidden;
.toggle-expand,
@@ -501,10 +493,10 @@ form.member-profile-form {
position: absolute;
bottom: 0;
text-align: right;
- @include linear-gradient(color-stops(
- darken($color-widget-bg, 20%),
- darken($color-widget-bg, 30%)
- ));
+ @include background-image(
+ linear-gradient(darken($color-widget-bg, 20%), darken($color-widget-bg, 30%))
+ );
+
text-decoration: none;
span {
@@ -531,7 +523,6 @@ form.member-profile-form {
.cms-panel-header {
@include rotate(-90deg);
- // TODO How to reflow container to correct height?
position: relative;
top: 100px;
}
@@ -546,25 +537,28 @@ form.member-profile-form {
/** --------------------------------------------
* Other
* -------------------------------------------- */
-
.cms-preview {
- background-color: $color-base;
.cms-preview-toggle {
cursor: pointer;
a {
display: block;
- width: 15px;
- height: 15px;
+ padding: 2px 12px 2px 6px;
+ height: 16px;
position: relative;
- left: 10px; // point right (width of toggle)
top: 48%;
background-color: $color-base;
color: $color-text-light;
font-weight: bold;
text-decoration: none;
z-index: 2000;
+ line-height: 16px;
+
+ @include border-bottom-right-radius(4px);
+ @include border-top-right-radius(4px);
+
+ @include box-shadow(0 0 10px rgba(180, 180,180,0.4));
}
}
View
8 admin/scss/_uitheme.scss
@@ -13,6 +13,7 @@
.cms {
.ui-tabs {
padding: 0;
+ background: transparent url(../images/textures/bg_cms_main_content.png) repeat top left;
.ui-widget-header {
border: 0;
@@ -37,13 +38,14 @@
}
}
- .ui-widget-content,
- .ui-tabs .ui-tabs-panel {
+ .ui-widget-content {
color: $color-text;
font-size: $font-base-size;
border: 0;
}
-
+ .ui-tabs-panel {
+ background: transparent; // default it's weight
+ }
.ui-widget-header {
background: $color-widget-bg;
border: 0;
View
1 admin/scss/screen.scss
@@ -26,6 +26,7 @@
@import "tree.scss";
@import "menu.scss";
@import "forms.scss";
+@import "icons.scss";
@import "uitheme.scss";
@import "style.scss";
View
6 admin/scss/themes/_default.scss
@@ -57,8 +57,6 @@ $font-base-size: 13px;
$font-base-lineheight: 16px;
/** -----------------------------------------------
- * Application Logo (CMS Logo)
+ * Application Logo (CMS Logo) Must be 24px x 24px
* ------------------------------------------------ */
-$application-logo-small: image-url("logo_small.png");
-$application-logo-small-ysize: 25px;
-$application-logo-small-xsize: 25px;
+$application-logo-small: image-url("logo_small.png");
View
39 admin/templates/Includes/LeftAndMain_Menu.ss
@@ -1,5 +1,4 @@
-<div class="cms-menu cms-panel west">
-
+<div class="cms-menu cms-panel west">
<div class="cms-panel-content">
<div class="cms-header">
@@ -9,6 +8,7 @@
</a>
<span>$SiteConfig.Title</span>
</div>
+
<div class="cms-login-status">
<a href="Security/logout" class="logout-link" title="<% _t('LOGOUT','Log out') %>"><% _t('LOGOUT','Log out') %></a>
<% control CurrentMember %>
@@ -26,29 +26,30 @@
<% control MainMenu %>
<li class="$LinkingMode $FirstLast <% if LinkingMode == 'current' %>opened<% end_if %>" id="Menu-$Code">
<a href="$Link">
- <span class="icon">&nbsp;</span>
+ <span class="icon icon-24 icon-{$Code.LowerCase}">&nbsp;</span>
<span class="text">$Title</span>
</a>
+
<% if Code == 'CMSMain' %>
- <ul>
- <li class="first <% if Top.class == 'CMSPageEditController' || Top.class == 'CMSMain' %>current<% end_if %>" id="Menu-CMSPageEditController"><a href="admin/page/edit/show/$Top.CurrentPageID">
- <span class="text">Content</span>
- </a></li>
- <li <% if Top.class == 'CMSPageSettingsController' %>class="current"<% end_if %> id="Menu-CMSPageSettingsController"><a href="admin/page/settings/show/$Top.CurrentPageID">
- <span class="text">Settings</span>
- </a></li>
- <li <% if Top.class == 'CMSPageReportsController' %>class="current"<% end_if %> id="Menu-CMSPageReportsController"><a href="admin/page/reports/show/$Top.CurrentPageID">
- <span class="text">Reports</span>
- </a></li>
- <li <% if Top.class == 'CMSPageHistoryController' %>class="current"<% end_if %> id="Menu-CMSPageHistoryController"><a href="admin/page/history/show/$Top.CurrentPageID">
- <span class="text">History</span>
- </a></li>
- </ul>
+ <% if LinkingMode == 'current' %>
+ <ul>
+ <li class="first <% if Top.class == 'CMSPageEditController' || Top.class == 'CMSMain' %>current<% end_if %>" id="Menu-CMSPageEditController"><a href="admin/page/edit/show/$Top.CurrentPageID">
+ <span class="text">Content</span>
+ </a></li>
+ <li <% if Top.class == 'CMSPageSettingsController' %>class="current"<% end_if %> id="Menu-CMSPageSettingsController"><a href="admin/page/settings/show/$Top.CurrentPageID">
+ <span class="text">Settings</span>
+ </a></li>
+ <li <% if Top.class == 'CMSPageReportsController' %>class="current"<% end_if %> id="Menu-CMSPageReportsController"><a href="admin/page/reports/show/$Top.CurrentPageID">
+ <span class="text">Reports</span>
+ </a></li>
+ <li <% if Top.class == 'CMSPageHistoryController' %>class="current"<% end_if %> id="Menu-CMSPageHistoryController"><a href="admin/page/history/show/$Top.CurrentPageID">
+ <span class="text">History</span>
+ </a></li>
+ </ul>
+ <% end_if %>
<% end_if %>
</li>
<% end_control %>
</ul>
-
</div>
-
</div>

0 comments on commit 1827c18

Please sign in to comment.