Added feature #14490: A new skin for the TYPO3 Backend (Thanks to Steffen Gebert...
authorBenni Mack <benni.mack@typo3.org>
Fri, 28 May 2010 19:44:12 +0000 (19:44 +0000)
committerBenni Mack <benni.mack@typo3.org>
Fri, 28 May 2010 19:44:12 +0000 (19:44 +0000)
git-svn-id: https://svn.typo3.org/TYPO3v4/Core/trunk@7725 709f56b5-9817-0410-a4d7-c38de5d9e867

57 files changed:
ChangeLog
NEWS.txt
typo3/gfx/typo3logo_mini.png
typo3/stylesheets/structure/topbar.css
typo3/stylesheets/visual/main_content.css
typo3/sysext/opendocs/opendocs.css
typo3/sysext/recycler/res/css/customExtJs.css
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/icons/common-input-clear.png
typo3/sysext/t3skin/icons/gfx/filter_bg.gif
typo3/sysext/t3skin/icons/gfx/ol/join.gif
typo3/sysext/t3skin/icons/gfx/ol/joinbottom.gif
typo3/sysext/t3skin/icons/gfx/ol/jointop.gif
typo3/sysext/t3skin/icons/gfx/ol/line.gif
typo3/sysext/t3skin/icons/gfx/ol/minus.gif
typo3/sysext/t3skin/icons/gfx/ol/minusbottom.gif
typo3/sysext/t3skin/icons/gfx/ol/minusonly.gif
typo3/sysext/t3skin/icons/gfx/ol/minustop.gif
typo3/sysext/t3skin/icons/gfx/ol/plus.gif
typo3/sysext/t3skin/icons/gfx/ol/plusbottom.gif
typo3/sysext/t3skin/icons/gfx/ol/plusonly.gif
typo3/sysext/t3skin/stylesheets/structure/element_csm.css
typo3/sysext/t3skin/stylesheets/structure/element_docheader.css
typo3/sysext/t3skin/stylesheets/structure/element_tree.css
typo3/sysext/t3skin/stylesheets/structure/login_screen.css
typo3/sysext/t3skin/stylesheets/structure/main_content.css
typo3/sysext/t3skin/stylesheets/structure/module_file_list.css
typo3/sysext/t3skin/stylesheets/structure/module_menu.css
typo3/sysext/t3skin/stylesheets/structure/module_user_settings.css
typo3/sysext/t3skin/stylesheets/structure/module_web_list.css
typo3/sysext/t3skin/stylesheets/structure/module_web_page.css
typo3/sysext/t3skin/stylesheets/structure/toolbar.css
typo3/sysext/t3skin/stylesheets/structure/toolbar_logout.css
typo3/sysext/t3skin/stylesheets/structure/toolbar_username.css
typo3/sysext/t3skin/stylesheets/structure/topbar.css
typo3/sysext/t3skin/stylesheets/visual/element_clipboard.css
typo3/sysext/t3skin/stylesheets/visual/element_csh.css
typo3/sysext/t3skin/stylesheets/visual/element_csm.css
typo3/sysext/t3skin/stylesheets/visual/element_docheader.css
typo3/sysext/t3skin/stylesheets/visual/element_tab.css
typo3/sysext/t3skin/stylesheets/visual/element_tceforms.css
typo3/sysext/t3skin/stylesheets/visual/login_screen.css
typo3/sysext/t3skin/stylesheets/visual/main_body.css
typo3/sysext/t3skin/stylesheets/visual/main_content.css
typo3/sysext/t3skin/stylesheets/visual/module_file_list.css
typo3/sysext/t3skin/stylesheets/visual/module_menu.css
typo3/sysext/t3skin/stylesheets/visual/module_user_settings.css [deleted file]
typo3/sysext/t3skin/stylesheets/visual/module_web_list.css
typo3/sysext/t3skin/stylesheets/visual/module_web_page.css
typo3/sysext/t3skin/stylesheets/visual/page_tree.css [deleted file]
typo3/sysext/t3skin/stylesheets/visual/toolbar.css
typo3/sysext/t3skin/stylesheets/visual/toolbar_logout.css
typo3/sysext/t3skin/stylesheets/visual/toolbar_username.css
typo3/sysext/t3skin/stylesheets/visual/topbar.css

index df43d24..6baf960 100755 (executable)
--- a/ChangeLog
+++ b/ChangeLog
@@ -33,6 +33,7 @@
 
 2010-05-28  Benjamin Mack  <benni@typo3.org>
 
+       * Added feature #14490: A new skin for the TYPO3 Backend (Thanks to Steffen Gebert and Lars Zimmermann)
        * Fixed bug #14342: t3lib_compressor does not rewrite "data:" URIs (Thanks to Steffen Gebert)
 
 2010-05-28  Sebastian Kurfuerst  <sebastian@typo3.org>
index 4da2a3b..e9e66d3 100644 (file)
--- a/NEWS.txt
+++ b/NEWS.txt
@@ -8,6 +8,8 @@ General
 
        * TYPO3 requires PHP 5.2 now
 
+       * There is now a complete new Backend skin for all modules, the login screen and the install tool. It is still called "t3skin", however due to the use of icon sprites and the refactoring of the CSS files, it is not possible anymore to run the TYPO3 backend with the old backend skin (from 3.x), the t3skin look and feel from the previous 4.x versions can be obtained by the TER, but is not actively maintained anymore.
+
        * The static templates for some basic designs that were part of the TYPO3 Core since TYPO3 3.5 are now moved to a system extension that is not included by default. If you are using one of these templates (GLUECK, GREEN, CANDIDATE etc) or one of the old table-based layouts for rendering content (like content (default) or plaintext rendering), make sure to install the system extension via the TYPO3 Installer.
 
        * The RTE has undergone major changes as UI components have been transformed into ExtJS widgets:
index 7f731f4..a7ac2e3 100644 (file)
Binary files a/typo3/gfx/typo3logo_mini.png and b/typo3/gfx/typo3logo_mini.png differ
index c884246..2093aa4 100644 (file)
@@ -5,7 +5,7 @@ $Id$
 - - - - - - - - - - - - - - - - - - - - - */
 
 #typo3-topbar {
-       height: 25px;
+       height: 42px;
 }
 
 #typo3-logo {
index 047a626..d4f037a 100644 (file)
@@ -12,7 +12,7 @@ span.t3-icon {
        display: inline-block;
        position: relative;
        width: 16px;
-       height: 16px;
+       height: 18px;
        overflow: hidden;
 }
 .t3-icon {
index e87046a..571fdaa 100644 (file)
@@ -20,6 +20,8 @@ Description : styles the Open Documents toolbar item
 }
 
 #tx-opendocs-counter {
+       font-size: 9px;
+       height: 12px;
        width: 14px;
        text-align: right;
        border: 1px dashed #999;
