Module:NavboxMobile/styles.css: Difference between revisions

No edit summary
No edit summary
Line 49: Line 49:
     text-align: center; /* Centered text */
     text-align: center; /* Centered text */
     font-size: 1em;
     font-size: 1em;
}
/* Level 2 Content */
.navboxMobile-list-level2 {
    box-shadow: inset 5px 0 #fff, inset -5px 0 #fff; /* Shadow effect */
    box-sizing: border-box;
    margin: 0 auto; /* Center the content */
    border: 1px solid white; /*need*/
    padding-left: 7px;
    padding-right: 7px;
}
/* Level 3 Content */
.navboxMobile-list-level3 {
    box-shadow: inset 10px 0 #fff, inset -10px 0 #fff; /* Shadow effect */
    box-sizing: border-box;
    margin: 0 auto; /* Center the content */
    border: 1px solid white;
    padding-left:12px;
    padding-right: 12px;
}
/* Odd and Even Rows with Increased Specificity */
.navboxMobile-list-content.navboxMobile-even {
    background-color: #eaeaea;
}
.navboxMobile-list-content.navboxMobile-odd {
    background-color: #f4f4f4;
}
/* Adjust for odd/even rows if needed */
.navboxMobile-list-content.navboxMobile-even,
.navboxMobile-list-content.navboxMobile-odd {
    word-wrap: break-word;
    overflow-wrap: anywhere;
}
}


Line 97: Line 58:
     justify-content: center;
     justify-content: center;
     position: relative;
     position: relative;
     padding: 1px;  
     padding: 0.15em 0.3em; /* Unified padding */
     text-align: center;
     text-align: center;
     background-color: #ccf;
     background-color: #ccf;
     font-size: 1.0em;
     font-size: 1.0em;
     border: 2px solid white; /* Uniform 2px border */
     border: 2px solid white; /* Uniform 2px white border */
}
    box-shadow: inset 5px 0 #fff, inset -5px 0 #fff; /* Retained box shadow */
 
/* Navbar Container */
.navboxMobile-title .navbar-container {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
}


Line 115: Line 69:
.navboxMobile-group-level1 {
.navboxMobile-group-level1 {
     background-color: #ddf;
     background-color: #ddf;
     margin-top: 0.1em; /* Slight adjustment for vertical margin */
     margin-top: 0.1em;
     padding: 0.2em; /* Adjust padding */
     padding: 0.15em 0.3em; /* Unified padding */
     border: 2px solid white; /* Uniform 2px border */
     border: 2px solid white; /* Uniform 2px white border */
    border-bottom: 3px solid white; /* Thicker bottom border */
}
}


Line 124: Line 77:
.navboxMobile-group-level2 {
.navboxMobile-group-level2 {
     background-color: #e6e6ff;
     background-color: #e6e6ff;
     margin-top: 0.05em; /* Smaller margin for level 2 */
     margin-top: 0.05em;
     padding: 0.15em; /* Smaller padding for level 2 */
     padding: 0.15em 0.3em; /* Unified padding */
     border: 2px solid white; /* Uniform 2px border */
     border: 2px solid white; /* Uniform 2px white border */
     border-bottom: 3px solid white; /* Thicker bottom border */
     box-shadow: inset 5px 0 #fff, inset -5px 0 #fff; /* Retained box shadow */
}
}


Line 133: Line 86:
.navboxMobile-group-level3 {
.navboxMobile-group-level3 {
     background-color: #e6e6ff;
     background-color: #e6e6ff;
     margin-top: 0.05em; /* Smaller margin for level 3 */
     margin-top: 0.05em;
     padding: 0.1em; /* Smaller padding for level 3 */
     padding: 0.1em 0.3em; /* Slightly smaller padding for third-level */
     border: 2px solid white; /* Uniform 2px border */
     border: 2px solid white; /* Uniform 2px white border */
     border-bottom: 3px solid white; /* Thicker bottom border */
     box-shadow: inset 10px 0 #fff, inset -10px 0 #fff; /* Retained box shadow */
}
}


Line 148: Line 101:
     word-wrap: break-word;
     word-wrap: break-word;
     overflow-wrap: break-word;
     overflow-wrap: break-word;
     border: 2px solid white; /* Uniform 2px border */
     border: 2px solid white; /* Uniform 2px white border */
     border-bottom: 3px solid white; /* Thicker bottom border */
    border-top: 1px solid white; /* Decreased top border for content rows */
}
 
/* Level 2 Content */
.navboxMobile-list-level2 {
    box-shadow: inset 5px 0 #fff, inset -5px 0 #fff; /* Retained box shadow */
     box-sizing: border-box;
    margin: 0 auto;
    border: 2px solid white;
    border-top: 1px solid white; /* Decreased top border for content rows */
    padding-left: 7px;
    padding-right: 7px;
}
 
/* Level 3 Content */
.navboxMobile-list-level3 {
    box-shadow: inset 10px 0 #fff, inset -10px 0 #fff; /* Retained box shadow */
    box-sizing: border-box;
    margin: 0 auto;
    border: 2px solid white;
    border-top: 1px solid white; /* Decreased top border for content rows */
    padding-left: 12px;
    padding-right: 12px;
}
}


Line 165: Line 140:
     }
     }
}
}
/* Odd and Even Rows with Increased Specificity */
.navboxMobile-list-content.navboxMobile-even {
    background-color: #eaeaea;
}
.navboxMobile-list-content.navboxMobile-odd {
    background-color: #f4f4f4;
}
/* Adjust for odd/even rows if needed */
.navboxMobile-list-content.navboxMobile-even,
.navboxMobile-list-content.navboxMobile-odd {
    word-wrap: break-word;
    overflow-wrap: anywhere;
}