MediaWiki:Common.css: Difference between revisions

From Harthorns-Reverie
← Older edit
No edit summary
Tag: Reverted
No edit summary
Tag: Manual revert
 
(93 intermediate revisions by the same user not shown)
Line 1: Line 1:
body {
body {
  background: green;
margin: 0;
background: #84898f;
}
}
 
a {
#mw-page-base {
color: #9a9aff;
  background: red;
}
}
 
a:hover, a:hover:visited {
/* Reset italic styling set by user agent */
color: orange;
cite,
dfn {
font-style: inherit;
}
}
 
a:visited {
/* Straight quote marks for <q> */
color: #ede42f;
q {
quotes: '"' '"' "'" "'";
}
}
 
h1, h2, h3, h4 {
/* Avoid collision of blockquote with floating elements by swapping margin and padding */
color: Grey;
blockquote {
overflow: hidden;
margin: 1em 0;
padding: 0 40px;
}
}
 
#mw-site-navigation .sidebar-inner {
/* Consistent size for <small>, <sub> and <sup> */
background: #050607;
small {
border: outset #222;
font-size: 85%;
border-radius: 10px;
}
}
 
#mw-site-navigation .sidebar-chunk {
.mw-body-content sub,
border: outset #222;
.mw-body-content sup,
background: #333;
span.reference /* for Parsoid */ {
box-shadow: 2px 2px 1px rgba(0,0,0,0.5);
font-size: 80%;
border-radius: 3px;
}
}
 
@media screen and (min-width: 851px) {
/* Same spacing for indented and unindented paragraphs on talk pages */
#p-logo-text a {
.ns-talk .mw-body-content dd {
position: fixed;
margin-top: 0.4em;
right: 75vw;
margin-bottom: 0.4em;
}
}
/* Reduce page jumps by hiding collapsed/dismissed content */
.client-js .mw-special-Watchlist #watchlist-message,
.client-js .collapsible:not( .mw-made-collapsible).collapsed > tbody > tr:not(:first-child),
/* Hide charinsert base for those not using the gadget */
#editpage-specialchars {
display: none;
}
}
 
@media screen and (max-width: 850px) {
/* Adds padding above Watchlist announcements where new recentchanges/watchlist filters are enabled */
#p-logo-text {
.mw-rcfilters-enabled .mw-specialpage-summary {
margin-top: 0;
margin-top: 1em;
}
}
/* Highlight linked elements (such as clicked references) in blue */
.citation:target {
background-color: rgba(0, 127, 255, 0.133);
}
}
 
@media screen and (max-width: 1099px) and (min-width: 851px) {
 
#p-logo-text a.long {
/* standard link colors */
padding-left: 7px;
.mw-body a:link { color: #0000FF; } /* normal unvisited links */
float: left;
.mw-body a:link:visited { color: #7F007F; } /* visited links */
font-size: 23px !important;
.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.new:visited { color: #ba0000; }
.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;
}
 
/* Style for horizontal lists (separator following item).
  @source mediawiki.org/wiki/Snippets/Horizontal_lists
  @revision 8 (2016-05-21)
  @author [[User:Edokter]]
*/
.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 */
.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 {
display: inline;
}
}


/* Hide empty list items */
@media screen and (max-width: 1099px) and (min-width: 851px) {
.hlist .mw-empty-li {
#mw-related-navigation .sidebar-inner {
display: none;
background: #222 !important;
border: solid #111;
}
}
/* Generate interpuncts */
.hlist dt:after {
content: ": ";
}
}
 
@media screen and (max-width: 1099px) and (min-width: 851px) {
/**
#mw-site-navigation .sidebar-inner {
* Note hlist style usage differs in Minerva and is defined in core as well!
background: #222;
* Please check Minerva desktop (and Minerva.css) when changing
border: solid #111;
* 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;
}
}
 
@media screen and (max-width: 851px) {
/* Add parentheses around nested lists */
#mw-site-navigation .sidebar-chunk {
.hlist dd dd:first-child:before,
padding: 0 15px 5px 20px;
.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;
}
}
 
.mw-wiki-logo {
/* Lists in wikitable data cells are always left-aligned */
background-size: contain;
.wikitable td ul,
.wikitable td ol,
.wikitable td dl {
/* @noflip */
text-align: left;
}
}
 
