Sample Theme Image Reference

This section describes the images that are supplied with the Sample Theme. These images fit into the default styling and design of the user interface and can be used as a guide for the approximate dimensions of your images.

In Abiquo branding you can add your own images and restyle them as required .

Enterprise Logos

• We recommend a transparent background so that the background shading underneath the logo will be visible
• High resolution logos (with higher ppi) may download slowly to the browser and display slowly to the user
• The abiquo_gray.png file is the default enterprise logo in the sample theme

abiquo_gray

The abiquo_gray.png file is used as the default enterprise logo.

Dimensions: 132 x 33 pixels

abiquo_login

The abiquo_login.png file is displayed in the login dialog

Dimensions: 223 x 53

abiquo_watermark

The abiquo_watermark.png file is displayed in the background of the login screen

Dimensions: 677 x 577 pixels

favicon

The favico.ico file contains a small Abiquo logo in Microsoft icon format. By default the favicon is shown in the browser tab where Abiquo is running

Dimensions: 16 x 16 pixels

The image shown here is a png version. To obtain the favico.ico version, click on the following link

favicon.ico

mainmenu-buttons

The main menu buttons are individual icons of 30x30 pixels, loaded by the customer in the CSS file.

Individual icons

Home icon

Infrastructure icon

Virtual datacenters icon

Apps library icon

Users icon

Pricing icon

Events icon

Configuration icon

Reports icon

Documentation icon

The documentation icon is the fa-book icon from fontawesome.

Icon sheet

If you have a custom icon sheet as in previous versions of Abiquo, you will need to create custom CSS to reference the icons on this sheet. An icon sheet is displayed here against a colored background. 

For example, the CSS to reference the virtual datacenters icon is:

.main-menu-section-link-icon-library {
  background: url(../../abicloudDefault/img/mainmenu-buttons.png) no-repeat 0 -90px;
}