Fixed bug #12728: Upgrade ExtJS skin to match t3skin
authorOliver Hader <oliver.hader@typo3.org>
Tue, 24 Nov 2009 13:29:41 +0000 (13:29 +0000)
committerOliver Hader <oliver.hader@typo3.org>
Tue, 24 Nov 2009 13:29:41 +0000 (13:29 +0000)
git-svn-id: https://svn.typo3.org/TYPO3v4/Core/trunk@6510 709f56b5-9817-0410-a4d7-c38de5d9e867

80 files changed:
ChangeLog
typo3/sysext/recycler/res/css/customExtJs.css
typo3/sysext/recycler/res/icons/x_toolbar_bg.gif [new file with mode: 0644]
typo3/sysext/t3skin/extjs/images/button/btn-sprite.gif
typo3/sysext/t3skin/extjs/images/button/btn.gif
typo3/sysext/t3skin/extjs/images/dd/drop-add.gif
typo3/sysext/t3skin/extjs/images/dd/drop-no.gif
typo3/sysext/t3skin/extjs/images/dd/drop-yes.gif
typo3/sysext/t3skin/extjs/images/editor/tb-sprite.gif
typo3/sysext/t3skin/extjs/images/form/clear-trigger.gif
typo3/sysext/t3skin/extjs/images/form/date-trigger.gif
typo3/sysext/t3skin/extjs/images/form/exclamation.gif
typo3/sysext/t3skin/extjs/images/form/search-trigger.gif
typo3/sysext/t3skin/extjs/images/form/trigger.gif
typo3/sysext/t3skin/extjs/images/grid/col-move-bottom.gif
typo3/sysext/t3skin/extjs/images/grid/col-move-top.gif
typo3/sysext/t3skin/extjs/images/grid/grid-hrow.gif
typo3/sysext/t3skin/extjs/images/grid/grid3-hd-btn.gif
typo3/sysext/t3skin/extjs/images/grid/grid3-hrow-over.gif
typo3/sysext/t3skin/extjs/images/grid/grid3-hrow.gif
typo3/sysext/t3skin/extjs/images/grid/group-expand-sprite.gif
typo3/sysext/t3skin/extjs/images/grid/hmenu-lock.gif
typo3/sysext/t3skin/extjs/images/grid/hmenu-lock.png
typo3/sysext/t3skin/extjs/images/grid/hmenu-unlock.gif
typo3/sysext/t3skin/extjs/images/grid/hmenu-unlock.png
typo3/sysext/t3skin/extjs/images/grid/page-first-disabled.gif
typo3/sysext/t3skin/extjs/images/grid/page-first.gif
typo3/sysext/t3skin/extjs/images/grid/page-last-disabled.gif
typo3/sysext/t3skin/extjs/images/grid/page-last.gif
typo3/sysext/t3skin/extjs/images/grid/page-next-disabled.gif
typo3/sysext/t3skin/extjs/images/grid/page-next.gif
typo3/sysext/t3skin/extjs/images/grid/page-prev-disabled.gif
typo3/sysext/t3skin/extjs/images/grid/page-prev.gif
typo3/sysext/t3skin/extjs/images/grid/refresh.gif
typo3/sysext/t3skin/extjs/images/grid/row-check-sprite.gif
typo3/sysext/t3skin/extjs/images/grid/row-expand-sprite.gif
typo3/sysext/t3skin/extjs/images/grid/sort_asc.gif
typo3/sysext/t3skin/extjs/images/grid/sort_desc.gif
typo3/sysext/t3skin/extjs/images/panel/corners-sprite.gif
typo3/sysext/t3skin/extjs/images/panel/left-right.gif
typo3/sysext/t3skin/extjs/images/panel/tool-sprites.gif
typo3/sysext/t3skin/extjs/images/panel/top-bottom.gif
typo3/sysext/t3skin/extjs/images/panel/white-top-bottom.gif
typo3/sysext/t3skin/extjs/images/shared/hd-sprite.gif
typo3/sysext/t3skin/extjs/images/sizer/ne-handle.gif
typo3/sysext/t3skin/extjs/images/sizer/nw-handle.gif
typo3/sysext/t3skin/extjs/images/sizer/se-handle.gif
typo3/sysext/t3skin/extjs/images/sizer/sw-handle.gif
typo3/sysext/t3skin/extjs/images/tabs/scroll-left.gif
typo3/sysext/t3skin/extjs/images/tabs/scroll-right.gif
typo3/sysext/t3skin/extjs/images/tabs/scroller-bg.gif
typo3/sysext/t3skin/extjs/images/tabs/tabs-sprite.gif
typo3/sysext/t3skin/extjs/images/toolbar/bg.gif
typo3/sysext/t3skin/extjs/images/tree/drop-add.gif
typo3/sysext/t3skin/extjs/images/tree/drop-yes.gif
typo3/sysext/t3skin/extjs/images/tree/elbow-end-minus-nl.gif
typo3/sysext/t3skin/extjs/images/tree/elbow-end-minus.gif
typo3/sysext/t3skin/extjs/images/tree/elbow-end-plus-nl.gif
typo3/sysext/t3skin/extjs/images/tree/elbow-end-plus.gif
typo3/sysext/t3skin/extjs/images/tree/elbow-minus-nl.gif
typo3/sysext/t3skin/extjs/images/tree/elbow-minus.gif
typo3/sysext/t3skin/extjs/images/tree/elbow-plus-nl.gif
typo3/sysext/t3skin/extjs/images/tree/elbow-plus.gif
typo3/sysext/t3skin/extjs/images/tree/folder.gif
typo3/sysext/t3skin/extjs/images/tree/leaf.gif
typo3/sysext/t3skin/extjs/images/window/icon-error.gif
typo3/sysext/t3skin/extjs/images/window/icon-info.gif
typo3/sysext/t3skin/extjs/images/window/icon-question.gif
typo3/sysext/t3skin/extjs/images/window/icon-warning.gif
typo3/sysext/t3skin/extjs/images/window/left-corners.png
typo3/sysext/t3skin/extjs/images/window/left-right.png
typo3/sysext/t3skin/extjs/images/window/right-corners.png
typo3/sysext/t3skin/extjs/images/window/top-bottom.png
typo3/sysext/t3skin/extjs/xtheme-t3skin.css
typo3/sysext/t3skin/icons/gfx/bg_input_button.gif [new file with mode: 0644]
typo3/sysext/t3skin/icons/gfx/bg_input_button_hover.gif [new file with mode: 0644]
typo3/sysext/t3skin/icons/gfx/required_h.gif
typo3/sysext/t3skin/stylesheets/backend-style.css
typo3/sysext/t3skin/stylesheets/ie6.css
typo3/sysext/t3skin/stylesheets/stylesheet_post.css

index 32de15b..84d28b6 100755 (executable)
--- a/ChangeLog
+++ b/ChangeLog
@@ -7,6 +7,7 @@
        * Follow-up to bugfix #12699: Fixed remaining styling issues in the backend login
        * Fixed bug #12669: Fatal error: Call to a member function getSystemLanguages()
        * Fixed bug #11577: t3lib_formmail floods syslog with "Possible abuse of t3lib_formmail..." messages (thanks to Fabrizio Branca)
+       * Fixed bug #12728: Upgrade ExtJS skin to match t3skin (thanks to T3UXW09 participants)
 
 2009-11-24  Steffen Kamper  <info@sk-typo3.de>
 
index 390b079..9c4f636 100644 (file)
@@ -1,17 +1,77 @@
 body#ext-recycler-mod1-index-php {
        margin-left: 0;
 }
+
 #recyclerContent {
