User:Ayato/mainpageexperiments.css: Difference between revisions
Created page with ".flex-container * { box-sizing: border-box; } .base-block { padding: 15px; background-color: rgba(255, 255, 255, 0.1); box-shadow: 0 2px 5px #aaa; } .main-block { margin-bottom: 15px; text-align: center; } .flex-block { display: flex; flex-wrap: wrap; justify-content: center; } .welcome-title { font-weight: 600; font-size: 32px; display: inline-flex; align-items: center; gap: .6rem; } .flex-container { display: flex; flex-wrap: wrap; gap: 15px; justif..." |
No edit summary |
||
Line 1: | Line 1: | ||
. | .mw-parser-output * { | ||
box-sizing: border-box; | box-sizing: border-box; | ||
} | } | ||
Line 7: | Line 7: | ||
background-color: rgba(255, 255, 255, 0.1); | background-color: rgba(255, 255, 255, 0.1); | ||
box-shadow: 0 2px 5px #aaa; | box-shadow: 0 2px 5px #aaa; | ||
display: flex; | |||
flex-direction: column; | |||
} | } | ||
.main-block { | .main-block { | ||
margin-bottom: 15px; | margin-bottom: 15px; | ||
text-align: center; | text-align: center; | ||
align-items: center; | |||
} | } | ||
.flex-block { | .flex-block { | ||
flex-direction: row; | |||
display: flex; | display: flex; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
Line 42: | Line 46: | ||
} | } | ||
.statistics-block * { | .statistics-block * { | ||
width: 100%; | |||
} | } | ||
.statistics-block img { | .statistics-block img { |