index af8977e..522c907 100644 (file)
@@ -49,25 +49,14 @@ body .x-panel {
 
 .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;
+       background-color: #585858;
 }
 
 .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-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 {
index f65f18b..113895a 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 944e2e9..a00fb8a 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 e24b181..674bb9c 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 463fa3c..22da319 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 59c0ebb..7aeb96e 100644 (file)
Binary files a/typo3/sysext/t3skin/icons/common-input-clear.png and b/typo3/sysext/t3skin/icons/common-input-clear.png differ
index 5133c24..8f1a45b 100644 (file)
Binary files a/typo3/sysext/t3skin/icons/gfx/filter_bg.gif and b/typo3/sysext/t3skin/icons/gfx/filter_bg.gif differ
index 1f72402..45c0b9a 100644 (file)
Binary files a/typo3/sysext/t3skin/icons/gfx/ol/join.gif and b/typo3/sysext/t3skin/icons/gfx/ol/join.gif differ
index 287983f..a0ddcdf 100644 (file)
Binary files a/typo3/sysext/t3skin/icons/gfx/ol/joinbottom.gif and b/typo3/sysext/t3skin/icons/gfx/ol/joinbottom.gif differ
index 15a998d..4117cfb 100644 (file)
Binary files a/typo3/sysext/t3skin/icons/gfx/ol/jointop.gif and b/typo3/sysext/t3skin/icons/gfx/ol/jointop.gif differ
index e13774e..c08adb8 100644 (file)
Binary files a/typo3/sysext/t3skin/icons/gfx/ol/line.gif and b/typo3/sysext/t3skin/icons/gfx/ol/line.gif differ
index 6a13901..a0a83da 100644 (file)
Binary files a/typo3/sysext/t3skin/icons/gfx/ol/minus.gif and b/typo3/sysext/t3skin/icons/gfx/ol/minus.gif differ
index fbc6d33..7331c81 100644 (file)
Binary files a/typo3/sysext/t3skin/icons/gfx/ol/minusbottom.gif and b/typo3/sysext/t3skin/icons/gfx/ol/minusbottom.gif differ
index e14ccf7..3e83521 100644 (file)
Binary files a/typo3/sysext/t3skin/icons/gfx/ol/minusonly.gif and b/typo3/sysext/t3skin/icons/gfx/ol/minusonly.gif differ
index 62cb055..7cf3c68 100644 (file)
Binary files a/typo3/sysext/t3skin/icons/gfx/ol/minustop.gif and b/typo3/sysext/t3skin/icons/gfx/ol/minustop.gif differ
index 0e84b30..b0df901 100644 (file)
Binary files a/typo3/sysext/t3skin/icons/gfx/ol/plus.gif and b/typo3/sysext/t3skin/icons/gfx/ol/plus.gif differ
index a621ced..ce6e684 100644 (file)
Binary files a/typo3/sysext/t3skin/icons/gfx/ol/plusbottom.gif and b/typo3/sysext/t3skin/icons/gfx/ol/plusbottom.gif differ
index 50cafc4..4cbfb72 100644 (file)
Binary files a/typo3/sysext/t3skin/icons/gfx/ol/plusonly.gif and b/typo3/sysext/t3skin/icons/gfx/ol/plusonly.gif differ
index 5cbaf14..e57153e 100644 (file)
@@ -5,12 +5,12 @@ Notice: Rollover color is set by ->bgColor5 in the template object of alt_clickm
 $Id$
 - - - - - - - - - - - - - - - - - - - - - */
 
-table.typo3-CSM tr.typo3-CSM-itemRow td {
-       padding: 1px 5px 1px 5px;
+table.typo3-CSM-wrapperCM td {
+       padding: 0;
 }
 
-table.typo3-CSM tr.typo3-CSM-itemRow {
-       height: 13px;
+table.typo3-CSM tr.typo3-CSM-itemRow td {
+       padding: 2px 6px;
 }
 
 /* - - - - - - - - - - - - - - - - - - - - -
index d02f6f5..9272e4f 100644 (file)
@@ -54,7 +54,8 @@ div#typo3-docheader div.buttonsright {
 }
 
 div#typo3-docheader img,
-div#typo3-docheader input {
+div#typo3-docheader input,
+div#typo3-docheader span.t3-icon {
        margin: 2px 3px 0;
        vertical-align: top;
 }
@@ -78,7 +79,7 @@ div#typo3-docheader div.docheader-row2-left {
 
 div#typo3-docheader div.docheader-row2-right {
        float: right;
-       margin-right: 6px;
+       margin-right: 20px;
 }
 
 div#typo3-docbody {
@@ -122,6 +123,10 @@ div#typo3-docheader div.buttonsleft div.buttongroup {
        padding-right: 20px;
 }
 
+div#typo3-docheader div.buttonsright {
+       margin-right: 18px;
+}
+
 div#typo3-docheader div.buttonsright div.buttongroup {
        float: left;
        height: 20px;
index 3048fed..3081bf3 100644 (file)
@@ -44,30 +44,63 @@ body#typo3-alt-file-navframe-php {
 
 body#typo3-pagetree #typo3-inner-docbody,
 body#typo3-alt-file-navframe-php #typo3-inner-docbody {
-       padding-right: 0px;
+       padding: 0 10px 10px 5px;
 }
 
 ul.tree {
        clear: both;
-       margin: 0;
+       margin: 16px 0 0 5px;
        padding: 0;
 }
 
-ul.tree img {
-       vertical-align: middle;
+ul.tree span.dragIcon {
+       position: relative;
+       top: -1px;
+}
+
+ul.tree span.dragTitle,
+ul.tree span.dragId {
+       position: relative;
+       top: -7px;
 }
 
 ul.tree ul {
        padding: 0;
-       padding-left: 17px;
        margin: 0;
 }
 
+ul.tree ul {
+       padding-left: 19px;
+}
+
+ul #pages0_0 > ul {
+       padding-left: 0;
+}
+
 ul.tree ul li {
        padding: 0;
        margin: 0;
 }
 
+ul.tree div.treeLinkItem {
+       display: block;
+       height: 16px;
+       padding-left: 2px;
+}
+
+ul.tree div.treeLinkItem img {
+       position: relative;
+       top: -3px;
+}
+
+ul.tree div.treeLinkItem span.dragIcon {
+       margin: 0 3px 0 1px;
+}
+
+ul.tree span.t3-icon {
+       margin: 0;
+}
+
 #dragIcon {
        position: absolute;
        visibility: hidden;
@@ -75,11 +108,12 @@ ul.tree ul li {
 }
 
 #treeFilterBox {
+       display: none;
        height: 27px;
        position: absolute;
        top: 22px;
-       z-index: 3;
        width: 260px;
+       z-index: 3;
 }
 
 #searchBubble {
@@ -87,13 +121,13 @@ ul.tree ul li {
 }
 
 #treeFilter {
-       margin: 6px 0pt 0pt 19px !important;
+       margin: 6px 0pt 0pt 17px !important;
        height: 16px;
        width: 165px;
 }
 
 #treeFilterReset {
-       left: 194px;
+       left: 190px;
        position: absolute;
        top: 6px;
        visibility: hidden;
@@ -101,9 +135,5 @@ ul.tree ul li {
 
 #typo3-pagetree #typo3-docheader img,
 #typo3-alt-file-navframe-php #typo3-docheader img {
-       margin: 2px 1px;
-}
-
-#treeRoot {
-       margin-top: 6px;
+       margin: 2px;
 }
\ No newline at end of file
index ec7639f..34af2a5 100644 (file)
@@ -6,7 +6,9 @@
 
  */
 body#typo3-index-php {
+       height: auto;
        margin: 0;
+       padding-top: 75px;
 }
 
 body#typo3-index-php #t3-login-form-outer {
@@ -74,9 +76,9 @@ body#typo3-index-php .t3-login-field {
 }
 
 body#typo3-index-php .t3-login-field .t3-login-clearInputField {
-       left: 275px;
+       left: 260px;
        position: absolute;
-       top: 5px;
+       top: 4px;
 }
 
 body#typo3-index-php .t3-login-field .t3-login-alert-capslock {
@@ -88,11 +90,11 @@ body#typo3-index-php .t3-login-field .t3-login-alert-capslock {
 body#typo3-index-php .t3-login-field label {
        float: left;
        padding-right: 10px;
-       width: 85px;
+       width: 70px;
 }
 
 body#typo3-index-php .t3-login-field input {
