MediaWiki:Common.css: Difference between revisions
Content deleted Content added
Caleb Cooper (talk | contribs) No edit summary |
Caleb Cooper (talk | contribs) No edit summary |
||
| (4 intermediate revisions by the same user not shown) | |||
Line 1:
/* [[Category:AutoDumpContentFromCommons]] */
/* CSS placed here will be applied to all skins - Use with Caution */
/* Reset italic styling set by user agent */
cite, dfn {
Line 13 ⟶ 16:
overflow: hidden;
margin: 1em 0;
border-left: 4px solid #eaecf0;
padding: 0px 40px;
}
Line 111 ⟶ 115:
break-inside: avoid-column;
}
.blue-border {
width: auto;
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;
overflow-y: hidden;
overflow: visible;
overflow-x: auto;
display: inline-block;
}
/* 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).
Line 117 ⟶ 583:
@author [[User:Edokter]]
*/
.hlist-border dl,
.hlist-border ol,
.hlist-border ul,
.hlist dl,
.hlist ol,
Line 123 ⟶ 593:
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;
}
Line 137 ⟶ 617:
.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: ": ";
Line 317 ⟶ 806:
/* @noflip */
margin-right: 0.5em;
}
Line 402 ⟶ 876:
/* @noflip */
border-right: 1px solid #a2a9b1;
}
Line 882 ⟶ 1,318:
}
.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 */
}
Line 946 ⟶ 1,364:
div.hatnote + div.hatnote {
margin-top: -0.5em;
}
Line 997 ⟶ 1,390:
.wraplinks a {
white-space: normal;
}
/* 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;
}
Line 1,009 ⟶ 1,417:
}
/* To make images responsive */
.resize-image img {
max-width:100%;
height:auto;
}
| |||