MediaWiki:Common.css: различия между версиями
Страница интерфейса MediaWiki
Дополнительные действия
Admin (обсуждение | вклад) Новая страница: «→Размещённый здесь CSS будет применяться ко всем темам оформления: .navbar-custom { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 8px; margin-bottom: 20px; } .navbar-nav-custom { display: flex; list-style: none; margin: 0; padding: 0; } .nav-item-custom { margin: 0 5px; } .nav-link-custom { color: white !important; padding: 10px...» |
Admin (обсуждение | вклад) Нет описания правки |
||
| Строка 1: | Строка 1: | ||
/* Размещённый здесь CSS будет применяться ко всем темам оформления */ | /* Размещённый здесь CSS будет применяться ко всем темам оформления */ | ||
.navbar | /* Навигация с использованием возможностей Citizen */ | ||
background: | .citizen-menu .navbar { | ||
background: var(--background-color-primary); | |||
border-radius: 8px; | border-radius: 8px; | ||
margin- | padding: 10px 20px; | ||
margin: 10px 0; | |||
box-shadow: 0 2px 10px rgba(0,0,0,0.1); | |||
} | } | ||
. | .nav-container { | ||
display: flex; | display: flex; | ||
justify-content: space-between; | |||
align-items: center; | |||
} | } | ||
.nav- | .nav-logo { | ||
font-weight: bold; | |||
font-size: 1.2em; | |||
} | } | ||
.nav- | .nav-links { | ||
display: flex; | |||
padding: | gap: 20px; | ||
border-radius: | } | ||
transition: | |||
.nav-link { | |||
padding: 8px 16px; | |||
border-radius: 4px; | |||
transition: background-color 0.3s; | |||
} | } | ||
.nav-link | .nav-link:hover { | ||
background: | background: var(--background-color-secondary); | ||
} | } | ||
/* | /* Выпадающее меню */ | ||
.dropdown | .nav-dropdown { | ||
position: relative; | position: relative; | ||
} | } | ||
.dropdown- | .dropdown-content { | ||
display: none; | display: none; | ||
position: absolute; | position: absolute; | ||
background: | background: var(--background-color-primary); | ||
box-shadow: 0 4px 15px rgba(0,0,0,0.1); | box-shadow: 0 4px 15px rgba(0,0,0,0.1); | ||
border-radius: 8px; | border-radius: 8px; | ||
min-width: 200px; | min-width: 200px; | ||
z-index: 1000; | z-index: 1000; | ||
padding: 10px; | |||
} | } | ||
.dropdown | .nav-dropdown:hover .dropdown-content { | ||
display: block; | display: block; | ||
} | |||
.dropdown-content div { | |||
padding: 8px 12px; | |||
margin: 2px 0; | |||
border-radius: 4px; | |||
} | |||
.dropdown-content div:hover { | |||
background: var(--background-color-secondary); | |||
} | } | ||
Версия от 21:41, 27 ноября 2025
/* Размещённый здесь CSS будет применяться ко всем темам оформления */
/* Навигация с использованием возможностей Citizen */
.citizen-menu .navbar {
background: var(--background-color-primary);
border-radius: 8px;
padding: 10px 20px;
margin: 10px 0;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.nav-container {
display: flex;
justify-content: space-between;
align-items: center;
}
.nav-logo {
font-weight: bold;
font-size: 1.2em;
}
.nav-links {
display: flex;
gap: 20px;
}
.nav-link {
padding: 8px 16px;
border-radius: 4px;
transition: background-color 0.3s;
}
.nav-link:hover {
background: var(--background-color-secondary);
}
/* Выпадающее меню */
.nav-dropdown {
position: relative;
}
.dropdown-content {
display: none;
position: absolute;
background: var(--background-color-primary);
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
border-radius: 8px;
min-width: 200px;
z-index: 1000;
padding: 10px;
}
.nav-dropdown:hover .dropdown-content {
display: block;
}
.dropdown-content div {
padding: 8px 12px;
margin: 2px 0;
border-radius: 4px;
}
.dropdown-content div:hover {
background: var(--background-color-secondary);
}