Schemes - Custom

SysAdmins are encouraged to create their own cascading stylesheets (*.css) and to upload them as custom schemes to be used by any organization on their system.

Creating a Custom Scheme

The following steps will quickly allow you to create and test a custom scheme.

1. Sign on with a SysAdmin account.
2. Click the Schemes link to list schemes and Preview various schemes until you find one similar to the look you wish to achieve. The hints below may save you time:
   • MOVEit DMZ: An off-white scheme
   • Inverso: A black scheme
   • Harvest: A colored scheme
   • Olive Paper: A scheme which uses background images (including rows)
   • SciFi Dark: A scheme which uses background images (not including rows)
   • Mario Bros: A scheme which uses background images (using row "filters")
3. Click the Open link next to the scheme most similar to the look you wish to achieve.
4. Create a new text file on your desktop and rename it myscheme.css.
5. Copy the Stylesheet Code from the Scheme Profile into your new stylesheet and save it.
6. Make changes to the stylesheet on the desktop and save.
7. From the Scheme list, press the Add Scheme link, browse to the stylesheet on the desktop, give it a name and upload it.
8. From the Scheme list, Preview your new scheme...and repeat from Step 6 as needed.

Custom Background Images

Your custom scheme may require the use of custom background images. Because of the many different background image options possible, MOVEit DMZ does not provide an interface to directly upload these images into the system. (SysAdmins must instead copy these images into the proper directories on the filesystem by hand.) However, MOVEit DMZ DOES prefer that your custom background use a location and naming convention.

Save your custom background images in the images\customscheme directory. Name your images as SCHEMENAME_STYLE.EXT (i.e., the .userhead background image for the Mario Bros scheme is named mariobros_userhead.gif.)

To access your custom image from a stylesheet, use the following relative syntax:
BACKGROUND-IMAGE: url(../images/customscheme/SCHEMENAME_STYLE.EXT)
(i.e. "BACKGROUND-IMAGE: url(../images/customscheme/mariobros_userhead.gif)" )

Recognized Styles

This section describes the various styles accepted and tested against MOVEit XSL templates and how they are used.

#maintable - The ID of the main table that contains the content of each web page. This can be useful for putting a border around the content, or making it a different background color than the rest of the page, for example.

.sectiontitle - Used on the horizontal bars which lead off MOVEit content section. You should specify both a (font) COLOR and a BACKGROUND-COLOR for this style.

.userhead - Used on the user bar and the search background displayed on (most) pages. You should specify both a (font) COLOR and a BACKGROUND-COLOR for this style.

.listrow1 - Used by the ODD rows of tables. You should specify ONLY a BACKGROUND-COLOR for this style.

.listrow2 - Used by the EVEN rows of tables. (Also currently used by the Signon Banner box on the signon page.) You should specify ONLY a BACKGROUND-COLOR for this style.

.texttiny - Used by table headers, some table information. Should be similar to .textsmall.
.textsmall - Used by MOST TEXT.
.textnormal - Despite its name, used by larger-than-normal text.
.textbig - Used by very large text. Should be similar to .textnormal.

.userinput - Used by textboxes, drop-downs, buttons, etc. Should be similar to .textsmall.
.userinputarea - Used by text areas. Should be IDENTICAL to .userinput.

BODY - Used by the document body. Use of at least BACKGROUND-COLOR is encouraged.

a:link - Color used by normal links. Use of COLOR is required.
a:visited - Should be IDENTICAL to a:link.
a:active - Should be IDENTICAL to a:link.
a:hover - Should be IDENTICAL to a:link.

a.userhead:link - Color used by links in userhead sections. Use of COLOR is required.
a.userhead:visited - Should be IDENTICAL to a.userhead:link.
a.userhead:active - Should be IDENTICAL to a.userhead:link.
a.userhead:hover - Should be IDENTICAL to a.userhead:link.

a.alert:link - Color used by "HOT" links (i.e. locked out users). Use of COLOR is required.
a.alert:visited - Should be IDENTICAL to a.alert:link.
a.alert:active - Should be IDENTICAL to a.alert:link.
a.alert:hover - Should be IDENTICAL to a.alert:link.