MediaWiki:Common.css: Difference between revisions
Appearance
No edit summary |
No edit summary |
||
Line 7: | Line 7: | ||
background-color: #61a376; | background-color: #61a376; | ||
border-radius: 5px; | border-radius: 5px; | ||
width: 100%; | |||
margin-bottom: 20px; | margin-bottom: 20px; | ||
padding: 10px; /* Adjust padding as needed */ | padding: 10px; /* Adjust padding as needed */ | ||
display: flex; /* Use Flexbox */ | display: flex; /* Use Flexbox */ | ||
flex-wrap: wrap; /* Allow items to wrap to the next line */ | flex-wrap: wrap; /* Allow items to wrap to the next line */ | ||
justify-content: space-between; /* Distribute space between and around items */ | |||
} | } | ||
.icannwiki-invisible-bullet ul { | .icannwiki-invisible-bullet ul { | ||
list-style-type: none; | list-style-type: none; /* Ensuring no bullets */ | ||
padding: 0; | padding: 0; | ||
margin: 0; | margin: 0; | ||
Line 23: | Line 22: | ||
display: flex; /* Use Flexbox */ | display: flex; /* Use Flexbox */ | ||
flex-wrap: wrap; /* Allow list items to wrap */ | flex-wrap: wrap; /* Allow list items to wrap */ | ||
justify-content: flex-start; /* Align items to the start */ | |||
} | } | ||
.icannwiki-invisible-bullet ul li { | .icannwiki-invisible-bullet ul li { | ||
list-style-type: none; | list-style-type: none; /* Ensuring no bullets for each li element */ | ||
margin-right: 2%; /* Horizontal space between items */ | margin-right: 2%; /* Horizontal space between items */ | ||
margin-bottom: 10px; /* Vertical space between lines */ | margin-bottom: 10px; /* Vertical space between lines */ | ||
flex: 1; /* | flex: 1 1 auto; /* Adjusted flex property */ | ||
min-width: 120px; /* Minimum width of each item */ | min-width: 120px; /* Minimum width of each item */ | ||
font-size: 120%; | font-size: 120%; | ||
box-sizing: border-box; /* Ensure padding and borders are included in the width */ | |||
} | } | ||
Revision as of 00:56, 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; /* Adjust padding as needed */
display: flex; /* Use Flexbox */
flex-wrap: wrap; /* Allow items to wrap to the next line */
justify-content: space-between; /* Distribute space between and around items */
}
.icannwiki-invisible-bullet ul {
list-style-type: none; /* Ensuring no bullets */
padding: 0;
margin: 0;
width: 100%; /* Ensure the ul takes full width */
display: flex; /* Use Flexbox */
flex-wrap: wrap; /* Allow list items to wrap */
justify-content: flex-start; /* Align items to the start */
}
.icannwiki-invisible-bullet ul li {
list-style-type: none; /* Ensuring no bullets for each li element */
margin-right: 2%; /* Horizontal space between items */
margin-bottom: 10px; /* Vertical space between lines */
flex: 1 1 auto; /* Adjusted flex property */
min-width: 120px; /* Minimum width of each item */
font-size: 120%;
box-sizing: border-box; /* Ensure padding and borders are included in the width */
}
.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%;
}