From 99a68dde75908c24e738bb61f931309e6f8c66d7 Mon Sep 17 00:00:00 2001 From: Ingo Schommer Date: Fri, 15 Apr 2011 11:27:23 +1200 Subject: [PATCH] ENHANCEMENT Started styles for new CMS --- admin/config.rb | 2 +- admin/css/screen.css | 398 ++++++++++++++++++++----- admin/images/icons-32.png | Bin 0 -> 27430 bytes admin/images/logo_small.png | Bin 0 -> 955 bytes admin/images/logout.gif | Bin 1028 -> 0 bytes admin/images/logout.png | Bin 0 -> 935 bytes admin/scss/_forms.scss | 31 ++ admin/scss/_layout.scss | 65 ++++ admin/scss/_menu.scss | 76 +++++ admin/scss/_style.scss | 156 ++++++++++ admin/scss/_tree.scss | 18 +- admin/scss/_uitheme.scss | 34 +++ admin/scss/screen.scss | 183 ++---------- admin/templates/Includes/CMSTopMenu.ss | 2 +- 14 files changed, 722 insertions(+), 243 deletions(-) create mode 100644 admin/images/icons-32.png create mode 100644 admin/images/logo_small.png delete mode 100644 admin/images/logout.gif create mode 100644 admin/images/logout.png create mode 100644 admin/scss/_layout.scss create mode 100644 admin/scss/_menu.scss create mode 100644 admin/scss/_style.scss create mode 100644 admin/scss/_uitheme.scss diff --git a/admin/config.rb b/admin/config.rb index d84164e38..044f3d307 100644 --- a/admin/config.rb +++ b/admin/config.rb @@ -10,4 +10,4 @@ images_dir = "images" javascripts_dir = "javascript" output_style = :compact # To enable relative paths to assets via compass helper functions. Uncomment: -# relative_assets = true +relative_assets = true \ No newline at end of file diff --git a/admin/css/screen.css b/admin/css/screen.css index 5ccfdf524..67cb3ad6a 100644 --- a/admin/css/screen.css +++ b/admin/css/screen.css @@ -1,3 +1,4 @@ +@charset "UTF-8"; /* line 14, ../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.10.6/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, 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; } @@ -21,42 +22,304 @@ q:before, q:after, blockquote:before, blockquote:after { content: ""; } /* line 27, ../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.10.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ a img { border: none; } -/* line 4, ../scss/_tree.scss */ -.jstree ul { display: block; margin: 0 0 0 0; padding: 0 0 0 0; list-style-type: none; } -/* line 9, ../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 20, ../scss/_tree.scss */ -.jstree ins { display: inline-block; text-decoration: none; width: 18px; height: 18px; margin: 0 0 0 0; padding: 0; } -/* line 27, ../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 36, ../scss/_tree.scss */ -.jstree a:focus { outline: none; } -/* line 39, ../scss/_tree.scss */ -.jstree a > ins { height: 16px; width: 16px; } -/* line 42, ../scss/_tree.scss */ -.jstree a > .jstree-icon { margin-right: 3px; } -/* line 45, ../scss/_tree.scss */ -.jstree li.jstree-open > ul { display: block; } -/* line 47, ../scss/_tree.scss */ -.jstree li.jstree-closed > ul { display: none; } -/* line 49, ../scss/_tree.scss */ -.jstree li.disabled a { color: #aaaaaa; } - -/* line 53, ../scss/_tree.scss */ -.jstree-rtl a > .jstree-icon { margin-left: 3px; margin-right: 0; } -/* line 56, ../scss/_tree.scss */ -.jstree-rtl li { margin-left: 0; margin-right: 18px; } - -/* line 60, ../scss/_tree.scss */ -.jstree-rtl > ul > li { margin-right: 0px; } - -/* line 63, ../scss/_tree.scss */ -.jstree > ul > li { margin-left: 0px; } - -/* line 6, ../scss/screen.scss */ +/** This file defines the structural layout of the CMS interface. Ideally, you should be able to lay out the base elements of the CMS with only this file. Please put any presentational definitions (color, fonts, backgrounds, paddings) into _style.scss or _uitheme.scss instead. */ +/* line 9, ../scss/_layout.scss */ html, body { width: 100%; height: 100%; padding: 0; margin: 0; overflow: hidden; } -/* line 14, ../scss/screen.scss */ +/* line 17, ../scss/_layout.scss */ +.cms-container { height: 100%; } + +/* line 21, ../scss/_layout.scss */ +.cms-menu { width: 250px; overflow: auto; } + +/* line 25, ../scss/_layout.scss */ +.cms-menu, .cms-content, .cms-content-header, .cms-content-tools, .cms-content-form { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; } +/* line 7, ../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.10.6/frameworks/compass/stylesheets/compass/css3/_inline-block.scss */ +.cms-menu, .cms-content, .cms-content-header, .cms-content-tools, .cms-content-form { *display: inline; } + +/* line 29, ../scss/_layout.scss */ +.cms-content-tools { width: 250px; overflow: auto; } + +/* line 34, ../scss/_layout.scss */ +.cms-content-form { overflow: auto; } + +/* line 38, ../scss/_layout.scss */ +.cms-content-header { height: 40px; overflow: hidden; } + +/* line 43, ../scss/_layout.scss */ +.cms-content-actions { padding: 10px; } + +/* line 47, ../scss/_layout.scss */ +.cms-logo { height: 30px; overflow: hidden; vertical-align: middle; } + +/* line 53, ../scss/_layout.scss */ +.cms-login-status { height: 30px; overflow: hidden; vertical-align: middle; } + +/** This file defines the jstree base styling (see http://jstree.com), as well as any customizations (see bottom of file). The styles are usually added through jstree.js on DOM load, but we need it earlier in order to correctly display the uninitialized tree. */ +/* line 10, ../scss/_tree.scss */ +.jstree ul { display: block; margin: 0 0 0 0; padding: 0 0 0 0; list-style-type: none; } +/* line 16, ../scss/_tree.scss */ +.jstree li { display: block; margin: 0 0 0 0; padding: 0 0 0 0; list-style-type: none; display: block; min-height: 18px; line-height: 18px; white-space: nowrap; margin-left: 18px; min-width: 18px; } +/* line 28, ../scss/_tree.scss */ +.jstree ins { display: inline-block; text-decoration: none; width: 18px; height: 18px; margin: 0 0 0 0; padding: 0; } +/* line 36, ../scss/_tree.scss */ +.jstree a { display: inline-block; line-height: 16px; height: 16px; color: black; white-space: nowrap; text-decoration: none; padding: 1px 2px; margin: 0; } +/* line 45, ../scss/_tree.scss */ +.jstree a:focus { outline: none; } +/* line 49, ../scss/_tree.scss */ +.jstree a > ins { height: 16px; width: 16px; } +/* line 53, ../scss/_tree.scss */ +.jstree a > .jstree-icon { margin-right: 3px; } +/* line 61, ../scss/_tree.scss */ +.jstree li.jstree-open > ul { display: block; } +/* line 64, ../scss/_tree.scss */ +.jstree li.jstree-closed > ul { display: none; } +/* line 69, ../scss/_tree.scss */ +.jstree li.disabled a { color: #aaaaaa; } + +/* line 76, ../scss/_tree.scss */ +.jstree-rtl a > .jstree-icon { margin-left: 3px; margin-right: 0; } +/* line 80, ../scss/_tree.scss */ +.jstree-rtl li { margin-left: 0; margin-right: 18px; } + +/* line 87, ../scss/_tree.scss */ +.jstree-rtl > ul > li { margin-right: 0px; } + +/* line 91, ../scss/_tree.scss */ +.jstree > ul > li { margin-left: 0px; } + +/* line 95, ../scss/_tree.scss */ +#vakata-dragged { display: block; margin: 0 0 0 0; padding: 4px 4px 4px 24px; position: absolute; top: -2000px; line-height: 16px; z-index: 10000; } + +/* line 104, ../scss/_tree.scss */ +#vakata-contextmenu { display: block; visibility: hidden; left: 0; top: -200px; position: absolute; margin: 0; padding: 0; min-width: 180px; background: #ebebeb; border: 1px solid silver; z-index: 10000; *width: 180px; } + +/* line 117, ../scss/_tree.scss */ +#vakata-contextmenu ul { min-width: 180px; *width: 180px; } + +/* line 120, ../scss/_tree.scss */ +#vakata-contextmenu ul, #vakata-contextmenu li { margin: 0; padding: 0; list-style-type: none; display: block; } + +/* line 126, ../scss/_tree.scss */ +#vakata-contextmenu li { line-height: 20px; min-height: 20px; position: relative; padding: 0px; } + +/* line 132, ../scss/_tree.scss */ +#vakata-contextmenu li a { padding: 1px 6px; line-height: 17px; display: block; text-decoration: none; margin: 1px 1px 0 1px; } + +/* line 139, ../scss/_tree.scss */ +#vakata-contextmenu li ins { float: left; width: 16px; height: 16px; text-decoration: none; margin-right: 2px; } + +/* line 146, ../scss/_tree.scss */ +#vakata-contextmenu li a:hover, #vakata-contextmenu li.vakata-hover > a { background: gray; color: white; } + +/* line 150, ../scss/_tree.scss */ +#vakata-contextmenu li ul { display: none; position: absolute; top: -2px; left: 100%; background: #ebebeb; border: 1px solid gray; } + +/* line 158, ../scss/_tree.scss */ +#vakata-contextmenu .right { right: 100%; left: auto; } + +/* line 162, ../scss/_tree.scss */ +#vakata-contextmenu .bottom { bottom: -1px; top: auto; } + +/* line 166, ../scss/_tree.scss */ +#vakata-contextmenu li.vakata-separator { min-height: 0; height: 1px; line-height: 1px; font-size: 1px; overflow: hidden; margin: 0 2px; background: silver; /* border-top:1px solid #fefefe; */ padding: 0; } + +/* line 176, ../scss/_tree.scss */ +.jstree ul, .jstree li { display: block; margin: 0 0 0 0; padding: 0 0 0 0; list-style-type: none; } + +/* line 182, ../scss/_tree.scss */ +.jstree li { display: block; min-height: 18px; line-height: 18px; white-space: nowrap; margin-left: 18px; min-width: 18px; } + +/* line 190, ../scss/_tree.scss */ +.jstree-rtl li { margin-left: 0; margin-right: 18px; } + +/* line 194, ../scss/_tree.scss */ +.jstree > ul > li { margin-left: 0px; } + +/* line 197, ../scss/_tree.scss */ +.jstree-rtl > ul > li { margin-right: 0px; } + +/* line 200, ../scss/_tree.scss */ +.jstree ins { display: inline-block; text-decoration: none; width: 18px; height: 18px; margin: 0 0 0 0; padding: 0; } + +/* line 208, ../scss/_tree.scss */ +.jstree a { display: inline-block; line-height: 16px; height: 16px; color: black; white-space: nowrap; text-decoration: none; padding: 1px 2px; margin: 0; } + +/* line 218, ../scss/_tree.scss */ +.jstree a:focus { outline: none; } + +/* line 221, ../scss/_tree.scss */ +.jstree a > ins { height: 16px; width: 16px; } + +/* line 225, ../scss/_tree.scss */ +.jstree a > .jstree-icon { margin-right: 3px; } + +/* line 228, ../scss/_tree.scss */ +.jstree-rtl a > .jstree-icon { margin-left: 3px; margin-right: 0; } + +/* line 232, ../scss/_tree.scss */ +li.jstree-open > ul { display: block; } + +/* line 235, ../scss/_tree.scss */ +li.jstree-closed > ul { display: none; } + +/* line 238, ../scss/_tree.scss */ +#vakata-dragged ins { display: block; text-decoration: none; width: 16px; height: 16px; margin: 0 0 0 0; padding: 0; position: absolute; top: 4px; left: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; } + +/* line 252, ../scss/_tree.scss */ +#vakata-dragged .jstree-ok { background: green; } + +/* line 255, ../scss/_tree.scss */ +#vakata-dragged .jstree-invalid { background: red; } + +/* line 258, ../scss/_tree.scss */ +#jstree-marker { padding: 0; margin: 0; font-size: 12px; overflow: hidden; height: 12px; width: 8px; position: absolute; top: -30px; z-index: 10001; background-repeat: no-repeat; display: none; background-color: transparent; text-shadow: 1px 1px 1px white; color: black; line-height: 10px; } + +/* line 275, ../scss/_tree.scss */ +#jstree-marker-line { padding: 0; margin: 0; line-height: 0%; font-size: 1px; overflow: hidden; height: 1px; width: 100px; position: absolute; top: -30px; z-index: 10000; background-repeat: no-repeat; display: none; background-color: #456c43; cursor: pointer; border: 1px solid #eeeeee; border-left: 0; -moz-box-shadow: 0px 0px 2px #666; -webkit-box-shadow: 0px 0px 2px #666; box-shadow: 0px 0px 2px #666; -moz-border-radius: 1px; border-radius: 1px; -webkit-border-radius: 1px; } + +/* line 299, ../scss/_tree.scss */ +.jstree .jstree-real-checkbox { display: none; } + +/* line 302, ../scss/_tree.scss */ +.jstree-themeroller .ui-icon { overflow: visible; } + +/* line 305, ../scss/_tree.scss */ +.jstree-themeroller a { padding: 0 2px; } + +/* line 308, ../scss/_tree.scss */ +.jstree-themeroller .jstree-no-icon { display: none; } + +/* line 311, ../scss/_tree.scss */ +.jstree .jstree-wholerow-real { position: relative; z-index: 1; } + +/* line 315, ../scss/_tree.scss */ +.jstree .jstree-wholerow-real li { cursor: pointer; } + +/* line 318, ../scss/_tree.scss */ +.jstree .jstree-wholerow-real a { border-left-color: transparent !important; border-right-color: transparent !important; } + +/* line 322, ../scss/_tree.scss */ +.jstree .jstree-wholerow { position: relative; z-index: 0; height: 0; } + +/* line 327, ../scss/_tree.scss */ +.jstree .jstree-wholerow ul, .jstree .jstree-wholerow li { width: 100%; } + +/* line 330, ../scss/_tree.scss */ +.jstree .jstree-wholerow, .jstree .jstree-wholerow ul, .jstree .jstree-wholerow li, .jstree .jstree-wholerow a { margin: 0 !important; padding: 0 !important; } + +/* line 334, ../scss/_tree.scss */ +.jstree .jstree-wholerow, .jstree .jstree-wholerow ul, .jstree .jstree-wholerow li { background: transparent !important; } + +/* line 337, ../scss/_tree.scss */ +.jstree .jstree-wholerow ins, .jstree .jstree-wholerow span, .jstree .jstree-wholerow input { display: none !important; } + +/* line 340, ../scss/_tree.scss */ +.jstree .jstree-wholerow a, .jstree .jstree-wholerow a:hover { text-indent: -9999px !important; width: 100%; padding: 0 !important; border-right-width: 0px !important; border-left-width: 0px !important; } + +/* line 347, ../scss/_tree.scss */ +.jstree .jstree-wholerow-span { position: absolute; left: 0; margin: 0px; padding: 0; height: 18px; border-width: 0; padding: 0; z-index: 0; } + +/* line 1, ../scss/_menu.scss */ +.cms-menu { z-index: 10; background-color: #b0bfc6; -moz-box-shadow: #aaaaaa 3px 0 3px 0; -webkit-box-shadow: #aaaaaa 3px 0 3px 0; -o-box-shadow: #aaaaaa 3px 0 3px 0; box-shadow: #aaaaaa 3px 0 3px 0; } +/* line 6, ../scss/_menu.scss */ +.cms-menu a { text-decoration: none; } + +/* line 12, ../scss/_menu.scss */ +.cms-menu-list li { background-color: #afbdc6; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #afbdc6), color-stop(100%, #8ea4b2)); background-image: -moz-linear-gradient(top, #afbdc6 0%, #8ea4b2 100%); background-image: linear-gradient(top, #afbdc6 0%, #8ea4b2 100%); border-bottom: 1px solid #aaa; } +/* line 17, ../scss/_menu.scss */ +.cms-menu-list li a { display: block; height: 32px; vertical-align: middle; font-size: 14px; text-shadow: #dddddd 1px 1px 1px; color: #333; margin: 5px; } +/* line 26, ../scss/_menu.scss */ +.cms-menu-list li a .icon { display: block; float: left; margin-right: 5px; background: url('../images/icons-32.png?1302929241') no-repeat; width: 32px; height: 32px; overflow: hidden; background-position: 0px 0px; } +/* line 34, ../scss/_menu.scss */ +.cms-menu-list li a .text { display: block; padding-top: 10px; } +/* line 40, ../scss/_menu.scss */ +.cms-menu-list li.current { background-color: #338dc1; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #338dc1), color-stop(100%, #338dc1)); background-image: -moz-linear-gradient(top, #338dc1 0%, #338dc1 100%); background-image: linear-gradient(top, #338dc1 0%, #338dc1 100%); -moz-box-shadow: #333333 0 4px 4px 0; -webkit-box-shadow: #333333 0 4px 4px 0; -o-box-shadow: #333333 0 4px 4px 0; box-shadow: #333333 0 4px 4px 0; } +/* line 45, ../scss/_menu.scss */ +.cms-menu-list li.current a { color: white; text-shadow: #333333 1px 1px 1px; } +/* line 52, ../scss/_menu.scss */ +.cms-menu-list li li { background-color: #1d76ae; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #1d76ae), color-stop(100%, #1d76ae)); background-image: -moz-linear-gradient(top, #1d76ae 0%, #1d76ae 100%); background-image: linear-gradient(top, #1d76ae 0%, #1d76ae 100%); } +/* line 56, ../scss/_menu.scss */ +.cms-menu-list li li a { font-size: 12px; text-shadow: #333333 1px 1px 1px; margin: 0; padding-left: 30px; color: white; } +/* line 64, ../scss/_menu.scss */ +.cms-menu-list li li.current a { font-weight: bold; } +/* line 71, ../scss/_menu.scss */ +.cms-menu-list li#Menu-CMSMain a .icon { background-position: 0px 0px; } +/* line 72, ../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 73, ../scss/_menu.scss */ +.cms-menu-list li#Menu-AssetAdmin a .icon { background-position: 0px -32px; } +/* line 74, ../scss/_menu.scss */ +.cms-menu-list li#Menu-AssetAdmin.current a .icon, .cms-menu-list li#Menu-AssetAdmin a:hover .icon { background-position: -32px -32px; } + +/* line 3, ../scss/_forms.scss */ +.cms input, .cms textarea { background-color: #f9f9f9; } +/* line 7, ../scss/_forms.scss */ +.cms input.loading { padding-left: 16px; background: white url(../../images/network-save.gif) no-repeat center left; } +/* line 12, ../scss/_forms.scss */ +.cms .edit-form { padding-bottom: 20px; } +/* line 17, ../scss/_forms.scss */ +.cms .edit-form > fieldset > .ss-tabset > ul { display: none; } +/* line 22, ../scss/_forms.scss */ +.cms .edit-form .Actions { text-align: right; } + +/* line 12, ../scss/_menu.scss */ +.cms-menu-list li { background-color: #afbdc6; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #afbdc6), color-stop(100%, #8ea4b2)); background-image: -moz-linear-gradient(top, #afbdc6 0%, #8ea4b2 100%); background-image: linear-gradient(top, #afbdc6 0%, #8ea4b2 100%); border-bottom: 1px solid #aaa; } +/* line 17, ../scss/_menu.scss */ +.cms-menu-list li a { display: block; height: 32px; vertical-align: middle; font-size: 14px; text-shadow: #dddddd 1px 1px 1px; color: #333; margin: 5px; } +/* line 26, ../scss/_menu.scss */ +.cms-menu-list li a .icon { display: block; float: left; margin-right: 5px; background: url('../images/icons-32.png?1302933372') no-repeat; width: 32px; height: 32px; overflow: hidden; background-position: 0px 0px; } +/* line 34, ../scss/_menu.scss */ +.cms-menu-list li a .text { display: block; padding-top: 10px; } +/* line 40, ../scss/_menu.scss */ +.cms-menu-list li.current { background-color: #338dc1; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #338dc1), color-stop(100%, #338dc1)); background-image: -moz-linear-gradient(top, #338dc1 0%, #338dc1 100%); background-image: linear-gradient(top, #338dc1 0%, #338dc1 100%); -moz-box-shadow: #333333 0 4px 4px 0; -webkit-box-shadow: #333333 0 4px 4px 0; -o-box-shadow: #333333 0 4px 4px 0; box-shadow: #333333 0 4px 4px 0; } +/* line 45, ../scss/_menu.scss */ +.cms-menu-list li.current a { color: white; text-shadow: #333333 1px 1px 1px; } +/* line 52, ../scss/_menu.scss */ +.cms-menu-list li li { background-color: #1d76ae; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #1d76ae), color-stop(100%, #1d76ae)); background-image: -moz-linear-gradient(top, #1d76ae 0%, #1d76ae 100%); background-image: linear-gradient(top, #1d76ae 0%, #1d76ae 100%); } +/* line 56, ../scss/_menu.scss */ +.cms-menu-list li li a { font-size: 12px; text-shadow: #333333 1px 1px 1px; margin: 0; padding-left: 30px; color: white; } +/* line 64, ../scss/_menu.scss */ +.cms-menu-list li li.current a { font-weight: bold; } +/* line 71, ../scss/_menu.scss */ +.cms-menu-list li#Menu-CMSMain a .icon { background-position: 0px 0px; } +/* line 72, ../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 73, ../scss/_menu.scss */ +.cms-menu-list li#Menu-AssetAdmin a .icon { background-position: 0px -32px; } +/* line 74, ../scss/_menu.scss */ +.cms-menu-list li#Menu-AssetAdmin.current a .icon, .cms-menu-list li#Menu-AssetAdmin a:hover .icon { background-position: -32px -32px; } + +/** This file defines common styles for form elements used throughout the CMS interface. It is an addition to the base styles defined in sapphire/css/Form.css. */ +/* line 9, ../scss/_forms.scss */ +.cms input, .cms textarea { background-color: #f9f9f9; } +/* line 13, ../scss/_forms.scss */ +.cms input.loading { padding-left: 16px; background: white url(../../images/network-save.gif) no-repeat center left; } +/* line 20, ../scss/_forms.scss */ +.cms .ui-state-default.ss-ui-action-constructive { background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #77b53f), color-stop(100%, #0c8a44)); background-image: -moz-linear-gradient(top, #77b53f 0%, #0c8a44 100%); background-image: linear-gradient(top, #77b53f 0%, #0c8a44 100%); color: white; } +/* line 25, ../scss/_forms.scss */ +.cms .ui-state-default.ss-ui-action-destructive { color: red; } +/* line 29, ../scss/_forms.scss */ +.cms .edit-form { padding-bottom: 20px; } +/* line 33, ../scss/_forms.scss */ +.cms .edit-form > fieldset > .ss-tabset > ul { display: none; } +/* line 38, ../scss/_forms.scss */ +.cms .edit-form .Actions { text-align: right; } + +/** 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. */ +/* line 13, ../scss/_uitheme.scss */ +.cms .ui-widget-content { background-color: #eef2f3; } +/* line 17, ../scss/_uitheme.scss */ +.cms .ui-tabs { padding: 0; } +/* line 21, ../scss/_uitheme.scss */ +.cms .ui-widget-content { border: 0; background-color: #eef2f3; } +/* line 26, ../scss/_uitheme.scss */ +.cms .cms-content-header .ui-widget-content { background: none; } +/* line 30, ../scss/_uitheme.scss */ +.cms .ui-widget-header { background: none; border: 0; } + +/** This file defines the 'theme' of the CMS: Colors, fonts, backgrounds, and detailed alignments. Together with _layout.css it provides the presentational backbone to the CMS. Ideally a developer should be able to exchange this file with his own theme easily. Please don't put any dimension, display or float information on major structural components like '.cms-container' or '.cms-header' in here, use the _layout.scss file instead. Use SCSS variable definitions in screen.css to avoid repeating styles like background colours or padding dimensions. To avoid this file getting too large and complicated, it is encouraged to create new SCSS files for larger components like the CMS menu or tree (see _tree.scss and _menu.scss). */ +/* line 18, ../scss/_style.scss */ body { font-size: 13px; font-family: Verdana, Arial, sans-serif; } /* line 14, ../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.10.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ body html, body body, body div, body span, body applet, body object, body iframe, body h1, body h2, body h3, body h4, body h5, body h6, body p, body blockquote, body pre, body a, body abbr, body acronym, body address, body big, body cite, body code, body del, body dfn, body em, body font, body img, body ins, body kbd, body q, body s, body samp, body small, body strike, body strong, body sub, body sup, body tt, body var, body dl, body dt, body dd, body ol, body ul, body li, body fieldset, body form, body label, body legend, body table, body caption, body tbody, body tfoot, body thead, body tr, body th, body td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } @@ -75,62 +338,45 @@ body q:before, body q:after, body blockquote:before, body blockquote:after { con /* line 27, ../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.10.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ body a img { border: none; } -/* line 20, ../scss/screen.scss */ +/* line 24, ../scss/_style.scss */ body * { font-size: 13px; } -/* line 24, ../scss/screen.scss */ +/* line 28, ../scss/_style.scss */ body .ui-widget { font-size: 1em; } -/* line 30, ../scss/screen.scss */ -.cms-container { height: 100%; } +/* line 32, ../scss/_style.scss */ +.cms-content-header { background-color: #a0b2be; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #abbbc4), color-stop(100%, #93a8b6)); background-image: -moz-linear-gradient(top, #abbbc4 0%, #93a8b6 100%); background-image: linear-gradient(top, #abbbc4 0%, #93a8b6 100%); } +/* line 36, ../scss/_style.scss */ +.cms-content-header h2 { float: left; padding: 10px; font-size: 14px; font-weight: bold; } +/* line 43, ../scss/_style.scss */ +.cms-content-header .cms-content-header-tabs { float: left; margin-top: 8px; } -/* line 34, ../scss/screen.scss */ -.cms-menu { width: 250px; overflow: auto; } - -/* line 42, ../scss/screen.scss */ -.center, .east, .west, .north, .south { display: inline-block; } - -/* line 46, ../scss/screen.scss */ -.cms-content-tools { width: 250px; overflow: auto; } - -/* line 51, ../scss/screen.scss */ -.cms-content-form { overflow: auto; } - -/* line 61, ../scss/screen.scss */ -.cms-menu { background-color: #b0bfc6; } - -/* line 65, ../scss/screen.scss */ -.cms-content-header { background-color: #a0b2be; } - -/* line 69, ../scss/screen.scss */ -.cms-content { background-color: #eef2f3; } - -/* line 73, ../scss/screen.scss */ +/* line 53, ../scss/_style.scss */ .cms-content-tools { background-color: #c6d7df; } -/* line 77, ../scss/screen.scss */ -.cms-logo { background-color: #002a43; } -/* line 80, ../scss/screen.scss */ +/* line 59, ../scss/_style.scss */ +.cms-header { padding: 10px; background-color: #002a43; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #002236), color-stop(50%, #003050), color-stop(100%, #002236)); background-image: -moz-linear-gradient(top, #002236 0%, #003050 50%, #002236 100%); background-image: linear-gradient(top, #002236 0%, #003050 50%, #002236 100%); } +/* line 64, ../scss/_style.scss */ +.cms-header * { color: white; } + +/* line 71, ../scss/_style.scss */ .cms-logo .version { display: none; } - -/* line 88, ../scss/screen.scss */ +/* line 75, ../scss/_style.scss */ .cms-logo * { color: #3ebae0; } -/* line 92, ../scss/screen.scss */ -.cms-logo a { display: block; height: 20px; } +/* line 79, ../scss/_style.scss */ +.cms-logo a { display: inline-block; height: 25px; width: 25px; float: left; margin-right: 10px; background: url(../images/logo_small.png) no-repeat; text-indent: -9999em; } -/* line 101, ../scss/screen.scss */ -.cms-menu li { display: block; height: 50px; background-color: #afbdc6; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #afbdc6), color-stop(100%, #8ea4b2)); background-image: -moz-linear-gradient(top, #afbdc6 0%, #8ea4b2 100%); background-image: linear-gradient(top, #afbdc6 0%, #8ea4b2 100%); } -/* line 107, ../scss/screen.scss */ -.cms-menu li.current { background-color: #409dc9; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #409dc9), color-stop(100%, #1f78b0)); background-image: -moz-linear-gradient(top, #409dc9 0%, #1f78b0 100%); background-image: linear-gradient(top, #409dc9 0%, #1f78b0 100%); } +/* line 92, ../scss/_style.scss */ +.cms-login-status .logout-link { display: inline-block; height: 25px; width: 25px; float: left; margin-right: 10px; background: url(../images/logout.png) no-repeat; text-indent: -9999em; } -/* line 117, ../scss/screen.scss */ +/* line 86, ../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 131, ../scss/screen.scss */ +/* line 100, ../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 137, ../scss/screen.scss */ +/* line 106, ../scss/_style.scss */ .ss-loading-screen p { width: 100%; text-align: center; position: absolute; bottom: 80px; } -/* line 143, ../scss/screen.scss */ +/* line 112, ../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; -moz-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1); -o-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1); } -/* line 161, ../scss/screen.scss */ +/* line 130, ../scss/_style.scss */ .ss-loading-screen .loading-animation { display: none; position: absolute; left: 49%; top: 75%; } diff --git a/admin/images/icons-32.png b/admin/images/icons-32.png new file mode 100644 index 0000000000000000000000000000000000000000..3b165537293db3e283b7a9672a9c92c86cd03b24 GIT binary patch literal 27430 zcmeI5X;@QN*Y^*|q*OprQKnFbqIC#XMj3*&iq;}lEyRIAQU_!RgUmyqI3Yu{4k&|B zsURf+Q5hs80VSj=g9;=-fFK9~LJ|Um07=ey!`t?Ln!NYN_kNxa&-uW`xekZT+Iz3{ zTmQB80n!c~bX&T_cnJUiOZV^l?l1soC@wVs9WBKtoZ04708keM?B0E7|L)xuhr+RE z0)kEhK#ba@qpg94yHKqT$dlqwj?fzpW=k~PQ%9r^Ee!)gm?z#T+j{VFK zTb|&nipN(!4}AE#Zx8>WHk520H}Ny_`%B07Z0sx9=>O1YtEf5ThswuebuCF#eRje` zY!nAr8vfB*oUHMADdX^?WdT76-=3FU1+pG3-etYvC-(Tk^;)}9Bj)0{opJgpCp=%r zOQWAfKh61AnWKGC?%MB`)Ae<^&?s!lvE}Mloj4CSF)rwE20JIm@eT)LW9lpPH#;{R zTbtl&v$X~1UVWr_Lz`>rKKonZu){8Stn^zfGwpzoGmU>3P&}>|lA8o2{txpG&gfmI zdRNUYo4O^R%hN9XLO(jPJQ}qxZ$$1>1vzlS-+K4#>KNXuU7aPxLZCt z8rHRKspxL0+;j5#UqY|jzy0}Ca>Vg{9;_ciW^1l!CVs^-EE|aS{P9yP-tcT+d#`X$ zw|beCp4k`1U*s&^cgSFm#;LpIhg>f^8E?0K7LHn1qGfV3{+r14=gAlRza#C6x9xGR z`ti43CvfB1uv@z;bbgiX0>3VM<1rLF_wHnQr>ErB)7+ez$$m%r(7l(&=B&0q1|!^k z5^lFg-Sl$1LyV29%^5dFjeBKpAO6J#-w;tQ6>ass-ITp4V+DQir>U_67bA~vx8o3k zaE{Ic+gi6(Fe9F(rQ3PtW}lUx-zOFPUVC%+r#TNFu}F5dxdAhi^?jP4JO0p~1t`k3%9#)s1K$5+^D{0t=GtWg2Lwl2uO+ z+Yl^j)l8$V#F>w5y4!Z=PP4<|D_aORYewJtA8tCt-hKEmYXj@_fmP4%{p3Fy)p@VY zEX4Go!?%)#qVG@NoG%kCE0>oao|_{c?n*jn%uLCi$JW)#_teFtrzrwpap=Bd5dffT zxbUF{GJIL?0Sv*_*%SN9k%;UMnM{e3yWiB&X z{Iv78%I}}XRXlmRD!ux+>$26{v6Y^;9ut2ly=1Vvn{>a+JFhGMUTce>g-G}$uFJmXz>T;sOz=T~v3=YohhSD@W-6ej zuAyUK;hOyC1-eT;^>*)l!9Q*-d@aSt73hZ+DLra2p^FbLmPQlPrpX+ISL!$QES}4=Uw|u0I8MbPw|72EE%kL|E(-gS|z@uJc0IQ z=%awu90{MF^hz*HEgikj@s&mQo{O^yju?2t6HrCNctTafQ-V2{hGb6ZcXJzN=LF~j z6lfQF{)Wm}2KM8C-{hSWE$FJEUS>v(Zyt35k(u-1iF7)&oo~AIihElo(><~|+hwAN zQ0-{7#rI zltvyQnqb6gyC6%zl0JraCT+VGxn)M!%Kevj{(13ObJZ7sZEvl3&4=E~>H+B9>`iEq z5yWbwLt<1+42!GfF3lDB0MIHgwuxs|L7NtT);Tq5;T+}cEs?0+Ypq61 zxCW4@W3^JaY$B(`mO6wp-{{@Iig;9s8-~W$;9q`Cg+hsBfBDZ);hc}Gho;uQi9}t_ zdqbMXe9a8>H+uuh2hEhX-fxdi(;A=__l|kCH0>-n=nl4AGk( zP1a|p|gD3P1eAzc5l!nD4)QRch4m1xVcB|ceYN`gE-bKUZsVoz5b;|BO zjfqBl(sWl~&2UQ0D~LFXpEsfJfO<#F;t_q+AqF{zmd6{Qu|~RwivzpsE35lB9eRZ= z>2?|k<>`z@hsJKw@J$4D&Jf~Tb=)_L)Nja%6+v0Eu?L8>3>y|5*VE%<V;*X}rcqH5J<%fm}hDw-oBkwvc@`_{v48%N1}V5#PS4&tR8B_i+MqHH78os+n7Gjohw3l43-ET zNuydNg;4~Pvvc*+bL^SQ>RBjvRLF%qpmF(WQlSK2hRuwOCxT|6gpc5?cf-}=e2LVm z2n?T%^SyeVj~LQZF=bNY3`M=)H9j|_JML8NMJR(0fqxWvI7jqm53U6-wGq?}(&|2$ zinb@;Sbl+Bq{W{T{hDlMnUP5W-@fY$k94ZU?S(?KbPGl@(1a}U5E_|L(TRz7>X)G% z{V6U?{~3I^wo1xzP>;|8w7bcm2UZ>=3xk9g3StcFKtk#^&frR@jd8L{QnvgmUab=> zKoA|`+Y0TR!u#{mW%FH6p!_{9XU@bT)bq@E`y_Ny7o(zSLDh1azDW8>Sl0M7ut354~Dk- z556)tz<@9wy$>&UluLxhv$M-0=vl&4rz8l+rX8!B4r^}( zTVJM|ELQ%`6uRzuHCO0&=$_H!4jO^dMSTW>g!ZPS@$op+GNp}B{1D6QT7bMPeBzSK z&&p}S8X|J0`)iIxo3jzaJy2)Jryv!c4e4xI4G@hZk&vh~KTt0qT7t)gP6Ugppw{>x zZow55`A*SzA2fMb1S91+=?9{C3t#{Mvl(2rKJcV0cXwiPGecHwWi z^S6y#Hd?WE4C}hoAlxfO7a8@^A$XVb3ICly8@x zQ&X#Z^u|e9ndr0|8UXFN_c(Wzw{FXESD^gdH~N3u_SYQ58h6$Mck^UTV_Q#vvi*!3 zn8@)&CkZO+DLY4b0MoBSn-(R512}#$8%2va&tR3(#LOf5z2R@Lqeu{i;02Ph7~p}v z2TPS@UY);YcPVd`^lmJ#DyZw(8E$BYcUU85q}2pUh+vEfHXvenClEQ3U5uG5o3I*1 zerg2Ul6Fw3>zUzv8t#Oz%5Wapb=wm)>k2SDA5$a9$U5 zD;-17Ju@zr%_f~74t3)inbZx+dxLUTXDH^~Qxn-+`1FKFENcU{_AD`=Z?zX#P?-4+ z8i{DPjXwCp597xN?y%@{9%+#tM7u^~`p(dvHJmMCP{?g*3m`W*+nowpR6oe|#O^jl}OQC>l@vt+#ymbA8#<0Iy(nwJ4Kq#|dXYxAmE9 zgvbqi!U`@FPAqEZHsG=R#mG61Iqw+hP8`(vN=3pZ&1+`a10$$m;U@|Te0$D*XY7lJ zgx7xj_RU%tzFT9X77l7E%AeU>mN2wgdbU4%a^cy{q=Q)GH5^YOFHYPJ)#ocm?l5MI49%d10PrcF;te z5=?N`N})?jD4Q-LBx53NsIk*SA1HzO^&AiqmtWLU(HbuVWnQ zP5LMzyi08V=L6H?c6%X(G%rDpAVDcjLi^Ga_W`=B5YD)uPbvXWp)sF6^4i4~OASt} zBEKx7wVRt{1*0S0PUsJ8l9&vnLB)l9A6&;!_BJtHGCzA-$cA*WSIck)CA3+>HSzqv z9aXHM=LlTI&pQTtk>lCz?dOE4j)T9Sb z-+g}dK!0IwrAuT-sUW48@>-h)@wJimqV^q@-G%X9PE!h*XcABF@REs)R_&bIUM(yR z%hL9DUR{D4#;x^40OMI5xN*+EGc_?K7SiyW8gBMrcMvJK^XG+a+L(BPb45{Rc5hWS z{QwxP-#t@RMwJCeBg3Q~=~Em8ZBq<9 z7+uwsa8SP@TU__~vvzAwuPx3wuUpD5{xs5E$Q#%JDMX>!co18Zz4bL6x>qk{k*H?8 zZh5<$4z-|>=|clJ)HRh-tUpv!Z!zFWNcecWpwKZ`ib2KE8*XFS?H8Jh297~)+Nt%I zSUw_VnVBFB|48sQCJ4HLlXGUV*TltWd}ECjGkhGuR^`mw<#)xF0E-jHD=zRZ5M~wD zurD{an+5NP!Llp4dvqo~25zHG^WMFmFD5afF}@pzUTW1>3gSoP;V zYF3@SJ|Cm_`%`yC*P|V0^uxGidY5}O-(3)Kcs|Q{zoF%hAhet4+Y3?Bp=8yNU$-*G z3Fv%w`dvrc-3=h4Y7lEKkhPwz<-VMtPH1RjX%d?+*#VgB; zl+z1Fpew2zHL(}h#<{3q3{wh49($8@1uhww_%>l;g z=-lNh@Oih^0zj`ildFQe!Oa$cJr#_yR8Cs|pPsg&cJkSU0cBk;Mq@GL?uzFKM{1(~ zfEgzzk^QS|1?}6ZTC_Hw6NG2q!9W`V-tJcsDTkN5@MditlNquSXIlybeRi-?FMG$& zNjXzl`puD??X~<@s+BZL?yjp& zeCWKYMyOLcX`mu=zR_4^23$z3#4QH%+}L`<6l{yOX;-E$pY%S_tuoh5WzSYxl#c*@ zn$tv0<#8r18lo=%?=!n`c^&~)=M}?H8K(98KZhy5eMMytZhu)m;-R)0;W9b-VWeS- z993PpCc_(1_7Xa1XWZ8v#orA{xvej;YtTOC@p*_6Xhkv)lW56&N;1DzVJcQ>JwfgI=)w$feF{H6r@EIHdp&EVj6%#5*w$ie%SYn69=NMn`U5_rBd$gL!o z6eT9I??|pB2^Ib~85L-!JiXA1>Tae$?G&yj#n>5!c_nHx#% z7J%>3aJ)s1aa0NUC+o_eNPw6r=F^gcxO0qLt=^Hb(os*F*CgG>Msmd70>Ke?c0%C$ ztkQcil9j&bS2JGpmz)*6F|=G_)UeZ%S>&I%nQ2416Asx^RI2@ULq%(=|94(U%%|T& zLfzUT&oWX4L0)t^c-t$f3L87Q$WHdLe9bgLCp4+e24~kT?kwq(P)lfu84f$U)4!^VhH>dP2A zbL4}cR9tu=LCOr1150Beht!HdVfw08m+I!yfXYmMujtpbw6qUR(o#xP8`3(k(S`LQ z7`nUbB&F<{M7Oi8f*)#SoH$JJ@&)JbiQh=%n$Q9v*#4CD%!QKG_p10M`YdBCH4}7K zmoykR&i_E9kN>}ogm8`F1WnhfIPs+q16>gnYm8=)S%EyRd4eywM&29qxUQ8h5A+us zaYV+yRNLIYB-Bb}(MuM$IL&U?l{pDP(cMm(!_QDPKN=%HNwgu&@Hy5cgHrG(pe()O zuDqZ}WuH8=>hjcFol;z=e(5DS4g!P_S!ra?TrX*j8!_d22wPhSy{N!NDz$IQ?e$h3 zK>4r7+jW&oa0{!mK>7KE>9VPh7kb-w^WShBXTei;VxcxCs-GLfN$z!z@P~#IuEfiD z>X(j$alVu?f~N!s2_0<1>aF%wk%RqdmR8&Ye2DeDW$t4H*b0%W&1_ol?f*!___3A> zD09x)VCXPkE-Be-*-MR+voPb^ZI z{2@iV|4`CJW0fTMG8wS2JFK$sZ*_HmxA;Sglu2b_WB`2L`?YeF zx_WZYK22pCHX<#6ji_&zs>IDnSKzuyv5H+oieh}o?TPXL7S|Pqg|AzwY}bR@WZ;2J z$3~gn8sQ4VLVo*2xlp{Nn8Pi^LoJm_Y_kCV$ULfI*Q8<&lk3`*2Qc_UVc5$XOO*K! zFYdxd!Hc^P1+eETLK()w0;6Co{I9}-)5=$Rf4>XxSBgr3lba%|!pdPmF2KrRK}x~0 zOrcX@EG!6c7z;2K{;s)TEWlX!tJsIJ0Am5h!ao{nuv&oC!r#qJxQKv@2)MWKkHZ33 zEx>94RtvCNfDbF-!%Fxhcp(?S$LtFd5q^hZp`ir7!=TUxFcx4e{4Eh-EWlX!tIzx& z#e(@=!|1=?1%TfngI~~tW!aw{OqjngfB!r93o{pHF3en*xqq<+E`=9LK)4iM=nTPF zfUy8$VSxt!IyL%_mcp{mz#M4*e_T z{CV*rdC`N+^-AlKTt`V>)SvXNrt)1^U3;K=pUSWE_9$)&ERVv2{;BTaHC3zw>{4(< zDWd}h3d~bDo&2-jONO&4EGA$r^-tCGAC!`=BiFtM0PUKE{}BLd)qj^u2t)R7aYCI0bz)1ie?tDf6u}1O275{<^KTS*dmeu literal 0 HcmV?d00001 diff --git a/admin/images/logo_small.png b/admin/images/logo_small.png new file mode 100644 index 0000000000000000000000000000000000000000..55623f76d18c811fc22c8f25be3fe1ed7e954ecb GIT binary patch literal 955 zcmV;s14R6ZP)P000>X1^@s6#OZ}&00004b3#c}2nYxW zdiV#d1CS&1dHKh8dX|>ycEhbce}*t83}6N7MbcTwB+rvbg_pI0h~? zHFw11{|F3}Hf(;Z6#zi^M#jP1pSPOaX`y>7I+<;46%ts9K*?NT1chd*0c#L0w+d;f zWbb5Yd(!!*5Dy0U|6aNtKiev#rjlf?I2>~R&kzWhHK&Kq_p@?S5P_2U;z`L)0hww#P?p!VK|sB;r09 z-4VS~@zdUk*}I+7bVGQv312omme~4RP zzAg7P2NVWm_Hh#cK!+fm%FP{IgP1>1ZI$s=){DRPD)=>e(4L7a(X!7=K&T0zBF>}} z$?0Nu7*x|?Ci3;(<+e^+SQmjqfLG%n&EQ)OF#z0FWeK@ud&Xfb)x~^hc>L0a%3&~H z*k5kz2V|Bis~5}PtBB!@7wgUR#YZA6-euTiP15kV6MRtz>7Q@gG&7hh93RXVFJPqk zx2-ppuV#VoR(*G8#*2Sgxj35Gw&__yzR_rL%Z!CI%9vUZf9$0IW>1o*zRh*$(>VWpCqRW z`vfO|jsQT>q>-!_`z(l_`eCle_jOuU*ARg3+fG$4t)ZVvoy*JqQy7mJlEbcp&V*U` zbTqMTu|B}sI4V4g@kU^B#ygq5_;XtCW~`Uwbg^42mL_bzai0USI6etH=UEY=fCWW d{<5As{{X#^KZ>VkV!8kT002ovPDHLkV1k55z+nIY literal 0 HcmV?d00001 diff --git a/admin/images/logout.gif b/admin/images/logout.gif deleted file mode 100644 index 6519af0a200d04140cbce115a95481f3e2629f44..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1028 zcmZ?wbhEHbzht6FzYt9YB95` zHMVNBurIc7sIYY{vvte2bSkiOFLm-xcJxm33idI#PxB2=bPr1O42g0NOb&?gw04R1 zjdZtl5A_ZU^^1xMj*kgVj0sB$4U7v8ii-$Oadi!JcJ}l4kM{M8_VJDK@C*$IjPnnO z_4AMM^a^uv4G0X1_x6c!a}RQL3-t4k4hv5S3XTsAOY#ed2?|NLegFO~28O4MjE|U@ z9&vGffM2-s!f0vYeC?$->CMuz^7brVBmPj(9dDR^w^n|O~h)AM8%Qz!y??5o=84S6{;1y+IzK?X3=8Clf68J zQX7?6PKqjdui$#yXwZC&)w0j$YT_5J3o=19Z!8i548T7%uCOFw9HbZc6dB` z=q(x0eQX7%v!{r-zHkmtU?2nctiX9fjX|nzr>6-x%M@);TFNcwT)rt}r;_60!@Nw3 zYzmoDxu$X$%KVG?yO@QInVG{zVBzEAljI#LSTviQPjn0G7I7F}YCh4|z+epkiMC)U diff --git a/admin/images/logout.png b/admin/images/logout.png new file mode 100644 index 0000000000000000000000000000000000000000..0eaf7841ba237ba1fcccdc53ff809ee7782369bd GIT binary patch literal 935 zcmV;Y16cftP)dQjGEPO#+#2|>DAYh>wl&Mg}PoQYrh}QZQN(pTW6C<^kAz-peVj^9nQ{#-8xw+4A z5of&2Or!qczqrqN-p}QK#9B))+{v9BSK}6qYTk=6#cH^q0K(bDRMs@1=;;p5wq+7Y% z>DcH^!22HwTZkMrh2x8hO8^G;M~;l0Q^Zq*PP$KKNS%A3%buVY89P@A0>7O!o%Ux{ z2vndKkG}UlgCCcAo+TKh)BY@gS;^(bRm@DXvh{oh&tKrsGtZ(3;(3Vcq6j>2n1?

