From: MatmaRex <matma.rex@gmail.com>
Date: Sat, 19 Jan 2013 13:50:13 +0000 (+0100)
Subject: (bug 44141) Vector: Phase out one-pixel images.
X-Git-Tag: 1.31.0-rc.0~20777^2
X-Git-Url: http://git.cyclocoop.org/%24href?a=commitdiff_plain;h=95aea903c9870e806483113972b80d40755c80b1;p=lhc%2Fweb%2Fwiklou.git

(bug 44141) Vector: Phase out one-pixel images.

Replace background-image declarations with background or border.
Interestingly some of the elements already had a background-color
set (different from the color in the image background).
Those colors were fixed.

Additionally, move the borders of #content from three different elements to #content itself.

Removed the now-unused files as well. preferences-edge.png was already unused before my changes.

Change-Id: I0a1fed69e05cd05ee6dae54aaca8e7f5dc837723
---

diff --git a/skins/vector/images/border.png b/skins/vector/images/border.png
deleted file mode 100644
index f9ca8cc300..0000000000
Binary files a/skins/vector/images/border.png and /dev/null differ
diff --git a/skins/vector/images/page-base.png b/skins/vector/images/page-base.png
deleted file mode 100644
index b3ecd30d23..0000000000
Binary files a/skins/vector/images/page-base.png and /dev/null differ
diff --git a/skins/vector/images/preferences-base.png b/skins/vector/images/preferences-base.png
deleted file mode 100644
index 8e0082b1a2..0000000000
Binary files a/skins/vector/images/preferences-base.png and /dev/null differ
diff --git a/skins/vector/images/preferences-edge.png b/skins/vector/images/preferences-edge.png
deleted file mode 100644
index 411a1aaa24..0000000000
Binary files a/skins/vector/images/preferences-edge.png and /dev/null differ
diff --git a/skins/vector/screen.css b/skins/vector/screen.css
index 26967a57ec..2e09ee175b 100644
--- a/skins/vector/screen.css
+++ b/skins/vector/screen.css
@@ -21,18 +21,17 @@ body {
 	font-size: 1em;
 }
 body {
-	background-color: #f3f3f3;
-	/* @embed */
-	background-image: url(images/page-base.png);
+	background-color: #f6f6f6;
 }
 /* Content */
 div#content {
 	margin-left: 10em;
 	padding: 1em;
-	/* @embed */
-	background-image: url(images/border.png);
-	background-position: top left;
-	background-repeat: repeat-y;
+	/* Border on top, left, and bottom side */
+	border: 1px solid #a7d7f9;
+	border-right-width: 0;
+	/* Merge the border with tabs' one (in their background image) */
+	margin-top: -1px;
 	background-color: white;
 	color: black;
 	direction: ltr;
@@ -55,10 +54,6 @@ div#content {
 	margin-top: -5em;
 	margin-left: 10em;
 	height: 5em;
-	/* @embed */
-	background-image: url(images/border.png);
-	background-position: bottom left;
-	background-repeat: repeat-x;
 }
 div#mw-head {
 	position: absolute;
@@ -528,10 +523,6 @@ div#footer {
 	margin-left: 10em;
 	margin-top: 0;
 	padding: 0.75em;
-	/* @embed */
-	background-image: url(images/border.png);
-	background-position: top left;
-	background-repeat: repeat-x;
 	direction: ltr;
 }
 div#footer ul {
@@ -654,9 +645,7 @@ div#footer #footer-places li {
 	margin-top: -2px;
 	clear: both;
 	border: solid 1px #ccc;
-	background-color: #f9f9f9;
-	/* @embed */
-	background-image: url(images/preferences-base.png);
+	background-color: #fafafa;
 }
 #preferences fieldset {
 	border: none;