MediaWiki:Theme-trench.css: Difference between revisions

Jump to navigation Jump to search

MediaWiki:Theme-trench.css (view source)

Revision as of 21:52, 15 October 2024

2,863 bytes added ,  15 October 2024
no edit summary
No edit summary
No edit summary
 
(57 intermediate revisions by the same user not shown)
Line 1: Line 1:
.infobox-header-trench {
#p-themes-label .vector-menu-heading-label:before {
     background-color: #007BFF; /* Цвет для темной темы */
    content: "Trench Era";
     color: #fff;               /* Белый текст */
}
 
#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 {
    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/9/99/Clancy_Tyler.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/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%) */
}
}


Line 10: Line 79:
     font-weight: bold;        /* Жирный шрифт */
     font-weight: bold;        /* Жирный шрифт */
     text-align: center;        /* Выравнивание по центру */
     text-align: center;        /* Выравнивание по центру */
    padding: 8px;              /* Внутренние отступы */
}
}


Line 24: Line 92:
     text-align: center;
     text-align: center;
     border-radius: 2px 2px;
     border-radius: 2px 2px;
     background-image: url(/images/f/f9/Scaled_no_transparent.png);
     background-image: url(/images/3/31/Infobox_trench.png);
color: #242D2A;
color: #242D2A;
}
}
Line 30: Line 98:


.theme-trench .mw-parser-output .infobox {
.theme-trench .mw-parser-output .infobox {
     background-color: #F8F9FB;
     background-color: #CECDB1;
     border: 1px solid #ccc;
     border: 1px solid #ccc;
     color: #000;
     color: #000;
Line 36: Line 104:


.theme-trench .mw-parser-output .infobox {
.theme-trench .mw-parser-output .infobox {
     background-color: #F8F9FB;
     background-color: #CECDB1;
     border: 1px solid #555;
     border: 1px solid #605D44;
     color: #000;
     color: #000;
}
}
Line 44: Line 112:
}
}
html.theme-trench .infobox {
html.theme-trench .infobox {
background-color: #F8F9FB;
background-color: #CECDB1;
}
}


Line 50: Line 118:


.infobox {
.infobox {
     background-color: #F8F9FB;
     background-color: #CECDB1;
     border: 1px solid #555;
     border: 2px solid #605D44;
     color: #000;
     color: #000;
}
}
.infobox th {
.infobox th {
     background-color: #F8F9FB;
     background-color: #CECDB1;
     color: #000;
     color: #000;
}
}
.infobox td {
.infobox td {
     background-color: #F8F9FB;
     background-color: #CECDB1;
}
}


Line 372: 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 392: 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 402: 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 412: Line 480:
.custom-table th, .custom-table td { border: 1px solid #7a7656; padding: 3px; }
.custom-table th, .custom-table td { border: 1px solid #7a7656; 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:/images/3/31/Infobox_trench.png; background-size: cover; color: white; text-align: center; }


.custom-table .header-blue { background-image:url(/images/f/f9/Scaled_no_transparent.png); background-size: cover; color: white; text-align: center; }
.custom-table .header-blue { background-image:/images/3/31/Infobox_trench.png; background-size: cover; color: white; text-align: center; }


.custom-table .cell-red { background-color: #FFE281; }
.custom-table .cell-red { background-color: #FFE281; }
Line 420: 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 473: Line 541:
   
   
/* This is from the background color of the title of the Navigation menu in the left column */
/* This is from the background color of the title of the Navigation menu in the left column */
#p-navigation { background-color: #F8F9FB; border-radius: 10px 10px 0px 0px; border: 3px solid #722215; border-bottom:hidden; background-image:url(/images/9/97/Sidebar.png); font-family: 'MyCustomFont3', sans-serif; }
#p-navigation { background-color: #d0d3c6; border-radius: 10px 10px 0px 0px; border: 3px solid #722215; border-bottom:hidden; background-image:url(/images/9/97/Sidebar.png); font-family: 'MyCustomFont3', sans-serif; }


/* This is from the background color of the title of the Twenty one pilots menu in the left column */
/* This is from the background color of the title of the Twenty one pilots menu in the left column */
#p-Twenty_one_pilots { background-color: #F8F9FB; border: 3px solid #722215; border-bottom:hidden; border-top:hidden; background-image:url(/images/3/38/Sidebar2.png); font-family: 'MyCustomFont2', sans-serif; }
#p-Twenty_one_pilots { background-color: #d0d3c6; border: 3px solid #722215; border-bottom:hidden; border-top:hidden; background-image:url(/images/3/38/Sidebar2.png); font-family: 'MyCustomFont2', sans-serif; }


/* This is from the background color of the title of the Twenty one pilots menu in the left column */
/* This is from the background color of the title of the Twenty one pilots menu in the left column */
#p-Tyler_Joseph { background-color: #F8F9FB; border: 3px solid #722215; border-bottom:hidden; border-top:hidden; background-image:url(/images/3/38/Sidebar2.png); font-family: 'MyCustomFont2', sans-serif; }
#p-Tyler_Joseph { background-color: #d0d3c6; border: 3px solid #722215; border-bottom:hidden; border-top:hidden; background-image:url(/images/3/38/Sidebar2.png); font-family: 'MyCustomFont2', sans-serif; }


/* This is from the background color of the title of the Members menu in the left column */
/* This is from the background color of the title of the Members menu in the left column */
#p-Members { background-color: #F8F9FB; border: 3px solid #722215; border-bottom:hidden; border-top:hidden; background-image:url(/images/3/38/Sidebar2.png); font-family: 'MyCustomFont2', sans-serif; }
#p-Members { background-color: #d0d3c6; border: 3px solid #722215; border-bottom:hidden; border-top:hidden; background-image:url(/images/3/38/Sidebar2.png); font-family: 'MyCustomFont2', sans-serif; }


.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;}
Line 488: 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; }
Line 560: Line 628:
.mwe-popups .mwe-popups-container { background: #CECDB1; }
.mwe-popups .mwe-popups-container { background: #CECDB1; }


.mw-parser-output .infobox-above, .mw-parser-output .infobox-title { font-size: 125%; font-weight: bold; text-align: center; border-radius: 2px 2px; background-image: url(/images/f/f9/Scaled_no_transparent.png); background-size: cover; text-shadow:  0 0 10px #000; color: #242D2A; }
.mw-parser-output .infobox-above, .mw-parser-output .infobox-title { font-size: 125%; font-weight: bold; text-align: center; border-radius: 2px 2px; background-image: /images/3/31/Infobox_trench.png; background-size: cover; text-shadow:  0 0 10px #000; color: #242D2A; }




Line 577: Line 645:
.toc, .toccolours { border-radius: 8px 8px; border: 3px solid #7a7656; background-color: #CECDB1; }
.toc, .toccolours { border-radius: 8px 8px; border: 3px solid #7a7656; background-color: #CECDB1; }


#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: #d0d3c6; 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: #a4a38d; border-radius: 3px 3px; border: 2px solid #7a7656; padding:0.1em 1.5em; height: 23px; }
#p-personal ul { background: #a4a38d; border-radius: 3px 3px; border: 2px solid #7a7656; padding:0.1em 1.5em; height: 23px; }
Retrieved from "https://twentyonewiki.info/index.php/Special:MobileDiff/8269...9549"

Navigation menu