MediaWiki:Common.css: Difference between revisions
Appearance
No edit summary |
No edit summary |
||
Line 8: | Line 8: | ||
border-radius: 5px; | border-radius: 5px; | ||
margin-bottom: 20px; | margin-bottom: 20px; | ||
padding: 10px; | padding: 10px; /* Adjust padding as needed */ | ||
display: flex; | display: flex; /* Use Flexbox */ | ||
flex-wrap: wrap; | flex-wrap: wrap; /* Allow items to wrap to the next line */ | ||
align-items: flex-start; | align-items: flex-start; /* Align items to the start of the flex container */ | ||
} | } | ||
/* List contained within the top box */ | |||
.icannwiki-invisible-bullet ul { | .icannwiki-invisible-bullet ul { | ||
list-style-type: none; | list-style-type: none; | ||
list-style: none; | |||
padding: 0; | padding: 0; | ||
margin: 0; | margin: 0; | ||
width: 100%; | width: 100%; /* Ensure the ul takes full width */ | ||
display: flex; | display: flex; /* Use Flexbox */ | ||
flex-wrap: wrap; | flex-wrap: wrap; /* Allow list items to wrap */ | ||
justify-content: space-between; /* Adjusted for spacing */ | |||
} | } | ||
.icannwiki-invisible-bullet ul li { | .icannwiki-invisible-bullet ul li { | ||
list-style-type: none; | list-style-type: none; | ||
margin-right: 2%; /* | list-style: none; | ||
margin-bottom: 10px; | margin-right: 2%; /* Adjust if necessary for fine-tuning */ | ||
flex: 1; | margin-bottom: 10px; /* Vertical space between lines */ | ||
min-width: 120px; /* | flex: 1; /* Flex items will grow to fill the space */ | ||
min-width: 120px; /* Minimum width of each item */ | |||
font-size: 120%; | font-size: 120%; | ||
box-sizing: border-box; | box-sizing: border-box; /* Include padding and border in the element's total width and height */ | ||
} | } | ||
Line 36: | Line 40: | ||
color: #dff4e4; | color: #dff4e4; | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
Revision as of 01:07, 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: #62a376;
border-radius: 5px;
margin-bottom: 20px;
padding: 10px; /* Adjust padding as needed */
display: flex; /* Use Flexbox */
flex-wrap: wrap; /* Allow items to wrap to the next line */
align-items: flex-start; /* Align items to the start of the flex container */
}
/* List contained within the top box */
.icannwiki-invisible-bullet ul {
list-style-type: none;
list-style: none;
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: space-between; /* Adjusted for spacing */
}
.icannwiki-invisible-bullet ul li {
list-style-type: none;
list-style: none;
margin-right: 2%; /* Adjust if necessary for fine-tuning */
margin-bottom: 10px; /* Vertical space between lines */
flex: 1; /* Flex items will grow to fill the space */
min-width: 120px; /* Minimum width of each item */
font-size: 120%;
box-sizing: border-box; /* Include padding and border in the element's total width and height */
}
.icannwiki-invisible-bullet a {
color: #dff4e4;
text-decoration: none;
}
/* Header for featured article, news, about us, and so on */
.icannwiki-section-header {
background: #62a376;
font-family: sans-serif;
font-weight: bold;
text-align: left;
color: #dff4e4;
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%;
}