Открыть меню
Переключить меню настроек
Открыть персональное меню
Вы не представились системе
Ваш IP-адрес будет виден всем, если вы внесёте какие-либо изменения.

MediaWiki:Common.css: различия между версиями

Страница интерфейса MediaWiki
Новая страница: «Размещённый здесь 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...»
 
Нет описания правки
Строка 1: Строка 1:
/* Размещённый здесь CSS будет применяться ко всем темам оформления */
/* Размещённый здесь CSS будет применяться ко всем темам оформления */
.navbar-custom {
/* Навигация с использованием возможностей Citizen */
     background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
.citizen-menu .navbar {
     background: var(--background-color-primary);
     border-radius: 8px;
     border-radius: 8px;
     margin-bottom: 20px;
    padding: 10px 20px;
     margin: 10px 0;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
}


.navbar-nav-custom {
.nav-container {
     display: flex;
     display: flex;
     list-style: none;
     justify-content: space-between;
     margin: 0;
     align-items: center;
    padding: 0;
}
}


.nav-item-custom {
.nav-logo {
     margin: 0 5px;
    font-weight: bold;
     font-size: 1.2em;
}
}


.nav-link-custom {
.nav-links {
     color: white !important;
     display: flex;
     padding: 10px 15px;
    gap: 20px;
     border-radius: 5px;
}
     transition: all 0.3s ease;
 
    text-decoration: none;
.nav-link {
    display: block;
     padding: 8px 16px;
     border-radius: 4px;
     transition: background-color 0.3s;
}
}


.nav-link-custom:hover {
.nav-link:hover {
     background: rgba(255,255,255,0.2);
     background: var(--background-color-secondary);
    transform: translateY(-2px);
}
}


/* Выпадающие меню */
/* Выпадающее меню */
.dropdown-custom {
.nav-dropdown {
     position: relative;
     position: relative;
}
}


.dropdown-menu-custom {
.dropdown-content {
     display: none;
     display: none;
     position: absolute;
     position: absolute;
     background: white;
     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-custom:hover .dropdown-menu-custom {
.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);
}