MediaWiki:Common.css

2025-07-01T15:25:03Z

LePacko:

2025-07-01T14:57:10Z

LePacko:

Заглавная страница

2025-07-01T14:56:23Z

LePacko:

<div class="table-container">
{| class="wikitable hover-table"
|-
| colspan="2" class="table-header-cell" |
Добро пожаловать в <span style="color: #1a5fb4;">НаноТрейзен</span>

|-
| style="width: 50%;" class="column-divider"

{| style="width: 100%;"
|-
| class="table-group-header" | Обязательная документация
|-
| class="hover-cell" | <div class="cell-link">[[Стандартные Рабочие Процедуры]]</div>
|-
| class="hover-cell" | <div class="cell-link">[[Корпоративный Закон]]</div>
|-
| class="hover-cell" | <div class="cell-link">[[Бюрократическая работа]]</div>
|}

| style="width: 50%;"

{| style="width: 100%;"
|-
| class="table-group-header" | Дополнительные материалы
|-
| class="hover-cell" | <div class="cell-link">[[Лор]]</div>
|-
| class="hover-cell" | <div class="cell-link">[[Отыгрыш]]</div>
|-
| class="hover-cell" | <div class="cell-link">[[Q&A]]</div>
|}
|}
</div>

MediaWiki:Common.css

2025-07-01T14:56:01Z

LePacko:

/* Размещённый здесь CSS будет применяться ко всем темам оформления */

/* Основные стили для таблицы */
.table-container {
width: 60%;
margin: 2em auto;
}

.wikitable.hover-table {
width: 100%;
border-collapse: separate;
border-spacing: 10px;
background: transparent;
}

.table-header-cell {
text-align: center;
padding: 15px;
font-size: 1.5em;
font-weight: bold;
border: 1px solid #3a3a3a;
border-radius: 8px;
}

.table-group-header {
text-align: center;
padding: 10px;
font-weight: bold;
border-bottom: 2px solid #4d4d4d;
margin-bottom: 10px;
}

/* Стили для ячеек с эффектом при наведении */
.hover-cell {
text-align: center;
padding: 12px;
border: 1px solid #4d4d4d;
border-radius: 6px;
transition: all 0.3s ease;
background: rgba(40, 40, 40, 0.5);
display: block;
}

.hover-cell:hover {
transform: scale(1.03);
border-color: #4d9de0;
background: rgba(30, 60, 90, 0.7);
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

/* Стили кнопок-ячеек */
.cell-button {
display: block;
width: 100%;
padding: 15px;
text-align: center;
border: 1px solid #4d4d4d;
border-radius: 6px;
background: rgba(45, 45, 45, 0.6);
transition: all 0.3s ease;
cursor: pointer;
color: #e0e0e0;
text-decoration: none !important;
font-size: 1.1em;
margin-bottom: 10px;
}

.cell-button:hover {
transform: scale(1.03);
border-color: #4d9de0;
background: rgba(35, 65, 95, 0.8);
box-shadow: 0 4px 12px rgba(0,0,0,0.2);
color: #ffffff;
}

/* Убираем стандартное оформление ссылок */
.cell-button a {
color: inherit !important;
text-decoration: none !important;
display: block;
height: 100%;
width: 100%;
}

/* Дополнительные стили */
.column-divider {
border-right: 2px solid #707070 !important;
}

.center-content {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}

/* ыыаааа наведение 667 раз уже меня заебало блять мама роди назад я уже жалею, что сюда полез */
.table-container {
width: 60%;
margin: 2em auto;
}

.wikitable.hover-table {
width: 100%;
border-collapse: separate;
border-spacing: 12px;
background: transparent;
}

.hover-cell {
position: relative;
border: 1px solid #4d4d4d;
border-radius: 6px;
background: rgba(45, 45, 45, 0.6);
transition: transform 0.3s ease;
transform-origin: center;
overflow: visible;
}

.hover-cell .cell-link {
position: absolute;
top: -1px;
left: -1px;
right: -1px;
bottom: -1px;
display: flex;
align-items: center;
justify-content: center;
padding: 12px;
text-decoration: none !important;
color: inherit !important;
z-index: 2;
border-radius: 6px;
}

.hover-cell:hover {
transform: scale(1.03);
z-index: 10;
background: rgba(35, 65, 95, 0.8);
box-shadow: 0 0 0 2px #4d9de0;
}

.hover-cell .cell-link a {
text-decoration: none !important;
color: inherit !important;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}

MediaWiki:Common.css

2025-07-01T14:52:24Z

LePacko:

/* Размещённый здесь CSS будет применяться ко всем темам оформления */

/* Основные стили для таблицы */
.table-container {
width: 60%;
margin: 2em auto;
}

.wikitable.hover-table {
width: 100%;
border-collapse: separate;
border-spacing: 10px;
background: transparent;
}

.table-header-cell {
text-align: center;
padding: 15px;
font-size: 1.5em;
font-weight: bold;
border: 1px solid #3a3a3a;
border-radius: 8px;
}

.table-group-header {
text-align: center;
padding: 10px;
font-weight: bold;
border-bottom: 2px solid #4d4d4d;
margin-bottom: 10px;
}

/* Стили для ячеек с эффектом при наведении */
.hover-cell {
text-align: center;
padding: 12px;
border: 1px solid #4d4d4d;
border-radius: 6px;
transition: all 0.3s ease;
background: rgba(40, 40, 40, 0.5);
display: block;
}

.hover-cell:hover {
transform: scale(1.03);
border-color: #4d9de0;
background: rgba(30, 60, 90, 0.7);
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

/* Стили кнопок-ячеек */
.cell-button {
display: block;
width: 100%;
padding: 15px;
text-align: center;
border: 1px solid #4d4d4d;
border-radius: 6px;
background: rgba(45, 45, 45, 0.6);
transition: all 0.3s ease;
cursor: pointer;
color: #e0e0e0;
text-decoration: none !important;
font-size: 1.1em;
margin-bottom: 10px;
}

.cell-button:hover {
transform: scale(1.03);
border-color: #4d9de0;
background: rgba(35, 65, 95, 0.8);
box-shadow: 0 4px 12px rgba(0,0,0,0.2);
color: #ffffff;
}

/* Убираем стандартное оформление ссылок */
.cell-button a {
color: inherit !important;
text-decoration: none !important;
display: block;
height: 100%;
width: 100%;
}

/* Дополнительные стили */
.column-divider {
border-right: 2px solid #707070 !important;
}

.center-content {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}

/* ыыаааа наведение 666 раз уже меня заебало блять мама роди назад я уже жалею, что сюда полез */
.hover-cell {
position: relative;
padding: 0;
border: 1px solid #4d4d4d;
border-radius: 6px;
background: rgba(45, 45, 45, 0.6);
transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1);
z-index: 1;
overflow: hidden;
}

.hover-cell::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(77, 157, 224, 0);
transition: background 0.5s ease-out;
z-index: 0;
}

.hover-cell .cell-link {
position: relative;
display: block;
width: 100%;
height: 100%;
padding: 12px;
text-decoration: none !important;
color: inherit;
z-index: 2;
}

.hover-cell:hover {
transform: scale(1.03);
box-shadow: 0 0 0 1px rgba(77, 157, 224, 0.3);
}

.hover-cell:hover::before {
background: rgba(77, 157, 224, 0.15);
}

.hover-cell .cell-link a {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
width: 100%;
text-decoration: none !important;
color: inherit !important;
}