Template:Sandbox4/styles.css
From Archon Arcana - The KeyForge Wiki
.hide { display: none } .navboxSupplements { list-style: none; padding: 0; margin-left: 0px; } .navboxSupplements li, .navboxSupplements ul { margin-left: 0px; margin-top: 40px; margin-bottom: 10px; } .supplements { width: 100%; display: block; height: auto; color: black; cursor: pointer; text-align: left; padding:10px 5px 5px 20px; transition: background .3s ease; background-color:#e0e0e0; color:black; box-sizing: border-box; font-size:1.1em; border-left:5px solid #323299; } .supplements:hover { background: #d0d0d0; box-sizing: border-box; } .navboxSupplements .navboxHeader { display:flex; width:100%; } .navboxHeader .name { flex:1; } .navboxSupplements .navboxHeader .collapsibleSymbol { position:absolute; right:20px; margin-top:0px; } ul.navboxSupplements .inner { text-align: left; overflow: hidden; background-color:#efefef; max-height: 0; line-height: 1.5em; transition: max-height .6s ease; font-size:.9em; } .navboxSupplements input[type="checkbox"]:checked+li>.inner { max-height: 1000px; } .navboxSupplements input[type="checkbox"]:checked + li > img { transform:rotate(180deg); } .navboxSupplements .innerRow { display:flex; } .navboxSupplements .innerRow:nth-child(even) { background-color:#fefefe; } .navboxSupplements .innerRow .menu { width:110px; box-sizing:border-box; font-weight:bold; text-align:right; font-size:1.1em; padding-right:10px; padding-top:10px; } .navboxSupplements .innerRow .text { flex:1; padding-right:10px; padding-left:10px; padding-top:10px; padding-bottom:10px; } .navboxSupplementsOpen { width: 100%; display: block; height: auto; color: black; overflow:hidden; text-align: left; transition: background .3s ease; color:black; box-sizing: border-box; border-radius:20px; border-left:1px solid #808080; border-top:1px solid #808080; border-right:3px solid #303030; border-bottom:3px solid #303030; margin-top:30px; } .supplementsTop { color:black; border-bottom:1px solid #a0a0a0; padding:10px 5px 8px 30px; font-weight:bold; font-size:1.1em; background-color:#d0d0d0; } .supplementsInner { display:flex; background-color:#fafafa; } .supplementsInner .menu { width:110px; text-align:right; font-weight:600; padding:6px 10px 6px 10px; } .supplementsInner .text { flex:1; padding:6px 10px 6px 10px; } .supplementsInner:nth-child(even) { background-color:#eaeaea; } .supplementsInner:last-child { padding-bottom:5px; } @media screen and (max-width:601px) { .navboxSupplementsOpen { display:none; } } @media screen and (min-width:601px) { .navboxSupplements { display:none; } }