4,554
edits
(Created page with "→----->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: } →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=...") |
No edit summary |
||
| (24 intermediate revisions by the same user not shown) | |||
| Line 827: | Line 827: | ||
line-height: 24px; | line-height: 24px; | ||
letter-spacing: 0.9px; | letter-spacing: 0.9px; | ||
text-align: left; | text-align: left; | ||
width: calc(60% - 0px); | width: calc(60% - 0px); | ||
| Line 844: | Line 843: | ||
width: auto; | width: auto; | ||
flex: 1; | flex: 1; | ||
text-align: center; | |||
width: calc(10% - 0px); | |||
white-space: nowrap; | |||
position: absolute; | |||
left: 80%; | |||
} | |||
.home-chronicle-list div.list-container div.card.event div.date:hover { | |||
color: #fff !important; | |||
} | |||
.home-chronicle-block div.list-container div.event:hover .date, | |||
.home-chronicle-list div.list-container div.event:hover .date { | |||
color: #fff !important; | |||
} | } | ||
.home-chronicle-block div.list-container div.card.event div.container-people-date { | .home-chronicle-block div.list-container div.card.event div.container-people-date { | ||
| Line 953: | Line 964: | ||
} | } | ||
.home-chronicle-list div.list-container div.event div.event-link { | .home-chronicle-list div.list-container div.event div.event-link { | ||
width: calc(6. | width: calc(6.2% - 0px); | ||
text-decoration: underline; | text-decoration: underline; | ||
font-size: 16px; | font-size: 16px; | ||
| Line 1,196: | Line 1,207: | ||
text-decoration: underline; | text-decoration: underline; | ||
text-align: center; | text-align: center; | ||
padding-top: | padding-top: 25px; | ||
margin-bottom: 5px!important; | margin-bottom: 5px!important; | ||
} | } | ||
| Line 1,388: | Line 1,399: | ||
} | } | ||
.caption-line { | .caption-line { | ||
display: contents; | |||
font-size: 15px; | |||
line-height: 18px; | |||
letter-spacing: .48px; | |||
font-size: | |||
line-height: | |||
letter-spacing: | |||
} | } | ||
.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 { | .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 { | ||
| Line 1,660: | Line 1,657: | ||
color: black; | color: black; | ||
} | } | ||
#close-button { | #close-button { | ||
float: right; | 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; | 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; | ||
font-size: 20px; | font-size: 20px; | ||
line-height: 24px; | line-height: 24px; | ||
letter-spacing: 0px; | letter-spacing: 0px; | ||
position: absolute; /* override float for precise placement */ | |||
top: 8px; | |||
right: 8px; | |||
} | |||
/* print button next to [close] */ | |||
#print-button { | |||
position: absolute; | |||
top: 8px; | |||
right: 60px; | |||
line-height: 24px; | |||
font-size: 20px; | |||
letter-spacing: 0; | |||
cursor: pointer; | |||
z-index: 10; | |||
padding-right: 8px; | |||
} | |||
#print-button a { | |||
color: black; | |||
text-decoration: none; | |||
} | |||
#print-button a:hover { | |||
text-decoration: underline; | |||
} | |||
.entryPage-printBtn { | |||
right: 0 !important; | |||
} | |||
#print-chooser { | |||
position: absolute; | |||
top: 36px; | |||
right: 8px; | |||
display: none; | |||
white-space: nowrap; | |||
font-size: 14px; | |||
line-height: 20px; | |||
} | |||
/* Links styled like pills (MW-safe) */ | |||
#print-chooser .print-choice { | |||
display: inline-block; | |||
padding: 2px 4px; | |||
text-decoration: none; | |||
background: #ececec; | |||
color: #767676; | |||
margin-top: 2px; | |||
} | } | ||
#print-chooser .print-choice + .print-choice { margin-left: 6px; } | |||
#print-chooser .print-choice:hover, | |||
#print-chooser .print-choice:focus { | |||
text-decoration: none; | |||
color: black; | |||
} | |||
.fade-out { | .fade-out { | ||
position: absolute; | position: absolute; | ||
| Line 1,719: | Line 1,775: | ||
text-decoration: underline; | text-decoration: underline; | ||
text-align: center; | text-align: center; | ||
padding-top: | padding-top: 25px; | ||
margin-bottom: 5px !important; | margin-bottom: 5px !important; | ||
} | } | ||
| Line 2,157: | Line 2,213: | ||
} | } | ||
/* ----->END------ SEARCH PAGE */ | /* ----->END------ SEARCH PAGE */ | ||
/* ----->START------ TOOLTIP EVENT CARDS */ | |||
.tooltip-popup { | |||
position: fixed; | |||
padding: 6px 12px; | |||
background-color: #f9f9f9; | |||
color: #111; | |||
font-size: 13px; | |||
font-family: Arial, sans-serif; | |||
border: 1px solid #ccc; | |||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); | |||
pointer-events: none; | |||
opacity: 0; | |||
transition: opacity 0.15s ease; | |||
z-index: 9999; | |||
} | |||
/* ----->END------ TOOLTIP EVENT CARDS */ | |||
/* ----->START------ PRINT STYLES */ | |||
.print-only { display:none; } | |||
/* ----->END------ PRINT STYLES */ | |||