#mw-header-container {
/* Fix for hieroglyphs specificity issue in infoboxes ([[phab:T43869]]) */
color: white;
table.mw-hiero-table td {
background: #333;
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;
}
 
/* Messagebox templates */
.messagebox {
border: 1px solid #a2a9b1;
background-color: #f8f9fa;
width: 80%;
margin: 0 auto 1em auto;
padding: .2em;
}
 
.messagebox.standard-talk {
border: 1px solid #c0c090;
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;
}
}
 
@media screen and (max-width: 900px) and (min-width: 100px) {
table.imbox-notice {
#p-logo-text a.long {
border: 3px solid #36c;       /* Blue */
font-size: 43px !important;
}
}
table.imbox-speedy {
border: 3px solid #b32424;    /* Red */
background-color: #fee7e6;    /* Pink */
}
}
 
@media screen and (max-width: 1700px) and (min-width: 800px) {
table.imbox-delete {
#p-logo-text {
border: 3px solid #b32424;   /* Red */
left: 12px !important;
}
}
table.imbox-content {
border: 3px solid #f28500;    /* Orange */
}
}
 
@media screen and (max-width: 1700px) and (mix: 851px) {
table.imbox-style {
#mw-site-navigation {
border: 3px solid #fc3;       /* Yellow */
background: #000;
}
}
table.imbox-move {
border: 3px solid #9932cc;    /* Purple */
}
}
 
#mw-content {
table.imbox-protection {
color: white;
border: 3px solid #a2a9b1;   /* Gray-gold */
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 {
table.imbox-license {
color: #00ff00;
border: 3px solid #88a;      /* Dark gray */
background-color: #f7f8ff;   /* Light gray */
}
}
 
#mw-related-navigation .sidebar-inner {
table.imbox-featured {
background: #050607;
border: 3px solid #cba135;   /* Brown-gold */
border: outset #222;
border-radius: 10px;
}
}
 
#mw-related-navigation .sidebar-chunk {
/* Category message box styles */
background: #333;
table.cmbox {
border: outset #222;
margin: 3px 10%;
box-shadow: 2px 2px 1px rgba(0,0,0,0.5);
border-collapse: collapse;
border-radius: 3px;
border: 1px solid #a2a9b1;
background-color: #dfe8ff;   /* Default "notice" blue */
box-sizing: border-box;
}
}
 
@media screen and (max-width: 1099px) and (min-width: 851px) {
table.cmbox-notice {
#mw-related-navigation .sidebar-chunk {
background-color: #d8e8ff;   /* Blue */
background: #333;
border: outset #222;
box-shadow: 2px 2px 1px rgba(0,0,0,0.5);
border-radius: 3px;
padding: 0 15px 5px 20px;
}
}
table.cmbox-speedy {
margin-top: 4px;
margin-bottom: 4px;
border: 4px solid #b32424;    /* Red */
background-color: #ffdbdb;    /* Pink */
}
}
 
.color-middle-container, .ts-inner {
table.cmbox-delete {
padding: 0;
background-color: #ffdbdb;   /* Pink */
}
}
 
#p-logo-text {
table.cmbox-content {
left: 120px;
background-color: #ffe7ce;   /* Orange */
}
}
 
#p-logo-text a.long {
table.cmbox-style {
padding-top: 5px;
background-color: #fff9db;   /* Yellow */
padding-left: 6px;
font-size: 30px;
text-shadow: 1px 1px 1px #222;
}
}
 
#p-search {
table.cmbox-move {
width: 70em;
background-color: #e4d8ff;   /* Purple */
padding-right: 33px;
}
}
 
#personal .dropdown h3 {
table.cmbox-protection {
line-height: 25px;
background-color: #efefe1;   /* Gray-gold */
}
}
 
#personal h2 {
/* Other pages message box styles */
text-shadow: 2px 2px 0 #333;
table.ombox {
padding-top: 7px;
margin: 4px 10%;
font-size: 24px;
border-collapse: collapse;
border: 1px solid #a2a9b1;   /* Default "notice" gray */
background-color: #f8f9fa;
box-sizing: border-box;
}
}
 
#personal .dropdown {
table.ombox-notice {
background: #333 !important;
border: 1px solid #a2a9b1;   /* Gray */
border: solid purple;
}
}
 
.codeEditor-status {
table.ombox-speedy {
color: #666;
border: 2px solid #b32424;    /* Red */
background-color: #fee7e6;   /* Pink */
}
}
 
