Design

Fonts

Font family / Font size

The base font family and size (100% = 14px). You can only choose from fonts that are present on most PC's.

Avaliable fonts: Arial, Arial Rounded, Baskerville, Calibri, Cambria, Candara, Century Gothic, Comic Sans, Consolas, Constantia, Copperplate Light, Courier New, Franklin Gothic, Futura, Garamond, Geneva, Georgia, Gill Sans, Goudy Old Style, Helvetica Neue, Hoefler Text, Impact, Lucida Sans, Lucida Bright, Palatino, Segoe, Tahoma, Times, Trebuchet MS, Verdana. Check out this page to see how these fonts look and how common they are. Font selection in Turtle skin

The base font size affects all the other fonts, like headings and folder titles.

On mobile devices the base font size is adjusted (120%) for better legibility.

Headline font family and size

You can choose from the base fonts (see above) plus 35 custom google web fonts: Abel, Abril Fatface, Alex Brush, Amaranth, Amatic SC, Cantata One, Cookie, Dancing Script, Dosis, Dynalight, Economica, Emilys Candy, Euphoria Script, Fjalla One, Fredericka the Great, Germania One, Geo, Great Vibes, Grand Hotel, Gruppo, IM Fell English, Indie Flower, La Belle Aurore, Lobster, Lobster Two, Loved by the King, Maiden Orange, Marvel, Medula One, Mountains of Christmas, Old Standard TT, Open Sans Cond Light, Oswald, Poiret One, Princess Sofia, PT Mono, Shadows Into Light Two, Six Caps, Special Elite, Raleway, Rochester, Squada One, Ubuntu Condensed, Yanone Kaffeesatz Light, Yanone Kaffeesatz Regular. Check out this page for font samples: Font selection in Turtle skin.

Folder title

Same as headline means the same font will be used as selected above as headline font. This also affects other <h2> level headings, like the one in the image caption template.

Size controls the font size on folder thumbnails. You might need to adjust if you are using web fonts as their visual size differs quite a bit.

Colors

Background

The background color of the whole page.

The transparency is useful only if you embed the page through an IFRAME with allowtransparency attribute set. In that case the parent page's background color/image will shine through.

The following styles have opaque background images, so changing the background color has no effect: Brushed, Cork, Cracking, Exhibition, Gold, Hemp, Jeans, Leather, Paper, Retro, Shine, Stonewall, Wallpaper, Wood.

These style either have transparent background images or have no backgound image at all: Black, Carboard, Creme, Dark fabric, Flower pattern, Gray, Leather light, Linen, Rice paper, Techno, White, Yellow.

Text

The text color.

Please note, this won't affect certain texts, like folder thumbnails, tooltip text, modal windows text, etc.

Link, hover

Color of the links and the mouse over color.

Border color and width

The color of the border around the main image (slide pages). Can be (semi)transparent too.

The Border width is the width of the border in pixels.

Modal windows theme

The color theme of modal windows, e.g. Help or the Search results. Can be Dark, Light or Auto: automatically picked based on the style's darkness. Dark for dark themes, Light for light.

Rounded corners

Theme image
The roundness of the theme image corners. This setting will also affect the thumbnail corners, and almost all the elements on the page. If you want plain rectangular corners, set this to "0".
Main image
The corner rounding on the main (slide page) image. Basically this is applied to the border, but if that's too narrow or there's no border, the rounding will be applied to the image element too.

Background image

Select

Select an image to be used as background image. Can be JPP, PNG or GIF, even transparent.

Turtle does not resize the image, so please scale down the image before added to the album. Should be less than ~200 kB to allow the page could load smoothly.

Position and tiling

The background image placement. The tiling can be repeating (horizontal, vertical or both) or non-repeating.

Please note, older Internet Explorers (<9) are not capable of stretching the background image.

Other controls...

Use custom scroller

Turtle provides an own scroll mechanism, that leaves the theme image fixed at the page top and scrolls only the thumbnail area. If you turn this option off, the whole page will be scrolled the "traditional" way.

Although this scrolling works on mobile devices too, you might want to consider using the traditional scrolling if your users come from mobile devices, to utilize the small screen area better.

Use 3D effects
If you turn this option off no drop shadows and 3D effects on buttons will be applied.
Stick controls to top
When selected, the control strip will be positioned to the top of the page and will touch the top thumbnail strip. If disabled, a 15 pixel gap will be added above.