MediaWiki:Citizen.css: различия между версиями
Askell (обсуждение | вклад) Полностью удалено содержимое страницы Метка: очистка |
Askell (обсуждение | вклад) Нет описания правки |
||
Строка 1: | Строка 1: | ||
/* Размещённый здесь CSS-код будет загружаться для пользователей, использующих тему оформления Citizen */ | |||
@import url('https://fonts.googleapis.com/css?family=Merriweather|Cormorant Infant|PT Mono|Neucha|MedievalSharp|Spectral SC|Kurale|El Messiri|Ledger'); | |||
/* Исправление отображения текста */ | |||
p { | |||
white-space: break-spaces !important; | |||
display: block !important; /* Элементы отображаются как блоки */ | |||
} | |||
ul { | |||
list-style-position: inside; /* Убедись, что маркеры списка отображаются правильно */ | |||
} | |||
ul li { | |||
display: list-item !important; /* Убедись, что элементы списка отображаются как блоки */ | |||
} | |||
#content { | |||
padding: 2em !important; | |||
background: rgb(255 255 255 / 90%); | |||
padding: 15px; | |||
} | |||
.page-header-actions .action-edit { | |||
display: none; | |||
} | |||
.Backtop { | |||
max-width: 100%; | |||
height: auto; | |||
background-image: url('https://asciawiki.ru/images/0/00/%D0%A4%D0%BE%D0%BD%D1%87%D0%B8%D0%BA.jpg'); /* Замените на путь к вашему изображению */ | |||
background-size: cover; /* Фон будет масштабироваться под размеры экрана */ | |||
background-position: center center; /* Центрирование изображения */ | |||
background-repeat: no-repeat; /* Изображение не будет повторяться */ | |||
background-attachment: fixed; /* Фон будет фиксированным при прокрутке страницы */ | |||
} | |||
.TextHeading3 { | |||
font-family: 'Merriweather', auto; | |||
font-size: 21px; | |||
line-height: 21px; | |||
flex-basis: 260px; | |||
height: 60px; | |||
text-align: center; | |||
padding:20px; | |||
flex-grow: 2; | |||
} | |||
.TextHeading2 { | |||
font-family: 'Merriweather', auto; | |||
font-size: 21px; | |||
line-height: 21px; | |||
flex-basis: 260px; | |||
height: 3rem; | |||
text-align: center; | |||
padding-left: 25px; | |||
padding-right: 25px; | |||
padding-top: 15px; | |||
flex-grow: 2; | |||
} | |||
.TextHeading { | |||
font-family: 'Spectral SC', auto; | |||
font-size: 21px; | |||
line-height: 21px; | |||
flex-basis: 260px; | |||
height: 50px; | |||
text-align: center; | |||
padding-top: 15px; | |||
flex-grow: 2; | |||
} | |||
.ard { | |||
border: 1px solid black; | |||
background-image:url('https://asciawiki.ru/images/0/00/%D0%A4%D0%BE%D0%BD%D1%87%D0%B8%D0%BA.jpg'); | |||
background-size: cover; /* Фон будет масштабироваться под размеры экрана */ | |||
background-position: center center; /* Центрирование изображения */ | |||
background-repeat: no-repeat; /* Изображение не будет повторяться */ | |||
background-attachment: fixed; /* Фон будет фиксированным при прокрутке страницы */ | |||
} | |||
.ardHeading { | |||
padding-top: 10px; | |||
padding-bottom: 10px; | |||
padding-right: 20px; | |||
text-align: center; | |||
font-family: 'Spectral SC'; | |||
text-shadow: 0 0 black; | |||
} | |||
.firstHeading { | |||
border-top: 2px solid #0000; | |||
border-bottom: 2px solid #0000; | |||
border-image: linear-gradient(90deg, #0000 0%, rgba(82, 81, 79, 1) 50%, rgba(82, 81, 79, 1) 50%, #0000 100%); | |||
border-image-slice: 30; | |||
} | |||
.secondHeadings { | |||
display: flex; | |||
align-items: flex-start; | |||
justify-content: space-between; | |||
} | |||
.secondHeading hr { | |||
border-bottom: 1px solid #0000; | |||
border-image: linear-gradient(90deg, #0000 0%, rgba(82, 81, 79, 1) 50%, rgba(82, 81, 79, 1) 50%, #0000 100%); | |||
border-image-slice: 5; | |||
} | |||
hr { | |||
display: block; | |||
margin-block-start: 0.5em; | |||
margin-block-end: 0.5em; | |||
margin-inline-start: auto; | |||
margin-inline-end: auto; | |||
unicode-bidi: isolate; | |||
overflow: hidden; | |||
border-style: inset; | |||
border-width: 1px; | |||
background-color: transparent; | |||
} | |||
a.new { | |||
color: #795548; | |||
text-shadow: 0 0 35px #1a1a1a; | |||
} | |||
a { | |||
color: #607d8b; | |||
text-shadow: 0 0 35px #1a1a1a; | |||
} | |||
#maincontentwrapper .mw-ui-button.mw-ui-progressive, .btn-primary, body #contentwrapper #maincontentwrapper button.oo-ui-buttonElement-button, body #contentwrapper #maincontentwrapper input.oo-ui-buttonElement-button, input[type=button][name=wpUpload], input[type=submit][name=wpUpload] { | |||
background-color: #000000; | |||
border-color: #ffffff; | |||
color: #fff; | |||
} | |||
#back-to-top { | |||
position: fixed; | |||
bottom: 20px; | |||
right: 50px; | |||
background-color: #333; | |||
color: #fff; | |||
padding: 10px; | |||
border-radius: 5px; | |||
cursor: pointer; | |||
text-align: center; | |||
} | |||
#back-to-top a { | |||
color: #fff; | |||
text-decoration: none; | |||
} | |||
.tabbertab { | |||
border: 20px solid transparent !important; | |||
padding: 0px !important; | |||
float: right !important; | |||
} | |||
ul.tabbernav li a:link { | |||
color: #971622; | |||
} | |||
ul.tabbernav li a { | |||
padding: 3px .5em; | |||
margin-left: 3px; | |||
border: 1px solid #CCC; | |||
border-bottom: none; | |||
background: #ffc107; | |||
white-space: pre; | |||
} | |||
.infobox { | |||
border: 20px solid transparent !important; | |||
padding: 0px !important; | |||
border-spacing: 0px !important; | |||
border-image: url('https://asciawiki.ru/images/3/31/Border1.png') 24 round !important; | |||
border-radius: 35px; | |||
background: transparent !important; | |||
background-color: #dee3e7 !important; | |||
border-collapse: separate !important; | |||
color: black; | |||
margin: 0.5em 0 0.5em 1em; | |||
/* @noflip */ | |||
float: right; | |||
clear: right; | |||
/* @noflip */ | |||
font-size: 88%; | |||
line-height: 1.5em; | |||
} | |||
.infobox caption { | |||
font-size: 125%; | |||
font-weight: bold; | |||
padding: 0.2em; | |||
color: black; | |||
text-align: -webkit-center; | |||
caption-side: top; | |||
} | |||
.infobox td, | |||
.infobox th { | |||
vertical-align: top; | |||
/* @noflip */ | |||
text-align: left; | |||
padding: 4px; | |||
} | |||
.infobox.bordered td, | |||
.infobox.bordered th { | |||
border: 1px solid #a2a9b1; | |||
} | |||
.infobox.bordered .borderless td, | |||
.infobox.bordered .borderless th { | |||
border: 0; | |||
} | |||
.infobox.sisterproject { | |||
width: 20em; | |||
font-size: 90%; | |||
} | |||
.infobox.standard-talk { | |||
border: 1px solid #c0c090; | |||
background-color: #f8eaba; | |||
} | |||
.infobox.standard-talk.bordered td, | |||
.infobox.standard-talk.bordered th { | |||
border: 1px solid #c0c090; | |||
} | |||
/* styles for bordered infobox with merged rows */ | |||
.infobox.bordered .mergedtoprow td, | |||
.infobox.bordered .mergedtoprow th { | |||
border: 0; | |||
border-top: 1px solid #a2a9b1; | |||
/* @noflip */ | |||
border-right: 1px solid #a2a9b1; | |||
} | |||
.infobox.bordered .mergedrow td, | |||
.infobox.bordered .mergedrow th { | |||
border: 0; | |||
/* @noflip */ | |||
border-right: 1px solid #a2a9b1; | |||
} | |||
/* Styles for geography infoboxes, eg countries, | |||
country subdivisions, cities, etc. */ | |||
.infobox.geography { | |||
border-collapse: collapse; | |||
line-height: 1.2em; | |||
font-size: 90%; | |||
} | |||
.infobox.geography td, | |||
.infobox.geography th { | |||
border-top: 1px solid #a2a9b1; | |||
padding: 0.4em 0.6em 0.4em 0.6em; | |||
} | |||
.infobox.geography .mergedtoprow td, | |||
.infobox.geography .mergedtoprow th { | |||
border-top: 1px solid #a2a9b1; | |||
padding: 0.4em 0.6em 0.2em 0.6em; | |||
} | |||
.infobox.geography .mergedrow td, | |||
.infobox.geography .mergedrow th { | |||
border: 0; | |||
padding: 0 0.6em 0.2em 0.6em; | |||
} | |||
.infobox.geography .mergedbottomrow td, | |||
.infobox.geography .mergedbottomrow th { | |||
border-top: 0; | |||
border-bottom: 1px solid #a2a9b1; | |||
padding: 0 0.6em 0.4em 0.6em; | |||
} | |||
.infobox.geography .maptable td, | |||
.infobox.geography .maptable th { | |||
border: 0; | |||
padding: 0; | |||
} | |||
#borderimg { | |||
border: 20px solid transparent !important; | |||
padding: 0px !important; | |||
border-radius: 35px; | |||
border-image: url('https://asciawiki.ru/images/9/91/Border5.png') 30 round !important; | |||
Background: #dee3e7; | |||
} | |||
#borderimg1 { | |||
border: 15px solid transparent !important; | |||
padding: 0px !important; | |||
border-width: 35px; | |||
border-image: url('https://asciawiki.ru/images/b/b1/Border8.png') 30 round !important; | |||
Background: #dee3e7; | |||
} |