MediaWiki:Common.css: Difference between revisions
(Created page with "→CSS placed here will be applied to all skins: @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap'); $primary-color: #4d4dff; $secondary-color: #666666; $danger-color: #ff3838; $warning-color: #ffba00; $success-color: #2ec946; main { padding: 40px; } section { display: flex; flex-direction: column; align-items: center; } .alert...") |
No edit summary |
||
(3 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
.alert { | .alert { | ||
width: | width: 100%; | ||
padding: 16px; | padding: 12px 16px; | ||
margin: | border-radius: 4px; | ||
border-style: solid; | |||
border-width: 1px; | |||
margin-bottom: 12px; | |||
font-size: 16px; | |||
} | } | ||
.alert.alert-success { | |||
background-color: rgba( | background-color: rgba(227, 253, 235, 1); | ||
border-color: rgba(38, 179, 3, 1); | |||
color: rgba(60, 118, 61, 1); | |||
} | } | ||
.alert.alert-info { | |||
background-color: rgba(217, 237, 247, 1); | |||
color: rgba(49, 112, 143, 1); | |||
border-color: rgba(126, 182, 193, 1); | |||
} | } | ||
.alert- | .alert.alert-warning { | ||
background-color: rgba(252, 248, 227, 1); | |||
border-color: rgba(177, 161, 129, 1); | |||
color: rgba(138, 109, 59, 1); | |||
} | } | ||
.alert- | .alert.alert-danger { | ||
background-color: rgba(248, 215, 218, 1); | |||
border-color: rgba(220, 53, 69, 1); | |||
color: rgba(114, 28, 36,1); | |||
color: | |||
} | } |
Latest revision as of 20:36, 6 March 2024
.alert { width: 100%; padding: 12px 16px; border-radius: 4px; border-style: solid; border-width: 1px; margin-bottom: 12px; font-size: 16px; } .alert.alert-success { background-color: rgba(227, 253, 235, 1); border-color: rgba(38, 179, 3, 1); color: rgba(60, 118, 61, 1); } .alert.alert-info { background-color: rgba(217, 237, 247, 1); color: rgba(49, 112, 143, 1); border-color: rgba(126, 182, 193, 1); } .alert.alert-warning { background-color: rgba(252, 248, 227, 1); border-color: rgba(177, 161, 129, 1); color: rgba(138, 109, 59, 1); } .alert.alert-danger { background-color: rgba(248, 215, 218, 1); border-color: rgba(220, 53, 69, 1); color: rgba(114, 28, 36,1); }