adds CSS classes to style table rows as a rainbow, and updates dynamically when filters are applied
目前為
Purpose: sets CSS classes to the table rows of the Wrangling Home Page, so that you can apply a rainbow background. If you have one of the filtering scripts (Wrangling home filter, Wrangling Filter Redux, n-in-1 Filters or the Search Wrangling Home), the colors will dynamically update as you filter, so you'll always see the six rainbow colors in order.
Instructions: after enabling the script, have a look at the configuration options at the top.
SOURCE = 'script', the script adds a bit of CSS to make the table appear a bit prettier overall. You can defineRAINBOW ... the six colors for the rainbow effect within the scriptTEXT ... the text color of the fandoms and bin countsBORDER ... the color of the borders inside the tableHIGHLIGHT ... the color of the highlighting (of the table rows on mouseover)SOURCE = 'skin', you'll have to add the CSS classes for the six colors .rainbow0 through .rainbow5 to your Archive Skin instead. That can make switching between skins easier or allows you to use different skins/colorschemes for different devices. For example:.rainbow0 {
background: rgba(246, 48, 63, 0.2);
}
.rainbow1 {
background: rgba(241, 137, 4, 0.2);
}
.rainbow2 {
background: rgba(253, 221, 0, 0.2);
}
.rainbow3 {
background: rgba(119, 189, 30, 0.2);
}
.rainbow4 {
background: rgba(1, 152, 207, 0.2);
}
.rainbow5 {
background: rgba(114, 32, 130, 0.2);
}Tested: So far on Firefox for Windows.
Known Issues: none