MediaWiki:Common.css
From neox4t wiki
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.
/* Global CSS */
@import "/index.php?title=MediaWiki:neox4t.css/mainmenu&action=raw&ctype=text/css&templates=expand";
@import "/index.php?title=MediaWiki:Common.css/rules&action=raw&ctype=text/css&templates=expand";
@import "https://use.fontawesome.com/releases/v6.3.0/css/all.css";
@import url(//fonts.googleapis.com/css?family=Lato:300,400,700,900,300italic,400italic,700italic,900italic);
/* Hidden */
.hidden {
display: none;
}
body:not(.mw-editable) .edit-pencil, #mw-indicator-smw-entity-examiner {
display: none;
}
/* Code editor */
.ace_print-margin {
visibility: hidden !important;
}
/* Special:UserRights */
.mw-special-Userrights [for="wpGroup-interface-admin"]:after,
.mw-special-Userrights [for="wpGroup-sysop"]:after,
.mw-special-Userrights [for="wpGroup-bureaucrat"]:after,
.mw-special-Userrights [for="wpGroup-suppress"]:after {
content: ' (administrative user group)';
font-size: 10px;
color: red;
}
/* Fix for smiley previews */
.smileypreviewfix img {
padding-top: 5px;
height: 50px;
}
.smileypreviewfix.offset img {
margin-left: -15px;
}
/* Float fix for rtl languages */
/* @noflip */
body.rtl .rtlfix {
left: 0;
}
/* @noflip */
body.ltr .rtlfix {
right: 0;
}
/* Collapse left */
.xat-collapse-left {
display: table;
}
.xat-collapse-left .mw-collapsible-toggle {
margin: 0 5px;
}
.toggle-left span.mw-collapsible-toggle {
float: left;
}
/* For external image thumbs */
.extimgthumb > img, .extimgthumb > a > img {
max-width: 100%;
max-height: 100%;
}
.thumb > div {
border-radius: 4px;
background-color: #fff;
border: 1px solid #d1d2d4;
-webkit-box-shadow: 3px 3px 8px 2px #e7e7e7;
-moz-box-shadow: 3px 3px 8px 2px #e7e7e7;
box-shadow: 3px 3px 8px 2px #e7e7e7;
}
.thumb > div:hover {
-webkit-box-shadow: 0px 0px 8px 1px #0cacd3;
-moz-box-shadow: 0px 0px 8px 1px #0cacd3;
box-shadow: 0px 0px 8px 1px #0cacd3;
transition: border linear .2s,box-shadow linear .2s;
-moz-transition: border linear .2s,box-shadow linear .2s;
-o-transition: border linear .2s,box-shadow linear .2s;
-webkit-transition: border linear .2s,box-shadow linear .2s;
}
/* Scalable thumbs */
.scalable {
transition: 0.5s ease;
margin-right: 15px !important;
}
.scalable:hover {
transition: 1s ease;
margin-right: 290px !important;
}
.scalable:hover > div {
width: 100%;
}
.scalable > div {
width: 100%;
background-position: left top;
transition: width 0.5s ease;
z-index: 2;
}
.scalable > div:hover {
width: 200%;
transition: 1s ease;
}
/* Errors */
.xat-error {
display: table;
}
.xat-error .mw-collapsible-toggle {
margin: 0 5px;
}
/* App Store */
.store > div {
float: left;
}
/* Template:Preview */
.t-prev {
width:100px;
overflow-wrap: break-word;
float: left;
margin: 0 15px 15px 0;
}
.t-prev .smileypreviewfix {
width: 100%;
height: 60px;
background: white;
border: 1px solid #aaa;
text-align: center;
}
.t-prev .plainlinks {
width: 100%;
position: relative;
background: #f2f2f2;
font-weight: bold;
border: 1px solid #aaa;
border-top: 0;
text-align: center;
font-size: 10px;
padding: 2px;
}
/* List split */
div.\34 {
column-count: 4;
-moz-column-count: 4;
-webkit-column-count: 4;
}
/* Inherit image size from parent */
.inh-size img {
width: inherit;
height: inherit;
}
.inh-margin img {
margin-left: inherit;
margin-top: inherit;
}
/* Influencers table */
.influencers tr > td:nth-of-type(4) a {
margin: 0 2px;
}
/* Powers table */
.datatable.powers tr > th:first-of-type, .datatable.powers tr > td:first-of-type, .datatable.powers td br {
display: none;
}
.datatable.powers a {
height: 30px;
}
.datatable.powers img {
border: none;
height: inherit;
width: inherit;
}
.powers span, .powers th {
text-transform: capitalize;
}
.datatable.powers tr > td:nth-of-type(2) { width: 5%; text-align: center; }
.datatable.powers tr > td:nth-of-type(3) { width: 5%; text-align: center; }
.datatable.powers tr > td:nth-of-type(3) img { width: 30px; object-fit: none; }
.datatable.powers tr > td:nth-of-type(4) { width: 10%; }
.datatable.powers tr > td:nth-of-type(5) { width: 5%; text-align: center; }
.datatable.powers tr > td:nth-of-type(6) { width: 20%; }
.datatable.powers tr > td:nth-of-type(7) { width: 25%; }
.datatable.powers tr > td:nth-of-type(8) { width: 25%; }
.datatable.powers tr > td:nth-of-type(9) { width: 5%; text-align: center; }
.datatable.powers tr > td:nth-of-type(3) a,
.datatable.powers tr > td:nth-of-type(5) a {
cursor: default;
}
.datatable.powers td span:not(:last-of-type):after {
content: ',';
padding-right: 4px;
}
/* volunteers table */
.datatable.volunteers tr > th:first-of-type, .datatable.volunteers tr > td:first-of-type, .datatable.volunteers td br {
display: none;
}
.datatable.volunteers tr > th:nth-of-type(2) { text-transform: capitalize; }
.datatable.volunteers tr > td:nth-of-type(2) { text-align: center; }
.datatable.volunteers tr > th:nth-of-type(3) { text-align: left; }
.datatable.volunteers tr > td:nth-of-type(3) { white-space: nowrap; }
.datatable.volunteers tr > th:nth-of-type(4) { width: 100%; text-transform: capitalize; text-align: left; }
/* editors/translators table */
.datatable.editors tr > th:first-of-type, .datatable.editors tr > td:first-of-type, .datatable.editors td br {
display: none;
}
.datatable.editors tr > th:nth-of-type(2) { text-transform: capitalize; }
.datatable.editors tr > td:nth-of-type(2) { text-align: center; }
.datatable.editors tr > th:nth-of-type(3) { text-align: left; }
.datatable.editors tr > td:nth-of-type(3) { white-space: nowrap; }
.datatable.editors tr > th:nth-of-type(4) { text-transform: capitalize; text-align: left; }
.datatable.editors tr > th:nth-of-type(5) { text-transform: capitalize; text-align: left; }
.datatable.editors tr > th:nth-of-type(6) { width: 100%; text-transform: capitalize; text-align: left; }
/* databable general */
.smw-datatable-toolbar {
line-height: 22px;
margin-top: 1px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
margin-top: 2px;
}
/* Icons */
.bug-tracker {
font-size: 0;
}
.bug-tracker:before {
font-size: 1rem;
}
/* Power-box */
/** Logo **/
.pLogo img {
width: 30px;
object-fit: none;
}
/* Links */
a[href^="https://nx4t.in/"] {
background-image: url('https://util.nx4t.in/resources/assets/neox4t.svg');
background-repeat: no-repeat;
background-position: 100% 20%;
padding-right: 20px;
background-size: 16px;
}
/* Bootstrap Components */
/** Popover **/
.popover-body img {
max-width: 100%;
height: auto;
}
