MediaWiki:Theme-sai.css: Difference between revisions

Jump to navigation Jump to search

MediaWiki:Theme-sai.css (view source)

Revision as of 02:48, 29 November 2024

6,736 bytes added ,  29 November 2024
no edit summary
No edit summary
No edit summary
 
(83 intermediate revisions by the same user not shown)
Line 1: Line 1:
body.page-Main_Page #content {
    background-image:
        url(/images/2/26/Tyler_Sai.png),
        url(/images/d/da/Josh_SA.png);
    background-color: #DDD7CC;
    background-size: 22%, 16%;
    background-repeat: no-repeat, no-repeat;
    background-position: 55px 275px, calc(100% - 75px) 275px;
    background-attachment: scroll, scroll;
}
/* Concerts List Table */
.shows-list {
    width: 65%;
    border: 3px solid #308389;
}
.shows-list th,
.shows-list td {
    border: 1px solid #308389;
    text-align: center;
}
.shows-list th {
    background-color: #E6E6E6; /* Можно изменить на нужный цвет */
}
#p-themes-label .vector-menu-heading-label:before {
    content: "SaI Era";
}
#p-themes-label .vector-menu-heading-label {
    visibility: hidden;
    position: relative;
}
#p-themes-label .vector-menu-heading-label:before {
    visibility: visible;
    position: absolute;
    left: 0;
    top: 0;
}
      .container {
            position: relative;
            display: flex;
            align-items: center;
            width: 150px; /* Ширина контейнера */
            height: 50px;
            left: 700px;
            top: -37px;
        }
        .stripe {
            width: 5px;
            height: 50%;
            background-color: #D02019;
        }
        .left-stripe {
            left: 960px;
        }
        .right-stripe {
            transform: rotate(20deg); /* Наклоняем на 20 градусов */
            margin-left: -35px; /* Подвигаем полоску на 5px влево */
            opacity: -1.5; /* Прозрачность 50% */
        }
                .horizontal-line {
            position: absolute;
            width: 15px; /* Ширина линии */
            height: 5px; /* Толщина линии */
            background-color: #D02019;
            top: 50%; /* Центрируем вертикально по середине контейнера */
            left: calc(50% - 30px - 50px); /* Обновляем расчет для выравнивания линии */
            transform: translateY(-50%); /* Центрируем вертикально */
        }