-       height: 19px;
+       height: 18px;
        margin: 0;
        padding: 2px 23px 0 5px;
        width: 168px;
@@ -101,7 +103,7 @@ body#typo3-index-php .t3-login-field input {
 body#typo3-index-php #t3-login-form-fields {
        display: none;
        margin: 0;
-       padding: 14px 0 0 30px;
+       padding: 14px 0 5px 30px;
 }
 
 body#typo3-index-php #t3-interfaceselector {
@@ -129,7 +131,7 @@ body#typo3-index-php .t3-login-openid-disabled #t3-login-openIdLogo {
 }
 
 body#typo3-index-php .t3-login-submit {
-       margin: 15px 0 0 95px;
+       margin: 15px 0 0 80px;
        padding: 3px 16px;
 }
 
@@ -204,7 +206,7 @@ body#typo3-index-php .t3-login-logout-form .t3-username-current {
 body#typo3-index-php .t3-login-logout-form div.t3-login-label {
        float: left;
        padding-right: 10px;
-       width: 85px;
+       width: 70px;
 }
 
 /**
@@ -232,6 +234,10 @@ body#typo3-index-php .t3-login-logout-form div.t3-login-label {
        padding: 10px;
 }
 
+.t3-login-box-shadow {
+       height: 3px;
+}
+
 .t3-login-box-border-bottom {
        height: 6px;
 }
\ No newline at end of file
index 0e3af9b..622687a 100644 (file)
@@ -55,6 +55,10 @@ td {
        vertical-align: top;
 }
 
+.t3-row-header {
+       padding: 3px 7px;
+}
+
 /* Forms */
 
 /* Reformatting of the submit buttons */
index 7ee61d5..144b664 100644 (file)
@@ -14,6 +14,10 @@ table#typo3-filelist img {
 }
 
 table#typo3-filelist tr td {
+       padding: 5px 3px;
+}
+
+table#typo3-filelist tr.t3-row-header td {
        padding: 3px;
 }
 
index ee71037..931db56 100644 (file)
@@ -5,9 +5,7 @@ $Id$
 - - - - - - - - - - - - - - - - - - - - - */
 
 #typo3-menu {
-       padding-left: 1px;
-       padding-top: 2px;
-       margin: 0;
+       padding-top: 22px;
 }
 
 #typo3-menu ul {
@@ -27,12 +25,8 @@ $Id$
        vertical-align: baseline;
 }
 
-#typo3-menu li span {
-       margin-top: 1px;
-}
-
 #typo3-menu li div {
-       margin: 8px 0px 2px 4px;
+       margin: 4px 0px 2px 4px;
        overflow: hidden;
        padding: 2px 0px 4px 16px;
        vertical-align: middle;
@@ -50,18 +44,24 @@ $Id$
 }
 
 #typo3-menu li ul li {
-       height: auto;
-       margin-bottom: 1px;
-       margin-left: 0px;
-       padding: 1px 0px 1px 2px;
+       height: 21px;
 }
 
 #typo3-menu li ul li a {
        display: block;
-       padding-left: 13px;
+       margin-bottom: 1px;
+       padding: 3px 0 3px 15px;
+}
+
+#typo3-menu li ul li a:hover,
+#typo3-menu li ul li.hover a,
+#typo3-menu li ul li.highlighted a {
+       margin-bottom: 1px;
+       padding-bottom: 2px;
+       padding-top: 2px;
 }
 
 #typo3-menu div.expanded,
 #typo3-menu div.collapsed {
        margin-left: 0px;
-}
+}
\ No newline at end of file
index f543933..8231a9d 100644 (file)
@@ -29,10 +29,6 @@ table.typo3-usersettings td.td-label-right {
        width: 50px;
 }
 
-#ext-setup-mod-index-php div.typo3-dyntabmenu-divs {
-       padding-bottom: 12px;
-}
-
 #ext-setup-mod-index-php #user-setup-wrapper {
        float: left;
 }
\ No newline at end of file
index 89ed7aa..b65f97b 100644 (file)
@@ -14,8 +14,7 @@ table.typo3-dblist img {
 }
 
 table.typo3-dblist tr td {
-       padding-left: 1px;
-       padding-right: 6px;
+       padding: 3px 1px 3px 6px;
 }
 
 table.typo3-dblist tr td.c-headLine,
@@ -27,17 +26,16 @@ table.typo3-dblist tr.c-table-row-spacer td {
        display: none;
 }
 
-table.typo3-dblist tr td.c-headLineTable,
-table.typo3-dblist tr.c-headLineTable td {
-       height: 16px;
-}
-
 table.typo3-dblist tr td div.typo3-DBctrl {
        height: 16px;
        min-width: 252px;
        padding: 2px;
 }
 
+tr.t3-row-header td {
+       padding: 3px 7px;
+}
+
 * html table.typo3-dblist tr td div.typo3-DBctrl {
        width: 252px;
 }
@@ -63,8 +61,8 @@ table.typo3-dblist tr td .typo3-DBctrl .typo3-ctrl-versioning-hidden {
        visibility: hidden;
 }
 
-table.typo3-dblist tr td div.typo3-clipCtrl img,
-table.typo3-dblist tr td div.typo3-DBctrl img {
+table.typo3-dblist tr td div.typo3-clipCtrl span.t3-icon,
+table.typo3-dblist tr td div.typo3-DBctrl span.t3-icon {
        float: left;
        margin-left: 1px;
        margin-right: 1px;
@@ -73,17 +71,7 @@ table.typo3-dblist tr td div.typo3-DBctrl img {
 table.typo3-dblist tr td.col-icon {
        padding-left: 4px;
        padding-right: 0px;
-       vertical-align: top;
-       width: 20px;
-}
-
-table.typo3-dblist tr.c-headLineTable td.col-icon {
-       padding-left: 3px;
-}
-
-table.typo3-dblist tr td.col-icon a {
-       display: block;
-       margin-top: 3px;
+       vertical-align: middle;
        width: 20px;
 }
 
@@ -101,11 +89,6 @@ table.typo3-dblist tr td.col-title.localization {
        padding-left: 18px;
 }
 
-table.typo3-dblist tr.c-headLine td.col-title a {
-       display: block;
-       width: 240px;
-}
-
 table.typo3-dblist tr td.col-control {
        width: 250px;
 }
@@ -114,11 +97,6 @@ table.typo3-dblist tr td.col-control-space {
        width: 4px;
 }
 
-table.typo3-dblist tr.c-headLine td.col-control a{
-       display: block;
-       width: 250px;
-}
-
 table.typo3-dblist tr td.col-clipboard {
        width: 74px;
 }
@@ -208,4 +186,18 @@ div#typo3-dblist-pagination span.bar {
        height: 19px;
        margin-left: 5px;
        padding: 0 4px 2px 4px;
+}
+
+.t3-list-table-header-icon-down {
+       display: inline-block;
+       height: 6px;
+       padding: 5px 4px;
+       width: 9px;
+}
+
+.t3-list-table-header-icon-right {
+       display: inline-block;
+       height: 8px;
+       padding: 4px 5px;
+       width: 7px;
 }
\ No newline at end of file
index a66dfd8..26c2263 100644 (file)
@@ -4,12 +4,60 @@ Web > Page
 $Id$
 - - - - - - - - - - - - - - - - - - - - - */
 
-table.typo3-page-ceHeader {
-       width: 100%;
+td.t3-page-column {
+       min-width: 150px;
+       max-width: 300px;
 }
 
-table.typo3-page-ceHeader img {
-       vertical-align: middle;
+.t3-page-colHeader {
+       margin-bottom: 10px;
+       position: relative;
+}
+
+.t3-page-colHeader-icons {
+       position: absolute;
+       top: 2px;
+}
+
+.t3-page-ce {
+       margin-bottom: 10px;
+}
+
+.t3-page-ce h4 {
+       margin: 0;
+}
+
+.t3-page-ce .t3-row-header {
+       visibility: hidden;
+}
+
+.t3-page-ce.active .t3-row-header {
+       visibility: visible;
+}
+
+.t3-page-colHeader-icons span.t3-icon,
+.t3-page-ce .t3-row-header span.t3-icon {
+       margin-right: 3px;
+}
+
+.t3-page-ce-icons-move {
+       float: right;
+}
+
+.t3-page-ce-icons-move span {
+       float: left;
+}
+
+.t3-page-ce-body {
+       padding: 7px;
+}
+
+.t3-page-ce-type {
+       margin-bottom: 5px;
+}
+
+.t3-page-ce-type a {
+       vertical-align: text-bottom;
 }
 
 table.typo3-page-columnsMode img.c-divider {
index 55ce85a..2b219c2 100644 (file)
@@ -5,6 +5,7 @@ $Id$
 - - - - - - - - - - - - - - - - - - - - - */
 
 .typo3-top-toolbar {
+       margin-top: 9px;
        padding-right: 15px;
        position: absolute;
        right: 0px;
index 09c61ee..4b43069 100644 (file)
@@ -15,7 +15,6 @@ $Id$
 }
 
 #logout-button input {
-       height: 18px;
-       padding: 0;
-       vertical-align: baseline;
+       height: 20px;
+       padding: 0 0 2px 0;
 }
\ No newline at end of file
index ca3cdf1..f521e83 100644 (file)
@@ -5,6 +5,8 @@ $Id$
 - - - - - - - - - - - - - - - - - - - - - */
 
 #username {
+       margin-left: 25px;
+       margin-right: 10px;
        padding-top: 2px;
 }
 
index e7ff321..dabd473 100644 (file)
@@ -5,7 +5,7 @@ $Id$
 - - - - - - - - - - - - - - - - - - - - - */
 
 #typo3-topbar {
-       height: 25px;
+       height: 42px;
        z-index: 200;
 }
 
@@ -18,6 +18,7 @@ $Id$
 }
 
 #typo3-logo {
+       margin: 8px 0 0 6px;
        padding: 1px 0px 0px 10px;
        width: 159px;
 }
