Tooltips
These styles define the look and feel of all contextual tooltips in the viewer.
Common styles
Common
All the tooltips inherit from these styles.
| Attribute | Type | Default | Description |
|---|---|---|---|
| tooltips.common.verticalmargin | integer | 4 | Vertical padding In pixels |
| tooltips.common.horizontalmargin | integer | 4 | Horizontal padding In pixels |
| tooltips.common.maxwidth | integer | 150 | Maximum width for a tooltip In pixels |
| tooltips.common.tipsize | integer | 8 | Size of the tip In pixels. Use 0 to remove tip completely. |
| tooltips.common.delay | float | 0.5 | Delay before displaying the tooltip In seconds |
Background
Inherit from common.theme.background
| Attribute | Type | Default | Description |
|---|---|---|---|
| tooltips.common.background.color | color | Background color | |
| tooltips.common.background.alpha | percent | 0 | Background opacity |
Border
Inherit from common.theme.border
| Attribute | Type | Default | Description |
|---|---|---|---|
| tooltips.common.border.color | color | Border color | |
| tooltips.common.border.size | integer | 0 | Border thickness In pixels |
| tooltips.common.border.alpha | percent | 0 | Border opacity |
| tooltips.common.border.radius | integer | 0 | Corner radius In pixels |
Shadow
Inherit from common.theme.shadow
| Attribute | Type | Default | Description |
|---|---|---|---|
| tooltips.common.shadow.color | color | Shadow color | |
| tooltips.common.shadow.size | integer | 0 | Shadow size In pixels |
| tooltips.common.shadow.angle | integer | 0 | Shadow angle In degrees starting from the right and going clockwise |
| tooltips.common.shadow.alpha | percent | 0 | Shadow opacity |
Label
Formats the tooltip label.
Inherit from common.text
| Attribute | Type | Default | Description |
|---|---|---|---|
| tooltips.common.text.font | select | Text font | |
| tooltips.common.text.size | integer | 11 | Text size |
| tooltips.common.text.color | color | Text color | |
| tooltips.common.text.alpha | percent | 0 | Text opacity |
| tooltips.common.text.bold | boolean | false | Use bold text |
| tooltips.common.text.italic | boolean | false | Use italic text |
Transition
Use these styles to configure the tooltip transitions.
| Attribute | Type | Default | Description |
|---|---|---|---|
| tooltips.common.transition.show.duration | float | 0.5 | Duration of the transition In seconds. Use 0 to remove transition completely. |
| Attribute | Type | Default | Description |
|---|---|---|---|
| tooltips.common.transition.move.duration | float | 0 | Duration of the transition In seconds. Use 0 to remove transition completely |
Actions
Action tooltips are shown when the user place the cursor over a <button>.
Common
Inherit from tooltips.common
| Attribute | Type | Default | Description |
|---|---|---|---|
| tooltips.action.verticalmargin | integer | 0 | Vertical padding In pixels |
| tooltips.action.horizontalmargin | integer | 0 | Horizontal padding In pixels |
| tooltips.action.maxwidth | integer | 0 | Maximum width In pixels |
| tooltips.action.tipsize | integer | 0 | Size of the tip In pixels. Use 0 to remove tip completely. |
Background
Inherit from tooltips.common.background
| Attribute | Type | Default | Description |
|---|---|---|---|
| tooltips.action.background.color | color | Background color | |
| tooltips.action.background.alpha | percent | 0 | Background opacity |
Border
Inherit from tooltips.common.border
| Attribute | Type | Default | Description |
|---|---|---|---|
| tooltips.action.border.color | color | Border color | |
| tooltips.action.border.size | integer | 0 | Border thickness In pixels |
| tooltips.action.border.alpha | percent | 0 | Border opacity |
| tooltips.action.border.radius | integer | 0 | Corner radius In pixels |
Shadow
Inherit from tooltips.common.shadow
| Attribute | Type | Default | Description |
|---|---|---|---|
| tooltips.action.shadow.color | color | Shadow color | |
| tooltips.action.shadow.size | integer | 0 | Shadow size In pixels |
| tooltips.action.shadow.angle | integer | 0 | Shadow angle In degrees starting from the right and going clockwise |
| tooltips.action.shadow.alpha | percent | 0 | Shadow opacity |
Label
Formats the label.
Inherit from tooltips.common.text
| Attribute | Type | Default | Description |
|---|---|---|---|
| tooltips.action.text.font | select | Text font | |
| tooltips.action.text.size | integer | 0 | Text size |
| tooltips.action.text.color | color | Text color | |
| tooltips.action.text.alpha | percent | 0.75 | Text opacity |
| tooltips.action.text.bold | boolean | false | Use bold text |
| tooltips.action.text.italic | boolean | false | Use italic text |
Page
Page preview tooltips are shown when the user places the cursor over an internal link or a <button> that triggers an page action (see Button actions ).
Common
Inherit from tooltips.common
| Attribute | Type | Default | Description |
|---|---|---|---|
| tooltips.page.verticalmargin | integer | 0 | Vertical padding In pixels |
| tooltips.page.horizontalmargin | integer | 0 | Horizontal padding In pixels |
| tooltips.page.maxwidth | integer | 0 | Maximum width In pixels |
| tooltips.page.tipsize | integer | 0 | Size of the tip In pixels. Use 0 to remove tip completely. |
Background
Inherit from tooltips.common.background
| Attribute | Type | Default | Description |
|---|---|---|---|
| tooltips.page.background.color | color | Background color | |
| tooltips.page.background.alpha | percent | 0 | Background opacity |
Border
Inherit from tooltips.common.border
| Attribute | Type | Default | Description |
|---|---|---|---|
| tooltips.page.border.color | color | Border color | |
| tooltips.page.border.size | integer | 0 | Border thickness In pixels |
| tooltips.page.border.alpha | percent | 0 | Border opacity |
| tooltips.page.border.radius | integer | 0 | Corner radius In pixels |
Shadow
Inherit from tooltips.common.shadow
| Attribute | Type | Default | Description |
|---|---|---|---|
| tooltips.page.shadow.color | color | Shadow color | |
| tooltips.page.shadow.size | integer | 0 | Shadow size In pixels |
| tooltips.page.shadow.angle | integer | 0 | Shadow angle In degrees starting from the right and going clockwise |
| tooltips.page.shadow.alpha | percent | 0 | Shadow opacity |
Thumbnail
Formats the page preview thumbnails.
| Attribute | Type | Default | Description |
|---|---|---|---|
| tooltips.page.thumbnail.size | integer | 75 | Thumbnail width In pixels. The height of the thumbnail will be calculated according to the publication aspect ratio. |
Inherit from thumbs.border
| Attribute | Type | Default | Description |
|---|---|---|---|
| tooltips.page.thumbnail.border.color | color | Border color | |
| tooltips.page.thumbnail.border.size | integer | 0 | Border thickness In pixels |
| tooltips.page.thumbnail.border.alpha | percent | 0 | Border opacity |
| tooltips.page.thumbnail.border.radius | integer | 0 | Corner radius In pixels |
Inherit from thumbs.background
| Attribute | Type | Default | Description |
|---|---|---|---|
| tooltips.page.thumbnail.background.color | color | Background color | |
| tooltips.page.thumbnail.background.alpha | percent | 0.1 | Background opacity |
Inherit from thumbs.text
| Attribute | Type | Default | Description |
|---|---|---|---|
| tooltips.page.thumbnail.text.font | select | Text font | |
| tooltips.page.thumbnail.text.size | integer | 0 | Text size |
| tooltips.page.thumbnail.text.color | color | Text color | |
| tooltips.page.thumbnail.text.alpha | percent | 0 | Text opacity |
| tooltips.page.thumbnail.text.bold | boolean | false | Use bold text |
| tooltips.page.thumbnail.text.italic | boolean | false | Use italic text |
Links
Links tooltips are shown when the user places the cursor over an external link or a <button> that triggers a URL action (see Button actions).
Common
Inherit from tooltips.common
| Attribute | Type | Default | Description |
|---|---|---|---|
| tooltips.link.verticalmargin | integer | 0 | Vertical margin In pixels |
| tooltips.link.horizontalmargin | integer | 0 | Horizontal margin In pixels |
| tooltips.link.maxwidth | integer | 0 | Maximum width In pixels |
| tooltips.link.tipsize | integer | 0 | Size of the tip In pixels. Use 0 to remove tip completely. |
Background
Inherit from tooltips.common.background
| Attribute | Type | Default | Description |
|---|---|---|---|
| tooltips.link.background.color | color | Background color | |
| tooltips.link.background.alpha | percent | 0 | Background opacity |
Border
Inherit from tooltips.common.border
| Attribute | Type | Default | Description |
|---|---|---|---|
| tooltips.link.border.color | color | Border color | |
| tooltips.link.border.size | integer | 0 | Border thickness In pixels |
| tooltips.link.border.alpha | percent | 0 | Border opacity |
| tooltips.link.border.radius | integer | 0 | Corner radius In pixels |
Shadow
Inherit from tooltips.common.shadow
| Attribute | Type | Default | Description |
|---|---|---|---|
| tooltips.link.shadow.color | color | Shadow color | |
| tooltips.link.shadow.size | integer | 0 | Shadow size In pixels |
| tooltips.link.shadow.angle | integer | 0 | Shadow angle In degrees starting from the right and going clockwise |
| tooltips.link.shadow.alpha | percent | 0 | Shadow opacity |
Label
Formats the external link label.
Inherit from tooltips.common.text
| Attribute | Type | Default | Description |
|---|---|---|---|
| tooltips.link.text.font | select | Text font | |
| tooltips.link.text.size | integer | 12 | Text size |
| tooltips.link.text.color | color | Text color | |
| tooltips.link.text.alpha | percent | 0 | Text opacity |
| tooltips.link.text.bold | boolean | true | Use bold text |
| tooltips.link.text.italic | boolean | false | Use italic text |
URL
Formats the external link URL.
Inherit from tooltips.common.text
| Attribute | Type | Default | Description |
|---|---|---|---|
| tooltips.link.url.font | select | Text font | |
| tooltips.link.url.size | integer | 0 | Text size |
| tooltips.link.url.color | color | Text color | |
| tooltips.link.url.alpha | percent | 0.75 | Text opacity |
| tooltips.link.url.bold | boolean | false | Use bold text |
| tooltips.link.url.italic | boolean | false | Use italic text |