MediaWiki:Common.css: Difference between revisions

From Harthorns-Reverie
← Older edit
No edit summary
Tag: Reverted
No edit summary
Tag: Manual revert
 
(98 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* Reset italic styling set by user agent */
body {
cite,
margin: 0;
dfn {
background: #84898f;
font-style: inherit;
}
}
 
a {
/* Straight quote marks for <q> */
color: #9a9aff;
q {
quotes: '"' '"' "'" "'";
}
}
 
a:hover, a:hover:visited {
/* Avoid collision of blockquote with floating elements by swapping margin and padding */
color: orange;
blockquote {
overflow: hidden;
margin: 1em 0;
padding: 0 40px;
}
}
 
a:visited {
/* Consistent size for <small>, <sub> and <sup> */
color: #ede42f;
small {
font-size: 85%;
}
}
 
h1, h2, h3, h4 {
.mw-body-content sub,
color: Grey;
.mw-body-content sup,
span.reference /* for Parsoid */ {
font-size: 80%;
}
}
 
#mw-site-navigation .sidebar-inner {
/* Same spacing for indented and unindented paragraphs on talk pages */
background: #050607;
.ns-talk .mw-body-content dd {
border: outset #222;
margin-top: 0.4em;
border-radius: 10px;
margin-bottom: 0.4em;
}
}
 
#mw-site-navigation .sidebar-chunk {
/* Reduce page jumps by hiding collapsed/dismissed content */
border: outset #222;
.client-js .mw-special-Watchlist #watchlist-message,
background: #333;
.client-js .collapsible:not( .mw-made-collapsible).collapsed > tbody > tr:not(:first-child),
box-shadow: 2px 2px 1px rgba(0,0,0,0.5);
 
border-radius: 3px;
/* Hide charinsert base for those not using the gadget */
#editpage-specialchars {
display: none;
}
}
 
@media screen and (min-width: 851px) {
/* Adds padding above Watchlist announcements where new recentchanges/watchlist filters are enabled */
#p-logo-text a {
.mw-rcfilters-enabled .mw-specialpage-summary {
position: fixed;
margin-top: 1em;
right: 75vw;
}
}
/* Highlight linked elements (such as clicked references) in blue */
.citation:target {
background-color: rgba(0, 127, 255, 0.133);
}
}
 
