|
|
| (65 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| /* ----->START------ FONTS */
| | .mw- |
| @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 */
| |
| }
| |
| | |
| /* Change text color of links on hover */
| |
| a:hover {
| |
| cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><circle cx="14" cy="14" r="4.5" fill="white" stroke="black" stroke-width="1" /></svg>') 14 14, auto;
| |
| }
| |
| | |
| /* Change text color of links on focus */
| |
| a:focus {
| |
| cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><circle cx="14" cy="14" r="4.5" fill="white" stroke="black" stroke-width="1" /></svg>') 14 14, auto;
| |
| }
| |
| | |
| html, body {
| |
| font-family: HALColant-TextRegular!important;
| |
| background: #FAFAFA 0%;
| |
| -webkit-font-smoothing: antialiased;
| |
| -moz-osx-font-smoothing: grayscale;
| |
| font-smoothing: antialiased;
| |
| cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><circle cx="14" cy="14" r="4.5" fill="black" /></svg>') 14 14, auto;
| |
| }
| |
| html {
| |
| scrollbar-width: none; /* Firefox */
| |
| }
| |
| body {
| |
| 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: 1.3%;
| |
| }
| |
| #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-
| |
| display: block; | | display: block; |
| position: fixed; /* Change to fixed */
| |
| top: 0;
| |
| /*right: 24px;*/
| |
| right: 1.3%;
| |
| 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;*/
| |
| margin-top: 50px;
| |
| }
| |
| #show-article-wrapper-entry #show-article {
| |
| padding-bottom: 50px;
| |
| }
| |
| /* Hides scrollbar for Webkit browsers */
| |
| #show-article-wrapper-entry::-webkit-scrollbar {
| |
| display: none;
| |
| }
| |
| #show-article-wrapper {
| |
| display: none;
| |
| position: fixed; /* Change to fixed */
| |
| top: 5%;
| |
| /*right: 24px;*/
| |
| right: 1.3%;
| |
| 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;*/
| |
| }
| |
| /* 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: 40px;
| |
| /*margin-left: 36px;*/
| |
| margin-left: 4.6%;
| |
| }
| |
| #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: 19px;
| |
| line-height: 23px;
| |
| letter-spacing: 0.6px;
| |
| margin-top: 0 !important;
| |
| margin-bottom: 7px !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-title a{
| |
| color: black!important;
| |
| 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;
| |
| }
| |
| .external-link-icon a:hover {
| |
| text-decoration: underline;
| |
| }
| |
| p.pdf-link-icon {
| |
| margin-right: 10px;
| |
| }
| |
| .text-symbol {
| |
| color: black; /* Ensure the symbol is black */
| |
| font-size: 15px;
| |
| }
| |
|
| |
| .pdf-link-icon {
| |
| font-size: 17px;
| |
| line-height: 22px;
| |
| letter-spacing: 0.48px;
| |
| color: black !important;
| |
| margin-right: 25px;
| |
| 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;
| |
| }
| |
|
| |
| .image-container img {
| |
| display: block;
| |
| max-width: 100%;
| |
| width: auto;
| |
| height: 400px;
| |
| padding-bottom: 3px;
| |
| }
| |
|
| |
| .arrows-and-image {
| |
| position: relative;
| |
| width: fit-content;
| |
| }
| |
|
| |
| .image-navigation {
| |
| position: relative;
| |
| display: inline-block;
| |
| }
| |
| .image-navigation:hover .prev-arrow,
| |
| .image-navigation:hover .next-arrow {
| |
| display: block;
| |
| }
| |
|
| |
|
| |
| .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;
| |
| }
| |
|
| |
| .prev-arrow, .next-arrow {
| |
| position: absolute;
| |
| top: 53%;
| |
| transform: translateY(-53%);
| |
| cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><circle cx="14" cy="14" r="4.5" fill="white" stroke="black" stroke-width="1" /></svg>') 14 14, auto;
| |
| 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%);
| |
| color: white;
| |
| padding: 0px;
| |
| text-align: center;
| |
| font-size: 25px;
| |
| line-height: 28px;
| |
| letter-spacing: 0.4px;
| |
| font-style: italic;
| |
| font-weight: bold;
| |
| max-width: 100%;
| |
| white-space: normal;
| |
| overflow: visible;
| |
| text-overflow: ellipsis;
| |
| text-shadow: 2px 2px 40px rgba(0,0,0,.8);
| |
| }
| |
| .caption-image1, .caption-image2, .caption-image3, .caption-image4, .caption-image5, .related-article-caption-image1, .related-article-caption-image2, .related-article-caption-image3, .related-article-caption-image4, .related-article-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: 23px;
| |
| line-height: 31px;
| |
| 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: 23px;
| |
| line-height: 31px;
| |
| letter-spacing: 1.29px;
| |
| text-align: left;
| |
| text-indent: 35px;
| |
| border-bottom: 1px solid black;
| |
| }
| |
| .article-reflection {
| |
| font-size: 23px;
| |
| line-height: 31px;
| |
| 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 {
| |
| margin-top: 0px;
| |
| /*margin-left: 36px;*/
| |
| margin-left: 4.6%;
| |
| padding-bottom: 80px;
| |
| padding-top: 100px;
| |
| }
| |
| .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: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><circle cx="14" cy="14" r="4.5" fill="white" stroke="black" stroke-width="1" /></svg>') 14 14, auto;
| |
| 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;
| |
| }
| |
| #close-button {
| |
| float: right;
| |
| cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><circle cx="14" cy="14" r="4.5" fill="white" stroke="black" stroke-width="1" /></svg>') 14 14, auto;
| |
| padding: 5px 0 0 0;
| |
| font-size: 20px;
| |
| line-height: 24px;
| |
| letter-spacing: 0px;
| |
| }
| |
| .fade-out {
| |
| 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: 1.3%;
| |
| 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;*/
| |
| margin-top: 50px;
| |
| }
| |
| #show-event {
| |
| background-color: #FAFAFA;
| |
| border: 3px solid;
| |
| padding: 0px 10px 0 10px;
| |
| position: relative;
| |
| top: 40px;
| |
| /*margin-left: 36px;*/
| |
| margin-left: 4.6%;
| |
| }
| |
| .event-entry-number {
| |
| border-bottom: 1px solid black;
| |
| font-size: 19px;
| |
| line-height: 23px;
| |
| letter-spacing: 0px;
| |
| padding-bottom: 5px;
| |
| padding-top: 7px;
| |
| }
| |
| .event-people {
| |
| font-size: 25px;
| |
| line-height: 30px;
| |
| letter-spacing: 1.4px;
| |
| text-decoration: underline;
| |
| text-align: center;
| |
| padding-top: 15px;
| |
| margin-bottom: 5px !important;
| |
| }
| |
| .event-people a {
| |
| color: black;
| |
| text-decoration: underline;
| |
| }
| |
| .event-title-link {
| |
| border-bottom: 1px solid black;
| |
| padding-bottom: 10px;
| |
| display: flex;
| |
| flex-direction: column;
| |
| align-items: center;
| |
| justify-content: center;
| |
| text-align: center;
| |
| }
| |
| .event-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%;
| |
| }
| |
| .event-link {
| |
| display: flex;
| |
| margin-top: 5px;
| |
| align-items: center;
| |
| }
| |
|
| |
| /* -----END<------ EVENT HOMEPAGE */
| |
|
| |
| /* ----->START------ FOOTER and SEARCH */
| |
| #view-more-footer {
| |
| display: none;
| |
| }
| |
| .footer {
| |
| position: fixed;
| |
| left: 0;
| |
| bottom: 0;
| |
| width: 100%;
| |
| box-sizing: border-box;
| |
| z-index: 11;
| |
| background: transparent linear-gradient(180deg, #FFF0 0%, rgba(250, 250, 250, 0.97) 80%) 0% 0% no-repeat padding-box;
| |
| padding-bottom: 1%;
| |
| padding-top: 100px;
| |
| padding-left: 1.3%;
| |
| padding-right: 1.3%;
| |
|
| |
| display: flex;
| |
| justify-content: flex-start; /* Aligns the buttons to the right */
| |
| align-items: center; /* Vertically center the items */
| |
| }
| |
|
| |
| .submit-container {
| |
| position: relative; /* Positioning context for absolute children */
| |
| display: inline-block; /* Constrain hover area to the container */
| |
| width: calc(20% - 0px);
| |
| }
| |
| #submit {
| |
| font-size: 17px;
| |
| line-height: 22px;
| |
| letter-spacing: 0.37px;
| |
| cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><circle cx="14" cy="14" r="4.5" fill="white" stroke="black" stroke-width="1" /></svg>') 14 14, auto;
| |
| color: black !important;
| |
| }
| |
| #submit:hover {
| |
| color: black;
| |
| text-decoration: underline;
| |
| }
| |
| .submit-hide {
| |
| opacity: 0; /* Make it invisible initially */
| |
| visibility: hidden; /* Ensure it's not interactable */
| |
| display: none;
| |
| background: black;
| |
| width: 20%;
| |
| position: absolute; /* Position relative to the parent */
| |
| bottom: 100%; /* Position above the parent */
| |
| left: 0; /* Align left with the parent */
| |
| z-index: 1; /* Ensure it's above other content */
| |
| transform: translateY(-10px); /* Slightly offset to prevent overlap */
| |
| }
| |
| .submit-hide p {
| |
| color: white!important;
| |
| font-size: 17px;
| |
| line-height: 22px;
| |
| letter-spacing: 0.37px;
| |
| padding: 10px;
| |
| }
| |
| .submit-hide p .italics {
| |
| color: white;
| |
| font-style: italic;
| |
| }
| |
| .submit-hide p .underline {
| |
| text-decoration: underline;
| |
| }
| |
| .submit-container:hover .submit-hide {
| |
| display: block;
| |
| opacity: 1;
| |
| visibility: visible;
| |
| width: auto;
| |
| }
| |
|
| |
|
| |
|
| |
| .suggestions {
| |
| display: none!important;
| |
| }
| |
|
| |
| .simpleSearch {
| |
| position: relative;
| |
| display: inline-block;
| |
| width: calc(20% - 0px);
| |
| }
| |
| #simpleSearch, #simpleSearchSpecial {
| |
| text-align: left;
| |
| letter-spacing: normal;
| |
| font-family: 'HALColant-TextRegular';
| |
| cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><circle cx="14" cy="14" r="4.5" fill="white" stroke="black" stroke-width="1" /></svg>') 14 14, auto;
| |
| text-transform: uppercase;
| |
| background: none;
| |
| border: none;
| |
| font-size: 17px;
| |
| line-height: 20px;
| |
| }
| |
|
| |
| /* 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: -9.5px;
| |
| background: #FAFAFA;
| |
| width: calc(75% - 20px); /* Default width */
| |
| }
| |
|
| |
| /* Small screens */
| |
| @media (max-width: 600px) {
| |
| #simpleSearch:hover #searchInput {
| |
| width: calc(50% - 20px);
| |
| }
| |
| }
| |
|
| |
| /* Medium screens */
| |
| @media (min-width: 601px) and (max-width: 760px) {
| |
| #simpleSearch:hover #searchInput {
| |
| width: calc(50% - 20px);
| |
| }
| |
| }
| |
|
| |
| /* Medium large screens */
| |
| @media (min-width: 761px) and (max-width: 900px) {
| |
| #simpleSearch:hover #searchInput {
| |
| width: calc(50% - 20px);
| |
| }
| |
| }
| |
|
| |
| /* Large screens */
| |
| @media (min-width: 901px) and (max-width: 1000px) {
| |
| #simpleSearch:hover #searchInput {
| |
| width: calc(60% - 20px);
| |
| }
| |
| }
| |
|
| |
| /* Large screens */
| |
| @media (min-width: 1001px) and (max-width: 1100px) {
| |
| #simpleSearch:hover #searchInput {
| |
| width: calc(65% - 20px);
| |
| }
| |
| }
| |
|
| |
| /* Large screens */
| |
| @media (min-width: 1101px) and (max-width: 1250px) {
| |
| #simpleSearch:hover #searchInput {
| |
| width: calc(65% - 20px);
| |
| }
| |
| }
| |
|
| |
| /* Large screens */
| |
| @media (min-width: 1251px) {
| |
| #simpleSearch:hover #searchInput {
| |
| width: calc(75% - 10px);
| |
| }
| |
| }
| |
|
| |
|
| |
|
| |
|
| |
|
| |
| #simpleSearchSpecial:hover #searchInput {
| |
| display: inline-block;
| |
| border-bottom: 1px solid black;
| |
| margin-left: -5px;
| |
| background: #FAFAFA;
| |
| }
| |
|
| |
| #simpleSearch:hover .closing-bracket, #simpleSearchSpecial:hover .closing-bracket {
| |
| display: inline-block;
| |
| }
| |
|
| |
|
| |
| /* ----->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-col {
| |
| width: calc(100% - 0px);
| |
| box-sizing: border-box;
| |
| height: fit-content;
| |
| padding: 0 0 0 0;
| |
| }
| |
| .community-main-text {
| |
| margin-top: 0 !important;
| |
| position: relative;
| |
| top: 400px;
| |
| font-size: 22px;
| |
| line-height: 25px;
| |
| letter-spacing: 0px;
| |
| }
| |
| #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: 300px;
| |
| }
| |
| /* Removes top border from the first card in each column */
| |
| #community-list .community-card:first-of-type {
| |
| border-top: none; | | 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; | | border-bottom: 1px solid black; |
| | margin-bottom: 0; |
| } | | } |
| .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;
| |
| font-size: 17px;
| |
| }
| |
| .mw-search-createlink {
| |
| padding-bottom: 20px;
| |
| font-size: 17px;
| |
| }
| |
| .mw-search-nonefound {
| |
| padding-bottom: 20px;
| |
| font-size: 17px!important;
| |
| }
| |
| #mw-content-text .searchresults {
| |
| padding: 25px;
| |
| }
| |
| #mw-search-top-table div.oo-ui-actionFieldLayout {
| |
| padding-left: 25px;
| |
| padding-right: 25px;
| |
| }
| |
| /* ----->END------ SEARCH PAGE */
| |