|
|
| (не показано 29 промежуточных версий этого же участника) |
| Строка 1: |
Строка 1: |
| {{#if: {{{1|}}}|<div class="z-index-position сollapsible-menu mw-collapsible mw-collapsed"><div class="сollapsible-menu__content mw-collapsible-content no-margin-edges short-scrollbar">{{{1|{{#invoke:Prototypes/Предмет/Хранилища|main|contained|ClothingBeltSecurityFilled}}}}}</div></div>}}<!-- | | <div class="customCSS" style="display:none"> |
| --><div class="customCSS" style="display:none">
| | .mw-parser-output *:has(.сollapsible-menu) { position: relative; } |
| .mw-parser-output *:has(.сollapsible-menu) {
| | </div>{{#if: {{{1|}}}|<div class="z-index-position сollapsible-menu mw-collapsible mw-collapsed" style="--color:{{{color|#595965}}}> |
| position: relative;
| | <div class="сollapsible-menu__content mw-collapsible-content no-margin-edges short-scrollbar">{{{1|}}}</div> |
| }
| | </div>}}<!-- |
|
| |
|
| .сollapsible-menu {
| | --><templatestyles src="CollapsibleMenu/styles.css" /> |
| position: absolute;
| |
| z-index: 100;
| |
| right: 4px;
| |
| top: 0;
| |
| align-content: center;
| |
| display: grid;
| |
| }
| |
| | |
| .сollapsible-menu__content {
| |
| padding: 6px;
| |
| border-radius: 0;
| |
| box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
| |
| border: 2px solid #31313b;
| |
| background-color: #24242a;
| |
| min-width: 200px;
| |
| width: 15vw;
| |
| display: grid;
| |
| gap: 4px;
| |
| max-height: 300px;
| |
| overflow: auto;
| |
| border-top: 0 !important;
| |
| }
| |
| | |
| .сollapsible-menu .mw-collapsible-toggle {
| |
| position: relative;
| |
| text-align: right;
| |
| border-bottom: 2px solid #474757;
| |
| color: #595965;
| |
| font-weight: bold;
| |
| font-size: 12px;
| |
|
| |
| top: 0;
| |
| right: 0;
| |
|
| |
| transition: all 0.01s;
| |
| }
| |
| | |
| .сollapsible-menu .mw-collapsible-toggle-expanded {
| |
| color: #6c6c7d;
| |
| }
| |
| | |
| .сollapsible-menu .mw-collapsible-toggle:hover {
| |
| color: #6c6c7d;
| |
| }
| |
| | |
| .сollapsible-menu .mw-collapsible-toggle-default:before {
| |
| content: '▽';
| |
| margin-inline: -2px;
| |
| }
| |
| | |
| .сollapsible-menu .mw-collapsible-toggle-default:after {
| |
| content: none !important;
| |
| }
| |
| .сollapsible-menu .mw-collapsible-text {
| |
| display: none;
| |
| }
| |
| | |
| @media (max-width: 800px) {
| |
| .сollapsible-menu__content {
| |
| }
| |
| }</div>
| |