Revert "Simplify thumbnail styling to have consistency with mobile implementation"

Causes significant breakage for videos, author not around this week to address concerns.

This reverts commit b0012d2aeb6a5ef8172223c58ceb8fa5c78c5138.

Change-Id: If1d7ba81b47b9351427111a9060ea9893c87c96e

diff --git a/skins/common/commonContent.css b/skins/common/commonContent.css
index 6bf01ae..4157b55 100644 (file)
--- a/skins/common/commonContent.css
+++ b/skins/common/commonContent.css
@@ -143,7 +143,7 @@ html .thumbimage {
 html .thumbcaption {
        border: none;
        line-height: 1.4em;
-       padding: 3px;
+       padding: 3px !important;
        font-size: 94%;
 }
 

diff --git a/skins/vector/components/thumbnails.less b/skins/vector/components/thumbnails.less
deleted file mode 100644 (file)
index afb5f2a..0000000
--- a/skins/vector/components/thumbnails.less
+++ /dev/null
@@ -1,32 +0,0 @@
-// FIXME: Due to commonContent.css we have to use html tag to make sure these are more specific
-html .thumb {
-       &.tright {
-               padding: 1px 0 0 15px;
-       }
-
-       &.tleft {
-               padding: 1px 15px 0 0;
-       }
-
-       // these resets should be unnecessary
-       div.thumbinner {
-               border: none;
-               background: none;
-               font-size: 100%;
-       }
-
-       .thumbcaption {
-               line-height: @content-line-height;
-               font-size: .85em;
-               padding: 3px 0 0 0;
-               color: #333;
-       }
-
-       .magnify {
-               display: none;
-       }
-
-       .thumbimage {
-               border: none;
-       }
-}

diff --git a/skins/vector/screen.less b/skins/vector/screen.less
index 3e824f3..f7b374f 100644 (file)
--- a/skins/vector/screen.less
+++ b/skins/vector/screen.less
@@ -8,4 +8,3 @@
 @import "components/footer.less";
 @import 'components/notifications.less';
 @import "components/externalLinks.less";
-@import "components/thumbnails.less";