MediaWiki:App local.css

From Terraria Wiki
Jump to navigation Jump to search

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.
/* Infobox template style */
.infobox {
    border: 1px #AAA solid;
    background-color: #f9f9f9;
    color: black;
    margin-bottom: 0.5em;
    margin-left: 1em;
    padding: 0.2em;
    float: right;
}

.infobox td,
.infobox th {
    vertical-align: top;
}

.infobox caption {
    font-size: larger;
    margin-left: inherit;
}

.infobox.bordered {
    border-collapse: collapse;
}

.infobox.bordered td,
.infobox.bordered th {
    border: 1px #AAA solid;
}

.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
    border: 0;
}
/* ------------------ */

/* "terraria"-classed tables */
.terraria {
    width: 100% !important
}

table.terraria {
    margin: 1em 1em 1em 0;
    background: #F9F9F9;
    border: 1px #AFCFE2 solid;
    padding: 0.2em;
    border-radius: .7em;
    -moz-border-radius: .7em;
    -webkit-border-radius: .7em;
}

.terraria th, .terraria td {
    padding: 0.2em;
}

.terraria th {
    background: #E4F0F7;
    color: black;
    text-align: center;
}

.terraria caption {
    font-weight: bold;
}
/* ------------------ */

/* Auto line separators for tables */
table.lined td {
    border-bottom:1px #AFCFE2 solid;
}

table.lined tr:last-of-type td {
    border-bottom:0;
}

table tr.bottomline td {
    border-bottom:1px #AFCFE2 solid;
}

table tr.topline td {
    border-top:1px #AFCFE2 solid;
}
/* ------------------ */


/* Hack for using "border-collapse" and "border-radius" in the same table display 
   ...by using one table nested within another */  
table.outer {
    white-space:nowrap;
}

table.inner {
    border-collapse:collapse; 
    background:inherit; 
    width:100%;
}

table.inner th {
    border:solid #FFF; 
    border-width:2px 2px 2px 2px;
}
/* ------------------ */