MediaWiki:BAWSAQ/v3

 /* Disable Wikia's wide tables wrapper */ .noWikiaWideTable .WikiaWideTablesWrapper > canvas, .noWikiaWideTable .WikiaWideTablesWrapper > img { display: none; }

/* standard styling for the BAWSAQ wikitable */ .bawsaq-stocks-table { position: relative; border-collapse: collapse; background-color: #373c30; color: #ffffff; } .bawsaq-stocks-table td { -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; -ms-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; table-layout: fixed; padding: 5px; border: none; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-align: left; letter-spacing: -1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .bawsaq-stocks-table tr:nth-child(odd) td { background-color: #31362c; } .bawsaq-stocks-table td:first-child { width: 200px; max-width: 200px; } .bawsaq-stocks-table td:nth-child(2) { width: 50px; max-width: 50px; } .bawsaq-stocks-table td:last-child { width: 50px; max-width: 50px; text-align: center; }

/* special styling for the graph container */ .bawsaq-stocks-table td.bawsaq-graphic-container { width: 320px; max-width: 320px; height: 217px; overflow: hidden; padding: 0; position: absolute; top: 0; left: 310px; } .bawsaq-stocks-table td.bawsaq-graphic-container img { -webkit-transition: margin 1s; -moz-transition: margin 1s; -ms-transition: margin 1s; -o-transition: margin 1s; transition: margin 1s; }

/* make rows green when hovering on them */ .bawsaq-stocks-table tr:hover td:not(.bawsaq-graphic-container) { background-color: #869b68; }

/* position the image to correspond to which row is being hovered over */ .bawsaq-stocks-table tr:nth-child(1):hover ~ tr td.bawsaq-graphic-container img { margin-left: -320px; } .bawsaq-stocks-table tr:nth-child(2):hover ~ tr td.bawsaq-graphic-container img { margin-left: -640px; } .bawsaq-stocks-table tr:nth-child(3):hover ~ tr td.bawsaq-graphic-container img { margin-left: -960px; } .bawsaq-stocks-table tr:nth-child(4):hover ~ tr td.bawsaq-graphic-container img { margin-left: -1280px; } .bawsaq-stocks-table tr:nth-child(5):hover ~ tr td.bawsaq-graphic-container img { margin-left: -1600px; } .bawsaq-stocks-table tr:nth-child(6):hover ~ tr td.bawsaq-graphic-container img { margin-left: -1920px; } .bawsaq-stocks-table tr:nth-child(7):hover ~ tr td.bawsaq-graphic-container img { margin-left: 0; }