MediaWiki:Common.css: Difference between revisions

Revision as of 14:31, 2 March 2025

/* CSS placed here will be applied to all skins */

/* DEFAULT SKIN BG */
body {
min-height: 100vh;
display: flex;
flex-direction: column;
background-image: linear-gradient(to bottom, transparent, #ffff), url("https://littletail.wiki/images/8/8a/MonoBook-BG.jpg");
background-repeat: inherit;
}

.mw-footer {
  margin-top: auto;
}

/* Interwiki SVG Formatting*/
.wikipedia:after {
  content:"";
  background: url(https://littletail.wiki/images/5/5a/Wikipedia%27s_W.svg) no-repeat;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  padding-right: 0.55em; /* sizing */
  padding-top: 1.2em;
  margin-left: -0.4em;
  margin-right: -0.2em;
  padding-left: 0.05em;
}

/* Fonts */

/* Cantarell */
@font-face {
  font-display: swap;
  font-family: 'Cantarell';
  font-style: bold;
  font-weight: 500;
  src: url('/fonts/cantarell-regular-webfont.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* Tabs Content */
.bullet-0 .jw-tabs-content > ul > li:first-child::marker {
    content: "";
}

/* Misc */
.excerpt-block .noexcerpt {
	display: none;
}

.gradient {
	background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(94,177,246,1) 15%, rgba(77,160,237,1) 25%, rgba(43,131,218,1) 50%, rgba(77,160,237,1) 75%, rgba(94,177,246,1) 85%, rgba(255,255,255,0) 100%);

.jcarousel-item:not(:first-child) {
    display:none;
}

/**
 * Styling for links generated by [[MediaWiki:Edittools]] in WikimediaUI inspired theme.
 * @source https://www.mediawiki.org/wiki/Extension:CharInsert#Styling
 * @updated 2020-03-17
 */
.mw-charinsert-buttons {
	margin-top: 8px;
	border: 1px solid #c8ccd1;
	padding: 2px 4px 4px;
	font-size: 1.1em;
	text-align: center;
}

.mw-charinsert-buttons a {
	background-color: #f8f9fa !important;
	color: #202122;
	border: thin #36c outset;
	padding: 0 1px 2px;
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
}

.mw-charinsert-buttons a:hover {
	background-color: #fff;
    color: #404244;
}

.mw-charinsert-buttons a:active {
	background-color: #c8ccd1;
	border-style: inset;
}

.client-js .mw-edittools-section {
	display: inline;
}

.client-js .mw-edittools-section input[type="button"] {
	background-color: #f8f9fa;
	color: #202122;
	margin-left: 1px;
    border-radius: 2px;
	padding: 1px 6px;
	font-size: 0.9em;
    /* Apply pointer cursor to all interactive elements. */
    cursor: pointer;
}

.client-js .mw-edittools-section input[type="button"]:hover {
	background-color: #fff;
    color: #404244;
}

.client-js .mw-edittools-section input[type="button"]:active {
	background-color: #c8ccd1;
    color: #000;
}

/* Style for horizontal lists (separator following item).
   @source mediawiki.org/wiki/Snippets/Horizontal_lists
   @revision 8 (2016-05-21)
   @author [https://jojowiki.com/User:Edokter Edokter]
 */
.hlist dl,
.hlist ol,
.hlist ul {
	margin: 0;
	padding: 0;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
	margin: 0;
	display: inline;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
	display: inline;
}
/* Hide empty list items */
.hlist .mw-empty-li {
	display: none;
}
/* Generate interpuncts */
.hlist dt:after {
	content: ": ";
}