User:Vavilexxx/common.css
Appearance
Code that you insert on this page could contain malicious content capable of compromising your account. If you import a script from another page with "importScript", "mw.loader.load", "iusc", or "lusc", take note that this causes you to dynamically load a remote script, which could be changed by others. Editors are responsible for all edits and actions they perform, including by scripts. User scripts are not centrally supported and may malfunction or become inoperable due to software changes. A guide to help you find broken scripts is available. If you are unsure whether code you are adding to this page is safe, you can ask at the appropriate village pump. This code will be executed when previewing this page. |
The accompanying .js page for this skin is at User:Vavilexxx/common.js. |
/* Ссылки на перенаправления выделяются цветом. */
a.mw-redirect {
/* Make redirects green */
/*color: #060 !important;*/
color: #308050 !important;
}
a.mw-redirect:visited {
color: #7a7aa5 !important;
}
/* Перенаправления на спецстраницах «Все страницы» и «Указатель по началу страницы» и на страницах категорий */
.allpagesredirect a,
span.redirect-in-category a {
color: #308050 !important;
}
.allpagesredirect a:visited,
span.redirect-in-category a:visited {
color: #7a7aa5 !important;
}
/* Выделение нужных интервик */
li.interwiki-ru,
li.interwiki-en {
font-weight: bold;
text-align: right;
margin-right: 10px;
}
/* Читаемость быстрой вставки */
/* Немного раздвигает элементы быстрой вставки, между ними так быстрее ориентироваться */
a.mw-charinsert-item {
padding: 0 4px;
}
/* Уменьшить шрифт описаний правок */
.comment {
font-size: 90%;
}
/* список шаблонов под окном редактирования */
.templatesUsed {
column-count: 2;
}
/* {{pp-template}} */
ruby>rt,
ruby>rtc {
font-feature-settings: "ruby" 1;
}
ruby.large {
font-size: 250%;
}
ruby.large>rt,
ruby.large>rtc {
font-size: .3em;
}
/* TOC-editable (Настраиваемое содержание) */
.etoc #toc {
border: none;
background: transparent;
float: inherit;
clear: inherit;
margin: .4em;
padding: inherit;
}
/* Новое оформление [[Заглавная страница]]
Главный референс:
https://design.wikimedia.org/style-guide/
https://github.com/wikimedia/wikimedia-ui-base/blob/master/wikimedia-ui-base.less
*/
/* Стандартные заголовки */
.main-header {
border-bottom-color: transparent;
margin-bottom: 0.25em;
margin-top: 0;
padding-bottom: 0;
padding-top: 0;
}
/* Списки без оформления */
.main-plainlist>ul {
list-style: none;
margin: 0;
padding: 0;
}
.main-plainlist li {
margin-bottom: 0;
}
/* Ссылки-кнопки */
.main-top-right .mw-ui-quiet:hover,
.main-top-right .mw-ui-quiet:focus,
.main-footer .mw-ui-quiet:hover,
.main-footer .mw-ui-quiet:focus {
color: #0645ad;
}
/* Убираем нумерацию заголовков, создаваемую опцией «Автоматически нумеровать заголовки»
на [[Служебная:Настройки#mw-prefsection-rendering]] */
.mw-headline-number {
display: none;
}
/* Планшеты */
@media (min-width: 720px) {
.main-wikimedia {
padding-top: 1rem;
padding-left: 1rem;
padding-right: 1rem;
}
}
/* Стационарные компьютеры */
@media (min-width: 1000px) {
.main-wrapper {
display: flex;
margin: 0 -0.75rem;
}
.main-wrapper-column {
flex: 1;
margin: 0 0.75rem;
}
.main-wikimedia {
padding-top: 1.5rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
/* Нумерованный список вклада
body.page-Special_Contributions ul {
list-style: decimal;
}
*/
/* Ссылки на перенаправления выделяются цветом. */
a.mw-redirect {
color: #308050 !important;
}
a.mw-redirect:visited {
color: #3070A0 !important;
}
/* Выделение нужных интервик */
li.interwiki-ru {
font-weight: bold;
text-align: right;
margin-right: 10px;
}
/* Ссылки на Википедию */
/* Убрать значок внешней ссылки со ссылок, которые на самом деле ведут на страницы Википедии */
body a.external[href*="//en.wikipedia.org/"] {
background: none !important;
padding-right: 0 !important;
}
/******************************************************************************/
/* uv-styles
*/
.uv-main-box {
background: #f8f9fa;
box-sizing: border-box;
padding: 0;
margin: 0;
transition: .5s ease-in-out;
}
.uv-box {
width: 100%;
table-layout: fixed;
padding: 1em .2em;
border-collapse: collapse;
}
.uv-box-blue {
font-size: 14px;
font-family: Calibri, Verdana, sans-serif;
letter-spacing: 1px;
background: #E7FFFF;
background: -moz-linear-gradient(top, #A7D7F9 0%, #7db9e8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E7FFFF), color-stop(100%, #7db9e8));
background: -webkit-linear-gradient(top, #E7FFFF 0%, #7db9e8 100%);
background: -o-linear-gradient(top, #E7FFFF 0%, #7db9e8 100%);
background: -ms-linear-gradient(top, #E7FFFF 0%, #7db9e8 100%);
background: linear-gradient(top, #E7FFFF 0%, #7db9e8 100%);
border: 1px solid #c2dfff;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
cursor: default;
}
.uv-box-blue-td {
padding: 0.3em;
font-size: 1.2em;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
text-align: center;
text-shadow: 6px 6px 8px gray;
background-color: transparent;
-moz-border-radius: 7px 0 0 7px;
-webkit-border-radius: 7px 0 0 7px;
border-radius: 7px 0 0 7px;
}
.uv-box-empty {
/**/
}
.uv-header-box {
position: relative;
border-left: 20px solid white; /*#f8f9fa;*/
border-right: 20px solid white; /*#f8f9fa;*/
border-top: 20px solid #628;
border-bottom: 20px solid #383;
}
.uv-header-text {
position: absolute;
margin-top: -10px;
width: 100%;
color: white;
font-family: sans-serif;
font-weight: bold;
font-size: 1.2em;
letter-spacing: 1px;
text-align: center;
text-shadow: 0 1px 0 black;
text-transform: uppercase;
text-decoration: none;
}
/* {{pp-template}} */
#skip-to-top-button,
#skip-to-bottom-button {
position: fixed;
bottom: 8px;
z-index: 50;
/*opacity: .6;*/
}
#skip-to-top-button:hover,
#skip-to-bottom-button:hover {
filter: brightness(1.05);
opacity: 1;
}
#skip-to-top-button:active,
#skip-to-bottom-button:active {
filter: brightness(0.95);
}
#skip-to-bottom-button {
right: 8px;
}
#skip-to-top-button {
right: 64px;
}
/* Avoid overlapping with Vector 2022 width toggle */
@media (min-width: 1400px) {
body.skin-vector-2022 #skip-to-bottom-button {
right: 68px;
}
body.skin-vector-2022 #skip-to-top-button {
right: 124px;
}
}