@media screen and (max-width: 850px) {
 
#p-logo-text {
/* standard link colors */
margin-top: 0;
.mw-body a:link { color: #0000FF; } /* normal unvisited links */
.mw-body a:link:visited { color: #7F007F; } /* visited links */
.mw-body a:link:active { color: #FF0000; } /* active links */
.mw-body a:link.new { color: #FF0000; } /* new links */
.mw-body a:link.interwiki { color: #3366BB; } /* interwiki links */
.mw-body a:link.external { color: #3366BB; } /* external links */
.mw-body a:link.stub { color: #772233; } /* hovered links */
.mw-body a:link {color: #7F0000}
.mw-body a:visited {color: #0000FF}
.mw-body a:hover {color: #FF00FF}
.mw-body a:active {color: #00FF00 }
 
 
/* Styling for citations. Breaks long urls, etc., rather than overflowing box */
.citation {
word-wrap: break-word;
}
}
/* Make the list of references smaller
* Keep in sync with Template:Refbegin/styles.css
* And Template:Reflist/styles.css
*/
ol.references {
font-size: 90%;
margin-bottom: 0.5em;
}
}
 
@media screen and (max-width: 1099px) and (min-width: 851px) {
/* Style for horizontal lists (separator following item).
#p-logo-text a.long {
  @source mediawiki.org/wiki/Snippets/Horizontal_lists
padding-left: 7px;
  @revision 8 (2016-05-21)
float: left;
  @author [[User:Edokter]]
font-size: 23px !important;
*/
.hlist dl,
.hlist ol,
.hlist ul {
margin: 0;
padding: 0;
}
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
margin: 0; /* don't trust the note that says margin doesn't work with inline
* removing margin: 0 makes dds have margins again */
display: inline;
}
}


/* Display nested lists inline */
@media screen and (max-width: 1099px) and (min-width: 851px) {
.hlist.inline,
#mw-related-navigation .sidebar-inner {
.hlist.inline dl,
background: #222 !important;
.hlist.inline ol,
border: solid #111;
.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 {
display: inline;
}
}
/* Hide empty list items */
.hlist .mw-empty-li {
display: none;
}
}
 
@media screen and (max-width: 1099px) and (min-width: 851px) {
/* Generate interpuncts */
#mw-site-navigation .sidebar-inner {
.hlist dt:after {
background: #222;
content: ": ";
border: solid #111;
}
}
/**
* Note hlist style usage differs in Minerva and is 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;
}
}
 
@media screen and (max-width: 851px) {
.hlist dd:last-child:after,
#mw-site-navigation .sidebar-chunk {
.hlist dt:last-child:after,
padding: 0 15px 5px 20px;
.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;
}
}
 
@media screen and (max-width: 1099px) and (min-width: 851px) {
.hlist ol > li {
#mw-site-navigation .sidebar-inner {
counter-increment: listitem;
background: #222 !important;
border: solid #111 !important;
}
}
.hlist ol > li:before {
content: " " counter(listitem) "\a0";
}
}
 
.mw-parser-output a.external {
.hlist dd ol > li:first-child:before,
color: #ff9900;
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
content: " (" counter(listitem) "\a0";
}
}
 
#searchInput {
/* Unbulleted lists */
padding: 0.2em 4.5em 0.2em 2em !important;
.plainlist ol,
.plainlist ul {
line-height: inherit;
list-style: none none;
margin: 0;
margin: 0;
}
}
 
#searchInput-container {
.plainlist ol li,
background: #333;
.plainlist ul li {
height: 35px;
margin-bottom: 0;
}
}
 
#simpleSearch {
/* Styling for JQuery makeCollapsible, matching that of collapseButton */
border: inset 1px #000;
.mw-parser-output .mw-collapsible-toggle {
border-radius: 3px;
font-weight: normal;
background: #333;
/* @noflip */
height: 35px;
text-align: right;
width: 50vw;
padding-right: 0.2em;
position: absolute;
padding-left: 0.2em;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
top: 7px;
}
}
 
#searchInput {
.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
color: yellow
/* @noflip */
float: left;
/* @noflip */
text-align: left;
}
}
 
#user-tools {
/* Infobox template style */
position: fixed;
.infobox {
right: 86px;
border: 1px solid #a2a9b1;
border-spacing: 3px;
background-color: #f8f9fa;
color: black;
/* @noflip */
margin: 0.5em 0 0.5em 1em;
padding: 0.2em;
/* @noflip */
float: right;
/* @noflip */
clear: right;
font-size: 88%;
line-height: 1.5em;
width: 22em;
}
}
 
@media screen and (min-width: 851px) {
.infobox-header,
#user-tools {
.infobox-label,
left: 74vw;
.infobox-above,
top: 5px;
.infobox-full-data,
.infobox-data,
.infobox-below,
.infobox-subheader,
.infobox-image,
.infobox-navbar,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox th,
.infobox td {
vertical-align: top;
}
}
.infobox-label,
.infobox-data,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox th,
.infobox td {
/* @noflip */
text-align: left;
}
}
 
.mw-notification {
/* Remove .infobox when element selectors above are removed */
background: #222;
.infobox .infobox-above,
border: #111;
.infobox .infobox-title,
background: #111;
/* Remove element selector when every .infobox thing is using the standard module/templates  */
border-radius: 5px;
.infobox caption {
color: #999;
font-size: 125%;
width: 200px;
font-weight: bold;
text-align: center;
}
}
 
.postedit-container {
.infobox-title,
position: absolute;
/* Remove element selector when every .infobox thing is using the standard module/templates  */
left: 0;
.infobox caption {
right: 0;
padding: 0.2em;
margin-left: auto;
}
margin-right: auto;
 
padding: 0;
/* Remove .infobox when element selectors above are removed */
padding: 15px 0 15px 15px;
.infobox .infobox-header,
.infobox .infobox-subheader,
.infobox .infobox-image,
.infobox .infobox-full-data,
.infobox .infobox-below {
text-align: center;
}
 
/* Remove .infobox when element selectors above are removed */
.infobox .infobox-navbar {
/* @noflip */
text-align: right;
text-align: right;
}
}
 
.postedit-icon {
/* Normal font styling for wikitable row headers with scope="row" tag */
margin: auto;
.wikitable.plainrowheaders th[scope=row] {
padding: 0;
font-weight: normal;
/* @noflip */
text-align: left;
}
 
/* Lists in wikitable data cells are always left-aligned */
.wikitable td ul,
.wikitable td ol,
.wikitable td dl {
/* @noflip */
text-align: left;
}
 
/* Fix for hieroglyphs specificity issue in infoboxes ([[phab:T43869]]) */
table.mw-hiero-table td {
vertical-align: middle;
}
 
/* Change the external link icon to an Adobe icon for all PDF files */
.mw-parser-output a[href$=".pdf"].external,
.mw-parser-output a[href*=".pdf?"].external,
.mw-parser-output a[href*=".pdf#"].external,
.mw-parser-output a[href$=".PDF"].external,
.mw-parser-output a[href*=".PDF?"].external,
.mw-parser-output a[href*=".PDF#"].external {
background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right;
/* @noflip */
padding-right: 18px;
}
}
 
.mw-wiki-logo {
/* Messagebox templates */
background-size: contain;
.messagebox {
border: 1px solid #a2a9b1;
background-color: #f8f9fa;
width: 80%;
margin: 0 auto 1em auto;
padding: .2em;
}
}
 
#mw-header-container {
.messagebox.standard-talk {
color: white;
border: 1px solid #c0c090;
background: #333;
background-color: #f8eaba;
margin: 4px auto;
}
}
 
#mw-header {
/* For old WikiProject banners inside banner shells. */
.mbox-inside .standard-talk {
border: 1px solid #c0c090;
background-color: #f8eaba;
width: 100%;
width: 100%;
margin: 2px 0;
max-width: 100%;
padding: 2px;
padding: 0;
position: static;
}
}
 
@media screen and (max-width: 850px) {
.messagebox.small {
#menus-cover {
width: 238px;
background: #000;
font-size: 85%;
/* @noflip */
float: right;
clear: both;
/* @noflip */
margin: 0 0 1em 1em;
line-height: 1.25em;
}
}
.messagebox.small-talk {
width: 238px;
font-size: 85%;
/* @noflip */
float: right;
clear: both;
/* @noflip */
margin: 0 0 1em 1em;
line-height: 1.25em;
background-color: #f8eaba;
}
}
 