.oo-ui-labelElement-label {
table.ombox-delete {
text-shadow: 1px 2px #333;
border: 2px solid #b32424;   /* Red */
}
}
 
#iframeframe {
table.ombox-content {
height: 700px;
border: 1px solid #f28500;    /* Orange */
}
 
table.ombox-style {
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;
}
}
 
#mw-footer #lastmod {
/* Style the text cell as a list item and remove its padding */
float: left;
.compact-ambox table .mbox-text {
left: 25px;
padding: 0 !important;
margin: 0 !important;
}
}
 
.diff-addedline .diffchange {
.compact-ambox table .mbox-text-span {
background: #1d1d16;
display: list-item;
padding-left: 7px;
line-height: 1.5em;
list-style-type: square;
list-style-image: url(/w/skins/MonoBook/resources/images/bullet.svg);
}
}
 
.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 {
/* Allow for hiding text in compact form */
text-shadow: 0 0 0 #000 !important;
.compact-ambox .hide-when-compact {
display: none;
}
}
 
.oo-ui-labelElement-label {
/* Remove underlines from certain links */
text-shadow: 0 0 0 #000
.nounderlines a,
.IPA a:link,
.IPA a:visited {
text-decoration: none !important;
}
}
 
.oo-ui-panelLayout-expanded {
/* Prevent line breaks in silly places where desired (nowrap)
background: #666;
  and links when we don't want them to (nowraplinks a) */
.nowrap,
.nowraplinks a {
white-space: nowrap;
}
}
 
.oo-ui-messageDialog-message {
/* But allow wrapping where desired: */
color: #999;
.wrap,
.wraplinks a {
white-space: normal;
}
}
 
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
/* Increase the height of the image upload box */
color: #999;
#wpUploadDescription {
height: 13em;
}
}
 
.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
/* Minimum thumb width */
border-right: 1px solid #111
.thumbinner {
min-width: 100px;
}
}
 
.oo-ui-dialog-content > .oo-ui-window-body {
/* Prevent floating boxes from overlapping any category listings,
outline: 1px solid #111;
  file histories, edit previews, and edit [Show changes] views. */
#mw-subcategories,
#mw-pages,
#mw-category-media,
#filehistory,
#wikiPreview,
#wikiDiff {
clear: both;
}
}
 
.oo-ui-messageDialog-content > .oo-ui-window-foot {
/* Selectively hide headers in WikiProject banners */
outline: 1px solid #111;
/* TemplateStyles */
.wpb .wpb-header {
display: none;
}
}
 
.wikiEditor-ui .wikiEditor-ui-view {
.wpbs-inner .wpb .wpb-header {
border: 1px solid #000;
display: table-row;
}
}
 
.wikiEditor-ui .wikiEditor-ui-top {
.wpbs-inner .wpb-outside {
border-bottom: 1px solid #000;
display: none;             /* hide things that should only display outside shells */
}
}
 
textarea[style] {
/* Styling for Abuse Filter tags */
background: #111 !important;
.mw-tag-markers {
color: #fff;
font-style: italic;
font-size: 90%;
}
}
 
pre, .mw-code {
/* Hide stuff meant for accounts with special permissions. Made visible again in
background: #222;
  [[MediaWiki:Group-checkuser.css]], [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-abusefilter.css]],
color: #B0B0B0;
  [[MediaWiki:Group-abusefilter-helper.css]], [[MediaWiki:Group-patroller.css]],
border: 1px solid #444;
  [[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;
}
 
/* Hide the redlink generated by {{Editnotice}},
  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;
}
}
 
.oo-ui-iconWidget.oo-ui-iconElement.oo-ui-iconElement-icon {
/* Remove bullets when there are multiple edit page warnings */
background-color: #B0B0B0;
ul.permissions-errors > li {
border: 1px solid #333;
list-style: none none;
}
}
 
#toc {
ul.permissions-errors {
color: black;
margin: 0;
background-color: #303439;
}
border: 1px solid #000000;
 
/* texhtml class for inline math (based on generic times-serif class) */
span.texhtml {
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;
}
 
span.texhtml span.texhtml {
font-size: 100%;
}
 
span.mwe-math-mathml-inline {
font-size: 118%;
}
 
/* Make <math display="block"> be left aligned with one space indent for
* compatibility with style conventions
*/
.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"