[Other] deviantART Title Bar Slim CSS

Regular Visitor OS : XP

What is this?
It is a stylesheet for the Stylish Firefox extension.

What does it do?
It streamlines the title bar on deviantART, and optimizes the layout of some scripts that I find useful.

What does it look like?
Like this.

What are all of those buttons?
They are from the following scripts-

zilla774's SuperTurboBattleMenu
solitude12's shoutbox button
solitude12's birthday menu
ArtBIT's randomLinks v0.2
dancewithtesky's CrystalBall
(all can be found at deviantART)

How can I use it?

1) Get the Stylish plug-in @ https://addons.mozilla.org/en-US/firefox/addon/2108

2) Right click on the Stylish icon in the bottom-right of your browser window and navigate to
Write Style > Blank Style

3) In the description box, name it whatever you like.

4) In the edit box, paste all of the following CSS:

Code:: @namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("deviantart.com") {

#deviantART-v5,
#deviantART-halfmode {
margin-top:86px !important;
}

#deviantART-v5 #top,
#deviantART-halfmode #top
{
position:absolute !important;
top:-30px !important;
width:100% !important;
}

#deviantART-v5 #top-middle div.icons,
#deviantART-halfmode #top-middle div.icons
{
top:32px !important;
left:550px !important;
width:425px !important;
font-size: 11px !important;
}

#deviantART-v5 #top-middle form.search,
#deviantART-halfmode #top-middle form.search
{
top:5px !important;
}

#top-middle form.search input.ibutton {
padding: 1px 0pt !important;
}

#deviantART-v5 #top h1,
#deviantART-halfmode #top h1
{
background-image: url(http://www.freewebs.com/hibbsi/titlebarslim_bg.png) !important;
}

#deviantART-v5 #top-middle div.icons i:not(#faqontopicon),
#deviantART-halfmode #top-middle div.icons i:not(#faqontopicon)
{
display:none !important;
}

#deviantART-v5 #top-middle div.icons a,
#deviantART-halfmode #top-middle div.icons a
{
padding-left: 5px !important;
}

#deviantART-v5>img[src*="data:image/png,"],
#deviantART-halfmode>img[src*="data:image/png,"]
{
top:10px !important; left:215px !important;
}

#menulink {
cursor: pointer !important;
}
#top-friends {
cursor: pointer !important;
}
#top-collections {
cursor: pointer !important;
}
#submitnews {
right: 244px !important;
}
#journallink {
right: 209px !important;
}
#notelink {
right: 174px !important;
}
#shoutlink {
right: 279px !important;
width: 32px !important;
background-position: -1px 0px !important;
cursor: pointer !important;
}
#shoutlink:hover {
background-position: -1px -29px !important;
}
#birthdaysmenu {
right: 314px !important;
width: 32px !important;
background-position: -1px 0px !important;
cursor: pointer !important;
}
#birthdaysmenu:hover {
background-position: -1px -29px !important;
}
#jumpto_new_comment {
right: 282px !important;
}
#jumpto_1st_comment {
right: 247px !important
}
#random_deviation {
right: 212px !important
}
#random_deviant {
right: 177px !important
}
.dalinks #random_deviant:hover, .dalinks #random_deviation:hover, .dalinks #jumpto_1st_comment:hover, .dalinks #jumpto_new_comment:hover {
background-position:4px 3px !important;
}
.dalinks #random_deviant, .dalinks #random_deviation, .dalinks #jumpto_1st_comment, .dalinks #jumpto_new_comment {
-moz-border-radius:0 !important; background-position:14px 3px !important; width:32px !important;
}
}

6) Click save and go to deviantART!

