Fixed Bug #7388: CSS Gremlins
authorJeff Segars <jsegars@alumni.rice.edu>
Wed, 13 Feb 2008 03:48:21 +0000 (03:48 +0000)
committerJeff Segars <jsegars@alumni.rice.edu>
Wed, 13 Feb 2008 03:48:21 +0000 (03:48 +0000)
git-svn-id: https://svn.typo3.org/TYPO3v4/Core/trunk@3152 709f56b5-9817-0410-a4d7-c38de5d9e867

16 files changed:
ChangeLog
typo3/class.file_list.inc
typo3/classes/class.modulemenu.php
typo3/css/backend-style.css
typo3/css/modulemenu.css
typo3/stylesheet.css
typo3/sysext/cms/layout/class.tx_cms_layout.php
typo3/sysext/t3skin/stylesheets/ext-cms-layout-db-layout-php.css
typo3/sysext/t3skin/stylesheets/stylesheet_post.css
typo3/sysext/t3skin/stylesheets/typo3-TCEforms.css
typo3/sysext/t3skin/stylesheets/typo3-colors.css
typo3/sysext/t3skin/stylesheets/typo3-csh.css [new file with mode: 0644]
typo3/sysext/t3skin/stylesheets/typo3-db-list-php.css
typo3/sysext/t3skin/stylesheets/typo3-dyntabmenu.css
typo3/sysext/t3skin/stylesheets/typo3-file-list.css [new file with mode: 0644]
typo3/sysext/t3skin/stylesheets/typo3-tree.css

index d1c5f0a..05783a7 100755 (executable)
--- a/ChangeLog
+++ b/ChangeLog
@@ -1,3 +1,7 @@
+2008-02-12  Jeff Segars  <jeff@webempoweredchurch.org>
+
+       * Fixed Bug #7388: CSS Gremlins
+
 2008-02-12  Thomas Hempek  <thomas@typo3-unleashed.net>
 
        * code cleanup and bugfix patch for t3editor / preparation for review (Thanks to Tobias Liebig)
index cb2a26e..1a75206 100755 (executable)
@@ -229,13 +229,6 @@ class fileList extends t3lib_recordList {
                if ($this->clipBoard)   $rowlist.=',_CLIPBOARD_';
                $this->fieldArray = explode(',',$rowlist);
 
-                       // half line is drawn
-               $theData = Array();
-               $theData[$titleCol] = $this->widthGif;
-               $out.=$this->addelement(0,'',$theData,'');
-
-
-
                        // Directories are added
                $iOut = '';
                $iOut.= $this->formatDirList($dirs);
index 75466b5..6f17d37 100644 (file)
@@ -206,7 +206,7 @@ class ModuleMenu {
                                $onClickString = htmlspecialchars('top.goToModule(\''.$moduleData['name'].'\');'.$onBlur.'return false;');
                                $submoduleLink = '<a href="#" onclick="'.$onClickString.'" title="'.$moduleData['description'].'">'
                                                //TODO make icon a background image using css
-                                       .$moduleData['icon']['html'].' '
+                                       .'<span class="submodule-icon">'.$moduleData['icon']['html'].'</span>'
                                        .'<span>'.htmlspecialchars($moduleData['title']).'</span>'
                                        .'</a>';
                        }
index 17fa7b8..2591a66 100644 (file)
@@ -81,8 +81,8 @@ Description : styles the TYPO3 backend
 }
 
 #username.su-user {
-       background: #f7989f;
-       padding-left: 4px;
+       color: red;
+       font-weight: bold;
 }
 
 #username a {
index fee3bb2..516c9c1 100644 (file)
@@ -49,13 +49,16 @@ TYPO3 backend menu - vertical
        margin: 3px 0px 3px;
 }
 
-#typo3-menu li div img {
-       vertical-align:top;
-       margin-right:2px;
+#typo3-menu li span.submodule-icon {
+       display: inline-block;
+       display: -moz-inline-box;
+       width: 20px;
+       vertical-align: top;
 }
 
