MediaWiki:Common.css: Difference between revisions
Appearance
No edit summary |
No edit summary |
||
Line 9: | Line 9: | ||
width: 100%; | width: 100%; | ||
margin-bottom: 20px; | margin-bottom: 20px; | ||
padding: 10px | padding: 10px; /* Adjusted to account for the margin on grid items */ | ||
display: grid; | |||
grid | grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); | ||
grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); /* | /* No grid-gap property */ | ||
} | } | ||
/* List cotained within the top box */ | /* List cotained within the top box */ | ||
.icannwiki-invisible-bullet ul { | .icannwiki-invisible-bullet ul { | ||
list-style-type: none; | list-style-type: none; | ||
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
display: contents; /* | display: contents; /* Make the <ul> not affect the layout */ | ||
} | |||
.icannwiki-invisible-bullet ul li { | |||
list-style-type: none; | |||
font-size: 120%; | |||
margin: 5px; /* Margin around items to create "gap" */ | |||
padding: 5px; /* Padding inside each item */ | |||
border-radius: 5px; | |||
/* Add background-color, border, etc., here */ | |||
} | } | ||
.icannwiki-invisible-bullet a { | .icannwiki-invisible-bullet a { | ||
color: green; | color: green; | ||
text-decoration: none; | |||
} | } | ||
Revision as of 00:47, 6 April 2024
/* CSS placed here will be applied to all skins */
/* Legacy code moved to MediaWiki:Common.css/Legacy
/* Box at the top of the main page layout */
.icannwiki-top-box {
background-color: #61a376;
border-radius: 5px;
width: 100%;
margin-bottom: 20px;
padding: 10px; /* Adjusted to account for the margin on grid items */
display: grid;
grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
/* No grid-gap property */
}
/* List cotained within the top box */
.icannwiki-invisible-bullet ul {
list-style-type: none;
margin: 0;
padding: 0;
display: contents; /* Make the <ul> not affect the layout */
}
.icannwiki-invisible-bullet ul li {
list-style-type: none;
font-size: 120%;
margin: 5px; /* Margin around items to create "gap" */
padding: 5px; /* Padding inside each item */
border-radius: 5px;
/* Add background-color, border, etc., here */
}
.icannwiki-invisible-bullet a {
color: green;
text-decoration: none;
}
/* Header for featured article, news, about us, and so on */
.icannwiki-section-header {
background: #61A376;
font-family: sans-serif;
font-weight: bold;
text-align: left;
color: white;
height: 1.5em;
margin: .2em 0 .2em 0;
padding: 1em;
border-radius: 5px;
}
/* Separator */
.icannwiki-clearfix {
clear: both;
}
/* Main page content box: left */
.icannwiki-half-width-left {
width: 49.5%;
float: left;
}
/* Main page content box: right */
.icannwiki-half-width-right {
width: 49.5%;
float: right;
}
/* Font with darker shade of white */
.icannwiki-text-white {
color: #F2EFEA;
}
/* Larger font */
.icannwiki-font-large {
font-size: 150%;
}