MediaWiki:Mobile.css: Difference between revisions

← Older edit Newer edit →

@@ Line 1: / Line 1: @@
 /* CSS placed here will affect users of the mobile site */
+<style>
+@import url('https://fonts.googleapis.com/css?family=Rubik&display=swap');
+</style>
+div#content h1, div#content h2 {font-family: "Rubik", serif}
+/* changes the default font used for MediaWiki headings to Rubik */
+/* changes the background color of the bottom and left of each page, up to behind half of the logo */
+body {background: #a62e10}
+/* Override Vector colour scheme to make it dark (compiled from modified LESS code) */
+h1,h2,h3,h4,h5,h6{
+	color:#c1c1c1
+}
+hr{
+	color:#222
+}
+.editOptions{
+	background-color:#333;
+	border-color:#4c4c4c
+}
+input,textarea{
+	background-color:#282828;
+	border-color:#282828;
+	color:#c1c1c1
+}
+a,.mw-body a.external,.mw-body a.extiw{
+	color:#e87057
+}
+a:visited,.mw-body a.external:visited,.mw-body a.extiw:visited{
+	color:#e87057
+}
+a.new,#p-personal a.new{
+	color:#ff4a24
+}
+ul{
+	list-style-image:none
+}
+div.thumbinner,.catlinks{
+	background-color:#4c4c4c;
+	border-color:#1f1f1f
+}
+#toc,div.toc,ul#filetoc,li.gallerybox div.thumb,.tocnumber{
+	background-color:#404040;
+	border-color:#4c4c4c;
+	color: #D8D8D8
+}
+code{
+	border:none;
+	background-color:inherit;
+	color:inherit
+}
+oo-ui-fieldLayout-header{
+        color: #a62e10
+}
+table.mw_metadata td,table.mw_metadata th,table.wikitable,table.wikitable>*>tr>th,table.wikitable>*>tr>td,pre{
+	color:#c1c1c1;
+	background-color:#4c4c4c;
+	border-color:#1f1f1f
+}
+table.mw_metadata th,table.wikitable>*>tr>th{
+	background-color:#595959
+}
+table.diff{
+	background-color:#4c4c4c
+}
+td .diffchange{
+	color:#4c4c4c
+}
+#pagehistory li.selected,td.diff-context{
+	background-color:inherit;
+	color:inherit
+}
+#pagehistory li{
+	border:0
+}
+ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper,ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper,ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper{
+	background-color:rgba(0,0,0,0.8)
+}
+#left-navigation div.vectorTabs,#right-navigation div.vectorTabs{
+	background-image:inherit;
+	background-color:#250b2d
+}
+#left-navigation div.vectorTabs ul,#right-navigation div.vectorTabs ul{
+	background-color:#250b2d
+}
+#left-navigation div.vectorTabs ul li,#right-navigation div.vectorTabs ul li{
+	background-color:#222;
+	background-image:-moz-linear-gradient(top, #2e2e2e 20%, #222 100%);
+	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(20%, #2e2e2e), color-stop(100%, #222));
+	background-image:-webkit-linear-gradient(top, #2e2e2e 20%, #222 100%);
+	background-image:linear-gradient(#2e2e2e 20%, #222 100%)
+}
+#left-navigation div.vectorTabs li.new a,#right-navigation div.vectorTabs li.new a,#left-navigation div.vectorTabs li.new a:visited,#right-navigation div.vectorTabs li.new a:visited{
+	color:#ff4a24
+}
 #left-navigation div.vectorTabs li.selected,#right-navigation div.vectorTabs li.selected{
 	background-color:#333;
@@ Line 191: / Line 288: @@
 	url('skins/Vector/images/user-icon.svg');
 	padding-left:15px !important
-}
-#p-search{
-	float:left;
-	margin-right:.5em;
-	margin-left:.5em
-}
-#p-search h3{
-	display:none
-}
-#p-search form,#p-search input{
-	margin:0;
-	margin-top:.4em
-}
-div#simpleSearch{
-	display:block;
-	width:12.6em;
-	padding-right:1.4em;
-	height:1.4em;
-	margin-top:.65em;
-	position:relative;
-	min-height:1px;
-	border:solid 1px #aaa;
-	color:black;
-	background-color:white;
-	background-image:/* @embed */
-	url('skins/Vector/images/search-fade.png');
-	background-position:top left;
-	background-repeat:repeat-x
-}
-div#simpleSearch input{
-	margin:0;
-	padding:0;
-	border:0;
-	background-color:transparent;
-	color:black
-}
-div#simpleSearch #searchInput{
-	width:100%;
-	padding:.2em 0 .2em .2em;
-	font-size:13px;
-	direction:ltr;
-	-webkit-appearance:textfield
-}
-div#simpleSearch #searchInput:focus{
-	outline:none
-}
-div#simpleSearch #searchInput.placeholder{
-	color:#999
-}
-div#simpleSearch #searchInput:-ms-input-placeholder{
-	color:#999
-}
-div#simpleSearch #searchInput:-moz-placeholder{
-	color:#999
-}
-div#simpleSearch #searchInput::-webkit-search-decoration,div#simpleSearch #searchInput::-webkit-search-cancel-button,div#simpleSearch #searchInput::-webkit-search-results-button,div#simpleSearch #searchInput::-webkit-search-results-decoration{
-	-webkit-appearance:textfield
-}
-div#simpleSearch #searchButton,div#simpleSearch #mw-searchButton{
-	position:absolute;
-	top:0;
-	right:0;
-	width:1.65em;
-	height:100%;
-	cursor:pointer;
-	text-indent:-99999px;
-	line-height:1;
-	direction:ltr;
-	white-space:nowrap;
-	overflow:hidden;
-	background-image:url('skins/Vector/images/search-ltr.png');
-	background-image:-webkit-linear-gradient(transparent, transparent),/* @embed */
-	url('skins/Vector/images/search-ltr.svg');
-	background-image:linear-gradient(transparent, transparent),/* @embed */
-	url('skins/Vector/images/search-ltr.svg');
-	background-position:center center;
-	background-repeat:no-repeat
-}
-div#simpleSearch #mw-searchButton{
-	z-index:1
 }
 div.vectorTabs h3{