Module:NavboxMobile/styles.css: Difference between revisions

No edit summary
No edit summary
Line 20: Line 20:
/* Title Row */
/* Title Row */
.navboxMobile-title {
.navboxMobile-title {
    display: flex;
    align-items: center;
    justify-content: center; /* Centers the title */
    position: relative; /* Allows for absolute positioning of navbar */
     padding: 0.25em 1em; /* Reduced padding */
     padding: 0.25em 1em; /* Reduced padding */
     line-height: 1.5em;
     line-height: 1.5em;
Line 30: Line 34:
     font-size: 1.1em;
     font-size: 1.1em;
     margin: 0.5em 0;
     margin: 0.5em 0;
}
/* Navbar Container */
.navboxMobile-title .navbar-container {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
}


Line 45: Line 57:
     padding: 0.5em 1em;
     padding: 0.5em 1em;
     line-height: 1.5em;
     line-height: 1.5em;
     text-align: left;
     text-align: center; /* Centered text */
     font-size: 1em;
     font-size: 1em;
    margin-bottom: 0.5em; /* Spacing between groups */
}
}


Line 52: Line 65:
.navboxMobile-group-level2 {
.navboxMobile-group-level2 {
     background-color: #ddf; /* Level 2 color */
     background-color: #ddf; /* Level 2 color */
    padding-left: 0; /* No indentation */
}
}


/* Level 3: Subgroups */
/* Level 3: Subgroups */
.navboxMobile-subgroup .navboxMobile-group-level3 {
.navboxMobile-group-level3 {
     background-color: #e6e6ff; /* Level 3 color */
     background-color: #e6e6ff; /* Level 3 color */
}
     padding-left: 1em; /* Indentation for subgroups */
 
 
/* Group Levels Indentation */
.navboxMobile-group-level2 {
     padding-left: 0; /* No indentation for main groups */
}
 
.navboxMobile-group-level3 {
    padding-left: 1em; /* Indent subgroups */
}
}


Line 83: Line 88:
     padding: 0.25em 0;
     padding: 0.25em 0;
     font-size: 1em;
     font-size: 1em;
    text-align: left; /* Align list items to the left */
}
}