\ No newline at end of file
index d06ed41..ec8dfb9 100644 (file)
@@ -15,9 +15,7 @@ table#typo3-clipboard tr.bgColor2 {
 }
 
 table#typo3-clipboard tr.bgColor2 td {
-       background-color: #b8bec9;
-       background-image: url('../../icons/gfx/alt_menu_mainitem_bg.gif');
-       background-repeat: repeat-x;
+       background-color: #585858;
        color: #fff;
 }
 
index 56f3848..f47cec4 100644 (file)
@@ -35,10 +35,6 @@ table.typo3-csh-inline span.header {
        font-weight: bold;
 }
 
-tr.c-headLineTable table.typo3-csh-inline span.paragraph {
-       background-color: #fff;
-}
-
 img.typo3-csh-icon {
        cursor: help;
 }
index 40ee84b..f93e407 100644 (file)
@@ -5,8 +5,12 @@ Notice: Rollover color is set by ->bgColor5 in the template object of alt_clickm
 $Id$
 - - - - - - - - - - - - - - - - - - - - - */
 
-table.typo3-CSM {
-       border: #9ba1a8 1px solid;
+table.typo3-CSM-wrapperCM {
+       border: #b6b6b6 1px solid;
+}
+
+table.typo3-CSM-wrapperCM  {
+       background: #fff;
 }
 
 table.typo3-CSM td.typo3-CSM-item {
@@ -17,6 +21,10 @@ table.typo3-CSM tr.typo3-CSM-itemRow {
        cursor: pointer;
 }
 
+table.typo3-CSM tr.bgColor2 {
+       background-color: #b6b6b6;
+}
+
 /* - - - - - - - - - - - - - - - - - - - - -
 special backend elements
 - - - - - - - - - - - - - - - - - - - - - */
@@ -41,4 +49,10 @@ table#typo3-CSM-top tr td {
 
 table#typo3-CSM-top tr td.c-itemicon {
        font-weight: bold;
+}
+
+#contentMenu0 {
+       box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
+       -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
+       -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
 }
\ No newline at end of file
index c563234..d041085 100644 (file)
@@ -17,12 +17,11 @@ Record editing (alt_doc.php)
 - - - - - - - - - - - - - - - - - - - - - */
 
 div#typo3-docheader-row1 {
-       background: url('../../icons/gfx/alt_menu_mainitem_bg.gif') top left repeat-x;
+       background-color: #585858;
 }
 
 div#typo3-docheader-row2 {
-       background: #f3f3f9;
-       border-bottom: 2px solid #595d66;
+       background-color: #dadada;
        line-height: 27px;
 }
 
@@ -41,12 +40,4 @@ div#typo3-docheader input {
 
 div#typo3-docheader-row2 div {
        line-height: normal;
-}
-
-div#typo3-docheader div.buttonsleft div.buttongroup {
-       border-right: 1px dashed #ccc;
-}
-
-div#typo3-docheader div.no-border div.buttongroup {
-       border: 0px;
 }
\ No newline at end of file
index ccd173f..ef83a07 100644 (file)
@@ -3,7 +3,7 @@ Tab menu (template.php)
 
 $Id$
 - - - - - - - - - - - - - - - - - - - - - */
-
+/*
 table#typo3-tabmenu td.tabact {
        color: black;
        background: #e7dba8;
@@ -46,41 +46,32 @@ table#typo3-tabmenu td.tab:hover {
 /* - - - - - - - - - - - - - - - - - - - - -
 Dynamic Tab menu (template.php)
 - - - - - - - - - - - - - - - - - - - - - */
-div.typo3-dyntabmenu-divs p.c-descr {
-       background: #e7dba8;
-       font-style: italic;
-}
-
 table.typo3-dyntabmenu td {
-       border: 1px solid #555;
+       background: #dadada;
+       border: 1px solid #adadad;
        border-bottom: none;
-       border-radius: 3px;
-}
-
-table.typo3-dyntabmenu td,
-table.typo3-dyntabmenu td a {
+       border-top-left-radius: 3px;
+       border-top-right-radius: 3px;
        -moz-border-radius-topleft: 3px;
        -moz-border-radius-topright: 3px;
        -webkit-border-top-left-radius: 3px;
        -webkit-border-top-right-radius: 3px;
 }
 
-table.typo3-dyntabmenu td.tab {
-       background: #c4d4cd;
-}
-
-table.typo3-dyntabmenu td.tabact {
-       background: #e7dba8;
-}
-
 table.typo3-dyntabmenu td.tabact,
+table.typo3-dyntabmenu td.tab_over,
 table.typo3-dyntabmenu td.tabact_over {
-       border-color: black;
+       background: #ffffff;
 }
 
