[SOLVED] Vimperator 2.0 CSS file to colorize the status bar

With Vimperator's new stable release of 2.0, the old CSS file that controls the status line doesn't work anymore.
I had a lot of trouble fixing it. I looked up the names of a lot of items and converted the old scheme. That wasn't enough, so I copied the default css into my css file (at the top) and changed everything in there too.
Now I have a css file that is huge and has lots of duplicate data. It also has a white line between status bar and command line that I can't get rid of, and when you enter a : command the : is black on white, instead of red on gray like the rest of the line (there must be more items, I think I used an old CSS scheme (there wasn't one in the trunk)).
Anyway, I wonder if this can be made simpler and it'd be awesome if the missing stuff above can be added too. And hopefully someone can benefit of the below CSS anyway.
What it does: make the background light gray, give the status (top) line a dark gray top border, give status bar regular weight black text, and the command bar bold red text.
#liberator-completions {
-moz-user-focus: ignore;
overflow: -moz-scrollbars-none !important; /* does not seem to work fully */
border-width: 0px !important;
/*-moz-appearance: none !important; /* prevent an ugly 3D border */
margin: 0px !important;
padding: 0px !important;
/* the selected item in listboxes is hardly readable without this */
#liberator-completion > listitem[selected="true"] > listcell,
#liberator-bufferwindow > listitem[selected="true"] > listcell,
#liberator-previewwindow > listitem[selected="true"] > listcell {
color: black !important;
background-color: rgb(230,230,230) !important;
margin: 0px !important;
padding: 0px !important;
/* fixes the min-height: 22px from firefox */
#status-bar, statusbarpanel {
-moz-appearance: none !important;
min-height: 18px !important;
border: none !important;
font-weight: bold;
font-family: monospace;
margin: 0px !important;
padding: 0px !important;
background-color: rgb(230,230,230) !important;
color: black !important;
#status-bar
border-top: thin solid rgb(100,100,100) !important;
#liberator-statusline {
font-family: monospace;
margin: 0px !important;
padding: 0px !important;
background-color: rgb(230,230,230) !important;
#liberator-statusline > label {
margin: 0px 5px 0px 5px !important;
padding: 0px !important;
background-color: rgb(230,230,230) !important;
#liberator-statusline > label:first-child {
margin: 0px 5px 0px 5px !important;
padding: 0px !important;
background-color: rgb(230,230,230) !important;
#liberator-statusline-field-url {
color: black;
background-color: rgb(230,230,230) !important;
margin: 0px !important;
padding: 0px !important;
/* no longer at the window's bottom right corner */
.statusbar-resizerpanel {
display: none;
margin: 0px !important;
padding: 0px !important;
background-color: rgb(230,230,230) !important;
#statusbar-display, #statusbar-progresspanel {
display: none;
margin: 0px !important;
padding: 0px !important;
background-color: rgb(230,230,230) !important;
#liberator-commandline {
margin: 0px !important;
padding: 0px !important;
font-family: monospace;
background-color: rgb(230,230,230) !important;
color: red !important;
#liberator-commandline-prompt {
margin: 0px !important;
padding: 0px !important;
background-color: rgb(230,230,230) !important;
color: red !important;
#liberator-commandline-command {
background-color: rgb(230,230,230) !important;
color: red !important;
margin: 0px !important;
padding: 0px !important;
#liberator-visualbell {
border: none;
margin: 0px !important;
padding: 0px !important;
background-color: rgb(230,230,230) !important;
color: red !important;
#sidebar {
max-width: 90% !important;
min-width: 10% !important;
margin: 0px !important;
padding: 0px !important;
background-color: rgb(230,230,230) !important;
/* highlight groups */
.hl-Normal {
background-color: rgb(230,230,230) !important;
color: black;
margin: 0px !important;
padding: 0px !important;
.hl-ErrorMsg {
background-color: red;
color: black;
font-weight: bold;
margin: 0px !important;
padding: 0px !important;
.hl-InfoMsg {
background-color: rgb(230,230,230) !important;
color: magenta;
margin: 0px !important;
padding: 0px !important;
.hl-ModeMsg {
background-color: rgb(230,230,230) !important;
color: black;
margin: 0px !important;
padding: 0px !important;
.hl-MoreMsg {
background-color: rgb(230,230,230) !important;
color: green;
margin: 0px !important;
padding: 0px !important;
.hl-Question {
background-color: rgb(230,230,230) !important;
color: green;
margin: 0px !important;
padding: 0px !important;
.hl-Title {
background-color: rgb(230,230,230) !important;
color: magenta;
margin: 0px !important;
padding: 0px !important;
font-weight: bold;
.hl-Warning {
background-color: rgb(230,230,230) !important;
color: red;
margin: 0px !important;
padding: 0px !important;
.hl-StatusLine {
background: none !important;
background-color: rgb(230,230,230) !important;
color: white !important;
margin: 0px !important;
padding: 0px !important;
.hl-StatusLineSecure {
background: none !important;
background-color: #B0FF00 !important; /* light green */
color: black !important;
margin: 0px !important;
padding: 0px !important;
.hl-StatusLineBroken {
background: none !important;
background-color: #FF6060 !important; /* light red */
color: black !important;
margin: 0px !important;
padding: 0px !important;
.hl-URL {
background-color: rgb(230,230,230) !important;
color: green;
text-decoration: none;
margin: 0px !important;
padding: 0px !important;
/* NOTE: .aClass:hover not supported in quirks mode: http://developer.mozilla.org/en/docs/Mozilla_Quirks_Mode_Behavior */
a.hl-URL:hover {
text-decoration: underline;
cursor: pointer;
margin: 0px !important;
padding: 0px !important;
#liberator-completions, #liberator-multiline-output {
overflow: hidden;
background-color: rgb(230,230,230) !important;
color: black;
margin: 0px !important;
padding: 0px !important;
#liberator-completions-content, #liberator-multiline-output-content {
white-space: pre;
font-family: -moz-fixed;
margin: 0px !important;
padding: 0px !important;
background-color: rgb(230,230,230) !important;
#liberator-completions-content *, #liberator-multiline-output-content * {
font: inherit;
margin: 0px !important;
padding: 0px !important;
background-color: rgb(230,230,230) !important;
/*#liberator-commandline-prompt,#liberator-commandline,#liberator-commandline-command,#liberator-message */
/*, #liberator-message,#liberator-container,#liberator-bufferwindow, #liberator-completion, #liberator-previewwindow */
#liberator-container
background: none !important;
background-color: rgb(230,230,230) !important;
-moz-appearance: none !important;
margin: 0px !important;
padding: 0px !important;
#liberator-commandline, #liberator-commandline-prompt, #liberator-commandline-command, #liberator-message,
#liberator-commandline *, #liberator-commandline-prompt *, #liberator-commandline-command *, #liberator-message *
background: None !important;
background-color: rgb(230,230,230) !important;
color: rgb(255,44,44) !important;
padding: 0px !important;
margin: 0px !important;
font-weight: bold !important;
border: none !important;
#liberator-statusline-field-inputbuffer,#liberator-statusline-field-progress,#liberator-statusline-field-tabcount,#liberator-statusline-field-bufferposition,#liberator-statusline,
#liberator-statusline-field-inputbuffer *,#liberator-statusline-field-progress *,#liberator-statusline-field-tabcount *,#liberator-statusline-field-bufferposition *,#liberator-statusline *
background: none !important;
background-color: rgb(230,230,230) !important;
color: black !important;
font-weight: normal !important;
margin: 0px !important;
padding: 0px !important;
#liberator-statusline
background: none !important;
background-color: rgb(230,230,230) !important;
color: black !important;
font-weight: normal !important;
margin: 0px !important;
padding: 0px !important;
.hl-StatusLine
background-color: rgb(230,230,230) !important;
margin: 0px !important;
padding: 0px !important;
Last edited by Procyon (2009-04-04 22:45:25)

@anrxc: I see, thanks!
I didn't notice any speed difference between 2.0 and 1.2.
Here is the colorscheme I used to get the same effect as above, everything works now:
I changed some unrelated things and it gave some warning so I commented those out.
" ==Vimperator_Color_Scheme==
" name: my
" ==Defult_Colorscheme_Settings==
hi Bell border: 0 none; background-color: black;
hi Boolean color: red;
hi CmdLine font-family: monospace; padding: 0px;
hi CmdOutput white-space: pre;
hi CompDesc color: black; width: 50%;
"hi CompGroup
"hi CompGroup:not(:first-of-type) margin-top: 0px; "margin-top: .5em;
hi CompIcon width: 16px; min-width: 16px; display: inline-block; margin-right: .5ex;
hi CompIcon>img max-width: 16px; max-height: 16px; vertical-align: middle;
"hi CompItem
"hi CompItem>* padding: 0 0; ".5ex;
"hi CompItem[selected] background: yellow;
hi CompLess text-align: center; height: 0; line-height: .5ex; padding-top: 1ex;
hi CompLess::after content: "3" /* Unicode up arrowhead */
hi CompMore text-align: center; height: .5ex; line-height: .5ex; margin-bottom: -.5ex;
hi CompMore::after content: "4" /* Unicode down arrowhead */
hi CompMsg font-style: italic; margin-left: 16px;
hi CompResult width: 45%; overfloaw: hidden;
hi CompTitle color: magenta; background: white; font-weight: bold;
hi CompTitle>* padding: 0 .5ex;
hi ErrorMsg color: white; background: red; font-weight: bold;
hi Filter font-weight: bold;
hi FrameIndicator background-color: red; opacity: 0.5; z-index: 999; position: fixed; top: 0; bottom: 0; left: 0; right: 0;
hi Function color: navy;
hi Gradient height: 1px; margin-bottom: -1px; margin-top: -1px;
hi GradientLeft background-color: magenta;
hi GradientRight background-color: white;
hi Hint font-family: monospace; font-size: 10px; font-weight: bold; color: white; background-color: red; border-color: ButtonShadow; border-width: 0px; border-style: solid; padding 0px 1px 0px 1px;
hi Hint::after content: attr(number);
hi HintActive background: #88FF00; color: black;
hi HintElem background-color: yellow; color: black;
hi HintImage opacity: .5;
hi Indicator color: blue;
hi InfoMsg color: rgb(255,44,44); background: rgb(230,230,230); font-weight: bold;
hi LineNr color: orange; background: rgb(230,230,230);
hi Message white-space: normal; min-width: 100%; padding-left: 2em; text-indent: -2em; display: block;
hi ModeMsg color: rgb(255,44,44); background: rgb(230,230,230); font-weight: bold;
hi MoreMsg color: green; background: rgb(230,230,230);
hi NonText color: blue; min-height: 16px; padding-left: 2px;
hi Normal color: rgb(255,44,44); background: rgb(230,230,230); font-weight: bold;
hi Null color: blue;
hi Number color: blue;
hi Object color: maroon;
hi Preview color: gray;
hi Question color: green; background: rgb(230,230,230); font-weight: bold;
hi Search font-size: inherit; padding: 0; color: blue; background-color: rgb(230,230,230); padding: 0;
hi StatusLine color: black; background: rgb(230,230,230); border-top: thin solid rgb(100,100,100); border-width: 1px; font-weight: normal;
hi StatusLineBroken color: black; background: #FF6060; /* light-red */
hi StatusLineSecure color: black; background: #B0FF00; /* light-green */
hi String color: green;
"hi TabClose
"hi TabIcon
"hi TabIconNumber font-weight: normal; color: black; text-align: center; text-shadow: black -1px 0 1px, black 0 1px 1px, black 1px 0 1px, black 0 -1px 1px;
hi TabNumber font-weight: bold; margin: 0; padding-right: .3ex;
"hi TabText
hi Tag color: blue;
hi Title color: magenta; background: white; font-weight: bold;
hi URL text-decoration: none; color: green; background: inherit;
hi URL:hover text-decoration: underline; cursor: pointer;
hi WarningMsg color: red; background: white;

Similar Messages

Not able to find userChrome.css file for customizing the Firefox browser. I just installed 20.0.1 firefox browser. Want to disable/remove navigation bar.Pls Hlp

Not able to find userChrome.css file for customizing the Firefox browser. I just installed 20.0.1 Firefox browser version.
I want to disable/remove navigation bar from the browser window, making the browser to work like kiosk mode.
Please Help,
Thanks,
Vishal.

hello,
here is the complete path ..
''C:\Documents and Settings\XXXXXXX\Application Data\Mozilla\Firefox\Profiles\chrome"
Let me know
Thanks,
Vishal.

Working with bootstrap css file after opening the browser

working with bootstrap css file after opening the browser when i came back on working on bootstrap my computer started hanging and opning new tabs and showing message " A caused the program to stop working correctly.Windows will close thoe program and notify you if solution is available"

Hi Geetha,
1.) button problem:
i don't know how you open the form - when you do it with a XML file maybe you packed the wrong XML file into your addon installer.
2.) the flickering can be a problem of formatted searches or interacting with other addons.
when addon a. changes a field it can be that addon b. does something because of the event from addon a.
the same can happen when you have formatted searches that do something when a field changes.
ok - that are my last tipps for this day
good night
David

Not to display the file name in the browser bar.

Hello,
Merry Christmas to all,
Is it possible not to display the file name in the browser bar?
Like say, when we write www.rediff.com, the index page name is not displayed.
Likewise is it possible for any other page too.
What I want is not to display any of the page name for the whole application.
Whichever page is requested the page name should not appear in the address bar of the browser.
How will I do that, what logics should I apply?
Please suggest,
Thanks,

first, what does this have to do with Java?
second, no; in order to display something, the browser needs to know where it is. and if it knows, then a user can find out too. maybe you can make it not show up in an address bar sometimes, but that really achieves nothing

How to display the file status in the status bar?

Hi all,
Can anyone tell me how to display the file status in the status bar?
The file status can consists: the type of the file, the size of the file etc..
thanx alot..

    class StatusBar extends JComponent {
          JLabel l = new JLabel("ready");
        public StatusBar() {
              super();
              setLayout(new BoxLayout(this, BoxLayout.X_AXIS));
              add(l);
          public void setText( String prompt ) {
               l.setText(prompt);
               setVisible( true );
        public void paint(Graphics g) {
              super.paint(g);
    }

Should I define tables in the CSS file or from the Table option on the menu bar?

I am having trouble understanding which table definitions are the ascendant ones: the CSSfile table definitions or the definitions from the Table option on the menu bar. Is there a conflict if I am applying the CSS style to every topic? Who wins...CSS or Table?

Hi there
Sorry, but I think you are a bit confused. I'm assuming here that you are referring to defining tables via the toolbar? Where you use this button?
That simply inserts the table structure which is later styled using CSS.
Then there is the other option where you click Table > Insert > Table and you do two things. You insert the table structure as well as some special CSS codes that are added to your CSS file.
Cheers... Rick

"Backup file" appears in the title bar.

Hi there,
I've been writing a VI which has recently crashed but I could recover it using the backup file. However "Backup file" now appears in the title bar as shown in the picture I attached with this post and I would like to get rid of the "Backup file" in the title bar . I've tried the "save as" option using a different name but "Backup file" is always present.
Could someone help me on that one?
Thanks a lot
Badis
Solved!
Go to Solution.

Badis,
please check if the displayed VI name is set to Backup File (VI settings >> Window Appearance).
hope this helps,
Norbert
CEO: What exactly is stopping us from doing this?
Expert: Geometry
Marketing Manager: Just ignore it.

In finder folder..all my files... there is a large question mark in the status bar. When I click it I receive the message Item can not be found

What does the question mark mean in the states bar of ALL MY FILES window and how do I rectify the situation? When I click the question mark I get the message "Item can not be found"

Please post a screenshot that shows what you mean. Be careful not to include any private information.
Start a reply to this message. Drag the image file into the editing window to upload it. You can also include text in the reply.

Importing the js and css files included in the distributable JAR

Hi, I have a custom JSF component that needs one .css and one .js file.
The question is: how can I put those files in the distributable JAR of the component, allowing the jsf pages that use this custom tag, to automatically import them once per page-?
(RichFaces components, for example, work in this way).
Thanks.
[Lately, searching in SUN forums works horribly for me in both Firefox and IExplorer-¿?]

JSF 2.0 will have this functionality out of the box. See [1].
Would recommend you give it a shot. The first beta will be released soon, but the nightlies [2]
are fairly stable right now.
If you're a maven type of person, the nightly snapshots can be obtained using this info;
Mojarra 2.0.0 API
group ID: com.sun.faces
artifact ID: jsf-api
version: 2.0.0-SNAPSHOT
Mojarra JSF 2.0.0 IMPL
group ID: com.sun.faces
artifact ID: jsf-impl
version: 2.0.0-SNAPSHOT
[1] http://blogs.sun.com/rlubke/entry/jsf_2_0_new_feature5
[2] https://javaserverfaces.dev.java.net/servlets/ProjectDocumentList?folderID=9814&expandFolder=9814&folderID=0

[solved]system won't upgrade (files exist in the filesystem)

Everytime I try to upgrade I get this message
boost: /usr/lib/python2.6/site-packages/Pyste/exporterutils.py exists in filesystem
boost: /usr/lib/python2.6/site-packages/Pyste/exporterutils.pyc exists in filesystem
boost: /usr/lib/python2.6/site-packages/Pyste/infos.py exists in filesystem
boost: /usr/lib/python2.6/site-packages/Pyste/infos.pyc exists in filesystem
boost: /usr/lib/python2.6/site-packages/Pyste/policies.py exists in filesystem
boost: /usr/lib/python2.6/site-packages/Pyste/policies.pyc exists in filesystem
boost: /usr/lib/python2.6/site-packages/Pyste/pyste.py exists in filesystem
boost: /usr/lib/python2.6/site-packages/Pyste/pyste.pyc exists in filesystem
boost: /usr/lib/python2.6/site-packages/Pyste/settings.py exists in filesystem
boost: /usr/lib/python2.6/site-packages/Pyste/settings.pyc exists in filesystem
boost: /usr/lib/python2.6/site-packages/Pyste/utils.py exists in filesystem
boost: /usr/lib/python2.6/site-packages/Pyste/utils.pyc exists in filesystem
boost: /usr/share/licenses/boost/LICENSE_1_0.txt exists in filesystem
Errors occurred, no packages were upgraded."
The list itself is a lot ,lot longer,this is just a tiny snapshot.
I had a look around on the forums and there were people having the same" problem.
Is there a way around this other than "pacman -Qo" everything?
Last edited by Romanrp (2010-01-17 20:41:17)

For future reference:
http://bbs.archlinux.org/viewtopic.php?id=56373
You can break your system severely by forcing upgrades. If you didn't already (or didn't read the output when upgrading), you may want to go through /var/log/pacman.log and look to see if there's any information that's you missed about these particular upgrades before you restart your system.

[SOLVED]cURL got problem uploading file with "[]" in the name

$ curl -# -iv -u username:passwd -T '[gg].png' 'ftp://ftp.liondrive.com:2221'
curl: (3) [globbing] error: bad range specification after pos 2
When I rename [gg].png to gg.png, it's all just fine.
Anybody encountered same thing?
What's the problem?
Last edited by lolilolicon (2009-06-24 07:18:05)

OK, I got it
The problem is caused by curl attempting to do globbing on urls that contain []{}. The best fix would probably be for hpodder to invoke curl with --globoff.
....Ha, should have googled the error message before posting. Sorry.
Edit
another woraround is use escape...
curl -# -iv -u username:passwd -T '\[gg\].png' 'ftp://ftp.liondrive.com:2221'
Last edited by lolilolicon (2009-06-24 07:26:43)

I need to have a URL that's loading from a batch file load into the side bar instead of the main window and I can't figure out what to add to the command line to make it do this.

I've seen similar questions, but no answers. Most commonly, I've seen people wanting to know how to code a link on their website to make it open in the sidebar. That would be handy too.
My own goal here is to make all the pages I need open for work open where I want them, all in one click.

I don't have a Recently Added playlist. However, I discovered that the file I had named Eating Healthy was given the name You Can Enjoy Eating Healthy when it copied to iTunes. I'm guessing iTunes pulled the full name of the piece from the internet. Upshot--the mp3 did transfer to iTunes on all 3 tries, but I was looking in my alphabetized list under E, not Y, so I didn't see it there. Thanks for your help.

[SOLVED]Gnome: No network icon in the status bar

So fresh install and no networking icon in the status bar.
I also opened the network connections program and it didnt show any connections. I am using eth0 to write this.
This suggests to me that a daemon hasnt been started (but doesnt necessarily explain no icon in status bar)
here is the daemon section of my rc.conf
DAEMONS=(hwclock syslog-ng network netfs crond networkmanager dbus gdm)
i added network manager as a previous attempt (on advise of someone elsewhere on the internet(cannot remember where lol))
Thanks.. I have nearly got my system how I want it (minus software i havent installed yet)
Sorry if i have created a duplicate thread
Last edited by olig1905 (2012-01-21 17:33:47)

Thanks to both of you.
I had already noticed the redundancy of network which was added in the install however hadnt considered the ordering
wonder wrote:Did you really read the wiki?
This is pretty much all i have seen people saying at the end of their posts on here. I agree with the point you have made, however i have been on the wiki all day, conisdering this is a newbie forum it is to be presumed that it is a pretty new installation. Therefore the user does not have time to read the entire wiki. As i said i have been on the wiki all day and used it countless times and have found it invaluable, so im only posting here when i am unable to find answers there.
That aside this is a wonderfully helpful community so HI

After the setting of Firefox 3.6 in myPC with the help of the browser IE8, i found that the File menu aswellas the Address bar were missing? What isthe actual problem in the installation of Firefox 3.6 with the help of the IE8 browser?

I have install and reinstall Firefox 3.6 as well as the Firefoc 4.0 more than 3 times. A problem occurs during the installation created and done by the browser IE8. I'm not able to detect and eradicate the problem. Do you have any proper idea, Please send it to my email id. Thank you.

There shouldn't be a problem. Try right clicking on toolbar space and make sure Menu Bar and Navigation Bar are checked.
I don't have access to your email ID. In any case it helps others to see the answers.

Trying to dynamically load CSS for project at compile time via config XML file to select CSS file.

I'm using the same code base to compile different versions of a project. Each project has different base fonts. I've created multiple css files that use the same style names. The idea being that in the code I reference the style names, then the loaded CSS determines which font (and size, color, etc) is used for each style name.
The CSS files are compiling to SWFs, and those SWFs are referenced in config.xml files. Before compiling, I select the config file to use.
I am loading the CSS SWF files via the StyleManager in the Application.mxml, like so:
styleManager.loadStyleDeclarations( _contentData.elements( 'cssPath' ).@path )
The path traces out correctly as:
assets_embed/styles/project2.swf
For some reasone I must include an fx:Style line in the Application.mxml file or no fonts are recognized. Example:
<fx:Style source="assets_embed/styles/project1.css"/>
If I reference the css for project one (as done above) then most, but not all, styles work. Some styles reference the fonts from the project 1 css, others properly use fonts from project 2 swf. If I point to the CSS for the project I'm compiling in the <fx:Style > tag then all fonts work, but that defeats the goal of using XML rather than code to identify the styles.
So, why do I need the fx:Style line if the css is being loaded via StyleManager?
Why is there "cross talk" between style definitions?
Is there a better way to select styles at compile time?

I read this quickly so I might have missed a detail. I think your describing an issue with recent Flex releases that is described in the fine print somewhere. If you don't have any fonts embedded in the main app and are only bringing in fonts embedded in CSS SWFs, you have to force-link the EmbeddedFontRegistry by adding something like this to the main app's script block.
import mx.core.EmbeddedFontRegistry; EmbeddedFontRegistry;
(Yes, "EmbeddedFontRegistry" is in there twice, once to define the fully qualified name, the other to create a class dependency to force the linking).

[SOLVED] Vimperator 2.0 CSS file to colorize the status bar

Similar Messages

Maybe you are looking for