Заглавная страница2: различия между версиями
Chen (обсуждение | вклад) Версия 3 Метки: ручная отмена через визуальный редактор |
Chen (обсуждение | вклад) Версия 4 |
||
| Строка 4: | Строка 4: | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
justify-content: center; | justify-content: center; | ||
gap: | gap: 2em; | ||
padding: 1.5em; | padding: 1.5em; | ||
background: radial-gradient(circle at top left, #0c0c18 0%, #060611 100%); | background: radial-gradient(circle at top left, #0c0c18 0%, #060611 100%); | ||
| Строка 13: | Строка 13: | ||
<!-- ОСНОВНОЕ --> | <!-- ОСНОВНОЕ --> | ||
<div style=" | <div style=" | ||
flex: 1 1 | flex: 1 1 calc(50% - 2em); | ||
max-width: | max-width: 500px; | ||
background: rgba(20, 20, 35, 0.85); | background: rgba(20, 20, 35, 0.85); | ||
border: 1px solid rgba(100,100,200,0.3); | border: 1px solid rgba(100,100,200,0.3); | ||
| Строка 21: | Строка 21: | ||
overflow: hidden; | overflow: hidden; | ||
transition: 0.3s; | transition: 0.3s; | ||
" onmouseover="this.style.transform='scale(1.03)';" onmouseout="this.style.transform='scale(1)'"> | " | ||
onmouseover="this.style.transform='scale(1.03)';" | |||
onmouseout="this.style.transform='scale(1)'"> | |||
<div style="background: linear-gradient(90deg, #3b3b5e, #1b1b3b); color: #fff; text-align: center; padding: .6em; font-size: 1.3em;"> | <div style="background: linear-gradient(90deg, #3b3b5e, #1b1b3b); color: #fff; text-align: center; padding: .6em; font-size: 1.3em;"> | ||
<b>Основное</b> | <b>Основное</b> | ||
| Строка 42: | Строка 44: | ||
<!-- GUIDES --> | <!-- GUIDES --> | ||
<div style=" | <div style=" | ||
flex: 1 1 | flex: 1 1 calc(50% - 2em); | ||
max-width: | max-width: 500px; | ||
background: rgba(20, 20, 35, 0.85); | background: rgba(20, 20, 35, 0.85); | ||
border: 1px solid rgba(42,128,219,0.4); | border: 1px solid rgba(42,128,219,0.4); | ||
| Строка 50: | Строка 52: | ||
overflow: hidden; | overflow: hidden; | ||
transition: 0.3s; | transition: 0.3s; | ||
" onmouseover="this.style.transform='scale(1.03)';" onmouseout="this.style.transform='scale(1)'"> | " | ||
onmouseover="this.style.transform='scale(1.03)';" | |||
onmouseout="this.style.transform='scale(1)'"> | |||
<div style="background: linear-gradient(90deg, rgba(42,128,219), rgba(30,90,180)); color:white; text-align:center; padding:.6em; font-size:1.3em;"> | <div style="background: linear-gradient(90deg, rgba(42,128,219), rgba(30,90,180)); color:white; text-align:center; padding:.6em; font-size:1.3em;"> | ||
<b>Guides</b> | <b>Guides</b> | ||
| Строка 63: | Строка 67: | ||
<!-- ROLES --> | <!-- ROLES --> | ||
<div style=" | <div style=" | ||
flex: 1 1 | flex: 1 1 calc(50% - 2em); | ||
max-width: | max-width: 500px; | ||
background: rgba(20, 20, 35, 0.85); | background: rgba(20, 20, 35, 0.85); | ||
border: 1px solid rgba(41,77,207,0.4); | border: 1px solid rgba(41,77,207,0.4); | ||
| Строка 71: | Строка 75: | ||
overflow: hidden; | overflow: hidden; | ||
transition: 0.3s; | transition: 0.3s; | ||
" onmouseover="this.style.transform='scale(1.03)';" onmouseout="this.style.transform='scale(1)'"> | " | ||
onmouseover="this.style.transform='scale(1.03)';" | |||
onmouseout="this.style.transform='scale(1)'"> | |||
<div style="background: linear-gradient(90deg, rgba(41,77,207), rgba(20,50,150)); color:white; text-align:center; padding:.6em; font-size:1.3em;"> | <div style="background: linear-gradient(90deg, rgba(41,77,207), rgba(20,50,150)); color:white; text-align:center; padding:.6em; font-size:1.3em;"> | ||
<b>Roles</b> | <b>Roles</b> | ||
| Строка 84: | Строка 90: | ||
<!-- LORE --> | <!-- LORE --> | ||
<div style=" | <div style=" | ||
flex: 1 1 | flex: 1 1 calc(50% - 2em); | ||
max-width: | max-width: 500px; | ||
background: rgba(20, 20, 35, 0.85); | background: rgba(20, 20, 35, 0.85); | ||
border: 1px solid rgba(0,168,104,0.4); | border: 1px solid rgba(0,168,104,0.4); | ||
| Строка 92: | Строка 98: | ||
overflow: hidden; | overflow: hidden; | ||
transition: 0.3s; | transition: 0.3s; | ||
" onmouseover="this.style.transform='scale(1.03)';" onmouseout="this.style.transform='scale(1)'"> | " | ||
onmouseover="this.style.transform='scale(1.03)';" | |||
onmouseout="this.style.transform='scale(1)'"> | |||
<div style="background: linear-gradient(90deg, rgba(0,168,104), rgba(0,110,70)); color:white; text-align:center; padding:.6em; font-size:1.3em;"> | <div style="background: linear-gradient(90deg, rgba(0,168,104), rgba(0,110,70)); color:white; text-align:center; padding:.6em; font-size:1.3em;"> | ||
<b>Lore</b> | <b>Lore</b> | ||