|
Tags: Replaced Manual revert |
| 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;
| |
| }
| |
| } | | } |
