CSS template properties - SSO

Owned by John Jellema
2023-05-05
9 min read

@BACKGROUND_URL@ 
→ This property defines the location of the background picture file.

Example: @BACKGROUND_URL@ = /resources/body.png

@BACKGROUND_POSITION@ 
→ This property defines the positioning of the background picture file.

Example: @BACKGROUND_POSITION@ = left top

@BACKGROUND_REPEAT@ 
→ This property defines the repeat rule for the background picture.

Example: @BACKGROUND_REPEAT@ = repeat-x

@VIEW_HORIZ_ALIGN@ 
→ This property defines the horizontal alignment of the login screens.

Example: @VIEW_HORIZ_ALIGN@ = center

@VIEW_VERT_ALIGN@ 
→ This property defines the vertical alignment of the login screens.

Example: @VIEW_VERT_ALIGN@ = middle

@PAGE_WIDTH@
 → This property defines the width of the login screens.

Example: @PAGE_WIDTH@ = 850px

@LOCALES_FLOAT@
 → This property defines the float direction for the links to change the language locale of the login screens.

Example: @LOCALES_FLOAT@ = left

@LOCALES_COLOR@
 → This property defines the text color for the links to change the language locale of the login screens.

Example: @LOCALES_COLOR@ = darkgrey

@LOCALES_FONT_FAMILY@
 → This property defines the fonts for the links to change the language locale of the login screens.

Example: @LOCALES_FONT_FAMILY@ = Verdana,Arial,Helvetica,"Bitstream Vera Sans",sans-serif

@LOCALES_FONT_SIZE@
 → This property defines the font size for the links to change the language locale of the login screens.

Example: @LOCALES_FONT_SIZE@ = 8pt

@EXIT_FLOAT@
 → This property defines the float direction for the exit link on the login screens.

Example: @EXIT_FLOAT@ = right

@EXIT_COLOR@
 → This property defines the text color for the exit link on the login screens.

Example: @EXIT_COLOR@ = #FF3300

@EXIT_FONT_FAMILY@
 → This property defines the fonts for the exit link on the login screens.

Example: @EXIT_FONT_FAMILY@ = Verdana,Arial,Helvetica,"Bitstream Vera Sans",sans-serif

@EXIT_FONT_SIZE@
 → This property defines the font size for the exit link on the login screens.

Example: @EXIT_FONT_SIZE@ = 8pt

@GENERAL_FLOAT@
 → This property defines the float direction for the general area on the login screens. The general area contains the intro and help boxes.

Example: @GENERAL_FLOAT@ = left

@SIGNIN_FLOAT@
 → This property defines the float direction for the sign in area on the login screens. The sign in area contains the login and external boxes.

Example: @SIGNIN_FLOAT@ = right

@LOGIN_WIDTH@
 → This property defines the width of the login box.

Example: @LOGIN_WIDTH@ = 411px

@LOGIN_MARGIN_LEFT@
 → This property defines the left margin width of the login box on the login screens.

Example: @LOGIN_MARGIN_LEFT@ = 0px

@LOGIN_MARGIN_RIGHT@
 → This property defines the right margin width of the login box on the login screens.

Example: @LOGIN_MARGIN_RIGHT@ = 0px

@LOGIN_BACKGROUND@
 → This property defines the background color of the login box on the login screens.

Example: @LOGIN_BACKGROUND@ = #f4f4f4

@LOGIN_BORDER_STYLE@
 → This property defines the border style of the login box on the login screens.

Example: @LOGIN_BORDER_STYLE@ = solid

@LOGIN_BORDER_WIDTH@
 → This property defines the border width of the login box on the login screens.

Example: @LOGIN_BORDER_WIDTH@ = 1px

@LOGIN_BORDER_COLOR@
 → This property defines the border color of the login box on the login screens.

Example: @LOGIN_BORDER_COLOR@ = #005077

@LOGIN_COLOR@
 → This property defines the text color for the text in the login box on the login screens.

Example: @LOGIN_COLOR@ = black

@LOGIN_FONT_FAMILY@
 → This property defines the fonts for the text in the login box on the login screens.