-       margin: 10px 0 0 4px;
+       margin: 10px 0 0 0;
+}
+
+.x-panel .x-grid-panel {
+       padding: 0;
+       margin: 0;
+       background-image: none;
+       background: none;
+       border: none;
+}
+
+body .x-panel {
+       margin-bottom:20px;
+}
+
+.x-toolbar-left, .x-toolbar-right, .x-panel-mc, x-panel-tbar, .x-toolbar .x-small-editor .x-toolbar-layout-ct, x-toolbar-ct,
+.x-panel-nofooter .x-panel-bc, .x-panel-nofooter .x-window-bc,
+.x-toolbar,
+.x-small-editor,
+.x-toolbar-layout-ct,
+.x-panel-mr, .x-panel-ml, .x-panel-tr, .x-panel-tl, .x-panel-br, .x-panel-bl, .x-panel-ml, .x-panel-mr, .x-panel-tm, .x-panel-tc {
+       background-image: none;
+       background: none;
+       padding: 0;
+       margin: 0;
+       border: none;
+}
+
+.x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar {
+       padding: 2px;
+       margin: 0;
+       border: 0;
+}
+
+.x-panel-mr, .x-panel-ml {
+       padding: 0;
+       margin: 0;
+}
+
+.x-toolbar {
+       padding: 0;
+       margin: 0;
+}
+
+.x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar,
+.x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
+       background-color:#B8BEC9;
+       background-image:url('../icons/x_toolbar_bg.gif');
+       background-position:left top;
+       background-repeat:repeat-x;
 }
-body .x-panel { margin-bottom:20px; }
 
 .x-toolbar-ct .x-toolbar-left {
        width: 400px;
+       background-color:#B8BEC9;
+       background-image:url('../icons/x_toolbar_bg.gif');
+       background-position:left top;
+       background-repeat:repeat-x;
 }
 
