Jump to content

MediaWiki:Mobile.css

From pool
This content is in the Mediawiki Namespace. This is a system namespace for wiki-wide tuning.

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/**
You are editing the global css file for all mobile site users.
With Great Power Comes Great Responsibility.

Some words of caution:
* Avoid any changes which impact layout on a mobile device.
** Please be careful not to introduce any margin / padding rules. These should be done inside the template itself via an inline style.
** Be especially cautious when a template is likely to be used within the top 480px of the screen (the content that the user will see first on a mobile device).
* Do not use display:none. Instead edit the template and markup the element you want to hide with the `nomobile` class.
* Try to keep rules as generic and minimal as possible. Do not have 2 selectors doing the same thing. Introduce a common class and use that instead.
* For big changes consult the [https://grafana.wikimedia.org/dashboard/db/mobile-2g grafana dashboard] to ensure you don't introduce any performance regressions.
* Group common css rules together where possible.

Do not put specific styles for the following into this file:

== Template:Navbar (.navbar) ==
See [[Template:Navbar/styles.css]] ([[Template_talk:Navbar#Request%3A_Add_template_styles_to_existing_stylesheet]])

== Template:Hlist (.hlist) ==
See [[Template:Hlist/styles.css]]

*/

/* Mobile template hacks (see phab T56176)
If you are looking for the following, please update your template to use TemplateStyles:
.mobile-float-reset {
	float: none !important;
	width: 100% !important;
}

*/


/* CSS for Support-Wiki Boxes and Rows */
.suppwiki_row {
	display: flex;
	flex-direction: row;
	flex-flow: row wrap;
	justify-content: space-between;
	padding: 0;
	margin: 0 -5px 0 -5px;
}
.suppwiki_box {
	flex: 1;
	margin: 5px;
	min-width: 210px;
	border: 1px solid #CCC;
	padding: 0 10px 10px 10px;
	box-shadow: 0 2px 2px rgba(0,0,0,0.1);
}
.suppwiki_box .header_icon {
	float: left;
	margin-right: 8px;
}
.suppwiki_box .items {
	border-top: 1px solid #CCC;
	padding-top: 0.5em;
}
.suppwiki_box p:last-child {
	margin-bottom: 0;
}
.suppwiki_boxcontents_small {
	font-size: 95%;
}


/* Custom Pre, Code and SyntaxHighlight layout and style */
code, samp, kbd {
	font-family: "Courier New", Courier, monospace, sans-serif;
	text-align: left;
	color: #555;
	}
	
pre code {
	line-height: 1.6em;
	font-size: 11px;
	border: 1px solid #ddd;
	padding: 0.3em 0.3em 0.3em 0.3em;
	margin: 0.3em 0.3em 0.3em 0.3em;
	}
	

pre.scroll, .mw-highlight.scroll pre {   
	width: auto;
	min-width: 0;
	max-width: 95%;
	overflow-y: hidden;
	overflow: visible;
	overflow-x: auto; 
	display: inline-block;
	white-space: pre; 
	}

pre.inline, .mw-highlight.inline pre {   
	width: auto;
	display: inline-block;
	white-space: pre;
	}
	
.mw-highlight { display:inline; }

/* Default Pre's in Grey and Black with Yellow Highlight */
code.basic, pre.basic,  div.basic pre, div.basic {
	background-color: #f8f9fa;
	color: black;
}

.basic .hll {
	background-color: #ffffcc;
	color: black;
	border: 0 solid #ffffcc;
	border-radius: 0;
}

.orange-highlight .hll {
	background-color: #ff8300;
	color: black;
	border: 1px solid #cc6900;
	border-radius: 0;
}

.blue-highlight .hll {
	background-color: #15f4ee;
	color: black;
	border: 1px solid #0acac5;
	border-radius: 0;
}

.green-highlight .hll {
	background-color: #83f52c;
	color: black;
	border: 1px solid #65dd0a;
	border-radius: 0;
}