@media screen and (max-width: 850px) {
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
#personal h2 {
th.mbox-text, td.mbox-text {   /* The message body cell(s) */
display: none;
border: none;
/* @noflip */
padding: 0.25em 0.9em;    /* 0.9em left/right */
width: 100%;              /* Make all mboxes the same width regardless of text length */
}
}
td.mbox-image {                /* The left image cell */
border: none;
/* @noflip */
padding: 2px 0 2px 0.9em;  /* 0.9em left, 0px right */
text-align: center;
}
}
 
#mw-content-container {
td.mbox-imageright {           /* The right image cell */
background: #111317;
border: none;
/* @noflip */
padding: 2px 0.9em 2px 0;  /* 0px left, 0.9em right */
text-align: center;
}
}
 
@media screen and (max-width: 850px) {
td.mbox-empty-cell {           /* An empty narrow cell */
#mw-content-block {
border: none;
background: purple;
padding: 0;
width: 1px;
}
}
/* Article message box styles */
table.ambox {
margin: 0 10%;                  /* 10% = Will not overlap with other elements */
border: 1px solid #a2a9b1;
/* @noflip */
border-left: 10px solid #36c;  /* Default "notice" blue */
background-color: #fbfbfb;
box-sizing: border-box;
}
}
 
@media screen and (max-width: 850px) {
/* Single border between stacked boxes. */
#site-tools h2 {
table.ambox + table.ambox,
right: 3em;
table.ambox + .mw-empty-elt + table.ambox {
top: 0.9em;
margin-top: -1px;
padding-bottom: 5px;
}
}
.ambox th.mbox-text,
.ambox td.mbox-text {            /* The message body cell(s) */
padding: 0.25em 0.5em;      /* 0.5em left/right */
}
}
 
@media screen and (max-width: 850px) {
.ambox td.mbox-image {           /* The left image cell */
#p-logo-text a.long {
/* @noflip */
width: 100%;
padding: 2px 0 2px 0.5em;   /* 0.5em left, 0px right */
top: 7px;
text-align: center;
font-size: 40px !important;
}
}
.ambox td.mbox-imageright {      /* The right image cell */
/* @noflip */
padding: 2px 0.5em 2px 0;    /* 0px left, 0.5em right */
}
}
 
@media screen and (min-width: 851px) {
table.ambox-notice {
#p-logo-text {
/* @noflip */
width: 29em;
border-left: 10px solid #36c;       /* Blue */
}
}
table.ambox-speedy {
/* @noflip */
border-left: 10px solid #b32424;    /* Red */
background-color: #fee7e6;          /* Pink */
}
}
 
@media screen and (min-width: 851px) {
table.ambox-delete {
#personal h2:after {
/* @noflip */
width: 36px;
border-left: 10px solid #b32424;   /* Red */
}
}
table.ambox-content {
/* @noflip */
border-left: 10px solid #f28500;    /* Orange */
}
}
 
@media screen and (max-width: 850px) {
table.ambox-style {
#p-logo-text {
/* @noflip */
position: static;
border-left: 10px solid #fc3;       /* Yellow */
left: 0 !important;
right: 0;
margin-left: 0;
margin-right: 0;
width: 100%;
top: 3.3em;
}
}
table.ambox-move {
/* @noflip */
border-left: 10px solid #9932cc;    /* Purple */
}
}
 
@media only screen and (min-width: 992px) and (max-width:768px) {
table.ambox-protection {
#p-logo-text {
/* @noflip */
right:74vw;
border-left: 10px solid #a2a9b1;   /* Gray-gold */
}
}
/* Image message box styles */
table.imbox {
margin: 4px 10%;
border-collapse: collapse;
border: 3px solid #36c;    /* Default "notice" blue */
background-color: #fbfbfb;
box-sizing: border-box;
}
}
 
@media only screen and (min-width: 900px) and (max-width:100px) {
.imbox .mbox-text .imbox { /* For imboxes inside imbox-text cells. */
#p-logo-text {
margin: 0 -0.5em;       /* 0.9 - 0.5 = 0.4em left/right.        */
right: 74vw;
display: block;         /* Fix for webkit to force 100% width.  */
top: 3em;
}
}
.mbox-inside .imbox {      /* For imboxes inside other templates.  */
margin: 4px;
}
table.imbox-notice {
border: 3px solid #36c;      /* Blue */
}
}
 
@media screen and (max-width: 900px) and (min-width: 100px) {
table.imbox-speedy {
#p-logo-text a.long {
border: 3px solid #b32424;    /* Red */
font-size: 43px !important;
background-color: #fee7e6;   /* Pink */
}
}
table.imbox-delete {
border: 3px solid #b32424;    /* Red */
}
}
 
@media screen and (max-width: 1700px) and (min-width: 800px) {
table.imbox-content {
#p-logo-text {
border: 3px solid #f28500;   /* Orange */
left: 12px !important;
}
}
table.imbox-style {
border: 3px solid #fc3;      /* Yellow */
}
}
 
@media screen and (max-width: 1700px) and (mix: 851px) {
table.imbox-move {
#mw-site-navigation {
border: 3px solid #9932cc;   /* Purple */
background: #000;
}
}
table.imbox-protection {
border: 3px solid #a2a9b1;    /* Gray-gold */
}
}
 
