So, I'm trying to create a theme for Ninja-IDE. Ninja-IDE uses PyQt, so the themes are made in qss. I'm trying to make my Ninja-IDE look like VS2012. I was just wandering, if it is possible to have separate styles for horizontal and vertical tabs in qss.
QTabBar::tab:horizontal
isn't working for me.
Any Ideas?
please check this answer QTabWidget tabPosition when using stylesheets
Related
So I have a site and I'm using Bootstrap 3.3.7 and sass. I'm being asked to have a "dark theme" page and the ability to set different types of color themes based on certain pages.
There might be a page with white-label branding, or a dark theme, or a blue theme.
I'm being asked to keep everything else the same.
I'm thinking about having those pages add a class to the body tag that changes the CSS colors, but what are the best practices for changing all colors in a bootstrap 3.3.7 sass style controllers.
Bootstrap colour code are present under variables file(bootstrap/**/_variables.scss) were we can play on it.
But when it comes to theme development best way to handle the colour is we can have separate scss for colour code, where the folder or file structure can be followed like bootstrap or as per the developer style.
I'd like to be able to manipulate the breakpoint at which the menu collapses to it's mobile version with the 3 stacked horizontal bars.
You can do this by creating your own customized version of Bootstrap. The easiest way to do this is to go to http://getbootstrap.com/customize/ and to set the #grid-float-breakpoint variable.
This will keep the breakpoints for mobile, tablet & desktop at their regular values and only change the point at which the .navbar collapses.
You can customise bootstrap with your own required break points.
Go here and in the ‘Media queries breakpoints’ section and adjust the #screen-sm (mobile), #screen-md & #screen-lg parameters as required ...then generate and then replace your custom bootstrap over the existing bootstrap assets.
I'm a beginner on twitter bootstrap. I have to integrate this image on web site using bootstrap 3. How to make this menu using bootstrap element without adding images? Thank you
http://i.imgur.com/7Z7Q6r0.png
You can create some white cols (for some li's) inside a black row. Use the hover tag to choose what is appear white or not.
You can create these cols inside a bigger col too.
Hope my words help! :)
I have this requirement where I have to change the default styles on my Ext JS application. I am not talking about changing stuff in CSS files yet. I am not that ambitious yet. Here is what I am looking for:
Suppose I need a Submit and Cancel buttons, I use xtype:button and text:Save ( or Cancel ). This will render buttons with the text on them. What should I do if I want to change the look and feel of the button? Or replace the button with a cool Save or Cancel image?
Right now I have all the texts on the application with the default font that ExtJS shows. What am I supposed to do if I want all the text on the application changed to a different font? Everything right from the data in forms/grids and the titles of each component should be changed to some other font my customer prefers. What am I supposed to do?
I understand these are very basic and a generic questions, but I am looking for a good headsup before I proceed with my task.
Thank you all in advance. Waiting for answers :)
Update: So, I found out how we deal with CSS and change the fonts. Can anyone help about the Chaning the look and feel for Submit/Cancel buttons.
I recommend you to use SASS and compass to build your own themes, or better said to change one the existing themes. In the Ext JS documentation you can find the css variables which you can set according to your needs.
If you are not ready for theming with SASS just yet take a look at this example of button configs from the sencha docs:
Stanadalone Example page: http://docs.sencha.com/extjs/4.1.3/extjs-build/examples/button/button.html
CSS that adds customized images to the buttons: http://docs.sencha.com/extjs/4.1.3/extjs-build/examples/button/button.css
JS that shows button configs: http://docs.sencha.com/extjs/4.1.3/extjs-build/examples/button/button.js
Essentially this shows how to use iconCls property on the button config along with a simple CSS class to add desired image to your button.
I'm currently working on a dojo application, but have a need for some customization of the scroll bars. Basically anything that mimics any one of the multiple jQuery based custom scrollbar plugins should be sufficient.
Any ideas?
there doesn't seem to be something out there yet mimicking the jquery scrollbar plugins, you can customize their look using css though !
Lucian
Source:
http://dojo-toolkit.33424.n3.nabble.com/Custom-Scrollbars-tp2776041.html