|
|
| 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: center;
| |
| gap: 10px;
| |
| }
| |
|
| |
| .buttons-filters {
| |
| font-size: 16px;
| |
| line-height: 20px;
| |
| letter-spacing: 0.35px;
| |
| padding-bottom: 5px;
| |
| display: grid;
| |
| grid-template-columns: 1fr 1fr; /* two equal columns */
| |
| align-items: center;
| |
| gap: 10px;
| |
| }
| |
|
| |
| .count-filters-container {
| |
| border-bottom: 1px solid black;
| |
| padding-bottom: 5px;
| |
| }
| |
|
| |
| .count-filtered-cards {
| |
| font-size: 17px;
| |
| line-height: 22px;
| |
| font-style: italic;
| |
| margin-top: 0;
| |
| width: fit-content;
| |
| }
| |
|
| |
| .count-filtered-cards span {
| |
| margin-right: 2px;
| |
| background-color: #EDEDED;
| |
| padding: 1px 3px;
| |
| }
| |
|
| |
|
| |
| .reset-button {
| |
|
| |
| }
| |
| .reset-button, .open-close-button {
| |
| text-align: right;
| |
| }
| |
| .open-close-button {
| |
| grid-column: 2; /* Place the open-close button in the second column */
| |
| text-align: right; /* Align the text to the right */
| |
| }
| |
| .reset-filter {
| |
| font-family: HALColant-TextRegular !important;
| |
| background: none;
| |
| border: none;
| |
| font-size: 21px;
| |
| line-height: 20px;
| |
| cursor: pointer;
| |
| text-transform: uppercase;
| |
| }
| |
| .toggle-filters.general-toggle {
| |
| font-family: HALColant-TextRegular !important;
| |
| background: none;
| |
| border: none;
| |
| font-size: 17px;
| |
| line-height: 20px;
| |
| cursor: pointer;
| |
| text-transform: uppercase;
| |
| }
| |
| .toggle-filters.open-filter {
| |
| font-family: HALColant-TextRegular !important;
| |
| position: absolute;
| |
| background: none;
| |
| font-weight: normal;
| |
| text-transform: uppercase;
| |
| font-size: 17px;
| |
| line-height: 22px;
| |
| letter-spacing: 0px;
| |
| border: none;
| |
| padding: 5px 0;
| |
| cursor: pointer;
| |
| text-decoration: underline;
| |
| }
| |
| .toggle-filters.open-filter:hover {
| |
| font-style: italic;
| |
| }
| |
| .filter-button {
| |
| font-family: HALColant-TextRegular !important;
| |
| padding: 0 !important;
| |
| white-space: nowrap;
| |
| background: rgb(237,237,237);
| |
| margin-bottom: 5px;
| |
| font-size: 19px;
| |
| line-height: 26px;
| |
| letter-spacing: 0.95px;
| |
| border: none;
| |
| cursor: pointer;
| |
| }
| |
| .filter-button:hover {
| |
| font-style: italic;
| |
| }
| |
| .values {
| |
| display: none; /* Keep the filter values hidden initially */
| |
| padding-top: 30px;
| |
| }
| |
| button.active {
| |
| text-decoration: underline;
| |
| }
| |
| #filters {
| |
| display: none; /* Hidden initially, will be shown on button click */
| |
| width: 100%; /* Full width of the parent container */
| |
| grid-template-columns: repeat(4, 1fr); /* Creates four columns with equal width */
| |
| gap: 10px; /* Space between grid items */
| |
| box-sizing: border-box;
| |
| opacity: 0;
| |
| transition: opacity 0.5s ease, height 0.5s ease;
| |
| height: 0;
| |
| overflow: hidden;
| |
| background: transparent linear-gradient(180deg,#FAFAFA 0%,#FFFFFF00 100%) 0% 0% no-repeat padding-box;
| |
| }
| |
| #filters.is-visible {
| |
| display:grid;
| |
| opacity: 1;
| |
| height: auto; /* Adjust to the natural height of the content */
| |
| }
| |
| .filter {
| |
| white-space: normal;
| |
| overflow-wrap: break-word;
| |
| }
| |
| .filter-label {
| |
| font-size: 17px;
| |
| line-height: 22px;
| |
| letter-spacing: 0.37px;
| |
| }
| |
|
| |
| .header-entry-number {
| |
| font-size: 17px; /* original 17px */
| |
| line-height: 22px; /* original 22px */
| |
| letter-spacing: 0.37px;
| |
| padding-bottom: 5px;
| |
| float: left;
| |
| }
| |
|
| |
| .header-authors {
| |
| font-size: 19px;
| |
| line-height: 26px;
| |
| letter-spacing: 0.95px;
| |
| padding-left: 5em;
| |
|
| |
| }
| |
| .header-title {
| |
| border-top: 1px solid black;
| |
| font-size: 19px;
| |
| line-height: 26px;
| |
| letter-spacing: 0.95px;
| |
| padding: 4px 0;
| |
| }
| |
| .header-authors a {
| |
| color: black;
| |
| text-decoration: none;
| |
| }
| |
| .header-authors a:hover {
| |
| font-style: italic;
| |
| }
| |
| .header-title a {
| |
| color: black;
| |
| text-decoration: none;
| |
| }
| |
| .header-title a:hover {
| |
| font-style: italic;
| |
| }
| |
|
| |
|
| |
| .header-type {
| |
| border-top: 1px solid black;
| |
| font-size: 19px; /* original 19px */
| |
| line-height: 26px; /* original 26px; */
| |
| letter-spacing: 0.95px;
| |
| padding-top: 5px;
| |
| }
| |
| .header-index {
| |
| font-size: 17px; /* original 17px */
| |
| line-height: 22px; /* original 22px */
| |
| letter-spacing: 0.37px;
| |
| }
| |
| .header-index a {
| |
| cursor: pointer;
| |
| color: black;
| |
| }
| |
| .header-index a:hover {
| |
| color: black;
| |
| }
| |
| .header-people {
| |
| font-size: 17px; /* original 17px */
| |
| line-height: 22px; /* original 22px */
| |
| letter-spacing: 0.37px;
| |
| }
| |
| .header-people a{
| |
| cursor: pointer;
| |
| color: black!important;
| |
| }
| |
| .header-people a:hover{
| |
| color: black;
| |
| }
| |
| .header-community {
| |
| font-size: 17px; /* original 17px */
| |
| line-height: 22px; /* original 22px */
| |
| letter-spacing: 0.37px;
| |
| }
| |
| .header-community a {
| |
| cursor: pointer;
| |
| color: black!important;
| |
| }
| |
| .header-community a:hover{
| |
| color: black;
| |
| }
| |
| .header-date {
| |
| color: #4D4D4D;
| |
| font-size: 17px; /* original 17px */
| |
| line-height: 22px; /* original 22px */
| |
| letter-spacing: 0.37px;
| |
| margin-left: 10px;
| |
| margin-top: 15px;
| |
|
| |
| }
| |
| .header-about {
| |
| font-size: 17px; /* original 17px */
| |
| line-height: 22px; /* original 22px */
| |
| letter-spacing: 0.37px;
| |
| }
| |
| .header-about a {
| |
| cursor: pointer;
| |
| color: black!important;
| |
| }
| |
| .header-about a:hover{
| |
| color: black;
| |
| }
| |
| .header-about.underline {
| |
| text-decoration: underline;
| |
| }
| |
| .about-hide {
| |
| opacity: 0;
| |
| visibility: hidden;
| |
| display: none;
| |
| color: black;
| |
| font-size: 28px;
| |
| line-height: 34px;
| |
| letter-spacing: 1.4px;
| |
| width: 280%;
| |
| padding-bottom: 10px;
| |
| padding-top: 5px;
| |
| transition: opacity 0.8s ease, visibility 0.8s;
| |
| border-bottom: none;
| |
| background: #FAFAFA 0%;
| |
| }
| |
| .header-about:hover + .about-hide {
| |
| display: block;
| |
| opacity: 1; /* Make it fully visible on hover */
| |
| visibility: visible; /* Make it interactable */
| |
| /* Keep the rest of your styles unchanged */
| |
| }
| |
| #about-container {
| |
| display: flex;
| |
| flex-wrap: wrap;
| |
| margin: 0 auto;
| |
| padding-bottom: 12%;
| |
| top: 420px;
| |
| position: relative;
| |
| width: 100%;
| |
| }
| |
| .about-col {
| |
| width: calc(40% - 0px);
| |
| box-sizing: border-box;
| |
| height: fit-content;
| |
| padding: 0 0 0 0;
| |
| margin-bottom: 30px;
| |
| margin-right: 15px;
| |
| }
| |
| .about-details-col {
| |
| width: calc(18% - 0px);
| |
| box-sizing: border-box;
| |
| height: fit-content;
| |
| margin-bottom: 30px;
| |
| font-size: 10pt;
| |
| line-height: 16px;
| |
| letter-spacing: 0.4px;
| |
| border-bottom: 1px solid black;
| |
| }
| |
| .about-details-label {
| |
| border-top: 1px solid black;
| |
| padding-top: 5px;
| |
| margin-bottom: 0 !important;
| |
| text-indent: 35px;
| |
| }
| |
| .about-details-text {
| |
| margin: 3px 0 !important;
| |
| }
| |
| .about-main-text {
| |
| text-indent: 35px;
| |
| font-size: 23px;
| |
| line-height: 31px;
| |
| letter-spacing: 1.29px;
| |
| margin-top: 0 !important;
| |
| }
| |
| .about-bullets {
| |
| text-indent: 35px;
| |
| padding-left: 35px;
| |
| }
| |
| .about-more-text {
| |
| text-indent: 35px;
| |
| font-size: 23px;
| |
| line-height: 31px;
| |
| letter-spacing: 1.29px;
| |
| margin-top: 0 !important;
| |
| }
| |
| .about-label {
| |
| font-size: 15px;
| |
| line-height: 19px;
| |
| letter-spacing: 0.48px;
| |
| border-top: none!important;
| |
| text-indent: 35px;
| |
| margin-bottom: 0 !important;
| |
| }
| |
| .about-details-contact-label {
| |
| font-size: 15px;
| |
| line-height: 19px;
| |
| letter-spacing: 0.48px;
| |
| border-top: none!important;
| |
| text-indent: 35px;
| |
| margin-bottom: 0 !important;
| |
| }
| |
| .about-details-contact {
| |
| font-size: 15px;
| |
| line-height: 18px;
| |
| text-indent: 35px;
| |
| letter-spacing: 0.84px;
| |
| margin-top: 0 !important;
| |
| }
| |
| /* -----END<------ STYLING HEADER */
| |
|
| |
|
| |
| img {
| |
| border: 0;
| |
| width: 50px;
| |
| height: auto;
| |
| }
| |
| p.message-for-mobile {
| |
| position: relative;
| |
| top: 320px;
| |
| color: #4D4D4D;
| |
| font-size: 17px; /* original 17px */
| |
| line-height: 22px; /* original 22px */
| |
| letter-spacing: 0.37px;
| |
| text-transform: uppercase;
| |
| margin-left: 10px;
| |
| }
| |
| .latest-5-entries p{
| |
| position: relative;
| |
| top: 380px;
| |
| color: #4D4D4D;
| |
| font-size: 17px; /* original 17px */
| |
| line-height: 22px; /* original 22px */
| |
| letter-spacing: 0.37px;
| |
| text-transform: uppercase;
| |
| margin-left: 10px;
| |
| }
| |
| .home-block-view {
| |
| display: block;
| |
| position: relative;
| |
| top: 380px;
| |
| width: -moz-available!important;
| |
| width: -webkit-fill-available!important;
| |
| }
| |
|
| |
|
| |
| /* ----->START------ BUTTONS IN HOME LIST BLOCK CHRONICLE RANDOM ALPHABETICAL */
| |
|
| |
| .active-view-button button {
| |
| text-decoration: underline;
| |
| }
| |
|
| |
| /* Block and List View Buttons */
| |
| .view-container-buttons {
| |
| display: none;
| |
| }
| |
| .view-buttons, .order-buttons {
| |
| display: flex;
| |
| justify-content: left;
| |
| }
| |
| .home-view-buttons, .home-order-buttons {
| |
| display: flex;
| |
| justify-content: left;
| |
| position: relative;
| |
| z-index: 1000;
| |
| }
| |
| .view-buttons, .order-buttons {
| |
| display: flex;
| |
| justify-content: left;
| |
| position: relative;
| |
| z-index: 1000;
| |
| }
| |
| .home-list-sorting-buttons, .home-block-sorting-buttons {
| |
| position: absolute;
| |
| top: 0;
| |
| left: 0;
| |
| width: 100%;
| |
| display: flex;
| |
| justify-content: flex-end;
| |
| }
| |
| .list-sorting-buttons, .block-sorting-buttons {
| |
| position: absolute;
| |
| top: 0;
| |
| left: 0;
| |
| width: 100%;
| |
| display: flex;
| |
| justify-content: flex-end;
| |
| }
| |
| .home-list-sorting-buttons {
| |
| display: none; /* Initially hide the sorting buttons */
| |
| }
| |
| .block-sorting-buttons {
| |
| display: none; /* Initially hide the sorting buttons */
| |
| }
| |
| .list-view-button, .block-view-button, .chronicle-button, .random-button, .alphabetical-button, .chronicle-list-button, .random-list-button, .alphabetical-list-button, .chronicle-block-button, .random-block-button, .alphabetical-block-button, .home-list-view-button, .home-block-view-button, .home-chronicle-list-button, .home-random-list-button, .home-alphabetical-list-button, .home-chronicle-block-button, .home-random-block-button, .home-alphabetical-block-button {
| |
| font-size: 19px;
| |
| line-height: 26px;
| |
| letter-spacing: 0.95px;
| |
| padding-inline: 2px;
| |
| display: inline-block;
| |
| }
| |
| .home-list-view-button button:hover, .home-block-view-button button:hover, .home-chronicle-block-button button:hover, .home-chronicle-list-button button:hover, .home-random-block-button button:hover, .home-random-list-button button:hover, .home-alphabetical-block-button button:hover, .home-alphabetical-list-button button:hover{
| |
| text-decoration: underline;
| |
| }
| |
| .home-list-view-button button:focus, .home-block-view-button button:focus, .home-chronicle-block-button button:focus, .home-chronicle-list-button button:focus, .home-random-block-button button:focus, .home-random-list-button button:focus, .home-alphabetical-block-button button:focus, .home-alphabetical-list-button button:focus{
| |
| text-decoration: underline;
| |
| }
| |
| .list-view-button button, .block-view-button button, .chronicle-button button, .random-button button, .alphabetical-button button, .chronicle-list-button button, .random-list-button button, .alphabetical-list-button button, .chronicle-block-button button, .random-block-button button, .alphabetical-block-button button, .home-list-view-button button, .home-block-view-button button, .home-chronicle-list-button button, .home-random-list-button button, .home-alphabetical-list-button button, .home-chronicle-block-button button, .home-random-block-button button, .home-alphabetical-block-button button{
| |
| background: transparent;
| |
| border: none;
| |
| font-family: HALColant-TextRegular!important;
| |
| cursor: pointer;
| |
| font-size: 19px;
| |
| line-height: 26px;
| |
| letter-spacing: 0.4px;
| |
| padding-inline: 5px;
| |
| }
| |
|
| |
| /* -----END<------ BUTTONS IN HOME LIST BLOCK CHRONICLE RANDOM ALPHABETICAL */
| |
|
| |
| /* ----->START------ LIST AND BLOCK VIEW */
| |
| .home-chronicle-list div.list-container div.card {
| |
| width: -moz-available!important;
| |
| width: -webkit-fill-available!important;
| |
| padding: 6px !important;
| |
| margin-bottom: 0;
| |
| border-left: 1px solid black;
| |
| border-right: 1px solid black;
| |
| border-bottom: 1px solid black;
| |
| border-top: none;
| |
| display: flex;
| |
| cursor: pointer;
| |
| transition-delay: .001s;
| |
| }
| |
| /* BLOCK VIEW */
| |
| .home-chronicle-block div.list-container {
| |
| display: flex;
| |
| flex-wrap: wrap;
| |
| margin: 0 auto;
| |
| padding-left: 0px;
| |
| }
| |
| /* Card for BLOCK view */
| |
| .home-chronicle-block div.list-container div.card {
| |
| position: relative;
| |
| width: calc(100% - 0px)!important;
| |
| box-sizing: border-box;
| |
| border: 1px solid black;
| |
| height: fit-content;
| |
| padding: 3px 10px 6px 10px;
| |
| margin-bottom: 30px;
| |
| font-size: 19px;
| |
| line-height: 26px;
| |
| letter-spacing: 0.95px;
| |
| cursor: pointer;
| |
| }
| |
| .home-chronicle-block div.list-container div.card:hover {
| |
| background: #f3f3f3;
| |
| }
| |
|
| |
|
| |
| /* Contents of Card for BLOCK view */
| |
| .home-chronicle-block div.list-container div.card div.images {
| |
| border-top: 1px solid black;
| |
| padding-top: 5px;
| |
| padding-bottom: 5px;
| |
| display: flex;
| |
| flex-wrap: nowrap;
| |
| }
| |
| .home-chronicle-block div.list-container div.card div.image1, .home-chronicle-block div.list-container div.card div.image2 {
| |
| margin-right: 10px;
| |
| transition: transform 0.3s ease;
| |
| transform-origin: top left;
| |
| }
| |
| .home-chronicle-block div.list-container div.card div.image1 img, .home-chronicle-block div.list-container div.card div.image2 img{
| |
| display: block;
| |
| width: auto;
| |
| height: 75px;
| |
| }
| |
|
| |
| .home-chronicle-block div.list-container div.card div.image1:hover,
| |
| .home-chronicle-block div.list-container div.card div.image2:hover {
| |
| transform: scale(2);
| |
| }
| |
|
| |
| .home-chronicle-block div.list-container div.card div.image3, .home-chronicle-block div.list-container div.card div.image4, .home-chronicle-block div.list-container div.card div.image5 {
| |
| display: none;
| |
| }
| |
| .home-chronicle-block div.list-container div.card div.image3 img, .home-chronicle-block div.list-container div.card div.image4 img, .home-chronicle-block div.list-container div.card div.image5 img {
| |
| display: none;
| |
| }
| |
|
| |
| .home-chronicle-block div.list-container div.card div.entry-number {
| |
| padding-bottom: 3px;
| |
| }
| |
| .home-chronicle-block div.list-container div.card.event .title {
| |
| font-size: 30px;
| |
| line-height: 31px;
| |
| font-style: italic;
| |
| text-align: left;
| |
| letter-spacing: 1.5px;
| |
| padding: 5px 5px 5px 0;
| |
| border-top: 1px solid black
| |
| }
| |
| .home-chronicle-list div.list-container div.card.event div.title {
| |
| font-size: 30px;
| |
| line-height: 31px;
| |
| font-style: italic;
| |
| text-align: left;
| |
| letter-spacing: 1.5px;
| |
| width: calc(60% - 0px);
| |
| max-width: 40%;
| |
| }
| |
| .home-chronicle-list div.list-container div.card.event .container-people-date {
| |
| display: flex;
| |
| width: calc(20% - 0px);
| |
| padding-right: 50px;
| |
| }
| |
| .home-chronicle-list div.list-container div.card.event div.people {
| |
| width: auto;
| |
| flex: 1;
| |
| }
| |
| .home-chronicle-list div.list-container div.card.event div.date {
| |
| width: auto;
| |
| flex: 1;
| |
| }
| |
| .home-chronicle-block div.list-container div.card.event div.container-people-date {
| |
| display: flex; /* Enables flexbox layout mode */
| |
| justify-content: space-between;
| |
| border-top: 1px solid black;
| |
| }
| |
| .home-chronicle-block div.list-container div.card.event div.type {
| |
|
| |
| }
| |
| .home-chronicle-block div.list-container div.card.event div.people a {
| |
|
| |
| }
| |
| .home-chronicle-block div.list-container div.card.event div.type a {
| |
|
| |
| }
| |
| .home-chronicle-block div.list-container div.card div.container-people-date .people {
| |
| flex: 1;
| |
| text-align: left;
| |
| border: none!important;
| |
| line-height: 23px !important;
| |
| padding-top: 6px;
| |
| }
| |
| .home-chronicle-block div.list-container div.card div.container-people-date .date {
| |
| flex: 1;
| |
| text-align: right;
| |
| line-height: 23px !important;
| |
| padding-top: 6px;
| |
| }
| |
|
| |
| .home-chronicle-block div.list-container div.card div.people {
| |
| border-top: 1px solid black;
| |
| line-height: 23px!important;
| |
| padding-top: 6px;
| |
| text-decoration: underline;
| |
| }
| |
| .home-chronicle-block div.list-container div.card div.people a {
| |
| color: black;
| |
| text-decoration: underline;
| |
| }
| |
| .home-chronicle-block div.list-container div.card div.people a:hover {
| |
| font-style: italic;
| |
| color: black;
| |
| }
| |
| .home-chronicle-block div.list-container div.card.event div.people a:hover {
| |
|
| |
| }
| |
| .home-chronicle-block div.list-container div.card div.type {
| |
| border-top: 1px solid black;
| |
| padding-top: 5px;
| |
| }
| |
| .home-chronicle-block div.list-container div.card div.type a {
| |
| color: black;
| |
| text-decoration: none;
| |
| }
| |
| .home-chronicle-block div.list-container div.card div.type a:hover {
| |
| font-style: italic;
| |
| color: black;
| |
| }
| |
| .home-chronicle-block div.list-container div.card.event div.type a:hover {
| |
|
| |
| }
| |
| /* Card for LIST view */
| |
| .home-chronicle-list div.list-container {
| |
| width: 100%; /* For Chrome and other browsers */
| |
| padding-bottom: 80px;
| |
| }
| |
| .home-chronicle-list div.list-container div.card {
| |
| width: 100%;
| |
| margin-bottom: 0;
| |
| border-left: 1px solid black;
| |
| border-right: 1px solid black;
| |
| border-bottom: none;
| |
| border-top: 1px solid black;
| |
| cursor: pointer;
| |
| display: flex;
| |
| align-items: flex-start;
| |
| justify-content: start;
| |
| font-size: 19px;
| |
| line-height: 26px;
| |
| letter-spacing: 0.95px;
| |
| transition-delay: .001s;
| |
| }
| |
| .home-chronicle-list div.list-container div.card:not(:first-child) {
| |
| margin-left: 0;
| |
| }
| |
| .home-chronicle-list div.list-container div.card:nth-child(5n + 1) {
| |
| margin-left: 0;
| |
| transform: none;
| |
| }
| |
| /*
| |
| .home-chronicle-list div.list-container div.card:last-child {
| |
| margin-right: 0;
| |
| border-bottom: 1px solid black;
| |
| } */
| |
| .home-chronicle-list div.list-container div.card.last-visible {
| |
| margin-right: 0;
| |
| border-bottom: 1px solid black;
| |
| }
| |
|
| |
| /* Contents of Card for LIST view */
| |
| .home-chronicle-list div.list-container div.card div.entry-number {
| |
| width: calc(10% - 0px);
| |
| }
| |
| .home-chronicle-list div.list-container div.card div.people {
| |
| width: calc(20% - 0px);
| |
| border: none;
| |
| padding-right: 50px;
| |
| }
| |
| .home-chronicle-list div.list-container div.card div.people a {
| |
| text-decoration: underline;
| |
| color: black;
| |
| }
| |
| .home-chronicle-list div.list-container div.card.event div.people a {
| |
|
| |
| }
| |
| .home-chronicle-list div.list-container div.card div.people a:hover {
| |
| font-style: italic;
| |
| }
| |
| .home-chronicle-list div.list-container div.card div.title-images {
| |
| display: flex;
| |
| width: calc(60% - 0px);
| |
| max-width: 50%;
| |
| }
| |
| .home-chronicle-list div.list-container div.card div.images {
| |
| display: flex;
| |
| border: none;
| |
| padding-top: 0;
| |
| padding-bottom: 0;
| |
| }
| |
|
| |
| .home-chronicle-list div.list-container div.card div.image1 img, .home-chronicle-list div.list-container div.card div.image2 img{
| |
| display: block;
| |
| max-width: 100%;
| |
| width: auto;
| |
| height: 25px;
| |
| }
| |
| .home-chronicle-list div.list-container div.card div.image1, .home-chronicle-list div.list-container div.card div.image2 {
| |
| margin-right: 10px;
| |
| transition: transform 0.3s ease;
| |
| transform-origin: top left;
| |
| }
| |
| .home-chronicle-list div.list-container div.card div.image3, .home-chronicle-list div.list-container div.card div.image4, .home-chronicle-list div.list-container div.card div.image5 {
| |
| display: none;
| |
| }
| |
| .home-chronicle-list div.list-container div.card div.type {
| |
| width: calc(10% - 0px);
| |
| border: none;
| |
| white-space: nowrap;
| |
| position: absolute;
| |
| left: 90%;
| |
| }
| |
| .home-chronicle-list div.list-container div.card.event div.type a {
| |
|
| |
| }
| |
| .home-chronicle-list div.list-container div.card div.type a {
| |
| color: black;
| |
| text-decoration: none;
| |
| }
| |
| .home-chronicle-list div.list-container div.card div.type a:hover {
| |
| font-style: italic;
| |
| }
| |
| .home-chronicle-list div.list-container div.card div.title {
| |
| max-width: 50%;
| |
| }
| |
| .home-chronicle-list div.list-container div.card div.image1:hover,
| |
| .home-chronicle-list div.list-container div.card div.image2:hover {
| |
| transform: scale(6);
| |
| }
| |
| .home-chronicle-block div.list-container div.card.event {
| |
| border: 3px solid black;
| |
| }
| |
| .home-chronicle-block div.list-container div.card.event.first-in-series {
| |
|
| |
| }
| |
| /* Adjustments for cards in the middle of a series */
| |
| .home-chronicle-block div.list-container div.card.event.next-in-series {
| |
| margin-left: -3px;
| |
| }
| |
| /* Specific adjustments for the last card.event */
| |
| .home-chronicle-block div.list-container div.card.event.last-visible {
| |
|
| |
| }
| |
| .home-chronicle-list div.list-container div.card.event {
| |
| border: 3px solid black;
| |
| }
| |
| .home-chronicle-list div.list-container div.card.event.next-in-series {
| |
| margin-top: -3px;
| |
| }
| |
| .home-chronicle-list div.list-container div.card.event.alone-card-event {
| |
| border-bottom: 1px solid black;
| |
| }
| |
| .home-chronicle-list div.list-container div.card.event.last-visible {
| |
| border: 3px solid black;
| |
| }
| |
|
| |
| .card.event + .card.event {
| |
| border-left: none;
| |
| margin-left: 3px; /* Compensate for the removed border */
| |
| }
| |
| /* -----END<------ LIST AND BLOCK VIEW */
| |
|
| |
| /* ----->START------ POP UP ARTICLE */
| |
| #list {
| |
| width: 100%!important;
| |
| }
| |
| /* Hides scrollbar for Webkit browsers */
| |
| #show-article-wrapper-entry::-webkit-scrollbar {
| |
| display: none;
| |
| }
| |
| #show-article-wrapper {
| |
| display: none;
| |
| position: fixed;
| |
| top: 0;
| |
| right: 2%;
| |
| width: 100.6%;
| |
| height: 100vh;
| |
| overflow: auto;
| |
| scrollbar-width: none;
| |
| -ms-overflow-style: none;
| |
| z-index: 9999;
| |
| padding-top: 2%;
| |
| }
| |
| /* Hides scrollbar for Webkit browsers */
| |
| #show-article-wrapper::-webkit-scrollbar {
| |
| display: none;
| |
| }
| |
| #show-article {
| |
| background-color: #FAFAFA;
| |
| border: 1px solid;
| |
| padding: 0px 10px 0 10px;
| |
| position: relative;
| |
| top: 0;
| |
| margin-bottom: 20px;
| |
| }
| |
| #show-article-before {
| |
| position: absolute;
| |
| top: 0;
| |
| left: 0;
| |
| right: 0;
| |
| bottom: 0;
| |
| background: #FAFAFA;
| |
| border: 1px solid #080808;
| |
| transition: all 0.3s ease;
| |
| opacity: 0; /* Initially hidden */
| |
| z-index: -1; /* Ensures it's under the main content */
| |
| }
| |
| #show-article:hover #show-article-before {
| |
| opacity: 1;
| |
| scrollbar-width: none; /* Firefox */
| |
| -ms-overflow-style: none; /* Internet Explorer 10+ */
| |
| }
| |
| /* Hides scrollbar for Webkit browsers */
| |
| #show-article::-webkit-scrollbar {
| |
| display: none;
| |
| }
| |
|
| |
| .article-metadata {
| |
| display: flex;
| |
| border-bottom: 1px solid black;
| |
| padding: 5px 0 5px 0;
| |
| }
| |
| .article-metadata-label {
| |
| text-transform: uppercase;
| |
| margin-bottom: 0 !important;
| |
| margin-top: 5px!important;
| |
| font-size: 15px;
| |
| line-height: 23px;
| |
| letter-spacing: 0.48px;
| |
| }
| |
| .article-metadata-value {
| |
| text-transform: capitalize;
| |
| font-size: 17px;
| |
| line-height: 23px;
| |
| letter-spacing: 0.6px;
| |
| margin-top: 0 !important;
| |
| margin-bottom: 7px !important;
| |
| word-wrap: break-word;
| |
| hyphens: auto!important;
| |
| }
| |
| .article-metadata-value a {
| |
| color: black !important;
| |
| }
| |
|
| |
| .article-metadata-column:not(:first-child) {
| |
| margin-left: 20px;
| |
| }
| |
|
| |
| .article-metadata-column:nth-child(n+2) {
| |
| margin-left: 10%;
| |
| }
| |
| .article-label-description {
| |
| text-transform: uppercase;
| |
| text-indent: 35px;
| |
| padding-top: 5px;
| |
| font-size: 15px;
| |
| line-height: 23px;
| |
| letter-spacing: 0.48px;
| |
| }
| |
| .article-label-image {
| |
| text-transform: uppercase;
| |
| text-indent: 35px;
| |
| font-size: 15px;
| |
| line-height: 23px;
| |
| letter-spacing: 0.48px;
| |
| padding-top: 5px;
| |
| }
| |
| .article-label-reflection {
| |
| text-transform: uppercase;
| |
| text-indent: 35px;
| |
| padding-top: 5px;
| |
| font-size: 15px;
| |
| line-height: 23px;
| |
| letter-spacing: 0.48px;
| |
| }
| |
| .article-label-quote {
| |
| text-transform: uppercase;
| |
| text-indent: 35px;
| |
| font-size: 15px;
| |
| line-height: 23px;
| |
| letter-spacing: 0.48px;
| |
| padding-top: 5px;
| |
| }
| |
| .article-label-modification-date {
| |
| text-transform: uppercase;
| |
| padding-top: 5px;
| |
| text-indent: 35px;
| |
| color: grey;
| |
| display: inline-block;
| |
| font-size: 15px;
| |
| line-height: 23px;
| |
| letter-spacing: 0.48px;
| |
| }
| |
| .article-entry-number {
| |
| border-bottom: 1px solid black;
| |
| font-size: 19px;
| |
| line-height: 23px;
| |
| letter-spacing: 0px;
| |
| padding-bottom: 5px;
| |
| padding-top: 7px;
| |
| }
| |
| .article-people {
| |
| font-size: 25px;
| |
| line-height: 30px;
| |
| letter-spacing: 1.4px;
| |
| text-decoration: underline;
| |
| text-align: center;
| |
| padding-top: 15px;
| |
| margin-bottom: 5px!important;
| |
| }
| |
| .article-people a {
| |
| color: black;
| |
| text-decoration: underline;
| |
| }
| |
| .article-people a:hover {
| |
| font-style: italic;
| |
| color: black;
| |
| }
| |
| .article-title-link {
| |
| border-bottom: 1px solid black;
| |
| padding-bottom: 10px;
| |
| display: flex; /* Use flexbox */
| |
| flex-direction: column; /* Stack items vertically */
| |
| align-items: center; /* Align items horizontally in the center */
| |
| justify-content: center; /* Align items vertically in the center */
| |
| text-align: center; /* Center the text */
| |
| }
| |
| .article-title {
| |
| font-size: 25px;
| |
| line-height: 30px;
| |
| letter-spacing: 1.4px;
| |
| text-align: center;
| |
| margin-bottom: 0!important;
| |
| margin-top: 0 !important;
| |
| max-width: 70%;
| |
| }
| |
| .article-type {
| |
| font-size: 19px;
| |
| line-height: 23px;
| |
| letter-spacing: 0.4px;
| |
| border-bottom: 1px solid black;
| |
| margin-top: 0 !important;
| |
| margin-bottom: 0 !important;
| |
| padding: 5px 0 5px 0;
| |
| }
| |
| .article-type a {
| |
| color: black;
| |
| text-decoration: none;
| |
| }
| |
| .article-type a:hover {
| |
| font-style: italic;
| |
| color: black;
| |
| }
| |
| .article-entity {
| |
| font-size: 12pt;
| |
| line-height: 25px;
| |
| letter-spacing: 0.4px;
| |
| margin-top: 0 !important;
| |
| }
| |
| .article-discipline {
| |
| font-size: 12pt;
| |
| line-height: 25px;
| |
| letter-spacing: 0.4px;
| |
| margin-top: 0 !important;
| |
| }
| |
| .article-subject {
| |
| font-size: 12pt;
| |
| line-height: 25px;
| |
| letter-spacing: 0.4px;
| |
| margin-top: 0 !important;
| |
| }
| |
| .article-images {
| |
| border-bottom: 1px solid black;
| |
| padding-bottom: 7px;
| |
| }
| |
| .article-image {
| |
| position: relative;
| |
| }
| |
| .external-link-icon {
| |
| display: flex; /* Use flexbox */
| |
| align-items: center; /* Align items vertically in the center */
| |
| justify-content: center; /* Center the content horizontally */
| |
| width: 20px; /* Adjust the width as needed */
| |
| height: 20px; /* Adjust the height as needed */
| |
| font-size: 17px;
| |
| line-height: 22px;
| |
| letter-spacing: 0.48px;
| |
| color: black !important;
| |
| text-decoration: none;
| |
| }
| |
| .external-link-icon a {
| |
| font-size: 17px;
| |
| line-height: 22px;
| |
| letter-spacing: 0.48px;
| |
| color: black !important;
| |
| text-decoration: none;
| |
| }
| |
| p.pdf-link-icon {
| |
| margin-right: 10px;
| |
| }
| |
| .pdf-link-icon {
| |
| font-size: 17px;
| |
| line-height: 22px;
| |
| letter-spacing: 0.48px;
| |
| color: black !important;
| |
| margin-right: 20px;
| |
| margin-left: -20px;
| |
| }
| |
| .pdf-link-icon a {
| |
| font-size: 17px;
| |
| line-height: 22px;
| |
| letter-spacing: 0.48px;
| |
| color: black !important;
| |
| }
| |
| .link-pdf {
| |
| display: flex;
| |
| margin-top: 5px;
| |
| align-items: center;
| |
| }
| |
|
| |
| .image-container {
| |
| position: relative;
| |
| display: inline-block; /* Adjusts to the size of the image */
| |
| }
| |
|
| |
| .image-container img {
| |
| display: block;
| |
| max-width: 100%;
| |
| width: auto;
| |
| height: 400px;
| |
| }
| |
| .image-navigation {
| |
| position: relative;
| |
| display: inline-block;
| |
| }
| |
| .image-navigation:hover .prev-arrow,
| |
| .image-navigation:hover .next-arrow,
| |
| .image-navigation:hover .caption-image1,
| |
| .image-navigation:hover .caption-image2,
| |
| .image-navigation:hover .caption-image3,
| |
| .image-navigation:hover .caption-image4,
| |
| .image-navigation:hover .caption-image5,
| |
| .image-navigation:hover .related-article-caption-image1,
| |
| .image-navigation:hover .related-article-caption-image2,
| |
| .image-navigation:hover .related-article-caption-image3,
| |
| .image-navigation:hover .related-article-caption-image4,
| |
| .image-navigation:hover .related-article-caption-image5 {
| |
| display: block; /* Or set to visible */
| |
| }
| |
| .prev-arrow, .next-arrow {
| |
| position: absolute;
| |
| top: 53%;
| |
| transform: translateY(-53%);
| |
| cursor: pointer;
| |
| user-select: none;
| |
| font-size: 40px;
| |
| color: white; /* Adjust color as needed */
| |
| display: none; /* Hide arrows initially */
| |
| z-index: 10;
| |
| }
| |
|
| |
| .prev-arrow {
| |
| left: 10px;
| |
| }
| |
|
| |
| .next-arrow {
| |
| right: 10px;
| |
| }
| |
| .caption-line {
| |
| display: contents;
| |
| position: absolute;
| |
| top: 50%;
| |
| left: 50%;
| |
| transform: translate(-50%,-50%);
| |
|
| |
| }
| |
| .caption-image1, .caption-image2, .caption-image3, .caption-image4, .caption-image5 {
| |
| display: none;
| |
| caption-side: bottom;
| |
| font-size: 15px;
| |
| line-height: 18px;
| |
| letter-spacing: 0.48px;
| |
|
| |
| }
| |
| .article-book {
| |
| text-transform: capitalize;
| |
| font-size: 19px;
| |
| line-height: 23px;
| |
| letter-spacing: 0.6px;
| |
| margin-top: 0 !important;
| |
| margin-bottom: 7px !important;
| |
| }
| |
| .article-web {
| |
| text-transform: capitalize;
| |
| font-size: 19px;
| |
| line-height: 23px;
| |
| letter-spacing: 0.6px;
| |
| margin-top: 0 !important;
| |
| margin-bottom: 7px !important;
| |
| border-bottom: 1px solid black;
| |
| }
| |
| .article-year {
| |
| text-transform: capitalize;
| |
| font-size: 19px;
| |
| line-height: 23px;
| |
| letter-spacing: 0.6px;
| |
| margin-top: 0 !important;
| |
| margin-bottom: 7px !important;
| |
| border-bottom: 1px solid black;
| |
| }
| |
| .article-has-url {
| |
| text-transform: capitalize;
| |
| font-size: 19px;
| |
| line-height: 23px;
| |
| letter-spacing: 0.6px;
| |
| margin-top: 0 !important;
| |
| margin-bottom: 7px !important;
| |
| border-bottom: 1px solid black;
| |
| }
| |
| .article-has-pdf {
| |
| text-transform: capitalize;
| |
| font-size: 19px;
| |
| line-height: 23px;
| |
| letter-spacing: 0.6px;
| |
| margin-top: 0 !important;
| |
| margin-bottom: 7px !important;
| |
| border-bottom: 1px solid black;
| |
| }
| |
| .article-internal-ref {
| |
| text-transform: capitalize;
| |
| font-size: 19px;
| |
| line-height: 23px;
| |
| letter-spacing: 0.6px;
| |
| margin-top: 0 !important;
| |
| margin-bottom: 7px !important;
| |
| border-bottom: 1px solid black;
| |
| }
| |
| .article-external-ref {
| |
| font-size: 19px;
| |
| line-height: 23px;
| |
| letter-spacing: 0.6px;
| |
| margin-top: 0 !important;
| |
| margin-bottom: 7px !important;
| |
| border-bottom: 1px solid black;
| |
| }
| |
| .article-external-reference {
| |
| font-size: 19px;
| |
| line-height: 23px;
| |
| letter-spacing: 0.6px;
| |
| margin-top: 0 !important;
| |
| margin-bottom: 7px !important;
| |
| border-bottom: 1px solid black;
| |
| text-indent: 35px;
| |
| padding-bottom: 5px;
| |
| }
| |
| .article-label-external-reference {
| |
| text-transform: uppercase;
| |
| text-indent: 35px;
| |
| padding-top: 5px;
| |
| font-size: 15px;
| |
| line-height: 23px;
| |
| letter-spacing: 0.48px;
| |
| }
| |
| .article-external-ref a {
| |
| padding-right: 0px !important;
| |
| color: black !important;
| |
| }
| |
| .article-external-reference a {
| |
| padding-right: 0px !important;
| |
| color: black !important;
| |
| }
| |
| .article-format-participation {
| |
| text-transform: capitalize;
| |
| font-size: 19px;
| |
| line-height: 23px;
| |
| letter-spacing: 0.6px;
| |
| margin-top: 0 !important;
| |
| margin-bottom: 7px !important;
| |
| border-bottom: 1px solid black;
| |
| }
| |
| .article-setting {
| |
| text-transform: capitalize;
| |
| font-size: 19px;
| |
| line-height: 23px;
| |
| letter-spacing: 0.6px;
| |
| margin-top: 0 !important;
| |
| margin-bottom: 7px !important;
| |
| border-bottom: 1px solid black;
| |
| }
| |
| .article-notes {
| |
| font-size: 20px;
| |
| line-height: 29px;
| |
| letter-spacing: 1.29px;
| |
| text-align: left;
| |
| text-indent: 35px;
| |
| border-bottom: 1px solid black;
| |
| }
| |
| .image-container:hover .caption-image1,
| |
| .image-container:hover .caption-image2,
| |
| .image-container:hover .caption-image3,
| |
| .image-container:hover .caption-image4,
| |
| .image-container:hover .caption-image5 {
| |
| display: block;
| |
| }
| |
|
| |
| .image-container:hover .related-article-caption-image1,
| |
| .image-container:hover .related-article-caption-image2,
| |
| .image-container:hover .related-article-caption-image3,
| |
| .image-container:hover .related-article-caption-image4,
| |
| .image-container:hover .related-article-caption-image5 {
| |
| display: block;
| |
| }
| |
|
| |
| .article-description {
| |
| font-size: 20px;
| |
| line-height: 29px;
| |
| letter-spacing: 1.29px;
| |
| text-align: left;
| |
| text-indent: 35px;
| |
| border-bottom: 1px solid black;
| |
| }
| |
| .article-reflection {
| |
| font-size: 20px;
| |
| line-height: 29px;
| |
| letter-spacing: 1.29px;
| |
| text-align: left;
| |
| text-indent: 35px;
| |
| margin-top: 0 !important;
| |
| border-bottom: 1px solid black;
| |
| padding-bottom: 5px;
| |
| }
| |
| .article-quote {
| |
| font-size: 30px;
| |
| line-height: 31px;
| |
| letter-spacing: 1.5px;
| |
| font-style: italic;
| |
| text-align: left;
| |
| text-indent: 35px;
| |
| margin-top: 0 !important;
| |
| border-bottom: 1px solid black;
| |
| padding-bottom: 5px;
| |
| }
| |
|
| |
| .article-modification-date {
| |
| color: grey;
| |
| text-align: left;
| |
| text-indent: 10px;
| |
| margin-top: 0 !important;
| |
| display: inline-block;
| |
| padding-bottom: 5px;
| |
| font-size: 15px;
| |
| line-height: 23px;
| |
| letter-spacing: 0.48px;
| |
| }
| |
|
| |
| #related-articles {
| |
| display: none;
| |
| }
| |
| .related-articles-label {
| |
| text-transform: uppercase;
| |
| margin-bottom: 0 !important;
| |
| text-indent: 35px;
| |
| }
| |
| .related-articles-container {
| |
| display: flex;
| |
| flex-wrap: wrap;
| |
| gap: 0; /* No gap between articles */
| |
| }
| |
| .related-article {
| |
| width: calc(50% - 0px); /* Adjusted width */
| |
| box-sizing: border-box;
| |
| border: 1px solid black;
| |
| height: fit-content;
| |
| padding: 3px 10px 6px 10px;
| |
| margin-bottom: 30px;
| |
| font-size: 19px;
| |
| line-height: 26px;
| |
| letter-spacing: 0.95px;
| |
| cursor: pointer;
| |
| background-color: #FAFAFA;
| |
| }
| |
|
| |
| .related-article:not(:first-child) {
| |
| margin-left: -1px;
| |
| }
| |
|
| |
| .related-article:nth-child(2n + 1) {
| |
| margin-left: 0;
| |
| }
| |
|
| |
| .related-article:last-child {
| |
| margin-right: 0;
| |
| }
| |
| .related-article-entry-number {
| |
| padding-bottom: 3px;
| |
| }
| |
| .related-article-people {
| |
| text-decoration: underline;
| |
| border-top: 1px solid black;
| |
| line-height: 23px!important;
| |
| padding-top: 6px;
| |
| }
| |
| .related-article-people a {
| |
| color: black;
| |
| text-decoration: underline;
| |
| }
| |
| .related-article a:hover {
| |
| font-style: italic;
| |
| color: black;
| |
| }
| |
| .related-article-title {
| |
|
| |
| }
| |
| .related-article-type {
| |
| border-top: 1px solid black;
| |
| }
| |
|
| |
| .related-article-type a {
| |
| color: black;
| |
| text-decoration: none;
| |
| }
| |
| .related-article-type a:hover {
| |
| font-style: italic;
| |
| color: black;
| |
| }
| |
| #print-button {
| |
| display: none;
| |
| }
| |
| #close-button {
| |
| float: right;
| |
| cursor: pointer;
| |
| padding: 13px 0 0 0;
| |
| font-size: 20px;
| |
| line-height: 24px;
| |
| letter-spacing: 0px;
| |
| }
| |
| .fade-out {
| |
| position: absolute;
| |
| width: 100%;
| |
| height: 100%;
| |
| background: #FAFAFA;
| |
| opacity: 0;
| |
| z-index: 999;
| |
| }
| |
| .fade-out-alert {
| |
| position: absolute;
| |
| width: 100%;
| |
| height: 100%;
| |
| background: #FAFAFA;
| |
| opacity: 0.4;
| |
| z-index: 999;
| |
| }
| |
|
| |
| /* -----END<------ POP UP ARTICLE */
| |
|
| |
|
| |
| /* ----->START------ EVENT HOMEPAGE */
| |
| #show-event-wrapper {
| |
| display: block;
| |
| position: fixed; /* Change to fixed */
| |
| top: 0;
| |
| /*right: 24px;*/
| |
| right: 2%;
| |
| width: 41%;
| |
| height: 100vh; /* Set to full viewport height */
| |
| overflow: auto; /* Enables scrolling if content overflows */
| |
| scrollbar-width: none; /* Firefox */
| |
| -ms-overflow-style: none; /* Internet Explorer 10+ */
| |
| z-index: 9999; /* Ensure it's above #list */
| |
| /*padding-left: 100px;*/
| |
| }
| |
| #show-event {
| |
| background-color: black;
| |
| color: white;
| |
| border: 1px solid;
| |
| padding: 0px 10px 0 10px;
| |
| position: relative;
| |
| top: 88px;
| |
| /*margin-left: 36px;*/
| |
| margin-left: 4.6%;
| |
| }
| |
| /* -----END<------ EVENT HOMEPAGE */
| |
|
| |
| /* ----->START------ FOOTER and SEARCH */
| |
| #view-more-footer {
| |
| width: 100%;
| |
| box-sizing: border-box;
| |
| z-index: 11;
| |
| background: transparent linear-gradient(180deg, #FFF0 0%, #FAFAFA 100%) 0% 0% no-repeat padding-box;
| |
| margin-top: auto; /* Push the footer to the bottom */
| |
| text-align: center;
| |
| padding-bottom: 20px;
| |
| }
| |
|
| |
| #view-more-link {
| |
| cursor: pointer;
| |
| color: black;
| |
| }
| |
|
| |
| #view-more-link:hover {
| |
| text-decoration: underline;
| |
| }
| |
| .footer {
| |
| display: none;
| |
| }
| |
|
| |
| .suggestions {
| |
| display: none!important;
| |
| }
| |
|
| |
| .simpleSearch {
| |
| grid-column: 1 / 2;
| |
|
| |
| }
| |
| #simpleSearch, #simpleSearchSpecial {
| |
| grid-column: 1 / 2;
| |
| text-align: left;
| |
| font-size: 19px;
| |
| line-height: 26px;
| |
| letter-spacing: 0.95px;
| |
| font-family: 'HALColant-TextRegular';
| |
| cursor: pointer;
| |
| }
| |
|
| |
| /* Style footer background and gradient */
| |
| #simpleSearch:before, #simpleSearchSpecial:before {
| |
| content: "";
| |
| position: absolute;
| |
| top: 0;
| |
| left: 0;
| |
| z-index: -1;
| |
| }
| |
|
| |
| #searchInput,
| |
| .closing-bracket {
| |
| display: none;
| |
| border: none;
| |
| }
| |
| .searchresult {
| |
| display: none;
| |
| }
| |
| #simpleSearch:hover #searchInput {
| |
| display: inline-block;
| |
| border-bottom: 1px solid black;
| |
| margin-left: -17px;
| |
| padding-top: 5px;
| |
| background: #FAFAFA;
| |
| }
| |
|
| |
| #simpleSearchSpecial:hover #searchInput {
| |
| display: inline-block;
| |
| border-bottom: 1px solid black;
| |
| margin-left: -8px;
| |
| padding-top: 5px;
| |
| background: #FAFAFA;
| |
| }
| |
|
| |
| #simpleSearch:hover .closing-bracket, #simpleSearchSpecial:hover .closing-bracket {
| |
| display: inline-block;
| |
| }
| |
| .submitEntry {
| |
| text-align: right;
| |
| font-size: 19px;
| |
| line-height: 26px;
| |
| letter-spacing: 0.95px;
| |
| font-family: 'HALColant-TextRegular';
| |
| }
| |
| .submitEntry button:hover {
| |
| text-decoration: underline;
| |
| }
| |
| .submitEntry button {
| |
| text-align: left;
| |
| font-size: 19px;
| |
| line-height: 26px;
| |
| letter-spacing: 0.95px;
| |
| font-family: 'HALColant-TextRegular';
| |
| cursor: pointer;
| |
| background: none;
| |
| border: none;
| |
| }
| |
| /* ----->END------ FOOTER and SEARCH */
| |
|
| |
| /* ----->START------ AUTHORS CREATORS */
| |
| /* Styling for Authors/Creators */
| |
| .smw-columnlist-container {
| |
| top: 420px;
| |
| position: relative;
| |
| margin: 0;
| |
| width: 100%;
| |
| }
| |
|
| |
| .smw-column {
| |
| width: 20%!important;
| |
| }
| |
| .smw-column ul li {
| |
| list-style: none;
| |
| }
| |
| .smw-column-header {
| |
| font-weight:normal;
| |
| border-bottom: 1px solid black;
| |
| margin-right: 10px;
| |
| }
| |
| .smw-column ul {
| |
| font-size: 16pt;
| |
| line-height: 27px;
| |
| letter-spacing: 0.4px;
| |
| text-align: center;
| |
| text-decoration: underline;
| |
| }
| |
| .smw-column a {
| |
| color: black;
| |
| }
| |
| /* ----->END------ AUTHORS CREATORS */
| |
|
| |
| /* ----->START------ COMMUNITY PAGE */
| |
| /* Styling for Community */
| |
| #community-list {
| |
| -moz-column-count: 5;
| |
| -webkit-column-count: 5;
| |
| -ms-column-count: 5;
| |
| column-count: 5;
| |
| -moz-column-gap: 10px;
| |
| -ms-column-gap: 10px;
| |
| -webkit-column-gap: 10px;
| |
| column-gap: 10px;
| |
| position: relative;
| |
| margin: 0;
| |
| width: 100%;
| |
| top: 430px;
| |
| }
| |
|
| |
| .community-card {
| |
| font-size: 12px;
| |
| line-height: 25px;
| |
| letter-spacing: 0.4px;
| |
| display: inline-block;
| |
| width: 100%;
| |
| box-sizing: border-box;
| |
| padding: 0 0 20px 0;
| |
| margin-bottom: -1px; /* Negative margin, same as border thickness */
| |
| border-top: 1px solid black;
| |
| border-bottom: 1px solid black;
| |
| break-inside: avoid-column;
| |
| z-index: 1; /* Ensures the card is above the bottom border of the card above */
| |
| background: #FAFAFA; /* Assuming cards have a white background */
| |
| }
| |
| /* Add margin-top to individual community pages */
| |
| .community-page {
| |
| position: relative;
| |
| top: 400px;
| |
| }
| |
| /* Removes top border from the first card in each column */
| |
| #community-list .community-card:first-of-type {
| |
| border-top: none;
| |
| }
| |
|
| |
| /* Adds top border to the very first card in the grid */
| |
| #community-list .community-card:first-child {
| |
| border-top: 1px solid black;
| |
| }
| |
| .community-name {
| |
| font-size: 25px;
| |
| line-height: 34px;
| |
| letter-spacing: 1.4px;
| |
| text-align: center;
| |
| text-decoration: underline;
| |
| padding-top: 45px;
| |
| padding-bottom: 45px;
| |
| border-bottom: 1px solid black;
| |
| }
| |
| .community-name a {
| |
| color: black !important;
| |
| }
| |
| .community-name a:hover {
| |
| font-style: italic;
| |
| }
| |
| .community-external-reference {
| |
| text-align: center;
| |
| font-size: 25px;
| |
| line-height: 34px;
| |
| letter-spacing: 1.4px;
| |
| border-bottom: 1px solid black;
| |
| }
| |
| .community-external-reference a {
| |
| color: white!important;
| |
| }
| |
| .community-external-reference a:hover {
| |
| text-decoration: none;
| |
| font-style: italic;
| |
| }
| |
| #community-list div.community-external-reference a {
| |
| color: black !important;
| |
| text-decoration:none;
| |
| }
| |
| .community-setting {
| |
| font-size: 15px;
| |
| line-height: 30px;
| |
| letter-spacing: 0.48px;
| |
| text-transform: uppercase;
| |
| border-bottom: 1px solid black;
| |
| }
| |
| .community-location {
| |
| font-size: 15px;
| |
| line-height: 30px;
| |
| letter-spacing: 0.48px;
| |
| text-transform: uppercase;
| |
| border-bottom: 1px solid black;
| |
| }
| |
| .community-type {
| |
| font-size: 15px;
| |
| line-height: 30px;
| |
| letter-spacing: 0.48px;
| |
| text-transform: uppercase;
| |
| border-bottom: 1px solid black;
| |
| }
| |
| .community-domain {
| |
| font-size: 15px;
| |
| line-height: 30px;
| |
| letter-spacing: 0.48px;
| |
| text-transform: uppercase;
| |
| border-bottom: 1px solid black;
| |
| }
| |
| .community-description p {
| |
| text-indent: 35px;
| |
| font-size: 19px;
| |
| line-height: 26px;
| |
| letter-spacing: 0.95px;
| |
| margin: 0 !important;
| |
| }
| |
| .community-description-label {
| |
| text-transform: uppercase;
| |
| text-indent: 35px;
| |
| font-size: 15px;
| |
| margin: 0 !important;
| |
| line-height: 30px;
| |
| }
| |
| /* ----->END------ COMMUNITY PAGE */
| |
|
| |
| /* ----->START------ SEARCH PAGE */
| |
| .hidden {
| |
| display: none;
| |
| }
| |
| .oo-ui-layout.oo-ui-fieldLayout.oo-ui-fieldLayout-align-top.oo-ui-actionFieldLayout {
| |
| margin-top: 420px;
| |
| }
| |
| .mw-search-exists {
| |
| padding-bottom: 20px;
| |
| }
| |
| .mw-search-createlink {
| |
| padding-bottom: 20px;
| |
| }
| |
| #mw-content-text .searchresults {
| |
| padding: 25px;
| |
| }
| |
| #mw-search-top-table div.oo-ui-actionFieldLayout {
| |
| padding-left: 25px;
| |
| padding-right: 25px;
| |
| }
| |
| /* ----->END------ SEARCH PAGE */
| |
|
| |
| /* ----->START------ ALERT MESSAGE */
| |
| #custom-popup {
| |
| position: fixed;
| |
| top: 50%;
| |
| left: 50%;
| |
| transform: translate(-50%, -50%);
| |
| background-color: #FAFAFA;
| |
| padding: 20px;
| |
| border: 1px solid black;
| |
| z-index: 999; /* Ensure popup appears above faded background */
| |
| font-size: 15px;
| |
| line-height: 20px;
| |
| text-transform: uppercase;
| |
| width: 86%;
| |
|
| |
| }
| |
|
| |
| .popup-content {
| |
| text-align: center;
| |
| }
| |
| .popup-content p {
| |
| padding-left: 20px;
| |
| padding-right: 20px;
| |
| padding-top: 20px;
| |
| padding-bottom: 15px;
| |
| }
| |
| #close-popup {
| |
| background-color: #FAFAFA;
| |
| color: black;
| |
| border: none;
| |
| cursor: pointer;
| |
| font-family: HALColant-TextRegular!important;
| |
| float: right;
| |
| margin-top: -20px;
| |
| margin-right: -20px;
| |
| }
| |