-table.typo3-dyntabmenu td.tab_over,
-table.typo3-dyntabmenu td.tabact_over {
-       background: #f6eab7;
+table.typo3-dyntabmenu td.tabact a,
+table.typo3-dyntabmenu td.tab_over a,
+table.typo3-dyntabmenu td.tabact_over a {
+       background: #ffffff;
+       padding-bottom: 6px;
+       padding-top: 4px;
+       position: relative;
+       top: 1px;
 }
 
 table.typo3-dyntabmenu td.disabled,
@@ -95,15 +86,20 @@ table.typo3-dyntabmenu td a {
        text-decoration: none;
 }
 
-table.typo3-dyntabmenu td.tabact a,
-table.typo3-dyntabmenu td.tabact_over a {
-       color: black;
+div.typo3-dyntabmenu-divs {
+       background: #ffffff;
+       background-image: linear-gradient(center top, #ffffff 10%, #ececec 90%);
+       background-image: -moz-linear-gradient(center top, #ffffff 10%, #ececec 90%);
+       background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.1, #ffffff), color-stop(0.9, #ececec));
+       border: 1px solid #adadad;
 }
 
-table.typo3-tabmenu td:hover {
-       background: #f6eab7;
+div.typo3-dyntabmenu-divs p.c-descr {
+       background: #e7dba8;
+       font-style: italic;
 }
 
+/* Foldout tabs */
 div.typo3-dyntabmenu-divs-foldout div.tab,
 div.typo3-dyntabmenu-divs-foldout div.tab_over,
 div.typo3-dyntabmenu-divs-foldout div.tabact,
@@ -157,23 +153,24 @@ div.typo3-dyntabmenu-divs-foldout div.tabact_over a {
        text-decoration: none;
 }
 
+/*
 table#typo3-tabmenu td.tab,
 table.typo3-dyntabmenu td {
        border: solid 1px #a2aab8;
        border-bottom: 0;
-       color: #e6e1b2;
+       color: #606060;
        cursor: pointer;
 }
 
 table#typo3-tabmenu td.tab,
 table.typo3-dyntabmenu td.tab {
-       background-color: transparent;
+       background-color: #dadada;
 }
 
 table#typo3-tabmenu td.tabact,
 table.typo3-dyntabmenu td.tabact:hover,
 table.typo3-dyntabmenu td.tabact a {
-       background-color: #f8f9fb;
+       background-color: #ffffff;
 }
 
 table#typo3-tabmenu td.disabled,
@@ -187,9 +184,9 @@ table#typo3-tabmenu td.tab:hover,
 table#typo3-tabmenu td a:hover,
 table.typo3-dyntabmenu td:hover,
 table.typo3-dyntabmenu td a:hover {
-       background-color: #f8f9fb;
+       background-color: #ffffff;
 }
-
+*/
 div.typo3-dyntabmenu-divs-foldout div.disabled,
 div.typo3-dyntabmenu-divs-foldout div.disabled_over {
        background: #ccc;
index 63eac4e..09e27af 100644 (file)
@@ -8,9 +8,7 @@ table.typo3-TCEforms {
        border-collapse: collapse;
 }
 
-table.typo3-TCEforms .bgColor2,
 table.typo3-TCEforms tr.bgColor2 td {
-       background-color: #efeff4;
        color: #212424;
 }
 
@@ -41,9 +39,8 @@ table.typo3-TCEforms span.typo3-TCEforms-recHeader {
        font-weight: bold;
 }
 
-table.typo3-TCEforms tr.typo3-TCEforms-recHeaderRow,
 table.typo3-TCEforms tr.typo3-TCEforms-recHeaderRow td {
-       border: 0;
+       text-align: right;
 }
 
 table.typo3-TCEforms span.typo3-TCEforms-newToken {
index 32f1048..bb2310f 100644 (file)
@@ -6,21 +6,25 @@
 
  */
 body#typo3-index-php {
-       background: #fff;
+       background: #4f4f4f;
+       background-attachment: fixed;
+       background-image: url('../../images/login/background.png');
+       background-repeat: repeat-x;
 }
 
 body#typo3-index-php #t3-login-form {
+       color: #606060;
        font-size: 11px;
        text-align: left;
 }
 
 body#typo3-index-php .t3-headline {
-       background: #b5bbc7 url('../../backgrounds/login-box-header.png') repeat-x;
-       border-bottom: 1px solid #d6d9df;
+       background: #585858;
 }
 
 body#typo3-index-php .t3-headline h2 {
-       background: transparent url('../../icons/login-icon-key.gif') no-repeat 10px 5px;
+       background: transparent no-repeat 10px 5px;
+       background-image: url('../../icons/login-icon-key.gif');
        color: #fff;
        font-size: 11px !important;
        line-height: 24px;
@@ -32,7 +36,6 @@ body#typo3-index-php #t3-login-process {
 
 body#typo3-index-php #t3-login-process h2 {
        background: url('../../icons/login-submit-progress.gif') no-repeat 10px center;
-       color: #7f8083;
        font-size: 11px !important;
 }
 
@@ -44,20 +47,22 @@ body#typo3-index-php .t3-headline .t3-login-news-headline {
 }
 
 body#typo3-index-php .t3-login-field {
-       line-height: 21px;
-}
-
-body#typo3-index-php .t3-login-field label {
-       color: #7f8083;
+       line-height: 18px;
 }
 
 body#typo3-index-php .t3-login-field input {
-       background: #ffffff url('../../backgrounds/login-field-input.gif') repeat-x;
+       background: #fff;
        border: 1px solid #7c7c7c;
+       border-radius: 1px;
+       -moz-border-radius: 1px;
+       box-shadow: 0 1px 1px #cbcbcb inset;
+       -moz-box-shadow: 0 1px 1px #cbcbcb inset;
+       -webkit-box-shadow: 0 1px 1px #cbcbcb inset;
        color: #000;
        font-size: 11px;
        line-height: 19px;
        -webkit-appearance: textfield;
+       
 }
 
 body#typo3-index-php #t3-login-form-fields {
@@ -79,7 +84,7 @@ body#typo3-index-php .t3-login-form-footer a {
 body#typo3-index-php .t3-login-form-footer,
 body#typo3-index-php .t3-login-form-footer a.switchToOpenId,
 body#typo3-index-php dl#t3-login-news a {
-       color: #777d7d;
+       color: #888;
        font-size: 10px;
 }
 
@@ -99,16 +104,16 @@ body#typo3-index-php .t3-login-submit {
 
 body#typo3-index-php div#t3-copyright-notice {
        font-weight: normal;
-       color: #b0b0b0;
+       color: #797878;
 }
 
 body#typo3-index-php div#t3-copyright-notice a {
-       color: #b0b0b0;
+       color: #797878;
        text-decoration: underline;
 }
 
 body#typo3-index-php div#t3-copyright-notice a:hover {
-       color: #333;
+       color: #b0b0b0;
 }
 
 body#typo3-index-php div#t3-login-image {
@@ -116,15 +121,16 @@ body#typo3-index-php div#t3-login-image {
 }
 
 body#typo3-index-php #t3-footer {
-       border-top: 1px solid #d1d2d3;
+       border-top: 1px solid #5c5c5c;
+       font-size: 10px;
 }
 
 body#typo3-index-php #t3-meta-links {
-       color: #b0b0b0;
+       color: #797878;
 }
 
 body#typo3-index-php #t3-meta-links a {
-       color: #b0b0b0;
+       color: #797878;
        text-decoration: underline;
 }
 
@@ -133,7 +139,7 @@ body#typo3-index-php #t3-meta-links a.t3-login-link-donate {
 }
 
 body#typo3-index-php #t3-meta-links a:hover {
-       color: #000;
+       color: #b0b0b0;
 }
 
 /**
@@ -150,13 +156,9 @@ body#typo3-index-php #t3-login-news-outer #t3-login-news dd {
 /**
  * @section logout
  */
-body#typo3-index-php .t3-login-logout-form .t3-username-current {
-       color: #7f8083;
-       line-height: 21px;
-}
-
+body#typo3-index-php .t3-login-logout-form .t3-username-current,
 body#typo3-index-php .t3-login-logout-form div.t3-login-label {
