|
|
| (не показаны 52 промежуточные версии этого же участника) |
| Строка 1: |
Строка 1: |
| <div class="slide__container mw-collapsible mw-collapsed new-collapsed"
| |
| style="
| |
| text-align: {{{text-align|center}}};
| |
| border: {{{border-size|3px}}} solid {{{border-color|#4c4c61}}};
| |
| border-radius: {{{border-radius|0.3em}}};
| |
| margin-bottom: {{{margin-bottom|6px}}};
| |
| ">
| |
| <div class="slide__title"
| |
| style="
| |
| color: {{{color|lightgrey}}};
| |
| font-size: {{{font-size|1.1em}}};
| |
| ">{{{title}}}</div>
| |
| <div class="slide__content mw-collapsible-content">{{{content}}}</div>
| |
| </div>
| |
| <!-- Не изменяемый CSS -->
| |
| <div class="customCSS" style="display:none">
| |
| .slide__container {
| |
| background: #27272f;
| |
| position: relative;
| |
| padding: 16px;
| |
| text-wrap: pretty;
| |
| }
| |
| .slide__title {
| |
| position: relative;
| |
| z-index: 2;
| |
| display: inline-block;
| |
| margin: 0;
| |
| font-family: 'Arial', sans-serif;
| |
| font-weight: bold;
| |
| pointer-events: none;
| |
| }
| |
| .slide__content {
| |
| padding-top: 32px;
| |
| text-align: left;
| |
| }
| |
| .new-collapsed .mw-collapsible-toggle {
| |
| position: absolute;
| |
| top: 0;
| |
| left: 0;
| |
| bottom: 0;
| |
| right: 0;
| |
| width: 100%;
| |
| height: 100%;
| |
| padding: 16px !important;
| |
| text-align: center;
| |
| box-sizing: border-box;
| |
| display: flex;
| |
| align-content: center;
| |
| justify-content: flex-end;
| |
| align-items: center;
| |
| transition: background-color 0.2s;
| |
| line-height: 40px;
| |
| }
| |
| .new-collapsed .mw-collapsible-toggle:hover {
| |
| background-color: #23232b;
| |
| }
| |
| .new-collapsed .mw-collapsible-text {
| |
| display: none;
| |
| }
| |
| .new-collapsed .mw-collapsible-title {
| |
|
| |
|
| }
| |
| .new-collapsed .mw-collapsible-toggle:before {
| |
| content: '+';
| |
| color: #616bb9;
| |
| font-weight: bold;
| |
| font-size: 40px;
| |
| margin-bottom: 8px;
| |
| text-decoration: none !important;
| |
| border: none !important;
| |
| }
| |
| .new-collapsed .mw-collapsible-toggle:hover:before {
| |
| color: #727dcb;
| |
| }
| |
| .mw-collapsible:not(.mw-collapsed) .mw-collapsible-toggle:before {
| |
| content: '-';
| |
| }
| |
| .new-collapsed .mw-collapsible-title:hover + .mw-collapsible-content {
| |
| display: block;
| |
| }
| |
| .new-collapsed .mw-collapsible.mw-collapsed .mw-collapsible-content {
| |
| display: none;
| |
| }
| |
| .new-collapsed .mw-collapsible:not(.mw-collapsed) .mw-collapsible-content {
| |
| display: block;
| |
| }
| |
| .new-collapsed.mw-collapsible:not(.mw-collapsed) .mw-collapsible-toggle {
| |
| background-color: #22222b;
| |
| }
| |
| .new-collapsed.mw-collapsible:not(.mw-collapsed) .mw-collapsible-toggle {
| |
| height: 58px !important;
| |
| box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5) !important;
| |
| }
| |
| .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>
| |
