Each interface area has two corresponding CSS files describing its appearance:
custom.csscontains selectors for visual properties (color, font, etc.) of user interface elements
layout.csscontains 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.
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 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 contains style settings, which define appearance of tab elements.
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
The file desktop.css contains style settings for elements located at the Desktop page.
The file wizard.css contains style settings for Plesk Wizard pages.
The file ie.css contains style settings that are used for displaying screens correctly in Internet Explorer.
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