From: Bartosz Dziewoński <matma.rex@gmail.com>
Date: Tue, 22 Jul 2014 16:11:25 +0000 (+0200)
Subject: commonElements: Import styling for <code> from mediawiki.org
X-Git-Tag: 1.31.0-rc.0~14775^2
X-Git-Url: https://git.cyclocoop.org/%28%28?a=commitdiff_plain;h=ea24513921a8e0d704d1747a26f0c1627eaf3153;p=lhc%2Fweb%2Fwiklou.git

commonElements: Import styling for <code> from mediawiki.org

Same theme as the styling for <pre> we already have (which also has
been imported from mediawiki.org, in Iea359250).

Source:
https://www.mediawiki.org/w/index.php?title=MediaWiki:Gadget-site.css&oldid=1057697

> Redesigned <code>.
> Should improve readability by not having the samples blend into the white background,
> but by having a visible (though subtle) border around the code sample.

Originally authored by Krinkle:
https://www.mediawiki.org/w/index.php?title=MediaWiki:Gadget-site.css&diff=655396&oldid=648042

Change-Id: I48185e17a37e5c11b285e9a44176b47d59644bcd
---

diff --git a/skins/common/commonElements.css b/skins/common/commonElements.css
index 7b2cc4059a..392a2a6622 100644
--- a/skins/common/commonElements.css
+++ b/skins/common/commonElements.css
@@ -197,14 +197,18 @@ pre, code, tt, kbd, samp, .mw-code {
 }
 
 code {
+	color: black;
 	background-color: #f9f9f9;
+	border: 1px solid #ddd;
+	border-radius: 2px;
+	padding: 1px 4px;
 }
 
 pre, .mw-code {
-	padding: 1em;
-	border: 1px solid #ddd;
 	color: black;
 	background-color: #f9f9f9;
+	border: 1px solid #ddd;
+	padding: 1em;
 }
 
 /* Tables */