|
|
| Line 1: |
Line 1: |
| /* Styles */
| | . |
| /** ResourceLoaderSkinModule: normalize,elements,content-tables,content-links,content-media,interface-message-box,interface-category,toc */
| |
| | |
| /* ----->START------ FONTS */
| |
| @font-face {
| |
| font-family: 'HALColant-TextRegular';
| |
| src: url('/fonts/HALColant-TextRegular.woff2') format('woff2'),
| |
| url('/fonts/HALColant-TextRegular.woff') format('woff');
| |
| font-weight: normal;
| |
| font-style: normal;
| |
| }
| |
| * {
| |
| color: #292828; /* Specific black color */
| |
| }
| |
| html, body {
| |
| font-family: HALColant-TextRegular!important;
| |
| background: #FAFAFA 0%;
| |
| -webkit-font-smoothing: antialiased;
| |
| -moz-osx-font-smoothing: grayscale;
| |
| font-smoothing: antialiased;
| |
| }
| |
| html {
| |
| scrollbar-width: none; /* Firefox */
| |
| }
| |
| body {
| |
| display: none;
| |
| background: #FAFAFA 0%;
| |
| transition: background-color 1s ease;
| |
| }
| |
| ::-webkit-scrollbar {
| |
| display: none;
| |
| }
| |
| pre.mw-code.mw-css {
| |
| font-family: sans-serif!important;
| |
| }
| |
| /* -----END<------ FONTS */
| |
| | |
| /* ----->START------ GENERAL RULES FOR MEDIAWIKI SKIN */
| |
| /* Page Margins */
| |
| .mw-body {
| |
| padding: 0 !important;
| |
| margin-left: 0 !important;
| |
| border: none;
| |
| background: #FAFAFA 0%;
| |
| }
| |
| .mw-search-profile-tabs {
| |
| display: none;
| |
| }
| |
| .mw-parser-output {
| |
| background: #FAFAFA 0%;
| |
| transition: background-color 1s ease;
| |
| /*padding: 25px;*/
| |
| padding: 2%;
| |
| }
| |
| #mw-searchoptions {
| |
| display: none;
| |
| }
| |
| /* Hide Mediawiki logo */
| |
| #p-logo a {
| |
| display: none;
| |
| }
| |
| /* Hide left vertical toolbar */
| |
| #mw-panel {
| |
| display: none;
| |
| }
| |
| .mw-parser-output a.external {
| |
| background-image: none;
| |
| }
| |
| .mw-search-result-data {
| |
| display: none;
| |
| }
| |
| .mw-search-result-heading {
| |
| font-size: 16pt;
| |
| line-height: 27px;
| |
| letter-spacing: 0.4px;
| |
| }
| |
| .mw-search-results li a {
| |
| font-size: 16pt!important;
| |
| line-height: 27px;
| |
| letter-spacing: 0.4px;
| |
| color: black;
| |
| text-decoration: underline;
| |
| }
| |
| #mw-indicator-mw-helplink {
| |
| display: none;
| |
| }
| |
| .mw-search-results-container h2 {
| |
| display: none;
| |
| }
| |
| #mw-content-text .mw-search-results {
| |
| margin-top: 0 !important;
| |
|
| |
| }
| |
| .mw-search-results li {
| |
| list-style: none;
| |
| margin-bottom: 0 !important;
| |
| }
| |
| .results-info {
| |
| display: none;
| |
| }
| |
| .vector-body p
| |
| {
| |
| margin-top: 0px!important;
| |
| margin-bottom: 0px!important;
| |
| }
| |
| #firstHeading {
| |
| display: none;
| |
| }
| |
| .mw-footer {
| |
| display: none;
| |
| }
| |
| a.mw-selflink {
| |
| font-weight: normal;
| |
| text-decoration: underline;
| |
| }
| |
| a.mw-selflink:hover {
| |
| font-weight: normal;
| |
| text-decoration: underline;
| |
| }
| |
| #mw-head {
| |
| background-color: #FAFAFA;
| |
| transition: background-color 1s ease;
| |
| display: none;
| |
| }
| |
| .mw-body, #left-navigation, #mw-data-after-content, .mw-footer {
| |
| margin-left: 0!important;
| |
| }
| |
| #mw-page-base {
| |
| background-color: #FAFAFA;
| |
| transition: background-color 1s ease;
| |
| background-image: none;
| |
| display: none;
| |
| }
| |
| #catlinks {
| |
| display: none;
| |
| }
| |
| /* Don't display 3 vertical lines. This is loading of Mediawiki*/
| |
| .mw-indicators {
| |
| display: none;
| |
| }
| |
| /* Don't display loading load spinner. This is loading of Semantic Mediawiki*/
| |
| .smw-overlay-spinner {
| |
| display: none;
| |
| }
| |
| .mw-content-subtitle, #contentSub, #contentSub2 {
| |
| display: none;
| |
| }
| |
| /* -----END<------ GENERAL RULES FOR MEDIAWIKI SKIN */
| |
| | |
| /* ------> STYLING HEADER */
| |
| .custom-navbar {
| |
| display:none;
| |
| }
| |
| div.hf-header {
| |
| position: fixed;
| |
| top: 0;
| |
| left: 0;
| |
| width: -moz-available; /* For Firefox */
| |
| width: -webkit-fill-available; /* For Chrome and Safari */
| |
| background: transparent linear-gradient(180deg, #FAFAFA 0%, #FFFFFF00 100%) 0% 0% no-repeat padding-box;
| |
| z-index: 9999;
| |
| /*padding: 25px 25px 0 25px;*/
| |
| padding: 2%;
| |
| }
| |
| div#hf-nsheader- {
| |
| position: fixed;
| |
| top: 0;
| |
| left: 0;
| |
| width: -moz-available; /* For Firefox */
| |
| width: -webkit-fill-available; /* For Chrome and Safari */
| |
| background: transparent linear-gradient(180deg, #FAFAFA 0%, #FFFFFF00 100%) 0% 0% no-repeat padding-box;
| |
| z-index: 9999;
| |
| /*padding: 25px 25px 0 25px;*/
| |
| padding: 2%;
| |
| }
| |
| div#hf-nsheader-Special {
| |
| position: fixed;
| |
| top: 0;
| |
| left: 0;
| |
| width: -moz-available; /* For Firefox */
| |
| width: -webkit-fill-available; /* For Chrome and Safari */
| |
| background: transparent linear-gradient(180deg, #FAFAFA 0%, #FFFFFF00 100%) 0% 0% no-repeat padding-box;
| |
| z-index: 9999;
| |
| /*padding: 25px 25px 0 25px;*/
| |
| padding: 2%;
| |
| }
| |
| #header-container {
| |
| display: flex;
| |
| flex-wrap: wrap;
| |
| margin: 0 auto;
| |
| background: transparent linear-gradient(180deg, #FAFAFA 0%, #FFFFFF80 100%) 0% 0% no-repeat padding-box;
| |
| }
| |
| .head-col {
| |
| width: calc(100% - 0px);
| |
| }
| |
| | |
| .head-col-extend {
| |
| box-sizing: border-box;
| |
| height: fit-content;
| |
| }
| |
| .head-box {
| |
| border: 1px solid black;
| |
| background: #FAFAFA;
| |
| cursor: pointer;
| |
| z-index: 2;
| |
| position: relative;
| |
| padding: 10px;
| |
| }
| |
| .container-nav-links {
| |
| display: grid;
| |
| grid-template-columns: 1fr 2fr; /* Adjusted column widths */
| |
| gap: 25px;
| |
| border-bottom: 1px solid black;
| |
| padding-bottom: 15px;
| |
| padding-left: 5px;
| |
| padding-right: 0px;
| |
| width: -moz-available; /* For Firefox */
| |
| width: -webkit-fill-available; /* For Chrome and Safari */
| |
| }
| |
| .head-nav {
| |
| line-height: 23px;
| |
| margin-top: 20px;
| |
| padding-left: 5px;
| |
| }
| |
| .head-links.head-col {
| |
| margin-top: 20px;
| |
| }
| |
| .head-links {
| |
| padding-top: 0px;
| |
| }
| |
| | |
| /* FILTERS HEADER */
| |
| .head-filter.head-col-extend {
| |
| display: none;
| |
| }
| |
| .container-filter-label-button {
| |
| display: grid;
| |
| grid-template-columns: 2fr 1fr; /* 2/3 and 1/3 column width distribution */
| |
| align-items:
| |