#mw-content {
table.imbox-license {
color: white;
border: 3px solid #88a;       /* Dark gray */
background: #050607;
background-color: #f7f8ff;   /* Light gray */
border: solid gold;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
}
 
#mw-page-header-links li.selected a {
table.imbox-featured {
color: #00ff00;
border: 3px solid #cba135;   /* Brown-gold */
}
}
 
#mw-related-navigation .sidebar-inner {
/* Category message box styles */
background: #050607;
table.cmbox {
border: outset #222;
margin: 3px 10%;
border-radius: 10px;
border-collapse: collapse;
border: 1px solid #a2a9b1;
background-color: #dfe8ff;    /* Default "notice" blue */
box-sizing: border-box;
}
}
 
#mw-related-navigation .sidebar-chunk {
table.cmbox-notice {
background: #333;
background-color: #d8e8ff;   /* Blue */
border: outset #222;
box-shadow: 2px 2px 1px rgba(0,0,0,0.5);
border-radius: 3px;
}
}
 
@media screen and (max-width: 1099px) and (min-width: 851px) {
table.cmbox-speedy {
#mw-related-navigation .sidebar-chunk {
margin-top: 4px;
background: #333;
margin-bottom: 4px;
border: outset #222;
border: 4px solid #b32424;   /* Red */
box-shadow: 2px 2px 1px rgba(0,0,0,0.5);
background-color: #ffdbdb;   /* Pink */
border-radius: 3px;
padding: 0 15px 5px 20px;
}
}
table.cmbox-delete {
background-color: #ffdbdb;    /* Pink */
}
}
 
.color-middle-container, .ts-inner {
table.cmbox-content {
padding: 0;
background-color: #ffe7ce;   /* Orange */
}
}
 
#p-logo-text {
table.cmbox-style {
left: 120px;
background-color: #fff9db;   /* Yellow */
}
}
 
#p-logo-text a.long {
table.cmbox-move {
padding-top: 5px;
background-color: #e4d8ff;   /* Purple */
padding-left: 6px;
font-size: 30px;
text-shadow: 1px 1px 1px #222;
}
}
 
#p-search {
table.cmbox-protection {
width: 70em;
background-color: #efefe1;   /* Gray-gold */
padding-right: 33px;
}
}
 
#personal .dropdown h3 {
/* Other pages message box styles */
line-height: 25px;
table.ombox {
margin: 4px 10%;
border-collapse: collapse;
border: 1px solid #a2a9b1;    /* Default "notice" gray */
background-color: #f8f9fa;
box-sizing: border-box;
}
}
 
#personal h2 {
table.ombox-notice {
text-shadow: 2px 2px 0 #333;
border: 1px solid #a2a9b1;   /* Gray */
padding-top: 7px;
font-size: 24px;
}
}
 
#personal .dropdown {
table.ombox-speedy {
background: #333 !important;
border: 2px solid #b32424;   /* Red */
border: solid purple;
background-color: #fee7e6;   /* Pink */
}
}
 
.codeEditor-status {
table.ombox-delete {
color: #666;
border: 2px solid #b32424;   /* Red */
}
}
 
.oo-ui-labelElement-label {
table.ombox-content {
text-shadow: 1px 2px #333;
border: 1px solid #f28500;   /* Orange */
}
}
 
#iframeframe {
table.ombox-style {
height: 700px;
border: 1px solid #fc3;       /* Yellow */
}
}
 
#wpSave {
table.ombox-move {
text-shadow: 2px 2px 2px #000 !important
border: 1px solid #9932cc;    /* Purple */
}
}
 
#mw-footer-container {
table.ombox-protection {
background: #000;
border: 2px solid #a2a9b1;   /* Gray-gold */
padding-top: 1em;
}
}
 
fieldset {
/* Talk page message box styles */
background: #222!important;
table.tmbox {
border: solid #111;
margin: 4px 10%;
border-collapse: collapse;
border: 1px solid #c0c090;    /* Default "notice" gray-brown */
background-color: #f8eaba;
min-width: 80%;
box-sizing: border-box;
}
}
 
input {
.tmbox.mbox-small {
background: #333;
min-width: 0;               /* reset the min-width of tmbox above        */
border: solid 1px #111!important;
border-radius: 2px;
padding-left: 5px;
color: #999;
}
}
 
.mw-ui-button.mw-ui-progressive, .mw-ui-button.mw-ui-progressive:active, .mw-ui-button.mw-ui-progressive.mw-ui-checked, input[type='submit'], input[type='button'], button {
.mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" class ensures that */
border: solid 1px #333!important;
margin: 2px 0;               /* this declaration overrides other styles (including mbox-small above)  */
border-bottom: 0!important;
width: 100%;                 /* For Safari and Opera */
text-shadow: 0 0 0 #000 !important;
border-bottom: solid 1px #333!important;
}
}
 
.oo-ui-flaggedElement-destructive {
.mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when  */
background: #111;
line-height: 1.5em;         /* also "nested", so reset styles that are  */
border: 1px solid #444;
font-size: 100%;             /* set in "mbox-small" above.                */
color: #FF3333 !important;
padding-left: 15px !important;
padding-right: 15px !important;
}
}
 
.oo-ui-flaggedElement-destructive:hover {
table.tmbox-speedy {
background: #222;
border: 2px solid #b32424;   /* Red */
color: #CC0000 !important;
background-color: #fee7e6;   /* Pink */
}
}
 
