MediaWiki: Common.css: Difference between revisions
From Dreams Knowledge Platform
No edit summary Tag: Reverted |
No edit summary |
||
| (7 intermediate revisions by the same user not shown) | |||
| Line 2: | Line 2: | ||
.navbar-brand img { | .navbar-brand img { | ||
padding-top: 10px; | padding-top: 10px; | ||
height: 60px; | |||
} | } | ||
.grid-container { | |||
display: grid; | |||
grid-template-columns: repeat(4, 1fr); | |||
gap: 20px; | |||
padding: 20px; | |||
} | |||
.square { | |||
padding: 30px; | |||
border-radius: 12px; | |||
text-align: center; | |||
font-family: Arial, sans-serif; | |||
font-weight: bold; | |||
color: white; | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
min-height: 150px; | |||
} | |||
.blue { background-color: #2D8CFF; } | |||
.red { background-color: #FF4757; } | |||
.green { background-color: #2ED573; } | |||
.yellow { background-color: #FFD32A; } | |||
.orange { background-color: #fee4cb; } | |||
.hue1 { background-color: #5c4ce4; } | |||
.hue2 { background-color: #8068ff; } | |||
.hue3 { background-color: #a386ff; } | |||
.hue4 { background-color: #c6a4ff; } | |||
.hue5 { background-color: #e9c4ff; } | |||
Latest revision as of 13:00, 4 March 2025
/* CSS placed here will be applied to all skins */
.navbar-brand img {
padding-top: 10px;
height: 60px;
}
.grid-container {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
padding: 20px;
}
.square {
padding: 30px;
border-radius: 12px;
text-align: center;
font-family: Arial, sans-serif;
font-weight: bold;
color: white;
display: flex;
align-items: center;
justify-content: center;
min-height: 150px;
}
.blue { background-color: #2D8CFF; }
.red { background-color: #FF4757; }
.green { background-color: #2ED573; }
.yellow { background-color: #FFD32A; }
.orange { background-color: #fee4cb; }
.hue1 { background-color: #5c4ce4; }
.hue2 { background-color: #8068ff; }
.hue3 { background-color: #a386ff; }
.hue4 { background-color: #c6a4ff; }
.hue5 { background-color: #e9c4ff; }