-       color: #7f8083;
+       color: #606060;
        line-height: 21px;
 }
 
@@ -211,15 +213,9 @@ body#typo3-index-php .t3-login-logout-form div.t3-login-label {
 /**
  * @section box layout
  */
-.t3-login-box {
-       border: 1px solid #d6d9df;
-       border-bottom: none;
-}
-
 .t3-login-box-body {
-       background: #e3e5ea url('../../backgrounds/login-box-body.png') repeat-x;
-}
-
-.t3-login-box-border-bottom {
-       background: url('../../backgrounds/login-border-bottom.png') top left no-repeat;
+       background: #ebebeb;
+       background-image: linear-gradient(center top, #ebebeb 0%, #c9c9c9 100%);
+       background-image: -moz-linear-gradient(center top, #ebebeb 0%, #c9c9c9 100%);
+       background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0, #ebebeb), color-stop(1, #c9c9c9));
 }
\ No newline at end of file
index de5606d..7667cae 100644 (file)
@@ -6,16 +6,5 @@ $Id$
 
 /* Set default values for bodytags: */
 body {
-       background-color: #efeff4;
-}
-
-/* Setting alternative background color on some frames: */
-body#typo3-alt-toplogo-php,
-body#typo3-alt-menu-sel-php,
-body#typo3-alt-topmenu-dummy-php,
-body#typo3-alt-topmenu-dummy-php-iconmenu,
-body#typo3-alt-clickmenu-php,
-body#typo3-alt-clickmenu-php-notop,
-body#typo3-alt-palette-php {
-       background-color: #9ba1a8;
+       background-color: #f1f1f1;
 }
\ No newline at end of file
index a2fb73d..86ad525 100644 (file)
@@ -10,46 +10,34 @@ h3,
 h4 {
        color: #555555;
        font-family: Verdana, Arial, Helvetica, sans-serif;
-       font-size: 10px;
        font-weight: bold;
 }
 
 /* Occasionally used, eg. in About Modules: */
 h1 {
-       background-color: #efeff4;
        font-size: 14px;
        text-align: center;
 }
 
 /* MAIN page header: */
 h2 {
-       background-color: #efeff4;
        font-size: 14px;
 }
 
 /* Normal section headers */
 h3 {
-       background-color: #efeff4;
        font-size: 13px;
 }
 
 /* Discrete section headers (no background) */
 h4 {
-       background-color: #efeff4;
        font-size: 12px;
 }
 
-select,
-textarea,
-input,
-td,
-body,
-.defstyle,
-p,
-div {
+body {
        color: black;
        font-family: Verdana, Arial, Helvetica, sans-serif;
-       font-size: 10px;
+       font-size: 11px;
        line-height: 14px;
 }
 
@@ -92,11 +80,8 @@ Background color classes
 }
 
 .bgColor2 {
-       background-color: #b8bec9;
-       background-image: url('../../icons/gfx/alt_menu_mainitem_bg.gif');
-       background-repeat: repeat-x;
-       border: 1px solid #a2aab8;
-       color: #fff;
+       background-color: #585858;
+       color: #ffffff;
 }
 
 .bgColor3 {
@@ -104,11 +89,12 @@ Background color classes
 }
 
 .bgColor3-20 {
-       background-color: #e4e5f0;
+       background-color: #f7f7f7;
 }
 
 .bgColor4 {
-       background-color: #efeff4;
+       background-color: #f1f1f1;
+       color: #212424;
 }
 
 .bgColor4-20 {
@@ -116,17 +102,33 @@ Background color classes
 }
 
 .bgColor5 {
-       background-color: #d7dbe2;
+       background-color: #9b9b9b;
 }
 
 .bgColor6 {
-       background-color: #e4e5f0;
+       background-color: #f7f7f7;
 }
 
 /* - - - - - - - - - - - - - - - - - - - - -
 Various classes
 - - - - - - - - - - - - - - - - - - - - - */
 
+.t3-row-header {
+       background-color: #7f7f7f;
+       background-image: linear-gradient(center top , #7f7f7f 10%, #5b5b5b 100%);
+       background-image: -moz-linear-gradient(center top , #7f7f7f 10%, #5b5b5b 100%);
+       background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.1, #7f7f7f), color-stop(1, #5b5b5b));
+       color: #fff;
+       font-size: 10px;
+       line-height: 16px;
+       height: 20px;
+}
+
+.t3-row-header a {
+       color: #fff;
+       float: left;
+}
+
 .nobr {
        white-space: nowrap;
 }
@@ -224,62 +226,47 @@ span.warningboxheader {
 /* - - - - - - - - - - - - - - - - - - - - -
 input elements
 - - - - - - - - - - - - - - - - - - - - - */
-textarea,
-input[type="submit"],
-input[type="reset"],
-input[type="button"] {
-       background-color: #fefefe;
-       border-top: 1px solid #838ea0;
-       border-left: 1px solid #838ea0;
-       border-right: 1px solid #545861;
-       border-bottom: 1px solid #545861;
-}
 
-textarea:hover,
-input[type="submit"]:hover,
-input[type="reset"]:hover,
-input[type="button"]:hover {
-       border-top: 1px solid #aaa;
-       border-left: 1px solid #aaa;
-       border-right: 1px solid #888;
-       border-bottom: 1px solid #888;
+input,
+textarea,
+select,
+submit {
+       font-family: Verdana, Arial, Helvetica, sans-serif;
+       font-size: 11px;
 }
 
-textarea:focus,
-input[type="submit"]:focus,
-input[type="reset"]:focus,
-input[type="button"]:focus {
-       border-top: 1px solid #999;
-       border-left: 1px solid #999;
-       border-right: 1px solid #777;
-       border-bottom: 1px solid #777;
+textarea {
+       background-color: #fefefe;
+       border: 1px solid #7c7c7c;
 }
 
-/* Reformatting of the submit buttons */
-input[type="submit"],
-input[type="reset"],
-input[type="button"] {
-       border-top: none;
-       border-left: none;
-       border-right: none;
-       border-bottom: none;
+textarea:hover {
+       border: 1px solid #737f91;
 }
 
 input[type="submit"],
 input[type="reset"],
 input[type="button"] {
-       background: #c3c7ce url('../../icons/gfx/bg_input_button.gif') repeat-x;
-       border: 1px solid #acb3be;
-       color: #333;
+       background-color: #e2e2e2;
+       background-image: linear-gradient(center top, #f6f6f6 10%, #d5d5d5 90%);
+       background-image: -moz-linear-gradient(center top, #f6f6f6 10%, #d5d5d5 90%);
+       background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.1, #f6f6f6), color-stop(0.9, #d5d5d5));
+       border: 1px solid #7c7c7c;
+       border-radius: 1px;
+       -moz-border-radius: 1px;
+       color: #434343;
        cursor: pointer;
 }
 
 input[type="submit"]:hover,
 input[type="reset"]:hover,
 input[type="button"]:hover {
-       background: #c3c7ce url('../../icons/gfx/bg_input_button_hover.gif') repeat-x;
+       background-color: #c3c7ce;
+       background-image: linear-gradient(center top, #f6f6f6 10%, #c8c8c8 90%);
+       background-image: -moz-linear-gradient(center top, #f6f6f6 10%, #bdbcbc 90%);
+       background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.1, #f6f6f6), color-stop(0.9, #c8c8c8));
        border: 1px solid #737f91;
-       color: #000;
+       color: #1e1e1e;
        cursor: pointer;
 }
 
index c9ddbe6..3649e10 100644 (file)
@@ -4,18 +4,8 @@ File > List
 $Id$
 - - - - - - - - - - - - - - - - - - - - - */
 
-table#typo3-filelist tr.c-headLine {
-       background-color: #a2aab8;
-       font-weight: bold;
-}
-
-table#typo3-filelist tr.c-headLine td {
-       background-color: #ccc;
-       font-weight: bold;
-}
-
-table#typo3-filelist tr.c-headLine td a {
-       color: #fff;
+table#typo3-filelist {
+       border: 1px solid #a2aab8;
 }
 
 table#typo3-filelist tr td.c-headLine {
@@ -29,6 +19,18 @@ table#typo3-filelist tr td.c-headLine a {
        color: #fff;
 }
 
+table#typo3-filelist td {
+       border-right: 1px solid #f1f1f1;
+}
+
+table#typo3-filelist td:last-child {
+       border-right: none;
+}
+
+table#typo3-filelist tbody tr:hover td {
+       background-color: #dedede;
+}
+
 table#typo3-filelist tr td img {
        text-align: center;
 }
index 826d538..fe6b653 100644 (file)
@@ -5,8 +5,16 @@ $Id$
 - - - - - - - - - - - - - - - - - - - - - */
 
 #typo3-side-menu {
-       background: #edeeee;
-       border-right: 1px solid #ddd;
+       background: #dddddd;
+       background-image: url('../../images/backgrounds/module-menu-right.png');
+       background-position: right top;
+       background-repeat: repeat-y;
+}
+
+#typo3-menu {
+       background-image: url('../../images/backgrounds/module-menu-top.png');
+       background-position: right top;
+       background-repeat: no-repeat;
 }
 
 #typo3-menu,
@@ -14,15 +22,27 @@ $Id$
        list-style: none;
 }
 