Known bugs/glitches
~~>Does not effect message+note center~~
>Messes up almost everything if not logged in (but what's the point if you're not logged in?)
~~>Too long; truncated~~
>Will only work correctly if screen resolution is wider that 1280px (probably won't be fixed, sorry to those with smaller screens)
If you find any other problems, tell me and I'll put them on the list and try to fix them.

Tell me anything! Suggestions, comments, and questions are welcome!

Enjoy!

Subject: Re: [Other] deviantART Title Bar Slim CSS May 2nd 2008, 8:54 pm

Looks pretty good! Thanks happy

Regular Visitor OS : XP

Thank you! thumbs up

And no problem; I've just been doing it in my spare time this past week

Regular Visitor From : S/W England OS : Leopard

I love scripts, and this one's really neat. Thank you. smile

Subject: Re: [Other] deviantART Title Bar Slim CSS May 2nd 2008, 10:45 pm

midway through script the code truncates as the line is too long. need assistance please...

Subject: Re: [Other] deviantART Title Bar Slim CSS May 2nd 2008, 11:18 pm

MacDeviant wrote:: midway through script the code truncates as the line is too long. need assistance please...

do you mean you cant see it? Open in firefox then, it should display the entire code wink

Regular Visitor OS : XP

It's fixed now, and the entire stylesheet now fits in the first post. I just made the background image and now the image will be fetched instead of coming from inside of the script.

Subject: Re: [Other] deviantART Title Bar Slim CSS May 2nd 2008, 11:35 pm

Hibbsi wrote:: It's fixed now, and the entire stylesheet now fits in the first post. I just made the background image and now the image will be fetched instead of coming from inside of the script.

thanks, much easier to use now smile

Regular Visitor OS : XP

updated in first post.
now works in message/note center

Subject: Re: [Other] deviantART Title Bar Slim CSS May 4th 2008, 11:54 am

^_^ ive been using this and a ton of other scripts and im very pleased with the way stylish works. much better than greasemonkey imo. thanks much for the share ^_^ when u search stuff though, it doesnt work : /

Regular Visitor OS : XP

alxmarcond wrote:: when u search stuff though, it doesnt work : /

sorry, I'm a little lost lol
can you elaborate on that?
Thanks ahead of time for the bug report, though happy

Subject: Re: [Other] deviantART Title Bar Slim CSS May 4th 2008, 12:58 pm

lol, when u search for something the header changes back to default. Also, i updated the code and it no longer works : /

Regular Visitor OS : XP

Whoa crap what'd I do lol confused

it works on mine just fine... I'll look it over and try it out on multiple computers and see what happens..

Subject: Re: [Other] deviantART Title Bar Slim CSS May 4th 2008, 1:19 pm

k, i like the slimmed down header.. it was nice, but the words would get cut off if the window wasnt a certain size wink

yet another bug. (i mean the nav buttons{browse, shop, chat, ect.})

Regular Visitor OS : XP

yeah i know what you mean about the words being cut off, your browser must be 1280px or wider (already in first post, but wan't very specific lol- i'll fix post)

as for the not working when searching and then not working at all after I updated it, I'm completely confused as to why it isn't :undecided:

Is anybody else experiencing these problems? (or worse, more problems?)

Subject: Re: [Other] deviantART Title Bar Slim CSS May 4th 2008, 2:34 pm

hmmm. there a way to not change the dA logo? i have the logo change mod enabled ^_^ also can u toss me over the old code?

Regular Visitor OS : XP

Ok, we've got that all figured out now lol
Now to see what else it needs...

Subject: Re: [Other] deviantART Title Bar Slim CSS May 4th 2008, 6:22 pm

there a way to put the links under the search? would defeat the purpouse though but would also fix the text getting cut off. or make the search box liquid wink

Regular Visitor OS : XP

intriguing.. I'll play with some ideas, those included.
How about putting the links in the rocketdock, underneath the search?

Subject: Re: [Other] deviantART Title Bar Slim CSS May 4th 2008, 6:39 pm

possibly... i dont have those drop downlinks though...

Regular Visitor OS : XP

sorry, i'll be more specific.. i'm not good at conveying what i mean sometimes
http://www.freewebs.com/hibbsi/idea%5F1.png
^^ lol there we go

I guess to do that it would need to be a GM script instead, though..
maybe I'll make one stylish script that does it one way and a GM script that does it another way happy

Subject: Re: [Other] deviantART Title Bar Slim CSS May 4th 2008, 10:38 pm

haha thats what i thought u mean.. couldnt u just append some code to some of s12's codes? ( i just know his name starts with s and has the number12)

Regular Visitor OS : XP

lol solitude12
I would but i would want it to be easily installed by somebody else

If somebody wants a slim bar, then they'd just have to install the script, not copy and paste some lines into another script

besides, it would be very easy to do; probably 15 minutes at the most cool

(that is after I make the images for the buttons)

Regular Visitor OS : XP

Alright, I've made a rough script for the buttons, and it's functional but not very pretty lol

Here's a ss
http://www.freewebs.com/hibbsi/tbs%5Fss1.bmp

and here's the button background if you want to make the buttons that look nice (hint hint everybody happy

)
http://www.freewebs.com/hibbsi/titlebarslim%20navbuttons.png

now i can finally go to bed smile

Subject: Re: [Other] deviantART Title Bar Slim CSS May 5th 2008, 6:03 pm

i would take out the images or take out the text wink

nice work otherwise!