userstyle for url text slightly upwards

[xlolitadabananax]

Does anyone have a userstyle to slightly move url text up ?

[Moonchild]

You should just be able to do that using userContent.css
e.g.:

Code: Select all

A { 
  transform: translateY(-3px);
}

[xlolitadabananax]

thanks but i need a userstyle to use in stylem, so i can have a quick access to my scripts.

[Moonchild]

I can't help you with a stylem script as I never looked into the format needed for that.
Maybe someone else can help.

[xlolitadabananax]

i meant userstyle sorry.

examples:

.urlbar-input-box, .ac-title, .ac-url-text {margin-left: 5px !important;}

this moves text in the url field to the right..

[Moonchild]

this moves text in the url field to the right..

only on pages where those fields have the named CSS classes.

The code I quoted above will change all A type elements (all anchors and links) moving the text the given number of pixels up.
So if your example works then the code above should work as well in your userstyle.

[jobbautista9]

thanks but i need a userstyle to use in stylem, so i can have a quick access to my scripts.

If it's for all sites, you can simply paste Moonchild's CSS in as a blank style when creating a new user style in Stylem from the add-on button, it should become a global style that way.

[Kris_88]

Didn't anyone guess that the question was about the browser URL bar?

This should work:

Code: Select all

.urlbar-input-box { margin-bottom: 3px !important; }

And don't forget the line at the beginning that specifies that the style applies to the browser itself.

Code: Select all

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

[xlolitadabananax]

@moonchild & @jobbautista9

your code doesn't work as a userstyle in stylem.

& @kris_88

you'r language is a known userstyle language but that code doesn't move the urlbar text up..

i tried 2xp & 8xp, and nothing changes, & at 9xp or 10 & above, a white space covers the url text, so that code isn't the right one to move text up in the urlbar..

[xlolitadabananax]

I retried your code kris, & it seems to work but partly, so it's not a definitive solution.

i'll explain..

your code seems to partly work for normal urls..
this one:
.urlbar-input-box, .ac-title, .ac-url-text {margin-bottom: 8px !important;}

so playing with px moves url up or down, but ... .
what i need to move actually is what i see with an extension
(navigation bar enhancer 1.3.4) & your given code only affects it
by instoring a blank image or transparancy over the extension's given text.

that's why i need a userstyle that can move the text given by the extension.

[Kris_88]

so that code isn't the right one to move text up in the urlbar..

It works for me.
Or explain more precisely what you want...

Untitled1.png

[Kris_88]

(navigation bar enhancer 1.3.4)

I honestly don't want to experiment with additional extensions...

Try a slightly modified method suggested by Moonchild:

Code: Select all

.urlbar-input-box { transform: translateY(-3px); }

[xlolitadabananax]

wow Kris, ur a master, it perfectly works now ))

one last tweak: do you have a userstyle code to turn bookmarks text type into:
Times New Roman
?

[Kris_88]

one last tweak: do you have a userstyle code to turn bookmarks text type into:
Times New Roman
?

Do you mean the buttons in the bookmarks toolbar?

Code: Select all

toolbarbutton.bookmark-item { font-family: "Times New Roman", Times, serif !important; }

[xlolitadabananax]

Thanks a bunch Kris ))

[Kris_88]

Don't mention it...

[Moonchild]

Didn't anyone guess that the question was about the browser URL bar?

No, because OP didn't specify it was for the browser UI. Just mentioned "URL text"