Ikwipedia

Module:NavboxMobile/styles.css: Difference between revisions

← Older editNewer edit →
No edit summary
No edit summary
Line 20: Line 20:
     max-width: 100%;
     max-width: 100%;
     box-sizing: border-box;
     box-sizing: border-box;
}
/* Title Row */
.navboxMobile-title {
    display: flex;
    align-items: center;
    justify-content: center; /* Centers the title */
    position: relative; /* Allows for absolute positioning of navbar */
    padding: 1px; /* Increased padding to give more room */
  /*  line-height: 1.3em; Increased line height for better vertical spacing */
    text-align: center;
    background-color: #ccf;
    font-size: 1.0em;
}
}


Line 47: Line 34:
}
}


/* Navbar Container */
.navboxMobile-title .navbar-container {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}


/* Above and Below Content */
/* Above and Below Content */
Line 71: Line 51:
}
}


/* Level 1: Top-level Groups */
.navboxMobile-group-level1 {
    background-color: #ddf; /* Level 1 color */
    margin-top: 0.0em; /* Add spacing above for separation */
    border-top: 1px solid white; /* White border at the top for separation */
    padding:0.1em;
    border-bottom:1px
}
/* Level 2: */
.navboxMobile-group-level2 {
    background-color: #e6e6ff; /* Level 2 color */
    box-shadow: inset 5px 0 #fff, inset -5px 0 #fff; /* Create shadow effect */
    margin-top: 0.0em; /* Add spacing above for separation */
    border: 1px solid white; /* White border at the top for separation */
    box-sizing: border-box;
    padding:0.1em;
}




Line 100: Line 61:
     padding-left: 7px;
     padding-left: 7px;
     padding-right: 7px;
     padding-right: 7px;
}
/* Level 3: Subgroups */
.navboxMobile-group-level3 {
    background-color: #e6e6ff; /* Level 3 color */
    margin-top: 0.0em; /* Add spacing above for separation */
    box-shadow: inset 10px 0 #fff, inset -10px 0 #fff; /* Create shadow effect */
    border: 1px solid white;/* White border at the top for separation */
    box-sizing: border-box;
    padding:0.1em;
}
}


Line 137: Line 88:
     word-wrap: break-word;
     word-wrap: break-word;
     overflow-wrap: anywhere;
     overflow-wrap: anywhere;
}
/* Title Row */
.navboxMobile-title {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 1px;
    text-align: center;
    background-color: #ccf;
    font-size: 1.0em;
    border: 2px solid #a2a9b1; /* Uniform 2px border */
}
/* Navbar Container */
.navboxMobile-title .navbar-container {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
/* Level 1: Top-level Groups */
.navboxMobile-group-level1 {
    background-color: #ddf;
    margin-top: 0.1em; /* Slight adjustment for vertical margin */
    padding: 0.2em; /* Adjust padding */
    border: 2px solid white; /* Uniform 2px border */
    border-bottom: 3px solid white; /* Thicker bottom border */
}
/* Level 2 Groups */
.navboxMobile-group-level2 {
    background-color: #e6e6ff;
    margin-top: 0.05em; /* Smaller margin for level 2 */
    padding: 0.15em; /* Smaller padding for level 2 */
    border: 2px solid white; /* Uniform 2px border */
    border-bottom: 3px solid white; /* Thicker bottom border */
}
/* Level 3 Groups */
.navboxMobile-group-level3 {
    background-color: #e6e6ff;
    margin-top: 0.05em; /* Smaller margin for level 3 */
    padding: 0.1em; /* Smaller padding for level 3 */
    border: 2px solid white; /* Uniform 2px border */
    border-bottom: 3px solid white; /* Thicker bottom border */
}
}


Line 144: Line 144:
     font-size: 1em;
     font-size: 1em;
     text-align: center;
     text-align: center;
     padding:0.25em;
     padding: 0.25em;
     white-space:normal;
     white-space: normal;
     word-wrap: break-word;
     word-wrap: break-word;
     overflow-wrap: break-word; /* Ensure compatibility for older browsers */
     overflow-wrap: break-word;
     border:2px
    border: 2px solid #a2a9b1; /* Uniform 2px border */
    border-bottom: 3px solid #a2a9b1; /* Thicker bottom border */
}
 
/* Responsive Adjustments */
@media all and (min-width: 720px) {
    .navboxMobile {
        /* Adjustments for larger mobile screens */
     }
}
 
/* Hide on Print */
@media print {
    .navboxMobile {
        display: none !important;
    }
}
}


Line 180: Line 195:
}
}


/* Responsive Adjustments */
@media all and (min-width: 720px) {
    .navboxMobile {
        /* Example: Adjustments for larger mobile screens */
    }
}
/* Hide on Print */
@media print {
    .navboxMobile {
        display: none !important;
    }
}




Retrieved from "https://en.ikwipedia.org/wiki/Module:NavboxMobile/styles.css"