Difference between revisions of "MediaWiki:Mobile.css"

From Queercare
Jump to navigation Jump to search
Tags: Mobile web edit Mobile edit
Tags: Mobile web edit Mobile edit
Line 26: Line 26:
  
 
.content p, .content li {
 
.content p, .content li {
  margin-bottom: 2ex;
+
  margin: 1ex 0;
 
}
 
}
  

Revision as of 09:05, 8 May 2020

/* CSS placed here will be applied to all skins */
.mw-wiki-logo{
 background-size:100%;
}

body {
 font-size: larger;
 font-family: Arial, Helvetica, sans-serif;
 max-width: 55em;
 margin: 0 auto;
 position: relative;
}

blockquote {
   font-size: large;
 font-family: Arial, Helvetica, sans-serif;
}

.mw-body {
 border-right: 1px solid #a7d7f9;
}

.mw-body h1, .content h2, .content h3 {
 font-family: Arial, Helvetica, sans-serif;
}

.content p, .content li {
 margin: 1ex 0;
}

.content a {
 text-decoration: underline;
}

.content a:hover {
 background-color: #ffe5fc;
}

.content a.new:hover {
 background-color: #ffe0e0;
}

.content .toc a, .content .mw-editsection a, .content .catlinks a {
 text-decoration: unset;
}

.content .toc a:hover, .content .mw-editsection a:hover, .content .catlinks a:hover {
 text-decoration: underline;
}

.references {
  font-size: small;
}

#simpleSearch {
 width: 12em;
}

h1, h2, h3, h4, h5, h6, #firstHeading {
 border: none;
}

#mw-panel .portal h3 {
 font-size: 1em;
 margin: 0;
 border-bottom: 1px solid #c490bf;
}
 
#mw-panel .portal .body li {
 font-size: 0.8125em;
}

#mw-panel #p-logo + .portal .body {
 margin-left: 0;
}

#mw-panel .portal .body {
 margin: 0;
 background-image: none;
}

/* site colour changes */
a, .mw-parser-output a.external, .vectorTabs li a, #mw-panel .portal .body li a {
 color: #96218d;
}
a:visited, .mw-parser-output a.external:visited, #mw-panel .portal .body li a:visited {
 color: #600c59;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
 background-color: #440e40;
 border-color: #440e40;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
 background-color: #96218d;
 border-color: #96218d;
}

.vectorTabs, .vectorTabs span, #mw-head .vectorMenu h3 {
 background: none;
}

.vectorTabs {
 height: 1.75em;
 padding-left: 0;
}

.vectorTabs span a {
  padding-top: 0.5em;
}
#mw-head-base {
  height: 4.4em;
}
.vectorTabs li a {
  height: 1.4em;
}

.vectorTabs .mw-watchlink.icon a {
  padding-top: 2em;
  background-position: 6px 60%;
}
#p-search form {
  margin: 0;
}
#p-search {
  margin: 0;
}
.vectorMenu h3 span {
  padding-top: 0.6em;
}
.vectorMenu .menu {
  top: 1.9em;
}
.vectorMenu h3 span::after {
  top: 0.7em;
}

.vectorTabs li {
 background: #f6f6f6;
 border: 1px solid #c490bf;
 margin-right: 0.3em;
}

.vectorTabs li.selected span {
 border-bottom: 1px solid white;
}

body {
  background: white;
}

.mw-body {
 border: 1px solid #c490bf;
}

.movepage-wrapper {
  width: unset;
}

.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus {
  border-color: #96218d;
  box-shadow: inset 0 0 0 1px #96218d;
}

.oo-ui-dropdownInputWidget {
  width: unset;
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span {
  background-color: #c490bf;
  border-color: #c490bf;
}

#mw-page-base {
 background: none;
}

/*When not logged in, hide menus*/
/*body:not(.mw-editable) #p-personal,*/ body:not(.mw-editable) #p-namespaces, body:not(.mw-editable) #p-views, body:not(.mw-editable) #p-cactions, body:not(.mw-editable) #p-tb {
 display: none;
}

body:not(.mw-editable) #mw-head-base {
 height: 2em;
}

body:not(.mw-editable) #p-logo a {
 margin-top: 4.3em;
 margin-bottom: 4.3em;
}

body:not(.mw-editable) #right-navigation {
 margin-top: 3.5em;
 margin-right: 1.6em;
}

body:not(.mw-editable) .onlyloggedin {
 display: none;
}

body:not(.mw-editable) #firstHeading {
 max-width: 15em;
}

#p-logo a {
 height: 2em;
 margin-top: 2em;
 margin-bottom: 0.5em;
}
#p-logo {
  height: unset;
}

/* Notebox formatting */
.note {
  margin-left: 1em;
  margin-right: 1em;
  margin-top: 0.5em;
  border-left: 3px solid #96218D;
  background-color: #ffd3fb;
  padding: 0.5em 1em;
}

.note p {
  margin-top: 0;
}

.note p:last-child {
  margin-bottom: 0;
}

.note-minor {
 border-left-color: #62A34C;
 background-color: #d4fcd6;
}

.note-warning {
 border-left-color: #96218D;
 background-color: #5e0857;
 color: white;
}

.note-warning a, .note-warning a.external {
 color: #FFD3FB;
}

.note-warning a:visited, .note-warning a.external:visited {
 color: #FFE4FD;
}

.note-warning a:hover {
 background-color: #96218D;
}

/* red flags */
.redflag {
 border: 1px solid #e80707;
 border-left: 3px solid #e80707;
 margin: 1em;
 padding: 0.5em;
}

.redflag a:first-child {
 margin-right: 0.5em;
 display: inline-block;
}