change css styles of active admin - activeadmin

I'm looking to adjust the style of active admin's UI. Although I haven't been able to find any style sheets in the project. Does anyone know where the style sheets are located so that they can be modified?

you can add your css to active_admin.css.scss located in the app/assets/stylesheets folder.
that file is for that, to override active_admin styles

Related

Editing a Project's Tab Colors

I work on 3 different repositories at the same time and I want to have a sublime project for each with the same theme except with different tab colors so I can quickly identify which is which. I am trying to use darkside-contrast from Dayle Color Schemes.
I opened up the darkside-contrast.tmTheme and it is an xml and I tried editing all of the colors but cannot figure out which one controls the tab colors.
I see that there are some settings like sheet_container_control that may be useful, but I am not sure what to do with this or where I can find a full list of parameters in a sublime theme. Do I edit the tmTheme xml or do I need some sort of JSON file to specify tab color? Can I use the sublime-project file to specify this for each project?
I would also like to shrink the tab heights. Any pointers would be great. Thanks
For project multitasking, I'd suggest you simply add each project folder on a separate sublime window sidebar and switch between them. This way each indexed project will be a breeze to browse through (CTRL+T or CMD+T on mac) without any unwanted files from other projects.
Related topic if you wish to check (it's not limited to just Monokai theme but also shows how to create your own theme file with the specific setting you wish to tweak): How to change Sublime Text 2 selected tab color
For reduced tab height, you could use Afterglow's theme small tabs JSON settings (biggest size is set by default, add a comma at the end of true if more settings are listed):
{
"tabs_small": true
}

Previewing icon font WITHOUT css

I need to view an icon.ttf (svg,woff,eot,whatever) font file. I do NOT want to create CSS to do this. There are hundreds of icons and I need to look at them quickly. Is there anything I can use to open the font file?
The only responses are along this vein: If I have a generated icon-font as TTF, can I tell which CSS content-property belongs to which character? and include CSS - that is NOT what I am looking for. I want to preview the file NOT through manual entry using CSS (or SASS, etc).
I am assuming this cannot be done since I havent found a decent answer. If you have the knowledge for how to preview an icon font, please share!!
You could use the Character Map tool in Windows. Just select the icon font and you can preview the entire list as well as the corresponding css codes.

Custom linked Quick Style presets in Powerpoint 2013?

I am newbie in Powerpoint and have a very weird problem. Is it possible somehow to add my own shape styles to Quick Styles? If I choose one of presets and then change something (color fill for example) this style is not anymore linked to quick style. And I can't find how to add on my own. And delete all that I don't need.
Any thoughts how to achieve that? I want to create my own shape styles. And link them all over the presentation in order to change quickly color schemes of all elements in presentation. I want to change one linked style to automatic apply to all shapes. Is it possible somehow?
Thanks,
Peter
We are building a PowerPoint add-in to do that. You are able to create styles (and select the attributes like color position etc.) then store them to a Library for later use / sharing. Let me know if you are interested to test the current version.

Customizing portal's navigation bar

I want to customize the navigation bar in my theme. I searched for the CSS file that styles the navigation bar in the css directory but I couldn't find it.
In the nagivation.vm file, the navigation is declared as follows:
<nav class="$nav_css_class" id="navigation">
and using firebug I found out that the class is
sort-pages modify-pages.
I appreciate your help.
Thanks
The css file is called css/navigation.css. However, best practice is to do all modifications in _diffs/css/custom.css - this file is loaded last and all settings in there will override those in navigation.css and any other files. As a side effect, you'll have all of your settings neatly separated from Liferay's and are in a better position during updates.
custom.css is supposed to be empty in all themes that are meant for extension. If you start with the classic theme, you'll see that custom.css in there is not empty - this means, that the classic theme is not meant to be extended. Technically you can still do so of course, but Liferay might change this theme without notice in future versions and you'll end up upgrading then.

How do I change font-family and font-size for a CCK form

I am using a Drupal 6.19 Corrolla theme and I have tried several times to change the font-family and font-size of a CCK form but in vain. I could add these CSS statements through Firebug, but could not change them in the style.css. I incorporated several classes in the style sheet, but it has not worked.
I would very much appreciate any help regarding this.
You may find my style sheet at http://zuqaq.com/sites/all/images/style.css. The website I am working on is http://zuqaq.com.
What is the element that the style should be applied to?
Probably it's just being overriden somewhere.

Resources