Ascia Wiki

MediaWiki:Tweeki.css: различия между версиями

← Предыдущая правка
Нет описания правки
Нет описания правки
 
(не показано 227 промежуточных версий этого же участника)
Строка 2: Строка 2:
@import url('https://fonts.googleapis.com/css?family=Merriweather|Cormorant Infant|PT Mono|Neucha|MedievalSharp|Spectral SC|Kurale|El Messiri|Ledger');
@import url('https://fonts.googleapis.com/css?family=Merriweather|Cormorant Infant|PT Mono|Neucha|MedievalSharp|Spectral SC|Kurale|El Messiri|Ledger');


#content {
    padding: 2em !important;
    background: rgb(255 255 255 / 90%);
    padding: 15px;
}
pp {
    display: block !important;
margin-bottom: -5px;
}
.bg-light {
    background-color: #000000 !important;
}
/* Исправление отображения текста */
p {
white-space: break-spaces !important;
    display: block !important;      /* Элементы отображаются как блоки */
}
ul {
list-style-position: inside; /* Убедись, что маркеры списка отображаются правильно */
}
ul li {
    display: list-item !important; /* Убедись, что элементы списка отображаются как блоки */
}
/* Стили для кнопки выпадающего списка */
.tweeki-dropbtn {
  background-color: #4CAF50;
  color: white;
  padding: 10px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}
/* Контейнер для выпадающего списка */
.tweeki-dropdown {
  position: relative;
  display: inline-block;
}
/* Содержимое выпадающего списка (скрыто по умолчанию) */
.tweeki-dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
/* Стили для ссылок в выпадающем списке */
.tweeki-dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
/* Изменение цвета ссылок при наведении */
.tweeki-dropdown-content a:hover {
  background-color: #f1f1f1;
}
/* Показывать выпадающий список при наведении */
.tweeki-dropdown:hover .tweeki-dropdown-content {
  display: block;
}
/* Изменение цвета кнопки при наведении */
.tweeki-dropdown:hover .tweeki-dropbtn {
  background-color: #3e8e41;
}
.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 {
#back-to-top {
Строка 45: Строка 238:
     padding: 0px !important;  
     padding: 0px !important;  
     border-spacing: 0px !important;  
     border-spacing: 0px !important;  
     border-image: url('https://ascia.ru/images/3/31/Border1.png') 24 round !important;
     border-image: url('https://asciawiki.ru/images/3/31/Border1.png') 24 round !important;
     border-radius: 35px;
     border-radius: 35px;
     background: transparent !important;
     background: transparent !important;
Строка 159: Строка 352:
   padding: 0px !important;
   padding: 0px !important;
   border-radius: 35px;
   border-radius: 35px;
   border-image: url('https://ascia.ru/images/9/91/Border5.png') 30 round !important;
   border-image: url('https://asciawiki.ru/images/9/91/Border5.png') 30 round !important;
   Background: #dee3e7;
   Background: #dee3e7;
}
}
Строка 167: Строка 360:
   padding: 0px !important;
   padding: 0px !important;
   border-width: 35px;  
   border-width: 35px;  
   border-image: url('https://ascia.ru/images/b/b1/Border8.png') 30 round !important;
   border-image: url('https://asciawiki.ru/images/b/b1/Border8.png') 30 round !important;
   Background: #dee3e7;
   Background: #dee3e7;
}
}
Строка 182: Строка 375:
h1, h2, h3, h4, h5, h6 {
h1, h2, h3, h4, h5, h6 {
font-family: Merriweather !important;
font-family: Merriweather !important;
    color: black; /* Цвет основного текста */
}
}


Строка 304: Строка 498:
}
}


.mw-content-ltr {
 
border-image: url('https://ascia.ru/images/3/31/Border1.png') 40 round !important;
/*.mw-content-ltr {
    padding: 2em !important;
background-color: #ffffff;
background-color: #ffffff;
     background-size: cover; /* Фон будет масштабироваться под размеры экрана */
     background-size: cover; /* Фон будет масштабироваться под размеры экрана */
     background: rgb(255 255 255 / 61%);
     /*background: rgb(0 0 0 / 80%);
    padding: 15px;*/
 
 
/*.mw-body-content li {
    background-color: #555555c4;
     padding: 15px;
     padding: 15px;
      
     /* color: white; */
 
 
#tweekiTOC #toc a.active, #tweekiTOC #toc a:focus, #tweekiTOC #toc a:hover {
    /* color: #ffffff; */
    text-shadow: 0 0 15px #ffffff;
    color: #ffffff;
}
 
