Ikwipedia

Module:NavboxMobile/styles.css: Difference between revisions

← Older edit
No edit summary
No edit summary
 
(3 intermediate revisions by the same user not shown)
Line 9: Line 9:
     margin: 0 auto; /* Reduced top margin */
     margin: 0 auto; /* Reduced top margin */
     background-color: #fdfdfd;
     background-color: #fdfdfd;
}
/* Ensure the title cell allows for absolute positioning */
.navboxMobile-title {
    position: relative;  /* Already set in the Lua code, but good to confirm in CSS */
}
}


Line 17: Line 22:
}
}


.navboxMobile-title div {
    text-align: center;
}


.navboxMobile td, .navboxMobile th {
.navboxMobile td, .navboxMobile th {
Line 23: Line 31:
     overflow-wrap: anywhere;
     overflow-wrap: anywhere;
}
}


/* Above and Below Content */
/* Above and Below Content */
Line 36: Line 43:
/* Group Content */
/* Group Content */
.navboxMobile-group-content {
.navboxMobile-group-content {
   
     text-align: center; /* Centered text */
     text-align: center; /* Centered text */
     font-size: 1em;
     font-size: 1em;
}
}


/* Style the navbar within the title cell */
.navboxMobile-navbar {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.2em;  /* Adjust as needed for alignment */
    /* Optional: Set background or text styles if necessary */
}
/* Ensure the title text is centered across the full width */
.navboxMobile-title > div {
    text-align: center;
    margin: 0 auto;
}


/* Title Row */
/* Title Row */
.navboxMobile-title {
.navboxMobile-title {
    position: relative;
     align-items: center;
     align-items: center;
     justify-content: center;
     justify-content: center;
    position: relative;
     padding: 0.1em; /* Unified padding */
     padding: .1em; /* Unified padding */
     text-align: center;
     text-align: center;
     background-color: #ccf;
     background-color: #ccf;
Line 57: Line 77:
.navboxMobile-group-level1 {
.navboxMobile-group-level1 {
     background-color: #ddf;
     background-color: #ddf;
     margin-top: 0.05em;
     margin: 0.05em 0; /* Symmetric top and bottom margins */
     padding: 0.1em; /* Unified padding */
     padding: 0.08em; /* Reduced padding */
     border-top: 3px solid white;
     border-top: 3px solid white;
     border-bottom: 2px solid white;
     border-bottom: 2px solid white;
Line 68: Line 88:
.navboxMobile-group-level2 {
.navboxMobile-group-level2 {
     background-color: #e6e6ff;
     background-color: #e6e6ff;
     margin-top: 0.05em;
     margin: 0.05em 0; /* Symmetric margins */
     padding: 0.1em; /* Unified padding */
     padding: 0.08em; /* Reduced padding */
     border-top: 3px solid white;
     border-top: 3px solid white;
     border-bottom: 2px solid white;
     border-bottom: 2px solid white;
Line 80: Line 100:
.navboxMobile-group-level3 {
.navboxMobile-group-level3 {
     background-color: #e6e6ff;
     background-color: #e6e6ff;
     margin-top: 0.05em;
     margin: 0.05em 0; /* Symmetric margins */
     padding: 0.1em; /* Slightly smaller padding for third-level */
     padding: 0.08em; /* Reduced padding */
     border-top: 3px solid white;
     border-top: 3px solid white;
     border-bottom: 2px solid white;
     border-bottom: 2px solid white;
Line 94: Line 114:
     font-size: 1em;
     font-size: 1em;
     text-align: center;
     text-align: center;
    padding-top: 0.1em;      /* Added vertical padding */
    padding-bottom: 0.1em;  /* Added vertical padding */
     padding-left: 2px;
     padding-left: 2px;
     padding-right: 2px;
     padding-right: 2px;
Line 115: Line 137:
     border-left: 2px solid white;
     border-left: 2px solid white;
     border-right: 2px solid white;
     border-right: 2px solid white;
    padding-top: 0.1em;      /* Added vertical padding */
    padding-bottom: 0.1em;  /* Added vertical padding */
     padding-left: 10px;
     padding-left: 10px;
     padding-right: 10px;
     padding-right: 10px;
Line 125: Line 149:
     margin: 0 auto;
     margin: 0 auto;
     border-top: 2px solid white;
     border-top: 2px solid white;
    padding: 0.1em;
     border-bottom: 3px solid white;
     border-bottom: 3px solid white;
    padding-left: 18px;
    padding-right: 18px;
     border-left: 2px solid white;
     border-left: 2px solid white;
     border-right: 2px solid white;
     border-right: 2px solid white;
    padding: 0.1em; /* This already sets vertical padding to 0.1em */
    padding-left: 18px; /* Overrides left padding */
    padding-right: 18px; /* Overrides right padding */
}
}


Line 146: Line 170:
     }
     }
}
}


/* Odd and Even Rows with Increased Specificity */
/* Odd and Even Rows with Increased Specificity */
Line 156: Line 179:
     background-color: #f4f4f4;
     background-color: #f4f4f4;
}
}


/* Adjust for odd/even rows if needed */
/* Adjust for odd/even rows if needed */
Line 164: Line 186:
     overflow-wrap: anywhere;
     overflow-wrap: anywhere;
}
}
/* List with Group
.navboxMobile-list-with-group {
    text-align: left;
    border-left: 2px solid #fdfdfd;
}*/


/* Styles Container */
/* Styles Container */
Line 191: Line 204:


.navboxMobile-title .navbar {
.navboxMobile-title .navbar {
     float: left;
     float: right;
     text-align: left;
     text-align: right;
     margin-right: 0.5em;
    margin-left: 0.5em;
     margin-bottom: 0.1em; /* Optional: Adjust vertical alignment */
}
}


.navboxMobile-navbar {
.navboxMobile-navbar {
Retrieved from "https://en.ikwipedia.org/wiki/Module:NavboxMobile/styles.css"