MediaWiki:Timeless.css

/* CSS placed here will affect users of the Timeless skin */

/* Background picture */

#mw-content-container {
    background-image: url(https://i.imgur.com/vzuvT1p.png) !important;
    background-position: center center !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-color: #691919;
    border-bottom: solid 4px #000 !important;
}

#mw-content {
	background: rgba(211,217,216,0.92);
	border: 1;
	border-color: rgb(194 200 199);
    -webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

/*Left Sidebar*/
#mw-site-navigation .sidebar-chunk {
	color:black;
	background: rgba(211,217,216,0.92);
	border:3px;
	border-color:  #691919;
    border-radius: 0.5em;
    border-style: ridge;
}

/*Right sidebar*/
#mw-related-navigation .sidebar-chunk {
	color:black;
	background: rgba(211,217,216,0.92);
	border:3px;
	border-color:  #691919;
	border-radius: 0.5em;
    border-style: ridge;
}

/* General */

body {
	background: #fff;
}

/* Username text */
#personal > h2 > span {
	font-family: 'Arial';
	font-weight: bold;
	text-transform: uppercase;
	color: white;
}

/* Navigation */
#mw-site-navigation .mw-portlet h3 {
	font-family: 'Arial', sans-serif;
	font-weight: bold;
	padding: 8px;
	background-color:#691919;
	color: white;
	text-transform:uppercase;
	clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
}

#mw-related-navigation .sidebar-chunk h3 {
    font-family: 'Arial', sans-serif;
	font-weight: bold;
	padding: 8px;
	background-color:#691919;
	color: white;
	text-transform:uppercase;
	clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
}

#mw-site-navigation .mw-portlet li::before {
	content: '🟄 ';
	color: #691919;
}

/* Heading Fonts */

#mw-content h1, #mw-content h2, #mw-content h3, #mw-content h4, #mw-content h5, #mw-content h6, #mw-content dt {
    font-family: 'Arial', sans-serif;
    font-weight: bold;
}

/* Sidebar Logo Spacing Fix */

#mw-content h1.firstHeading {
     border-bottom: solid 4px #691919;
}

/*
#mw-content h2 {
     border-bottom: dotted 2px #00aedb;
}

#mw-content h3 {
     font-size:1.4em;
}

#mw-content h4 {
     font-size:1.2em;
}

/* Fixed positioned top bar */
#mw-header-container {
	background: #691919;
}

#mw-header-container {
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
    height: 55px;
}

/* Navbar Colours */

.color-left {
    background: #691919
}
.color-middle {
    background: #691919
}
.color-right {
    background: #691919
}

.mw-collapsed{
	width:85%;
}

/* Tabber Styling */

.tabbertab {
    border: none !important;
    padding: 0 !important;
}
.tabbernav {
    background: #f8f8f8;
    border: 1px solid #eee !important;
    padding: 0 !important;
    text-align: center;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif !important;
    border-radius: 4px;
    font-size: 15px !important;
    line-height: 15px !important;
    justify-content: space-between;
    display: flex;
}
.tabbernav li {
    font-size: 15px !important;;
    line-height: 15px !important;
    width: 100%;
}
.tabbernav li a {
    border: none !important;
    margin: 0 !important;
    padding: 10px 0 !important;
    background: transparent !important;
    color: #999 !important;
    font-size: 14px;
    transition-duration: 0.15s;
    cursor: default;
    font-weight: normal !important;
    font-size: 15px !important;;
    line-height: 15px !important;
    width: 100%;
    display: inline-block;
}
.tabbernav .tabberactive a, .tabbernav li a:hover {
    color: black !important;
    background: #eee !important;
}

/* Сёрч-бар */
#simpleSearch {
	background-color: var(--search-color);
	border-color: var(--body-color);
	border-radius: 25px;
}

#searchInput:focus {
  outline: none;
  background: #faedf0;
  border-radius: 25px;
  box-shadow: 0px 0px 3px 1px var(--highlight);
}

#searchInput::placeholder {
	color: var(--text);
	opacity: 0.8;
}

#searchButton, #mw-searchButton {
	background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221.333%22 height=%2221.333%22 viewBox=%220 0 20 20%22%3E %3Cg fill=%22%23111%22 stroke=%22none%22 transform=%22translate%28-121 -16.362%29%22%3E %3Cpath d=%22M129.5 17.363a7.501 7.501 0 1 0 5.303 12.803 7.501 7.501 0 0 0-5.304-12.803zm.066 3a4.5 4.5 0 0 1 3.115 1.316 4.5 4.5 0 0 1 0 6.365 4.5 4.5 0 0 1-6.363 0 4.5 4.5 0 0 1 0-6.365 4.5 4.5 0 0 1 3.248-1.316z%22/%3E %3Crect width=%223%22 height=%229%22 x=%2272.49%22 y=%22114.15%22 ry=%221.5%22 transform=%22rotate%28-45%29%22/%3E %3C/g%3E %3C/svg%3E");
	opacity: 0.6;
}

body.skin-timeless {
	--search-color: #fff;

	color: var(--text);
	background-color: var(--body-color);
}

/* Подвал */
#mw-footer-container.ts-container {
	background: #691919;
}

/* Повторное выравнивание нижних логотипов */
#footer { padding-right: 1em; }

.mw-footer-container {
    border-top: solid 1px #691919;

.body {
    background: #000;
}

/* Footer 2 */
#mw-footer-container {
	background: #691919;
}

#mw-footer-container.ts-container {
	background: #691919;
}

.mw-footer-container {
	background: #691919;
}

.mw-footer-container.ts-container {
	background: #691919;
}