More actions
(try to update for citizen changes (https://github.com/StarCitizenTools/mediawiki-skins-Citizen/commit/a741639085d70c22a9f49890542a142a223bf981)) |
No edit summary |
||
(8 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
.hgw-inline-box { | .hgw-inline-box { | ||
box-sizing: border-box; | box-sizing: border-box; | ||
border | border: 1px solid #a2a9b1; | ||
background-color: #fbfbfb; | |||
padding: 0.5em; | padding: 0.5em; | ||
margin: 0.5em 0; | margin: 0.5em 0; | ||
} | } | ||
Line 59: | Line 17: | ||
} | } | ||
/* specific kinds of box styles should go here */ | |||
/* make sure to also add in the dark theme section */ | |||
/* | |||
.hgw-inline-box-warning { | .hgw-inline-box-warning { | ||
background-color: #ffe7ce; | |||
border-color: #f28500; | |||
} | } | ||
.hgw-inline-box-critical { | .hgw-inline-box-critical { | ||
background-color: #fee7e6; | |||
border-color: #b32424; | |||
} | } | ||
.hgw-inline-box-info { | .hgw-inline-box-info { | ||
background-color: #d8e8ff; | |||
border-color: #36c; | |||
} | } | ||
.hgw-inline-box-success { | .hgw-inline-box-success { | ||
background-color: #d7ffe0; | |||
border-color: #68a174; | |||
} | |||
@media (prefers-color-scheme: dark) { | |||
body.skin-timeless .hgw-inline-box { | |||
background-color: #36415b; | |||
border-color: #5e7288; | |||
} | |||
body.skin-timeless .hgw-inline-box-warning { | |||
background-color: #504438; | |||
border-color: #f28500; | |||
} | |||
body.skin-timeless .hgw-inline-box-critical { | |||
background-color: #6c4543; | |||
border-color: #b32424; | |||
} | |||
body.skin-timeless .hgw-inline-box-info { | |||
background-color: #3a4759; | |||
border-color: #36c; | |||
} | |||
body.skin-timeless .hgw-inline-box-success { | |||
background-color: #3c5442; | |||
border-color: #68a174; | |||
} | |||
} | } |
Revision as of 07:33, 7 May 2022
.hgw-inline-box {
box-sizing: border-box;
border: 1px solid #a2a9b1;
background-color: #fbfbfb;
padding: 0.5em;
margin: 0.5em 0;
}
.hgw-inline-box-image {
vertical-align: top;
position: relative;
padding-right: 0.5em;
top: -1px;
}
.hgw-inline-box-text {
}
/* specific kinds of box styles should go here */
/* make sure to also add in the dark theme section */
.hgw-inline-box-warning {
background-color: #ffe7ce;
border-color: #f28500;
}
.hgw-inline-box-critical {
background-color: #fee7e6;
border-color: #b32424;
}
.hgw-inline-box-info {
background-color: #d8e8ff;
border-color: #36c;
}
.hgw-inline-box-success {
background-color: #d7ffe0;
border-color: #68a174;
}
@media (prefers-color-scheme: dark) {
body.skin-timeless .hgw-inline-box {
background-color: #36415b;
border-color: #5e7288;
}
body.skin-timeless .hgw-inline-box-warning {
background-color: #504438;
border-color: #f28500;
}
body.skin-timeless .hgw-inline-box-critical {
background-color: #6c4543;
border-color: #b32424;
}
body.skin-timeless .hgw-inline-box-info {
background-color: #3a4759;
border-color: #36c;
}
body.skin-timeless .hgw-inline-box-success {
background-color: #3c5442;
border-color: #68a174;
}
}