.pink-highlight .hll {
	background-color: #ff5aac;
	color: black;
	border: 1px solid #ff1589;
	border-radius: 0;
}

/* Pre's in Black and Green */
code.shell, pre.shell, div.shell pre,
code.black-green, pre.black-green, div.black-green pre {
	background-color: black;
	color: green;
}

div.black-green .hll, div.shell .hll {
	background-color: green;
	color: black;
	border: 1px solid DarkGreen;
	border-radius: 0;
}

/* Pre's in Black and White */
code.esx, pre.esx, div.esx pre, 
code.black-white, pre.black-white, div.black-white pre {
	background-color: black;
	color: white;
}

div.black-white .hll, div.esx .hll {
	background-color: white;
	color: black;
	border: 1px solid Silver;
	border-radius: 0;
}

/* Pre's in White and Blue */
code.net, pre.net, div.net pre,  
code.blue-white, pre.blue-white, div.blue-white pre { 
	background-color: #034f84;
	color: white;
}

div.blue-white .hll, div.net .hll {
	background-color: white;
	color: #034f84;
	border: 1px solid Silver;
	border-radius: 0;
}

span.hll { display: inline!important; }


/* Allow limiting of which header levels are shown in a TOC;
   <div class="toclimit-3">, for instance, will limit to
   showing ==headings== and ===headings=== but no further
   (as long as there are no =headings= on the page, which
   there shouldn't be according to the MoS). */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
    display: none;
}

/* Allow removing of numbering from TOC */
.noautonum .tocnumber { display: none; }

/* Allow TOC to be horizontal list */
.widetoc ul li {
 display: inline-block;
 vertical-align: top;
}
.widetoc ul li ul li {
 display: block;
}

/* Allow TOC to use newspaper columns */
div.three-columns ul {
	-ms-column-count: 3; /* IE */
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;

    -ms-column-gap: 40px; /* IE */
    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;

    -ms-column-rule: 1px outset #aaa; /* IE */
    -webkit-column-rule: 1px outset #aaa; /* Chrome, Safari, Opera */
    -moz-column-rule: 1px outset #aaa; /* Firefox */
    column-rule: 1px outset #aaa;
}
div.three-columns ul ul{ 
    -ms-column-count: 1; /* IE */
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
 }

div.four-columns ul {
	-ms-column-count: 4; /* IE */
    -webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
    column-count: 4;

    -ms-column-gap: 40px; /* IE */
    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;

    -ms-column-rule: 1px outset #aaa; /* IE */
    -webkit-column-rule: 1px outset #aaa; /* Chrome, Safari, Opera */
    -moz-column-rule: 1px outset #aaa; /* Firefox */
    column-rule: 1px outset #aaa;
}
div.four-columns ul ul {
	-ms-column-count: 1; /* IE */
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
 }

div.six-columns ul {
	-ms-column-count: 6; /* IE */
    -webkit-column-count: 6; /* Chrome, Safari, Opera */
    -moz-column-count: 6; /* Firefox */
    column-count: 6;

    -ms-column-gap: 40px; /* IE */
    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;

    -ms-column-rule: 1px outset #aaa; /* IE */
    -webkit-column-rule: 1px outset #aaa; /* Chrome, Safari, Opera */
    -moz-column-rule: 1px outset #aaa; /* Firefox */
    column-rule: 1px outset #aaa;
}
div.six-columns ul ul {
	-ms-column-count: 1; /* IE */
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
 }

.box_rotate {
  -webkit-transform: rotate(90deg); 
     -moz-transform: rotate(90deg); 
      -ms-transform: rotate(90deg); 
       -o-transform: rotate(90deg); 
          transform: rotate(90deg); 
       writing-mode: tb-rl;
}

#mw-user-domain-section { display: none !important; }
#userloginForm .mw-form-related-link-container { display: none !important; }

