MediaWiki:Mobile.css: Difference between revisions

Jump to: navigation, search

MediaWiki:Mobile.css (view source)

Revision as of 17:46, 3 October 2020

792 bytes removed ,  3 October 2020
no edit summary
No edit summary
No edit summary
Line 1: Line 1:
/* CSS placed here will affect users of the mobile site */
/* 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{
#left-navigation div.vectorTabs li.selected,#right-navigation div.vectorTabs li.selected{
background-color:#333;
background-color:#333;
Line 288: Line 191:
url('skins/Vector/images/user-icon.svg');
url('skins/Vector/images/user-icon.svg');
padding-left:15px !important
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{
div.vectorTabs h3{
Retrieved from "https://screamer.wiki/Special:MobileDiff/29694"

Navigation menu