Difference between revisions of "MediaWiki:Common.css"

From ICANNWiki
Jump to navigation Jump to search
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; /* Use grid layout */
+
     display: grid;
     grid-gap: 10px; /* Space between grid items */
+
     grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
     grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); /* Adjust number of columns based on available width */
+
    /* No grid-gap property */
 
}
 
}
  
 
/* List cotained within the top box */
 
/* List cotained within the top box */
.icannwiki-invisible-bullet {
 
    width: 100%;
 
    display: block; /* Ensure this div behaves as expected in the layout */
 
}
 
 
 
.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; /* This makes ul not to be considered as a container, but its children li> will be direct children of .icannwiki-top-box */
+
     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%;
}