Шаблон:Modern Table: различия между версиями

Материал из Space Station 14 Вики
Нет описания правки
Нет описания правки
 
(не показаны 3 промежуточные версии этого же участника)
Строка 1: Строка 1:
<includeonly>
<includeonly>
<style>
{| class="wikitable" style="width: {{{width|100%}}}; margin-left: {{{margin-left|0}}}; float: right; background: linear-gradient(135deg, rgba(40,40,50,0.9), rgba(30,30,40,0.9)); border-radius: 10px; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"
.modern-table-container {
! colspan="2" style="background: linear-gradient(90deg, rgba(60,60,70,0.7), rgba(40,40,50,0.9)); color: white; padding: 15px; text-align: center; font-size: 1.5em;" | {{{title|Пример таблицы}}}
    position: relative;
|-
}
! style="background-color: rgba(50,50,60,0.8); color: white; padding: 15px; text-align: right;" | {{{q1|Вопрос 1}}}
 
| style="background-color: rgba(30,30,40,0.8); color: #d3d3d3; padding: 15px;" | {{{a1|Ответ 1}}}
.table-grid {
|-
    transition: all 0.3s ease;
! style="background-color: rgba(50,50,60,0.8); color: white; padding: 15px; text-align: right;" | {{{q2|Вопрос 2}}}
    box-shadow: 0 15px 30px rgba(0,0,0,0.4);
| style="background-color: rgba(30,30,40,0.8); color: #d3d3d3; padding: 15px;" | {{{a2|Ответ 2}}}
}
|-
 
! style="background-color: rgba(50,50,60,0.8); color: white; padding: 15px; text-align: right;" | {{{q3|Вопрос 3}}}
.modern-table {
| style="background-color: rgba(30,30,40,0.8); color: #d3d3d3; padding: 15px;" | {{{a3|Ответ 3}}}
    border-collapse: separate !important;
|-
    border-spacing: 0 10px !important;
! style="background-color: rgba(50,50,60,0.8); color: white; padding: 15px; text-align: right;" | {{{q4|Вопрос 4}}}
    background: linear-gradient(135deg, rgba(30,30,40,0.9), rgba(20,20,30,0.9)) !important;
| style="background-color: rgba(30,30,40,0.8); color: #d3d3d3; padding: 15px;" | {{{a4|Ответ 4}}}
    font-family: 'Montserrat', sans-serif !important;
|}
    border-radius: 10px !important;
</includeonly><noinclude>
    overflow: hidden !important;
Пример использования:
    position: relative !important;
{{Modern Table
}
|title=FAQ (Частые вопросы)
 
|q1=Кто я?
.header-gradient {
|a1=Вы — контрактник или полноценный сотрудник корпорации NT. Возможно, вы учёный, инженер, охранник или исследователь, привлечённый жаждой приключений, карьеры или финансового успеха.
    position: relative;
|q2=Какой сейчас год и где происходит действие?
    background: linear-gradient(90deg, rgba(74,74,74,0.7), rgba(30,30,40,0.9));
|a2=Действие разворачивается в 2196 году. Вы находитесь на космической исследовательской станции в регионе Фронтир.
    display: flex;
|q3=Чем занимается корпорация NanoTrasen (NT)?
    align-items: center;
|a3=NT специализируется на изучении и добыче плазмы — нового ключевого ресурса, который наравне с блюспейсом стал основой для прогресса в космосе. Они строят станции на Фронтире, где исследуют аномалии и ищут ресурсы.
    padding: 10px;
|q4=Может ли мой персонаж знать, что работать в NT и на Фронтире опасно?
}
|a4=Как и весь экипаж, вы убеждены в абсолютной безопасности всех объектов НТ в регионе.
 
|float=right
.header-text {
|width=600px
    color: #d3d3d3 !important;
|margin-left=2em
    z-index: 2;
}}
    position: relative;
</noinclude>
    text-transform: uppercase;
    letter-spacing: 2px;
}
 
.header-line {
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #4a90e2, #9b59b6);
    opacity: 0.7;
}
 
.modern-table-header {
    background: transparent !important;
    padding: 0 !important;
    border: none !important;
}
 
.modern-table-question {
    background-color: rgba(30,30,40,0.7) !important;
    color: #a0a0a0 !important;
    text-align: right !important;
    padding: 15px !important;
    font-weight: bold !important;
    width: 30% !important;
    border: none !important;
    position: relative;
}
 
.modern-table-question::after {
    content: '';
    position: absolute;
    right: -10px;
    top: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient(transparent, rgba(74,144,226,0.5), transparent);
}
 
.modern-table-answer {
    background-color: rgba(20,20,30,0.7) !important;
    color: #c0c0c0 !important;
    padding: 15px !important;
    text-align: left !important;
    border: none !important;
    position: relative;
}
 
.modern-table-answer::before {
    content: '';
    position: absolute;
    left: -10px;
    top: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient(transparent, rgba(155,89,182,0.5), transparent);
}
</style>
 
<div class="modern-table-container">
<div class="table-grid">
{| class="wikitable modern-table" style="float: {{{float|right}}}; width: {{{width|450px}}}; margin-left: {{{margin-left|1em}}};"
! colspan="2" class="modern-table-header" |
<div class="header-gradient">
    <span class="header-

Текущая версия от 23:19, 1 декабря 2024

Пример использования:

FAQ (Частые вопросы)
Кто я? Вы — контрактник или полноценный сотрудник корпорации NT. Возможно, вы учёный, инженер, охранник или исследователь, привлечённый жаждой приключений, карьеры или финансового успеха.
Какой сейчас год и где происходит действие? Действие разворачивается в 2196 году. Вы находитесь на космической исследовательской станции в регионе Фронтир.
Чем занимается корпорация NanoTrasen (NT)? NT специализируется на изучении и добыче плазмы — нового ключевого ресурса, который наравне с блюспейсом стал основой для прогресса в космосе. Они строят станции на Фронтире, где исследуют аномалии и ищут ресурсы.
Может ли мой персонаж знать, что работать в NT и на Фронтире опасно? Как и весь экипаж, вы убеждены в абсолютной безопасности всех объектов НТ в регионе.


Источник — https://station14.ru/index.php?title=Шаблон:Modern_Table&oldid=57166