Module:NavboxMobile/styles.css: Difference between revisions
EnWikiAdmin (talk | contribs) No edit summary |
EnWikiAdmin (talk | contribs) No edit summary |
||
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 26: | Line 31: | ||
overflow-wrap: anywhere; | overflow-wrap: anywhere; | ||
} | } | ||
/* Above and Below Content */ | /* Above and Below Content */ | ||
Line 39: | 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; | ||
padding: 0.1em; /* Unified padding */ | |||
padding: .1em; /* Unified padding */ | |||
text-align: center; | text-align: center; | ||
background-color: #ccf; | background-color: #ccf; | ||
Line 60: | Line 77: | ||
.navboxMobile-group-level1 { | .navboxMobile-group-level1 { | ||
background-color: #ddf; | background-color: #ddf; | ||
margin | margin: 0.05em 0; /* Symmetric top and bottom margins */ | ||
padding: 0. | 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 71: | Line 88: | ||
.navboxMobile-group-level2 { | .navboxMobile-group-level2 { | ||
background-color: #e6e6ff; | background-color: #e6e6ff; | ||
margin | margin: 0.05em 0; /* Symmetric margins */ | ||
padding: 0. | 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 83: | Line 100: | ||
.navboxMobile-group-level3 { | .navboxMobile-group-level3 { | ||
background-color: #e6e6ff; | background-color: #e6e6ff; | ||
margin | margin: 0.05em 0; /* Symmetric margins */ | ||
padding: 0. | 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 97: | 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 118: | 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 128: | Line 149: | ||
margin: 0 auto; | margin: 0 auto; | ||
border-top: 2px solid white; | border-top: 2px solid white; | ||
border-bottom: 3px solid white; | border-bottom: 3px solid white; | ||
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 149: | Line 170: | ||
} | } | ||
} | } | ||
/* Odd and Even Rows with Increased Specificity */ | /* Odd and Even Rows with Increased Specificity */ | ||
Line 159: | Line 179: | ||
background-color: #f4f4f4; | background-color: #f4f4f4; | ||
} | } | ||
/* Adjust for odd/even rows if needed */ | /* Adjust for odd/even rows if needed */ | ||
Line 167: | Line 186: | ||
overflow-wrap: anywhere; | overflow-wrap: anywhere; | ||
} | } | ||
/* Styles Container */ | /* Styles Container */ | ||
Line 185: | Line 195: | ||
.navboxMobile-container { | .navboxMobile-container { | ||
padding: 1px; | padding: 1px; | ||
} | } | ||
Line 205: | Line 209: | ||
margin-bottom: 0.1em; /* Optional: Adjust vertical alignment */ | margin-bottom: 0.1em; /* Optional: Adjust vertical alignment */ | ||
} | } | ||
.navboxMobile-navbar { | .navboxMobile-navbar { |