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

Новая страница: «<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%);...»
 
мНет описания правки
 
(не показано 12 промежуточных версий 2 участников)
Строка 1: Строка 1:
<div class="anomaly-сard">
<div class="mob-сard">
<div class="anomaly-сard__header"><span style="margin-bottom:6px;">{{{Изображение}}}</span><span>{{Anchor|{{{Название}}}}}</span></div><!--
<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:
.anomaly-сard {
.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 / 30%);
     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);
}
}


.anomaly-сard__header {
.mob-сard__header {
     font-size: 16px;
     font-size: 16px;
     text-align: center;
     text-align: center;
Строка 22: Строка 22:
}
}


.anomaly-сard > div:not(:first-child) {
.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;
}
}


.anomaly-сard > div {
.mob-сard > div {
     padding: 6px;
     padding: 6px;
}
}


@media screen and (max-width: 851px) {
@media screen and (max-width: 851px) {
.anomaly-сard {
.mob-сard {
box-sizing: border-box;
box-sizing: border-box;
width: 100%;
width: 100%;