Участник:Richard Jones/Community: различия между версиями
Внешний вид
Нет описания правки |
Нет описания правки |
||
| Строка 1: | Строка 1: | ||
{{#css: | {{#css: | ||
.community-frame { | |||
display: flex; | |||
flex-direction: column; | |||
border-radius: 0.35em; | |||
border: 1px solid hsl(215deg 50% 81%); | |||
} | |||
.community-frame__title { | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
flex-direction: column; | |||
min-height: 32px; | |||
padding: 14px 10px; | |||
color: #232728; | |||
font-size: 1.15em; | |||
text-align: center; | |||
background: linear-gradient(120deg, hsl(210deg 50% 86%) 0%, hsl(220deg 50% 83%) 50%, hsl(210deg 50% 86%) 100%); | |||
} | |||
.community-frame__content { | |||
padding: 10px; | |||
box-shadow: inset 0 1px 3px rgba(0,0,0,0.25),inset 0 -1px 3px rgba(0,0,0,0.25); | |||
background: hsl(215deg 40% 92.5%); | |||
flex-grow: 2; | |||
border-radius: 0 0 0.3em 0.3em; | |||
} | |||
}} | |||
<div class="community-frame" style="margin:12px 0px;width:20%"> | |||
<div class="community-frame__title"> | |||
<div>[[File:Clown_Wiggle.gif|32x32]]</div> | |||
<div>'''Дискорд'''</div> | |||
</div> | |||
<div class="community-frame__content"> | |||
Здесь мы общаемся. | |||
</div></div> | |||
<!--{{#css: | |||
.wrap table { | .wrap table { | ||
width: 75%; | width: 75%; | ||
| Строка 163: | Строка 208: | ||
{{Quick menu}} | {{Quick menu}} | ||
--> | |||
Версия от 11:30, 16 мая 2025
{{#css: .community-frame {
display: flex; flex-direction: column; border-radius: 0.35em; border: 1px solid hsl(215deg 50% 81%);
}
.community-frame__title {
display: flex; justify-content: center; align-items: center; flex-direction: column; min-height: 32px; padding: 14px 10px; color: #232728; font-size: 1.15em; text-align: center; background: linear-gradient(120deg, hsl(210deg 50% 86%) 0%, hsl(220deg 50% 83%) 50%, hsl(210deg 50% 86%) 100%);
}
.community-frame__content {
padding: 10px; box-shadow: inset 0 1px 3px rgba(0,0,0,0.25),inset 0 -1px 3px rgba(0,0,0,0.25); background: hsl(215deg 40% 92.5%); flex-grow: 2; border-radius: 0 0 0.3em 0.3em;
} }}
