Mabinogi World Wiki is brought to you by Coty C., 808idiotz, our other patrons, and contributors like you!!
Want to make the wiki better? Contribute towards getting larger projects done on our Patreon!

NOTICE: Seems like daily VIP shadow missions may be wrong occasionally!!

I'm blocking like thousands of bot accounts so if you were accidentally banned please get on the Discord and ping Kadalyn!

Difference between revisions of "MediaWiki:Common.css"

From Mabinogi World Wiki
Jump to: navigation, search
m
(Testing something...)
Line 1: Line 1:
.center, .center * {
 
    width: auto;
 
    margin-left: auto;
 
    margin-right: auto;
 
}
 
 
.tabdiv > ul {
 
  margin: 0;
 
  list-style-type: none;
 
  border-bottom: 1px solid #A0C6E3;
 
  padding-bottom: 3px;
 
  line-height: 1em;
 
}
 
 
.tabdiv > ul a {
 
  background-color: #e7f3e8;
 
  padding: 2px 1em;
 
  border: 1px solid #A0C6E3;
 
  border-bottom: 0;
 
  margin-right: 0.5em;
 
}
 
 
.tabdiv > ul li {
 
  display: inline;
 
}
 
 
.tabdiv > ul li.active a {
 
  text-decoration: none;
 
  font-weight: bold;
 
  border: 1px solid #A0C6E3;
 
  top: -1px;
 
  padding-top: 1px;
 
  background-color: #A0C6E3;
 
  position: relative;
 
}
 
 
.tabdiv > div {
 
  border: 1px solid #A0C6E3;
 
  border-top: 0;
 
  padding: 1em;
 
}
 
 
 
/* Standard Navigationsleisten, aka box hiding thingy from .de.  Documentation at [[Wikipedia:NavFrame]]. */
 
 
div.Boxmerge,
 
div.NavFrame {
 
        margin: 0px;
 
        padding: 4px;
 
        border: 1px solid #aaa;
 
        text-align: center;
 
        border-collapse: collapse;
 
        font-size: 95%;
 
}
 
div.Boxmerge div.NavFrame {
 
        border-style: none;
 
        border-style: hidden;
 
}
 
div.NavFrame + div.NavFrame {
 
        border-top-style: none;
 
        border-top-style: hidden;
 
}
 
div.NavPic {
 
        background-color: #fff;
 
        margin: 0px;
 
        padding: 2px;
 
        float: left;
 
}
 
div.NavFrame div.NavHead {
 
        height: 1.6em;
 
        font-weight: bold;
 
        background-color: #ccf;
 
        position:relative;
 
}
 
div.NavFrame div.NavHead2 {
 
        height: 1.6em;
 
        font-weight: bold;
 
        background-color: #CCFFD3;
 
        position:relative;
 
}
 
div.NavFrame div.NavHead3 {
 
        height: 1.6em;
 
        font-weight: bold;
 
        background-color: #FFFFCC;
 
        position:relative;
 
}
 
div.NavFrame div.NavHead4 {
 
        height: 1.6em;
 
        font-weight: bold;
 
        background-color: #FFCCCC;
 
        position:relative;
 
}
 
div.NavFrame div.NavHead5 {
 
        height: 1.6em;
 
        font-weight: bold;
 
        background-color: #FF6600;
 
        position:relative;
 
}
 
div.NavFrame div.NavHead5 {
 
        height: 1.6em;
 
        font-weight: bold;
 
        background-color: #CCCCCC;
 
        position:relative;
 
}
 
div.NavFrame p {
 
        font-size: 100%;
 
}
 
div.NavFrame div.NavContent {
 
        font-size: 100%;
 
}
 
div.NavFrame div.NavContent p {
 
        font-size: 100%;
 
}
 
div.NavEnd {
 
        margin: 0px;
 
        padding: 0px;
 
        line-height: 1px;
 
        clear: both;
 
}
 
a.NavToggle {
 
        position:absolute;
 
        top:0px;
 
        right:3px;
 
        font-weight:normal;
 
        font-size:smaller;
 
}
 
 
 
