MediaWiki:Timeless.css: различия между версиями
Перейти к навигации
Перейти к поиску
м |
м (Отмена правки 6086, сделанной GodSatanist) Метка: отмена |
||
(не показаны 133 промежуточные версии этого же участника) | |||
Строка 1: | Строка 1: | ||
/* | /* CSS placed here will affect users of the Timeless skin */ | ||
/* | /* Background picture */ | ||
#mw- | |||
#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; | |||
border- | background-color: #691919; | ||
border-bottom: solid 4px #000 !important; | |||
} | } | ||
#mw-content { | |||
#mw- | |||
background: rgba(211,217,216,0.92); | background: rgba(211,217,216,0.92); | ||
border-color: | border: 1; | ||
border-color: rgb(194 200 199); | |||
-webkit-border-bottom-right-radius: 5px; | |||
-webkit-border-bottom-left-radius: 5px; | -webkit-border-bottom-left-radius: 5px; | ||
-moz-border-radius-bottomright: 5px; | -moz-border-radius-bottomright: 5px; | ||
-moz-border-radius-bottomleft: 5px; | -moz-border-radius-bottomleft: 5px; | ||
border-bottom-right-radius: 5px; | |||
border-bottom-left-radius: 5px; | border-bottom-left-radius: 5px; | ||
} | } | ||
#mw- | |||
/*Left Sidebar*/ | |||
#mw-site-navigation .sidebar-chunk { | |||
color:black; | |||
background: rgba(211,217,216,0.92); | background: rgba(211,217,216,0.92); | ||
border: | border:3px; | ||
border-color: | border-color: #691919; | ||
border-radius: 0.5em; | |||
border-style: ridge; | |||
} | } | ||
/*Right sidebar*/ | /*Right sidebar*/ | ||
#mw-related-navigation .sidebar-chunk { | #mw-related-navigation .sidebar-chunk { | ||
color:black; | color:black; | ||
background: rgba(211,217,216,0.92); | background: rgba(211,217,216,0.92); | ||
border: | border:3px; | ||
border-color: # | border-color: #691919; | ||
border-radius: | border-radius: 0.5em; | ||
border-style: ridge; | |||
border-style: | |||
} | } | ||
/* | /* General */ | ||
background: | body { | ||
background: #fff; | |||
} | } | ||
/* Username text */ | |||
color: | #personal > h2 > span { | ||
font-family: 'Arial'; | |||
font-weight: bold; | |||
text-transform: uppercase; | |||
color: white; | |||
} | } | ||
/* | /* Navigation */ | ||
#mw- | #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: | 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 */ | /* Fixed positioned top bar */ | ||
#mw-header-container { | #mw-header-container { | ||
background: #691919; | background: #691919; | ||
} | } | ||
/* Footer */ | |||
#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 { | #mw-footer-container { | ||
background: #691919; | background: #691919; | ||
} | } | ||
#mw- | #mw-footer-container.ts-container { | ||
background: #691919; | |||
} | |||
.mw-footer-container { | |||
background: #691919; | |||
} | |||
.mw-footer-container.ts-container { | |||
background: #691919; | |||
} | } |
Текущая версия на 18:15, 25 марта 2023
/* 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;
}