Popups
These styles define the look and feel of popups, including table of contents, related publications and search.
Common
| Attribute | Type | Default | Description |
|---|---|---|---|
| popups.verticalmargin | integer | 8 | Vertical padding In pixels |
| popups.horizontalmargin | integer | 8 | Horizontal padding In pixels |
| popups.spacer | integer | 0 | Space between items In pixels |
| popups.tipsize | integer | 8 | Tip size In pixels. Use 0 to remove tip completely. |
Lightmode
| Attribute | Type | Default | Description |
|---|---|---|---|
| popups.lightmode.threshold.width | integer | 300 | Light mode width threshold In pixels |
| popups.lightmode.threshold.height | integer | 300 | Light mode height threshold In pixels |
Content text format
Formats the popup text content.
Inherit from common.text
| Attribute | Type | Default | Description |
|---|---|---|---|
| popups.text.font | select | Text font | |
| popups.text.size | integer | 0 | Text size |
| popups.text.color | color | Text color | |
| popups.text.alpha | percent | 0 | Text opacity |
| popups.text.bold | boolean | false | Use bold text |
| popups.text.italic | boolean | false | Use italic text |
Popup title format
Formats the popup title.
Inherit from popups.text
| Attribute | Type | Default | Description |
|---|---|---|---|
| popups.title.font | select | Text font | |
| popups.title.size | integer | 14 | Text size |
| popups.title.color | color | Text color | |
| popups.title.alpha | percent | 0 | Text opacity |
| popups.title.bold | boolean | true | Use bold text |
| popups.title.italic | boolean | false | Use italic text |
Items
| Attribute | Type | Default | Description |
|---|---|---|---|
| popups.items.verticalmargin | integer | 8 | Vertical padding In pixels |
| popups.items.horizontalmargin | integer | 8 | Horizontal padding In pixels |
Transitions
Showing
| Attribute | Type | Default | Description |
|---|---|---|---|
| popups.transition.show.duration | float | 0.5 | Transition duration In seconds. Use 0 for no transition. |
Resizing
| Attribute | Type | Default | Description |
|---|---|---|---|
| popups.transition.resize.duration | float | 0.5 | Transition duration In seconds. Use 0 for no transition. |
Highlighting
Displayed to highlight the popup content element below the cursor. You can specify a resource from a loaded library. If no resource is specified, a rectangle of the element's size will be displayed.
Inherit from popups.text
| Attribute | Type | Default | Description |
|---|---|---|---|
| popups.selected.color | color | Rectangle color | |
| popups.selected.alpha | percent | 0.15 | Rectangle opacity |
| popups.selected.radius | integer | 0 | Corner radius In pixels |
Border
Inherit from common.theme.border
| Attribute | Type | Default | Description |
|---|---|---|---|
| popups.border.color | color | Border color | |
| popups.border.size | integer | 0 | Border thickness In pixels |
| popups.border.alpha | percent | 0 | Border opacity |
| popups.border.radius | integer | 0 | Corner radius In pixels |
Background
Inherit from common.theme.background
| Attribute | Type | Default | Description |
|---|---|---|---|
| popups.background.color | color | Background color | |
| popups.background.alpha | percent | 0 | Background opacity |
Shadow
Inherit from common.theme.shadow
| Attribute | Type | Default | Description |
|---|---|---|---|
| popups.shadow.color | color | Shadow color | |
| popups.shadow.size | integer | 0 | Shadow size In pixels |
| popups.shadow.angle | integer | 0 | Shadow angle In degrees starting from the right and going clockwise |
| popups.shadow.alpha | percent | 0 | Shadow opacity |
No result snippet
Common
Coming soon
Label
Formats the text displayed by the "No result" snippet.
Inherit from popups.text
| Attribute | Type | Default | Description |
|---|---|---|---|
| popups.noresult.label.font | select | Text font | |
| popups.noresult.label.size | integer | 0 | Text size |
| popups.noresult.label.color | color | No result color | |
| popups.noresult.label.alpha | percent | 0 | Text opacity |
| popups.noresult.label.bold | boolean | false | Use bold text |
| popups.noresult.label.italic | boolean | false | Use italic text |
"Loading" snippet
Common
Coming soon
Label
Inherit from popups.text
| Attribute | Type | Default | Description |
|---|---|---|---|
| popups.loading.label.font | select | Text font | |
| popups.loading.label.size | integer | 0 | Text size |
| popups.loading.label.color | color | Text color | |
| popups.loading.label.alpha | percent | 0 | Text opacity |
| popups.loading.label.bold | boolean | false | Use bold text |
| popups.loading.label.italic | boolean | false | Use italic text |
"Load more" snippet
Common
Coming soon
Label
Inherit from popups.text
| Attribute | Type | Default | Description |
|---|---|---|---|
| popups.more.label.font | select | Text font | |
| popups.more.label.size | integer | 0 | Text size |
| popups.more.label.color | color | Load more label color | |
| popups.more.label.alpha | percent | 0 | Text opacity |
| popups.more.label.bold | boolean | false | Use bold text |
| popups.more.label.italic | boolean | false | Use italic text |
Close button
The popup close button is displayed when the popup is displayed in "light" mode.
Coming soon
Separator
Inherit from popups.text
Line that separates content elements in a popup.
| Attribute | Type | Default | Description |
|---|---|---|---|
| popups.separator.color | color | Line color | |
| popups.separator.size | integer | 1 | Line thickness In pixels |
| popups.separator.alpha | percent | 0.1 | Line opacity |