MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* ReportHeader — style | /* ReportHeader — banner style D: Dark */ | ||
.rh- | .rh-banner { | ||
width: 100%; | |||
border: 1px solid #030001; | |||
width: | |||
border: 1px solid # | |||
border-radius: 4px; | border-radius: 4px; | ||
overflow: hidden; | overflow: hidden; | ||
background: # | background: #030001; | ||
font-family: sans-serif; | |||
font-size: 12px; | font-size: 12px; | ||
font- | margin: 0 0 1.5em 0; | ||
} | |||
.rh-banner-top { | |||
display: flex; | |||
align-items: stretch; | |||
border-bottom: 1px solid #1a1a1a; | |||
} | |||
.rh-banner-img { | |||
width: 160px; | |||
min-width: 160px; | |||
background: #1a1a1a; | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
padding: 12px; | |||
border-right: 1px solid #2a2a2a; | |||
} | |||
.rh-banner-img img { | |||
width: 100%; | |||
height: auto; | |||
display: block; | |||
border-radius: 2px; | |||
} | |||
.rh-banner-right { | |||
flex: 1; | |||
display: flex; | |||
flex-direction: column; | |||
justify-content: space-between; | |||
} | |||
.rh-banner-titles { | |||
padding: 12px 14px 8px; | |||
} | |||
.rh-banner-tag { | |||
color: #feff03; | |||
font-size: 10px; | |||
text-transform: uppercase; | |||
letter-spacing: 0.05em; | |||
margin-bottom: 4px; | |||
} | } | ||
.rh-title { | .rh-banner-title { | ||
color: # | color: #ffffff; | ||
font-size: 14px; | font-size: 14px; | ||
font-weight: 500; | font-weight: 500; | ||
line-height: 1.35; | |||
margin-bottom: 3px; | |||
} | } | ||
.rh-subtitle { | .rh-banner-subtitle { | ||
color: # | color: #00aeef; | ||
font-size: 12px; | font-size: 12px; | ||
font-weight: 500; | font-weight: 500; | ||
line-height: 1.4; | line-height: 1.4; | ||
} | } | ||
.rh- | .rh-banner-meta { | ||
display: flex; | |||
border-top: 1px solid #1a1a1a; | |||
background: #0f0f0f; | |||
} | } | ||
.rh- | .rh-banner-field { | ||
flex: 1; | |||
padding: 6px 14px; | |||
border-right: 1px solid #1a1a1a; | |||
border- | |||
} | } | ||
.rh- | .rh-banner-field:last-child { | ||
border-right: none; | |||
border- | |||
} | } | ||
.rh-lbl { | .rh-banner-lbl { | ||
color: #b3b3b3; | color: #b3b3b3; | ||
font-size: 10px; | font-size: 10px; | ||
text-transform: uppercase; | text-transform: uppercase; | ||
letter-spacing: 0.04em; | letter-spacing: 0.04em; | ||
display: block; | |||
margin-bottom: 2px; | |||
} | } | ||
.rh-val { | .rh-banner-val { | ||
color: # | color: #ffffff; | ||
font-size: 12px; | |||
word-break: break-all; | word-break: break-all; | ||
} | } | ||
.rh-val a { | .rh-banner-val a { | ||
color: #00aeef; | color: #00aeef; | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
.rh-val a:hover { | .rh-banner-val a:hover { | ||
text-decoration: underline; | text-decoration: underline; | ||
} | } | ||
.rh-abstract { | .rh-banner-abstract { | ||
padding: 8px | padding: 8px 14px 10px; | ||
border-top: 1px solid # | background: #111111; | ||
border-top: 1px solid #1a1a1a; | |||
} | } | ||
.rh-abstract .rh-lbl { | .rh-banner-abstract .rh-banner-lbl { | ||
margin-bottom: 3px; | |||
margin-bottom: | |||
} | } | ||
.rh-abstract-text { | .rh-banner-abstract-text { | ||
color: # | color: #cccccc; | ||
font-size: 11px; | font-size: 11px; | ||
line-height: 1.6; | line-height: 1.6; | ||
} | } | ||
Revision as of 03:36, 10 April 2026
/* ReportHeader — banner style D: Dark */
.rh-banner {
width: 100%;
border: 1px solid #030001;
border-radius: 4px;
overflow: hidden;
background: #030001;
font-family: sans-serif;
font-size: 12px;
margin: 0 0 1.5em 0;
}
.rh-banner-top {
display: flex;
align-items: stretch;
border-bottom: 1px solid #1a1a1a;
}
.rh-banner-img {
width: 160px;
min-width: 160px;
background: #1a1a1a;
display: flex;
align-items: center;
justify-content: center;
padding: 12px;
border-right: 1px solid #2a2a2a;
}
.rh-banner-img img {
width: 100%;
height: auto;
display: block;
border-radius: 2px;
}
.rh-banner-right {
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.rh-banner-titles {
padding: 12px 14px 8px;
}
.rh-banner-tag {
color: #feff03;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 0.05em;
margin-bottom: 4px;
}
.rh-banner-title {
color: #ffffff;
font-size: 14px;
font-weight: 500;
line-height: 1.35;
margin-bottom: 3px;
}
.rh-banner-subtitle {
color: #00aeef;
font-size: 12px;
font-weight: 500;
line-height: 1.4;
}
.rh-banner-meta {
display: flex;
border-top: 1px solid #1a1a1a;
background: #0f0f0f;
}
.rh-banner-field {
flex: 1;
padding: 6px 14px;
border-right: 1px solid #1a1a1a;
}
.rh-banner-field:last-child {
border-right: none;
}
.rh-banner-lbl {
color: #b3b3b3;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 0.04em;
display: block;
margin-bottom: 2px;
}
.rh-banner-val {
color: #ffffff;
font-size: 12px;
word-break: break-all;
}
.rh-banner-val a {
color: #00aeef;
text-decoration: none;
}
.rh-banner-val a:hover {
text-decoration: underline;
}
.rh-banner-abstract {
padding: 8px 14px 10px;
background: #111111;
border-top: 1px solid #1a1a1a;
}
.rh-banner-abstract .rh-banner-lbl {
margin-bottom: 3px;
}
.rh-banner-abstract-text {
color: #cccccc;
font-size: 11px;
line-height: 1.6;
}