@keyframes gradient-text {
    0% {
        background-position: 0% 0%;
    }
    100% {
        background-position: 300% 300%;
    }
}
.twentyonewikilogo {
    font-family: 'MyCustomFont1';
    font-size: 100px;
    cursor: pointer; /* Чтобы указать, что элемент кликабельный */
    line-height: 1; /* Устанавливаем высоту строки, чтобы минимизировать отступы */
    background: linear-gradient(45deg, #48B4DB, #EC8BC3, #EC8B00);
    background-size: 300% 300%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: gradient-text 6s linear infinite;
    background-attachment: fixed; /* Это делает фон фиксированным для корректного отображения */
}
.red-background {
  background-color: #48B4DB;
}
/* Основной стиль для таблицы с изображением позади */
.table-with-background {
    position: relative;
    z-index: 10;
    width: 68%;
    display: grid;
    margin-left: 0; /* Убедитесь, что здесь корректное значение */
    border-radius: 10px 10px 0px 0px;
    height: 224px;
    float: left;
    background-color: #fff; /* Убедитесь, что фон таблицы имеет нужный цвет */
}
.table-with-background::before {
    content: '';
    background-image: url('/images/2/26/Tyler_Sai.png'); /* Замените на путь к вашему изображению */
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    top: -322px; /* Смещение изображения вверх */
    left: 60px; /* Смещение изображения влево */
    width: calc(100% + 100px); /* Ширина изображения больше, чем ширина таблицы */
    height: calc(100% + 100px); /* Высота изображения больше, чем высота таблицы */
    z-index: 0; /* Размещаем изображение позади таблицы */
    opacity: 1; /* Убедитесь, что прозрачность равна 1 (100%) */
}
/* Основной стиль для таблицы с изображением позади */
.table-with-background2 {
    position: relative;
    z-index: 10;
    width: 68%;
    display: grid;
    margin-left: 0; /* Убедитесь, что здесь корректное значение */
    border-radius: 10px 10px 0px 0px;
    height: 224px;
    float: left;
    background-color: #fff; /* Убедитесь, что фон таблицы имеет нужный цвет */
}
.table-with-background2::before {
    content: '';
    background-image: url('/images/d/da/Josh_SA.png'); /* Замените на путь к вашему изображению */
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    top: -516.2px; /* Смещение изображения вверх */
    left: 60px; /* Смещение изображения влево */
    width: calc(67.9%); /* Ширина изображения больше, чем ширина таблицы */
    height: calc(67.9%); /* Высота изображения больше, чем высота таблицы */
    z-index: 0; /* Размещаем изображение позади таблицы */
    opacity: 1; /* Убедитесь, что прозрачность равна 1 (100%) */
}
.infobox-header-sai {
    background-color: #007BFF; /* Цвет для темной темы */
    color: #fff;              /* Белый текст */
}
/* Стандартный стиль заголовка инфобокса с цветом фона #EA423C */
.mw-parser-output .infobox th[style*="background-color:#EA423C"] {
    background-color: #EA423C; /* Исходный цвет */
    color: #fff;              /* Белый текст */
    font-weight: bold;        /* Жирный шрифт */
    text-align: center;        /* Выравнивание по центру */
    padding: 8px;              /* Внутренние отступы */
}
/* Измененный стиль заголовка инфобокса для синей темы */
.theme-dark .mw-parser-output .infobox th[style*="background-color:#EA423C"] {
    background-color: #007BFF !important; /* Синий фон для темной темы с !important */
    color: #fff !important;              /* Белый текст */
}
.mw-parser-output .infobox-above, .mw-parser-output .infobox-title {
.mw-parser-output .infobox-above, .mw-parser-output .infobox-title {
     font-size: 125%;
     font-size: 125%;
Line 384: Line 574:
.custom-table tbody .cell-red { background-color: #ffdddd; }
.custom-table tbody .cell-red { background-color: #ffdddd; }


.custom-table { background-color: #F2FFFF; border: 2px solid #D33328; border-collapse: collapse; }
.custom-table { background-color: #F2FFFF; border: 2px solid #B0DFE5; border-collapse: collapse; }


.disc-table { border: 2px solid #D33328; }
.disc-table { border: 2px solid #B0DFE5; }


.custom-table .cell-der { background-color: #CC531E; }
.custom-table .cell-der { background-color: #CC531E; }


.custom-table th, .custom-table td { border: 1px solid #D33328; padding: 3px; }
.custom-table th, .custom-table td { border: 1px solid #B0DFE5; padding: 3px; }


.custom-table .header-red { background-image:url(/images/f/f9/Scaled_no_transparent.png); background-size: cover; color: white; text-align: center; }
.custom-table .header-red { background-image:url(/images/f/f9/Scaled_no_transparent.png); background-size: cover; color: white; text-align: center; }
Line 400: Line 590:
.custom-table .cell-photo { background-color: #E0FFFF; }
.custom-table .cell-photo { background-color: #E0FFFF; }


.custom-table .cell-box { background-image:url(/images/f/f9/Scaled_no_transparent.png); }
.custom-table .cell-box { background-image:url(/images/1/15/Scaled_no_transparent2.png); }


.custom-table .cell-blue { background-color: #B0DFE5; border: 1px solid #C14424; height: 2px; }
.custom-table .cell-blue { background-color: #B0DFE5; border: 1px solid #C14424; height: 2px; }
Line 466: Line 656:
.background-table { background-image: url(/images/3/3b/Clancy_background.png); background-size: cover;}
.background-table { background-image: url(/images/3/3b/Clancy_background.png); background-size: cover;}


.wikitable > tr > th, .wikitable > * > tr > th { background:#}
#catlinks { background:#B0DFE5; border: 1px solid #B0DFE5; color: F2FFFF; }
 
#catlinks { background:#B0DFE5; border: 1px solid #D33328; }


.mw-parser-output .tracklist th[scope="col"] { background-color: #ef5e29; }
.mw-parser-output .tracklist th[scope="col"] { background-color: #ef5e29; }


.wikitable > tr > th, .wikitable > * > tr > th { background-color: #D33328; border: 1px solid #7b1325; background-image: url(/images/d/db/Clancy_Letter_Background1.png); background-size: cover; color: #fff; }
.wikitable > tr > th, .wikitable > * > tr > th { color: #076262; background-color: #B0DFE5; border: 1px solid #7b1325; background-image: url(/images/d/db/Clancy_Letter_Background1.png); background-size: cover; color: #fff; }


.wikitable > tr > th, .wikitable > * > tr > th { background-color: #eaecf0; text-align: center; color: #fff; }
.wikitable > tr > th, .wikitable > * > tr > th { background-color: #eaecf0; text-align: center; color: #fff; }
.wikitable > tr > th, .wikitable > * > tr > th { background-color: #D33328; border: 1px solid #7b1325; background-image: url(/images/d/db/Clancy_Letter_Background1.png); }


.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td { background: #F2FFFF; }
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td { background: #F2FFFF; }


.wikitable > tr > th, .wikitable > * > tr > th { background-color: #D33328; border: 1px solid #7b1325; background-size: cover; background-image: url(/images/d/db/Clancy_Letter_Background1.png); }
.wikitable > tr > th, .wikitable > * > tr > th { color: #076262; background-color: #B0DFE5; border: 1px solid #7b1325; background-size: cover; background-image: url(/images/d/db/Clancy_Letter_Background1.png); }


.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td { border: 1px solid #7b1325; }
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td { border: 1px solid #7b1325; }


.catlinks li { display: inline-block; line-height: 1.25em; border-left: 1px solid #D33328; margin: 0.125em 0; padding: 0 0.5em; }
.catlinks li { display: inline-block; line-height: 1.25em; border-left: 1px solid #B0DFE5; margin: 0.125em 0; padding: 0 0.5em; }


.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { background-image: linear-gradient(to bottom,rgba(167,215,249,0) 0,#722215 100%); background-repeat: no-repeat; background-size: 1px 100%; }
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { background-image: linear-gradient(to bottom,rgba(167,215,249,0) 0,#722215 100%); background-repeat: no-repeat; background-size: 1px 100%; }
Line 490: Line 676:
:not(:checked) > .vector-menu-checkbox { background:#EFB737; display: block; }
:not(:checked) > .vector-menu-checkbox { background:#EFB737; display: block; }


li.gallerybox div.thumb { border: hidden; background-color: #D33328; text-align:center; }
li.gallerybox div.thumb { border: hidden; background-color: #B0DFE5; text-align:center; }


.mw-parser-output .tracklist-total-length th>span { background-color: #d8663d; }
.mw-parser-output .tracklist-total-length th>span { background-color: #d8663d; }
Line 500: Line 686:
.c-actions { margin: 10px 5px 0px 0px; }
.c-actions { margin: 10px 5px 0px 0px; }


.c-item { background-color: #F2FFFF; border:2px solid #D33328; color: #722215; margin: 10px 0px 15px 0px; }
.c-item { background-color: #F2FFFF; border:2px solid #B0DFE5; color: #722215; margin: 10px 0px 15px 0px; }


.c-avatar img { padding: 3px; border: 1px solid #dcdcdc; background-color: #bc1313; margin: 6px 0px 0px 6px; }
.c-avatar img { padding: 3px; border: 1px solid #dcdcdc; background-color: #bc1313; margin: 6px 0px 0px 6px; }
Line 534: Line 720:
.mwe-popups .mwe-popups-extract[dir='ltr']:after { right: 0; background-image: linear-gradient(to right,rgba(255,255,255,0),#F2FFFF 50%); }
.mwe-popups .mwe-popups-extract[dir='ltr']:after { right: 0; background-image: linear-gradient(to right,rgba(255,255,255,0),#F2FFFF 50%); }


.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td { background-color: #; border: 1px solid #D33328; padding: 0.2em 0.4em; }
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td { background-color: #; border: 1px solid #B0DFE5; padding: 0.2em 0.4em; }


input[type="checkbox" i] { color: #B0E0E6; }
input[type="checkbox" i] { color: #B0E0E6; }
Line 555: Line 741:
element.style { width: 60%; background-color: ; background-image: url(/images/1/14/Scaled_transparent.png); }
element.style { width: 60%; background-color: ; background-image: url(/images/1/14/Scaled_transparent.png); }


.toc, .toccolours { border-radius: 8px 8px; border: 3px solid #D33328; background-color: #F2FFFF; }
.toc, .toccolours { border-radius: 8px 8px; border: 3px solid #B0DFE5; background-color: #F2FFFF; }


#p-tb { background-color: #F8F9FB; border-radius: 0px 0px 10px 10px; border: 3px solid #722215; border-top:hidden; background-image:url(/images/3/38/Sidebar2.png); font-family: 'MyCustomFont2', sans-serif; }
#p-tb { background-color: #F8F9FB; border-radius: 0px 0px 10px 10px; border: 3px solid #722215; border-top:hidden; background-image:url(/images/3/38/Sidebar2.png); font-family: 'MyCustomFont2', sans-serif; }


#p-personal ul { background: #E0FFFF; border-radius: 3px 3px; border: 2px solid #D33328; padding:0.1em 1.5em; height: 23px; }
#p-personal ul { background: #E0FFFF; border-radius: 3px 3px; border: 2px solid #B0DFE5; padding:0.1em 1.5em; height: 23px; }


#mw-head { background-image: url(/images/3/3b/Twenty_One_Pilots_background.jpg);}
#mw-head { background-image: url(/images/3/3b/Twenty_One_Pilots_background.jpg);}
Line 566: Line 752:


.vector-menu-checkbox {
.vector-menu-checkbox {
     color: #D33328;
     color: #B0DFE5;
     cursor: pointer;
     cursor: pointer;
     position: absolute;
     position: absolute;
Line 598: Line 784:
.vector-menu-tabs-legacy li { background-image: linear-gradient(to top,#E0FFFF 0,#E0FFFF 1px,#C1BBB2 100% );  
.vector-menu-tabs-legacy li { background-image: linear-gradient(to top,#E0FFFF 0,#E0FFFF 1px,#C1BBB2 100% );  


.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading { background-image: linear-gradient(to right,rgba(200,204,209,0) 0,#D33328 33%,#F7572E 66%,rgba(200,204,209,0) 100%); background-position: center bottom; background-repeat: no-repeat; background-size: 100% 1px; font-weight: bold; }
.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading { background-image: linear-gradient(to right,rgba(200,204,209,0) 0,#B0DFE5 33%,#F7572E 66%,rgba(200,204,209,0) 100%); background-position: center bottom; background-repeat: no-repeat; background-size: 100% 1px; font-weight: bold; }


.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { background-image: linear-gradient(to bottom,rgba(68,137,145,0) 0,#D33328 100%); border: 4px solid #722215; background-repeat: no-repeat; background-size: 1px 100%; border: 4px solid #D33328; margin-top: -4px; }
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { background-image: linear-gradient(to bottom,rgba(68,137,145,0) 0,#B0DFE5 100%); border: 4px solid #722215; background-repeat: no-repeat; background-size: 1px 100%; border: 4px solid #B0DFE5; margin-top: -4px; }


.imagelink_telegram a {
.imagelink_telegram a {
Retrieved from "https://twentyonewiki.info/index.php/Special:MobileDiff/8229...10091"

Navigation menu