├── .gitattributes ├── .gitignore ├── README.md ├── _buttons.scss ├── _colors.scss ├── _everything.scss ├── _menu.scss ├── agenderflag.scss ├── aroflag.scss ├── asexualflag.scss ├── biflag.scss ├── bigenderflag.scss ├── css ├── agenderflag.css ├── aroflag.css ├── asexualflag.css ├── biflag.css ├── bigenderflag.css ├── gayman.css ├── genderfluidflag.css ├── genderqueerflag.css ├── greygenderflag.css ├── lesbianflag.css ├── nonbinaryflag.css ├── panflag.css ├── polyflag.css ├── rainbow-wrangling.css ├── rainbowflag.css └── transflag.css ├── gayman.scss ├── genderfluidflag.scss ├── genderqueerflag.scss ├── greygenderflag.scss ├── lesbianflag.scss ├── nonbinaryflag.scss ├── panflag.scss ├── polyflag.scss ├── rainbowflag.scss └── transflag.scss /.gitattributes: -------------------------------------------------------------------------------- 1 | # Auto detect text files and perform LF normalization 2 | * text=auto 3 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | 2 | .DS_Store 3 | .libsass.json 4 | pride.sublime-project 5 | pride.sublime-workspace 6 | .gitignore 7 | .gitattributes 8 | asexualflag.css 9 | biflag.css 10 | panflag.css 11 | css/_everything.css 12 | css/_colors.css 13 | flag-colors.afphoto 14 | 15 | css/_menu.css 16 | rainbow-wrangling.css 17 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Ao3-pride-skin 2 | A bunch of pride flag skins for ArchiveofOurOwn.org 3 | 4 | > for further informations go [here on Ao3](https://archiveofourown.org/works/31689215/) 5 | 6 | ## How to add a skin to your AO3 account 7 | 8 | * Make sure you're logged in your account on AO3 9 | * go to **my dashboard** and then click on **Skins** (in the menu on the right) 10 | * click on the button **create new skin** 11 | * Make sure Type is **Site Skin** 12 | * Add a Title to your skin 13 | * Select and Copy the code of the flag you'll find in the css folder of this repository. 14 | * The flags should be self explanatory, they are several different files, each one with the code for a flag. You only need to install the one that you want. Not all of them. 15 | * Paste the code **in the field 'CSS'** 16 | * click **SUBMIT** 17 | * scroll to the bottom on the page and click on "USE" 18 | **Now you have a new skin! It is now linked to your account, so every time you log into ao3 from whatever device you'll have it already set!** 19 | 20 | 21 | ## How to add parent skins 22 | 23 | If you, for example, use reversi as a skin 24 | 25 | * Make sure you're logged in your account on AO3 26 | * go to **my dashboard** and then click on **Skins** (in the menu on the right) 27 | * find **the skin you just created** and click on **Edit** (the skin is probably the top one) 28 | * Scroll down and click on **advanced, show** 29 | * Then scroll down and click on **Add parent skin** 30 | * **type your skin in the autocomplete and select it!** (Reversi? Snow Blue? Another skin you've created to block works? ) 31 | * click on **update** 32 | 33 | 34 | 35 | ## How to remove the skin 36 | 37 | * Make sure you're logged in your account on AO3 38 | * go to 'my dashboard' and then click on 'Skins' (n the menu' on the right) 39 | * click on 'revert to default skin' 40 | 41 | 42 | 43 | -------------------------------------------------------------------------------- /_buttons.scss: -------------------------------------------------------------------------------- 1 | $borderbutton: none; 2 | 3 | 4 | %resets-boxshadows { 5 | /* 6 | This resets the shadows in several places 7 | */ 8 | box-shadow: none; 9 | 10 | } 11 | 12 | %resets-bgimage { 13 | /* 14 | This resets the background image from default skin in several places 15 | */ 16 | background-image: none; 17 | 18 | } 19 | 20 | %resets-webkit-appearance { 21 | /* 22 | Further 3d elements to reset in webkit browsers 23 | */ 24 | -webkit-appearance: none; 25 | } 26 | 27 | %border-buttons { 28 | /* Sets the style for border buttons */ 29 | border: $borderbutton; 30 | } 31 | 32 | 33 | .actions a, 34 | .actions a:link, 35 | .action, 36 | .action:link, 37 | button, 38 | .current, 39 | .actions label { 40 | border: $borderbutton; 41 | @extend %resets-boxshadows; 42 | @extend %resets-bgimage; 43 | @extend %resets-webkit-appearance; 44 | } 45 | 46 | .actions input, 47 | input[type="submit"], 48 | textarea { 49 | //credo si possa togliere 50 | //border: 1px solid; 51 | @extend %resets-boxshadows; 52 | @extend %resets-bgimage; 53 | @extend %resets-webkit-appearance; 54 | } 55 | 56 | input { 57 | width: 96%; 58 | border: 1px solid; 59 | @extend %resets-boxshadows; 60 | @extend %resets-bgimage; 61 | } 62 | 63 | 64 | .actions a:hover, 65 | a:hover, 66 | .actions input:hover, 67 | #dashboard a:hover, 68 | .actions a:focus, 69 | .actions input:focus, 70 | #dashboard a:focus, 71 | .actions a:active, 72 | .current, 73 | a.current, 74 | .current a:visited, 75 | #dashboard .current, 76 | #outer .current, 77 | #header .current, 78 | span.unread, 79 | .replied, 80 | span.claimed, 81 | dl.index dd, 82 | .own, 83 | .draft, 84 | .draft .unread, 85 | .child, 86 | .unwrangled, 87 | .unreviewed, 88 | .ui-sortable li:hover, 89 | #header .primary .menu .current { 90 | /* resets the border color */ 91 | border-color: initial; 92 | /* extra aggressive shadow removing */ 93 | box-shadow: none !important; 94 | } 95 | 96 | #header .primary, 97 | .group.listbox, 98 | fieldset fieldset.listbox, 99 | #main li.blurb, 100 | .wrapper, 101 | #dashboard .secondary, 102 | .secondary, 103 | form blockquote.userstuff, 104 | .thread .comment, 105 | .toggled form, 106 | #header .primary, 107 | .listbox .index, 108 | form .notice, 109 | form ul.notes, 110 | form.verbose legend, 111 | .verbose form legend, 112 | span.question, 113 | fieldset, 114 | form dl, 115 | fieldset dl dl, 116 | fieldset fieldset fieldset, 117 | fieldset fieldset dl dl, 118 | dd.hideme, 119 | form blockquote.userstuff, 120 | .delete a, 121 | span.delete, 122 | #header ul.primary { 123 | @extend %resets-boxshadows; 124 | } 125 | 126 | .notice, 127 | .comment_notice, 128 | ul.notes, 129 | .caution, 130 | .error, 131 | .comment_error, 132 | .alert.flash, 133 | .actions a:hover, 134 | .actions input:hover, 135 | .actions a:focus, 136 | .actions input:focus, 137 | label.action:hover, 138 | .action:hover, 139 | .action:focus, 140 | .toggled form, 141 | .dynamic form, 142 | .ui-draggable form { 143 | @extend %border-buttons; 144 | @extend %resets-boxshadows; 145 | } 146 | 147 | form .notice, 148 | form ul.notes, 149 | form.verbose legend, 150 | .verbose form legend, 151 | .actions a, 152 | .actions a:link, 153 | .action, 154 | .action:link, 155 | input[type="submit"], 156 | button, 157 | .current, 158 | .actions label { 159 | @extend %border-buttons; 160 | border-bottom: $borderbutton; 161 | @extend %resets-boxshadows; 162 | @extend %resets-bgimage; 163 | } 164 | 165 | //sempre senza bordo 166 | .listbox .index, 167 | .dashboard .listbox .index, 168 | .splash .news li, 169 | form dt, 170 | .picture .header { 171 | /* 172 | some stuff needs some aggressive non-bordering 173 | */ 174 | border: none; 175 | border-bottom: none; 176 | border-top: none; 177 | border-left: none; 178 | border-right: none; 179 | } 180 | 181 | 182 | #header .menu, 183 | #small_login, 184 | #header .dropdown:hover .current+.menu, 185 | .event .userstuff { 186 | @extend %resets-boxshadows; 187 | /* 188 | removes some more effects of default skin 189 | */ 190 | filter: none; 191 | } 192 | 193 | #footer, 194 | .autocomplete .dropdown ul li:hover, 195 | li.selected, 196 | .autocomplete a:hover { 197 | @extend %resets-bgimage; 198 | 199 | } 200 | 201 | .autocomplete input, 202 | .autocomplete .dropdown ul li { 203 | min-width: 10px; 204 | } 205 | 206 | fieldset.work.meta .fandom.required ul.autocomplete, 207 | .listbox, 208 | fieldset fieldset.listbox, 209 | fieldset, 210 | form dl, 211 | fieldset dl dl, 212 | fieldset fieldset fieldset, 213 | fieldset fieldset dl dl, 214 | dd.hideme, 215 | form blockquote.userstuff { 216 | background: transparent; 217 | 218 | } 219 | 220 | .actions input[type="checkbox"] { 221 | appearance: auto; 222 | } -------------------------------------------------------------------------------- /_colors.scss: -------------------------------------------------------------------------------- 1 | //sets the colors. if any flag has more than 6 I'm going to burn everything down. 2 | //lesbian flag has 7. I'm going to burn everything down. goodbye cruel world. 3 | 4 | $color1: null !default; 5 | $color2: null !default; 6 | $color3: null !default; 7 | $color4: null !default; 8 | $color5: null !default; 9 | $color6: null !default; 10 | $direction: 90deg !default; 11 | 12 | //creates the pastel colors 13 | $opacity: 0.9 !default; 14 | 15 | $color1pastel: transparentize($color1, $opacity); 16 | $color2pastel: transparentize($color2, $opacity); 17 | $color3pastel: transparentize($color3, $opacity); 18 | $color4pastel: null !default; 19 | $color5pastel: null !default; 20 | $color6pastel: null !default; 21 | 22 | @if $color4 { 23 | $color4pastel: transparentize($color4, $opacity); 24 | } 25 | 26 | @if $color5 { 27 | $color5pastel: transparentize($color5, $opacity); 28 | } 29 | 30 | @if $color6 { 31 | $color6pastel: transparentize($color6, $opacity); 32 | } 33 | 34 | //sets up the flag gradient 35 | 36 | $gradient: none !default; 37 | $gradientcontrario: none !default; 38 | $gradientpastel: none !default; 39 | $headerfriendlygradient: none !default; 40 | 41 | 42 | //mixins 43 | 44 | //this mixin creates all the gradients. 45 | @mixin gradient($pastel:null, $border:null) { 46 | //mixin 47 | //nightmarish labirinth of ifs! 48 | 49 | @if $what==greygender { 50 | 51 | @if $pastel { 52 | background: linear-gradient($direction, $color1pastel 2%, $color2pastel 40%, $color3pastel 60%, $color4pastel 80%, $color5pastel); 53 | 54 | } 55 | 56 | @else if $pastel==null { 57 | @if $border { 58 | border-image-source: linear-gradient($direction, $color1 0%, $color1 25%, $color2 25%, $color2 30%, $color3 30%, $color3 65%, $color4 65%, $color4 70%, $color5 70%, $color5); 59 | 60 | } 61 | 62 | @else if $border==null { 63 | background: linear-gradient($direction, $color1 0%, $color1 25%, $color2 25%, $color2 30%, $color3 30%, $color3 65%, $color4 65%, $color4 70%, $color5 70%, $color5); 64 | 65 | } 66 | } 67 | 68 | 69 | } 70 | 71 | @else if $color6 { 72 | 73 | @if $pastel { 74 | background: linear-gradient($direction, $color1pastel 16%, $color2pastel 32%, $color3pastel 48%, $color4pastel 64%, $color5pastel 80%, $color6pastel); 75 | 76 | } 77 | 78 | @else if $pastel==null { 79 | @if $border { 80 | border-image-source: linear-gradient($direction, $color1 0%, $color1 16%, $color2 16%, $color2 32%, $color3 32%, $color3 48%, $color4 48%, $color4 64%, $color5 64%, $color5 80%, $color6 80%, $color6); 81 | 82 | } 83 | 84 | @else if $border==null { 85 | background: linear-gradient($direction, $color1 0%, $color1 16%, $color2 16%, $color2 32%, $color3 32%, $color3 48%, $color4 48%, $color4 64%, $color5 64%, $color5 80%, $color6 80%, $color6); 86 | 87 | } 88 | } 89 | 90 | 91 | } 92 | 93 | @else if $color5 { 94 | 95 | @if $pastel { 96 | background: linear-gradient($direction, $color1pastel 20%, $color2pastel 40%, $color3pastel 60%, $color4pastel 80%, $color5pastel); 97 | 98 | } 99 | 100 | @else if $pastel==null { 101 | @if $border { 102 | border-image-source: linear-gradient($direction, $color1 0%, $color1 20%, $color2 20%, $color2 40%, $color3 40%, $color3 60%, $color4 60%, $color4 80%, $color5 80%, $color5); 103 | 104 | } 105 | 106 | @else if $border==null { 107 | background: linear-gradient($direction, $color1 0%, $color1 20%, $color2 20%, $color2 40%, $color3 40%, $color3 60%, $color4 60%, $color4 80%, $color5 80%, $color5); 108 | 109 | } 110 | } 111 | 112 | 113 | } 114 | 115 | @else if $color4 { 116 | @if $pastel { 117 | background: linear-gradient($direction, $color1pastel 25%, $color2pastel 50%, $color3pastel 75%, $color4pastel); 118 | 119 | } 120 | 121 | @else if $pastel==null { 122 | @if $border { 123 | border-image-source: linear-gradient($direction, $color1 0%, $color1 25%, $color2 25%, $color2 50%, $color3 50%, $color3 75%, $color4 75%, $color4); 124 | 125 | } 126 | 127 | @else if $border==null { 128 | background: linear-gradient($direction, $color1 0%, $color1 25%, $color2 25%, $color2 50%, $color3 50%, $color3 75%, $color4 75%, $color4); 129 | } 130 | } 131 | 132 | 133 | } 134 | 135 | @else if $color3 { 136 | @if $pastel { 137 | background: linear-gradient($direction, $color1pastel 33%, $color2pastel 66%, $color3pastel); 138 | 139 | } 140 | 141 | @else if $pastel==null { 142 | @if $border { 143 | border-image-source: linear-gradient($direction, $color1 0%, $color1 33%, $color2 33%, $color2 66%, $color3 66%, $color3); 144 | 145 | } 146 | 147 | @else if $border==null { 148 | background: linear-gradient($direction, $color1 0%, $color1 33%, $color2 33%, $color2 66%, $color3 66%, $color3); 149 | } 150 | } 151 | 152 | } 153 | 154 | } 155 | 156 | //mixin gradient 157 | 158 | 159 | @mixin header { 160 | 161 | #outer #header { 162 | @if $what==asexual or $what==nonbinary { 163 | color: $overalltext; 164 | background: linear-gradient($direction, $color1 0%, $color1 20%, $color2 20%, $color2 45%, $color3 45%, $color3); 165 | 166 | } 167 | 168 | @else if $what==aro { 169 | color: $overalltext; 170 | background: linear-gradient($direction, $color1 0%, $color1 16%, $color2 16%, $color2 32%, $color3 32%, $color3 50%, $color4 50%, $color4); 171 | 172 | } 173 | 174 | @else { 175 | color: $overalltext; 176 | @include gradient; 177 | } 178 | 179 | } 180 | 181 | #outer #outer #header .primary, 182 | #header ul.primary { 183 | @if $what==asexual or $what==nonbinary { 184 | background: $color4; 185 | } 186 | 187 | @else if $what==aro { 188 | background: $color5; 189 | } 190 | 191 | @else { 192 | background: none; 193 | } 194 | 195 | } 196 | 197 | #outer #header a, 198 | #header a:visited { 199 | color: inherit; 200 | } 201 | 202 | #header a.dropdown-toggle, 203 | #header .current, 204 | #header .primary .open a, 205 | #header .primary .dropdown a:focus { 206 | color: $overalltext; 207 | background-color: transparent; 208 | } 209 | 210 | #header .heading a, 211 | #header #greeting a.dropdown-toggle, 212 | #header .user a[href*="logout"] { 213 | color: $colorfooter !important; 214 | } 215 | 216 | @if $what==asexual or $what==nonbinary { 217 | 218 | #header ul.primary a.dropdown-toggle, 219 | #header .primary li:hover a.dropdown-toggle { 220 | color: white !important; 221 | } 222 | } 223 | 224 | @else { 225 | 226 | #header .primary a.dropdown-toggle, 227 | #header .primary li:hover a.dropdown-toggle { 228 | color: $contrasttext !important; 229 | background-color: transparent !important; 230 | } 231 | } 232 | 233 | #header .logo { 234 | background: #ffffff; 235 | width: 40px; 236 | height: auto; 237 | margin-right: 10px; 238 | padding: 5px; 239 | border-radius: 3px; 240 | 241 | } 242 | 243 | @if $requiresbg==yes { 244 | #header .heading { 245 | padding: .375em; 246 | margin: 1em; 247 | background: $headercolorbg; 248 | box-shadow: 5px 5px 0px $headercolorborder; 249 | } 250 | 251 | #login, 252 | #greeting { 253 | padding: .375em; 254 | margin: 1em; 255 | background: $headercolorbg; 256 | box-shadow: 5px 5px 0 $headercolorborder; 257 | } 258 | 259 | #footer .module { 260 | max-width: 20%; 261 | margin: 0 2%; 262 | background: $headercolorbg; 263 | box-shadow: 5px 5px 0 $headercolorborder; 264 | padding: 5px; 265 | 266 | } 267 | 268 | } 269 | 270 | 271 | } -------------------------------------------------------------------------------- /_everything.scss: -------------------------------------------------------------------------------- 1 | /* 2 | ======== 3 | Footer 4 | ======== 5 | */ 6 | 7 | #outer #footer { 8 | @include gradient; 9 | border-top: none; 10 | 11 | a, 12 | .heading, 13 | li { 14 | color: $colorfooter; 15 | } 16 | } 17 | 18 | /* 19 | end of the footer 20 | */ 21 | 22 | /* 23 | ======================== 24 | Accent color and links 25 | (it makes it with 26 | a transparent bg 27 | and the border) 28 | ======================== 29 | */ 30 | 31 | .splash .module h3, 32 | a, 33 | a:link, 34 | a:visited, 35 | .blurb h4 a, 36 | .blurb h4 a:link, 37 | .blurb h4 a:visited { 38 | background: $accentcolor; 39 | background-color: $accentcolor; 40 | border: 1px solid $readableaccent; 41 | padding: 4px; 42 | line-height: 30px; 43 | color: $textpastel; 44 | } 45 | 46 | a:hover, 47 | a:hover:visited, 48 | .blurb h4 a:hover, 49 | .blurb h4 a:visited:hover, 50 | a.tag:hover, 51 | a.tag:visited:hover, 52 | h5.fandoms a.tag:visited:hover, 53 | h5.fandoms a.tag:hover, 54 | .listbox .heading a.tag:visited:hover { 55 | background-color: $accentcolorhover; 56 | background: $accentcolorhover; 57 | border: 1px solid $accentcolorhover; 58 | color: $texthover !important; 59 | } 60 | 61 | /* 62 | end of accent color 63 | */ 64 | 65 | 66 | /*Favorites in Home*/ 67 | 68 | .splash .favorite a { 69 | border: 1px solid; 70 | } 71 | .splash .favorite li { 72 | margin: 3px; 73 | } 74 | 75 | .splash .favorite li a.tag, .splash .favorite li:nth-of-type(odd) a.tag { 76 | background-color: transparent; 77 | } 78 | 79 | .splash .favorite li:nth-of-type(6n+1) a.tag { 80 | border-color: $menucolor1; 81 | } 82 | .splash .favorite li:nth-of-type(6n+2) a.tag { 83 | border-color: $menucolor2; 84 | } 85 | .splash .favorite li:nth-of-type(6n+3) a.tag { 86 | border-color: $menucolor3; 87 | } 88 | .splash .favorite li:nth-of-type(6n+4) a.tag { 89 | border-color: $menucolor4; 90 | } 91 | .splash .favorite li:nth-of-type(6n+5) a.tag { 92 | border-color: $menucolor5; 93 | } 94 | .splash .favorite li:nth-of-type(6n+6) a.tag { 95 | border-color: $menucolor6; 96 | } 97 | 98 | .splash .favorite li:nth-of-type(6n+1) a.tag:hover { 99 | background-color: $menucolor1; 100 | color: $color1text; 101 | } 102 | .splash .favorite li:nth-of-type(6n+2) a.tag:hover { 103 | background-color: $menucolor2; 104 | color: $color2text; 105 | } 106 | .splash .favorite li:nth-of-type(6n+3) a.tag:hover { 107 | background-color: $menucolor3; 108 | color: $color3text; 109 | } 110 | .splash .favorite li:nth-of-type(6n+4) a.tag:hover { 111 | background-color: $menucolor4; 112 | color: $color4text; 113 | } 114 | .splash .favorite li:nth-of-type(6n+5) a.tag:hover { 115 | background-color: $menucolor5; 116 | color: $color5text; 117 | } 118 | .splash .favorite li:nth-of-type(6n+6) a.tag:hover { 119 | background-color: $menucolor6; 120 | color: $color6text; 121 | } 122 | 123 | #header .user a[href*="logout"]:hover { 124 | /*logout button*/ 125 | background: $accentcolorhover; 126 | color: $texthover !important; 127 | } 128 | 129 | 130 | .blurb ul.required-tags li, 131 | .icon a:hover, 132 | h3.heading a, 133 | .blurb ul.required-tags li a, 134 | .blurb ul.required-tags li span, 135 | .icon a, 136 | .heading a.question, 137 | a.modal.help, 138 | .bookmark .count a { 139 | /*removes the border from some stuff because it looks weird*/ 140 | border: none; 141 | background-color: transparent; 142 | } 143 | 144 | /* Some weird stuff was happening in the news posts so I reverted the links back */ 145 | .news a, 146 | .news a:link { 147 | border: none; 148 | background: none; 149 | background-color: transparent; 150 | text-decoration: underline; 151 | padding: initial; 152 | line-height: initial; 153 | } 154 | 155 | .news .actions a, 156 | .news .actions a:link { 157 | padding: .25em .75em; 158 | line-height: 18px; 159 | text-decoration: none; 160 | } 161 | 162 | /* end of the news stuff*/ 163 | 164 | dd.bookmarks a { 165 | line-height: initial; 166 | border: none; 167 | } 168 | 169 | .blurb h4 a:visited, 170 | h5.fandoms a.tag { 171 | color: $textpastel !important; 172 | } 173 | 174 | 175 | /* 176 | ======== 177 | HEADER 178 | ======== 179 | */ 180 | #header .heading a:hover { 181 | color: $accentcolor; 182 | border: none; 183 | } 184 | 185 | 186 | 187 | @include header; 188 | 189 | 190 | 191 | 192 | /*Search button*/ 193 | #header #search .button { 194 | background: $searchbg; 195 | color: $searchtxt; 196 | } 197 | 198 | #header #search .text, 199 | #header #search input:focus { 200 | background: $searchbg; 201 | color: $searchtxt; 202 | } 203 | 204 | /*end of search button*/ 205 | 206 | /*end of the header*/ 207 | 208 | /* 209 | ============ 210 | TAGS! 211 | ============ 212 | */ 213 | li.relationships a, 214 | dl.meta dd.relationship a.tag { 215 | background: $colorrel; 216 | border: 1px solid opacify($colorrel, 0.9); 217 | color: $textpastel !important; 218 | 219 | &:hover, 220 | &:visited:hover { 221 | background: opacify($colorrel, 0.9); 222 | border: 1px solid opacify($colorrel, 0.9); 223 | color: $textrel !important; 224 | } 225 | } 226 | 227 | li.characters a, 228 | dl.meta dd.character a.tag { 229 | background: $colorchar; 230 | border: 1px solid opacify($colorchar, 0.9); 231 | color: $textpastel !important; 232 | 233 | &:hover, 234 | &:visited:hover { 235 | background: opacify($colorchar, 0.9); 236 | border: 1px solid opacify($colorchar, 0.9); 237 | color: $textchar !important; 238 | } 239 | } 240 | 241 | li.freeforms a, 242 | dl.meta dd.freeform a.tag { 243 | background: $colorff; 244 | border: 1px solid opacify($colorff, 0.9); 245 | color: $textpastel !important; 246 | 247 | &:hover, 248 | &:visited:hover { 249 | background: opacify($colorff, 0.9); 250 | border: 1px solid opacify($colorff, 0.9); 251 | color: $textff !important; 252 | } 253 | } 254 | 255 | 256 | /*this is where the tags end*/ 257 | 258 | 259 | /* 260 | ===================== 261 | BORDERS 262 | (in the box, around the blurb, 263 | the one with the flag colors) 264 | ===================== 265 | */ 266 | li.comment, 267 | .listbox, 268 | fieldset, 269 | li.blurb, 270 | dl.work.meta.group { 271 | border: 1px solid; 272 | @include gradient(null, border); 273 | 274 | border-image-slice: 1; 275 | } 276 | 277 | /*end of the borders*/ 278 | 279 | /* 280 | =================== 281 | DASHBOARD SIDE MENU 282 | =================== 283 | */ 284 | 285 | 286 | #dashboard.own { 287 | @include gradient(null, border); 288 | border-image-slice: 1; 289 | } 290 | 291 | #dashboard a { 292 | border: 1px solid transparent; 293 | } 294 | 295 | #dashboard .current { 296 | background: $accentcolorhover; 297 | border: 1px solid $accentcolorhover; 298 | color: $texthover; 299 | } 300 | 301 | 302 | #dashboard li:nth-of-type(6n+1) a:hover { 303 | background: $menucolor1; 304 | border: 1px solid $menucolor1; 305 | color: $color1text !important; 306 | } 307 | 308 | #dashboard li:nth-of-type(6n+2) a:hover { 309 | background: $menucolor2; 310 | border: 1px solid $menucolor2; 311 | color: $color2text !important; 312 | } 313 | 314 | #dashboard li:nth-of-type(6n+3) a:hover { 315 | background: $menucolor3; 316 | border: 1px solid $menucolor3; 317 | color: $color3text !important; 318 | } 319 | 320 | #dashboard li:nth-of-type(6n+4) a:hover { 321 | background: $menucolor4; 322 | border: 1px solid $menucolor4; 323 | color: $color4text !important; 324 | } 325 | 326 | #dashboard li:nth-of-type(6n+5) a:hover { 327 | background: $menucolor5; 328 | border: 1px solid $menucolor5; 329 | color: $color5text !important; 330 | } 331 | 332 | #dashboard li:nth-of-type(6n+6) a:hover { 333 | background: $menucolor6; 334 | border: 1px solid $menucolor6; 335 | color: $color6text !important; 336 | } 337 | 338 | /* end of dashboard*/ 339 | 340 | 341 | /* 342 | ================ 343 | ASSIGNED TABLE 344 | ================ 345 | */ 346 | 347 | 348 | .assigned tr:nth-of-type(6n+1) a { 349 | background: transparentize($menucolor1, $opacity); 350 | border: 1px solid $menucolor1; 351 | color: $textpastel !important; 352 | 353 | &:hover, 354 | &:visited:hover { 355 | background: $menucolor1; 356 | border: 1px solid $menucolor1; 357 | color: $color1text !important; 358 | } 359 | } 360 | 361 | .assigned tr:nth-of-type(6n+2) a { 362 | background: transparentize($menucolor2, $opacity); 363 | border: 1px solid $menucolor2; 364 | color: $textpastel !important; 365 | 366 | &:hover, 367 | &:visited:hover { 368 | background: $menucolor2; 369 | border: 1px solid $menucolor2; 370 | color: $color2text !important; 371 | } 372 | } 373 | 374 | .assigned tr:nth-of-type(6n+3) a { 375 | background: transparentize($menucolor3, $opacity); 376 | border: 1px solid $menucolor3; 377 | color: $textpastel !important; 378 | 379 | &:hover, 380 | &:visited:hover { 381 | background: $menucolor3; 382 | border: 1px solid $menucolor3; 383 | color: $color3text !important; 384 | } 385 | } 386 | 387 | .assigned tr:nth-of-type(6n+4) a { 388 | background: transparentize($menucolor4, $opacity); 389 | border: 1px solid $menucolor4; 390 | color: $textpastel !important; 391 | 392 | &:hover, 393 | &:visited:hover { 394 | background: $menucolor4; 395 | border: 1px solid $menucolor4; 396 | color: $color4text !important; 397 | } 398 | } 399 | 400 | .assigned tr:nth-of-type(6n+5) a { 401 | background: transparentize($menucolor5, $opacity); 402 | border: 1px solid $menucolor5; 403 | color: $textpastel !important; 404 | 405 | &:hover, 406 | &:visited:hover { 407 | background: $menucolor5; 408 | border: 1px solid $menucolor5; 409 | color: $color5text !important; 410 | } 411 | } 412 | 413 | .assigned tr:nth-of-type(6n+6) a { 414 | background: transparentize($menucolor6, $opacity); 415 | border: 1px solid $menucolor6; 416 | color: $textpastel !important; 417 | 418 | &:hover, 419 | &:visited:hover { 420 | background: $menucolor6; 421 | border: 1px solid $menucolor6; 422 | color: $color6text !important; 423 | } 424 | } 425 | 426 | /*end of assigned wrangling table*/ 427 | 428 | /* 429 | ================ 430 | BINSSSS 431 | ================ 432 | */ 433 | 434 | col.name { 435 | background: transparent; 436 | } 437 | 438 | #wrangulator tbody th, #wrangulator table { 439 | background: transparent; 440 | } 441 | 442 | #wrangulator tbody tr:nth-of-type(6n+1) { 443 | background: transparentize($menucolor1, $opacity); 444 | color: $textpastel !important; 445 | 446 | &:hover, 447 | &:visited:hover { 448 | background: $menucolor1; 449 | color: $color1text !important; 450 | } 451 | } 452 | #wrangulator tbody tr:nth-of-type(6n+2) { 453 | background: transparentize($menucolor2, $opacity); 454 | color: $textpastel !important; 455 | 456 | &:hover, 457 | &:visited:hover { 458 | background: $menucolor2; 459 | color: $color2text !important; 460 | } 461 | } 462 | #wrangulator tbody tr:nth-of-type(6n+3) { 463 | background: transparentize($menucolor3, $opacity); 464 | color: $textpastel !important; 465 | 466 | &:hover, 467 | &:visited:hover { 468 | background: $menucolor3; 469 | color: $color3text !important; 470 | } 471 | } 472 | #wrangulator tbody tr:nth-of-type(6n+4) { 473 | background: transparentize($menucolor4, $opacity); 474 | color: $textpastel !important; 475 | 476 | &:hover, 477 | &:visited:hover { 478 | background: $menucolor4; 479 | color: $color4text !important; 480 | } 481 | } 482 | #wrangulator tbody tr:nth-of-type(6n+5) { 483 | background: transparentize($menucolor5, $opacity); 484 | color: $textpastel !important; 485 | 486 | &:hover, 487 | &:visited:hover { 488 | background: $menucolor5; 489 | color: $color5text !important; 490 | } 491 | } 492 | #wrangulator tbody tr:nth-of-type(6n+6) { 493 | background: transparentize($menucolor6, $opacity); 494 | color: $textpastel !important; 495 | 496 | &:hover, 497 | &:visited:hover { 498 | background: $menucolor6; 499 | color: $color6text !important; 500 | } 501 | } 502 | 503 | 504 | /*end of bin tables*/ 505 | 506 | 507 | 508 | 509 | 510 | 511 | /* 512 | ================== 513 | BUTTONS WITH FLAGS 514 | ================== 515 | */ 516 | button, 517 | .actions a, 518 | .actions a:link, 519 | .action, 520 | input[type="submit"], 521 | .actions a:visited, 522 | li#form-link span.current, 523 | .listbox .index .actions a, 524 | .listbox .index .actions a:link { 525 | color: $textpastel; 526 | border: 1px solid; 527 | border-image-slice: 1; 528 | @include gradient(pastel); 529 | @include gradient(null, border); 530 | } 531 | 532 | 533 | button:hover, 534 | .actions a:hover, 535 | .actions a:visited:hover, 536 | .action:hover, 537 | input[type="submit"]:hover, 538 | .listbox .index .actions a:hover { 539 | color: $buttonhover !important; 540 | @include gradient; 541 | border: 1px solid; 542 | @include gradient(null, border); 543 | border-image-slice: 1; 544 | } 545 | 546 | /*end of buttons*/ -------------------------------------------------------------------------------- /_menu.scss: -------------------------------------------------------------------------------- 1 | /* 2 | ========== 3 | MENU 4 | ========== 5 | */ 6 | 7 | //this is the menu hover 8 | #header .actions a:hover, 9 | #header .actions a:focus, 10 | #header .dropdown:hover a, 11 | #header .open a { 12 | color: black; 13 | } 14 | 15 | #header .dropdown:hover a, 16 | ul.menu.dropdown-menu { 17 | 18 | background: transparent; 19 | border-color: transparent; 20 | } 21 | 22 | #outer #header .dropdown-menu li:nth-of-type(6n+1) a, 23 | #outer #header .dropdown-menu li:nth-of-type(6n+1) a:visited, 24 | #outer #header .dropdown-menu li:nth-of-type(6n+1) a:link { 25 | background-color: $menucolor1; 26 | color: $color1text; 27 | } 28 | 29 | #outer #header .dropdown-menu li:nth-of-type(6n+2) a, 30 | #outer #header .dropdown-menu li:nth-of-type(6n+2) a:visited, 31 | #outer #header .dropdown-menu li:nth-of-type(6n+2) a:link { 32 | background-color: $menucolor2; 33 | color: $color2text; 34 | } 35 | 36 | #outer #header .dropdown-menu li:nth-of-type(6n+3) a, 37 | #outer #header .dropdown-menu li:nth-of-type(6n+3) a:visited, 38 | #outer #header .dropdown-menu li:nth-of-type(6n+3) a:link { 39 | background-color: $menucolor3; 40 | color: $color3text; 41 | } 42 | 43 | #outer #header .dropdown-menu li:nth-of-type(6n+4) a, 44 | #outer #header .dropdown-menu li:nth-of-type(6n+4) a:visited, 45 | #outer #header .dropdown-menu li:nth-of-type(6n+4) a:link { 46 | background-color: $menucolor4; 47 | color: $color4text; 48 | } 49 | 50 | #outer #header .dropdown-menu li:nth-of-type(6n+5) a, 51 | #outer #header .dropdown-menu li:nth-of-type(6n+5) a:visited, 52 | #outer #header .dropdown-menu li:nth-of-type(6n+5) a:link { 53 | background-color: $menucolor5; 54 | color: $color5text; 55 | } 56 | 57 | #outer #header .dropdown-menu li:nth-of-type(6n+6) a, 58 | #outer #header .dropdown-menu li:nth-of-type(6n+6) a:visited, 59 | #outer #header .dropdown-menu li:nth-of-type(6n+6) a:link { 60 | background-color: $menucolor6; 61 | color: $color6text; 62 | } 63 | 64 | #outer #header .dropdown-menu li:nth-of-type(6n+1) a:hover, 65 | #outer #header .dropdown-menu li:nth-of-type(6n+1) a:focus { 66 | text-decoration: underline; 67 | color: $color1text !important; 68 | } 69 | 70 | #outer #header .dropdown-menu li:nth-of-type(6n+2) a:hover, 71 | #outer #header .dropdown-menu li:nth-of-type(6n+2) a:focus { 72 | text-decoration: underline; 73 | color: $color2text !important; 74 | } 75 | 76 | #outer #header .dropdown-menu li:nth-of-type(6n+3) a:hover, 77 | #outer #header .dropdown-menu li:nth-of-type(6n+3) a:focus { 78 | text-decoration: underline; 79 | color: $color3text !important; 80 | } 81 | 82 | #outer #header .dropdown-menu li:nth-of-type(6n+4) a:hover, 83 | #outer #header .dropdown-menu li:nth-of-type(6n+4) a:focus { 84 | text-decoration: underline; 85 | color: $color4text !important; 86 | } 87 | 88 | #outer #header .dropdown-menu li:nth-of-type(6n+5) a:hover, 89 | #outer #header .dropdown-menu li:nth-of-type(6n+5) a:focus { 90 | text-decoration: underline; 91 | color: $color5text !important; 92 | } 93 | 94 | #outer #header .dropdown-menu li:nth-of-type(6n+6) a:hover, 95 | #outer #header .dropdown-menu li:nth-of-type(6n+6) a:focus { 96 | text-decoration: underline; 97 | color: $color6text !important; 98 | } 99 | 100 | #header .primary .menu .current { 101 | background-color: $accentcolorhover; 102 | color: $texthover; 103 | } 104 | 105 | #header .dropdown:hover a.dropdown-toggle { 106 | color: $readableaccent !important; 107 | } 108 | 109 | 110 | 111 | 112 | 113 | /*end of the menuuuu*/ -------------------------------------------------------------------------------- /agenderflag.scss: -------------------------------------------------------------------------------- 1 | @charset "iso-8859-1"; 2 | 3 | 4 | //flag colors 5 | $color1: rgba(14, 26, 26, 1); 6 | $color2: rgba(160, 167, 172, 1); 7 | $color3: rgba(247, 249, 255, 1); 8 | $color4: rgba(185, 245, 132, 1); 9 | $color5: $color3; 10 | $color6: $color2; 11 | 12 | $direction: to bottom; 13 | 14 | $what: trans; 15 | $requiresbg: yes; 16 | 17 | //stuff 18 | $overalltext: rgba(0, 0, 0, 1); 19 | $textpastel: inherit; 20 | $menubg: #fefefe; 21 | $contrasttext: $overalltext; 22 | $colorfooter: rgba(0, 0, 0, 1); 23 | 24 | @import 'colors'; 25 | 26 | //setting stuff for eventual flags with nightmarish colors 27 | $color1text: $color3; 28 | $color2text: $color3; 29 | $color3text: $color1; 30 | $color4text: $color1; 31 | $color5text: $color1; 32 | $color6text: $color3; 33 | 34 | 35 | //f*cking menu 36 | $menucolor1: $color1; 37 | $menucolor2: $color2; 38 | $menucolor3: $color3; 39 | $menucolor4: $color4; 40 | $menucolor5: $color5; 41 | $menucolor6: $color6; 42 | 43 | 44 | //accent = links 45 | $accentcolor: $color4pastel; 46 | $accentcolorhover: $color5; 47 | $texthover: $color5text; 48 | $buttonhover: $overalltext; 49 | 50 | //header color (white??) 51 | $headercolorbg: $color3; 52 | $headercolorborder: $color4; 53 | 54 | //needs to have a contrast with the background. not pastel. 55 | $readableaccent: $color4; 56 | 57 | //tags 58 | $colorrel: $color1pastel; 59 | $colorchar: $color2pastel; 60 | $colorff: $color3pastel; 61 | $textrel:$color1text; 62 | $textchar:$color2text; 63 | $textff:$color3text; 64 | 65 | //searchbar 66 | $searchbg: $color3; 67 | $searchtxt: $color1; 68 | 69 | @import 'buttons'; 70 | @import 'menu'; 71 | @import 'everything'; 72 | 73 | 74 | 75 | 76 | 77 | -------------------------------------------------------------------------------- /aroflag.scss: -------------------------------------------------------------------------------- 1 | @charset "iso-8859-1"; 2 | 3 | 4 | 5 | 6 | 7 | //flag colors 8 | $color1: rgba(27, 156, 74, 1); 9 | $color2: rgba(156, 208, 166, 1); 10 | $color3: rgba(255, 249, 245, 1); 11 | $color4: rgba(160, 164, 172, 1); 12 | $color5: rgba(14, 26, 26, 1); 13 | 14 | $direction: to bottom; 15 | 16 | $what: aro; 17 | $requiresbg: yes; 18 | 19 | //stuff 20 | $overalltext: rgba(255, 255, 255, 1); 21 | $textpastel: inherit; 22 | $menubg: #fefefe; 23 | $contrasttext: $overalltext; 24 | $colorfooter: $color5; 25 | 26 | @import 'colors'; 27 | 28 | //setting stuff for eventual flags with nightmarish colors 29 | $color1text: $contrasttext; 30 | $color2text: $color5; 31 | $color3text: $color5; 32 | $color4text: $contrasttext; 33 | $color5text: $contrasttext; 34 | $color6text: $color5; 35 | 36 | 37 | //f*cking menu 38 | $menucolor1: $color1; 39 | $menucolor2: $color2; 40 | $menucolor3: $color3; 41 | $menucolor4: $color4; 42 | $menucolor5: $color5; 43 | $menucolor6: $color3; 44 | 45 | 46 | //accent = links 47 | $accentcolor: $color4pastel; 48 | $accentcolorhover: $color5; 49 | $texthover: $color5text; 50 | $buttonhover: $color5; 51 | 52 | //header color (white??) 53 | $headercolorbg: $color3; 54 | $headercolorborder: $color2; 55 | 56 | //needs to have a contrast with the background. not pastel. 57 | $readableaccent: $color4; 58 | 59 | //tags 60 | $colorrel: $color1pastel; 61 | $colorchar: $color2pastel; 62 | $colorff: $color4pastel; 63 | $textrel:$color1text; 64 | $textchar:$color2text; 65 | $textff:$color4text; 66 | 67 | //searchbar 68 | $searchbg: $color3; 69 | $searchtxt: $color1; 70 | 71 | @import 'buttons'; 72 | @import 'menu'; 73 | @import 'everything'; 74 | 75 | 76 | 77 | 78 | -------------------------------------------------------------------------------- /asexualflag.scss: -------------------------------------------------------------------------------- 1 | @charset "iso-8859-1"; 2 | 3 | 4 | //flag colors 5 | $color1: rgba(14, 7, 33, 1); 6 | $color2: rgba(164, 158, 173, 1); 7 | $color3: rgba(255, 252, 249, 1); 8 | $color4: rgba(130, 41, 133, 1); 9 | 10 | $direction: to bottom; 11 | 12 | $what: asexual; 13 | $requiresbg: yes; 14 | 15 | //stuff 16 | $overalltext: #000000; 17 | $textpastel: inherit; 18 | $menubg: #fefefe; 19 | $contrasttext: $overalltext; 20 | $colorfooter: $overalltext; 21 | 22 | @import 'colors'; 23 | 24 | //setting stuff for eventual flags with nightmarish colors 25 | $color1text: $color3; 26 | $color2text: $contrasttext; 27 | $color3text: $contrasttext; 28 | $color4text: $color3; 29 | $color5text: $contrasttext; 30 | $color6text: $contrasttext; 31 | 32 | 33 | //f*cking menu 34 | $menucolor1: $color1; 35 | $menucolor2: $color2; 36 | $menucolor3: $color3; 37 | $menucolor4: $color4; 38 | $menucolor5: $color3; 39 | $menucolor6: $color2; 40 | 41 | 42 | //accent = links 43 | $accentcolor: $color4pastel; 44 | $accentcolorhover: $color2; 45 | $buttonhover: $overalltext; 46 | $texthover: $color2text; 47 | 48 | //header color (white??) 49 | $headercolorbg: $color3; 50 | $headercolorborder: $color4; 51 | 52 | //needs to have a contrast with the background. not pastel. 53 | $readableaccent: $color4; 54 | 55 | //tags 56 | $colorrel: $color1pastel; 57 | $colorchar: $color2pastel; 58 | $colorff: $color4pastel; 59 | $textrel:$color1text; 60 | $textchar:$color2text; 61 | $textff:$color4text; 62 | 63 | //searchbar 64 | $searchbg: $color3; 65 | $searchtxt: $color4; 66 | 67 | @import 'buttons'; 68 | @import 'menu'; 69 | @import 'everything'; 70 | 71 | 72 | 73 | 74 | 75 | -------------------------------------------------------------------------------- /biflag.scss: -------------------------------------------------------------------------------- 1 | @charset "iso-8859-1"; 2 | 3 | 4 | 5 | //flag colors 6 | $color1: rgba(214, 51, 138, 1); 7 | $color2: rgba(158, 73, 174, 1); 8 | $color3: rgba(17, 55, 173, 1); 9 | 10 | $direction: to bottom; 11 | 12 | $what: bisexual; 13 | $requiresbg: no; 14 | 15 | //stuff 16 | $overalltext: #ffffff; 17 | $textpastel: inherit; 18 | $menubg: #fefefe; 19 | $colorfooter: $overalltext; 20 | $contrasttext: $overalltext; 21 | 22 | 23 | @import 'colors'; 24 | 25 | 26 | //setting stuff for eventual flags with nightmarish colors 27 | $color1text: $contrasttext; 28 | $color2text: $contrasttext; 29 | $color3text: $contrasttext; 30 | $color4text: $contrasttext; 31 | $color5text: $contrasttext; 32 | $color6text: $contrasttext; 33 | 34 | 35 | //f*cking menu 36 | $menucolor1: $color1; 37 | $menucolor2: $color2; 38 | $menucolor3: $color3; 39 | $menucolor4: $color1; 40 | $menucolor5: $color2; 41 | $menucolor6: $color3; 42 | 43 | 44 | //accent = links 45 | $accentcolor: $color2pastel; 46 | $accentcolorhover: $color1; 47 | $texthover: $overalltext; 48 | $buttonhover: $overalltext; 49 | 50 | //needs to have a contrast with the background. not pastel. 51 | $readableaccent: $color1; 52 | 53 | //tags 54 | $colorrel: $color1pastel; 55 | $colorchar: $color2pastel; 56 | $colorff: $color3pastel; 57 | $textrel:$color1text; 58 | $textchar:$color2text; 59 | $textff:$color3text; 60 | 61 | //searchbar 62 | $searchbg: $color1; 63 | $searchtxt: $overalltext; 64 | 65 | @import 'buttons'; 66 | @import 'menu'; 67 | @import 'everything'; 68 | 69 | 70 | -------------------------------------------------------------------------------- /bigenderflag.scss: -------------------------------------------------------------------------------- 1 | @charset "iso-8859-1"; 2 | 3 | 4 | 5 | 6 | 7 | //flag colors 8 | $color1: rgba(237, 128, 170, 1); 9 | $color2: rgba(253, 244, 122, 1); 10 | $color3: rgba(250, 245, 251, 1); 11 | $color4: rgba(174, 117, 201, 1); 12 | $color5: rgba(123, 168, 224, 1); 13 | 14 | $direction: to bottom; 15 | 16 | $what: bigender; 17 | $requiresbg: yes; 18 | 19 | //stuff 20 | $overalltext: rgba(0, 0, 0, 1); 21 | $textpastel: inherit; 22 | $menubg: #fefefe; 23 | $contrasttext: $overalltext; 24 | $colorfooter: $contrasttext; 25 | 26 | @import 'colors'; 27 | 28 | //setting stuff for eventual flags with nightmarish colors 29 | $color1text: $contrasttext; 30 | $color2text: $contrasttext; 31 | $color3text: $contrasttext; 32 | $color4text: $color3; 33 | $color5text: $color3; 34 | $color6text: $contrasttext; 35 | 36 | 37 | //f*cking menu 38 | $menucolor1: $color1; 39 | $menucolor2: $color2; 40 | $menucolor3: $color3; 41 | $menucolor4: $color4; 42 | $menucolor5: $color5; 43 | $menucolor6: $color3; 44 | 45 | 46 | //accent = links 47 | $accentcolor: $color1pastel; 48 | $accentcolorhover: $color1; 49 | $texthover: $color4text; 50 | $buttonhover: $overalltext; 51 | 52 | //header color (white??) 53 | $headercolorbg: $color3; 54 | $headercolorborder: $color2; 55 | 56 | //needs to have a contrast with the background. not pastel. 57 | $readableaccent: $color5; 58 | 59 | //tags 60 | $colorrel: $color1pastel; 61 | $colorchar: $color2pastel; 62 | $colorff: $color4pastel; 63 | $textrel:$color1text; 64 | $textchar:$color2text; 65 | $textff:$color4text; 66 | 67 | //searchbar 68 | $searchbg: $color3; 69 | $searchtxt: $color4; 70 | 71 | @import 'buttons'; 72 | @import 'menu'; 73 | @import 'everything'; 74 | 75 | 76 | 77 | 78 | -------------------------------------------------------------------------------- /css/asexualflag.css: -------------------------------------------------------------------------------- 1 | #header .menu, 2 | #small_login, 3 | #header .dropdown:hover .current + .menu, 4 | .event .userstuff, .notice, 5 | .comment_notice, 6 | ul.notes, 7 | .caution, 8 | .error, 9 | .comment_error, 10 | .alert.flash, 11 | .actions a:hover, 12 | .actions input:hover, 13 | .actions a:focus, 14 | .actions input:focus, 15 | label.action:hover, 16 | .action:hover, 17 | .action:focus, 18 | .dynamic form, 19 | .ui-draggable form, #header .primary, 20 | .group.listbox, 21 | fieldset fieldset.listbox, 22 | #main li.blurb, 23 | .wrapper, 24 | #dashboard .secondary, 25 | .secondary, 26 | form blockquote.userstuff, 27 | .thread .comment, 28 | .toggled form, 29 | .listbox .index, 30 | form .notice, 31 | form ul.notes, 32 | form.verbose legend, 33 | .verbose form legend, 34 | span.question, 35 | fieldset, 36 | form dl, 37 | fieldset dl dl, 38 | fieldset fieldset fieldset, 39 | fieldset fieldset dl dl, 40 | dd.hideme, 41 | .delete a, 42 | span.delete, 43 | #header ul.primary, input, .actions input, 44 | input[type=submit], 45 | textarea, .actions a, 46 | .actions a:link, 47 | .action, 48 | .action:link, 49 | button, 50 | .current, 51 | .actions label { 52 | /* 53 | This resets the shadows in several places 54 | */ 55 | box-shadow: none; 56 | } 57 | 58 | #footer, 59 | .autocomplete .dropdown ul li:hover, 60 | li.selected, 61 | .autocomplete a:hover, form .notice, 62 | form ul.notes, 63 | form.verbose legend, 64 | .verbose form legend, input, .actions input, 65 | input[type=submit], 66 | textarea, .actions a, 67 | .actions a:link, 68 | .action, 69 | .action:link, 70 | button, 71 | .current, 72 | .actions label { 73 | /* 74 | This resets the background image from default skin in several places 75 | */ 76 | background-image: none; 77 | } 78 | 79 | .actions input, 80 | input[type=submit], 81 | textarea, .actions a, 82 | .actions a:link, 83 | .action, 84 | .action:link, 85 | button, 86 | .current, 87 | .actions label { 88 | /* 89 | Further 3d elements to reset in webkit browsers 90 | */ 91 | -webkit-appearance: none; 92 | } 93 | 94 | form .notice, 95 | form ul.notes, 96 | form.verbose legend, 97 | .verbose form legend, 98 | .actions a, 99 | .actions a:link, 100 | .action, 101 | .action:link, 102 | input[type=submit], 103 | button, 104 | .current, 105 | .actions label, .notice, 106 | .comment_notice, 107 | ul.notes, 108 | .caution, 109 | .error, 110 | .comment_error, 111 | .alert.flash, 112 | .actions a:hover, 113 | .actions input:hover, 114 | .actions a:focus, 115 | .actions input:focus, 116 | label.action:hover, 117 | .action:hover, 118 | .action:focus, 119 | .toggled form, 120 | .dynamic form, 121 | .ui-draggable form { 122 | /* Sets the style for border buttons */ 123 | border: none; 124 | } 125 | 126 | .actions a, 127 | .actions a:link, 128 | .action, 129 | .action:link, 130 | button, 131 | .current, 132 | .actions label { 133 | border: none; 134 | } 135 | 136 | input { 137 | width: 96%; 138 | border: 1px solid; 139 | } 140 | 141 | .actions a:hover, 142 | a:hover, 143 | .actions input:hover, 144 | #dashboard a:hover, 145 | .actions a:focus, 146 | .actions input:focus, 147 | #dashboard a:focus, 148 | .actions a:active, 149 | .current, 150 | a.current, 151 | .current a:visited, 152 | #dashboard .current, 153 | #outer .current, 154 | #header .current, 155 | span.unread, 156 | .replied, 157 | span.claimed, 158 | dl.index dd, 159 | .own, 160 | .draft, 161 | .draft .unread, 162 | .child, 163 | .unwrangled, 164 | .unreviewed, 165 | .ui-sortable li:hover, 166 | #header .primary .menu .current { 167 | /* resets the border color */ 168 | border-color: initial; 169 | /* extra aggressive shadow removing */ 170 | box-shadow: none !important; 171 | } 172 | 173 | form .notice, 174 | form ul.notes, 175 | form.verbose legend, 176 | .verbose form legend, 177 | .actions a, 178 | .actions a:link, 179 | .action, 180 | .action:link, 181 | input[type=submit], 182 | button, 183 | .current, 184 | .actions label { 185 | border-bottom: none; 186 | } 187 | 188 | .listbox .index, 189 | .dashboard .listbox .index, 190 | .splash .news li, 191 | form dt, 192 | .picture .header { 193 | /* 194 | some stuff needs some aggressive non-bordering 195 | */ 196 | border: none; 197 | border-bottom: none; 198 | border-top: none; 199 | border-left: none; 200 | border-right: none; 201 | } 202 | 203 | #header .menu, 204 | #small_login, 205 | #header .dropdown:hover .current + .menu, 206 | .event .userstuff { 207 | /* 208 | removes some more effects of default skin 209 | */ 210 | filter: none; 211 | } 212 | 213 | .autocomplete input, 214 | .autocomplete .dropdown ul li { 215 | min-width: 10px; 216 | } 217 | 218 | fieldset.work.meta .fandom.required ul.autocomplete, 219 | .listbox, 220 | fieldset fieldset.listbox, 221 | fieldset, 222 | form dl, 223 | fieldset dl dl, 224 | fieldset fieldset fieldset, 225 | fieldset fieldset dl dl, 226 | dd.hideme, 227 | form blockquote.userstuff { 228 | background: transparent; 229 | } 230 | 231 | .actions input[type=checkbox] { 232 | appearance: auto; 233 | } 234 | 235 | /* 236 | ========== 237 | MENU 238 | ========== 239 | */ 240 | #header .actions a:hover, 241 | #header .actions a:focus, 242 | #header .dropdown:hover a, 243 | #header .open a { 244 | color: black; 245 | } 246 | 247 | #header .dropdown:hover a, 248 | ul.menu.dropdown-menu { 249 | background: transparent; 250 | border-color: transparent; 251 | } 252 | 253 | #outer #header .dropdown-menu li:nth-of-type(6n+1) a, 254 | #outer #header .dropdown-menu li:nth-of-type(6n+1) a:visited, 255 | #outer #header .dropdown-menu li:nth-of-type(6n+1) a:link { 256 | background-color: #0e0721; 257 | color: #fffcf9; 258 | } 259 | 260 | #outer #header .dropdown-menu li:nth-of-type(6n+2) a, 261 | #outer #header .dropdown-menu li:nth-of-type(6n+2) a:visited, 262 | #outer #header .dropdown-menu li:nth-of-type(6n+2) a:link { 263 | background-color: #a49ead; 264 | color: #000000; 265 | } 266 | 267 | #outer #header .dropdown-menu li:nth-of-type(6n+3) a, 268 | #outer #header .dropdown-menu li:nth-of-type(6n+3) a:visited, 269 | #outer #header .dropdown-menu li:nth-of-type(6n+3) a:link { 270 | background-color: #fffcf9; 271 | color: #000000; 272 | } 273 | 274 | #outer #header .dropdown-menu li:nth-of-type(6n+4) a, 275 | #outer #header .dropdown-menu li:nth-of-type(6n+4) a:visited, 276 | #outer #header .dropdown-menu li:nth-of-type(6n+4) a:link { 277 | background-color: #822985; 278 | color: #fffcf9; 279 | } 280 | 281 | #outer #header .dropdown-menu li:nth-of-type(6n+5) a, 282 | #outer #header .dropdown-menu li:nth-of-type(6n+5) a:visited, 283 | #outer #header .dropdown-menu li:nth-of-type(6n+5) a:link { 284 | background-color: #fffcf9; 285 | color: #000000; 286 | } 287 | 288 | #outer #header .dropdown-menu li:nth-of-type(6n+6) a, 289 | #outer #header .dropdown-menu li:nth-of-type(6n+6) a:visited, 290 | #outer #header .dropdown-menu li:nth-of-type(6n+6) a:link { 291 | background-color: #a49ead; 292 | color: #000000; 293 | } 294 | 295 | #outer #header .dropdown-menu li:nth-of-type(6n+1) a:hover, 296 | #outer #header .dropdown-menu li:nth-of-type(6n+1) a:focus { 297 | text-decoration: underline; 298 | color: #fffcf9 !important; 299 | } 300 | 301 | #outer #header .dropdown-menu li:nth-of-type(6n+2) a:hover, 302 | #outer #header .dropdown-menu li:nth-of-type(6n+2) a:focus { 303 | text-decoration: underline; 304 | color: #000000 !important; 305 | } 306 | 307 | #outer #header .dropdown-menu li:nth-of-type(6n+3) a:hover, 308 | #outer #header .dropdown-menu li:nth-of-type(6n+3) a:focus { 309 | text-decoration: underline; 310 | color: #000000 !important; 311 | } 312 | 313 | #outer #header .dropdown-menu li:nth-of-type(6n+4) a:hover, 314 | #outer #header .dropdown-menu li:nth-of-type(6n+4) a:focus { 315 | text-decoration: underline; 316 | color: #fffcf9 !important; 317 | } 318 | 319 | #outer #header .dropdown-menu li:nth-of-type(6n+5) a:hover, 320 | #outer #header .dropdown-menu li:nth-of-type(6n+5) a:focus { 321 | text-decoration: underline; 322 | color: #000000 !important; 323 | } 324 | 325 | #outer #header .dropdown-menu li:nth-of-type(6n+6) a:hover, 326 | #outer #header .dropdown-menu li:nth-of-type(6n+6) a:focus { 327 | text-decoration: underline; 328 | color: #000000 !important; 329 | } 330 | 331 | #header .primary .menu .current { 332 | background-color: #a49ead; 333 | color: #000000; 334 | } 335 | 336 | #header .dropdown:hover a.dropdown-toggle { 337 | color: #822985 !important; 338 | } 339 | 340 | /*end of the menuuuu*/ 341 | /* 342 | ======== 343 | Footer 344 | ======== 345 | */ 346 | #outer #footer { 347 | background: linear-gradient(to bottom, #0e0721 0%, #0e0721 25%, #a49ead 25%, #a49ead 50%, #fffcf9 50%, #fffcf9 75%, #822985 75%, #822985); 348 | border-top: none; 349 | } 350 | #outer #footer a, 351 | #outer #footer .heading, 352 | #outer #footer li { 353 | color: #000000; 354 | } 355 | 356 | /* 357 | end of the footer 358 | */ 359 | /* 360 | ======================== 361 | Accent color and links 362 | (it makes it with 363 | a transparent bg 364 | and the border) 365 | ======================== 366 | */ 367 | .splash .module h3, 368 | a, 369 | a:link, 370 | a:visited, 371 | .blurb h4 a, 372 | .blurb h4 a:link, 373 | .blurb h4 a:visited { 374 | background: rgba(130, 41, 133, 0.1); 375 | background-color: rgba(130, 41, 133, 0.1); 376 | border: 1px solid #822985; 377 | padding: 4px; 378 | line-height: 30px; 379 | color: inherit; 380 | } 381 | 382 | a:hover, 383 | a:hover:visited, 384 | .blurb h4 a:hover, 385 | .blurb h4 a:visited:hover, 386 | a.tag:hover, 387 | a.tag:visited:hover, 388 | h5.fandoms a.tag:visited:hover, 389 | h5.fandoms a.tag:hover, 390 | .listbox .heading a.tag:visited:hover { 391 | background-color: #a49ead; 392 | background: #a49ead; 393 | border: 1px solid #a49ead; 394 | color: #000000 !important; 395 | } 396 | 397 | /* 398 | end of accent color 399 | */ 400 | /*Favorites in Home*/ 401 | .splash .favorite a { 402 | border: 1px solid; 403 | } 404 | 405 | .splash .favorite li { 406 | margin: 3px; 407 | } 408 | 409 | .splash .favorite li a.tag, .splash .favorite li:nth-of-type(odd) a.tag { 410 | background-color: transparent; 411 | } 412 | 413 | .splash .favorite li:nth-of-type(6n+1) a.tag { 414 | border-color: #0e0721; 415 | } 416 | 417 | .splash .favorite li:nth-of-type(6n+2) a.tag { 418 | border-color: #a49ead; 419 | } 420 | 421 | .splash .favorite li:nth-of-type(6n+3) a.tag { 422 | border-color: #fffcf9; 423 | } 424 | 425 | .splash .favorite li:nth-of-type(6n+4) a.tag { 426 | border-color: #822985; 427 | } 428 | 429 | .splash .favorite li:nth-of-type(6n+5) a.tag { 430 | border-color: #fffcf9; 431 | } 432 | 433 | .splash .favorite li:nth-of-type(6n+6) a.tag { 434 | border-color: #a49ead; 435 | } 436 | 437 | .splash .favorite li:nth-of-type(6n+1) a.tag:hover { 438 | background-color: #0e0721; 439 | color: #fffcf9; 440 | } 441 | 442 | .splash .favorite li:nth-of-type(6n+2) a.tag:hover { 443 | background-color: #a49ead; 444 | color: #000000; 445 | } 446 | 447 | .splash .favorite li:nth-of-type(6n+3) a.tag:hover { 448 | background-color: #fffcf9; 449 | color: #000000; 450 | } 451 | 452 | .splash .favorite li:nth-of-type(6n+4) a.tag:hover { 453 | background-color: #822985; 454 | color: #fffcf9; 455 | } 456 | 457 | .splash .favorite li:nth-of-type(6n+5) a.tag:hover { 458 | background-color: #fffcf9; 459 | color: #000000; 460 | } 461 | 462 | .splash .favorite li:nth-of-type(6n+6) a.tag:hover { 463 | background-color: #a49ead; 464 | color: #000000; 465 | } 466 | 467 | #header .user a[href*=logout]:hover { 468 | /*logout button*/ 469 | background: #a49ead; 470 | color: #000000 !important; 471 | } 472 | 473 | .blurb ul.required-tags li, 474 | .icon a:hover, 475 | h3.heading a, 476 | .blurb ul.required-tags li a, 477 | .blurb ul.required-tags li span, 478 | .icon a, 479 | .heading a.question, 480 | a.modal.help, 481 | .bookmark .count a { 482 | /*removes the border from some stuff because it looks weird*/ 483 | border: none; 484 | background-color: transparent; 485 | } 486 | 487 | /* Some weird stuff was happening in the news posts so I reverted the links back */ 488 | .news a, 489 | .news a:link { 490 | border: none; 491 | background: none; 492 | background-color: transparent; 493 | text-decoration: underline; 494 | padding: initial; 495 | line-height: initial; 496 | } 497 | 498 | .news .actions a, 499 | .news .actions a:link { 500 | padding: 0.25em 0.75em; 501 | line-height: 18px; 502 | text-decoration: none; 503 | } 504 | 505 | /* end of the news stuff*/ 506 | dd.bookmarks a { 507 | line-height: initial; 508 | border: none; 509 | } 510 | 511 | .blurb h4 a:visited, 512 | h5.fandoms a.tag { 513 | color: inherit !important; 514 | } 515 | 516 | /* 517 | ======== 518 | HEADER 519 | ======== 520 | */ 521 | #header .heading a:hover { 522 | color: rgba(130, 41, 133, 0.1); 523 | border: none; 524 | } 525 | 526 | #outer #header { 527 | color: #000000; 528 | background: linear-gradient(to bottom, #0e0721 0%, #0e0721 20%, #a49ead 20%, #a49ead 45%, #fffcf9 45%, #fffcf9); 529 | } 530 | 531 | #outer #outer #header .primary, 532 | #header ul.primary { 533 | background: #822985; 534 | } 535 | 536 | #outer #header a, 537 | #header a:visited { 538 | color: inherit; 539 | } 540 | 541 | #header a.dropdown-toggle, 542 | #header .current, 543 | #header .primary .open a, 544 | #header .primary .dropdown a:focus { 545 | color: #000000; 546 | background-color: transparent; 547 | } 548 | 549 | #header .heading a, 550 | #header #greeting a.dropdown-toggle, 551 | #header .user a[href*=logout] { 552 | color: #000000 !important; 553 | } 554 | 555 | #header ul.primary a.dropdown-toggle, 556 | #header .primary li:hover a.dropdown-toggle { 557 | color: white !important; 558 | } 559 | 560 | #header .logo { 561 | background: #ffffff; 562 | width: 40px; 563 | height: auto; 564 | margin-right: 10px; 565 | padding: 5px; 566 | border-radius: 3px; 567 | } 568 | 569 | #header .heading { 570 | padding: 0.375em; 571 | margin: 1em; 572 | background: #fffcf9; 573 | box-shadow: 5px 5px 0px #822985; 574 | } 575 | 576 | #login, 577 | #greeting { 578 | padding: 0.375em; 579 | margin: 1em; 580 | background: #fffcf9; 581 | box-shadow: 5px 5px 0 #822985; 582 | } 583 | 584 | #footer .module { 585 | max-width: 20%; 586 | margin: 0 2%; 587 | background: #fffcf9; 588 | box-shadow: 5px 5px 0 #822985; 589 | padding: 5px; 590 | } 591 | 592 | /*Search button*/ 593 | #header #search .button { 594 | background: #fffcf9; 595 | color: #822985; 596 | } 597 | 598 | #header #search .text, 599 | #header #search input:focus { 600 | background: #fffcf9; 601 | color: #822985; 602 | } 603 | 604 | /*end of search button*/ 605 | /*end of the header*/ 606 | /* 607 | ============ 608 | TAGS! 609 | ============ 610 | */ 611 | li.relationships a, 612 | dl.meta dd.relationship a.tag { 613 | background: rgba(14, 7, 33, 0.1); 614 | border: 1px solid #0e0721; 615 | color: inherit !important; 616 | } 617 | li.relationships a:hover, li.relationships a:visited:hover, 618 | dl.meta dd.relationship a.tag:hover, 619 | dl.meta dd.relationship a.tag:visited:hover { 620 | background: #0e0721; 621 | border: 1px solid #0e0721; 622 | color: #fffcf9 !important; 623 | } 624 | 625 | li.characters a, 626 | dl.meta dd.character a.tag { 627 | background: rgba(164, 158, 173, 0.1); 628 | border: 1px solid #a49ead; 629 | color: inherit !important; 630 | } 631 | li.characters a:hover, li.characters a:visited:hover, 632 | dl.meta dd.character a.tag:hover, 633 | dl.meta dd.character a.tag:visited:hover { 634 | background: #a49ead; 635 | border: 1px solid #a49ead; 636 | color: #000000 !important; 637 | } 638 | 639 | li.freeforms a, 640 | dl.meta dd.freeform a.tag { 641 | background: rgba(130, 41, 133, 0.1); 642 | border: 1px solid #822985; 643 | color: inherit !important; 644 | } 645 | li.freeforms a:hover, li.freeforms a:visited:hover, 646 | dl.meta dd.freeform a.tag:hover, 647 | dl.meta dd.freeform a.tag:visited:hover { 648 | background: #822985; 649 | border: 1px solid #822985; 650 | color: #fffcf9 !important; 651 | } 652 | 653 | /*this is where the tags end*/ 654 | /* 655 | ===================== 656 | BORDERS 657 | (in the box, around the blurb, 658 | the one with the flag colors) 659 | ===================== 660 | */ 661 | li.comment, 662 | .listbox, 663 | fieldset, 664 | li.blurb, 665 | dl.work.meta.group { 666 | border: 1px solid; 667 | border-image-source: linear-gradient(to bottom, #0e0721 0%, #0e0721 25%, #a49ead 25%, #a49ead 50%, #fffcf9 50%, #fffcf9 75%, #822985 75%, #822985); 668 | border-image-slice: 1; 669 | } 670 | 671 | /*end of the borders*/ 672 | /* 673 | =================== 674 | DASHBOARD SIDE MENU 675 | =================== 676 | */ 677 | #dashboard.own { 678 | border-image-source: linear-gradient(to bottom, #0e0721 0%, #0e0721 25%, #a49ead 25%, #a49ead 50%, #fffcf9 50%, #fffcf9 75%, #822985 75%, #822985); 679 | border-image-slice: 1; 680 | } 681 | 682 | #dashboard a { 683 | border: 1px solid transparent; 684 | } 685 | 686 | #dashboard .current { 687 | background: #a49ead; 688 | border: 1px solid #a49ead; 689 | color: #000000; 690 | } 691 | 692 | #dashboard li:nth-of-type(6n+1) a:hover { 693 | background: #0e0721; 694 | border: 1px solid #0e0721; 695 | color: #fffcf9 !important; 696 | } 697 | 698 | #dashboard li:nth-of-type(6n+2) a:hover { 699 | background: #a49ead; 700 | border: 1px solid #a49ead; 701 | color: #000000 !important; 702 | } 703 | 704 | #dashboard li:nth-of-type(6n+3) a:hover { 705 | background: #fffcf9; 706 | border: 1px solid #fffcf9; 707 | color: #000000 !important; 708 | } 709 | 710 | #dashboard li:nth-of-type(6n+4) a:hover { 711 | background: #822985; 712 | border: 1px solid #822985; 713 | color: #fffcf9 !important; 714 | } 715 | 716 | #dashboard li:nth-of-type(6n+5) a:hover { 717 | background: #fffcf9; 718 | border: 1px solid #fffcf9; 719 | color: #000000 !important; 720 | } 721 | 722 | #dashboard li:nth-of-type(6n+6) a:hover { 723 | background: #a49ead; 724 | border: 1px solid #a49ead; 725 | color: #000000 !important; 726 | } 727 | 728 | /* end of dashboard*/ 729 | /* 730 | ================ 731 | ASSIGNED TABLE 732 | ================ 733 | */ 734 | .assigned tr:nth-of-type(6n+1) a { 735 | background: rgba(14, 7, 33, 0.1); 736 | border: 1px solid #0e0721; 737 | color: inherit !important; 738 | } 739 | .assigned tr:nth-of-type(6n+1) a:hover, .assigned tr:nth-of-type(6n+1) a:visited:hover { 740 | background: #0e0721; 741 | border: 1px solid #0e0721; 742 | color: #fffcf9 !important; 743 | } 744 | 745 | .assigned tr:nth-of-type(6n+2) a { 746 | background: rgba(164, 158, 173, 0.1); 747 | border: 1px solid #a49ead; 748 | color: inherit !important; 749 | } 750 | .assigned tr:nth-of-type(6n+2) a:hover, .assigned tr:nth-of-type(6n+2) a:visited:hover { 751 | background: #a49ead; 752 | border: 1px solid #a49ead; 753 | color: #000000 !important; 754 | } 755 | 756 | .assigned tr:nth-of-type(6n+3) a { 757 | background: rgba(255, 252, 249, 0.1); 758 | border: 1px solid #fffcf9; 759 | color: inherit !important; 760 | } 761 | .assigned tr:nth-of-type(6n+3) a:hover, .assigned tr:nth-of-type(6n+3) a:visited:hover { 762 | background: #fffcf9; 763 | border: 1px solid #fffcf9; 764 | color: #000000 !important; 765 | } 766 | 767 | .assigned tr:nth-of-type(6n+4) a { 768 | background: rgba(130, 41, 133, 0.1); 769 | border: 1px solid #822985; 770 | color: inherit !important; 771 | } 772 | .assigned tr:nth-of-type(6n+4) a:hover, .assigned tr:nth-of-type(6n+4) a:visited:hover { 773 | background: #822985; 774 | border: 1px solid #822985; 775 | color: #fffcf9 !important; 776 | } 777 | 778 | .assigned tr:nth-of-type(6n+5) a { 779 | background: rgba(255, 252, 249, 0.1); 780 | border: 1px solid #fffcf9; 781 | color: inherit !important; 782 | } 783 | .assigned tr:nth-of-type(6n+5) a:hover, .assigned tr:nth-of-type(6n+5) a:visited:hover { 784 | background: #fffcf9; 785 | border: 1px solid #fffcf9; 786 | color: #000000 !important; 787 | } 788 | 789 | .assigned tr:nth-of-type(6n+6) a { 790 | background: rgba(164, 158, 173, 0.1); 791 | border: 1px solid #a49ead; 792 | color: inherit !important; 793 | } 794 | .assigned tr:nth-of-type(6n+6) a:hover, .assigned tr:nth-of-type(6n+6) a:visited:hover { 795 | background: #a49ead; 796 | border: 1px solid #a49ead; 797 | color: #000000 !important; 798 | } 799 | 800 | /*end of assigned wrangling table*/ 801 | /* 802 | ================ 803 | BINSSSS 804 | ================ 805 | */ 806 | col.name { 807 | background: transparent; 808 | } 809 | 810 | #wrangulator tbody th, #wrangulator table { 811 | background: transparent; 812 | } 813 | 814 | #wrangulator tbody tr:nth-of-type(6n+1) { 815 | background: rgba(14, 7, 33, 0.1); 816 | color: inherit !important; 817 | } 818 | #wrangulator tbody tr:nth-of-type(6n+1):hover, #wrangulator tbody tr:nth-of-type(6n+1):visited:hover { 819 | background: #0e0721; 820 | color: #fffcf9 !important; 821 | } 822 | 823 | #wrangulator tbody tr:nth-of-type(6n+2) { 824 | background: rgba(164, 158, 173, 0.1); 825 | color: inherit !important; 826 | } 827 | #wrangulator tbody tr:nth-of-type(6n+2):hover, #wrangulator tbody tr:nth-of-type(6n+2):visited:hover { 828 | background: #a49ead; 829 | color: #000000 !important; 830 | } 831 | 832 | #wrangulator tbody tr:nth-of-type(6n+3) { 833 | background: rgba(255, 252, 249, 0.1); 834 | color: inherit !important; 835 | } 836 | #wrangulator tbody tr:nth-of-type(6n+3):hover, #wrangulator tbody tr:nth-of-type(6n+3):visited:hover { 837 | background: #fffcf9; 838 | color: #000000 !important; 839 | } 840 | 841 | #wrangulator tbody tr:nth-of-type(6n+4) { 842 | background: rgba(130, 41, 133, 0.1); 843 | color: inherit !important; 844 | } 845 | #wrangulator tbody tr:nth-of-type(6n+4):hover, #wrangulator tbody tr:nth-of-type(6n+4):visited:hover { 846 | background: #822985; 847 | color: #fffcf9 !important; 848 | } 849 | 850 | #wrangulator tbody tr:nth-of-type(6n+5) { 851 | background: rgba(255, 252, 249, 0.1); 852 | color: inherit !important; 853 | } 854 | #wrangulator tbody tr:nth-of-type(6n+5):hover, #wrangulator tbody tr:nth-of-type(6n+5):visited:hover { 855 | background: #fffcf9; 856 | color: #000000 !important; 857 | } 858 | 859 | #wrangulator tbody tr:nth-of-type(6n+6) { 860 | background: rgba(164, 158, 173, 0.1); 861 | color: inherit !important; 862 | } 863 | #wrangulator tbody tr:nth-of-type(6n+6):hover, #wrangulator tbody tr:nth-of-type(6n+6):visited:hover { 864 | background: #a49ead; 865 | color: #000000 !important; 866 | } 867 | 868 | /*end of bin tables*/ 869 | /* 870 | ================== 871 | BUTTONS WITH FLAGS 872 | ================== 873 | */ 874 | button, 875 | .actions a, 876 | .actions a:link, 877 | .action, 878 | input[type=submit], 879 | .actions a:visited, 880 | li#form-link span.current, 881 | .listbox .index .actions a, 882 | .listbox .index .actions a:link { 883 | color: inherit; 884 | border: 1px solid; 885 | border-image-slice: 1; 886 | background: linear-gradient(to bottom, rgba(14, 7, 33, 0.1) 25%, rgba(164, 158, 173, 0.1) 50%, rgba(255, 252, 249, 0.1) 75%, rgba(130, 41, 133, 0.1)); 887 | border-image-source: linear-gradient(to bottom, #0e0721 0%, #0e0721 25%, #a49ead 25%, #a49ead 50%, #fffcf9 50%, #fffcf9 75%, #822985 75%, #822985); 888 | } 889 | 890 | button:hover, 891 | .actions a:hover, 892 | .actions a:visited:hover, 893 | .action:hover, 894 | input[type=submit]:hover, 895 | .listbox .index .actions a:hover { 896 | color: #000000 !important; 897 | background: linear-gradient(to bottom, #0e0721 0%, #0e0721 25%, #a49ead 25%, #a49ead 50%, #fffcf9 50%, #fffcf9 75%, #822985 75%, #822985); 898 | border: 1px solid; 899 | border-image-source: linear-gradient(to bottom, #0e0721 0%, #0e0721 25%, #a49ead 25%, #a49ead 50%, #fffcf9 50%, #fffcf9 75%, #822985 75%, #822985); 900 | border-image-slice: 1; 901 | } 902 | 903 | /*end of buttons*/ 904 | -------------------------------------------------------------------------------- /css/biflag.css: -------------------------------------------------------------------------------- 1 | #header .menu, 2 | #small_login, 3 | #header .dropdown:hover .current + .menu, 4 | .event .userstuff, .notice, 5 | .comment_notice, 6 | ul.notes, 7 | .caution, 8 | .error, 9 | .comment_error, 10 | .alert.flash, 11 | .actions a:hover, 12 | .actions input:hover, 13 | .actions a:focus, 14 | .actions input:focus, 15 | label.action:hover, 16 | .action:hover, 17 | .action:focus, 18 | .dynamic form, 19 | .ui-draggable form, #header .primary, 20 | .group.listbox, 21 | fieldset fieldset.listbox, 22 | #main li.blurb, 23 | .wrapper, 24 | #dashboard .secondary, 25 | .secondary, 26 | form blockquote.userstuff, 27 | .thread .comment, 28 | .toggled form, 29 | .listbox .index, 30 | form .notice, 31 | form ul.notes, 32 | form.verbose legend, 33 | .verbose form legend, 34 | span.question, 35 | fieldset, 36 | form dl, 37 | fieldset dl dl, 38 | fieldset fieldset fieldset, 39 | fieldset fieldset dl dl, 40 | dd.hideme, 41 | .delete a, 42 | span.delete, 43 | #header ul.primary, input, .actions input, 44 | input[type=submit], 45 | textarea, .actions a, 46 | .actions a:link, 47 | .action, 48 | .action:link, 49 | button, 50 | .current, 51 | .actions label { 52 | /* 53 | This resets the shadows in several places 54 | */ 55 | box-shadow: none; 56 | } 57 | 58 | #footer, 59 | .autocomplete .dropdown ul li:hover, 60 | li.selected, 61 | .autocomplete a:hover, form .notice, 62 | form ul.notes, 63 | form.verbose legend, 64 | .verbose form legend, input, .actions input, 65 | input[type=submit], 66 | textarea, .actions a, 67 | .actions a:link, 68 | .action, 69 | .action:link, 70 | button, 71 | .current, 72 | .actions label { 73 | /* 74 | This resets the background image from default skin in several places 75 | */ 76 | background-image: none; 77 | } 78 | 79 | .actions input, 80 | input[type=submit], 81 | textarea, .actions a, 82 | .actions a:link, 83 | .action, 84 | .action:link, 85 | button, 86 | .current, 87 | .actions label { 88 | /* 89 | Further 3d elements to reset in webkit browsers 90 | */ 91 | -webkit-appearance: none; 92 | } 93 | 94 | form .notice, 95 | form ul.notes, 96 | form.verbose legend, 97 | .verbose form legend, 98 | .actions a, 99 | .actions a:link, 100 | .action, 101 | .action:link, 102 | input[type=submit], 103 | button, 104 | .current, 105 | .actions label, .notice, 106 | .comment_notice, 107 | ul.notes, 108 | .caution, 109 | .error, 110 | .comment_error, 111 | .alert.flash, 112 | .actions a:hover, 113 | .actions input:hover, 114 | .actions a:focus, 115 | .actions input:focus, 116 | label.action:hover, 117 | .action:hover, 118 | .action:focus, 119 | .toggled form, 120 | .dynamic form, 121 | .ui-draggable form { 122 | /* Sets the style for border buttons */ 123 | border: none; 124 | } 125 | 126 | .actions a, 127 | .actions a:link, 128 | .action, 129 | .action:link, 130 | button, 131 | .current, 132 | .actions label { 133 | border: none; 134 | } 135 | 136 | input { 137 | width: 96%; 138 | border: 1px solid; 139 | } 140 | 141 | .actions a:hover, 142 | a:hover, 143 | .actions input:hover, 144 | #dashboard a:hover, 145 | .actions a:focus, 146 | .actions input:focus, 147 | #dashboard a:focus, 148 | .actions a:active, 149 | .current, 150 | a.current, 151 | .current a:visited, 152 | #dashboard .current, 153 | #outer .current, 154 | #header .current, 155 | span.unread, 156 | .replied, 157 | span.claimed, 158 | dl.index dd, 159 | .own, 160 | .draft, 161 | .draft .unread, 162 | .child, 163 | .unwrangled, 164 | .unreviewed, 165 | .ui-sortable li:hover, 166 | #header .primary .menu .current { 167 | /* resets the border color */ 168 | border-color: initial; 169 | /* extra aggressive shadow removing */ 170 | box-shadow: none !important; 171 | } 172 | 173 | form .notice, 174 | form ul.notes, 175 | form.verbose legend, 176 | .verbose form legend, 177 | .actions a, 178 | .actions a:link, 179 | .action, 180 | .action:link, 181 | input[type=submit], 182 | button, 183 | .current, 184 | .actions label { 185 | border-bottom: none; 186 | } 187 | 188 | .listbox .index, 189 | .dashboard .listbox .index, 190 | .splash .news li, 191 | form dt, 192 | .picture .header { 193 | /* 194 | some stuff needs some aggressive non-bordering 195 | */ 196 | border: none; 197 | border-bottom: none; 198 | border-top: none; 199 | border-left: none; 200 | border-right: none; 201 | } 202 | 203 | #header .menu, 204 | #small_login, 205 | #header .dropdown:hover .current + .menu, 206 | .event .userstuff { 207 | /* 208 | removes some more effects of default skin 209 | */ 210 | filter: none; 211 | } 212 | 213 | .autocomplete input, 214 | .autocomplete .dropdown ul li { 215 | min-width: 10px; 216 | } 217 | 218 | fieldset.work.meta .fandom.required ul.autocomplete, 219 | .listbox, 220 | fieldset fieldset.listbox, 221 | fieldset, 222 | form dl, 223 | fieldset dl dl, 224 | fieldset fieldset fieldset, 225 | fieldset fieldset dl dl, 226 | dd.hideme, 227 | form blockquote.userstuff { 228 | background: transparent; 229 | } 230 | 231 | .actions input[type=checkbox] { 232 | appearance: auto; 233 | } 234 | 235 | /* 236 | ========== 237 | MENU 238 | ========== 239 | */ 240 | #header .actions a:hover, 241 | #header .actions a:focus, 242 | #header .dropdown:hover a, 243 | #header .open a { 244 | color: black; 245 | } 246 | 247 | #header .dropdown:hover a, 248 | ul.menu.dropdown-menu { 249 | background: transparent; 250 | border-color: transparent; 251 | } 252 | 253 | #outer #header .dropdown-menu li:nth-of-type(6n+1) a, 254 | #outer #header .dropdown-menu li:nth-of-type(6n+1) a:visited, 255 | #outer #header .dropdown-menu li:nth-of-type(6n+1) a:link { 256 | background-color: #d6338a; 257 | color: #ffffff; 258 | } 259 | 260 | #outer #header .dropdown-menu li:nth-of-type(6n+2) a, 261 | #outer #header .dropdown-menu li:nth-of-type(6n+2) a:visited, 262 | #outer #header .dropdown-menu li:nth-of-type(6n+2) a:link { 263 | background-color: #9e49ae; 264 | color: #ffffff; 265 | } 266 | 267 | #outer #header .dropdown-menu li:nth-of-type(6n+3) a, 268 | #outer #header .dropdown-menu li:nth-of-type(6n+3) a:visited, 269 | #outer #header .dropdown-menu li:nth-of-type(6n+3) a:link { 270 | background-color: #1137ad; 271 | color: #ffffff; 272 | } 273 | 274 | #outer #header .dropdown-menu li:nth-of-type(6n+4) a, 275 | #outer #header .dropdown-menu li:nth-of-type(6n+4) a:visited, 276 | #outer #header .dropdown-menu li:nth-of-type(6n+4) a:link { 277 | background-color: #d6338a; 278 | color: #ffffff; 279 | } 280 | 281 | #outer #header .dropdown-menu li:nth-of-type(6n+5) a, 282 | #outer #header .dropdown-menu li:nth-of-type(6n+5) a:visited, 283 | #outer #header .dropdown-menu li:nth-of-type(6n+5) a:link { 284 | background-color: #9e49ae; 285 | color: #ffffff; 286 | } 287 | 288 | #outer #header .dropdown-menu li:nth-of-type(6n+6) a, 289 | #outer #header .dropdown-menu li:nth-of-type(6n+6) a:visited, 290 | #outer #header .dropdown-menu li:nth-of-type(6n+6) a:link { 291 | background-color: #1137ad; 292 | color: #ffffff; 293 | } 294 | 295 | #outer #header .dropdown-menu li:nth-of-type(6n+1) a:hover, 296 | #outer #header .dropdown-menu li:nth-of-type(6n+1) a:focus { 297 | text-decoration: underline; 298 | color: #ffffff !important; 299 | } 300 | 301 | #outer #header .dropdown-menu li:nth-of-type(6n+2) a:hover, 302 | #outer #header .dropdown-menu li:nth-of-type(6n+2) a:focus { 303 | text-decoration: underline; 304 | color: #ffffff !important; 305 | } 306 | 307 | #outer #header .dropdown-menu li:nth-of-type(6n+3) a:hover, 308 | #outer #header .dropdown-menu li:nth-of-type(6n+3) a:focus { 309 | text-decoration: underline; 310 | color: #ffffff !important; 311 | } 312 | 313 | #outer #header .dropdown-menu li:nth-of-type(6n+4) a:hover, 314 | #outer #header .dropdown-menu li:nth-of-type(6n+4) a:focus { 315 | text-decoration: underline; 316 | color: #ffffff !important; 317 | } 318 | 319 | #outer #header .dropdown-menu li:nth-of-type(6n+5) a:hover, 320 | #outer #header .dropdown-menu li:nth-of-type(6n+5) a:focus { 321 | text-decoration: underline; 322 | color: #ffffff !important; 323 | } 324 | 325 | #outer #header .dropdown-menu li:nth-of-type(6n+6) a:hover, 326 | #outer #header .dropdown-menu li:nth-of-type(6n+6) a:focus { 327 | text-decoration: underline; 328 | color: #ffffff !important; 329 | } 330 | 331 | #header .primary .menu .current { 332 | background-color: #d6338a; 333 | color: #ffffff; 334 | } 335 | 336 | #header .dropdown:hover a.dropdown-toggle { 337 | color: #d6338a !important; 338 | } 339 | 340 | /*end of the menuuuu*/ 341 | /* 342 | ======== 343 | Footer 344 | ======== 345 | */ 346 | #outer #footer { 347 | background: linear-gradient(to bottom, #d6338a 0%, #d6338a 33%, #9e49ae 33%, #9e49ae 66%, #1137ad 66%, #1137ad); 348 | border-top: none; 349 | } 350 | #outer #footer a, 351 | #outer #footer .heading, 352 | #outer #footer li { 353 | color: #ffffff; 354 | } 355 | 356 | /* 357 | end of the footer 358 | */ 359 | /* 360 | ======================== 361 | Accent color and links 362 | (it makes it with 363 | a transparent bg 364 | and the border) 365 | ======================== 366 | */ 367 | .splash .module h3, 368 | a, 369 | a:link, 370 | a:visited, 371 | .blurb h4 a, 372 | .blurb h4 a:link, 373 | .blurb h4 a:visited { 374 | background: rgba(158, 73, 174, 0.1); 375 | background-color: rgba(158, 73, 174, 0.1); 376 | border: 1px solid #d6338a; 377 | padding: 4px; 378 | line-height: 30px; 379 | color: inherit; 380 | } 381 | 382 | a:hover, 383 | a:hover:visited, 384 | .blurb h4 a:hover, 385 | .blurb h4 a:visited:hover, 386 | a.tag:hover, 387 | a.tag:visited:hover, 388 | h5.fandoms a.tag:visited:hover, 389 | h5.fandoms a.tag:hover, 390 | .listbox .heading a.tag:visited:hover { 391 | background-color: #d6338a; 392 | background: #d6338a; 393 | border: 1px solid #d6338a; 394 | color: #ffffff !important; 395 | } 396 | 397 | /* 398 | end of accent color 399 | */ 400 | /*Favorites in Home*/ 401 | .splash .favorite a { 402 | border: 1px solid; 403 | } 404 | 405 | .splash .favorite li { 406 | margin: 3px; 407 | } 408 | 409 | .splash .favorite li a.tag, .splash .favorite li:nth-of-type(odd) a.tag { 410 | background-color: transparent; 411 | } 412 | 413 | .splash .favorite li:nth-of-type(6n+1) a.tag { 414 | border-color: #d6338a; 415 | } 416 | 417 | .splash .favorite li:nth-of-type(6n+2) a.tag { 418 | border-color: #9e49ae; 419 | } 420 | 421 | .splash .favorite li:nth-of-type(6n+3) a.tag { 422 | border-color: #1137ad; 423 | } 424 | 425 | .splash .favorite li:nth-of-type(6n+4) a.tag { 426 | border-color: #d6338a; 427 | } 428 | 429 | .splash .favorite li:nth-of-type(6n+5) a.tag { 430 | border-color: #9e49ae; 431 | } 432 | 433 | .splash .favorite li:nth-of-type(6n+6) a.tag { 434 | border-color: #1137ad; 435 | } 436 | 437 | .splash .favorite li:nth-of-type(6n+1) a.tag:hover { 438 | background-color: #d6338a; 439 | color: #ffffff; 440 | } 441 | 442 | .splash .favorite li:nth-of-type(6n+2) a.tag:hover { 443 | background-color: #9e49ae; 444 | color: #ffffff; 445 | } 446 | 447 | .splash .favorite li:nth-of-type(6n+3) a.tag:hover { 448 | background-color: #1137ad; 449 | color: #ffffff; 450 | } 451 | 452 | .splash .favorite li:nth-of-type(6n+4) a.tag:hover { 453 | background-color: #d6338a; 454 | color: #ffffff; 455 | } 456 | 457 | .splash .favorite li:nth-of-type(6n+5) a.tag:hover { 458 | background-color: #9e49ae; 459 | color: #ffffff; 460 | } 461 | 462 | .splash .favorite li:nth-of-type(6n+6) a.tag:hover { 463 | background-color: #1137ad; 464 | color: #ffffff; 465 | } 466 | 467 | #header .user a[href*=logout]:hover { 468 | /*logout button*/ 469 | background: #d6338a; 470 | color: #ffffff !important; 471 | } 472 | 473 | .blurb ul.required-tags li, 474 | .icon a:hover, 475 | h3.heading a, 476 | .blurb ul.required-tags li a, 477 | .blurb ul.required-tags li span, 478 | .icon a, 479 | .heading a.question, 480 | a.modal.help, 481 | .bookmark .count a { 482 | /*removes the border from some stuff because it looks weird*/ 483 | border: none; 484 | background-color: transparent; 485 | } 486 | 487 | /* Some weird stuff was happening in the news posts so I reverted the links back */ 488 | .news a, 489 | .news a:link { 490 | border: none; 491 | background: none; 492 | background-color: transparent; 493 | text-decoration: underline; 494 | padding: initial; 495 | line-height: initial; 496 | } 497 | 498 | .news .actions a, 499 | .news .actions a:link { 500 | padding: 0.25em 0.75em; 501 | line-height: 18px; 502 | text-decoration: none; 503 | } 504 | 505 | /* end of the news stuff*/ 506 | dd.bookmarks a { 507 | line-height: initial; 508 | border: none; 509 | } 510 | 511 | .blurb h4 a:visited, 512 | h5.fandoms a.tag { 513 | color: inherit !important; 514 | } 515 | 516 | /* 517 | ======== 518 | HEADER 519 | ======== 520 | */ 521 | #header .heading a:hover { 522 | color: rgba(158, 73, 174, 0.1); 523 | border: none; 524 | } 525 | 526 | #outer #header { 527 | color: #ffffff; 528 | background: linear-gradient(to bottom, #d6338a 0%, #d6338a 33%, #9e49ae 33%, #9e49ae 66%, #1137ad 66%, #1137ad); 529 | } 530 | 531 | #outer #outer #header .primary, 532 | #header ul.primary { 533 | background: none; 534 | } 535 | 536 | #outer #header a, 537 | #header a:visited { 538 | color: inherit; 539 | } 540 | 541 | #header a.dropdown-toggle, 542 | #header .current, 543 | #header .primary .open a, 544 | #header .primary .dropdown a:focus { 545 | color: #ffffff; 546 | background-color: transparent; 547 | } 548 | 549 | #header .heading a, 550 | #header #greeting a.dropdown-toggle, 551 | #header .user a[href*=logout] { 552 | color: #ffffff !important; 553 | } 554 | 555 | #header .primary a.dropdown-toggle, 556 | #header .primary li:hover a.dropdown-toggle { 557 | color: #ffffff !important; 558 | background-color: transparent !important; 559 | } 560 | 561 | #header .logo { 562 | background: #ffffff; 563 | width: 40px; 564 | height: auto; 565 | margin-right: 10px; 566 | padding: 5px; 567 | border-radius: 3px; 568 | } 569 | 570 | /*Search button*/ 571 | #header #search .button { 572 | background: #d6338a; 573 | color: #ffffff; 574 | } 575 | 576 | #header #search .text, 577 | #header #search input:focus { 578 | background: #d6338a; 579 | color: #ffffff; 580 | } 581 | 582 | /*end of search button*/ 583 | /*end of the header*/ 584 | /* 585 | ============ 586 | TAGS! 587 | ============ 588 | */ 589 | li.relationships a, 590 | dl.meta dd.relationship a.tag { 591 | background: rgba(214, 51, 138, 0.1); 592 | border: 1px solid #d6338a; 593 | color: inherit !important; 594 | } 595 | li.relationships a:hover, li.relationships a:visited:hover, 596 | dl.meta dd.relationship a.tag:hover, 597 | dl.meta dd.relationship a.tag:visited:hover { 598 | background: #d6338a; 599 | border: 1px solid #d6338a; 600 | color: #ffffff !important; 601 | } 602 | 603 | li.characters a, 604 | dl.meta dd.character a.tag { 605 | background: rgba(158, 73, 174, 0.1); 606 | border: 1px solid #9e49ae; 607 | color: inherit !important; 608 | } 609 | li.characters a:hover, li.characters a:visited:hover, 610 | dl.meta dd.character a.tag:hover, 611 | dl.meta dd.character a.tag:visited:hover { 612 | background: #9e49ae; 613 | border: 1px solid #9e49ae; 614 | color: #ffffff !important; 615 | } 616 | 617 | li.freeforms a, 618 | dl.meta dd.freeform a.tag { 619 | background: rgba(17, 55, 173, 0.1); 620 | border: 1px solid #1137ad; 621 | color: inherit !important; 622 | } 623 | li.freeforms a:hover, li.freeforms a:visited:hover, 624 | dl.meta dd.freeform a.tag:hover, 625 | dl.meta dd.freeform a.tag:visited:hover { 626 | background: #1137ad; 627 | border: 1px solid #1137ad; 628 | color: #ffffff !important; 629 | } 630 | 631 | /*this is where the tags end*/ 632 | /* 633 | ===================== 634 | BORDERS 635 | (in the box, around the blurb, 636 | the one with the flag colors) 637 | ===================== 638 | */ 639 | li.comment, 640 | .listbox, 641 | fieldset, 642 | li.blurb, 643 | dl.work.meta.group { 644 | border: 1px solid; 645 | border-image-source: linear-gradient(to bottom, #d6338a 0%, #d6338a 33%, #9e49ae 33%, #9e49ae 66%, #1137ad 66%, #1137ad); 646 | border-image-slice: 1; 647 | } 648 | 649 | /*end of the borders*/ 650 | /* 651 | =================== 652 | DASHBOARD SIDE MENU 653 | =================== 654 | */ 655 | #dashboard.own { 656 | border-image-source: linear-gradient(to bottom, #d6338a 0%, #d6338a 33%, #9e49ae 33%, #9e49ae 66%, #1137ad 66%, #1137ad); 657 | border-image-slice: 1; 658 | } 659 | 660 | #dashboard a { 661 | border: 1px solid transparent; 662 | } 663 | 664 | #dashboard .current { 665 | background: #d6338a; 666 | border: 1px solid #d6338a; 667 | color: #ffffff; 668 | } 669 | 670 | #dashboard li:nth-of-type(6n+1) a:hover { 671 | background: #d6338a; 672 | border: 1px solid #d6338a; 673 | color: #ffffff !important; 674 | } 675 | 676 | #dashboard li:nth-of-type(6n+2) a:hover { 677 | background: #9e49ae; 678 | border: 1px solid #9e49ae; 679 | color: #ffffff !important; 680 | } 681 | 682 | #dashboard li:nth-of-type(6n+3) a:hover { 683 | background: #1137ad; 684 | border: 1px solid #1137ad; 685 | color: #ffffff !important; 686 | } 687 | 688 | #dashboard li:nth-of-type(6n+4) a:hover { 689 | background: #d6338a; 690 | border: 1px solid #d6338a; 691 | color: #ffffff !important; 692 | } 693 | 694 | #dashboard li:nth-of-type(6n+5) a:hover { 695 | background: #9e49ae; 696 | border: 1px solid #9e49ae; 697 | color: #ffffff !important; 698 | } 699 | 700 | #dashboard li:nth-of-type(6n+6) a:hover { 701 | background: #1137ad; 702 | border: 1px solid #1137ad; 703 | color: #ffffff !important; 704 | } 705 | 706 | /* end of dashboard*/ 707 | /* 708 | ================ 709 | ASSIGNED TABLE 710 | ================ 711 | */ 712 | .assigned tr:nth-of-type(6n+1) a { 713 | background: rgba(214, 51, 138, 0.1); 714 | border: 1px solid #d6338a; 715 | color: inherit !important; 716 | } 717 | .assigned tr:nth-of-type(6n+1) a:hover, .assigned tr:nth-of-type(6n+1) a:visited:hover { 718 | background: #d6338a; 719 | border: 1px solid #d6338a; 720 | color: #ffffff !important; 721 | } 722 | 723 | .assigned tr:nth-of-type(6n+2) a { 724 | background: rgba(158, 73, 174, 0.1); 725 | border: 1px solid #9e49ae; 726 | color: inherit !important; 727 | } 728 | .assigned tr:nth-of-type(6n+2) a:hover, .assigned tr:nth-of-type(6n+2) a:visited:hover { 729 | background: #9e49ae; 730 | border: 1px solid #9e49ae; 731 | color: #ffffff !important; 732 | } 733 | 734 | .assigned tr:nth-of-type(6n+3) a { 735 | background: rgba(17, 55, 173, 0.1); 736 | border: 1px solid #1137ad; 737 | color: inherit !important; 738 | } 739 | .assigned tr:nth-of-type(6n+3) a:hover, .assigned tr:nth-of-type(6n+3) a:visited:hover { 740 | background: #1137ad; 741 | border: 1px solid #1137ad; 742 | color: #ffffff !important; 743 | } 744 | 745 | .assigned tr:nth-of-type(6n+4) a { 746 | background: rgba(214, 51, 138, 0.1); 747 | border: 1px solid #d6338a; 748 | color: inherit !important; 749 | } 750 | .assigned tr:nth-of-type(6n+4) a:hover, .assigned tr:nth-of-type(6n+4) a:visited:hover { 751 | background: #d6338a; 752 | border: 1px solid #d6338a; 753 | color: #ffffff !important; 754 | } 755 | 756 | .assigned tr:nth-of-type(6n+5) a { 757 | background: rgba(158, 73, 174, 0.1); 758 | border: 1px solid #9e49ae; 759 | color: inherit !important; 760 | } 761 | .assigned tr:nth-of-type(6n+5) a:hover, .assigned tr:nth-of-type(6n+5) a:visited:hover { 762 | background: #9e49ae; 763 | border: 1px solid #9e49ae; 764 | color: #ffffff !important; 765 | } 766 | 767 | .assigned tr:nth-of-type(6n+6) a { 768 | background: rgba(17, 55, 173, 0.1); 769 | border: 1px solid #1137ad; 770 | color: inherit !important; 771 | } 772 | .assigned tr:nth-of-type(6n+6) a:hover, .assigned tr:nth-of-type(6n+6) a:visited:hover { 773 | background: #1137ad; 774 | border: 1px solid #1137ad; 775 | color: #ffffff !important; 776 | } 777 | 778 | /*end of assigned wrangling table*/ 779 | /* 780 | ================ 781 | BINSSSS 782 | ================ 783 | */ 784 | col.name { 785 | background: transparent; 786 | } 787 | 788 | #wrangulator tbody th, #wrangulator table { 789 | background: transparent; 790 | } 791 | 792 | #wrangulator tbody tr:nth-of-type(6n+1) { 793 | background: rgba(214, 51, 138, 0.1); 794 | color: inherit !important; 795 | } 796 | #wrangulator tbody tr:nth-of-type(6n+1):hover, #wrangulator tbody tr:nth-of-type(6n+1):visited:hover { 797 | background: #d6338a; 798 | color: #ffffff !important; 799 | } 800 | 801 | #wrangulator tbody tr:nth-of-type(6n+2) { 802 | background: rgba(158, 73, 174, 0.1); 803 | color: inherit !important; 804 | } 805 | #wrangulator tbody tr:nth-of-type(6n+2):hover, #wrangulator tbody tr:nth-of-type(6n+2):visited:hover { 806 | background: #9e49ae; 807 | color: #ffffff !important; 808 | } 809 | 810 | #wrangulator tbody tr:nth-of-type(6n+3) { 811 | background: rgba(17, 55, 173, 0.1); 812 | color: inherit !important; 813 | } 814 | #wrangulator tbody tr:nth-of-type(6n+3):hover, #wrangulator tbody tr:nth-of-type(6n+3):visited:hover { 815 | background: #1137ad; 816 | color: #ffffff !important; 817 | } 818 | 819 | #wrangulator tbody tr:nth-of-type(6n+4) { 820 | background: rgba(214, 51, 138, 0.1); 821 | color: inherit !important; 822 | } 823 | #wrangulator tbody tr:nth-of-type(6n+4):hover, #wrangulator tbody tr:nth-of-type(6n+4):visited:hover { 824 | background: #d6338a; 825 | color: #ffffff !important; 826 | } 827 | 828 | #wrangulator tbody tr:nth-of-type(6n+5) { 829 | background: rgba(158, 73, 174, 0.1); 830 | color: inherit !important; 831 | } 832 | #wrangulator tbody tr:nth-of-type(6n+5):hover, #wrangulator tbody tr:nth-of-type(6n+5):visited:hover { 833 | background: #9e49ae; 834 | color: #ffffff !important; 835 | } 836 | 837 | #wrangulator tbody tr:nth-of-type(6n+6) { 838 | background: rgba(17, 55, 173, 0.1); 839 | color: inherit !important; 840 | } 841 | #wrangulator tbody tr:nth-of-type(6n+6):hover, #wrangulator tbody tr:nth-of-type(6n+6):visited:hover { 842 | background: #1137ad; 843 | color: #ffffff !important; 844 | } 845 | 846 | /*end of bin tables*/ 847 | /* 848 | ================== 849 | BUTTONS WITH FLAGS 850 | ================== 851 | */ 852 | button, 853 | .actions a, 854 | .actions a:link, 855 | .action, 856 | input[type=submit], 857 | .actions a:visited, 858 | li#form-link span.current, 859 | .listbox .index .actions a, 860 | .listbox .index .actions a:link { 861 | color: inherit; 862 | border: 1px solid; 863 | border-image-slice: 1; 864 | background: linear-gradient(to bottom, rgba(214, 51, 138, 0.1) 33%, rgba(158, 73, 174, 0.1) 66%, rgba(17, 55, 173, 0.1)); 865 | border-image-source: linear-gradient(to bottom, #d6338a 0%, #d6338a 33%, #9e49ae 33%, #9e49ae 66%, #1137ad 66%, #1137ad); 866 | } 867 | 868 | button:hover, 869 | .actions a:hover, 870 | .actions a:visited:hover, 871 | .action:hover, 872 | input[type=submit]:hover, 873 | .listbox .index .actions a:hover { 874 | color: #ffffff !important; 875 | background: linear-gradient(to bottom, #d6338a 0%, #d6338a 33%, #9e49ae 33%, #9e49ae 66%, #1137ad 66%, #1137ad); 876 | border: 1px solid; 877 | border-image-source: linear-gradient(to bottom, #d6338a 0%, #d6338a 33%, #9e49ae 33%, #9e49ae 66%, #1137ad 66%, #1137ad); 878 | border-image-slice: 1; 879 | } 880 | 881 | /*end of buttons*/ 882 | -------------------------------------------------------------------------------- /css/genderqueerflag.css: -------------------------------------------------------------------------------- 1 | #header .menu, 2 | #small_login, 3 | #header .dropdown:hover .current + .menu, 4 | .event .userstuff, .notice, 5 | .comment_notice, 6 | ul.notes, 7 | .caution, 8 | .error, 9 | .comment_error, 10 | .alert.flash, 11 | .actions a:hover, 12 | .actions input:hover, 13 | .actions a:focus, 14 | .actions input:focus, 15 | label.action:hover, 16 | .action:hover, 17 | .action:focus, 18 | .dynamic form, 19 | .ui-draggable form, #header .primary, 20 | .group.listbox, 21 | fieldset fieldset.listbox, 22 | #main li.blurb, 23 | .wrapper, 24 | #dashboard .secondary, 25 | .secondary, 26 | form blockquote.userstuff, 27 | .thread .comment, 28 | .toggled form, 29 | .listbox .index, 30 | form .notice, 31 | form ul.notes, 32 | form.verbose legend, 33 | .verbose form legend, 34 | span.question, 35 | fieldset, 36 | form dl, 37 | fieldset dl dl, 38 | fieldset fieldset fieldset, 39 | fieldset fieldset dl dl, 40 | dd.hideme, 41 | .delete a, 42 | span.delete, 43 | #header ul.primary, input, .actions input, 44 | input[type=submit], 45 | textarea, .actions a, 46 | .actions a:link, 47 | .action, 48 | .action:link, 49 | button, 50 | .current, 51 | .actions label { 52 | /* 53 | This resets the shadows in several places 54 | */ 55 | box-shadow: none; 56 | } 57 | 58 | #footer, 59 | .autocomplete .dropdown ul li:hover, 60 | li.selected, 61 | .autocomplete a:hover, form .notice, 62 | form ul.notes, 63 | form.verbose legend, 64 | .verbose form legend, input, .actions input, 65 | input[type=submit], 66 | textarea, .actions a, 67 | .actions a:link, 68 | .action, 69 | .action:link, 70 | button, 71 | .current, 72 | .actions label { 73 | /* 74 | This resets the background image from default skin in several places 75 | */ 76 | background-image: none; 77 | } 78 | 79 | .actions input, 80 | input[type=submit], 81 | textarea, .actions a, 82 | .actions a:link, 83 | .action, 84 | .action:link, 85 | button, 86 | .current, 87 | .actions label { 88 | /* 89 | Further 3d elements to reset in webkit browsers 90 | */ 91 | -webkit-appearance: none; 92 | } 93 | 94 | form .notice, 95 | form ul.notes, 96 | form.verbose legend, 97 | .verbose form legend, 98 | .actions a, 99 | .actions a:link, 100 | .action, 101 | .action:link, 102 | input[type=submit], 103 | button, 104 | .current, 105 | .actions label, .notice, 106 | .comment_notice, 107 | ul.notes, 108 | .caution, 109 | .error, 110 | .comment_error, 111 | .alert.flash, 112 | .actions a:hover, 113 | .actions input:hover, 114 | .actions a:focus, 115 | .actions input:focus, 116 | label.action:hover, 117 | .action:hover, 118 | .action:focus, 119 | .toggled form, 120 | .dynamic form, 121 | .ui-draggable form { 122 | /* Sets the style for border buttons */ 123 | border: none; 124 | } 125 | 126 | .actions a, 127 | .actions a:link, 128 | .action, 129 | .action:link, 130 | button, 131 | .current, 132 | .actions label { 133 | border: none; 134 | } 135 | 136 | input { 137 | width: 96%; 138 | border: 1px solid; 139 | } 140 | 141 | .actions a:hover, 142 | a:hover, 143 | .actions input:hover, 144 | #dashboard a:hover, 145 | .actions a:focus, 146 | .actions input:focus, 147 | #dashboard a:focus, 148 | .actions a:active, 149 | .current, 150 | a.current, 151 | .current a:visited, 152 | #dashboard .current, 153 | #outer .current, 154 | #header .current, 155 | span.unread, 156 | .replied, 157 | span.claimed, 158 | dl.index dd, 159 | .own, 160 | .draft, 161 | .draft .unread, 162 | .child, 163 | .unwrangled, 164 | .unreviewed, 165 | .ui-sortable li:hover, 166 | #header .primary .menu .current { 167 | /* resets the border color */ 168 | border-color: initial; 169 | /* extra aggressive shadow removing */ 170 | box-shadow: none !important; 171 | } 172 | 173 | form .notice, 174 | form ul.notes, 175 | form.verbose legend, 176 | .verbose form legend, 177 | .actions a, 178 | .actions a:link, 179 | .action, 180 | .action:link, 181 | input[type=submit], 182 | button, 183 | .current, 184 | .actions label { 185 | border-bottom: none; 186 | } 187 | 188 | .listbox .index, 189 | .dashboard .listbox .index, 190 | .splash .news li, 191 | form dt, 192 | .picture .header { 193 | /* 194 | some stuff needs some aggressive non-bordering 195 | */ 196 | border: none; 197 | border-bottom: none; 198 | border-top: none; 199 | border-left: none; 200 | border-right: none; 201 | } 202 | 203 | #header .menu, 204 | #small_login, 205 | #header .dropdown:hover .current + .menu, 206 | .event .userstuff { 207 | /* 208 | removes some more effects of default skin 209 | */ 210 | filter: none; 211 | } 212 | 213 | .autocomplete input, 214 | .autocomplete .dropdown ul li { 215 | min-width: 10px; 216 | } 217 | 218 | fieldset.work.meta .fandom.required ul.autocomplete, 219 | .listbox, 220 | fieldset fieldset.listbox, 221 | fieldset, 222 | form dl, 223 | fieldset dl dl, 224 | fieldset fieldset fieldset, 225 | fieldset fieldset dl dl, 226 | dd.hideme, 227 | form blockquote.userstuff { 228 | background: transparent; 229 | } 230 | 231 | .actions input[type=checkbox] { 232 | appearance: auto; 233 | } 234 | 235 | /* 236 | ========== 237 | MENU 238 | ========== 239 | */ 240 | #header .actions a:hover, 241 | #header .actions a:focus, 242 | #header .dropdown:hover a, 243 | #header .open a { 244 | color: black; 245 | } 246 | 247 | #header .dropdown:hover a, 248 | ul.menu.dropdown-menu { 249 | background: transparent; 250 | border-color: transparent; 251 | } 252 | 253 | #outer #header .dropdown-menu li:nth-of-type(6n+1) a, 254 | #outer #header .dropdown-menu li:nth-of-type(6n+1) a:visited, 255 | #outer #header .dropdown-menu li:nth-of-type(6n+1) a:link { 256 | background-color: #c088e6; 257 | color: #000000; 258 | } 259 | 260 | #outer #header .dropdown-menu li:nth-of-type(6n+2) a, 261 | #outer #header .dropdown-menu li:nth-of-type(6n+2) a:visited, 262 | #outer #header .dropdown-menu li:nth-of-type(6n+2) a:link { 263 | background-color: #fffff6; 264 | color: #000000; 265 | } 266 | 267 | #outer #header .dropdown-menu li:nth-of-type(6n+3) a, 268 | #outer #header .dropdown-menu li:nth-of-type(6n+3) a:visited, 269 | #outer #header .dropdown-menu li:nth-of-type(6n+3) a:link { 270 | background-color: #419831; 271 | color: #fffff6; 272 | } 273 | 274 | #outer #header .dropdown-menu li:nth-of-type(6n+4) a, 275 | #outer #header .dropdown-menu li:nth-of-type(6n+4) a:visited, 276 | #outer #header .dropdown-menu li:nth-of-type(6n+4) a:link { 277 | background-color: #c088e6; 278 | color: #000000; 279 | } 280 | 281 | #outer #header .dropdown-menu li:nth-of-type(6n+5) a, 282 | #outer #header .dropdown-menu li:nth-of-type(6n+5) a:visited, 283 | #outer #header .dropdown-menu li:nth-of-type(6n+5) a:link { 284 | background-color: #fffff6; 285 | color: #000000; 286 | } 287 | 288 | #outer #header .dropdown-menu li:nth-of-type(6n+6) a, 289 | #outer #header .dropdown-menu li:nth-of-type(6n+6) a:visited, 290 | #outer #header .dropdown-menu li:nth-of-type(6n+6) a:link { 291 | background-color: #419831; 292 | color: #fffff6; 293 | } 294 | 295 | #outer #header .dropdown-menu li:nth-of-type(6n+1) a:hover, 296 | #outer #header .dropdown-menu li:nth-of-type(6n+1) a:focus { 297 | text-decoration: underline; 298 | color: #000000 !important; 299 | } 300 | 301 | #outer #header .dropdown-menu li:nth-of-type(6n+2) a:hover, 302 | #outer #header .dropdown-menu li:nth-of-type(6n+2) a:focus { 303 | text-decoration: underline; 304 | color: #000000 !important; 305 | } 306 | 307 | #outer #header .dropdown-menu li:nth-of-type(6n+3) a:hover, 308 | #outer #header .dropdown-menu li:nth-of-type(6n+3) a:focus { 309 | text-decoration: underline; 310 | color: #fffff6 !important; 311 | } 312 | 313 | #outer #header .dropdown-menu li:nth-of-type(6n+4) a:hover, 314 | #outer #header .dropdown-menu li:nth-of-type(6n+4) a:focus { 315 | text-decoration: underline; 316 | color: #000000 !important; 317 | } 318 | 319 | #outer #header .dropdown-menu li:nth-of-type(6n+5) a:hover, 320 | #outer #header .dropdown-menu li:nth-of-type(6n+5) a:focus { 321 | text-decoration: underline; 322 | color: #000000 !important; 323 | } 324 | 325 | #outer #header .dropdown-menu li:nth-of-type(6n+6) a:hover, 326 | #outer #header .dropdown-menu li:nth-of-type(6n+6) a:focus { 327 | text-decoration: underline; 328 | color: #fffff6 !important; 329 | } 330 | 331 | #header .primary .menu .current { 332 | background-color: #c088e6; 333 | color: #000000; 334 | } 335 | 336 | #header .dropdown:hover a.dropdown-toggle { 337 | color: #c088e6 !important; 338 | } 339 | 340 | /*end of the menuuuu*/ 341 | /* 342 | ======== 343 | Footer 344 | ======== 345 | */ 346 | #outer #footer { 347 | background: linear-gradient(to bottom, #c088e6 0%, #c088e6 33%, #fffff6 33%, #fffff6 66%, #419831 66%, #419831); 348 | border-top: none; 349 | } 350 | #outer #footer a, 351 | #outer #footer .heading, 352 | #outer #footer li { 353 | color: #000000; 354 | } 355 | 356 | /* 357 | end of the footer 358 | */ 359 | /* 360 | ======================== 361 | Accent color and links 362 | (it makes it with 363 | a transparent bg 364 | and the border) 365 | ======================== 366 | */ 367 | .splash .module h3, 368 | a, 369 | a:link, 370 | a:visited, 371 | .blurb h4 a, 372 | .blurb h4 a:link, 373 | .blurb h4 a:visited { 374 | background: rgba(255, 255, 246, 0.1); 375 | background-color: rgba(255, 255, 246, 0.1); 376 | border: 1px solid #c088e6; 377 | padding: 4px; 378 | line-height: 30px; 379 | color: inherit; 380 | } 381 | 382 | a:hover, 383 | a:hover:visited, 384 | .blurb h4 a:hover, 385 | .blurb h4 a:visited:hover, 386 | a.tag:hover, 387 | a.tag:visited:hover, 388 | h5.fandoms a.tag:visited:hover, 389 | h5.fandoms a.tag:hover, 390 | .listbox .heading a.tag:visited:hover { 391 | background-color: #c088e6; 392 | background: #c088e6; 393 | border: 1px solid #c088e6; 394 | color: #000000 !important; 395 | } 396 | 397 | /* 398 | end of accent color 399 | */ 400 | /*Favorites in Home*/ 401 | .splash .favorite a { 402 | border: 1px solid; 403 | } 404 | 405 | .splash .favorite li { 406 | margin: 3px; 407 | } 408 | 409 | .splash .favorite li a.tag, .splash .favorite li:nth-of-type(odd) a.tag { 410 | background-color: transparent; 411 | } 412 | 413 | .splash .favorite li:nth-of-type(6n+1) a.tag { 414 | border-color: #c088e6; 415 | } 416 | 417 | .splash .favorite li:nth-of-type(6n+2) a.tag { 418 | border-color: #fffff6; 419 | } 420 | 421 | .splash .favorite li:nth-of-type(6n+3) a.tag { 422 | border-color: #419831; 423 | } 424 | 425 | .splash .favorite li:nth-of-type(6n+4) a.tag { 426 | border-color: #c088e6; 427 | } 428 | 429 | .splash .favorite li:nth-of-type(6n+5) a.tag { 430 | border-color: #fffff6; 431 | } 432 | 433 | .splash .favorite li:nth-of-type(6n+6) a.tag { 434 | border-color: #419831; 435 | } 436 | 437 | .splash .favorite li:nth-of-type(6n+1) a.tag:hover { 438 | background-color: #c088e6; 439 | color: #000000; 440 | } 441 | 442 | .splash .favorite li:nth-of-type(6n+2) a.tag:hover { 443 | background-color: #fffff6; 444 | color: #000000; 445 | } 446 | 447 | .splash .favorite li:nth-of-type(6n+3) a.tag:hover { 448 | background-color: #419831; 449 | color: #fffff6; 450 | } 451 | 452 | .splash .favorite li:nth-of-type(6n+4) a.tag:hover { 453 | background-color: #c088e6; 454 | color: #000000; 455 | } 456 | 457 | .splash .favorite li:nth-of-type(6n+5) a.tag:hover { 458 | background-color: #fffff6; 459 | color: #000000; 460 | } 461 | 462 | .splash .favorite li:nth-of-type(6n+6) a.tag:hover { 463 | background-color: #419831; 464 | color: #fffff6; 465 | } 466 | 467 | #header .user a[href*=logout]:hover { 468 | /*logout button*/ 469 | background: #c088e6; 470 | color: #000000 !important; 471 | } 472 | 473 | .blurb ul.required-tags li, 474 | .icon a:hover, 475 | h3.heading a, 476 | .blurb ul.required-tags li a, 477 | .blurb ul.required-tags li span, 478 | .icon a, 479 | .heading a.question, 480 | a.modal.help, 481 | .bookmark .count a { 482 | /*removes the border from some stuff because it looks weird*/ 483 | border: none; 484 | background-color: transparent; 485 | } 486 | 487 | /* Some weird stuff was happening in the news posts so I reverted the links back */ 488 | .news a, 489 | .news a:link { 490 | border: none; 491 | background: none; 492 | background-color: transparent; 493 | text-decoration: underline; 494 | padding: initial; 495 | line-height: initial; 496 | } 497 | 498 | .news .actions a, 499 | .news .actions a:link { 500 | padding: 0.25em 0.75em; 501 | line-height: 18px; 502 | text-decoration: none; 503 | } 504 | 505 | /* end of the news stuff*/ 506 | dd.bookmarks a { 507 | line-height: initial; 508 | border: none; 509 | } 510 | 511 | .blurb h4 a:visited, 512 | h5.fandoms a.tag { 513 | color: inherit !important; 514 | } 515 | 516 | /* 517 | ======== 518 | HEADER 519 | ======== 520 | */ 521 | #header .heading a:hover { 522 | color: rgba(255, 255, 246, 0.1); 523 | border: none; 524 | } 525 | 526 | #outer #header { 527 | color: #000000; 528 | background: linear-gradient(to bottom, #c088e6 0%, #c088e6 33%, #fffff6 33%, #fffff6 66%, #419831 66%, #419831); 529 | } 530 | 531 | #outer #outer #header .primary, 532 | #header ul.primary { 533 | background: none; 534 | } 535 | 536 | #outer #header a, 537 | #header a:visited { 538 | color: inherit; 539 | } 540 | 541 | #header a.dropdown-toggle, 542 | #header .current, 543 | #header .primary .open a, 544 | #header .primary .dropdown a:focus { 545 | color: #000000; 546 | background-color: transparent; 547 | } 548 | 549 | #header .heading a, 550 | #header #greeting a.dropdown-toggle, 551 | #header .user a[href*=logout] { 552 | color: #000000 !important; 553 | } 554 | 555 | #header .primary a.dropdown-toggle, 556 | #header .primary li:hover a.dropdown-toggle { 557 | color: #000000 !important; 558 | background-color: transparent !important; 559 | } 560 | 561 | #header .logo { 562 | background: #ffffff; 563 | width: 40px; 564 | height: auto; 565 | margin-right: 10px; 566 | padding: 5px; 567 | border-radius: 3px; 568 | } 569 | 570 | #header .heading { 571 | padding: 0.375em; 572 | margin: 1em; 573 | background: #fefefe; 574 | box-shadow: 5px 5px 0px #c088e6; 575 | } 576 | 577 | #login, 578 | #greeting { 579 | padding: 0.375em; 580 | margin: 1em; 581 | background: #fefefe; 582 | box-shadow: 5px 5px 0 #c088e6; 583 | } 584 | 585 | #footer .module { 586 | max-width: 20%; 587 | margin: 0 2%; 588 | background: #fefefe; 589 | box-shadow: 5px 5px 0 #c088e6; 590 | padding: 5px; 591 | } 592 | 593 | /*Search button*/ 594 | #header #search .button { 595 | background: #fffff6; 596 | color: #000000; 597 | } 598 | 599 | #header #search .text, 600 | #header #search input:focus { 601 | background: #fffff6; 602 | color: #000000; 603 | } 604 | 605 | /*end of search button*/ 606 | /*end of the header*/ 607 | /* 608 | ============ 609 | TAGS! 610 | ============ 611 | */ 612 | li.relationships a, 613 | dl.meta dd.relationship a.tag { 614 | background: rgba(192, 136, 230, 0.1); 615 | border: 1px solid #c088e6; 616 | color: inherit !important; 617 | } 618 | li.relationships a:hover, li.relationships a:visited:hover, 619 | dl.meta dd.relationship a.tag:hover, 620 | dl.meta dd.relationship a.tag:visited:hover { 621 | background: #c088e6; 622 | border: 1px solid #c088e6; 623 | color: #000000 !important; 624 | } 625 | 626 | li.characters a, 627 | dl.meta dd.character a.tag { 628 | background: rgba(255, 255, 246, 0.1); 629 | border: 1px solid #fffff6; 630 | color: inherit !important; 631 | } 632 | li.characters a:hover, li.characters a:visited:hover, 633 | dl.meta dd.character a.tag:hover, 634 | dl.meta dd.character a.tag:visited:hover { 635 | background: #fffff6; 636 | border: 1px solid #fffff6; 637 | color: #000000 !important; 638 | } 639 | 640 | li.freeforms a, 641 | dl.meta dd.freeform a.tag { 642 | background: rgba(65, 152, 49, 0.1); 643 | border: 1px solid #419831; 644 | color: inherit !important; 645 | } 646 | li.freeforms a:hover, li.freeforms a:visited:hover, 647 | dl.meta dd.freeform a.tag:hover, 648 | dl.meta dd.freeform a.tag:visited:hover { 649 | background: #419831; 650 | border: 1px solid #419831; 651 | color: #fffff6 !important; 652 | } 653 | 654 | /*this is where the tags end*/ 655 | /* 656 | ===================== 657 | BORDERS 658 | (in the box, around the blurb, 659 | the one with the flag colors) 660 | ===================== 661 | */ 662 | li.comment, 663 | .listbox, 664 | fieldset, 665 | li.blurb, 666 | dl.work.meta.group { 667 | border: 1px solid; 668 | border-image-source: linear-gradient(to bottom, #c088e6 0%, #c088e6 33%, #fffff6 33%, #fffff6 66%, #419831 66%, #419831); 669 | border-image-slice: 1; 670 | } 671 | 672 | /*end of the borders*/ 673 | /* 674 | =================== 675 | DASHBOARD SIDE MENU 676 | =================== 677 | */ 678 | #dashboard.own { 679 | border-image-source: linear-gradient(to bottom, #c088e6 0%, #c088e6 33%, #fffff6 33%, #fffff6 66%, #419831 66%, #419831); 680 | border-image-slice: 1; 681 | } 682 | 683 | #dashboard a { 684 | border: 1px solid transparent; 685 | } 686 | 687 | #dashboard .current { 688 | background: #c088e6; 689 | border: 1px solid #c088e6; 690 | color: #000000; 691 | } 692 | 693 | #dashboard li:nth-of-type(6n+1) a:hover { 694 | background: #c088e6; 695 | border: 1px solid #c088e6; 696 | color: #000000 !important; 697 | } 698 | 699 | #dashboard li:nth-of-type(6n+2) a:hover { 700 | background: #fffff6; 701 | border: 1px solid #fffff6; 702 | color: #000000 !important; 703 | } 704 | 705 | #dashboard li:nth-of-type(6n+3) a:hover { 706 | background: #419831; 707 | border: 1px solid #419831; 708 | color: #fffff6 !important; 709 | } 710 | 711 | #dashboard li:nth-of-type(6n+4) a:hover { 712 | background: #c088e6; 713 | border: 1px solid #c088e6; 714 | color: #000000 !important; 715 | } 716 | 717 | #dashboard li:nth-of-type(6n+5) a:hover { 718 | background: #fffff6; 719 | border: 1px solid #fffff6; 720 | color: #000000 !important; 721 | } 722 | 723 | #dashboard li:nth-of-type(6n+6) a:hover { 724 | background: #419831; 725 | border: 1px solid #419831; 726 | color: #fffff6 !important; 727 | } 728 | 729 | /* end of dashboard*/ 730 | /* 731 | ================ 732 | ASSIGNED TABLE 733 | ================ 734 | */ 735 | .assigned tr:nth-of-type(6n+1) a { 736 | background: rgba(192, 136, 230, 0.1); 737 | border: 1px solid #c088e6; 738 | color: inherit !important; 739 | } 740 | .assigned tr:nth-of-type(6n+1) a:hover, .assigned tr:nth-of-type(6n+1) a:visited:hover { 741 | background: #c088e6; 742 | border: 1px solid #c088e6; 743 | color: #000000 !important; 744 | } 745 | 746 | .assigned tr:nth-of-type(6n+2) a { 747 | background: rgba(255, 255, 246, 0.1); 748 | border: 1px solid #fffff6; 749 | color: inherit !important; 750 | } 751 | .assigned tr:nth-of-type(6n+2) a:hover, .assigned tr:nth-of-type(6n+2) a:visited:hover { 752 | background: #fffff6; 753 | border: 1px solid #fffff6; 754 | color: #000000 !important; 755 | } 756 | 757 | .assigned tr:nth-of-type(6n+3) a { 758 | background: rgba(65, 152, 49, 0.1); 759 | border: 1px solid #419831; 760 | color: inherit !important; 761 | } 762 | .assigned tr:nth-of-type(6n+3) a:hover, .assigned tr:nth-of-type(6n+3) a:visited:hover { 763 | background: #419831; 764 | border: 1px solid #419831; 765 | color: #fffff6 !important; 766 | } 767 | 768 | .assigned tr:nth-of-type(6n+4) a { 769 | background: rgba(192, 136, 230, 0.1); 770 | border: 1px solid #c088e6; 771 | color: inherit !important; 772 | } 773 | .assigned tr:nth-of-type(6n+4) a:hover, .assigned tr:nth-of-type(6n+4) a:visited:hover { 774 | background: #c088e6; 775 | border: 1px solid #c088e6; 776 | color: #000000 !important; 777 | } 778 | 779 | .assigned tr:nth-of-type(6n+5) a { 780 | background: rgba(255, 255, 246, 0.1); 781 | border: 1px solid #fffff6; 782 | color: inherit !important; 783 | } 784 | .assigned tr:nth-of-type(6n+5) a:hover, .assigned tr:nth-of-type(6n+5) a:visited:hover { 785 | background: #fffff6; 786 | border: 1px solid #fffff6; 787 | color: #000000 !important; 788 | } 789 | 790 | .assigned tr:nth-of-type(6n+6) a { 791 | background: rgba(65, 152, 49, 0.1); 792 | border: 1px solid #419831; 793 | color: inherit !important; 794 | } 795 | .assigned tr:nth-of-type(6n+6) a:hover, .assigned tr:nth-of-type(6n+6) a:visited:hover { 796 | background: #419831; 797 | border: 1px solid #419831; 798 | color: #fffff6 !important; 799 | } 800 | 801 | /*end of assigned wrangling table*/ 802 | /* 803 | ================ 804 | BINSSSS 805 | ================ 806 | */ 807 | col.name { 808 | background: transparent; 809 | } 810 | 811 | #wrangulator tbody th, #wrangulator table { 812 | background: transparent; 813 | } 814 | 815 | #wrangulator tbody tr:nth-of-type(6n+1) { 816 | background: rgba(192, 136, 230, 0.1); 817 | color: inherit !important; 818 | } 819 | #wrangulator tbody tr:nth-of-type(6n+1):hover, #wrangulator tbody tr:nth-of-type(6n+1):visited:hover { 820 | background: #c088e6; 821 | color: #000000 !important; 822 | } 823 | 824 | #wrangulator tbody tr:nth-of-type(6n+2) { 825 | background: rgba(255, 255, 246, 0.1); 826 | color: inherit !important; 827 | } 828 | #wrangulator tbody tr:nth-of-type(6n+2):hover, #wrangulator tbody tr:nth-of-type(6n+2):visited:hover { 829 | background: #fffff6; 830 | color: #000000 !important; 831 | } 832 | 833 | #wrangulator tbody tr:nth-of-type(6n+3) { 834 | background: rgba(65, 152, 49, 0.1); 835 | color: inherit !important; 836 | } 837 | #wrangulator tbody tr:nth-of-type(6n+3):hover, #wrangulator tbody tr:nth-of-type(6n+3):visited:hover { 838 | background: #419831; 839 | color: #fffff6 !important; 840 | } 841 | 842 | #wrangulator tbody tr:nth-of-type(6n+4) { 843 | background: rgba(192, 136, 230, 0.1); 844 | color: inherit !important; 845 | } 846 | #wrangulator tbody tr:nth-of-type(6n+4):hover, #wrangulator tbody tr:nth-of-type(6n+4):visited:hover { 847 | background: #c088e6; 848 | color: #000000 !important; 849 | } 850 | 851 | #wrangulator tbody tr:nth-of-type(6n+5) { 852 | background: rgba(255, 255, 246, 0.1); 853 | color: inherit !important; 854 | } 855 | #wrangulator tbody tr:nth-of-type(6n+5):hover, #wrangulator tbody tr:nth-of-type(6n+5):visited:hover { 856 | background: #fffff6; 857 | color: #000000 !important; 858 | } 859 | 860 | #wrangulator tbody tr:nth-of-type(6n+6) { 861 | background: rgba(65, 152, 49, 0.1); 862 | color: inherit !important; 863 | } 864 | #wrangulator tbody tr:nth-of-type(6n+6):hover, #wrangulator tbody tr:nth-of-type(6n+6):visited:hover { 865 | background: #419831; 866 | color: #fffff6 !important; 867 | } 868 | 869 | /*end of bin tables*/ 870 | /* 871 | ================== 872 | BUTTONS WITH FLAGS 873 | ================== 874 | */ 875 | button, 876 | .actions a, 877 | .actions a:link, 878 | .action, 879 | input[type=submit], 880 | .actions a:visited, 881 | li#form-link span.current, 882 | .listbox .index .actions a, 883 | .listbox .index .actions a:link { 884 | color: inherit; 885 | border: 1px solid; 886 | border-image-slice: 1; 887 | background: linear-gradient(to bottom, rgba(192, 136, 230, 0.1) 33%, rgba(255, 255, 246, 0.1) 66%, rgba(65, 152, 49, 0.1)); 888 | border-image-source: linear-gradient(to bottom, #c088e6 0%, #c088e6 33%, #fffff6 33%, #fffff6 66%, #419831 66%, #419831); 889 | } 890 | 891 | button:hover, 892 | .actions a:hover, 893 | .actions a:visited:hover, 894 | .action:hover, 895 | input[type=submit]:hover, 896 | .listbox .index .actions a:hover { 897 | color: #000000 !important; 898 | background: linear-gradient(to bottom, #c088e6 0%, #c088e6 33%, #fffff6 33%, #fffff6 66%, #419831 66%, #419831); 899 | border: 1px solid; 900 | border-image-source: linear-gradient(to bottom, #c088e6 0%, #c088e6 33%, #fffff6 33%, #fffff6 66%, #419831 66%, #419831); 901 | border-image-slice: 1; 902 | } 903 | 904 | /*end of buttons*/ 905 | -------------------------------------------------------------------------------- /css/nonbinaryflag.css: -------------------------------------------------------------------------------- 1 | #header .menu, 2 | #small_login, 3 | #header .dropdown:hover .current + .menu, 4 | .event .userstuff, .notice, 5 | .comment_notice, 6 | ul.notes, 7 | .caution, 8 | .error, 9 | .comment_error, 10 | .alert.flash, 11 | .actions a:hover, 12 | .actions input:hover, 13 | .actions a:focus, 14 | .actions input:focus, 15 | label.action:hover, 16 | .action:hover, 17 | .action:focus, 18 | .dynamic form, 19 | .ui-draggable form, #header .primary, 20 | .group.listbox, 21 | fieldset fieldset.listbox, 22 | #main li.blurb, 23 | .wrapper, 24 | #dashboard .secondary, 25 | .secondary, 26 | form blockquote.userstuff, 27 | .thread .comment, 28 | .toggled form, 29 | .listbox .index, 30 | form .notice, 31 | form ul.notes, 32 | form.verbose legend, 33 | .verbose form legend, 34 | span.question, 35 | fieldset, 36 | form dl, 37 | fieldset dl dl, 38 | fieldset fieldset fieldset, 39 | fieldset fieldset dl dl, 40 | dd.hideme, 41 | .delete a, 42 | span.delete, 43 | #header ul.primary, input, .actions input, 44 | input[type=submit], 45 | textarea, .actions a, 46 | .actions a:link, 47 | .action, 48 | .action:link, 49 | button, 50 | .current, 51 | .actions label { 52 | /* 53 | This resets the shadows in several places 54 | */ 55 | box-shadow: none; 56 | } 57 | 58 | #footer, 59 | .autocomplete .dropdown ul li:hover, 60 | li.selected, 61 | .autocomplete a:hover, form .notice, 62 | form ul.notes, 63 | form.verbose legend, 64 | .verbose form legend, input, .actions input, 65 | input[type=submit], 66 | textarea, .actions a, 67 | .actions a:link, 68 | .action, 69 | .action:link, 70 | button, 71 | .current, 72 | .actions label { 73 | /* 74 | This resets the background image from default skin in several places 75 | */ 76 | background-image: none; 77 | } 78 | 79 | .actions input, 80 | input[type=submit], 81 | textarea, .actions a, 82 | .actions a:link, 83 | .action, 84 | .action:link, 85 | button, 86 | .current, 87 | .actions label { 88 | /* 89 | Further 3d elements to reset in webkit browsers 90 | */ 91 | -webkit-appearance: none; 92 | } 93 | 94 | form .notice, 95 | form ul.notes, 96 | form.verbose legend, 97 | .verbose form legend, 98 | .actions a, 99 | .actions a:link, 100 | .action, 101 | .action:link, 102 | input[type=submit], 103 | button, 104 | .current, 105 | .actions label, .notice, 106 | .comment_notice, 107 | ul.notes, 108 | .caution, 109 | .error, 110 | .comment_error, 111 | .alert.flash, 112 | .actions a:hover, 113 | .actions input:hover, 114 | .actions a:focus, 115 | .actions input:focus, 116 | label.action:hover, 117 | .action:hover, 118 | .action:focus, 119 | .toggled form, 120 | .dynamic form, 121 | .ui-draggable form { 122 | /* Sets the style for border buttons */ 123 | border: none; 124 | } 125 | 126 | .actions a, 127 | .actions a:link, 128 | .action, 129 | .action:link, 130 | button, 131 | .current, 132 | .actions label { 133 | border: none; 134 | } 135 | 136 | input { 137 | width: 96%; 138 | border: 1px solid; 139 | } 140 | 141 | .actions a:hover, 142 | a:hover, 143 | .actions input:hover, 144 | #dashboard a:hover, 145 | .actions a:focus, 146 | .actions input:focus, 147 | #dashboard a:focus, 148 | .actions a:active, 149 | .current, 150 | a.current, 151 | .current a:visited, 152 | #dashboard .current, 153 | #outer .current, 154 | #header .current, 155 | span.unread, 156 | .replied, 157 | span.claimed, 158 | dl.index dd, 159 | .own, 160 | .draft, 161 | .draft .unread, 162 | .child, 163 | .unwrangled, 164 | .unreviewed, 165 | .ui-sortable li:hover, 166 | #header .primary .menu .current { 167 | /* resets the border color */ 168 | border-color: initial; 169 | /* extra aggressive shadow removing */ 170 | box-shadow: none !important; 171 | } 172 | 173 | form .notice, 174 | form ul.notes, 175 | form.verbose legend, 176 | .verbose form legend, 177 | .actions a, 178 | .actions a:link, 179 | .action, 180 | .action:link, 181 | input[type=submit], 182 | button, 183 | .current, 184 | .actions label { 185 | border-bottom: none; 186 | } 187 | 188 | .listbox .index, 189 | .dashboard .listbox .index, 190 | .splash .news li, 191 | form dt, 192 | .picture .header { 193 | /* 194 | some stuff needs some aggressive non-bordering 195 | */ 196 | border: none; 197 | border-bottom: none; 198 | border-top: none; 199 | border-left: none; 200 | border-right: none; 201 | } 202 | 203 | #header .menu, 204 | #small_login, 205 | #header .dropdown:hover .current + .menu, 206 | .event .userstuff { 207 | /* 208 | removes some more effects of default skin 209 | */ 210 | filter: none; 211 | } 212 | 213 | .autocomplete input, 214 | .autocomplete .dropdown ul li { 215 | min-width: 10px; 216 | } 217 | 218 | fieldset.work.meta .fandom.required ul.autocomplete, 219 | .listbox, 220 | fieldset fieldset.listbox, 221 | fieldset, 222 | form dl, 223 | fieldset dl dl, 224 | fieldset fieldset fieldset, 225 | fieldset fieldset dl dl, 226 | dd.hideme, 227 | form blockquote.userstuff { 228 | background: transparent; 229 | } 230 | 231 | .actions input[type=checkbox] { 232 | appearance: auto; 233 | } 234 | 235 | /* 236 | ========== 237 | MENU 238 | ========== 239 | */ 240 | #header .actions a:hover, 241 | #header .actions a:focus, 242 | #header .dropdown:hover a, 243 | #header .open a { 244 | color: black; 245 | } 246 | 247 | #header .dropdown:hover a, 248 | ul.menu.dropdown-menu { 249 | background: transparent; 250 | border-color: transparent; 251 | } 252 | 253 | #outer #header .dropdown-menu li:nth-of-type(6n+1) a, 254 | #outer #header .dropdown-menu li:nth-of-type(6n+1) a:visited, 255 | #outer #header .dropdown-menu li:nth-of-type(6n+1) a:link { 256 | background-color: #f4eb46; 257 | color: #1e142d; 258 | } 259 | 260 | #outer #header .dropdown-menu li:nth-of-type(6n+2) a, 261 | #outer #header .dropdown-menu li:nth-of-type(6n+2) a:visited, 262 | #outer #header .dropdown-menu li:nth-of-type(6n+2) a:link { 263 | background-color: #fefff8; 264 | color: #1e142d; 265 | } 266 | 267 | #outer #header .dropdown-menu li:nth-of-type(6n+3) a, 268 | #outer #header .dropdown-menu li:nth-of-type(6n+3) a:visited, 269 | #outer #header .dropdown-menu li:nth-of-type(6n+3) a:link { 270 | background-color: #a561c8; 271 | color: white; 272 | } 273 | 274 | #outer #header .dropdown-menu li:nth-of-type(6n+4) a, 275 | #outer #header .dropdown-menu li:nth-of-type(6n+4) a:visited, 276 | #outer #header .dropdown-menu li:nth-of-type(6n+4) a:link { 277 | background-color: #1e142d; 278 | color: white; 279 | } 280 | 281 | #outer #header .dropdown-menu li:nth-of-type(6n+5) a, 282 | #outer #header .dropdown-menu li:nth-of-type(6n+5) a:visited, 283 | #outer #header .dropdown-menu li:nth-of-type(6n+5) a:link { 284 | background-color: #f4eb46; 285 | color: #1e142d; 286 | } 287 | 288 | #outer #header .dropdown-menu li:nth-of-type(6n+6) a, 289 | #outer #header .dropdown-menu li:nth-of-type(6n+6) a:visited, 290 | #outer #header .dropdown-menu li:nth-of-type(6n+6) a:link { 291 | background-color: #fefff8; 292 | color: #1e142d; 293 | } 294 | 295 | #outer #header .dropdown-menu li:nth-of-type(6n+1) a:hover, 296 | #outer #header .dropdown-menu li:nth-of-type(6n+1) a:focus { 297 | text-decoration: underline; 298 | color: #1e142d !important; 299 | } 300 | 301 | #outer #header .dropdown-menu li:nth-of-type(6n+2) a:hover, 302 | #outer #header .dropdown-menu li:nth-of-type(6n+2) a:focus { 303 | text-decoration: underline; 304 | color: #1e142d !important; 305 | } 306 | 307 | #outer #header .dropdown-menu li:nth-of-type(6n+3) a:hover, 308 | #outer #header .dropdown-menu li:nth-of-type(6n+3) a:focus { 309 | text-decoration: underline; 310 | color: white !important; 311 | } 312 | 313 | #outer #header .dropdown-menu li:nth-of-type(6n+4) a:hover, 314 | #outer #header .dropdown-menu li:nth-of-type(6n+4) a:focus { 315 | text-decoration: underline; 316 | color: white !important; 317 | } 318 | 319 | #outer #header .dropdown-menu li:nth-of-type(6n+5) a:hover, 320 | #outer #header .dropdown-menu li:nth-of-type(6n+5) a:focus { 321 | text-decoration: underline; 322 | color: #1e142d !important; 323 | } 324 | 325 | #outer #header .dropdown-menu li:nth-of-type(6n+6) a:hover, 326 | #outer #header .dropdown-menu li:nth-of-type(6n+6) a:focus { 327 | text-decoration: underline; 328 | color: #1e142d !important; 329 | } 330 | 331 | #header .primary .menu .current { 332 | background-color: #fefff8; 333 | color: #1e142d; 334 | } 335 | 336 | #header .dropdown:hover a.dropdown-toggle { 337 | color: #1e142d !important; 338 | } 339 | 340 | /*end of the menuuuu*/ 341 | /* 342 | ======== 343 | Footer 344 | ======== 345 | */ 346 | #outer #footer { 347 | background: linear-gradient(to bottom, #f4eb46 0%, #f4eb46 25%, #fefff8 25%, #fefff8 50%, #a561c8 50%, #a561c8 75%, #1e142d 75%, #1e142d); 348 | border-top: none; 349 | } 350 | #outer #footer a, 351 | #outer #footer .heading, 352 | #outer #footer li { 353 | color: #1e142d; 354 | } 355 | 356 | /* 357 | end of the footer 358 | */ 359 | /* 360 | ======================== 361 | Accent color and links 362 | (it makes it with 363 | a transparent bg 364 | and the border) 365 | ======================== 366 | */ 367 | .splash .module h3, 368 | a, 369 | a:link, 370 | a:visited, 371 | .blurb h4 a, 372 | .blurb h4 a:link, 373 | .blurb h4 a:visited { 374 | background: rgba(30, 20, 45, 0.1); 375 | background-color: rgba(30, 20, 45, 0.1); 376 | border: 1px solid #1e142d; 377 | padding: 4px; 378 | line-height: 30px; 379 | color: inherit; 380 | } 381 | 382 | a:hover, 383 | a:hover:visited, 384 | .blurb h4 a:hover, 385 | .blurb h4 a:visited:hover, 386 | a.tag:hover, 387 | a.tag:visited:hover, 388 | h5.fandoms a.tag:visited:hover, 389 | h5.fandoms a.tag:hover, 390 | .listbox .heading a.tag:visited:hover { 391 | background-color: #fefff8; 392 | background: #fefff8; 393 | border: 1px solid #fefff8; 394 | color: #1e142d !important; 395 | } 396 | 397 | /* 398 | end of accent color 399 | */ 400 | /*Favorites in Home*/ 401 | .splash .favorite a { 402 | border: 1px solid; 403 | } 404 | 405 | .splash .favorite li { 406 | margin: 3px; 407 | } 408 | 409 | .splash .favorite li a.tag, .splash .favorite li:nth-of-type(odd) a.tag { 410 | background-color: transparent; 411 | } 412 | 413 | .splash .favorite li:nth-of-type(6n+1) a.tag { 414 | border-color: #f4eb46; 415 | } 416 | 417 | .splash .favorite li:nth-of-type(6n+2) a.tag { 418 | border-color: #fefff8; 419 | } 420 | 421 | .splash .favorite li:nth-of-type(6n+3) a.tag { 422 | border-color: #a561c8; 423 | } 424 | 425 | .splash .favorite li:nth-of-type(6n+4) a.tag { 426 | border-color: #1e142d; 427 | } 428 | 429 | .splash .favorite li:nth-of-type(6n+5) a.tag { 430 | border-color: #f4eb46; 431 | } 432 | 433 | .splash .favorite li:nth-of-type(6n+6) a.tag { 434 | border-color: #fefff8; 435 | } 436 | 437 | .splash .favorite li:nth-of-type(6n+1) a.tag:hover { 438 | background-color: #f4eb46; 439 | color: #1e142d; 440 | } 441 | 442 | .splash .favorite li:nth-of-type(6n+2) a.tag:hover { 443 | background-color: #fefff8; 444 | color: #1e142d; 445 | } 446 | 447 | .splash .favorite li:nth-of-type(6n+3) a.tag:hover { 448 | background-color: #a561c8; 449 | color: white; 450 | } 451 | 452 | .splash .favorite li:nth-of-type(6n+4) a.tag:hover { 453 | background-color: #1e142d; 454 | color: white; 455 | } 456 | 457 | .splash .favorite li:nth-of-type(6n+5) a.tag:hover { 458 | background-color: #f4eb46; 459 | color: #1e142d; 460 | } 461 | 462 | .splash .favorite li:nth-of-type(6n+6) a.tag:hover { 463 | background-color: #fefff8; 464 | color: #1e142d; 465 | } 466 | 467 | #header .user a[href*=logout]:hover { 468 | /*logout button*/ 469 | background: #fefff8; 470 | color: #1e142d !important; 471 | } 472 | 473 | .blurb ul.required-tags li, 474 | .icon a:hover, 475 | h3.heading a, 476 | .blurb ul.required-tags li a, 477 | .blurb ul.required-tags li span, 478 | .icon a, 479 | .heading a.question, 480 | a.modal.help, 481 | .bookmark .count a { 482 | /*removes the border from some stuff because it looks weird*/ 483 | border: none; 484 | background-color: transparent; 485 | } 486 | 487 | /* Some weird stuff was happening in the news posts so I reverted the links back */ 488 | .news a, 489 | .news a:link { 490 | border: none; 491 | background: none; 492 | background-color: transparent; 493 | text-decoration: underline; 494 | padding: initial; 495 | line-height: initial; 496 | } 497 | 498 | .news .actions a, 499 | .news .actions a:link { 500 | padding: 0.25em 0.75em; 501 | line-height: 18px; 502 | text-decoration: none; 503 | } 504 | 505 | /* end of the news stuff*/ 506 | dd.bookmarks a { 507 | line-height: initial; 508 | border: none; 509 | } 510 | 511 | .blurb h4 a:visited, 512 | h5.fandoms a.tag { 513 | color: inherit !important; 514 | } 515 | 516 | /* 517 | ======== 518 | HEADER 519 | ======== 520 | */ 521 | #header .heading a:hover { 522 | color: rgba(30, 20, 45, 0.1); 523 | border: none; 524 | } 525 | 526 | #outer #header { 527 | color: white; 528 | background: linear-gradient(to bottom, #f4eb46 0%, #f4eb46 20%, #fefff8 20%, #fefff8 45%, #a561c8 45%, #a561c8); 529 | } 530 | 531 | #outer #outer #header .primary, 532 | #header ul.primary { 533 | background: #1e142d; 534 | } 535 | 536 | #outer #header a, 537 | #header a:visited { 538 | color: inherit; 539 | } 540 | 541 | #header a.dropdown-toggle, 542 | #header .current, 543 | #header .primary .open a, 544 | #header .primary .dropdown a:focus { 545 | color: white; 546 | background-color: transparent; 547 | } 548 | 549 | #header .heading a, 550 | #header #greeting a.dropdown-toggle, 551 | #header .user a[href*=logout] { 552 | color: #1e142d !important; 553 | } 554 | 555 | #header ul.primary a.dropdown-toggle, 556 | #header .primary li:hover a.dropdown-toggle { 557 | color: white !important; 558 | } 559 | 560 | #header .logo { 561 | background: #ffffff; 562 | width: 40px; 563 | height: auto; 564 | margin-right: 10px; 565 | padding: 5px; 566 | border-radius: 3px; 567 | } 568 | 569 | #header .heading { 570 | padding: 0.375em; 571 | margin: 1em; 572 | background: #fefff8; 573 | box-shadow: 5px 5px 0px #1e142d; 574 | } 575 | 576 | #login, 577 | #greeting { 578 | padding: 0.375em; 579 | margin: 1em; 580 | background: #fefff8; 581 | box-shadow: 5px 5px 0 #1e142d; 582 | } 583 | 584 | #footer .module { 585 | max-width: 20%; 586 | margin: 0 2%; 587 | background: #fefff8; 588 | box-shadow: 5px 5px 0 #1e142d; 589 | padding: 5px; 590 | } 591 | 592 | /*Search button*/ 593 | #header #search .button { 594 | background: #fefff8; 595 | color: #a561c8; 596 | } 597 | 598 | #header #search .text, 599 | #header #search input:focus { 600 | background: #fefff8; 601 | color: #a561c8; 602 | } 603 | 604 | /*end of search button*/ 605 | /*end of the header*/ 606 | /* 607 | ============ 608 | TAGS! 609 | ============ 610 | */ 611 | li.relationships a, 612 | dl.meta dd.relationship a.tag { 613 | background: rgba(244, 235, 70, 0.1); 614 | border: 1px solid #f4eb46; 615 | color: inherit !important; 616 | } 617 | li.relationships a:hover, li.relationships a:visited:hover, 618 | dl.meta dd.relationship a.tag:hover, 619 | dl.meta dd.relationship a.tag:visited:hover { 620 | background: #f4eb46; 621 | border: 1px solid #f4eb46; 622 | color: #1e142d !important; 623 | } 624 | 625 | li.characters a, 626 | dl.meta dd.character a.tag { 627 | background: rgba(165, 97, 200, 0.1); 628 | border: 1px solid #a561c8; 629 | color: inherit !important; 630 | } 631 | li.characters a:hover, li.characters a:visited:hover, 632 | dl.meta dd.character a.tag:hover, 633 | dl.meta dd.character a.tag:visited:hover { 634 | background: #a561c8; 635 | border: 1px solid #a561c8; 636 | color: white !important; 637 | } 638 | 639 | li.freeforms a, 640 | dl.meta dd.freeform a.tag { 641 | background: rgba(30, 20, 45, 0.1); 642 | border: 1px solid #1e142d; 643 | color: inherit !important; 644 | } 645 | li.freeforms a:hover, li.freeforms a:visited:hover, 646 | dl.meta dd.freeform a.tag:hover, 647 | dl.meta dd.freeform a.tag:visited:hover { 648 | background: #1e142d; 649 | border: 1px solid #1e142d; 650 | color: white !important; 651 | } 652 | 653 | /*this is where the tags end*/ 654 | /* 655 | ===================== 656 | BORDERS 657 | (in the box, around the blurb, 658 | the one with the flag colors) 659 | ===================== 660 | */ 661 | li.comment, 662 | .listbox, 663 | fieldset, 664 | li.blurb, 665 | dl.work.meta.group { 666 | border: 1px solid; 667 | border-image-source: linear-gradient(to bottom, #f4eb46 0%, #f4eb46 25%, #fefff8 25%, #fefff8 50%, #a561c8 50%, #a561c8 75%, #1e142d 75%, #1e142d); 668 | border-image-slice: 1; 669 | } 670 | 671 | /*end of the borders*/ 672 | /* 673 | =================== 674 | DASHBOARD SIDE MENU 675 | =================== 676 | */ 677 | #dashboard.own { 678 | border-image-source: linear-gradient(to bottom, #f4eb46 0%, #f4eb46 25%, #fefff8 25%, #fefff8 50%, #a561c8 50%, #a561c8 75%, #1e142d 75%, #1e142d); 679 | border-image-slice: 1; 680 | } 681 | 682 | #dashboard a { 683 | border: 1px solid transparent; 684 | } 685 | 686 | #dashboard .current { 687 | background: #fefff8; 688 | border: 1px solid #fefff8; 689 | color: #1e142d; 690 | } 691 | 692 | #dashboard li:nth-of-type(6n+1) a:hover { 693 | background: #f4eb46; 694 | border: 1px solid #f4eb46; 695 | color: #1e142d !important; 696 | } 697 | 698 | #dashboard li:nth-of-type(6n+2) a:hover { 699 | background: #fefff8; 700 | border: 1px solid #fefff8; 701 | color: #1e142d !important; 702 | } 703 | 704 | #dashboard li:nth-of-type(6n+3) a:hover { 705 | background: #a561c8; 706 | border: 1px solid #a561c8; 707 | color: white !important; 708 | } 709 | 710 | #dashboard li:nth-of-type(6n+4) a:hover { 711 | background: #1e142d; 712 | border: 1px solid #1e142d; 713 | color: white !important; 714 | } 715 | 716 | #dashboard li:nth-of-type(6n+5) a:hover { 717 | background: #f4eb46; 718 | border: 1px solid #f4eb46; 719 | color: #1e142d !important; 720 | } 721 | 722 | #dashboard li:nth-of-type(6n+6) a:hover { 723 | background: #fefff8; 724 | border: 1px solid #fefff8; 725 | color: #1e142d !important; 726 | } 727 | 728 | /* end of dashboard*/ 729 | /* 730 | ================ 731 | ASSIGNED TABLE 732 | ================ 733 | */ 734 | .assigned tr:nth-of-type(6n+1) a { 735 | background: rgba(244, 235, 70, 0.1); 736 | border: 1px solid #f4eb46; 737 | color: inherit !important; 738 | } 739 | .assigned tr:nth-of-type(6n+1) a:hover, .assigned tr:nth-of-type(6n+1) a:visited:hover { 740 | background: #f4eb46; 741 | border: 1px solid #f4eb46; 742 | color: #1e142d !important; 743 | } 744 | 745 | .assigned tr:nth-of-type(6n+2) a { 746 | background: rgba(254, 255, 248, 0.1); 747 | border: 1px solid #fefff8; 748 | color: inherit !important; 749 | } 750 | .assigned tr:nth-of-type(6n+2) a:hover, .assigned tr:nth-of-type(6n+2) a:visited:hover { 751 | background: #fefff8; 752 | border: 1px solid #fefff8; 753 | color: #1e142d !important; 754 | } 755 | 756 | .assigned tr:nth-of-type(6n+3) a { 757 | background: rgba(165, 97, 200, 0.1); 758 | border: 1px solid #a561c8; 759 | color: inherit !important; 760 | } 761 | .assigned tr:nth-of-type(6n+3) a:hover, .assigned tr:nth-of-type(6n+3) a:visited:hover { 762 | background: #a561c8; 763 | border: 1px solid #a561c8; 764 | color: white !important; 765 | } 766 | 767 | .assigned tr:nth-of-type(6n+4) a { 768 | background: rgba(30, 20, 45, 0.1); 769 | border: 1px solid #1e142d; 770 | color: inherit !important; 771 | } 772 | .assigned tr:nth-of-type(6n+4) a:hover, .assigned tr:nth-of-type(6n+4) a:visited:hover { 773 | background: #1e142d; 774 | border: 1px solid #1e142d; 775 | color: white !important; 776 | } 777 | 778 | .assigned tr:nth-of-type(6n+5) a { 779 | background: rgba(244, 235, 70, 0.1); 780 | border: 1px solid #f4eb46; 781 | color: inherit !important; 782 | } 783 | .assigned tr:nth-of-type(6n+5) a:hover, .assigned tr:nth-of-type(6n+5) a:visited:hover { 784 | background: #f4eb46; 785 | border: 1px solid #f4eb46; 786 | color: #1e142d !important; 787 | } 788 | 789 | .assigned tr:nth-of-type(6n+6) a { 790 | background: rgba(254, 255, 248, 0.1); 791 | border: 1px solid #fefff8; 792 | color: inherit !important; 793 | } 794 | .assigned tr:nth-of-type(6n+6) a:hover, .assigned tr:nth-of-type(6n+6) a:visited:hover { 795 | background: #fefff8; 796 | border: 1px solid #fefff8; 797 | color: #1e142d !important; 798 | } 799 | 800 | /*end of assigned wrangling table*/ 801 | /* 802 | ================ 803 | BINSSSS 804 | ================ 805 | */ 806 | col.name { 807 | background: transparent; 808 | } 809 | 810 | #wrangulator tbody th, #wrangulator table { 811 | background: transparent; 812 | } 813 | 814 | #wrangulator tbody tr:nth-of-type(6n+1) { 815 | background: rgba(244, 235, 70, 0.1); 816 | color: inherit !important; 817 | } 818 | #wrangulator tbody tr:nth-of-type(6n+1):hover, #wrangulator tbody tr:nth-of-type(6n+1):visited:hover { 819 | background: #f4eb46; 820 | color: #1e142d !important; 821 | } 822 | 823 | #wrangulator tbody tr:nth-of-type(6n+2) { 824 | background: rgba(254, 255, 248, 0.1); 825 | color: inherit !important; 826 | } 827 | #wrangulator tbody tr:nth-of-type(6n+2):hover, #wrangulator tbody tr:nth-of-type(6n+2):visited:hover { 828 | background: #fefff8; 829 | color: #1e142d !important; 830 | } 831 | 832 | #wrangulator tbody tr:nth-of-type(6n+3) { 833 | background: rgba(165, 97, 200, 0.1); 834 | color: inherit !important; 835 | } 836 | #wrangulator tbody tr:nth-of-type(6n+3):hover, #wrangulator tbody tr:nth-of-type(6n+3):visited:hover { 837 | background: #a561c8; 838 | color: white !important; 839 | } 840 | 841 | #wrangulator tbody tr:nth-of-type(6n+4) { 842 | background: rgba(30, 20, 45, 0.1); 843 | color: inherit !important; 844 | } 845 | #wrangulator tbody tr:nth-of-type(6n+4):hover, #wrangulator tbody tr:nth-of-type(6n+4):visited:hover { 846 | background: #1e142d; 847 | color: white !important; 848 | } 849 | 850 | #wrangulator tbody tr:nth-of-type(6n+5) { 851 | background: rgba(244, 235, 70, 0.1); 852 | color: inherit !important; 853 | } 854 | #wrangulator tbody tr:nth-of-type(6n+5):hover, #wrangulator tbody tr:nth-of-type(6n+5):visited:hover { 855 | background: #f4eb46; 856 | color: #1e142d !important; 857 | } 858 | 859 | #wrangulator tbody tr:nth-of-type(6n+6) { 860 | background: rgba(254, 255, 248, 0.1); 861 | color: inherit !important; 862 | } 863 | #wrangulator tbody tr:nth-of-type(6n+6):hover, #wrangulator tbody tr:nth-of-type(6n+6):visited:hover { 864 | background: #fefff8; 865 | color: #1e142d !important; 866 | } 867 | 868 | /*end of bin tables*/ 869 | /* 870 | ================== 871 | BUTTONS WITH FLAGS 872 | ================== 873 | */ 874 | button, 875 | .actions a, 876 | .actions a:link, 877 | .action, 878 | input[type=submit], 879 | .actions a:visited, 880 | li#form-link span.current, 881 | .listbox .index .actions a, 882 | .listbox .index .actions a:link { 883 | color: inherit; 884 | border: 1px solid; 885 | border-image-slice: 1; 886 | background: linear-gradient(to bottom, rgba(244, 235, 70, 0.1) 25%, rgba(254, 255, 248, 0.1) 50%, rgba(165, 97, 200, 0.1) 75%, rgba(30, 20, 45, 0.1)); 887 | border-image-source: linear-gradient(to bottom, #f4eb46 0%, #f4eb46 25%, #fefff8 25%, #fefff8 50%, #a561c8 50%, #a561c8 75%, #1e142d 75%, #1e142d); 888 | } 889 | 890 | button:hover, 891 | .actions a:hover, 892 | .actions a:visited:hover, 893 | .action:hover, 894 | input[type=submit]:hover, 895 | .listbox .index .actions a:hover { 896 | color: #1e142d !important; 897 | background: linear-gradient(to bottom, #f4eb46 0%, #f4eb46 25%, #fefff8 25%, #fefff8 50%, #a561c8 50%, #a561c8 75%, #1e142d 75%, #1e142d); 898 | border: 1px solid; 899 | border-image-source: linear-gradient(to bottom, #f4eb46 0%, #f4eb46 25%, #fefff8 25%, #fefff8 50%, #a561c8 50%, #a561c8 75%, #1e142d 75%, #1e142d); 900 | border-image-slice: 1; 901 | } 902 | 903 | /*end of buttons*/ 904 | -------------------------------------------------------------------------------- /css/panflag.css: -------------------------------------------------------------------------------- 1 | #header .menu, 2 | #small_login, 3 | #header .dropdown:hover .current + .menu, 4 | .event .userstuff, .notice, 5 | .comment_notice, 6 | ul.notes, 7 | .caution, 8 | .error, 9 | .comment_error, 10 | .alert.flash, 11 | .actions a:hover, 12 | .actions input:hover, 13 | .actions a:focus, 14 | .actions input:focus, 15 | label.action:hover, 16 | .action:hover, 17 | .action:focus, 18 | .dynamic form, 19 | .ui-draggable form, #header .primary, 20 | .group.listbox, 21 | fieldset fieldset.listbox, 22 | #main li.blurb, 23 | .wrapper, 24 | #dashboard .secondary, 25 | .secondary, 26 | form blockquote.userstuff, 27 | .thread .comment, 28 | .toggled form, 29 | .listbox .index, 30 | form .notice, 31 | form ul.notes, 32 | form.verbose legend, 33 | .verbose form legend, 34 | span.question, 35 | fieldset, 36 | form dl, 37 | fieldset dl dl, 38 | fieldset fieldset fieldset, 39 | fieldset fieldset dl dl, 40 | dd.hideme, 41 | .delete a, 42 | span.delete, 43 | #header ul.primary, input, .actions input, 44 | input[type=submit], 45 | textarea, .actions a, 46 | .actions a:link, 47 | .action, 48 | .action:link, 49 | button, 50 | .current, 51 | .actions label { 52 | /* 53 | This resets the shadows in several places 54 | */ 55 | box-shadow: none; 56 | } 57 | 58 | #footer, 59 | .autocomplete .dropdown ul li:hover, 60 | li.selected, 61 | .autocomplete a:hover, form .notice, 62 | form ul.notes, 63 | form.verbose legend, 64 | .verbose form legend, input, .actions input, 65 | input[type=submit], 66 | textarea, .actions a, 67 | .actions a:link, 68 | .action, 69 | .action:link, 70 | button, 71 | .current, 72 | .actions label { 73 | /* 74 | This resets the background image from default skin in several places 75 | */ 76 | background-image: none; 77 | } 78 | 79 | .actions input, 80 | input[type=submit], 81 | textarea, .actions a, 82 | .actions a:link, 83 | .action, 84 | .action:link, 85 | button, 86 | .current, 87 | .actions label { 88 | /* 89 | Further 3d elements to reset in webkit browsers 90 | */ 91 | -webkit-appearance: none; 92 | } 93 | 94 | form .notice, 95 | form ul.notes, 96 | form.verbose legend, 97 | .verbose form legend, 98 | .actions a, 99 | .actions a:link, 100 | .action, 101 | .action:link, 102 | input[type=submit], 103 | button, 104 | .current, 105 | .actions label, .notice, 106 | .comment_notice, 107 | ul.notes, 108 | .caution, 109 | .error, 110 | .comment_error, 111 | .alert.flash, 112 | .actions a:hover, 113 | .actions input:hover, 114 | .actions a:focus, 115 | .actions input:focus, 116 | label.action:hover, 117 | .action:hover, 118 | .action:focus, 119 | .toggled form, 120 | .dynamic form, 121 | .ui-draggable form { 122 | /* Sets the style for border buttons */ 123 | border: none; 124 | } 125 | 126 | .actions a, 127 | .actions a:link, 128 | .action, 129 | .action:link, 130 | button, 131 | .current, 132 | .actions label { 133 | border: none; 134 | } 135 | 136 | input { 137 | width: 96%; 138 | border: 1px solid; 139 | } 140 | 141 | .actions a:hover, 142 | a:hover, 143 | .actions input:hover, 144 | #dashboard a:hover, 145 | .actions a:focus, 146 | .actions input:focus, 147 | #dashboard a:focus, 148 | .actions a:active, 149 | .current, 150 | a.current, 151 | .current a:visited, 152 | #dashboard .current, 153 | #outer .current, 154 | #header .current, 155 | span.unread, 156 | .replied, 157 | span.claimed, 158 | dl.index dd, 159 | .own, 160 | .draft, 161 | .draft .unread, 162 | .child, 163 | .unwrangled, 164 | .unreviewed, 165 | .ui-sortable li:hover, 166 | #header .primary .menu .current { 167 | /* resets the border color */ 168 | border-color: initial; 169 | /* extra aggressive shadow removing */ 170 | box-shadow: none !important; 171 | } 172 | 173 | form .notice, 174 | form ul.notes, 175 | form.verbose legend, 176 | .verbose form legend, 177 | .actions a, 178 | .actions a:link, 179 | .action, 180 | .action:link, 181 | input[type=submit], 182 | button, 183 | .current, 184 | .actions label { 185 | border-bottom: none; 186 | } 187 | 188 | .listbox .index, 189 | .dashboard .listbox .index, 190 | .splash .news li, 191 | form dt, 192 | .picture .header { 193 | /* 194 | some stuff needs some aggressive non-bordering 195 | */ 196 | border: none; 197 | border-bottom: none; 198 | border-top: none; 199 | border-left: none; 200 | border-right: none; 201 | } 202 | 203 | #header .menu, 204 | #small_login, 205 | #header .dropdown:hover .current + .menu, 206 | .event .userstuff { 207 | /* 208 | removes some more effects of default skin 209 | */ 210 | filter: none; 211 | } 212 | 213 | .autocomplete input, 214 | .autocomplete .dropdown ul li { 215 | min-width: 10px; 216 | } 217 | 218 | fieldset.work.meta .fandom.required ul.autocomplete, 219 | .listbox, 220 | fieldset fieldset.listbox, 221 | fieldset, 222 | form dl, 223 | fieldset dl dl, 224 | fieldset fieldset fieldset, 225 | fieldset fieldset dl dl, 226 | dd.hideme, 227 | form blockquote.userstuff { 228 | background: transparent; 229 | } 230 | 231 | .actions input[type=checkbox] { 232 | appearance: auto; 233 | } 234 | 235 | /* 236 | ========== 237 | MENU 238 | ========== 239 | */ 240 | #header .actions a:hover, 241 | #header .actions a:focus, 242 | #header .dropdown:hover a, 243 | #header .open a { 244 | color: black; 245 | } 246 | 247 | #header .dropdown:hover a, 248 | ul.menu.dropdown-menu { 249 | background: transparent; 250 | border-color: transparent; 251 | } 252 | 253 | #outer #header .dropdown-menu li:nth-of-type(6n+1) a, 254 | #outer #header .dropdown-menu li:nth-of-type(6n+1) a:visited, 255 | #outer #header .dropdown-menu li:nth-of-type(6n+1) a:link { 256 | background-color: #ff4c99; 257 | color: #000000; 258 | } 259 | 260 | #outer #header .dropdown-menu li:nth-of-type(6n+2) a, 261 | #outer #header .dropdown-menu li:nth-of-type(6n+2) a:visited, 262 | #outer #header .dropdown-menu li:nth-of-type(6n+2) a:link { 263 | background-color: #fde661; 264 | color: #000000; 265 | } 266 | 267 | #outer #header .dropdown-menu li:nth-of-type(6n+3) a, 268 | #outer #header .dropdown-menu li:nth-of-type(6n+3) a:visited, 269 | #outer #header .dropdown-menu li:nth-of-type(6n+3) a:link { 270 | background-color: #45a7f8; 271 | color: #000000; 272 | } 273 | 274 | #outer #header .dropdown-menu li:nth-of-type(6n+4) a, 275 | #outer #header .dropdown-menu li:nth-of-type(6n+4) a:visited, 276 | #outer #header .dropdown-menu li:nth-of-type(6n+4) a:link { 277 | background-color: #ff4c99; 278 | color: #000000; 279 | } 280 | 281 | #outer #header .dropdown-menu li:nth-of-type(6n+5) a, 282 | #outer #header .dropdown-menu li:nth-of-type(6n+5) a:visited, 283 | #outer #header .dropdown-menu li:nth-of-type(6n+5) a:link { 284 | background-color: #fde661; 285 | color: #000000; 286 | } 287 | 288 | #outer #header .dropdown-menu li:nth-of-type(6n+6) a, 289 | #outer #header .dropdown-menu li:nth-of-type(6n+6) a:visited, 290 | #outer #header .dropdown-menu li:nth-of-type(6n+6) a:link { 291 | background-color: #45a7f8; 292 | color: #000000; 293 | } 294 | 295 | #outer #header .dropdown-menu li:nth-of-type(6n+1) a:hover, 296 | #outer #header .dropdown-menu li:nth-of-type(6n+1) a:focus { 297 | text-decoration: underline; 298 | color: #000000 !important; 299 | } 300 | 301 | #outer #header .dropdown-menu li:nth-of-type(6n+2) a:hover, 302 | #outer #header .dropdown-menu li:nth-of-type(6n+2) a:focus { 303 | text-decoration: underline; 304 | color: #000000 !important; 305 | } 306 | 307 | #outer #header .dropdown-menu li:nth-of-type(6n+3) a:hover, 308 | #outer #header .dropdown-menu li:nth-of-type(6n+3) a:focus { 309 | text-decoration: underline; 310 | color: #000000 !important; 311 | } 312 | 313 | #outer #header .dropdown-menu li:nth-of-type(6n+4) a:hover, 314 | #outer #header .dropdown-menu li:nth-of-type(6n+4) a:focus { 315 | text-decoration: underline; 316 | color: #000000 !important; 317 | } 318 | 319 | #outer #header .dropdown-menu li:nth-of-type(6n+5) a:hover, 320 | #outer #header .dropdown-menu li:nth-of-type(6n+5) a:focus { 321 | text-decoration: underline; 322 | color: #000000 !important; 323 | } 324 | 325 | #outer #header .dropdown-menu li:nth-of-type(6n+6) a:hover, 326 | #outer #header .dropdown-menu li:nth-of-type(6n+6) a:focus { 327 | text-decoration: underline; 328 | color: #000000 !important; 329 | } 330 | 331 | #header .primary .menu .current { 332 | background-color: #ff4c99; 333 | color: #000000; 334 | } 335 | 336 | #header .dropdown:hover a.dropdown-toggle { 337 | color: #ff4c99 !important; 338 | } 339 | 340 | /*end of the menuuuu*/ 341 | /* 342 | ======== 343 | Footer 344 | ======== 345 | */ 346 | #outer #footer { 347 | background: linear-gradient(to bottom, #ff4c99 0%, #ff4c99 33%, #fde661 33%, #fde661 66%, #45a7f8 66%, #45a7f8); 348 | border-top: none; 349 | } 350 | #outer #footer a, 351 | #outer #footer .heading, 352 | #outer #footer li { 353 | color: #000000; 354 | } 355 | 356 | /* 357 | end of the footer 358 | */ 359 | /* 360 | ======================== 361 | Accent color and links 362 | (it makes it with 363 | a transparent bg 364 | and the border) 365 | ======================== 366 | */ 367 | .splash .module h3, 368 | a, 369 | a:link, 370 | a:visited, 371 | .blurb h4 a, 372 | .blurb h4 a:link, 373 | .blurb h4 a:visited { 374 | background: rgba(253, 230, 97, 0.1); 375 | background-color: rgba(253, 230, 97, 0.1); 376 | border: 1px solid #ff4c99; 377 | padding: 4px; 378 | line-height: 30px; 379 | color: inherit; 380 | } 381 | 382 | a:hover, 383 | a:hover:visited, 384 | .blurb h4 a:hover, 385 | .blurb h4 a:visited:hover, 386 | a.tag:hover, 387 | a.tag:visited:hover, 388 | h5.fandoms a.tag:visited:hover, 389 | h5.fandoms a.tag:hover, 390 | .listbox .heading a.tag:visited:hover { 391 | background-color: #ff4c99; 392 | background: #ff4c99; 393 | border: 1px solid #ff4c99; 394 | color: #000000 !important; 395 | } 396 | 397 | /* 398 | end of accent color 399 | */ 400 | /*Favorites in Home*/ 401 | .splash .favorite a { 402 | border: 1px solid; 403 | } 404 | 405 | .splash .favorite li { 406 | margin: 3px; 407 | } 408 | 409 | .splash .favorite li a.tag, .splash .favorite li:nth-of-type(odd) a.tag { 410 | background-color: transparent; 411 | } 412 | 413 | .splash .favorite li:nth-of-type(6n+1) a.tag { 414 | border-color: #ff4c99; 415 | } 416 | 417 | .splash .favorite li:nth-of-type(6n+2) a.tag { 418 | border-color: #fde661; 419 | } 420 | 421 | .splash .favorite li:nth-of-type(6n+3) a.tag { 422 | border-color: #45a7f8; 423 | } 424 | 425 | .splash .favorite li:nth-of-type(6n+4) a.tag { 426 | border-color: #ff4c99; 427 | } 428 | 429 | .splash .favorite li:nth-of-type(6n+5) a.tag { 430 | border-color: #fde661; 431 | } 432 | 433 | .splash .favorite li:nth-of-type(6n+6) a.tag { 434 | border-color: #45a7f8; 435 | } 436 | 437 | .splash .favorite li:nth-of-type(6n+1) a.tag:hover { 438 | background-color: #ff4c99; 439 | color: #000000; 440 | } 441 | 442 | .splash .favorite li:nth-of-type(6n+2) a.tag:hover { 443 | background-color: #fde661; 444 | color: #000000; 445 | } 446 | 447 | .splash .favorite li:nth-of-type(6n+3) a.tag:hover { 448 | background-color: #45a7f8; 449 | color: #000000; 450 | } 451 | 452 | .splash .favorite li:nth-of-type(6n+4) a.tag:hover { 453 | background-color: #ff4c99; 454 | color: #000000; 455 | } 456 | 457 | .splash .favorite li:nth-of-type(6n+5) a.tag:hover { 458 | background-color: #fde661; 459 | color: #000000; 460 | } 461 | 462 | .splash .favorite li:nth-of-type(6n+6) a.tag:hover { 463 | background-color: #45a7f8; 464 | color: #000000; 465 | } 466 | 467 | #header .user a[href*=logout]:hover { 468 | /*logout button*/ 469 | background: #ff4c99; 470 | color: #000000 !important; 471 | } 472 | 473 | .blurb ul.required-tags li, 474 | .icon a:hover, 475 | h3.heading a, 476 | .blurb ul.required-tags li a, 477 | .blurb ul.required-tags li span, 478 | .icon a, 479 | .heading a.question, 480 | a.modal.help, 481 | .bookmark .count a { 482 | /*removes the border from some stuff because it looks weird*/ 483 | border: none; 484 | background-color: transparent; 485 | } 486 | 487 | /* Some weird stuff was happening in the news posts so I reverted the links back */ 488 | .news a, 489 | .news a:link { 490 | border: none; 491 | background: none; 492 | background-color: transparent; 493 | text-decoration: underline; 494 | padding: initial; 495 | line-height: initial; 496 | } 497 | 498 | .news .actions a, 499 | .news .actions a:link { 500 | padding: 0.25em 0.75em; 501 | line-height: 18px; 502 | text-decoration: none; 503 | } 504 | 505 | /* end of the news stuff*/ 506 | dd.bookmarks a { 507 | line-height: initial; 508 | border: none; 509 | } 510 | 511 | .blurb h4 a:visited, 512 | h5.fandoms a.tag { 513 | color: inherit !important; 514 | } 515 | 516 | /* 517 | ======== 518 | HEADER 519 | ======== 520 | */ 521 | #header .heading a:hover { 522 | color: rgba(253, 230, 97, 0.1); 523 | border: none; 524 | } 525 | 526 | #outer #header { 527 | color: #000000; 528 | background: linear-gradient(to bottom, #ff4c99 0%, #ff4c99 33%, #fde661 33%, #fde661 66%, #45a7f8 66%, #45a7f8); 529 | } 530 | 531 | #outer #outer #header .primary, 532 | #header ul.primary { 533 | background: none; 534 | } 535 | 536 | #outer #header a, 537 | #header a:visited { 538 | color: inherit; 539 | } 540 | 541 | #header a.dropdown-toggle, 542 | #header .current, 543 | #header .primary .open a, 544 | #header .primary .dropdown a:focus { 545 | color: #000000; 546 | background-color: transparent; 547 | } 548 | 549 | #header .heading a, 550 | #header #greeting a.dropdown-toggle, 551 | #header .user a[href*=logout] { 552 | color: #000000 !important; 553 | } 554 | 555 | #header .primary a.dropdown-toggle, 556 | #header .primary li:hover a.dropdown-toggle { 557 | color: #000000 !important; 558 | background-color: transparent !important; 559 | } 560 | 561 | #header .logo { 562 | background: #ffffff; 563 | width: 40px; 564 | height: auto; 565 | margin-right: 10px; 566 | padding: 5px; 567 | border-radius: 3px; 568 | } 569 | 570 | #header .heading { 571 | padding: 0.375em; 572 | margin: 1em; 573 | background: #fefefe; 574 | box-shadow: 5px 5px 0px #ff4c99; 575 | } 576 | 577 | #login, 578 | #greeting { 579 | padding: 0.375em; 580 | margin: 1em; 581 | background: #fefefe; 582 | box-shadow: 5px 5px 0 #ff4c99; 583 | } 584 | 585 | #footer .module { 586 | max-width: 20%; 587 | margin: 0 2%; 588 | background: #fefefe; 589 | box-shadow: 5px 5px 0 #ff4c99; 590 | padding: 5px; 591 | } 592 | 593 | /*Search button*/ 594 | #header #search .button { 595 | background: #fde661; 596 | color: #000000; 597 | } 598 | 599 | #header #search .text, 600 | #header #search input:focus { 601 | background: #fde661; 602 | color: #000000; 603 | } 604 | 605 | /*end of search button*/ 606 | /*end of the header*/ 607 | /* 608 | ============ 609 | TAGS! 610 | ============ 611 | */ 612 | li.relationships a, 613 | dl.meta dd.relationship a.tag { 614 | background: rgba(255, 76, 153, 0.1); 615 | border: 1px solid #ff4c99; 616 | color: inherit !important; 617 | } 618 | li.relationships a:hover, li.relationships a:visited:hover, 619 | dl.meta dd.relationship a.tag:hover, 620 | dl.meta dd.relationship a.tag:visited:hover { 621 | background: #ff4c99; 622 | border: 1px solid #ff4c99; 623 | color: #000000 !important; 624 | } 625 | 626 | li.characters a, 627 | dl.meta dd.character a.tag { 628 | background: rgba(253, 230, 97, 0.1); 629 | border: 1px solid #fde661; 630 | color: inherit !important; 631 | } 632 | li.characters a:hover, li.characters a:visited:hover, 633 | dl.meta dd.character a.tag:hover, 634 | dl.meta dd.character a.tag:visited:hover { 635 | background: #fde661; 636 | border: 1px solid #fde661; 637 | color: #000000 !important; 638 | } 639 | 640 | li.freeforms a, 641 | dl.meta dd.freeform a.tag { 642 | background: rgba(69, 167, 248, 0.1); 643 | border: 1px solid #45a7f8; 644 | color: inherit !important; 645 | } 646 | li.freeforms a:hover, li.freeforms a:visited:hover, 647 | dl.meta dd.freeform a.tag:hover, 648 | dl.meta dd.freeform a.tag:visited:hover { 649 | background: #45a7f8; 650 | border: 1px solid #45a7f8; 651 | color: #000000 !important; 652 | } 653 | 654 | /*this is where the tags end*/ 655 | /* 656 | ===================== 657 | BORDERS 658 | (in the box, around the blurb, 659 | the one with the flag colors) 660 | ===================== 661 | */ 662 | li.comment, 663 | .listbox, 664 | fieldset, 665 | li.blurb, 666 | dl.work.meta.group { 667 | border: 1px solid; 668 | border-image-source: linear-gradient(to bottom, #ff4c99 0%, #ff4c99 33%, #fde661 33%, #fde661 66%, #45a7f8 66%, #45a7f8); 669 | border-image-slice: 1; 670 | } 671 | 672 | /*end of the borders*/ 673 | /* 674 | =================== 675 | DASHBOARD SIDE MENU 676 | =================== 677 | */ 678 | #dashboard.own { 679 | border-image-source: linear-gradient(to bottom, #ff4c99 0%, #ff4c99 33%, #fde661 33%, #fde661 66%, #45a7f8 66%, #45a7f8); 680 | border-image-slice: 1; 681 | } 682 | 683 | #dashboard a { 684 | border: 1px solid transparent; 685 | } 686 | 687 | #dashboard .current { 688 | background: #ff4c99; 689 | border: 1px solid #ff4c99; 690 | color: #000000; 691 | } 692 | 693 | #dashboard li:nth-of-type(6n+1) a:hover { 694 | background: #ff4c99; 695 | border: 1px solid #ff4c99; 696 | color: #000000 !important; 697 | } 698 | 699 | #dashboard li:nth-of-type(6n+2) a:hover { 700 | background: #fde661; 701 | border: 1px solid #fde661; 702 | color: #000000 !important; 703 | } 704 | 705 | #dashboard li:nth-of-type(6n+3) a:hover { 706 | background: #45a7f8; 707 | border: 1px solid #45a7f8; 708 | color: #000000 !important; 709 | } 710 | 711 | #dashboard li:nth-of-type(6n+4) a:hover { 712 | background: #ff4c99; 713 | border: 1px solid #ff4c99; 714 | color: #000000 !important; 715 | } 716 | 717 | #dashboard li:nth-of-type(6n+5) a:hover { 718 | background: #fde661; 719 | border: 1px solid #fde661; 720 | color: #000000 !important; 721 | } 722 | 723 | #dashboard li:nth-of-type(6n+6) a:hover { 724 | background: #45a7f8; 725 | border: 1px solid #45a7f8; 726 | color: #000000 !important; 727 | } 728 | 729 | /* end of dashboard*/ 730 | /* 731 | ================ 732 | ASSIGNED TABLE 733 | ================ 734 | */ 735 | .assigned tr:nth-of-type(6n+1) a { 736 | background: rgba(255, 76, 153, 0.1); 737 | border: 1px solid #ff4c99; 738 | color: inherit !important; 739 | } 740 | .assigned tr:nth-of-type(6n+1) a:hover, .assigned tr:nth-of-type(6n+1) a:visited:hover { 741 | background: #ff4c99; 742 | border: 1px solid #ff4c99; 743 | color: #000000 !important; 744 | } 745 | 746 | .assigned tr:nth-of-type(6n+2) a { 747 | background: rgba(253, 230, 97, 0.1); 748 | border: 1px solid #fde661; 749 | color: inherit !important; 750 | } 751 | .assigned tr:nth-of-type(6n+2) a:hover, .assigned tr:nth-of-type(6n+2) a:visited:hover { 752 | background: #fde661; 753 | border: 1px solid #fde661; 754 | color: #000000 !important; 755 | } 756 | 757 | .assigned tr:nth-of-type(6n+3) a { 758 | background: rgba(69, 167, 248, 0.1); 759 | border: 1px solid #45a7f8; 760 | color: inherit !important; 761 | } 762 | .assigned tr:nth-of-type(6n+3) a:hover, .assigned tr:nth-of-type(6n+3) a:visited:hover { 763 | background: #45a7f8; 764 | border: 1px solid #45a7f8; 765 | color: #000000 !important; 766 | } 767 | 768 | .assigned tr:nth-of-type(6n+4) a { 769 | background: rgba(255, 76, 153, 0.1); 770 | border: 1px solid #ff4c99; 771 | color: inherit !important; 772 | } 773 | .assigned tr:nth-of-type(6n+4) a:hover, .assigned tr:nth-of-type(6n+4) a:visited:hover { 774 | background: #ff4c99; 775 | border: 1px solid #ff4c99; 776 | color: #000000 !important; 777 | } 778 | 779 | .assigned tr:nth-of-type(6n+5) a { 780 | background: rgba(253, 230, 97, 0.1); 781 | border: 1px solid #fde661; 782 | color: inherit !important; 783 | } 784 | .assigned tr:nth-of-type(6n+5) a:hover, .assigned tr:nth-of-type(6n+5) a:visited:hover { 785 | background: #fde661; 786 | border: 1px solid #fde661; 787 | color: #000000 !important; 788 | } 789 | 790 | .assigned tr:nth-of-type(6n+6) a { 791 | background: rgba(69, 167, 248, 0.1); 792 | border: 1px solid #45a7f8; 793 | color: inherit !important; 794 | } 795 | .assigned tr:nth-of-type(6n+6) a:hover, .assigned tr:nth-of-type(6n+6) a:visited:hover { 796 | background: #45a7f8; 797 | border: 1px solid #45a7f8; 798 | color: #000000 !important; 799 | } 800 | 801 | /*end of assigned wrangling table*/ 802 | /* 803 | ================ 804 | BINSSSS 805 | ================ 806 | */ 807 | col.name { 808 | background: transparent; 809 | } 810 | 811 | #wrangulator tbody th, #wrangulator table { 812 | background: transparent; 813 | } 814 | 815 | #wrangulator tbody tr:nth-of-type(6n+1) { 816 | background: rgba(255, 76, 153, 0.1); 817 | color: inherit !important; 818 | } 819 | #wrangulator tbody tr:nth-of-type(6n+1):hover, #wrangulator tbody tr:nth-of-type(6n+1):visited:hover { 820 | background: #ff4c99; 821 | color: #000000 !important; 822 | } 823 | 824 | #wrangulator tbody tr:nth-of-type(6n+2) { 825 | background: rgba(253, 230, 97, 0.1); 826 | color: inherit !important; 827 | } 828 | #wrangulator tbody tr:nth-of-type(6n+2):hover, #wrangulator tbody tr:nth-of-type(6n+2):visited:hover { 829 | background: #fde661; 830 | color: #000000 !important; 831 | } 832 | 833 | #wrangulator tbody tr:nth-of-type(6n+3) { 834 | background: rgba(69, 167, 248, 0.1); 835 | color: inherit !important; 836 | } 837 | #wrangulator tbody tr:nth-of-type(6n+3):hover, #wrangulator tbody tr:nth-of-type(6n+3):visited:hover { 838 | background: #45a7f8; 839 | color: #000000 !important; 840 | } 841 | 842 | #wrangulator tbody tr:nth-of-type(6n+4) { 843 | background: rgba(255, 76, 153, 0.1); 844 | color: inherit !important; 845 | } 846 | #wrangulator tbody tr:nth-of-type(6n+4):hover, #wrangulator tbody tr:nth-of-type(6n+4):visited:hover { 847 | background: #ff4c99; 848 | color: #000000 !important; 849 | } 850 | 851 | #wrangulator tbody tr:nth-of-type(6n+5) { 852 | background: rgba(253, 230, 97, 0.1); 853 | color: inherit !important; 854 | } 855 | #wrangulator tbody tr:nth-of-type(6n+5):hover, #wrangulator tbody tr:nth-of-type(6n+5):visited:hover { 856 | background: #fde661; 857 | color: #000000 !important; 858 | } 859 | 860 | #wrangulator tbody tr:nth-of-type(6n+6) { 861 | background: rgba(69, 167, 248, 0.1); 862 | color: inherit !important; 863 | } 864 | #wrangulator tbody tr:nth-of-type(6n+6):hover, #wrangulator tbody tr:nth-of-type(6n+6):visited:hover { 865 | background: #45a7f8; 866 | color: #000000 !important; 867 | } 868 | 869 | /*end of bin tables*/ 870 | /* 871 | ================== 872 | BUTTONS WITH FLAGS 873 | ================== 874 | */ 875 | button, 876 | .actions a, 877 | .actions a:link, 878 | .action, 879 | input[type=submit], 880 | .actions a:visited, 881 | li#form-link span.current, 882 | .listbox .index .actions a, 883 | .listbox .index .actions a:link { 884 | color: inherit; 885 | border: 1px solid; 886 | border-image-slice: 1; 887 | background: linear-gradient(to bottom, rgba(255, 76, 153, 0.1) 33%, rgba(253, 230, 97, 0.1) 66%, rgba(69, 167, 248, 0.1)); 888 | border-image-source: linear-gradient(to bottom, #ff4c99 0%, #ff4c99 33%, #fde661 33%, #fde661 66%, #45a7f8 66%, #45a7f8); 889 | } 890 | 891 | button:hover, 892 | .actions a:hover, 893 | .actions a:visited:hover, 894 | .action:hover, 895 | input[type=submit]:hover, 896 | .listbox .index .actions a:hover { 897 | color: #000000 !important; 898 | background: linear-gradient(to bottom, #ff4c99 0%, #ff4c99 33%, #fde661 33%, #fde661 66%, #45a7f8 66%, #45a7f8); 899 | border: 1px solid; 900 | border-image-source: linear-gradient(to bottom, #ff4c99 0%, #ff4c99 33%, #fde661 33%, #fde661 66%, #45a7f8 66%, #45a7f8); 901 | border-image-slice: 1; 902 | } 903 | 904 | /*end of buttons*/ 905 | -------------------------------------------------------------------------------- /css/polyflag.css: -------------------------------------------------------------------------------- 1 | #header .menu, 2 | #small_login, 3 | #header .dropdown:hover .current + .menu, 4 | .event .userstuff, .notice, 5 | .comment_notice, 6 | ul.notes, 7 | .caution, 8 | .error, 9 | .comment_error, 10 | .alert.flash, 11 | .actions a:hover, 12 | .actions input:hover, 13 | .actions a:focus, 14 | .actions input:focus, 15 | label.action:hover, 16 | .action:hover, 17 | .action:focus, 18 | .dynamic form, 19 | .ui-draggable form, #header .primary, 20 | .group.listbox, 21 | fieldset fieldset.listbox, 22 | #main li.blurb, 23 | .wrapper, 24 | #dashboard .secondary, 25 | .secondary, 26 | form blockquote.userstuff, 27 | .thread .comment, 28 | .toggled form, 29 | .listbox .index, 30 | form .notice, 31 | form ul.notes, 32 | form.verbose legend, 33 | .verbose form legend, 34 | span.question, 35 | fieldset, 36 | form dl, 37 | fieldset dl dl, 38 | fieldset fieldset fieldset, 39 | fieldset fieldset dl dl, 40 | dd.hideme, 41 | .delete a, 42 | span.delete, 43 | #header ul.primary, input, .actions input, 44 | input[type=submit], 45 | textarea, .actions a, 46 | .actions a:link, 47 | .action, 48 | .action:link, 49 | button, 50 | .current, 51 | .actions label { 52 | /* 53 | This resets the shadows in several places 54 | */ 55 | box-shadow: none; 56 | } 57 | 58 | #footer, 59 | .autocomplete .dropdown ul li:hover, 60 | li.selected, 61 | .autocomplete a:hover, form .notice, 62 | form ul.notes, 63 | form.verbose legend, 64 | .verbose form legend, input, .actions input, 65 | input[type=submit], 66 | textarea, .actions a, 67 | .actions a:link, 68 | .action, 69 | .action:link, 70 | button, 71 | .current, 72 | .actions label { 73 | /* 74 | This resets the background image from default skin in several places 75 | */ 76 | background-image: none; 77 | } 78 | 79 | .actions input, 80 | input[type=submit], 81 | textarea, .actions a, 82 | .actions a:link, 83 | .action, 84 | .action:link, 85 | button, 86 | .current, 87 | .actions label { 88 | /* 89 | Further 3d elements to reset in webkit browsers 90 | */ 91 | -webkit-appearance: none; 92 | } 93 | 94 | form .notice, 95 | form ul.notes, 96 | form.verbose legend, 97 | .verbose form legend, 98 | .actions a, 99 | .actions a:link, 100 | .action, 101 | .action:link, 102 | input[type=submit], 103 | button, 104 | .current, 105 | .actions label, .notice, 106 | .comment_notice, 107 | ul.notes, 108 | .caution, 109 | .error, 110 | .comment_error, 111 | .alert.flash, 112 | .actions a:hover, 113 | .actions input:hover, 114 | .actions a:focus, 115 | .actions input:focus, 116 | label.action:hover, 117 | .action:hover, 118 | .action:focus, 119 | .toggled form, 120 | .dynamic form, 121 | .ui-draggable form { 122 | /* Sets the style for border buttons */ 123 | border: none; 124 | } 125 | 126 | .actions a, 127 | .actions a:link, 128 | .action, 129 | .action:link, 130 | button, 131 | .current, 132 | .actions label { 133 | border: none; 134 | } 135 | 136 | input { 137 | width: 96%; 138 | border: 1px solid; 139 | } 140 | 141 | .actions a:hover, 142 | a:hover, 143 | .actions input:hover, 144 | #dashboard a:hover, 145 | .actions a:focus, 146 | .actions input:focus, 147 | #dashboard a:focus, 148 | .actions a:active, 149 | .current, 150 | a.current, 151 | .current a:visited, 152 | #dashboard .current, 153 | #outer .current, 154 | #header .current, 155 | span.unread, 156 | .replied, 157 | span.claimed, 158 | dl.index dd, 159 | .own, 160 | .draft, 161 | .draft .unread, 162 | .child, 163 | .unwrangled, 164 | .unreviewed, 165 | .ui-sortable li:hover, 166 | #header .primary .menu .current { 167 | /* resets the border color */ 168 | border-color: initial; 169 | /* extra aggressive shadow removing */ 170 | box-shadow: none !important; 171 | } 172 | 173 | form .notice, 174 | form ul.notes, 175 | form.verbose legend, 176 | .verbose form legend, 177 | .actions a, 178 | .actions a:link, 179 | .action, 180 | .action:link, 181 | input[type=submit], 182 | button, 183 | .current, 184 | .actions label { 185 | border-bottom: none; 186 | } 187 | 188 | .listbox .index, 189 | .dashboard .listbox .index, 190 | .splash .news li, 191 | form dt, 192 | .picture .header { 193 | /* 194 | some stuff needs some aggressive non-bordering 195 | */ 196 | border: none; 197 | border-bottom: none; 198 | border-top: none; 199 | border-left: none; 200 | border-right: none; 201 | } 202 | 203 | #header .menu, 204 | #small_login, 205 | #header .dropdown:hover .current + .menu, 206 | .event .userstuff { 207 | /* 208 | removes some more effects of default skin 209 | */ 210 | filter: none; 211 | } 212 | 213 | .autocomplete input, 214 | .autocomplete .dropdown ul li { 215 | min-width: 10px; 216 | } 217 | 218 | fieldset.work.meta .fandom.required ul.autocomplete, 219 | .listbox, 220 | fieldset fieldset.listbox, 221 | fieldset, 222 | form dl, 223 | fieldset dl dl, 224 | fieldset fieldset fieldset, 225 | fieldset fieldset dl dl, 226 | dd.hideme, 227 | form blockquote.userstuff { 228 | background: transparent; 229 | } 230 | 231 | .actions input[type=checkbox] { 232 | appearance: auto; 233 | } 234 | 235 | /* 236 | ========== 237 | MENU 238 | ========== 239 | */ 240 | #header .actions a:hover, 241 | #header .actions a:focus, 242 | #header .dropdown:hover a, 243 | #header .open a { 244 | color: black; 245 | } 246 | 247 | #header .dropdown:hover a, 248 | ul.menu.dropdown-menu { 249 | background: transparent; 250 | border-color: transparent; 251 | } 252 | 253 | #outer #header .dropdown-menu li:nth-of-type(6n+1) a, 254 | #outer #header .dropdown-menu li:nth-of-type(6n+1) a:visited, 255 | #outer #header .dropdown-menu li:nth-of-type(6n+1) a:link { 256 | background-color: #f650d0; 257 | color: #000000; 258 | } 259 | 260 | #outer #header .dropdown-menu li:nth-of-type(6n+2) a, 261 | #outer #header .dropdown-menu li:nth-of-type(6n+2) a:visited, 262 | #outer #header .dropdown-menu li:nth-of-type(6n+2) a:link { 263 | background-color: #74e4a0; 264 | color: #000000; 265 | } 266 | 267 | #outer #header .dropdown-menu li:nth-of-type(6n+3) a, 268 | #outer #header .dropdown-menu li:nth-of-type(6n+3) a:visited, 269 | #outer #header .dropdown-menu li:nth-of-type(6n+3) a:link { 270 | background-color: #1cb8f6; 271 | color: #000000; 272 | } 273 | 274 | #outer #header .dropdown-menu li:nth-of-type(6n+4) a, 275 | #outer #header .dropdown-menu li:nth-of-type(6n+4) a:visited, 276 | #outer #header .dropdown-menu li:nth-of-type(6n+4) a:link { 277 | background-color: #f650d0; 278 | color: #000000; 279 | } 280 | 281 | #outer #header .dropdown-menu li:nth-of-type(6n+5) a, 282 | #outer #header .dropdown-menu li:nth-of-type(6n+5) a:visited, 283 | #outer #header .dropdown-menu li:nth-of-type(6n+5) a:link { 284 | background-color: #74e4a0; 285 | color: #000000; 286 | } 287 | 288 | #outer #header .dropdown-menu li:nth-of-type(6n+6) a, 289 | #outer #header .dropdown-menu li:nth-of-type(6n+6) a:visited, 290 | #outer #header .dropdown-menu li:nth-of-type(6n+6) a:link { 291 | background-color: #1cb8f6; 292 | color: #000000; 293 | } 294 | 295 | #outer #header .dropdown-menu li:nth-of-type(6n+1) a:hover, 296 | #outer #header .dropdown-menu li:nth-of-type(6n+1) a:focus { 297 | text-decoration: underline; 298 | color: #000000 !important; 299 | } 300 | 301 | #outer #header .dropdown-menu li:nth-of-type(6n+2) a:hover, 302 | #outer #header .dropdown-menu li:nth-of-type(6n+2) a:focus { 303 | text-decoration: underline; 304 | color: #000000 !important; 305 | } 306 | 307 | #outer #header .dropdown-menu li:nth-of-type(6n+3) a:hover, 308 | #outer #header .dropdown-menu li:nth-of-type(6n+3) a:focus { 309 | text-decoration: underline; 310 | color: #000000 !important; 311 | } 312 | 313 | #outer #header .dropdown-menu li:nth-of-type(6n+4) a:hover, 314 | #outer #header .dropdown-menu li:nth-of-type(6n+4) a:focus { 315 | text-decoration: underline; 316 | color: #000000 !important; 317 | } 318 | 319 | #outer #header .dropdown-menu li:nth-of-type(6n+5) a:hover, 320 | #outer #header .dropdown-menu li:nth-of-type(6n+5) a:focus { 321 | text-decoration: underline; 322 | color: #000000 !important; 323 | } 324 | 325 | #outer #header .dropdown-menu li:nth-of-type(6n+6) a:hover, 326 | #outer #header .dropdown-menu li:nth-of-type(6n+6) a:focus { 327 | text-decoration: underline; 328 | color: #000000 !important; 329 | } 330 | 331 | #header .primary .menu .current { 332 | background-color: #f650d0; 333 | color: #000000; 334 | } 335 | 336 | #header .dropdown:hover a.dropdown-toggle { 337 | color: #f650d0 !important; 338 | } 339 | 340 | /*end of the menuuuu*/ 341 | /* 342 | ======== 343 | Footer 344 | ======== 345 | */ 346 | #outer #footer { 347 | background: linear-gradient(to bottom, #f650d0 0%, #f650d0 33%, #74e4a0 33%, #74e4a0 66%, #1cb8f6 66%, #1cb8f6); 348 | border-top: none; 349 | } 350 | #outer #footer a, 351 | #outer #footer .heading, 352 | #outer #footer li { 353 | color: #000000; 354 | } 355 | 356 | /* 357 | end of the footer 358 | */ 359 | /* 360 | ======================== 361 | Accent color and links 362 | (it makes it with 363 | a transparent bg 364 | and the border) 365 | ======================== 366 | */ 367 | .splash .module h3, 368 | a, 369 | a:link, 370 | a:visited, 371 | .blurb h4 a, 372 | .blurb h4 a:link, 373 | .blurb h4 a:visited { 374 | background: rgba(116, 228, 160, 0.1); 375 | background-color: rgba(116, 228, 160, 0.1); 376 | border: 1px solid #f650d0; 377 | padding: 4px; 378 | line-height: 30px; 379 | color: inherit; 380 | } 381 | 382 | a:hover, 383 | a:hover:visited, 384 | .blurb h4 a:hover, 385 | .blurb h4 a:visited:hover, 386 | a.tag:hover, 387 | a.tag:visited:hover, 388 | h5.fandoms a.tag:visited:hover, 389 | h5.fandoms a.tag:hover, 390 | .listbox .heading a.tag:visited:hover { 391 | background-color: #f650d0; 392 | background: #f650d0; 393 | border: 1px solid #f650d0; 394 | color: #000000 !important; 395 | } 396 | 397 | /* 398 | end of accent color 399 | */ 400 | /*Favorites in Home*/ 401 | .splash .favorite a { 402 | border: 1px solid; 403 | } 404 | 405 | .splash .favorite li { 406 | margin: 3px; 407 | } 408 | 409 | .splash .favorite li a.tag, .splash .favorite li:nth-of-type(odd) a.tag { 410 | background-color: transparent; 411 | } 412 | 413 | .splash .favorite li:nth-of-type(6n+1) a.tag { 414 | border-color: #f650d0; 415 | } 416 | 417 | .splash .favorite li:nth-of-type(6n+2) a.tag { 418 | border-color: #74e4a0; 419 | } 420 | 421 | .splash .favorite li:nth-of-type(6n+3) a.tag { 422 | border-color: #1cb8f6; 423 | } 424 | 425 | .splash .favorite li:nth-of-type(6n+4) a.tag { 426 | border-color: #f650d0; 427 | } 428 | 429 | .splash .favorite li:nth-of-type(6n+5) a.tag { 430 | border-color: #74e4a0; 431 | } 432 | 433 | .splash .favorite li:nth-of-type(6n+6) a.tag { 434 | border-color: #1cb8f6; 435 | } 436 | 437 | .splash .favorite li:nth-of-type(6n+1) a.tag:hover { 438 | background-color: #f650d0; 439 | color: #000000; 440 | } 441 | 442 | .splash .favorite li:nth-of-type(6n+2) a.tag:hover { 443 | background-color: #74e4a0; 444 | color: #000000; 445 | } 446 | 447 | .splash .favorite li:nth-of-type(6n+3) a.tag:hover { 448 | background-color: #1cb8f6; 449 | color: #000000; 450 | } 451 | 452 | .splash .favorite li:nth-of-type(6n+4) a.tag:hover { 453 | background-color: #f650d0; 454 | color: #000000; 455 | } 456 | 457 | .splash .favorite li:nth-of-type(6n+5) a.tag:hover { 458 | background-color: #74e4a0; 459 | color: #000000; 460 | } 461 | 462 | .splash .favorite li:nth-of-type(6n+6) a.tag:hover { 463 | background-color: #1cb8f6; 464 | color: #000000; 465 | } 466 | 467 | #header .user a[href*=logout]:hover { 468 | /*logout button*/ 469 | background: #f650d0; 470 | color: #000000 !important; 471 | } 472 | 473 | .blurb ul.required-tags li, 474 | .icon a:hover, 475 | h3.heading a, 476 | .blurb ul.required-tags li a, 477 | .blurb ul.required-tags li span, 478 | .icon a, 479 | .heading a.question, 480 | a.modal.help, 481 | .bookmark .count a { 482 | /*removes the border from some stuff because it looks weird*/ 483 | border: none; 484 | background-color: transparent; 485 | } 486 | 487 | /* Some weird stuff was happening in the news posts so I reverted the links back */ 488 | .news a, 489 | .news a:link { 490 | border: none; 491 | background: none; 492 | background-color: transparent; 493 | text-decoration: underline; 494 | padding: initial; 495 | line-height: initial; 496 | } 497 | 498 | .news .actions a, 499 | .news .actions a:link { 500 | padding: 0.25em 0.75em; 501 | line-height: 18px; 502 | text-decoration: none; 503 | } 504 | 505 | /* end of the news stuff*/ 506 | dd.bookmarks a { 507 | line-height: initial; 508 | border: none; 509 | } 510 | 511 | .blurb h4 a:visited, 512 | h5.fandoms a.tag { 513 | color: inherit !important; 514 | } 515 | 516 | /* 517 | ======== 518 | HEADER 519 | ======== 520 | */ 521 | #header .heading a:hover { 522 | color: rgba(116, 228, 160, 0.1); 523 | border: none; 524 | } 525 | 526 | #outer #header { 527 | color: #000000; 528 | background: linear-gradient(to bottom, #f650d0 0%, #f650d0 33%, #74e4a0 33%, #74e4a0 66%, #1cb8f6 66%, #1cb8f6); 529 | } 530 | 531 | #outer #outer #header .primary, 532 | #header ul.primary { 533 | background: none; 534 | } 535 | 536 | #outer #header a, 537 | #header a:visited { 538 | color: inherit; 539 | } 540 | 541 | #header a.dropdown-toggle, 542 | #header .current, 543 | #header .primary .open a, 544 | #header .primary .dropdown a:focus { 545 | color: #000000; 546 | background-color: transparent; 547 | } 548 | 549 | #header .heading a, 550 | #header #greeting a.dropdown-toggle, 551 | #header .user a[href*=logout] { 552 | color: #000000 !important; 553 | } 554 | 555 | #header .primary a.dropdown-toggle, 556 | #header .primary li:hover a.dropdown-toggle { 557 | color: #000000 !important; 558 | background-color: transparent !important; 559 | } 560 | 561 | #header .logo { 562 | background: #ffffff; 563 | width: 40px; 564 | height: auto; 565 | margin-right: 10px; 566 | padding: 5px; 567 | border-radius: 3px; 568 | } 569 | 570 | #header .heading { 571 | padding: 0.375em; 572 | margin: 1em; 573 | background: #fefefe; 574 | box-shadow: 5px 5px 0px #f650d0; 575 | } 576 | 577 | #login, 578 | #greeting { 579 | padding: 0.375em; 580 | margin: 1em; 581 | background: #fefefe; 582 | box-shadow: 5px 5px 0 #f650d0; 583 | } 584 | 585 | #footer .module { 586 | max-width: 20%; 587 | margin: 0 2%; 588 | background: #fefefe; 589 | box-shadow: 5px 5px 0 #f650d0; 590 | padding: 5px; 591 | } 592 | 593 | /*Search button*/ 594 | #header #search .button { 595 | background: #74e4a0; 596 | color: #000000; 597 | } 598 | 599 | #header #search .text, 600 | #header #search input:focus { 601 | background: #74e4a0; 602 | color: #000000; 603 | } 604 | 605 | /*end of search button*/ 606 | /*end of the header*/ 607 | /* 608 | ============ 609 | TAGS! 610 | ============ 611 | */ 612 | li.relationships a, 613 | dl.meta dd.relationship a.tag { 614 | background: rgba(246, 80, 208, 0.1); 615 | border: 1px solid #f650d0; 616 | color: inherit !important; 617 | } 618 | li.relationships a:hover, li.relationships a:visited:hover, 619 | dl.meta dd.relationship a.tag:hover, 620 | dl.meta dd.relationship a.tag:visited:hover { 621 | background: #f650d0; 622 | border: 1px solid #f650d0; 623 | color: #000000 !important; 624 | } 625 | 626 | li.characters a, 627 | dl.meta dd.character a.tag { 628 | background: rgba(116, 228, 160, 0.1); 629 | border: 1px solid #74e4a0; 630 | color: inherit !important; 631 | } 632 | li.characters a:hover, li.characters a:visited:hover, 633 | dl.meta dd.character a.tag:hover, 634 | dl.meta dd.character a.tag:visited:hover { 635 | background: #74e4a0; 636 | border: 1px solid #74e4a0; 637 | color: #000000 !important; 638 | } 639 | 640 | li.freeforms a, 641 | dl.meta dd.freeform a.tag { 642 | background: rgba(28, 184, 246, 0.1); 643 | border: 1px solid #1cb8f6; 644 | color: inherit !important; 645 | } 646 | li.freeforms a:hover, li.freeforms a:visited:hover, 647 | dl.meta dd.freeform a.tag:hover, 648 | dl.meta dd.freeform a.tag:visited:hover { 649 | background: #1cb8f6; 650 | border: 1px solid #1cb8f6; 651 | color: #000000 !important; 652 | } 653 | 654 | /*this is where the tags end*/ 655 | /* 656 | ===================== 657 | BORDERS 658 | (in the box, around the blurb, 659 | the one with the flag colors) 660 | ===================== 661 | */ 662 | li.comment, 663 | .listbox, 664 | fieldset, 665 | li.blurb, 666 | dl.work.meta.group { 667 | border: 1px solid; 668 | border-image-source: linear-gradient(to bottom, #f650d0 0%, #f650d0 33%, #74e4a0 33%, #74e4a0 66%, #1cb8f6 66%, #1cb8f6); 669 | border-image-slice: 1; 670 | } 671 | 672 | /*end of the borders*/ 673 | /* 674 | =================== 675 | DASHBOARD SIDE MENU 676 | =================== 677 | */ 678 | #dashboard.own { 679 | border-image-source: linear-gradient(to bottom, #f650d0 0%, #f650d0 33%, #74e4a0 33%, #74e4a0 66%, #1cb8f6 66%, #1cb8f6); 680 | border-image-slice: 1; 681 | } 682 | 683 | #dashboard a { 684 | border: 1px solid transparent; 685 | } 686 | 687 | #dashboard .current { 688 | background: #f650d0; 689 | border: 1px solid #f650d0; 690 | color: #000000; 691 | } 692 | 693 | #dashboard li:nth-of-type(6n+1) a:hover { 694 | background: #f650d0; 695 | border: 1px solid #f650d0; 696 | color: #000000 !important; 697 | } 698 | 699 | #dashboard li:nth-of-type(6n+2) a:hover { 700 | background: #74e4a0; 701 | border: 1px solid #74e4a0; 702 | color: #000000 !important; 703 | } 704 | 705 | #dashboard li:nth-of-type(6n+3) a:hover { 706 | background: #1cb8f6; 707 | border: 1px solid #1cb8f6; 708 | color: #000000 !important; 709 | } 710 | 711 | #dashboard li:nth-of-type(6n+4) a:hover { 712 | background: #f650d0; 713 | border: 1px solid #f650d0; 714 | color: #000000 !important; 715 | } 716 | 717 | #dashboard li:nth-of-type(6n+5) a:hover { 718 | background: #74e4a0; 719 | border: 1px solid #74e4a0; 720 | color: #000000 !important; 721 | } 722 | 723 | #dashboard li:nth-of-type(6n+6) a:hover { 724 | background: #1cb8f6; 725 | border: 1px solid #1cb8f6; 726 | color: #000000 !important; 727 | } 728 | 729 | /* end of dashboard*/ 730 | /* 731 | ================ 732 | ASSIGNED TABLE 733 | ================ 734 | */ 735 | .assigned tr:nth-of-type(6n+1) a { 736 | background: rgba(246, 80, 208, 0.1); 737 | border: 1px solid #f650d0; 738 | color: inherit !important; 739 | } 740 | .assigned tr:nth-of-type(6n+1) a:hover, .assigned tr:nth-of-type(6n+1) a:visited:hover { 741 | background: #f650d0; 742 | border: 1px solid #f650d0; 743 | color: #000000 !important; 744 | } 745 | 746 | .assigned tr:nth-of-type(6n+2) a { 747 | background: rgba(116, 228, 160, 0.1); 748 | border: 1px solid #74e4a0; 749 | color: inherit !important; 750 | } 751 | .assigned tr:nth-of-type(6n+2) a:hover, .assigned tr:nth-of-type(6n+2) a:visited:hover { 752 | background: #74e4a0; 753 | border: 1px solid #74e4a0; 754 | color: #000000 !important; 755 | } 756 | 757 | .assigned tr:nth-of-type(6n+3) a { 758 | background: rgba(28, 184, 246, 0.1); 759 | border: 1px solid #1cb8f6; 760 | color: inherit !important; 761 | } 762 | .assigned tr:nth-of-type(6n+3) a:hover, .assigned tr:nth-of-type(6n+3) a:visited:hover { 763 | background: #1cb8f6; 764 | border: 1px solid #1cb8f6; 765 | color: #000000 !important; 766 | } 767 | 768 | .assigned tr:nth-of-type(6n+4) a { 769 | background: rgba(246, 80, 208, 0.1); 770 | border: 1px solid #f650d0; 771 | color: inherit !important; 772 | } 773 | .assigned tr:nth-of-type(6n+4) a:hover, .assigned tr:nth-of-type(6n+4) a:visited:hover { 774 | background: #f650d0; 775 | border: 1px solid #f650d0; 776 | color: #000000 !important; 777 | } 778 | 779 | .assigned tr:nth-of-type(6n+5) a { 780 | background: rgba(116, 228, 160, 0.1); 781 | border: 1px solid #74e4a0; 782 | color: inherit !important; 783 | } 784 | .assigned tr:nth-of-type(6n+5) a:hover, .assigned tr:nth-of-type(6n+5) a:visited:hover { 785 | background: #74e4a0; 786 | border: 1px solid #74e4a0; 787 | color: #000000 !important; 788 | } 789 | 790 | .assigned tr:nth-of-type(6n+6) a { 791 | background: rgba(28, 184, 246, 0.1); 792 | border: 1px solid #1cb8f6; 793 | color: inherit !important; 794 | } 795 | .assigned tr:nth-of-type(6n+6) a:hover, .assigned tr:nth-of-type(6n+6) a:visited:hover { 796 | background: #1cb8f6; 797 | border: 1px solid #1cb8f6; 798 | color: #000000 !important; 799 | } 800 | 801 | /*end of assigned wrangling table*/ 802 | /* 803 | ================ 804 | BINSSSS 805 | ================ 806 | */ 807 | col.name { 808 | background: transparent; 809 | } 810 | 811 | #wrangulator tbody th, #wrangulator table { 812 | background: transparent; 813 | } 814 | 815 | #wrangulator tbody tr:nth-of-type(6n+1) { 816 | background: rgba(246, 80, 208, 0.1); 817 | color: inherit !important; 818 | } 819 | #wrangulator tbody tr:nth-of-type(6n+1):hover, #wrangulator tbody tr:nth-of-type(6n+1):visited:hover { 820 | background: #f650d0; 821 | color: #000000 !important; 822 | } 823 | 824 | #wrangulator tbody tr:nth-of-type(6n+2) { 825 | background: rgba(116, 228, 160, 0.1); 826 | color: inherit !important; 827 | } 828 | #wrangulator tbody tr:nth-of-type(6n+2):hover, #wrangulator tbody tr:nth-of-type(6n+2):visited:hover { 829 | background: #74e4a0; 830 | color: #000000 !important; 831 | } 832 | 833 | #wrangulator tbody tr:nth-of-type(6n+3) { 834 | background: rgba(28, 184, 246, 0.1); 835 | color: inherit !important; 836 | } 837 | #wrangulator tbody tr:nth-of-type(6n+3):hover, #wrangulator tbody tr:nth-of-type(6n+3):visited:hover { 838 | background: #1cb8f6; 839 | color: #000000 !important; 840 | } 841 | 842 | #wrangulator tbody tr:nth-of-type(6n+4) { 843 | background: rgba(246, 80, 208, 0.1); 844 | color: inherit !important; 845 | } 846 | #wrangulator tbody tr:nth-of-type(6n+4):hover, #wrangulator tbody tr:nth-of-type(6n+4):visited:hover { 847 | background: #f650d0; 848 | color: #000000 !important; 849 | } 850 | 851 | #wrangulator tbody tr:nth-of-type(6n+5) { 852 | background: rgba(116, 228, 160, 0.1); 853 | color: inherit !important; 854 | } 855 | #wrangulator tbody tr:nth-of-type(6n+5):hover, #wrangulator tbody tr:nth-of-type(6n+5):visited:hover { 856 | background: #74e4a0; 857 | color: #000000 !important; 858 | } 859 | 860 | #wrangulator tbody tr:nth-of-type(6n+6) { 861 | background: rgba(28, 184, 246, 0.1); 862 | color: inherit !important; 863 | } 864 | #wrangulator tbody tr:nth-of-type(6n+6):hover, #wrangulator tbody tr:nth-of-type(6n+6):visited:hover { 865 | background: #1cb8f6; 866 | color: #000000 !important; 867 | } 868 | 869 | /*end of bin tables*/ 870 | /* 871 | ================== 872 | BUTTONS WITH FLAGS 873 | ================== 874 | */ 875 | button, 876 | .actions a, 877 | .actions a:link, 878 | .action, 879 | input[type=submit], 880 | .actions a:visited, 881 | li#form-link span.current, 882 | .listbox .index .actions a, 883 | .listbox .index .actions a:link { 884 | color: inherit; 885 | border: 1px solid; 886 | border-image-slice: 1; 887 | background: linear-gradient(to bottom, rgba(246, 80, 208, 0.1) 33%, rgba(116, 228, 160, 0.1) 66%, rgba(28, 184, 246, 0.1)); 888 | border-image-source: linear-gradient(to bottom, #f650d0 0%, #f650d0 33%, #74e4a0 33%, #74e4a0 66%, #1cb8f6 66%, #1cb8f6); 889 | } 890 | 891 | button:hover, 892 | .actions a:hover, 893 | .actions a:visited:hover, 894 | .action:hover, 895 | input[type=submit]:hover, 896 | .listbox .index .actions a:hover { 897 | color: #000000 !important; 898 | background: linear-gradient(to bottom, #f650d0 0%, #f650d0 33%, #74e4a0 33%, #74e4a0 66%, #1cb8f6 66%, #1cb8f6); 899 | border: 1px solid; 900 | border-image-source: linear-gradient(to bottom, #f650d0 0%, #f650d0 33%, #74e4a0 33%, #74e4a0 66%, #1cb8f6 66%, #1cb8f6); 901 | border-image-slice: 1; 902 | } 903 | 904 | /*end of buttons*/ 905 | -------------------------------------------------------------------------------- /css/rainbow-wrangling.css: -------------------------------------------------------------------------------- 1 | /* 2 | ================ 3 | ASSIGNED TABLE 4 | ================ 5 | */ 6 | .assigned tr:nth-of-type(6n+1) a { 7 | background: rgba(246, 48, 63, 0.1); 8 | border: 1px solid #f6303f; 9 | color: inherit !important; 10 | } 11 | .assigned tr:nth-of-type(6n+1) a:hover, .assigned tr:nth-of-type(6n+1) a:visited:hover { 12 | background: #f6303f; 13 | border: 1px solid #f6303f; 14 | color: white !important; 15 | } 16 | 17 | .assigned tr:nth-of-type(6n+2) a { 18 | background: rgba(241, 137, 4, 0.1); 19 | border: 1px solid #f18904; 20 | color: inherit !important; 21 | } 22 | .assigned tr:nth-of-type(6n+2) a:hover, .assigned tr:nth-of-type(6n+2) a:visited:hover { 23 | background: #f18904; 24 | border: 1px solid #f18904; 25 | color: white !important; 26 | } 27 | 28 | .assigned tr:nth-of-type(6n+3) a { 29 | background: rgba(253, 221, 0, 0.1); 30 | border: 1px solid #fddd00; 31 | color: inherit !important; 32 | } 33 | .assigned tr:nth-of-type(6n+3) a:hover, .assigned tr:nth-of-type(6n+3) a:visited:hover { 34 | background: #fddd00; 35 | border: 1px solid #fddd00; 36 | color: black !important; 37 | } 38 | 39 | .assigned tr:nth-of-type(6n+4) a { 40 | background: rgba(119, 189, 30, 0.1); 41 | border: 1px solid #77bd1e; 42 | color: inherit !important; 43 | } 44 | .assigned tr:nth-of-type(6n+4) a:hover, .assigned tr:nth-of-type(6n+4) a:visited:hover { 45 | background: #77bd1e; 46 | border: 1px solid #77bd1e; 47 | color: white !important; 48 | } 49 | 50 | .assigned tr:nth-of-type(6n+5) a { 51 | background: rgba(1, 152, 207, 0.1); 52 | border: 1px solid #0198cf; 53 | color: inherit !important; 54 | } 55 | .assigned tr:nth-of-type(6n+5) a:hover, .assigned tr:nth-of-type(6n+5) a:visited:hover { 56 | background: #0198cf; 57 | border: 1px solid #0198cf; 58 | color: white !important; 59 | } 60 | 61 | .assigned tr:nth-of-type(6n+6) a { 62 | background: rgba(114, 32, 130, 0.1); 63 | border: 1px solid #722082; 64 | color: inherit !important; 65 | } 66 | .assigned tr:nth-of-type(6n+6) a:hover, .assigned tr:nth-of-type(6n+6) a:visited:hover { 67 | background: #722082; 68 | border: 1px solid #722082; 69 | color: white !important; 70 | } 71 | 72 | /*end of assigned wrangling table*/ 73 | /* 74 | ================ 75 | BINSSSS 76 | ================ 77 | */ 78 | col.name { 79 | background: transparent; 80 | } 81 | 82 | #wrangulator tbody th, #wrangulator table { 83 | background: transparent; 84 | } 85 | 86 | #wrangulator tbody tr:nth-of-type(6n+1) { 87 | background: rgba(246, 48, 63, 0.1); 88 | color: inherit !important; 89 | } 90 | #wrangulator tbody tr:nth-of-type(6n+1):hover, #wrangulator tbody tr:nth-of-type(6n+1):visited:hover { 91 | background: #f6303f; 92 | color: white !important; 93 | } 94 | 95 | #wrangulator tbody tr:nth-of-type(6n+2) { 96 | background: rgba(241, 137, 4, 0.1); 97 | color: inherit !important; 98 | } 99 | #wrangulator tbody tr:nth-of-type(6n+2):hover, #wrangulator tbody tr:nth-of-type(6n+2):visited:hover { 100 | background: #f18904; 101 | color: white !important; 102 | } 103 | 104 | #wrangulator tbody tr:nth-of-type(6n+3) { 105 | background: rgba(253, 221, 0, 0.1); 106 | color: inherit !important; 107 | } 108 | #wrangulator tbody tr:nth-of-type(6n+3):hover, #wrangulator tbody tr:nth-of-type(6n+3):visited:hover { 109 | background: #fddd00; 110 | color: black !important; 111 | } 112 | 113 | #wrangulator tbody tr:nth-of-type(6n+4) { 114 | background: rgba(119, 189, 30, 0.1); 115 | color: inherit !important; 116 | } 117 | #wrangulator tbody tr:nth-of-type(6n+4):hover, #wrangulator tbody tr:nth-of-type(6n+4):visited:hover { 118 | background: #77bd1e; 119 | color: white !important; 120 | } 121 | 122 | #wrangulator tbody tr:nth-of-type(6n+5) { 123 | background: rgba(1, 152, 207, 0.1); 124 | color: inherit !important; 125 | } 126 | #wrangulator tbody tr:nth-of-type(6n+5):hover, #wrangulator tbody tr:nth-of-type(6n+5):visited:hover { 127 | background: #0198cf; 128 | color: white !important; 129 | } 130 | 131 | #wrangulator tbody tr:nth-of-type(6n+6) { 132 | background: rgba(114, 32, 130, 0.1); 133 | color: inherit !important; 134 | } 135 | #wrangulator tbody tr:nth-of-type(6n+6):hover, #wrangulator tbody tr:nth-of-type(6n+6):visited:hover { 136 | background: #722082; 137 | color: white !important; 138 | } 139 | 140 | /*end of bin tables*/ -------------------------------------------------------------------------------- /css/transflag.css: -------------------------------------------------------------------------------- 1 | #header .menu, 2 | #small_login, 3 | #header .dropdown:hover .current + .menu, 4 | .event .userstuff, .notice, 5 | .comment_notice, 6 | ul.notes, 7 | .caution, 8 | .error, 9 | .comment_error, 10 | .alert.flash, 11 | .actions a:hover, 12 | .actions input:hover, 13 | .actions a:focus, 14 | .actions input:focus, 15 | label.action:hover, 16 | .action:hover, 17 | .action:focus, 18 | .dynamic form, 19 | .ui-draggable form, #header .primary, 20 | .group.listbox, 21 | fieldset fieldset.listbox, 22 | #main li.blurb, 23 | .wrapper, 24 | #dashboard .secondary, 25 | .secondary, 26 | form blockquote.userstuff, 27 | .thread .comment, 28 | .toggled form, 29 | .listbox .index, 30 | form .notice, 31 | form ul.notes, 32 | form.verbose legend, 33 | .verbose form legend, 34 | span.question, 35 | fieldset, 36 | form dl, 37 | fieldset dl dl, 38 | fieldset fieldset fieldset, 39 | fieldset fieldset dl dl, 40 | dd.hideme, 41 | .delete a, 42 | span.delete, 43 | #header ul.primary, input, .actions input, 44 | input[type=submit], 45 | textarea, .actions a, 46 | .actions a:link, 47 | .action, 48 | .action:link, 49 | button, 50 | .current, 51 | .actions label { 52 | /* 53 | This resets the shadows in several places 54 | */ 55 | box-shadow: none; 56 | } 57 | 58 | #footer, 59 | .autocomplete .dropdown ul li:hover, 60 | li.selected, 61 | .autocomplete a:hover, form .notice, 62 | form ul.notes, 63 | form.verbose legend, 64 | .verbose form legend, input, .actions input, 65 | input[type=submit], 66 | textarea, .actions a, 67 | .actions a:link, 68 | .action, 69 | .action:link, 70 | button, 71 | .current, 72 | .actions label { 73 | /* 74 | This resets the background image from default skin in several places 75 | */ 76 | background-image: none; 77 | } 78 | 79 | .actions input, 80 | input[type=submit], 81 | textarea, .actions a, 82 | .actions a:link, 83 | .action, 84 | .action:link, 85 | button, 86 | .current, 87 | .actions label { 88 | /* 89 | Further 3d elements to reset in webkit browsers 90 | */ 91 | -webkit-appearance: none; 92 | } 93 | 94 | form .notice, 95 | form ul.notes, 96 | form.verbose legend, 97 | .verbose form legend, 98 | .actions a, 99 | .actions a:link, 100 | .action, 101 | .action:link, 102 | input[type=submit], 103 | button, 104 | .current, 105 | .actions label, .notice, 106 | .comment_notice, 107 | ul.notes, 108 | .caution, 109 | .error, 110 | .comment_error, 111 | .alert.flash, 112 | .actions a:hover, 113 | .actions input:hover, 114 | .actions a:focus, 115 | .actions input:focus, 116 | label.action:hover, 117 | .action:hover, 118 | .action:focus, 119 | .toggled form, 120 | .dynamic form, 121 | .ui-draggable form { 122 | /* Sets the style for border buttons */ 123 | border: none; 124 | } 125 | 126 | .actions a, 127 | .actions a:link, 128 | .action, 129 | .action:link, 130 | button, 131 | .current, 132 | .actions label { 133 | border: none; 134 | } 135 | 136 | input { 137 | width: 96%; 138 | border: 1px solid; 139 | } 140 | 141 | .actions a:hover, 142 | a:hover, 143 | .actions input:hover, 144 | #dashboard a:hover, 145 | .actions a:focus, 146 | .actions input:focus, 147 | #dashboard a:focus, 148 | .actions a:active, 149 | .current, 150 | a.current, 151 | .current a:visited, 152 | #dashboard .current, 153 | #outer .current, 154 | #header .current, 155 | span.unread, 156 | .replied, 157 | span.claimed, 158 | dl.index dd, 159 | .own, 160 | .draft, 161 | .draft .unread, 162 | .child, 163 | .unwrangled, 164 | .unreviewed, 165 | .ui-sortable li:hover, 166 | #header .primary .menu .current { 167 | /* resets the border color */ 168 | border-color: initial; 169 | /* extra aggressive shadow removing */ 170 | box-shadow: none !important; 171 | } 172 | 173 | form .notice, 174 | form ul.notes, 175 | form.verbose legend, 176 | .verbose form legend, 177 | .actions a, 178 | .actions a:link, 179 | .action, 180 | .action:link, 181 | input[type=submit], 182 | button, 183 | .current, 184 | .actions label { 185 | border-bottom: none; 186 | } 187 | 188 | .listbox .index, 189 | .dashboard .listbox .index, 190 | .splash .news li, 191 | form dt, 192 | .picture .header { 193 | /* 194 | some stuff needs some aggressive non-bordering 195 | */ 196 | border: none; 197 | border-bottom: none; 198 | border-top: none; 199 | border-left: none; 200 | border-right: none; 201 | } 202 | 203 | #header .menu, 204 | #small_login, 205 | #header .dropdown:hover .current + .menu, 206 | .event .userstuff { 207 | /* 208 | removes some more effects of default skin 209 | */ 210 | filter: none; 211 | } 212 | 213 | .autocomplete input, 214 | .autocomplete .dropdown ul li { 215 | min-width: 10px; 216 | } 217 | 218 | fieldset.work.meta .fandom.required ul.autocomplete, 219 | .listbox, 220 | fieldset fieldset.listbox, 221 | fieldset, 222 | form dl, 223 | fieldset dl dl, 224 | fieldset fieldset fieldset, 225 | fieldset fieldset dl dl, 226 | dd.hideme, 227 | form blockquote.userstuff { 228 | background: transparent; 229 | } 230 | 231 | .actions input[type=checkbox] { 232 | appearance: auto; 233 | } 234 | 235 | /* 236 | ========== 237 | MENU 238 | ========== 239 | */ 240 | #header .actions a:hover, 241 | #header .actions a:focus, 242 | #header .dropdown:hover a, 243 | #header .open a { 244 | color: black; 245 | } 246 | 247 | #header .dropdown:hover a, 248 | ul.menu.dropdown-menu { 249 | background: transparent; 250 | border-color: transparent; 251 | } 252 | 253 | #outer #header .dropdown-menu li:nth-of-type(6n+1) a, 254 | #outer #header .dropdown-menu li:nth-of-type(6n+1) a:visited, 255 | #outer #header .dropdown-menu li:nth-of-type(6n+1) a:link { 256 | background-color: #25c5fb; 257 | color: #000000; 258 | } 259 | 260 | #outer #header .dropdown-menu li:nth-of-type(6n+2) a, 261 | #outer #header .dropdown-menu li:nth-of-type(6n+2) a:visited, 262 | #outer #header .dropdown-menu li:nth-of-type(6n+2) a:link { 263 | background-color: #f7aaca; 264 | color: #000000; 265 | } 266 | 267 | #outer #header .dropdown-menu li:nth-of-type(6n+3) a, 268 | #outer #header .dropdown-menu li:nth-of-type(6n+3) a:visited, 269 | #outer #header .dropdown-menu li:nth-of-type(6n+3) a:link { 270 | background-color: #f6f8fb; 271 | color: #000000; 272 | } 273 | 274 | #outer #header .dropdown-menu li:nth-of-type(6n+4) a, 275 | #outer #header .dropdown-menu li:nth-of-type(6n+4) a:visited, 276 | #outer #header .dropdown-menu li:nth-of-type(6n+4) a:link { 277 | background-color: #f7aaca; 278 | color: #000000; 279 | } 280 | 281 | #outer #header .dropdown-menu li:nth-of-type(6n+5) a, 282 | #outer #header .dropdown-menu li:nth-of-type(6n+5) a:visited, 283 | #outer #header .dropdown-menu li:nth-of-type(6n+5) a:link { 284 | background-color: #25c5fb; 285 | color: #000000; 286 | } 287 | 288 | #outer #header .dropdown-menu li:nth-of-type(6n+6) a, 289 | #outer #header .dropdown-menu li:nth-of-type(6n+6) a:visited, 290 | #outer #header .dropdown-menu li:nth-of-type(6n+6) a:link { 291 | background-color: #f6f8fb; 292 | color: #000000; 293 | } 294 | 295 | #outer #header .dropdown-menu li:nth-of-type(6n+1) a:hover, 296 | #outer #header .dropdown-menu li:nth-of-type(6n+1) a:focus { 297 | text-decoration: underline; 298 | color: #000000 !important; 299 | } 300 | 301 | #outer #header .dropdown-menu li:nth-of-type(6n+2) a:hover, 302 | #outer #header .dropdown-menu li:nth-of-type(6n+2) a:focus { 303 | text-decoration: underline; 304 | color: #000000 !important; 305 | } 306 | 307 | #outer #header .dropdown-menu li:nth-of-type(6n+3) a:hover, 308 | #outer #header .dropdown-menu li:nth-of-type(6n+3) a:focus { 309 | text-decoration: underline; 310 | color: #000000 !important; 311 | } 312 | 313 | #outer #header .dropdown-menu li:nth-of-type(6n+4) a:hover, 314 | #outer #header .dropdown-menu li:nth-of-type(6n+4) a:focus { 315 | text-decoration: underline; 316 | color: #000000 !important; 317 | } 318 | 319 | #outer #header .dropdown-menu li:nth-of-type(6n+5) a:hover, 320 | #outer #header .dropdown-menu li:nth-of-type(6n+5) a:focus { 321 | text-decoration: underline; 322 | color: #000000 !important; 323 | } 324 | 325 | #outer #header .dropdown-menu li:nth-of-type(6n+6) a:hover, 326 | #outer #header .dropdown-menu li:nth-of-type(6n+6) a:focus { 327 | text-decoration: underline; 328 | color: #000000 !important; 329 | } 330 | 331 | #header .primary .menu .current { 332 | background-color: #f7aaca; 333 | color: #000000; 334 | } 335 | 336 | #header .dropdown:hover a.dropdown-toggle { 337 | color: #f7aaca !important; 338 | } 339 | 340 | /*end of the menuuuu*/ 341 | /* 342 | ======== 343 | Footer 344 | ======== 345 | */ 346 | #outer #footer { 347 | background: linear-gradient(to bottom, #25c5fb 0%, #25c5fb 20%, #f7aaca 20%, #f7aaca 40%, #f6f8fb 40%, #f6f8fb 60%, #f7aaca 60%, #f7aaca 80%, #25c5fb 80%, #25c5fb); 348 | border-top: none; 349 | } 350 | #outer #footer a, 351 | #outer #footer .heading, 352 | #outer #footer li { 353 | color: #000000; 354 | } 355 | 356 | /* 357 | end of the footer 358 | */ 359 | /* 360 | ======================== 361 | Accent color and links 362 | (it makes it with 363 | a transparent bg 364 | and the border) 365 | ======================== 366 | */ 367 | .splash .module h3, 368 | a, 369 | a:link, 370 | a:visited, 371 | .blurb h4 a, 372 | .blurb h4 a:link, 373 | .blurb h4 a:visited { 374 | background: rgba(247, 170, 202, 0.1); 375 | background-color: rgba(247, 170, 202, 0.1); 376 | border: 1px solid #f7aaca; 377 | padding: 4px; 378 | line-height: 30px; 379 | color: inherit; 380 | } 381 | 382 | a:hover, 383 | a:hover:visited, 384 | .blurb h4 a:hover, 385 | .blurb h4 a:visited:hover, 386 | a.tag:hover, 387 | a.tag:visited:hover, 388 | h5.fandoms a.tag:visited:hover, 389 | h5.fandoms a.tag:hover, 390 | .listbox .heading a.tag:visited:hover { 391 | background-color: #f7aaca; 392 | background: #f7aaca; 393 | border: 1px solid #f7aaca; 394 | color: #000000 !important; 395 | } 396 | 397 | /* 398 | end of accent color 399 | */ 400 | /*Favorites in Home*/ 401 | .splash .favorite a { 402 | border: 1px solid; 403 | } 404 | 405 | .splash .favorite li { 406 | margin: 3px; 407 | } 408 | 409 | .splash .favorite li a.tag, .splash .favorite li:nth-of-type(odd) a.tag { 410 | background-color: transparent; 411 | } 412 | 413 | .splash .favorite li:nth-of-type(6n+1) a.tag { 414 | border-color: #25c5fb; 415 | } 416 | 417 | .splash .favorite li:nth-of-type(6n+2) a.tag { 418 | border-color: #f7aaca; 419 | } 420 | 421 | .splash .favorite li:nth-of-type(6n+3) a.tag { 422 | border-color: #f6f8fb; 423 | } 424 | 425 | .splash .favorite li:nth-of-type(6n+4) a.tag { 426 | border-color: #f7aaca; 427 | } 428 | 429 | .splash .favorite li:nth-of-type(6n+5) a.tag { 430 | border-color: #25c5fb; 431 | } 432 | 433 | .splash .favorite li:nth-of-type(6n+6) a.tag { 434 | border-color: #f6f8fb; 435 | } 436 | 437 | .splash .favorite li:nth-of-type(6n+1) a.tag:hover { 438 | background-color: #25c5fb; 439 | color: #000000; 440 | } 441 | 442 | .splash .favorite li:nth-of-type(6n+2) a.tag:hover { 443 | background-color: #f7aaca; 444 | color: #000000; 445 | } 446 | 447 | .splash .favorite li:nth-of-type(6n+3) a.tag:hover { 448 | background-color: #f6f8fb; 449 | color: #000000; 450 | } 451 | 452 | .splash .favorite li:nth-of-type(6n+4) a.tag:hover { 453 | background-color: #f7aaca; 454 | color: #000000; 455 | } 456 | 457 | .splash .favorite li:nth-of-type(6n+5) a.tag:hover { 458 | background-color: #25c5fb; 459 | color: #000000; 460 | } 461 | 462 | .splash .favorite li:nth-of-type(6n+6) a.tag:hover { 463 | background-color: #f6f8fb; 464 | color: #000000; 465 | } 466 | 467 | #header .user a[href*=logout]:hover { 468 | /*logout button*/ 469 | background: #f7aaca; 470 | color: #000000 !important; 471 | } 472 | 473 | .blurb ul.required-tags li, 474 | .icon a:hover, 475 | h3.heading a, 476 | .blurb ul.required-tags li a, 477 | .blurb ul.required-tags li span, 478 | .icon a, 479 | .heading a.question, 480 | a.modal.help, 481 | .bookmark .count a { 482 | /*removes the border from some stuff because it looks weird*/ 483 | border: none; 484 | background-color: transparent; 485 | } 486 | 487 | /* Some weird stuff was happening in the news posts so I reverted the links back */ 488 | .news a, 489 | .news a:link { 490 | border: none; 491 | background: none; 492 | background-color: transparent; 493 | text-decoration: underline; 494 | padding: initial; 495 | line-height: initial; 496 | } 497 | 498 | .news .actions a, 499 | .news .actions a:link { 500 | padding: 0.25em 0.75em; 501 | line-height: 18px; 502 | text-decoration: none; 503 | } 504 | 505 | /* end of the news stuff*/ 506 | dd.bookmarks a { 507 | line-height: initial; 508 | border: none; 509 | } 510 | 511 | .blurb h4 a:visited, 512 | h5.fandoms a.tag { 513 | color: inherit !important; 514 | } 515 | 516 | /* 517 | ======== 518 | HEADER 519 | ======== 520 | */ 521 | #header .heading a:hover { 522 | color: rgba(247, 170, 202, 0.1); 523 | border: none; 524 | } 525 | 526 | #outer #header { 527 | color: #000000; 528 | background: linear-gradient(to bottom, #25c5fb 0%, #25c5fb 20%, #f7aaca 20%, #f7aaca 40%, #f6f8fb 40%, #f6f8fb 60%, #f7aaca 60%, #f7aaca 80%, #25c5fb 80%, #25c5fb); 529 | } 530 | 531 | #outer #outer #header .primary, 532 | #header ul.primary { 533 | background: none; 534 | } 535 | 536 | #outer #header a, 537 | #header a:visited { 538 | color: inherit; 539 | } 540 | 541 | #header a.dropdown-toggle, 542 | #header .current, 543 | #header .primary .open a, 544 | #header .primary .dropdown a:focus { 545 | color: #000000; 546 | background-color: transparent; 547 | } 548 | 549 | #header .heading a, 550 | #header #greeting a.dropdown-toggle, 551 | #header .user a[href*=logout] { 552 | color: #000000 !important; 553 | } 554 | 555 | #header .primary a.dropdown-toggle, 556 | #header .primary li:hover a.dropdown-toggle { 557 | color: black !important; 558 | background-color: transparent !important; 559 | } 560 | 561 | #header .logo { 562 | background: #ffffff; 563 | width: 40px; 564 | height: auto; 565 | margin-right: 10px; 566 | padding: 5px; 567 | border-radius: 3px; 568 | } 569 | 570 | /*Search button*/ 571 | #header #search .button { 572 | background: #f6f8fb; 573 | color: #000000; 574 | } 575 | 576 | #header #search .text, 577 | #header #search input:focus { 578 | background: #f6f8fb; 579 | color: #000000; 580 | } 581 | 582 | /*end of search button*/ 583 | /*end of the header*/ 584 | /* 585 | ============ 586 | TAGS! 587 | ============ 588 | */ 589 | li.relationships a, 590 | dl.meta dd.relationship a.tag { 591 | background: rgba(37, 197, 251, 0.1); 592 | border: 1px solid #25c5fb; 593 | color: inherit !important; 594 | } 595 | li.relationships a:hover, li.relationships a:visited:hover, 596 | dl.meta dd.relationship a.tag:hover, 597 | dl.meta dd.relationship a.tag:visited:hover { 598 | background: #25c5fb; 599 | border: 1px solid #25c5fb; 600 | color: #000000 !important; 601 | } 602 | 603 | li.characters a, 604 | dl.meta dd.character a.tag { 605 | background: rgba(247, 170, 202, 0.1); 606 | border: 1px solid #f7aaca; 607 | color: inherit !important; 608 | } 609 | li.characters a:hover, li.characters a:visited:hover, 610 | dl.meta dd.character a.tag:hover, 611 | dl.meta dd.character a.tag:visited:hover { 612 | background: #f7aaca; 613 | border: 1px solid #f7aaca; 614 | color: #000000 !important; 615 | } 616 | 617 | li.freeforms a, 618 | dl.meta dd.freeform a.tag { 619 | background: rgba(246, 248, 251, 0.1); 620 | border: 1px solid #f6f8fb; 621 | color: inherit !important; 622 | } 623 | li.freeforms a:hover, li.freeforms a:visited:hover, 624 | dl.meta dd.freeform a.tag:hover, 625 | dl.meta dd.freeform a.tag:visited:hover { 626 | background: #f6f8fb; 627 | border: 1px solid #f6f8fb; 628 | color: #000000 !important; 629 | } 630 | 631 | /*this is where the tags end*/ 632 | /* 633 | ===================== 634 | BORDERS 635 | (in the box, around the blurb, 636 | the one with the flag colors) 637 | ===================== 638 | */ 639 | li.comment, 640 | .listbox, 641 | fieldset, 642 | li.blurb, 643 | dl.work.meta.group { 644 | border: 1px solid; 645 | border-image-source: linear-gradient(to bottom, #25c5fb 0%, #25c5fb 20%, #f7aaca 20%, #f7aaca 40%, #f6f8fb 40%, #f6f8fb 60%, #f7aaca 60%, #f7aaca 80%, #25c5fb 80%, #25c5fb); 646 | border-image-slice: 1; 647 | } 648 | 649 | /*end of the borders*/ 650 | /* 651 | =================== 652 | DASHBOARD SIDE MENU 653 | =================== 654 | */ 655 | #dashboard.own { 656 | border-image-source: linear-gradient(to bottom, #25c5fb 0%, #25c5fb 20%, #f7aaca 20%, #f7aaca 40%, #f6f8fb 40%, #f6f8fb 60%, #f7aaca 60%, #f7aaca 80%, #25c5fb 80%, #25c5fb); 657 | border-image-slice: 1; 658 | } 659 | 660 | #dashboard a { 661 | border: 1px solid transparent; 662 | } 663 | 664 | #dashboard .current { 665 | background: #f7aaca; 666 | border: 1px solid #f7aaca; 667 | color: #000000; 668 | } 669 | 670 | #dashboard li:nth-of-type(6n+1) a:hover { 671 | background: #25c5fb; 672 | border: 1px solid #25c5fb; 673 | color: #000000 !important; 674 | } 675 | 676 | #dashboard li:nth-of-type(6n+2) a:hover { 677 | background: #f7aaca; 678 | border: 1px solid #f7aaca; 679 | color: #000000 !important; 680 | } 681 | 682 | #dashboard li:nth-of-type(6n+3) a:hover { 683 | background: #f6f8fb; 684 | border: 1px solid #f6f8fb; 685 | color: #000000 !important; 686 | } 687 | 688 | #dashboard li:nth-of-type(6n+4) a:hover { 689 | background: #f7aaca; 690 | border: 1px solid #f7aaca; 691 | color: #000000 !important; 692 | } 693 | 694 | #dashboard li:nth-of-type(6n+5) a:hover { 695 | background: #25c5fb; 696 | border: 1px solid #25c5fb; 697 | color: #000000 !important; 698 | } 699 | 700 | #dashboard li:nth-of-type(6n+6) a:hover { 701 | background: #f6f8fb; 702 | border: 1px solid #f6f8fb; 703 | color: #000000 !important; 704 | } 705 | 706 | /* end of dashboard*/ 707 | /* 708 | ================ 709 | ASSIGNED TABLE 710 | ================ 711 | */ 712 | .assigned tr:nth-of-type(6n+1) a { 713 | background: rgba(37, 197, 251, 0.1); 714 | border: 1px solid #25c5fb; 715 | color: inherit !important; 716 | } 717 | .assigned tr:nth-of-type(6n+1) a:hover, .assigned tr:nth-of-type(6n+1) a:visited:hover { 718 | background: #25c5fb; 719 | border: 1px solid #25c5fb; 720 | color: #000000 !important; 721 | } 722 | 723 | .assigned tr:nth-of-type(6n+2) a { 724 | background: rgba(247, 170, 202, 0.1); 725 | border: 1px solid #f7aaca; 726 | color: inherit !important; 727 | } 728 | .assigned tr:nth-of-type(6n+2) a:hover, .assigned tr:nth-of-type(6n+2) a:visited:hover { 729 | background: #f7aaca; 730 | border: 1px solid #f7aaca; 731 | color: #000000 !important; 732 | } 733 | 734 | .assigned tr:nth-of-type(6n+3) a { 735 | background: rgba(246, 248, 251, 0.1); 736 | border: 1px solid #f6f8fb; 737 | color: inherit !important; 738 | } 739 | .assigned tr:nth-of-type(6n+3) a:hover, .assigned tr:nth-of-type(6n+3) a:visited:hover { 740 | background: #f6f8fb; 741 | border: 1px solid #f6f8fb; 742 | color: #000000 !important; 743 | } 744 | 745 | .assigned tr:nth-of-type(6n+4) a { 746 | background: rgba(247, 170, 202, 0.1); 747 | border: 1px solid #f7aaca; 748 | color: inherit !important; 749 | } 750 | .assigned tr:nth-of-type(6n+4) a:hover, .assigned tr:nth-of-type(6n+4) a:visited:hover { 751 | background: #f7aaca; 752 | border: 1px solid #f7aaca; 753 | color: #000000 !important; 754 | } 755 | 756 | .assigned tr:nth-of-type(6n+5) a { 757 | background: rgba(37, 197, 251, 0.1); 758 | border: 1px solid #25c5fb; 759 | color: inherit !important; 760 | } 761 | .assigned tr:nth-of-type(6n+5) a:hover, .assigned tr:nth-of-type(6n+5) a:visited:hover { 762 | background: #25c5fb; 763 | border: 1px solid #25c5fb; 764 | color: #000000 !important; 765 | } 766 | 767 | .assigned tr:nth-of-type(6n+6) a { 768 | background: rgba(246, 248, 251, 0.1); 769 | border: 1px solid #f6f8fb; 770 | color: inherit !important; 771 | } 772 | .assigned tr:nth-of-type(6n+6) a:hover, .assigned tr:nth-of-type(6n+6) a:visited:hover { 773 | background: #f6f8fb; 774 | border: 1px solid #f6f8fb; 775 | color: #000000 !important; 776 | } 777 | 778 | /*end of assigned wrangling table*/ 779 | /* 780 | ================ 781 | BINSSSS 782 | ================ 783 | */ 784 | col.name { 785 | background: transparent; 786 | } 787 | 788 | #wrangulator tbody th, #wrangulator table { 789 | background: transparent; 790 | } 791 | 792 | #wrangulator tbody tr:nth-of-type(6n+1) { 793 | background: rgba(37, 197, 251, 0.1); 794 | color: inherit !important; 795 | } 796 | #wrangulator tbody tr:nth-of-type(6n+1):hover, #wrangulator tbody tr:nth-of-type(6n+1):visited:hover { 797 | background: #25c5fb; 798 | color: #000000 !important; 799 | } 800 | 801 | #wrangulator tbody tr:nth-of-type(6n+2) { 802 | background: rgba(247, 170, 202, 0.1); 803 | color: inherit !important; 804 | } 805 | #wrangulator tbody tr:nth-of-type(6n+2):hover, #wrangulator tbody tr:nth-of-type(6n+2):visited:hover { 806 | background: #f7aaca; 807 | color: #000000 !important; 808 | } 809 | 810 | #wrangulator tbody tr:nth-of-type(6n+3) { 811 | background: rgba(246, 248, 251, 0.1); 812 | color: inherit !important; 813 | } 814 | #wrangulator tbody tr:nth-of-type(6n+3):hover, #wrangulator tbody tr:nth-of-type(6n+3):visited:hover { 815 | background: #f6f8fb; 816 | color: #000000 !important; 817 | } 818 | 819 | #wrangulator tbody tr:nth-of-type(6n+4) { 820 | background: rgba(247, 170, 202, 0.1); 821 | color: inherit !important; 822 | } 823 | #wrangulator tbody tr:nth-of-type(6n+4):hover, #wrangulator tbody tr:nth-of-type(6n+4):visited:hover { 824 | background: #f7aaca; 825 | color: #000000 !important; 826 | } 827 | 828 | #wrangulator tbody tr:nth-of-type(6n+5) { 829 | background: rgba(37, 197, 251, 0.1); 830 | color: inherit !important; 831 | } 832 | #wrangulator tbody tr:nth-of-type(6n+5):hover, #wrangulator tbody tr:nth-of-type(6n+5):visited:hover { 833 | background: #25c5fb; 834 | color: #000000 !important; 835 | } 836 | 837 | #wrangulator tbody tr:nth-of-type(6n+6) { 838 | background: rgba(246, 248, 251, 0.1); 839 | color: inherit !important; 840 | } 841 | #wrangulator tbody tr:nth-of-type(6n+6):hover, #wrangulator tbody tr:nth-of-type(6n+6):visited:hover { 842 | background: #f6f8fb; 843 | color: #000000 !important; 844 | } 845 | 846 | /*end of bin tables*/ 847 | /* 848 | ================== 849 | BUTTONS WITH FLAGS 850 | ================== 851 | */ 852 | button, 853 | .actions a, 854 | .actions a:link, 855 | .action, 856 | input[type=submit], 857 | .actions a:visited, 858 | li#form-link span.current, 859 | .listbox .index .actions a, 860 | .listbox .index .actions a:link { 861 | color: inherit; 862 | border: 1px solid; 863 | border-image-slice: 1; 864 | background: linear-gradient(to bottom, rgba(37, 197, 251, 0.1) 20%, rgba(247, 170, 202, 0.1) 40%, rgba(246, 248, 251, 0.1) 60%, rgba(247, 170, 202, 0.1) 80%, rgba(37, 197, 251, 0.1)); 865 | border-image-source: linear-gradient(to bottom, #25c5fb 0%, #25c5fb 20%, #f7aaca 20%, #f7aaca 40%, #f6f8fb 40%, #f6f8fb 60%, #f7aaca 60%, #f7aaca 80%, #25c5fb 80%, #25c5fb); 866 | } 867 | 868 | button:hover, 869 | .actions a:hover, 870 | .actions a:visited:hover, 871 | .action:hover, 872 | input[type=submit]:hover, 873 | .listbox .index .actions a:hover { 874 | color: #000000 !important; 875 | background: linear-gradient(to bottom, #25c5fb 0%, #25c5fb 20%, #f7aaca 20%, #f7aaca 40%, #f6f8fb 40%, #f6f8fb 60%, #f7aaca 60%, #f7aaca 80%, #25c5fb 80%, #25c5fb); 876 | border: 1px solid; 877 | border-image-source: linear-gradient(to bottom, #25c5fb 0%, #25c5fb 20%, #f7aaca 20%, #f7aaca 40%, #f6f8fb 40%, #f6f8fb 60%, #f7aaca 60%, #f7aaca 80%, #25c5fb 80%, #25c5fb); 878 | border-image-slice: 1; 879 | } 880 | 881 | /*end of buttons*/ 882 | -------------------------------------------------------------------------------- /gayman.scss: -------------------------------------------------------------------------------- 1 | @charset "iso-8859-1"; 2 | 3 | 4 | //flag colors 5 | $color1: rgba(7, 160, 119, 1); 6 | $color2: rgba(165, 239, 204, 1); 7 | $color3: rgba(247, 255, 246, 1); 8 | $color4: rgba(108, 181, 227, 1); 9 | $color5: rgba(50, 64, 139, 1); 10 | 11 | $direction: to bottom; 12 | 13 | $what: lesbian; 14 | $requiresbg: yes; 15 | 16 | //stuff 17 | $overalltext: #000000; 18 | $textpastel: inherit; 19 | $menubg: $color3; 20 | $contrasttext: rgba(255, 255, 255, 1); 21 | $colorfooter: $overalltext; 22 | 23 | @import 'colors'; 24 | 25 | //setting stuff for eventual flags with nightmarish colors 26 | $color1text: $contrasttext; 27 | $color2text: $overalltext; 28 | $color3text: $overalltext; 29 | $color4text: $contrasttext; 30 | $color5text: $contrasttext; 31 | $color6text: $overalltext; 32 | 33 | 34 | //f*cking menu 35 | $menucolor1: $color1; 36 | $menucolor2: $color2; 37 | $menucolor3: $color3; 38 | $menucolor4: $color4; 39 | $menucolor5: $color5; 40 | $menucolor6: $color3; 41 | 42 | 43 | //accent = links 44 | $accentcolor: $color4pastel; 45 | $accentcolorhover: $color5; 46 | $texthover: $color5text; 47 | $buttonhover: $overalltext; 48 | 49 | //header color (white??) 50 | $headercolorbg: $color3; 51 | $headercolorborder: $color5; 52 | 53 | //needs to have a contrast with the background. not pastel. 54 | $readableaccent: $color4; 55 | 56 | //tags 57 | $colorrel: $color1pastel; 58 | $colorchar: $color2pastel; 59 | $colorff: $color4pastel; 60 | $textrel:$color1text; 61 | $textchar:$color2text; 62 | $textff:$color4text; 63 | 64 | //searchbar 65 | $searchbg: $color3; 66 | $searchtxt: $color5; 67 | 68 | @import 'buttons'; 69 | @import 'menu'; 70 | @import 'everything'; 71 | 72 | 73 | 74 | 75 | 76 | -------------------------------------------------------------------------------- /genderfluidflag.scss: -------------------------------------------------------------------------------- 1 | @charset "iso-8859-1"; 2 | 3 | 4 | 5 | 6 | 7 | //flag colors 8 | $color1: rgba(255, 132, 168, 1); 9 | $color2: rgba(252, 245, 255, 1); 10 | $color3: rgba(179, 91, 214, 1); 11 | $color4: rgba(27, 15, 64, 1); 12 | $color5: rgba(70, 96, 177, 1); 13 | 14 | $direction: to bottom; 15 | 16 | $what: genderfluid; 17 | $requiresbg: yes; 18 | 19 | //stuff 20 | $overalltext: rgba(255, 255, 255, 1); 21 | $textpastel: inherit; 22 | $menubg: #fefefe; 23 | $contrasttext: $overalltext; 24 | $colorfooter: $color4; 25 | 26 | @import 'colors'; 27 | 28 | //setting stuff for eventual flags with nightmarish colors 29 | $color1text: $contrasttext; 30 | $color2text: $color4; 31 | $color3text: $contrasttext; 32 | $color4text: $contrasttext; 33 | $color5text: $contrasttext; 34 | $color6text: $contrasttext; 35 | 36 | 37 | //f*cking menu 38 | $menucolor1: $color1; 39 | $menucolor2: $color2; 40 | $menucolor3: $color3; 41 | $menucolor4: $color4; 42 | $menucolor5: $color5; 43 | $menucolor6: $color3; 44 | 45 | 46 | //accent = links 47 | $accentcolor: $color1pastel; 48 | $accentcolorhover: $color3; 49 | $texthover: $color4text; 50 | $buttonhover: $color4; 51 | 52 | //header color (white??) 53 | $headercolorbg: $color2; 54 | $headercolorborder: $color3; 55 | 56 | //needs to have a contrast with the background. not pastel. 57 | $readableaccent: $color4; 58 | 59 | //tags 60 | $colorrel: $color1pastel; 61 | $colorchar: $color3pastel; 62 | $colorff: $color5pastel; 63 | $textrel:$color1text; 64 | $textchar:$color3text; 65 | $textff:$color5text; 66 | 67 | //searchbar 68 | $searchbg: $color2; 69 | $searchtxt: $color5; 70 | 71 | @import 'buttons'; 72 | @import 'menu'; 73 | @import 'everything'; 74 | 75 | 76 | 77 | 78 | -------------------------------------------------------------------------------- /genderqueerflag.scss: -------------------------------------------------------------------------------- 1 | @charset "iso-8859-1"; 2 | 3 | 4 | //flag colors 5 | $color1: rgba(192, 136, 230, 1); 6 | $color2: rgba(255, 255, 246, 1); 7 | $color3: rgba(65, 152, 49, 1); 8 | 9 | $direction: to bottom; 10 | 11 | $what: genderqueer; 12 | $requiresbg: yes; 13 | 14 | //stuff 15 | $overalltext: #000000; 16 | $textpastel: inherit; 17 | $menubg: #fefefe; 18 | $colorfooter: $overalltext; 19 | $contrasttext: $overalltext; 20 | 21 | @import 'colors'; 22 | 23 | //setting stuff for eventual flags with nightmarish colors 24 | $color1text: $overalltext; 25 | $color2text: $overalltext; 26 | $color3text: $color2; 27 | $color4text: $overalltext; 28 | $color5text: $overalltext; 29 | $color6text: $color2; 30 | 31 | 32 | //f*cking menu 33 | $menucolor1: $color1; 34 | $menucolor2: $color2; 35 | $menucolor3: $color3; 36 | $menucolor4: $color1; 37 | $menucolor5: $color2; 38 | $menucolor6: $color3; 39 | 40 | 41 | //accent = links 42 | $accentcolor: $color2pastel; 43 | $accentcolorhover: $color1; 44 | $texthover: $color1text; 45 | $buttonhover: $overalltext; 46 | 47 | //header color (white??) 48 | $headercolorbg: $menubg; 49 | $headercolorborder: $color1; 50 | 51 | //needs to have a contrast with the background. not pastel. 52 | $readableaccent: $color1; 53 | 54 | //tags 55 | $colorrel: $color1pastel; 56 | $colorchar: $color2pastel; 57 | $colorff: $color3pastel; 58 | $textrel:$color1text; 59 | $textchar:$color2text; 60 | $textff:$color3text; 61 | 62 | //searchbar 63 | $searchbg: $color2; 64 | $searchtxt: $overalltext; 65 | 66 | @import 'buttons'; 67 | @import 'menu'; 68 | @import 'everything'; 69 | 70 | 71 | 72 | -------------------------------------------------------------------------------- /greygenderflag.scss: -------------------------------------------------------------------------------- 1 | @charset "iso-8859-1"; 2 | 3 | 4 | 5 | 6 | 7 | //flag colors 8 | $color1: rgba(192, 190, 207, 1); 9 | $color2: rgba(249, 249, 255, 1); 10 | $color3: rgba(53, 70, 162, 1); 11 | $color4: $color2; 12 | $color5: rgba(81, 81, 94, 1); 13 | 14 | $direction: to bottom; 15 | 16 | $what: greygender; 17 | $requiresbg: yes; 18 | 19 | //stuff 20 | $overalltext: rgba(0, 0, 0, 1); 21 | $textpastel: inherit; 22 | $menubg: #fefefe; 23 | $contrasttext: rgba(255, 255, 255, 1); 24 | $colorfooter: $overalltext; 25 | 26 | @import 'colors'; 27 | 28 | //setting stuff for eventual flags with nightmarish colors 29 | $color1text: $overalltext; 30 | $color2text: $color5; 31 | $color3text: $color2; 32 | $color4text: $color5; 33 | $color5text: $color2; 34 | $color6text: $color5; 35 | 36 | 37 | //f*cking menu 38 | $menucolor1: $color1; 39 | $menucolor2: $color2; 40 | $menucolor3: $color3; 41 | $menucolor4: $color4; 42 | $menucolor5: $color5; 43 | $menucolor6: $color2; 44 | 45 | 46 | //accent = links 47 | $accentcolor: $color1pastel; 48 | $accentcolorhover: $color2; 49 | $texthover: $color2text; 50 | $buttonhover: white; 51 | 52 | //header color (white??) 53 | $headercolorbg: $color2; 54 | $headercolorborder: $color3; 55 | 56 | //needs to have a contrast with the background. not pastel. 57 | $readableaccent: $color5; 58 | 59 | //tags 60 | $colorrel: $color1pastel; 61 | $colorchar: $color3pastel; 62 | $colorff: $color5pastel; 63 | $textrel:$color1text; 64 | $textchar:$color3text; 65 | $textff:$color5text; 66 | 67 | //searchbar 68 | $searchbg: $color2; 69 | $searchtxt: $color3; 70 | 71 | @import 'buttons'; 72 | @import 'menu'; 73 | @import 'everything'; 74 | 75 | 76 | 77 | 78 | -------------------------------------------------------------------------------- /lesbianflag.scss: -------------------------------------------------------------------------------- 1 | @charset "iso-8859-1"; 2 | 3 | 4 | //flag colors 5 | $color1: rgba(239, 96, 64, 1); 6 | $color2: rgba(252, 176, 109, 1); 7 | $color3: rgba(255, 246, 243, 1); 8 | $color4: rgba(214, 109, 193, 1); 9 | $color5: rgba(192, 18, 143, 1); 10 | 11 | $direction: to bottom; 12 | 13 | $what: lesbian; 14 | $requiresbg: yes; 15 | 16 | //stuff 17 | $overalltext: #000000; 18 | $textpastel: inherit; 19 | $menubg: $color3; 20 | $contrasttext: rgba(255, 255, 255, 1); 21 | $colorfooter: $overalltext; 22 | 23 | @import 'colors'; 24 | 25 | //setting stuff for eventual flags with nightmarish colors 26 | $color1text: $contrasttext; 27 | $color2text: $contrasttext; 28 | $color3text: $overalltext; 29 | $color4text: $contrasttext; 30 | $color5text: $contrasttext; 31 | $color6text: $overalltext; 32 | 33 | 34 | //f*cking menu 35 | $menucolor1: $color1; 36 | $menucolor2: $color2; 37 | $menucolor3: $color3; 38 | $menucolor4: $color4; 39 | $menucolor5: $color5; 40 | $menucolor6: $color3; 41 | 42 | 43 | //accent = links 44 | $accentcolor: $color4pastel; 45 | $accentcolorhover: $color5; 46 | $texthover: $color5text; 47 | $buttonhover: $overalltext; 48 | 49 | //header color (white??) 50 | $headercolorbg: $color3; 51 | $headercolorborder: $color5; 52 | 53 | //needs to have a contrast with the background. not pastel. 54 | $readableaccent: $color4; 55 | 56 | //tags 57 | $colorrel: $color1pastel; 58 | $colorchar: $color2pastel; 59 | $colorff: $color4pastel; 60 | $textrel:$color1text; 61 | $textchar:$color2text; 62 | $textff:$color4text; 63 | 64 | //searchbar 65 | $searchbg: $color3; 66 | $searchtxt: $color5; 67 | 68 | @import 'buttons'; 69 | @import 'menu'; 70 | @import 'everything'; 71 | 72 | 73 | 74 | 75 | 76 | -------------------------------------------------------------------------------- /nonbinaryflag.scss: -------------------------------------------------------------------------------- 1 | @charset "iso-8859-1"; 2 | 3 | 4 | //flag colors 5 | $color1: rgba(244, 235, 70, 1); 6 | $color2: rgba(254, 255, 248, 1); 7 | $color3: rgba(165, 97, 200, 1); 8 | $color4: rgba(30, 20, 45, 1); 9 | 10 | $direction: to bottom; 11 | 12 | $what: nonbinary; 13 | $requiresbg: yes; 14 | 15 | //stuff 16 | $overalltext: rgba(255, 255, 255, 1); 17 | $textpastel: inherit; 18 | $menubg: rgba(254, 255, 248, 1); 19 | $contrasttext: rgba(30, 20, 45, 1); 20 | $colorfooter: $contrasttext; 21 | 22 | @import 'colors'; 23 | 24 | //setting stuff for eventual flags with nightmarish colors 25 | $color1text: $contrasttext; 26 | $color2text: $contrasttext; 27 | $color3text: $overalltext; 28 | $color4text: $overalltext; 29 | $color5text: $contrasttext; 30 | $color6text: $contrasttext; 31 | 32 | 33 | //f*cking menu 34 | $menucolor1: $color1; 35 | $menucolor2: $color2; 36 | $menucolor3: $color3; 37 | $menucolor4: $color4; 38 | $menucolor5: $color1; 39 | $menucolor6: $color2; 40 | 41 | 42 | //accent = links 43 | $accentcolor: $color4pastel; 44 | $accentcolorhover: $color2; 45 | $texthover: $color2text; 46 | $buttonhover: $contrasttext; 47 | 48 | //header color (white??) 49 | $headercolorbg: $color2; 50 | $headercolorborder: $color4; 51 | 52 | //needs to have a contrast with the background. not pastel. 53 | $readableaccent: $color4; 54 | 55 | //tags 56 | $colorrel: $color1pastel; 57 | $colorchar: $color3pastel; 58 | $colorff: $color4pastel; 59 | $textrel:$color1text; 60 | $textchar:$color3text; 61 | $textff:$color4text; 62 | 63 | //searchbar 64 | $searchbg: $color2; 65 | $searchtxt: $color3; 66 | 67 | @import 'buttons'; 68 | @import 'menu'; 69 | @import 'everything'; 70 | 71 | 72 | 73 | 74 | 75 | -------------------------------------------------------------------------------- /panflag.scss: -------------------------------------------------------------------------------- 1 | @charset "iso-8859-1"; 2 | 3 | 4 | //flag colors 5 | $color1: rgba(255, 76, 153, 1); 6 | $color2: rgba(253, 230, 97, 1); 7 | $color3: rgba(69, 167, 248, 1); 8 | 9 | $direction: to bottom; 10 | 11 | $what: pansexual; 12 | $requiresbg: yes; 13 | 14 | //stuff 15 | $overalltext: #000000; 16 | $textpastel: inherit; 17 | $menubg: #fefefe; 18 | $colorfooter: $overalltext; 19 | $contrasttext: $overalltext; 20 | 21 | @import 'colors'; 22 | 23 | //setting stuff for eventual flags with nightmarish colors 24 | $color1text: $overalltext; 25 | $color2text: $overalltext; 26 | $color3text: $overalltext; 27 | $color4text: $overalltext; 28 | $color5text: $overalltext; 29 | $color6text: $overalltext; 30 | 31 | 32 | //f*cking menu 33 | $menucolor1: $color1; 34 | $menucolor2: $color2; 35 | $menucolor3: $color3; 36 | $menucolor4: $color1; 37 | $menucolor5: $color2; 38 | $menucolor6: $color3; 39 | 40 | 41 | //accent = links 42 | $accentcolor: $color2pastel; 43 | $accentcolorhover: $color1; 44 | $texthover: $color1text; 45 | $buttonhover: $overalltext; 46 | 47 | //header color (white??) 48 | $headercolorbg: $menubg; 49 | $headercolorborder: $color1; 50 | 51 | //needs to have a contrast with the background. not pastel. 52 | $readableaccent: $color1; 53 | 54 | //tags 55 | $colorrel: $color1pastel; 56 | $colorchar: $color2pastel; 57 | $colorff: $color3pastel; 58 | $textrel:$color1text; 59 | $textchar:$color2text; 60 | $textff:$color3text; 61 | 62 | //searchbar 63 | $searchbg: $color2; 64 | $searchtxt: $overalltext; 65 | 66 | @import 'buttons'; 67 | @import 'menu'; 68 | @import 'everything'; 69 | 70 | 71 | 72 | -------------------------------------------------------------------------------- /polyflag.scss: -------------------------------------------------------------------------------- 1 | @charset "iso-8859-1"; 2 | 3 | 4 | //flag colors 5 | $color1: rgba(246, 80, 208, 1); 6 | $color2: rgba(116, 228, 160, 1); 7 | $color3: rgba(28, 184, 246, 1); 8 | 9 | $direction: to bottom; 10 | 11 | $what: poly; 12 | $requiresbg: yes; 13 | 14 | //stuff 15 | $overalltext: #000000; 16 | $textpastel: inherit; 17 | $menubg: #fefefe; 18 | $colorfooter: $overalltext; 19 | $contrasttext: $overalltext; 20 | 21 | @import 'colors'; 22 | 23 | //setting stuff for eventual flags with nightmarish colors 24 | $color1text: $overalltext; 25 | $color2text: $overalltext; 26 | $color3text: $overalltext; 27 | $color4text: $overalltext; 28 | $color5text: $overalltext; 29 | $color6text: $overalltext; 30 | 31 | 32 | //f*cking menu 33 | $menucolor1: $color1; 34 | $menucolor2: $color2; 35 | $menucolor3: $color3; 36 | $menucolor4: $color1; 37 | $menucolor5: $color2; 38 | $menucolor6: $color3; 39 | 40 | 41 | //accent = links 42 | $accentcolor: $color2pastel; 43 | $accentcolorhover: $color1; 44 | $texthover: $color1text; 45 | $buttonhover: $overalltext; 46 | 47 | //header color (white??) 48 | $headercolorbg: $menubg; 49 | $headercolorborder: $color1; 50 | 51 | //needs to have a contrast with the background. not pastel. 52 | $readableaccent: $color1; 53 | 54 | //tags 55 | $colorrel: $color1pastel; 56 | $colorchar: $color2pastel; 57 | $colorff: $color3pastel; 58 | $textrel:$color1text; 59 | $textchar:$color2text; 60 | $textff:$color3text; 61 | 62 | //searchbar 63 | $searchbg: $color2; 64 | $searchtxt: $overalltext; 65 | 66 | @import 'buttons'; 67 | @import 'menu'; 68 | @import 'everything'; 69 | 70 | 71 | 72 | -------------------------------------------------------------------------------- /rainbowflag.scss: -------------------------------------------------------------------------------- 1 | @charset "iso-8859-1"; 2 | 3 | 4 | //flag colors 5 | $color1: rgba(246, 48, 63, 1); 6 | $color2: rgba(241, 137, 4, 1); 7 | $color3: rgba(253, 221, 0, 1); 8 | $color4: rgba(119, 189, 30, 1); 9 | $color5: rgba(1, 152, 207, 1); 10 | $color6: rgba(114, 32, 130, 1); 11 | 12 | $direction: to bottom; 13 | 14 | $what: trans; 15 | $requiresbg: yes; 16 | 17 | //stuff 18 | $overalltext: rgba(255, 255, 255, 1); 19 | $textpastel: inherit; 20 | $menubg: #fefefe; 21 | $contrasttext: $overalltext; 22 | $colorfooter: rgba(0, 0, 0, 1); 23 | 24 | @import 'colors'; 25 | 26 | //setting stuff for eventual flags with nightmarish colors 27 | $color1text: $overalltext; 28 | $color2text: $overalltext; 29 | $color3text: $colorfooter; 30 | $color4text: $overalltext; 31 | $color5text: $overalltext; 32 | $color6text: $overalltext; 33 | 34 | 35 | //f*cking menu 36 | $menucolor1: $color1; 37 | $menucolor2: $color2; 38 | $menucolor3: $color3; 39 | $menucolor4: $color4; 40 | $menucolor5: $color5; 41 | $menucolor6: $color6; 42 | 43 | 44 | //accent = links 45 | $accentcolor: $color4pastel; 46 | $accentcolorhover: $color5; 47 | $texthover: $color5text; 48 | $buttonhover: $overalltext; 49 | 50 | //header color (white??) 51 | $headercolorbg: $menubg; 52 | $headercolorborder: $color3; 53 | 54 | //needs to have a contrast with the background. not pastel. 55 | $readableaccent: $color4; 56 | 57 | //tags 58 | $colorrel: $color1pastel; 59 | $colorchar: $color2pastel; 60 | $colorff: $color3pastel; 61 | $textrel:$color1text; 62 | $textchar:$color2text; 63 | $textff:$color3text; 64 | 65 | //searchbar 66 | $searchbg: $color3; 67 | $searchtxt: $color5; 68 | 69 | @import 'buttons'; 70 | @import 'menu'; 71 | @import 'everything'; 72 | 73 | 74 | 75 | 76 | 77 | -------------------------------------------------------------------------------- /transflag.scss: -------------------------------------------------------------------------------- 1 | @charset "iso-8859-1"; 2 | 3 | 4 | //flag colors 5 | $color1: rgba(37, 197, 251, 1); 6 | $color2: rgba(247, 170, 202, 1); 7 | $color3: rgba(246, 248, 251, 1); 8 | $color4: $color2; 9 | $color5: $color1; 10 | 11 | $direction: to bottom; 12 | 13 | $what: trans; 14 | $requiresbg: no; 15 | 16 | //stuff 17 | $overalltext: #000000; 18 | $textpastel: inherit; 19 | $menubg: #fefefe; 20 | $contrasttext: rgba(0, 0, 0, 1); 21 | $colorfooter: $overalltext; 22 | 23 | @import 'colors'; 24 | 25 | //setting stuff for eventual flags with nightmarish colors 26 | $color1text: $overalltext; 27 | $color2text: $overalltext; 28 | $color3text: $overalltext; 29 | $color4text: $overalltext; 30 | $color5text: $overalltext; 31 | $color6text: $overalltext; 32 | 33 | 34 | //f*cking menu 35 | $menucolor1: $color1; 36 | $menucolor2: $color2; 37 | $menucolor3: $color3; 38 | $menucolor4: $color2; 39 | $menucolor5: $color1; 40 | $menucolor6: $color3; 41 | 42 | 43 | //accent = links 44 | $accentcolor: $color4pastel; 45 | $accentcolorhover: $color2; 46 | $texthover: $color2text; 47 | $buttonhover: $overalltext; 48 | 49 | //header color (white??) 50 | $headercolorbg: $color3; 51 | 52 | //needs to have a contrast with the background. not pastel. 53 | $readableaccent: $color4; 54 | 55 | //tags 56 | $colorrel: $color1pastel; 57 | $colorchar: $color2pastel; 58 | $colorff: $color3pastel; 59 | $textrel:$color1text; 60 | $textchar:$color2text; 61 | $textff:$color3text; 62 | 63 | //searchbar 64 | $searchbg: $color3; 65 | $searchtxt: $overalltext; 66 | 67 | @import 'buttons'; 68 | @import 'menu'; 69 | @import 'everything'; 70 | 71 | 72 | 73 | 74 | 75 | --------------------------------------------------------------------------------