Ikwipedia

Module:NavboxMobile/styles.css: Difference between revisions

← Older edit
No edit summary
No edit summary
 
(11 intermediate revisions by the same user not shown)
Line 4: Line 4:
     border: 1px solid #a2a9b1;
     border: 1px solid #a2a9b1;
     border-collapse: collapse; /* Ensure all rows share a border */
     border-collapse: collapse; /* Ensure all rows share a border */
    width: 100%;
    max-width: 100%;
     white-space: normal; /* Allow wrapping for content */
     white-space: normal; /* Allow wrapping for content */
    font-size: 100%;
     text-align: left;
     text-align: left;
     padding: 1px;
     padding: 1px;
     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 19:
.navboxMobile-inner,
.navboxMobile-inner,
.navboxMobile-subgroup {
.navboxMobile-subgroup {
    width: 100%;
    max-width: 100%;
     box-sizing: border-box;
     box-sizing: border-box;
}
}


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


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


/* Above and Below Content */
/* Above and Below Content */
Line 41: 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 62: 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: 2px solid white; /* Uniform 2px white border */
     border-top: 3px solid white;
    border-bottom: 2px solid white;
    border-left: 2px solid white;
    border-right: 2px solid white;
}
}


Line 70: 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: 2px solid white; /* Uniform 2px white border */
     border-top: 3px solid white;
     box-shadow: inset 5px 0 #fff, inset -5px 0 #fff; /* Retained box shadow */
    border-bottom: 2px solid white;
    border-left: 2px solid white;
    border-right: 2px solid white;
     box-shadow: inset 8px 0 #fff, inset -8px 0 #fff; /* Retained box shadow */
}
}


Line 79: 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: 2px solid white; /* Uniform 2px white border */
     border-top: 3px solid white;
     box-shadow: inset 10px 0 #fff, inset -10px 0 #fff; /* Retained box shadow */
    border-bottom: 2px solid white;
    border-left: 2px solid white;
    border-right: 2px solid white;
     box-shadow: inset 16px 0 #fff, inset -16px 0 #fff; /* Retained box shadow */
}
}


Line 90: Line 114:
     font-size: 1em;
     font-size: 1em;
     text-align: center;
     text-align: center;
     padding: 0.25em;
     padding-top: 0.1em;      /* Added vertical padding */
    padding-bottom: 0.1em;  /* Added vertical padding */
    padding-left: 2px;
    padding-right: 2px;
     white-space: normal;
     white-space: normal;
     word-wrap: break-word;
     word-wrap: break-word;
     overflow-wrap: break-word;
     overflow-wrap: break-word;
     border: 2px solid white; /* Uniform 2px white border */
     border-top: 2px solid white;
     border-top: 1px solid white; /* Decreased top border for content rows */
    border-bottom: 3px solid white;
    border-left: 2px solid white;
     border-right: 2px solid white;
}
}


/* Level 2 Content */
/* Level 2 Content */
.navboxMobile-list-level2 {
.navboxMobile-list-level2 {
     box-shadow: inset 5px 0 #fff, inset -5px 0 #fff; /* Retained box shadow */
     box-shadow: inset 8px 0 #fff, inset -8px 0 #fff; /* Retain shadows */
     box-sizing: border-box;
     box-sizing: border-box;
     margin: 0 auto;
     margin: 0 auto;
     border: 2px solid white;
     border: 2px solid white; /* Uniform 2px border */
     border-top: 1px solid white; /* Decreased top border for content rows */
     border-top: 2px solid white;
     padding-left: 7px;
    border-bottom: 3px solid white;
     padding-right: 7px;
    border-left: 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-right: 10px;
}
}


/* Level 3 Content */
/* Level 3 Content */
.navboxMobile-list-level3 {
.navboxMobile-list-level3 {
     box-shadow: inset 10px 0 #fff, inset -10px 0 #fff; /* Retained box shadow */
     box-shadow: inset 16px 0 #fff, inset -16px 0 #fff; /* Retain shadows */
     box-sizing: border-box;
     box-sizing: border-box;
     margin: 0 auto;
     margin: 0 auto;
     border: 2px solid white;
     border-top: 2px solid white;
     border-top: 1px solid white; /* Decreased top border for content rows */
     border-bottom: 3px solid white;
     padding-left: 12px;
    border-left: 2px solid white;
     padding-right: 12px;
    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 133: Line 170:
     }
     }
}
}


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


/* Adjust for odd/even rows if needed */
/* Adjust for odd/even rows if needed */
Line 151: 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 178: 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"