tonyair/silverstripe-framework
1
0
Fork 0
mirror of https://github.com/silverstripe/silverstripe-framework synced 2024-10-22 14:05:37 +02:00
Code Issues Projects Releases Wiki Activity

MINOR: Tweaked the main tab styling to fix the background and make text more readable.

Browse Source
This commit is contained in:
Andrew Short 2012-05-12 15:38:37 +10:00
parent d17c4d00ba
commit 38075d880d
2 changed files with 20 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
admin/css/screen.css
View File

@ -292,8 +292,9 @@ body.cms { overflow: hidden; }
.cms-content-header .ui-tabs-nav li, .cms-dialog .ui-tabs-nav li { margin: 0; }
.cms-content-header .ui-tabs-nav li a, .cms-dialog .ui-tabs-nav li a { font-weight: bold; line-height: 16px; padding: 12px 20px 11px; }
.cms-content-header .ui-tabs-nav .ui-state-default, .cms-content-header .ui-tabs-nav .ui-widget-content .ui-state-default, .cms-content-header .ui-tabs-nav .ui-widget-header .ui-state-default, .cms-dialog .ui-tabs-nav .ui-state-default, .cms-dialog .ui-tabs-nav .ui-widget-content .ui-state-default, .cms-dialog .ui-tabs-nav .ui-widget-header .ui-state-default { background-color: #b0bec7; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IwYmVjNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzhjYTFhZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; 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-right-color: #a6a6a6; border-left-color: #d9d9d9; border-bottom: none; text-shadow: #e6e6e6 0 1px 0; }
.cms-content-header .ui-tabs-nav .ui-state-active, .cms-content-header .ui-tabs-nav .ui-widget-content .ui-state-active, .cms-content-header .ui-tabs-nav .ui-widget-header .ui-state-active, .cms-dialog .ui-tabs-nav .ui-state-active, .cms-dialog .ui-tabs-nav .ui-widget-content .ui-state-active, .cms-dialog .ui-tabs-nav .ui-widget-header .ui-state-active { background: #eceff1; border-right-color: #a6a6a6; border-left-color: #a6a6a6; margin-right: -1px; margin-left: -1px; z-index: 2; }
.cms-content-header .ui-tabs-nav .ui-state-active a, .cms-content-header .ui-tabs-nav .ui-widget-content .ui-state-active a, .cms-content-header .ui-tabs-nav .ui-widget-header .ui-state-active a, .cms-dialog .ui-tabs-nav .ui-state-active a, .cms-dialog .ui-tabs-nav .ui-widget-content .ui-state-active a, .cms-dialog .ui-tabs-nav .ui-widget-header .ui-state-active a { border-bottom: none; }
.cms-content-header .ui-tabs-nav .ui-state-default a, .cms-content-header .ui-tabs-nav .ui-widget-content .ui-state-default a, .cms-content-header .ui-tabs-nav .ui-widget-header .ui-state-default a, .cms-dialog .ui-tabs-nav .ui-state-default a, .cms-dialog .ui-tabs-nav .ui-widget-content .ui-state-default a, .cms-dialog .ui-tabs-nav .ui-widget-header .ui-state-default a { color: #FFF; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); }
.cms-content-header .ui-tabs-nav .ui-state-active, .cms-content-header .ui-tabs-nav .ui-widget-content .ui-state-active, .cms-content-header .ui-tabs-nav .ui-widget-header .ui-state-active, .cms-dialog .ui-tabs-nav .ui-state-active, .cms-dialog .ui-tabs-nav .ui-widget-content .ui-state-active, .cms-dialog .ui-tabs-nav .ui-widget-header .ui-state-active { background: #f0f3f4 url(../images/textures/bg_cms_main_content.png) repeat top left; border-right-color: #a6a6a6; border-left-color: #a6a6a6; margin-right: -1px; margin-left: -1px; z-index: 2; }
.cms-content-header .ui-tabs-nav .ui-state-active a, .cms-content-header .ui-tabs-nav .ui-widget-content .ui-state-active a, .cms-content-header .ui-tabs-nav .ui-widget-header .ui-state-active a, .cms-dialog .ui-tabs-nav .ui-state-active a, .cms-dialog .ui-tabs-nav .ui-widget-content .ui-state-active a, .cms-dialog .ui-tabs-nav .ui-widget-header .ui-state-active a { border-bottom: none; color: #444444; text-shadow: none; }
.CMSPagesController .cms-content-header-tabs .ui-tabs-nav li a { font-weight: bold; line-height: 16px; padding: 12px 20px 11px; text-indent: -9999em; background: url(../images/content-header-tabs-sprite.png) no-repeat; }
.CMSPagesController .cms-content-header-tabs .ui-tabs-nav li.content-treeview a { background-position: 2px 0px; }
@ -304,6 +305,8 @@ body.cms { overflow: hidden; }
.CMSPagesController .cms-content-header-tabs .ui-tabs-nav .ui-state-active.content-galleryview a, .CMSPagesController .cms-content-header-tabs .ui-tabs-nav .ui-widget-content .ui-state-active.content-galleryview a, .CMSPagesController .cms-content-header-tabs .ui-tabs-nav .ui-widget-header .ui-state-active.content-galleryview a { background-position: -87px -40px; }
.CMSPagesController .cms-content-header-tabs .ui-tabs-nav .ui-state-active.content-listview a, .CMSPagesController .cms-content-header-tabs .ui-tabs-nav .ui-widget-content .ui-state-active.content-listview a, .CMSPagesController .cms-content-header-tabs .ui-tabs-nav .ui-widget-header .ui-state-active.content-listview a { background-position: -38px -40px; }
.CMSPageEditController .cms-content-header-tabs .ui-tabs-nav .ui-state-active, .CMSPageSettingsController .cms-content-header-tabs .ui-tabs-nav .ui-state-active, .CMSPageHistoryController .cms-content-header-tabs .ui-tabs-nav .ui-state-active { background: #e6eaed; }
/** ------------------------------------------------------- Loading Interface ------------------------------------------------------- */
.cms-content-loading-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9998; }

17
admin/scss/_style.scss
View File

@ -232,12 +232,17 @@ body.cms {
}
text-shadow: lighten($color-tab, 5%) 0 1px 0;
a {
color: #FFF;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
background: $color-widget-bg;
background: $tab-panel-texture-background;
border: {
right-color: darken($color-tab, 20%);
left-color: darken($color-tab, 20%);
@ -247,7 +252,9 @@ body.cms {
z-index:2;
a {
border-bottom:none;
border-bottom: none;
color: $color-text;
text-shadow: none;
}
}
}
@ -297,6 +304,12 @@ body.cms {
}
}
.CMSPageEditController, .CMSPageSettingsController, .CMSPageHistoryController {
.cms-content-header-tabs .ui-tabs-nav .ui-state-active {
background: darken($color-widget-bg, 2%);
}
}
/** -------------------------------------------------------
* Loading Interface
* ------------------------------------------------------- */