Шаблон:MobCard: различия между версиями
Felikc (обсуждение | вклад) Новая страница: «<div class="anomaly-сard"> <div class="anomaly-сard__header"><span style="margin-bottom:6px;">{{{Изображение}}}</span><span>{{Anchor|{{{Название}}}}}</span></div><!-- -->{{#if: {{{Название|}}}|<div><br>{{{Название}}}</div>|}}<!-- --></div> {{#css: .anomaly-сard { background: #33333f; border-radius: 0.5em; font-size: 14px; color: #dbdbdb; position: relative; border: 1px outset rgb(0 0 0 / 30%);...» |
Pok (обсуждение | вклад) мНет описания правки |
||
| (не показано 12 промежуточных версий 2 участников) | |||
| Строка 1: | Строка 1: | ||
<div class=" | <div class="mob-сard"> | ||
<div class=" | <div class="mob-сard__header"><span style="margin-bottom:6px;">{{{Изображение}}}</span></div><!-- | ||
-->{{#if: {{{Название|}}}|<div><br>{{{Название}}}</div>|}}<!-- | -->{{#if: {{{Название|}}}|<div class="mob-сard__titile"><br>{{Anchor|{{{Название}}}}}{{{Название}}}</div>|}}<!-- | ||
--></div> | --></div> | ||
{{#css: | {{#css: | ||
. | .mob-сard { | ||
background: #33333f; | background: #33333f; | ||
border-radius: 0.5em; | border-radius: 0.5em; | ||
| Строка 10: | Строка 10: | ||
color: #dbdbdb; | color: #dbdbdb; | ||
position: relative; | position: relative; | ||
border: 1px outset rgb(0 0 0 / | border: 1px outset rgb(0 0 0 0 0 0 0 0 0 / 10%); | ||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); | box-shadow: 0 2px 4px rgba(0, 0, 0, 0, 0, 0, 0, 0, 0, 0.2); | ||
} | } | ||
. | .mob-сard__header { | ||
font-size: 16px; | font-size: 16px; | ||
text-align: center; | text-align: center; | ||
| Строка 22: | Строка 22: | ||
} | } | ||
. | .mob-сard__titile { | ||
display: flex; | |||
align-content: center; | |||
text-align: center; | |||
font-weight: bold; | |||
justify-content: center; | |||
} | |||
.mob-сard > div:not(:first-child) { | |||
border-top: 1px solid #1d1e27; | border-top: 1px solid #1d1e27; | ||
} | } | ||
. | .mob-сard > div { | ||
padding: 6px; | padding: 6px; | ||
} | } | ||
@media screen and (max-width: 851px) { | @media screen and (max-width: 851px) { | ||
. | .mob-сard { | ||
box-sizing: border-box; | box-sizing: border-box; | ||
width: 100%; | width: 100%; | ||