Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
(V1.7? Hopefully...) |
|||
(133 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
− | /* | + | /* The following two items make table headers have their sorting indicator on the bottom and have the table header follow the page scroll. */ |
− | . | + | .jquery-tablesorter th.headerSort { |
− | . | + | background-position: center bottom; |
− | + | padding: 3px 4px 8px; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | ||
− | . | + | .sortable thead { |
− | + | position: sticky; | |
− | + | top:0; | |
− | |||
− | |||
− | |||
} | } | ||
− | + | ||
− | . | + | /* Makes images tagged with the 'percentwidth' class centered on the screen and scaled by screen width */ |
− | + | img.percentwidth { | |
− | + | width: 95%; | |
− | + | height: auto; | |
+ | display: block; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
} | } | ||
− | . | + | |
− | . | + | /* Allows for no wrapping text when desired in the 'Mech List. Makes all <span> tags used inside of a table cell inside of a wikitable object not wrap. Very specific to avoid this affecting unintended <span>s. */ |
− | + | .wikitable > * > tr > td span | |
− | + | { | |
+ | white-space: nowrap; | ||
} | } | ||
− | + | ||
− | . | + | /*Make tab container 100% width regardless of content, primarily used for the individual 'Mech Pages*/ |
− | + | .tabs-content | |
+ | { | ||
+ | width: 100%; | ||
} | } | ||
− | . | + | |
− | . | + | |
− | + | /* Styles for InfoboxVariant template (https://www.bta3062.com/index.php/Template:InfoboxVariant) */ | |
− | + | .infoboxvariant | |
− | + | { | |
− | + | background-color: #dddddd; | |
− | + | border: 1px solid #CCCCCC; | |
+ | font-size: 11px; | ||
+ | color: #1C1C1C; | ||
+ | float: right; | ||
+ | margin: 0px 0px 10px 2em; | ||
+ | width: 280px; | ||
} | } | ||
− | . | + | |
− | + | .infoboxvariant th | |
− | + | { | |
− | + | vertical-align: middle; | |
+ | width: 35%; | ||
+ | font-weight: 700; | ||
+ | text-align: right; | ||
+ | padding-right: 5px; | ||
+ | background: none repeat scroll 0% 0% #3A3A3A; | ||
+ | color: #eeeeee; | ||
} | } | ||
− | . | + | |
− | + | .infoboxvariant td | |
− | + | { | |
− | + | vertical-align: top; | |
− | + | width: 65%; | |
+ | color: #1C1C1C; | ||
+ | font-weight: 100; | ||
+ | text-align: left; | ||
+ | padding: 1px 5px; | ||
} | } | ||
− | + | ||
− | + | .infoboxvariant .variantequipment | |
− | + | { | |
− | + | vertical-align: top; | |
− | + | width: 65%; | |
− | + | color: #1C1C1C; | |
− | + | font-weight: 150; | |
− | + | text-align: left; | |
− | + | padding: 1px 5px; | |
− | |||
} | } | ||
− | + | ||
− | . | + | .infoboxvariant .infobox-variantname |
− | + | { | |
− | + | color: #eeeeee; | |
− | + | font-size: 16px; | |
− | + | font-weight: bold; | |
− | + | padding: 1em; | |
+ | text-align: center; | ||
} | } | ||
− | + | ||
− | . | + | .infoboxvariant .infobox-variantloadoutimage |
− | + | { | |
− | + | padding: 0.5em; | |
− | + | text-align: center; | |
+ | width: auto; | ||
+ | height: 256; | ||
+ | background-color: #dddddd; | ||
+ | colspan: 2; | ||
} | } | ||
− | + | ||
− | . | + | |
− | + | /* Styles for the InfoboxPilot template (https://www.bta3062.com/index.php/Template:InfoboxPilot) */ | |
− | + | .infoboxpilot | |
+ | { | ||
+ | background-color: #dddddd; | ||
+ | border: 1px solid #CCCCCC; | ||
+ | font-size: 11px; | ||
+ | color: #1C1C1C; | ||
+ | float: right; | ||
+ | margin: 0px 0px 10px 2em; | ||
+ | width: 280px; | ||
} | } | ||
− | + | ||
− | . | + | .infoboxpilot th |
− | + | { | |
+ | vertical-align: middle; | ||
+ | width: 35%; | ||
+ | font-weight: 700; | ||
+ | text-align: right; | ||
+ | padding-right: 5px; | ||
+ | background: none repeat scroll 0% 0% #3A3A3A; | ||
+ | color: #eeeeee; | ||
} | } | ||
− | + | ||
− | . | + | .infoboxpilot td |
− | + | { | |
− | + | vertical-align: top; | |
− | + | width: 65%; | |
− | + | color: #1C1C1C; | |
+ | font-weight: 100; | ||
+ | text-align: left; | ||
+ | padding: 1px 5px; | ||
} | } | ||
− | + | ||
− | . | + | .infoboxpilot .pilotability |
− | + | { | |
+ | vertical-align: middle; | ||
+ | width: 65%; | ||
+ | color: #1C1C1C; | ||
+ | font-weight: 200; | ||
+ | font-size: 13px; | ||
+ | text-align: center; | ||
+ | padding: 1px 5px; | ||
} | } | ||
− | + | ||
− | . | + | .infoboxpilot .infobox-pilotname |
− | + | { | |
− | + | color: #eeeeee; | |
− | + | font-size: 16px; | |
+ | font-weight: bold; | ||
+ | padding: 1em; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .infoboxpilot .infobox-pilotimage | ||
+ | { | ||
+ | padding: 0.5em; | ||
+ | text-align: center; | ||
+ | width: 256; | ||
+ | height: 256; | ||
+ | background-color: #dddddd; | ||
+ | colspan: 2; | ||
+ | } | ||
+ | |||
+ | .infoboxpilot .pilottag | ||
+ | { | ||
+ | vertical-align: top; | ||
+ | width: 140px; | ||
+ | color: #1C1C1C; | ||
+ | font-weight: 100; | ||
+ | text-align: left; | ||
+ | padding: 1px 5px; | ||
+ | } | ||
+ | |||
+ | /* Styles for InfoboxTurret template (https://www.bta3062.com/index.php/Template:InfoboxTurret) */ | ||
+ | .infoboxturret | ||
+ | { | ||
+ | background-color: #dddddd; | ||
+ | border: 1px solid #CCCCCC; | ||
+ | font-size: 11px; | ||
+ | color: #1C1C1C; | ||
+ | float: right; | ||
+ | margin: 0px 0px 10px 2em; | ||
+ | width: 280px; | ||
+ | } | ||
+ | |||
+ | .infoboxturret th | ||
+ | { | ||
+ | vertical-align: middle; | ||
+ | width: 35%; | ||
+ | font-weight: 700; | ||
+ | text-align: right; | ||
+ | padding-right: 5px; | ||
+ | background: none repeat scroll 0% 0% #3A3A3A; | ||
+ | color: #eeeeee; | ||
+ | } | ||
+ | |||
+ | .infoboxturret td | ||
+ | { | ||
+ | vertical-align: top; | ||
+ | width: 65%; | ||
+ | color: #1C1C1C; | ||
+ | font-weight: 100; | ||
+ | text-align: left; | ||
+ | padding: 1px 5px; | ||
+ | } | ||
+ | |||
+ | .infoboxturret .turretequipment | ||
+ | { | ||
+ | vertical-align: top; | ||
+ | width: 65%; | ||
+ | color: #1C1C1C; | ||
+ | font-weight: 150; | ||
+ | text-align: left; | ||
+ | padding: 1px 5px; | ||
+ | } | ||
+ | |||
+ | .infoboxturret .infobox-turretname | ||
+ | { | ||
+ | color: #eeeeee; | ||
+ | font-size: 16px; | ||
+ | font-weight: bold; | ||
+ | padding: 1em; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .infoboxturret .infobox-turretloadoutimage | ||
+ | { | ||
+ | padding: 0.5em; | ||
+ | text-align: center; | ||
+ | width: auto; | ||
+ | height: 256; | ||
+ | background-color: #dddddd; | ||
+ | colspan: 2; | ||
+ | } | ||
+ | |||
+ | /* Styles for the Navigation Box template (https://www.bta3062.com/index.php/Template:NavigationBox), primarily used on the Main Page. */ | ||
+ | .navigationbox | ||
+ | { | ||
+ | display: inline-block; | ||
+ | text-align: left; | ||
+ | vertical-align: top; | ||
+ | background-color: #FFFFFF; | ||
+ | border: 1px solid #CCCCCC; | ||
+ | font-size: 12px; | ||
+ | color: #000000; | ||
+ | margin: 0px 0px 3px 1em; | ||
+ | width: 31%; | ||
+ | float: center; | ||
+ | } | ||
+ | |||
+ | .navigationbox table | ||
+ | { | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | float: center; | ||
+ | border: 0px; | ||
+ | margin: 0px; | ||
+ | padding: 0px 0px; | ||
+ | } | ||
+ | |||
+ | .navigationbox th | ||
+ | { | ||
+ | vertical-align: middle; | ||
+ | width: 35%; | ||
+ | font-weight: bold; | ||
+ | text-align: left; | ||
+ | padding-right: 5px; | ||
+ | background: #dddddd; | ||
+ | color: #eeeeee; | ||
+ | } | ||
+ | |||
+ | .navigationbox td | ||
+ | { | ||
+ | width: 65%; | ||
+ | color: #000000; | ||
+ | font-weight: normal; | ||
+ | text-align: left; | ||
+ | vertical-align: middle; | ||
+ | padding: 1px 5px; | ||
+ | } | ||
+ | |||
+ | .navigationbox .boxtitle | ||
+ | { | ||
+ | color: #000000; | ||
+ | font-size: 18px; | ||
+ | font-weight: bold; | ||
+ | padding: 1em; | ||
+ | text-align: center; | ||
+ | background: #dddddd; | ||
+ | } | ||
+ | |||
+ | /* Styles for InfoboxFaction template (https://www.bta3062.com/index.php/Template:InfoboxFaction) */ | ||
+ | .infoboxfaction | ||
+ | { | ||
+ | background-color: #dddddd; | ||
+ | border: 1px solid #CCCCCC; | ||
+ | font-size: 11px; | ||
+ | color: #1C1C1C; | ||
+ | float: right; | ||
+ | margin: 0px 0px 10px 2em; | ||
+ | width: 280px; | ||
+ | } | ||
+ | |||
+ | .infoboxfaction th | ||
+ | { | ||
+ | vertical-align: middle; | ||
+ | width: 35%; | ||
+ | font-weight: 700; | ||
+ | text-align: right; | ||
+ | padding-right: 5px; | ||
+ | background: none repeat scroll 0% 0% #3A3A3A; | ||
+ | color: #eeeeee; | ||
+ | } | ||
+ | |||
+ | .infoboxfaction td | ||
+ | { | ||
+ | vertical-align: top; | ||
+ | width: 65%; | ||
+ | color: #1C1C1C; | ||
+ | font-weight: 100; | ||
+ | text-align: left; | ||
+ | padding: 1px 5px; | ||
+ | } | ||
+ | |||
+ | .infoboxfaction .factionname | ||
+ | { | ||
+ | color: #eeeeee; | ||
+ | font-size: 16px; | ||
+ | font-weight: bold; | ||
+ | padding: 1em; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .infoboxfaction .factionimage | ||
+ | { | ||
+ | padding: 0.5em; | ||
+ | text-align: center; | ||
+ | width: auto; | ||
+ | height: 256; | ||
+ | background-color: #dddddd; | ||
+ | colspan: 2; | ||
} | } |
Latest revision as of 20:46, 18 April 2023
/* CSS placed here will be applied to all skins */ /* The following two items make table headers have their sorting indicator on the bottom and have the table header follow the page scroll. */ .jquery-tablesorter th.headerSort { background-position: center bottom; padding: 3px 4px 8px; } .sortable thead { position: sticky; top:0; } /* Makes images tagged with the 'percentwidth' class centered on the screen and scaled by screen width */ img.percentwidth { width: 95%; height: auto; display: block; margin-left: auto; margin-right: auto; } /* Allows for no wrapping text when desired in the 'Mech List. Makes all <span> tags used inside of a table cell inside of a wikitable object not wrap. Very specific to avoid this affecting unintended <span>s. */ .wikitable > * > tr > td span { white-space: nowrap; } /*Make tab container 100% width regardless of content, primarily used for the individual 'Mech Pages*/ .tabs-content { width: 100%; } /* Styles for InfoboxVariant template (https://www.bta3062.com/index.php/Template:InfoboxVariant) */ .infoboxvariant { background-color: #dddddd; border: 1px solid #CCCCCC; font-size: 11px; color: #1C1C1C; float: right; margin: 0px 0px 10px 2em; width: 280px; } .infoboxvariant th { vertical-align: middle; width: 35%; font-weight: 700; text-align: right; padding-right: 5px; background: none repeat scroll 0% 0% #3A3A3A; color: #eeeeee; } .infoboxvariant td { vertical-align: top; width: 65%; color: #1C1C1C; font-weight: 100; text-align: left; padding: 1px 5px; } .infoboxvariant .variantequipment { vertical-align: top; width: 65%; color: #1C1C1C; font-weight: 150; text-align: left; padding: 1px 5px; } .infoboxvariant .infobox-variantname { color: #eeeeee; font-size: 16px; font-weight: bold; padding: 1em; text-align: center; } .infoboxvariant .infobox-variantloadoutimage { padding: 0.5em; text-align: center; width: auto; height: 256; background-color: #dddddd; colspan: 2; } /* Styles for the InfoboxPilot template (https://www.bta3062.com/index.php/Template:InfoboxPilot) */ .infoboxpilot { background-color: #dddddd; border: 1px solid #CCCCCC; font-size: 11px; color: #1C1C1C; float: right; margin: 0px 0px 10px 2em; width: 280px; } .infoboxpilot th { vertical-align: middle; width: 35%; font-weight: 700; text-align: right; padding-right: 5px; background: none repeat scroll 0% 0% #3A3A3A; color: #eeeeee; } .infoboxpilot td { vertical-align: top; width: 65%; color: #1C1C1C; font-weight: 100; text-align: left; padding: 1px 5px; } .infoboxpilot .pilotability { vertical-align: middle; width: 65%; color: #1C1C1C; font-weight: 200; font-size: 13px; text-align: center; padding: 1px 5px; } .infoboxpilot .infobox-pilotname { color: #eeeeee; font-size: 16px; font-weight: bold; padding: 1em; text-align: center; } .infoboxpilot .infobox-pilotimage { padding: 0.5em; text-align: center; width: 256; height: 256; background-color: #dddddd; colspan: 2; } .infoboxpilot .pilottag { vertical-align: top; width: 140px; color: #1C1C1C; font-weight: 100; text-align: left; padding: 1px 5px; } /* Styles for InfoboxTurret template (https://www.bta3062.com/index.php/Template:InfoboxTurret) */ .infoboxturret { background-color: #dddddd; border: 1px solid #CCCCCC; font-size: 11px; color: #1C1C1C; float: right; margin: 0px 0px 10px 2em; width: 280px; } .infoboxturret th { vertical-align: middle; width: 35%; font-weight: 700; text-align: right; padding-right: 5px; background: none repeat scroll 0% 0% #3A3A3A; color: #eeeeee; } .infoboxturret td { vertical-align: top; width: 65%; color: #1C1C1C; font-weight: 100; text-align: left; padding: 1px 5px; } .infoboxturret .turretequipment { vertical-align: top; width: 65%; color: #1C1C1C; font-weight: 150; text-align: left; padding: 1px 5px; } .infoboxturret .infobox-turretname { color: #eeeeee; font-size: 16px; font-weight: bold; padding: 1em; text-align: center; } .infoboxturret .infobox-turretloadoutimage { padding: 0.5em; text-align: center; width: auto; height: 256; background-color: #dddddd; colspan: 2; } /* Styles for the Navigation Box template (https://www.bta3062.com/index.php/Template:NavigationBox), primarily used on the Main Page. */ .navigationbox { display: inline-block; text-align: left; vertical-align: top; background-color: #FFFFFF; border: 1px solid #CCCCCC; font-size: 12px; color: #000000; margin: 0px 0px 3px 1em; width: 31%; float: center; } .navigationbox table { width: 100%; height: 100%; float: center; border: 0px; margin: 0px; padding: 0px 0px; } .navigationbox th { vertical-align: middle; width: 35%; font-weight: bold; text-align: left; padding-right: 5px; background: #dddddd; color: #eeeeee; } .navigationbox td { width: 65%; color: #000000; font-weight: normal; text-align: left; vertical-align: middle; padding: 1px 5px; } .navigationbox .boxtitle { color: #000000; font-size: 18px; font-weight: bold; padding: 1em; text-align: center; background: #dddddd; } /* Styles for InfoboxFaction template (https://www.bta3062.com/index.php/Template:InfoboxFaction) */ .infoboxfaction { background-color: #dddddd; border: 1px solid #CCCCCC; font-size: 11px; color: #1C1C1C; float: right; margin: 0px 0px 10px 2em; width: 280px; } .infoboxfaction th { vertical-align: middle; width: 35%; font-weight: 700; text-align: right; padding-right: 5px; background: none repeat scroll 0% 0% #3A3A3A; color: #eeeeee; } .infoboxfaction td { vertical-align: top; width: 65%; color: #1C1C1C; font-weight: 100; text-align: left; padding: 1px 5px; } .infoboxfaction .factionname { color: #eeeeee; font-size: 16px; font-weight: bold; padding: 1em; text-align: center; } .infoboxfaction .factionimage { padding: 0.5em; text-align: center; width: auto; height: 256; background-color: #dddddd; colspan: 2; }