Example: @LOGIN_FONT_FAMILY@ = Verdana,Arial,Helvetica,"Bitstream Vera Sans",sans-serif

@LOGIN_FONT_SIZE@
 → This property defines the font size for the text in the login box on the login screens.

Example: @LOGIN_FONT_SIZE@ = 13pt

@LOGIN_FONT_WEIGHT@
 → This property defines the font weight for the text in the login box on the login screens.

Example: @LOGIN_FONT_WEIGHT@ = normal

@LOGIN_TITLE_BACKGROUND@
 → This property defines the background color of the title in the login box on the login screens.

Example: @LOGIN_TITLE_BACKGROUND@ = #005077

@LOGIN_TITLE_COLOR@
 → This property defines the text color of the title in the login box on the login screens.

Example: @LOGIN_TITLE_COLOR@ = white

@LOGIN_TITLE_FONT_SIZE@
 → This property defines the font size for the text of the title in the login box on the login screens.

Example: @LOGIN_TITLE_FONT_SIZE@ = 10pt

@LOGIN_TITLE_FONT_WEIGHT@
 → This property defines the font weight for the text of the login title in the login box on the login screens.

Example: @LOGIN_TITLE_FONT_WEIGHT@ = bold

@LOGIN_NOTE_FONT_SIZE@
 → This property defines the font size for the text of the login note in the login box on the login screens.

Example: @LOGIN_NOTE_FONT_SIZE@ = 8pt

@LOGIN_NOTE_FONT_WEIGHT@
 → This property defines the font weight for the text of the login note in the login box on the login screens.

Example: @LOGIN_NOTE_FONT_WEIGHT@ = normal

@LOGIN_ITEM_FONT_SIZE@
 → This property defines the font size for the text of the login item in the login box on the login screens.

Example: @LOGIN_ITEM_FONT_SIZE@ = 13pt

@LOGIN_ITEM_FONT_WEIGHT@
 → This property defines the font weight for the text of the login item in the login box on the login screens.

Example: @LOGIN_ITEM_FONT_WEIGHT@ = normal

@LOGIN_ITEM_HEADING_FONT_SIZE@
 → This property defines the font size for the text of the login item heading in the login box on the login screens.

Example: @LOGIN_ITEM_HEADING_FONT_SIZE@ = 13pt

@LOGIN_ITEM_HEADING_FONT_WEIGHT@
 → This property defines the font weight for the text of the login item heading in the login box on the login screens.

Example: @LOGIN_ITEM_HEADING_FONT_WEIGHT@ = normal

@LOGIN_ITEM_LABEL_FONT_SIZE@
 → This property defines the font size for the text of the login item label in the login box on the login screens. ‘

Example: @LOGIN_ITEM_LABEL_FONT_SIZE@ = 11pt

@LOGIN_ITEM_LABEL_FONT_WEIGHT@
 → This property defines the font weight for the text of the login item label in the login box on the login screens.

Example: @LOGIN_ITEM_LABEL_FONT_WEIGHT@ = normal

@LOGIN_ERROR_BACKGROUND@
 → This property defines the background color of the error notification in the login and external boxes on the login screens.

Example: @LOGIN_ERROR_BACKGROUND@ = yellow

@LOGIN_ERROR_COLOR@
 → This property defines the text color of the error notification in the login and external boxes on the login screens.

Example: @LOGIN_ERROR_COLOR@ = red

@LOGIN_ERROR_FONT_SIZE@
 → This property defines the font size for the text of the error notification in the login and external boxes on the login screens.

Example: @LOGIN_ERROR_FONT_SIZE@ = 10pt

@LOGIN_ERROR_FONT_WEIGHT@
 → This property defines the font weight for the text of the error notification in the login and external boxes on the login screens.

Example: @LOGIN_ERROR_FONT_WEIGHT@ = bold

@LOGIN_FORM_BUTTON_FONT_SIZE@
 → This property defines the font size for the text of the form button in the login box on the login screens.

Example: @LOGIN_FORM_BUTTON_FONT_SIZE@ = 13px

@LOGIN_LINK_COLOR@
 → This property defines the text color of the links in the login box on the login screens.

Example: @LOGIN_LINK_COLOR@ = blue

