|
|
| Línea 1: |
Línea 1: |
| /* ==========================================================
| |
| TENARIUS RO - FORZAR MISMO DISEÑO PARA ADMIN / EDITOR
| |
| Pegar al final de: MediaWiki:Common.css
| |
| Usa como base el diseño que ya funciona en Vector.css
| |
| ========================================================== */
| |
|
| |
|
| /* Ocultar navegación superior para usuarios logueados */
| |
| body.mw-logged-in #left-navigation,
| |
| body.mw-logged-in #right-navigation,
| |
| body.mw-logged-in #p-namespaces,
| |
| body.mw-logged-in #p-views,
| |
| body.mw-logged-in #p-cactions,
| |
| body.mw-logged-in .vector-menu-tabs,
| |
| body.mw-logged-in .vector-page-tabs,
| |
| body.mw-logged-in .vector-page-tools,
| |
| body.mw-logged-in .vector-page-toolbar,
| |
| body.mw-logged-in #p-personal,
| |
| body.mw-logged-in .vector-user-links,
| |
| body.mw-logged-in .vector-user-menu,
| |
| body.mw-logged-in .vector-page-tools-landmark,
| |
| body.mw-logged-in .vector-column-end {
| |
| display: none !important;
| |
| }
| |
|
| |
| /* Quitar espacio de tabs en admin/editor */
| |
| body.mw-logged-in #mw-head-base {
| |
| height: 0 !important;
| |
| margin-top: 0 !important;
| |
| margin-left: 275px !important;
| |
| }
| |
|
| |
| /* Sidebar logueado */
| |
| body.mw-logged-in #mw-panel,
| |
| body.mw-logged-in .mw-sidebar,
| |
| body.mw-logged-in .vector-main-menu,
| |
| body.mw-logged-in .vector-main-menu-landmark {
| |
| width: 245px !important;
| |
| box-sizing: border-box !important;
| |
| padding: 18px 16px 28px 16px !important;
| |
| background: linear-gradient(180deg, #fff7df 0%, #fffaf0 48%, #ffe7a8 100%) !important;
| |
| border-right: 1px solid #e0b94f !important;
| |
| box-shadow: 8px 0 26px rgba(100,70,20,.16) !important;
| |
| }
| |
|
| |
| /* Separar contenido principal para admin/editor */
| |
| body.mw-logged-in #content,
| |
| body.mw-logged-in .mw-body {
| |
| margin-left: 285px !important;
| |
| margin-top: 22px !important;
| |
| }
| |
|
| |
| body.mw-logged-in #footer {
| |
| margin-left: 285px !important;
| |
| }
| |
|
| |
| /* Logo centrado para admin/editor */
| |
| body.mw-logged-in #p-logo,
| |
| body.mw-logged-in .mw-logo {
| |
| width: 190px !important;
| |
| height: 150px !important;
| |
| margin: 0 auto 20px auto !important;
| |
| padding: 10px !important;
| |
| box-sizing: border-box !important;
| |
| background: #ffffff !important;
| |
| border: 1px solid #ead7ad !important;
| |
| border-radius: 22px !important;
| |
| box-shadow: 0 10px 24px rgba(100,70,20,.16) !important;
| |
| overflow: hidden !important;
| |
| display: flex !important;
| |
| align-items: center !important;
| |
| justify-content: center !important;
| |
| }
| |
|
| |
| /* Imagen del logo */
| |
| body.mw-logged-in #p-logo a {
| |
| display: block !important;
| |
| width: 100% !important;
| |
| height: 100% !important;
| |
| background-size: contain !important;
| |
| background-position: center center !important;
| |
| background-repeat: no-repeat !important;
| |
| }
| |
|
| |
| /* Bloques del menú */
| |
| body.mw-logged-in #mw-panel .portal,
| |
| body.mw-logged-in #mw-panel .vector-menu,
| |
| body.mw-logged-in #mw-panel .vector-menu-portal,
| |
| body.mw-logged-in #mw-panel .vector-pinnable-element,
| |
| body.mw-logged-in .vector-main-menu .portal,
| |
| body.mw-logged-in .vector-main-menu .vector-menu,
| |
| body.mw-logged-in .vector-main-menu .vector-menu-portal {
| |
| background: #ffffff !important;
| |
| border: 1px solid #ead7ad !important;
| |
| border-radius: 18px !important;
| |
| margin: 0 0 17px 0 !important;
| |
| padding: 10px !important;
| |
| box-shadow: 0 8px 22px rgba(100,70,20,.14) !important;
| |
| overflow: hidden !important;
| |
| box-sizing: border-box !important;
| |
| }
| |
|
| |
| /* Títulos de secciones */
| |
| body.mw-logged-in #mw-panel .portal h3,
| |
| body.mw-logged-in #mw-panel .portal .vector-menu-heading,
| |
| body.mw-logged-in #mw-panel .vector-menu-heading,
| |
| body.mw-logged-in #mw-panel .vector-pinnable-header-label,
| |
| body.mw-logged-in .vector-main-menu .portal h3,
| |
| body.mw-logged-in .vector-main-menu .vector-menu-heading,
| |
| body.mw-logged-in .vector-main-menu .vector-pinnable-header-label {
| |
| display: block !important;
| |
| background: linear-gradient(135deg, #8b1e12 0%, #c43b22 62%, #f0a500 100%) !important;
| |
| color: #ffffff !important;
| |
| border: 1px solid rgba(255,255,255,.45) !important;
| |
| border-radius: 13px !important;
| |
| padding: 9px 11px !important;
| |
| margin: 0 0 10px 0 !important;
| |
| font-size: 13px !important;
| |
| font-weight: 900 !important;
| |
| line-height: 1.25 !important;
| |
| letter-spacing: .3px !important;
| |
| text-transform: none !important;
| |
| box-shadow: 0 4px 10px rgba(89,59,5,.20) !important;
| |
| }
| |
|
| |
| /* Quitar línea antigua */
| |
| body.mw-logged-in #mw-panel .portal h3:after,
| |
| body.mw-logged-in #mw-panel .vector-menu-heading:after,
| |
| body.mw-logged-in .vector-main-menu .vector-menu-heading:after {
| |
| display: none !important;
| |
| }
| |
|
| |
| /* Cuerpo */
| |
| body.mw-logged-in #mw-panel .portal .body,
| |
| body.mw-logged-in #mw-panel .vector-menu-content,
| |
| body.mw-logged-in .vector-main-menu .portal .body,
| |
| body.mw-logged-in .vector-main-menu .vector-menu-content {
| |
| background: transparent !important;
| |
| margin: 0 !important;
| |
| padding: 0 !important;
| |
| }
| |
|
| |
| /* Listas */
| |
| body.mw-logged-in #mw-panel .portal .body ul,
| |
| body.mw-logged-in #mw-panel .vector-menu-content-list,
| |
| body.mw-logged-in .vector-main-menu .portal .body ul,
| |
| body.mw-logged-in .vector-main-menu .vector-menu-content-list {
| |
| list-style: none !important;
| |
| margin: 0 !important;
| |
| padding: 0 !important;
| |
| }
| |
|
| |
| /* Items */
| |
| body.mw-logged-in #mw-panel .portal li,
| |
| body.mw-logged-in #mw-panel .vector-menu-content-list li,
| |
| body.mw-logged-in .vector-main-menu .portal li,
| |
| body.mw-logged-in .vector-main-menu .vector-menu-content-list li {
| |
| margin: 5px 0 !important;
| |
| padding: 0 !important;
| |
| font-size: 13px !important;
| |
| line-height: 1.25 !important;
| |
| }
| |
|
| |
| /* Botones del menú */
| |
| body.mw-logged-in #mw-panel .portal li a,
| |
| body.mw-logged-in #mw-panel .portal .body li a,
| |
| body.mw-logged-in #mw-panel .vector-menu-content-list li a,
| |
| body.mw-logged-in .vector-main-menu .portal li a,
| |
| body.mw-logged-in .vector-main-menu .portal .body li a,
| |
| body.mw-logged-in .vector-main-menu .vector-menu-content-list li a {
| |
| display: block !important;
| |
| background: linear-gradient(180deg, #fffaf0 0%, #fff1c4 100%) !important;
| |
| color: #5b2500 !important;
| |
| border: 1px solid #ead7ad !important;
| |
| border-radius: 12px !important;
| |
| padding: 9px 11px !important;
| |
| font-size: 13px !important;
| |
| font-weight: 700 !important;
| |
| line-height: 1.25 !important;
| |
| text-decoration: none !important;
| |
| box-shadow: 0 3px 8px rgba(100,70,20,.10) !important;
| |
| transition: all .18s ease !important;
| |
| white-space: normal !important;
| |
| box-sizing: border-box !important;
| |
| }
| |
|
| |
| /* Hover */
| |
| body.mw-logged-in #mw-panel .portal li a:hover,
| |
| body.mw-logged-in #mw-panel .portal .body li a:hover,
| |
| body.mw-logged-in #mw-panel .vector-menu-content-list li a:hover,
| |
| body.mw-logged-in .vector-main-menu .portal li a:hover,
| |
| body.mw-logged-in .vector-main-menu .portal .body li a:hover,
| |
| body.mw-logged-in .vector-main-menu .vector-menu-content-list li a:hover {
| |
| background: linear-gradient(135deg, #ffd454 0%, #ffe7a8 100%) !important;
| |
| color: #8b1e12 !important;
| |
| border-color: #d99b00 !important;
| |
| box-shadow: 0 6px 14px rgba(100,70,20,.20) !important;
| |
| transform: translateX(4px) !important;
| |
| }
| |
|
| |
| /* Activo */
| |
| body.mw-logged-in #mw-panel .portal li.selected a,
| |
| body.mw-logged-in #mw-panel .vector-menu-content-list li.selected a,
| |
| body.mw-logged-in #mw-panel .portal li a:active,
| |
| body.mw-logged-in #mw-panel .vector-menu-content-list li a:active,
| |
| body.mw-logged-in .vector-main-menu .portal li.selected a,
| |
| body.mw-logged-in .vector-main-menu .vector-menu-content-list li.selected a {
| |
| background: linear-gradient(135deg, #8b1e12 0%, #c43b22 100%) !important;
| |
| color: #ffffff !important;
| |
| border-color: #8b1e12 !important;
| |
| font-weight: 900 !important;
| |
| }
| |
|
| |
| /* Visitados */
| |
| body.mw-logged-in #mw-panel .portal li a:visited,
| |
| body.mw-logged-in #mw-panel .vector-menu-content-list li a:visited,
| |
| body.mw-logged-in .vector-main-menu .portal li a:visited,
| |
| body.mw-logged-in .vector-main-menu .vector-menu-content-list li a:visited {
| |
| color: #5b2500 !important;
| |
| }
| |
|
| |
| /* Ocultar herramientas laterales de admin/editor */
| |
| body.mw-logged-in #p-tb,
| |
| body.mw-logged-in #p-lang,
| |
| body.mw-logged-in #p-print,
| |
| body.mw-logged-in .vector-column-end,
| |
| body.mw-logged-in .mw-body .vector-page-tools {
| |
| display: none !important;
| |
| }
| |
|
| |
| /* Responsive */
| |
| @media screen and (max-width: 900px) {
| |
| body.mw-logged-in #mw-panel,
| |
| body.mw-logged-in .mw-sidebar,
| |
| body.mw-logged-in .vector-main-menu,
| |
| body.mw-logged-in .vector-main-menu-landmark {
| |
| width: auto !important;
| |
| padding: 10px 8px !important;
| |
| }
| |
|
| |
| ```
| |
| body.mw-logged-in #p-logo,
| |
| body.mw-logged-in .mw-logo {
| |
| width: 170px !important;
| |
| height: 135px !important;
| |
| }
| |
|
| |
| body.mw-logged-in #content,
| |
| body.mw-logged-in .mw-body,
| |
| body.mw-logged-in #footer,
| |
| body.mw-logged-in #mw-head-base {
| |
| margin-left: 0 !important;
| |
| }
| |
| ```
| |
|
| |
| }
| |