MediaWiki:Common.css: Difference between revisions

No edit summary
No edit summary
 
(25 intermediate revisions by the same user not shown)
Line 3: Line 3:
--background-color-neutral-subtle: #f6f9fd;
--background-color-neutral-subtle: #f6f9fd;
}
}
.vector-main-menu-action-opt-out a {
.mw-logo-container {
text-wrap: balance;
}
.vector-main-menu-action-opt-out a, .vector-menu-content #ca-talk, #footer-places-about {
display: none !important;
display: none !important;
}
}
Line 15: Line 18:
margin: 5px 0;
margin: 5px 0;
}
}
.mainpage-group, .mainpage-box, .info-box {
.mainpage-box, .info-box {
background-color: var(--background-color-neutral-subtle);
background-color: var(--background-color-neutral-subtle);
border-width: 1px;
border-width: 1px;
Line 21: Line 24:
border-radius: 10px;
border-radius: 10px;
}
}
.mainpage-group {
@media screen and (prefers-color-scheme: dark) {
display: flex;
.skin-theme-clientpref-os .mainpage-box img:last-child {
flex-wrap: wrap;
filter: brightness(0.75);
}
}
 
.mainpage-box {
text-align: center;
text-align: center;
padding: 15px;
margin: 20px auto;
max-width: 1024px;
max-width: 1024px;
margin: 20px auto;
border-style: dashed;
border-style: dashed;
}
}
.mainpage-group > div {
.mainpage-box-title {
text-align:center;
font-size:1.15em;
font-weight:bold;
}
.mainpage-box-buttons a img:hover, .skin-theme-clientpref-night .mainpage-box img:last-child {
filter: brightness(0.75);
}
.mainpage-box-buttons {
display: flex;
flex-wrap: wrap;
margin: 10px auto 0 auto;
border-bottom: 1px dashed var(--border-color-subtle);
padding-bottom: 15px;
}
.mainpage-box-buttons > div {
display: inline-block;
display: inline-block;
flex: 1 1 calc((100% /3) - 20px);
flex: 1 1 calc((100% /4) - 20px);
min-width: 200px;
min-width: 200px;
padding: 20px 0;
padding: 15px 0;
}
}
.mainpage-group > div > div {
.mainpage-box-buttons > div > div {
font-weight: bold;
font-weight: bold;
height: calc(100% - 30px);
height: calc(100% - 30px);
Line 42: Line 65:
padding-bottom: 10px;
padding-bottom: 10px;
}
}
.mainpage-box {
.mainpage-box .CategoryTreeTag {
text-align: center;
margin-top: 30px;
width: 100%;
padding-left: 10%;
padding: 15px;
text-align: left;
margin: 20px auto;
color: grey;
max-width: 1024px;
width: 90%;
border-style: dashed;
text-indent: hanging 1em;
}
}
.mainpage-box .CategoryTreeSection:has(.CategoryTreeToggle[data-ct-title="All"])::after,
.mainpage-box .CategoryTreeSection:has(.CategoryTreeToggle[data-ct-title="All"])::after,
Line 57: Line 80:
height: 1px;
height: 1px;
display: block;
display: block;
background: linear-gradient(to right, #ddd, transparent 50%);
background: linear-gradient(to right,rgba(128,128,128,0.5),transparent 50%);
margin: 1em 0;
margin: 1em 0;
}
}
@media (max-width: 639px) {
@media (max-width: 639px) {
.mw-parser-output table.mainpage-box {
.mw-parser-output table.mainpage-box {
Line 71: Line 95:
float: right;
float: right;
padding: 10px;
padding: 10px;
margin: 10px;
margin: 0 0 10px 10px !important;
max-width: 338px;
max-width: 328px;
text-indent: hanging 1em;
text-indent: hanging 1em;
border-style: solid;
border-style: solid;
display: table !important;
}
.info-box tr:first-child {
text-align: center;
text-wrap: balance;
text-indent: initial;
}
.info-box .info-box-head {
text-align: left;
min-width: max-content;
}
.info-box tr li {
margin-bottom: 0;
}
}
.info-box figure[typeof~="mw:File/Thumb"] {
.info-box figure[typeof~="mw:File/Thumb"] {
margin: 0 0 10px 0;
border: 0;
border: 0;
margin: 0 auto 5px auto;
}
}
.info-box figure[typeof~="mw:File/Thumb"] figcaption {
.info-box figure[typeof~="mw:File/Thumb"] figcaption {
display: none;
display: none;
}
.info-box figure[typeof~="mw:File/Thumb"] img {
max-height: 300px;
object-fit: cover;
margin: 5px 0;
}
.info-box ul {
margin-left: 1.6em;
}
}
.info-box tr:last-child td {
.info-box tr:last-child td {
Line 109: Line 154:
.CategoryTreePageBullet {
.CategoryTreePageBullet {
width: auto;
width: auto;
}
#footer-places-about, #footer-icons {
display: none;
}
}


/* [[Category:Admin]] */
/* [[Category:Admin]] */