@LOGIN_LINK_FONT_SIZE@
 → This property defines the font size for the text of the links in the login box on the login screens.

Example: @LOGIN_LINK_FONT_SIZE@ = 10pt

@LOGIN_LINK_FONT_WEIGHT@
 → This property defines the font weight for the text of the links in the login box on the login screens.

Example: @LOGIN_LINK_FONT_WEIGHT@ = normal

@LOGIN_LOGO_MARGIN_LEFT@
 → This property defines the left margin width of the logo image in the external box on the login screens.

Example: @LOGIN_LOGO_MARGIN_LEFT@ = 5px

@LOGIN_LOGO_MARGIN_RIGHT@
 → This property defines the right margin width of the logo image in the external box on the login screens.

Example: @LOGIN_LOGO_MARGIN_RIGHT@ = 5px

@LOGIN_LOGO_FONT_SIZE@
 → This property defines the font size for the text of the links below the logo images in the external box on the login screens.

Example: @LOGIN_LOGO_FONT_SIZE@ = 9px

@LOGIN_LOGO_HEIGHT@
 → This property defines the height of the placeholder for the logo image and the text link concerning the external authentication method in the external box on the login screens.

Example: @LOGIN_LOGO_HEIGHT@ = 88px

@LOGIN_LOGO_IMAGE_HEIGHT@
 → This property defines the height of the logo images in the external box on the login screens.

Example: @LOGIN_LOGO_IMAGE_HEIGHT@ = 75px

@LOGIN_LOGO_LINK_COLOR@
 → This property defines the text color of the links below the authentication method logo images in the login box on the login screens.

Example: @LOGIN_LOGO_LINK_COLOR@ = blue

@LOGIN_LOGO_LINK_FONT_SIZE@
 → This property defines the font size for the text of the links below the authentication method logo images in the login box on the login screens.

Example: @LOGIN_LOGO_LINK_FONT_SIZE@ = 7pt

@LOGIN_LOGO_LINK_FONT_WEIGHT@
 → This property defines the font weight for the text of the links below the authentication method logo images in the login box on the login screens.

Example: @LOGIN_LOGO_LINK_FONT_WEIGHT@ = normal

@LOGIN_GROUP_TEXT_ALIGN@ 
→ This property defines the horizontal alignment of the login group title text in the external box on the login screens.

Example: @LOGIN_GROUP_TEXT_ALIGN@ = left

@LOGIN_GROUP_FONT_SIZE@
 → This property defines the font size for the login group title text in the external box on the login screens.

Example: @LOGIN_GROUP_FONT_SIZE@ = 10px

@LOGIN_GROUP_BORDER_STYLE@
 → This property defines the border style of the login group in the external box on the login screens.

Example: @LOGIN_GROUP_BORDER_STYLE@ = solid

@LOGIN_GROUP_BORDER_WIDTH@
 → This property defines the border width of the login group in the external box on the login screens.

Example: @LOGIN_GROUP_BORDER_WIDTH@ = 1px

@LOGIN_GROUP_BORDER_COLOR@
 → This property defines the border color of the login group in the external box on the login screens.

Example: @LOGIN_GROUP_BORDER_COLOR@ = lightgrey

@LOGIN_BUTTONS_BACKGROUND@
 → This property defines the background color of the login buttons part of the external box on the login screens.

Example: @LOGIN_BUTTONS_BACKGROUND@ = transparent

@EXTERNAL_WIDTH@
 → This property defines the width of the external box.

Example: @EXTERNAL_WIDTH@ = 411px

@EXTERNAL_MARGIN_LEFT@
 → This property defines the left margin width of the external box on the login screens.

Example: @EXTERNAL_MARGIN_LEFT@ = 0px

@EXTERNAL_MARGIN_RIGHT@
 → This property defines the right margin width of the external box on the login screens.

Example: @EXTERNAL_MARGIN_RIGHT@ = 0px

@EXTERNAL_BACKGROUND@
 → This property defines the background color of the external box on the login screens.

Example: @EXTERNAL_BACKGROUND@ = #f4f4f4

@EXTERNAL_BORDER_STYLE@
 → This property defines the border style of the external box on the login screens.

