Module:NavboxMobile/styles.css: Difference between revisions
EnWikiAdmin (talk | contribs) No edit summary |
EnWikiAdmin (talk | contribs) No edit summary |
||
Line 1: | Line 1: | ||
/* Module:NavboxMobile/styles.css */ | |||
/* Container Styles */ | |||
.navboxMobile { | .navboxMobile { | ||
box-sizing: border-box; | |||
border: 1px solid #a2a9b1; | |||
width: 100%; | |||
clear: both; | |||
font-size: 100%; /* Adjust font size for better readability on mobile */ | |||
text-align: left; /* Align text to the left for mobile */ | |||
padding: 1px; | |||
margin: 1em 0 0; /* Top margin to separate from other content */ | |||
background-color: #fdfdfd; | |||
} | } | ||
/* Inner and Subgroup Tables */ | |||
.navboxMobile-inner, | |||
.navboxMobile-subgroup { | |||
width: 100%; | |||
} | |||
/* Title Row */ | |||
.navboxMobile-title { | .navboxMobile-title { | ||
padding: 0.5em 1em; | |||
line-height: 1.5em; | |||
text-align: center; | |||
background-color: #ccf; | |||
font-size: 1.2em; | |||
} | |||
.navboxMobile-title-content { | |||
font-size: 1.1em; | |||
margin: 0.5em 0; | |||
} | |||
/* Above and Below Content */ | |||
.navboxMobile-abovebelow-content, | |||
.navboxMobile-below-content { | |||
padding: 0.5em 1em; | |||
line-height: 1.5em; | |||
background-color: #ddf; | |||
font-size: 1em; | |||
} | |||
/* Group Content */ | |||
.navboxMobile-group-content { | |||
padding: 0.25em 1em; | |||
line-height: 1.5em; | |||
text-align: left; | |||
background-color: #ddf; | |||
font-size: 1em; | |||
} | |||
/* List Content */ | |||
.navboxMobile-list-content { | |||
line-height: 1.5em; | |||
padding: 0.25em 0; | |||
font-size: 1em; | |||
} | |||
/* List with Group */ | |||
.navboxMobile-list-with-group { | |||
text-align: left; | |||
border-left: 2px solid #fdfdfd; | |||
} | |||
/* Odd and Even Rows */ | |||
.navboxMobile-even { | |||
background-color: #f7f7f7; | |||
} | |||
.navboxMobile-odd { | |||
background-color: transparent; | |||
} | |||
/* Styles Container */ | |||
.navboxMobile-styles { | |||
/* Additional styles if necessary */ | |||
} | |||
/* Container Padding */ | |||
.navboxMobile-container { | |||
padding: 3px; | |||
} | |||
/* Navbar Specific Styles */ | |||
.navboxMobile .navbar { | |||
display: block; | |||
font-size: 100%; | |||
} | } | ||
.navboxMobile- | .navboxMobile-title .navbar { | ||
float: left; | |||
text-align: left; | |||
margin-right: 0.5em; | |||
} | } | ||
.navboxMobile | /* Responsive Adjustments */ | ||
@media all and (min-width: 720px) { | |||
.navboxMobile { | |||
/* Example: Adjustments for larger mobile screens */ | |||
} | |||
} | } | ||
@media | /* Hide on Print */ | ||
@media print { | |||
.navboxMobile { | |||
display: none !important; | |||
} | |||
} | } |