#tweekiTOC #toc a {
    color: #ffffff;
    padding: 0;
        line-height: 2;
}
 
#tweekiTOC .tocnumber, #tweekiTOC .toctoggle, #tweekiTOC .toctogglespan {
    display: ruby;
    color: #b1b1b1;
}
}


.toc {
.toc {
border: 20px solid transparent !important;
border: 2px solid #FFFFFF !important;
     padding: 5px !important;
     padding: 5px !important;
     border-image: url('https://ascia.ru/images/9/91/Border5.png') 30 round !important;
     border-image: url('') 30 round !important;
     border-radius: 35px;
     border-radius: 10px;
     background: transparent;
     background: rgb(0 0 0 / 80%);
    background-color: #dee3e7;
     width: auto;
     width: auto;
     color: white;
     color: white;
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 15px;
     margin-bottom: 20px;
     margin-bottom: 20px;
}
}
.tocnumber {
.tocnumber {
color: black !important;
color: white !important;
}
}
#toc {
#toc {
display: inline-block;
display: inline-block;
Строка 346: Строка 560:
.nav {
.nav {
   display: flex;
   display: flex;
   font-size: 15px;
   font-size: 16px;
   font-weight: 700;
   font-weight: 700;
  text-transform: uppercase;
}
}


Строка 360: Строка 573:


.navbar-light .navbar-nav .nav-link, .p-navbar .navbar-nav .nav-link, .p-navbar .navbar-nav .p-navbar .navbar-tool > a, .p-navbar .p-navbar .navbar-nav .navbar-tool > a, .navbar-light .navbar-nav .p-navbar .navbar-tool > a, .p-navbar .navbar-light .navbar-nav .navbar-tool > a {
.navbar-light .navbar-nav .nav-link, .p-navbar .navbar-nav .nav-link, .p-navbar .navbar-nav .p-navbar .navbar-tool > a, .p-navbar .p-navbar .navbar-nav .navbar-tool > a, .navbar-light .navbar-nav .p-navbar .navbar-tool > a, .p-navbar .navbar-light .navbar-nav .navbar-tool > a {
     color: #000000;
     color: #ffffff;
     border-color: #000000;
     border-color: #000000;
}
}
Строка 400: Строка 613:
}
}


/* Применяем обводку только к тексту внутри статей */
.mw-body-content p , .mw-body-content span {
    text-shadow:
        -0.6px -0.6px 0 #C0C0C0, 
        0.6px -0.6px 0 #C0C0C0,
        -0.6px  0.6px 0 #C0C0C0,
        0.6px  0.6px 0 #C0C0C0;
    color: black; /* Цвет основного текста */
}


div.thumbinner {
div.thumbinner {
Строка 436: Строка 640:
list-style: none;
list-style: none;
padding-left: 0;
padding-left: 0;
width:70%;


}
}
.panel-container {
  display: flex;
  flex-wrap: wrap;
}
.panel-body>ul a{
.panel-body>ul a{
     display: block;
     display: block;
Строка 452: Строка 663:
}
}


.mainpage-header .h1-2 {
.mainpage-header .h2-3 {
     padding: 0 0.2em;
     padding: 1px ;
     font-size: 7vh !important;
     font-size: 6vh !important;
     font-weight: bold;
     font-weight: bold;
     letter-spacing: 0.01em;
     letter-spacing: 0.01em;
     font-family: 'Spectral SC' !important;
     font-family: 'Spectral SC' !important;
    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;
}
}


Строка 569: Строка 783:
background: linear-gradient(to bottom, #000000, #FFFFFF); /* Устанавливаем градиент */
background: linear-gradient(to bottom, #000000, #FFFFFF); /* Устанавливаем градиент */
padding: 10px;
padding: 10px;
border: url('https://ascia.ru/images/3/31/Border1.png') 40 round !important;
border: url('https://asciawiki.ru/images/3/31/Border1.png') 40 round !important;
}
}


Строка 579: Строка 793:
.gradient-column a:hover {
.gradient-column a:hover {
text-decoration: underline; /* Подчеркивание при наведении */
text-decoration: underline; /* Подчеркивание при наведении */
}
/* Применяем обводку только к тексту внутри статей */
.mw-body-content p , .mw-body-content li {
    color: black; /* Цвет основного текста */
    display: contents;
}
}
Источник — http://asciawiki.ru/index.php/MediaWiki:Tweeki.css