Example: @EXTERNAL_BORDER_STYLE@ = solid

@EXTERNAL_BORDER_WIDTH@
 → This property defines the border width of the external box on the login screens.

Example: @EXTERNAL_BORDER_WIDTH@ = 1px

@EXTERNAL_BORDER_COLOR@
 → This property defines the border color of the external box on the login screens.

Example: @EXTERNAL_BORDER_COLOR@ = #005077

@EXTERNAL_COLOR@
 → This property defines the text color of the external box on the login screens.

Example: @EXTERNAL_COLOR@ = black

@EXTERNAL_FONT_FAMILY@
 → This property defines the fonts for the text in the external box on the login screens.

Example: @EXTERNAL_FONT_FAMILY@ = Verdana,Arial,Helvetica,"Bitstream Vera Sans",sans-serif

@EXTERNAL_FONT_SIZE@
 → This property defines the font size for the text in the external box on the login screens.

Example: @EXTERNAL_FONT_SIZE@ = 13pt

@EXTERNAL_FONT_WEIGHT@
 → This property defines the font weight for the text in the external box on the login screens.

Example: @EXTERNAL_FONT_WEIGHT@ = normal

@EXTERNAL_TITLE_BACKGROUND@
 → This property defines the background color of the title in the external box on the login screens.

Example: @EXTERNAL_TITLE_BACKGROUND@ = #005077

@EXTERNAL_TITLE_COLOR@
 → This property defines the text color of the title in the external box on the login screens.

Example: @EXTERNAL_TITLE_COLOR@ = white

@EXTERNAL_TITLE_FONT_SIZE@
 → This property defines the font size for the text of the title in the external box on the login screens.

Example: @EXTERNAL_TITLE_FONT_SIZE@ = 10pt

@EXTERNAL_TITLE_FONT_WEIGHT@
 → This property defines the font weight for the text of the title in the external box on the login screens.

Example: @EXTERNAL_TITLE_FONT_WEIGHT@ = bold

@INTRO_WIDTH@
 → This property defines the width of the intro box.

Example: @INTRO_WIDTH@ = 411px

@INTRO_MARGIN_LEFT@
 → This property defines the left margin width of the intro box on the login screens.

Example: @INTRO_MARGIN_LEFT@ = 0px

@INTRO_MARGIN_RIGHT@
 → This property defines the right margin width of the intro box on the login screens.

Example: @INTRO_MARGIN_RIGHT@ = 0px

@INTRO_BACKGROUND@
 → This property defines the background color of the intro box on the login screens.

Example: @INTRO_BACKGROUND@ = #f4f4f4

@INTRO_BORDER_STYLE@
 → This property defines the border style of the intro box on the login screens.

Example: @INTRO_BORDER_STYLE@ = solid

@INTRO_BORDER_WIDTH@
 → This property defines the border width of the intro box on the login screens.

Example: @INTRO_BORDER_WIDTH@ = 1px

@INTRO_BORDER_COLOR@
 → This property defines the border color of the intro box on the login screens.

Example: @INTRO_BORDER_COLOR@ = #005077

@INTRO_COLOR@
 → This property defines the text color of the intro box on the login screens.

Example: @INTRO_COLOR@ = black

@INTRO_FONT_FAMILY@
 → This property defines the fonts for the text of the intro box on the login screens.

Example: @INTRO_FONT_FAMILY@ = Verdana,Arial,Helvetica,"Bitstream Vera Sans",sans-serif

@INTRO_FONT_SIZE@
 → This property defines the font size for the text of the intro box on the login screens.

Example: @INTRO_FONT_SIZE@ = 13pt

@INTRO_FONT_WEIGHT@
 → This property defines the font weight for the text of the intro box on the login screens.

Example: @INTRO_FONT_WEIGHT@ = normal

@INTRO_TITLE_BACKGROUND@
 → This property defines the background color of the title in the intro box on the login screens.

Example: @INTRO_TITLE_BACKGROUND@ = #005077

@INTRO_TITLE_COLOR@
 → This property defines the text color of the title in the intro box on the login screens.

Example: @INTRO_TITLE_COLOR@ = white

