tonyair/silverstripe-framework
1
0
Fork 0
mirror of https://github.com/silverstripe/silverstripe-framework synced 2024-09-28 20:29:15 +02:00
Code Issues Projects Releases Wiki Activity

MINOR Background color fallbacks for IE (no gradient support)

Browse Source
This commit is contained in:
Ingo Schommer 2011-04-27 19:37:46 +12:00
parent dc2a1205a6
commit afa05f93dd
3 changed files with 62 additions and 56 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

112
admin/css/screen.css
View File

@ -237,32 +237,32 @@ li.jstree-closed > ul { display: none; }
.cms-menu a { text-decoration: none; }
/* line 12, ../scss/_menu.scss */
.cms-menu-list li { background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #b0bfc6), color-stop(100%, #758f9b)); background-image: -moz-linear-gradient(top, #b0bfc6 0%, #758f9b 100%); background-image: linear-gradient(top, #b0bfc6 0%, #758f9b 100%); border-bottom: 1px solid #aaaaaa; }
/* line 19, ../scss/_menu.scss */
.cms-menu-list li { background-color: #b0bfc6; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #b0bfc6), color-stop(100%, #758f9b)); background-image: -moz-linear-gradient(top, #b0bfc6 0%, #758f9b 100%); background-image: linear-gradient(top, #b0bfc6 0%, #758f9b 100%); border-bottom: 1px solid #aaaaaa; }
/* line 20, ../scss/_menu.scss */
.cms-menu-list li a { display: block; height: 32px; vertical-align: middle; font-size: 14px; text-shadow: #aaaaaa 1px 1px 1px; color: #333333; padding: 5px; }
/* line 28, ../scss/_menu.scss */
.cms-menu-list li a .icon { display: block; float: left; margin-right: 5px; background: url('../images/icons-32.png?1303601510') no-repeat; width: 32px; height: 32px; overflow: hidden; background-position: 0px 0px; }
/* line 36, ../scss/_menu.scss */
/* line 29, ../scss/_menu.scss */
.cms-menu-list li a .icon { display: block; float: left; margin-right: 5px; background: url('../images/icons-32.png?1303602411') no-repeat; width: 32px; height: 32px; overflow: hidden; background-position: 0px 0px; }
/* line 37, ../scss/_menu.scss */
.cms-menu-list li a .text { display: block; padding-top: 10px; }
/* line 42, ../scss/_menu.scss */
.cms-menu-list li.current { background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #338dc1), color-stop(100%, #1e5270)); background-image: -moz-linear-gradient(top, #338dc1 0%, #1e5270 100%); background-image: linear-gradient(top, #338dc1 0%, #1e5270 100%); }
/* line 48, ../scss/_menu.scss */
.cms-menu-list li.current li { background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #2e7ead), color-stop(100%, #287099)); background-image: -moz-linear-gradient(top, #2e7ead 0%, #287099 100%); background-image: linear-gradient(top, #2e7ead 0%, #287099 100%); }
/* line 55, ../scss/_menu.scss */
/* line 43, ../scss/_menu.scss */
.cms-menu-list li.current { background-color: #338dc1; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #338dc1), color-stop(100%, #1e5270)); background-image: -moz-linear-gradient(top, #338dc1 0%, #1e5270 100%); background-image: linear-gradient(top, #338dc1 0%, #1e5270 100%); }
/* line 50, ../scss/_menu.scss */
.cms-menu-list li.current li { background-color: #2e7ead; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #2e7ead), color-stop(100%, #287099)); background-image: -moz-linear-gradient(top, #2e7ead 0%, #287099 100%); background-image: linear-gradient(top, #2e7ead 0%, #287099 100%); }
/* line 58, ../scss/_menu.scss */
.cms-menu-list li.current a { color: white; text-shadow: #333333 1px 1px 1px; }
/* line 65, ../scss/_menu.scss */
/* line 68, ../scss/_menu.scss */
.cms-menu-list li li:first { -moz-box-shadow: #333333 0 4px 4px 0; -webkit-box-shadow: #333333 0 4px 4px 0; -o-box-shadow: #333333 0 4px 4px 0; box-shadow: #333333 0 4px 4px 0; }
/* line 69, ../scss/_menu.scss */
/* line 72, ../scss/_menu.scss */
.cms-menu-list li li a { font-size: 12px; text-shadow: #333333 1px 1px 1px; margin: 0; padding-left: 30px; color: white; }
/* line 77, ../scss/_menu.scss */
/* line 80, ../scss/_menu.scss */
.cms-menu-list li li.current a { font-weight: bold; }
/* line 84, ../scss/_menu.scss */
.cms-menu-list li#Menu-CMSMain a .icon { background-position: 0px 0px; }
/* line 85, ../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 86, ../scss/_menu.scss */
.cms-menu-list li#Menu-AssetAdmin a .icon { background-position: 0px -32px; }
/* line 87, ../scss/_menu.scss */
.cms-menu-list li#Menu-CMSMain a .icon { background-position: 0px 0px; }
/* line 88, ../scss/_menu.scss */
.cms-menu-list li#Menu-CMSMain.current a .icon, .cms-menu-list li#Menu-CMSMain a:hover .icon { background-position: -32px 0px; }
/* line 89, ../scss/_menu.scss */
.cms-menu-list li#Menu-AssetAdmin a .icon { background-position: 0px -32px; }
/* line 90, ../scss/_menu.scss */
.cms-menu-list li#Menu-AssetAdmin.current a .icon, .cms-menu-list li#Menu-AssetAdmin a:hover .icon { background-position: -32px -32px; }
/** 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. */
@ -345,85 +345,85 @@ body .ui-widget { font-size: 1em; }
strong { font-weight: bold; }
/* line 39, ../scss/_style.scss */
.cms-content-header { background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #afbfc7), color-stop(100%, #91a7b2)); background-image: -moz-linear-gradient(top, #afbfc7 0%, #91a7b2 100%); background-image: linear-gradient(top, #afbfc7 0%, #91a7b2 100%); }
/* line 45, ../scss/_style.scss */
.cms-content-header { background-color: #afbfc7; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #afbfc7), color-stop(100%, #91a7b2)); background-image: -moz-linear-gradient(top, #afbfc7 0%, #91a7b2 100%); background-image: linear-gradient(top, #afbfc7 0%, #91a7b2 100%); }
/* line 46, ../scss/_style.scss */
.cms-content-header h2 { float: left; padding: 10px; font-size: 14px; font-weight: bold; }
/* line 52, ../scss/_style.scss */
/* line 53, ../scss/_style.scss */
.cms-content-header .cms-content-header-tabs { float: left; }
/* line 59, ../scss/_style.scss */
/* line 60, ../scss/_style.scss */
.ui-tabs .cms-content-header .ui-tabs-nav li { height: 40px; }
/* line 62, ../scss/_style.scss */
/* line 63, ../scss/_style.scss */
.ui-tabs .cms-content-header .ui-tabs-nav li a { font-weight: bold; font-size: 11px; padding-top: 1em; }
/* line 71, ../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-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #dddddd), color-stop(100%, #b7b7b7)); background-image: -moz-linear-gradient(top, #dddddd 0%, #b7b7b7 100%); background-image: linear-gradient(top, #dddddd 0%, #b7b7b7 100%); }
/* line 80, ../scss/_style.scss */
/* line 72, ../scss/_style.scss */
.ui-tabs .cms-content-header .ui-state-default, .ui-tabs .cms-content-header .ui-widget-content .ui-state-default, .ui-tabs .cms-content-header .ui-widget-header .ui-state-default { background-color: #dddddd; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #dddddd), color-stop(100%, #b7b7b7)); background-image: -moz-linear-gradient(top, #dddddd 0%, #b7b7b7 100%); background-image: linear-gradient(top, #dddddd 0%, #b7b7b7 100%); }
/* line 82, ../scss/_style.scss */
.ui-tabs .cms-content-header .ui-state-active, .ui-tabs .cms-content-header .ui-widget-content .ui-state-active, .ui-tabs .cms-content-header .ui-widget-header .ui-state-active { background: #ebeff1; }
/* line 85, ../scss/_style.scss */
/* line 87, ../scss/_style.scss */
.cms-content-tools { background-color: #dce3e6; }
/* line 91, ../scss/_style.scss */
.cms-header { padding: 10px; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #00111d), color-stop(50%, #003050), color-stop(100%, #00111d)); background-image: -moz-linear-gradient(top, #00111d 0%, #003050 50%, #00111d 100%); background-image: linear-gradient(top, #00111d 0%, #003050 50%, #00111d 100%); }
/* line 99, ../scss/_style.scss */
/* line 93, ../scss/_style.scss */
.cms-header { padding: 10px; background-color: #00111d; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #00111d), color-stop(50%, #003050), color-stop(100%, #00111d)); background-image: -moz-linear-gradient(top, #00111d 0%, #003050 50%, #00111d 100%); background-image: linear-gradient(top, #00111d 0%, #003050 50%, #00111d 100%); }
/* line 102, ../scss/_style.scss */
.cms-header * { color: white; }
/* line 106, ../scss/_style.scss */
/* line 109, ../scss/_style.scss */
.cms-logo .version { display: none; }
/* line 110, ../scss/_style.scss */
/* line 113, ../scss/_style.scss */
.cms-logo * { color: #3ebae0; }
/* line 114, ../scss/_style.scss */
/* line 117, ../scss/_style.scss */
.cms-logo a { display: inline-block; height: 25px; width: 25px; float: left; margin-right: 10px; background: url(../images/logo_small.png) no-repeat; text-indent: -9999em; }
/* line 127, ../scss/_style.scss */
/* line 130, ../scss/_style.scss */
.cms-login-status .logout-link { display: inline-block; height: 25px; width: 25px; float: left; margin-right: 10px; background: url(../images/logout.png) no-repeat; text-indent: -9999em; }
/* line 141, ../scss/_style.scss */
/* line 144, ../scss/_style.scss */
.ss-loading-screen, .ss-loading-screen .loading-logo { width: 100%; height: 100%; overflow: hidden; position: absolute; background: #fff; background: -moz-radial-gradient(50% 50% 180deg, circle cover, white, #efefef, #c7c7c7 100%); background: -webkit-gradient(radial, 50% 50%, 350, 50% 50%, 0, from(#e3e3e3), to(white)); z-index: 100000; margin: 0; padding: 0; }
/* line 156, ../scss/_style.scss */
/* line 159, ../scss/_style.scss */
.ss-loading-screen .loading-logo { background-url: url(../images/logo.gif); background-repeat: no-repeat; background-color: transparent; background-position: 50% 50%; }
/* line 162, ../scss/_style.scss */
/* line 165, ../scss/_style.scss */
.ss-loading-screen p { width: 100%; text-align: center; position: absolute; bottom: 80px; }
/* line 168, ../scss/_style.scss */
/* line 171, ../scss/_style.scss */
.ss-loading-screen p span.notice { display: inline-block; font-size: 14px; padding: 10px 20px; color: #dc7f00; border: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
/* line 178, ../scss/_style.scss */
/* line 181, ../scss/_style.scss */
.ss-loading-screen .loading-animation { display: none; position: absolute; left: 49%; top: 75%; }
/** Messages (see sapphire/css/Form.css) */
/* line 197, ../scss/_style.scss */
/* line 200, ../scss/_style.scss */
.message { margin: 1em 0; padding: 0.5em; font-weight: bold; border: 1px black solid; }
/* line 203, ../scss/_style.scss */
/* line 206, ../scss/_style.scss */
.message.notice { background-color: #ffbe66; border-color: #ff9300; }
/* line 208, ../scss/_style.scss */
/* line 211, ../scss/_style.scss */
.message.warning { background-color: #ffbe66; border-color: #ff9300; }
/* line 212, ../scss/_style.scss */
/* line 215, ../scss/_style.scss */
.message.error { background-color: #ffbe66; border-color: #ff9300; }
/* line 221, ../scss/_style.scss */
/* line 224, ../scss/_style.scss */
.ModelAdmin .cms-content-tools { width: 300px; }
/* line 226, ../scss/_style.scss */
/* line 229, ../scss/_style.scss */
.ModelAdmin .ResultAssemblyBlock { display: none; }
/* line 233, ../scss/_style.scss */
/* line 236, ../scss/_style.scss */
.cms-page-add-form-dialog #PageType li { clear: left; height: 40px; border-bottom: 1px solid #333333; }
/* line 238, ../scss/_style.scss */
/* line 241, ../scss/_style.scss */
.cms-page-add-form-dialog #PageType li:hover, .cms-page-add-form-dialog #PageType li.selected { background-color: #ffff99; }
/* line 242, ../scss/_style.scss */
/* line 245, ../scss/_style.scss */
.cms-page-add-form-dialog #PageType li input, .cms-page-add-form-dialog #PageType li label, .cms-page-add-form-dialog #PageType li .icon, .cms-page-add-form-dialog #PageType li .title { float: left; }
/* line 246, ../scss/_style.scss */
/* line 249, ../scss/_style.scss */
.cms-page-add-form-dialog #PageType li .icon { width: 20px; }
/* line 250, ../scss/_style.scss */
/* line 253, ../scss/_style.scss */
.cms-page-add-form-dialog #PageType li .title { width: 100px; font-weight: bold; }
/* line 255, ../scss/_style.scss */
/* line 258, ../scss/_style.scss */
.cms-page-add-form-dialog #PageType li .description { font-style: italic; }
/* line 263, ../scss/_style.scss */
/* line 266, ../scss/_style.scss */
.cms-content-toolbar > * { display: inline-block; }
/* line 267, ../scss/_style.scss */
/* line 270, ../scss/_style.scss */
.cms-content-toolbar .cms-tree-view-modes * { display: inline-block; }
/* line 271, ../scss/_style.scss */
/* line 274, ../scss/_style.scss */
.cms-content-toolbar .cms-content-batchactions form * { display: inline-block; }
/* line 277, ../scss/_style.scss */
/* line 280, ../scss/_style.scss */
.cms-preview-header { background-color: #FFBE66; padding: 10px; font-weight: bold; }

3
admin/scss/_menu.scss
View File

@ -10,6 +10,7 @@
.cms-menu-list {
li {
background-color: $color-base;
@include linear-gradient(color-stops(
$color-base,
darken($color-base, 20%)
@ -40,12 +41,14 @@
}
&.current {
background-color: $color-menu-button;
@include linear-gradient(color-stops(
$color-menu-button,
darken($color-menu-button, 20%)
));
li {
background-color: darken($color-menu-button, 5%);
@include linear-gradient(color-stops(
darken($color-menu-button, 5%),
darken($color-menu-button, 10%)

3
admin/scss/_style.scss
View File

@ -37,6 +37,7 @@ strong {
// ######################### Misc Panels #########################
.cms-content-header {
background-color: darken($color-widget-bg, 20%);
@include linear-gradient(color-stops(
darken($color-widget-bg, 20%),
darken($color-widget-bg, 30%)
@ -69,6 +70,7 @@ strong {
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
background-color: lighten($color-shadow-light, 20%);
@include linear-gradient(color-stops(
lighten($color-shadow-light, 20%),
lighten($color-shadow-light, 5%)
@ -90,6 +92,7 @@ strong {
.cms-header {
padding: 10px;
background-color: darken($color-dark-bg, 10%);
@include linear-gradient(color-stops(
darken($color-dark-bg, 10%),
$color-dark-bg,