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 288: / Line 191: @@
 	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{