Template:MessageBox/styles.css

.messagebox {

 width:65%;
 margin:0.5em auto;
 border-left:15px solid;
 border-color:var(--body-dark);
 background-color:var(--body-light);
 box-sizing:border-box

} .messagebox.obsolete {

 background-color:var(--messagebox-obsolete-background);
 border-color:var(--messagebox-obsolete-border);
 color:var(--messagebox-obsolete-color)

} .messagebox.obsolete a, .messagebox.obsolete a:visited, .messagebox.obsolete a:active {

 color:var(--messagebox-obsolete-link-color)

} .messagebox.info {

 background-color:var(--messagebox-info-background);
 border-color:var(--messagebox-info-border);
 color:var(--messagebox-info-color)

} .messagebox.info a, .messagebox.info a:visited, .messagebox.info a:active {

 color:var(--messagebox-info-link-color)

} .messagebox.action {

 background-color:var(--messagebox-action-background);
 border-color:var(--messagebox-action-border);
 color:var(--messagebox-action-color)

} .messagebox.action a, .messagebox.action a:visited, .messagebox.action a:active {

 color:var(--messagebox-action-link-color)

} .messagebox.warn {

 background-color:var(--messagebox-warn-background);
 border-color:var(--messagebox-warn-border);
 color:var(--messagebox-warn-color)

} .messagebox.warn a, .messagebox.warn a:visited, .messagebox.warn a:active {

 color:var(--messagebox-warn-link-color)

} .messagebox.safe {

 background-color:var(--messagebox-safe-background);
 border-color:var(--messagebox-safe-border);
 color:var(--messagebox-safe-color)

} .messagebox.safe a, .messagebox.safe a:visited, .messagebox.safe a:active {

 color:var(--messagebox-safe-link-color)

} .messagebox.disambig {

 background-color:var(--messagebox-disambig-background);
 border-color:var(--messagebox-disambig-border);
 color:var(--messagebox-disambig-color)

} .messagebox.disambig a, .messagebox.disambig a:visited, .messagebox.disambig a:active {

 color:var(--messagebox-disambig-link-color)

}