MediaWiki:Common.css: Difference between revisions

Revision as of 13:49, 7 February 2025

/* GENERAL CLASSES FOR DIRECTIONALITY SUPPORT */

.mw-content-ltr {
	/* @noflip */
	direction: ltr;
}

.mw-content-rtl {
	/* @noflip */
	direction: rtl;
}

/* Most input fields should be in site direction */
.sitedir-ltr textarea,
.sitedir-ltr input {
	/* @noflip */
	direction: ltr;
}

.sitedir-rtl textarea,
.sitedir-rtl input {
	/* @noflip */
	direction: rtl;
}

.mw-userlink {
	unicode-bidi: embed;
}

/* User-Agent styles for new HTML5 elements */
mark {
	background-color: #00f;
	color: #fff;
}

/* Override default values */
textarea[ dir='ltr' ],
input[ dir='ltr' ] {
	/* @noflip */
	direction: ltr;
}

textarea[ dir='rtl' ],
input[ dir='rtl' ] {
	/* @noflip */
	direction: rtl;
}

/* rev_deleted stuff */
li span.deleted,
span.history-deleted {
	text-decoration: line-through;
	color: #8d8882;
	font-style: italic;
}

/* Patrol stuff */
.not-patrolled {
	background-color: #0055ff;
}

.unpatrolled {
	font-weight: bold;
	color: #28cccc;
}

/* Error, warning, success and neutral messages */
.warning {
	color: #5399ff;
}

.success {
	color: #eb7992;
}

/* Info box */
.mw-infobox {
	border: 2px solid #03c;
}

/* Links */
a.new {
	color: #45ffff;
}

/* wikitable class */
.wikitable {
	background-color: #070606;
	color: #ddd;
	border: 1px solid #5d564e;
}

.wikitable > tr > th,
.wikitable > tr > td,
.wikitable > * > tr > th,
.wikitable > * > tr > td {
	border: 1px solid #5d564e;
}

.wikitable > tr > th,
.wikitable > * > tr > th {
	background-color: #15130f;
}

/* Data table */
.mw-datatable th {
	background-color: #151100;
}

.mw-datatable td {
	background-color: #000;
}

.mw-datatable tr:hover td {
	background-color: #150c00;
}

/* carousel */
.jcarousel {
    position: relative;
    overflow: hidden;
}
 
.jcarousel-wrapper {
	max-width: 1125px;
    margin: 0;
    position: relative;
}
 
.jcarousel .jcarousel-list {
    width: 20000em;
    position: relative;
    margin: 0;
    padding: 0;
}
 
.jcarousel .jcarousel-item {
    float: left;
}
 
.jcarousel-item img {
    display: block;
    max-width: 100%;
    height: auto !important;
}
 
.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: 45%;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #fff;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial, sans-serif;
    border-radius: 30px;
    box-shadow: 0 0 2px #999;
}
 
.jcarousel-control-prev {
    left: -15px;
}
 
.jcarousel-control-next {
    right: -15px;
}
 
.jcarousel-control-prev:hover span,
.jcarousel-control-next:hover span {
    display: block;
}
 
.jcarousel-control-prev.inactive,
.jcarousel-control-next.inactive {
    opacity: .5;
    cursor: default;
}
 
.jcarousel-pagination {
    position: absolute;
    bottom: 10px;
    left: 15px;
}
 
.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;
    font-size: 11px;
    line-height: 14px;
    min-width: 14px;
    background: #fff;
    color: #4E443C;
    border-radius: 14px;
    padding: 3px;
    text-align: center;
    margin-right: 2px;
    opacity: .75;
}
 
.jcarousel-pagination a.active {
    background: #4E443C;
    color: #fff;
    opacity: 1;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
}