#searchInput {
table.tmbox-delete {
border: 0!important;
border: 2px solid #b32424;   /* Red */
}
}
 
@media screen and (max-width: 850px) {
table.tmbox-content {
#searchInput {
border: 2px solid #f28500;   /* Orange */
padding: 0 0 0 6px !important;
}
}
table.tmbox-style {
border: 2px solid #fc3;      /* Yellow */
}
}
 
.oo-ui-textInputWidget input, .oo-ui-textInputWidget textarea {
table.tmbox-move {
background-color: #333;
border: 2px solid #9932cc;   /* Purple */
color: #fff;
}
}
 
.oo-ui-textInputWidget > .oo-ui-labelElement-label {
table.tmbox-protection,
line-height: 0.5em;
table.tmbox-notice {
border: 1px solid #c0c090;   /* Gray-brown */
}
}
 
#pagehistory li.selected {
/* Footer and header message box styles */
background-color: #555;
table.fmbox {
clear: both;
margin: 0.2em 0;
width: 100%;
border: 1px solid #a2a9b1;
background-color: #f8f9fa;    /* Default "system" gray */
box-sizing: border-box;
}
}
 
.warningbox {
table.fmbox-system {
background: #1d1d16;
background-color: #f8f9fa;
}
}
 
a.new:hover, .new a:hover, a.new:visited, .new a:visited {
table.fmbox-warning {
color: #FF3333;
border: 1px solid #bb7070;  /* Dark pink */
background-color: #ffdbdb; /* Pink */
}
}
 
.mw-plusminus-neg {
table.fmbox-editnotice {
color: #FF0000;
background-color: transparent;
}
}
 
#mw-footer-container a:hover {
/* Div based "warning" style fmbox messages. */
color: #ffff33;
div.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon,
div.titleblacklist-warning {
clear: both;
margin: 0.2em 0;
border: 1px solid #bb7070;
background-color: #ffdbdb;
padding: 0.25em 0.9em;
box-sizing: border-box;
}
}
 
#mw-footer-container a:visited {
/* Use default color for partial block fmbox banner per [[Special:PermaLink/1028105567#pblock-style]] */
color: #ffff66;
.mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt {
border-color: #fc3;
background-color: #fef6e7;
}
}
 
#mw-footer .footer-places li {
/* These mbox-small classes must be placed after all other
  ambox/tmbox/ombox etc classes. "html body.mediawiki" is so
  they override "table.ambox + table.ambox" above. */
html body.mediawiki .mbox-small {   /* For the "small=yes" option. */
/* @noflip */
clear: right;
/* @noflip */
float: right;
float: right;
/* @noflip */
margin: 4px 0 4px 1em;
box-sizing: border-box;
width: 238px;
font-size: 88%;
line-height: 1.25em;
}
html body.mediawiki .mbox-small-left {  /* For the "small=left" option. */
/* @noflip */
margin: 4px 1em 4px 0;
box-sizing: border-box;
overflow: hidden;
width: 238px;
border-collapse: collapse;
font-size: 88%;
line-height: 1.25em;
}
/* Style for compact ambox */
/* Hide the images */
.compact-ambox table .mbox-image,
.compact-ambox table .mbox-imageright,
.compact-ambox table .mbox-empty-cell {
display: none;
}
/* Remove borders, backgrounds, padding, etc. */
.compact-ambox table.ambox {
border: none;
border-collapse: collapse;
background-color: transparent;
margin: 0 0 0 1.6em !important;
padding: 0 !important;
width: auto;
display: block;
display: block;
}
}
 
#mw-footer ul, #mw-footer li {
body.mediawiki .compact-ambox table.mbox-small-left {
margin: 0 auto;
font-size: 100%;
width: auto;
margin: 0;
}
 
/* Style the text cell as a list item and remove its padding */
.compact-ambox table .mbox-text {
padding: 0 !important;
margin: 0 !important;
}
 
.compact-ambox table .mbox-text-span {
display: list-item;
line-height: 1.5em;
list-style-type: square;
list-style-image: url(/w/skins/MonoBook/resources/images/bullet.svg);
}
}
 
#mw-footer #lastmod {
/* Allow for hiding text in compact form */
float: left;
.compact-ambox .hide-when-compact {
left: 25px;
display: none;
}
 
/* Remove underlines from certain links */
.nounderlines a,
.IPA a:link,
.IPA a:visited {
text-decoration: none !important;
}
 
/* Prevent line breaks in silly places where desired (nowrap)
  and links when we don't want them to (nowraplinks a) */
.nowrap,
.nowraplinks a {
white-space: nowrap;
}
 
/* But allow wrapping where desired: */
.wrap,
.wraplinks a {
white-space: normal;
}
}
 
.diff-addedline .diffchange {
/* Increase the height of the image upload box */
background: #1d1d16;
#wpUploadDescription {
padding-left: 7px;
height: 13em;
}
}
 
.oo-ui-buttonElement.oo-ui-labelElement > input.oo-ui-buttonElement-button, .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
/* Minimum thumb width */
text-shadow: 0 0 0 #000 !important;
.thumbinner {
min-width: 100px;
}
}
 
