MediaWiki:Common.css

/* this CSS governs the responsive 3 column main page layout */ /* CSS placed here will be applied to all skins */ /* This governs the sections on the Community portal */ .cpbox { display: flex; flex-direction: row-reverse; flex-wrap: wrap; }

.cpbox #admins { box-sizing: border-box; width: calc(33% - 10px); margin: 5px; flex-grow: 1; min-width: 300px; }

.cpbox #help { box-sizing: border-box; width: calc(67% - 10px); margin: 5px; flex-grow: 1; }

/* Template documentation styles */ /* If modifying these styles, be sure to update the mobile skin! */ .doc { margin: 0em auto 1em; background-color: rgba(0, 0, 0, 0.1); border: 2px solid #BDCAC3; border-radius: 1em; padding: 1em; }

.doc-header { padding-bottom: 3px; border-bottom: 1px solid #BDCAC3; margin-bottom: 1ex; }

.doc-footer { margin: 0; background-color: rgba(0, 0, 0, 0.1); border: 2px solid #BDCAC3; border-radius: 1em; padding: 1em; }

.fpmain { width: 100%; overflow: hidden; z-index: 1; }

.fpbanner { background: rgba(0, 0, 0, 0.2); border: 1px solid #a1a1a1; margin: 0 5px 5px 5px; padding: 5px; min-height: 80px; }

.fpbannertable { display: table; border: none; background: transparent; width: 100%; min-height: 75px; margin: 0; padding: 5px; }

.fpbannercell { display: table-cell; text-align: center; vertical-align: middle; }

.fpbannerblock { border: none; color: #ffffff; font-weight: bold; text-shadow: 0 0 8px rgba(255, 255, 255, 0.75); font-size: 132%; width: 100%; margin: 0 0 10px 0; padding: 0 0 5px 0; }

.fpmidsections { float: left; width: 100%; overflow: hidden; }

.fpbox { background: rgba(0, 0, 0, 0.2); border: 1px solid #a1a1a1; margin: 5px; padding: 5px; overflow: auto; }

.fpbox .mainheading { border: none; border-bottom: 1px solid #505050; font-size: 150%; font-weight: bold; margin: 0 0 10px 0; padding: 0 0 5px 0; overflow: auto; }

.fpbox .heading { border: none; border-bottom: 1px solid #505050; text-align: center; font-size: 132%; margin: 0 0 10px 0; padding: 0 0 5px 0; overflow: auto; }

.fpmain .columns .leftcol { width: 100%; margin: 0; padding: 0; }

.fpmain .columns .rightcol { width: 100%; margin: 0; padding: 0; }

.fpsection1, .fpsection2, .fpsection3, .fpsection4 { float: left; clear: both; width: 100%; }

div.fp2columnonly, div.fp3columnonly { display: none; }

@media (min-width: 790px) { .fpsection1 { float: left; clear: none; width: 50%; }

.fpmidsections { clear: none; float: right; width: 50%; }

.fpsection4 { float: left; clear: none; width: 50%; }

div.fp2columnonly { display: block; } }

@media (min-width: 990px) { .fpmain .columns .leftcol { float: left; width: 50%; margin: 0; padding: 0; }

.fpmain .columns .rightcol { float: right; width: 50%; margin: 0; padding: 0; } }

@media (min-width: 1390px) { .fpmidsections { clear: none; float: right; width: 66.667%; }

.fpsection1 { clear: none; width: 33.333%; }

.fpsection2 { clear: none; width: 50%; }

.fpsection3 { clear: none; width: 50%; } .fpsection4 { clear: left; width: 33.333%; }

div.fp2columnonly { display: none; }

div.fp3columnonly { display: block; } }

.fpbox.plain { background: transparent; border: none; box-shadow: none; }

.fpimagelist ul { list-style-type: none; list-style-image: none; }

.fpvideos { margin: 0 auto; overflow: hidden; text-align: center; }

.fpvideo { display: inline-block; margin: 0 5px; }

/* ################################################## */ /* ### TABLES                                    ### */ /* ################################################## */

.ss-table { background-color: #460627; border-collapse: collapse; empty-cells: show; font-size: 11px; line-height: 16px; margin-bottom: 5px; } .ss-table > tr > td, .ss-table > * > tr > td, .ss-table > tr > th, .ss-table > * > tr > th { border: 1px solid #feeb75; padding: 1px 2px; } .ss-table > tr > th, .ss-table > * > tr > th { background-color: #000604; font-weight: bold; } /* Collapse button */ .ss-table .mw-collapsible-toggle a { color: #feeb75; } /* Adapting lists & paragraphs */ .ss-table ul, .ss-table ol, .ss-table p { line-height: 16px; margin-bottom: 0; } .ss-table ul, .ss-table ol { margin-left: 20px; margin-top: 0; } .ss-table p, .ss-table * + ul, .ss-table * + ol { margin-top: 3px; } .ss-table ul li, .ss-table ol li { margin-bottom: 0; } /* Highlighted rows */ .ss-table > tr.ss-table-highlight, .ss-table > * > tr.ss-table-highlight, .ss-table > tr.ss-table-highlight > th, .ss-table > * > tr.ss-table-highlight > th { background-color: #008a67; } /* Tables with specific vertical alignment for cells */ .ss-table-top > tr > td, .ss-table-top > * > tr > td { vertical-align: top; } .ss-table-middle > tr > td, .ss-table-middle > * > tr > td { vertical-align: middle; } .ss-table-bottom > tr > td, .ss-table-bottom > * > tr > td { vertical-align: bottom; } /* Tables with specific horizontal alignment for cells/columns */ .ss-table-center > tr > td, .ss-table-center > * > tr > td, .ss-table-center-col1 > * > tr > td:first-child, .ss-table-center-col2 > * > tr > *:first-child + td, .ss-table-center-col3 > * > tr > *:first-child + * + td, .ss-table-center-col4 > * > tr > *:first-child + * + * + td, .ss-table-center-col5 > * > tr > *:first-child + * + * + * + td, .ss-table-center-col6 > * > tr > *:first-child + * + * + * + * + td, .ss-table-center-col7 > * > tr > *:first-child + * + * + * + * + * + td, .ss-table-center-col8 > * > tr > *:first-child + * + * + * + * + * + * + td, .ss-table-center-col9 > * > tr > *:first-child + * + * + * + * + * + * + * + td, .ss-table-center-col10 > * > tr > *:first-child + * + * + * + * + * + * + * + * + td, .ss-table-center-col11 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + td, .ss-table-center-col12 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + td, .ss-table-center-col13 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + td, .ss-table-center-col14 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + td, .ss-table-center-col15 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + * + td { text-align: center; } .ss-table-left > tr > td, .ss-table-left > * > tr > td, .ss-table-left-col1 > * > tr > td:first-child, .ss-table-left-col2 > * > tr > *:first-child + td, .ss-table-left-col3 > * > tr > *:first-child + * + td, .ss-table-left-col4 > * > tr > *:first-child + * + * + td, .ss-table-left-col5 > * > tr > *:first-child + * + * + * + td, .ss-table-left-col6 > * > tr > *:first-child + * + * + * + * + td, .ss-table-left-col7 > * > tr > *:first-child + * + * + * + * + * + td, .ss-table-left-col8 > * > tr > *:first-child + * + * + * + * + * + * + td, .ss-table-left-col9 > * > tr > *:first-child + * + * + * + * + * + * + * + td, .ss-table-left-col10 > * > tr > *:first-child + * + * + * + * + * + * + * + * + td, .ss-table-left-col11 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + td, .ss-table-left-col12 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + td, .ss-table-left-col13 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + td, .ss-table-left-col14 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + td, .ss-table-left-col15 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + * + td { text-align: left; } .ss-table-right > tr > td, .ss-table-right > * > tr > td, .ss-table-right-col1 > * > tr > td:first-child, .ss-table-right-col2 > * > tr > *:first-child + td, .ss-table-right-col3 > * > tr > *:first-child + * + td, .ss-table-right-col4 > * > tr > *:first-child + * + * + td, .ss-table-right-col5 > * > tr > *:first-child + * + * + * + td, .ss-table-right-col6 > * > tr > *:first-child + * + * + * + * + td, .ss-table-right-col7 > * > tr > *:first-child + * + * + * + * + * + td, .ss-table-right-col8 > * > tr > *:first-child + * + * + * + * + * + * + td, .ss-table-right-col9 > * > tr > *:first-child + * + * + * + * + * + * + * + td, .ss-table-right-col10 > * > tr > *:first-child + * + * + * + * + * + * + * + * + td, .ss-table-right-col11 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + td, .ss-table-right-col12 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + td, .ss-table-right-col13 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + td, .ss-table-right-col14 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + td, .ss-table-right-col15 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + * + td { text-align: right; } /* Tables which are full width */ .ss-table-full { width: 100%; } /* Tables which leave enough space for an infobox on the right */ .ss-table-full-infobox { width: 680px; } /* Tables which are floated */ .ss-table-float-left { clear: left; float: left; margin: 0 10px 10px 0; } .ss-table-float-right { clear: right; float: right; margin: 0 0 10px 10px; } /* Tables in which the first column starts with an icon */ .ss-table-icon > tr > td:first-child, .ss-table-icon > * > tr > td:first-child { padding-left: 18px; text-indent: -18px; }

.shoptable { font-family: Baskerville; border-style: solid; border-width: 16px 19px 21px 17px; -moz-border-image: url(https://static.wikia.nocookie.net/sunlessskies_gamepedia_en/images/5/52/SSk_Shop_Background.png/revision/latest) 65 76 84 68 stretch round; -webkit-border-image: url(https://static.wikia.nocookie.net/sunlessskies_gamepedia_en/images/5/52/SSk_Shop_Background.png/revision/latest) 65 76 84 68 stretch round; -o-border-image: url(https://static.wikia.nocookie.net/sunlessskies_gamepedia_en/images/5/52/SSk_Shop_Background.png/revision/latest) 65 76 84 68 stretch round; border-image: url(https://static.wikia.nocookie.net/sunlessskies_gamepedia_en/images/5/52/SSk_Shop_Background.png/revision/latest) 65 76 84 68 fill stretch round; }

.shoptable th{ font-weight: bold; }

/* ################################################## */ /* ### END OF TABLES                             ### */ /* ################################################## */