User:Александр III/templates.css

/***** Hummel UI *****/ /* Скрытый в десктопе шаблон */ .hummel-hidden { display: none; } /* Стиль скроллнавбокса */ .hummel-navbox { width: 100%; margin-top: 0px !important; margin-bottom: 1px !important; background: var(--theme-page-background-color--secondary) !important; border: none !important; border-left: 5px solid var(--theme-accent-color) !important; border-radius: 0 4px 4px 0; } .hummel-navbox-h2 { margin-top: 0 !important; } .hummel-navbox-body { border: none !important; padding-top: 0 !important; padding-right: 0 !important; } .hummel-navbox-scroll { padding-top: 6px; padding-right: 12px; } .hummel-navbox tr:first-child td { border: none; box-shadow: 0px 1px 0px 0px var(--theme-border-color); } .hummel-navbox p { margin: 0 !important; } /* Ячеистая навигация */ .hummel-navi { display: flex; flex-direction: row; justify-content: space-between; list-style: none !important; margin: 0 !important; } .hummel-navi li { border-radius: 4px; border: 2px solid var(--theme-page-background-color--secondary); box-sizing: border-box; text-align: center; transition: 0.25s; width: 100% !important; margin: 3px !important; } .hummel-navi li:hover { background: var(--theme-page-background-color--secondary); } .hummel-navi li a { display: block; padding-top: 10px; } .hummel-navi li div a { padding-top: 10px !important; padding-bottom: 10px !important; color: var(--theme-page-text-color) !important; } .hummel-navi li img { height: 95px; width: 95px; border-radius: 50%; } .hummel-navi:not(.square) li img { box-shadow: 0 0 10px rgb(0 0 0 / 50%) } /* Параметр: квадратная фотка */ .hummel-navi.square img { border-radius: 0 !important; } /* Параметр: автоматическая ширина и перенос */ .hummel-navi.auto { justify-content: center !important; margin: 0 !important; flex-wrap: wrap !important; } .hummel-navi.auto li { padding: 0 10px !important; width: auto !important; margin: 3px !important; } /* Навигация для ссылок без фоток */ .hummel-linker a { background: rgba(var(--theme-page-text-color--rgb),0.1); border-radius: 4px; padding: 12px 6px; margin-bottom: 1em; display: block; transition: 0.25s; font-size: 14px; } .hummel-linker tr:last-of-type a { margin-bottom: 0; } .hummel-linker a:hover { background: rgba(var(--theme-link-color--rgb),0.15); color: var(--theme-link-color); } /* Шаблон "требуется редактирование" */ .hummel-edit { padding: .5em; text-align: center; width: 100%; margin-bottom: .5em; background: var(--theme-accent-color); border-radius: 4px; color: var(--theme-accent-label-color); text-transform: uppercase; } /* Фотка с ховером */ .hummel-clickable a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .hummel-clickable a > img { width: 100%; height: 100%; transition: 0.25s; } .hummel-clickable a > img:hover { background: rgba(var(--theme-accent-color--rgb), 0.4); } /* Бар */ .hummel-bar img { height: 16px !important; width: auto !important; } /* Подраздельные фотки 16:9 в нешакальном качестве */ .hummel-photo { margin: 5px 0 0 10px; clear: right; } .hummel-photo, .hummel-photo img { width: 280px !important; height: 157.42px !important; float: right !important; } .hummel-photo .floatright { margin: 0 !important; } /* Трёхколонная галерея-скроллбокс для раскадровки 16:9 */ .hummel-gallery { overflow-y: auto; max-height: 401px; } .hummel-gallery .wikia-gallery { display: flex; flex-wrap: wrap; justify-content: center !important; } .hummel-gallery .wikia-gallery-item, .hummel-gallery a.image.lightbox, .hummel-gallery .wikia-gallery-item .thumb, .hummel-gallery .gallery-image-wrapper { width: 223px !important; height: 125.4375px !important; } .wikia-gallery-item { padding: 3px !important; }

/* Шаблоны заглавной */ .hummel-left, .hummel-right, .hummel-back { background: var(--theme-page-background-color--secondary); } .hummel-mainbox { margin-top: 15px; padding: 0 1em 1em 1em; text-align: center; width: 100%; } .hummel-mainbox img { width: 100% !important; height: auto !important; } .hummel-left { border-left: 5px solid var(--theme-accent-color); border-radius: 0 4px 4px 0; } .hummel-right { border-right: 5px solid var(--theme-accent-color); border-radius: 4px 0 0 4px; } .hummel-back { border-radius: 4px; } .hummel-updown { border-top: 5px solid var(--theme-accent-color); border-bottom: 5px solid var(--theme-accent-color); } .hummel-header { justify-content: center !important; text-transform: uppercase !important; font-size: 24px !important; background: linear-gradient(to top, rgba(var(--theme-link-color--rgb), 0.1) 54%, transparent 54%, transparent 100%); } .hummel-player a > img:hover { background: none; filter: contrast(200%) drop-shadow(0px 0px 20px red); } .hummel-player a img { height: 50px; width: 50px; display: block; margin-left: auto; margin-right: auto; margin-top: 110px; } /* Navbox 2021 */ .pi-theme-navbox { box-sizing: border-box !important; float: none !important; margin: 0 !important; width: 100% !important; border-left: 5px solid var(--theme-accent-color) !important; border-radius: 0 4px 4px 0; position: relative !important; padding-top: 36px; padding-bottom: 9px; } .pi-theme-navbox .pi-data-value { flex-basis: 600px !important; width: 100% !important; } .pi-theme-navbox .pi-font { font-size: 14px !important; } .pi-theme-navbox .pi-data .pi-data-value { padding: 0 !important; } .pi-theme-navbox .pi-data .pi-secondary-font { font-size: 18px !important; background: linear-gradient(to top,rgba(var(--theme-link-color--rgb),0.1) 54%,transparent 54%,transparent 100%) !important; display: inline !important; } .pi-theme-navbox h2 { background: none !important; color: inherit !important; display: flex !important; justify-content: flex-start !important; text-transform: uppercase; } .pi-theme-navbox .pi-header:first-child { background: var(--theme-page-background-color--secondary) !important; position: absolute !important; margin-top: -36px; width: 100%; box-shadow: 0px 1px 0px 0px var(--theme-border-color); border-radius: 0 4px 0 0; } .pi-theme-navbox .pi-data:last-of-type { padding-bottom: 0; } .pi-theme-navbox .pi-group { max-height: 188px; overflow-y: auto; }