/* for toggle position */
.mw-collapsible.force-toggle-float-left span.mw-collapsible-toggle {
  clear:right;
  float:left;
  margin-right:0.2em;
}


/* for pre.enhanced */
.pre-box-overlay {
    color: transparent;
    font-family: monospace,Courier;
    padding: 0px 4px 1px 0px;
    border: 2px solid red;
    border-radius: 3px;
}
.pre-arrow {
height: 60px;
width: 9px;
border-radius: 3px;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3MzgyNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYlIiBzdG9wLWNvbG9yPSIjZTg0MDJlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDMlIiBzdG9wLWNvbG9yPSIjZjE2ZjVjIiBzdG9wLW9wYWNpdHk9IjAuNTciLz4KICAgIDxzdG9wIG9mZnNldD0iNjclIiBzdG9wLWNvbG9yPSIjZmZmN2Y3IiBzdG9wLW9wYWNpdHk9IjAuMjkiLz4KICAgIDxzdG9wIG9mZnNldD0iODUlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMDgiLz4KICAgIDxzdG9wIG9mZnNldD0iOTIlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  rgba(231,56,39,1) 0%, rgba(232,64,46,1) 6%, rgba(241,111,92,0.57) 43%, rgba(255,247,247,0.29) 67%, rgba(255,255,255,0.08) 85%, rgba(255,255,255,0) 92%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(231,56,39,1)), color-stop(6%,rgba(232,64,46,1)), color-stop(43%,rgba(241,111,92,0.57)), color-stop(67%,rgba(255,247,247,0.29)), color-stop(85%,rgba(255,255,255,0.08)), color-stop(92%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(231,56,39,1) 0%,rgba(232,64,46,1) 6%,rgba(241,111,92,0.57) 43%,rgba(255,247,247,0.29) 67%,rgba(255,255,255,0.08) 85%,rgba(255,255,255,0) 92%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(231,56,39,1) 0%,rgba(232,64,46,1) 6%,rgba(241,111,92,0.57) 43%,rgba(255,247,247,0.29) 67%,rgba(255,255,255,0.08) 85%,rgba(255,255,255,0) 92%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(231,56,39,1) 0%,rgba(232,64,46,1) 6%,rgba(241,111,92,0.57) 43%,rgba(255,247,247,0.29) 67%,rgba(255,255,255,0.08) 85%,rgba(255,255,255,0) 92%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(231,56,39,1) 0%,rgba(232,64,46,1) 6%,rgba(241,111,92,0.57) 43%,rgba(255,247,247,0.29) 67%,rgba(255,255,255,0.08) 85%,rgba(255,255,255,0) 92%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e73827', endColorstr='#00ffffff',GradientType=0 ); /* IE6-8 */
}

