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,712 bytes added ,  29 November 2024
no edit summary
No edit summary
No edit summary
 
(81 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 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/1/14/Scaled_transparent.png); background-color: #B0DFE5; }
.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 #B0DFE5; }


.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: #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 { 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: #B0DFE5; 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: #B0DFE5; 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; }
Retrieved from "https://twentyonewiki.info/index.php/Special:MobileDiff/8231...10091"

Navigation menu