MediaWiki:Common.css: Difference between revisions

Jump to navigation Jump to search
(Added side margins for paragraphs inside armsbox.)
(Switched back to horizontal lists for each type in ARMS navbox.)
Line 189: Line 189:
/* END Interim Info and Nav boxes */
/* END Interim Info and Nav boxes */


/* BEGIN Future ARMS-themed boxes with yellow backgrounds and black, skewed headings */
/* BEGIN ARMS-themed boxes with yellow backgrounds and black, skewed headings */
div.armsbox {
div.armsbox {
     background: linear-gradient(to right, #eeee55, transparent, transparent, #eeee55),
     background: linear-gradient(to right, #eeee55, transparent, transparent, #eeee55),
Line 229: Line 229:
     margin-right: 20px;
     margin-right: 20px;
}
}
/* END Future ARMS-themed boxes with yellow backgrounds and black, skewed headings */
/* END ARMS-themed boxes with yellow backgrounds and black, skewed headings */


/* BEGIN Future infobox */
/* BEGIN infobox */
div.infobox {
div.infobox {
     position: relative;
     position: relative;
     z-index: 2;
     z-index: 2;
}
}
/* END Future infobox */
/* END infobox */


/* BEGIN Future fighter infobox */
/* BEGIN fighter infobox */
div.infobox.fighter {
div.infobox.fighter {
     float: right;
     float: right;
Line 425: Line 425:
     text-align: center;
     text-align: center;
}
}
/* END Future fighter infobox */
/* END fighter infobox */


/* BEGIN Future navbox */
/* BEGIN navbox */
div.navbox {
div.navbox {
     clear: both;
     clear: both;
Line 445: Line 445:
}
}


div.navbox ul li + li::before {
div.navbox > ul > li::before {
     content: " ";
     content: " · ";
}
}
/* END Future navbox */


/* BEGIN Future ARMS navbox */
div.navbox > ul > li:last-child::before {
div.navbox.arms {
     content: normal;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
     padding-bottom: 0;
}
}
/* END navbox */


/* BEGIN ARMS navbox */
div.navbox.arms ul {
div.navbox.arms ul {
     text-align: left;
     text-align: left;
}
div.navbox.arms ul li {
    white-space: normal;
}
}


div.navbox.arms > ul {
div.navbox.arms > ul {
     column-width: 150px;
     column-width: 600px;
}
}


div.navbox.arms ul li {
div.navbox.arms > ul > li {
     display: block;
     display: flex;
}
}


div.navbox.arms ul li + li::before {
div.navbox.arms > ul > li > b {
     content: "";
    flex: 1;
    max-width: 100px;
     white-space: nowrap;
}
}


div.navbox.arms > ul > li {
div.navbox.arms > ul > li > ul {
     padding-bottom: 20px;
     flex: 1;
     break-inside: avoid;
     padding-left: 0;
    font-weight: bold;
}
}


div.navbox.arms > ul > li > ul {
div.navbox.arms ul li::before {
     padding: 0;
     content: normal;
}
}


div.navbox.arms > ul > li > ul > li {
@media only screen and (max-width: 599px) {
    font-weight: normal;
 
    div.navbox.arms > ul > li {
        display: block;
        padding-bottom: 20px;
    }
 
}
}
/* END Future ARMS navbox */
/* END ARMS navbox */