MediaWiki:Common.css: Difference between revisions
From kubu
Jump to navigationJump to search
No edit summary Tag: Reverted |
No edit summary Tag: Reverted |
||
| Line 6: | Line 6: | ||
display: grid; | display: grid; | ||
grid-template-columns: 1fr 1fr; | grid-template-columns: 1fr 1fr; | ||
grid-template-rows: auto auto auto; | grid-template-rows: auto auto auto auto auto; | ||
gap: 1em 1em; | gap: 1em 1em; | ||
grid-auto-flow: row; | grid-auto-flow: row; | ||
| Line 23: | Line 23: | ||
border: #00b7ffFF solid 1px; | border: #00b7ffFF solid 1px; | ||
border-radius: 10px; | border-radius: 10px; | ||
} | |||
@media (max-width: 800px) { | |||
.container { | |||
grid-template-columns: 1fr; | |||
grid-template-areas: | |||
"aloita" | |||
"kubunopeasti" | |||
"nayttelyt" | |||
"problems"; | |||
} | |||
} | } | ||
Revision as of 15:19, 24 July 2024
/* CSS placed here will be applied to all skins */
.no-edit-button .mw-editsection {
display: none;
}
.container {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto auto auto auto auto;
gap: 1em 1em;
grid-auto-flow: row;
grid-template-areas:
"aloita kubunopeasti"
"nayttelyt ."
". problems";
}
.aloita { grid-area: aloita; }
.kubunopeasti { grid-area: kubunopeasti; }
.nayttelyt { grid-area: nayttelyt; }
.problems { grid-area: problems; }
.container > div {
background: #00b7ff40;
border: #00b7ffFF solid 1px;
border-radius: 10px;
}
@media (max-width: 800px) {
.container {
grid-template-columns: 1fr;
grid-template-areas:
"aloita"
"kubunopeasti"
"nayttelyt"
"problems";
}
}