MediaWiki:Common.css: Difference between revisions

Revision as of 20:08, 9 September 2023

/* Global CSS */

@import "/index.php?title=MediaWiki:neox4t.css&action=raw&ctype=text/css&templates=expand";
@import "/index.php?title=MediaWiki:CommonRules.css&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;
}