-#typo3-menu li span {
-       padding-left: 2px;
+/* IE needs a special treatment */
+* html #typo3-menu li span.submodule-icon {
+       margin-right: 3px;
 }
 
 #typo3-menu li ul li {
@@ -78,11 +81,6 @@ TYPO3 backend menu - vertical
        display: block;
 }
 
-#typo3-menu li ul li a img {
-       float: left;
-       margin-right:2px;
-}
-
 #typo3-menu li.menuSection li:hover,
 #typo3-menu li.highlighted {
        background-color: #e3dfdb;
index ef7125e..cf57a8d 100755 (executable)
@@ -185,7 +185,7 @@ TABLE#typo3-tabmenu { margin-top: 5px; }
 TABLE#typo3-tabmenu TR { height: 1.5em; }
 TABLE#typo3-tabmenu TD.tabact { color: black; border: solid black 1px; background: #e7dba8; }
 TABLE#typo3-tabmenu TD.tab { color: #666; border: solid #555 1px; border-left: solid #aaa 3px; background: #c4d4cd; }
-TABLE#typo3-tabmenu TD.tab, TABLE#typo3-tabmenu TD.tabact { border-radius: 3px; -moz-border-radius: 3px; border-bottom: 0px; }
+TABLE#typo3-tabmenu TD.tab, TABLE#typo3-tabmenu TD.tabact { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-bottom: 0px; }
 TABLE#typo3-tabmenu TD A { color: #666; text-decoration: none; display: block; width: 100%; padding: 2px 5px 3px 2px; }
 TABLE#typo3-tabmenu TD.tabact A { color: black; padding-left: 10px; padding-right: 10px; }
 TABLE#typo3-tabmenu TD A:hover { color: black; text-decoration: none; }
