Skin / Tiger3 / Site / Design

tiger-3-site-design.png

Page design

Max. page width

Select the page content width here. This affects the width of Sections and all the other design elements that aligned to this column, e.g. Search box, Title, Start slideshow button. "No limit" means the design will fill in the browser window horizontally. Please note, making this width bigger the thumbnail's size need to be bumped up too, or the number of thumbnail image columns, see Sections / Images, otherwise, the thumbnails might get pixelated/blurry.

Background image

If you want to replace the background image that came with the selected style you can provide your own background image. If the image is tileable select "Repeat both" below, otherwise select "Stretch to fit", provided the image is sufficiently large. Please note, if you create a new album by importing this album's settings, you might need to add the background image again, as the Import tool is unable to import background images.

Position

Background image position and tiling. No repeat places the image once in 1:1 size, repeat options place the image repeated in one or both directions, Stretch to fit fits the image to the browser window.

Background color

Background color for the main - "Sections" - area. Can be (semi-)transparent too.

Text color

The color of most text elements. Note, the links, the texts on cards have different colors.

Link color

Color for links.

Hover color

The link color when the mouse is over it.

Button color

Background color for buttons. This affects the top menu hover color too.

Top bar

The background color of the top bar. (Can be transparent so the background color/image shines through. The text color is automatically selected by the skin.)

Footer

The background color of the page footer. (Can be transparent so the background color/image shines through. The text color is automatically selected by the skin.)

Boxes

The background color of the sections, thumbnails, etc.

Box background

The background image to be used on boxes. Will be repeated in both directions.

Corner radius

The rounding of the slide image border.

Corner radius

The corner rounding of the sections and cards (image and folder thumbnails).

Padding

The padding between the thumbnail images and the cards they're on.

Gap

The gap left between the thumbnails. Thin is 2px, Small is 4px, Medium is 8px, Large is 12px.

Drop shadow

The shadow of cards, sections, etc. Gives some layer depth effect.

Modal windows theme

The popup window's color: Light, Dark, Auto = automatically selected for the theme.

Icon style

You can choose "Fat", which is similar to Tiger 2's, and "Thin", which uses 1px wide lines.