MediaWiki:Common.css

Revision as of 07:23, 13 January 2015 by Mscottmoore (talk | contribs) (Tweaking pinyin chart styles)

Note: After saving, 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: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* Menu Bar Gradient Styling */

.tabs {
background: -moz-linear-gradient(#F7F8F8, #F6F6F6, #F4F4F4, #ECECEC, #DBDBDB);
background: -o-linear-gradient(#F7F8F8, #F6F6F6, #F4F4F4, #ECECEC, #DBDBDB);
background: -webkit-linear-gradient(#F7F8F8, #F6F6F6, #F4F4F4, #ECECEC, #DBDBDB);
}

/* Stub tag text styling */

table.stub, #contentSub {
font-size: 90%;
margin: -2em 0 1.6em 0;
color: #888;
}

/* Custom Footer Text Styles (text styled is from the allset skin's footer.php */

.custom-footer p {
font-size: 80%;
padding: 1em;
margin: 0;
}

/* Pinyin Table */
.pinyin-table {
background-color: #a9d0f5;
table-layout: fixed;
width: 0px;
text-align: center;
}
.pinyin-table th, .pinyin-table td {
width: 50px;
}
.table-ipa, .table-zhuyin, .table-wade-giles {
font-size: 10px;
}
.pinyin-table th.table-selected {
background: #DDD;
cursor: pointer;
}
.pinyin-table th {
border-style: solid;
border-color: rgb(205,205,205);
border-width: 0px;
}
th.first-row:not(.first-col):not(.last-col) {
border-bottom-width: 1px;
}
th.last-row:not(.first-col):not(.last-col) {
border-top-width: 1px;
}
th.first-col:not(.first-row):not(.last-row) {
border-right-width: 1px;
}
th.last-col:not(.first-row):not(.last-row) {
border-left-width: 1px;
}
.table-highlight {
cursor: pointer;
}
.col-a.row-null, .col-a.row-dtnl, .col-a.row-zhchshr, .col-a.row-gkh,
.col-o.row-null, .col-o.row-dtnl, .col-o.row-zhchshr, .col-o.row-gkh,
.col-u.row-null, .col-u.row-dtnl, .col-u.row-zhchshr, .col-u.row-gkh {
background: rgb(255,255,255);
}
.col-a.row-null.table-highlight, .col-a.row-dtnl.table-highlight, .col-a.row-zhchshr.table-highlight, .col-a.row-gkh.table-highlight,
.col-o.row-null.table-highlight, .col-o.row-dtnl.table-highlight, .col-o.row-zhchshr.table-highlight, .col-o.row-gkh.table-highlight,
.col-u.row-null.table-highlight, .col-u.row-dtnl.table-highlight, .col-u.row-zhchshr.table-highlight, .col-u.row-gkh.table-highlight {
background: rgba(255,255,255,0.7);
}
.col-a.row-null.table-extra-highlight, .col-a.row-dtnl.table-extra-highlight, .col-a.row-zhchshr.table-extra-highlight, .col-a.row-gkh.table-extra-highlight,
.col-o.row-null.table-extra-highlight, .col-o.row-dtnl.table-extra-highlight, .col-o.row-zhchshr.table-extra-highlight, .col-o.row-gkh.table-extra-highlight,
.col-u.row-null.table-extra-highlight, .col-u.row-dtnl.table-extra-highlight, .col-u.row-zhchshr.table-extra-highlight, .col-u.row-gkh.table-extra-highlight {
background: rgba(255,255,255,0.4);
}
.col-a.row-bpmf, .col-a.row-zcs, .col-a.row-jqx,
.col-o.row-bpmf, .col-o.row-zcs, .col-o.row-jqx,
.col-u.row-bpmf, .col-u.row-zcs, .col-u.row-jqx,
.col-e.row-null, .col-e.row-dtnl, .col-e.row-zhchshr, .col-e.row-gkh,
.col-i.row-null, .col-i.row-dtnl, .col-i.row-zhchshr, .col-i.row-gkh,
.col-v.row-null, .col-v.row-dtnl, .col-v.row-zhchshr, .col-v.row-gkh {
background: rgb(240,240,240);
}
.col-a.row-bpmf.table-highlight, .col-a.row-zcs.table-highlight, .col-a.row-jqx.table-highlight,
.col-o.row-bpmf.table-highlight, .col-o.row-zcs.table-highlight, .col-o.row-jqx.table-highlight,
.col-u.row-bpmf.table-highlight, .col-u.row-zcs.table-highlight, .col-u.row-jqx.table-highlight,
.col-e.row-null.table-highlight, .col-e.row-dtnl.table-highlight, .col-e.row-zhchshr.table-highlight, .col-e.row-gkh.table-highlight,
.col-i.row-null.table-highlight, .col-i.row-dtnl.table-highlight, .col-i.row-zhchshr.table-highlight, .col-i.row-gkh.table-highlight,
.col-v.row-null.table-highlight, .col-v.row-dtnl.table-highlight, .col-v.row-zhchshr.table-highlight, .col-v.row-gkh.table-highlight {
background: rgba(240,240,240,0.7);
}
.col-a.row-bpmf.table-extra-highlight, .col-a.row-zcs.table-extra-highlight, .col-a.row-jqx.table-extra-highlight,
.col-o.row-bpmf.table-extra-highlight, .col-o.row-zcs.table-extra-highlight, .col-o.row-jqx.table-extra-highlight,
.col-u.row-bpmf.table-extra-highlight, .col-u.row-zcs.table-extra-highlight, .col-u.row-jqx.table-extra-highlight,
.col-e.row-null.table-extra-highlight, .col-e.row-dtnl.table-extra-highlight, .col-e.row-zhchshr.table-extra-highlight, .col-e.row-gkh.table-extra-highlight,
.col-i.row-null.table-extra-highlight, .col-i.row-dtnl.table-extra-highlight, .col-i.row-zhchshr.table-extra-highlight, .col-i.row-gkh.table-extra-highlight,
.col-v.row-null.table-extra-highlight, .col-v.row-dtnl.table-extra-highlight, .col-v.row-zhchshr.table-extra-highlight, .col-v.row-gkh.table-extra-highlight {
background: rgba(240,240,240,0.4);
}
.col-e.row-bpmf, .col-e.row-zcs, .col-e.row-jqx,
.col-i.row-bpmf, .col-i.row-zcs, .col-i.row-jqx,
.col-v.row-bpmf, .col-v.row-zcs, .col-v.row-jqx {
background: rgb(234,234,238);
}
.col-e.row-bpmf.table-highlight, .col-e.row-zcs.table-highlight, .col-e.row-jqx.table-highlight,
.col-i.row-bpmf.table-highlight, .col-i.row-zcs.table-highlight, .col-i.row-jqx.table-highlight,
.col-v.row-bpmf.table-highlight, .col-v.row-zcs.table-highlight, .col-v.row-jqx.table-highlight {
background: rgba(234,234,238,0.7);
}
.col-e.row-bpmf.table-extra-highlight, .col-e.row-zcs.table-extra-highlight, .col-e.row-jqx.table-extra-highlight,
.col-i.row-bpmf.table-extra-highlight, .col-i.row-zcs.table-extra-highlight, .col-i.row-jqx.table-extra-highlight,
.col-v.row-bpmf.table-extra-highlight, .col-v.row-zcs.table-extra-highlight, .col-v.row-jqx.table-extra-highlight {
background: rgba(234,234,238,0.4);
}
.first-row.first-col, .first-row.last-col, .last-row.first-col, .last-row.last-col,
.first-row.col-a, .first-row.col-o, .first-row.col-u,
.last-row.col-a, .last-row.col-o, .last-row.col-u,
.first-col.row-null, .first-col.row-dtnl, .first-col.row-zhchshr, .first-col.row-gkh,
.last-col.row-null, .last-col.row-dtnl, .last-col.row-zhchshr, .last-col.row-gkh {
background: rgb(255,255,255);
}
.first-row.col-a.table-highlight, .first-row.col-o.table-highlight, .first-row.col-u.table-highlight,
.last-row.col-a.table-highlight, .last-row.col-o.table-highlight, .last-row.col-u.table-highlight,
.first-col.row-null.table-highlight, .first-col.row-dtnl.table-highlight, .first-col.row-zhchshr.table-highlight, .first-col.row-gkh.table-highlight,
.last-col.row-null.table-highlight, .last-col.row-dtnl.table-highlight, .last-col.row-zhchshr.table-highlight, .last-col.row-gkh.table-highlight {
background: rgba(255,255,255,0.7);
}
.first-row.col-e, .first-row.col-i, .first-row.col-v,
.last-row.col-e, .last-row.col-i, .last-row.col-v,
.first-col.row-bpmf, .first-col.row-zcs, .first-col.row-jqx,
.last-col.row-bpmf, .last-col.row-zcs, .last-col.row-jqx {
background: rgb(245,245,248);
}
.first-row.col-e.table-highlight, .first-row.col-i.table-highlight, .first-row.col-v.table-highlight,
.last-row.col-e.table-highlight, .last-row.col-i.table-highlight, .last-row.col-v.table-highlight,
.first-col.row-bpmf.table-highlight, .first-col.row-zcs.table-highlight, .first-col.row-jqx.table-highlight,
.last-col.row-bpmf.table-highlight, .last-col.row-zcs.table-highlight, .last-col.row-jqx.table-highlight {
background: rgba(245,245,248,0.7);
}

/* Other Randomness */

.mw-redirect { float: none; }

.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul, .mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ol {
margin: 0.3em 0 1em 1em;
padding: 0;
}
div.liju, div.jiegou {
width: 90%;
}

li {
line-height: 1.5em;
}

.nolayout .firstHeading {
margin: 1.6em 0;
}


/* Remove margin and padding from ul, but only if it's not in ".ibox-level". Currently some ibox sections which do not contain information on the level use the ".ibox-level" class for styling (should probably be cleaned up), and those already have margin and padding removed */
#ibox li:not(.ibox-level) > div.ibox-info > ul {
margin-left: 0;
padding-left: 0;
}