Style Sheets
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 elementsThe option of modifying the layout.css
file is recommended only for the advanced CSS designers.
buttons.css
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.
info.xml
displays the information on skin (by accessing the Skin Properties page in Plesk), 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
contains style settings for elements located at the Desktop page.
wizard.css
contains style settings for Plesk Wizard pages.
ie.css
contains style settings that are used for displaying screens correctly in Internet Explorer.
Images
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.