/*
 
wikitable/prettytable/roundtable class for skinning normal tables
 
wikitable =  green/white
 
prettytable = blue/green
 
roundtable =  prettytable but round
 
imagetable =  black/black
 
plaintable =  table defaults
 
*/
 
 
table.wikitable,
 
table.prettytable,
 
table.roundtable,
 
table.imagetable,
 
table.wikitable table,
 
table.prettytable table,
 
table.roundtable table,
 
table.imagetable table {
 
    text-align: center;
 
    border-collapse: collapse;
 
    background-color: #fff;
 
}
 
 
table.prettytable,
 
table.roundtable {
 
    font-size: 11px;
 
    font-family: Tahoma, Arial, Helvetica, sans-serif;
 
}
 
 
table.wikitable td, table.wikitable th,
 
table.prettytable td, table.prettytable th,
 
table.roundtable td, table.roundtable th,
 
table.imagetable td, table.imagetable th {
 
    vertical-align: middle;
 
}
 
 
table.wikitable td, table.wikitable th,
 
table.imagetable td, table.imagetable th {
 
    border: 1px #aaa solid;
 
    padding: 4px;
 
}
 
table.prettytable td, table.prettytable th,
 
table.roundtable td, table.roundtable th {
 
    background-color: #e7f3e8;
 
    border: 2px #fff solid;
 
}
 
 
table.wikitable th {
 
    background-color: #e7f3e8;
 
}
 
table.prettytable th,
 
table.roundtable th {
 
    background-color: #a0c6e3;
 
    /*color: #fff; *//* Remove this line if you want the color of the header text to be black */
 
}
 
 
table.wikitable tr.image td, table.wikitable td.image,
 
table.prettytable tr.image td, table.prettytable td.image,
 
table.roundtable tr.image td, table.roundtable td.image,
 
table.imagetable td, table.imagetable th {
 
    color: #fff;
 
    padding: 5px;
 
    background-color: #333;
 
}
 
table.wikitable tr.image td, table.wikitable td.image,
 
table.imagetable td, table.imagetable th {
 
    background-color: #000;
 
}
 
 
table.roundtable th, table.roundtable td {
 
    border-radius: 8px;
 
    -moz-border-radius: 8px;
 
}
 
 
table.wikitable caption,
 
table.prettytable caption,
 
table.roundtable caption,
 
table.imagetable caption {
 
    margin-left: inherit;
 
    margin-right: inherit;
 
    font-size: 116%;
 
    font-weight: bold;
 
}
 
 
table.plaintable, table.plaintable td, table.plaintable tr {
 
    border-collapse: separate
 
    border: 0 groove #000;
 
    background-color: #fff;
 
    color: #000;
 
    padding: 0;
 
    margin: 0;
 
    border-spacing: 2;
 
    text-align: left;
 
}
 
 
/* Article message box template styles */
 
table.ambox {
 
    margin: 0 10%;                      /* Will not overlap with other elements */
 
    border-collapse: collapse;
 
    background: #fbfbfb;
 
    border: 1px solid #aaa;
 
    border-left: 10px solid #1e90ff;    /* Default "notice" blue */
 
}
 
table.ambox th.ambox-text, table.ambox td.ambox-text {      /* The message body cell(s) */
 
    padding: 0.25em 0.5em;            /* 0.5em left/right */
 
    width: 100%;                      /* Make all templates the same width regardless of text size */
 
}
 
table.ambox td.ambox-image {          /* The left image cell */
 
    padding: 2px 0px 2px 0.5em;      /* 0.5em left, 0px right */
 
    text-align: center;
 
}
 
table.ambox td.ambox-imageright {    /* The right image cell */
 
    padding: 2px 4px 2px 0px;        /* 0px left, 4px right */
 
    text-align: center;
 
}
 
table.ambox-notice {
 
    border-left: 10px solid #1e90ff;    /* Blue */
 
/* border-right: 10px solid #1e90ff; */  /* If you want two blue bars */
 
}
 
table.ambox-delete,
 
table.ambox-serious {
 
    border-left: 10px solid #b22222;    /* Red */
 
}
 
