|
|
| Line 1: |
Line 1: |
| /* Стили для kitchen_sink (уже есть в вашем коде, но добавим для полноты) */
| |
| .mw-parser-output .kitchen_sink {
| |
| position: relative;
| |
| display: flex;
| |
| align-items: center;
| |
| width: 150px;
| |
| margin: 0;
| |
| padding: 0;
| |
| }
| |
|
| |
| .mw-parser-output .pillar {
| |
| width: 5px;
| |
| height: 28px;
| |
| background-color: #D02019;
| |
| margin: 0;
| |
| }
| |
|
| |
| .mw-parser-output .left-pillar {
| |
| margin-right: 50px;
| |
| }
| |
|
| |
| .mw-parser-output .right-pillar {
| |
| transform: rotate(20deg);
| |
| margin-left: -35px;
| |
| }
| |
|
| |
| .mw-parser-output .bridge-beam {
| |
| position: absolute;
| |
| width: 10px;
| |
| height: 5px;
| |
| background-color: #D02019;
| |
| top: 50%;
| |
| left: calc(50% - 30px - 38px);
| |
| transform: translateY(-50%);
| |
| margin: 0;
| |
| }
| |
|
| |
| /* Стили для ссылок */
| |
| .mw-parser-output .social-links {
| |
| display: flex;
| |
| justify-content: space-between;
| |
| flex-wrap: wrap;
| |
| gap: 10px;
| |
| }
| |
|
| |
| .mw-parser-output .social-link {
| |
| display: inline-block;
| |
| text-decoration: none;
| |
| font-family: Arial, sans-serif;
| |
| font-size: 14px;
| |
| color: #000;
| |
| border: 1px solid #D02019;
| |
| border-radius: 5px;
| |
| padding: 5px 10px;
| |
| background-color: transparent;
| |
| transition: background-color 0.3s ease, color 0.3s ease;
| |
| }
| |
|
| |
| .mw-parser-output .social-link:hover {
| |
| background-color: #D02019;
| |
| color: #FFF;
| |
| }
| |
|
| |
|
| |
|
| |
| /* Kitchen Sink Logo*/ | | /* Kitchen Sink Logo*/ |
|
| |
|