Stylish: Green the navbar · 10:50pm Jun 5th, 2017
Also probably of interest: DiscoPanda84’s Removing that rounded boundary or, the one you’ve all wanted, re-coloring the genre tags
v2: now broken out into non-hex variables for easy customizability.
v3: now with text-to-white
v3.1: now not setting the submenu items to white-on-white by adding a child-selector
v4: hey it was never white. Also, grabbed remaining colors from screenshots of archived version and implemented hover (with fixes to dropdown menus so they don’t get weird)
v4.1 semicolon. ^^;
v5 height of navbar, missing selector, remove allcaps-conversion, submenu hovercolor fix. Can’t figure quite how to manage to not make the icons do something different, but it’s close enough now.
v5.1 restore dividers
v5.2 remove the margin on View Mature that was letting it be wrongly greened
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("fimfiction.net") {
* {
--CuQu_bar_gradient_top: rgb(127,142,84);
--CuQu_bar_gradient_bottom: #73804c;
--CuQu_bar_boundaries_shadows: #677344; /*rgb(112,116,72); old color*/
--CuQu_bar_text_shadows: #91a260;
--CuQu_bar_text_color: #181b10;
--CuQu_bar_button_gradient_highlight: #97a964;
--CuQu_bar_button_gradient_top: #8b9b5c;
--CuQu_bar_button_gradient_bottom: #7f8e54;
--CuQu_bar_menu_bg: white;
--CuQu_bar_menu_hover_bg: #ececec;
}
label.button {
margin-right: 0px !important;
}
.user_toolbar > ul > li ul li.divider {
background: #c0c0c0 !important;
}
.user_toolbar {
background: linear-gradient(to bottom, var(--CuQu_bar_gradient_top) 0%, var(--CuQu_bar_gradient_bottom) 100%) !important;
box-shadow: 0px 1px var(--CuQu_bar_boundaries_shadows) inset,0px -1px var(--CuQu_bar_boundaries_shadows) inset !important;
border-bottom: 1px solid var(--CuQu_bar_boundaries_shadows);
}
.user_toolbar > ul > li{
color: var(--CuQu_bar_text_color);
background: linear-gradient(to bottom, var(--CuQu_bar_button_gradient_top) 0%, var(--CuQu_bar_button_gradient_bottom) 100%) !important;
line-height: 38px !important;
text-shadow: 1px 1px var(--CuQu_bar_text_shadows) !important;
}
.user_toolbar > ul > li > a {
font-size: 13px;
text-transform: none!important;
font-weight: bold!important;
color: var(--CuQu_bar_text_color) !important;
}
.user_toolbar > ul > li :hover{
background: linear-gradient(to bottom, var(--CuQu_bar_button_gradient_highlight) 0%, var(--CuQu_bar_button_gradient_top) 100%) !important;
}
.user_toolbar > ul > li > span{
background:unset;
}
.user_toolbar > ul > li> ul >li {
background: var(--CuQu_bar_menu_bg) !important;
}
.user_toolbar > ul > li >ul >li :hover{
background: var(--CuQu_bar_menu_hover_bg) !important;
}
.user_toolbar > ul > li> ul >li >ul >li {
background: var(--CuQu_bar_menu_bg) !important;
}
.user_toolbar > ul > li >ul >li >ul >li :hover{
background: var(--CuQu_bar_menu_hover_bg) !important;
}
.user_toolbar>ul>li:after {
right:1px;
background: var(--CuQu_bar_boundaries_shadows) !important;
}
.user_toolbar>ul>li:before {
right:1px;
background:var(--CuQu_bar_boundaries_shadows) !important;
}
}
Text on the navbar buttons is showing bright blue for me with that, might crib off of https://userstyles.org/styles/96056/fimfiction-net-custom-user-toolbar-color to fix that.
(I tried using that script I linked to with colors taken from an archive.org Wayback Machine copy of the site, but it was still blue to the sides of the buttons, so maybe combining the two into one script...? Yeah, a lot of my CSS coding is a bit of a hackjob sometimes, should see the stylesheet I made for /r/MyLittleChangeling on reddit for a real patchwork job, though...)
Also, here’s a script I just made to fix the stupid rounded avatars:
Stylish: Fix Rounded FimFic Avatars by DiscoPanda84
ps. you can set the language with
[codeblock=css]
Oh hey, made a few tweaks to your code to make the green colors look more like the old site, it’s still not *quite* the same but it looks *much* closer for me now, what do you think?
4560304
How do you install the rounded avatars script?
4560304
Good catch. Added text color.
4560495
Went and grabbed the colors off that archived version, realized I hadn’t implemented hover, added THAT, realized it screwed up the menu colors, found what the old version did, implemented that…
and I put them all up top as variables this time, even if they’re no longer quite as obvious how to edit.
4560391
Thanks! What all languages are available for syntax highlighting, anyway? (Might want to put that on the so-useful BBcode help page rather than here!)
4561201
Basically every language you can imagine.
I think you said that to the wrong person.
I believe that’s four to nine strikes (1-3 outs?) (Don’t feel any obligation to implement syntax highlighting for these languages )
I'm posting this all over so more people can see it.
Spread it around.
FimFic Character Tag Icons
https://userstyles.org/styles/143583/fimfic-character-tag-icons
The Tags are back, bitches!