Difference between revisions of "Template:Main Page toolbox/styles.css"
Jump to navigation
Jump to search
imported>Izno (add ths) |
imported>Izno (fix) |
||
| (3 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
.mp-toolbox { | .mp-toolbox { | ||
| + | border: 1px solid #a2a9b1; | ||
| + | background-color: #f8f9fa; | ||
| + | /* @noflip */ | ||
| + | margin: 0.5em 0 0.5em 1em; | ||
| + | /* @noflip */ | ||
| + | float: right; | ||
| + | /* @noflip */ | ||
| + | clear: right; | ||
| + | line-height: 1.5em; | ||
padding: 0; | padding: 0; | ||
| − | |||
font-size: 90%; | font-size: 90%; | ||
| + | text-align: center; | ||
} | } | ||
| Line 12: | Line 21: | ||
.mp-toolbox-daily { | .mp-toolbox-daily { | ||
| + | border: 1px solid #a2a9b1; | ||
| + | border-spacing: 3px; | ||
| + | background-color: #f8f9fa; | ||
| + | line-height: 1.5em; | ||
| + | border-collapse: collapse; | ||
width: 100%; | width: 100%; | ||
| − | |||
padding: 0; | padding: 0; | ||
margin: 0; | margin: 0; | ||
| − | |||
} | } | ||
| − | |||
.mp-toolbox-daily td, | .mp-toolbox-daily td, | ||
.mp-toolbox-daily th { | .mp-toolbox-daily th { | ||
| − | text-align: center; | + | /* text-align: center; */ |
| + | vertical-align: top; | ||
| + | border: 1px solid #a2a9b1; | ||
} | } | ||
| Line 66: | Line 79: | ||
.mp-toolbox-daily, | .mp-toolbox-daily, | ||
| + | .mp-toolbox-daily .mp-toolbox-tfl-not, | ||
| + | .mp-toolbox-daily .mp-toolbox-tfl-not-3, | ||
| + | body.ns-talk .mp-toolbox-daily, | ||
| + | body.ns-talk .mp-toolbox-daily .mp-toolbox-tfl-not, | ||
| + | body.ns-talk .mp-toolbox-daily .mp-toolbox-tfl-not-3 { | ||
| + | border-right: none; | ||
| + | border-left: none; | ||
| + | box-sizing: border-box; | ||
| + | } | ||
| + | |||
.mp-toolbox-daily tr td:nth-child(1), | .mp-toolbox-daily tr td:nth-child(1), | ||
.mp-toolbox-daily tr th:nth-child(1), | .mp-toolbox-daily tr th:nth-child(1), | ||
| Line 75: | Line 98: | ||
} | } | ||
| − | |||
.mp-toolbox-daily tr td:nth-child(3), | .mp-toolbox-daily tr td:nth-child(3), | ||
.mp-toolbox-daily tr th:nth-child(3), | .mp-toolbox-daily tr th:nth-child(3), | ||
| − | |||
body.ns-talk .mp-toolbox-daily tr td:nth-child(3), | body.ns-talk .mp-toolbox-daily tr td:nth-child(3), | ||
body.ns-talk .mp-toolbox-daily tr th:nth-child(3) { | body.ns-talk .mp-toolbox-daily tr th:nth-child(3) { | ||
| Line 111: | Line 132: | ||
width: 27em; | width: 27em; | ||
margin: 0 auto; | margin: 0 auto; | ||
| + | } | ||
| + | |||
| + | @media all and (max-width: 720px ) { | ||
| + | .mp-toolbox { | ||
| + | margin: 0.5em 0; | ||
| + | width: 100%; | ||
| + | float: none; | ||
| + | clear: both; | ||
| + | } | ||
| + | |||
| + | .mp-toolbox-daily { | ||
| + | display: table; /* override Minerva silliness */ | ||
| + | } | ||
| + | |||
| + | .mp-toolbox .hlist ul, | ||
| + | .mp-toolbox .hlist dl { | ||
| + | width: inherit; | ||
| + | } | ||
} | } | ||
Latest revision as of 22:36, 8 December 2020
.mp-toolbox {
border: 1px solid #a2a9b1;
background-color: #f8f9fa;
/* @noflip */
margin: 0.5em 0 0.5em 1em;
/* @noflip */
float: right;
/* @noflip */
clear: right;
line-height: 1.5em;
padding: 0;
font-size: 90%;
text-align: center;
}
.mp-toolbox-label {
padding: 1px 0;
font-size: larger;
font-weight: bold;
}
.mp-toolbox-daily {
border: 1px solid #a2a9b1;
border-spacing: 3px;
background-color: #f8f9fa;
line-height: 1.5em;
border-collapse: collapse;
width: 100%;
padding: 0;
margin: 0;
}
.mp-toolbox-daily td,
.mp-toolbox-daily th {
/* text-align: center; */
vertical-align: top;
border: 1px solid #a2a9b1;
}
.mp-toolbox-daily th,
td.mp-toolbox-tfl-not {
background: #efefef;
}
body.ns-talk .mp-toolbox,
body.ns-talk .mp-toolbox-daily {
border: 1px solid #c0c090;
background-color: #f8eaba;
}
body.ns-talk .mp-toolbox-daily td,
body.ns-talk .mp-toolbox-daily th {
border: 1px solid #c0c090;
}
body.ns-talk .mp-toolbox-daily th,
body.ns-talk .mp-toolbox-tfl-not {
background: #e8dbae;
}
.mp-toolbox-potd-mp td,
body.ns-talk .mp-toolbox-potd-mp td {
border-bottom: none;
white-space: nowrap;
}
.mp-toolbox-potd td,
body.ns-talk .mp-toolbox-potd td {
border-top: none;
white-space: nowrap;
}
.mp-toolbox-daily,
body.ns-talk .mp-toolbox-daily,
.mp-toolbox-tfl td,
body.ns-talk .mp-toolbox-tfl td {
border-bottom: none;
}
.mp-toolbox-daily,
.mp-toolbox-daily .mp-toolbox-tfl-not,
.mp-toolbox-daily .mp-toolbox-tfl-not-3,
body.ns-talk .mp-toolbox-daily,
body.ns-talk .mp-toolbox-daily .mp-toolbox-tfl-not,
body.ns-talk .mp-toolbox-daily .mp-toolbox-tfl-not-3 {
border-right: none;
border-left: none;
box-sizing: border-box;
}
.mp-toolbox-daily tr td:nth-child(1),
.mp-toolbox-daily tr th:nth-child(1),
body.ns-talk .mp-toolbox-daily,
body.ns-talk .mp-toolbox-daily tr td:nth-child(1),
body.ns-talk .mp-toolbox-daily tr th:nth-child(1) {
border-left: none;
box-sizing: border-box;
}
.mp-toolbox-daily tr td:nth-child(3),
.mp-toolbox-daily tr th:nth-child(3),
body.ns-talk .mp-toolbox-daily tr td:nth-child(3),
body.ns-talk .mp-toolbox-daily tr th:nth-child(3) {
border-right: none;
box-sizing: border-box;
}
/*
-following from here
*/
.mp-toolbox-following {
clear: both;
}
.mp-toolbox-following > div {
border-top: 1px solid #a2a9b1;
padding: 1px;
}
body.ns-talk .mp-toolbox-following > div {
border-top: 1px solid #c0c090;
}
.mp-toolbox-tfl span,
.mp-toolbox-following span,
.mp-toolbox-purge {
font-weight: bold;
}
.mp-toolbox .hlist ul,
.mp-toolbox .hlist dl {
width: 27em;
margin: 0 auto;
}
@media all and (max-width: 720px ) {
.mp-toolbox {
margin: 0.5em 0;
width: 100%;
float: none;
clear: both;
}
.mp-toolbox-daily {
display: table; /* override Minerva silliness */
}
.mp-toolbox .hlist ul,
.mp-toolbox .hlist dl {
width: inherit;
}
}
