|
|
| Line 1: |
Line 1: |
| /* CSS placed here will be applied to all skins */
| |
|
| |
|
|
| |
|
| |
|
| |
| /* Report header */
| |
| .report-header {
| |
| background-color: #e8f7fd;
| |
| border: 0.5px solid #01adef;
| |
| border-radius: 8px;
| |
| padding: 1rem 1.25rem;
| |
| margin-bottom: 1.5em;
| |
| }
| |
|
| |
| .report-header-top {
| |
| display: flex;
| |
| gap: 12px;
| |
| align-items: flex-start;
| |
| margin-bottom: 12px;
| |
| flex-direction: row-reverse;
| |
| }
| |
|
| |
| .report-header-cover {
| |
| background: #185FA5;
| |
| width: 104px;
| |
| height: 136px;
| |
| border-radius: 4px;
| |
| flex-shrink: 0;
| |
| overflow: hidden;
| |
| }
| |
|
| |
| .report-header-titleblock {
| |
| flex: 1;
| |
| }
| |
|
| |
| .report-header-title {
| |
| font-size: 15px;
| |
| font-weight: bold;
| |
| color: #364497;
| |
| margin-bottom: 4px;
| |
| line-height: 1.4;
| |
| }
| |
|
| |
| .report-header-authors {
| |
| font-size: 12px;
| |
| color: #0088be;
| |
| margin-bottom: 6px;
| |
| }
| |
|
| |
| .report-header-meta {
| |
| font-size: 13px;
| |
| color: #0088be;
| |
| margin-bottom: 4px;
| |
| }
| |
|
| |
| .report-header-keywords {
| |
| font-size: 13px;
| |
| color: #b03382;
| |
| margin-bottom: 8px;
| |
| }
| |
|
| |
| .report-header-abstract {
| |
| border-top: 0.5px solid #01adef;
| |
| padding-top: 10px;
| |
| font-size: 13px;
| |
| color: #0088be;
| |
| line-height: 1.6;
| |
| }
| |
|
| |
| /* Report TOC */
| |
| .report-toc {
| |
| background-color: #e8f7fd;
| |
| border: 0.5px solid #01adef;
| |
| border-radius: 8px;
| |
| padding: 1rem 1.25rem;
| |
| margin-bottom: 1.5em;
| |
| }
| |
|
| |
| .report-toc-title {
| |
| font-size: 15px;
| |
| font-weight: bold;
| |
| color: #364497;
| |
| margin-bottom: 12px;
| |
| padding-bottom: 8px;
| |
| border-bottom: 0.5px solid #01adef;
| |
| }
| |
|
| |
| .report-toc-item {
| |
| display: flex;
| |
| align-items: baseline;
| |
| justify-content: space-between;
| |
| padding: 6px 0;
| |
| border-bottom: 0.5px solid #d1e8f5;
| |
| font-size: 13px;
| |
| }
| |
|
| |
| .report-toc-item:last-child {
| |
| border-bottom: none;
| |
| }
| |
|
| |
| .report-toc-link {
| |
| flex: 1;
| |
| padding: 0 8px;
| |
| }
| |
|
| |
| .report-toc-link a {
| |
| color: #0088be;
| |
| text-decoration: none;
| |
| }
| |
|
| |
| .report-toc-link a:hover {
| |
| color: #364497;
| |
| text-decoration: underline;
| |
| }
| |
|
| |
| .report-toc-time {
| |
| color: #b03382;
| |
| font-size: 12px;
| |
| flex-shrink: 0;
| |
| white-space: nowrap;
| |
| }
| |
|
| |
| /* Contributors */
| |
| .report-contributors {
| |
| background: #e8f7fd;
| |
| border: 0.5px solid #01adef;
| |
| border-radius: 8px;
| |
| padding: 1rem 1.25rem;
| |
| margin-bottom: 1.5em;
| |
| }
| |
|
| |
| .report-contributors-title {
| |
| font-size: 15px;
| |
| font-weight: bold;
| |
| color: #364497;
| |
| margin-bottom: 12px;
| |
| padding-bottom: 8px;
| |
| border-bottom: 0.5px solid #01adef;
| |
| }
| |
|
| |
| .report-contributors-grid {
| |
| display: grid;
| |
| grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
| |
| gap: 0;
| |
| }
| |
|
| |
| .report-contributors-row {
| |
| display: flex;
| |
| align-items: center;
| |
| gap: 12px;
| |
| padding: 6px 0;
| |
| border-bottom: 0.5px solid #d1e8f5;
| |
| }
| |
|
| |
| .report-contributors-row:last-child {
| |
| border-bottom: none;
| |
| }
| |
|
| |
| .report-contributors-avatar {
| |
| width: 36px;
| |
| height: 36px;
| |
| border-radius: 50%;
| |
| background: #364497;
| |
| color: #B5D4F4;
| |
| display: flex;
| |
| align-items: center;
| |
| justify-content: center;
| |
| font-size: 12px;
| |
| font-weight: bold;
| |
| flex-shrink: 0;
| |
| }
| |
|
| |
| .report-contributors-name {
| |
| font-size: 13px;
| |
| font-weight: bold;
| |
| color: #0088be;
| |
| }
| |
|
| |
| .report-contributors-position {
| |
| font-size: 12px;
| |
| color: #6b7280;
| |
| }
| |
|
| |
| /* Citation */
| |
| .report-citation {
| |
| background: #f8f9fa;
| |
| border: 0.5px solid #d1d5db;
| |
| border-radius: 8px;
| |
| padding: 1rem 1.25rem;
| |
| margin-bottom: 1.5em;
| |
| }
| |
|
| |
| .report-citation-title {
| |
| font-size: 12px;
| |
| color: #6b7280;
| |
| text-transform: uppercase;
| |
| letter-spacing: 0.06em;
| |
| margin-bottom: 10px;
| |
| }
| |
|
| |
| .report-citation-text {
| |
| font-size: 13px;
| |
| color: #364497;
| |
| line-height: 1.7;
| |
| font-family: Georgia, serif;
| |
| }
| |
|
| |
| .report-citation-doi {
| |
| font-size: 12px;
| |
| color: #0088be;
| |
| margin-top: 6px;
| |
| }
| |
|
| |
| .report-citation-doi a {
| |
| color: #0088be;
| |
| text-decoration: none;
| |
| }
| |
|
| |
| .report-citation-doi a:hover {
| |
| color: #364497;
| |
| text-decoration: underline;
| |
| }
| |
|
| |
| /* Breadcrumbs */
| |
| #mw-content-subtitle {
| |
| font-size: 13px;
| |
| color: #6b7280;
| |
| margin-bottom: 0.5em;
| |
| line-height: 1.6;
| |
| border-bottom: 0.5px solid #d1d5db;
| |
| padding-bottom: 0.5em;
| |
| }
| |
|
| |
| #mw-content-subtitle a {
| |
| color: #0088be;
| |
| text-decoration: none;
| |
| padding: 2px 0;
| |
| }
| |
|
| |
| #mw-content-subtitle a:hover {
| |
| color: #364497;
| |
| text-decoration: underline;
| |
| }
| |
|
| |
| #mw-content-subtitle li::before {
| |
| content: "›";
| |
| margin: 0 6px;
| |
| color: #b0b7c3;
| |
| font-weight: normal;
| |
| }
| |
|
| |
| #mw-content-subtitle li:first-child::before {
| |
| content: none;
| |
| }
| |
|
| |
| /* Report video */
| |
| .report-video {
| |
| float: left;
| |
| width: 45%;
| |
| margin: 0 1.5em 1em 0;
| |
| background: #e8f7fd;
| |
| border: 0.5px solid #01adef;
| |
| border-radius: 8px;
| |
| padding: 1rem 1.25rem;
| |
| box-sizing: border-box;
| |
| }
| |
|
| |
| .report-video-title {
| |
| font-size: 15px;
| |
| font-weight: bold;
| |
| color: #364497;
| |
| margin-bottom: 8px;
| |
| padding-bottom: 8px;
| |
| border-bottom: 0.5px solid #01adef;
| |
| }
| |
|
| |
| .report-video-caption {
| |
| font-size: 12px;
| |
| color: #0088be;
| |
| margin-top: 8px;
| |
| line-height: 1.5;
| |
| }
| |
|
| |
| .report-video-wrapper {
| |
| position: relative;
| |
| padding-bottom: 56.25%;
| |
| height: 0;
| |
| overflow: hidden;
| |
| border-radius: 4px;
| |
| }
| |
|
| |
| .report-video-wrapper iframe {
| |
| position: absolute;
| |
| top: 0;
| |
| left: 0;
| |
| width: 100%;
| |
| height: 100%;
| |
| border: none;
| |
| }
| |
|
| |
|
| |
|
| |
|
| |
| /* Chapter header */
| |
| .chapter-header {
| |
| display: flex;
| |
| align-items: center;
| |
| gap: 12px;
| |
| padding: 0.75rem 1.25rem;
| |
| margin-bottom: 1.5em;
| |
| background: #e8f7fd;
| |
| border: 0.5px solid #01adef;
| |
| border-radius: 8px;
| |
| }
| |
|
| |
| .chapter-header-cover {
| |
| width: 32px;
| |
| height: 42px;
| |
| border-radius: 3px;
| |
| overflow: hidden;
| |
| flex-shrink: 0;
| |
| background: #364497;
| |
| }
| |
|
| |
| .chapter-header-label {
| |
| font-size: 11px;
| |
| color: #0088be;
| |
| text-transform: uppercase;
| |
| letter-spacing: 0.06em;
| |
| margin-bottom: 3px;
| |
| }
| |
|
| |
| .chapter-header-title {
| |
| font-size: 14px;
| |
| font-weight: 500;
| |
| color: #364497;
| |
| }
| |
|
| |
| .chapter-header-title a {
| |
| color: #364497;
| |
| text-decoration: none;
| |
| }
| |
|
| |
| .chapter-header-title a:hover {
| |
| color: #01adef;
| |
| text-decoration: underline;
| |
| }
| |
|
| |
| /* Buttons */
| |
| .btn-primary {
| |
| font-size: 13px;
| |
| font-weight: 500;
| |
| padding: 7px 18px;
| |
| border-radius: 6px;
| |
| background: #e8f7fd;
| |
| color: #364497;
| |
| border: 0.5px solid #01adef;
| |
| text-decoration: none;
| |
| display: inline-block;
| |
| cursor: pointer;
| |
| }
| |
|
| |
| .btn-primary:hover {
| |
| background: #c8edfb;
| |
| color: #364497;
| |
| text-decoration: none;
| |
| }
| |
|
| |
| .btn-secondary {
| |
| font-size: 13px;
| |
| font-weight: 500;
| |
| padding: 7px 18px;
| |
| border-radius: 6px;
| |
| background: #f0e8f7;
| |
| color: #b03382;
| |
| border: 0.5px solid #b03382;
| |
| text-decoration: none;
| |
| display: inline-block;
| |
| cursor: pointer;
| |
| }
| |
|
| |
| .btn-secondary:hover {
| |
| background: #e0c8ef;
| |
| color: #b03382;
| |
| text-decoration: none;
| |
| }
| |
|
| |
| .btn-neutral {
| |
| font-size: 13px;
| |
| font-weight: 500;
| |
| padding: 7px 18px;
| |
| border-radius: 6px;
| |
| background: #f4f4f4;
| |
| color: #6b7280;
| |
| border: 0.5px solid #d1d5db;
| |
| text-decoration: none;
| |
| display: inline-block;
| |
| cursor: pointer;
| |
| }
| |
|
| |
| .btn-neutral:hover {
| |
| background: #e8e8e8;
| |
| color: #364497;
| |
| text-decoration: none;
| |
| }
| |
|
| |
| /* AR6 report covers */
| |
| .report-covers {
| |
| display: flex;
| |
| flex-wrap: wrap;
| |
| gap: 12px;
| |
| padding: 1rem 1.25rem;
| |
| background: #e8f7fd;
| |
| border: 0.5px solid #01adef;
| |
| border-radius: 8px;
| |
| margin-bottom: 1.5em;
| |
| }
| |
|
| |
| .report-covers-title {
| |
| font-size: 15px;
| |
| font-weight: bold;
| |
| color: #364497;
| |
| margin-bottom: 12px;
| |
| padding-bottom: 8px;
| |
| border-bottom: 0.5px solid #01adef;
| |
| width: 100%;
| |
| }
| |
|
| |
| .report-covers-group {
| |
| display: flex;
| |
| flex-wrap: wrap;
| |
| gap: 12px;
| |
| align-items: flex-end;
| |
| }
| |
|
| |
| .report-covers-syr {
| |
| display: flex;
| |
| flex-direction: column;
| |
| align-items: center;
| |
| gap: 6px;
| |
| padding-right: 12px;
| |
| border-right: 0.5px solid #01adef;
| |
| margin-right: 4px;
| |
| }
| |
|
| |
| .report-covers-syr img {
| |
| border-radius: 4px;
| |
| display: block;
| |
| }
| |
|
| |
| .report-covers-wgs {
| |
| display: flex;
| |
| flex-wrap: wrap;
| |
| gap: 12px;
| |
| align-items: flex-end;
| |
| }
| |
|
| |
| .report-cover-item {
| |
| display: flex;
| |
| flex-direction: column;
| |
| align-items: center;
| |
| gap: 6px;
| |
| text-decoration: none;
| |
| opacity: 0.75;
| |
| }
| |
|
| |
| .report-cover-item:hover {
| |
| opacity: 1;
| |
| }
| |
|
| |
| .report-cover-item img {
| |
| border-radius: 4px;
| |
| display: block;
| |
| }
| |
|
| |
| .report-cover-label {
| |
| font-size: 11px;
| |
| color: #0088be;
| |
| text-align: center;
| |
| font-weight: 500;
| |
| }
| |
|
| |
| .report-cover-item:hover .report-cover-label {
| |
| color: #364497;
| |
| }
| |
|
| |
| .report-cover-item.active {
| |
| opacity: 1;
| |
| }
| |
|
| |
| .report-cover-item.active img {
| |
| outline: 2px solid #01adef;
| |
| outline-offset: 2px;
| |
| border-radius: 4px;
| |
| }
| |
|
| |
| .report-cover-item.active .report-cover-label {
| |
| color: #364497;
| |
| font-weight: bold;
| |
| }
| |
|
| |
| /* Chapter navigation */
| |
| .chapter-nav {
| |
| background: #e8f7fd;
| |
| border: 0.5px solid #01adef;
| |
| border-radius: 8px;
| |
| padding: 0.75rem 1.25rem;
| |
| margin-top: 2em;
| |
| margin-bottom: 1.5em;
| |
| }
| |
|
| |
| .chapter-nav-report {
| |
| text-align: center;
| |
| font-size: 11px;
| |
| color: #0088be;
| |
| text-transform: uppercase;
| |
| letter-spacing: 0.06em;
| |
| margin-bottom: 8px;
| |
| }
| |
|
| |
| .chapter-nav-report a {
| |
| color: #0088be;
| |
| text-decoration: none;
| |
| }
| |
|
| |
| .chapter-nav-report a:hover {
| |
| color: #364497;
| |
| text-decoration: underline;
| |
| }
| |
|
| |
| .chapter-nav-buttons {
| |
| display: flex;
| |
| justify-content: space-between;
| |
| align-items: center;
| |
| gap: 8px;
| |
| }
| |
|
| |
| .chapter-nav-prev {
| |
| font-size: 14px;
| |
| font-weight: 500;
| |
| padding: 8px 20px;
| |
| background: #364497;
| |
| border-radius: 6px;
| |
| color: #e8f7fd;
| |
| text-decoration: none;
| |
| flex: 1;
| |
| text-align: center;
| |
| display: block;
| |
| }
| |
|
| |
| .chapter-nav-prev:hover {
| |
| background: #2a3578;
| |
| color: #e8f7fd;
| |
| text-decoration: none;
| |
| }
| |
|
| |
| .chapter-nav-next {
| |
| font-size: 14px;
| |
| font-weight: 500;
| |
| padding: 8px 20px;
| |
| background: #01adef;
| |
| border-radius: 6px;
| |
| color: #fff;
| |
| text-decoration: none;
| |
| flex: 1;
| |
| text-align: center;
| |
| display: block;
| |
| }
| |
|
| |
| .chapter-nav-next:hover {
| |
| background: #0088be;
| |
| color: #fff;
| |
| text-decoration: none;
| |
| }
| |
|
| |
|
| |
| /* Chapter authors */
| |
| .chapter-authors {
| |
| background: #e8f7fd;
| |
| border: 0.5px solid #01adef;
| |
| border-radius: 8px;
| |
| padding: 1rem 1.25rem;
| |
| margin-bottom: 1.5em;
| |
| }
| |
|
| |
| .chapter-authors-title {
| |
| font-size: 15px;
| |
| font-weight: bold;
| |
| color: #364497;
| |
| margin-bottom: 12px;
| |
| padding-bottom: 8px;
| |
| border-bottom: 0.5px solid #01adef;
| |
| }
| |
|
| |
| .chapter-authors-group {
| |
| margin-bottom: 12px;
| |
| }
| |
|
| |
| .chapter-authors-group:last-child {
| |
| margin-bottom: 0;
| |
| }
| |
|
| |
| .chapter-authors-group-title {
| |
| font-size: 11px;
| |
| font-weight: 500;
| |
| color: #0088be;
| |
| text-transform: uppercase;
| |
| letter-spacing: 0.06em;
| |
| margin-bottom: 6px;
| |
| }
| |
|
| |
| .chapter-authors-pills {
| |
| display: flex;
| |
| flex-wrap: wrap;
| |
| gap: 6px;
| |
| }
| |
|
| |
| .chapter-authors-pill {
| |
| font-size: 12px;
| |
| color: #364497;
| |
| background: #fff;
| |
| border: 0.5px solid #01adef;
| |
| border-radius: 20px;
| |
| padding: 3px 10px;
| |
| }
| |
|
| |
| #mw-content-subtitle {
| |
| display: flex;
| |
| flex-wrap: wrap;
| |
| align-items: center;
| |
| gap: 4px;
| |
| }
| |
|
| |
| /* AR6 author stats */
| |
| .ar6-stats {
| |
| background: #e8f7fd;
| |
| border: 0.5px solid #01adef;
| |
| border-radius: 8px;
| |
| padding: 1rem 1.25rem;
| |
| margin-bottom: 1.5em;
| |
| }
| |
|
| |
| .ar6-stats-title {
| |
| font-size: 15px;
| |
| font-weight: bold;
| |
| color: #364497;
| |
| margin-bottom: 4px;
| |
| padding-bottom: 8px;
| |
| border-bottom: 0.5px solid #01adef;
| |
| }
| |
|
| |
| .ar6-stats-source {
| |
| font-size: 11px;
| |
| color: #0088be;
| |
| margin-bottom: 12px;
| |
| font-style: italic;
| |
| }
| |
|
| |
| .ar6-stats-source a {
| |
| color: #0088be;
| |
| }
| |
|
| |
| .ar6-stats-grid {
| |
| display: grid;
| |
| grid-template-columns: 1fr 1fr;
| |
| gap: 16px;
| |
| align-items: start;
| |
| }
| |
|
| |
| .ar6-stats-panel {
| |
| background: #fff;
| |
| border: 0.5px solid #d1e8f5;
| |
| border-radius: 6px;
| |
| padding: 0.75rem 1rem;
| |
| }
| |
|
| |
| .ar6-stats-panel-title {
| |
| font-size: 12px;
| |
| font-weight: 500;
| |
| color: #0088be;
| |
| text-transform: uppercase;
| |
| letter-spacing: 0.06em;
| |
| margin-bottom: 10px;
| |
| }
| |
|
| |
| .ar6-stats-legend {
| |
| margin-top: 10px;
| |
| }
| |
|
| |
| .ar6-legend-item {
| |
| display: flex;
| |
| align-items: center;
| |
| gap: 8px;
| |
| font-size: 12px;
| |
| margin-bottom: 4px;
| |
| color: #364497;
| |
| }
| |
|
| |
| .ar6-legend-dot {
| |
| width: 10px;
| |
| height: 10px;
| |
| border-radius: 50%;
| |
| flex-shrink: 0;
| |
| }
| |
|
| |
| .ar6-legend-label {
| |
| flex: 1;
| |
| }
| |
|
| |
| .ar6-legend-value {
| |
| color: #0088be;
| |
| font-weight: 500;
| |
| }
| |
|
| |
| .ar6-country-list {
| |
| display: flex;
| |
| flex-direction: column;
| |
| gap: 5px;
| |
| }
| |
|
| |
| .ar6-country-row {
| |
| display: flex;
| |
| align-items: center;
| |
| gap: 8px;
| |
| font-size: 12px;
| |
| }
| |
|
| |
| .ar6-country-name {
| |
| min-width: 110px;
| |
| color: #364497;
| |
| font-size: 11px;
| |
| }
| |
|
| |
| .ar6-country-bar-wrap {
| |
| flex: 1;
| |
| background: #e8f7fd;
| |
| border-radius: 3px;
| |
| height: 8px;
| |
| overflow: hidden;
| |
| }
| |
|
| |
| .ar6-country-bar {
| |
| height: 100%;
| |
| background: #01adef;
| |
| border-radius: 3px;
| |
| }
| |
|
| |
| .ar6-country-count {
| |
| font-size: 11px;
| |
| color: #0088be;
| |
| font-weight: 500;
| |
| min-width: 24px;
| |
| text-align: right;
| |
| }
| |