LS10ive*y(sSE+#YTpoP!C5A41h>DPmQ*f-Y zMPrTRtq3hTL&FTbGfiXV7pj-P!-}+T!-}xCvqSaD_oOB!IDGDTlCf3_uVXzQ1)AI2)K^#AK7(()4M6SZTixR$Wn+a}a#7loAFrZMx5jbjqx@!QvPq%s-$iqDa`e2Uub z5Z(QgbT*6s@FO(V)>yk(Lc0|%j*XcYYb`&WDO|M32b~^+FTcX@n{SYMY;1pro10Xx zUS;cx&(TJs(;dNna_Yv-^J1-~5(Iv|@5qnbN1ep;FuqS*tMxi=Axz)fc{&@0O#_e( z!{(kcrAX9EFyd&Bs8&BnP@+9$s->%@Ri?18u%v1Wii8&7zfzG<)fNg13*CC!LL~_N zd;LdeLH=F&v6uR)zaOmpN!&Plb{r@IU2han2IkLPzuxnW`U{pRroKKJ8f5?g002ov JPDHLkV1m!4z2E=< literal 0 HcmV?d00001 diff --git a/admin/scss/_forms.scss b/admin/scss/_forms.scss index 8b1378917..6e666ef06 100644 --- a/admin/scss/_forms.scss +++ b/admin/scss/_forms.scss @@ -1 +1,32 @@ +/** + * 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. + */ +.cms { + + // Form fields + + input, textarea { + background-color: #f9f9f9; + } + + input.loading { + padding-left: 16px; + background: #fff url(../../images/network-save.gif) no-repeat center left; + } + + .edit-form { + padding-bottom: 20px; + + // Hide first level tabs for CMS, see CMSEditForm.ss + & > fieldset > .ss-tabset > ul { + display: none; + } + + // TODO Unclear if "button bar" concept is edit form specific + .Actions { + text-align: right; + } + } +} \ No newline at end of file diff --git a/admin/scss/_layout.scss b/admin/scss/_layout.scss new file mode 100644 index 000000000..1814b7901 --- /dev/null +++ b/admin/scss/_layout.scss @@ -0,0 +1,65 @@ +/** + * 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 { + width: 100%; + height: 100%; + padding: 0; + margin: 0; + overflow: hidden; // avoid jlayout jitter when resizing +} + +.cms-container { + height: 100% +} + +.cms-menu { + width: 250px; + overflow: auto; +} + +.cms-content { +} + +.cms-menu, +.cms-content, +.cms-content-header, +.cms-content-tools, +.cms-content-form { + @include inline-block; +} + +.cms-content-tools { + width: 250px; + overflow: auto; +} + +.cms-content-form { + overflow: auto; +} + +.cms-content-header { + height: 40px; + overflow: hidden; +} + +.cms-content-actions { + padding: 10px; +} + +.cms-logo { + height: 30px; + overflow: hidden; + vertical-align: middle; +} + +.cms-login-status { + height: 30px; + overflow: hidden; + vertical-align: middle; +} \ No newline at end of file diff --git a/admin/scss/_menu.scss b/admin/scss/_menu.scss new file mode 100644 index 000000000..e11bc6a4c --- /dev/null +++ b/admin/scss/_menu.scss @@ -0,0 +1,76 @@ +.cms-menu { + z-index: 10; + background-color: #b0bfc6; + @include box-shadow(#aaa, 3px, 0, 3px); + + a { + text-decoration: none; + } +} + +.cms-menu-list { + li { + background-color: #afbdc6; + @include linear-gradient(color-stops(#afbdc6, #8ea4b2)); + border-bottom: 1px solid #aaa; + + a { + display: block; + height: 32px; + vertical-align: middle; + font-size: 14px; + @include text-shadow(#ddd); + color: #333; + margin: 5px; + + .icon { + display: block; + float: left; + margin-right: 5px; + @include sprite-background("icons-32.png"); + @include sprite-position(1, 1); + } + + .text { + display: block; + padding-top: 10px; + } + } + + &.current { + background-color: #338dc1; + @include linear-gradient(color-stops(#338dc1, #338dc1)); + @include box-shadow(#333, 0, 4px, 4px); + + a { + color: white; + @include text-shadow(#333); + } + } + + // nested elements + li { + background-color: #1d76ae; + @include linear-gradient(color-stops(#1d76ae, #1d76ae)); + + a { + font-size: 12px; + @include text-shadow(#333); + margin: 0; + padding-left: 30px; + color: white; + } + + &.current a { + font-weight: bold; + } + } + + } + + 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, 2);} + li#Menu-AssetAdmin.current a .icon, li#Menu-AssetAdmin a:hover .icon {@include sprite-position(2, 2);} + +} \ No newline at end of file diff --git a/admin/scss/_style.scss b/admin/scss/_style.scss new file mode 100644 index 000000000..c9c03490e --- /dev/null +++ b/admin/scss/_style.scss @@ -0,0 +1,156 @@ +/** + * This file defines the 'theme' of the CMS: Colors, fonts, backgrounds, and detailed alignments. + * Together with _layout.css it provides the presentational backbone to the CMS. + * Ideally a developer should be able to exchange this file with his own theme easily. + * + * Please don't put any dimension, display or float information on major structural components + * like '.cms-container' or '.cms-header' in here, use the _layout.scss file instead. + * + * Use SCSS variable definitions in screen.css to avoid repeating styles like background colours + * or padding dimensions. + * + * 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). + */ + +// main styles + +body { + @include global-reset; + font-size: 13px; + font-family: Verdana, Arial, sans-serif; +} + +body * { + font-size: 13px; +} + +body .ui-widget { + font-size: 1em; +} + +.cms-content-header { + background-color: #a0b2be; + @include linear-gradient(color-stops(#abbbc4, #93a8b6)); + + h2 { + float: left; + padding: 10px; + font-size: 14px; + font-weight: bold; + } + + .cms-content-header-tabs { + float: left; + margin-top: 8px; // TODO Ingo is too dumb to do bottom vertical position + } + + .cms-content-header-actions { + + } +} + +.cms-content-tools { + background-color: #c6d7df; +} + +// header and logo + +.cms-header { + padding: 10px; + background-color: #002a43; + @include linear-gradient(color-stops(#002236, #003050, #002236)); + + * { + color: white; + } +} + +.cms-logo { + + .version { + display: none; + } + + * { + color: #3ebae0; + } + + a { + display: inline-block; + height: 25px; + width: 25px; + float: left; + margin-right: 10px; + background: url(../images/logo_small.png) no-repeat; + text-indent: -9999em; + } +} + +.cms-login-status { + + .logout-link { + display: inline-block; + height: 25px; + width: 25px; + float: left; + margin-right: 10px; + background: url(../images/logout.png) no-repeat; + text-indent: -9999em; + } +} + +// loading screen + +.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, #FFFFFF, #EFEFEF, #C7C7C7 100%); + background: -webkit-gradient(radial, 50% 50%, 350, 50% 50%, 0, from(#E3E3E3), to(white)); + z-index: 100000; + margin: 0; + padding: 0; +} + +.ss-loading-screen { + .loading-logo { + background-url: url(../images/logo.gif); + background-repeat: no-repeat; + background-color: transparent; + background-position: 50% 50%; + } + p { + width: 100%; + text-align: center; + position: absolute; + bottom: 80px; + + 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; + + -moz-box-shadow: 1px 1px 15px rgba(0,0,0, 0.1); + -webkit-box-shadow: 1px 1px 15px rgba(0,0,0, 0.1); + -o-box-shadow: 1px 1px 15px rgba(0,0,0, 0.1); + box-shadow: 1px 1px 15px rgba(0,0,0, 0.1); + } + } + + .loading-animation { + display: none; + position: absolute; + left: 49%; + top: 75%; + } +} \ No newline at end of file diff --git a/admin/scss/_tree.scss b/admin/scss/_tree.scss index 3f0e4faab..015c97345 100644 --- a/admin/scss/_tree.scss +++ b/admin/scss/_tree.scss @@ -1,4 +1,10 @@ -// Added through jstree.js on DOM load, but we need it earlier in order to correctly display the uninitialized tree +/** + * 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. + */ .jstree { ul { @@ -348,3 +354,13 @@ li.jstree-closed > ul { padding: 0; z-index: 0; } + +// Custom styles +.cms { + .jstree-apple.jstree-focused { + background: none; + } + .jstree-apple > ul { + background: none; + } +} diff --git a/admin/scss/_uitheme.scss b/admin/scss/_uitheme.scss new file mode 100644 index 000000000..d5999cbbe --- /dev/null +++ b/admin/scss/_uitheme.scss @@ -0,0 +1,34 @@ +/** + * 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. + */ + +.cms { + .ui-widget-content { + background-color: $widget-bg; + } + + .ui-tabs { + padding: 0 + } + + .ui-widget-content { + border: 0; + background-color: #eef2f3; + } + + .cms-content-header .ui-widget-content { + background: none; + } + + .ui-widget-header { + background: none; + border: 0; + } +} \ No newline at end of file diff --git a/admin/scss/screen.scss b/admin/scss/screen.scss index 8f97bd209..c047609d7 100644 --- a/admin/scss/screen.scss +++ b/admin/scss/screen.scss @@ -1,167 +1,22 @@ +/** + * 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. + */ + @import "compass/reset"; +@import "compass/css3"; +@import "compass/utilities/sprites/sprite-img"; + +// colour definitions +$widget-bg: #eef2f3; + +@import "layout.scss"; @import "tree.scss"; +@import "menu.scss"; @import "forms.scss"; -@import "compass/css3/gradient"; - -html, body { - width: 100%; - height: 100%; - padding: 0; - margin: 0; - overflow: hidden; // avoid jlayout jitter when resizing -} - -body { - @include global-reset; - font-size: 13px; - font-family: Verdana, Arial, sans-serif; -} - -body * { - font-size: 13px; -} - -body .ui-widget { - font-size: 1em; -} - -// layout - -.cms-container { - height: 100% -} - -.cms-menu { - width: 250px; - overflow: auto; -} - -.cms-content { -} - -.center, .east, .west, .north, .south { - display: inline-block; -} - -.cms-content-tools { - width: 250px; - overflow: auto; -} - -.cms-content-form { - overflow: auto; -} - -.cms-content-header { - -} - -// main styles - -.cms-menu { - background-color: #b0bfc6; -} - -.cms-content-header { - background-color: #a0b2be -} - -.cms-content { - background-color: #eef2f3; -} - -.cms-content-tools { - background-color: #c6d7df; -} - -.cms-logo { - background-color: #002a43; - - .version { - display: none; - } -} - -// logo - -.cms-logo { - * { - color: #3ebae0; - } - - a { - display: block; - height: 20px; - } -} - -// menu - -.cms-menu { - li { - display: block; - height: 50px; - background-color: #afbdc6; - @include linear-gradient(color-stops(#afbdc6, #8ea4b2)); - - &.current { - background-color: #409dc9; - @include linear-gradient(color-stops(#409dc9, #1f78b0)); - } - } -} - -// loading screen - -.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, #FFFFFF, #EFEFEF, #C7C7C7 100%); - background: -webkit-gradient(radial, 50% 50%, 350, 50% 50%, 0, from(#E3E3E3), to(white)); - z-index: 100000; - margin: 0; - padding: 0; -} - -.ss-loading-screen { - .loading-logo { - background-url: url(../images/logo.gif); - background-repeat: no-repeat; - background-color: transparent; - background-position: 50% 50%; - } - p { - width: 100%; - text-align: center; - position: absolute; - bottom: 80px; - - 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; - - -moz-box-shadow: 1px 1px 15px rgba(0,0,0, 0.1); - -webkit-box-shadow: 1px 1px 15px rgba(0,0,0, 0.1); - -o-box-shadow: 1px 1px 15px rgba(0,0,0, 0.1); - box-shadow: 1px 1px 15px rgba(0,0,0, 0.1); - } - } - - .loading-animation { - display: none; - position: absolute; - left: 49%; - top: 75%; - } -} \ No newline at end of file +@import "uitheme.scss"; +@import "style.scss"; \ No newline at end of file diff --git a/admin/templates/Includes/CMSTopMenu.ss b/admin/templates/Includes/CMSTopMenu.ss index 5f99df8c2..fa8107dc5 100644 --- a/admin/templates/Includes/CMSTopMenu.ss +++ b/admin/templates/Includes/CMSTopMenu.ss @@ -20,7 +20,7 @@ $Title <% if Title == 'Edit Page' %>