table.ambox-content {
 
    border-left: 10px solid #f28500;    /* Orange */
 
}
 
table.ambox-style {
 
    border-left: 10px solid #f4c430;    /* Yellow */
 
}
 
table.ambox-merge {
 
    border-left: 10px solid #9932cc;    /* Purple */
 
}
 
table.ambox-protection {
 
    border-left: 10px solid #bba;        /* Gray */
 
}
 
table.ambox.ambox-mini {                /* small floating box variant */
 
    float: right;
 
    clear: right;
 
    margin: 0 0 0 1em;
 
    width: 25%;
 
}
 
 
/* Infobox template style */
 
div.infobox {
 
    border: 1px solid #aaa;
 
    margin-bottom: 0.5em;
 
    margin-left: 1em;
 
    padding: 7px;
 
    float: right;
 
    clear: right;
 
    font-size: 11px;
 
    width: 260px;
 
}
 
 
/* Chocobo's Edits */
 
 
table.tbskill {
 
  font-size: 11px;
 
  font-family: Tahoma, Arial, Helvetica, sans-serif;
 
  text-align: center;
 
  width: 520px;
 
}
 
table.tbskill td.skilltitle {
 
background-color: #a0c6e3;
 
}
 
table.tbskill td.skillcontent {
 
background-color: #e7f3e8;
 
}
 
 
/* velocity7's Edits */
 
 
div.pad {
 
    padding-left: 7px;
 
    padding-right: 7px;
 
    padding-top: 2px;
 
    padding-bottom: 2px;
 
}
 
 
/* Following Lines are now implemented in main.css
 
.roundtl, .roundtr, .roundbl, .roundbr {
 
  height: 5px;
 
}
 
 
.roundtl {
 
  background: url(http://4urworld.net/mabinogi/wiki/skins/monobook/velo/tl.gif) no-repeat top left;
 
}
 
 
.roundtr {
 
  background: url(http://4urworld.net/mabinogi/wiki/skins/monobook/velo/tr.gif) no-repeat top right;
 
}
 
 
.roundbl {
 
  background: url(http://4urworld.net/mabinogi/wiki/skins/monobook/velo/bl.gif) no-repeat bottom left;
 
}
 
 
.roundbr {
 
  background: url(http://4urworld.net/mabinogi/wiki/skins/monobook/velo/br.gif) no-repeat bottom right;
 
}
 
*/
 
 
/** velocity7: overwrite the above css classes, then remove roundt*2 and roundt*3.
 
roundconts should remain the same. once the above changes have been made, everything
 
be sure to make the URLs relative so that when domain changes occur and such, the
 
links don't break.
 
 
also, if possible, please look at:
 
 
http://rafael.adm.br/css_browser_selector/
 
 
if this can be implemented, then we can make the site choose .gif for transparencies when it
 
comes to IE, and .png for firefox, as IE doesn't accept transparencies in .png */
 
 
/** UC: Thanks for the link. I will create the copies of png files and see if that feature can be done here. */
 
 
/** Hotarugirl's edits -- */
 
 
table.monstertable { border-spacing: 4px; }
 
