MediaWiki:Common.css: Difference between revisions
Appearance
No edit summary Tag: Manual revert |
No edit summary Tag: Reverted |
||
Line 4: | Line 4: | ||
.test-font { | .test-font { | ||
font-family: "Rubik"; | font-family: "Rubik"; | ||
} | |||
/* Holy shit maybe this will work */ | |||
/* Message boxes (mbox family) */ | |||
table.mbox { | |||
border: 1px solid #a2a9b1; | |||
border-collapse: collapse; | |||
background-color: #f8f9fa; | |||
box-sizing: border-box; | |||
margin: 0.5em 0; | |||
} | |||
.mbox-text { | |||
padding: 0.25em 0.9em; | |||
width: 100%; | |||
} | |||
.mbox-image { | |||
padding: 2px 0 2px 0.9em; | |||
text-align: center; | |||
} | |||
.mbox-imageright { | |||
padding: 2px 0.9em 2px 0; | |||
text-align: center; | |||
} | |||
.mbox-empty-cell { | |||
border: none; | |||
padding: 0; | |||
width: 1px; | |||
} | |||
/* Article message boxes (ambox) */ | |||
table.ambox { | |||
margin: 0px 10%; | |||
border: 1px solid #a2a9b1; | |||
border-left: 10px solid #36c; | |||
background-color: #fbfbfb; | |||
box-sizing: border-box; | |||
} | |||
table.ambox + table.ambox { | |||
margin-top: -1px; | |||
} | |||
.ambox th.mbox-text, | |||
.ambox td.mbox-text { | |||
padding: 0.25em 0.5em; | |||
} | |||
.ambox td.mbox-image { | |||
padding: 2px 0 2px 0.5em; | |||
} | |||
.ambox td.mbox-imageright { | |||
padding: 2px 0.5em 2px 0; | |||
} | |||
/* Ambox colors */ | |||
table.ambox-speedy { | |||
border-left: 10px solid #b32424; | |||
background-color: #fee7e6; | |||
} | |||
table.ambox-delete { | |||
border-left: 10px solid #b32424; | |||
background-color: #fee7e6; | |||
} | |||
table.ambox-content { | |||
border-left: 10px solid #f28500; | |||
background-color: #fff8f2; | |||
} | |||
table.ambox-style { | |||
border-left: 10px solid #fc3; | |||
background-color: #fffbf0; | |||
} | |||
table.ambox-move { | |||
border-left: 10px solid #9932cc; | |||
background-color: #f7f0ff; | |||
} | |||
table.ambox-protection { | |||
border-left: 10px solid #a2a9b1; | |||
background-color: #f8f9fa; | |||
} | |||
table.ambox-notice { | |||
border-left: 10px solid #36c; | |||
background-color: #eaf3ff; | |||
} | |||
/* Talk page message boxes (tmbox) */ | |||
table.tmbox { | |||
margin: 4px 10%; | |||
border-collapse: collapse; | |||
border: 1px solid #c0c090; | |||
background-color: #f8eaba; | |||
min-width: 80%; | |||
box-sizing: border-box; | |||
} | |||
.tmbox.mbox-small { | |||
min-width: 0; | |||
} | |||
/* Image page message boxes (imbox) */ | |||
table.imbox { | |||
margin: 4px 10%; | |||
border-collapse: collapse; | |||
border: 3px solid #1e90ff; | |||
background-color: #fbfbfb; | |||
min-width: 80%; | |||
box-sizing: border-box; | |||
} | |||
table.imbox-notice { | |||
border: 3px solid #1e90ff; | |||
} | |||
table.imbox-speedy { | |||
border: 3px solid #b32424; | |||
background-color: #fee7e6; | |||
} | |||
table.imbox-delete { | |||
border: 3px solid #b32424; | |||
background-color: #fee7e6; | |||
} | |||
table.imbox-content { | |||
border: 3px solid #f28500; | |||
background-color: #fff8f2; | |||
} | |||
table.imbox-style { | |||
border: 3px solid #fc3; | |||
background-color: #fffbf0; | |||
} | |||
table.imbox-move { | |||
border: 3px solid #9932cc; | |||
background-color: #f7f0ff; | |||
} | |||
table.imbox-protection { | |||
border: 3px solid #a2a9b1; | |||
background-color: #f8f9fa; | |||
} | |||
/* Category message boxes (cmbox) */ | |||
table.cmbox { | |||
margin: 3px 10%; | |||
border-collapse: collapse; | |||
border: 1px solid #a2a9b1; | |||
background-color: #dfe8ff; | |||
min-width: 80%; | |||
box-sizing: border-box; | |||
} | |||
/* Other pages message boxes (ombox) */ | |||
table.ombox { | |||
margin: 4px 10%; | |||
border-collapse: collapse; | |||
border: 1px solid #a2a9b1; | |||
background-color: #f8f9fa; | |||
min-width: 80%; | |||
box-sizing: border-box; | |||
} | |||
table.ombox-notice { | |||
border: 1px solid #a2a9b1; | |||
} | |||
table.ombox-speedy { | |||
border: 2px solid #b32424; | |||
background-color: #fee7e6; | |||
} | |||
table.ombox-delete { | |||
border: 2px solid #b32424; | |||
background-color: #fee7e6; | |||
} | |||
table.ombox-content { | |||
border: 1px solid #f28500; | |||
background-color: #fff8f2; | |||
} | |||
table.ombox-style { | |||
border: 1px solid #fc3; | |||
background-color: #fffbf0; | |||
} | |||
table.ombox-move { | |||
border: 1px solid #9932cc; | |||
background-color: #f7f0ff; | |||
} | |||
table.ombox-protection { | |||
border: 1px solid #a2a9b1; | |||
background-color: #f8f9fa; | |||
} | |||
/* File namespace message boxes (fmbox) */ | |||
table.fmbox { | |||
clear: both; | |||
margin: 0.2em 0; | |||
width: 100%; | |||
border: 1px solid #a2a9b1; | |||
background-color: #f8f9fa; | |||
box-sizing: border-box; | |||
} | |||
table.fmbox-system { | |||
background-color: #f8f9fa; | |||
} | |||
table.fmbox-warning { | |||
border: 1px solid #bb7070; | |||
background-color: #ffdbdb; | |||
} | |||
table.fmbox-editnotice { | |||
background-color: transparent; | |||
} | |||
/* Small message boxes */ | |||
.mbox-small { | |||
clear: right; | |||
float: right; | |||
line-height: 1.25em; | |||
font-size: 88%; | |||
border-collapse: collapse; | |||
width: 238px; | |||
box-sizing: border-box; | |||
} | |||
.mbox-small-left { | |||
margin: 4px 1em 4px 0; | |||
width: 238px; | |||
border-collapse: collapse; | |||
font-size: 88%; | |||
line-height: 1.25em; | |||
float: left; | |||
clear: left; | |||
box-sizing: border-box; | |||
} | |||
/* Fix for small message box text */ | |||
.mbox-small .mbox-text, | |||
.mbox-small-left .mbox-text { | |||
font-size: 100%; | |||
padding: 0.1em 0.8em; | |||
} | |||
.mbox-small .mbox-image, | |||
.mbox-small-left .mbox-image { | |||
padding: 2px 3px 2px 0.5em; | |||
} | |||
.mbox-small .mbox-imageright, | |||
.mbox-small-left .mbox-imageright { | |||
padding: 2px 0.5em 2px 3px; | |||
} | |||
/* Responsive design */ | |||
@media (max-width: 720px) { | |||
.mbox-small { | |||
width: 100%; | |||
margin: 4px 0; | |||
float: none; | |||
clear: both; | |||
} | |||
.mbox-small-left { | |||
width: 100%; | |||
margin: 4px 0; | |||
float: none; | |||
clear: both; | |||
} | |||
} | } |