-#typo3-menu div.expanded,
-#typo3-menu div.collapsed {
-       border-bottom: 1px solid #ddd;
+#typo3-menu a {
+       color: #1e2121;
 }
 
-#typo3-menu li.menuSection li:hover,
-#typo3-menu li.menuSection li.hover,
-#typo3-menu li.highlighted {
-       background-color: #d7dbe2;
+#typo3-menu > li {
+       border-bottom: 1px solid #c7c7c7;
+       border-bottom-right-radius: 3px;
+       -moz-border-radius-bottomright: 3px;
+       -webkit-border-bottom-right-radius: 3px;
+}
+
+#typo3-menu > li:last-child {
+       border-bottom: none;
+}
+
+#typo3-menu li.menuSection li a:hover,
+#typo3-menu li.menuSection li.hover a,
+#typo3-menu li.highlighted a {
+       background-color: #f1f1f1;
+       border-top: 1px solid #b8b8b8;
+       border-bottom: 1px solid #b8b8b8;
 }
 
 #typo3-menu li.highlighted {
@@ -30,27 +50,28 @@ $Id$
 }
 
 #typo3-menu li div {
-       background-color: #edeeee;
-       color: #505d6d;
+       color: #252524;
        cursor: pointer;
-       font-size: 11px;
        font-weight: bold;
+       text-transform: uppercase;
 }
 
 #typo3-menu li div.collapsed {
-       background-image: url('../../icons/gfx/arrowright.png');
+       background-image: url('../../images/arrows/module-menu-right.png');
+       background-position: 5px 5px;
        background-repeat: no-repeat;
 }
 
 #typo3-menu li div.expanded {
-       background-image: url('../../icons/gfx/arrowdown.png');
+       background-image: url('../../images/arrows/module-menu-down.png');
+       background-position: 4px 7px;
        background-repeat: no-repeat;
 }
 
 #typo3-menu li ul li {
        cursor: pointer;
        font-weight: normal;
-       line-height: 16px;
+       line-height: 15px;
 }
 
 #typo3-menu li ul li a {
diff --git a/typo3/sysext/t3skin/stylesheets/visual/module_user_settings.css b/typo3/sysext/t3skin/stylesheets/visual/module_user_settings.css
deleted file mode 100644 (file)
index 7c7c9e6..0000000
+++ /dev/null
@@ -1,14 +0,0 @@
-/* - - - - - - - - - - - - - - - - - - - - -
-User settings
-
-$Id$
-- - - - - - - - - - - - - - - - - - - - - */
-
-#ext-setup-mod-index-php table.typo3-dyntabmenu td.tabact a {
-       background-color: #eee;
-}
-
-#ext-setup-mod-index-php div.typo3-dyntabmenu-divs {
-       background-color: #eee;
-       border: 1px solid #aaa;
-}
\ No newline at end of file
index 3af938c..c42d10f 100644 (file)
@@ -6,6 +6,7 @@ $Id$
 
 table.typo3-dblist,
 table.typo3-page-stdlist {
+       background: #fff;
        border: 1px solid #a2aab8;
 }
 
@@ -18,59 +19,28 @@ table.typo3-page-stdlist tr.db_list_alt td {
        background-color: #e4e5f0;
 }
 
+tr.t3-row-header td {
+       color: #fff;
+       font-size: 10px;
+       font-weight: bold;
+       line-height: 16px;
+}
+
 table.typo3-page-stdlist .bgColor4,
 table#typo3-dblist-top table.bgColor4 {
        background-color: #efeff4;
 }
 
-table.typo3-dblist tr td.c-headLineTable {
-       background-color: #ccc;
-}
-
-table.typo3-dblist tr.c-headLineTable td,
-table.typo3-page-stdlist tr.c-headLineTable td {
-       background-color: #b8bec9;
-       background-image: url('../../icons/gfx/alt_menu_mainitem_bg.gif');
-       background-repeat: repeat-x;
-}
-
-table.typo3-dblist tr.c-headLineTable td a,
-table.typo3-page-stdlist tr.c-headLineTable td a {
-       color: #fff;
-       font-weight: bold;
-       text-decoration: none;
-}
-
 table.typo3-dblist tr td.c-headLine,
 table.typo3-page-stdlist tr td.c-headLine,
 table.typo3-dblist tr.c-headLine td {
-       background-color: #efeff4;
-       background-image: url('../../backgrounds/list_sep.gif');
-       background-position: bottom left;
-       background-repeat: repeat-x;
+       border-bottom: 1px solid #cdcdcd;
 }
 
 table.typo3-dblist tr.c-headLine td.col-title a {
        font-weight: bold;
 }
 
