I am making a graphical user interface containing two progress bars. In glade interface designer the bars look like this: Glade progress bar view but what I am getting on the screen is this: What I get on screen.
I tried everything from adjusting the width settings of the object in glade as well as trying to determine the width by using a style sheet like this:
GtkProgressBar {
-GtkProgressBar-min-horizontal-bar-height: 14;
-GtkProgressBar-min-vertical-bar-width: 14;
padding: 2px;
}
but without succes, is there anyone who knows how to resolve this issue?
Thanks in advance
EDIT:
So I reread the documentation this time paying closer attention to the program version.
GTK3 Version: 3.14, Glade Version 3.14.2
according to the GTKprogressbar which i am not allowed to properly link, the The “min-vertical-bar-width” style property should still work. Even though it is not recommended for higher versions. Another added piece of information that might be of use is that I am using this on a raspberry pi, raspbian setup and I believe the GTK is the latest available version for this setup.
i just found something like that:
progress, trough {
min-height: 30px;
}
Related
For the past two hours I've been trying to figure out a strange behavior when trying to override bootstrap in Django.
At the beginning, without any custom css file, the result was this:
Then I created a custom css file: my_site/css/master.css
.index-jumbotron {
background-color: #006DB0;
}
#main-title {
text-align: center;
color: white;
}
It resulted in this:
So far, so good.
But now, if I change anything on that same file (even when putting !important and taking good care of the specificity system), the result is always the same as the image immediately above.
However, when I indicate my template to point to another file my_site/css/master2.css or css/master.css, indeed the result is as I would have expected:
I can't get my head around this. Do you have any idea? Do you know if the package django-bootstrap3 could have anything to do with that? I installed it in between my two different version of the custom css file.
Looks like a browser caching issue - did you say 'disable cache' in the developer toolbar (network tab) of your browser? This is usually the easiest solution.
Another option is to open the styles file in your browser and hit 'ctrl+r' to force reload of the css file.
Where can I find documentation about the GNOME Shell theme css elements?
For instance, if I want to change the style of the "Activites" which css class/id do I have to tweak?
More in general I'm looking for somethings that maps each gnome shell element to its class / id in the css
Thanks!
This might be a little dated, but I was able to track down a somewhat authoratiative source. Starting with the documentation that turns up for developing on gnome shell:
https://wiki.gnome.org/Projects/GnomeShell/Development
The CSS section mentions that the theme stuff is located in gnome-shell/source/gnome-shell/data/theme/gnome-shell.css. Of course, it doesn't give a link or anything. From there, I googled for the source code, picked a reasonably recent version and hoped that I could browse the code using the path in the documentation. Lo and behold, the CSS!
https://git.gnome.org/browse/gnome-shell/tree/data/theme/gnome-shell.css?h=gnome-3-18
In my case, I wanted to make all of the font smaller but I didn't know what the root element was. I was able to determine that stage is what I should target with something like font-size: 0.8em in my custom theme in ~/.themes/Naddeo/gnome-shell/gnome-shell.css. This is my entire CSS file in case someone else is trying a real theme but they want to override one or two things. To use it, just pick it in the gnome tweak tool as your shell theme.
#import url("/usr/share/gnome-shell/theme/gnome-shell.css");
stage {
font-size: 0.8em;
height: 1.50em;
}
Well I still cannot find documentation, however by looking into other themes I could finally find what I was looking for this specific case.
#panelActivities
is the style to tweak
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.
when I am running my apps on emulator or virtual device, its working fine, but when i am running it on real device the screen not scrolling, I am using an Intel xdk bootstrap design. Please can someone tell me how I can solve this issue.
The issue that you are experiencing is present in Android devices with versions below 3.0 due to the interpretation of css properties by the WebView. This is an issue related to the styling created by the Intel XDK App Designer within the index_main.less.css file. This file is auto-generated and stored within the css folder in your project directory every time you make changes to layout with the Designer.
In order to resolve this issue, you will need to make changes to the following css class.
*index_main.less.css*
.......
/*.upage {*/ /*Comment out this line*/
.upage-outer { /*Add this line*/
overflow-x: hidden;
}
.......
You should now be able to scroll your app.
Note: The index_main.less.css file will be re-written every time UI changes are made to the layout.
Is it possible to use pure CSS instead of an image as the desktop background?
simplfied example
body {
background: #000;
}
result: desktop background goes black
I don't think it's possible: first of all that CSS code should be interpreted by the OS itself, like a browser which I don't think it happens. The CSS code is parsed and interpreted by the browser. If you want black background using an automation script (i think that was the ideea behind your question) i suggest to create a script that can manipulate OS settings (e.g.: no background picture, solid color black). I'm not very good at OSX programming, but it may be some API's that you can use.
If you want to use black background (#000) go to:
System Preferences > Desktop & Screen Saver > (Under Apple Choose) Solid Colors > (The Click) Custom Color...
and there you can pick any solid color
as for using css inside html file i know it was perfectly possible on Microsoft Windows (i tried it i few years ago to put an html file as background and put the css inside it) but in Mac i've never seen any option to do that,
but it is possible with third party programs
Try Web Desktop i don't know if it works as it is very old
WebDesktop
you can also refer to this page to find your answer
Super User