MediaWiki:Common.css

/* CSS placed here will be applied to all skins */

/* For elements which only display in the mobile view */ .mobileonly { display: none; }

.Sunless { background#aaaaaa; background:-moz-linear-gradient(top, #79c2d1, #000 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop (0% #79c2d1), color-stop(100%,#000 )); background:-webkit-linear-gradient(top, #79c2d1 0%, #000 100%); background:-o-linear-gradient(top, #79c2d1 0%, #000 100%); background:-ms-linear-gradient(top, #79c2d1 0%, #000 100%); background:linear-gradient(to bottom, #79c2d1 0%, #000 100%); border: 1px solid #000; box-shadow: rgba(104, 116, 120, 1) 0 0.1em 0.75em; }

/* Sortable fixes */

table.jquery-tablesorter th.headerSort { background-image: url(https://static.wikia.nocookie.net/sunlesssea_gamepedia/images/e/e9/SortArrow.gif/revision/latest); }

table.jquery-tablesorter th.headerSortDown { background-image: url(https://static.wikia.nocookie.net/sunlesssea_gamepedia/images/4/43/SortDown.gif/revision/latest); }

table.jquery-tablesorter th.headerSortUp { background-image: url(https://static.wikia.nocookie.net/sunlesssea_gamepedia/images/4/48/SortUp.gif/revision/latest); }

/* Hot Fix */ .claimSidebar { display: none; }

/* Infobox template style */ .infobox { margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; } .infobox td, .infobox th { vertical-align: top; } .infobox caption { font-size: larger; margin-left: inherit; } .infobox.bordered { border-collapse: collapse; }

.infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; }

/* Copybox style */ .ss-copybox { border-collapse: collapse; clear: both; font-size: 11px; line-height: 16px; margin: 10px 0; padding: 3px 5px; width: 100%; }

.ss-copybox th { padding: 1px 0 1px 5px; text-align: center; vertical-align: middle; width: 30px; } .ss-copybox td { padding-left: 5px; } .ss-copybox + .va-copybox { margin-top: -8px; }

/* ################################################## */ /* ### TABLES                                    ### */ /* ################################################## */ .ss-table { border-collapse: collapse; empty-cells: show; font-size: 11px; line-height: 16px; margin-bottom: 5px; } /* 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; }

/* 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; }

/* ################################################## */ /* ### NAVBOXES                                    ### */ /* ################################################## */ .ss-navbox { border-collapse: collapse; empty-cells: show; font-size: 11px; line-height: 16px; margin-bottom: 5px; } .ss-navbox > th { font-size: 118%; }

/* Adapting lists & paragraphs */ .ss-navbox ul, .ss-navbox ol, .ss-navbox p { line-height: 16px; margin-bottom: 0; } .ss-navbox ul, .ss-navbox ol { margin-left: 20px; margin-top: 0; } .ss-navbox p, .ss-navbox * + ul, .ss-navbox * + ol { margin-top: 3px; } .ss-navbox ul li, .ss-navbox ol li { margin-bottom: 0; }

/* Tables with specific vertical alignment for cells */ .ss-navbox-top > tr > td, .ss-navbox-top > * > tr > td { vertical-align: top; } .ss-navbox-middle > tr > td, .ss-navbox-middle > * > tr > td { vertical-align: middle; } .ss-navbox-bottom > tr > td, .ss-navbox-bottom > * > tr > td { vertical-align: bottom; } /* Tables with specific horizontal alignment for cells/columns */ .ss-navbox-center > tr > td, .ss-navbox-center > * > tr > td, .ss-navbox-center-col1 > * > tr > td:first-child, .ss-navbox-center-col2 > * > tr > *:first-child + td, .ss-navbox-center-col3 > * > tr > *:first-child + * + td, .ss-navbox-center-col4 > * > tr > *:first-child + * + * + td, .ss-navbox-center-col5 > * > tr > *:first-child + * + * + * + td, .ss-navbox-center-col6 > * > tr > *:first-child + * + * + * + * + td, .ss-navbox-center-col7 > * > tr > *:first-child + * + * + * + * + * + td, .ss-navbox-center-col8 > * > tr > *:first-child + * + * + * + * + * + * + td, .ss-navbox-center-col9 > * > tr > *:first-child + * + * + * + * + * + * + * + td, .ss-navbox-center-col10 > * > tr > *:first-child + * + * + * + * + * + * + * + * + td, .ss-navbox-center-col11 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + td, .ss-navbox-center-col12 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + td, .ss-navbox-center-col13 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + td, .ss-navbox-center-col14 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + td, .ss-navbox-center-col15 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + * + td { text-align: center; } .ss-navbox-left > tr > td, .ss-navbox-left > * > tr > td, .ss-navbox-left-col1 > * > tr > td:first-child, .ss-navbox-left-col2 > * > tr > *:first-child + td, .ss-navbox-left-col3 > * > tr > *:first-child + * + td, .ss-navbox-left-col4 > * > tr > *:first-child + * + * + td, .ss-navbox-left-col5 > * > tr > *:first-child + * + * + * + td, .ss-navbox-left-col6 > * > tr > *:first-child + * + * + * + * + td, .ss-navbox-left-col7 > * > tr > *:first-child + * + * + * + * + * + td, .ss-navbox-left-col8 > * > tr > *:first-child + * + * + * + * + * + * + td, .ss-navbox-left-col9 > * > tr > *:first-child + * + * + * + * + * + * + * + td, .ss-navbox-left-col10 > * > tr > *:first-child + * + * + * + * + * + * + * + * + td, .ss-navbox-left-col11 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + td, .ss-navbox-left-col12 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + td, .ss-navbox-left-col13 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + td, .ss-navbox-left-col14 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + td, .ss-navbox-left-col15 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + * + td { text-align: left; } .ss-navbox-right > tr > td, .ss-navbox-right > * > tr > td, .ss-navbox-right-col1 > * > tr > td:first-child, .ss-navbox-right-col2 > * > tr > *:first-child + td, .ss-navbox-right-col3 > * > tr > *:first-child + * + td, .ss-navbox-right-col4 > * > tr > *:first-child + * + * + td, .ss-navbox-right-col5 > * > tr > *:first-child + * + * + * + td, .ss-navbox-right-col6 > * > tr > *:first-child + * + * + * + * + td, .ss-navbox-right-col7 > * > tr > *:first-child + * + * + * + * + * + td, .ss-navbox-right-col8 > * > tr > *:first-child + * + * + * + * + * + * + td, .ss-navbox-right-col9 > * > tr > *:first-child + * + * + * + * + * + * + * + td, .ss-navbox-right-col10 > * > tr > *:first-child + * + * + * + * + * + * + * + * + td, .ss-navbox-right-col11 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + td, .ss-navbox-right-col12 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + td, .ss-navbox-right-col13 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + td, .ss-navbox-right-col14 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + td, .ss-navbox-right-col15 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + * + td { text-align: right; } /* Tables which are full width */ .ss-navbox-full { width: 100%; } /* Tables which are floated */ .ss-navbox-float-left { clear: left; float: left; margin: 0 10px 10px 0; } .ss-navbox-float-right { clear: right; float: right; margin: 0 0 10px 10px; } /* Tables in which the first column starts with an icon */ .ss-navbox-icon > tr > td:first-child, .ss-navbox-icon > * > tr > td:first-child { padding-left: 18px; text-indent: -18px; }

/* this CSS governs the responsive 3 column main page layout */ .fpmain { width: 100%; overflow: hidden; z-index: 1; }

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

.fpbox { box-shadow: 0 0px 0px #505050; 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; }