Plantilla:Navbox:Equipamiento/styles.css
Ir a la navegación
Ir a la búsqueda
/** * -Styles for Navbox- * * Here are the CSS styles for the Lua-based Navboxes from Calamity Mod Wiki ES. * * The code for the dotlist is in Common.css, line 630. * **/ /* Navbox */ .navbox { border: 1px var(--border-color-base) solid; border-radius: 8px; margin-top: 5px; padding: 6px; background: var(--receta-color-1); transition: background-color .3s; clear: both; } .navbox li{ white-space: nowrap; } /*** Navbox Headers ***/ /* Main header */ .navbox > .navheader { color: var(--theme-text-color); background-color: var(--receta-color-2)!important; border-radius: var(--border-radius--medium); border: 3px rgba(255,255,255,.1) solid; text-align: center; font-size: 16px; font-weight: bold; line-height: 2; min-height: 1em; padding: 4px 70px 4px 6px; transition: background-color, color .3s; } .navbox .navbox > .navheader { font-size: 14px; padding: 0 64px 0 6px; } .navbox .navbox:last-child { margin: 0 -6px; } /* Secondary header */ .navbox .h1 { display: flex !important; flex-direction: row; max-width: 150px; align-content: center; align-items: center; box-sizing: border-box; font-weight: bold; margin-top: 0.5em !important; margin-bottom: 0.25em; color: var(--theme-text-color); background-color: var(--receta-color-2); border-radius: var(--border-radius--medium); border: 3px rgba(255,255,255,0.10) solid; } /* Tertiary header */ .inline .title { display: flex; flex-direction: row; margin: 5px; margin-top: -15px; color: var(--theme-text-color); background-color: var(--receta-color-2); border-radius: var(--border-radius--medium); border: 3px rgba(255,255,255,0.10) solid; } /*** Collapse button ***/ /* Delete [ ] */ .navbox > .mw-collapsible-toggle > .mw-collapsible-bracket { display: none; } /* Arrow icon */ .navbox > .mw-collapsible-toggle:before { content: ""; vertical-align: middle; display: inline-block; width: 5px; height: 5px; transform: rotate(45deg); position: relative; left: -5px; border-left: 2px solid var(--theme-link-color); border-top: 2px solid var(--theme-link-color); border-right: 0; border-bottom: 0; top: 1px; } /* Arrow icon collapsed */ .navbox > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed:before { border-left: 0; border-top: 0; border-right: 2px solid var(--theme-link-color); border-bottom: 2px solid var(--theme-link-color); top: -2px; } /* Arrow icon for s<condary header */ .navbox .navbox > .mw-collapsible-toggle:before { width: 3px; height: 3px; border-left: 1px solid var(--theme-link-color); border-top: 1px solid var(--theme-link-color); border-right: 0; border-bottom: 0; top: 1px; } /* Position of the arrow in the second header */ .navbox .navbox > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed:before { border-left: 0; border-top: 0; border-right: 1px solid var(--theme-link-color); border-bottom: 1px solid var(--theme-link-color); top: -1px; } .navbox > .mw-collapsible-toggle:after { content: ""; } /* position of arrow (second header) */ .navbox .navbox > .mw-collapsible-toggle { right: 4px; top: 3px; font-size: 12px; } /* left links */ .vde { position: absolute; margin-left: 15px; margin-top: 5px; font-size: 10px; } /* Move toggle */ .mw-collapsible-toggle-default.mw-collapsible-toggle{ position: relative; right: 5px; margin-top: 5px; margin-left: 5px; left: -10px } /*** Navbox Content ***/ .navbox > .content { text-align: center; padding: 6px 6px 0; overflow: hidden; } .navbox > .content .dotlist + .dotlist { margin-top: 0.5em; padding-top: 6px; } .navbox .navbox { border: 0; padding: 0; width: auto; margin: 0 -6px 6px -6px; } .navbox .table > div:first-child .h1, .navbox .content > .h1:first-child { margin-top: auto; } .navbox .table > div > * { padding: 4px 7px; vertical-align: middle; } .table > div > .dotlist ul { border-bottom: 1px solid var(--border-color-base); } /* - Important - Content alignment */ .content > .table > div { display: flex !important; flex-direction: row; } /* Image size */ /* Problems: Armor images look small */ .navbox img { max-width: 30px; max-height: 30px; object-fit: contain; } /* Styles for other screens */ @media (max-width: 599px) { .navbox .table > div > .title::after, .navbox .table > .dotlist > .title::after { content: ":"; margin-right: 0.25em; } .vde { display: none; } } @media (min-width: 600px) { .navbox .table { display: table; text-align: left; margin: -5px -7px -1px -7px; } .navbox .table > div > .title, .navbox .table > div > .h1, .navbox .table > div > .h2 { background: rgba(165,165,165,0.25); text-align: right; line-height: 1.1; } .navbox .table > div > .title , .navbox .table > div > .h1 , .navbox .table > div > .h2 { white-space: normal; } .navbox .table > div > .title::after, .navbox .table > div > .h1::after { display: none; } .navbox .table .table { display: table; padding: 0; margin: 0 -1px 0 0; } .navbox .table { padding: 0; } .navbox .table > .dotlist { padding: 4px 7px; } }