-.x-toolbar-ct .x-toolbar-right {
-       
+.x-toolbar-ct .x-toolbar-right, .x-toolbar-cell {
+       background-color:#B8BEC9;
+       background-image:url('../icons/x_toolbar_bg.gif');
+       background-position:left top;
+       background-repeat:repeat-x;
+}
+
+.x-toolbar-ct .xtb-text {
+       color: #fff;
 }
 
 .icon-grid { background-image:url('../icons/recycler2.gif') !important; }
@@ -47,4 +107,62 @@ body .x-panel { margin-bottom:20px; }
 
 .x-window-body { padding: 5px; }
 .x-window-body label { display: block; margin: 5px 0; }
-.x-window-body .x-form-cb-label { margin-left: 5px; }
\ No newline at end of file
+.x-window-body .x-form-cb-label { margin-left: 5px; }
+
+/*  Single rows and elements */
+.x-grid3-body .x-grid3-td-expander {
+       background-image: none;
+}
+
+.x-grid3-row {
+       background-image:none;
+}
+
+.x-grid3-row-selected {
+       background-color:#fff !important;
+       background-image:none;
+}
+
+/* Flyout Menus */
+.x-menu-sep {
+       display: none;
+}
+
+.x-menu {
+       background-image: none;
+}
+
+.x-menu-item-active a.x-menu-item {
+       border: 1px solid #adb5c1;
+       background-color: #adb5c1;
+       color: #fff;
+}
+
+.x-menu-list {
+       padding:0;
+}
+
+/* Flyout Menu Shadows */
+.x-shadow .xstl, .x-shadow .xstc, .x-shadow .xstr, .x-shadow .xsbl, 
+.x-shadow .xsbc, .x-shadow .xsbr, .x-shadow .xstl, .x-shadow .xstr, .x-shadow .xsml, .x-shadow .xsmr {
+       background-image: none;
+}
+
+.x-grid3-body .x-grid3-td-checker {
+       background-image: none;
+       background-color: none;
+}
+
+.x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,
+.x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,
+.x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {
+       background-image: none;
+       background-color: none;
+}
+
+.x-grid3-row-body,
+.x-grid3-row-body-tr,
+.x-grid3-row-body-td,
+.x-grid3-body-cell {
+       background-color: none;
+}
\ No newline at end of file
diff --git a/typo3/sysext/recycler/res/icons/x_toolbar_bg.gif b/typo3/sysext/recycler/res/icons/x_toolbar_bg.gif
new file mode 100644 (file)
index 0000000..6e9ae1c
Binary files /dev/null and b/typo3/sysext/recycler/res/icons/x_toolbar_bg.gif differ
index c59d1b1..5e282d9 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/button/btn-sprite.gif and b/typo3/sysext/t3skin/extjs/images/button/btn-sprite.gif differ
index e0a53b0..51b165b 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/button/btn.gif and b/typo3/sysext/t3skin/extjs/images/button/btn.gif differ
index b22cd14..18297b4 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/dd/drop-add.gif and b/typo3/sysext/t3skin/extjs/images/dd/drop-add.gif differ
index 08d0833..a45b4b1 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/dd/drop-no.gif and b/typo3/sysext/t3skin/extjs/images/dd/drop-no.gif differ
index 8aacb30..4732f58 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/dd/drop-yes.gif and b/typo3/sysext/t3skin/extjs/images/dd/drop-yes.gif differ
index fb70577..d9bfdeb 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/editor/tb-sprite.gif and b/typo3/sysext/t3skin/extjs/images/editor/tb-sprite.gif differ
index c8a32be..396aa2c 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/form/clear-trigger.gif and b/typo3/sysext/t3skin/extjs/images/form/clear-trigger.gif differ
index 3f07d34..32ea5c0 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/form/date-trigger.gif and b/typo3/sysext/t3skin/extjs/images/form/date-trigger.gif differ
index ea31a30..2e3362f 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/form/exclamation.gif and b/typo3/sysext/t3skin/extjs/images/form/exclamation.gif differ
index a9c874a..e6bf698 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/form/search-trigger.gif and b/typo3/sysext/t3skin/extjs/images/form/search-trigger.gif differ
index 79af369..96d6fdb 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/form/trigger.gif and b/typo3/sysext/t3skin/extjs/images/form/trigger.gif differ
index fe1d949..7abcad9 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/grid/col-move-bottom.gif and b/typo3/sysext/t3skin/extjs/images/grid/col-move-bottom.gif differ
index 5dfd3ed..bca1d90 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/grid/col-move-top.gif and b/typo3/sysext/t3skin/extjs/images/grid/col-move-top.gif differ
index 72a3ce3..3e761d7 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/grid/grid-hrow.gif and b/typo3/sysext/t3skin/extjs/images/grid/grid-hrow.gif differ
index 545606e..ec3993e 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/grid/grid3-hd-btn.gif and b/typo3/sysext/t3skin/extjs/images/grid/grid3-hd-btn.gif differ
index c154909..1aa1354 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/grid/grid3-hrow-over.gif and b/typo3/sysext/t3skin/extjs/images/grid/grid3-hrow-over.gif differ
index 8d459a3..d9ce2e3 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/grid/grid3-hrow.gif and b/typo3/sysext/t3skin/extjs/images/grid/grid3-hrow.gif differ
index 9c1653b..76dbbbd 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/grid/group-expand-sprite.gif and b/typo3/sysext/t3skin/extjs/images/grid/group-expand-sprite.gif differ
index 1596126..591ca55 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/grid/hmenu-lock.gif and b/typo3/sysext/t3skin/extjs/images/grid/hmenu-lock.gif differ
index 8b81e7f..b6d4006 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/grid/hmenu-lock.png and b/typo3/sysext/t3skin/extjs/images/grid/hmenu-lock.png differ
index af59cf9..c15ba48 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/grid/hmenu-unlock.gif and b/typo3/sysext/t3skin/extjs/images/grid/hmenu-unlock.gif differ
index 9dd5df3..0707a4e 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/grid/hmenu-unlock.png and b/typo3/sysext/t3skin/extjs/images/grid/hmenu-unlock.png differ
index 1e02c41..5846638 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/grid/page-first-disabled.gif and b/typo3/sysext/t3skin/extjs/images/grid/page-first-disabled.gif differ
index fe99039..44bbeb3 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/grid/page-first.gif and b/typo3/sysext/t3skin/extjs/images/grid/page-first.gif differ
index 8697067..eb8b89d 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/grid/page-last-disabled.gif and b/typo3/sysext/t3skin/extjs/images/grid/page-last-disabled.gif differ
index 71bf2ac..255d673 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/grid/page-last.gif and b/typo3/sysext/t3skin/extjs/images/grid/page-last.gif differ
index 90a7756..57973b7 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/grid/page-next-disabled.gif and b/typo3/sysext/t3skin/extjs/images/grid/page-next-disabled.gif differ
index bc7451d..dad2b86 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/grid/page-next.gif and b/typo3/sysext/t3skin/extjs/images/grid/page-next.gif differ
index 37154d6..b28c769 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/grid/page-prev-disabled.gif and b/typo3/sysext/t3skin/extjs/images/grid/page-prev-disabled.gif differ
index bea4d41..856afbf 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/grid/page-prev.gif and b/typo3/sysext/t3skin/extjs/images/grid/page-prev.gif differ
index bb4eb2e..d3d4812 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/grid/refresh.gif and b/typo3/sysext/t3skin/extjs/images/grid/refresh.gif differ
index 9e5e77a..5e11537 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/grid/row-check-sprite.gif and b/typo3/sysext/t3skin/extjs/images/grid/row-check-sprite.gif differ
index 6f4d874..edcf6f0 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/grid/row-expand-sprite.gif and b/typo3/sysext/t3skin/extjs/images/grid/row-expand-sprite.gif differ
index 56ec948..22531d8 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/grid/sort_asc.gif and b/typo3/sysext/t3skin/extjs/images/grid/sort_asc.gif differ
index b4508e3..ea71201 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/grid/sort_desc.gif and b/typo3/sysext/t3skin/extjs/images/grid/sort_desc.gif differ
index 24392bc..815fa23 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/panel/corners-sprite.gif and b/typo3/sysext/t3skin/extjs/images/panel/corners-sprite.gif differ
index 4d4d817..d262523 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/panel/left-right.gif and b/typo3/sysext/t3skin/extjs/images/panel/left-right.gif differ
index c9e6041..e205486 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/panel/tool-sprites.gif and b/typo3/sysext/t3skin/extjs/images/panel/tool-sprites.gif differ
index 80e3dba..38f055d 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/panel/top-bottom.gif and b/typo3/sysext/t3skin/extjs/images/panel/top-bottom.gif differ
index 76d3005..346bf3c 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/panel/white-top-bottom.gif and b/typo3/sysext/t3skin/extjs/images/panel/white-top-bottom.gif differ
index c958aee..4df46a7 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/shared/hd-sprite.gif and b/typo3/sysext/t3skin/extjs/images/shared/hd-sprite.gif differ
index 942ae82..70b1a75 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/sizer/ne-handle.gif and b/typo3/sysext/t3skin/extjs/images/sizer/ne-handle.gif differ
index d39b0c3..0662fe8 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/sizer/nw-handle.gif and b/typo3/sysext/t3skin/extjs/images/sizer/nw-handle.gif differ
index 69b5a9e..a948ba3 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/sizer/se-handle.gif and b/typo3/sysext/t3skin/extjs/images/sizer/se-handle.gif differ
index b9e2f56..19d1a68 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/sizer/sw-handle.gif and b/typo3/sysext/t3skin/extjs/images/sizer/sw-handle.gif differ
index bbb3e3d..f1ef024 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/tabs/scroll-left.gif and b/typo3/sysext/t3skin/extjs/images/tabs/scroll-left.gif differ
index feb6a76..d382518 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/tabs/scroll-right.gif and b/typo3/sysext/t3skin/extjs/images/tabs/scroll-right.gif differ
index f089c0a..708769f 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/tabs/scroller-bg.gif and b/typo3/sysext/t3skin/extjs/images/tabs/scroller-bg.gif differ
index 1901b23..8aa7db3 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/tabs/tabs-sprite.gif and b/typo3/sysext/t3skin/extjs/images/tabs/tabs-sprite.gif differ
index 9ab78a2..682c336 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/toolbar/bg.gif and b/typo3/sysext/t3skin/extjs/images/toolbar/bg.gif differ
index b22cd14..18297b4 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/tree/drop-add.gif and b/typo3/sysext/t3skin/extjs/images/tree/drop-add.gif differ
index 8aacb30..4732f58 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/tree/drop-yes.gif and b/typo3/sysext/t3skin/extjs/images/tree/drop-yes.gif differ
index 928779e..97ef1a3 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/tree/elbow-end-minus-nl.gif and b/typo3/sysext/t3skin/extjs/images/tree/elbow-end-minus-nl.gif differ
index 9a8d727..270c5b1 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/tree/elbow-end-minus.gif and b/typo3/sysext/t3skin/extjs/images/tree/elbow-end-minus.gif differ
index 9f7f698..7f569dc 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/tree/elbow-end-plus-nl.gif and b/typo3/sysext/t3skin/extjs/images/tree/elbow-end-plus-nl.gif differ
index 5943a01..332e0bc 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/tree/elbow-end-plus.gif and b/typo3/sysext/t3skin/extjs/images/tree/elbow-end-plus.gif differ
index 928779e..97ef1a3 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/tree/elbow-minus-nl.gif and b/typo3/sysext/t3skin/extjs/images/tree/elbow-minus-nl.gif differ
index 97dcc71..92cd223 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/tree/elbow-minus.gif and b/typo3/sysext/t3skin/extjs/images/tree/elbow-minus.gif differ
index 9f7f698..ec730db 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/tree/elbow-plus-nl.gif and b/typo3/sysext/t3skin/extjs/images/tree/elbow-plus-nl.gif differ
index 698de47..3cba4ba 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/tree/elbow-plus.gif and b/typo3/sysext/t3skin/extjs/images/tree/elbow-plus.gif differ
index 20412f7..1434043 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/tree/folder.gif and b/typo3/sysext/t3skin/extjs/images/tree/folder.gif differ
index 445769d..d1a2145 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/tree/leaf.gif and b/typo3/sysext/t3skin/extjs/images/tree/leaf.gif differ
index 397b655..a45b4b1 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/window/icon-error.gif and b/typo3/sysext/t3skin/extjs/images/window/icon-error.gif differ
index 58281c3..fb2b401 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/window/icon-info.gif and b/typo3/sysext/t3skin/extjs/images/window/icon-info.gif differ
index 08abd82..a66a96e 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/window/icon-question.gif and b/typo3/sysext/t3skin/extjs/images/window/icon-question.gif differ
index 27ff98b..0d58b21 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/window/icon-warning.gif and b/typo3/sysext/t3skin/extjs/images/window/icon-warning.gif differ
index 28dfc98..f65f18b 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/window/left-corners.png and b/typo3/sysext/t3skin/extjs/images/window/left-corners.png differ
index 3f9ca47..944e2e9 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/window/left-right.png and b/typo3/sysext/t3skin/extjs/images/window/left-right.png differ
index f84ca07..e24b181 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/window/right-corners.png and b/typo3/sysext/t3skin/extjs/images/window/right-corners.png differ
index 2b13a33..463fa3c 100644 (file)
Binary files a/typo3/sysext/t3skin/extjs/images/window/top-bottom.png and b/typo3/sysext/t3skin/extjs/images/window/top-bottom.png differ
index c182840..6faaf17 100644 (file)
@@ -1,30 +1,55 @@
+/** 
+ * TYPO3 Backend colors defaults!
+ * 
+ * Colors:
+ * General Background  #EFEFF4
+ * Dark Grey                   #D7DBE2
+ * Text                                        #55545E
+ * headline Text               #FFFFFF
+ * Border                              #A2AAB8
+ * 
+ * Attributes:
+ * font-family                 verdana, arial, tahoma, helvetica, sans-serif
+ * font-size                   10px
+ */
+
+/* preliminary code for the tabmenu */ 
+.x-tab-panel-body .x-panel-body {
+       padding: 10px;
+       background-color: #EFEFF4;
+}
+.x-tab-strip-spacer { display: none; }
+.x-tab-strip { padding-left: 10px; }
+
+
+
 .x-panel {
        border-style: solid;
-       border-color: #d0d0d0;
+       border-color: #A2AAB8;
 }
 .x-panel-header {
        color:#333;
-       border:1px solid #d0d0d0;
+       border:1px solid #A2AAB8;
        background-image:url(images/panel/white-top-bottom.gif);
 }
 
 .x-panel-body {
-       border-color:#d0d0d0;
+       border-color:#A2AAB8;
 }
 
 .x-panel-bbar .x-toolbar {
-       border-color:#d0d0d0;
+       border-color:#A2AAB8;
 }
 
 .x-panel-tbar .x-toolbar {
-       border-color:#d0d0d0;
+       border-color:#A2AAB8;
 }
 
 .x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
-       border-color:#d0d0d0;
+       border-color:#A2AAB8;
 }
 .x-panel-body-noheader, .x-panel-mc .x-panel-body {
-       border-color:#d0d0d0;
+       border-color:#A2AAB8;
 }
 .x-panel-tl .x-panel-header {
        color:#333;
@@ -34,7 +59,7 @@
 }
 .x-panel-tl {
        background-image:url(images/panel/corners-sprite.gif);
-       border-color:#d0d0d0;
+       border-color:#A2AAB8;
 }
 .x-panel-tr {
        background-image:url(images/panel/corners-sprite.gif);
@@ -49,7 +74,7 @@
        background-image:url(images/panel/corners-sprite.gif);
 }
 .x-panel-mc {
-       background:#f1f1f1;
+       background:#EFEFF4;
 }
 .x-panel-mc .x-panel-body {
        background:transparent;
 
 /* Ghosting */
 .x-panel-ghost {
-       background:#e0e0e0;
+       background:#EFEFF4;
 }
 
 .x-panel-ghost ul {
-       border-color:#b0b0b0;
+       border-color:#A2AAB8;
 }
 
 .x-grid-panel .x-panel-mc .x-panel-body {
-       border:1px solid #d0d0d0;
+       border:1px solid #A2AAB8;
 }
 
 /* Buttons */
-
 .x-btn-left{
        background-image:url(images/button/btn-sprite.gif);
 }
 .x-btn-center{
        background-image:url(images/button/btn-sprite.gif);
 }
+.x-btn-noicon, .x-btn-small, .x-btn-text {
+       height:26px;
+}
 
 /* Layout classes */
-
 .x-border-layout-ct {
-       background:#f0f0f0;
+       background:#EFEFF4;
 }
 
 .x-accordion-hd {
 }
 
 .x-layout-collapsed{
-       background-color:#eee;
-       border-color:#e0e0e0;
+       background-color:#EFEFF4;
+       border-color:#A2AAB8;
 }
 .x-layout-collapsed-over{
-        background-color:#fbfbfb;
+        background-color:#EFEFF4;
 }
 
 
 /* Toolbars */
 
 .x-toolbar{
-       border-color:#d0d0d0;
-       background:#f0f4f5 url(images/toolbar/bg.gif) repeat-x top left;
+       border-color:#A2AAB8;
+       background:#EFEFF4 url(images/toolbar/bg.gif) repeat-x top left;
 }
 .x-toolbar button {
-       color:#444;
+       color:#fff;
 }
 .x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button {
        background-image:url(images/toolbar/btn-arrow.gif);
        background-image:url(images/toolbar/tb-btn-sprite.gif);
 }
 .x-toolbar .x-btn-over button {
-       color:#111;
+       color: #333;
 }
 .x-toolbar .x-btn-click .x-btn-left, .x-toolbar .x-btn-pressed .x-btn-left, .x-toolbar .x-btn-menu-active .x-btn-left{
        background-image:url(images/toolbar/tb-btn-sprite.gif);
 /* Tabs */
 
 .x-tab-panel-header, .x-tab-panel-footer {
-       background: #EAEAEA;
-       border-color:#d0d0d0;
+       background: #EFEFF4;
+       border-color:#A2AAB8;
 }
 
 
 .x-tab-panel-header {
-       border-color:#d0d0d0;
+       border-color:#A2AAB8;
 }
 
 .x-tab-panel-footer {
-       border-color:#d0d0d0;
+       border-color:#A2AAB8;
 }
 
 ul.x-tab-strip-top{
        background:#dbdbdb url(images/tabs/tab-strip-bg.gif) repeat-x left top;
-       border-color:#d0d0d0;
+       border-color:#A2AAB8;
        padding-top: 2px;
 }
 
 ul.x-tab-strip-bottom{
        background-image:url(images/tabs/tab-strip-btm-bg.gif);
-       border-color:#d0d0d0;
+       border-color:#A2AAB8;
 }
 
 .x-tab-strip span.x-tab-strip-text {
@@ -222,10 +248,12 @@ ul.x-tab-strip-bottom{
 
 .x-tab-strip-top .x-tab-right {
        background-image:url(images/tabs/tabs-sprite.gif);
+       padding-left:15px;
 }
 
 .x-tab-strip-top .x-tab-left {
        background-image:url(images/tabs/tabs-sprite.gif);
+       padding-right: 15px;
 }
 .x-tab-strip-top .x-tab-strip-inner {
        background-image:url(images/tabs/tabs-sprite.gif);
@@ -255,37 +283,37 @@ ul.x-tab-strip-bottom{
 }
 
 .x-tab-panel-body {
-       border-color:#d0d0d0;
-       background:#fff;
+       border-color:#A2AAB8;
+       background:#EFEFF4;
 }
 .x-tab-panel-bbar .x-toolbar {
-       border-color: #d0d0d0;
+       border-color: #A2AAB8;
 }
 
 .x-tab-panel-tbar .x-toolbar {
-       border-color: #d0d0d0;
+       border-color: #A2AAB8;
 }
 
 .x-tab-panel-header-plain .x-tab-strip-spacer,
 .x-tab-panel-footer-plain .x-tab-strip-spacer {
-       border-color:#d0d0d0;
+       border-color:#A2AAB8;
        background: #eaeaea;
 }
 
 .x-tab-scroller-left {
        background-image: url(images/tabs/scroll-left.gif);
-       border-color:#aeaeae;
+       border-color:#A2AAB8;
 }
 .x-tab-scroller-right {
        background-image: url(images/tabs/scroll-right.gif);
-       border-color:#aeaeae;
+       border-color:#A2AAB8;
 }
 
 /* Window */
 
 .x-window-proxy {
        background:#e0e0e0;
-       border-color:#b0b0b0;
+       border-color:#A2AAB8;
 }
 
 .x-window-tl .x-window-header {
@@ -310,7 +338,7 @@ ul.x-tab-strip-bottom{
        background-image:url(images/window/right-corners.png);
 }
 .x-window-mc {
-       border:1px solid #d0d0d0;
+       border:1px solid #A2AAB8;
        background:#e8e8e8;
 }
 
@@ -321,36 +349,36 @@ ul.x-tab-strip-bottom{
        background-image:url(images/window/left-right.png);
 }
 .x-panel-ghost .x-window-tl {
-       border-color:#d0d0d0;
+       border-color:#A2AAB8;
 }
 .x-panel-collapsed .x-window-tl {
-       border-color:#d0d0d0;
+       border-color:#A2AAB8;
 }
 
 .x-window-plain .x-window-mc {
-       background: #e8e8e8;
+       background: #EFEFF4;
        border-right:1px solid #eee;
        border-bottom:1px solid #eee;
-       border-top:1px solid #d0d0d0;
-       border-left:1px solid #d0d0d0;
+       border-top:1px solid #A2AAB8;
+       border-left:1px solid #A2AAB8;
 }
 
 .x-window-plain .x-window-body {
        border-left:1px solid #eee;
        border-top:1px solid #eee;
-       border-bottom:1px solid #d0d0d0;
-       border-right:1px solid #d0d0d0;
+       border-bottom:1px solid #A2AAB8;
+       border-right:1px solid #A2AAB8;
        background:transparent !important;
 }
 
 body.x-body-masked .x-window-mc, body.x-body-masked .x-window-plain .x-window-mc {
-       background-color: #e4e4e4;
+       background-color: #EFEFF4;
 }
 
 
 /* misc */
 .x-html-editor-wrap {
-       border-color:#d0d0d0;
+       border-color:#A2AAB8;
 }
 
 /* Borders go last for specificity */
@@ -360,17 +388,17 @@ body.x-body-masked .x-window-mc, body.x-body-masked .x-window-plain .x-window-mc
 
 .x-panel-noborder .x-panel-header-noborder {
        border-width:0;
-       border-bottom:1px solid #d0d0d0;
+       border-bottom:1px solid #A2AAB8;
 }
 
 .x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
        border-width:0;
-       border-bottom:1px solid #d0d0d0;
+       border-bottom:1px solid #A2AAB8;
 }
 
 .x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
        border-width:0;
-       border-top:1px solid #d0d0d0;
+       border-top:1px solid #A2AAB8;
 }
 
 .x-window-noborder .x-window-mc {
@@ -399,12 +427,12 @@ body.x-body-masked .x-window-mc, body.x-body-masked .x-window-plain .x-window-mc
 
 .x-tab-panel-bbar-noborder .x-toolbar {
        border-width:0;
-       border-top:1px solid #d0d0d0;
+       border-top:1px solid #A2AAB8;
 }
 
 .x-tab-panel-tbar-noborder .x-toolbar {
        border-width:0;
-       border-bottom:1px solid #d0d0d0;
+       border-bottom:1px solid #A2AAB8;
 }
 
 
@@ -421,14 +449,14 @@ body.x-body-masked .x-window-mc, body.x-body-masked .x-window-plain .x-window-mc
 
 .ext-el-mask-msg {
        border-color:#8f8f8f;
-       background-color:#d7d7d7;
+       background-color:#EFEFF4;
        background-image:url(images/box/tb-gray.gif);
 }
 .ext-el-mask-msg div {
-       background-color: #eee;
+       background-color: #EFEFF4;
        border-color:#ccc;
        color:#222;
-       font:normal 11px arial, tahoma, helvetica, sans-serif;
+       font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
 }
 
 .x-mask-loading div {
@@ -454,11 +482,11 @@ body.x-body-masked .x-window-mc, body.x-body-masked .x-window-plain .x-window-mc
 
 .x-color-palette a:hover, .x-color-palette a.x-color-palette-sel {
        border-color:#b4b4b4;
-       background-color: #ebebeb;
+       background-color: #EFEFF4;
 }
 
 .x-color-palette em {
-       border-color:#aca899;
+       border-color:#A2AAB8;
 }
 
 .x-ie-shadow {
@@ -478,7 +506,7 @@ body.x-body-masked .x-window-mc, body.x-body-masked .x-window-plain .x-window-mc
 }
 
 .loading-indicator {
-       font-size: 11px;
+       font-size: 10px;
        background-image: url(images/grid/loading.gif);
 }
 
@@ -487,46 +515,47 @@ body.x-body-masked .x-window-mc, body.x-body-masked .x-window-plain .x-window-mc
 }
 
 .x-tab-panel-header, .x-tab-panel-footer {
-       background-color: #ebebeb;
-       border-color:#d0d0d0;
+       background-color: #EFEFF4;
+       border-color:#A2AAB8;
        overflow:hidden;
        zoom:1;
 }
 
 .x-tab-panel-header, .x-tab-panel-footer {
-       border-color:#d0d0d0;
+       border-color:#A2AAB8;
 }
 
 ul.x-tab-strip-top{
-       background-color:#dddddd;
+       background-color:#EFEFF4;
        background-image: url(images/tabs/tab-strip-bg.gif);
-       border-bottom-color:#d0d0d0;
+       border-bottom-color:#A2AAB8;
 }
 
 ul.x-tab-strip-bottom{
-       background-color:#dddddd;
+       background-color:#EFEFF4;
        background-image: url(images/tabs/tab-strip-btm-bg.gif);
-       border-top-color:#d0d0d0;
+       border-top-color:#A2AAB8;
 }
 
 .x-tab-panel-header-plain .x-tab-strip-spacer,
 .x-tab-panel-footer-plain .x-tab-strip-spacer {
-       border-color:#d0d0d0;
-       background-color: #ebebeb;
+       border-color:#A2AAB8;
+       background-color: #EFEFF4;
 }
 
 .x-tab-strip span.x-tab-strip-text {
-       font:normal 11px arial, tahoma, helvetica;
+       font:normal 10px verdana, arial, tahoma, helvetica;
        color:#686868;
+       padding-top:7px;
 }
 
 .x-tab-strip-over span.x-tab-strip-text {
-       color:#434343;
+       color:#55545E;
 }
 
 .x-tab-strip-active span.x-tab-strip-text {
-       color:#434343;
-       font-weight:bold;
+       color:#55545E;
+       /*font-weight:bold; no bold tabs in TYPO3 */
 }
 
 .x-tab-strip-disabled .x-tabs-text {
@@ -562,7 +591,7 @@ ul.x-tab-strip-bottom{
 }
 
 .x-tab-panel-body {
-       border-color:#d0d0d0;
+       border-color:#A2AAB8;
        background-color:#fff;
 }
 
@@ -576,7 +605,7 @@ ul.x-tab-strip-bottom{
 
 .x-tab-scroller-left {
        background-image:url(images/tabs/scroll-left.gif);
-       border-bottom-color:#d0d0d0;
+       border-bottom-color:#A2AAB8;
 }
 
 .x-tab-scroller-left-over {
@@ -593,19 +622,19 @@ ul.x-tab-strip-bottom{
 
 .x-tab-scroller-right {
        background-image:url(images/tabs/scroll-right.gif);
-       border-bottom-color:#d0d0d0;
+       border-bottom-color:#A2AAB8;
 }
 
 .x-tab-panel-bbar .x-toolbar, .x-tab-panel-tbar .x-toolbar {
-       border-color:#d0d0d0;
+       border-color:#A2AAB8;
 }
 .x-form-field{
-       font:normal 11px arial, tahoma, helvetica, sans-serif;
+       font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
 }
 
 .x-form-text, textarea.x-form-field{
        background-color:#fff;
-       background-image:url(images/form/text-bg.gif);
+       background-image: none;
        border-color:#b5b8c8;
 }
 
@@ -615,8 +644,8 @@ ul.x-tab-strip-bottom{
 }
 
 .x-form-check-group-label {
-       border-bottom: 1px solid #d0d0d0;
-       color: #434343;
+       border-bottom: 1px solid #A2AAB8;
+       color: #55545E;
 }
 
 .x-editor .x-form-check-wrap {
@@ -673,16 +702,16 @@ ul.x-tab-strip-bottom{
 }
 
 .x-form-grow-sizer {
-       font:normal 11px arial, tahoma, helvetica, sans-serif;
+       font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
 }
 
 .x-form-item {
-       font:normal 11px arial, tahoma, helvetica, sans-serif;
+       font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
 }
 
 .x-form-invalid-msg {
        color:#c0272b;
-       font:normal 11px arial, tahoma, helvetica, sans-serif;
+       font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
        background-image:url(images/shared/warning.gif);
 }
 
@@ -691,11 +720,11 @@ ul.x-tab-strip-bottom{
 }
 
 .x-small-editor .x-form-field {
-       font:normal 11px arial, tahoma, helvetica, sans-serif;
+       font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
 }
 
 .ext-safari .x-small-editor .x-form-field {
-       font:normal 11px arial, tahoma, helvetica, sans-serif;
+       font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
 }
 
 .x-form-invalid-icon {
@@ -707,17 +736,18 @@ ul.x-tab-strip-bottom{
 }
 
 .x-fieldset legend {
-       font:bold 11px arial, tahoma, helvetica, sans-serif;
-       color:#434343;
+       font:bold 10px verdana, arial, tahoma, helvetica, sans-serif;
+       color:#55545E;
 }
 
 .x-btn{
-       font:normal 11px arial, tahoma, verdana, helvetica;
+       font:normal 10px verdana, arial, tahoma, verdana, helvetica;
 }
 
 .x-btn button{
-       font:normal 11px arial,tahoma,verdana,helvetica;
-       color:#333;
+       font:normal 10px verdana, arial,tahoma,verdana,helvetica;
+       color:#fff;
+       font-weight: bold;
 }
 
 .x-btn em {
@@ -725,12 +755,12 @@ ul.x-tab-strip-bottom{
        font-weight:normal;
 }
 
-.x-btn-tl, .x-btn-tr, .x-btn-tc, .x-btn-ml, .x-btn-mr, .x-btn-mc, .x-btn-bl, .x-btn-br, .x-btn-bc{
+.x-btn-tl, .x-btn-tr, .x-btn-tc, .x-btn-ml, .x-btn-mr, .x-btn-mc, .x-btn-bl, .x-btn-br, .x-btn-bc {
        background-image:url(images/button/btn.gif);
 }
 
-.x-btn-click .x-btn-text, .x-btn-menu-active .x-btn-text, .x-btn-pressed .x-btn-text{
-       color:#000;
+.x-btn-click .x-btn-text, .x-btn-menu-active .x-btn-text, .x-btn-pressed .x-btn-text {
+       color:#fff;
 }
 
 .x-btn-disabled *{
@@ -800,13 +830,13 @@ ul.x-tab-strip-bottom{
        background-image: url(images/button/group-tb.gif);
 }
 .x-toolbar{
-       border-color:#d0d0d0;
-       background-color:#dddddd;
+       border-color:#A2AAB8;
+       background-color:#EFEFF4;
        background-image:url(images/toolbar/bg.gif);
 }
 
 .x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{
-       font:normal 11px arial,tahoma, helvetica, sans-serif;
+       font:normal 10px verdana, arial,tahoma, helvetica, sans-serif;
 }
 
 .x-toolbar .x-item-disabled {
@@ -894,7 +924,7 @@ ul.x-tab-strip-bottom{
 }
 
 .x-statusbar .x-status-text-panel {
-       border-color: #d0d0d0 #fff #fff #d0d0d0;
+       border-color: #A2AAB8 #fff #fff #A2AAB8;
 }
 .x-resizable-handle {
        background-color:#fff;
@@ -939,16 +969,16 @@ ul.x-tab-strip-bottom{
 }
 
 .x-grid-panel .x-panel-mc .x-panel-body {
-       border-color:#d0d0d0;
+       border-color:#A2AAB8;
 }
 
 .x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td{
-       font:normal 11px arial, tahoma, helvetica, sans-serif;
+       font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
 }
 
 .x-grid3-hd-row td {
-       border-left-color:#eee;
-       border-right-color:#d0d0d0;
+       border-left-color:#EFEFF4;
+       border-right-color:#A2AAB8;
 }
 
 .x-grid-row-loading {
@@ -985,11 +1015,11 @@ ul.x-tab-strip-bottom{
 }
 
 .x-grid3-header-pop {
-       border-left-color:#d0d0d0;
+       border-left-color:#A2AAB8;
 }
 
 .x-grid3-header-pop-inner {
-       border-left-color:#eee;
+       border-left-color:#EFEFF4;
        background-image:url(images/grid/hd-pop.gif);
 }
 
@@ -1021,7 +1051,7 @@ td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-as
 }
 
 .x-grid3-hd-text {
-       color:#434343;
+       color:#55545E;
 }
 
 .x-dd-drag-proxy .x-grid3-hd-inner{
@@ -1066,7 +1096,7 @@ td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-as
 }
 
 .x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{
-       color:#434343 !important;
+       color:#55545E !important;
 }
 
 .x-grid3-dirty-cell {
@@ -1074,7 +1104,7 @@ td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-as
 }
 
 .x-grid3-topbar, .x-grid3-bottombar{
-       font:normal 11px arial, tahoma, helvetica, sans-serif;
+       font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
 }
 
 .x-grid3-bottombar .x-toolbar{
@@ -1088,7 +1118,7 @@ td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-as
 
 .x-props-grid .x-grid3-body .x-grid3-td-name{
        background-color:#fff !important;
-       border-right-color:#eee;
+       border-right-color:#EFEFF4;
 }
 
 .xg-hmenu-sort-asc .x-menu-item-icon{
@@ -1159,14 +1189,14 @@ td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-as
 }
 
 .x-grid-group-hd {
-       border-bottom-color:#d0d0d0;
+       border-bottom-color:#A2AAB8;
 }
 
 .x-grid-group-hd div.x-grid-group-title { 
        background-image:url(images/grid/group-expand-sprite.gif);
        background-position: 3px -46px;
        color:#3764a0;
-       font:bold 11px arial, tahoma, helvetica, sans-serif;
+       font:bold 10px verdana, arial, tahoma, helvetica, sans-serif;
 }
 
 .x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title {
@@ -1188,7 +1218,7 @@ td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-as
 
 .x-grid-empty {
        color:gray;
-       font:normal 11px arial, tahoma, helvetica, sans-serif;
+       font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
 }
 
 .x-grid-with-col-lines .x-grid3-row td.x-grid3-cell {
@@ -1204,7 +1234,7 @@ td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-as
 }
 .x-dd-drag-ghost{
        color:#000;
-       font: normal 11px arial, helvetica, sans-serif;
+       font: normal 10px verdana, arial, helvetica, sans-serif;
        border-color: #ddd #bbb #bbb #ddd;
        background-color:#fff;
 }
@@ -1321,7 +1351,7 @@ td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-as
 
 .x-tree-node{
        color:#000;
-       font: normal 11px arial, tahoma, helvetica, sans-serif;
+       font: normal 10px verdana, arial, tahoma, helvetica, sans-serif;
 }
 
 .x-tree-node a, .x-dd-drag-ghost a{
@@ -1358,7 +1388,7 @@ td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-as
 }
 
 .x-tree-node .x-tree-node-over {
-       background-color: #eee;
+       background-color: #EFEFF4;
 }
 
 .x-tree-node .x-tree-selected {
@@ -1388,7 +1418,11 @@ td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-as
 .x-date-middle,.x-date-left,.x-date-right {
        background-image: url(images/shared/hd-sprite.gif);
        color:#fff;
-       font:bold 11px arial, "sans serif", tahoma, verdana, helvetica;
+       font:bold 10px verdana, arial, "sans serif", tahoma, verdana, helvetica;
+}
+
+.x-date-left,.x-date-right {
+       padding-top:5px;
 }
 
 .x-date-middle .x-btn .x-btn-text {
@@ -1408,10 +1442,10 @@ td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-as
 }
 
 .x-date-inner th {
-       background-color:#ebebeb;
+       background-color:#EFEFF4;
        background-image:url(images/shared/glass-bg.gif);
-       border-bottom-color:#d0d0d0;
-       font:normal 11px arial, helvetica,tahoma,sans-serif;
+       border-bottom-color:#A2AAB8;
+       font:normal 10px verdana, arial, helvetica,tahoma,sans-serif;
        color:#3d3d3d;
 }
 
@@ -1420,7 +1454,7 @@ td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-as
 }
 
 .x-date-inner a {
-       font:normal 11px arial, helvetica,tahoma,sans-serif;
+       font:normal 10px verdana, arial, helvetica,tahoma,sans-serif;
        color:#000;
 }
 
@@ -1429,7 +1463,7 @@ td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-as
 }
 
 .x-date-inner .x-date-selected a{
-       background-color:#ebebeb;
+       background-color:#EFEFF4;
        background-image:url(images/shared/glass-bg.gif);
        border-color:#afafaf;
 }
@@ -1447,8 +1481,8 @@ td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-as
 }
 
 .x-date-bottom {
-       border-top-color:#d0d0d0;
-       background-color:#ebebeb;
+       border-top-color:#A2AAB8;
+       background-color:#EFEFF4;
        background-image:url(images/shared/glass-bg.gif);
 }
 
@@ -1458,7 +1492,7 @@ td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-as
 }
 
 .x-date-inner .x-date-disabled a {
-       background-color:#eee;
+       background-color:#EFEFF4;
        color:#bbb;
 }
 
@@ -1467,7 +1501,7 @@ td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-as
 }
 
 .x-date-mmenu .x-menu-item {
-       font-size:11px;
+       font-size:10px;
        color:#000;
 }
 
@@ -1476,36 +1510,36 @@ td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-as
 }
 
 .x-date-mp td {
-       font:normal 11px arial, helvetica,tahoma,sans-serif;
+       font:normal 10px verdana, arial, helvetica,tahoma,sans-serif;
 }
 
 .x-date-mp-btns button {
-       background-color:#373737;
+       background-color:#A2AAB8;
        color:#fff;
        border-color: #686868 #101010 #101010 #686868;
-       font:normal 11px arial, helvetica,tahoma,sans-serif;
+       font:normal 10px verdana, arial, helvetica,tahoma,sans-serif;
 }
 
 .x-date-mp-btns {
-       background-color: #ebebeb;
+       background-color: #EFEFF4;
        background-image: url(images/shared/glass-bg.gif);
 }
 
 .x-date-mp-btns td {
-       border-top-color: #d0d0d0;
+       border-top-color: #A2AAB8;
 }
 
 td.x-date-mp-month a,td.x-date-mp-year a {
-       color:#434343;
+       color:#55545E;
 }
 
 td.x-date-mp-month a:hover,td.x-date-mp-year a:hover {
-       color:#434343;
+       color:#55545E;
        background-color: #eaeaea;
 }
 
 td.x-date-mp-sel a {
-       background-color: #ebebeb;
+       background-color: #EFEFF4;
        background-image: url(images/shared/glass-bg.gif);
        border-color:#afafaf;
 }
@@ -1515,7 +1549,7 @@ td.x-date-mp-sel a {
 }
 
 td.x-date-mp-sep {
-   border-right-color:#d0d0d0;
+   border-right-color:#A2AAB8;
 }
 .x-tip .x-tip-close{
        background-image: url(images/qtip/close.gif);
@@ -1526,19 +1560,19 @@ td.x-date-mp-sep {
 }
 
 .x-tip .x-tip-mc {
-       font: normal 11px arial,tahoma,helvetica,sans-serif;
+       font: normal 10px verdana, arial,tahoma,helvetica,sans-serif;
 }
 .x-tip .x-tip-ml {
        background-color: #fff;
 }
 
 .x-tip .x-tip-header-text {
-       font: bold 11px arial, tahoma, helvetica,sans-serif;
+       font: bold 10px verdana, arial, tahoma, helvetica,sans-serif;
        color:#444;
 }
 
 .x-tip .x-tip-body {
-       font: normal 11px arial, tahoma, helvetica,sans-serif;
+       font: normal 10px verdana, arial, tahoma, helvetica,sans-serif;
        color:#444;
 }
 
@@ -1566,7 +1600,7 @@ td.x-date-mp-sep {
 }
 
 .x-menu-list-item{
-       font:normal 11px arial,tahoma, sans-serif;
+       font:normal 10px verdana, arial,tahoma, sans-serif;
 }
 
 .x-menu-item-arrow{
@@ -1612,7 +1646,7 @@ a.x-menu-item {
 }
 
 .x-menu .x-date-picker{
-       border-color:#d0d0d0;
+       border-color:#A2AAB8;
 }
 
 .x-cycle-menu .x-menu-item-checked {
@@ -1645,11 +1679,11 @@ a.x-menu-item {
 }
 
 .x-box-mc {
-       background-color: #eee;
+       background-color: #EFEFF4;
        background-image: url(images/box/tb.gif);
-       font-family: "Arial", "Myriad Pro","Myriad Web","Tahoma","Helvetica",sans-serif;
+       font-family: verdana, "Arial", "Myriad Pro","Myriad Web","Tahoma","Helvetica",sans-serif;
        color: #393939;
-       font-size: 11px;
+       font-size: 10px;
        font-weight: bold;
 }
 
@@ -1699,7 +1733,7 @@ a.x-menu-item {
 }
 #x-debug-browser .x-tree .x-tree-node a span {
        color:#333333;
-       font-size:11px;
+       font-size:10px;
        font-family:"monotype","courier new",sans-serif;
 }
 
@@ -1718,7 +1752,7 @@ a.x-menu-item {
 .x-combo-list {
        border-color:#bcbcbc;
        background-color:#eaeaea;
-       font:normal 12px arial, tahoma, helvetica, sans-serif;
+       font:normal 12px verdana, arial, tahoma, helvetica, sans-serif;
 }
 
 .x-combo-list-inner {
@@ -1726,8 +1760,8 @@ a.x-menu-item {
 }
 
 .x-combo-list-hd {
-       font:bold 11px arial, tahoma, helvetica, sans-serif;
-       color:#434343;
+       font:bold 10px verdana, arial, tahoma, helvetica, sans-serif;
+       color:#55545E;
        background-image: url(images/layout/panel-title-light-bg.gif);
        border-bottom-color:#bcbcbc;
 }
@@ -1750,41 +1784,41 @@ a.x-menu-item {
 }
 
 .x-combo-list-small {
-       font:normal 11px arial, tahoma, helvetica, sans-serif;
+       font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
 }
 .x-panel {
-       border-color: #d0d0d0;
+       border-color: #A2AAB8;
 }
 
 .x-panel-header {
-       color:#434343;
+       color: #fff;
        font-weight:bold;
-       font-size: 11px;
-       font-family: arial,tahoma,verdana,sans-serif;
-       border-color:#d0d0d0;
+       font-size: 10px;
+       font-family: verdana, arial,tahoma,verdana,sans-serif;
+       border-color:#A2AAB8;
        background-image: url(images/panel/white-top-bottom.gif);
 }
 
 .x-panel-body {
-       border-color: #d0d0d0;
+       border-color: #A2AAB8;
        background-color:#fff;
 }
 
 .x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar {
-       border-color: #d0d0d0;
+       border-color: #A2AAB8;
 }
 
 .x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
-       border-top-color: #d0d0d0;
+       border-top-color: #A2AAB8;
 }
 
 .x-panel-body-noheader, .x-panel-mc .x-panel-body {
-       border-top-color: #d0d0d0;
+       border-top-color: #A2AAB8;
 }
 
 .x-panel-tl .x-panel-header {
-       color:#434343;
-       font:bold 11px arial,tahoma,verdana,sans-serif;
+       color:#55545E;
+       font:bold 10px verdana, arial,tahoma,verdana,sans-serif;
 }
 
 .x-panel-tc {
@@ -1793,7 +1827,7 @@ a.x-menu-item {
 
 .x-panel-tl, .x-panel-tr, .x-panel-bl,  .x-panel-br{
        background-image: url(images/panel/corners-sprite.gif);
-       border-bottom-color: #d0d0d0;
+       border-bottom-color: #A2AAB8;
 }
 
 .x-panel-bc {
@@ -1801,7 +1835,7 @@ a.x-menu-item {
 }
 
 .x-panel-mc {
-       font: normal 11px arial,tahoma,helvetica,sans-serif;
+       font: normal 10px verdana, arial,tahoma,helvetica,sans-serif;
        background-color:#efefef;
 }
 
@@ -1823,25 +1857,27 @@ a.x-menu-item {
 }
 
 .x-panel-ghost ul {
-       border-color:#d0d0d0;
+       border-color:#A2AAB8;
 }
 
 .x-panel-dd-spacer {
-       border-color:#d0d0d0;
+       border-color:#A2AAB8;
 }
 
 .x-panel-fbar td,.x-panel-fbar span,.x-panel-fbar input,.x-panel-fbar div,.x-panel-fbar select,.x-panel-fbar label{
-       font:normal 11px arial,tahoma, helvetica, sans-serif;
+       font:normal 10px verdana, arial,tahoma, helvetica, sans-serif;
 }
 
 .x-window-proxy {
        background-color:#dcdcdc;
-       border-color:#d0d0d0;
+       border-color:#A2AAB8;
 }
 
+/* Modal dialog title/header bar */
 .x-window-tl .x-window-header {
-       color:#434343;
-       font:bold 11px arial,tahoma,verdana,sans-serif;
+       color:#fff;
+       font:bold 10px verdana, arial,tahoma,verdana,sans-serif;
+       padding:4px 0 4px 0;
 }
 
 .x-window-tc {
@@ -1869,8 +1905,8 @@ a.x-menu-item {
 }
 
 .x-window-mc {
-       border-color:#d0d0d0;
-       font: normal 11px arial,tahoma,helvetica,sans-serif;
+       border-color:#A2AAB8;
+       font: normal 10px verdana, arial,tahoma,helvetica,sans-serif;
        background-color:#e7e7e7;
 }
 
@@ -1887,11 +1923,11 @@ a.x-menu-item {
 }
 
 .x-window-bbar .x-toolbar {
-       border-top-color:#d0d0d0;
+       border-top-color:#A2AAB8;
 }
 
 .x-panel-ghost .x-window-tl {
-       border-bottom-color:#d0d0d0;
+       border-bottom-color:#A2AAB8;
 }
 
 .x-panel-collapsed .x-window-tl {
@@ -1903,7 +1939,7 @@ a.x-menu-item {
 }
 
 .x-window-plain .x-window-mc {
-       background-color: #ebebeb;
+       background-color: #EFEFF4;
        border-color: #b9b9b9 #efefef #efefef #b9b9b9;
 }
 
@@ -1922,23 +1958,23 @@ body.x-body-masked .x-window-plain .x-window-mc {
        background-image:url(images/editor/tb-sprite.gif);
 }
 .x-panel-noborder .x-panel-header-noborder {
-       border-bottom-color:#d0d0d0;
+       border-bottom-color:#A2AAB8;
 }
 
 .x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
-       border-bottom-color:#d0d0d0;
+       border-bottom-color:#A2AAB8;
 }
 
 .x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
-       border-top-color:#d0d0d0;
+       border-top-color:#A2AAB8;
 }
 
 .x-tab-panel-bbar-noborder .x-toolbar {
-       border-top-color:#d0d0d0;
+       border-top-color:#A2AAB8;
 }
 
 .x-tab-panel-tbar-noborder .x-toolbar {
-       border-bottom-color:#d0d0d0;
+       border-bottom-color:#A2AAB8;
 }
 .x-border-layout-ct {
        background-color:#f0f0f0;
@@ -2005,7 +2041,7 @@ body.x-body-masked .x-window-plain .x-window-mc {
 }
 
 .x-progress-text {
-       font-size:11px;
+       font-size:10px;
        font-weight:bold;
        color:#fff;
 }
@@ -2020,19 +2056,19 @@ body.x-body-masked .x-window-plain .x-window-mc {
 
 .x-list-header-inner div em {
        border-left-color:#ddd;
-       font:normal 11px arial, tahoma, helvetica, sans-serif;
+       font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
 }
 
 .x-list-body dt em {
-       font:normal 11px arial, tahoma, helvetica, sans-serif;
+       font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
 }
 
 .x-list-over {
-       background-color:#eee;
+       background-color:#EFEFF4;
 }
 
 .x-list-selected {
-       background-color:#e7e7e7;
+       background-color:#EFEFF4;
 }
 
 .x-list-resizer {
@@ -2042,7 +2078,7 @@ body.x-body-masked .x-window-plain .x-window-mc {
 
 .x-list-header-inner em.sort-asc, .x-list-header-inner em.sort-desc {
        background-image:url(images/grid/sort-hd.gif);
-       border-color: #d0d0d0;
+       border-color: #A2AAB8;
 }
 .x-slider-horz, .x-slider-horz .x-slider-end, .x-slider-horz .x-slider-inner {
        background-image:url(images/slider/slider-bg.png);
@@ -2063,9 +2099,13 @@ body.x-body-masked .x-window-plain .x-window-mc {
 .x-window-dlg .x-window-header-text {
        font-size:12px;
 }
+/* defines the header text in the draggable area of a modal window */
+.x-window-dlg .x-window-header-text {
+       color: #fff;
+}
 
 .x-window-dlg .ext-mb-textarea {
-       font:normal 12px arial,tahoma,helvetica,sans-serif;
+       font:normal 12px verdana, arial,tahoma,helvetica,sans-serif;
 }
 
 .x-window-dlg .x-msg-box-wait {
@@ -2094,6 +2134,39 @@ body.x-body-masked .x-window-plain .x-window-mc {
        border:1px solid #dedede;
 }
 .x-form fieldset legend {
-       font: bold 11px arial, verdana, tahoma, helvetica, sans-serif;
+       font: bold 10px verdana, arial, verdana, tahoma, helvetica, sans-serif;
        color: #606060;
-}
\ No newline at end of file
+}
+
+/* Pagetree */
+.x-layout-split {
+       background-color: #aeb6c1;
+}
+
+#widget-navigation-tree .x-panel-noborder .x-panel-body-noborder {
+       background-color: #efeff4;
+}
+
+#widget-navigation-tree {
+       background-color: #00f;
+}
+
+#widget-navigation-tree-tree {
+       background-color: #0f0;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/typo3/sysext/t3skin/icons/gfx/bg_input_button.gif b/typo3/sysext/t3skin/icons/gfx/bg_input_button.gif
new file mode 100644 (file)
index 0000000..850cf01
Binary files /dev/null and b/typo3/sysext/t3skin/icons/gfx/bg_input_button.gif differ
diff --git a/typo3/sysext/t3skin/icons/gfx/bg_input_button_hover.gif b/typo3/sysext/t3skin/icons/gfx/bg_input_button_hover.gif
new file mode 100644 (file)
index 0000000..b927fb3
Binary files /dev/null and b/typo3/sysext/t3skin/icons/gfx/bg_input_button_hover.gif differ
index c6cda75..ae87ca9 100644 (file)
Binary files a/typo3/sysext/t3skin/icons/gfx/required_h.gif and b/typo3/sysext/t3skin/icons/gfx/required_h.gif differ
index 9790f5c..022bb4c 100644 (file)
@@ -26,11 +26,19 @@ Description : styles the TYPO3 backend
 /* ----- Logout ----- */
 
 #logout-button input {
-       background-color: #a2aab8;
-       color: #fff;
-       border: 1px solid #888;
+       background: #c3c7ce url('../icons/gfx/bg_input_button.gif') repeat-x;
+       color: #333;
+       border: 1px solid #ACB3BE;
        height: 18px;
        line-height: 14px;
        vertical-align: baseline;
        text-align: center;
+       padding: 0;
+       cursor: pointer;
+}
+
+#logout-button input:hover {
+       background: #c3c7ce url('../icons/gfx/bg_input_button_hover.gif') repeat-x;
+       color: #000;
+       border: 1px solid #737F91;
 }
\ No newline at end of file
index 998c29f..4538777 100644 (file)
@@ -17,4 +17,20 @@ Description : fixes the stupid Internet Explorer
 
 #typo3-menu li div.collapsed {
        background-image: url('../../../gfx/ie6/arrowright.gif');
+}
+
+/* Input/submit should at least have a background color in IE6 */
+#typo3-inner-docbody table.typo3-page-buttons INPUT,  
+#typo3-inner-docbody table.typo3-page-cols INPUT {
+       background-color: #C3C6CB;
+       border-bottom: 2px solid #8B93A0;
+       border-right: 2px solid #727983;
+       cursor: pointer;
+}
+
+#typo3-dblist-search input[type="submit"] {
+       background: #C3C6CB;
+       color: #000;
+       border: 1px solid #737F91;
+       cursor: pointer;
 }
\ No newline at end of file
index 613c128..eb60efc 100644 (file)
@@ -104,11 +104,54 @@ textarea:focus, input:focus {
        border-bottom: 1px solid #777777;
 }
 
+/* Reformatting of the submit buttons */
+input[type="submit"] {
+       border-top: none;
+       border-left: none;
+       border-right: none;
+       border-bottom: none;
+}
+
+input[type="submit"] {
+       background-color: #c3c7ce;
+       background: url('../icons/gfx/bg_input_button.gif') repeat-x;
+       color: #333;
+       border: 1px solid #ACB3BE;
+       padding: 2px 4px 2px 4px;
+       cursor: pointer;
+}
+
+input[type="submit"]:hover {
+       background: #c3c7ce url('../icons/gfx/bg_input_button_hover.gif') repeat-x;
+       color: #000;
+       border: 1px solid #737F91;
+       cursor: pointer;
+}
+
+/* Special treatment for searchfield on page */
+#typo3-dblist-search input[type="submit"] {
+       background: #c3c7ce url('../icons/gfx/bg_input_button.gif') repeat-x;
+       color: #333;
+       border: 1px solid #ACB3BE;
+       padding: 0 4px 2px 4px;
+       margin-left: 5px;
+       height: 19px;
+       cursor: pointer;
+}
+
+#typo3-dblist-search input[type="submit"]:hover {
+       background: #c3c7ce url('../icons/gfx/bg_input_button_hover.gif') repeat-x;
+       color: #000;
+       border: 1px solid #737F91;
+       cursor: pointer;
+}
+
 .checkbox,
 .checkbox:hover,
 input[type="checkbox"] {
        border: none;
        background: none;
+       cursor: pointer;
 }
 
 .checkbox,
@@ -163,8 +206,8 @@ h4 {
 
 /* Icons */
 .t3icon-ext-upload {
-       background: url('../icons/gfx/upload.gif') 1px 2px no-repeat !important;
+       background: url('../icons/gfx/upload.gif') 1px 1px no-repeat !important;
 }
 .t3icon-ext-cancel {
-       background: url('../icons/gfx/icon_fatalerror.gif') 1px 2px no-repeat !important;
+       background: url('../icons/gfx/icon_fatalerror.gif') 1px 1px no-repeat !important;
 }