.oo-ui-labelElement-label {
/* Prevent floating boxes from overlapping any category listings,
text-shadow: 0 0 0 #000
  file histories, edit previews, and edit [Show changes] views. */
#mw-subcategories,
#mw-pages,
#mw-category-media,
#filehistory,
#wikiPreview,
#wikiDiff {
clear: both;
}
}
 
.oo-ui-panelLayout-expanded {
/* Selectively hide headers in WikiProject banners */
background: #666;
/* TemplateStyles */
.wpb .wpb-header {
display: none;
}
}
 
.oo-ui-messageDialog-message {
.wpbs-inner .wpb .wpb-header {
color: #999;
display: table-row;
}
}
 
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
.wpbs-inner .wpb-outside {
color: #999;
display: none;             /* hide things that should only display outside shells */
}
}
 
.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
/* Styling for Abuse Filter tags */
border-right: 1px solid #111
.mw-tag-markers {
font-style: italic;
font-size: 90%;
}
}
 
.oo-ui-dialog-content > .oo-ui-window-body {
/* Hide stuff meant for accounts with special permissions. Made visible again in
outline: 1px solid #111;
  [[MediaWiki:Group-checkuser.css]], [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-abusefilter.css]],
  [[MediaWiki:Group-abusefilter-helper.css]], [[MediaWiki:Group-patroller.css]],
  [[MediaWiki:Group-templateeditor.css]], [[MediaWiki:Group-extendedmover.css]],
  [[MediaWiki:Group-extendedconfirmed.css]], and [[Mediawiki:Group-autoconfirmed.css]]. */
.checkuser-show,
.sysop-show,
.abusefilter-show,
.abusefilter-helper-show,
.patroller-show,
.templateeditor-show,
.extendedmover-show,
.extendedconfirmed-show,
.autoconfirmed-show,
.user-show {
display: none;
}
}
 
.oo-ui-messageDialog-content > .oo-ui-window-foot {
/* Hide the redlink generated by {{Editnotice}},
outline: 1px solid #111;
  this overrides the ".sysop-show { display: none; }" above that applies
  to the same link as well. See [[phab:T45013]]
 
  Hide the images in editnotices to keep them readable in VE view.
  Long term, editnotices should become a core feature so that they can be designed responsive. */
.ve-ui-mwNoticesPopupTool-item .editnotice-redlink,
.ve-ui-mwNoticesPopupTool-item .mbox-image,
.ve-ui-mwNoticesPopupTool-item .mbox-imageright {
display: none !important;
}
}
 
.wikiEditor-ui .wikiEditor-ui-view {
/* Remove bullets when there are multiple edit page warnings */
border: 1px solid #000;
ul.permissions-errors > li {
list-style: none none;
}
}
 
.wikiEditor-ui .wikiEditor-ui-top {
ul.permissions-errors {
border-bottom: 1px solid #000;
margin: 0;
}
}
 
textarea[style] {
/* texhtml class for inline math (based on generic times-serif class) */
background: #111 !important;
span.texhtml {
color: #fff;
font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif;
font-size: 118%;
line-height: 1;
white-space: nowrap;
/* Force tabular and lining display for texhtml */
-moz-font-feature-settings: "lnum", "tnum", "kern" 0;
-webkit-font-feature-settings: "lnum", "tnum", "kern" 0;
font-feature-settings: "lnum", "tnum", "kern" 0;
font-variant-numeric: lining-nums tabular-nums;
font-kerning: none;
}
}
 
pre, .mw-code {
span.texhtml span.texhtml {
background: #222;
font-size: 100%;
color: #B0B0B0;
border: 1px solid #444;
}
}
 
.oo-ui-iconWidget.oo-ui-iconElement.oo-ui-iconElement-icon {
span.mwe-math-mathml-inline {
background-color: #B0B0B0;
font-size: 118%;
border: 1px solid #333;
}
}
 
#toc {
/* Make <math display="block"> be left aligned with one space indent for
color: black;
* compatibility with style conventions
background-color: #303439;
*/
border: 1px solid #000000;
.mwe-math-fallback-image-display,
.mwe-math-mathml-display {
margin-left: 1.6em !important;
margin-top: 0.6em;
margin-bottom: 0.6em;
}
}
 
#toc span {
.mwe-math-mathml-display math {
color: #02e800;
display: inline;
}
}
 
#toc label {
/* Work-around for [[phab:T25965]] / [[phab:T100106]] (Kaltura advertisement) */
color: #02e800;
.k-player .k-attribution {
visibility: hidden;
}
}
 
table.wikitable {
/* Move 'play' button of video player to bottom left corner */
color: white;
.PopUpMediaTransform a .play-btn-large {
background-color: #303439;
margin: 0;
border: 1px solid #000000;
top: auto;
right: auto;
bottom: 0;
left: 0;
}
}
 
table.wikitable caption {
@media screen {
color: white;
/* Gallery styles background changes are restricted to screen view.
background-color: #111111;
  In printing we should avoid applying backgrounds. */
border: 1px solid #000000;
/* The backgrounds for galleries. */
#content .gallerybox div.thumb {
/* Light gray padding */
background-color: #f8f9fa;
}
/* Put a chequered background behind images, only visible if they have transparency.
  '.filehistory a img' and '#file img:hover' are handled by MediaWiki core (as of 1.19) */
.gallerybox .thumb img {
background: #fff url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat;
}
/* But not on articles, user pages, portals or with opt-out. */
.ns-0 .gallerybox .thumb img,
.ns-2 .gallerybox .thumb img,
.ns-100 .gallerybox .thumb img,
.nochecker .gallerybox .thumb img {
background-image: none;
}
 
/* Display "From Wikipedia, the free encyclopedia" in skins that support it,
  do not apply to print mode */
#siteSub {
display: block;
}
}
}