/* reset to defaults */
.reset-this {
    animation : none;
    animation-delay : 0s;
    animation-direction : normal;
    animation-duration : 0s;
    animation-fill-mode : none;
    animation-iteration-count : 1;
    animation-name : none;
    animation-play-state : running;
    animation-timing-function : ease;
    backface-visibility : visible;
    background : 0;
    background-attachment : scroll;
    background-clip : border-box;
    background-color : transparent;
    background-image : none;
    background-origin : padding-box;
    background-position : 0 0;
    background-repeat : repeat;
    background-size : auto auto;
    border : 0;
    border-style : none;
    border-width : medium;
    border-color : inherit;
    border-bottom : 0;
    border-bottom-color : inherit;
    border-bottom-left-radius : 0;
    border-bottom-right-radius : 0;
    border-bottom-style : none;
    border-bottom-width : medium;
    border-collapse : separate;
    border-image : none;
    border-left : 0;
    border-left-color : inherit;
    border-left-style : none;
    border-left-width : medium;
    border-radius : 0;
    border-right : 0;
    border-right-color : inherit;
    border-right-style : none;
    border-right-width : medium;
    border-spacing : 0;
    border-top : 0;
    border-top-color : inherit;
    border-top-left-radius : 0;
    border-top-right-radius : 0;
    border-top-style : none;
    border-top-width : medium;
    bottom : auto;
    box-shadow : none;
    box-sizing : content-box;
    caption-side : top;
    clear : none;
    clip : auto;
    color : inherit;
    columns : auto;
    column-count : auto;
    column-fill : balance;
    column-gap : normal;
    column-rule : medium none;
    column-rule-color : currentColor;
    column-rule-style : none;
    column-rule-width : none;
    column-span : 1;
    column-width : auto;
    content : normal;
    counter-increment : none;
    counter-reset : none;
    cursor : auto;
    direction : ltr;
    display : inline;
    empty-cells : show;
    float : none;
    font : normal;
    font-family : inherit;
    font-size : medium;
    font-style : normal;
    font-variant : normal;
    font-weight : normal;
    height : auto;
    hyphens : none;
    left : auto;
    letter-spacing : normal;
    line-height : normal;
    list-style : none;
    list-style-image : none;
    list-style-position : outside;
    list-style-type : disc;
    margin : 0;
    margin-bottom : 0;
    margin-left : 0;
    margin-right : 0;
    margin-top : 0;
    max-height : none;
    max-width : none;
    min-height : 0;
    min-width : 0;
    opacity : 1;
    orphans : 0;
    outline : 0;
    outline-color : invert;
    outline-style : none;
    outline-width : medium;
    overflow : visible;
    overflow-x : visible;
    overflow-y : visible;
    padding : 0;
    padding-bottom : 0;
    padding-left : 0;
    padding-right : 0;
    padding-top : 0;
    page-break-after : auto;
    page-break-before : auto;
    page-break-inside : auto;
    perspective : none;
    perspective-origin : 50% 50%;
    position : static;
    /* May need to alter quotes for different locales (e.g fr) */
    quotes : '\201C' '\201D' '\2018' '\2019';
    right : auto;
    tab-size : 8;
    table-layout : auto;
    text-align : inherit;
    text-align-last : auto;
    text-decoration : none;
    text-decoration-color : inherit;
    text-decoration-line : none;
    text-decoration-style : solid;
    text-indent : 0;
    text-shadow : none;
    text-transform : none;
    top : auto;
    transform : none;
    transform-style : flat;
    transition : none;
    transition-delay : 0s;
    transition-duration : 0s;
    transition-property : none;
    transition-timing-function : ease;
    unicode-bidi : normal;
    vertical-align : baseline;
    visibility : visible;
    white-space : normal;
    widows : 0;
    width : auto;
    word-spacing : normal;
    z-index : auto;
}


