MediaWiki:Common.css: Difference between revisions

← Older edit

@@ Line 7: / Line 7: @@
 	background-repeat: no-repeat !important;
 	padding-right: inherit !important;
+}
+.social a img{
+	border-bottom: 6px solid white;
+}
+kbd {
+    display: inline-block;
+    margin: 0 .1em;
+    padding: .1em .6em;
+    color: #232629;
+    text-shadow: 0 1px 0 #ffffff;
+    background-color: #e3e6e8;
+    border: 1px solid #9fa6ad;
+    border-radius: 3px;
+    box-shadow: 0 1px 1px #0c0d0e26, inset 0 1px 0 0 #ffffff;
+    overflow-wrap: break-word;
 }
 .main-container {
 	display:grid;
-	grid-template-areas: 'middle middle middle middle middle right' 'middle2 middle2 middle2 middle2 middle2 right'
+	grid-template-areas: 'content content content content content news' 'guides guides guides guides guides news' 'social social social social social news'
 }
 .main-news {
-	grid-area: right;
+	grid-area: news;
 	border: 1px solid black;
 	padding: 0.5em;
@@ Line 22: / Line 39: @@
 .main-content {
-	grid-area: middle;
+	grid-area: content;
+	padding: 0.5em;
+}
+#main-guides {
+	grid-area: guides;
+	display: flex;
+	border: 1px solid #1b4f72;
+	margin-right: 0.5em;
+}
+#main-guides .column {
+	flex-grow: 1;
 	padding: 0.5em;
+	border: 1px solid #1b4f72;
+}
+#main-guides .header {
+	font-weight: bold;
+	background-color: #1b4f72;
+	color: #fff;
+	padding: 0 0.5em;
+	margin: -0.5em -0.5em 0;
+}
+#main-guides .header a {
+	color: #fff;
 }
 .main-social {
-	grid-area: middle2;
+	grid-area: social;
 	padding: 0.5em;
 }
@@ Line 102: / Line 144: @@
 	/* @noflip */
 	text-align: right;
-}
-#main-guides {
-	display:grid;
-	grid-template-areas: 'column column column'
-}
-#main-guides .header {
-	font-weight: bold;
 }