/* Hide FlaggedRevs notice UI when there are no pending changes */
table.wikitable th {
.flaggedrevs_draft_synced,
color: white;
.flaggedrevs_stable_synced,
background-color: #303439;
/* "Temporary" to remove links in sidebar T255381 */
border: 1px solid #000000;
#t-upload,
/* Hide broken download box on Special:Book pending T285400 */
.mw-special-Book #coll-downloadbox {
display: none;
}
}

Latest revision as of 11:51, 2 December 2024

body {
	margin: 0;
	background: #84898f;
}
a {
	color: #9a9aff;
}
a:hover, a:hover:visited {
	color: orange;
}
a:visited {
	color: #ede42f;
}
h1, h2, h3, h4 {
	color: Grey;
}
#mw-site-navigation .sidebar-inner {
	background: #050607;
	border: outset #222;
	border-radius: 10px;
}
#mw-site-navigation .sidebar-chunk {
	border: outset #222;
	background: #333;
	box-shadow: 2px 2px 1px rgba(0,0,0,0.5);
	border-radius: 3px;
}
@media screen and (min-width: 851px) {
#p-logo-text a {
	position: fixed;
	right: 75vw;
}
}
@media screen and (max-width: 850px) {
#p-logo-text {
	margin-top: 0;
}
}
@media screen and (max-width: 1099px) and (min-width: 851px) {
#p-logo-text a.long {
	padding-left: 7px;
	float: left;
	font-size: 23px !important;
}
}

@media screen and (max-width: 1099px) and (min-width: 851px) {
#mw-related-navigation .sidebar-inner {
	background: #222 !important;
	border: solid #111;
}
}
@media screen and (max-width: 1099px) and (min-width: 851px) {
#mw-site-navigation .sidebar-inner {
	background: #222;
	border: solid #111;
}
}
@media screen and (max-width: 851px) {
#mw-site-navigation .sidebar-chunk {
	padding: 0 15px 5px 20px;
}
}
@media screen and (max-width: 1099px) and (min-width: 851px) {
#mw-site-navigation .sidebar-inner {
	background: #222 !important;
	border: solid #111 !important;
}
}
.mw-parser-output a.external {
	color: #ff9900;
}
#searchInput {
	padding: 0.2em 4.5em 0.2em 2em !important;
	margin: 0;
}
#searchInput-container {
	background: #333;
	height: 35px;
}
#simpleSearch {
	border: inset 1px #000;
	border-radius: 3px;
	background: #333;
	height: 35px;
	width: 50vw;
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	top: 7px;
}
#searchInput {
	color: yellow
}
#user-tools {
	position: fixed;
	right: 86px;
}
@media screen and (min-width: 851px) {
#user-tools {
	left: 74vw;
	top: 5px;
}
}
.mw-notification {
	background: #222;
	border: #111;
	background: #111;
	border-radius: 5px;
	color: #999;
	width: 200px;
}
.postedit-container {
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	padding: 15px 0 15px 15px;
	text-align: right;
}
.postedit-icon {
	margin: auto;
	padding: 0;
}
.mw-wiki-logo {
	background-size: contain;
}
#mw-header-container {
	color: white;
	background: #333;
}
#mw-header {
	width: 100%;
	max-width: 100%;
	padding: 0;
	position: static;
}
@media screen and (max-width: 850px) {
#menus-cover {
	background: #000;
}
}
@media screen and (max-width: 850px) {
#personal h2 {
	display: none;
}
}
#mw-content-container {
	background: #111317;
}
@media screen and (max-width: 850px) {
#mw-content-block {
	background: purple;
}
}
@media screen and (max-width: 850px) {
#site-tools h2 {
	right: 3em;
	top: 0.9em;
	padding-bottom: 5px;
}
}
@media screen and (max-width: 850px) {
#p-logo-text a.long {
	width: 100%;
	top: 7px;
	text-align: center;
	font-size: 40px !important;
}
}
@media screen and (min-width: 851px) {
#p-logo-text {
	width: 29em;
}
}
@media screen and (min-width: 851px) {
#personal h2:after {
	width: 36px;
}
}
@media screen and (max-width: 850px) {
#p-logo-text {
	position: static;
	left: 0 !important;
	right: 0;
	margin-left: 0;
	margin-right: 0;
	width: 100%;
	top: 3.3em;
}
}
 @media only screen and (min-width: 992px) and (max-width:768px) {
 #p-logo-text {
 right:74vw;
}
}
@media only screen and (min-width: 900px) and (max-width:100px) {
#p-logo-text {
	right: 74vw;
	top: 3em;
}
}
@media screen and (max-width: 900px) and (min-width: 100px) {
#p-logo-text a.long {
	font-size: 43px !important;
}
}
@media screen and (max-width: 1700px) and (min-width: 800px) {
#p-logo-text {
	left: 12px !important;
}
}
@media screen and (max-width: 1700px) and (mix: 851px) {
#mw-site-navigation {
	background: #000;
}
}
#mw-content {
	color: white;
	background: #050607;
	border: solid gold;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}
