Difference between revisions of "MediaWiki:Common.css"
From Future Of Mankind
(380 intermediate revisions by the same user not shown) | |||
Line 100: | Line 100: | ||
.column4-bold tr td:nth-child(4) {font-weight:bold} /* class="column4-bold" */ | .column4-bold tr td:nth-child(4) {font-weight:bold} /* class="column4-bold" */ | ||
.last-column-bold tr td:last-child {font-weight:bold} /* class="last-column-bold" */ | .last-column-bold tr td:last-child {font-weight:bold} /* class="last-column-bold" */ | ||
+ | |||
+ | .column1-left-align tr td:first-child {text-align:left} /* class="column1-left-align" */ | ||
.column1-center tr td:first-child {text-align:center} /* class="column1-center" */ | .column1-center tr td:first-child {text-align:center} /* class="column1-center" */ | ||
Line 115: | Line 117: | ||
− | + | .heading1 td {text-align:center; font-weight:bold; font-size:20px !important} /* class="heading1" */ | |
− | .heading1 td {text-align:center; font-weight:bold; font-size:20px} /* class="heading1" */ | + | .heading2 td {text-align:center; font-weight:bold; font-size:18px !important} /* class="heading2" */ |
− | .heading2 td {text-align:center; font-weight:bold; font-size:18px} /* class="heading2" */ | + | .heading3 td, div.heading3 {text-align:center; font-size:15px !important} /* class="heading3" */ |
− | .heading3 | + | .heading4 td {text-align:center; font-size:13px !important} /* class="heading4" */ |
− | |||
− | |||
− | |||
− | .heading4 | ||
− | |||
− | |||
Line 138: | Line 134: | ||
− | .force-line-break1 td:not(td table td) {padding-top: | + | .force-line-break1 td:not(td table td) {padding-top:4px !important} /* class="force-line-break1" */ |
− | .line-break1 td:not(td table td) {padding-top: | + | .force-line-break2 td:not(td table td) {padding-top:16px !important} /* class="force-line-break2" */ |
− | .line-break2 td:not(td table td) {padding-top:16px} /* class="line-break2" */ | + | .force-line-break3 td:not(td table td) {padding-top:28px !important} /* class="force-line-break3" */ |
− | .line-break3 td:not(td table td) {padding-top: | + | .line-break1 td:not(td table td), div.line-break1 {padding-top:4px} /* class="line-break1" */ |
+ | .table-line-break1 td table td {padding-top:4px} /* class="table-line-break1" */ | ||
+ | .line-break2 td:not(td table td), div.line-break2, p.line-break2 {padding-top:16px} /* class="line-break2" */ | ||
+ | .line-break3 td:not(td table td), div.line-break3 {padding-top:28px} /* class="line-break3" */ | ||
+ | .line-break2-center td:not(td table td) {padding-top:16px; text-align:center} /* class="line-break2-center" */ | ||
.line-break2-bold td:not(td table td) {padding-top:16px; font-weight:bold} /* class="line-break2-bold" */ | .line-break2-bold td:not(td table td) {padding-top:16px; font-weight:bold} /* class="line-break2-bold" */ | ||
.line-break2-italic td:not(td table td) {padding-top:16px; font-style:italic} /* class="line-break2-italic" */ | .line-break2-italic td:not(td table td) {padding-top:16px; font-style:italic} /* class="line-break2-italic" */ | ||
.line-break2-bold-italic td:not(td table td) {padding-top:16px; font-weight:bold; font-style:italic} /* class="line-break2-bold-italic" */ | .line-break2-bold-italic td:not(td table td) {padding-top:16px; font-weight:bold; font-style:italic} /* class="line-break2-bold-italic" */ | ||
− | .line-break3-bold td:not(td table td) {padding-top: | + | .line-break3-center td:not(td table td) {padding-top:28px; text-align:center} /* class="line-break3-center" */ |
− | .line-break3-italic td:not(td table td) {padding-top: | + | .line-break3-bold td:not(td table td) {padding-top:28px; font-weight:bold} /* class="line-break3-bold" */ |
− | .line-break3-bold-italic td:not(td table td) {padding-top: | + | .line-break3-italic td:not(td table td) {padding-top:28px; font-style:italic} /* class="line-break3-italic" */ |
+ | .line-break3-bold-italic td:not(td table td) {padding-top:28px; font-weight:bold; font-style:italic} /* class="line-break3-bold-italic" */ | ||
.paragraph3 td {padding-bottom:32px} /* class="paragraph3" */ | .paragraph3 td {padding-bottom:32px} /* class="paragraph3" */ | ||
− | .no-line-break td:not(td table td) {padding-top:0} /* class="no-line-break" */ | + | .bold td:not(td table td) {font-weight:bold} /* class="bold" */ |
+ | .bold-center td:not(td table td) {font-weight:bold; text-align:center} /* class="bold-center" */ | ||
+ | .bold-center-no-line-break td:not(td table td) {font-weight:bold; text-align:center; padding-top:0} /* class="bold-center-no-line-break" */ | ||
+ | .bold-italic td:not(td table td) {font-weight:bold; font-style:italic} /* class="bold-italic" */ | ||
.bold-no-line-break td:not(td table td) {font-weight:bold; padding-top:0} /* class="bold-no-line-break" */ | .bold-no-line-break td:not(td table td) {font-weight:bold; padding-top:0} /* class="bold-no-line-break" */ | ||
.center-no-line-break td:not(td table td) {text-align:center; padding-top:0} /* class="center-no-line-break" */ | .center-no-line-break td:not(td table td) {text-align:center; padding-top:0} /* class="center-no-line-break" */ | ||
− | . | + | .italic td:not(td table td) {font-style:italic} /* class="italic" */ |
.italic-center-no-line-break td:not(td table td) {font-style:italic; text-align:center; padding-top:0} /* class="italic-center-no-line-break" */ | .italic-center-no-line-break td:not(td table td) {font-style:italic; text-align:center; padding-top:0} /* class="italic-center-no-line-break" */ | ||
+ | .no-line-break td:not(td table td) {padding-top:0} /* class="no-line-break" */ | ||
+ | .right-align-italic-no-line-break td:not(td table td) {font-style:italic; text-align:right; padding-top:0} /* class="right-align-italic-no-line-break" */ | ||
+ | .right-align td:not(td table td) {text-align:right} /* class="right-align" */ | ||
.source-url td {text-align:left; font-style:italic} /* class="source-url" */ | .source-url td {text-align:left; font-style:italic} /* class="source-url" */ | ||
+ | .left-align {text-align:left} /* class="left-align" */ | ||
.heading1-table table td:last-child {width:100%; text-align:center; font-weight:bold; font-size:22px} /* class="heading1-table" */ | .heading1-table table td:last-child {width:100%; text-align:center; font-weight:bold; font-size:22px} /* class="heading1-table" */ | ||
Line 173: | Line 181: | ||
− | + | ||
− | |||
.left-padding-regular td:not(td table td) {padding-left:48px; font-style:normal} /* class="left-padding-regular" */ | .left-padding-regular td:not(td table td) {padding-left:48px; font-style:normal} /* class="left-padding-regular" */ | ||
.left-padding-italic td {padding-left:48px; font-style:italic} /* class="left-padding-italic" */ | .left-padding-italic td {padding-left:48px; font-style:italic} /* class="left-padding-italic" */ | ||
.blockquote td {padding-left:40px; padding-right:40px} /* class="blockquote" */ | .blockquote td {padding-left:40px; padding-right:40px} /* class="blockquote" */ | ||
− | |||
.blockquote-regular td {padding-left:40px; padding-right:40px; font-style:normal} /* class="blockquote-regular" */ | .blockquote-regular td {padding-left:40px; padding-right:40px; font-style:normal} /* class="blockquote-regular" */ | ||
− | |||
.blockquote-bold-italic td {padding-left:40px; padding-right:40px; font-weight:bold; font-style:italic} /* class="blockquote-bold-italic" */ | .blockquote-bold-italic td {padding-left:40px; padding-right:40px; font-weight:bold; font-style:italic} /* class="blockquote-bold-italic" */ | ||
− | .blockquote-times-new-roman td {font-family:times new roman; font-size:1. | + | .blockquote-times-new-roman td {font-family:times new roman; font-size:1.08em; padding-left:40px; padding-right:40px; width:50%} /* class="blockquote-times-new-roman" */ |
Line 188: | Line 193: | ||
#blockquote td {padding:0 48px} /* id="blockquote" */ | #blockquote td {padding:0 48px} /* id="blockquote" */ | ||
#col-padding-left td {padding-left:48px} /* id="col-padding-left" */ | #col-padding-left td {padding-left:48px} /* id="col-padding-left" */ | ||
− | .underline-text {text-decoration:underline} /* class="underline-text" */ | + | .underline-text {text-decoration:underline; text-underline-offset:4px} /* class="underline-text" */ |
.underline-italic-text {text-decoration:underline; text-align:center; font-style:italic; font-size:18px} /* class="underline-italic-text" */ | .underline-italic-text {text-decoration:underline; text-align:center; font-style:italic; font-size:18px} /* class="underline-italic-text" */ | ||
+ | .letter1 td {background-color:#F5F5F5; border-top:1px solid gray} /* class="test1" */ | ||
+ | .letter2 td {background-color:#F5F5F5; padding-left:24px; padding-right:24px; border-left:1px solid gray; border-right:1px solid gray} /* class="test2" */ | ||
+ | .letter3 td {background-color:#F5F5F5; padding-bottom:24px; border-bottom:1px solid gray} /* class="test3" */ | ||
+ | .justify-content-center div {display:inline-flex; justify-content:center; text-align:justify} /* class="justify-content-center" */ | ||
.grey-background1 td {background-color:#F5F5F5; padding-left:20px; padding-right:20px; padding-top:16px; border-top:1px solid gray; border-left:1px solid gray; border-right:1px solid gray; font-family:cambria} /* class="grey-background1" */ | .grey-background1 td {background-color:#F5F5F5; padding-left:20px; padding-right:20px; padding-top:16px; border-top:1px solid gray; border-left:1px solid gray; border-right:1px solid gray; font-family:cambria} /* class="grey-background1" */ | ||
.grey-background2 td {background-color:#F5F5F5; padding-left:20px; padding-right:20px; border-left:1px solid gray; border-right:1px solid gray; font-family:cambria} /* class="grey-background2" */ | .grey-background2 td {background-color:#F5F5F5; padding-left:20px; padding-right:20px; border-left:1px solid gray; border-right:1px solid gray; font-family:cambria} /* class="grey-background2" */ | ||
Line 197: | Line 206: | ||
.justify-content-center div {display:inline-flex; justify-content:center; text-align:justify} /* class="justify-content-center" */ | .justify-content-center div {display:inline-flex; justify-content:center; text-align:justify} /* class="justify-content-center" */ | ||
− | . | + | |
− | . | + | .center-justify div {display:flex; justify-content:center; text-align:justify} /* class="center-justify" */ |
− | . | + | .center-justify-bold div {display:flex; justify-content:center; text-align:justify; font-weight:bold} /* class="center-justify-bold" */ |
+ | .center-justify-italic div {display:flex; justify-content:center; text-align:justify; font-style:italic} /* class="center-justify-italic" */ | ||
+ | .small-bold-text1 div, div.small-bold-text1 {display:inline-flex; justify-content:center; text-align:justify; margin-top:4px; font-weight:bold; font-size:15px} /* class="small-bold-text1" */ | ||
.small-italic-text1 div, div.small-italic-text1 {display:inline-flex; justify-content:center; text-align:justify; margin-top:4px; font-style:italic; font-size:15px} /* class="small-italic-text1" */ | .small-italic-text1 div, div.small-italic-text1 {display:inline-flex; justify-content:center; text-align:justify; margin-top:4px; font-style:italic; font-size:15px} /* class="small-italic-text1" */ | ||
.small-regular-text1 div {display:inline-flex; justify-content:center; text-align:justify; margin-top:4px; font-size:15px} /* class="small-regular-text1" */ | .small-regular-text1 div {display:inline-flex; justify-content:center; text-align:justify; margin-top:4px; font-size:15px} /* class="small-regular-text1" */ | ||
− | .small-italic-text2 div {display:inline-flex; justify-content:center; text-align:justify; margin-top:4px; font-style:italic; font-size:13px} /* class="small-italic-text2" */ | + | .small-italic-text2 div, div.small-italic-text2 {display:inline-flex; justify-content:center; text-align:justify; margin-top:4px; font-style:italic; font-size:13px} /* class="small-italic-text2" */ |
.small-regular-text2 div {display:inline-flex; justify-content:center; text-align:justify; margin-top:4px; font-size:13px} /* class="small-regular-text2" */ | .small-regular-text2 div {display:inline-flex; justify-content:center; text-align:justify; margin-top:4px; font-size:13px} /* class="small-regular-text2" */ | ||
Line 209: | Line 220: | ||
.arial-font td {font-family:arial; font-size:1em} /* class="arial-font" */ | .arial-font td {font-family:arial; font-size:1em} /* class="arial-font" */ | ||
− | .cambria-font td {font-family:cambria; font-size:1. | + | .cambria-font td {font-family:cambria; font-size:1.08em} /* class="cambria-font" */ |
+ | .cambria-font-bold td {font-family:cambria; font-weight:bold; font-size:1.08em} /* class="cambria-font-bold" */ | ||
.comic-sans-font td {font-family:comic sans ms} /* class="comic-sans-font" */ | .comic-sans-font td {font-family:comic sans ms} /* class="comic-sans-font" */ | ||
.courier-font td {font-family:courier} /* class="courier-font" */ | .courier-font td {font-family:courier} /* class="courier-font" */ | ||
.gabriola-font td {font-family:gabriola; font-size:1.4em} /* class="gabriola-font" */ | .gabriola-font td {font-family:gabriola; font-size:1.4em} /* class="gabriola-font" */ | ||
.tahoma-font td {font-family:tahoma} /* class="tahoma-font" */ | .tahoma-font td {font-family:tahoma} /* class="tahoma-font" */ | ||
− | .times-new-roman-font td {font-family:times new roman; font-size:1. | + | .times-new-roman-font td {font-family:times new roman; font-size:1.08em} /* class="times-new-roman-font" */ |
− | .letter div:not(div > div):not(div > center > div) {padding:23px 28px 23px 28px; box-shadow:0 0 8px rgba(27,27,27,0.6); background-color:#F5F5F5; text-align:justify | + | .letter div:not(div > div):not(div > center > div) {padding:23px 28px 23px 28px; box-shadow:0 0 8px rgba(27,27,27,0.6); background-color:#F5F5F5; text-align:justify} /* class="letter" */ |
.newspaper-clipping div:not(div > div) {padding:23px 28px 23px 28px; box-shadow:0 0 8px rgba(27,27,27,0.6); background-color:#EDECEA; text-align:justify; font-family:cambria; width:80%} /* class="newspaper-clipping" */ | .newspaper-clipping div:not(div > div) {padding:23px 28px 23px 28px; box-shadow:0 0 8px rgba(27,27,27,0.6); background-color:#EDECEA; text-align:justify; font-family:cambria; width:80%} /* class="newspaper-clipping" */ | ||
Line 255: | Line 267: | ||
− | .table-layout table {border-spacing:0. | + | |
+ | .table-layout table {border-spacing:0.5em 0; margin:0 -0.5em} /* class="table-layout" */ | ||
.table-layout table td {padding:0} /* class="table-layout" */ | .table-layout table td {padding:0} /* class="table-layout" */ | ||
− | .right-align | + | .column1-right-align table td:first-child {text-align:right} /* class="column1-right-align" */ |
+ | .last-column-right-padding table:last-child {padding-right:64px} /* class="last-column-right-padding" */ | ||
.column1a table td:first-child {min-width:1.2em; max-width:1.2em} /* class="column1a" */ | .column1a table td:first-child {min-width:1.2em; max-width:1.2em} /* class="column1a" */ | ||
Line 305: | Line 319: | ||
.btn94-column1 tr td:first-child {width:250px} /* class="btn94-column1" */ | .btn94-column1 tr td:first-child {width:250px} /* class="btn94-column1" */ | ||
− | |||
− | |||
− | |||
− | |||
/* Wikitable styling for FIGU – Sign of the Times 180 */ | /* Wikitable styling for FIGU – Sign of the Times 180 */ | ||
Line 325: | Line 335: | ||
.sott181-column4 tr td:nth-child(4) {width:150px} /* class="sott181-column4" */ | .sott181-column4 tr td:nth-child(4) {width:150px} /* class="sott181-column4" */ | ||
.sott181-column5 tr td:nth-child(5) {width:150px} /* class="sott181-column5" */ | .sott181-column5 tr td:nth-child(5) {width:150px} /* class="sott181-column5" */ | ||
+ | |||
+ | /* Wikitable styling for Contact Report 125 */ | ||
+ | |||
+ | .cr125-column1 tr td:first-child {text-align:right; width:16px} /* class="cr125-column1" */ | ||
+ | .cr125-column4 tr td:nth-child(4) {text-align:right; width:16px} /* class="cr125-column4" */ | ||
+ | .cr125-column2 tr td:nth-child(2) {width:90px} /* class="cr125-column2" */ | ||
+ | .cr125-column5 tr td:nth-child(5) {width:90px} /* class="cr125-column5" */ | ||
+ | |||
+ | /* Wikitable styling for Contact Report 219 */ | ||
+ | |||
+ | .cr219-column4 tr td:nth-child(4) {padding-left:1em} /* class="cr219-column4" */ | ||
+ | |||
+ | /* Wikitable styling for Contact Report 229 */ | ||
+ | |||
+ | .cr229-column3 tr td:nth-child(3) {padding-left:1em; width:22%} /* class="cr229-column3" */ | ||
+ | .cr229-column4 tr td:nth-child(4) {padding-left:1em; width:23%} /* class="cr229-column4" */ | ||
+ | .cr229-column5 tr td:last-child {padding-left:1em} /* class="cr229-column5" */ | ||
/* Wikitable styling for Contact Report 831 */ | /* Wikitable styling for Contact Report 831 */ | ||
+ | |||
.cr831-column1 tr td:first-child {text-align:center; width:110px} /* class="cr831-column1" */ | .cr831-column1 tr td:first-child {text-align:center; width:110px} /* class="cr831-column1" */ | ||
.cr831-column2 tr td:nth-child(2) {text-align:center; width:110px} /* class="cr831-column2" */ | .cr831-column2 tr td:nth-child(2) {text-align:center; width:110px} /* class="cr831-column2" */ | ||
Line 352: | Line 380: | ||
.ul-black-circle ul {list-style:none} | .ul-black-circle ul {list-style:none} | ||
.ul-black-circle ul li::before {content:"\25CF"; position:relative; bottom:1px; display:inline-block; width:1em; margin-left:-1em} /* class="ul-black-circle" */ | .ul-black-circle ul li::before {content:"\25CF"; position:relative; bottom:1px; display:inline-block; width:1em; margin-left:-1em} /* class="ul-black-circle" */ | ||
+ | |||
+ | .ul-white-circle ul {list-style:none} | ||
+ | .ul-white-circle ul li::before {content:"\25CB"; position:relative; bottom:1px; display:inline-block; width:1em; margin-left:-1em} /* class="ul-white-circle" */ | ||
.ul-black-square ul {list-style:none} | .ul-black-square ul {list-style:none} | ||
.ul-black-square ul li::before {content:"\25A0"; position:relative; bottom:2px; display:inline-block; width:1em; margin-left:-1em} /* class="ul-black-square" */ | .ul-black-square ul li::before {content:"\25A0"; position:relative; bottom:2px; display:inline-block; width:1em; margin-left:-1em} /* class="ul-black-square" */ | ||
+ | .ul-table-list ul {display:table} | ||
+ | .ul-table-list ul li:not(:first-child) {padding-top:4px} /* class="ul-table-list" */ | ||
.ul-blue-circle ul {list-style:none} | .ul-blue-circle ul {list-style:none} | ||
Line 364: | Line 397: | ||
.li-bold li {font-weight:bold} /* class="li-bold" */ | .li-bold li {font-weight:bold} /* class="li-bold" */ | ||
.li-italic li {font-style:italic} /* class="li-italic" */ | .li-italic li {font-style:italic} /* class="li-italic" */ | ||
+ | .li-nested li {margin-left:1em} /* class="li-nested" */ | ||
.li-no-style li {list-style:none} /* class="li-no-style" */ | .li-no-style li {list-style:none} /* class="li-no-style" */ | ||
.li-no-right-parenthesis li {list-style:none; margin-left:-4px; padding-left:8px} /* class="li-no-right-parenthesis" */ | .li-no-right-parenthesis li {list-style:none; margin-left:-4px; padding-left:8px} /* class="li-no-right-parenthesis" */ | ||
Line 381: | Line 415: | ||
.ol-lower-alpha-right-parenthesis li {margin-left:-4px; padding-left:8px} | .ol-lower-alpha-right-parenthesis li {margin-left:-4px; padding-left:8px} | ||
.ol-lower-alpha-right-parenthesis ol > li::marker {content:counter(list-item, lower-alpha) ")"} /* class="ol-lower-alpha-right-parenthesis" */ | .ol-lower-alpha-right-parenthesis ol > li::marker {content:counter(list-item, lower-alpha) ")"} /* class="ol-lower-alpha-right-parenthesis" */ | ||
− | |||
Latest revision as of 21:37, 7 August 2024
@import url('https://fonts.googleapis.com/css2?family=UnifrakturMaguntia&display=swap'); .Unifraktur-Maguntia-font {font-family:'UnifrakturMaguntia', cursive; font-size:1em} /* Changes the default font used for MediaWiki to Arial (does not include headings or monospaced text): */ body {font-family:Arial; font-size:1em} /* Changes the default font used for MediaWiki headings to Noto Serif: */ #content h1 {font-family: "Noto Serif", serif} #mw-site-navigation .sidebar-chunk h3, #mw-related-navigation .sidebar-chunk h3 {font-size:1.3em} .toctitle {text-align:center; font-size:1.2em; line-height:2em} .mw-body .toctitle h2 {font-family:Arial; font-weight:bold} .toctogglespan {display:none} .toc ul {line-height:1.5em} .toc {border:1px solid #a2a9b1; padding:0 12px; min-width:auto} /* One-sided navigation menu */ @media (min-width:1340px) { #mw-content-block {display:block} #mw-content, #content-bottom-stuff {margin-left:15em; margin-right:1em} #mw-content-wrapper {float:right; margin-left:-14em; width:100%} #mw-related-navigation {width:14em; padding:0 1em 0 0} div.color-middle {margin-right:0} .mw-wiki-logo {display:inline-block} } #personal {line-height:1em} #p-logo-text {max-width:15em} #p-logo-text a.long {line-height:1.4em} #p-search {margin-left:1em} #searchButton, #mw-searchButton {margin-right:-1.5em} #searchInput {padding:0 2.5em 0 0.5em} /* mouse over link */ a:hover {text-decoration:underline} /* selected link */ a:active {text-decoration:underline; color:orange} .shadow:hover {box-shadow:0 0 8px rgba(37,37,37,0.5)} .scale-up:hover {transform:scale(1.02)} .responsive-image img {width:100%; height:auto} .thumbinner img {border:1px solid #c8ccd1; width:calc(100% - 1.5px); height:auto} .thumbinner {display:inline-flex; flex-wrap:wrap; justify-content:center; padding:4px; border:1px solid #c8ccd1; transition:0.3s} .thumbcaption:last-child {padding:4px 4px 0; text-align:justify; font-style:italic; font-size:13px} .responsive-image-shadow div, div.responsive-image-shadow {display:inline-flex} .responsive-image-shadow img {width:100%; height:auto; box-shadow:0 0 8px rgba(27,27,27,0.6)} /* class="responsive-image-shadow" */ .colourize img {transition:transform 0.5s, filter 1.5s ease-in-out; filter:grayscale(100%); -webkit-filter:grayscale(100%)} .colourize:hover img {filter:none; -webkit-filter:grayscale(0)} .green-bullet::after {content:" ■"; color:green; position:relative; bottom:1px; font-size:20px} .orange-bullet::after {content:" ■"; color:orange; position:relative; bottom:1px; font-size:20px} .maroon-bullet::after {content:" ■"; color:maroon; position:relative; bottom:1px; font-size:20px} .FOMclock { margin: 0 auto; } .FOMclock ul { margin: 0 auto; padding: 0; text-align: inline } .FOMclock ul li { display: inline; } .FOMdate { display: inline; } .DateRange, .DateDiv { display: none; } h4{ display: inline-block; } table {border-spacing:1.5em 0; margin:0 -1.5em} tr td, td div {hyphens:auto; vertical-align:top; line-height:1.5em} .v-align-middle td div {vertical-align:middle} /* class="v-align-middle" */ .wikitable td {vertical-align:middle} .column1-bold tr td:first-child {font-weight:bold} /* class="column1-bold" */ .column2-bold tr td:nth-child(2) {font-weight:bold} /* class="column2-bold" */ .column3-bold tr td:nth-child(3) {font-weight:bold} /* class="column3-bold" */ .column4-bold tr td:nth-child(4) {font-weight:bold} /* class="column4-bold" */ .last-column-bold tr td:last-child {font-weight:bold} /* class="last-column-bold" */ .column1-left-align tr td:first-child {text-align:left} /* class="column1-left-align" */ .column1-center tr td:first-child {text-align:center} /* class="column1-center" */ .column2-center tr td:nth-child(2) {text-align:center} /* class="column2-center" */ .column3-center tr td:nth-child(3) {text-align:center} /* class="column3-center" */ .column4-center tr td:nth-child(4) {text-align:center} /* class="column4-center" */ .column5-center tr td:nth-child(5) {text-align:center} /* class="column5-center" */ .last-column-center tr td:last-child {text-align:center; width:100%} /* class="last-column-center" */ .all-column-center table {text-align:center} /* class="all-column-center" */ .last-column-heading1 tr td:last-child {text-align:center; font-weight:bold; font-size:20px; width:100%} /* class="last-column-heading1" */ .last-column-heading2 tr td:last-child {text-align:center; font-weight:bold; font-size:18px; width:100%} /* class="last-column-heading2" */ .references {font-size:14px} .thumbinner, .thumbcaption {line-height:1.4em} .heading1 td {text-align:center; font-weight:bold; font-size:20px !important} /* class="heading1" */ .heading2 td {text-align:center; font-weight:bold; font-size:18px !important} /* class="heading2" */ .heading3 td, div.heading3 {text-align:center; font-size:15px !important} /* class="heading3" */ .heading4 td {text-align:center; font-size:13px !important} /* class="heading4" */ div.heading1 {text-align:center; font-weight:bold; font-size:20px} /* class="heading1" */ div.heading2 {text-align:center; font-weight:bold; font-size:18px} /* class="heading2" */ p.heading1 {text-align:center; font-weight:bold; font-size:20px} /* class="heading1" */ p.heading2 {text-align:center; font-weight:bold; font-size:18px} /* class="heading2" */ p.top-bottom-border {display:table-cell; padding:2px 0; border-top:solid 2px #c8ccd1; border-bottom:solid 2px #c8ccd1} /* class="top-bottom-border" */ span.heading1 {display:block; text-align:center; font-weight:bold; font-size:20px} /* class="heading1" */ span.heading2 {display:block; text-align:center; font-weight:bold; font-size:18px} /* class="heading2" */ .force-line-break1 td:not(td table td) {padding-top:4px !important} /* class="force-line-break1" */ .force-line-break2 td:not(td table td) {padding-top:16px !important} /* class="force-line-break2" */ .force-line-break3 td:not(td table td) {padding-top:28px !important} /* class="force-line-break3" */ .line-break1 td:not(td table td), div.line-break1 {padding-top:4px} /* class="line-break1" */ .table-line-break1 td table td {padding-top:4px} /* class="table-line-break1" */ .line-break2 td:not(td table td), div.line-break2, p.line-break2 {padding-top:16px} /* class="line-break2" */ .line-break3 td:not(td table td), div.line-break3 {padding-top:28px} /* class="line-break3" */ .line-break2-center td:not(td table td) {padding-top:16px; text-align:center} /* class="line-break2-center" */ .line-break2-bold td:not(td table td) {padding-top:16px; font-weight:bold} /* class="line-break2-bold" */ .line-break2-italic td:not(td table td) {padding-top:16px; font-style:italic} /* class="line-break2-italic" */ .line-break2-bold-italic td:not(td table td) {padding-top:16px; font-weight:bold; font-style:italic} /* class="line-break2-bold-italic" */ .line-break3-center td:not(td table td) {padding-top:28px; text-align:center} /* class="line-break3-center" */ .line-break3-bold td:not(td table td) {padding-top:28px; font-weight:bold} /* class="line-break3-bold" */ .line-break3-italic td:not(td table td) {padding-top:28px; font-style:italic} /* class="line-break3-italic" */ .line-break3-bold-italic td:not(td table td) {padding-top:28px; font-weight:bold; font-style:italic} /* class="line-break3-bold-italic" */ .paragraph3 td {padding-bottom:32px} /* class="paragraph3" */ .bold td:not(td table td) {font-weight:bold} /* class="bold" */ .bold-center td:not(td table td) {font-weight:bold; text-align:center} /* class="bold-center" */ .bold-center-no-line-break td:not(td table td) {font-weight:bold; text-align:center; padding-top:0} /* class="bold-center-no-line-break" */ .bold-italic td:not(td table td) {font-weight:bold; font-style:italic} /* class="bold-italic" */ .bold-no-line-break td:not(td table td) {font-weight:bold; padding-top:0} /* class="bold-no-line-break" */ .center-no-line-break td:not(td table td) {text-align:center; padding-top:0} /* class="center-no-line-break" */ .italic td:not(td table td) {font-style:italic} /* class="italic" */ .italic-center-no-line-break td:not(td table td) {font-style:italic; text-align:center; padding-top:0} /* class="italic-center-no-line-break" */ .no-line-break td:not(td table td) {padding-top:0} /* class="no-line-break" */ .right-align-italic-no-line-break td:not(td table td) {font-style:italic; text-align:right; padding-top:0} /* class="right-align-italic-no-line-break" */ .right-align td:not(td table td) {text-align:right} /* class="right-align" */ .source-url td {text-align:left; font-style:italic} /* class="source-url" */ .left-align {text-align:left} /* class="left-align" */ .heading1-table table td:last-child {width:100%; text-align:center; font-weight:bold; font-size:22px} /* class="heading1-table" */ .heading2-table table td:last-child {width:100%; text-align:center; font-weight:bold; font-size:20px} /* class="heading2-table" */ .heading3-table td:last-child {width:100%; text-align:center; font-weight:bold; font-size:18px} /* class="heading3-table" */ .heading4-table table td:last-child {width:100%; text-align:center; font-size:15px} /* class="heading4-table" */ .heading5-table table td:last-child {width:100%; text-align:center; font-size:13px} /* class="heading5-table" */ .paragraph1-table table td {padding-top:16px} /* class="paragraph1-table" */ .paragraph1-bold-table table td {padding-top:16px; font-weight:bold} /* class="paragraph1-bold-table" */ .paragraph2-table table td {padding-top:32px} /* class="paragraph2-table" */ .left-align-column1 td:first-child {text-align:left} /* class="left-align-column1" */ .right-align-column1 table td:first-child {text-align:right} /* class="right-align-column1" */ .reduce-column-gap table {border-spacing:8px 0} /* class="reduce-column-gap" */ .no-line-break-table table {padding-top:0} /* class="no-line-break-table" */ .left-padding-regular td:not(td table td) {padding-left:48px; font-style:normal} /* class="left-padding-regular" */ .left-padding-italic td {padding-left:48px; font-style:italic} /* class="left-padding-italic" */ .blockquote td {padding-left:40px; padding-right:40px} /* class="blockquote" */ .blockquote-regular td {padding-left:40px; padding-right:40px; font-style:normal} /* class="blockquote-regular" */ .blockquote-bold-italic td {padding-left:40px; padding-right:40px; font-weight:bold; font-style:italic} /* class="blockquote-bold-italic" */ .blockquote-times-new-roman td {font-family:times new roman; font-size:1.08em; padding-left:40px; padding-right:40px; width:50%} /* class="blockquote-times-new-roman" */ #blockquote td {padding:0 48px} /* id="blockquote" */ #col-padding-left td {padding-left:48px} /* id="col-padding-left" */ .underline-text {text-decoration:underline; text-underline-offset:4px} /* class="underline-text" */ .underline-italic-text {text-decoration:underline; text-align:center; font-style:italic; font-size:18px} /* class="underline-italic-text" */ .letter1 td {background-color:#F5F5F5; border-top:1px solid gray} /* class="test1" */ .letter2 td {background-color:#F5F5F5; padding-left:24px; padding-right:24px; border-left:1px solid gray; border-right:1px solid gray} /* class="test2" */ .letter3 td {background-color:#F5F5F5; padding-bottom:24px; border-bottom:1px solid gray} /* class="test3" */ .justify-content-center div {display:inline-flex; justify-content:center; text-align:justify} /* class="justify-content-center" */ .grey-background1 td {background-color:#F5F5F5; padding-left:20px; padding-right:20px; padding-top:16px; border-top:1px solid gray; border-left:1px solid gray; border-right:1px solid gray; font-family:cambria} /* class="grey-background1" */ .grey-background2 td {background-color:#F5F5F5; padding-left:20px; padding-right:20px; border-left:1px solid gray; border-right:1px solid gray; font-family:cambria} /* class="grey-background2" */ .grey-background3 td {background-color:#F5F5F5; padding-left:20px; padding-right:20px; padding-bottom:16px; border-bottom:1px solid gray; border-left:1px solid gray; border-right:1px solid gray; font-family:cambria} /* class="grey-background3" */ .justify-content-center div {display:inline-flex; justify-content:center; text-align:justify} /* class="justify-content-center" */ .center-justify div {display:flex; justify-content:center; text-align:justify} /* class="center-justify" */ .center-justify-bold div {display:flex; justify-content:center; text-align:justify; font-weight:bold} /* class="center-justify-bold" */ .center-justify-italic div {display:flex; justify-content:center; text-align:justify; font-style:italic} /* class="center-justify-italic" */ .small-bold-text1 div, div.small-bold-text1 {display:inline-flex; justify-content:center; text-align:justify; margin-top:4px; font-weight:bold; font-size:15px} /* class="small-bold-text1" */ .small-italic-text1 div, div.small-italic-text1 {display:inline-flex; justify-content:center; text-align:justify; margin-top:4px; font-style:italic; font-size:15px} /* class="small-italic-text1" */ .small-regular-text1 div {display:inline-flex; justify-content:center; text-align:justify; margin-top:4px; font-size:15px} /* class="small-regular-text1" */ .small-italic-text2 div, div.small-italic-text2 {display:inline-flex; justify-content:center; text-align:justify; margin-top:4px; font-style:italic; font-size:13px} /* class="small-italic-text2" */ .small-regular-text2 div {display:inline-flex; justify-content:center; text-align:justify; margin-top:4px; font-size:13px} /* class="small-regular-text2" */ .arial-font td {font-family:arial; font-size:1em} /* class="arial-font" */ .cambria-font td {font-family:cambria; font-size:1.08em} /* class="cambria-font" */ .cambria-font-bold td {font-family:cambria; font-weight:bold; font-size:1.08em} /* class="cambria-font-bold" */ .comic-sans-font td {font-family:comic sans ms} /* class="comic-sans-font" */ .courier-font td {font-family:courier} /* class="courier-font" */ .gabriola-font td {font-family:gabriola; font-size:1.4em} /* class="gabriola-font" */ .tahoma-font td {font-family:tahoma} /* class="tahoma-font" */ .times-new-roman-font td {font-family:times new roman; font-size:1.08em} /* class="times-new-roman-font" */ .letter div:not(div > div):not(div > center > div) {padding:23px 28px 23px 28px; box-shadow:0 0 8px rgba(27,27,27,0.6); background-color:#F5F5F5; text-align:justify} /* class="letter" */ .newspaper-clipping div:not(div > div) {padding:23px 28px 23px 28px; box-shadow:0 0 8px rgba(27,27,27,0.6); background-color:#EDECEA; text-align:justify; font-family:cambria; width:80%} /* class="newspaper-clipping" */ div.small-image {box-shadow:0 0 8px rgba(27,27,27,0.6); display:block; overflow:hidden; width:250px; max-height:300px; margin:24px auto 0} /* class="small-image" */ div.npc-small-italic-text {text-align:center; margin:4px auto 0; font-style:italic; font-size:14px; width:250px} /* class="npc-small-italic-text" */ #col2-move-left table td:nth-child(2) {display:block; position:relative; left:-1em; margin-right:-1em} /* id="col2-move-left" */ #square-bullet-points li {list-style-type:square; padding-left:1em; line-height:1em} /* id="square-bullet-points" */ /* Table for Contact Report 690 */ .CR690-tab-col2-move-left table td:nth-child(2) {display:block; margin-left:-1em; margin-right:-1em; text-align:right} /* class="CR690-tab-col2-move-left" */ .CR690-tab-col5-move-left table td:nth-child(5) {padding-left:3em} /* class="CR690-tab-col5-move-left" */ /* Class selectors – Table */ .col-padding-left td {padding-left:48px; width:50%} /* class="col-padding-left" */ .col-padding-right td {padding-right:48px; width:50%} /* class="col-padding-right" */ table.col2-padding-right table:last-child {padding-right:48px} table.col3-padding-right table:last-child {padding-right:64px} table.table-columns table:last-child {border-spacing:0.5em 0; margin:0 -0.5em} /* class="table-columns" */ table.col1 td:first-child {min-width:2em} table.col1-align-right td table tr td:first-child {text-align:right} table.col1a td table tr td:first-child {min-width:1.5em} table.col1b td table tr td:first-child {min-width:2em} table.col2a td:nth-child(2):not(td:last-child) {min-width:1em} table.col2b td:nth-child(2):not(td:last-child) {min-width:0.5em} table.col2-align-right td:nth-child(2):not(td:last-child) {min-width:2em; text-align:right} table.col3-align-right td:nth-child(3):not(td:last-child) {min-width:2em; text-align:right} .not-bold td {font-weight:normal !important} /* class="not-bold" */ .align-text-left td {text-align:left !important} /* class="align-text-left" */ .table-layout table {border-spacing:0.5em 0; margin:0 -0.5em} /* class="table-layout" */ .table-layout table td {padding:0} /* class="table-layout" */ .column1-right-align table td:first-child {text-align:right} /* class="column1-right-align" */ .last-column-right-padding table:last-child {padding-right:64px} /* class="last-column-right-padding" */ .column1a table td:first-child {min-width:1.2em; max-width:1.2em} /* class="column1a" */ .column1b table td:first-child {min-width:1.7em; max-width:1.7em} /* class="column1b" */ .column1c table td:first-child {min-width:2.2em; max-width:2.2em} /* class="column1c" */ .column2a table td:nth-child(2) {min-width:1.2em; max-width:1.2em; text-align:right} /* class="column2a" */ .column2b table td:nth-child(2) {min-width:1.7em; max-width:1.7em; text-align:right} /* class="column2b" */ .column2c table td:nth-child(2) {min-width:2.2em; max-width:2.2em; text-align:right} /* class="column2c" */ .column3a table td:nth-child(3):not(td:last-child) {min-width:1.2em; max-width:1.2em; text-align:right} /* class="column3a" */ .column3b table td:nth-child(3):not(td:last-child) {min-width:1.7em; max-width:1.7em; text-align:right} /* class="column3b" */ .column3c table td:nth-child(3):not(td:last-child) {min-width:2.2em; max-width:2.2em; text-align:right} /* class="column3c" */ .column4a table td:nth-child(4):not(td:last-child) {min-width:1.2em; max-width:1.2em; text-align:right} /* class="column4a" */ .table-column1a table td:first-child {min-width:1em; max-width:1.5em} /* class="table-column1a" */ .table-column1b table td:first-child {min-width:1.5em; max-width:2em} /* class="table-column1b" */ .table-column1c table td:first-child {min-width:2em; max-width:2.5em} /* class="table-column1c" */ .table-column2a table td:nth-child(2) {min-width:1.2em; max-width:1.2em; text-align:right} /* class="table-column2a" */ .table-column2b table td:nth-child(2) {min-width:1.5em; max-width:2em; text-align:right} /* class="table-column2b" */ .table-column2c table td:nth-child(2) {min-width:2em; max-width:2em; text-align:right} /* class="table-column2c" */ .table-column3a table td:nth-child(3):not(td:last-child) {min-width:1.2em; max-width:1.2em; text-align:right} /* class="table-column3a" */ .table-column3b table td:nth-child(3):not(td:last-child) {min-width:1.5em; max-width:1.5em; text-align:right} /* class="table-column3b" */ .table-column3c table td:nth-child(3):not(td:last-child) {min-width:2em; max-width:2em; text-align:right} /* class="table-column3c" */ /* ID selectors – Table */ #col1-align-right td table tr td:first-child {text-align:right} /* id="col1-align-right" */ #col2a td:nth-child(2):not(td:last-child) {min-width:1em} /* id="col2a" */ #col2b td:nth-child(2):not(td:last-child) {min-width:0.5em} /* id="col2b" */ #center-align-buttons td {text-align:center; width:10%} /* id="center-align-buttons" */ .btnHideEnglish, .btnHideHigh-German, .btnHideGerman {cursor:pointer; margin-bottom:12px; font-size:120%} .language-heading td {width:50%; text-align:center; font-weight:bold; font-size:20px} /* class="language-heading" */ .language-heading div {margin:0 -1px 4px; padding:3px 0; background:LightSkyBlue; border-radius:8px} /* class="language-heading" */ /* Wikitable styling for FIGU – Bulletin 94 */ .btn94-column1 tr td:first-child {width:250px} /* class="btn94-column1" */ /* Wikitable styling for FIGU – Sign of the Times 180 */ .sott180-column1 tr td:first-child {max-width:200px} /* class="sott180-column1" */ .sott180-column2 tr td:nth-child(2) {max-width:350px} /* class="sott180-column2" */ .sott180-column3 tr td:nth-child(3) {text-align:center; width:45px} /* class="sott180-column3" */ .sott180-column4 tr td:nth-child(4) {width:120px} /* class="sott180-column4" */ .sott180-column5 tr td:nth-child(5) {text-align:center; width:150px} /* class="sott180-column5" */ /* Wikitable styling for FIGU – Sign of the Times 181 */ .sott181-column1 tr td:first-child {width:100px} /* class="sott181-column1" */ .sott181-column2 tr td:nth-child(2) {width:100px} /* class="sott181-column2" */ .sott181-column2 tr td:nth-child(3) {width:160px} /* class="sott181-column3" */ .sott181-column4 tr td:nth-child(4) {width:150px} /* class="sott181-column4" */ .sott181-column5 tr td:nth-child(5) {width:150px} /* class="sott181-column5" */ /* Wikitable styling for Contact Report 125 */ .cr125-column1 tr td:first-child {text-align:right; width:16px} /* class="cr125-column1" */ .cr125-column4 tr td:nth-child(4) {text-align:right; width:16px} /* class="cr125-column4" */ .cr125-column2 tr td:nth-child(2) {width:90px} /* class="cr125-column2" */ .cr125-column5 tr td:nth-child(5) {width:90px} /* class="cr125-column5" */ /* Wikitable styling for Contact Report 219 */ .cr219-column4 tr td:nth-child(4) {padding-left:1em} /* class="cr219-column4" */ /* Wikitable styling for Contact Report 229 */ .cr229-column3 tr td:nth-child(3) {padding-left:1em; width:22%} /* class="cr229-column3" */ .cr229-column4 tr td:nth-child(4) {padding-left:1em; width:23%} /* class="cr229-column4" */ .cr229-column5 tr td:last-child {padding-left:1em} /* class="cr229-column5" */ /* Wikitable styling for Contact Report 831 */ .cr831-column1 tr td:first-child {text-align:center; width:110px} /* class="cr831-column1" */ .cr831-column2 tr td:nth-child(2) {text-align:center; width:110px} /* class="cr831-column2" */ .cr831-column3 tr td:nth-child(3):not(td:last-child) {text-align:center; width:150px} /* class="cr831-column3" */ /* The following class is used on the Test page. */ tr.contactperson td { background-color: cyan; line-height: 4em; font-weight: bold; } .no-top-margin ol {margin-top:0} /* class="no-top-margin" */ .no-top-margin ul {margin-top:0} /* class="no-top-margin" */ .lower-alpha-list ol {list-style-type:lower-alpha} /* class="lower-alpha-list" */ .upper-alpha-list ol {list-style-type:upper-alpha} /* class="upper-alpha-list" */ .ul-black-circle ul {list-style:none} .ul-black-circle ul li::before {content:"\25CF"; position:relative; bottom:1px; display:inline-block; width:1em; margin-left:-1em} /* class="ul-black-circle" */ .ul-white-circle ul {list-style:none} .ul-white-circle ul li::before {content:"\25CB"; position:relative; bottom:1px; display:inline-block; width:1em; margin-left:-1em} /* class="ul-white-circle" */ .ul-black-square ul {list-style:none} .ul-black-square ul li::before {content:"\25A0"; position:relative; bottom:2px; display:inline-block; width:1em; margin-left:-1em} /* class="ul-black-square" */ .ul-table-list ul {display:table} .ul-table-list ul li:not(:first-child) {padding-top:4px} /* class="ul-table-list" */ .ul-blue-circle ul {list-style:none} .ul-blue-circle ul li::before {content:"\25cf"; position:relative; bottom:1px; color:#36b; display:inline-block; width:1em; margin-left:-1em} /* class="ul-blue-circle" */ ol li {padding-left:2px} .li-bold-marker li::marker {font-weight:bold} /* class="li-bold-marker" */ .li-bold li {font-weight:bold} /* class="li-bold" */ .li-italic li {font-style:italic} /* class="li-italic" */ .li-nested li {margin-left:1em} /* class="li-nested" */ .li-no-style li {list-style:none} /* class="li-no-style" */ .li-no-right-parenthesis li {list-style:none; margin-left:-4px; padding-left:8px} /* class="li-no-right-parenthesis" */ .ol-left-align ol {display:inline-block; text-align:left} /* class="ol-left-align" */ .ul-left-align ul {display:inline-block; text-align:left} /* class="ul-left-align" */ .div-center div {display:inline-block; text-align:left} /* class="div-center" */ .ol-marker1 ol {margin-left:1.25em} /* class="ol-marker1" */ .ol-marker2 ol {margin-left:1.75em} /* class="ol-marker2" */ .ol-marker3 ol {margin-left:2.25em} /* class="ol-marker3" */ .ol-nested1 ol {padding-left:calc(1.25em + 4px)} /* class="ol-nested1" */ .ol-nested2 ol {padding-left:calc(1.75em + 4px)} /* class="ol-nested2" */ .ol-bold ol {font-weight:bold} /* class="ol-bold" */ .ol-right-parenthesis li {margin-left:-4px; padding-left:8px} .ol-right-parenthesis ol > li::marker {content:counter(list-item) ")"} /* class="ol-right-parenthesis" */ .ol-lower-alpha-right-parenthesis li {margin-left:-4px; padding-left:8px} .ol-lower-alpha-right-parenthesis ol > li::marker {content:counter(list-item, lower-alpha) ")"} /* class="ol-lower-alpha-right-parenthesis" */ .divButton {padding:2px 10px; border:solid #707070 1px; font-size:14px; background:grey; display:inline-flex; max-width:60%; border-radius:2px; background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #F2F2F2), color-stop(1, #CFCFCF)); background-image:-o-linear-gradient(bottom, #F2F2F2 0%, #CFCFCF 100%); background-image:-moz-linear-gradient(bottom, #F2F2F2 0%, #CFCFCF 100%); background-image:-webkit-linear-gradient(bottom, #F2F2F2 0%, #CFCFCF 100%); background-image:-ms-linear-gradient(bottom, #F2F2F2 0%, #CFCFCF 100%); background-image: linear-gradient(to bottom, #F2F2F2 0%, #CFCFCF 100%); cursor:default; text-align:center} .divButton:hover {background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #EAF6FD), color-stop(1, #A7D8F5)); background-image:-o-linear-gradient(bottom, #EAF6FD 0%, #A7D8F5 100%); background-image: -moz-linear-gradient(bottom, #EAF6FD 0%, #A7D8F5 100%); background-image:-webkit-linear-gradient(bottom, #EAF6FD 0%, #A7D8F5 100%); background-image:-ms-linear-gradient(bottom, #EAF6FD 0%, #A7D8F5 100%); background-image: linear-gradient(to bottom, #EAF6FD 0%, #A7D8F5 100%); border:#3c7fb1 solid 1px} .divButton:active {border:solid #2c628b 1px; padding:2px 9px 2px 11px; background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #E5F4FC), color-stop(0.5, #C4E5F6), color-stop(0.51, #98D0EF), color-stop(1, #68B3DB)); background-image:-o-linear-gradient(bottom, #E5F4FC 0%, #C4E5F6 100%, #98D0EF 100%, #68B3DB 100%); background-image: -moz-linear-gradient(bottom, #E5F4FC 0%, #C4E5F6 100%, #98D0EF 100%, #68B3DB 100%); background-image:-webkit-linear-gradient(bottom, #E5F4FC 0%, #C4E5F6 100%, #98D0EF 100%, #68B3DB 100%); background-image:-ms-linear-gradient(bottom, #E5F4FC 0%, #C4E5F6 100%, #98D0EF 100%, #68B3DB 100%); background-image: linear-gradient(to bottom, #E5F4FC 0%, #C4E5F6 100%, #98D0EF 100%, #68B3DB 100%)} .tooltip {position:relative; display:inline-block; border-bottom:1px dotted black} .tooltip .tooltiptext {visibility:hidden; background-color:#d0dcf1; color:black; text-align:left; font-size:13px; border-radius:6px; padding:5px 10px; transform:translateX(-80%); position:absolute; z-index:3; bottom:120%; left:50%; width:max-content; max-width:320px; opacity:0; transition:opacity 1s; transition:0.5s ease-in-out} .tooltip .tooltiptext::after {content:""; position:absolute; top:100%; left:80%; margin-left:-10px; border-width:10px; border-style:solid; border-color:#d0dcf1 transparent transparent transparent} .tooltip:hover .tooltiptext {visibility:visible; opacity:1}