/* prettytable class for skinning normal tables */
table.prettytable { margin:1em 1em 1em 0em; background:#f9f9f9; border:1px #aaaaaa solid; border-collapse:collapse; }
table.prettytable th, table.prettytable td { border:1px #aaaaaa solid; padding:0.2em; }
table.prettytable th { background:#f2f2f2; text-align:center; }
table.prettytable caption { margin-left:inherit; margin-right:inherit; }

/* Style for horizontal lists (separator following item).
   @source mediawiki.org/wiki/Snippets/Horizontal_lists
   @revision 8 (2016-05-21)
   @author [[User:Edokter]]
 */
 
.hlist-border dl,
.hlist-border ol,
.hlist-border ul,
.hlist dl,
.hlist ol,
.hlist ul {
	margin: 0;
	padding: 0;
}

.hlist-border li {
	border-radius: 10px;
	border: 2px solid blue;
	padding: 0.3em 0.3em 0.3em 0.3em;
	margin: 0.3em 0.3em 0.3em 0.3em;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li,
.hlist-border dd,
.hlist-border dt,
.hlist-border li {
	display: inline;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul,
.hlist-border.inline,
.hlist-border.inline dl,
.hlist-border.inline ol,
.hlist-border.inline ul,
.hlist-border dl dl, .hlist-border dl ol, .hlist-border dl ul,
.hlist-border ol dl, .hlist-border ol ol, .hlist-border ol ul,
.hlist-border ul dl, .hlist-border ul ol, .hlist-border ul ul {
	display: inline;
}
/* Hide empty list items */
.hlist-border .mw-empty-li,
.hlist .mw-empty-li {
	display: none;
}
/* Generate interpuncts */
.hlist-border dt:after,
.hlist dt:after {
	content: ": ";
}
/**
 * Note hlist style usage differd in
 * the Minerva skin. Remember .hlist is a class defined in core as well! Please check Minerva desktop (and Minerva.css) when changing
 * See https://phabricator.wikimedia.org/T213239
 */
.hlist dd:after,
.hlist li:after {
	content: " · ";
	font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
	content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
	content: " (";
	font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
	content: ")";
	font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.hlist ol {
	counter-reset: listitem;
}
.hlist ol > li {
	counter-increment: listitem;
}
.hlist ol > li:before {
	content: " " counter(listitem) "\a0";
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
	content: " (" counter(listitem) "\a0";
}

.arrow ul {
    list-style: none;
}
.arrow li::before {
    position: relative;
    bottom: 2pt;
    content: "";
    display: inline-block;
    /* By using an em scale, the arrows will size with the font */
    width: 0.4em;
    height: 0.4em;
    border-left: 0.2em solid steelblue;
    border-top: 0.2em solid steelblue;
    transform: rotate(-45deg);
    margin-right: 0.5em;
}

/* smalltable class for nesting normal tables */
table.smalltable { margin:0; padding:0; background:#f9f9f9; border:1px #aaaaaa solid; border-collapse:collapse; font-size:70%;}
table.smalltable th, table.smalltable td { border:1px #aaaaaa solid; padding:0.2em; }
table.smalltable th { background:#f2f2f2; text-align:center; }
table.smalltable caption { margin-left:inherit; margin-right:inherit; }

.rotate {
-webkit-transform: rotate(-90deg); /* Safari */
-moz-transform: rotate(-90deg); /* Firefox */
-ms-transform: rotate(-90deg); /* IE */
-o-transform: rotate(-90deg); /* Opera */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* Internet Explorer */
}

/* Hatnotes and disambiguation notices */
.hatnote {
	font-style: italic;
}
.hatnote i {
	font-style: normal;
}
div.hatnote {
	/* @noflip */
	padding-left: 1.6em;
	margin-bottom: 0.5em;
}
div.hatnote + div.hatnote {
	margin-top: -0.5em;
}

/* Styling for JQuery makeCollapsible, matching that of collapseButton */
.mw-parser-output .mw-collapsible-toggle {
	font-weight: normal;
	/* @noflip */
	text-align: right;
	padding-right: 0.2em;
	padding-left: 0.2em;
}
.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
	/* @noflip */
	float: left;
	/* @noflip */
	text-align: left;
}

/* For template documentation */
/* TemplateStyles */
.template-documentation {
	clear: both;
	margin: 1em 0 0 0;
	border: 1px solid #a2a9b1;
	background-color: #ecfcf4;
	padding: 1em;
}

/* Hide the images */
.geo-nondefault, .geo-multi-punct,
/* Hide stuff meant for accounts with special permissions. Made visible again in
   [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-patroller.css]] and
   [[MediaWiki:Group-autoconfirmed.css]]. */
.checkuser-show,
.sysop-show,
.templateeditor-show,
.extendedmover-show,
.patroller-show,
.extendedconfirmed-show,
.autoconfirmed-show,
/* Copied from Common.css - allow for hiding text in compact form e.g. clean up templates */
.hide-when-compact,
/* portal pages are badly formatted. Until this changes these should be hidden. (see https://phabricator.wikimedia.org/T86495) */
.noprint.portal {
	display: none;
}

/* For linked citation numbers and document IDs, where
   the number need not be shown on a screen or a handheld,
   but should be included in the printed version
TODO: Move to Citation template when templates have stylesheets
See https://www.mediawiki.org/wiki/Requests_for_comment/Allow_styling_in_templates
*/
@media screen, handheld {
	.citation *.printonly {
		display: none;
	}
}
/*
Should be moved into Template:Cite_web
Styling for citations (CSS3). Breaks long urls, etc., rather than overflowing box */
.citation {
	word-wrap: break-word;
}

/*
.infobox
DO NOT style infobox's here. That should be taken care of in the associated templates via template styles. Styles here will lead to flash of unstyled content on mobile.
*/

/* Default styling for Navbar template
TODO: Move to Navbar template ASAP
*/
.navbar {
	display: inline;
	font-size: 88%;
	font-weight: normal;
}
.navbar ul {
	display: inline;
	white-space: nowrap;
}
.navbar li {
	word-spacing: -0.125em;
}
.navbar.mini li span {
	font-variant: small-caps;
}
/* Navbar styling when nested in infobox and navbox */
.navbox .navbar,
.infobox .navbar {
	font-size: 100%;
}
.navbox .navbar {
	display: block;
}
.navbox-title .navbar {
	/* @noflip */
	float: left;
	/* @noflip */
	text-align: left;
	/* @noflip */
	margin-right: 0.5em;
	width: 6em;
}
/* Unbulleted lists e.g. Barack Obama page*/
.plainlist ul {
	list-style: none;
	padding-left: 0; /* Reset Minerva defaults */
}

.visualhide {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* Geographical coordinates hidden in mobile. Any styles relating to them should be put inside
.[[Template:Coord/link]]
 */

/* Prevent line breaks in silly places:
   1) Where desired
   2) Links when we don't want them to
   3) Bold "links" to the page itself
   4) Ref tags with group names <ref group="Note"> --> "[Note 1]"
Please document here what pages use this
Enabled 
*/
.mw-parser-output .nowrap,
.nowraplinks a,
.nowraplinks .selflink,
sup.reference a {
	white-space: nowrap;
}
.mw-parser-output .infobox .nowrap {
	white-space: normal !important;
}
/* But allow wrapping where desired: */
.wrap,
.wraplinks a {
	white-space: normal;
}

/* Generic class for Times-based serif, texhtml class for inline math */
.times-serif,
span.texhtml {
	font-family: serif;
}
span.texhtml {
	white-space: nowrap;
}

/* Enable custom list style types for lists of references */
.reflist ol.references {
	list-style-type: inherit;
}

/* Hanging indentation for Template:Refbegin */
.refbegin-hanging-indents > ul,
.refbegin-hanging-indents > dl {
	list-style-type: none;
	margin-left: 0;
}
.refbegin-hanging-indents > ul > li,
.refbegin-hanging-indents > dl > dd {
	margin-left: 0;
	padding-left: 1.0em;
	text-indent: -1.0em;
	list-style: none;
}

/* Prevent flags in tables from collapsing
Fix for T116318
*/
.flagicon img {
	min-width: 25px;
}

/* Prevent unnecessary margin at the bottom of centralnotices */
.cnotice {
	margin-bottom: 0 !important;
}


/* The message body cell(s), such as for {{Commonscat}}.
 * this is a very small subset of the styles from Common.css
 * just to make sure the box isn't squashed without any spacing
 * which looks out of place with visuals of other nearby elements
 */
.mbox-text {
	/* @noflip */
	padding: 0.25em 0.9em;
}

/**
******************DEPRECATED STYLES ************************************
These styles will be removed shortly. Please see inline comments.
**/


/*
Generate interpuncts 
FIXME: Move to template.
*/
/* Can be removed when T169315 is resolved */
#content .hlist-separated li:after {
	font-size: 0.8em;
	color: #333;
}
/*
FIXME: DUPLICATES Template:Hlist/styles.css
Note the mobile skin provides a `hlist-separated` class for this purpose. Use this class name alongside the hlist class instead as this will result in a FOUC.
Should be removed and moved to templates.
*/
/* Counter hlist indenting of Minerva*/
.mw-parser-output .hlist ul,
.mw-parser-output .hlist ol {
	padding-left: 0;
}
/* reset hlist margins of Minerva
do not add li here (see T235416) */
.mw-parser-output .hlist dd,
.mw-parser-output .hlist dt {
	margin-right: 0;
}
/* do not add li here. Minerva provides it already*/
.mw-parser-output .hlist dd:after {
	content: " · ";
	font-weight: bold;
}
.mw-parser-output .hlist dt:after {
	content: ": ";
}
/* Should be removed and moved to templates once TemplateStyles is live */

.heading-holder hlist li:after,
.mw-parser-output .hlist dd:last-child:after,
.mw-parser-output .hlist dt:last-child:after,
.mw-parser-output .hlist li:last-child:after {
	content: none;
}
/* Add parentheses around nested lists */
/* Should be removed and moved to templates once TemplateStyles is live */
.mw-parser-output .hlist dd dd:first-child:before, .mw-parser-output .hlist dd dt:first-child:before, .mw-parser-output .hlist dd li:first-child:before,
.mw-parser-output .hlist dt dd:first-child:before, .mw-parser-output .hlist dt dt:first-child:before, .mw-parser-output .hlist dt li:first-child:before,
.mw-parser-output .hlist li dd:first-child:before, .mw-parser-output .hlist li dt:first-child:before, .mw-parser-output .hlist li li:first-child:before {
	content: " (";
	font-weight: normal;
}
/* Should be removed and moved to templates once TemplateStyles is live */
.mw-parser-output .hlist dd dd:last-child:after, .mw-parser-output .hlist dd dt:last-child:after, .mw-parser-output .hlist dd li:last-child:after,
.mw-parser-output .hlist dt dd:last-child:after, .mw-parser-output .hlist dt dt:last-child:after, .mw-parser-output .hlist dt li:last-child:after,
.mw-parser-output .hlist li dd:last-child:after, .mw-parser-output .hlist li dt:last-child:after, .mw-parser-output .hlist li li:last-child:after {
	content: ") ";
	font-weight: normal;
}
/* Put ordinals in front of ordered list items */
/* Should be removed and moved to templates once TemplateStyles is live */
.mw-parser-output .hlist ol {
	counter-reset: listitem;
}
/* Should be removed and moved to templates once TemplateStyles is live */
.mw-parser-output .hlist ol > li {
	counter-increment: listitem;
}
/* Should be removed and moved to templates once TemplateStyles is live */
.mw-parser-output .hlist ol > li:before {
	content: " " counter(listitem) " ";
	white-space: nowrap;
}
/* Should be removed and moved to templates once TemplateStyles is live */
.mw-parser-output .hlist dd ol > li:first-child:before,
.mw-parser-output .hlist dt ol > li:first-child:before,
.mw-parser-output .hlist li ol > li:first-child:before {
	content: " (" counter(listitem) " ";
}

/* https://phabricator.wikimedia.org/T180396#5317728 */

@media print {
  .navbox, .hatnote, .ambox { display: none; }
}

.contributionscores-wrapper       {  }
.contributionscores-title         { background-color: #aaaaaa; margin-bottom: 0px; padding-left: .4em; }
.contributionscores .header { background-color: #cccccc; border-bottom: 1px solid #999999; font-weight: bold; }
.contributionscores .odd        { background-color: #eeeeee; }
.contributionscores .header td   { padding-left: .2em; padding-right: .2em; }
.contributionscores .content   { padding-left: .2em; padding-right: .2em; }

/* To make images responsive */
.resize-image img {
	max-width:100%;
	height:auto;
}
Retrieved from "https://pool.calebcooper.ie/index.php?title=MediaWiki:Mobile.css&oldid=16259"