Pretty random question here, but just wondered why some classes in FontAwesome (http://fortawesome.github.io/Font-Awesome/) have -o at the end, such as fa-hdd-o.
From an outsider, it seems as though there is no reason for this as there is no other class that might be a variation.
I am asking because I want to see the thinking behind the design decision.
Actually I think the o stands for an "outline" version of the icon. Not all icons have a -o type version of them, by design. This See example of the Font Awesome file icon:
Important to note too that the -o version icons will have a transparent background, so areas not in the outline will show the background color or image they are placed on top of. This aspect gets back to your question #Savvas Nicholas about design and these -o icon types, stylistically they provide a different visual effect.
I think because with the -o they want to say something like outer. For example check fa-bell vs fa-bell-o and see the difference.
If you go to the cheatsheet, you can see the exact difference between the icons having -o and the ones which don't. The ones having -o usually have more white than black, whereas the ones not having -o are rather black.
It stands for "off".
if you take:
fa-bell-slash
for example when you look at the icon you can sorta tell that its on.
but if you look at:
fa-bell-slash-o
it looks like the bell is off.
Related
I really prefer green on a black background when writing fortran in emacs, but I can't find the styles.css sheet anywhere??
Emacs does not use Cascading Style Sheets for text colorization. It has a concept of Faces:
You can change the foreground and background colors of a face with M-x set-face-foreground and M-x set-face-background.
see.Customizing faces
So you've gotten a lot of downvotes for this question. The issue is that emacs doesn't emacs doesn't use css to style its look and feel.
In emacs there is a concept called a face. Every aspect of emacs is styled using faces. A face essentially defines a font. It defines the family of a font for example "Times new roman", it defines a width, it defines a height, it defines a weight (italic bold... ect), it also defines the foreground color and the background color. I would highly recommend that you read that link if you want to know more info.
You can set individual faces if you want by using custom-set-faces or customize.
Although that is one way to do it its much easier to apply a theme that somebody made that will do the dirty work for you.
You can download themes from this website. If you need more direction or help let me know. Most importantly good luck on your foray into emacs, it might be frustrating at times but its definitely worth learning.
A project that I'm working on is making use of icon fonts. Is there some way of seeing what icons are included in the file? I can see what the icons are labeled in the generated css file (i.e. .icon-mail-alt:before { content: '\e808'; } ), but I would like to see the what the "images: look like. Is this possible?
If you are using a mac you can open it in fontbook and see all of the characters/symbols available.
On PC you can use charmap.exe, though it hasn't changed significantly in decades and is no longer really great. A quick search turned up BabelMap as an alternative which looks much more usable.
I'v only seen "solid" in use everywhere.
Is there any way to draw dashed line borders around widgets using qt stylesheets?
I'v tried looking through the designer, and I can see the different pen styles in QPen, but the stylesheet equivalents of those remain unfound.
Where/What would the complete list of these be?
EDIT:
I made a mess with the question, I didn't specify enough. I wanted to know the syntax for the different edge and fill styles I can use. But the linked Page contains everything:
http://qt-project.org/doc/qt-5/stylesheet-reference.html
Gradients, transparency values for colors, pen styles.. the works.
This documentation is way better than the 4.8.4 one I have on my computer, and it even seems to work. (Even though it's for version 5.x)
The stylesheet border-style is almost the same as in CSS3.
Take a look here: CSS border-style and here: Qt Style Sheet: border-style
Is possible to change Chrome's Sources tab background color? I found this article, it explains how to give a custom skin to Chrome's inspector through a css file, but it doesn't work for the Sources tab (Elements and Console work very well though, as you can see from the screenshot)
Thanks
Some themes don't change Sources tab color. Different themes, different styles. Try to use something else. I would recommend these ones (all of them change Sources tab background color):
MNML: https://github.com/frontdevde/mnml-devtools-theme/blob/master/Custom.css
Ruby Blue: https://github.com/chrisbateman/ChromeDevToolsTheme-RubyBlue/blob/master/Custom.css
Tomorrow: https://gist.github.com/bentruyman/1163300
Do the same steps, but use one of Custome.css files I mentioned above.
Is there a tool that allows me to load a CSS file, and apply filters to the color scheme? Like rotating hue of all color, change global lightness/darkness, saturation... Something like a photoshop of the CSS world! Thanks!
http://cssprism.com/
have a look at sass http://sass-lang.com/ recent check-ins on github allow for pretty extensive manipulation of colors
See: http://nex-3.com/posts/89-powerful-color-manipulation-with-sass
I see that this question was posed quite a while ago, but in case someone else lands here in search of the same info...
Here's a good one:
http://adityabhandari.com/wp-content/uploads/2011/01/ColorChanger.html
It allows you to shift the hue for the whole color scheme, though unfortunately it doesn't have lightness/darkness and saturation capabilities.
Occasionally this tool may work also: http://css-color-replace.orca-multimedia.de/
It is pretty much close to what
http://cssprism.com/
can do