8,957
edits
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
/* HelUs Sidebar */ | |||
#help-container { | |||
background-color: #AF9CA1; | |||
background-image: url(/images/9/97/Sidebar.png); | |||
padding: 10px; | |||
margin-top: 10px; | |||
text-align: center; | |||
max-width: 115px; | |||
margin-left: 12px; | |||
border: 3px solid #600700; | |||
border-radius: 10px 10px; | |||
} | |||
#help-container div { | |||
color: #DDD7CC; | |||
font-size: 16px; | |||
font-weight: bold; | |||
} | |||
.help-container { | |||
padding: 10px; /* Внутренний отступ для контейнера */ | |||
margin-top: 10px; /* Отступ сверху */ | |||
text-align: center; /* Центрирование содержимого */ | |||
font-family: 'MyCustomFont2', sans-serif; /* Применение пользовательского шрифта */ | |||
} | |||
.help-header { | |||
color: #000; /* Цвет текста заголовка */ | |||
font-size: 0.80em; | |||
font-weight: bold; | |||
background-image: linear-gradient(to right, rgba(200, 204, 209, 0) 0, #AA3C14 33%, #AA3C14 66%, rgba(200, 204, 209, 0) 100%); | |||
background-position: center bottom; | |||
background-repeat: no-repeat; | |||
background-size: 100% 1px; | |||
text-align: left; | |||
margin-top: -10px; | |||
} | |||
.help-text { | |||
color: #000; /* Цвет текста заголовка */ | |||
font-size: 0.80em; /* Размер шрифта */ | |||
background-image: linear-gradient(to right, rgba(200, 204, 209, 0) 0, #AA3C14 33%, #AA3C14 66%, rgba(200, 204, 209, 0) 100%); | |||
background-position: center top; /* Положение фона */ | |||
background-repeat: no-repeat; /* Фон не повторяется */ | |||
background-size: 100% 1px; /* Размер фона */ | |||
text-align: center; /* Выравнивание текста по центру */ | |||
margin-top: 10px; /* Отступ сверху */ | |||
padding-top: 5px; /* Отступ от фона на 5 пикселей */ | |||
} | |||
.help-image { | |||
max-width: 105%; /* Ограничивает ширину изображения до 100% от родительского контейнера */ | |||
max-height: 105%; /* Ограничивает высоту изображения до 100% от родительского контейнера */ | |||
height: auto; /* Высота будет автоматически подстраиваться для сохранения пропорций */ | |||
width: auto; /* Ширина будет автоматически подстраиваться для сохранения пропорций */ | |||
margin-top: 10px; /* Отступ сверху */ | |||
display: block; /* Обязательно, чтобы центрировать */ | |||
margin-left: auto; /* Центрирование */ | |||
margin-right: auto; /* Центрирование */ | |||
border: 2px solid #600700; /* Красная рамка вокруг изображения */ | |||
border-radius: 8px; /* Скругление углов рамки */ | |||
background-color: transparent; /* Прозрачный фон для изображения */ | |||
margin-left: -5px; | |||
} | |||
.mw-parser-output a.extiw, .mw-parser-output a.external { | .mw-parser-output a.extiw, .mw-parser-output a.external { | ||
color: #FFD800; | color: #FFD800; | ||
Line 43: | Line 108: | ||
float: right; /* Выравнивание по правому краю */ | float: right; /* Выравнивание по правому краю */ | ||
background-color: #3F3F3F; /* Фоновый цвет */ | background-color: #3F3F3F; /* Фоновый цвет */ | ||
border: 2px solid # | border: 2px solid #CF2019; /* Граница */ | ||
margin-bottom: 10px; /* Отступ снизу */ | margin-bottom: 10px; /* Отступ снизу */ | ||
list-style-type: none; /* Убирает стандартные маркеры <li> */ | list-style-type: none; /* Убирает стандартные маркеры <li> */ | ||
Line 77: | Line 142: | ||
.custom-li2 { | .custom-li2 { | ||
background-color: #3F3F3F; | background-color: #3F3F3F; | ||
border: 2px solid # | border: 2px solid #CF2019; | ||
margin-bottom: 10px; | margin-bottom: 10px; | ||
list-style-type: none; /* Убирает стандартные маркеры <li> */ | list-style-type: none; /* Убирает стандартные маркеры <li> */ |