Difference between revisions of "User:Valento/vector.css"

Revision as of 12:46, 5 June 2017

/* General */

p img {
    margin: 0;
}

img {
    border: none;
    vertical-align: middle;
}

p, ul, ol, dl {
    margin-top: 0.7692307692em;
    margin-bottom: 0.7692307692em;
    line-height: 1.5384615385em;
}

.infobox-n .clear, .nav .clear, .recipe-box .clear {
    height: 5px;
}

/* Infobox specific */

div.infobox-n .heading {
    font-weight: 700;
    background-image: url(https://ffxiv.consolegameswiki.com/mediawiki/images/b/b3/Box_overlay.png) !important;
    text-align: center;
    border: 1px solid rgba(0,0,0,0.25);
    border-bottom-width: 0;
    position: relative;
    z-index: 1;
    font-size-adjust: .52;
    margin: -1px -1px 5px!important;
}

div.infobox-n {
    float: right;
    position: relative;
    width: 250px;
    background: #FFF;
    font-size: .923em;
    border: 1px solid #AAA;
    margin: 0 0 1em 1em;
    padding: 0;
}

div.infobox-n .icon {
    float: right;
    position: relative;
    z-index: 2;
    width: auto;
    margin: 5px;
}

div.infobox-n.skill .icon > div {
    border: 2px solid #111;
}

div.infobox-n.skill .heading {
    background: #444;
}

div.infobox-n.elementalist .heading {
    background-color: #c00!important;
}


div.infobox-n .statistics {
    text-align: center;
    margin: 0 8px;
}

div.infobox-n .wrapper {
    clear: both;
    padding: 0;
}

div.nav dl, div.infobox-n dl {
    margin: 10px 0;
}

div.infobox-n dd {
    float: left;
    width: 125px;
    font-weight: 400;
    border-left: 2px solid #999;
    margin: 0;
    padding: 2px 7px;
}

div.infobox-n dt {
    float: left;
    text-align: right;
    width: 78px;
    line-height: 1em;
    font-weight: 700;
    clear: left;
    border-right: 2px solid #999;
    margin: 0 -2px 0 0;
    padding: 2px 8px 2px 3px;
}

div.infobox-n.skill dd, div.infobox-n.skill dt {
    border-color: #999;
}

div.infobox-n.elementalist dd, div.infobox-n.elementalist dt {
    border-color: #c00!important;
}

/* Table */

.table {
  border:0 solid;
  border-collapse:collapse;
  border-spacing:0;
  font-size:.9230769231em;
  text-align:left;
  clear:none;
  position:relative;
  display:inline-block;
  vertical-align:top;
  margin:10px 0;
  padding:0;
}

/* make table captions bold */
.table > caption { font-weight: bold }

/* this is a hack to add borders to IE8- */
.table > thead, .table > tbody { border:0 solid #aaa\0/ }

.table tr {
  border:1px solid #aaa\0/;
  text-align:left;
  border-color:#AAA;
}

/* and this removes them for IE9+ */
:root .table tr { border-top-width:0; border-bottom-width:0; }

.table > * > tr > :first-child { border-left:1px solid #AAA; }
.table > * > tr > :last-child { border-right:1px solid #AAA; }

.table > tbody > tr:last-child,
.table > tbody > tr:last-child > *,
.table > tfoot > tr:last-child > *,
.table > caption { border-bottom:1px solid #AAA; }

.table > tbody:first-child > tr:first-child > *,
.table > tbody > tr.heading > *,
.table > thead > tr:first-child > * {
  background-image:url("/images/c/cc/Infobox_header_overlay.png");
  background-color:#EEE;
  border-color:#AAA;
  padding:.5em;
}

.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th {
  line-height:1.667em;
  padding:.25em .5em;
}

.table tr > th, .table[class*=center] tr { text-align:center; }
.table[class*=left] tr { text-align:left; }
.table[class*=right] tr { text-align:right; }
.table[class*=middle] tr { vertical-align:middle; }
.table[class*=top] tr { vertical-align:top; }
.table[class*=bottom] tr { vertical-align:bottom; }

.table > :first-child > tr:first-child,
.table > tbody > tr.heading {
  background-color:#EEE;
  border:1px solid #aaa!important;
}

.table > tbody > tr > th, .table > tfoot > tr > th {
  background-color:#E7E7E7;
  border-color:#AAA;
}

.table > tbody > tr:nth-child(odd) {
  background-color:#F3F3F3;
  border-color:#AAA;
}

.table > tbody,
.table > tbody > tr.heading,
.table > tbody > tr > [rowspan],
.table > tbody > tr > [colspan] { border:1px solid #AAA; }

.table > :first-child > tr:first-child + tr [rowspan],
.table > :first-child > tr:first-child + tr [colspan] { border-top-width:0; }

.table .line,
.table .line-bottom {
  border-bottom-width:1px!important;
  border-bottom-style:solid;
}

.table .line-top {
  border-top-width:1px!important;
  border-top-style:solid;
  border-top-color:#AAA;
}

.table .line-left {
  border-left-width:1px!important;
  border-left-style:solid;
  border-left-color:#AAA;
}

.table .line-right {
  border-right-width:1px!important;
  border-right-style:solid;
  border-right-color:#AAA;
}

.table table {
  background-color:transparent;
  padding:0;
  margin:0;
}


/* any */
  .table.any > :first-child > tr:first-child,
  .table.any > tbody > tr.heading,
  .table.any > :first-child > tr:first-child > *,
  .table.any > tbody > tr.heading > * {
    background-color:#888 !important;
    border-color:#6D6D6D !important;
  }
  .table.any > tbody > tr > th,
  .table.any > tfoot > tr > th,
  .table.any > thead > tr > th,
  table.table > tbody > tr.any > th {
    background-color:#CCC;
    border-color:#AAA;
  }
  .table.any > tbody > tr:nth-child(odd),
  .table > tbody > tr.any:nth-child(odd) {
    background-color:#EEE;
  }