Room around thumbs should be margin, not a transparent border.

.tleft / .tright { border-width: 0.5em 0 0.8em 1.4em; }
becomes: "margin: 0.5em 0 0.8em 1.4em;"
adding ".thumb margin-bottom: 0.5em;" becomes: "margin: 0.5em 0 1.3em 1.4em;"
* Related to r79010

diff --git a/skins/chick/main.css b/skins/chick/main.css
index bc25b31..e5ba86c 100644 (file)
--- a/skins/chick/main.css
+++ b/skins/chick/main.css
@@ -279,8 +279,6 @@ div.floatleft p { font-style: italic; }
 /* thumbnails */
 div.thumb {
        margin-bottom: 0.5em;
-       border-style: solid;
-       border-color: transparent;
        width: auto;
 }
 div.thumbinner {
@@ -313,13 +311,12 @@ div.magnify a, div.magnify img {
 div.tright {
        clear: right;
        float: right;
-       border-width: 0.5em 0 0.8em 1.4em;
+       margin: 0.5em 0 1.3em 1.4em;
 }
 div.tleft {
        float: left;
        clear: left;
-       margin-right:0.5em;
-       border-width: 0.5em 1.4em 0.8em 0;
+       margin: 0.5em 1.9em 1.3em 0;
 }
 img.thumbborder {
        border: 1px solid #dddddd;

diff --git a/skins/modern/main.css b/skins/modern/main.css
index e124e38..a1c512b 100644 (file)
--- a/skins/modern/main.css
+++ b/skins/modern/main.css
@@ -487,8 +487,6 @@ div.floatleft p { font-style: italic; }
 /* thumbnails */
 div.thumb {
        margin-bottom: .5em;
-       border-style: solid;
-       border-color: transparent;
        width: auto;
 }
 div.thumbinner {
@@ -522,13 +520,12 @@ div.magnify a, div.magnify img {
 div.tright {
        clear: right;
        float: right;
-       border-width: .5em 0 .8em 1.4em;
+       margin: .5em 0 .8em 1.4em;
 }
 div.tleft {
        float: left;
        clear: left;
-       margin-right: .5em;
-       border-width: .5em 1.4em .8em 0;
+       margin: .5em 1.9em .8em 0;
 }
 img.thumbborder {
        border: 1px solid #dddddd;

diff --git a/skins/monobook/main.css b/skins/monobook/main.css
index b1a9199..ab9fc51 100644 (file)
--- a/skins/monobook/main.css
+++ b/skins/monobook/main.css
@@ -410,8 +410,6 @@ div.floatleft p { font-style: italic; }
 /* thumbnails */
 div.thumb {
        margin-bottom: .5em;
-       border-style: solid;
-       border-color: transparent;
        width: auto;
 }
 div.thumbinner {
@@ -446,14 +444,13 @@ div.magnify a, div.magnify img {
 div.tright {
        clear: right;
        float: right;
-       border-width: .5em 0 .8em 1.4em;
+       margin: .5em 0 1.3em 1.4em;
 }
 /* @noflip */
 div.tleft {
        float: left;
        clear: left;
-       margin-right: .5em;
-       border-width: .5em 1.4em .8em 0;
+       margin: .5em 1.9em 1.3em 0;
 }
 img.thumbborder {
        border: 1px solid #dddddd;

diff --git a/skins/vector/screen.css b/skins/vector/screen.css
index 38463f7..060fe7c 100644 (file)
--- a/skins/vector/screen.css
+++ b/skins/vector/screen.css
@@ -892,8 +892,6 @@ div.floatleft p { font-style: italic; }
 /* Thumbnails */
 div.thumb {
        margin-bottom: .5em;
-       border-style: solid;
-       border-color: transparent;
        width: auto;
        background-color: transparent;
 }
@@ -929,14 +927,13 @@ div.magnify a, div.magnify img {
 div.tright {
        clear: right;
        float: right;
-       border-width: .5em 0 .8em 1.4em;
+       margin: .5em 0 1.3em 1.4em;
 }
 /* @noflip */
 div.tleft {
        float: left;
        clear: left;
-       margin-right: .5em;
-       border-width: .5em 1.4em .8em 0;
+       margin: .5em 1.9em 1.3em 0;
 }
 img.thumbborder {
        border: 1px solid #dddddd;