@INTRO_TITLE_FONT_SIZE@
 → This property defines the font size for the text of the title in the intro box on the login screens.

Example: @INTRO_TITLE_FONT_SIZE@ = 10pt

@INTRO_TITLE_FONT_WEIGHT@
 → This property defines the font weight for the text of the title in the intro box on the login screens.

Example: @INTRO_TITLE_FONT_WEIGHT@ = bold

@HELP_WIDTH@
 → This property defines the width of the help box.

Example: @HELP_WIDTH@ = 411px

@HELP_MARGIN_LEFT@
 → This property defines the left margin width of the help box on the login screens.

Example: @HELP_MARGIN_LEFT@ = 0px

@HELP_MARGIN_RIGHT@
 → This property defines the right margin of the help box on the login screens.

Example: @HELP_MARGIN_RIGHT@ = 0px

@HELP_BACKGROUND@
 → This property defines the background color of the help box on the login screens.

Example: @HELP_BACKGROUND@ = #f4f4f4

@HELP_BORDER_STYLE@
 → This property defines the border style of the help box on the login screens.

Example: @HELP_BORDER_STYLE@ = solid

@HELP_BORDER_WIDTH@
 → This property defines the border width of the help box on the login screens.

Example: @HELP_BORDER_WIDTH@ = 1px

@HELP_BORDER_COLOR@
 → This property defines the border color of the help box on the login screens.

Example: @HELP_BORDER_COLOR@ = #005077

@HELP_COLOR@
 → This property defines the text color of the help box on the login screens.

Example: @HELP_COLOR@ = black

@HELP_FONT_FAMILY@
 → This property defines the fonts for the text of the help box on the login screens.

Example: @HELP_FONT_FAMILY@ = Verdana,Arial,Helvetica,"Bitstream Vera Sans",sans-serif

@HELP_FONT_SIZE@
 → This property defines the font size for the text of the help box on the login screens.

Example: @HELP_FONT_SIZE@ = 13pt

@HELP_FONT_WEIGHT@
 → This property defines the font weight for the text of the help box on the login screens.

Example: @HELP_FONT_WEIGHT@ = normal

@HELP_TITLE_BACKGROUND@
 → This property defines the background color of the title in the help box on the login screens.

Example: @HELP_TITLE_BACKGROUND@ = #005077

@HELP_TITLE_COLOR@
 → This property defines the text color of the title in the help box on the login screens.

Example: @HELP_TITLE_COLOR@ = white

@HELP_TITLE_FONT_SIZE@
 → This property defines the font size for the text of the title in the help box on the login screens.

Example: @HELP_TITLE_FONT_SIZE@ = 10pt

@HELP_TITLE_FONT_WEIGHT@
 → This property defines the font weight for the text of the title in the help box on the login screens.

Example: @HELP_TITLE_FONT_WEIGHT@ = bold

@HELP_LINK_COLOR@
 → This property defines the text color of the links in the help box on the login screens.

Example: @HELP_LINK_COLOR@ = blue

@HELP_LINK_FONT_SIZE@
 → This property defines the font size for the text of the links in the help box on the login screens.

Example: @HELP_LINK_FONT_SIZE@ = 10pt

@HELP_LINK_FONT_WEIGHT@
 → This property defines the font weight for the text of the links in the help box on the login screens.

Example: @HELP_LINK_FONT_WEIGHT@ = normal

@FOOTER_COLOR@
 → This property defines the text color of the footer on the login screens.

Example: @FOOTER_COLOR@ = #959595

@FOOTER_FONT_FAMILY@
 → This property defines the fonts for the text of the footer on the login screens.

Example: @FOOTER_FONT_FAMILY@ = Verdana,Arial,Helvetica,"Bitstream Vera Sans",sans-serif

@FOOTER_FONT_SIZE@
 → This property defines the font size for the text of the footer on the login screens.

Example: @FOOTER_FONT_SIZE@ = 7pt

@FOOTER_FONT_WEIGHT@
 → This property defines the font weight for the text of the footer on the login screens.

Example: @FOOTER_FONT_WEIGHT@ = normal



Ubisecure Privacy Policy & Cookie Statement