Песочница/Pok/3: различия между версиями

мНет описания правки
Нет описания правки
Строка 1: Строка 1:
<div class="slide__container mw-collapsible mw-collapsed new-collapsed"  data-expandtext="+" data-collapsetext="-"
<div class="slide__container mw-collapsible mw-collapsed new-collapsed"
style="
style="
text-align: {{{text-align|center}}};
text-align: {{{text-align|center}}};
Строка 56: Строка 56:
}
}
.new-collapsed .mw-collapsible-text {
.new-collapsed .mw-collapsible-text {
display: none;
}
.new-collapsed .mw-collapsible-title {
}
.mw-collapsible-toggle::before {
content: '+';
color: #6b72a7;
color: #6b72a7;
font-weight: bold;
font-weight: bold;
font-size: 40px;
font-size: 40px;
margin-bottom: 7px;
margin-bottom: 8px;
text-decoration: none !important;
text-decoration: none !important;
border: none !important;
border: none !important;
}
}
.new-collapsed .mw-collapsible-title {
.mw-collapsible:not(.mw-collapsed) .mw-collapsible-toggle::before {
cursor: pointer;
content: '-';
display: inline-block;
padding: 5px;
}
.new-collapsed .mw-collapsible-toggle:before {
content: attr(data-expandtext);
}
.new-collapsed .mw-collapsed .mw-collapsible-toggle:before {
content: attr(data-expandtext);
}
.new-collapsed .mw-collapsible:not(.mw-collapsed) .mw-collapsible-toggle:after {
content: attr(data-collapsetext);
}
.new-collapsed .mw-collapsible-toggle:after {
content: attr(data-expandtext);
}
.new-collapsed .mw-collapsed .mw-collapsible-toggle:after {
content: attr(data-expandtext);
}
.new-collapsed .mw-collapsible:not(.mw-collapsed) .mw-collapsible-toggle:after {
content: attr(data-collapsetext);
}
.new-collapsed .mw-collapsible-title {
display: flex;
align-items: center;
}
.new-collapsed .mw-collapsible-toggle:before {
content: attr(data-expandtext);
}
.new-collapsed .mw-collapsed .mw-collapsible-toggle:before {
content: attr(data-expandtext);
}
.new-collapsed .mw-collapsible:not(.mw-collapsed) .mw-collapsible-toggle:before {
content: attr(data-collapsetext);
}
.new-collapsed .mw-collapsible-title {
display: flex;
align-items: center;
cursor: pointer;
}
}
.new-collapsed .mw-collapsible-title:hover + .mw-collapsible-content {
.new-collapsed .mw-collapsible-title:hover + .mw-collapsible-content {
Строка 119: Строка 88:
height: 55px;
height: 55px;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
}
.new-collapsed .mw-collapsible:not(.mw-collapsed) .mw-collapsible-toggle:after {
display: none;
}
.new-collapsed .mw-collapsible-toggle:after {
display: none;
}
.new-collapsed .mw-collapsed .mw-collapsible-toggle:after {
display: none;
}
.new-collapsed .mw-collapsible:not(.mw-collapsed) .mw-collapsible-toggle:after {
display: none;
}
}
</div>
</div>
 
<br><br>
<div class="grid-box">
<div class="grid-box">
<div>
<div>