#mw-page-header-links li.selected a {
	color: #00ff00;
}
#mw-related-navigation .sidebar-inner {
	background: #050607;
	border: outset #222;
	border-radius: 10px;
}
#mw-related-navigation .sidebar-chunk {
	background: #333;
	border: outset #222;
	box-shadow: 2px 2px 1px rgba(0,0,0,0.5);
	border-radius: 3px;
}
@media screen and (max-width: 1099px) and (min-width: 851px) {
#mw-related-navigation .sidebar-chunk {
	background: #333;
	border: outset #222;
	box-shadow: 2px 2px 1px rgba(0,0,0,0.5);
	border-radius: 3px;
	padding: 0 15px 5px 20px;
}
}
.color-middle-container, .ts-inner {
	padding: 0;
}
#p-logo-text {
	left: 120px;
}
#p-logo-text a.long {
	padding-top: 5px;
	padding-left: 6px;
	font-size: 30px;
	text-shadow: 1px 1px 1px #222;
}
#p-search {
	width: 70em;
	padding-right: 33px;
}
#personal .dropdown h3 {
	line-height: 25px;
}
#personal h2 {
	text-shadow: 2px 2px 0 #333;
	padding-top: 7px;
	font-size: 24px;
}
#personal .dropdown {
	background: #333 !important;
	border: solid purple;
}
.codeEditor-status {
	color: #666;
}
.oo-ui-labelElement-label {
	text-shadow: 1px 2px #333;
}
#iframeframe {
	height: 700px;
}
#wpSave {
	text-shadow: 2px 2px 2px #000 !important
}
#mw-footer-container {
	background: #000;
	padding-top: 1em;
}
fieldset {
	background: #222!important;
	border: solid #111;
}
input {
	background: #333;
	border: solid 1px #111!important;
	border-radius: 2px;
	padding-left: 5px;
	color: #999;
}
.mw-ui-button.mw-ui-progressive, .mw-ui-button.mw-ui-progressive:active, .mw-ui-button.mw-ui-progressive.mw-ui-checked, input[type='submit'], input[type='button'], button {
	border: solid 1px #333!important;
	border-bottom: 0!important;
	text-shadow: 0 0 0 #000 !important;
	border-bottom: solid 1px #333!important;
}
.oo-ui-flaggedElement-destructive {
	background: #111;
	border: 1px solid #444;
	color: #FF3333 !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
}
.oo-ui-flaggedElement-destructive:hover {
	background: #222;
	color: #CC0000 !important;
}
#searchInput {
	border: 0!important;
}
@media screen and (max-width: 850px) {
#searchInput {
	padding: 0 0 0 6px !important;
}
}
.oo-ui-textInputWidget input, .oo-ui-textInputWidget textarea {
	background-color: #333;
	color: #fff;
}
.oo-ui-textInputWidget > .oo-ui-labelElement-label {
	line-height: 0.5em;
}
#pagehistory li.selected {
	background-color: #555;
}
.warningbox {
	background: #1d1d16;
}
a.new:hover, .new a:hover, a.new:visited, .new a:visited {
	color: #FF3333;
}
.mw-plusminus-neg {
	color: #FF0000;
}
#mw-footer-container a:hover {
	color: #ffff33;
}
#mw-footer-container a:visited {
	color: #ffff66;
}
#mw-footer .footer-places li {
	float: right;
	display: block;
}
#mw-footer ul, #mw-footer li {
	margin: 0 auto;
}
#mw-footer #lastmod {
	float: left;
	left: 25px;
}
.diff-addedline .diffchange {
	background: #1d1d16;
	padding-left: 7px;
}
.oo-ui-buttonElement.oo-ui-labelElement > input.oo-ui-buttonElement-button, .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
	text-shadow: 0 0 0 #000 !important;
}
.oo-ui-labelElement-label {
	text-shadow: 0 0 0 #000
}
.oo-ui-panelLayout-expanded {
	background: #666;
}
.oo-ui-messageDialog-message {
	color: #999;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
	color: #999;
}
.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
	border-right: 1px solid #111
}
.oo-ui-dialog-content > .oo-ui-window-body {
	outline: 1px solid #111;
}
.oo-ui-messageDialog-content > .oo-ui-window-foot {
	outline: 1px solid #111;
}
.wikiEditor-ui .wikiEditor-ui-view {
	border: 1px solid #000;
}
.wikiEditor-ui .wikiEditor-ui-top {
	border-bottom: 1px solid #000;
}
textarea[style] {
	background: #111 !important;
	color: #fff;
}
pre, .mw-code {
	background: #222;
	color: #B0B0B0;
	border: 1px solid #444;
}
.oo-ui-iconWidget.oo-ui-iconElement.oo-ui-iconElement-icon {
	background-color: #B0B0B0;
	border: 1px solid #333;
}
#toc {
	color: black;
	background-color: #303439;
	border: 1px solid #000000;
}
#toc span {
	color: #02e800;
}
#toc label {
	color: #02e800;
}
table.wikitable {
	color: white;
	background-color: #303439;
	border: 1px solid #000000;
}
table.wikitable caption {
	color: white;
	background-color: #111111;
	border: 1px solid #000000;
}

table.wikitable th {
	color: white;
	background-color: #303439;
	border: 1px solid #000000;
}
Retrieved from "https://harthorns-reverie.com/wiki/index.php?title=MediaWiki:Common.css&oldid=2701"