Files That Compose Skin

custom.css and layout.css

Each interface area has two corresponding CSS files describing its appearance:

• custom.css contains selectors for visual properties (color, font, etc.) of user interface elements
• layout.css contains selectors that define the layout of user interface elements

The option of modifying the layout.css file is recommended only for the advanced CSS designers.

buttons.css

Additionally, the main screen uses file buttons.css, which defines the appearance of certain buttons in user interface. For example, in the XP-skins it defines what images are used for the icons in the Tools groups.

This file is optional if the appearance of multiple buttons is not redefined in the skin. The buttons.css file was separated from main\custom.css only to simplify customization.

general.css

The file general.css contains style settings common for all interface elements. The style specified here will be applied when displaying an interface element unless it was specifically redefined for the corresponding area of user interface.

tabs.css

The file tabs.css contains style settings, which define appearance of tab elements.

info.xml

When you access the Skin Properties page in Plesk, it displays the information on skin, such as author's name, creation date, screenshots and descriptions. This information is stored in the info.xml file, which is located in the skin directory. The thumbnails and screenshots are stored in the screenshots\ directory.

desktop.css

The file desktop.css contains style settings for elements located at the Desktop page.

wizard.css

The file wizard.css contains style settings for Plesk Wizard pages.

ie.css

The file ie.css contains style settings that are used for displaying screens correctly in Internet Explorer.

Image files

Image files are stored in three directories:

• icons\ contains icon files required for user interface (state/status icons, list operations, etc.)
• images\ contains image files used with the specific skin for customizing elements, set of these can be different for different skins. Links to these images are provided in the CSS files
• screenshots\ contains control panel screenshots and thumbnails