@@ -216,7 +216,7 @@ TABLE.typo3-dyntabmenu TD.tabact A, TABLE.typo3-dyntabmenu TD.tabact_over A { co
 TABLE.typo3-tabmenu TD:hover { background: #f6eab7; }
 
 DIV.typo3-dyntabmenu-divs-foldout DIV.c-tablayer { margin-left: 20px; }
-DIV.typo3-dyntabmenu-divs-foldout DIV.tab, DIV.typo3-dyntabmenu-divs-foldout DIV.tab_over, DIV.typo3-dyntabmenu-divs-foldout DIV.tabact, DIV.typo3-dyntabmenu-divs-foldout DIV.tabact_over, DIV.typo3-dyntabmenu-divs-foldout DIV.disabled, DIV.typo3-dyntabmenu-divs-foldout DIV.disabled_over { border: solid black 1px; margin-top: 5px; border-radius: 3px; -moz-border-radius: 3px; }
+DIV.typo3-dyntabmenu-divs-foldout DIV.tab, DIV.typo3-dyntabmenu-divs-foldout DIV.tab_over, DIV.typo3-dyntabmenu-divs-foldout DIV.tabact, DIV.typo3-dyntabmenu-divs-foldout DIV.tabact_over, DIV.typo3-dyntabmenu-divs-foldout DIV.disabled, DIV.typo3-dyntabmenu-divs-foldout DIV.disabled_over { border: solid black 1px; margin-top: 5px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
 DIV.typo3-dyntabmenu-divs-foldout DIV.tab { background: #c4d4cd; background-image: url(gfx/ol/plusbullet.gif); background-repeat: no-repeat; }
 DIV.typo3-dyntabmenu-divs-foldout DIV.tab_over { background: #f6eab7; background-image: url(gfx/ol/arrowbullet.gif); background-repeat: no-repeat; }
 DIV.typo3-dyntabmenu-divs-foldout DIV.tabact { background: #e7dba8; background-image: url(gfx/ol/minusbullet.gif); background-repeat: no-repeat; }
@@ -381,6 +381,8 @@ div#typo3-docheader div.buttonsleft  { margin: 0 0 0 3px; line-height: 16px; flo
 div#typo3-docheader div.buttonsright { margin: 0 3px 0 0; line-height: 16px; float: right; }
 div#typo3-docheader img, div#typo3-docheader input { margin: 2px 3px 0; vertical-align: top; }
 div#typo3-docheader img.typo3-csh-icon { margin: 2px 2px 0 2px; }
+div#typo3-docheader-row2 img { vertical-align: top !important; margin-top: 5px !important; }
+div#typo3-docheader-row2 div { vertical-align: baseline }
 div#typo3-docheader select { margin: 1px 0 0; }
 div#typo3-docheader div.pagepath { margin-left: 6px; float: left; }
 div#typo3-docheader div.infooptions { margin-right: 6px; float: right; }
@@ -508,8 +510,9 @@ DT.typo3-tstemplate-ceditor-label { font-size: 11px; font-weight: bold; }
 
 
 /* File > List */
+TABLE#typo3-filelist { margin-top: 10px;}
 TABLE#typo3-filelist IMG { vertical-align: middle; }
-TABLE#typo3-filelist TR TD { padding-left: 1px; padding-right: 6px; }
+TABLE#typo3-filelist TR TD { padding: 3px; }
 TABLE#typo3-filelist TR TD.c-headLine { background-color: #ccc; font-weight: bold; height: 16px; }
 TABLE#typo3-filelist TR TD DIV.typo3-clipCtrl { background-color: #abbbb4; text-align: center; }
 
@@ -660,7 +663,7 @@ A.typo3-csh-link { white-space: normal; }
 A.typo3-csh-link SPAN.typo3-csh-inline { display: none; position: absolute; padding: 1px 2px 2px 2px; background: #ffffff; border: 1px solid #050505; width: 200px; z-index: 100; color: #000000; font-weight: normal; }
 A.typo3-csh-link:hover SPAN.typo3-csh-inline { display: block; }
 SPAN.typo3-csh-inline SPAN.header, TABLE.typo3-csh-inline SPAN.header { font-weight: bold; float: left; width: 100%; background-color: #F6F2E6; }
-
+SPAN.typo3-csh-inline { line-height: 16px; }
 
 
 /*********************************************
index 70b46a4..03341ef 100755 (executable)
@@ -549,10 +549,10 @@ class tx_cms_layout extends recordList {
                                }
                                        // Add headers:
                                $out.='
-                                       <tr>'.implode($midSep,$cCont).'
+                                       <tr class="bgColor5">'.implode($midSep,$cCont).'
                                        </tr>';
                                $out.='
-                                       <tr>'.implode($midSep,$sCont).'
+                                       <tr class="bgColor5">'.implode($midSep,$sCont).'
                                        </tr>';
 
                                        // Traverse previously built content for the columns:
index 6e7c386..9a4bd04 100644 (file)
@@ -4,4 +4,8 @@
 
 .typo3-page-colHeader .bgColor2 div {
        color: #FFFFFF;
+}
+
+table.typo3-page-pages tr td.c-headLine {
+       background-color: #D7DBE2;
 }
\ No newline at end of file
index 717616e..c6c2b56 100644 (file)
@@ -10,6 +10,8 @@
 @import "typo3-index-php.css";
 @import "typo3-tree.css";
 @import "ext-cms-layout-db-layout-php.css";
+@import "typo3-file-list.css";
+@import "typo3-csh.css";
 @import "typo3-workspaces.css";
 
 /***************************************************************
@@ -55,13 +57,14 @@ a:hover {
 
 a.typo3-goBack {
        background: none;
+       background-color: transparent;
 }
 
 select, textarea, input, td, body, .defstyle, p, div {
        color: #212424;
 }
 
-select, textarea, input {
+textarea, input {
        border-top: 1px solid #838EA0;
        border-left: 1px solid #838EA0;
        border-right: 1px solid #545861;
@@ -69,7 +72,7 @@ select, textarea, input {
        background-color: #FEFEFE;
 }
 
-select:hover, textarea:hover, input:hover {
+textarea:hover, input:hover {
        border-top: 1px solid #AAAAAA;
        border-left: 1px solid #AAAAAA;
        border-right: 1px solid #888888;
index 0e12ece..1f34c82 100644 (file)
@@ -22,6 +22,10 @@ table.typo3-TCEforms tr.bgColor2 td {
        padding-bottom: 5px;
 }
 
+table.typo3-TCEforms tr.bgColor2 {
+       background-image: none;
+}
+
 table#typo3-altdoc-header input,
 .c-inputButton {
        background: none;
index d3e0433..2d8aae1 100644 (file)
@@ -26,9 +26,13 @@ body#typo3-alt-toplogo-php {
        color: #FFFFFF;
 }
 
+.bgColor3-20 {
+       background-color: #E4E5F0;
+}
+
 .bgColor4 {
        background-color: #EFEFF4;
-       }
+}
 
 .bgColor4-20 {
        background-color: #F8F9FA;
diff --git a/typo3/sysext/t3skin/stylesheets/typo3-csh.css b/typo3/sysext/t3skin/stylesheets/typo3-csh.css
new file mode 100644 (file)
index 0000000..55e1e63
--- /dev/null
@@ -0,0 +1,82 @@
+/* - - - - - - - - - - - - - - - - - - - - -
+
+Title  : TYPO3 Context Sensitive Help Styles
+Author : Jeff Segars <jeff@webempoweredchurch.org
+URL    : http://typo3.org
+
+Description : Overwrites default styles for the Context Sensitive Help.
+
+       $Id$
+
+- - - - - - - - - - - - - - - - - - - - - */
+
+a.typo3-csh-link span.typo3-csh-inline {
+       border: 1px solid #A2AAB8;
+       padding: 0px;
+}
+
+a.typo3-csh-link span.typo3-csh-inline span.header {
+       display: block;
+       background-color:#B8BEC9;
+       background-image:url(../icons/gfx/alt_menu_mainitem_bg.gif);
+       background-repeat:repeat-x;
+       color: white;
+}
+
+a.typo3-csh-link span.typo3-csh-inline span.paragraph {
+       display: block;
+       padding: 3px;
+}
+
+div.typo3-view-help h3 {
+       background-color:#B8BEC9;
+       background-image:url(../icons/gfx/alt_menu_mainitem_bg.gif);
+       background-repeat:repeat-x;
+       color: white;
+       padding: 5px;
+}
+
+div.typo3-view-help p.c-nav a {
+       background-color: transparent;
+}
+/* - - - - - - - - - - - - - - - - - - - - -
+
+Title  : TYPO3 Context Sensitive Help Styles
+Author : Jeff Segars <jeff@webempoweredchurch.org
+URL    : http://typo3.org
+
+Description : Overwrites default styles for the Context Sensitive Help.
+
+       $Id$
+
+- - - - - - - - - - - - - - - - - - - - - */
+
+a.typo3-csh-link span.typo3-csh-inline {
+       border: 1px solid #A2AAB8;
+       padding: 0px;
+}
+
+a.typo3-csh-link span.typo3-csh-inline span.header {
+       display: block;
+       background-color:#B8BEC9;
+       background-image:url(../icons/gfx/alt_menu_mainitem_bg.gif);
+       background-repeat:repeat-x;
+       color: white;
+}
+
+a.typo3-csh-link span.typo3-csh-inline span.paragraph {
+       display: block;
+       padding: 3px;
+}
+
+div.typo3-view-help h3 {
+       background-color:#B8BEC9;
+       background-image:url(../icons/gfx/alt_menu_mainitem_bg.gif);
+       background-repeat:repeat-x;
+       color: white;
+       padding: 5px;
+}
+
+div.typo3-view-help p.c-nav a {
+       background-color: transparent;
+}
\ No newline at end of file
index 6a8992f..4421ecb 100644 (file)
@@ -7,8 +7,8 @@ table.typo3-dblist {
        border: 1px solid #A2AAB8;
 }
 
-table.typo3-dblist .db_list_alt {
-       background-color: #F8F9FB;
+table.typo3-dblist tr td.db_list_alt {
+       background-color: #E4E5F0;
 }
 
 table#typo3-dblist-top table.bgColor4 {
index 91151d1..0f57134 100644 (file)
@@ -50,9 +50,22 @@ table.typo3-dyntabmenu td a:hover {
        background-color: #F8F9FB;
 }
 
+div.typo3-dyntabmenu-divs-foldout div.disabled,  
+div.typo3-dyntabmenu-divs-foldout div.disabled_over {
+       background: #CCCCCC;
+}
+div.typo3-dyntabmenu-divs-foldout div.tab,
+div.typo3-dyntabmenu-divs-foldout div.tabact { 
+       background: #FEFEFE;
+       
+}
 
+div.typo3-dyntabmenu-divs-foldout div.tab_over,
+div.typo3-dyntabmenu-divs-foldout div.tabact_over { 
+       background: #D7DBE2;
+}
 
-DIV.typo3-dyntabmenu-divs {
+div.typo3-dyntabmenu-divs {
        padding:0;
 }
 
diff --git a/typo3/sysext/t3skin/stylesheets/typo3-file-list.css b/typo3/sysext/t3skin/stylesheets/typo3-file-list.css
new file mode 100644 (file)
index 0000000..dcca16f
--- /dev/null
@@ -0,0 +1,78 @@
+/* - - - - - - - - - - - - - - - - - - - - -
+
+Title  : TYPO3 File->Filelist Styles
+Author : Jeff Segars <jeff@webempoweredchurch.org
+URL    : http://typo3.org
+
+Description : Overwrites default styles for the File->Filelist module.
+
+       $Id$
+
+- - - - - - - - - - - - - - - - - - - - - */
+
+table#typo3-filelist {
+       border:1px solid #A2AAB8;
+       margin-top:10px;
+}
+
+table#typo3-filelist-top tr {
+       vertical-align: bottom;
+}
+
+table#typo3-filelist tr td.c-headLine {
+       background-color:#B8BEC9;
+       background-image:url(../icons/gfx/alt_menu_mainitem_bg.gif);
+       background-repeat:repeat-x;
+}
+
+table#typo3-filelist tr td.c-headLine a {
+       color:#FFFFFF;
+}
+
+
+table#typo3-filelist tr td img {
+       text-align: center;
+}
+
+table#typo3-filelist tr td div.typo3-clipCtrl {
+       background-color:transparent;
+}
+/* - - - - - - - - - - - - - - - - - - - - -
+
+Title  : TYPO3 File->Filelist Styles
+Author : Jeff Segars <jeff@webempoweredchurch.org
+URL    : http://typo3.org
+
+Description : Overwrites default styles for the File->Filelist module.
+
+       $Id$
+
+- - - - - - - - - - - - - - - - - - - - - */
+
+table#typo3-filelist {
+       border:1px solid #A2AAB8;
+       margin-top:10px;
+}
+
+table#typo3-filelist-top tr {
+       vertical-align: bottom;
+}
+
+table#typo3-filelist tr td.c-headLine {
+       background-color:#B8BEC9;
+       background-image:url(../icons/gfx/alt_menu_mainitem_bg.gif);
+       background-repeat:repeat-x;
+}
+
+table#typo3-filelist tr td.c-headLine a {
+       color:#FFFFFF;
+}
+
+
+table#typo3-filelist tr td img {
+       text-align: center;
+}
+
+table#typo3-filelist tr td div.typo3-clipCtrl {
+       background-color:transparent;
+}
\ No newline at end of file
index a558e62..f75c933 100644 (file)
@@ -6,10 +6,11 @@ table#typo3-tree,
 table#typo3-browsetree {
        margin: 10px 0 20px 10px;
 }
+table#typo3-tree tr td { padding:0px; }
 
 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 span a, ul.tree ul li.active span a { font-weight: bold; }
 ul.tree li.active ul, ul.tree ul li.active ul   { background-color: #EFEFF4; }
-ul.tree li.active ul span a, ul.tree ul li.active ul span a { font-weight: normal; }
+ul.tree li.active ul span a, ul.tree ul li.active ul span a { font-weight: normal; }
\ No newline at end of file