[BUGFIX] Add "Media" in CSS Bootstrap

Bootstrap is used in About Modules.

Resolves: #62791
Releases: master
Change-Id: Icebe4095367a0e14d7fbef40a74fe5fecc0df16c
Reviewed-on: http://review.typo3.org/34017
Reviewed-by: Georg Ringer <georg.ringer@gmail.com>
Tested-by: Georg Ringer <georg.ringer@gmail.com>
Reviewed-by: Christian Kuhn <lolli@schwarzbu.ch>
Tested-by: Christian Kuhn <lolli@schwarzbu.ch>
Reviewed-by: Stefan Froemken <froemken@gmail.com>
Tested-by: Stefan Froemken <froemken@gmail.com>

diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/t3kin.less b/typo3/sysext/t3skin/Resources/Private/Styles/t3kin.less
index 0a5f1ea..29b014c 100644 (file)
--- a/typo3/sysext/t3skin/Resources/Private/Styles/t3kin.less
+++ b/typo3/sysext/t3skin/Resources/Private/Styles/t3kin.less
@@ -49,7 +49,7 @@
 @import "@{composer-package-directory-prefix}/twbs/bootstrap/less/thumbnails.less";
 @import "@{composer-package-directory-prefix}/twbs/bootstrap/less/alerts.less";
 @import "@{composer-package-directory-prefix}/twbs/bootstrap/less/progress-bars.less";
-// @import "@{composer-package-directory-prefix}/twbs/bootstrap/less/media.less";
+@import "@{composer-package-directory-prefix}/twbs/bootstrap/less/media.less";
 @import "@{composer-package-directory-prefix}/twbs/bootstrap/less/list-group.less";
 @import "@{composer-package-directory-prefix}/twbs/bootstrap/less/panels.less";
 @import "@{composer-package-directory-prefix}/twbs/bootstrap/less/responsive-embed.less";

diff --git a/typo3/sysext/t3skin/Resources/Public/Css/visual/t3kin.css b/typo3/sysext/t3skin/Resources/Public/Css/visual/t3kin.css
index 02d1fe9..afaad33 100644 (file)
--- a/typo3/sysext/t3skin/Resources/Public/Css/visual/t3kin.css
+++ b/typo3/sysext/t3skin/Resources/Public/Css/visual/t3kin.css
@@ -3800,6 +3800,40 @@ a.thumbnail.active {
   background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
   background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 }
+.media {
+  margin-top: 15px;
+}
+.media:first-child {
+  margin-top: 0;
+}
+.media-right,
+.media > .pull-right {
+  padding-left: 10px;
+}
+.media-left,
+.media > .pull-left {
+  padding-right: 10px;
+}
+.media-left,
+.media-right,
+.media-body {
+  display: table-cell;
+  vertical-align: top;
+}
+.media-middle {
+  vertical-align: middle;
+}
+.media-bottom {
+  vertical-align: bottom;
+}
+.media-heading {
+  margin-top: 0;
+  margin-bottom: 5px;
+}
+.media-list {
+  padding-left: 0;
+  list-style: none;
+}
 .list-group {
   margin-bottom: 20px;
   padding-left: 0;