MediaWiki:Test.css

Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

• Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
• Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
• Internet Explorer / Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
• Opera: Нажмите Ctrl+F5.

.collapsible-btn {
    background-color: #4CAF50;
    color: white;
    padding: 10px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    width: 100%;
    text-align: left;
}

.collapsible-btn:hover {
    background-color: #45a049;
}

.collapsible .content {
    display: none;
    padding-left: 10px;
}

.block {
    background-color: lightblue;
    padding: 20px;
    margin: 10px 0;
    transform: rotate(-45deg);
    width: 300px;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.collapsible .content .block {
    transform: rotate(45deg);
}

.collapsible-btn:focus + .content {
    display: block;
}