-tr.db_list_normal td.col-control,
-tr.db_list_normal td.col-clipboard {
-       border-left: 1px solid #d7d8e2;
-       border-right: 1px solid #d7d8e2;
-       text-align: left;
-}
-
-tr.firstcol td.col-control,
-tr.firstcol td.col-clipboard {
-       border-top: 1px solid #d7d8e2;
-}
-
-tr.lastcol td.col-control,
-tr.lastcol td.col-clipboard {
-       border-bottom: 1px solid #d7d8e2;
-}
-
 table.typo3-dblist-overview td.c-tableDescription {
        color: #333;
        font-style: italic;
@@ -90,9 +60,17 @@ table.typo3-dblist tr td .typo3-DBctrl .typo3-ctrl-versioning-oneVersion {
        background-color: #9999cc;
 }
 
-table.typo3-dblist tr:hover,
-table.typo3-dblist tr:hover td {
-       background-color: #ebebeb;
+table.typo3-dblist tr.db_list_normal:nth-child(odd) td {
+       background-color: #f7f7f7;
+}
+
+table.typo3-dblist tr.db_list_normal:nth-child(even) td {
+       background-color: #ffffff;
+}
+
+table.typo3-dblist tr.db_list_normal:hover td,
+table.typo3-dblist tr.c-headLine:hover td {
+       background-color: #dedede;
 }
 
 table#typo3-versionSelector {
@@ -116,14 +94,12 @@ div#typo3-dblist-pagination span.bar {
 
 /* Special treatment for searchfield on page */
 #typo3-dblist-search input[type="submit"] {
-       background: #c3c7ce url('../../icons/gfx/bg_input_button.gif') repeat-x;
        border: 1px solid #acb3be;
        color: #333;
        cursor: pointer;
 }
 
 #typo3-dblist-search input[type="submit"]:hover {
-       background: #c3c7ce url('../../icons/gfx/bg_input_button_hover.gif') repeat-x;
        border: 1px solid #737f91;
        color: #000;
        cursor: pointer;
index 652e51b..aa82d97 100644 (file)
@@ -4,8 +4,39 @@ Web > Page
 $Id$
 - - - - - - - - - - - - - - - - - - - - - */
 
-table.typo3-page-colHeader .bgColor2 div {
-       color: #fff;
+.t3-page-colHeader {
+       font-weight: bold;
+       text-transform: uppercase;
+       text-align: left;
+}
+
+.t3-page-colHeader-label {
+       text-align: center;
+}
+
+.t3-page-ce-header {
+       background-color: #cacaca;
+}
+
+.t3-page-ce-body {
+       background-color: #f7f7f7;
+       border: 1px solid #cacaca;
+       border-top: none;
+       font-size: 10px;
+}
+
+.t3-page-ce-body,
+.t3-page-ce-body a {
+       color: #5f5f5f;
+}
+
+.t3-page-ce.active .t3-page-ce-body,
+.t3-page-ce.active .t3-page-ce-body a {
+       color: #000000;
+}
+
+.t3-page-ce.active .t3-page-ce-body {
+       background-color: #ffffff;
 }
 
 table.typo3-page-columnsMode tr td a {
@@ -16,7 +47,7 @@ table.typo3-page-columnsMode tr td a b {
        text-decoration: underline;
 }
 
-table.typo3-page-cols tr td span.exampleContent a {
+table.t3-page-columns tr td span.exampleContent a {
        text-decoration: none;
 }
 
diff --git a/typo3/sysext/t3skin/stylesheets/visual/page_tree.css b/typo3/sysext/t3skin/stylesheets/visual/page_tree.css
deleted file mode 100644 (file)
index 1990d9f..0000000
+++ /dev/null
@@ -1,112 +0,0 @@
-/* - - - - - - - - - - - - - - - - - - - - -
-Trees
-
-$Id$
-- - - - - - - - - - - - - - - - - - - - - */
-
-table#typo3-tree a {
-       text-decoration: none;
-}
-
-body#typo3-alt-db-navframe-php div.c-notice {
-       border: 1px solid black;
-}
-
-.navFrameHL {
-       background-color: #d7dbe2;
-}
-
-.navFrameHL a {
-       font-weight: bold;
-}
-
-table#typo3-tree tr:hover {
-       background-color: #d7dbe2;
-}
-
-/* - - - - - - - - - - - - - - - - - - - - -
-AJAX Page Tree
-- - - - - - - - - - - - - - - - - - - - - */
-
-ul.tree {
-       list-style: none;
-}
-
-ul.tree a {
-       text-decoration: none;
-}
-
-ul.tree a.pm {
-       cursor: pointer;
-}
-
-ul.tree ul {
-       list-style: none;
-}
-
-ul.tree ul li {
-       line-height: 10px;
-       list-style: none;
-       white-space: nowrap;
-}
-
-ul.tree ul li.expanded ul {
-       background: transparent url('../../icons/gfx/ol/line.gif') top left repeat-y;
-}
-
-ul.tree ul li.last > ul {
-       background: none;
-}
-
-ul.tree li.active,
-ul.tree ul li.active {
-       background-color: #d7dbe2 !important;
-}
-
-ul.tree li.active ul,
-ul.tree ul li.active ul {
-       background-color: #efeff4;
-}
-
-ul.tree li.active span a,
-ul.tree ul li.active span a {
-       font-weight: bold;
-}
-
-ul.tree li.active ul span a,
-ul.tree ul li.active ul span a {
-       font-weight: normal;
-}
-
-#dragIcon {
-       filter: alpha(opacity=50);
-       opacity: 0.5;
-       white-space: nowrap;
-       -moz-opacity: 0.5;
-}
-
-#treeFilterBox {
-       background-image: url('../../icons/gfx/filter_bg.gif');
-       background-repeat: no-repeat;
-       background-position:  2px -2px;
-}
-
-#treeFilter {
-       background: transparent;
-       border: 0px;
-       font-size: 11px;
-}
-
-#treeFilterReset {
-       border: 0;
-       cursor: pointer;
-}
-/*div#PageTreeDiv span.t3-icon-apps {
-       margin-bottom:-6px !important;
-       margin-right:1px !important;
-}*/
-
-ul.tree ul li {vertical-align:bottom;}
-ul.tree img {vertical-align:bottom;}
-ul.tree ul li span {vertical-align:bottom;}
-ul.tree .treeLinkItem {line-height:16px;}
\ No newline at end of file
index f4c4c74..46efa1d 100644 (file)
@@ -3,13 +3,12 @@ Toolbar inside the Topbar
 
 $Id$
 - - - - - - - - - - - - - - - - - - - - - */
+
 #typo3-toolbar {
        list-style: none;
 }
 
 .toolbar-item {
-       background-image: url('../../icons/gfx/toolbar_separator.png');
-       background-repeat: no-repeat;
        text-align: center;
 }
 
index 4409b1e..5b85635 100644 (file)
@@ -5,16 +5,18 @@ $Id$
 - - - - - - - - - - - - - - - - - - - - - */
 
 #logout-button input {
-       background: #c3c7ce url('../../icons/gfx/bg_input_button.gif') repeat-x;
-       border: 1px solid #acb3be;
-       color: #333;
+       background: #494949;
+       border: 1px solid #636363;
+       color: #fff;
        cursor: pointer;
-       line-height: 14px;
        text-align: center;
 }
 
 #logout-button input:hover {
-       background: #c3c7ce url('../../icons/gfx/bg_input_button_hover.gif') repeat-x;
+       background-color: #c3c7ce;
+       background-image: linear-gradient(center top, #f6f6f6 10%, #c8c8c8 90%);
+       background-image: -moz-linear-gradient(center top, #f6f6f6 10%, #bdbcbc 90%);
+       background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.1, #f6f6f6), color-stop(0.9, #c8c8c8));
        border: 1px solid #737f91;
        color: #000;
 }
\ No newline at end of file
index eaa1b0e..38e6d9d 100644 (file)
@@ -10,6 +10,9 @@ $Id$
 }
 
 #username a {
+       color: #ffffff;
+       font-weight: bold;
+       font-size: 11px;
        line-height: 16px;
        text-decoration: none;
 }
\ No newline at end of file
index 1beef45..cd251d0 100644 (file)
@@ -5,5 +5,9 @@ $Id$
 - - - - - - - - - - - - - - - - - - - - - */
 
 #typo3-top-container {
-       background-image: url('../../icons/gfx/bar.png');
+       background-color: #3f3f3f;
+       background-image: gradient(center top , #494949 0%, #373737 91%, #343434 92%, #2A2A2A 100%);
+       background-image: -moz-linear-gradient(center top , #494949 0%, #373737 91%, #343434 92%, #2A2A2A 100%);
+       background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0, #494949) color-stop(0.91, #373737), color-stop(0.92, #343434), color-stop(1, #2a2a2a));
+
 }
\ No newline at end of file