MediaWiki:Theme-trench.css: Difference between revisions

Jump to navigation Jump to search
no edit summary
No edit summary
No edit summary
 
(40 intermediate revisions by the same user not shown)
Line 1: Line 1:
#p-themes-label .vector-menu-heading-label:before {
    content: "Trench 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;
}
/* Основной стиль для таблицы с изображением позади */
/* Основной стиль для таблицы с изображением позади */
.table-with-background {
.table-with-background {
     position: relative;
     position: relative;
     z-index: 1;
     z-index: 10;
     width: 68%;
     width: 68%;
     display: grid;
     display: grid;
Line 20: Line 36:
     display: block;
     display: block;
     position: absolute;
     position: absolute;
     top: -200px; /* Смещение изображения вверх */
     top: -322px; /* Смещение изображения вверх */
     left: 50px; /* Смещение изображения влево */
     left: 60px; /* Смещение изображения влево */
     width: calc(100% + 100px); /* Ширина изображения больше, чем ширина таблицы */
     width: calc(100% + 100px); /* Ширина изображения больше, чем ширина таблицы */
     height: calc(100% + 100px); /* Высота изображения больше, чем высота таблицы */
     height: calc(100% + 100px); /* Высота изображения больше, чем высота таблицы */
     z-index: -1; /* Размещаем изображение позади таблицы */
     z-index: 0; /* Размещаем изображение позади таблицы */
     opacity: 1; /* Убедитесь, что прозрачность равна 1 (100%) */
     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/6/6f/Josh_Torch.png'); /* Замените на путь к вашему изображению */
    background-size: contain;
    background-position: right;
    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%) */
}


/* Стандартный стиль заголовка инфобокса с цветом фона #EA423C */
/* Стандартный стиль заголовка инфобокса с цветом фона #EA423C */
Line 35: Line 79:
     font-weight: bold;        /* Жирный шрифт */
     font-weight: bold;        /* Жирный шрифт */
     text-align: center;        /* Выравнивание по центру */
     text-align: center;        /* Выравнивание по центру */
    padding: 8px;              /* Внутренние отступы */
}
}


Line 62: Line 105:
.theme-trench .mw-parser-output .infobox {
.theme-trench .mw-parser-output .infobox {
     background-color: #CECDB1;
     background-color: #CECDB1;
     border: 1px solid #555;
     border: 1px solid #605D44;
     color: #000;
     color: #000;
}
}
Line 76: Line 119:
.infobox {
.infobox {
     background-color: #CECDB1;
     background-color: #CECDB1;
     border: 1px solid #555;
     border: 2px solid #605D44;
     color: #000;
     color: #000;
}
}
Line 397: Line 440:
hr.custom-hr-unco { border: 0; height: 1px; background-color: #B59000; margin: 5px 0; }
hr.custom-hr-unco { border: 0; height: 1px; background-color: #B59000; margin: 5px 0; }


hr { background-color: #C14424; }
hr { background-color: #636046; }


.mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-family: 'MyCustomFont2', sans-serif; }
.mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-family: 'MyCustomFont2', sans-serif; }
Line 417: Line 460:
.unco-table { background-color: #FFF6CE; text-align: left; margin: 1em 0; border-collapse: collapse; }
.unco-table { background-color: #FFF6CE; text-align: left; margin: 1em 0; border-collapse: collapse; }


.qute-table { background-color: #FFE281; border-color: #B59000 text-align: left; margin: 1em 0; border-collapse: collapse; }
.qute-table { background-color: #CECDB1; border-color: 1px solid #636046 text-align: left; margin: 1em 0; border-collapse: collapse; }


.setlist-table { background-color: #CECDB1; border: 3px solid #c14424; text-align: left; margin: 1em 0; border-collapse: collapse; }
.setlist-table { background-color: #CECDB1; border: 3px solid #636046; text-align: left; margin: 1em 0; border-collapse: collapse; }


.venue-table > tr > th, .venue-table > tr > td, .venue-table > * > tr > th, .venue-table > * > tr > td { padding: 0.2em 0.4em; }
.venue-table > tr > th, .venue-table > tr > td, .venue-table > * > tr > th, .venue-table > * > tr > td { padding: 0.2em 0.4em; }
Line 427: Line 470:
.setlist-table > tr > th, .setlist-table > tr > td, .setlist-table > * > tr > th, .setlist-table > * > tr > td { padding: 0.2em 0.4em; }
.setlist-table > tr > th, .setlist-table > tr > td, .setlist-table > * > tr > th, .setlist-table > * > tr > td { padding: 0.2em 0.4em; }


.custom-table tbody .cell-red { background-color: #ffdddd; }
.custom-table tbody .cell-red { background-color: #ffdddd; border: 2px solid #636046; }


.custom-table { background-color: #CECDB1; border: 2px solid #7a7656; border-collapse: collapse; }
.custom-table { background-color: #CECDB1; border: 2px solid #7a7656; border-collapse: collapse; }
Line 445: Line 488:
.custom-table .cell-photo { background-color: #a4a38d; }
.custom-table .cell-photo { background-color: #a4a38d; }


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


.custom-table .cell-blue { background-color: #7a7656; border: 1px solid #C14424; height: 2px; }
.custom-table .cell-blue { background-color: #D3CEB1; border: 1px solid #636046; height: 2px; }


.custom-table .cell-disco { text-align:center; border-color:#EFBB7F; background-color: #CECDB1; }
.custom-table .cell-disco { text-align:center; border-color:#636046; background-color: #CECDB1; }


.custom-table .cell-disco2 { background-color:#D87C43; text-align:center; border-color:#EFBB7F; }
.custom-table .cell-disco2 { background-color:#D87C43; text-align:center; border-color:#636046; }


.custom-table .cell-green { background-color: #CECDB1; border: 1px solid #C14424; height: 2px; }
.custom-table .cell-green { background-color: #CECDB1; border: 1px solid #636046; height: 2px; }


.custom-table .header-grass { background-color: #CECDB1; }
.custom-table .header-grass { background-color: #CECDB1; }
Line 513: Line 556:
.wikitable > tr > th, .wikitable > * > tr > th { background:#}
.wikitable > tr > th, .wikitable > * > tr > th { background:#}


#catlinks { background:#7a7656; border: 1px solid #7a7656; }
#catlinks { background:#CECDB1; border: 1px solid #7a7656; }


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

Navigation menu