MediaWiki:Common.css

From Revival Ragnarok Online

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

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
.itemicon {
   padding-right:5px;
}
.messagebox {
   border: 1px solid #aaa;
   background-color: #f9f9f9;
   width: 45%;
   text-align: center;
   margin: 0 auto 1em auto;
   padding: .2em;
}
.messagebox.merge {
   border: 1px solid #c0b8cc;
   background-color: #f0e5ff;
   text-align: center;
}
.messagebox.cleanup {
   border: 1px solid #9f9fff;
   background-color: #efefff;
   text-align: center;
}
.messagebox.standard-talk {
   border: 1px solid #c0c090;
   background-color: #f8eaba;
}
.messagebox.nested-talk {
   border: 1px solid #c0c090;
   background-color: #f8eaba;
   width: 100%;
   margin: 2px 4px 2px 4px;
}
.messagebox.small {
   width: 238px;
   font-size: 85%;
   float: right;
   clear: both;
   margin: 0 0 1em 1em;
   line-height: 1.25em; 
}
.messagebox.small-talk {
  width: 238px;
  font-size: 85%;
  float: right;
  clear: both;
  margin: 0 0 1em 1em;
  line-height: 1.25em; 
  background: #F8EABA;
}

/* Pretty Table Classes */
.prettyTable
{
        color: #00568A;
        border-collapse:collapse;
}

.prettyTable th
{
        padding: 5px 10px;
        background-color: #D2EDFF;
        border: 1px solid #38719C;
}

.prettyTable td
{
        padding: 5px 10px;
        background-color: #E6F2FF;
        border: 1px solid #38719C;
}

.purpleTable
{
        color: #660099;
        border-collapse: collapse;
}
.purpleTable th
{
        padding: 5px 10px;
        background-color: #CC99CC;
        border: 1px solid #660099;
}

.purpleTable td
{
        padding: 5px 10px;
        background-color: #FFCCFF;
        border: 1px solid #660099;
}
.greyHeader
{
        margin:0;
        background-color:#AAAAAA;
        font-size:120%;
        font-weight:bold;
        border:1px solid #666666;
        text-align:left;
        color:#000;
        padding:0.2em 0.4em;
}
.greyTable
{
        vertical-align:top;
        border: 2px solid #666666;
        padding: .5em 1em; 
        margin: 1em; 
        background-color: #EEEEEE;
}
.navbox
{
  margin: 1em 1em 1em 0;
  background: #f9f9f9;
  border: 1px #aaa solid;
  border-collapse: collapse;
}

.navbox th, .navbox td
{
  border: 1px #aaa solid;
  padding: 0.2em;
  text-align: center;
}

.navbox th
{
  background: #f2f2f2;
  text-align: center;
}
.questTable
{
  margin: 1em 1em 1em 0;
  background: #f9f9f9;
  border: 1px #aaa solid;
  border-collapse: collapse;
}
.questTable th
{
  background: #e8ebf0;
}

/* wikitable class for skinning normal tables */

table.wikitable {
  margin: 1em 1em 1em 0;
  background: #e8ebf0;
  border: 1px #aaa solid;
  border-collapse: collapse;
}

table.wikitable {
  margin: 1em 1em 1em 0;
  background: #f9f9f9;
  border: 0px #aaa solid;
  border-collapse: collapse;
}
table.wikitable th, table.wikitable td {
  border: 0px #aaa solid;
  padding: 0.2em;
}


table.wikitable th, table.wikitable td {
  border: 1px #aaa solid;
  padding: 0.2em;
}

table.wikitable th {
  background: #e8ebf0;
  text-align: center;
}

table.wikitable caption {
  margin-left: inherit;
  margin-right: inherit;
  font-weight: bold;
}

table.wikitable code {
  background-color: transparent;
}

/* wikitable class for centered normal tables*/

table.wikitablec {
  margin: 1em 1em 1em 0;
  background: #f9f9f9;
  border: 1px #aaa solid;
  border-collapse: collapse;
}

table.wikitablec th, table.wikitablec td {
  border: 1px #aaa solid;
  padding: 0.2em;
  text-align: center;
}

table.wikitablec th {
  background: #f2f2f2;
  text-align: center;
}

table.wikitablec caption {
  margin-left: inherit;
  margin-right: inherit;
  font-weight: bold;
}

table.wikitablec code {
  background-color: transparent;
}
table.collapsed tr.collapsable {
        display: none;
}
 
.collapseButton {               /* 'show'/'hide' buttons created dynamically by the             */
        float: right;           /* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */
        font-weight: normal;    /* are styled here so they can be customised.             */
        margin:10px 10px 0px 0px;
        text-align: right;
        width: auto;
}

.usage { color:#997070; margin:0px; }


















.skin-theme-clientpref-night tbody div { background-color: #f4a0ff !important; }


.skin-theme-clientpref-day tbody div { background-color: #fad1ff !important; }


.skin-theme-clientpref-night .mw-wiki-logo {
filter: invert(1) hue-rotate(180deg) !important;
    -webkit-filter: invert(1) hue-rotate(180deg) !important;
}


a {
    color: #7f0080 !important;
}

a:visited {
    color: #ff50e8 !important;
}

td {
    border-color: #ff96f5 !important;
}

.mw-body h1.firstHeading {
    border-bottom: solid 4px #e400ff !important;
}

.tools-inline li.selected {
    border-bottom-color: #df00ff !important;
}

.color-middle {
    background: #e782ff !important;
}

    .color-right {
        background: #ec8bff !important;
    }
    
    .skin-theme-clientpref-night a, .client-darkmode a, .skin-theme-clientpref-night .vector-menu-tabs li a, .client-darkmode .vector-menu-tabs li a, .skin-theme-clientpref-night .vectorTabs li a, .client-darkmode .vectorTabs li a, .skin-theme-clientpref-night .toctogglelabel, .client-darkmode .toctogglelabel, .skin-theme-clientpref-night .mw-parser-output a.external, .client-darkmode .mw-parser-output a.external, .skin-theme-clientpref-night .mw-parser-output a.extiw, .client-darkmode .mw-parser-output a.extiw, .skin-theme-clientpref-night .mw-parser-output a.extiw:active, .client-darkmode .mw-parser-output a.extiw:active, .skin-theme-clientpref-night #mw-panel .portal .body li a, .client-darkmode #mw-panel .portal .body li a {
    color: #ff00f5 !important;
}


.messagebox.cleanup {
    border: 1px solid #e100ff !important;
}

::marker {
	color: #e600ff;
}

.content-table table {
    border-color: #a53faf !important;
    color: #ff0097 !important;
}

.color-middle-container {
    background-color: #e74be4 !important;
}

.mw-headline {
	color: #e74be4 !important;
}

#mw-footer-container {
	display: none !important;
}

#mw-content-container {
	border-bottom: none !important
;
}

.prettyTable th {
    border: 1px solid #f86efb !important;
}

.color-left {
    background: #fc33ff !important;
}

button {
    background-color: #be26c9 !important;
    border-color: #f400ff !important;
}