8,959
edits
MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
no edit summary
No edit summary Tag: Manual revert |
No edit summary Tag: Reverted |
||
| Line 1: | Line 1: | ||
/* Основной контейнер бокса */ | |||
.mw-parser-output .social-box { | |||
background-color: #DDD7CC; | |||
border: 2px solid #D02019; | |||
border-radius: 10px; | |||
padding: 15px; | |||
margin: 20px 0; | |||
width: 100%; | |||
box-sizing: border-box; | |||
} | |||
/* Заголовок с элементом kitchen_sink */ | |||
.mw-parser-output .social-header { | |||
display: flex; | |||
align-items: center; | |||
justify-content: space-between; /* Заголовок слева, kitchen_sink справа */ | |||
margin-bottom: 10px; | |||
} | |||
.mw-parser-output .social-title { | |||
font-family: Arial, sans-serif; | |||
font-weight: bold; | |||
font-size: 16px; | |||
color: #000; | |||
margin: 0; | |||
line-height: 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*/ | ||