Template:Alert/styles.css: Difference between revisions
From Ymirheim Wiki
m (Protected "Template:Alert/styles.css" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite))) |
No edit summary |
||
Line 42: | Line 42: | ||
} | } | ||
.alert-dark { | .alert-dark { | ||
color: #1b1e21; | |||
background-color: #d6d8d9; | |||
border-color: #c6c8ca; | |||
} | |||
body.theme-ymirheim-dark .infobox, | |||
body.theme-ymirheim.prefers-color-scheme-dark .infobox { | |||
background: rgba(0, 0, 0, 0.4); | |||
} | |||
body.theme-ymirheim-dark .alert-primary, | |||
body.theme-ymirheim.prefers-color-scheme-dark .alert-primary { | |||
color: rgb(110, 168, 254); | |||
background-color: rgb(3, 22, 51); | |||
border-color: #084298; | |||
} | |||
body.theme-ymirheim-dark .alert-secondary, | |||
body.theme-ymirheim.prefers-color-scheme-dark .alert-secondary { | |||
color: #383d41; | |||
background-color: #e2e3e5; | |||
border-color: #d6d8db; | |||
} | |||
body.theme-ymirheim-dark .alert-success, | |||
body.theme-ymirheim.prefers-color-scheme-dark .alert-success { | |||
color: #155724; | |||
background-color: #d4edda; | |||
border-color: #c3e6cb; | |||
} | |||
body.theme-ymirheim-dark .alert-danger, | |||
body.theme-ymirheim.prefers-color-scheme-dark .alert-danger { | |||
color: #721c24; | |||
background-color: #f8d7da; | |||
border-color: #f5c6cb; | |||
} | |||
body.theme-ymirheim-dark .alert-warning, | |||
body.theme-ymirheim.prefers-color-scheme-dark .alert-warning { | |||
color: #856404; | |||
background-color: #fff3cd; | |||
border-color: #ffeeba; | |||
} | |||
body.theme-ymirheim-dark .alert-info, | |||
body.theme-ymirheim.prefers-color-scheme-dark .alert-info { | |||
color: #0c5460; | |||
background-color: #d1ecf1; | |||
border-color: #bee5eb; | |||
} | |||
body.theme-ymirheim-dark .alert-light, | |||
body.theme-ymirheim.prefers-color-scheme-dark .alert-light { | |||
color: #818182; | |||
background-color: #fefefe; | |||
border-color: #fdfdfe; | |||
} | |||
body.theme-ymirheim-dark .alert-dark, | |||
body.theme-ymirheim.prefers-color-scheme-dark .alert-dark { | |||
color: #1b1e21; | color: #1b1e21; | ||
background-color: #d6d8d9; | background-color: #d6d8d9; | ||
border-color: #c6c8ca; | border-color: #c6c8ca; | ||
} | } |
Revision as of 13:29, 9 July 2024
.alert {
position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem;
}
.alert-primary {
color: #004085;
background-color: #cce5ff;
border-color: #b8daff;
}
.alert-secondary {
color: #383d41;
background-color: #e2e3e5;
border-color: #d6d8db;
}
.alert-success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
}
.alert-danger {
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb;
}
.alert-warning {
color: #856404;
background-color: #fff3cd;
border-color: #ffeeba;
}
.alert-info {
color: #0c5460;
background-color: #d1ecf1;
border-color: #bee5eb;
}
.alert-light {
color: #818182;
background-color: #fefefe;
border-color: #fdfdfe;
}
.alert-dark {
color: #1b1e21;
background-color: #d6d8d9;
border-color: #c6c8ca;
}
body.theme-ymirheim-dark .infobox,
body.theme-ymirheim.prefers-color-scheme-dark .infobox {
background: rgba(0, 0, 0, 0.4);
}
body.theme-ymirheim-dark .alert-primary,
body.theme-ymirheim.prefers-color-scheme-dark .alert-primary {
color: rgb(110, 168, 254);
background-color: rgb(3, 22, 51);
border-color: #084298;
}
body.theme-ymirheim-dark .alert-secondary,
body.theme-ymirheim.prefers-color-scheme-dark .alert-secondary {
color: #383d41;
background-color: #e2e3e5;
border-color: #d6d8db;
}
body.theme-ymirheim-dark .alert-success,
body.theme-ymirheim.prefers-color-scheme-dark .alert-success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
}
body.theme-ymirheim-dark .alert-danger,
body.theme-ymirheim.prefers-color-scheme-dark .alert-danger {
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb;
}
body.theme-ymirheim-dark .alert-warning,
body.theme-ymirheim.prefers-color-scheme-dark .alert-warning {
color: #856404;
background-color: #fff3cd;
border-color: #ffeeba;
}
body.theme-ymirheim-dark .alert-info,
body.theme-ymirheim.prefers-color-scheme-dark .alert-info {
color: #0c5460;
background-color: #d1ecf1;
border-color: #bee5eb;
}
body.theme-ymirheim-dark .alert-light,
body.theme-ymirheim.prefers-color-scheme-dark .alert-light {
color: #818182;
background-color: #fefefe;
border-color: #fdfdfe;
}
body.theme-ymirheim-dark .alert-dark,
body.theme-ymirheim.prefers-color-scheme-dark .alert-dark {
color: #1b1e21;
background-color: #d6d8d9;
border-color: #c6c8ca;
}