Make some more css rules less specific (classes instead of ids)

Change-Id: Icc86a9a48ff9bd3b1236e9f05851c9e23208c15b

resources/screen-common.less

@@ -23,6 +23,8 @@ body {
 }
 #mw-content-container {
 	background: @background2;
+}
+.mw-body {
 	word-wrap: break-word;
 }
 #mw-footer-container {
@@ -441,7 +443,7 @@ ul {
 .thumbinner .thumbimage {
 	border: solid 1px @grey-bright;
 }
-#mw-content li.gallerybox div.thumb {
+.mw-body li.gallerybox div.thumb {
 	.box;
 	padding: 0;
 }
@@ -464,7 +466,7 @@ ul#filetoc {
 	margin: 1em 0 0;
 	list-style: none;
 }
-#mw-content .toc h2 {
+.mw-body .toc h2 {
 	font-size: 1em;
 	font-family: @fonts;
 	margin: 0;
@@ -474,21 +476,21 @@ ul#filetoc {
 .toctoggle {
 	color: @background3;
 }
-#toc li:last-child {
+.toc li:last-child {
 	margin-bottom: 0.5em;
 }
 .toclevel-1 {
 	margin-bottom: 0.25em;
 }
 .mw-changeslist-legend,
-#mw-content .mw-search-profile-tabs,
-#mw-content fieldset#mw-searchoptions,
+.mw-body .mw-search-profile-tabs,
+.mw-body fieldset#mw-searchoptions,
 table.wikitable {
 	border: 0;
 	color: @text;
 	.box;
 }
-#mw-content .mw-search-profile-tabs {
+.mw-body .mw-search-profile-tabs {
 	padding: 0.5em;
 }
 

resources/screen-mobile.less

@@ -221,24 +221,22 @@ div.thumb {
 	margin: 0 auto 0.5em;
 }
 
-#mw-content {
+.mw-body {
 	overflow: auto;
 	border: 0;
-}
-#mw-content-block {
-	background: @background;
-}
-
-/* Keep images from overflowing */
 
-#mw-content a > img {
+	/* Keep images from overflowing */
+	a > img {
 		height: auto !important;
 		max-width: 100% !important;
+	}
 }
 
-/* Table of contents */
+#mw-content-block {
+	background: @background;
+}
 
-#toc,
+/* Table of contents */
 .toc,
 .mw-warning {
 	width: 100%;