Difference between revisions of "MediaWiki:Common.css"

From ICANNWiki
Jump to navigation Jump to search
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%; /* Applied to all but the last item in a row, see below */
+
    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; /* Adjust based on your content and design needs */
+
     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;
}
 
 
/* Remove margin-right from the last item in each row */
 
.icannwiki-invisible-bullet ul li:nth-last-child(-n+3):nth-child(3n+1),
 
.icannwiki-invisible-bullet ul li:nth-last-child(-n+3):nth-child(3n+2),
 
.icannwiki-invisible-bullet ul li:nth-last-child(-n+3):nth-child(3n+3),
 
.icannwiki-invisible-bullet ul li:nth-child(3n) {
 
    margin-right: 0;
 
 
}
 
}
  

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%;
}