Изменения

507 байт добавлено ,  1 год назад
исправление кода для тёмной темы (phab:T369874)
Строка 1: Строка 1:  
.ts-doc-doc {
 
.ts-doc-doc {
background-color: #eaf3ff;
+
background-color: var(--background-color-progressive-subtle, #eaf3ff);
border: 1px solid #a3caff;
+
border: 1px solid var(--border-color-content-added, #afb6e9);
 
clear: both;
 
clear: both;
 
margin-top: 1em;
 
margin-top: 1em;
Строка 12: Строка 12:  
.ts-doc-doc cite:target,
 
.ts-doc-doc cite:target,
 
.ts-doc-doc span.citation:target {
 
.ts-doc-doc span.citation:target {
background: #c2dcff;
+
background: var(--ruwiki-background-color-blue200, #cfe3ff);
 
}
 
}
    
.ts-doc-header {
 
.ts-doc-header {
background-color: #c2dcff;
+
align-items: center;
 +
background: var(--ruwiki-background-color-blue200, #cfe3ff);
 +
display: flex;
 +
flex-wrap: wrap;
 
padding: .642857em 1em .5em;
 
padding: .642857em 1em .5em;
 
overflow: hidden;
 
overflow: hidden;
Строка 22: Строка 25:     
.ts-doc-header .ts-tlinks-tlinks {
 
.ts-doc-header .ts-tlinks-tlinks {
line-height: 24px;
+
margin-left: auto;
}
  −
 
  −
.ts-doc-header .ts-tlinks-tlinks a.external {
  −
color: #0645ad;
  −
}
  −
 
  −
.ts-doc-header .ts-tlinks-tlinks a.external:visited {
  −
color: #0b0080;
  −
}
  −
 
  −
.ts-doc-header .ts-tlinks-tlinks a.external:active {
  −
color: #faa700;
   
}
 
}
   Строка 49: Строка 40:  
.ts-doc-heading {
 
.ts-doc-heading {
 
display: inline-block;
 
display: inline-block;
padding-left: 30px;
+
padding-left: 2em;
background: url(//upload.wikimedia.org/wikipedia/commons/c/ca/OOjs_UI_icon_info.svg) center left/24px 24px no-repeat;
+
background: url(//upload.wikimedia.org/wikipedia/commons/c/ca/OOjs_UI_icon_info.svg) center left no-repeat;
height: 24px;
+
background-size: contain;
line-height: 24px;
+
font-size: small;
font-size: 13px;
+
min-height: 1.75em;
 
font-weight: 600;
 
font-weight: 600;
letter-spacing: 1px;
+
letter-spacing: 0.1em;
 
text-transform: uppercase;
 
text-transform: uppercase;
 +
}
 +
 +
@media screen {
 +
html.skin-theme-clientpref-night .ts-doc-heading {
 +
background-image: url(//upload.wikimedia.org/wikipedia/commons/c/c0/OOjs_UI_icon_info-invert.svg);
 +
}
 +
}
 +
 +
@media screen and (prefers-color-scheme: dark) {
 +
    html.skin-theme-clientpref-os .ts-doc-heading {
 +
background-image: url(//upload.wikimedia.org/wikipedia/commons/c/c0/OOjs_UI_icon_info-invert.svg);
 +
    }
 
}
 
}
   Строка 70: Строка 73:     
.ts-doc-footer {
 
.ts-doc-footer {
background-color: #eaf3ff;
+
background-color: var(--background-color-progressive-subtle, #eaf3ff);
border: 1px solid #a3caff;
+
border: 1px solid var(--border-color-content-added, #afb6e9);
 
padding: .214286em 1em;
 
padding: .214286em 1em;
 
margin-top: .214286em;
 
margin-top: .214286em;
Строка 79: Строка 82:     
@media (max-width: 719px) {
 
@media (max-width: 719px) {
 +
.ts-doc-header {
 +
display: block;
 +
}
 +
 
.ts-doc-header .ts-tlinks-tlinks {
 
.ts-doc-header .ts-tlinks-tlinks {
 
float: none;
 
float: none;
Анонимный участник