Fixed bug #16409: Implement fallback solution for box-shadow of module menu and tree...

git-svn-id: https://svn.typo3.org/TYPO3v4/Core/trunk@9408 709f56b5-9817-0410-a4d7-c38de5d9e867

diff --git a/ChangeLog b/ChangeLog
index b8f2b12..aa55f01 100755 (executable)
--- a/ChangeLog
+++ b/ChangeLog
@@ -11,6 +11,7 @@
        * Follow-up to #16403: Fixed inclusion of JS files in template.php (Thanks to Steffen Ritter)
        * Fixed bug #16336: tcaTree does only support IRRE foreign_field relation on "parentField" (Thanks to Steffen Ritter)
        * Fixed bug #16424: Unused variable in t3lib_Compressor (Thanks to Bjoern Pedersen)
+       * Fixed bug #16409: Implement fallback solution for box-shadow of module menu and tree frame
 
 2010-11-16  Ernesto Baschny  <ernst@cron-it.de>
 

diff --git a/typo3/sysext/t3skin/images/backgrounds/module-menu-right-top.png b/typo3/sysext/t3skin/images/backgrounds/module-menu-right-top.png
new file mode 100644 (file)
index 0000000..37e6fca
Binary files /dev/null and b/typo3/sysext/t3skin/images/backgrounds/module-menu-right-top.png differ

diff --git a/typo3/sysext/t3skin/stylesheets/visual/element_docheader.css b/typo3/sysext/t3skin/stylesheets/visual/element_docheader.css
index 95eb8c6..89ab621 100644 (file)
--- a/typo3/sysext/t3skin/stylesheets/visual/element_docheader.css
+++ b/typo3/sysext/t3skin/stylesheets/visual/element_docheader.css
@@ -52,11 +52,36 @@ div#typo3-docheader-row2 div {
        box-shadow: inset -2px 0 1px #414141;
 }
 
-#typo3-module-menu #typo3-docheader-row2,
 #typo3-pagetree #typo3-docheader-row2,
 #typo3-alt-file-navframe-php #typo3-docheader-row2 {
        -moz-box-shadow: inset -2px 0 1px #b7b7b7;
        -ms-box-shadow: inset -2px 0 1px #b7b7b7;
        -webkit-box-shadow: inset -2px 0 1px #b7b7b7;
        box-shadow: inset -2px 0 1px #b7b7b7;
+}
+
+/**
+ * Shadows of the docheader in module menu and tree frames,
+ * fallback for missing box-shadow support.
+ *
+ * @see modernizr.js
+ */
+.no-boxshadow #typo3-module-menu #typo3-docheader-row1,
+.no-boxshadow #typo3-pagetree #typo3-docheader-row1,
+.no-boxshadow #typo3-alt-file-navframe-php #typo3-docheader-row1 {
+       background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAMAAAAsPuSGAAAACVBMVEVGRkZAQEBRUVH4z1uMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAxJREFUCNdjYGJgBAAACwAEhbbR0wAAAABJRU5ErkJggg==");
+       /* star-hack targets IE6+7 */
+       *background-image: url("../../images/backgrounds/module-menu-right-top.png");
+       background-position: right;
+       background-repeat: repeat-y;
+
+}
+
+.no-boxshadow #typo3-pagetree #typo3-docheader-row2,
+.no-boxshadow #typo3-alt-file-navframe-php #typo3-docheader-row2 {
+       background-image: url("data:image/png;base64,R0lGODlhAgABAIAAAMjIyLOzsyH5BAAAAAAALAAAAAACAAEAAAICRAoAOw==");
+       /* star-hack targets IE6+7 */
+       *background-image: url("../../images/backgrounds/module-menu-right.png");
+       background-position: right;
+       background-repeat: repeat-y;
 }
\ No newline at end of file

diff --git a/typo3/sysext/t3skin/stylesheets/visual/element_tree.css b/typo3/sysext/t3skin/stylesheets/visual/element_tree.css
index 23e4b3d..2e969db 100644 (file)
--- a/typo3/sysext/t3skin/stylesheets/visual/element_tree.css
+++ b/typo3/sysext/t3skin/stylesheets/visual/element_tree.css
@@ -9,6 +9,9 @@ body#typo3-alt-file-navframe-php {
        background: #ebebeb;
 }
 
+/**
+ * Shadow on the right side of the tree frame.
+ */
 #typo3-pagetree #typo3-docbody,
 #typo3-alt-file-navframe-php #typo3-docbody {
        -moz-box-shadow: inset -2px 0 1px #c4c4c4;
@@ -17,6 +20,21 @@ body#typo3-alt-file-navframe-php {
        box-shadow: inset -2px 0 1px #c4c4c4;
 }
 
+/**
+ * Shadow on the right side of the tree frame,
+ * fallback for missing box-shadow support.
+ *
+ * @see modernizr.js
+ */
+.no-boxshadow #typo3-pagetree #typo3-docbody,
+.no-boxshadow #typo3-alt-file-navframe-php #typo3-docbody {
+       background-image: url("data:image/png;base64,R0lGODlhAgABAIAAAMjIyLOzsyH5BAAAAAAALAAAAAACAAEAAAICRAoAOw==");
+       /* star-hack targets IE6+7 */
+       *background-image: url("../../images/backgrounds/module-menu-right.png");
+       background-position: right;
+       background-repeat: repeat-y;
+}
+
 table#typo3-tree a {
        text-decoration: none;
 }

diff --git a/typo3/sysext/t3skin/stylesheets/visual/module_menu.css b/typo3/sysext/t3skin/stylesheets/visual/module_menu.css
index 7fe0730..942f74d 100644 (file)
--- a/typo3/sysext/t3skin/stylesheets/visual/module_menu.css
+++ b/typo3/sysext/t3skin/stylesheets/visual/module_menu.css
@@ -9,12 +9,32 @@ $Id$
        background-image: -moz-linear-gradient(top, #bdbdbd, 100px #dddddd);
        background-image: -webkit-gradient(linear, 0 0, 0 25%, color-stop(0, #bdbdbd), color-stop(1, #dddddd));
        background-image: linear-gradient(top, #bdbdbd, 100px #dddddd);
+}
+
+/**
+ * Shadow on the right side of the module menu.
+ */
+#typo3-module-menu {
        -moz-box-shadow: inset -2px 0 1px rgba(0, 0, 0, 0.15);
        -ms-box-shadow: inset -2px 0 1px rgba(0, 0, 0, 0.15);
        -webkit-box-shadow: inset -2px 0 1px rgba(0, 0, 0, 0.15);
        box-shadow: inset -2px 0 1px rgba(0, 0, 0, 0.15);
 }
 
+/**
+ * Shadow on the right side of the module menu,
+ * fallback for missing box-shadow support.
+ *
+ * @see modernizr.js
+ */
+.no-boxshadow #typo3-module-menu {
+       background-image: url("data:image/png;base64,R0lGODlhAgABAIAAAMjIyLOzsyH5BAAAAAAALAAAAAACAAEAAAICRAoAOw==");
+       /* star-hack targets IE6+7 */
+       *background-image: url("../../images/backgrounds/module-menu-right.png");
+       background-position: right;
+       background-repeat: repeat-y;
+}
+
 #typo3-module-menu .x-panel-body {
        background-color: transparent;
 }