table.monstertable TD.title { background-color:#333333; color:#ffffff; text-align: left;}
 
 
table.containertable { border-spacing: 4px; background-color:#a0c6e3; }
 
table.containertable TD { background-color:#e7f3e8; text-align: center; padding-left: 10px; padding-right:10px; padding-top:3px; padding-bottom:3px; }
 
table.containertable TD.title { background-color:#a0c6e3; text-align: center; font-weight: bold; }
 
table.containertable TD.key { background-color:#a0c6e3; text-align: right; font-weight: bold; padding-left: 0px; padding-right:0px; padding-top:0px; padding-bottom:0px }
 
 
 
/** End Taru's stuff */
 
 
TABLE.glovetable { border-spacing: 0px; border-collapse:collapse; font-family: Tahoma; text-align:center; font-size: 11px;}
 
TABLE.glovetable TR.title { background-color:black;}
 
TABLE.glovetable TD.names { background-color:#dddddd;}
 
TABLE.glovetable TD.tbimages { text-align:center; background-color: black;}
 
TABLE.glovetable TH { color: #ffffff; font-weight: bold;}
 
 
table.interactableitem {
 
  font-size: 11px;
 
  font-family: Tahoma, Arial, Helvetica, sans-serif;
 
  background: #FFFFFF;
 
  text-align: center;
 
  width: 700px;
 
}
 
 
table.interactableitem td.itembox {
 
  width: 11%;
 
  color: white;
 
  padding-right: 10px;
 
}
 
 
table.interactableitem td.itembox p {
 
  padding-left: 5px;
 
  padding-right: 5px;
 
}
 
 
table.interactableitem td {
 
  width: 10%;
 
}
 
 
/** BLUE BOX */
 
 
.roundcont {
 
  background: #A0C6E3;
 
  color: white;
 
}
 
 
.roundtl, .roundtr, .roundbl, .roundbr {
 
  height: 5px;
 
}
 
 
.roundtl {
 
  background: url(/skins/monobook/velo/tl.gif) no-repeat top left;
 
}
 
 
.roundtr {
 
  background: url(/skins/monobook/velo/tr.gif) no-repeat top right;
 
}
 
 
.roundbl {
 
  background: url(/skins/monobook/velo/bl.gif) no-repeat bottom left;
 
}
 
 
.roundbr {
 
  background: url(/skins/monobook/velo/br.gif) no-repeat bottom right;
 
}
 
 
/** GREEN BOX */
 
 
.roundcont2 {
 
  background: #E7F3E8;
 
}
 
 
/** ITEM BOX */
 
 
.roundcont3 {
 
  background: #333333;
 
}
 
 
/** Ikkisuki! */
 
 
table.roundbox {
 
  font-size: 11px;
 
  font-family: Tahoma, Arial, Helvetica, sans-serif;
 
  background: #FFFFFF;
 
  text-align: center;
 
}
 
 
th.roundblue, td.roundblue, div.roundblue, table.roundblue {
 
  background: #A0C6E3;
 
  -moz-border-radius: 5px;
 
  color: #FFFFFF;
 
}
 
 
td.roundgreen, th.roundgreen, div.roundgreen, table.roundgreen {
 
  background: #E7F3E8;
 
  -moz-border-radius: 5px;
 
}
 
 
td.roundblack, th.roundblack, div.roundblack, table.roundblack {
 
  background: #333333;
 
  -moz-border-radius: 5px;
 
  color: #FFFFFF;
 
  padding-top: 3px;
 
}
 
 
/* End Ikkisuki! */
 
 
pre, code {
 
    background-color: #eee;
 
    white-space: pre;
 
}
 
 
div.pre { /* A hack to stop mediawiki automatically "wysiwyg'ing" the code */
 
    font-family: monospace;
 
    font-size: 10pt;
 
    background-color: #eee;
 
    white-space: pre;
 
    padding: 1em;
 
    border: 1px dashed #2f6fab;
 
    color: black;
 
    line-height: 1.1em;
 
}
 
 
/* Some useful IDs and Classes */
 
#blue { color: #00f; }
 
#red  { color: #f00; }
 
#text-left { text-align: left; }
 
#text-right { text-align: right; }
 
#text-center { text-align: center; }
 
#bg-red, tr#bg-red td { background-color: #cd5c5c; }
 
#bg-pink, tr#bg-pink td { background-color: #fdd; }
 
 
.image-pad img { padding: 5px; }
 
table.td-left td { text-align: left; }
 
table.td-right td { text-align: right; }
 
table.marginless { margin: 0; }
 
p { margin: 0.4em 0; }
 
 
/* For Recent Changes and History */
 
.mw-plusminus-pos { color: #060; }
 
.mw-plusminus-neg { color: #800; }
 
 
/* Mouse-over boxes */
 
div.mouseover-wrapper, div#mouseover-content, div#mouseover-trigger {
 
    display: inline;
 
}
 
 
div#mouseover-custom {
 
    display: none;
 
}
 
 
div.mouseover-box {
 
    background-color: #e7f3e8;
 
    padding: 5px;
 
    border: 1px solid #aaa;
 
    border-radius: 5px;
 
    -moz-border-radius: 5px;
 
    text-align: center;
 
    max-width: 300px;
 
    vertical-align: middle;
 
}
 
 
br.mouseover-p {
 
    line-height: 0.4em;
 
}
 
 
 
//======================  Khenta's Wiki Edits ===========================================
 
//======================  Khenta's Wiki Edits ===========================================
  

Revision as of 18:39, 14 January 2011

//======================  Khenta's Wiki Edits ===========================================

/* CSS placed here will be applied to all skins */

/* Transform Changes */
table.changes            { border:none; width:100% }
table.changes th         { background: #dfdfdf; color: #4E507F; text-align: center; white-space: nowrap; }
table.changes tr         { margin:0; padding:0 }
table.changes td         { margin:0; padding: 1px 4px; vertical-align: top }
table.changes td.heading { font-size: 110%; font-weight:bold; padding-top:10px }
table.changes td.comment { width:100% }
table.changes td.talk,
table.changes td.diff    { font-size: 90% }
table.changes td.user,
table.changes td.talk,
table.changes td.diff,
table.changes td.info    { white-space: nowrap; }
tr.mw-line-odd           { background: #fff; }
tr.mw-line-even          { background: #eee; }


/***** NavBox *****

.navbox {border: 1px solid #aaa;
    border-width: 1px;
    border-style: solid; 
    border-spacing: 0px; 
    padding: 1px; 
    width: 100%; 
    margin: auto; 
    clear: both; 
    font-size: 88%; 
    text-align: center;
}

.navbox table, .navbox-subgroup {border-spacing: 1px; 
}

.navbox + .navbox {margin: 1px; 
} /* single pixel border between adjacent navboxes */

.navbox-title, .navbox-abovebelow, table.navbox th {border-width: 1px; 
    text-align: center; 
    padding-left: 1em; 
    padding-right: 1em;
}
.navbox-group {border-width: 1px; 
    white-space: nowrap; 
    text-align: right; 
    font-weight: bold; 
    padding-left: 1em; 
    padding-right: 1em;
} 
.navbox-title, navbox th { }

.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title {background: transparent;
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {background: transparent;
}

.navbox .collapseButton { 
    width: 6em; 
} */


/* Default skin for navigation boxes */
table.navbox {            /* Navbox container style */
    border: 1px solid #aaa;
    width: 100%; 
    margin: auto;
    clear: both;
    font-size: 88%;
    text-align: center;
    padding: 1px;
}
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */
    margin-top: -1px;          /* (doesn't work for IE6, but that's okay)       */
}
.navbox-title,
.navbox-abovebelow,
table.navbox th {
    text-align: center;      /* Title and above/below styles */
    padding-left: 1em;
    padding-right: 1em;
}
.navbox-group {              /* Group style */
    white-space: nowrap;
    text-align: right;
    font-weight: bold;
    padding-left: 1em;
    padding-right: 1em;
}
.navbox, .navbox-subgroup {
    background: #fdfdfd;     /* Background color */
}
.navbox-list {
    border-color: #fdfdfd;   /* Must match background color */
}
.navbox-title,
table.navbox th {
    background: #ccccff;     /* Level 1 color */
}
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
    background: #ddddff;     /* Level 2 color */
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
    background: #e6e6ff;     /* Level 3 color */
}
.navbox-even {
    background: #f7f7f7;     /* Even row striping */
}
.navbox-odd {
    background: transparent; /* Odd row striping */
}

.collapseButton {          /* 'show'/'hide' buttons created dynamically */
    float: right;          /* by the CollapsibleTables javascript in    */
    font-weight: normal;   /* [[MediaWiki:Common.js]]are styled here    */
    text-align: right;     /* so they can be customised.                */
    width: auto;
}
.navbox .collapseButton {  /* In navboxes, the show/hide button balances */
    width: 6em;            /* the vde links from [[Template:Tnavbar]],   */
}                          /* so they need to be the same width.         */

//====================== End  Khenta's Wiki Edits ===========================================