Initial commit
|
@ -0,0 +1,5 @@
|
||||||
|
# v0.1.0
|
||||||
|
## 06/26/2023
|
||||||
|
|
||||||
|
1. [](#new)
|
||||||
|
* ChangeLog started...
|
|
@ -0,0 +1,21 @@
|
||||||
|
The MIT License (MIT)
|
||||||
|
|
||||||
|
Copyright (c) 2023 4Creative.net
|
||||||
|
|
||||||
|
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||||
|
of this software and associated documentation files (the "Software"), to deal
|
||||||
|
in the Software without restriction, including without limitation the rights
|
||||||
|
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||||
|
copies of the Software, and to permit persons to whom the Software is
|
||||||
|
furnished to do so, subject to the following conditions:
|
||||||
|
|
||||||
|
The above copyright notice and this permission notice shall be included in all
|
||||||
|
copies or substantial portions of the Software.
|
||||||
|
|
||||||
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||||
|
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||||
|
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||||
|
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||||
|
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||||
|
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||||
|
SOFTWARE.
|
|
@ -0,0 +1,7 @@
|
||||||
|
# Four Creative Theme
|
||||||
|
|
||||||
|
The **Four Creative** Theme is for [Grav CMS](http://github.com/getgrav/grav). This README.md file should be modified to describe the features, installation, configuration, and general usage of this theme.
|
||||||
|
|
||||||
|
## Description
|
||||||
|
|
||||||
|
4Creative theme for Grav
|
|
@ -0,0 +1,27 @@
|
||||||
|
name: Four Creative
|
||||||
|
slug: four-creative
|
||||||
|
type: theme
|
||||||
|
version: 0.1.0
|
||||||
|
description: 4Creative theme for Grav
|
||||||
|
icon: group
|
||||||
|
author:
|
||||||
|
name: 4Creative
|
||||||
|
email: info@4creative.net
|
||||||
|
license: MIT
|
||||||
|
|
||||||
|
dependencies:
|
||||||
|
- { name: grav, version: '>=1.7.0' }
|
||||||
|
|
||||||
|
form:
|
||||||
|
validation: loose
|
||||||
|
fields:
|
||||||
|
dropdown.enabled:
|
||||||
|
type: toggle
|
||||||
|
label: Dropdown in Menu
|
||||||
|
highlight: 1
|
||||||
|
default: 1
|
||||||
|
options:
|
||||||
|
1: PLUGIN_ADMIN.ENABLED
|
||||||
|
0: PLUGIN_ADMIN.DISABLED
|
||||||
|
validate:
|
||||||
|
type: bool
|
|
@ -0,0 +1,743 @@
|
||||||
|
#imContent { display: -ms-grid; display: grid; -ms-grid-columns: minmax(0, 1fr) 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px minmax(0, 1fr); grid-template-columns: minmax(0, 1fr) 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px 7.917px minmax(0, 1fr); -ms-grid-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto; grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto; }
|
||||||
|
#imGoToCont { display: block; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1 / 2; }
|
||||||
|
#imCell_3 { display: -ms-grid; display: grid; -ms-grid-column: 1; -ms-grid-column-span: 146; grid-column: 1 / 147; -ms-grid-row: 1; -ms-grid-row-span: 7; grid-row: 1 / 8; }
|
||||||
|
#imCell_124 { display: -ms-grid; display: grid; -ms-grid-column: 1; -ms-grid-column-span: 146; grid-column: 1 / 147; -ms-grid-row: 8; -ms-grid-row-span: 4; grid-row: 8 / 12; }
|
||||||
|
#imCell_21 { display: -ms-grid; display: grid; -ms-grid-column: 1; -ms-grid-column-span: 146; grid-column: 1 / 147; -ms-grid-row: 12; -ms-grid-row-span: 1; grid-row: 12 / 13; }
|
||||||
|
#imCell_125 { display: -ms-grid; display: grid; -ms-grid-column: 26; -ms-grid-column-span: 24; grid-column: 26 / 50; -ms-grid-row: 13; -ms-grid-row-span: 1; grid-row: 13 / 14; }
|
||||||
|
#imCell_114 { display: -ms-grid; display: grid; -ms-grid-column: 26; -ms-grid-column-span: 24; grid-column: 26 / 50; -ms-grid-row: 14; -ms-grid-row-span: 1; grid-row: 14 / 15; }
|
||||||
|
#imCell_122 { display: -ms-grid; display: grid; -ms-grid-column: 50; -ms-grid-column-span: 24; grid-column: 50 / 74; -ms-grid-row: 13; -ms-grid-row-span: 1; grid-row: 13 / 14; }
|
||||||
|
#imCell_118 { display: -ms-grid; display: grid; -ms-grid-column: 50; -ms-grid-column-span: 24; grid-column: 50 / 74; -ms-grid-row: 14; -ms-grid-row-span: 1; grid-row: 14 / 15; }
|
||||||
|
#imCell_119 { display: -ms-grid; display: grid; -ms-grid-column: 74; -ms-grid-column-span: 24; grid-column: 74 / 98; -ms-grid-row: 13; -ms-grid-row-span: 1; grid-row: 13 / 14; }
|
||||||
|
#imCell_112 { display: -ms-grid; display: grid; -ms-grid-column: 74; -ms-grid-column-span: 24; grid-column: 74 / 98; -ms-grid-row: 14; -ms-grid-row-span: 1; grid-row: 14 / 15; }
|
||||||
|
#imCell_126 { display: -ms-grid; display: grid; -ms-grid-column: 98; -ms-grid-column-span: 24; grid-column: 98 / 122; -ms-grid-row: 13; -ms-grid-row-span: 1; grid-row: 13 / 14; }
|
||||||
|
#imCell_115 { display: -ms-grid; display: grid; -ms-grid-column: 98; -ms-grid-column-span: 24; grid-column: 98 / 122; -ms-grid-row: 14; -ms-grid-row-span: 1; grid-row: 14 / 15; }
|
||||||
|
#imCell_123 { display: -ms-grid; display: grid; -ms-grid-column: 1; -ms-grid-column-span: 146; grid-column: 1 / 147; -ms-grid-row: 15; -ms-grid-row-span: 1; grid-row: 15 / 16; }
|
||||||
|
#imPageRow_1 { display: block; -ms-grid-column: 1; -ms-grid-column-span: 146; grid-column: 1 / 147; -ms-grid-row: 1; -ms-grid-row-span: 7; grid-row: 1 / 8; }
|
||||||
|
#imPageRow_2 { display: block; -ms-grid-column: 1; -ms-grid-column-span: 146; grid-column: 1 / 147; -ms-grid-row: 8; -ms-grid-row-span: 4; grid-row: 8 / 12; }
|
||||||
|
#imPageRow_3 { display: block; -ms-grid-column: 1; -ms-grid-column-span: 146; grid-column: 1 / 147; -ms-grid-row: 12; -ms-grid-row-span: 1; grid-row: 12 / 13; }
|
||||||
|
#imPageRow_4 { display: block; -ms-grid-column: 2; -ms-grid-column-span: 144; grid-column: 2 / 146; -ms-grid-row: 13; -ms-grid-row-span: 2; grid-row: 13 / 15; }
|
||||||
|
#imPageRow_5 { display: block; -ms-grid-column: 1; -ms-grid-column-span: 146; grid-column: 1 / 147; -ms-grid-row: 15; -ms-grid-row-span: 1; grid-row: 15 / 16; }
|
||||||
|
#imPageRow_6 { display: none; }
|
||||||
|
@media (max-width: 1149.9px) and (min-width: 720.0px) {
|
||||||
|
#imContent { display: -ms-grid; display: grid; -ms-grid-columns: minmax(0, 1fr) 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px minmax(0, 1fr); grid-template-columns: minmax(0, 1fr) 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px minmax(0, 1fr); -ms-grid-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto; grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto; }
|
||||||
|
#imGoToCont { display: block; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1 / 2; }
|
||||||
|
#imCell_3 { display: -ms-grid; display: grid; -ms-grid-column: 1; -ms-grid-column-span: 146; grid-column: 1 / 147; -ms-grid-row: 1; -ms-grid-row-span: 7; grid-row: 1 / 8; }
|
||||||
|
#imCell_124 { display: -ms-grid; display: grid; -ms-grid-column: 1; -ms-grid-column-span: 146; grid-column: 1 / 147; -ms-grid-row: 8; -ms-grid-row-span: 4; grid-row: 8 / 12; }
|
||||||
|
#imCell_21 { display: -ms-grid; display: grid; -ms-grid-column: 1; -ms-grid-column-span: 146; grid-column: 1 / 147; -ms-grid-row: 12; -ms-grid-row-span: 1; grid-row: 12 / 13; }
|
||||||
|
#imCell_125 { display: -ms-grid; display: grid; -ms-grid-column: 26; -ms-grid-column-span: 24; grid-column: 26 / 50; -ms-grid-row: 13; -ms-grid-row-span: 1; grid-row: 13 / 14; }
|
||||||
|
#imCell_114 { display: -ms-grid; display: grid; -ms-grid-column: 26; -ms-grid-column-span: 24; grid-column: 26 / 50; -ms-grid-row: 14; -ms-grid-row-span: 1; grid-row: 14 / 15; }
|
||||||
|
#imCell_122 { display: -ms-grid; display: grid; -ms-grid-column: 50; -ms-grid-column-span: 24; grid-column: 50 / 74; -ms-grid-row: 13; -ms-grid-row-span: 1; grid-row: 13 / 14; }
|
||||||
|
#imCell_118 { display: -ms-grid; display: grid; -ms-grid-column: 50; -ms-grid-column-span: 24; grid-column: 50 / 74; -ms-grid-row: 14; -ms-grid-row-span: 1; grid-row: 14 / 15; }
|
||||||
|
#imCell_119 { display: -ms-grid; display: grid; -ms-grid-column: 74; -ms-grid-column-span: 24; grid-column: 74 / 98; -ms-grid-row: 13; -ms-grid-row-span: 1; grid-row: 13 / 14; }
|
||||||
|
#imCell_112 { display: -ms-grid; display: grid; -ms-grid-column: 74; -ms-grid-column-span: 24; grid-column: 74 / 98; -ms-grid-row: 14; -ms-grid-row-span: 1; grid-row: 14 / 15; }
|
||||||
|
#imCell_126 { display: -ms-grid; display: grid; -ms-grid-column: 98; -ms-grid-column-span: 24; grid-column: 98 / 122; -ms-grid-row: 13; -ms-grid-row-span: 1; grid-row: 13 / 14; }
|
||||||
|
#imCell_115 { display: -ms-grid; display: grid; -ms-grid-column: 98; -ms-grid-column-span: 24; grid-column: 98 / 122; -ms-grid-row: 14; -ms-grid-row-span: 1; grid-row: 14 / 15; }
|
||||||
|
#imCell_123 { display: -ms-grid; display: grid; -ms-grid-column: 1; -ms-grid-column-span: 146; grid-column: 1 / 147; -ms-grid-row: 15; -ms-grid-row-span: 1; grid-row: 15 / 16; }
|
||||||
|
#imPageRow_1 { display: block; -ms-grid-column: 1; -ms-grid-column-span: 146; grid-column: 1 / 147; -ms-grid-row: 1; -ms-grid-row-span: 7; grid-row: 1 / 8; }
|
||||||
|
#imPageRow_2 { display: block; -ms-grid-column: 1; -ms-grid-column-span: 146; grid-column: 1 / 147; -ms-grid-row: 8; -ms-grid-row-span: 4; grid-row: 8 / 12; }
|
||||||
|
#imPageRow_3 { display: block; -ms-grid-column: 1; -ms-grid-column-span: 146; grid-column: 1 / 147; -ms-grid-row: 12; -ms-grid-row-span: 1; grid-row: 12 / 13; }
|
||||||
|
#imPageRow_4 { display: block; -ms-grid-column: 2; -ms-grid-column-span: 144; grid-column: 2 / 146; -ms-grid-row: 13; -ms-grid-row-span: 2; grid-row: 13 / 15; }
|
||||||
|
#imPageRow_5 { display: block; -ms-grid-column: 1; -ms-grid-column-span: 146; grid-column: 1 / 147; -ms-grid-row: 15; -ms-grid-row-span: 1; grid-row: 15 / 16; }
|
||||||
|
#imPageRow_6 { display: none; }
|
||||||
|
}
|
||||||
|
@media (max-width: 719.9px) and (min-width: 480.0px) {
|
||||||
|
#imContent { display: -ms-grid; display: grid; -ms-grid-columns: minmax(0, 1fr) 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px minmax(0, 1fr); grid-template-columns: minmax(0, 1fr) 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px minmax(0, 1fr); -ms-grid-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto; grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto; }
|
||||||
|
#imGoToCont { display: block; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1 / 2; }
|
||||||
|
#imCell_3 { display: -ms-grid; display: grid; -ms-grid-column: 1; -ms-grid-column-span: 146; grid-column: 1 / 147; -ms-grid-row: 1; -ms-grid-row-span: 7; grid-row: 1 / 8; }
|
||||||
|
#imCell_124 { display: -ms-grid; display: grid; -ms-grid-column: 1; -ms-grid-column-span: 146; grid-column: 1 / 147; -ms-grid-row: 8; -ms-grid-row-span: 4; grid-row: 8 / 12; }
|
||||||
|
#imCell_21 { display: -ms-grid; display: grid; -ms-grid-column: 1; -ms-grid-column-span: 146; grid-column: 1 / 147; -ms-grid-row: 12; -ms-grid-row-span: 1; grid-row: 12 / 13; }
|
||||||
|
#imCell_125 { display: -ms-grid; display: grid; -ms-grid-column: 26; -ms-grid-column-span: 24; grid-column: 26 / 50; -ms-grid-row: 13; -ms-grid-row-span: 1; grid-row: 13 / 14; }
|
||||||
|
#imCell_114 { display: -ms-grid; display: grid; -ms-grid-column: 26; -ms-grid-column-span: 24; grid-column: 26 / 50; -ms-grid-row: 14; -ms-grid-row-span: 1; grid-row: 14 / 15; }
|
||||||
|
#imCell_122 { display: -ms-grid; display: grid; -ms-grid-column: 50; -ms-grid-column-span: 24; grid-column: 50 / 74; -ms-grid-row: 13; -ms-grid-row-span: 1; grid-row: 13 / 14; }
|
||||||
|
#imCell_118 { display: -ms-grid; display: grid; -ms-grid-column: 50; -ms-grid-column-span: 24; grid-column: 50 / 74; -ms-grid-row: 14; -ms-grid-row-span: 1; grid-row: 14 / 15; }
|
||||||
|
#imCell_119 { display: -ms-grid; display: grid; -ms-grid-column: 74; -ms-grid-column-span: 24; grid-column: 74 / 98; -ms-grid-row: 13; -ms-grid-row-span: 1; grid-row: 13 / 14; }
|
||||||
|
#imCell_112 { display: -ms-grid; display: grid; -ms-grid-column: 74; -ms-grid-column-span: 24; grid-column: 74 / 98; -ms-grid-row: 14; -ms-grid-row-span: 1; grid-row: 14 / 15; }
|
||||||
|
#imCell_126 { display: -ms-grid; display: grid; -ms-grid-column: 98; -ms-grid-column-span: 24; grid-column: 98 / 122; -ms-grid-row: 13; -ms-grid-row-span: 1; grid-row: 13 / 14; }
|
||||||
|
#imCell_115 { display: -ms-grid; display: grid; -ms-grid-column: 98; -ms-grid-column-span: 24; grid-column: 98 / 122; -ms-grid-row: 14; -ms-grid-row-span: 1; grid-row: 14 / 15; }
|
||||||
|
#imCell_123 { display: -ms-grid; display: grid; -ms-grid-column: 1; -ms-grid-column-span: 146; grid-column: 1 / 147; -ms-grid-row: 15; -ms-grid-row-span: 1; grid-row: 15 / 16; }
|
||||||
|
#imPageRow_1 { display: block; -ms-grid-column: 1; -ms-grid-column-span: 146; grid-column: 1 / 147; -ms-grid-row: 1; -ms-grid-row-span: 7; grid-row: 1 / 8; }
|
||||||
|
#imPageRow_2 { display: block; -ms-grid-column: 1; -ms-grid-column-span: 146; grid-column: 1 / 147; -ms-grid-row: 8; -ms-grid-row-span: 4; grid-row: 8 / 12; }
|
||||||
|
#imPageRow_3 { display: block; -ms-grid-column: 1; -ms-grid-column-span: 146; grid-column: 1 / 147; -ms-grid-row: 12; -ms-grid-row-span: 1; grid-row: 12 / 13; }
|
||||||
|
#imPageRow_4 { display: block; -ms-grid-column: 2; -ms-grid-column-span: 144; grid-column: 2 / 146; -ms-grid-row: 13; -ms-grid-row-span: 2; grid-row: 13 / 15; }
|
||||||
|
#imPageRow_5 { display: block; -ms-grid-column: 1; -ms-grid-column-span: 146; grid-column: 1 / 147; -ms-grid-row: 15; -ms-grid-row-span: 1; grid-row: 15 / 16; }
|
||||||
|
#imPageRow_6 { display: none; }
|
||||||
|
}
|
||||||
|
@media (max-width: 479.9px) {
|
||||||
|
#imContent { display: -ms-grid; display: grid; -ms-grid-columns: 0 minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) 0; grid-template-columns: 0 minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) 0; -ms-grid-rows: auto auto auto auto auto auto auto auto auto auto auto auto; grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto; }
|
||||||
|
#imGoToCont { display: block; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1 / 2; }
|
||||||
|
#imCell_3 { display: -ms-grid; display: grid; -ms-grid-column: 1; -ms-grid-column-span: 146; grid-column: 1 / 147; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1 / 2; }
|
||||||
|
#imCell_124 { display: -ms-grid; display: grid; -ms-grid-column: 1; -ms-grid-column-span: 146; grid-column: 1 / 147; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2 / 3; }
|
||||||
|
#imCell_21 { display: -ms-grid; display: grid; -ms-grid-column: 1; -ms-grid-column-span: 146; grid-column: 1 / 147; -ms-grid-row: 3; -ms-grid-row-span: 1; grid-row: 3 / 4; }
|
||||||
|
#imCell_125 { display: -ms-grid; display: grid; -ms-grid-column: 2; -ms-grid-column-span: 144; grid-column: 2 / 146; -ms-grid-row: 4; -ms-grid-row-span: 1; grid-row: 4 / 5; }
|
||||||
|
#imCell_114 { display: -ms-grid; display: grid; -ms-grid-column: 2; -ms-grid-column-span: 144; grid-column: 2 / 146; -ms-grid-row: 5; -ms-grid-row-span: 1; grid-row: 5 / 6; }
|
||||||
|
#imCell_122 { display: -ms-grid; display: grid; -ms-grid-column: 2; -ms-grid-column-span: 144; grid-column: 2 / 146; -ms-grid-row: 6; -ms-grid-row-span: 1; grid-row: 6 / 7; }
|
||||||
|
#imCell_118 { display: -ms-grid; display: grid; -ms-grid-column: 2; -ms-grid-column-span: 144; grid-column: 2 / 146; -ms-grid-row: 7; -ms-grid-row-span: 1; grid-row: 7 / 8; }
|
||||||
|
#imCell_119 { display: -ms-grid; display: grid; -ms-grid-column: 2; -ms-grid-column-span: 144; grid-column: 2 / 146; -ms-grid-row: 8; -ms-grid-row-span: 1; grid-row: 8 / 9; }
|
||||||
|
#imCell_112 { display: -ms-grid; display: grid; -ms-grid-column: 2; -ms-grid-column-span: 144; grid-column: 2 / 146; -ms-grid-row: 9; -ms-grid-row-span: 1; grid-row: 9 / 10; }
|
||||||
|
#imCell_126 { display: -ms-grid; display: grid; -ms-grid-column: 2; -ms-grid-column-span: 144; grid-column: 2 / 146; -ms-grid-row: 10; -ms-grid-row-span: 1; grid-row: 10 / 11; }
|
||||||
|
#imCell_115 { display: -ms-grid; display: grid; -ms-grid-column: 2; -ms-grid-column-span: 144; grid-column: 2 / 146; -ms-grid-row: 11; -ms-grid-row-span: 1; grid-row: 11 / 12; }
|
||||||
|
#imCell_123 { display: -ms-grid; display: grid; -ms-grid-column: 1; -ms-grid-column-span: 146; grid-column: 1 / 147; -ms-grid-row: 12; -ms-grid-row-span: 1; grid-row: 12 / 13; }
|
||||||
|
#imPageRow_1 { display: block; -ms-grid-column: 1; -ms-grid-column-span: 146; grid-column: 1 / 147; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1 / 2; }
|
||||||
|
#imPageRow_2 { display: block; -ms-grid-column: 1; -ms-grid-column-span: 146; grid-column: 1 / 147; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2 / 3; }
|
||||||
|
#imPageRow_3 { display: block; -ms-grid-column: 1; -ms-grid-column-span: 146; grid-column: 1 / 147; -ms-grid-row: 3; -ms-grid-row-span: 1; grid-row: 3 / 4; }
|
||||||
|
#imPageRow_4 { display: block; -ms-grid-column: 2; -ms-grid-column-span: 144; grid-column: 2 / 146; -ms-grid-row: 4; -ms-grid-row-span: 8; grid-row: 4 / 12; }
|
||||||
|
#imPageRow_5 { display: block; -ms-grid-column: 1; -ms-grid-column-span: 146; grid-column: 1 / 147; -ms-grid-row: 12; -ms-grid-row-span: 1; grid-row: 12 / 13; }
|
||||||
|
#imPageRow_6 { display: none; }
|
||||||
|
}
|
||||||
|
#imPageRowGraphics_1 { position: absolute; top: -70%; bottom: -70%; left: 0; right: 0; visibility: hidden; opacity: 0.2; }
|
||||||
|
#imPageRowGraphics_1 { background: transparent url('../images/4Earth.png') no-repeat center top; background-size: cover; }
|
||||||
|
#imCell_3 { -ms-grid-columns: 100%; grid-template-columns: 100%; position: relative; box-sizing: border-box; }
|
||||||
|
#imTextObject_03 { position: relative; -ms-grid-row-align: start; align-self: start; -ms-grid-column-align: center; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; }
|
||||||
|
#imCellStyleGraphics_3 { position: absolute; top: 0px; bottom: 0px; background: transparent none no-repeat right top;}
|
||||||
|
#imCellStyleBorders_3 { position: absolute; top: 0px; bottom: 0px; }
|
||||||
|
#imTextObject_03 { width: 100%; }
|
||||||
|
#imTextObject_03 { font-style: normal; font-weight: normal; line-height: 28px; }
|
||||||
|
#imTextObject_03_tab0 div { line-height: 28px; }
|
||||||
|
#imTextObject_03_tab0 .imHeading1 { line-height: 28px; }
|
||||||
|
#imTextObject_03_tab0 .imHeading2 { line-height: 28px; }
|
||||||
|
#imTextObject_03_tab0 .imHeading3 { line-height: 28px; }
|
||||||
|
#imTextObject_03_tab0 .imHeading4 { line-height: 28px; }
|
||||||
|
#imTextObject_03_tab0 .imHeading5 { line-height: 28px; }
|
||||||
|
#imTextObject_03_tab0 .imHeading6 { line-height: 28px; }
|
||||||
|
#imTextObject_03_tab0 ul { list-style: disc; margin: 0; padding: 0; overflow: hidden; }
|
||||||
|
#imTextObject_03_tab0 ul ul { list-style: square; padding: 0 0 0 20px; }
|
||||||
|
#imTextObject_03_tab0 ul ul ul { list-style: circle; }
|
||||||
|
#imTextObject_03_tab0 ul li { margin: 0 0 0 40px; padding: 0px; }
|
||||||
|
#imTextObject_03_tab0 ol { list-style: decimal; margin: 0; padding: 0; }
|
||||||
|
#imTextObject_03_tab0 ol ol { list-style: lower-alpha; padding: 0 0 0 20px; }
|
||||||
|
#imTextObject_03_tab0 ol li { margin: 0 0 0 40px; padding: 0px; }
|
||||||
|
#imTextObject_03_tab0 blockquote { margin: 0 0 0 15px; padding: 0; border: none; }
|
||||||
|
#imTextObject_03_tab0 table { border: none; padding: 0; border-collapse: collapse; }
|
||||||
|
#imTextObject_03_tab0 table td { border: 1px solid black; word-wrap: break-word; padding: 4px 3px 4px 3px; margin: 0; vertical-align: middle; }
|
||||||
|
#imTextObject_03_tab0 p { margin: 0; padding: 0; }
|
||||||
|
#imTextObject_03_tab0 .inline-block { display: inline-block; }
|
||||||
|
#imTextObject_03_tab0 sup { vertical-align: super; font-size: smaller; }
|
||||||
|
#imTextObject_03_tab0 sub { vertical-align: sub; font-size: smaller; }
|
||||||
|
#imTextObject_03_tab0 img { border: none; margin: 0; vertical-align: text-bottom;}
|
||||||
|
#imTextObject_03_tab0 .fleft { float: left; vertical-align: baseline;}
|
||||||
|
#imTextObject_03_tab0 .fright { float: right; vertical-align: baseline;}
|
||||||
|
#imTextObject_03_tab0 img.fleft { margin-right: 15px; }
|
||||||
|
#imTextObject_03_tab0 img.fright { margin-left: 15px; }
|
||||||
|
#imTextObject_03_tab0 .imTALeft { text-align: left; }
|
||||||
|
#imTextObject_03_tab0 .imTARight { text-align: right; }
|
||||||
|
#imTextObject_03_tab0 .imTACenter { text-align: center; }
|
||||||
|
#imTextObject_03_tab0 .imTAJustify { text-align: justify; }
|
||||||
|
#imTextObject_03_tab0 .imUl { text-decoration: underline; }
|
||||||
|
#imTextObject_03_tab0 .imStrike { text-decoration: line-through; }
|
||||||
|
#imTextObject_03_tab0 .imUlStrike { text-decoration: underline line-through; }
|
||||||
|
#imTextObject_03_tab0 .imVt { vertical-align: top; }
|
||||||
|
#imTextObject_03_tab0 .imVc { vertical-align: middle; }
|
||||||
|
#imTextObject_03_tab0 .imVb { vertical-align: bottom; }
|
||||||
|
#imTextObject_03_tab0 hr { border-width: 1px 0 0 0; border-style: solid; }
|
||||||
|
#imTextObject_03_tab0 .fs14lh1-5 { vertical-align: baseline; font-size: 14pt; line-height: 28px; }
|
||||||
|
#imTextObject_03_tab0 .cf1 { color: rgb(67, 67, 67); }
|
||||||
|
#imTextObject_03_tab0 .ff1 { font-family: 'Open Sans'; }
|
||||||
|
#imTextObject_03 .text-container {width: 100%;}#imTextObject_03 .text-container {margin: 0 auto; position: relative;overflow: hidden; display: -ms-grid; display: grid; -ms-grid-template-rows: 1fr; grid-template-rows: 1fr; -ms-grid-template-columns: 1fr; grid-template-columns: 1fr; background-color: rgba(255, 255, 255, 1); border-style: solid;border-color: rgba(169, 169, 169, 1); }
|
||||||
|
#imTextObject_03 .text-container .grid-prop.current-tab {z-index: 1; opacity: 1; }
|
||||||
|
#imTextObject_03 .text-container .grid-prop {-ms-grid-column: 1; -ms-grid-row: 1; grid-area: 1 / 1 / 2 / 2; opacity: 0; box-sizing: border-box; position: relative; }
|
||||||
|
#imTextObject_03 .text-container .text-tab-content.detach {position: absolute; top: 0; left: 0; width: 100%; display: none; }
|
||||||
|
#imCell_124 { -ms-grid-columns: 100%; grid-template-columns: 100%; position: relative; box-sizing: border-box; }
|
||||||
|
#imObjectGallery_124 { position: relative; -ms-grid-row-align: start; align-self: start; -ms-grid-column-align: center; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; }
|
||||||
|
#imCellStyleGraphics_124 { position: absolute; top: 10px; bottom: 10px; background-color: transparent; }
|
||||||
|
#imCellStyleBorders_124 { position: absolute; top: 10px; bottom: 10px; }
|
||||||
|
#imObjectGallery_124 { width: 100%; max-width: 100%; }
|
||||||
|
#imObjectGallery_124 { overflow: hidden; }
|
||||||
|
#imObjectGallery_124 > div { margin: 0 auto; }
|
||||||
|
#imObjectGallery_124 a:link, #imContent #imObjectGallery_124 a:hover, #imContent #imObjectGallery_124 a:visited, #imContent #imObjectGallery_124 a:active { border: none; background-color: transparent; text-decoration: none; }
|
||||||
|
#imCell_21 { -ms-grid-columns: 100%; grid-template-columns: 100%; position: relative; box-sizing: border-box; }
|
||||||
|
#imTextObject_21 { position: relative; -ms-grid-row-align: start; align-self: start; -ms-grid-column-align: center; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; }
|
||||||
|
#imCellStyleGraphics_21 { position: absolute; top: 0px; bottom: 10px; background: transparent none no-repeat center top;}
|
||||||
|
#imCellStyleBorders_21 { position: absolute; top: 0px; bottom: 10px; }
|
||||||
|
[id="services"] { position: absolute; top: 0px;}
|
||||||
|
#imTextObject_21 { width: 100%; }
|
||||||
|
#imTextObject_21 { font-style: normal; font-weight: normal; line-height: 28px; }
|
||||||
|
#imTextObject_21_tab0 div { line-height: 28px; }
|
||||||
|
#imTextObject_21_tab0 .imHeading1 { line-height: 28px; }
|
||||||
|
#imTextObject_21_tab0 .imHeading2 { line-height: 28px; }
|
||||||
|
#imTextObject_21_tab0 .imHeading3 { line-height: 28px; }
|
||||||
|
#imTextObject_21_tab0 .imHeading4 { line-height: 28px; }
|
||||||
|
#imTextObject_21_tab0 .imHeading5 { line-height: 28px; }
|
||||||
|
#imTextObject_21_tab0 .imHeading6 { line-height: 28px; }
|
||||||
|
#imTextObject_21_tab0 ul { list-style: disc; margin: 0; padding: 0; overflow: hidden; }
|
||||||
|
#imTextObject_21_tab0 ul ul { list-style: square; padding: 0 0 0 20px; }
|
||||||
|
#imTextObject_21_tab0 ul ul ul { list-style: circle; }
|
||||||
|
#imTextObject_21_tab0 ul li { margin: 0 0 0 40px; padding: 0px; }
|
||||||
|
#imTextObject_21_tab0 ol { list-style: decimal; margin: 0; padding: 0; }
|
||||||
|
#imTextObject_21_tab0 ol ol { list-style: lower-alpha; padding: 0 0 0 20px; }
|
||||||
|
#imTextObject_21_tab0 ol li { margin: 0 0 0 40px; padding: 0px; }
|
||||||
|
#imTextObject_21_tab0 blockquote { margin: 0 0 0 15px; padding: 0; border: none; }
|
||||||
|
#imTextObject_21_tab0 table { border: none; padding: 0; border-collapse: collapse; }
|
||||||
|
#imTextObject_21_tab0 table td { border: 1px solid black; word-wrap: break-word; padding: 4px 3px 4px 3px; margin: 0; vertical-align: middle; }
|
||||||
|
#imTextObject_21_tab0 p { margin: 0; padding: 0; }
|
||||||
|
#imTextObject_21_tab0 .inline-block { display: inline-block; }
|
||||||
|
#imTextObject_21_tab0 sup { vertical-align: super; font-size: smaller; }
|
||||||
|
#imTextObject_21_tab0 sub { vertical-align: sub; font-size: smaller; }
|
||||||
|
#imTextObject_21_tab0 img { border: none; margin: 0; vertical-align: text-bottom;}
|
||||||
|
#imTextObject_21_tab0 .fleft { float: left; vertical-align: baseline;}
|
||||||
|
#imTextObject_21_tab0 .fright { float: right; vertical-align: baseline;}
|
||||||
|
#imTextObject_21_tab0 img.fleft { margin-right: 15px; }
|
||||||
|
#imTextObject_21_tab0 img.fright { margin-left: 15px; }
|
||||||
|
#imTextObject_21_tab0 .imTALeft { text-align: left; }
|
||||||
|
#imTextObject_21_tab0 .imTARight { text-align: right; }
|
||||||
|
#imTextObject_21_tab0 .imTACenter { text-align: center; }
|
||||||
|
#imTextObject_21_tab0 .imTAJustify { text-align: justify; }
|
||||||
|
#imTextObject_21_tab0 .imUl { text-decoration: underline; }
|
||||||
|
#imTextObject_21_tab0 .imStrike { text-decoration: line-through; }
|
||||||
|
#imTextObject_21_tab0 .imUlStrike { text-decoration: underline line-through; }
|
||||||
|
#imTextObject_21_tab0 .imVt { vertical-align: top; }
|
||||||
|
#imTextObject_21_tab0 .imVc { vertical-align: middle; }
|
||||||
|
#imTextObject_21_tab0 .imVb { vertical-align: bottom; }
|
||||||
|
#imTextObject_21_tab0 hr { border-width: 1px 0 0 0; border-style: solid; }
|
||||||
|
#imTextObject_21_tab0 .fs40lh1-5 { vertical-align: baseline; font-size: 40pt; line-height: 80px; }
|
||||||
|
#imTextObject_21_tab0 .cf1 { color: rgb(61, 40, 17); }
|
||||||
|
#imTextObject_21_tab0 .ff1 { font-family: 'Marcellus SC'; }
|
||||||
|
#imTextObject_21 .text-container {width: 100%;}#imTextObject_21 .text-container {margin: 0 auto; position: relative;overflow: hidden; display: -ms-grid; display: grid; -ms-grid-template-rows: 1fr; grid-template-rows: 1fr; -ms-grid-template-columns: 1fr; grid-template-columns: 1fr; background-color: rgba(255, 255, 255, 1); border-style: solid;border-color: rgba(169, 169, 169, 1); }
|
||||||
|
#imTextObject_21 .text-container .grid-prop.current-tab {z-index: 1; opacity: 1; }
|
||||||
|
#imTextObject_21 .text-container .grid-prop {-ms-grid-column: 1; -ms-grid-row: 1; grid-area: 1 / 1 / 2 / 2; opacity: 0; box-sizing: border-box; position: relative; }
|
||||||
|
#imTextObject_21 .text-container .text-tab-content.detach {position: absolute; top: 0; left: 0; width: 100%; display: none; }
|
||||||
|
#imCell_125 { -ms-grid-columns: 100%; grid-template-columns: 100%; position: relative; box-sizing: border-box; }
|
||||||
|
#pluginAppObj_125 { position: relative; -ms-grid-row-align: end; align-self: end; -ms-grid-column-align: center; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; }
|
||||||
|
#imCellStyleGraphics_125 { position: absolute; top: 0px; bottom: 0px; background-color: rgba(244, 244, 244, 1); }
|
||||||
|
#imCellStyleBorders_125 { position: absolute; top: 0px; bottom: 0px; }
|
||||||
|
#imCell_114 { -ms-grid-columns: 100%; grid-template-columns: 100%; position: relative; box-sizing: border-box; }
|
||||||
|
#imTextObject_114 { position: relative; -ms-grid-row-align: start; align-self: start; -ms-grid-column-align: center; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; }
|
||||||
|
#imCellStyleGraphics_114 { position: absolute; top: 0px; bottom: 20px; background-color: rgba(244, 244, 244, 1); }
|
||||||
|
#imCellStyleBorders_114 { position: absolute; top: 0px; bottom: 20px; }
|
||||||
|
#imTextObject_114 { width: 100%; }
|
||||||
|
#imTextObject_114 { font-style: normal; font-weight: normal; line-height: 28px; }
|
||||||
|
#imTextObject_114_tab0 div { line-height: 28px; }
|
||||||
|
#imTextObject_114_tab0 .imHeading1 { line-height: 28px; }
|
||||||
|
#imTextObject_114_tab0 .imHeading2 { line-height: 28px; }
|
||||||
|
#imTextObject_114_tab0 .imHeading3 { line-height: 28px; }
|
||||||
|
#imTextObject_114_tab0 .imHeading4 { line-height: 28px; }
|
||||||
|
#imTextObject_114_tab0 .imHeading5 { line-height: 28px; }
|
||||||
|
#imTextObject_114_tab0 .imHeading6 { line-height: 28px; }
|
||||||
|
#imTextObject_114_tab0 ul { list-style: disc; margin: 0; padding: 0; overflow: hidden; }
|
||||||
|
#imTextObject_114_tab0 ul ul { list-style: square; padding: 0 0 0 20px; }
|
||||||
|
#imTextObject_114_tab0 ul ul ul { list-style: circle; }
|
||||||
|
#imTextObject_114_tab0 ul li { margin: 0 0 0 40px; padding: 0px; }
|
||||||
|
#imTextObject_114_tab0 ol { list-style: decimal; margin: 0; padding: 0; }
|
||||||
|
#imTextObject_114_tab0 ol ol { list-style: lower-alpha; padding: 0 0 0 20px; }
|
||||||
|
#imTextObject_114_tab0 ol li { margin: 0 0 0 40px; padding: 0px; }
|
||||||
|
#imTextObject_114_tab0 blockquote { margin: 0 0 0 15px; padding: 0; border: none; }
|
||||||
|
#imTextObject_114_tab0 table { border: none; padding: 0; border-collapse: collapse; }
|
||||||
|
#imTextObject_114_tab0 table td { border: 1px solid black; word-wrap: break-word; padding: 4px 3px 4px 3px; margin: 0; vertical-align: middle; }
|
||||||
|
#imTextObject_114_tab0 p { margin: 0; padding: 0; }
|
||||||
|
#imTextObject_114_tab0 .inline-block { display: inline-block; }
|
||||||
|
#imTextObject_114_tab0 sup { vertical-align: super; font-size: smaller; }
|
||||||
|
#imTextObject_114_tab0 sub { vertical-align: sub; font-size: smaller; }
|
||||||
|
#imTextObject_114_tab0 img { border: none; margin: 0; vertical-align: text-bottom;}
|
||||||
|
#imTextObject_114_tab0 .fleft { float: left; vertical-align: baseline;}
|
||||||
|
#imTextObject_114_tab0 .fright { float: right; vertical-align: baseline;}
|
||||||
|
#imTextObject_114_tab0 img.fleft { margin-right: 15px; }
|
||||||
|
#imTextObject_114_tab0 img.fright { margin-left: 15px; }
|
||||||
|
#imTextObject_114_tab0 .imTALeft { text-align: left; }
|
||||||
|
#imTextObject_114_tab0 .imTARight { text-align: right; }
|
||||||
|
#imTextObject_114_tab0 .imTACenter { text-align: center; }
|
||||||
|
#imTextObject_114_tab0 .imTAJustify { text-align: justify; }
|
||||||
|
#imTextObject_114_tab0 .imUl { text-decoration: underline; }
|
||||||
|
#imTextObject_114_tab0 .imStrike { text-decoration: line-through; }
|
||||||
|
#imTextObject_114_tab0 .imUlStrike { text-decoration: underline line-through; }
|
||||||
|
#imTextObject_114_tab0 .imVt { vertical-align: top; }
|
||||||
|
#imTextObject_114_tab0 .imVc { vertical-align: middle; }
|
||||||
|
#imTextObject_114_tab0 .imVb { vertical-align: bottom; }
|
||||||
|
#imTextObject_114_tab0 hr { border-width: 1px 0 0 0; border-style: solid; }
|
||||||
|
#imTextObject_114_tab0 .fs22lh1-5 { vertical-align: baseline; font-size: 22pt; line-height: 44px; }
|
||||||
|
#imTextObject_114_tab0 .cf1 { color: rgb(61, 40, 17); }
|
||||||
|
#imTextObject_114_tab0 .fs13lh1-5 { vertical-align: baseline; font-size: 13pt; line-height: 26px; }
|
||||||
|
#imTextObject_114_tab0 .cf2 { color: rgb(150, 156, 167); }
|
||||||
|
#imTextObject_114_tab0 .ff1 { font-family: 'Open Sans'; }
|
||||||
|
#imTextObject_114 .text-container {width: 100%;}#imTextObject_114 .text-container {margin: 0 auto; position: relative;overflow: hidden; display: -ms-grid; display: grid; -ms-grid-template-rows: 1fr; grid-template-rows: 1fr; -ms-grid-template-columns: 1fr; grid-template-columns: 1fr; background-color: rgba(255, 255, 255, 1); border-style: solid;border-color: rgba(169, 169, 169, 1); }
|
||||||
|
#imTextObject_114 .text-container .grid-prop.current-tab {z-index: 1; opacity: 1; }
|
||||||
|
#imTextObject_114 .text-container .grid-prop {-ms-grid-column: 1; -ms-grid-row: 1; grid-area: 1 / 1 / 2 / 2; opacity: 0; box-sizing: border-box; position: relative; }
|
||||||
|
#imTextObject_114 .text-container .text-tab-content.detach {position: absolute; top: 0; left: 0; width: 100%; display: none; }
|
||||||
|
#imCell_122 { -ms-grid-columns: 100%; grid-template-columns: 100%; position: relative; box-sizing: border-box; }
|
||||||
|
#pluginAppObj_122 { position: relative; -ms-grid-row-align: end; align-self: end; -ms-grid-column-align: center; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; }
|
||||||
|
#imCellStyleGraphics_122 { position: absolute; top: 0px; bottom: 0px; background-color: rgba(244, 244, 244, 1); }
|
||||||
|
#imCellStyleBorders_122 { position: absolute; top: 0px; bottom: 0px; }
|
||||||
|
#imCell_118 { -ms-grid-columns: 100%; grid-template-columns: 100%; position: relative; box-sizing: border-box; }
|
||||||
|
#imTextObject_118 { position: relative; -ms-grid-row-align: start; align-self: start; -ms-grid-column-align: center; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; }
|
||||||
|
#imCellStyleGraphics_118 { position: absolute; top: 0px; bottom: 20px; background-color: rgba(244, 244, 244, 1); }
|
||||||
|
#imCellStyleBorders_118 { position: absolute; top: 0px; bottom: 20px; }
|
||||||
|
#imTextObject_118 { width: 100%; }
|
||||||
|
#imTextObject_118 { font-style: normal; font-weight: normal; line-height: 28px; }
|
||||||
|
#imTextObject_118_tab0 div { line-height: 28px; }
|
||||||
|
#imTextObject_118_tab0 .imHeading1 { line-height: 28px; }
|
||||||
|
#imTextObject_118_tab0 .imHeading2 { line-height: 28px; }
|
||||||
|
#imTextObject_118_tab0 .imHeading3 { line-height: 28px; }
|
||||||
|
#imTextObject_118_tab0 .imHeading4 { line-height: 28px; }
|
||||||
|
#imTextObject_118_tab0 .imHeading5 { line-height: 28px; }
|
||||||
|
#imTextObject_118_tab0 .imHeading6 { line-height: 28px; }
|
||||||
|
#imTextObject_118_tab0 ul { list-style: disc; margin: 0; padding: 0; overflow: hidden; }
|
||||||
|
#imTextObject_118_tab0 ul ul { list-style: square; padding: 0 0 0 20px; }
|
||||||
|
#imTextObject_118_tab0 ul ul ul { list-style: circle; }
|
||||||
|
#imTextObject_118_tab0 ul li { margin: 0 0 0 40px; padding: 0px; }
|
||||||
|
#imTextObject_118_tab0 ol { list-style: decimal; margin: 0; padding: 0; }
|
||||||
|
#imTextObject_118_tab0 ol ol { list-style: lower-alpha; padding: 0 0 0 20px; }
|
||||||
|
#imTextObject_118_tab0 ol li { margin: 0 0 0 40px; padding: 0px; }
|
||||||
|
#imTextObject_118_tab0 blockquote { margin: 0 0 0 15px; padding: 0; border: none; }
|
||||||
|
#imTextObject_118_tab0 table { border: none; padding: 0; border-collapse: collapse; }
|
||||||
|
#imTextObject_118_tab0 table td { border: 1px solid black; word-wrap: break-word; padding: 4px 3px 4px 3px; margin: 0; vertical-align: middle; }
|
||||||
|
#imTextObject_118_tab0 p { margin: 0; padding: 0; }
|
||||||
|
#imTextObject_118_tab0 .inline-block { display: inline-block; }
|
||||||
|
#imTextObject_118_tab0 sup { vertical-align: super; font-size: smaller; }
|
||||||
|
#imTextObject_118_tab0 sub { vertical-align: sub; font-size: smaller; }
|
||||||
|
#imTextObject_118_tab0 img { border: none; margin: 0; vertical-align: text-bottom;}
|
||||||
|
#imTextObject_118_tab0 .fleft { float: left; vertical-align: baseline;}
|
||||||
|
#imTextObject_118_tab0 .fright { float: right; vertical-align: baseline;}
|
||||||
|
#imTextObject_118_tab0 img.fleft { margin-right: 15px; }
|
||||||
|
#imTextObject_118_tab0 img.fright { margin-left: 15px; }
|
||||||
|
#imTextObject_118_tab0 .imTALeft { text-align: left; }
|
||||||
|
#imTextObject_118_tab0 .imTARight { text-align: right; }
|
||||||
|
#imTextObject_118_tab0 .imTACenter { text-align: center; }
|
||||||
|
#imTextObject_118_tab0 .imTAJustify { text-align: justify; }
|
||||||
|
#imTextObject_118_tab0 .imUl { text-decoration: underline; }
|
||||||
|
#imTextObject_118_tab0 .imStrike { text-decoration: line-through; }
|
||||||
|
#imTextObject_118_tab0 .imUlStrike { text-decoration: underline line-through; }
|
||||||
|
#imTextObject_118_tab0 .imVt { vertical-align: top; }
|
||||||
|
#imTextObject_118_tab0 .imVc { vertical-align: middle; }
|
||||||
|
#imTextObject_118_tab0 .imVb { vertical-align: bottom; }
|
||||||
|
#imTextObject_118_tab0 hr { border-width: 1px 0 0 0; border-style: solid; }
|
||||||
|
#imTextObject_118_tab0 .fs22lh1-5 { vertical-align: baseline; font-size: 22pt; line-height: 44px; }
|
||||||
|
#imTextObject_118_tab0 .cf1 { color: rgb(61, 40, 17); }
|
||||||
|
#imTextObject_118_tab0 .fs13lh1-5 { vertical-align: baseline; font-size: 13pt; line-height: 26px; }
|
||||||
|
#imTextObject_118_tab0 .cf2 { color: rgb(150, 156, 167); }
|
||||||
|
#imTextObject_118_tab0 .ff1 { font-family: 'Open Sans'; }
|
||||||
|
#imTextObject_118 .text-container {width: 100%;}#imTextObject_118 .text-container {margin: 0 auto; position: relative;overflow: hidden; display: -ms-grid; display: grid; -ms-grid-template-rows: 1fr; grid-template-rows: 1fr; -ms-grid-template-columns: 1fr; grid-template-columns: 1fr; background-color: rgba(255, 255, 255, 1); border-style: solid;border-color: rgba(169, 169, 169, 1); }
|
||||||
|
#imTextObject_118 .text-container .grid-prop.current-tab {z-index: 1; opacity: 1; }
|
||||||
|
#imTextObject_118 .text-container .grid-prop {-ms-grid-column: 1; -ms-grid-row: 1; grid-area: 1 / 1 / 2 / 2; opacity: 0; box-sizing: border-box; position: relative; }
|
||||||
|
#imTextObject_118 .text-container .text-tab-content.detach {position: absolute; top: 0; left: 0; width: 100%; display: none; }
|
||||||
|
#imCell_119 { -ms-grid-columns: 100%; grid-template-columns: 100%; position: relative; box-sizing: border-box; }
|
||||||
|
#pluginAppObj_119 { position: relative; -ms-grid-row-align: end; align-self: end; -ms-grid-column-align: center; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; }
|
||||||
|
#imCellStyleGraphics_119 { position: absolute; top: 0px; bottom: 0px; background-color: rgba(244, 244, 244, 1); }
|
||||||
|
#imCellStyleBorders_119 { position: absolute; top: 0px; bottom: 0px; }
|
||||||
|
#imCell_112 { -ms-grid-columns: 100%; grid-template-columns: 100%; position: relative; box-sizing: border-box; }
|
||||||
|
#imTextObject_112 { position: relative; -ms-grid-row-align: start; align-self: start; -ms-grid-column-align: center; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; }
|
||||||
|
#imCellStyleGraphics_112 { position: absolute; top: 0px; bottom: 20px; background-color: rgba(244, 244, 244, 1); }
|
||||||
|
#imCellStyleBorders_112 { position: absolute; top: 0px; bottom: 20px; }
|
||||||
|
#imTextObject_112 { width: 100%; }
|
||||||
|
#imTextObject_112 { font-style: normal; font-weight: normal; line-height: 28px; }
|
||||||
|
#imTextObject_112_tab0 div { line-height: 28px; }
|
||||||
|
#imTextObject_112_tab0 .imHeading1 { line-height: 28px; }
|
||||||
|
#imTextObject_112_tab0 .imHeading2 { line-height: 28px; }
|
||||||
|
#imTextObject_112_tab0 .imHeading3 { line-height: 28px; }
|
||||||
|
#imTextObject_112_tab0 .imHeading4 { line-height: 28px; }
|
||||||
|
#imTextObject_112_tab0 .imHeading5 { line-height: 28px; }
|
||||||
|
#imTextObject_112_tab0 .imHeading6 { line-height: 28px; }
|
||||||
|
#imTextObject_112_tab0 ul { list-style: disc; margin: 0; padding: 0; overflow: hidden; }
|
||||||
|
#imTextObject_112_tab0 ul ul { list-style: square; padding: 0 0 0 20px; }
|
||||||
|
#imTextObject_112_tab0 ul ul ul { list-style: circle; }
|
||||||
|
#imTextObject_112_tab0 ul li { margin: 0 0 0 40px; padding: 0px; }
|
||||||
|
#imTextObject_112_tab0 ol { list-style: decimal; margin: 0; padding: 0; }
|
||||||
|
#imTextObject_112_tab0 ol ol { list-style: lower-alpha; padding: 0 0 0 20px; }
|
||||||
|
#imTextObject_112_tab0 ol li { margin: 0 0 0 40px; padding: 0px; }
|
||||||
|
#imTextObject_112_tab0 blockquote { margin: 0 0 0 15px; padding: 0; border: none; }
|
||||||
|
#imTextObject_112_tab0 table { border: none; padding: 0; border-collapse: collapse; }
|
||||||
|
#imTextObject_112_tab0 table td { border: 1px solid black; word-wrap: break-word; padding: 4px 3px 4px 3px; margin: 0; vertical-align: middle; }
|
||||||
|
#imTextObject_112_tab0 p { margin: 0; padding: 0; }
|
||||||
|
#imTextObject_112_tab0 .inline-block { display: inline-block; }
|
||||||
|
#imTextObject_112_tab0 sup { vertical-align: super; font-size: smaller; }
|
||||||
|
#imTextObject_112_tab0 sub { vertical-align: sub; font-size: smaller; }
|
||||||
|
#imTextObject_112_tab0 img { border: none; margin: 0; vertical-align: text-bottom;}
|
||||||
|
#imTextObject_112_tab0 .fleft { float: left; vertical-align: baseline;}
|
||||||
|
#imTextObject_112_tab0 .fright { float: right; vertical-align: baseline;}
|
||||||
|
#imTextObject_112_tab0 img.fleft { margin-right: 15px; }
|
||||||
|
#imTextObject_112_tab0 img.fright { margin-left: 15px; }
|
||||||
|
#imTextObject_112_tab0 .imTALeft { text-align: left; }
|
||||||
|
#imTextObject_112_tab0 .imTARight { text-align: right; }
|
||||||
|
#imTextObject_112_tab0 .imTACenter { text-align: center; }
|
||||||
|
#imTextObject_112_tab0 .imTAJustify { text-align: justify; }
|
||||||
|
#imTextObject_112_tab0 .imUl { text-decoration: underline; }
|
||||||
|
#imTextObject_112_tab0 .imStrike { text-decoration: line-through; }
|
||||||
|
#imTextObject_112_tab0 .imUlStrike { text-decoration: underline line-through; }
|
||||||
|
#imTextObject_112_tab0 .imVt { vertical-align: top; }
|
||||||
|
#imTextObject_112_tab0 .imVc { vertical-align: middle; }
|
||||||
|
#imTextObject_112_tab0 .imVb { vertical-align: bottom; }
|
||||||
|
#imTextObject_112_tab0 hr { border-width: 1px 0 0 0; border-style: solid; }
|
||||||
|
#imTextObject_112_tab0 .fs22lh1-5 { vertical-align: baseline; font-size: 22pt; line-height: 44px; }
|
||||||
|
#imTextObject_112_tab0 .cf1 { color: rgb(61, 40, 17); }
|
||||||
|
#imTextObject_112_tab0 .fs13lh1-5 { vertical-align: baseline; font-size: 13pt; line-height: 26px; }
|
||||||
|
#imTextObject_112_tab0 .cf2 { color: rgb(150, 156, 167); }
|
||||||
|
#imTextObject_112_tab0 .ff1 { font-family: 'Open Sans'; }
|
||||||
|
#imTextObject_112 .text-container {width: 100%;}#imTextObject_112 .text-container {margin: 0 auto; position: relative;overflow: hidden; display: -ms-grid; display: grid; -ms-grid-template-rows: 1fr; grid-template-rows: 1fr; -ms-grid-template-columns: 1fr; grid-template-columns: 1fr; background-color: rgba(255, 255, 255, 1); border-style: solid;border-color: rgba(169, 169, 169, 1); }
|
||||||
|
#imTextObject_112 .text-container .grid-prop.current-tab {z-index: 1; opacity: 1; }
|
||||||
|
#imTextObject_112 .text-container .grid-prop {-ms-grid-column: 1; -ms-grid-row: 1; grid-area: 1 / 1 / 2 / 2; opacity: 0; box-sizing: border-box; position: relative; }
|
||||||
|
#imTextObject_112 .text-container .text-tab-content.detach {position: absolute; top: 0; left: 0; width: 100%; display: none; }
|
||||||
|
#imCell_126 { -ms-grid-columns: 100%; grid-template-columns: 100%; position: relative; box-sizing: border-box; }
|
||||||
|
#pluginAppObj_126 { position: relative; -ms-grid-row-align: end; align-self: end; -ms-grid-column-align: center; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; }
|
||||||
|
#imCellStyleGraphics_126 { position: absolute; top: 0px; bottom: 0px; background-color: rgba(244, 244, 244, 1); }
|
||||||
|
#imCellStyleBorders_126 { position: absolute; top: 0px; bottom: 0px; }
|
||||||
|
#imCell_115 { -ms-grid-columns: 100%; grid-template-columns: 100%; position: relative; box-sizing: border-box; }
|
||||||
|
#imTextObject_115 { position: relative; -ms-grid-row-align: start; align-self: start; -ms-grid-column-align: center; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; }
|
||||||
|
#imCellStyleGraphics_115 { position: absolute; top: 0px; bottom: 20px; background-color: rgba(244, 244, 244, 1); }
|
||||||
|
#imCellStyleBorders_115 { position: absolute; top: 0px; bottom: 20px; }
|
||||||
|
#imTextObject_115 { width: 100%; }
|
||||||
|
#imTextObject_115 { font-style: normal; font-weight: normal; line-height: 28px; }
|
||||||
|
#imTextObject_115_tab0 div { line-height: 28px; }
|
||||||
|
#imTextObject_115_tab0 .imHeading1 { line-height: 28px; }
|
||||||
|
#imTextObject_115_tab0 .imHeading2 { line-height: 28px; }
|
||||||
|
#imTextObject_115_tab0 .imHeading3 { line-height: 28px; }
|
||||||
|
#imTextObject_115_tab0 .imHeading4 { line-height: 28px; }
|
||||||
|
#imTextObject_115_tab0 .imHeading5 { line-height: 28px; }
|
||||||
|
#imTextObject_115_tab0 .imHeading6 { line-height: 28px; }
|
||||||
|
#imTextObject_115_tab0 ul { list-style: disc; margin: 0; padding: 0; overflow: hidden; }
|
||||||
|
#imTextObject_115_tab0 ul ul { list-style: square; padding: 0 0 0 20px; }
|
||||||
|
#imTextObject_115_tab0 ul ul ul { list-style: circle; }
|
||||||
|
#imTextObject_115_tab0 ul li { margin: 0 0 0 40px; padding: 0px; }
|
||||||
|
#imTextObject_115_tab0 ol { list-style: decimal; margin: 0; padding: 0; }
|
||||||
|
#imTextObject_115_tab0 ol ol { list-style: lower-alpha; padding: 0 0 0 20px; }
|
||||||
|
#imTextObject_115_tab0 ol li { margin: 0 0 0 40px; padding: 0px; }
|
||||||
|
#imTextObject_115_tab0 blockquote { margin: 0 0 0 15px; padding: 0; border: none; }
|
||||||
|
#imTextObject_115_tab0 table { border: none; padding: 0; border-collapse: collapse; }
|
||||||
|
#imTextObject_115_tab0 table td { border: 1px solid black; word-wrap: break-word; padding: 4px 3px 4px 3px; margin: 0; vertical-align: middle; }
|
||||||
|
#imTextObject_115_tab0 p { margin: 0; padding: 0; }
|
||||||
|
#imTextObject_115_tab0 .inline-block { display: inline-block; }
|
||||||
|
#imTextObject_115_tab0 sup { vertical-align: super; font-size: smaller; }
|
||||||
|
#imTextObject_115_tab0 sub { vertical-align: sub; font-size: smaller; }
|
||||||
|
#imTextObject_115_tab0 img { border: none; margin: 0; vertical-align: text-bottom;}
|
||||||
|
#imTextObject_115_tab0 .fleft { float: left; vertical-align: baseline;}
|
||||||
|
#imTextObject_115_tab0 .fright { float: right; vertical-align: baseline;}
|
||||||
|
#imTextObject_115_tab0 img.fleft { margin-right: 15px; }
|
||||||
|
#imTextObject_115_tab0 img.fright { margin-left: 15px; }
|
||||||
|
#imTextObject_115_tab0 .imTALeft { text-align: left; }
|
||||||
|
#imTextObject_115_tab0 .imTARight { text-align: right; }
|
||||||
|
#imTextObject_115_tab0 .imTACenter { text-align: center; }
|
||||||
|
#imTextObject_115_tab0 .imTAJustify { text-align: justify; }
|
||||||
|
#imTextObject_115_tab0 .imUl { text-decoration: underline; }
|
||||||
|
#imTextObject_115_tab0 .imStrike { text-decoration: line-through; }
|
||||||
|
#imTextObject_115_tab0 .imUlStrike { text-decoration: underline line-through; }
|
||||||
|
#imTextObject_115_tab0 .imVt { vertical-align: top; }
|
||||||
|
#imTextObject_115_tab0 .imVc { vertical-align: middle; }
|
||||||
|
#imTextObject_115_tab0 .imVb { vertical-align: bottom; }
|
||||||
|
#imTextObject_115_tab0 hr { border-width: 1px 0 0 0; border-style: solid; }
|
||||||
|
#imTextObject_115_tab0 .lh1-5 { line-height: 1.5; }
|
||||||
|
#imTextObject_115_tab0 .fs22lh1-5 { vertical-align: baseline; font-size: 22pt; line-height: 44px; }
|
||||||
|
#imTextObject_115_tab0 .cf1 { color: rgb(61, 40, 17); }
|
||||||
|
#imTextObject_115_tab0 .fs13lh1-5 { vertical-align: baseline; font-size: 13pt; line-height: 26px; }
|
||||||
|
#imTextObject_115_tab0 .cf2 { color: rgb(150, 156, 167); }
|
||||||
|
#imTextObject_115_tab0 .ff1 { font-family: 'Open Sans'; }
|
||||||
|
#imTextObject_115 .text-container {width: 100%;}#imTextObject_115 .text-container {margin: 0 auto; position: relative;overflow: hidden; display: -ms-grid; display: grid; -ms-grid-template-rows: 1fr; grid-template-rows: 1fr; -ms-grid-template-columns: 1fr; grid-template-columns: 1fr; background-color: rgba(255, 255, 255, 1); border-style: solid;border-color: rgba(169, 169, 169, 1); }
|
||||||
|
#imTextObject_115 .text-container .grid-prop.current-tab {z-index: 1; opacity: 1; }
|
||||||
|
#imTextObject_115 .text-container .grid-prop {-ms-grid-column: 1; -ms-grid-row: 1; grid-area: 1 / 1 / 2 / 2; opacity: 0; box-sizing: border-box; position: relative; }
|
||||||
|
#imTextObject_115 .text-container .text-tab-content.detach {position: absolute; top: 0; left: 0; width: 100%; display: none; }
|
||||||
|
#imPageRowGraphics_5 { position: absolute; top: -70%; bottom: -70%; left: 0; right: 0; visibility: hidden; opacity: 0.3; }
|
||||||
|
#imPageRowGraphics_5 { background: transparent url('../images/4global.jpg') no-repeat center bottom; background-size: cover; }
|
||||||
|
#imCell_123 { -ms-grid-columns: 100%; grid-template-columns: 100%; position: relative; box-sizing: border-box; }
|
||||||
|
#imTextObject_123 { position: relative; -ms-grid-row-align: start; align-self: start; -ms-grid-column-align: center; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; }
|
||||||
|
#imCellStyleGraphics_123 { position: absolute; top: 0px; bottom: 0px; background: transparent none no-repeat center top;}
|
||||||
|
#imCellStyleBorders_123 { position: absolute; top: 0px; bottom: 0px; }
|
||||||
|
#imTextObject_123 { width: 100%; }
|
||||||
|
#imTextObject_123 { font-style: normal; font-weight: normal; line-height: 28px; }
|
||||||
|
#imTextObject_123_tab0 div { line-height: 28px; }
|
||||||
|
#imTextObject_123_tab0 .imHeading1 { line-height: 28px; }
|
||||||
|
#imTextObject_123_tab0 .imHeading2 { line-height: 28px; }
|
||||||
|
#imTextObject_123_tab0 .imHeading3 { line-height: 28px; }
|
||||||
|
#imTextObject_123_tab0 .imHeading4 { line-height: 28px; }
|
||||||
|
#imTextObject_123_tab0 .imHeading5 { line-height: 28px; }
|
||||||
|
#imTextObject_123_tab0 .imHeading6 { line-height: 28px; }
|
||||||
|
#imTextObject_123_tab0 ul { list-style: disc; margin: 0; padding: 0; overflow: hidden; }
|
||||||
|
#imTextObject_123_tab0 ul ul { list-style: square; padding: 0 0 0 20px; }
|
||||||
|
#imTextObject_123_tab0 ul ul ul { list-style: circle; }
|
||||||
|
#imTextObject_123_tab0 ul li { margin: 0 0 0 40px; padding: 0px; }
|
||||||
|
#imTextObject_123_tab0 ol { list-style: decimal; margin: 0; padding: 0; }
|
||||||
|
#imTextObject_123_tab0 ol ol { list-style: lower-alpha; padding: 0 0 0 20px; }
|
||||||
|
#imTextObject_123_tab0 ol li { margin: 0 0 0 40px; padding: 0px; }
|
||||||
|
#imTextObject_123_tab0 blockquote { margin: 0 0 0 15px; padding: 0; border: none; }
|
||||||
|
#imTextObject_123_tab0 table { border: none; padding: 0; border-collapse: collapse; }
|
||||||
|
#imTextObject_123_tab0 table td { border: 1px solid black; word-wrap: break-word; padding: 4px 3px 4px 3px; margin: 0; vertical-align: middle; }
|
||||||
|
#imTextObject_123_tab0 p { margin: 0; padding: 0; }
|
||||||
|
#imTextObject_123_tab0 .inline-block { display: inline-block; }
|
||||||
|
#imTextObject_123_tab0 sup { vertical-align: super; font-size: smaller; }
|
||||||
|
#imTextObject_123_tab0 sub { vertical-align: sub; font-size: smaller; }
|
||||||
|
#imTextObject_123_tab0 img { border: none; margin: 0; vertical-align: text-bottom;}
|
||||||
|
#imTextObject_123_tab0 .fleft { float: left; vertical-align: baseline;}
|
||||||
|
#imTextObject_123_tab0 .fright { float: right; vertical-align: baseline;}
|
||||||
|
#imTextObject_123_tab0 img.fleft { margin-right: 15px; }
|
||||||
|
#imTextObject_123_tab0 img.fright { margin-left: 15px; }
|
||||||
|
#imTextObject_123_tab0 .imTALeft { text-align: left; }
|
||||||
|
#imTextObject_123_tab0 .imTARight { text-align: right; }
|
||||||
|
#imTextObject_123_tab0 .imTACenter { text-align: center; }
|
||||||
|
#imTextObject_123_tab0 .imTAJustify { text-align: justify; }
|
||||||
|
#imTextObject_123_tab0 .imUl { text-decoration: underline; }
|
||||||
|
#imTextObject_123_tab0 .imStrike { text-decoration: line-through; }
|
||||||
|
#imTextObject_123_tab0 .imUlStrike { text-decoration: underline line-through; }
|
||||||
|
#imTextObject_123_tab0 .imVt { vertical-align: top; }
|
||||||
|
#imTextObject_123_tab0 .imVc { vertical-align: middle; }
|
||||||
|
#imTextObject_123_tab0 .imVb { vertical-align: bottom; }
|
||||||
|
#imTextObject_123_tab0 hr { border-width: 1px 0 0 0; border-style: solid; }
|
||||||
|
#imTextObject_123_tab0 .fs40lh1-5 { vertical-align: baseline; font-size: 40pt; line-height: 80px; }
|
||||||
|
#imTextObject_123_tab0 .ff1 { font-family: 'Marcellus SC'; }
|
||||||
|
#imTextObject_123 .text-container {width: 100%;}#imTextObject_123 .text-container {margin: 0 auto; position: relative;overflow: hidden; display: -ms-grid; display: grid; -ms-grid-template-rows: 1fr; grid-template-rows: 1fr; -ms-grid-template-columns: 1fr; grid-template-columns: 1fr; background-color: rgba(255, 255, 255, 1); border-style: solid;border-color: rgba(169, 169, 169, 1); }
|
||||||
|
#imTextObject_123 .text-container .grid-prop.current-tab {z-index: 1; opacity: 1; }
|
||||||
|
#imTextObject_123 .text-container .grid-prop {-ms-grid-column: 1; -ms-grid-row: 1; grid-area: 1 / 1 / 2 / 2; opacity: 0; box-sizing: border-box; position: relative; }
|
||||||
|
#imTextObject_123 .text-container .text-tab-content.detach {position: absolute; top: 0; left: 0; width: 100%; display: none; }
|
||||||
|
@media (min-width: 1150.0px) {
|
||||||
|
#imContent { padding-left: 5px; padding-right:5px; }
|
||||||
|
#imCell_3, #imCell_21, #imCell_123, #imCell_124, .imPageRow { margin-left: -5px; margin-right: -5px; }
|
||||||
|
#imCell_3 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; }
|
||||||
|
#imCell_3 { -ms-grid-rows: 100%; grid-template-rows: 100%; }
|
||||||
|
#imTextObject_03 { padding-top: 75px; padding-bottom: 0px; padding-left: 50px; padding-right: 0px; }
|
||||||
|
#imCellStyleGraphics_3 { left: 0px; right: 0px; }
|
||||||
|
#imCellStyleBorders_3 { left: 0px; right: 0px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; }
|
||||||
|
#imTextObject_03 .text-container {border-width: 0 1px 1px 1px;box-sizing: border-box;width: 100%;}
|
||||||
|
#imCell_124 { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; }
|
||||||
|
#imCell_124 { -ms-grid-rows: 100%; grid-template-rows: 100%; }
|
||||||
|
#imObjectGallery_124 { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; }
|
||||||
|
#imCellStyleGraphics_124 { left: 10px; right: 10px; }
|
||||||
|
#imCellStyleBorders_124 { left: 10px; right: 10px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; }
|
||||||
|
#imCell_21 { padding-top: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; }
|
||||||
|
#imCell_21 { -ms-grid-rows: 100%; grid-template-rows: 100%; }
|
||||||
|
#imTextObject_21 { padding-top: 50px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; }
|
||||||
|
#imCellStyleGraphics_21 { left: 0px; right: 0px; }
|
||||||
|
#imCellStyleBorders_21 { left: 0px; right: 0px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; }
|
||||||
|
#imTextObject_21 .text-container {border-width: 0 1px 1px 1px;box-sizing: border-box;width: 100%;}
|
||||||
|
#imCell_125 { padding-top: 0px; padding-bottom: 0px; padding-left: 10px; padding-right: 10px; }
|
||||||
|
#imCell_125 { -ms-grid-rows: 100%; grid-template-rows: 100%; }
|
||||||
|
#pluginAppObj_125 { padding-top: 0px; padding-bottom: 0px; padding-left: 1px; padding-right: 1px; }
|
||||||
|
#imCellStyleGraphics_125 { left: 10px; right: 10px; }
|
||||||
|
#imCellStyleBorders_125 { left: 10px; right: 10px; border-top: 0; border-bottom: 0; border-left: 1px solid rgba(225, 245, 244, 1); border-right: 1px solid rgba(225, 245, 244, 1); }
|
||||||
|
#imCell_114 { padding-top: 0px; padding-bottom: 20px; padding-left: 10px; padding-right: 10px; }
|
||||||
|
#imCell_114 { -ms-grid-rows: 100%; grid-template-rows: 100%; }
|
||||||
|
#imTextObject_114 { padding-top: 0px; padding-bottom: 1px; padding-left: 1px; padding-right: 1px; }
|
||||||
|
#imCellStyleGraphics_114 { left: 10px; right: 10px; }
|
||||||
|
#imCellStyleBorders_114 { left: 10px; right: 10px; border-top: 0; border-bottom: 1px solid rgba(225, 245, 243, 1); border-left: 1px solid rgba(225, 245, 243, 1); border-right: 1px solid rgba(225, 245, 243, 1); }
|
||||||
|
#imTextObject_114 .text-container {border-width: 0 1px 1px 1px;box-sizing: border-box;width: 100%;}
|
||||||
|
#imCell_122 { padding-top: 0px; padding-bottom: 0px; padding-left: 10px; padding-right: 10px; }
|
||||||
|
#imCell_122 { -ms-grid-rows: 100%; grid-template-rows: 100%; }
|
||||||
|
#pluginAppObj_122 { padding-top: 0px; padding-bottom: 0px; padding-left: 1px; padding-right: 1px; }
|
||||||
|
#imCellStyleGraphics_122 { left: 10px; right: 10px; }
|
||||||
|
#imCellStyleBorders_122 { left: 10px; right: 10px; border-top: 0; border-bottom: 0; border-left: 1px solid rgba(225, 245, 244, 1); border-right: 1px solid rgba(225, 245, 244, 1); }
|
||||||
|
#imCell_118 { padding-top: 0px; padding-bottom: 20px; padding-left: 10px; padding-right: 10px; }
|
||||||
|
#imCell_118 { -ms-grid-rows: 100%; grid-template-rows: 100%; }
|
||||||
|
#imTextObject_118 { padding-top: 0px; padding-bottom: 1px; padding-left: 1px; padding-right: 1px; }
|
||||||
|
#imCellStyleGraphics_118 { left: 10px; right: 10px; }
|
||||||
|
#imCellStyleBorders_118 { left: 10px; right: 10px; border-top: 0; border-bottom: 1px solid rgba(225, 245, 243, 1); border-left: 1px solid rgba(225, 245, 243, 1); border-right: 1px solid rgba(225, 245, 243, 1); }
|
||||||
|
#imTextObject_118 .text-container {border-width: 0 1px 1px 1px;box-sizing: border-box;width: 100%;}
|
||||||
|
#imCell_119 { padding-top: 0px; padding-bottom: 0px; padding-left: 10px; padding-right: 10px; }
|
||||||
|
#imCell_119 { -ms-grid-rows: 100%; grid-template-rows: 100%; }
|
||||||
|
#pluginAppObj_119 { padding-top: 0px; padding-bottom: 0px; padding-left: 1px; padding-right: 1px; }
|
||||||
|
#imCellStyleGraphics_119 { left: 10px; right: 10px; }
|
||||||
|
#imCellStyleBorders_119 { left: 10px; right: 10px; border-top: 0; border-bottom: 0; border-left: 1px solid rgba(225, 245, 244, 1); border-right: 1px solid rgba(225, 245, 244, 1); }
|
||||||
|
#imCell_112 { padding-top: 0px; padding-bottom: 20px; padding-left: 10px; padding-right: 10px; }
|
||||||
|
#imCell_112 { -ms-grid-rows: 100%; grid-template-rows: 100%; }
|
||||||
|
#imTextObject_112 { padding-top: 0px; padding-bottom: 1px; padding-left: 1px; padding-right: 1px; }
|
||||||
|
#imCellStyleGraphics_112 { left: 10px; right: 10px; }
|
||||||
|
#imCellStyleBorders_112 { left: 10px; right: 10px; border-top: 0; border-bottom: 1px solid rgba(225, 245, 243, 1); border-left: 1px solid rgba(225, 245, 243, 1); border-right: 1px solid rgba(225, 245, 243, 1); }
|
||||||
|
#imTextObject_112 .text-container {border-width: 0 1px 1px 1px;box-sizing: border-box;width: 100%;}
|
||||||
|
#imCell_126 { padding-top: 0px; padding-bottom: 0px; padding-left: 10px; padding-right: 10px; }
|
||||||
|
#imCell_126 { -ms-grid-rows: 100%; grid-template-rows: 100%; }
|
||||||
|
#pluginAppObj_126 { padding-top: 0px; padding-bottom: 0px; padding-left: 1px; padding-right: 1px; }
|
||||||
|
#imCellStyleGraphics_126 { left: 10px; right: 10px; }
|
||||||
|
#imCellStyleBorders_126 { left: 10px; right: 10px; border-top: 0; border-bottom: 0; border-left: 1px solid rgba(225, 245, 244, 1); border-right: 1px solid rgba(225, 245, 244, 1); }
|
||||||
|
#imCell_115 { padding-top: 0px; padding-bottom: 20px; padding-left: 10px; padding-right: 10px; }
|
||||||
|
#imCell_115 { -ms-grid-rows: 100%; grid-template-rows: 100%; }
|
||||||
|
#imTextObject_115 { padding-top: 0px; padding-bottom: 1px; padding-left: 1px; padding-right: 1px; }
|
||||||
|
#imCellStyleGraphics_115 { left: 10px; right: 10px; }
|
||||||
|
#imCellStyleBorders_115 { left: 10px; right: 10px; border-top: 0; border-bottom: 1px solid rgba(225, 245, 243, 1); border-left: 1px solid rgba(225, 245, 243, 1); border-right: 1px solid rgba(225, 245, 243, 1); }
|
||||||
|
#imTextObject_115 .text-container {border-width: 0 1px 1px 1px;box-sizing: border-box;width: 100%;}
|
||||||
|
#imCell_123 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; }
|
||||||
|
#imCell_123 { -ms-grid-rows: 100%; grid-template-rows: 100%; }
|
||||||
|
#imTextObject_123 { padding-top: 50px; padding-bottom: 100px; padding-left: 0px; padding-right: 0px; }
|
||||||
|
#imCellStyleGraphics_123 { left: 0px; right: 0px; }
|
||||||
|
#imCellStyleBorders_123 { left: 0px; right: 0px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; }
|
||||||
|
#imTextObject_123 .text-container {border-width: 0 1px 1px 1px;box-sizing: border-box;width: 100%;}
|
||||||
|
}
|
||||||
|
@media (max-width: 1149.9px) and (min-width: 720.0px) {
|
||||||
|
#imContent { padding-left: 5px; padding-right:5px; }
|
||||||
|
#imCell_3, #imCell_21, #imCell_123, #imCell_124, .imPageRow { margin-left: -5px; margin-right: -5px; }
|
||||||
|
#imCell_3 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; }
|
||||||
|
#imCell_3 { -ms-grid-rows: 100%; grid-template-rows: 100%; }
|
||||||
|
#imTextObject_03 { padding-top: 75px; padding-bottom: 0px; padding-left: 50px; padding-right: 0px; }
|
||||||
|
#imCellStyleGraphics_3 { left: 0px; right: 0px; }
|
||||||
|
#imCellStyleBorders_3 { left: 0px; right: 0px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; }
|
||||||
|
#imTextObject_03 .text-container {border-width: 0 1px 1px 1px;box-sizing: border-box;width: 100%;}
|
||||||
|
#imCell_124 { padding-top: 10px; padding-bottom: 10px; padding-left: 6px; padding-right: 6px; }
|
||||||
|
#imCell_124 { -ms-grid-rows: 100%; grid-template-rows: 100%; }
|
||||||
|
#imObjectGallery_124 { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; }
|
||||||
|
#imCellStyleGraphics_124 { left: 6px; right: 6px; }
|
||||||
|
#imCellStyleBorders_124 { left: 6px; right: 6px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; }
|
||||||
|
#imCell_21 { padding-top: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; }
|
||||||
|
#imCell_21 { -ms-grid-rows: 100%; grid-template-rows: 100%; }
|
||||||
|
#imTextObject_21 { padding-top: 50px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; }
|
||||||
|
#imCellStyleGraphics_21 { left: 0px; right: 0px; }
|
||||||
|
#imCellStyleBorders_21 { left: 0px; right: 0px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; }
|
||||||
|
#imTextObject_21 .text-container {border-width: 0 1px 1px 1px;box-sizing: border-box;width: 100%;}
|
||||||
|
#imCell_125 { padding-top: 0px; padding-bottom: 0px; padding-left: 6px; padding-right: 6px; }
|
||||||
|
#imCell_125 { -ms-grid-rows: 100%; grid-template-rows: 100%; }
|
||||||
|
#pluginAppObj_125 { padding-top: 0px; padding-bottom: 0px; padding-left: 1px; padding-right: 1px; }
|
||||||
|
#imCellStyleGraphics_125 { left: 6px; right: 6px; }
|
||||||
|
#imCellStyleBorders_125 { left: 6px; right: 6px; border-top: 0; border-bottom: 0; border-left: 1px solid rgba(225, 245, 244, 1); border-right: 1px solid rgba(225, 245, 244, 1); }
|
||||||
|
#imCell_114 { padding-top: 0px; padding-bottom: 20px; padding-left: 6px; padding-right: 6px; }
|
||||||
|
#imCell_114 { -ms-grid-rows: 100%; grid-template-rows: 100%; }
|
||||||
|
#imTextObject_114 { padding-top: 0px; padding-bottom: 1px; padding-left: 1px; padding-right: 1px; }
|
||||||
|
#imCellStyleGraphics_114 { left: 6px; right: 6px; }
|
||||||
|
#imCellStyleBorders_114 { left: 6px; right: 6px; border-top: 0; border-bottom: 1px solid rgba(225, 245, 243, 1); border-left: 1px solid rgba(225, 245, 243, 1); border-right: 1px solid rgba(225, 245, 243, 1); }
|
||||||
|
#imTextObject_114 .text-container {border-width: 0 1px 1px 1px;box-sizing: border-box;width: 100%;}
|
||||||
|
#imCell_122 { padding-top: 0px; padding-bottom: 0px; padding-left: 6px; padding-right: 6px; }
|
||||||
|
#imCell_122 { -ms-grid-rows: 100%; grid-template-rows: 100%; }
|
||||||
|
#pluginAppObj_122 { padding-top: 0px; padding-bottom: 0px; padding-left: 1px; padding-right: 1px; }
|
||||||
|
#imCellStyleGraphics_122 { left: 6px; right: 6px; }
|
||||||
|
#imCellStyleBorders_122 { left: 6px; right: 6px; border-top: 0; border-bottom: 0; border-left: 1px solid rgba(225, 245, 244, 1); border-right: 1px solid rgba(225, 245, 244, 1); }
|
||||||
|
#imCell_118 { padding-top: 0px; padding-bottom: 20px; padding-left: 6px; padding-right: 6px; }
|
||||||
|
#imCell_118 { -ms-grid-rows: 100%; grid-template-rows: 100%; }
|
||||||
|
#imTextObject_118 { padding-top: 0px; padding-bottom: 1px; padding-left: 1px; padding-right: 1px; }
|
||||||
|
#imCellStyleGraphics_118 { left: 6px; right: 6px; }
|
||||||
|
#imCellStyleBorders_118 { left: 6px; right: 6px; border-top: 0; border-bottom: 1px solid rgba(225, 245, 243, 1); border-left: 1px solid rgba(225, 245, 243, 1); border-right: 1px solid rgba(225, 245, 243, 1); }
|
||||||
|
#imTextObject_118 .text-container {border-width: 0 1px 1px 1px;box-sizing: border-box;width: 100%;}
|
||||||
|
#imCell_119 { padding-top: 0px; padding-bottom: 0px; padding-left: 6px; padding-right: 6px; }
|
||||||
|
#imCell_119 { -ms-grid-rows: 100%; grid-template-rows: 100%; }
|
||||||
|
#pluginAppObj_119 { padding-top: 0px; padding-bottom: 0px; padding-left: 1px; padding-right: 1px; }
|
||||||
|
#imCellStyleGraphics_119 { left: 6px; right: 6px; }
|
||||||
|
#imCellStyleBorders_119 { left: 6px; right: 6px; border-top: 0; border-bottom: 0; border-left: 1px solid rgba(225, 245, 244, 1); border-right: 1px solid rgba(225, 245, 244, 1); }
|
||||||
|
#imCell_112 { padding-top: 0px; padding-bottom: 20px; padding-left: 6px; padding-right: 6px; }
|
||||||
|
#imCell_112 { -ms-grid-rows: 100%; grid-template-rows: 100%; }
|
||||||
|
#imTextObject_112 { padding-top: 0px; padding-bottom: 1px; padding-left: 1px; padding-right: 1px; }
|
||||||
|
#imCellStyleGraphics_112 { left: 6px; right: 6px; }
|
||||||
|
#imCellStyleBorders_112 { left: 6px; right: 6px; border-top: 0; border-bottom: 1px solid rgba(225, 245, 243, 1); border-left: 1px solid rgba(225, 245, 243, 1); border-right: 1px solid rgba(225, 245, 243, 1); }
|
||||||
|
#imTextObject_112 .text-container {border-width: 0 1px 1px 1px;box-sizing: border-box;width: 100%;}
|
||||||
|
#imCell_126 { padding-top: 0px; padding-bottom: 0px; padding-left: 6px; padding-right: 6px; }
|
||||||
|
#imCell_126 { -ms-grid-rows: 100%; grid-template-rows: 100%; }
|
||||||
|
#pluginAppObj_126 { padding-top: 0px; padding-bottom: 0px; padding-left: 1px; padding-right: 1px; }
|
||||||
|
#imCellStyleGraphics_126 { left: 6px; right: 6px; }
|
||||||
|
#imCellStyleBorders_126 { left: 6px; right: 6px; border-top: 0; border-bottom: 0; border-left: 1px solid rgba(225, 245, 244, 1); border-right: 1px solid rgba(225, 245, 244, 1); }
|
||||||
|
#imCell_115 { padding-top: 0px; padding-bottom: 20px; padding-left: 6px; padding-right: 6px; }
|
||||||
|
#imCell_115 { -ms-grid-rows: 100%; grid-template-rows: 100%; }
|
||||||
|
#imTextObject_115 { padding-top: 0px; padding-bottom: 1px; padding-left: 1px; padding-right: 1px; }
|
||||||
|
#imCellStyleGraphics_115 { left: 6px; right: 6px; }
|
||||||
|
#imCellStyleBorders_115 { left: 6px; right: 6px; border-top: 0; border-bottom: 1px solid rgba(225, 245, 243, 1); border-left: 1px solid rgba(225, 245, 243, 1); border-right: 1px solid rgba(225, 245, 243, 1); }
|
||||||
|
#imTextObject_115 .text-container {border-width: 0 1px 1px 1px;box-sizing: border-box;width: 100%;}
|
||||||
|
#imCell_123 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; }
|
||||||
|
#imCell_123 { -ms-grid-rows: 100%; grid-template-rows: 100%; }
|
||||||
|
#imTextObject_123 { padding-top: 50px; padding-bottom: 100px; padding-left: 0px; padding-right: 0px; }
|
||||||
|
#imCellStyleGraphics_123 { left: 0px; right: 0px; }
|
||||||
|
#imCellStyleBorders_123 { left: 0px; right: 0px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; }
|
||||||
|
#imTextObject_123 .text-container {border-width: 0 1px 1px 1px;box-sizing: border-box;width: 100%;}
|
||||||
|
}
|
||||||
|
@media (max-width: 719.9px) and (min-width: 480.0px) {
|
||||||
|
#imContent { padding-left: 5px; padding-right:5px; }
|
||||||
|
#imCell_3, #imCell_21, #imCell_123, #imCell_124, .imPageRow { margin-left: -5px; margin-right: -5px; }
|
||||||
|
#imCell_3 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; }
|
||||||
|
#imCell_3 { -ms-grid-rows: 100%; grid-template-rows: 100%; }
|
||||||
|
#imTextObject_03 { padding-top: 75px; padding-bottom: 0px; padding-left: 50px; padding-right: 0px; }
|
||||||
|
#imCellStyleGraphics_3 { left: 0px; right: 0px; }
|
||||||
|
#imCellStyleBorders_3 { left: 0px; right: 0px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; }
|
||||||
|
#imTextObject_03 .text-container {border-width: 0 1px 1px 1px;box-sizing: border-box;width: 100%;}
|
||||||
|
#imCell_124 { padding-top: 10px; padding-bottom: 10px; padding-left: 4px; padding-right: 4px; }
|
||||||
|
#imCell_124 { -ms-grid-rows: 100%; grid-template-rows: 100%; }
|
||||||
|
#imObjectGallery_124 { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; }
|
||||||
|
#imCellStyleGraphics_124 { left: 4px; right: 4px; }
|
||||||
|
#imCellStyleBorders_124 { left: 4px; right: 4px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; }
|
||||||
|
#imCell_21 { padding-top: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; }
|
||||||
|
#imCell_21 { -ms-grid-rows: 100%; grid-template-rows: 100%; }
|
||||||
|
#imTextObject_21 { padding-top: 50px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; }
|
||||||
|
#imCellStyleGraphics_21 { left: 0px; right: 0px; }
|
||||||
|
#imCellStyleBorders_21 { left: 0px; right: 0px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; }
|
||||||
|
#imTextObject_21 .text-container {border-width: 0 1px 1px 1px;box-sizing: border-box;width: 100%;}
|
||||||
|
#imCell_125 { padding-top: 0px; padding-bottom: 0px; padding-left: 4px; padding-right: 4px; }
|
||||||
|
#imCell_125 { -ms-grid-rows: 100%; grid-template-rows: 100%; }
|
||||||
|
#pluginAppObj_125 { padding-top: 0px; padding-bottom: 0px; padding-left: 1px; padding-right: 1px; }
|
||||||
|
#imCellStyleGraphics_125 { left: 4px; right: 4px; }
|
||||||
|
#imCellStyleBorders_125 { left: 4px; right: 4px; border-top: 0; border-bottom: 0; border-left: 1px solid rgba(225, 245, 244, 1); border-right: 1px solid rgba(225, 245, 244, 1); }
|
||||||
|
#imCell_114 { padding-top: 0px; padding-bottom: 20px; padding-left: 4px; padding-right: 4px; }
|
||||||
|
#imCell_114 { -ms-grid-rows: 100%; grid-template-rows: 100%; }
|
||||||
|
#imTextObject_114 { padding-top: 0px; padding-bottom: 1px; padding-left: 1px; padding-right: 1px; }
|
||||||
|
#imCellStyleGraphics_114 { left: 4px; right: 4px; }
|
||||||
|
#imCellStyleBorders_114 { left: 4px; right: 4px; border-top: 0; border-bottom: 1px solid rgba(225, 245, 243, 1); border-left: 1px solid rgba(225, 245, 243, 1); border-right: 1px solid rgba(225, 245, 243, 1); }
|
||||||
|
#imTextObject_114 .text-container {border-width: 0 1px 1px 1px;box-sizing: border-box;width: 100%;}
|
||||||
|
#imCell_122 { padding-top: 0px; padding-bottom: 0px; padding-left: 4px; padding-right: 4px; }
|
||||||
|
#imCell_122 { -ms-grid-rows: 100%; grid-template-rows: 100%; }
|
||||||
|
#pluginAppObj_122 { padding-top: 0px; padding-bottom: 0px; padding-left: 1px; padding-right: 1px; }
|
||||||
|
#imCellStyleGraphics_122 { left: 4px; right: 4px; }
|
||||||
|
#imCellStyleBorders_122 { left: 4px; right: 4px; border-top: 0; border-bottom: 0; border-left: 1px solid rgba(225, 245, 244, 1); border-right: 1px solid rgba(225, 245, 244, 1); }
|
||||||
|
#imCell_118 { padding-top: 0px; padding-bottom: 20px; padding-left: 4px; padding-right: 4px; }
|
||||||
|
#imCell_118 { -ms-grid-rows: 100%; grid-template-rows: 100%; }
|
||||||
|
#imTextObject_118 { padding-top: 0px; padding-bottom: 1px; padding-left: 1px; padding-right: 1px; }
|
||||||
|
#imCellStyleGraphics_118 { left: 4px; right: 4px; }
|
||||||
|
#imCellStyleBorders_118 { left: 4px; right: 4px; border-top: 0; border-bottom: 1px solid rgba(225, 245, 243, 1); border-left: 1px solid rgba(225, 245, 243, 1); border-right: 1px solid rgba(225, 245, 243, 1); }
|
||||||
|
#imTextObject_118 .text-container {border-width: 0 1px 1px 1px;box-sizing: border-box;width: 100%;}
|
||||||
|
#imCell_119 { padding-top: 0px; padding-bottom: 0px; padding-left: 4px; padding-right: 4px; }
|
||||||
|
#imCell_119 { -ms-grid-rows: 100%; grid-template-rows: 100%; }
|
||||||
|
#pluginAppObj_119 { padding-top: 0px; padding-bottom: 0px; padding-left: 1px; padding-right: 1px; }
|
||||||
|
#imCellStyleGraphics_119 { left: 4px; right: 4px; }
|
||||||
|
#imCellStyleBorders_119 { left: 4px; right: 4px; border-top: 0; border-bottom: 0; border-left: 1px solid rgba(225, 245, 244, 1); border-right: 1px solid rgba(225, 245, 244, 1); }
|
||||||
|
#imCell_112 { padding-top: 0px; padding-bottom: 20px; padding-left: 4px; padding-right: 4px; }
|
||||||
|
#imCell_112 { -ms-grid-rows: 100%; grid-template-rows: 100%; }
|
||||||
|
#imTextObject_112 { padding-top: 0px; padding-bottom: 1px; padding-left: 1px; padding-right: 1px; }
|
||||||
|
#imCellStyleGraphics_112 { left: 4px; right: 4px; }
|
||||||
|
#imCellStyleBorders_112 { left: 4px; right: 4px; border-top: 0; border-bottom: 1px solid rgba(225, 245, 243, 1); border-left: 1px solid rgba(225, 245, 243, 1); border-right: 1px solid rgba(225, 245, 243, 1); }
|
||||||
|
#imTextObject_112 .text-container {border-width: 0 1px 1px 1px;box-sizing: border-box;width: 100%;}
|
||||||
|
#imCell_126 { padding-top: 0px; padding-bottom: 0px; padding-left: 4px; padding-right: 4px; }
|
||||||
|
#imCell_126 { -ms-grid-rows: 100%; grid-template-rows: 100%; }
|
||||||
|
#pluginAppObj_126 { padding-top: 0px; padding-bottom: 0px; padding-left: 1px; padding-right: 1px; }
|
||||||
|
#imCellStyleGraphics_126 { left: 4px; right: 4px; }
|
||||||
|
#imCellStyleBorders_126 { left: 4px; right: 4px; border-top: 0; border-bottom: 0; border-left: 1px solid rgba(225, 245, 244, 1); border-right: 1px solid rgba(225, 245, 244, 1); }
|
||||||
|
#imCell_115 { padding-top: 0px; padding-bottom: 20px; padding-left: 4px; padding-right: 4px; }
|
||||||
|
#imCell_115 { -ms-grid-rows: 100%; grid-template-rows: 100%; }
|
||||||
|
#imTextObject_115 { padding-top: 0px; padding-bottom: 1px; padding-left: 1px; padding-right: 1px; }
|
||||||
|
#imCellStyleGraphics_115 { left: 4px; right: 4px; }
|
||||||
|
#imCellStyleBorders_115 { left: 4px; right: 4px; border-top: 0; border-bottom: 1px solid rgba(225, 245, 243, 1); border-left: 1px solid rgba(225, 245, 243, 1); border-right: 1px solid rgba(225, 245, 243, 1); }
|
||||||
|
#imTextObject_115 .text-container {border-width: 0 1px 1px 1px;box-sizing: border-box;width: 100%;}
|
||||||
|
#imCell_123 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; }
|
||||||
|
#imCell_123 { -ms-grid-rows: 100%; grid-template-rows: 100%; }
|
||||||
|
#imTextObject_123 { padding-top: 50px; padding-bottom: 100px; padding-left: 0px; padding-right: 0px; }
|
||||||
|
#imCellStyleGraphics_123 { left: 0px; right: 0px; }
|
||||||
|
#imCellStyleBorders_123 { left: 0px; right: 0px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; }
|
||||||
|
#imTextObject_123 .text-container {border-width: 0 1px 1px 1px;box-sizing: border-box;width: 100%;}
|
||||||
|
}
|
||||||
|
@media (max-width: 479.9px) {
|
||||||
|
#imCell_3 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; }
|
||||||
|
#imTextObject_03 { padding-top: 75px; padding-bottom: 0px; padding-left: 50px; padding-right: 0px; }
|
||||||
|
#imCell_3 { -ms-grid-rows: 100%; grid-template-rows: 100%; }
|
||||||
|
#imCellStyleGraphics_3 { top: 0px; bottom: 0px; left: 0px; right: 0px; box-sizing: border-box; }
|
||||||
|
#imTextObject_03 .text-container {border-width: 0 1px 1px 1px;box-sizing: border-box;width: 100%;}
|
||||||
|
#imCell_124 { padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px; }
|
||||||
|
#imObjectGallery_124 { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; }
|
||||||
|
#imCell_124 { -ms-grid-rows: 100%; grid-template-rows: 100%; }
|
||||||
|
#imCellStyleGraphics_124 { top: 10px; bottom: 10px; left: 5px; right: 5px; box-sizing: border-box; }
|
||||||
|
#imCell_21 { padding-top: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; }
|
||||||
|
#imTextObject_21 { padding-top: 50px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; }
|
||||||
|
#imCell_21 { -ms-grid-rows: 100%; grid-template-rows: 100%; }
|
||||||
|
#imCellStyleGraphics_21 { top: 0px; bottom: 10px; left: 0px; right: 0px; box-sizing: border-box; }
|
||||||
|
#imTextObject_21 .text-container {border-width: 0 1px 1px 1px;box-sizing: border-box;width: 100%;}
|
||||||
|
#imCell_125 { padding-top: 0px; padding-bottom: 0px; padding-left: 5px; padding-right: 5px; }
|
||||||
|
#pluginAppObj_125 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; }
|
||||||
|
#imCell_125 { -ms-grid-rows: 100%; grid-template-rows: 100%; }
|
||||||
|
#imCellStyleGraphics_125 { top: 0px; bottom: 0px; left: 5px; right: 5px; box-sizing: border-box; }
|
||||||
|
#imCell_114 { padding-top: 0px; padding-bottom: 20px; padding-left: 5px; padding-right: 5px; }
|
||||||
|
#imTextObject_114 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; }
|
||||||
|
#imCell_114 { -ms-grid-rows: 100%; grid-template-rows: 100%; }
|
||||||
|
#imCellStyleGraphics_114 { top: 0px; bottom: 20px; left: 5px; right: 5px; box-sizing: border-box; }
|
||||||
|
#imTextObject_114 .text-container {border-width: 0 1px 1px 1px;box-sizing: border-box;width: 100%;}
|
||||||
|
#imCell_122 { padding-top: 0px; padding-bottom: 0px; padding-left: 5px; padding-right: 5px; }
|
||||||
|
#pluginAppObj_122 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; }
|
||||||
|
#imCell_122 { -ms-grid-rows: 100%; grid-template-rows: 100%; }
|
||||||
|
#imCellStyleGraphics_122 { top: 0px; bottom: 0px; left: 5px; right: 5px; box-sizing: border-box; }
|
||||||
|
#imCell_118 { padding-top: 0px; padding-bottom: 20px; padding-left: 5px; padding-right: 5px; }
|
||||||
|
#imTextObject_118 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; }
|
||||||
|
#imCell_118 { -ms-grid-rows: 100%; grid-template-rows: 100%; }
|
||||||
|
#imCellStyleGraphics_118 { top: 0px; bottom: 20px; left: 5px; right: 5px; box-sizing: border-box; }
|
||||||
|
#imTextObject_118 .text-container {border-width: 0 1px 1px 1px;box-sizing: border-box;width: 100%;}
|
||||||
|
#imCell_119 { padding-top: 0px; padding-bottom: 0px; padding-left: 5px; padding-right: 5px; }
|
||||||
|
#pluginAppObj_119 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; }
|
||||||
|
#imCell_119 { -ms-grid-rows: 100%; grid-template-rows: 100%; }
|
||||||
|
#imCellStyleGraphics_119 { top: 0px; bottom: 0px; left: 5px; right: 5px; box-sizing: border-box; }
|
||||||
|
#imCell_112 { padding-top: 0px; padding-bottom: 20px; padding-left: 5px; padding-right: 5px; }
|
||||||
|
#imTextObject_112 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; }
|
||||||
|
#imCell_112 { -ms-grid-rows: 100%; grid-template-rows: 100%; }
|
||||||
|
#imCellStyleGraphics_112 { top: 0px; bottom: 20px; left: 5px; right: 5px; box-sizing: border-box; }
|
||||||
|
#imTextObject_112 .text-container {border-width: 0 1px 1px 1px;box-sizing: border-box;width: 100%;}
|
||||||
|
#imCell_126 { padding-top: 0px; padding-bottom: 0px; padding-left: 5px; padding-right: 5px; }
|
||||||
|
#pluginAppObj_126 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; }
|
||||||
|
#imCell_126 { -ms-grid-rows: 100%; grid-template-rows: 100%; }
|
||||||
|
#imCellStyleGraphics_126 { top: 0px; bottom: 0px; left: 5px; right: 5px; box-sizing: border-box; }
|
||||||
|
#imCell_115 { padding-top: 0px; padding-bottom: 20px; padding-left: 5px; padding-right: 5px; }
|
||||||
|
#imTextObject_115 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; }
|
||||||
|
#imCell_115 { -ms-grid-rows: 100%; grid-template-rows: 100%; }
|
||||||
|
#imCellStyleGraphics_115 { top: 0px; bottom: 20px; left: 5px; right: 5px; box-sizing: border-box; }
|
||||||
|
#imTextObject_115 .text-container {border-width: 0 1px 1px 1px;box-sizing: border-box;width: 100%;}
|
||||||
|
#imCell_123 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; }
|
||||||
|
#imTextObject_123 { padding-top: 50px; padding-bottom: 100px; padding-left: 0px; padding-right: 0px; }
|
||||||
|
#imCell_123 { -ms-grid-rows: 100%; grid-template-rows: 100%; }
|
||||||
|
#imCellStyleGraphics_123 { top: 0px; bottom: 0px; left: 0px; right: 0px; box-sizing: border-box; }
|
||||||
|
#imTextObject_123 .text-container {border-width: 0 1px 1px 1px;box-sizing: border-box;width: 100%;}
|
||||||
|
}
|
|
@ -0,0 +1,16 @@
|
||||||
|
.imHidden {display: none;}
|
||||||
|
.imBgStretcher {display: none;}
|
||||||
|
.imTip { display: none !important; }
|
||||||
|
.text-tabs { display: none !important; }
|
||||||
|
.text-tab-print-title { display: block !important; font-weight: bold; }
|
||||||
|
.text-container, .text-container > div, .text-inner, .text-inner div, .text-tab-content { padding: 0 0 10px 0 !important; height: auto !important; left: auto !important; top: auto !important; position: static !important; display: block !important; clear: both !important; }
|
||||||
|
#imPage {display: block !important;}
|
||||||
|
#imHeader {display: none !important;}
|
||||||
|
#imHeaderBg {display : none !important;}
|
||||||
|
#imFooter {display : none !important;}
|
||||||
|
#imFooterBg {display: none !important;}
|
||||||
|
#imContent {height: auto !important;}
|
||||||
|
#imSideBar {display: none !important;}
|
||||||
|
#imStickyBarContainer {display: none !important;}
|
||||||
|
#imPageToTop {display: none !important;}
|
||||||
|
img {position: static !important;}
|
|
@ -0,0 +1,21 @@
|
||||||
|
html, body, div, span, applet, object, iframe,
|
||||||
|
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||||
|
a, abbr, acronym, address, big, cite, code,
|
||||||
|
del, dfn, em, font, img, ins, kbd, q, s, samp,
|
||||||
|
small, strike, strong, sub, sup, tt, var,
|
||||||
|
b, u, i, center,
|
||||||
|
dl, dt, dd, ol, ul, li,
|
||||||
|
fieldset, form, label, legend,
|
||||||
|
table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
|
||||||
|
body{line-height:1;}
|
||||||
|
ol, ul{list-style:none;}
|
||||||
|
blockquote, q{quotes:none;}
|
||||||
|
blockquote:before, blockquote:after,
|
||||||
|
q:before, q:after{content:'';content:none;}
|
||||||
|
:focus{outline:0;}
|
||||||
|
ins{text-decoration:none;}
|
||||||
|
del{text-decoration:line-through;}
|
||||||
|
table{border-collapse:collapse;border-spacing:0;}
|
||||||
|
table, tbody, tfoot, thead, tr, th, td{vertical-align:top;}
|
||||||
|
img{vertical-align:bottom;}
|
||||||
|
main{display:block;}
|
|
@ -0,0 +1,409 @@
|
||||||
|
/* General purpose WSX5's required classes */
|
||||||
|
.imClear { visibility: hidden; clear: both; border: 0; margin: 0; padding: 0; }
|
||||||
|
.imHidden { display: none; }
|
||||||
|
.imCaptFrame { vertical-align: middle; }
|
||||||
|
.imAlertMsg { padding: 10px; font: 10pt "Trebuchet MS"; text-align: center; color: #000; background-color: #fff; border: 1px solid; }
|
||||||
|
.alert { padding: 5px 7px; margin: 5px 0 10px 0; border-radius: 5px; border: 1px solid; font: inherit; }
|
||||||
|
.alert-red { color: #ff6565; border-color: #ff6565; background-color: #fcc; }
|
||||||
|
.alert-green { color: #46543b; border-color: #8da876; background-color: #d5ffb3; }
|
||||||
|
.object-generic-error { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; background-color: black; color: white; font-family: 'Unica One'; }
|
||||||
|
.object-generic-error div { padding: 5px 20px; }
|
||||||
|
.text-right { text-align: right; }
|
||||||
|
.text-center { text-align: center; }
|
||||||
|
.vertical-middle, tr.vertical-middle td { vertical-align: middle; }
|
||||||
|
/* Common buttons style */
|
||||||
|
.im-common-left-button{
|
||||||
|
width: 50px;
|
||||||
|
height: 50px;
|
||||||
|
}
|
||||||
|
.im-common-left-button.disabled{
|
||||||
|
opacity: 0.4 !important; cursor: default;
|
||||||
|
}
|
||||||
|
.im-common-left-button:hover{
|
||||||
|
opacity: 0.8;
|
||||||
|
}
|
||||||
|
|
||||||
|
.im-common-right-button{
|
||||||
|
width: 50px;
|
||||||
|
height: 50px;
|
||||||
|
}
|
||||||
|
.im-common-right-button.disabled{
|
||||||
|
opacity: 0.4 !important; cursor: default;
|
||||||
|
}
|
||||||
|
.im-common-right-button:hover{
|
||||||
|
opacity: 0.8;
|
||||||
|
}
|
||||||
|
|
||||||
|
.im-common-close-button{
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
}
|
||||||
|
.im-common-close-button.disabled{
|
||||||
|
opacity: 0.4 !important; cursor: default;
|
||||||
|
}
|
||||||
|
.im-common-close-button:hover{
|
||||||
|
opacity: 0.8;
|
||||||
|
}
|
||||||
|
|
||||||
|
.im-common-enter-fs-button{
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
}
|
||||||
|
.im-common-enter-fs-button.disabled{
|
||||||
|
opacity: 0.4 !important; cursor: default;
|
||||||
|
}
|
||||||
|
.im-common-enter-fs-button:hover{
|
||||||
|
opacity: 0.8;
|
||||||
|
}
|
||||||
|
|
||||||
|
.im-common-exit-fs-button{
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
}
|
||||||
|
.im-common-exit-fs-button.disabled{
|
||||||
|
opacity: 0.4 !important; cursor: default;
|
||||||
|
}
|
||||||
|
.im-common-exit-fs-button:hover{
|
||||||
|
opacity: 0.8;
|
||||||
|
}
|
||||||
|
|
||||||
|
.im-common-zoom-in-button{
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
}
|
||||||
|
.im-common-zoom-in-button.disabled{
|
||||||
|
opacity: 0.4 !important; cursor: default;
|
||||||
|
}
|
||||||
|
.im-common-zoom-in-button:hover{
|
||||||
|
opacity: 0.8;
|
||||||
|
}
|
||||||
|
|
||||||
|
.im-common-zoom-out-button{
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
}
|
||||||
|
.im-common-zoom-out-button.disabled{
|
||||||
|
opacity: 0.4 !important; cursor: default;
|
||||||
|
}
|
||||||
|
.im-common-zoom-out-button:hover{
|
||||||
|
opacity: 0.8;
|
||||||
|
}
|
||||||
|
|
||||||
|
.im-common-zoom-restore-button{
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
}
|
||||||
|
.im-common-zoom-restore-button.disabled{
|
||||||
|
opacity: 0.4 !important; cursor: default;
|
||||||
|
}
|
||||||
|
.im-common-zoom-restore-button:hover{
|
||||||
|
opacity: 0.8;
|
||||||
|
}
|
||||||
|
|
||||||
|
.im-common-button-text-style{
|
||||||
|
font-family: Tahoma;
|
||||||
|
font-size: 16pt;
|
||||||
|
color: #010101;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
#imShowBox .grabbable { cursor: grab; cursor: -webkit-grab; }
|
||||||
|
#imShowBox .grabbing { cursor: grabbing; cursor: -webkit-grabbing; }
|
||||||
|
#imShowBoxWrapper > div { transition: opacity 1s; }#imShowBoxWrapper.imHideShowBoxControls > div { opacity: 0; }
|
||||||
|
#imShowBoxWrapper.imHideShowBoxControls > div#imShowBox { opacity: 1; }
|
||||||
|
|
||||||
|
|
||||||
|
/* Page default */
|
||||||
|
#imPage { font: normal normal normal 14pt 'Unica One'; color: rgba(0, 0, 0, 1); background-color: transparent; text-decoration: none; text-align: left; }
|
||||||
|
.text-tab-content { text-align: left; }
|
||||||
|
.text-tab-content hr { border-color: rgba(0, 0, 0, 1); }body.wysiwyg { padding: 3px; font: normal normal normal 14pt 'Unica One'; color: black; line-height: 1; }
|
||||||
|
body.wysiwyg p { margin: 0; line-height: 28px; }
|
||||||
|
.dynamic-object-text p { line-height: 28px; }
|
||||||
|
|
||||||
|
|
||||||
|
/* Page Title */
|
||||||
|
#imPgTitle, #imPgTitle a, .imPgTitle, .imPgTitle a { padding-top: 2px; padding-bottom: 2px; margin: 5px 0; font: normal normal bold 12pt 'Marcellus SC'; color: rgba(255, 255, 255, 1); background-color: transparent; text-decoration: none; text-align: left; }
|
||||||
|
#imPgTitle, .imPgTitle { border-width: 0 0 0 0; border-style: solid; border-color: transparent transparent transparent transparent; }
|
||||||
|
#imPgTitle.imTitleMargin, .imPgTitle.imTitleMargin { margin-left: 2px; margin-right: 2px; }
|
||||||
|
|
||||||
|
|
||||||
|
/* Headings */
|
||||||
|
.imHeading1 {font: normal normal bold 14pt 'Sigmar One'; color: rgba(0, 0, 0, 1); text-decoration: none; text-align: left; line-height: 28px; margin: 0px 0px 0px 0px;}
|
||||||
|
.imHeading2 {font: normal normal bold 14pt 'Unica One'; color: rgba(0, 0, 0, 1); text-decoration: none; text-align: left; line-height: 28px; margin: 0px 0px 0px 0px;}
|
||||||
|
.imHeading3 {font: normal normal bold 14pt 'Unica One'; color: rgba(0, 0, 0, 1); text-decoration: none; text-align: left; line-height: 28px; margin: 0px 0px 0px 0px;}
|
||||||
|
.imHeading4 {font: normal normal bold 14pt 'Unica One'; color: rgba(0, 0, 0, 1); text-decoration: none; text-align: left; line-height: 28px; margin: 0px 0px 0px 0px;}
|
||||||
|
.imHeading5 {font: normal normal bold 14pt 'Unica One'; color: rgba(0, 0, 0, 1); text-decoration: none; text-align: left; line-height: 28px; margin: 0px 0px 0px 0px;}
|
||||||
|
.imHeading6 {font: normal normal bold 14pt 'Unica One'; color: rgba(0, 0, 0, 1); text-decoration: none; text-align: left; line-height: 28px; margin: 0px 0px 0px 0px;}
|
||||||
|
|
||||||
|
|
||||||
|
/* Breadcrumb */
|
||||||
|
.imBreadcrumb, #imBreadcrumb { display: none; }
|
||||||
|
.imBreadcrumb, .imBreadcrumb a, #imBreadcrumb, #imBreadcrumb a { padding-top: 2px; padding-bottom: 2px; font: normal normal normal 7pt 'Unica One'; color: rgba(159, 171, 176, 1); background-color: transparent; text-decoration: none; text-align: left; }
|
||||||
|
.imBreadcrumb, #imBreadcrumb { border-width: 0 0 0 0; border-style: solid; border-color: transparent transparent transparent transparent}
|
||||||
|
.imBreadcrumb a, .imBreadcrumb a:link, .imBreadcrumb a:hover, .imBreadcrumb a:visited, .imBreadcrumb a:active { color: rgba(159, 171, 176, 1); display: inline-block; }
|
||||||
|
|
||||||
|
|
||||||
|
/* Links */
|
||||||
|
.imCssLink:link, .imCssLink { background-color: transparent; color: rgba(255, 0, 0, 1); text-decoration: none; transition: color 0.2s linear, background-color 0.2s linear;}
|
||||||
|
.imCssLink:visited { color: rgba(61, 40, 17, 1); }
|
||||||
|
.imCssLink:hover, .imCssLink:active, .imCssLink:hover, .imCssLink:active { background-color: transparent; color: rgba(193, 203, 206, 1); text-decoration: underline; }
|
||||||
|
.imAbbr:link { background-color: transparent; color: rgba(255, 0, 0, 1); text-decoration: none; }
|
||||||
|
.imAbbr:visited { background-color: transparent; color: rgba(61, 40, 17, 1); text-decoration: none; }
|
||||||
|
.imAbbr:hover, .imAbbr:active { background-color: transparent; color: rgba(193, 203, 206, 1); border-bottom: 1px dotted rgba(193, 203, 206, 1); text-decoration: none; }
|
||||||
|
#imPage input[type=text], #imPage input[type=password], #imPage input[type=email], #imPage input[type=tel], textarea, span.textarea, #cart-container .user-form select { font: inherit; border-style: solid; border-width: 1px 1px 1px 1px; border-color: rgba(159, 171, 176, 1) rgba(159, 171, 176, 1) rgba(159, 171, 176, 1) rgba(159, 171, 176, 1); background-color: rgba(255, 255, 255, 1); color: rgba(0, 0, 0, 1); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;padding: 5px 5px 5px 5px; box-shadow: none; box-sizing: border-box; }
|
||||||
|
#imPage input[type=text].captchaInvalid, #imPage input[type=text].mandatoryInvalid, #imPage input[type=password].mandatoryInvalid, #imPage input[type=email].mandatoryInvalid, #imPage input[type=tel].mandatoryInvalid, textarea.mandatoryInvalid, span.textarea.mandatoryInvalid { border-color: red; }
|
||||||
|
textarea { resize: none; }
|
||||||
|
#imPage input[type=button], #imPage input[type=submit], #imPage input[type=reset], #imPage button.imButton {padding: 5px 5px 5px 5px; cursor: pointer; font: inherit; background-color: rgba(54, 71, 79, 1); color: rgba(255, 255, 255, 1); border-style: solid; border-width: 0px 0px 0px 0px; border-color: rgba(55, 71, 79, 1) rgba(55, 71, 79, 1) rgba(55, 71, 79, 1) rgba(55, 71, 79, 1); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;box-sizing: content-box; -webkit-appearance: none; }
|
||||||
|
.search_form input { border-radius: 0; }
|
||||||
|
input[type=button], input[type=submit], input[type=reset], button { -webkit-appearance: none; }
|
||||||
|
.pagination-container { text-align: center; margin: 10px 0; box-sizing: border-box; }
|
||||||
|
.pagination-container .dots-page { margin: 0 3px; padding: 0; }
|
||||||
|
.pagination-container .page { margin: 0 1px; padding: 5px 8px; border-radius: 3px; background-color: transparent; color: rgba(0, 0, 0, 1); text-decoration: none; transition: color 0.2s linear, background-color 0.2s linear; cursor: pointer;}
|
||||||
|
.pagination-container .page:hover { background-color: transparent; color: rgba(193, 203, 206, 1); }
|
||||||
|
.pagination-container .page.current { background-color: transparent; color: rgba(255, 0, 0, 1); }
|
||||||
|
.imNoScript { position: absolute; top: 5px; left: 5%; width: 90%; font: normal normal normal 14pt 'Unica One'; text-decoration: none; text-align: left; }
|
||||||
|
|
||||||
|
/* Tip */
|
||||||
|
.imTip { position: absolute; z-index: 100201; margin: 0 auto; padding: 10px; background-color: rgba(255, 255, 255, 1); border-style: solid; border-width: 1px 1px 1px 1px; border-color: rgba(255, 0, 0, 1) rgba(255, 0, 0, 1) rgba(255, 0, 0, 1) rgba(255, 0, 0, 1); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
|
||||||
|
.imTip { opacity: 0; transition: opacity 1s; }
|
||||||
|
@keyframes imTipTopBounce { 0% { transform: translateY(-200px); } 50% { transform: translateY(0); } 70% { transform: translateY(-20px); } 90% { transform: translateY(0); } 95% { transform: translateY(-3px); } 100% { transform: translateY(0); } }@keyframes imTipBottomBounce { 0% { transform: translateY(200px); } 50% { transform: translateY(0); } 70% { transform: translateY(20px); } 90% { transform: translateY(0); } 95% { transform: translateY(3px); } 100% { transform: translateY(0); } }@keyframes imTipLeftBounce { 0% { transform: translateX(-200px); } 50% { transform: translateX(0); } 70% { transform: translateX(-20px); } 90% { transform: translateX(0); } 95% { transform: translateX(-3px); } 100% { transform: translateX(0); } }@keyframes imTipRightBounce { 0% { transform: translateX(200px); } 50% { transform: translateX(0); } 70% { transform: translateX(20px); } 90% { transform: translateX(0); } 95% { transform: translateX(3px); } 100% { transform: translateX(0); } }.imTip.imTipTop.imTipVisible { opacity: 1; animation: 1s imTipTopBounce; }
|
||||||
|
.imTip.imTipBottom.imTipVisible { opacity: 1; animation: 1s imTipBottomBounce; }
|
||||||
|
.imTip.imTipLeft.imTipVisible { opacity: 1; animation: 1s imTipLeftBounce; }
|
||||||
|
.imTip.imTipRight.imTipVisible { opacity: 1; animation: 1s imTipRightBounce; }
|
||||||
|
.imTipArrowBorder, .imTipArrow { border-style: solid; height: 0; width: 0; position: absolute; }
|
||||||
|
.imTip.imTipTop>.imTipArrowBorder { border-color: rgba(255, 0, 0, 1) transparent transparent transparent; border-width: 11px 11px 0px 11px; top: 100%; left: calc(50% - 11px); }
|
||||||
|
.imTip.imTipTop>.imTipArrow { border-color: rgba(255, 255, 255, 1) transparent transparent transparent; border-width: 10px 10px 0px 10px; top: 100%; left: calc(50% - 10px); }
|
||||||
|
.imTip.imTipBottom>.imTipArrowBorder { border-color: transparent transparent rgba(255, 0, 0, 1) transparent; border-width: 0px 11px 11px 11px; bottom: 100%; left: calc(50% - 11px); }
|
||||||
|
.imTip.imTipBottom>.imTipArrow { border-color: transparent transparent rgba(255, 255, 255, 1) transparent; border-width: 0px 10px 10px 10px; bottom: 100%; left: calc(50% - 10px); }
|
||||||
|
.imTip.imTipLeft>.imTipArrowBorder { border-color: transparent transparent transparent rgba(255, 0, 0, 1); border-width: 11px 0px 11px 11px; left: 100%; top: calc(50% - 11px); }
|
||||||
|
.imTip.imTipLeft>.imTipArrow { border-color: transparent transparent transparent rgba(255, 255, 255, 1); border-width: 10px 0px 10px 10px; left: 100%; top: calc(50% - 10px); }
|
||||||
|
.imTip.imTipRight>.imTipArrowBorder { border-color: transparent rgba(255, 0, 0, 1) transparent transparent; border-width: 11px 11px 11px 0px; right: 100%; top: calc(50% - 11px); }
|
||||||
|
.imTip.imTipRight>.imTipArrow { border-color: transparent rgba(255, 255, 255, 1) transparent transparent; border-width: 10px 10px 10px 0px; right: 100%; top: calc(50% - 10px); }
|
||||||
|
.imTipContent { width: 100%; font: normal normal normal 13pt 'Open Sans'; color: rgba(67, 67, 67, 1); background-color: rgba(255, 255, 255, 1); text-decoration: none; text-align: center; }
|
||||||
|
.imTipContent img { margin-bottom: 6px; max-width: 100%; }
|
||||||
|
.imTip.textLeft .imTipContent { text-align: left; }
|
||||||
|
|
||||||
|
|
||||||
|
/* Date Picker */
|
||||||
|
.date-picker { font-family: Arial, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif; user-select: none; position: absolute; width: 278px; background-color: white; border: 1px solid #ccc; box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.4); }
|
||||||
|
.date-picker table { border-collapse: collapse; margin: 5px auto; }
|
||||||
|
.date-picker .header { padding: 1rem; box-sizing: border-box; height: 73px; display: block; color: white; background-color: #909090; line-height: 1.25; font-size: 1rem; }
|
||||||
|
.date-picker .header .year { font-size: 0.75rem; }
|
||||||
|
.date-picker .header .date { font-size: 1.325rem; }
|
||||||
|
.date-picker .container { text-align: center; padding: 8px; font-size: 12px; font-weight: bold; display: inline-block; }
|
||||||
|
.date-picker .month-text { display: inline-block; min-width: 160px; }
|
||||||
|
.date-picker .year-text { display: inline-block; min-width: 65px; }
|
||||||
|
.date-picker .day { text-align: center; vertical-align: middle; width: 37.42px; height: 37.42px; font-size: 12px; cursor: pointer; }
|
||||||
|
.date-picker .selDay { position: relative; background-color: rgba(27, 161, 226, 0.5); border: 1px solid #5ebdec; font-weight: bold; color: white; box-sizing: border-box; }
|
||||||
|
.date-picker .selDay::before { position: absolute; display: block; content: ""; background-color: transparent; border-color: #ffffff !important; border-left: 2px solid; border-bottom: 2px solid; height: 4px; width: 5px; right: .15rem; top: .15rem; z-index: 102; transform: rotate(-45deg); }
|
||||||
|
.date-picker .selDay::after { position: absolute; display: block; border-top: 20px solid #5ebdec; border-left: 20px solid transparent; right: -1px; content: ""; top: -1px; z-index: 100; }
|
||||||
|
.date-picker .table-header { cursor: default; font-size: 12px; text-align: center; height: 30px; vertical-align: middle; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada}
|
||||||
|
.date-picker .arrow { display: inline; cursor: pointer; font-weight: bold; }
|
||||||
|
|
||||||
|
|
||||||
|
/* Popup */
|
||||||
|
#imGuiPopUp { padding: 20px; position: fixed; background-color: rgba(67, 67, 67, 1); border-style: solid; border-width: 0px 0px 0px 0px; border-color: rgba(55, 71, 79, 1) rgba(55, 71, 79, 1) rgba(55, 71, 79, 1) rgba(55, 71, 79, 1); border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;font: normal normal normal 13pt 'Open Sans'; color: rgba(243, 243, 243, 1); background-color: transparent; text-decoration: none; text-align: center; }
|
||||||
|
.imGuiButton { margin-top: 20px; margin-left: auto; margin-right: auto; text-align: center; width: 80px; cursor: pointer; background-color: #444; color: white; padding: 5px; font-size: 14px; font-family: Arial; }
|
||||||
|
#imGuiPopUpBg { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(67, 67, 67, 1); }
|
||||||
|
.alertbox { cursor: default; text-align: center; padding: 0; }
|
||||||
|
.alertbox .close-button { cursor: pointer; position: absolute; top: 2px; right: 2px; font-weight: bold; cursor: pointer; font-family: Tahoma; }
|
||||||
|
.alertbox .target-image { cursor: pointer; margin: 0px auto; }
|
||||||
|
|
||||||
|
|
||||||
|
/* Splash Box */
|
||||||
|
.splashbox { position: fixed; padding: 0; background-color: transparent; border: none; }
|
||||||
|
.splashbox img { cursor: pointer; }
|
||||||
|
.splashbox .imClose { position: absolute; top: -10px; right: -10px; z-index: 1; }
|
||||||
|
#welcome-flags { margin: 0 auto; text-align: center; }
|
||||||
|
#welcome-flags div { display: inline-block; margin: 10px; }
|
||||||
|
#welcome-mediaplayertarget { overflow: hidden; }
|
||||||
|
.prt_field { display: none; }
|
||||||
|
.topic-summary { display: flex; flex-flow: row wrap; justify-content: space-around; align-items: center; align-content: center; margin-bottom: 5px; padding: 10px 0; border-width: 1px 0; border-style: solid; border-color: rgba(35, 35, 35, 0.5); }
|
||||||
|
.topic-average { flex-grow: 1; box-sizing: border-box; padding: 0 5px; text-align: center; min-width: 250px; }
|
||||||
|
.topic-average .rating-value { display: flex; align-self: center; justify-content: center; align-items: center; font-weight: bold; }
|
||||||
|
.topic-average .rating-value .big { font-size: 64px; font-weight: 100; line-height: 64px; }
|
||||||
|
.topic-bars { flex-grow: 1; box-sizing: border-box; display: inline-block; text-align: center; min-width: 350px; padding: 5px 20px; }
|
||||||
|
.topic-bar { display: grid; width: 100%; max-width: 100%; grid-template-columns: 13% 71% 16%; justify-items: center; align-items: center; }
|
||||||
|
.topic-average .label-review { font-size: 0.8em; }
|
||||||
|
.topic-average .label-no-review { padding: 10px 0; }
|
||||||
|
.topic-bar .bar-star-n { display: flex; line-height: 26px; align-items: center; }
|
||||||
|
.topic-bar .bar-star-n .star { width: 32px; position: unset; background-repeat: no-repeat; background-position: center; }
|
||||||
|
.topic-bar .bar-progress { width: 100%; max-width: 100%; height: 12px; }
|
||||||
|
.topic-bar .bar-progress > span { width: 50%; max-width: 100%; background-color: red; height: 100%; display: block; }
|
||||||
|
.topic-bar .bar-total { padding: 0 10px; font-size: 0.95em; border-radius: 6px; border: 1px solid rgba(35, 35, 35, 0.5); }
|
||||||
|
.topic-add-review { flex-grow: 1; box-sizing: border-box; text-align: center; padding: 5px; min-width: 250px; }
|
||||||
|
.topic-form { text-align: left; max-height: 0; overflow: hidden; transition: max-height 0.5s ease-in; }
|
||||||
|
.topic-form.offline { margin-bottom: 0; }
|
||||||
|
.topic-form.visible { max-height: 1000px; width: 100%; }
|
||||||
|
.fill { min-width: 200px; }
|
||||||
|
.topic-summary.comments .topic-total-review { flex-grow: 1; box-sizing: border-box; padding: 5px; min-width: 250px; text-align: center; }
|
||||||
|
.topic-summary.comments .topic-total-review > div { text-align: center; }
|
||||||
|
.topic-summary.comments .topic-total-review .topic-number-review { font-size: 64px; font-weight: 100; line-height: 64px; }
|
||||||
|
.topic-summary.comments .topic-space { flex-grow: 1; box-sizing: border-box; padding: 5px; min-width: 250px; visibility: hidden; }
|
||||||
|
.topic-summary.comments .topic-review-c { display: inline-block; }
|
||||||
|
.topic-summary.comments .topic-total-review .label-review { font-size: 0.8em; }
|
||||||
|
.topic-summary.star .topic-star { flex-grow: 1; box-sizing: border-box; padding: 5px; min-width: 250px; }
|
||||||
|
.topic-summary.star .topic-star .box-star { display: inline-block; text-align: left; }
|
||||||
|
.topic-summary.star .topic-star .enter_rating { margin-bottom: 7px; }
|
||||||
|
.imCaptFrame { position: absolute; float: right; margin: 0; padding: 0; top: 5px;}
|
||||||
|
.topic-form-row { position: relative; padding-top: 5px; }
|
||||||
|
.topic-star-container-big, .topic-star-container-small { display: inline-block; position: relative; background-repeat: repeat-x; background-position: left top; }
|
||||||
|
.topic-star-container-big { width: 160px; height: 34px; }
|
||||||
|
.topic-star-container-small { width: 80px; height: 16px; }
|
||||||
|
.topic-star-fixer-big, .topic-star-fixer-small { display: block; position: absolute; top: 0; left: 0; background-repeat: repeat-x; background-position: left top; }
|
||||||
|
.topic-star-fixer-big { height: 34px; }
|
||||||
|
.topic-star-fixer-small { height: 16px; }
|
||||||
|
.variable-star-rating { cursor: pointer; }
|
||||||
|
.blog-topic { padding: 10px; }
|
||||||
|
.comments-and-ratings-topic-form { width: 80%; }
|
||||||
|
.topic-form-row { min-width: 240px; display: flex; flex-wrap: wrap; }
|
||||||
|
.topic-form-row .topic-form-item { flex-grow: 1; min-width: 240px; margin-right: 25px; padding-top: 0.3em; padding-bottom: 0.3em; box-sizing: border-box; width: 40%;}
|
||||||
|
.topic-form-row .topic-form-item.second-column.empty-column { padding: 0; }
|
||||||
|
.topic-form-row .topic-form-item.rating { display: flex; align-items: center; }
|
||||||
|
.topic-form-row .topic-form-item.rating label { margin-bottom: 0; width: auto; margin-right: 1em; }
|
||||||
|
.topic-form-row .topic-form-item label { display: block; width: 100%; margin-bottom: 0.5em; }
|
||||||
|
.topic-form-row .topic-form-item input { width: 100%; }
|
||||||
|
.topic-comment { box-sizing: border-box; margin: 0 0 10px 0; padding: 10px; border-radius: 10px 10px 10px 10px; border: 1px solid rgba(35, 35, 35, 0.5); }
|
||||||
|
.topic-comment-count { font-weight: bold; margin: 10px 0 7px; }
|
||||||
|
.topic-comment-user { margin-bottom: 5px; font-weight: bold; }
|
||||||
|
.topic-comment-user > span { word-wrap: break-word; overflow: hidden; }
|
||||||
|
.topic-comment-avatar .avatar-img { border-radius: 50%; }
|
||||||
|
.topic-comment-abuse { margin: 5px 0 0 0; border: none; text-align: right; visibility: hidden; }
|
||||||
|
.topic-comment:hover .topic-comment-abuse, .topic-comment .topic-comment-abuse.mobile { visibility: visible; }
|
||||||
|
.topic-comment-abuse:hover { text-decoration: underline; }
|
||||||
|
.topic-comment-abuse > a { font-size: 0.8em; text-decoration: none; color: rgba(0, 0, 0, 0.7); }
|
||||||
|
.topic-comment-date { margin-bottom: 5px; display: block; }
|
||||||
|
.topic-comment-info-body { display: flex; }
|
||||||
|
.topic-comment-info-body .topic-comment-body { word-wrap: break-word; overflow: hidden; }
|
||||||
|
.topic-comments { margin: 30px auto 0 auto; }
|
||||||
|
.topic-comments.one-columns .topic-comment-info-body .topic-comment-info { width: 18%; }
|
||||||
|
.topic-comments.one-columns .topic-comment-info-body .topic-comment-body { width: 82%; margin-left: 0.5em; }
|
||||||
|
.topic-comments.one-columns .topic-comment-info-body .topic-comment-avatar { width: 80px; text-align: center; margin-bottom: 10px; }
|
||||||
|
.topic-comments.multiple-columns:after { content: ''; display: block; clear: both; }
|
||||||
|
.topic-comments.multiple-columns { visibility: hidden; }
|
||||||
|
.topic-comments.multiple-columns.visible { visibility: visible; }
|
||||||
|
.topic-comments.multiple-columns { box-sizing: border-box; width: 100% !important; max-width: 100%; }
|
||||||
|
.topic-comments.multiple-columns .topic-comment { min-width: 250px; box-sizing: border-box; padding: 0; }
|
||||||
|
.topic-comments.multiple-columns .topic-comment .topic-comment-info-body { padding: 10px; flex-direction: column; }
|
||||||
|
.topic-comments.multiple-columns .topic-comment .topic-comment-info-body .topic-comment-info { display: flex; flex-direction: row-reverse; justify-content: space-between; }
|
||||||
|
.topic-comments.multiple-columns .topic-comment .topic-comment-info-body .topic-comment-info .topic-comment-avatar { display: flex; align-items: center; margin: 0 20px 0 0; }
|
||||||
|
.topic-comments.multiple-columns .topic-comment .topic-comment-abuse { padding: 0 10px 10px 10px; }
|
||||||
|
.topic-comments.multiple-columns .topic-comment-body { margin: 15px 0 0 0; }
|
||||||
|
@media (max-width: 1149.9px) and (min-width: 720.0px) {
|
||||||
|
.topic-bars, .topic-space { display: none; }
|
||||||
|
|
||||||
|
}
|
||||||
|
@media (max-width: 719.9px) and (min-width: 480.0px) {
|
||||||
|
.topic-bars, .topic-space { display: none; }
|
||||||
|
|
||||||
|
}
|
||||||
|
@media (max-width: 719.9px) and (min-width: 480.0px) {
|
||||||
|
.comments-and-ratings-topic-form { width: 100%; }
|
||||||
|
.topic-form-row .topic-form-item { width: 100%; margin-right: 0; }
|
||||||
|
|
||||||
|
}
|
||||||
|
@media (max-width: 479.9px) {
|
||||||
|
.topic-bars, .topic-space { display: none; }
|
||||||
|
|
||||||
|
}
|
||||||
|
@media (max-width: 479.9px) {
|
||||||
|
.comments-and-ratings-topic-form { width: 100%; }
|
||||||
|
.topic-form-row .topic-form-item { width: 100%; margin-right: 0; }
|
||||||
|
|
||||||
|
}
|
||||||
|
#cookie-law-message {background-color: rgba(40, 40, 40, 1);color: rgba(255, 255, 255, 1);font: normal normal normal 11pt 'Unica One'; ; padding:3px 4px;}
|
||||||
|
#cookie-law-message .splashContent { padding:20px;}
|
||||||
|
#cookie-law-message .imClose { display:inline-block; position: relative; top:0; right:0;margin: 5px 0 5px 20px;}
|
||||||
|
#cookie-law-message .imCloseInn {display: inline-block; padding:8px 10px; text-align: center; border-radius: 4px; cursor:pointer;background-color: rgba(204, 204, 204, 1);color: rgba(106, 168, 79, 1);}
|
||||||
|
#cookie-law-message .imCloseInn:hover {opacity: 0.8; }
|
||||||
|
#cookie-law-message .message-container .wrapper-content > div { display:inline-block; }
|
||||||
|
#cookie-law-message div { line-height: 28px; }
|
||||||
|
#cookie-law-message .imHeading1 { line-height: 28px; }
|
||||||
|
#cookie-law-message .imHeading2 { line-height: 28px; }
|
||||||
|
#cookie-law-message .imHeading3 { line-height: 28px; }
|
||||||
|
#cookie-law-message .imHeading4 { line-height: 28px; }
|
||||||
|
#cookie-law-message .imHeading5 { line-height: 28px; }
|
||||||
|
#cookie-law-message .imHeading6 { line-height: 28px; }
|
||||||
|
#cookie-law-message ul { list-style: disc; margin: 0; padding: 0; overflow: hidden; }
|
||||||
|
#cookie-law-message ul ul { list-style: square; padding: 0 0 0 20px; }
|
||||||
|
#cookie-law-message ul ul ul { list-style: circle; }
|
||||||
|
#cookie-law-message ul li { margin: 0 0 0 40px; padding: 0px; }
|
||||||
|
#cookie-law-message ol { list-style: decimal; margin: 0; padding: 0; }
|
||||||
|
#cookie-law-message ol ol { list-style: lower-alpha; padding: 0 0 0 20px; }
|
||||||
|
#cookie-law-message ol li { margin: 0 0 0 40px; padding: 0px; }
|
||||||
|
#cookie-law-message blockquote { margin: 0 0 0 15px; padding: 0; border: none; }
|
||||||
|
#cookie-law-message table { border: none; padding: 0; border-collapse: collapse; }
|
||||||
|
#cookie-law-message table td { border: 1px solid black; word-wrap: break-word; padding: 4px 3px 4px 3px; margin: 0; vertical-align: middle; }
|
||||||
|
#cookie-law-message p { margin: 0; padding: 0; }
|
||||||
|
#cookie-law-message .inline-block { display: inline-block; }
|
||||||
|
#cookie-law-message sup { vertical-align: super; font-size: smaller; }
|
||||||
|
#cookie-law-message sub { vertical-align: sub; font-size: smaller; }
|
||||||
|
#cookie-law-message img { border: none; margin: 0; vertical-align: text-bottom;}
|
||||||
|
#cookie-law-message .fleft { float: left; vertical-align: baseline;}
|
||||||
|
#cookie-law-message .fright { float: right; vertical-align: baseline;}
|
||||||
|
#cookie-law-message img.fleft { margin-right: 15px; }
|
||||||
|
#cookie-law-message img.fright { margin-left: 15px; }
|
||||||
|
#cookie-law-message .imTALeft { text-align: left; }
|
||||||
|
#cookie-law-message .imTARight { text-align: right; }
|
||||||
|
#cookie-law-message .imTACenter { text-align: center; }
|
||||||
|
#cookie-law-message .imTAJustify { text-align: justify; }
|
||||||
|
#cookie-law-message .imUl { text-decoration: underline; }
|
||||||
|
#cookie-law-message .imStrike { text-decoration: line-through; }
|
||||||
|
#cookie-law-message .imUlStrike { text-decoration: underline line-through; }
|
||||||
|
#cookie-law-message .imVt { vertical-align: top; }
|
||||||
|
#cookie-law-message .imVc { vertical-align: middle; }
|
||||||
|
#cookie-law-message .imVb { vertical-align: bottom; }
|
||||||
|
#cookie-law-message hr { border-width: 1px 0 0 0; border-style: solid; }
|
||||||
|
#media-query-to-js { position: absolute; display: none; }@media (min-width: 1150.0px) {
|
||||||
|
#media-query-to-js { width: 1150px; }
|
||||||
|
}
|
||||||
|
@media (max-width: 1149.9px) and (min-width: 720.0px) {
|
||||||
|
#media-query-to-js { width: 720px; }
|
||||||
|
}
|
||||||
|
@media (max-width: 719.9px) and (min-width: 480.0px) {
|
||||||
|
#media-query-to-js { width: 480px; }
|
||||||
|
}
|
||||||
|
@media (max-width: 479.9px) {
|
||||||
|
#media-query-to-js { width: 0px; }
|
||||||
|
}
|
||||||
|
@media all and (min-width:1px) { .media-test { position: absolute; } }
|
||||||
|
@supports (display: grid) { .media-test { text-align: justify; } }
|
||||||
|
.browser-comp-message { position: fixed; bottom: 0; left: 0; right: 0; z-index: 10600; }
|
||||||
|
.browser-comp-message.severity-error {top: 0; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGNiOAMAANUAz5n+TlUAAAAASUVORK5CYII='); }
|
||||||
|
.browser-comp-message div { padding: 20px; border: 2px solid #888; background-color: #000;}
|
||||||
|
.browser-comp-message.severity-error div { width: 90%; max-width: 500px; max-height: 120px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; padding: 50px 0; }
|
||||||
|
.browser-comp-message p { font-family: Tahoma, Sans-serif; font-size: 12pt; margin: 20px 0; text-align: center; color: #fff; }
|
||||||
|
.browser-comp-message.severity-warning p { text-align: left; display: inline; margin: 0 5px; }
|
||||||
|
.browser-comp-message a { font-family: Tahoma, Sans-serif; font-size: 12pt; font-weight: bold; color: #00d7f7; text-decoration: none; }
|
||||||
|
.x5captcha-wrap { text-align: center; box-sizing: border-box; width: 100%; padding-right: 10px; }
|
||||||
|
.x5captcha-wrap label { padding: 0; }
|
||||||
|
.x5captcha-wrap input { width: 120px; }
|
||||||
|
.captcha-container { display: block; margin: 3px auto 2px auto; width: 160px; height: 32px; border: 1px solid #BBBBBB; }
|
||||||
|
.imLoadAnim { width: 32px; height: 32px; position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0;}
|
||||||
|
.imLoadAnim .imLoadCircle { width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
|
||||||
|
.imLoadAnim .imLoadCircle:before { content: ''; display: block; margin: 0 auto; width: 15%; height: 15%; background-color: #333; border-radius: 100%; -webkit-animation: imLoadCircleFadeDelay 1.2s infinite ease-in-out both; animation: imLoadCircleFadeDelay 1.2s infinite ease-in-out both;}
|
||||||
|
.imLoadAnim .imLoadCircle2 { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg);}
|
||||||
|
.imLoadAnim .imLoadCircle3 { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg);}
|
||||||
|
.imLoadAnim .imLoadCircle4 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
|
||||||
|
.imLoadAnim .imLoadCircle5 { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg);}
|
||||||
|
.imLoadAnim .imLoadCircle6 { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg);}
|
||||||
|
.imLoadAnim .imLoadCircle7 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
|
||||||
|
.imLoadAnim .imLoadCircle8 { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg);}
|
||||||
|
.imLoadAnim .imLoadCircle9 { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg);}
|
||||||
|
.imLoadAnim .imLoadCircle10 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg);}
|
||||||
|
.imLoadAnim .imLoadCircle11 { -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); }
|
||||||
|
.imLoadAnim .imLoadCircle12 { -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); }
|
||||||
|
.imLoadAnim .imLoadCircle2:before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }
|
||||||
|
.imLoadAnim .imLoadCircle3:before { -webkit-animation-delay: -1s; animation-delay: -1s; }
|
||||||
|
.imLoadAnim .imLoadCircle4:before { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }
|
||||||
|
.imLoadAnim .imLoadCircle5:before { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }
|
||||||
|
.imLoadAnim .imLoadCircle6:before { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; }
|
||||||
|
.imLoadAnim .imLoadCircle7:before { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; }
|
||||||
|
.imLoadAnim .imLoadCircle8:before { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; }
|
||||||
|
.imLoadAnim .imLoadCircle9:before { -webkit-animation-delay: -0.4s; animation-delay: -0.4s;}
|
||||||
|
.imLoadAnim .imLoadCircle10:before { -webkit-animation-delay: -0.3s; animation-delay: -0.3s;}
|
||||||
|
.imLoadAnim .imLoadCircle11:before { -webkit-animation-delay: -0.2s; animation-delay: -0.2s;}
|
||||||
|
.imLoadAnim .imLoadCircle12:before { -webkit-animation-delay: -0.1s; animation-delay: -0.1s;}
|
||||||
|
@-webkit-keyframes imLoadCircleFadeDelay { 0%, 39%, 100% { opacity: 0; } 40% { opacity: 1; }}
|
||||||
|
@keyframes imLoadCircleFadeDelay { 0%, 39%, 100% { opacity: 0; } 40% { opacity: 1; } }
|
||||||
|
.image-list-row-container, .image-list-row-item { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; background-size: cover; transform-origin: 0 0; animation-fill-mode: both; } .image-list-row-item.hidden { display: none; } .image-list-row-item.row-format-animation-none.out { display: none; } .image-list-row-item.row-format-animation-fade.in { animation-name: row-format-animation-fade-in; } .image-list-row-item.row-format-animation-fade.out { animation-name: row-format-animation-fade-out; } @keyframes row-format-animation-fade-in { 0% { opacity: 0; } } @keyframes row-format-animation-fade-out { 100% { opacity: 0; } } .image-list-row-item.row-format-animation-slideHorizontal.in { animation-name: row-format-animation-slideHorizontal-in; } .image-list-row-item.row-format-animation-slideHorizontal.out { animation-name: row-format-animation-slideHorizontal-out; } @keyframes row-format-animation-slideHorizontal-in { 0% { transform: translate3d(-100%, 0, 0); } } @keyframes row-format-animation-slideHorizontal-out { 100% { transform: translate3d(100%, 0, 0); } } .image-list-row-item.row-format-animation-slideVertictal.in { animation-name: row-format-animation-slideVertictal-in; } .image-list-row-item.row-format-animation-slideVertictal.out { animation-name: row-format-animation-slideVertictal-out; } @keyframes row-format-animation-slideVertictal-in { 0% { transform: translate3d(0, -100%, 0); } } @keyframes row-format-animation-slideVertictal-out { 100% { transform: translate3d(0, 100%, 0); } } .image-list-row-item.row-format-animation-rotateOnCorner.in { animation-name: row-format-animation-rotateOnCorner-in; } .image-list-row-item.row-format-animation-rotateOnCorner.out { animation-name: row-format-animation-rotateOnCorner-out; } @keyframes row-format-animation-rotateOnCorner-in { 0% { transform: rotatez(90deg); } } @keyframes row-format-animation-rotateOnCorner-out { 100% { transform: rotatez(-90deg); } }
|
|
@ -0,0 +1,87 @@
|
||||||
|
html { position: relative; margin: 0; padding: 0; height: 100%; }
|
||||||
|
body { margin: 0; padding: 0; text-align: left; height: 100%; }
|
||||||
|
#imPageExtContainer {min-height: 100%; }
|
||||||
|
#imPageIntContainer { position: relative;}
|
||||||
|
#imPage { position: relative; width: 100%; }
|
||||||
|
#imHeaderBg { position: absolute; left: 0; top: 0; width: 100%; }
|
||||||
|
#imContent { position: relative; }
|
||||||
|
#imFooterBg { position: absolute; left: 0; bottom: 0; width: 100%; }
|
||||||
|
#imStickyBarContainer { visibility: hidden; position: fixed; overflow: hidden; }
|
||||||
|
#imPageToTop { position: fixed; bottom: 30px; right: 30px; z-index: 10500; display: none; opacity: 0.75 }
|
||||||
|
#imPageToTop:hover {opacity: 1; cursor: pointer; }
|
||||||
|
@media (min-width: 1150.0px) {
|
||||||
|
#imPageExtContainer { background-image: none; background-color: transparent; }
|
||||||
|
#imPage { padding-top: 0px; padding-bottom: 0px; min-width: 1150px; }
|
||||||
|
#imHeaderBg { height: 185px; background-image: url('4C-weiss.jpg'); background-position: left top; background-repeat: no-repeat; background-attachment: scroll; background-color: rgba(255, 255, 255, 1); }
|
||||||
|
#imHeader { background-image: none; background-color: transparent; }
|
||||||
|
#imHeaderObjects { margin-left: auto; margin-right: auto; position: relative; height: 184px; width:1150px; }
|
||||||
|
#imContent { align-self: start; padding: 0px 0 0px 0; }
|
||||||
|
#imContentGraphics { min-height: 501px; background-image: none; background-color: transparent; }
|
||||||
|
#imFooterBg { height: 70px; background-image: none; background-color: rgba(67, 67, 67, 1); }
|
||||||
|
#imFooter { background-image: none; background-color: transparent; }
|
||||||
|
#imFooterObjects { margin-left: auto; margin-right: auto; position: relative; height: 70px; width:1150px; }
|
||||||
|
#imSideBar { background-image: none; background-color: transparent; overflow: visible; zoom: 1; z-index: 200; }
|
||||||
|
#imSideBarObjects { position: relative; height: 501px; }
|
||||||
|
#imStickyBarContainer { top: 0; left: 0; right: 0; margin: auto; width: 100%; height: 70px; box-sizing: border-box; z-index: 10301; }
|
||||||
|
#imStickyBarGraphics { top: 0; left: 0; right: 0; margin: auto; width: 100%; height: 70px; box-sizing: border-box; background-image: none; background-color: rgba(67, 67, 67, 1); position: absolute; opacity: 0.75}
|
||||||
|
#imStickyBar { position: relative; top: 0; left: 0; margin: auto; width: 1150px }
|
||||||
|
#imStickyBarObjects { position: relative; height: 70px; }
|
||||||
|
|
||||||
|
}
|
||||||
|
@media (max-width: 1149.9px) and (min-width: 720.0px) {
|
||||||
|
#imPageExtContainer { background-image: none; background-color: transparent; }
|
||||||
|
#imPage { padding-top: 0px; padding-bottom: 0px; min-width: 720px; }
|
||||||
|
#imHeaderBg { height: 201px; background-image: url('4C-weiss.jpg'); background-position: left top; background-repeat: no-repeat; background-attachment: scroll; background-color: transparent; }
|
||||||
|
#imHeader { background-image: none; background-color: transparent; }
|
||||||
|
#imHeaderObjects { margin-left: auto; margin-right: auto; position: relative; height: 201px; width:720px; }
|
||||||
|
#imContent { align-self: start; padding: 5px 0 0px 0; }
|
||||||
|
#imContentGraphics { min-height: 600px; background-image: none; background-color: transparent; }
|
||||||
|
#imFooterBg { height: 60px; background-image: none; background-color: rgba(67, 67, 67, 1); }
|
||||||
|
#imFooter { background-image: none; background-color: transparent; }
|
||||||
|
#imFooterObjects { margin-left: auto; margin-right: auto; position: relative; height: 60px; width:720px; }
|
||||||
|
#imSideBar { background-image: none; background-color: transparent; overflow: visible; zoom: 1; z-index: 200; }
|
||||||
|
#imSideBarObjects { position: relative; height: 600px; }
|
||||||
|
#imStickyBarContainer { top: 0; left: 0; right: 0; margin: auto; width: 100%; height: 60px; box-sizing: border-box; z-index: 10301; }
|
||||||
|
#imStickyBarGraphics { top: 0; left: 0; right: 0; margin: auto; width: 100%; height: 60px; box-sizing: border-box; background-image: none; background-color: rgba(67, 67, 67, 1); position: absolute; opacity: 0.75}
|
||||||
|
#imStickyBar { position: relative; top: 0; left: 0; margin: auto; width: 720px }
|
||||||
|
#imStickyBarObjects { position: relative; height: 60px; }
|
||||||
|
|
||||||
|
}
|
||||||
|
@media (max-width: 719.9px) and (min-width: 480.0px) {
|
||||||
|
#imPageExtContainer { background-image: none; background-color: transparent; }
|
||||||
|
#imPage { padding-top: 0px; padding-bottom: 0px; min-width: 480px; }
|
||||||
|
#imHeaderBg { height: 201px; background-image: url('4C-weiss.jpg'); background-position: left top; background-repeat: no-repeat; background-attachment: scroll; background-color: transparent; }
|
||||||
|
#imHeader { background-image: none; background-color: transparent; }
|
||||||
|
#imHeaderObjects { margin-left: auto; margin-right: auto; position: relative; height: 201px; width:480px; }
|
||||||
|
#imContent { align-self: start; padding: 5px 0 0px 0; }
|
||||||
|
#imContentGraphics { min-height: 600px; background-image: none; background-color: transparent; }
|
||||||
|
#imFooterBg { height: 50px; background-image: none; background-color: rgba(67, 67, 67, 1); }
|
||||||
|
#imFooter { background-image: none; background-color: transparent; }
|
||||||
|
#imFooterObjects { margin-left: auto; margin-right: auto; position: relative; height: 50px; width:480px; }
|
||||||
|
#imSideBar { background-image: none; background-color: transparent; overflow: visible; zoom: 1; z-index: 200; }
|
||||||
|
#imSideBarObjects { position: relative; height: 600px; }
|
||||||
|
#imStickyBarContainer { top: 0; left: 0; right: 0; margin: auto; width: 100%; height: 50px; box-sizing: border-box; z-index: 10301; }
|
||||||
|
#imStickyBarGraphics { top: 0; left: 0; right: 0; margin: auto; width: 100%; height: 50px; box-sizing: border-box; background-image: none; background-color: rgba(67, 67, 67, 1); position: absolute; opacity: 0.75}
|
||||||
|
#imStickyBar { position: relative; top: 0; left: 0; margin: auto; width: 480px }
|
||||||
|
#imStickyBarObjects { position: relative; height: 50px; }
|
||||||
|
|
||||||
|
}
|
||||||
|
@media (max-width: 479.9px) {
|
||||||
|
#imPageExtContainer { background-image: none; background-color: transparent; }
|
||||||
|
#imPage { padding-top: 0px; padding-bottom: 0px; }
|
||||||
|
#imHeaderBg { height: 200px; background-image: url('4C-weiss.jpg'); background-position: left top; background-repeat: no-repeat; background-attachment: scroll; background-color: transparent; }
|
||||||
|
#imHeader { background-image: none; background-color: transparent; }
|
||||||
|
#imHeaderObjects { margin-left: auto; margin-right: auto; position: relative; height: 201px; width:320px; }
|
||||||
|
#imContent { align-self: start; padding: 5px 0 0px 0; }
|
||||||
|
#imContentGraphics { min-height: 600px; background-image: none; background-color: transparent; }
|
||||||
|
#imFooterBg { height: 50px; background-image: none; background-color: rgba(67, 67, 67, 1); }
|
||||||
|
#imFooter { background-image: none; background-color: transparent; }
|
||||||
|
#imFooterObjects { margin-left: auto; margin-right: auto; position: relative; height: 50px; width:320px; }
|
||||||
|
#imSideBar { background-image: none; background-color: transparent; overflow: visible; zoom: 1; z-index: 200; }
|
||||||
|
#imSideBarObjects { position: relative; height: 600px; }
|
||||||
|
#imStickyBarContainer { top: 0; left: 0; right: 0; margin: auto; width: 100%; height: 40px; box-sizing: border-box; z-index: 10301; }
|
||||||
|
#imStickyBarGraphics { top: 0; left: 0; right: 0; margin: auto; width: 100%; height: 40px; box-sizing: border-box; background-image: none; background-color: rgba(67, 67, 67, 1); position: absolute; opacity: 0.75}
|
||||||
|
#imStickyBar { position: relative; top: 0; left: 0; margin: auto; width: 320px }
|
||||||
|
#imStickyBarObjects { position: relative; height: 40px; }
|
||||||
|
|
||||||
|
}
|
|
@ -0,0 +1,217 @@
|
||||||
|
#imContent { display: -ms-grid; display: grid; -ms-grid-columns: minmax(0, 1fr) 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px minmax(0, 1fr); grid-template-columns: minmax(0, 1fr) 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px 47.5px minmax(0, 1fr); -ms-grid-rows: auto auto auto auto auto auto auto; grid-template-rows: auto auto auto auto auto auto auto; }
|
||||||
|
#imContent > header { display: block; -ms-grid-column: 2; -ms-grid-column-span: 24; grid-column: 2 / 26; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1 / 2; }
|
||||||
|
#imGoToCont { display: block; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1 / 2; }
|
||||||
|
#imCell_1 { display: -ms-grid; display: grid; -ms-grid-column: 2; -ms-grid-column-span: 24; grid-column: 2 / 26; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2 / 3; }
|
||||||
|
#imCell_2 { display: -ms-grid; display: grid; -ms-grid-column: 2; -ms-grid-column-span: 24; grid-column: 2 / 26; -ms-grid-row: 3; -ms-grid-row-span: 5; grid-row: 3 / 8; }
|
||||||
|
#imPageRow_1 { display: block; -ms-grid-column: 2; -ms-grid-column-span: 24; grid-column: 2 / 26; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2 / 3; }
|
||||||
|
#imPageRow_2 { display: block; -ms-grid-column: 2; -ms-grid-column-span: 24; grid-column: 2 / 26; -ms-grid-row: 3; -ms-grid-row-span: 5; grid-row: 3 / 8; }
|
||||||
|
@media (max-width: 1149.9px) and (min-width: 720.0px) {
|
||||||
|
#imContent { display: -ms-grid; display: grid; -ms-grid-columns: minmax(0, 1fr) 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px minmax(0, 1fr); grid-template-columns: minmax(0, 1fr) 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px 29.583px minmax(0, 1fr); -ms-grid-rows: auto auto auto auto auto auto auto; grid-template-rows: auto auto auto auto auto auto auto; }
|
||||||
|
#imContent > header { display: block; -ms-grid-column: 2; -ms-grid-column-span: 24; grid-column: 2 / 26; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1 / 2; }
|
||||||
|
#imGoToCont { display: block; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1 / 2; }
|
||||||
|
#imCell_1 { display: -ms-grid; display: grid; -ms-grid-column: 2; -ms-grid-column-span: 24; grid-column: 2 / 26; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2 / 3; }
|
||||||
|
#imCell_2 { display: -ms-grid; display: grid; -ms-grid-column: 2; -ms-grid-column-span: 24; grid-column: 2 / 26; -ms-grid-row: 3; -ms-grid-row-span: 5; grid-row: 3 / 8; }
|
||||||
|
#imPageRow_1 { display: block; -ms-grid-column: 2; -ms-grid-column-span: 24; grid-column: 2 / 26; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2 / 3; }
|
||||||
|
#imPageRow_2 { display: block; -ms-grid-column: 2; -ms-grid-column-span: 24; grid-column: 2 / 26; -ms-grid-row: 3; -ms-grid-row-span: 5; grid-row: 3 / 8; }
|
||||||
|
}
|
||||||
|
@media (max-width: 719.9px) and (min-width: 480.0px) {
|
||||||
|
#imContent { display: -ms-grid; display: grid; -ms-grid-columns: minmax(0, 1fr) 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px minmax(0, 1fr); grid-template-columns: minmax(0, 1fr) 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px 19.583px minmax(0, 1fr); -ms-grid-rows: auto auto auto auto auto auto auto; grid-template-rows: auto auto auto auto auto auto auto; }
|
||||||
|
#imContent > header { display: block; -ms-grid-column: 2; -ms-grid-column-span: 24; grid-column: 2 / 26; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1 / 2; }
|
||||||
|
#imGoToCont { display: block; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1 / 2; }
|
||||||
|
#imCell_1 { display: -ms-grid; display: grid; -ms-grid-column: 2; -ms-grid-column-span: 24; grid-column: 2 / 26; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2 / 3; }
|
||||||
|
#imCell_2 { display: -ms-grid; display: grid; -ms-grid-column: 2; -ms-grid-column-span: 24; grid-column: 2 / 26; -ms-grid-row: 3; -ms-grid-row-span: 5; grid-row: 3 / 8; }
|
||||||
|
#imPageRow_1 { display: block; -ms-grid-column: 2; -ms-grid-column-span: 24; grid-column: 2 / 26; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2 / 3; }
|
||||||
|
#imPageRow_2 { display: block; -ms-grid-column: 2; -ms-grid-column-span: 24; grid-column: 2 / 26; -ms-grid-row: 3; -ms-grid-row-span: 5; grid-row: 3 / 8; }
|
||||||
|
}
|
||||||
|
@media (max-width: 479.9px) {
|
||||||
|
#imContent { display: -ms-grid; display: grid; -ms-grid-columns: 0 minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) 0; grid-template-columns: 0 minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) 0; -ms-grid-rows: auto auto auto; grid-template-rows: auto auto auto; }
|
||||||
|
#imContent > header { display: block; -ms-grid-column: 2; -ms-grid-column-span: 24; grid-column: 2 / 26; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1 / 2; }
|
||||||
|
#imGoToCont { display: block; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1 / 2; }
|
||||||
|
#imCell_1 { display: -ms-grid; display: grid; -ms-grid-column: 2; -ms-grid-column-span: 24; grid-column: 2 / 26; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2 / 3; }
|
||||||
|
#imCell_2 { display: -ms-grid; display: grid; -ms-grid-column: 2; -ms-grid-column-span: 24; grid-column: 2 / 26; -ms-grid-row: 3; -ms-grid-row-span: 1; grid-row: 3 / 4; }
|
||||||
|
#imPageRow_1 { display: block; -ms-grid-column: 2; -ms-grid-column-span: 24; grid-column: 2 / 26; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2 / 3; }
|
||||||
|
#imPageRow_2 { display: block; -ms-grid-column: 2; -ms-grid-column-span: 24; grid-column: 2 / 26; -ms-grid-row: 3; -ms-grid-row-span: 1; grid-row: 3 / 4; }
|
||||||
|
}
|
||||||
|
h2#imPgTitle { position: relative; float: left; }
|
||||||
|
#imCell_1 { -ms-grid-columns: 100%; grid-template-columns: 100%; position: relative; box-sizing: border-box; }
|
||||||
|
#imTextObject_39_01 { position: relative; -ms-grid-row-align: start; align-self: start; -ms-grid-column-align: center; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; }
|
||||||
|
#imCellStyleGraphics_1 { position: absolute; top: 10px; bottom: 10px; background-color: transparent; }
|
||||||
|
#imCellStyleBorders_1 { position: absolute; top: 10px; bottom: 10px; }
|
||||||
|
#imTextObject_39_01 { width: 100%; }
|
||||||
|
#imTextObject_39_01 { font-style: normal; font-weight: normal; line-height: 28px; }
|
||||||
|
#imTextObject_39_01_tab0 div { line-height: 28px; }
|
||||||
|
#imTextObject_39_01_tab0 .imHeading1 { line-height: 28px; }
|
||||||
|
#imTextObject_39_01_tab0 .imHeading2 { line-height: 28px; }
|
||||||
|
#imTextObject_39_01_tab0 .imHeading3 { line-height: 28px; }
|
||||||
|
#imTextObject_39_01_tab0 .imHeading4 { line-height: 28px; }
|
||||||
|
#imTextObject_39_01_tab0 .imHeading5 { line-height: 28px; }
|
||||||
|
#imTextObject_39_01_tab0 .imHeading6 { line-height: 28px; }
|
||||||
|
#imTextObject_39_01_tab0 ul { list-style: disc; margin: 0; padding: 0; overflow: hidden; }
|
||||||
|
#imTextObject_39_01_tab0 ul ul { list-style: square; padding: 0 0 0 20px; }
|
||||||
|
#imTextObject_39_01_tab0 ul ul ul { list-style: circle; }
|
||||||
|
#imTextObject_39_01_tab0 ul li { margin: 0 0 0 40px; padding: 0px; }
|
||||||
|
#imTextObject_39_01_tab0 ol { list-style: decimal; margin: 0; padding: 0; }
|
||||||
|
#imTextObject_39_01_tab0 ol ol { list-style: lower-alpha; padding: 0 0 0 20px; }
|
||||||
|
#imTextObject_39_01_tab0 ol li { margin: 0 0 0 40px; padding: 0px; }
|
||||||
|
#imTextObject_39_01_tab0 blockquote { margin: 0 0 0 15px; padding: 0; border: none; }
|
||||||
|
#imTextObject_39_01_tab0 table { border: none; padding: 0; border-collapse: collapse; }
|
||||||
|
#imTextObject_39_01_tab0 table td { border: 1px solid black; word-wrap: break-word; padding: 4px 3px 4px 3px; margin: 0; vertical-align: middle; }
|
||||||
|
#imTextObject_39_01_tab0 p { margin: 0; padding: 0; }
|
||||||
|
#imTextObject_39_01_tab0 .inline-block { display: inline-block; }
|
||||||
|
#imTextObject_39_01_tab0 sup { vertical-align: super; font-size: smaller; }
|
||||||
|
#imTextObject_39_01_tab0 sub { vertical-align: sub; font-size: smaller; }
|
||||||
|
#imTextObject_39_01_tab0 img { border: none; margin: 0; vertical-align: text-bottom;}
|
||||||
|
#imTextObject_39_01_tab0 .fleft { float: left; vertical-align: baseline;}
|
||||||
|
#imTextObject_39_01_tab0 .fright { float: right; vertical-align: baseline;}
|
||||||
|
#imTextObject_39_01_tab0 img.fleft { margin-right: 15px; }
|
||||||
|
#imTextObject_39_01_tab0 img.fright { margin-left: 15px; }
|
||||||
|
#imTextObject_39_01_tab0 .imTALeft { text-align: left; }
|
||||||
|
#imTextObject_39_01_tab0 .imTARight { text-align: right; }
|
||||||
|
#imTextObject_39_01_tab0 .imTACenter { text-align: center; }
|
||||||
|
#imTextObject_39_01_tab0 .imTAJustify { text-align: justify; }
|
||||||
|
#imTextObject_39_01_tab0 .imUl { text-decoration: underline; }
|
||||||
|
#imTextObject_39_01_tab0 .imStrike { text-decoration: line-through; }
|
||||||
|
#imTextObject_39_01_tab0 .imUlStrike { text-decoration: underline line-through; }
|
||||||
|
#imTextObject_39_01_tab0 .imVt { vertical-align: top; }
|
||||||
|
#imTextObject_39_01_tab0 .imVc { vertical-align: middle; }
|
||||||
|
#imTextObject_39_01_tab0 .imVb { vertical-align: bottom; }
|
||||||
|
#imTextObject_39_01_tab0 hr { border-width: 1px 0 0 0; border-style: solid; }
|
||||||
|
#imTextObject_39_01_tab0 .fs36lh1-5 { vertical-align: baseline; font-size: 36pt; line-height: 72px; }
|
||||||
|
#imTextObject_39_01_tab0 .ff1 { font-family: 'Marcellus SC'; }
|
||||||
|
#imTextObject_39_01 .text-container {width: 100%;}#imTextObject_39_01 .text-container {margin: 0 auto; position: relative;overflow: hidden; display: -ms-grid; display: grid; -ms-grid-template-rows: 1fr; grid-template-rows: 1fr; -ms-grid-template-columns: 1fr; grid-template-columns: 1fr; background-color: rgba(255, 255, 255, 1); border-style: solid;border-color: rgba(169, 169, 169, 1); }
|
||||||
|
#imTextObject_39_01 .text-container .grid-prop.current-tab {z-index: 1; opacity: 1; }
|
||||||
|
#imTextObject_39_01 .text-container .grid-prop {-ms-grid-column: 1; -ms-grid-row: 1; grid-area: 1 / 1 / 2 / 2; opacity: 0; box-sizing: border-box; position: relative; }
|
||||||
|
#imTextObject_39_01 .text-container .text-tab-content.detach {position: absolute; top: 0; left: 0; width: 100%; display: none; }
|
||||||
|
#imCell_2 { -ms-grid-columns: 100%; grid-template-columns: 100%; position: relative; box-sizing: border-box; }
|
||||||
|
#imTextObject_39_02 { position: relative; -ms-grid-row-align: start; align-self: start; -ms-grid-column-align: center; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; }
|
||||||
|
#imCellStyleGraphics_2 { position: absolute; top: 10px; bottom: 10px; background-color: transparent; }
|
||||||
|
#imCellStyleBorders_2 { position: absolute; top: 10px; bottom: 10px; }
|
||||||
|
#imTextObject_39_02 { width: 100%; }
|
||||||
|
#imTextObject_39_02 { font-style: normal; font-weight: normal; line-height: 28px; }
|
||||||
|
#imTextObject_39_02_tab0 div { line-height: 28px; }
|
||||||
|
#imTextObject_39_02_tab0 .imHeading1 { line-height: 28px; }
|
||||||
|
#imTextObject_39_02_tab0 .imHeading2 { line-height: 28px; }
|
||||||
|
#imTextObject_39_02_tab0 .imHeading3 { line-height: 28px; }
|
||||||
|
#imTextObject_39_02_tab0 .imHeading4 { line-height: 28px; }
|
||||||
|
#imTextObject_39_02_tab0 .imHeading5 { line-height: 28px; }
|
||||||
|
#imTextObject_39_02_tab0 .imHeading6 { line-height: 28px; }
|
||||||
|
#imTextObject_39_02_tab0 ul { list-style: disc; margin: 0; padding: 0; overflow: hidden; }
|
||||||
|
#imTextObject_39_02_tab0 ul ul { list-style: square; padding: 0 0 0 20px; }
|
||||||
|
#imTextObject_39_02_tab0 ul ul ul { list-style: circle; }
|
||||||
|
#imTextObject_39_02_tab0 ul li { margin: 0 0 0 40px; padding: 0px; }
|
||||||
|
#imTextObject_39_02_tab0 ol { list-style: decimal; margin: 0; padding: 0; }
|
||||||
|
#imTextObject_39_02_tab0 ol ol { list-style: lower-alpha; padding: 0 0 0 20px; }
|
||||||
|
#imTextObject_39_02_tab0 ol li { margin: 0 0 0 40px; padding: 0px; }
|
||||||
|
#imTextObject_39_02_tab0 blockquote { margin: 0 0 0 15px; padding: 0; border: none; }
|
||||||
|
#imTextObject_39_02_tab0 table { border: none; padding: 0; border-collapse: collapse; }
|
||||||
|
#imTextObject_39_02_tab0 table td { border: 1px solid black; word-wrap: break-word; padding: 4px 3px 4px 3px; margin: 0; vertical-align: middle; }
|
||||||
|
#imTextObject_39_02_tab0 p { margin: 0; padding: 0; }
|
||||||
|
#imTextObject_39_02_tab0 .inline-block { display: inline-block; }
|
||||||
|
#imTextObject_39_02_tab0 sup { vertical-align: super; font-size: smaller; }
|
||||||
|
#imTextObject_39_02_tab0 sub { vertical-align: sub; font-size: smaller; }
|
||||||
|
#imTextObject_39_02_tab0 img { border: none; margin: 0; vertical-align: text-bottom;}
|
||||||
|
#imTextObject_39_02_tab0 .fleft { float: left; vertical-align: baseline;}
|
||||||
|
#imTextObject_39_02_tab0 .fright { float: right; vertical-align: baseline;}
|
||||||
|
#imTextObject_39_02_tab0 img.fleft { margin-right: 15px; }
|
||||||
|
#imTextObject_39_02_tab0 img.fright { margin-left: 15px; }
|
||||||
|
#imTextObject_39_02_tab0 .imTALeft { text-align: left; }
|
||||||
|
#imTextObject_39_02_tab0 .imTARight { text-align: right; }
|
||||||
|
#imTextObject_39_02_tab0 .imTACenter { text-align: center; }
|
||||||
|
#imTextObject_39_02_tab0 .imTAJustify { text-align: justify; }
|
||||||
|
#imTextObject_39_02_tab0 .imUl { text-decoration: underline; }
|
||||||
|
#imTextObject_39_02_tab0 .imStrike { text-decoration: line-through; }
|
||||||
|
#imTextObject_39_02_tab0 .imUlStrike { text-decoration: underline line-through; }
|
||||||
|
#imTextObject_39_02_tab0 .imVt { vertical-align: top; }
|
||||||
|
#imTextObject_39_02_tab0 .imVc { vertical-align: middle; }
|
||||||
|
#imTextObject_39_02_tab0 .imVb { vertical-align: bottom; }
|
||||||
|
#imTextObject_39_02_tab0 hr { border-width: 1px 0 0 0; border-style: solid; }
|
||||||
|
#imTextObject_39_02_tab0 .fs14lh1-5 { vertical-align: baseline; font-size: 14pt; line-height: 28px; }
|
||||||
|
#imTextObject_39_02_tab0 .ff1 { font-family: 'Open Sans'; }
|
||||||
|
#imTextObject_39_02_tab0 .fs12lh1-5 { vertical-align: baseline; font-size: 12pt; line-height: 24px; }
|
||||||
|
#imTextObject_39_02_tab0 .cf1 { color: rgb(67, 67, 67); }
|
||||||
|
#imTextObject_39_02 .text-container {width: 100%;}#imTextObject_39_02 .text-container {margin: 0 auto; position: relative;overflow: hidden; display: -ms-grid; display: grid; -ms-grid-template-rows: 1fr; grid-template-rows: 1fr; -ms-grid-template-columns: 1fr; grid-template-columns: 1fr; background-color: rgba(255, 255, 255, 1); border-style: solid;border-color: rgba(169, 169, 169, 1); }
|
||||||
|
#imTextObject_39_02 .text-container .grid-prop.current-tab {z-index: 1; opacity: 1; }
|
||||||
|
#imTextObject_39_02 .text-container .grid-prop {-ms-grid-column: 1; -ms-grid-row: 1; grid-area: 1 / 1 / 2 / 2; opacity: 0; box-sizing: border-box; position: relative; }
|
||||||
|
#imTextObject_39_02 .text-container .text-tab-content.detach {position: absolute; top: 0; left: 0; width: 100%; display: none; }
|
||||||
|
@media (min-width: 1150.0px) {
|
||||||
|
#imContent { padding-left: 5px; padding-right:5px; }
|
||||||
|
.imPageRow { margin-left: -5px; margin-right: -5px; }
|
||||||
|
#imPgTitle { width: 1134px; margin-left: 2px; margin-right: 2px; }
|
||||||
|
#imCell_1 { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; }
|
||||||
|
#imCell_1 { -ms-grid-rows: 100%; grid-template-rows: 100%; }
|
||||||
|
#imTextObject_39_01 { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; }
|
||||||
|
#imCellStyleGraphics_1 { left: 10px; right: 10px; }
|
||||||
|
#imCellStyleBorders_1 { left: 10px; right: 10px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; }
|
||||||
|
#imTextObject_39_01 .text-container {border-width: 0 1px 1px 1px;box-sizing: border-box;width: 100%;}
|
||||||
|
#imCell_2 { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; }
|
||||||
|
#imCell_2 { -ms-grid-rows: 100%; grid-template-rows: 100%; }
|
||||||
|
#imTextObject_39_02 { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; }
|
||||||
|
#imCellStyleGraphics_2 { left: 10px; right: 10px; }
|
||||||
|
#imCellStyleBorders_2 { left: 10px; right: 10px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; }
|
||||||
|
#imTextObject_39_02 .text-container {border-width: 0 1px 1px 1px;box-sizing: border-box;width: 100%;}
|
||||||
|
}
|
||||||
|
@media (max-width: 1149.9px) and (min-width: 720.0px) {
|
||||||
|
#imContent { padding-left: 5px; padding-right:5px; }
|
||||||
|
.imPageRow { margin-left: -5px; margin-right: -5px; }
|
||||||
|
#imPgTitle { width: 704px; margin-left: 2px; margin-right: 2px; }
|
||||||
|
#imCell_1 { padding-top: 10px; padding-bottom: 10px; padding-left: 6px; padding-right: 6px; }
|
||||||
|
#imCell_1 { -ms-grid-rows: 100%; grid-template-rows: 100%; }
|
||||||
|
#imTextObject_39_01 { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; }
|
||||||
|
#imCellStyleGraphics_1 { left: 6px; right: 6px; }
|
||||||
|
#imCellStyleBorders_1 { left: 6px; right: 6px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; }
|
||||||
|
#imTextObject_39_01 .text-container {border-width: 0 1px 1px 1px;box-sizing: border-box;width: 100%;}
|
||||||
|
#imCell_2 { padding-top: 10px; padding-bottom: 10px; padding-left: 6px; padding-right: 6px; }
|
||||||
|
#imCell_2 { -ms-grid-rows: 100%; grid-template-rows: 100%; }
|
||||||
|
#imTextObject_39_02 { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; }
|
||||||
|
#imCellStyleGraphics_2 { left: 6px; right: 6px; }
|
||||||
|
#imCellStyleBorders_2 { left: 6px; right: 6px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; }
|
||||||
|
#imTextObject_39_02 .text-container {border-width: 0 1px 1px 1px;box-sizing: border-box;width: 100%;}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 719.9px) and (min-width: 480.0px) {
|
||||||
|
#imContent { padding-left: 5px; padding-right:5px; }
|
||||||
|
.imPageRow { margin-left: -5px; margin-right: -5px; }
|
||||||
|
#imPgTitle { width: 464px; margin-left: 2px; margin-right: 2px; }
|
||||||
|
#imCell_1 { padding-top: 10px; padding-bottom: 10px; padding-left: 4px; padding-right: 4px; }
|
||||||
|
#imCell_1 { -ms-grid-rows: 100%; grid-template-rows: 100%; }
|
||||||
|
#imTextObject_39_01 { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; }
|
||||||
|
#imCellStyleGraphics_1 { left: 4px; right: 4px; }
|
||||||
|
#imCellStyleBorders_1 { left: 4px; right: 4px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; }
|
||||||
|
#imTextObject_39_01 .text-container {border-width: 0 1px 1px 1px;box-sizing: border-box;width: 100%;}
|
||||||
|
#imCell_2 { padding-top: 10px; padding-bottom: 10px; padding-left: 4px; padding-right: 4px; }
|
||||||
|
#imCell_2 { -ms-grid-rows: 100%; grid-template-rows: 100%; }
|
||||||
|
#imTextObject_39_02 { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; }
|
||||||
|
#imCellStyleGraphics_2 { left: 4px; right: 4px; }
|
||||||
|
#imCellStyleBorders_2 { left: 4px; right: 4px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; }
|
||||||
|
#imTextObject_39_02 .text-container {border-width: 0 1px 1px 1px;box-sizing: border-box;width: 100%;}
|
||||||
|
}
|
||||||
|
@media (max-width: 479.9px) {
|
||||||
|
#imPgTitle { width: 100%; margin-left: 0px; margin-right: 0px; }
|
||||||
|
#imCell_1 { padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px; }
|
||||||
|
#imTextObject_39_01 { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; }
|
||||||
|
#imCell_1 { -ms-grid-rows: 100%; grid-template-rows: 100%; }
|
||||||
|
#imCellStyleGraphics_1 { top: 10px; bottom: 10px; left: 5px; right: 5px; box-sizing: border-box; }
|
||||||
|
#imTextObject_39_01 .text-container {border-width: 0 1px 1px 1px;box-sizing: border-box;width: 100%;}
|
||||||
|
#imCell_2 { padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px; }
|
||||||
|
#imTextObject_39_02 { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; }
|
||||||
|
#imCell_2 { -ms-grid-rows: 100%; grid-template-rows: 100%; }
|
||||||
|
#imCellStyleGraphics_2 { top: 10px; bottom: 10px; left: 5px; right: 5px; box-sizing: border-box; }
|
||||||
|
#imTextObject_39_02 .text-container {border-width: 0 1px 1px 1px;box-sizing: border-box;width: 100%;}
|
||||||
|
}
|
||||||
|
#imTextObject_39_02_tab0 .text-inner {
|
||||||
|
color: rgb(67, 67, 67);
|
||||||
|
vertical-align: baseline;
|
||||||
|
font-size: 12pt;
|
||||||
|
line-height: 24px;
|
||||||
|
font-family: "Open Sans";
|
||||||
|
}
|
||||||
|
#imTextObject_39_02_tab0 .text-inner h2 {
|
||||||
|
font-size: 14pt;
|
||||||
|
line-height: 28px;
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
#imTextObject_39_02_tab0 .text-inner strong {
|
||||||
|
font-weight: 700;
|
||||||
|
font-family: "Unica One";
|
||||||
|
color: #000000;
|
||||||
|
}
|
After Width: | Height: | Size: 542 B |
|
@ -0,0 +1,175 @@
|
||||||
|
/* Core Stuff */
|
||||||
|
* {
|
||||||
|
-webkit-box-sizing: border-box;
|
||||||
|
-moz-box-sizing: border-box;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-size: 1rem;
|
||||||
|
line-height: 1.7;
|
||||||
|
color: #606d6e;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5,
|
||||||
|
h6 {
|
||||||
|
color: #454B4D;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: #1F8CD6;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover {
|
||||||
|
color: #175E91;
|
||||||
|
}
|
||||||
|
|
||||||
|
pre {
|
||||||
|
background: #F0F0F0;
|
||||||
|
margin: 1rem 0;
|
||||||
|
border-radius: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
blockquote {
|
||||||
|
border-left: 10px solid #eee;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Utility Classes */
|
||||||
|
.wrapper {
|
||||||
|
margin: 0 3rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.padding {
|
||||||
|
padding: 3rem 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.left {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.right {
|
||||||
|
float: right
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-center {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-right {
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-left {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Content Styling */
|
||||||
|
.header .padding {
|
||||||
|
padding: 1rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header {
|
||||||
|
background-color: #1F8DD6;
|
||||||
|
color: #eee;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header a {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header .logo {
|
||||||
|
font-size: 1.7rem;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer {
|
||||||
|
background-color: #eee;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Menu Settings */
|
||||||
|
.main-nav ul {
|
||||||
|
text-align: center;
|
||||||
|
letter-spacing: -1em;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-nav ul li {
|
||||||
|
display: inline-block;
|
||||||
|
letter-spacing: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-nav ul li a {
|
||||||
|
position: relative;
|
||||||
|
display: block;
|
||||||
|
line-height: 45px;
|
||||||
|
color: #fff;
|
||||||
|
padding: 0 20px;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-nav > ul > li > a {
|
||||||
|
border-radius: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*Active dropdown nav item */
|
||||||
|
.main-nav ul li:hover > a {
|
||||||
|
background-color: #175E91;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Selected Dropdown nav item */
|
||||||
|
.main-nav ul li.selected > a {
|
||||||
|
background-color: #fff;
|
||||||
|
color: #175E91;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Dropdown CSS */
|
||||||
|
.main-nav ul li {position: relative;}
|
||||||
|
|
||||||
|
.main-nav ul li ul {
|
||||||
|
position: absolute;
|
||||||
|
background-color: #1F8DD6;
|
||||||
|
min-width: 100%;
|
||||||
|
text-align: left;
|
||||||
|
z-index: 999;
|
||||||
|
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.main-nav ul li ul li {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Dropdown CSS */
|
||||||
|
.main-nav ul li ul ul {
|
||||||
|
left: 100%;
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Active on Hover */
|
||||||
|
.main-nav li:hover > ul {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Child Indicator */
|
||||||
|
.main-nav .has-children > a {
|
||||||
|
padding-right: 30px;
|
||||||
|
}
|
||||||
|
.main-nav .has-children > a:after {
|
||||||
|
font-family: FontAwesome;
|
||||||
|
content: '\f107';
|
||||||
|
position: absolute;
|
||||||
|
display: inline-block;
|
||||||
|
right: 8px;
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-nav .has-children .has-children > a:after {
|
||||||
|
content: '\f105';
|
||||||
|
}
|
After Width: | Height: | Size: 642 B |
|
@ -0,0 +1,16 @@
|
||||||
|
.imHidden {display: none;}
|
||||||
|
.imBgStretcher {display: none;}
|
||||||
|
.imTip { display: none !important; }
|
||||||
|
.text-tabs { display: none !important; }
|
||||||
|
.text-tab-print-title { display: block !important; font-weight: bold; }
|
||||||
|
.text-container, .text-container > div, .text-inner, .text-inner div, .text-tab-content { padding: 0 0 10px 0 !important; height: auto !important; left: auto !important; top: auto !important; position: static !important; display: block !important; clear: both !important; }
|
||||||
|
#imPage {display: block !important;}
|
||||||
|
#imHeader {display: none !important;}
|
||||||
|
#imHeaderBg {display : none !important;}
|
||||||
|
#imFooter {display : none !important;}
|
||||||
|
#imFooterBg {display: none !important;}
|
||||||
|
#imContent {height: auto !important;}
|
||||||
|
#imSideBar {display: none !important;}
|
||||||
|
#imStickyBarContainer {display: none !important;}
|
||||||
|
#imPageToTop {display: none !important;}
|
||||||
|
img {position: static !important;}
|
|
@ -0,0 +1,21 @@
|
||||||
|
html, body, div, span, applet, object, iframe,
|
||||||
|
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||||
|
a, abbr, acronym, address, big, cite, code,
|
||||||
|
del, dfn, em, font, img, ins, kbd, q, s, samp,
|
||||||
|
small, strike, strong, sub, sup, tt, var,
|
||||||
|
b, u, i, center,
|
||||||
|
dl, dt, dd, ol, ul, li,
|
||||||
|
fieldset, form, label, legend,
|
||||||
|
table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
|
||||||
|
body{line-height:1;}
|
||||||
|
ol, ul{list-style:none;}
|
||||||
|
blockquote, q{quotes:none;}
|
||||||
|
blockquote:before, blockquote:after,
|
||||||
|
q:before, q:after{content:'';content:none;}
|
||||||
|
:focus{outline:0;}
|
||||||
|
ins{text-decoration:none;}
|
||||||
|
del{text-decoration:line-through;}
|
||||||
|
table{border-collapse:collapse;border-spacing:0;}
|
||||||
|
table, tbody, tfoot, thead, tr, th, td{vertical-align:top;}
|
||||||
|
img{vertical-align:bottom;}
|
||||||
|
main{display:block;}
|
|
@ -0,0 +1,409 @@
|
||||||
|
/* General purpose WSX5's required classes */
|
||||||
|
.imClear { visibility: hidden; clear: both; border: 0; margin: 0; padding: 0; }
|
||||||
|
.imHidden { display: none; }
|
||||||
|
.imCaptFrame { vertical-align: middle; }
|
||||||
|
.imAlertMsg { padding: 10px; font: 10pt "Trebuchet MS"; text-align: center; color: #000; background-color: #fff; border: 1px solid; }
|
||||||
|
.alert { padding: 5px 7px; margin: 5px 0 10px 0; border-radius: 5px; border: 1px solid; font: inherit; }
|
||||||
|
.alert-red { color: #ff6565; border-color: #ff6565; background-color: #fcc; }
|
||||||
|
.alert-green { color: #46543b; border-color: #8da876; background-color: #d5ffb3; }
|
||||||
|
.object-generic-error { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; background-color: black; color: white; font-family: 'Unica One'; }
|
||||||
|
.object-generic-error div { padding: 5px 20px; }
|
||||||
|
.text-right { text-align: right; }
|
||||||
|
.text-center { text-align: center; }
|
||||||
|
.vertical-middle, tr.vertical-middle td { vertical-align: middle; }
|
||||||
|
/* Common buttons style */
|
||||||
|
.im-common-left-button{
|
||||||
|
width: 50px;
|
||||||
|
height: 50px;
|
||||||
|
}
|
||||||
|
.im-common-left-button.disabled{
|
||||||
|
opacity: 0.4 !important; cursor: default;
|
||||||
|
}
|
||||||
|
.im-common-left-button:hover{
|
||||||
|
opacity: 0.8;
|
||||||
|
}
|
||||||
|
|
||||||
|
.im-common-right-button{
|
||||||
|
width: 50px;
|
||||||
|
height: 50px;
|
||||||
|
}
|
||||||
|
.im-common-right-button.disabled{
|
||||||
|
opacity: 0.4 !important; cursor: default;
|
||||||
|
}
|
||||||
|
.im-common-right-button:hover{
|
||||||
|
opacity: 0.8;
|
||||||
|
}
|
||||||
|
|
||||||
|
.im-common-close-button{
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
}
|
||||||
|
.im-common-close-button.disabled{
|
||||||
|
opacity: 0.4 !important; cursor: default;
|
||||||
|
}
|
||||||
|
.im-common-close-button:hover{
|
||||||
|
opacity: 0.8;
|
||||||
|
}
|
||||||
|
|
||||||
|
.im-common-enter-fs-button{
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
}
|
||||||
|
.im-common-enter-fs-button.disabled{
|
||||||
|
opacity: 0.4 !important; cursor: default;
|
||||||
|
}
|
||||||
|
.im-common-enter-fs-button:hover{
|
||||||
|
opacity: 0.8;
|
||||||
|
}
|
||||||
|
|
||||||
|
.im-common-exit-fs-button{
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
}
|
||||||
|
.im-common-exit-fs-button.disabled{
|
||||||
|
opacity: 0.4 !important; cursor: default;
|
||||||
|
}
|
||||||
|
.im-common-exit-fs-button:hover{
|
||||||
|
opacity: 0.8;
|
||||||
|
}
|
||||||
|
|
||||||
|
.im-common-zoom-in-button{
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
}
|
||||||
|
.im-common-zoom-in-button.disabled{
|
||||||
|
opacity: 0.4 !important; cursor: default;
|
||||||
|
}
|
||||||
|
.im-common-zoom-in-button:hover{
|
||||||
|
opacity: 0.8;
|
||||||
|
}
|
||||||
|
|
||||||
|
.im-common-zoom-out-button{
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
}
|
||||||
|
.im-common-zoom-out-button.disabled{
|
||||||
|
opacity: 0.4 !important; cursor: default;
|
||||||
|
}
|
||||||
|
.im-common-zoom-out-button:hover{
|
||||||
|
opacity: 0.8;
|
||||||
|
}
|
||||||
|
|
||||||
|
.im-common-zoom-restore-button{
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
}
|
||||||
|
.im-common-zoom-restore-button.disabled{
|
||||||
|
opacity: 0.4 !important; cursor: default;
|
||||||
|
}
|
||||||
|
.im-common-zoom-restore-button:hover{
|
||||||
|
opacity: 0.8;
|
||||||
|
}
|
||||||
|
|
||||||
|
.im-common-button-text-style{
|
||||||
|
font-family: Tahoma;
|
||||||
|
font-size: 16pt;
|
||||||
|
color: #010101;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
#imShowBox .grabbable { cursor: grab; cursor: -webkit-grab; }
|
||||||
|
#imShowBox .grabbing { cursor: grabbing; cursor: -webkit-grabbing; }
|
||||||
|
#imShowBoxWrapper > div { transition: opacity 1s; }#imShowBoxWrapper.imHideShowBoxControls > div { opacity: 0; }
|
||||||
|
#imShowBoxWrapper.imHideShowBoxControls > div#imShowBox { opacity: 1; }
|
||||||
|
|
||||||
|
|
||||||
|
/* Page default */
|
||||||
|
#imPage { font: normal normal normal 14pt 'Unica One'; color: rgba(0, 0, 0, 1); background-color: transparent; text-decoration: none; text-align: left; }
|
||||||
|
.text-tab-content { text-align: left; }
|
||||||
|
.text-tab-content hr { border-color: rgba(0, 0, 0, 1); }body.wysiwyg { padding: 3px; font: normal normal normal 14pt 'Unica One'; color: black; line-height: 1; }
|
||||||
|
body.wysiwyg p { margin: 0; line-height: 28px; }
|
||||||
|
.dynamic-object-text p { line-height: 28px; }
|
||||||
|
|
||||||
|
|
||||||
|
/* Page Title */
|
||||||
|
#imPgTitle, #imPgTitle a, .imPgTitle, .imPgTitle a { padding-top: 2px; padding-bottom: 2px; margin: 5px 0; font: normal normal bold 12pt 'Marcellus SC'; color: rgba(255, 255, 255, 1); background-color: transparent; text-decoration: none; text-align: left; }
|
||||||
|
#imPgTitle, .imPgTitle { border-width: 0 0 0 0; border-style: solid; border-color: transparent transparent transparent transparent; }
|
||||||
|
#imPgTitle.imTitleMargin, .imPgTitle.imTitleMargin { margin-left: 2px; margin-right: 2px; }
|
||||||
|
|
||||||
|
|
||||||
|
/* Headings */
|
||||||
|
.imHeading1 {font: normal normal bold 14pt 'Sigmar One'; color: rgba(0, 0, 0, 1); text-decoration: none; text-align: left; line-height: 28px; margin: 0px 0px 0px 0px;}
|
||||||
|
.imHeading2 {font: normal normal bold 14pt 'Unica One'; color: rgba(0, 0, 0, 1); text-decoration: none; text-align: left; line-height: 28px; margin: 0px 0px 0px 0px;}
|
||||||
|
.imHeading3 {font: normal normal bold 14pt 'Unica One'; color: rgba(0, 0, 0, 1); text-decoration: none; text-align: left; line-height: 28px; margin: 0px 0px 0px 0px;}
|
||||||
|
.imHeading4 {font: normal normal bold 14pt 'Unica One'; color: rgba(0, 0, 0, 1); text-decoration: none; text-align: left; line-height: 28px; margin: 0px 0px 0px 0px;}
|
||||||
|
.imHeading5 {font: normal normal bold 14pt 'Unica One'; color: rgba(0, 0, 0, 1); text-decoration: none; text-align: left; line-height: 28px; margin: 0px 0px 0px 0px;}
|
||||||
|
.imHeading6 {font: normal normal bold 14pt 'Unica One'; color: rgba(0, 0, 0, 1); text-decoration: none; text-align: left; line-height: 28px; margin: 0px 0px 0px 0px;}
|
||||||
|
|
||||||
|
|
||||||
|
/* Breadcrumb */
|
||||||
|
.imBreadcrumb, #imBreadcrumb { display: none; }
|
||||||
|
.imBreadcrumb, .imBreadcrumb a, #imBreadcrumb, #imBreadcrumb a { padding-top: 2px; padding-bottom: 2px; font: normal normal normal 7pt 'Unica One'; color: rgba(159, 171, 176, 1); background-color: transparent; text-decoration: none; text-align: left; }
|
||||||
|
.imBreadcrumb, #imBreadcrumb { border-width: 0 0 0 0; border-style: solid; border-color: transparent transparent transparent transparent}
|
||||||
|
.imBreadcrumb a, .imBreadcrumb a:link, .imBreadcrumb a:hover, .imBreadcrumb a:visited, .imBreadcrumb a:active { color: rgba(159, 171, 176, 1); display: inline-block; }
|
||||||
|
|
||||||
|
|
||||||
|
/* Links */
|
||||||
|
.imCssLink:link, .imCssLink { background-color: transparent; color: rgba(255, 0, 0, 1); text-decoration: none; transition: color 0.2s linear, background-color 0.2s linear;}
|
||||||
|
.imCssLink:visited { color: rgba(61, 40, 17, 1); }
|
||||||
|
.imCssLink:hover, .imCssLink:active, .imCssLink:hover, .imCssLink:active { background-color: transparent; color: rgba(193, 203, 206, 1); text-decoration: underline; }
|
||||||
|
.imAbbr:link { background-color: transparent; color: rgba(255, 0, 0, 1); text-decoration: none; }
|
||||||
|
.imAbbr:visited { background-color: transparent; color: rgba(61, 40, 17, 1); text-decoration: none; }
|
||||||
|
.imAbbr:hover, .imAbbr:active { background-color: transparent; color: rgba(193, 203, 206, 1); border-bottom: 1px dotted rgba(193, 203, 206, 1); text-decoration: none; }
|
||||||
|
#imPage input[type=text], #imPage input[type=password], #imPage input[type=email], #imPage input[type=tel], textarea, span.textarea, #cart-container .user-form select { font: inherit; border-style: solid; border-width: 1px 1px 1px 1px; border-color: rgba(159, 171, 176, 1) rgba(159, 171, 176, 1) rgba(159, 171, 176, 1) rgba(159, 171, 176, 1); background-color: rgba(255, 255, 255, 1); color: rgba(0, 0, 0, 1); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;padding: 5px 5px 5px 5px; box-shadow: none; box-sizing: border-box; }
|
||||||
|
#imPage input[type=text].captchaInvalid, #imPage input[type=text].mandatoryInvalid, #imPage input[type=password].mandatoryInvalid, #imPage input[type=email].mandatoryInvalid, #imPage input[type=tel].mandatoryInvalid, textarea.mandatoryInvalid, span.textarea.mandatoryInvalid { border-color: red; }
|
||||||
|
textarea { resize: none; }
|
||||||
|
#imPage input[type=button], #imPage input[type=submit], #imPage input[type=reset], #imPage button.imButton {padding: 5px 5px 5px 5px; cursor: pointer; font: inherit; background-color: rgba(54, 71, 79, 1); color: rgba(255, 255, 255, 1); border-style: solid; border-width: 0px 0px 0px 0px; border-color: rgba(55, 71, 79, 1) rgba(55, 71, 79, 1) rgba(55, 71, 79, 1) rgba(55, 71, 79, 1); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;box-sizing: content-box; -webkit-appearance: none; }
|
||||||
|
.search_form input { border-radius: 0; }
|
||||||
|
input[type=button], input[type=submit], input[type=reset], button { -webkit-appearance: none; }
|
||||||
|
.pagination-container { text-align: center; margin: 10px 0; box-sizing: border-box; }
|
||||||
|
.pagination-container .dots-page { margin: 0 3px; padding: 0; }
|
||||||
|
.pagination-container .page { margin: 0 1px; padding: 5px 8px; border-radius: 3px; background-color: transparent; color: rgba(0, 0, 0, 1); text-decoration: none; transition: color 0.2s linear, background-color 0.2s linear; cursor: pointer;}
|
||||||
|
.pagination-container .page:hover { background-color: transparent; color: rgba(193, 203, 206, 1); }
|
||||||
|
.pagination-container .page.current { background-color: transparent; color: rgba(255, 0, 0, 1); }
|
||||||
|
.imNoScript { position: absolute; top: 5px; left: 5%; width: 90%; font: normal normal normal 14pt 'Unica One'; text-decoration: none; text-align: left; }
|
||||||
|
|
||||||
|
/* Tip */
|
||||||
|
.imTip { position: absolute; z-index: 100201; margin: 0 auto; padding: 10px; background-color: rgba(255, 255, 255, 1); border-style: solid; border-width: 1px 1px 1px 1px; border-color: rgba(255, 0, 0, 1) rgba(255, 0, 0, 1) rgba(255, 0, 0, 1) rgba(255, 0, 0, 1); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
|
||||||
|
.imTip { opacity: 0; transition: opacity 1s; }
|
||||||
|
@keyframes imTipTopBounce { 0% { transform: translateY(-200px); } 50% { transform: translateY(0); } 70% { transform: translateY(-20px); } 90% { transform: translateY(0); } 95% { transform: translateY(-3px); } 100% { transform: translateY(0); } }@keyframes imTipBottomBounce { 0% { transform: translateY(200px); } 50% { transform: translateY(0); } 70% { transform: translateY(20px); } 90% { transform: translateY(0); } 95% { transform: translateY(3px); } 100% { transform: translateY(0); } }@keyframes imTipLeftBounce { 0% { transform: translateX(-200px); } 50% { transform: translateX(0); } 70% { transform: translateX(-20px); } 90% { transform: translateX(0); } 95% { transform: translateX(-3px); } 100% { transform: translateX(0); } }@keyframes imTipRightBounce { 0% { transform: translateX(200px); } 50% { transform: translateX(0); } 70% { transform: translateX(20px); } 90% { transform: translateX(0); } 95% { transform: translateX(3px); } 100% { transform: translateX(0); } }.imTip.imTipTop.imTipVisible { opacity: 1; animation: 1s imTipTopBounce; }
|
||||||
|
.imTip.imTipBottom.imTipVisible { opacity: 1; animation: 1s imTipBottomBounce; }
|
||||||
|
.imTip.imTipLeft.imTipVisible { opacity: 1; animation: 1s imTipLeftBounce; }
|
||||||
|
.imTip.imTipRight.imTipVisible { opacity: 1; animation: 1s imTipRightBounce; }
|
||||||
|
.imTipArrowBorder, .imTipArrow { border-style: solid; height: 0; width: 0; position: absolute; }
|
||||||
|
.imTip.imTipTop>.imTipArrowBorder { border-color: rgba(255, 0, 0, 1) transparent transparent transparent; border-width: 11px 11px 0px 11px; top: 100%; left: calc(50% - 11px); }
|
||||||
|
.imTip.imTipTop>.imTipArrow { border-color: rgba(255, 255, 255, 1) transparent transparent transparent; border-width: 10px 10px 0px 10px; top: 100%; left: calc(50% - 10px); }
|
||||||
|
.imTip.imTipBottom>.imTipArrowBorder { border-color: transparent transparent rgba(255, 0, 0, 1) transparent; border-width: 0px 11px 11px 11px; bottom: 100%; left: calc(50% - 11px); }
|
||||||
|
.imTip.imTipBottom>.imTipArrow { border-color: transparent transparent rgba(255, 255, 255, 1) transparent; border-width: 0px 10px 10px 10px; bottom: 100%; left: calc(50% - 10px); }
|
||||||
|
.imTip.imTipLeft>.imTipArrowBorder { border-color: transparent transparent transparent rgba(255, 0, 0, 1); border-width: 11px 0px 11px 11px; left: 100%; top: calc(50% - 11px); }
|
||||||
|
.imTip.imTipLeft>.imTipArrow { border-color: transparent transparent transparent rgba(255, 255, 255, 1); border-width: 10px 0px 10px 10px; left: 100%; top: calc(50% - 10px); }
|
||||||
|
.imTip.imTipRight>.imTipArrowBorder { border-color: transparent rgba(255, 0, 0, 1) transparent transparent; border-width: 11px 11px 11px 0px; right: 100%; top: calc(50% - 11px); }
|
||||||
|
.imTip.imTipRight>.imTipArrow { border-color: transparent rgba(255, 255, 255, 1) transparent transparent; border-width: 10px 10px 10px 0px; right: 100%; top: calc(50% - 10px); }
|
||||||
|
.imTipContent { width: 100%; font: normal normal normal 13pt 'Open Sans'; color: rgba(67, 67, 67, 1); background-color: rgba(255, 255, 255, 1); text-decoration: none; text-align: center; }
|
||||||
|
.imTipContent img { margin-bottom: 6px; max-width: 100%; }
|
||||||
|
.imTip.textLeft .imTipContent { text-align: left; }
|
||||||
|
|
||||||
|
|
||||||
|
/* Date Picker */
|
||||||
|
.date-picker { font-family: Arial, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif; user-select: none; position: absolute; width: 278px; background-color: white; border: 1px solid #ccc; box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.4); }
|
||||||
|
.date-picker table { border-collapse: collapse; margin: 5px auto; }
|
||||||
|
.date-picker .header { padding: 1rem; box-sizing: border-box; height: 73px; display: block; color: white; background-color: #909090; line-height: 1.25; font-size: 1rem; }
|
||||||
|
.date-picker .header .year { font-size: 0.75rem; }
|
||||||
|
.date-picker .header .date { font-size: 1.325rem; }
|
||||||
|
.date-picker .container { text-align: center; padding: 8px; font-size: 12px; font-weight: bold; display: inline-block; }
|
||||||
|
.date-picker .month-text { display: inline-block; min-width: 160px; }
|
||||||
|
.date-picker .year-text { display: inline-block; min-width: 65px; }
|
||||||
|
.date-picker .day { text-align: center; vertical-align: middle; width: 37.42px; height: 37.42px; font-size: 12px; cursor: pointer; }
|
||||||
|
.date-picker .selDay { position: relative; background-color: rgba(27, 161, 226, 0.5); border: 1px solid #5ebdec; font-weight: bold; color: white; box-sizing: border-box; }
|
||||||
|
.date-picker .selDay::before { position: absolute; display: block; content: ""; background-color: transparent; border-color: #ffffff !important; border-left: 2px solid; border-bottom: 2px solid; height: 4px; width: 5px; right: .15rem; top: .15rem; z-index: 102; transform: rotate(-45deg); }
|
||||||
|
.date-picker .selDay::after { position: absolute; display: block; border-top: 20px solid #5ebdec; border-left: 20px solid transparent; right: -1px; content: ""; top: -1px; z-index: 100; }
|
||||||
|
.date-picker .table-header { cursor: default; font-size: 12px; text-align: center; height: 30px; vertical-align: middle; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada}
|
||||||
|
.date-picker .arrow { display: inline; cursor: pointer; font-weight: bold; }
|
||||||
|
|
||||||
|
|
||||||
|
/* Popup */
|
||||||
|
#imGuiPopUp { padding: 20px; position: fixed; background-color: rgba(67, 67, 67, 1); border-style: solid; border-width: 0px 0px 0px 0px; border-color: rgba(55, 71, 79, 1) rgba(55, 71, 79, 1) rgba(55, 71, 79, 1) rgba(55, 71, 79, 1); border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;font: normal normal normal 13pt 'Open Sans'; color: rgba(243, 243, 243, 1); background-color: transparent; text-decoration: none; text-align: center; }
|
||||||
|
.imGuiButton { margin-top: 20px; margin-left: auto; margin-right: auto; text-align: center; width: 80px; cursor: pointer; background-color: #444; color: white; padding: 5px; font-size: 14px; font-family: Arial; }
|
||||||
|
#imGuiPopUpBg { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(67, 67, 67, 1); }
|
||||||
|
.alertbox { cursor: default; text-align: center; padding: 0; }
|
||||||
|
.alertbox .close-button { cursor: pointer; position: absolute; top: 2px; right: 2px; font-weight: bold; cursor: pointer; font-family: Tahoma; }
|
||||||
|
.alertbox .target-image { cursor: pointer; margin: 0px auto; }
|
||||||
|
|
||||||
|
|
||||||
|
/* Splash Box */
|
||||||
|
.splashbox { position: fixed; padding: 0; background-color: transparent; border: none; }
|
||||||
|
.splashbox img { cursor: pointer; }
|
||||||
|
.splashbox .imClose { position: absolute; top: -10px; right: -10px; z-index: 1; }
|
||||||
|
#welcome-flags { margin: 0 auto; text-align: center; }
|
||||||
|
#welcome-flags div { display: inline-block; margin: 10px; }
|
||||||
|
#welcome-mediaplayertarget { overflow: hidden; }
|
||||||
|
.prt_field { display: none; }
|
||||||
|
.topic-summary { display: flex; flex-flow: row wrap; justify-content: space-around; align-items: center; align-content: center; margin-bottom: 5px; padding: 10px 0; border-width: 1px 0; border-style: solid; border-color: rgba(35, 35, 35, 0.5); }
|
||||||
|
.topic-average { flex-grow: 1; box-sizing: border-box; padding: 0 5px; text-align: center; min-width: 250px; }
|
||||||
|
.topic-average .rating-value { display: flex; align-self: center; justify-content: center; align-items: center; font-weight: bold; }
|
||||||
|
.topic-average .rating-value .big { font-size: 64px; font-weight: 100; line-height: 64px; }
|
||||||
|
.topic-bars { flex-grow: 1; box-sizing: border-box; display: inline-block; text-align: center; min-width: 350px; padding: 5px 20px; }
|
||||||
|
.topic-bar { display: grid; width: 100%; max-width: 100%; grid-template-columns: 13% 71% 16%; justify-items: center; align-items: center; }
|
||||||
|
.topic-average .label-review { font-size: 0.8em; }
|
||||||
|
.topic-average .label-no-review { padding: 10px 0; }
|
||||||
|
.topic-bar .bar-star-n { display: flex; line-height: 26px; align-items: center; }
|
||||||
|
.topic-bar .bar-star-n .star { width: 32px; position: unset; background-repeat: no-repeat; background-position: center; }
|
||||||
|
.topic-bar .bar-progress { width: 100%; max-width: 100%; height: 12px; }
|
||||||
|
.topic-bar .bar-progress > span { width: 50%; max-width: 100%; background-color: red; height: 100%; display: block; }
|
||||||
|
.topic-bar .bar-total { padding: 0 10px; font-size: 0.95em; border-radius: 6px; border: 1px solid rgba(35, 35, 35, 0.5); }
|
||||||
|
.topic-add-review { flex-grow: 1; box-sizing: border-box; text-align: center; padding: 5px; min-width: 250px; }
|
||||||
|
.topic-form { text-align: left; max-height: 0; overflow: hidden; transition: max-height 0.5s ease-in; }
|
||||||
|
.topic-form.offline { margin-bottom: 0; }
|
||||||
|
.topic-form.visible { max-height: 1000px; width: 100%; }
|
||||||
|
.fill { min-width: 200px; }
|
||||||
|
.topic-summary.comments .topic-total-review { flex-grow: 1; box-sizing: border-box; padding: 5px; min-width: 250px; text-align: center; }
|
||||||
|
.topic-summary.comments .topic-total-review > div { text-align: center; }
|
||||||
|
.topic-summary.comments .topic-total-review .topic-number-review { font-size: 64px; font-weight: 100; line-height: 64px; }
|
||||||
|
.topic-summary.comments .topic-space { flex-grow: 1; box-sizing: border-box; padding: 5px; min-width: 250px; visibility: hidden; }
|
||||||
|
.topic-summary.comments .topic-review-c { display: inline-block; }
|
||||||
|
.topic-summary.comments .topic-total-review .label-review { font-size: 0.8em; }
|
||||||
|
.topic-summary.star .topic-star { flex-grow: 1; box-sizing: border-box; padding: 5px; min-width: 250px; }
|
||||||
|
.topic-summary.star .topic-star .box-star { display: inline-block; text-align: left; }
|
||||||
|
.topic-summary.star .topic-star .enter_rating { margin-bottom: 7px; }
|
||||||
|
.imCaptFrame { position: absolute; float: right; margin: 0; padding: 0; top: 5px;}
|
||||||
|
.topic-form-row { position: relative; padding-top: 5px; }
|
||||||
|
.topic-star-container-big, .topic-star-container-small { display: inline-block; position: relative; background-repeat: repeat-x; background-position: left top; }
|
||||||
|
.topic-star-container-big { width: 160px; height: 34px; }
|
||||||
|
.topic-star-container-small { width: 80px; height: 16px; }
|
||||||
|
.topic-star-fixer-big, .topic-star-fixer-small { display: block; position: absolute; top: 0; left: 0; background-repeat: repeat-x; background-position: left top; }
|
||||||
|
.topic-star-fixer-big { height: 34px; }
|
||||||
|
.topic-star-fixer-small { height: 16px; }
|
||||||
|
.variable-star-rating { cursor: pointer; }
|
||||||
|
.blog-topic { padding: 10px; }
|
||||||
|
.comments-and-ratings-topic-form { width: 80%; }
|
||||||
|
.topic-form-row { min-width: 240px; display: flex; flex-wrap: wrap; }
|
||||||
|
.topic-form-row .topic-form-item { flex-grow: 1; min-width: 240px; margin-right: 25px; padding-top: 0.3em; padding-bottom: 0.3em; box-sizing: border-box; width: 40%;}
|
||||||
|
.topic-form-row .topic-form-item.second-column.empty-column { padding: 0; }
|
||||||
|
.topic-form-row .topic-form-item.rating { display: flex; align-items: center; }
|
||||||
|
.topic-form-row .topic-form-item.rating label { margin-bottom: 0; width: auto; margin-right: 1em; }
|
||||||
|
.topic-form-row .topic-form-item label { display: block; width: 100%; margin-bottom: 0.5em; }
|
||||||
|
.topic-form-row .topic-form-item input { width: 100%; }
|
||||||
|
.topic-comment { box-sizing: border-box; margin: 0 0 10px 0; padding: 10px; border-radius: 10px 10px 10px 10px; border: 1px solid rgba(35, 35, 35, 0.5); }
|
||||||
|
.topic-comment-count { font-weight: bold; margin: 10px 0 7px; }
|
||||||
|
.topic-comment-user { margin-bottom: 5px; font-weight: bold; }
|
||||||
|
.topic-comment-user > span { word-wrap: break-word; overflow: hidden; }
|
||||||
|
.topic-comment-avatar .avatar-img { border-radius: 50%; }
|
||||||
|
.topic-comment-abuse { margin: 5px 0 0 0; border: none; text-align: right; visibility: hidden; }
|
||||||
|
.topic-comment:hover .topic-comment-abuse, .topic-comment .topic-comment-abuse.mobile { visibility: visible; }
|
||||||
|
.topic-comment-abuse:hover { text-decoration: underline; }
|
||||||
|
.topic-comment-abuse > a { font-size: 0.8em; text-decoration: none; color: rgba(0, 0, 0, 0.7); }
|
||||||
|
.topic-comment-date { margin-bottom: 5px; display: block; }
|
||||||
|
.topic-comment-info-body { display: flex; }
|
||||||
|
.topic-comment-info-body .topic-comment-body { word-wrap: break-word; overflow: hidden; }
|
||||||
|
.topic-comments { margin: 30px auto 0 auto; }
|
||||||
|
.topic-comments.one-columns .topic-comment-info-body .topic-comment-info { width: 18%; }
|
||||||
|
.topic-comments.one-columns .topic-comment-info-body .topic-comment-body { width: 82%; margin-left: 0.5em; }
|
||||||
|
.topic-comments.one-columns .topic-comment-info-body .topic-comment-avatar { width: 80px; text-align: center; margin-bottom: 10px; }
|
||||||
|
.topic-comments.multiple-columns:after { content: ''; display: block; clear: both; }
|
||||||
|
.topic-comments.multiple-columns { visibility: hidden; }
|
||||||
|
.topic-comments.multiple-columns.visible { visibility: visible; }
|
||||||
|
.topic-comments.multiple-columns { box-sizing: border-box; width: 100% !important; max-width: 100%; }
|
||||||
|
.topic-comments.multiple-columns .topic-comment { min-width: 250px; box-sizing: border-box; padding: 0; }
|
||||||
|
.topic-comments.multiple-columns .topic-comment .topic-comment-info-body { padding: 10px; flex-direction: column; }
|
||||||
|
.topic-comments.multiple-columns .topic-comment .topic-comment-info-body .topic-comment-info { display: flex; flex-direction: row-reverse; justify-content: space-between; }
|
||||||
|
.topic-comments.multiple-columns .topic-comment .topic-comment-info-body .topic-comment-info .topic-comment-avatar { display: flex; align-items: center; margin: 0 20px 0 0; }
|
||||||
|
.topic-comments.multiple-columns .topic-comment .topic-comment-abuse { padding: 0 10px 10px 10px; }
|
||||||
|
.topic-comments.multiple-columns .topic-comment-body { margin: 15px 0 0 0; }
|
||||||
|
@media (max-width: 1149.9px) and (min-width: 720.0px) {
|
||||||
|
.topic-bars, .topic-space { display: none; }
|
||||||
|
|
||||||
|
}
|
||||||
|
@media (max-width: 719.9px) and (min-width: 480.0px) {
|
||||||
|
.topic-bars, .topic-space { display: none; }
|
||||||
|
|
||||||
|
}
|
||||||
|
@media (max-width: 719.9px) and (min-width: 480.0px) {
|
||||||
|
.comments-and-ratings-topic-form { width: 100%; }
|
||||||
|
.topic-form-row .topic-form-item { width: 100%; margin-right: 0; }
|
||||||
|
|
||||||
|
}
|
||||||
|
@media (max-width: 479.9px) {
|
||||||
|
.topic-bars, .topic-space { display: none; }
|
||||||
|
|
||||||
|
}
|
||||||
|
@media (max-width: 479.9px) {
|
||||||
|
.comments-and-ratings-topic-form { width: 100%; }
|
||||||
|
.topic-form-row .topic-form-item { width: 100%; margin-right: 0; }
|
||||||
|
|
||||||
|
}
|
||||||
|
#cookie-law-message {background-color: rgba(40, 40, 40, 1);color: rgba(255, 255, 255, 1);font: normal normal normal 11pt 'Unica One'; ; padding:3px 4px;}
|
||||||
|
#cookie-law-message .splashContent { padding:20px;}
|
||||||
|
#cookie-law-message .imClose { display:inline-block; position: relative; top:0; right:0;margin: 5px 0 5px 20px;}
|
||||||
|
#cookie-law-message .imCloseInn {display: inline-block; padding:8px 10px; text-align: center; border-radius: 4px; cursor:pointer;background-color: rgba(204, 204, 204, 1);color: rgba(106, 168, 79, 1);}
|
||||||
|
#cookie-law-message .imCloseInn:hover {opacity: 0.8; }
|
||||||
|
#cookie-law-message .message-container .wrapper-content > div { display:inline-block; }
|
||||||
|
#cookie-law-message div { line-height: 28px; }
|
||||||
|
#cookie-law-message .imHeading1 { line-height: 28px; }
|
||||||
|
#cookie-law-message .imHeading2 { line-height: 28px; }
|
||||||
|
#cookie-law-message .imHeading3 { line-height: 28px; }
|
||||||
|
#cookie-law-message .imHeading4 { line-height: 28px; }
|
||||||
|
#cookie-law-message .imHeading5 { line-height: 28px; }
|
||||||
|
#cookie-law-message .imHeading6 { line-height: 28px; }
|
||||||
|
#cookie-law-message ul { list-style: disc; margin: 0; padding: 0; overflow: hidden; }
|
||||||
|
#cookie-law-message ul ul { list-style: square; padding: 0 0 0 20px; }
|
||||||
|
#cookie-law-message ul ul ul { list-style: circle; }
|
||||||
|
#cookie-law-message ul li { margin: 0 0 0 40px; padding: 0px; }
|
||||||
|
#cookie-law-message ol { list-style: decimal; margin: 0; padding: 0; }
|
||||||
|
#cookie-law-message ol ol { list-style: lower-alpha; padding: 0 0 0 20px; }
|
||||||
|
#cookie-law-message ol li { margin: 0 0 0 40px; padding: 0px; }
|
||||||
|
#cookie-law-message blockquote { margin: 0 0 0 15px; padding: 0; border: none; }
|
||||||
|
#cookie-law-message table { border: none; padding: 0; border-collapse: collapse; }
|
||||||
|
#cookie-law-message table td { border: 1px solid black; word-wrap: break-word; padding: 4px 3px 4px 3px; margin: 0; vertical-align: middle; }
|
||||||
|
#cookie-law-message p { margin: 0; padding: 0; }
|
||||||
|
#cookie-law-message .inline-block { display: inline-block; }
|
||||||
|
#cookie-law-message sup { vertical-align: super; font-size: smaller; }
|
||||||
|
#cookie-law-message sub { vertical-align: sub; font-size: smaller; }
|
||||||
|
#cookie-law-message img { border: none; margin: 0; vertical-align: text-bottom;}
|
||||||
|
#cookie-law-message .fleft { float: left; vertical-align: baseline;}
|
||||||
|
#cookie-law-message .fright { float: right; vertical-align: baseline;}
|
||||||
|
#cookie-law-message img.fleft { margin-right: 15px; }
|
||||||
|
#cookie-law-message img.fright { margin-left: 15px; }
|
||||||
|
#cookie-law-message .imTALeft { text-align: left; }
|
||||||
|
#cookie-law-message .imTARight { text-align: right; }
|
||||||
|
#cookie-law-message .imTACenter { text-align: center; }
|
||||||
|
#cookie-law-message .imTAJustify { text-align: justify; }
|
||||||
|
#cookie-law-message .imUl { text-decoration: underline; }
|
||||||
|
#cookie-law-message .imStrike { text-decoration: line-through; }
|
||||||
|
#cookie-law-message .imUlStrike { text-decoration: underline line-through; }
|
||||||
|
#cookie-law-message .imVt { vertical-align: top; }
|
||||||
|
#cookie-law-message .imVc { vertical-align: middle; }
|
||||||
|
#cookie-law-message .imVb { vertical-align: bottom; }
|
||||||
|
#cookie-law-message hr { border-width: 1px 0 0 0; border-style: solid; }
|
||||||
|
#media-query-to-js { position: absolute; display: none; }@media (min-width: 1150.0px) {
|
||||||
|
#media-query-to-js { width: 1150px; }
|
||||||
|
}
|
||||||
|
@media (max-width: 1149.9px) and (min-width: 720.0px) {
|
||||||
|
#media-query-to-js { width: 720px; }
|
||||||
|
}
|
||||||
|
@media (max-width: 719.9px) and (min-width: 480.0px) {
|
||||||
|
#media-query-to-js { width: 480px; }
|
||||||
|
}
|
||||||
|
@media (max-width: 479.9px) {
|
||||||
|
#media-query-to-js { width: 0px; }
|
||||||
|
}
|
||||||
|
@media all and (min-width:1px) { .media-test { position: absolute; } }
|
||||||
|
@supports (display: grid) { .media-test { text-align: justify; } }
|
||||||
|
.browser-comp-message { position: fixed; bottom: 0; left: 0; right: 0; z-index: 10600; }
|
||||||
|
.browser-comp-message.severity-error {top: 0; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGNiOAMAANUAz5n+TlUAAAAASUVORK5CYII='); }
|
||||||
|
.browser-comp-message div { padding: 20px; border: 2px solid #888; background-color: #000;}
|
||||||
|
.browser-comp-message.severity-error div { width: 90%; max-width: 500px; max-height: 120px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; padding: 50px 0; }
|
||||||
|
.browser-comp-message p { font-family: Tahoma, Sans-serif; font-size: 12pt; margin: 20px 0; text-align: center; color: #fff; }
|
||||||
|
.browser-comp-message.severity-warning p { text-align: left; display: inline; margin: 0 5px; }
|
||||||
|
.browser-comp-message a { font-family: Tahoma, Sans-serif; font-size: 12pt; font-weight: bold; color: #00d7f7; text-decoration: none; }
|
||||||
|
.x5captcha-wrap { text-align: center; box-sizing: border-box; width: 100%; padding-right: 10px; }
|
||||||
|
.x5captcha-wrap label { padding: 0; }
|
||||||
|
.x5captcha-wrap input { width: 120px; }
|
||||||
|
.captcha-container { display: block; margin: 3px auto 2px auto; width: 160px; height: 32px; border: 1px solid #BBBBBB; }
|
||||||
|
.imLoadAnim { width: 32px; height: 32px; position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0;}
|
||||||
|
.imLoadAnim .imLoadCircle { width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
|
||||||
|
.imLoadAnim .imLoadCircle:before { content: ''; display: block; margin: 0 auto; width: 15%; height: 15%; background-color: #333; border-radius: 100%; -webkit-animation: imLoadCircleFadeDelay 1.2s infinite ease-in-out both; animation: imLoadCircleFadeDelay 1.2s infinite ease-in-out both;}
|
||||||
|
.imLoadAnim .imLoadCircle2 { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg);}
|
||||||
|
.imLoadAnim .imLoadCircle3 { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg);}
|
||||||
|
.imLoadAnim .imLoadCircle4 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
|
||||||
|
.imLoadAnim .imLoadCircle5 { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg);}
|
||||||
|
.imLoadAnim .imLoadCircle6 { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg);}
|
||||||
|
.imLoadAnim .imLoadCircle7 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
|
||||||
|
.imLoadAnim .imLoadCircle8 { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg);}
|
||||||
|
.imLoadAnim .imLoadCircle9 { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg);}
|
||||||
|
.imLoadAnim .imLoadCircle10 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg);}
|
||||||
|
.imLoadAnim .imLoadCircle11 { -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); }
|
||||||
|
.imLoadAnim .imLoadCircle12 { -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); }
|
||||||
|
.imLoadAnim .imLoadCircle2:before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }
|
||||||
|
.imLoadAnim .imLoadCircle3:before { -webkit-animation-delay: -1s; animation-delay: -1s; }
|
||||||
|
.imLoadAnim .imLoadCircle4:before { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }
|
||||||
|
.imLoadAnim .imLoadCircle5:before { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }
|
||||||
|
.imLoadAnim .imLoadCircle6:before { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; }
|
||||||
|
.imLoadAnim .imLoadCircle7:before { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; }
|
||||||
|
.imLoadAnim .imLoadCircle8:before { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; }
|
||||||
|
.imLoadAnim .imLoadCircle9:before { -webkit-animation-delay: -0.4s; animation-delay: -0.4s;}
|
||||||
|
.imLoadAnim .imLoadCircle10:before { -webkit-animation-delay: -0.3s; animation-delay: -0.3s;}
|
||||||
|
.imLoadAnim .imLoadCircle11:before { -webkit-animation-delay: -0.2s; animation-delay: -0.2s;}
|
||||||
|
.imLoadAnim .imLoadCircle12:before { -webkit-animation-delay: -0.1s; animation-delay: -0.1s;}
|
||||||
|
@-webkit-keyframes imLoadCircleFadeDelay { 0%, 39%, 100% { opacity: 0; } 40% { opacity: 1; }}
|
||||||
|
@keyframes imLoadCircleFadeDelay { 0%, 39%, 100% { opacity: 0; } 40% { opacity: 1; } }
|
||||||
|
.image-list-row-container, .image-list-row-item { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; background-size: cover; transform-origin: 0 0; animation-fill-mode: both; } .image-list-row-item.hidden { display: none; } .image-list-row-item.row-format-animation-none.out { display: none; } .image-list-row-item.row-format-animation-fade.in { animation-name: row-format-animation-fade-in; } .image-list-row-item.row-format-animation-fade.out { animation-name: row-format-animation-fade-out; } @keyframes row-format-animation-fade-in { 0% { opacity: 0; } } @keyframes row-format-animation-fade-out { 100% { opacity: 0; } } .image-list-row-item.row-format-animation-slideHorizontal.in { animation-name: row-format-animation-slideHorizontal-in; } .image-list-row-item.row-format-animation-slideHorizontal.out { animation-name: row-format-animation-slideHorizontal-out; } @keyframes row-format-animation-slideHorizontal-in { 0% { transform: translate3d(-100%, 0, 0); } } @keyframes row-format-animation-slideHorizontal-out { 100% { transform: translate3d(100%, 0, 0); } } .image-list-row-item.row-format-animation-slideVertictal.in { animation-name: row-format-animation-slideVertictal-in; } .image-list-row-item.row-format-animation-slideVertictal.out { animation-name: row-format-animation-slideVertictal-out; } @keyframes row-format-animation-slideVertictal-in { 0% { transform: translate3d(0, -100%, 0); } } @keyframes row-format-animation-slideVertictal-out { 100% { transform: translate3d(0, 100%, 0); } } .image-list-row-item.row-format-animation-rotateOnCorner.in { animation-name: row-format-animation-rotateOnCorner-in; } .image-list-row-item.row-format-animation-rotateOnCorner.out { animation-name: row-format-animation-rotateOnCorner-out; } @keyframes row-format-animation-rotateOnCorner-in { 0% { transform: rotatez(90deg); } } @keyframes row-format-animation-rotateOnCorner-out { 100% { transform: rotatez(-90deg); } }
|
|
@ -0,0 +1,87 @@
|
||||||
|
html { position: relative; margin: 0; padding: 0; height: 100%; }
|
||||||
|
body { margin: 0; padding: 0; text-align: left; height: 100%; }
|
||||||
|
#imPageExtContainer {min-height: 100%; }
|
||||||
|
#imPageIntContainer { position: relative;}
|
||||||
|
#imPage { position: relative; width: 100%; }
|
||||||
|
#imHeaderBg { position: absolute; left: 0; top: 0; width: 100%; }
|
||||||
|
#imContent { position: relative; }
|
||||||
|
#imFooterBg { position: absolute; left: 0; bottom: 0; width: 100%; }
|
||||||
|
#imStickyBarContainer { visibility: hidden; position: fixed; overflow: hidden; }
|
||||||
|
#imPageToTop { position: fixed; bottom: 30px; right: 30px; z-index: 10500; display: none; opacity: 0.75 }
|
||||||
|
#imPageToTop:hover {opacity: 1; cursor: pointer; }
|
||||||
|
@media (min-width: 1150.0px) {
|
||||||
|
#imPageExtContainer { background-image: none; background-color: transparent; }
|
||||||
|
#imPage { padding-top: 0px; padding-bottom: 0px; min-width: 1150px; }
|
||||||
|
#imHeaderBg { height: 185px; background-image: url('4C-weiss.jpg'); background-position: left top; background-repeat: no-repeat; background-attachment: scroll; background-color: rgba(255, 255, 255, 1); }
|
||||||
|
#imHeader { background-image: none; background-color: transparent; }
|
||||||
|
#imHeaderObjects { margin-left: auto; margin-right: auto; position: relative; height: 184px; width:1150px; }
|
||||||
|
#imContent { align-self: start; padding: 0px 0 0px 0; }
|
||||||
|
#imContentGraphics { min-height: 501px; background-image: none; background-color: transparent; }
|
||||||
|
#imFooterBg { height: 70px; background-image: none; background-color: rgba(67, 67, 67, 1); }
|
||||||
|
#imFooter { background-image: none; background-color: transparent; }
|
||||||
|
#imFooterObjects { margin-left: auto; margin-right: auto; position: relative; height: 70px; width:1150px; }
|
||||||
|
#imSideBar { background-image: none; background-color: transparent; overflow: visible; zoom: 1; z-index: 200; }
|
||||||
|
#imSideBarObjects { position: relative; height: 501px; }
|
||||||
|
#imStickyBarContainer { top: 0; left: 0; right: 0; margin: auto; width: 100%; height: 70px; box-sizing: border-box; z-index: 10301; }
|
||||||
|
#imStickyBarGraphics { top: 0; left: 0; right: 0; margin: auto; width: 100%; height: 70px; box-sizing: border-box; background-image: none; background-color: rgba(67, 67, 67, 1); position: absolute; opacity: 0.75}
|
||||||
|
#imStickyBar { position: relative; top: 0; left: 0; margin: auto; width: 1150px }
|
||||||
|
#imStickyBarObjects { position: relative; height: 70px; }
|
||||||
|
|
||||||
|
}
|
||||||
|
@media (max-width: 1149.9px) and (min-width: 720.0px) {
|
||||||
|
#imPageExtContainer { background-image: none; background-color: transparent; }
|
||||||
|
#imPage { padding-top: 0px; padding-bottom: 0px; min-width: 720px; }
|
||||||
|
#imHeaderBg { height: 201px; background-image: url('4C-weiss.jpg'); background-position: left top; background-repeat: no-repeat; background-attachment: scroll; background-color: transparent; }
|
||||||
|
#imHeader { background-image: none; background-color: transparent; }
|
||||||
|
#imHeaderObjects { margin-left: auto; margin-right: auto; position: relative; height: 201px; width:720px; }
|
||||||
|
#imContent { align-self: start; padding: 5px 0 0px 0; }
|
||||||
|
#imContentGraphics { min-height: 600px; background-image: none; background-color: transparent; }
|
||||||
|
#imFooterBg { height: 60px; background-image: none; background-color: rgba(67, 67, 67, 1); }
|
||||||
|
#imFooter { background-image: none; background-color: transparent; }
|
||||||
|
#imFooterObjects { margin-left: auto; margin-right: auto; position: relative; height: 60px; width:720px; }
|
||||||
|
#imSideBar { background-image: none; background-color: transparent; overflow: visible; zoom: 1; z-index: 200; }
|
||||||
|
#imSideBarObjects { position: relative; height: 600px; }
|
||||||
|
#imStickyBarContainer { top: 0; left: 0; right: 0; margin: auto; width: 100%; height: 60px; box-sizing: border-box; z-index: 10301; }
|
||||||
|
#imStickyBarGraphics { top: 0; left: 0; right: 0; margin: auto; width: 100%; height: 60px; box-sizing: border-box; background-image: none; background-color: rgba(67, 67, 67, 1); position: absolute; opacity: 0.75}
|
||||||
|
#imStickyBar { position: relative; top: 0; left: 0; margin: auto; width: 720px }
|
||||||
|
#imStickyBarObjects { position: relative; height: 60px; }
|
||||||
|
|
||||||
|
}
|
||||||
|
@media (max-width: 719.9px) and (min-width: 480.0px) {
|
||||||
|
#imPageExtContainer { background-image: none; background-color: transparent; }
|
||||||
|
#imPage { padding-top: 0px; padding-bottom: 0px; min-width: 480px; }
|
||||||
|
#imHeaderBg { height: 201px; background-image: url('4C-weiss.jpg'); background-position: left top; background-repeat: no-repeat; background-attachment: scroll; background-color: transparent; }
|
||||||
|
#imHeader { background-image: none; background-color: transparent; }
|
||||||
|
#imHeaderObjects { margin-left: auto; margin-right: auto; position: relative; height: 201px; width:480px; }
|
||||||
|
#imContent { align-self: start; padding: 5px 0 0px 0; }
|
||||||
|
#imContentGraphics { min-height: 600px; background-image: none; background-color: transparent; }
|
||||||
|
#imFooterBg { height: 50px; background-image: none; background-color: rgba(67, 67, 67, 1); }
|
||||||
|
#imFooter { background-image: none; background-color: transparent; }
|
||||||
|
#imFooterObjects { margin-left: auto; margin-right: auto; position: relative; height: 50px; width:480px; }
|
||||||
|
#imSideBar { background-image: none; background-color: transparent; overflow: visible; zoom: 1; z-index: 200; }
|
||||||
|
#imSideBarObjects { position: relative; height: 600px; }
|
||||||
|
#imStickyBarContainer { top: 0; left: 0; right: 0; margin: auto; width: 100%; height: 50px; box-sizing: border-box; z-index: 10301; }
|
||||||
|
#imStickyBarGraphics { top: 0; left: 0; right: 0; margin: auto; width: 100%; height: 50px; box-sizing: border-box; background-image: none; background-color: rgba(67, 67, 67, 1); position: absolute; opacity: 0.75}
|
||||||
|
#imStickyBar { position: relative; top: 0; left: 0; margin: auto; width: 480px }
|
||||||
|
#imStickyBarObjects { position: relative; height: 50px; }
|
||||||
|
|
||||||
|
}
|
||||||
|
@media (max-width: 479.9px) {
|
||||||
|
#imPageExtContainer { background-image: none; background-color: transparent; }
|
||||||
|
#imPage { padding-top: 0px; padding-bottom: 0px; }
|
||||||
|
#imHeaderBg { height: 200px; background-image: url('4C-weiss.jpg'); background-position: left top; background-repeat: no-repeat; background-attachment: scroll; background-color: transparent; }
|
||||||
|
#imHeader { background-image: none; background-color: transparent; }
|
||||||
|
#imHeaderObjects { margin-left: auto; margin-right: auto; position: relative; height: 201px; width:320px; }
|
||||||
|
#imContent { align-self: start; padding: 5px 0 0px 0; }
|
||||||
|
#imContentGraphics { min-height: 600px; background-image: none; background-color: transparent; }
|
||||||
|
#imFooterBg { height: 50px; background-image: none; background-color: rgba(67, 67, 67, 1); }
|
||||||
|
#imFooter { background-image: none; background-color: transparent; }
|
||||||
|
#imFooterObjects { margin-left: auto; margin-right: auto; position: relative; height: 50px; width:320px; }
|
||||||
|
#imSideBar { background-image: none; background-color: transparent; overflow: visible; zoom: 1; z-index: 200; }
|
||||||
|
#imSideBarObjects { position: relative; height: 600px; }
|
||||||
|
#imStickyBarContainer { top: 0; left: 0; right: 0; margin: auto; width: 100%; height: 40px; box-sizing: border-box; z-index: 10301; }
|
||||||
|
#imStickyBarGraphics { top: 0; left: 0; right: 0; margin: auto; width: 100%; height: 40px; box-sizing: border-box; background-image: none; background-color: rgba(67, 67, 67, 1); position: absolute; opacity: 0.75}
|
||||||
|
#imStickyBar { position: relative; top: 0; left: 0; margin: auto; width: 320px }
|
||||||
|
#imStickyBarObjects { position: relative; height: 40px; }
|
||||||
|
|
||||||
|
}
|
|
@ -0,0 +1,93 @@
|
||||||
|
Copyright (c) 2012, Brian J. Bonislawsky DBA Astigmatic (AOETI) (astigma@astigmatic.com), with Reserved Font Names "Marcellus"
|
||||||
|
|
||||||
|
This Font Software is licensed under the SIL Open Font License, Version 1.1.
|
||||||
|
This license is copied below, and is also available with a FAQ at:
|
||||||
|
http://scripts.sil.org/OFL
|
||||||
|
|
||||||
|
|
||||||
|
-----------------------------------------------------------
|
||||||
|
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
|
||||||
|
-----------------------------------------------------------
|
||||||
|
|
||||||
|
PREAMBLE
|
||||||
|
The goals of the Open Font License (OFL) are to stimulate worldwide
|
||||||
|
development of collaborative font projects, to support the font creation
|
||||||
|
efforts of academic and linguistic communities, and to provide a free and
|
||||||
|
open framework in which fonts may be shared and improved in partnership
|
||||||
|
with others.
|
||||||
|
|
||||||
|
The OFL allows the licensed fonts to be used, studied, modified and
|
||||||
|
redistributed freely as long as they are not sold by themselves. The
|
||||||
|
fonts, including any derivative works, can be bundled, embedded,
|
||||||
|
redistributed and/or sold with any software provided that any reserved
|
||||||
|
names are not used by derivative works. The fonts and derivatives,
|
||||||
|
however, cannot be released under any other type of license. The
|
||||||
|
requirement for fonts to remain under this license does not apply
|
||||||
|
to any document created using the fonts or their derivatives.
|
||||||
|
|
||||||
|
DEFINITIONS
|
||||||
|
"Font Software" refers to the set of files released by the Copyright
|
||||||
|
Holder(s) under this license and clearly marked as such. This may
|
||||||
|
include source files, build scripts and documentation.
|
||||||
|
|
||||||
|
"Reserved Font Name" refers to any names specified as such after the
|
||||||
|
copyright statement(s).
|
||||||
|
|
||||||
|
"Original Version" refers to the collection of Font Software components as
|
||||||
|
distributed by the Copyright Holder(s).
|
||||||
|
|
||||||
|
"Modified Version" refers to any derivative made by adding to, deleting,
|
||||||
|
or substituting -- in part or in whole -- any of the components of the
|
||||||
|
Original Version, by changing formats or by porting the Font Software to a
|
||||||
|
new environment.
|
||||||
|
|
||||||
|
"Author" refers to any designer, engineer, programmer, technical
|
||||||
|
writer or other person who contributed to the Font Software.
|
||||||
|
|
||||||
|
PERMISSION & CONDITIONS
|
||||||
|
Permission is hereby granted, free of charge, to any person obtaining
|
||||||
|
a copy of the Font Software, to use, study, copy, merge, embed, modify,
|
||||||
|
redistribute, and sell modified and unmodified copies of the Font
|
||||||
|
Software, subject to the following conditions:
|
||||||
|
|
||||||
|
1) Neither the Font Software nor any of its individual components,
|
||||||
|
in Original or Modified Versions, may be sold by itself.
|
||||||
|
|
||||||
|
2) Original or Modified Versions of the Font Software may be bundled,
|
||||||
|
redistributed and/or sold with any software, provided that each copy
|
||||||
|
contains the above copyright notice and this license. These can be
|
||||||
|
included either as stand-alone text files, human-readable headers or
|
||||||
|
in the appropriate machine-readable metadata fields within text or
|
||||||
|
binary files as long as those fields can be easily viewed by the user.
|
||||||
|
|
||||||
|
3) No Modified Version of the Font Software may use the Reserved Font
|
||||||
|
Name(s) unless explicit written permission is granted by the corresponding
|
||||||
|
Copyright Holder. This restriction only applies to the primary font name as
|
||||||
|
presented to the users.
|
||||||
|
|
||||||
|
4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
|
||||||
|
Software shall not be used to promote, endorse or advertise any
|
||||||
|
Modified Version, except to acknowledge the contribution(s) of the
|
||||||
|
Copyright Holder(s) and the Author(s) or with their explicit written
|
||||||
|
permission.
|
||||||
|
|
||||||
|
5) The Font Software, modified or unmodified, in part or in whole,
|
||||||
|
must be distributed entirely under this license, and must not be
|
||||||
|
distributed under any other license. The requirement for fonts to
|
||||||
|
remain under this license does not apply to any document created
|
||||||
|
using the Font Software.
|
||||||
|
|
||||||
|
TERMINATION
|
||||||
|
This license becomes null and void if any of the above conditions are
|
||||||
|
not met.
|
||||||
|
|
||||||
|
DISCLAIMER
|
||||||
|
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
||||||
|
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
|
||||||
|
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
|
||||||
|
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
|
||||||
|
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
|
||||||
|
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
|
||||||
|
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
||||||
|
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
|
||||||
|
OTHER DEALINGS IN THE FONT SOFTWARE.
|
|
@ -0,0 +1,93 @@
|
||||||
|
Copyright 2020 The Open Sans Project Authors (https://github.com/googlefonts/opensans)
|
||||||
|
|
||||||
|
This Font Software is licensed under the SIL Open Font License, Version 1.1.
|
||||||
|
This license is copied below, and is also available with a FAQ at:
|
||||||
|
http://scripts.sil.org/OFL
|
||||||
|
|
||||||
|
|
||||||
|
-----------------------------------------------------------
|
||||||
|
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
|
||||||
|
-----------------------------------------------------------
|
||||||
|
|
||||||
|
PREAMBLE
|
||||||
|
The goals of the Open Font License (OFL) are to stimulate worldwide
|
||||||
|
development of collaborative font projects, to support the font creation
|
||||||
|
efforts of academic and linguistic communities, and to provide a free and
|
||||||
|
open framework in which fonts may be shared and improved in partnership
|
||||||
|
with others.
|
||||||
|
|
||||||
|
The OFL allows the licensed fonts to be used, studied, modified and
|
||||||
|
redistributed freely as long as they are not sold by themselves. The
|
||||||
|
fonts, including any derivative works, can be bundled, embedded,
|
||||||
|
redistributed and/or sold with any software provided that any reserved
|
||||||
|
names are not used by derivative works. The fonts and derivatives,
|
||||||
|
however, cannot be released under any other type of license. The
|
||||||
|
requirement for fonts to remain under this license does not apply
|
||||||
|
to any document created using the fonts or their derivatives.
|
||||||
|
|
||||||
|
DEFINITIONS
|
||||||
|
"Font Software" refers to the set of files released by the Copyright
|
||||||
|
Holder(s) under this license and clearly marked as such. This may
|
||||||
|
include source files, build scripts and documentation.
|
||||||
|
|
||||||
|
"Reserved Font Name" refers to any names specified as such after the
|
||||||
|
copyright statement(s).
|
||||||
|
|
||||||
|
"Original Version" refers to the collection of Font Software components as
|
||||||
|
distributed by the Copyright Holder(s).
|
||||||
|
|
||||||
|
"Modified Version" refers to any derivative made by adding to, deleting,
|
||||||
|
or substituting -- in part or in whole -- any of the components of the
|
||||||
|
Original Version, by changing formats or by porting the Font Software to a
|
||||||
|
new environment.
|
||||||
|
|
||||||
|
"Author" refers to any designer, engineer, programmer, technical
|
||||||
|
writer or other person who contributed to the Font Software.
|
||||||
|
|
||||||
|
PERMISSION & CONDITIONS
|
||||||
|
Permission is hereby granted, free of charge, to any person obtaining
|
||||||
|
a copy of the Font Software, to use, study, copy, merge, embed, modify,
|
||||||
|
redistribute, and sell modified and unmodified copies of the Font
|
||||||
|
Software, subject to the following conditions:
|
||||||
|
|
||||||
|
1) Neither the Font Software nor any of its individual components,
|
||||||
|
in Original or Modified Versions, may be sold by itself.
|
||||||
|
|
||||||
|
2) Original or Modified Versions of the Font Software may be bundled,
|
||||||
|
redistributed and/or sold with any software, provided that each copy
|
||||||
|
contains the above copyright notice and this license. These can be
|
||||||
|
included either as stand-alone text files, human-readable headers or
|
||||||
|
in the appropriate machine-readable metadata fields within text or
|
||||||
|
binary files as long as those fields can be easily viewed by the user.
|
||||||
|
|
||||||
|
3) No Modified Version of the Font Software may use the Reserved Font
|
||||||
|
Name(s) unless explicit written permission is granted by the corresponding
|
||||||
|
Copyright Holder. This restriction only applies to the primary font name as
|
||||||
|
presented to the users.
|
||||||
|
|
||||||
|
4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
|
||||||
|
Software shall not be used to promote, endorse or advertise any
|
||||||
|
Modified Version, except to acknowledge the contribution(s) of the
|
||||||
|
Copyright Holder(s) and the Author(s) or with their explicit written
|
||||||
|
permission.
|
||||||
|
|
||||||
|
5) The Font Software, modified or unmodified, in part or in whole,
|
||||||
|
must be distributed entirely under this license, and must not be
|
||||||
|
distributed under any other license. The requirement for fonts to
|
||||||
|
remain under this license does not apply to any document created
|
||||||
|
using the Font Software.
|
||||||
|
|
||||||
|
TERMINATION
|
||||||
|
This license becomes null and void if any of the above conditions are
|
||||||
|
not met.
|
||||||
|
|
||||||
|
DISCLAIMER
|
||||||
|
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
||||||
|
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
|
||||||
|
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
|
||||||
|
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
|
||||||
|
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
|
||||||
|
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
|
||||||
|
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
||||||
|
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
|
||||||
|
OTHER DEALINGS IN THE FONT SOFTWARE.
|
|
@ -0,0 +1,93 @@
|
||||||
|
Copyright 2012 The Unica One Project Authors (https://github.com/etunni/unica)
|
||||||
|
|
||||||
|
This Font Software is licensed under the SIL Open Font License, Version 1.1.
|
||||||
|
This license is copied below, and is also available with a FAQ at:
|
||||||
|
http://scripts.sil.org/OFL
|
||||||
|
|
||||||
|
|
||||||
|
-----------------------------------------------------------
|
||||||
|
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
|
||||||
|
-----------------------------------------------------------
|
||||||
|
|
||||||
|
PREAMBLE
|
||||||
|
The goals of the Open Font License (OFL) are to stimulate worldwide
|
||||||
|
development of collaborative font projects, to support the font creation
|
||||||
|
efforts of academic and linguistic communities, and to provide a free and
|
||||||
|
open framework in which fonts may be shared and improved in partnership
|
||||||
|
with others.
|
||||||
|
|
||||||
|
The OFL allows the licensed fonts to be used, studied, modified and
|
||||||
|
redistributed freely as long as they are not sold by themselves. The
|
||||||
|
fonts, including any derivative works, can be bundled, embedded,
|
||||||
|
redistributed and/or sold with any software provided that any reserved
|
||||||
|
names are not used by derivative works. The fonts and derivatives,
|
||||||
|
however, cannot be released under any other type of license. The
|
||||||
|
requirement for fonts to remain under this license does not apply
|
||||||
|
to any document created using the fonts or their derivatives.
|
||||||
|
|
||||||
|
DEFINITIONS
|
||||||
|
"Font Software" refers to the set of files released by the Copyright
|
||||||
|
Holder(s) under this license and clearly marked as such. This may
|
||||||
|
include source files, build scripts and documentation.
|
||||||
|
|
||||||
|
"Reserved Font Name" refers to any names specified as such after the
|
||||||
|
copyright statement(s).
|
||||||
|
|
||||||
|
"Original Version" refers to the collection of Font Software components as
|
||||||
|
distributed by the Copyright Holder(s).
|
||||||
|
|
||||||
|
"Modified Version" refers to any derivative made by adding to, deleting,
|
||||||
|
or substituting -- in part or in whole -- any of the components of the
|
||||||
|
Original Version, by changing formats or by porting the Font Software to a
|
||||||
|
new environment.
|
||||||
|
|
||||||
|
"Author" refers to any designer, engineer, programmer, technical
|
||||||
|
writer or other person who contributed to the Font Software.
|
||||||
|
|
||||||
|
PERMISSION & CONDITIONS
|
||||||
|
Permission is hereby granted, free of charge, to any person obtaining
|
||||||
|
a copy of the Font Software, to use, study, copy, merge, embed, modify,
|
||||||
|
redistribute, and sell modified and unmodified copies of the Font
|
||||||
|
Software, subject to the following conditions:
|
||||||
|
|
||||||
|
1) Neither the Font Software nor any of its individual components,
|
||||||
|
in Original or Modified Versions, may be sold by itself.
|
||||||
|
|
||||||
|
2) Original or Modified Versions of the Font Software may be bundled,
|
||||||
|
redistributed and/or sold with any software, provided that each copy
|
||||||
|
contains the above copyright notice and this license. These can be
|
||||||
|
included either as stand-alone text files, human-readable headers or
|
||||||
|
in the appropriate machine-readable metadata fields within text or
|
||||||
|
binary files as long as those fields can be easily viewed by the user.
|
||||||
|
|
||||||
|
3) No Modified Version of the Font Software may use the Reserved Font
|
||||||
|
Name(s) unless explicit written permission is granted by the corresponding
|
||||||
|
Copyright Holder. This restriction only applies to the primary font name as
|
||||||
|
presented to the users.
|
||||||
|
|
||||||
|
4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
|
||||||
|
Software shall not be used to promote, endorse or advertise any
|
||||||
|
Modified Version, except to acknowledge the contribution(s) of the
|
||||||
|
Copyright Holder(s) and the Author(s) or with their explicit written
|
||||||
|
permission.
|
||||||
|
|
||||||
|
5) The Font Software, modified or unmodified, in part or in whole,
|
||||||
|
must be distributed entirely under this license, and must not be
|
||||||
|
distributed under any other license. The requirement for fonts to
|
||||||
|
remain under this license does not apply to any document created
|
||||||
|
using the Font Software.
|
||||||
|
|
||||||
|
TERMINATION
|
||||||
|
This license becomes null and void if any of the above conditions are
|
||||||
|
not met.
|
||||||
|
|
||||||
|
DISCLAIMER
|
||||||
|
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
||||||
|
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
|
||||||
|
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
|
||||||
|
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
|
||||||
|
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
|
||||||
|
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
|
||||||
|
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
||||||
|
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
|
||||||
|
OTHER DEALINGS IN THE FONT SOFTWARE.
|
|
@ -0,0 +1,18 @@
|
||||||
|
/* latin-ext */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Marcellus SC';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(MarcellusSC-latin-ext.woff2) format('woff2');
|
||||||
|
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||||
|
}
|
||||||
|
/* latin */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Marcellus SC';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(MarcellusSC-latin.woff2) format('woff2');
|
||||||
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||||
|
}
|
|
@ -0,0 +1,320 @@
|
||||||
|
/* cyrillic-ext */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Open Sans';
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 400;
|
||||||
|
font-stretch: 100%;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(opensans/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWtE6F15M.woff2) format('woff2');
|
||||||
|
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
||||||
|
}
|
||||||
|
/* cyrillic */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Open Sans';
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 400;
|
||||||
|
font-stretch: 100%;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(opensans/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWvU6F15M.woff2) format('woff2');
|
||||||
|
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
||||||
|
}
|
||||||
|
/* greek-ext */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Open Sans';
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 400;
|
||||||
|
font-stretch: 100%;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(opensans/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWtU6F15M.woff2) format('woff2');
|
||||||
|
unicode-range: U+1F00-1FFF;
|
||||||
|
}
|
||||||
|
/* greek */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Open Sans';
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 400;
|
||||||
|
font-stretch: 100%;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(opensans/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWuk6F15M.woff2) format('woff2');
|
||||||
|
unicode-range: U+0370-03FF;
|
||||||
|
}
|
||||||
|
/* hebrew */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Open Sans';
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 400;
|
||||||
|
font-stretch: 100%;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(opensans/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWu06F15M.woff2) format('woff2');
|
||||||
|
unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
|
||||||
|
}
|
||||||
|
/* vietnamese */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Open Sans';
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 400;
|
||||||
|
font-stretch: 100%;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(opensans/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWtk6F15M.woff2) format('woff2');
|
||||||
|
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
|
||||||
|
}
|
||||||
|
/* latin-ext */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Open Sans';
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 400;
|
||||||
|
font-stretch: 100%;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(opensans/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWt06F15M.woff2) format('woff2');
|
||||||
|
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||||
|
}
|
||||||
|
/* latin */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Open Sans';
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 400;
|
||||||
|
font-stretch: 100%;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(opensans/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWuU6F.woff2) format('woff2');
|
||||||
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||||
|
}
|
||||||
|
/* cyrillic-ext */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Open Sans';
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 700;
|
||||||
|
font-stretch: 100%;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(opensans/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWtE6F15M.woff2) format('woff2');
|
||||||
|
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
||||||
|
}
|
||||||
|
/* cyrillic */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Open Sans';
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 700;
|
||||||
|
font-stretch: 100%;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(opensans/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWvU6F15M.woff2) format('woff2');
|
||||||
|
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
||||||
|
}
|
||||||
|
/* greek-ext */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Open Sans';
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 700;
|
||||||
|
font-stretch: 100%;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(opensans/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWtU6F15M.woff2) format('woff2');
|
||||||
|
unicode-range: U+1F00-1FFF;
|
||||||
|
}
|
||||||
|
/* greek */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Open Sans';
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 700;
|
||||||
|
font-stretch: 100%;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(opensans/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWuk6F15M.woff2) format('woff2');
|
||||||
|
unicode-range: U+0370-03FF;
|
||||||
|
}
|
||||||
|
/* hebrew */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Open Sans';
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 700;
|
||||||
|
font-stretch: 100%;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(opensans/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWu06F15M.woff2) format('woff2');
|
||||||
|
unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
|
||||||
|
}
|
||||||
|
/* vietnamese */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Open Sans';
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 700;
|
||||||
|
font-stretch: 100%;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(opensans/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWtk6F15M.woff2) format('woff2');
|
||||||
|
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
|
||||||
|
}
|
||||||
|
/* latin-ext */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Open Sans';
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 700;
|
||||||
|
font-stretch: 100%;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(opensans/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWt06F15M.woff2) format('woff2');
|
||||||
|
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||||
|
}
|
||||||
|
/* latin */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Open Sans';
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 700;
|
||||||
|
font-stretch: 100%;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(opensans/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWuU6F.woff2) format('woff2');
|
||||||
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||||
|
}
|
||||||
|
/* cyrillic-ext */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Open Sans';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
font-stretch: 100%;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(opensans/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format('woff2');
|
||||||
|
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
||||||
|
}
|
||||||
|
/* cyrillic */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Open Sans';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
font-stretch: 100%;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(opensans/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2');
|
||||||
|
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
||||||
|
}
|
||||||
|
/* greek-ext */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Open Sans';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
font-stretch: 100%;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(opensans/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2');
|
||||||
|
unicode-range: U+1F00-1FFF;
|
||||||
|
}
|
||||||
|
/* greek */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Open Sans';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
font-stretch: 100%;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(opensans/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2');
|
||||||
|
unicode-range: U+0370-03FF;
|
||||||
|
}
|
||||||
|
/* hebrew */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Open Sans';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
font-stretch: 100%;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(opensans/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2');
|
||||||
|
unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
|
||||||
|
}
|
||||||
|
/* vietnamese */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Open Sans';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
font-stretch: 100%;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(opensans/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format('woff2');
|
||||||
|
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
|
||||||
|
}
|
||||||
|
/* latin-ext */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Open Sans';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
font-stretch: 100%;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(opensans/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format('woff2');
|
||||||
|
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||||
|
}
|
||||||
|
/* latin */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Open Sans';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
font-stretch: 100%;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(opensans/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2');
|
||||||
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||||
|
}
|
||||||
|
/* cyrillic-ext */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Open Sans';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 700;
|
||||||
|
font-stretch: 100%;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(opensans/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format('woff2');
|
||||||
|
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
||||||
|
}
|
||||||
|
/* cyrillic */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Open Sans';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 700;
|
||||||
|
font-stretch: 100%;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(opensans/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2');
|
||||||
|
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
||||||
|
}
|
||||||
|
/* greek-ext */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Open Sans';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 700;
|
||||||
|
font-stretch: 100%;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(opensans/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2');
|
||||||
|
unicode-range: U+1F00-1FFF;
|
||||||
|
}
|
||||||
|
/* greek */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Open Sans';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 700;
|
||||||
|
font-stretch: 100%;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(opensans/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2');
|
||||||
|
unicode-range: U+0370-03FF;
|
||||||
|
}
|
||||||
|
/* hebrew */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Open Sans';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 700;
|
||||||
|
font-stretch: 100%;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(opensans/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2');
|
||||||
|
unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
|
||||||
|
}
|
||||||
|
/* vietnamese */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Open Sans';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 700;
|
||||||
|
font-stretch: 100%;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(opensans/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format('woff2');
|
||||||
|
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
|
||||||
|
}
|
||||||
|
/* latin-ext */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Open Sans';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 700;
|
||||||
|
font-stretch: 100%;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(opensans/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format('woff2');
|
||||||
|
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||||
|
}
|
||||||
|
/* latin */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Open Sans';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 700;
|
||||||
|
font-stretch: 100%;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(opensans/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2');
|
||||||
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||||
|
}
|
|
@ -0,0 +1,18 @@
|
||||||
|
/* latin-ext */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Unica One';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(UnicaOne-latin-ext.woff2) format('woff2');
|
||||||
|
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||||
|
}
|
||||||
|
/* latin */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Unica One';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(UnicaOne-latin.woff2) format('woff2');
|
||||||
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||||
|
}
|
|
@ -0,0 +1,9 @@
|
||||||
|
<?php
|
||||||
|
namespace Grav\Theme;
|
||||||
|
|
||||||
|
use Grav\Common\Theme;
|
||||||
|
|
||||||
|
class FourCreative extends Theme
|
||||||
|
{
|
||||||
|
// Access plugin events in this class
|
||||||
|
}
|
|
@ -0,0 +1,3 @@
|
||||||
|
enabled: true
|
||||||
|
dropdown:
|
||||||
|
enabled: true
|
After Width: | Height: | Size: 44 KiB |
|
@ -0,0 +1,358 @@
|
||||||
|
---
|
||||||
|
title: Home
|
||||||
|
process:
|
||||||
|
markdown: false
|
||||||
|
twig: true
|
||||||
|
never_cache_twig: true
|
||||||
|
---
|
||||||
|
|
||||||
|
{% block custom_stylesheets %}
|
||||||
|
{% do assets.addCss('theme://css/index.css', 10) %}
|
||||||
|
{% do assets.addCss('theme://pluginAppObj/pluginAppObj_119/custom.css', 100) %}
|
||||||
|
{% do assets.addCss('theme://pluginAppObj/pluginAppObj_122/custom.css', 100) %}
|
||||||
|
{% do assets.addCss('theme://pluginAppObj/pluginAppObj_125/custom.css', 100) %}
|
||||||
|
{% do assets.addCss('theme://pluginAppObj/pluginAppObj_126/custom.css', 100) %}
|
||||||
|
{% endblock %}
|
||||||
|
|
||||||
|
{% block custom_scripts %}
|
||||||
|
{% do assets.addJs('theme://pluginAppObj/pluginAppObj_119/main.js', 100) %}
|
||||||
|
{% do assets.addJs('theme://pluginAppObj/pluginAppObj_122/main.js', 100) %}
|
||||||
|
{% do assets.addJs('theme://pluginAppObj/pluginAppObj_125/main.js', 100) %}
|
||||||
|
{% do assets.addJs('theme://pluginAppObj/pluginAppObj_126/main.js', 100) %}
|
||||||
|
{% endblock %}
|
||||||
|
|
||||||
|
<div id="imPageRow_1" class="imPageRow imParallax">
|
||||||
|
<div style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden;">
|
||||||
|
<div id="imPageRowGraphics_1" class="imParallaxBackground" data-parallax-direction="fixed"
|
||||||
|
data-parallax-zoom="140"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="imCell_3" class="" data-responsive-sequence-number="1">
|
||||||
|
<div id="imCellStyleGraphics_3"></div>
|
||||||
|
<div id="imCellStyleBorders_3"></div>
|
||||||
|
<div id="imTextObject_03">
|
||||||
|
<div data-index="0" class="text-tab-content grid-prop current-tab "
|
||||||
|
id="imTextObject_03_tab0" style="opacity: 1; ">
|
||||||
|
<div class="text-inner">
|
||||||
|
<div><span class="fs14lh1-5 cf1 ff1">Willkommen auf </span><span class="fs14lh1-5"><b>4Creative</b></span><span class="fs14lh1-5 cf1 ff1">, einem größtenteils deutschsprachigen, privaten virtuellen Weltenverbund in Opensim.</span></div>
|
||||||
|
<div><span class="fs14lh1-5 cf1 ff1"><br></span></div>
|
||||||
|
<div><span class="fs14lh1-5 cf1 ff1">Mehr oder weniger aus einer Not geboren haben sich hier zusammengefunden:</span></div>
|
||||||
|
<div>
|
||||||
|
<ul>
|
||||||
|
<li><span class="fs14lh1-5 cf1 ff1">Pangea, ein virtuelles Avatar-Rollenspiel</span><br></li>
|
||||||
|
<li><span class="fs14lh1-5 cf1 ff1">Free-Souls, ein mittelalterlich orientiertes Grid</span><br></li>
|
||||||
|
<li><span class="fs14lh1-5 cf1 ff1">Aqua Dark mit 3 sehr unterschiedlichen Regionen inkl. Shop</span></li>
|
||||||
|
<li><span class="fs14lh1-5 cf1 ff1">Edhilnor, ein privates Grid mit Regionen zum Thema Elben.</span></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div><span class="fs14lh1-5 cf1 ff1"><br></span></div>
|
||||||
|
<div><span class="fs14lh1-5 cf1 ff1">Was uns alle eint ist die Freude an Opensim, am Bauen, am Ausprobieren, an der Fantasie und Kreativität, die Opensim bieten kann.</span><br></div>
|
||||||
|
<div><br></div>
|
||||||
|
<div><span><br></span></div>
|
||||||
|
<div><span class="fs14lh1-5"><b>4Creative</b></span> <span class="fs14lh1-5 cf1 ff1">ist kein offenes Grid und ein Beitritt erfolgt ausschließlich auf Einladung.</span></div>
|
||||||
|
<div><span class="fs14lh1-5 cf1 ff1"><br></span></div>
|
||||||
|
<div><span class="fs14lh1-5 cf1 ff1">Wer gerne mitmachen möchte, kann sich in unserem <a href="https://discord.gg/ZfPtWAr" target="_blank" class="imCssLink">Discord-Kanal</a> gerne vorstellen.</span></div>
|
||||||
|
<div><br></div><span class="fs14lh1-5 cf1 ff1">Viel Spaß!</span><br>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="imPageRow_2" class="imPageRow">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div id="imCell_124" class="" data-responsive-sequence-number="2">
|
||||||
|
<div id="imCellStyleGraphics_124"></div>
|
||||||
|
<div id="imCellStyleBorders_124"></div>
|
||||||
|
<div id="imObjectGallery_124">
|
||||||
|
<div id="imObjectGalleryContainer_124"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div id="imPageRow_3" class="imPageRow">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div id="imCell_21" class="" data-responsive-sequence-number="3">
|
||||||
|
<div id="services"></div>
|
||||||
|
<div id="imCellStyleGraphics_21"></div>
|
||||||
|
<div id="imCellStyleBorders_21"></div>
|
||||||
|
<div id="imTextObject_21">
|
||||||
|
<div data-index="0" class="text-tab-content grid-prop current-tab "
|
||||||
|
id="imTextObject_21_tab0" style="opacity: 1; ">
|
||||||
|
<div class="text-inner">
|
||||||
|
<div class="imTACenter"><span class="fs40lh1-5 cf1 ff1">Unser Weltenverbund</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="imPageRow_4" class="imPageRow">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div id="imCell_125" class="" data-responsive-sequence-number="4">
|
||||||
|
<div id="imCellStyleGraphics_125"></div>
|
||||||
|
<div id="imCellStyleBorders_125"></div><!-- Animated Image v.31 -->
|
||||||
|
<div id="pluginAppObj_125">
|
||||||
|
<div id="iandt_pluginAppObj_125">
|
||||||
|
<div class="wrapper move-bottom">
|
||||||
|
<div class="sides-container">
|
||||||
|
<div class="side front">
|
||||||
|
<div class="text-container">
|
||||||
|
|
||||||
|
<div class='center-all'></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="side back">
|
||||||
|
<div class="text-container">
|
||||||
|
<div class="center-all">
|
||||||
|
<script>
|
||||||
|
function decode_html(encoded, newlineTag) {
|
||||||
|
encoded = replaceAll("&gt;", ">", encoded);
|
||||||
|
encoded = replaceAll("&lt;", "<", encoded);
|
||||||
|
encoded = replaceAll(""", "\"", encoded);
|
||||||
|
encoded = replaceAll("&", "&", encoded);
|
||||||
|
encoded = replaceAll("<br />", "", encoded);
|
||||||
|
return encoded;
|
||||||
|
}
|
||||||
|
function replaceAll(find, replace, str) {
|
||||||
|
return str.replace(new RegExp(find, 'g'), replace);
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<div id="pluginAppObj_125_link_btn" class='btn'>
|
||||||
|
<script>$('#pluginAppObj_125_link_btn').append(decode_html("&lt;a href="http://aquadark.de" target="_blank"&gt;Zur Webseite&lt;/a&gt;"));</script>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<script>
|
||||||
|
animatedimage_pluginAppObj_125();
|
||||||
|
</script>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="imCell_114" class="" data-responsive-sequence-number="5">
|
||||||
|
<div id="imCellStyleGraphics_114"></div>
|
||||||
|
<div id="imCellStyleBorders_114"></div>
|
||||||
|
<div id="imTextObject_114">
|
||||||
|
<div data-index="0" class="text-tab-content grid-prop current-tab "
|
||||||
|
id="imTextObject_114_tab0" style="opacity: 1; ">
|
||||||
|
<div class="text-inner">
|
||||||
|
<div class="imTACenter">
|
||||||
|
<div data-line-height="1.5"><b><span class="fs22lh1-5 cf1">Aqua Dark</span></b>
|
||||||
|
</div>
|
||||||
|
<div data-line-height="1.5"><span class="fs13lh1-5 cf2 ff1">Shop und mehr</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="imCell_122" class="" data-responsive-sequence-number="6">
|
||||||
|
<div id="imCellStyleGraphics_122"></div>
|
||||||
|
<div id="imCellStyleBorders_122"></div><!-- Animated Image v.31 -->
|
||||||
|
<div id="pluginAppObj_122">
|
||||||
|
<div id="iandt_pluginAppObj_122">
|
||||||
|
<div class="wrapper move-bottom">
|
||||||
|
<div class="sides-container">
|
||||||
|
<div class="side front">
|
||||||
|
<div class="text-container">
|
||||||
|
|
||||||
|
<div class='center-all'></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="side back">
|
||||||
|
<div class="text-container">
|
||||||
|
<div class="center-all">
|
||||||
|
<script>
|
||||||
|
function decode_html(encoded, newlineTag) {
|
||||||
|
encoded = replaceAll("&gt;", ">", encoded);
|
||||||
|
encoded = replaceAll("&lt;", "<", encoded);
|
||||||
|
encoded = replaceAll(""", "\"", encoded);
|
||||||
|
encoded = replaceAll("&", "&", encoded);
|
||||||
|
encoded = replaceAll("<br />", "", encoded);
|
||||||
|
return encoded;
|
||||||
|
}
|
||||||
|
function replaceAll(find, replace, str) {
|
||||||
|
return str.replace(new RegExp(find, 'g'), replace);
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<script>
|
||||||
|
animatedimage_pluginAppObj_122();
|
||||||
|
</script>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="imCell_118" class="" data-responsive-sequence-number="7">
|
||||||
|
<div id="imCellStyleGraphics_118"></div>
|
||||||
|
<div id="imCellStyleBorders_118"></div>
|
||||||
|
<div id="imTextObject_118">
|
||||||
|
<div data-index="0" class="text-tab-content grid-prop current-tab "
|
||||||
|
id="imTextObject_118_tab0" style="opacity: 1; ">
|
||||||
|
<div class="text-inner">
|
||||||
|
<div class="imTACenter">
|
||||||
|
<div data-line-height="1.5"><b><span class="fs22lh1-5 cf1">EDHILNOR</span></b>
|
||||||
|
</div>
|
||||||
|
<div data-line-height="1.5"><span class="fs13lh1-5 cf2 ff1">Privates
|
||||||
|
Elbenland</span></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="imCell_119" class="" data-responsive-sequence-number="8">
|
||||||
|
<div id="imCellStyleGraphics_119"></div>
|
||||||
|
<div id="imCellStyleBorders_119"></div><!-- Animated Image v.31 -->
|
||||||
|
<div id="pluginAppObj_119">
|
||||||
|
<div id="iandt_pluginAppObj_119">
|
||||||
|
<div class="wrapper move-bottom">
|
||||||
|
<div class="sides-container">
|
||||||
|
<div class="side front">
|
||||||
|
<div class="text-container">
|
||||||
|
|
||||||
|
<div class='center-all'></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="side back">
|
||||||
|
<div class="text-container">
|
||||||
|
<div class="center-all">
|
||||||
|
<script>
|
||||||
|
function decode_html(encoded, newlineTag) {
|
||||||
|
encoded = replaceAll("&gt;", ">", encoded);
|
||||||
|
encoded = replaceAll("&lt;", "<", encoded);
|
||||||
|
encoded = replaceAll(""", "\"", encoded);
|
||||||
|
encoded = replaceAll("&", "&", encoded);
|
||||||
|
encoded = replaceAll("<br />", "", encoded);
|
||||||
|
return encoded;
|
||||||
|
}
|
||||||
|
function replaceAll(find, replace, str) {
|
||||||
|
return str.replace(new RegExp(find, 'g'), replace);
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<div id="pluginAppObj_119_link_btn" class='btn'>
|
||||||
|
<script>$('#pluginAppObj_119_link_btn').append(decode_html("&lt;a href="http://free-souls.de" target="_blank"&gt;Zur Webseite&lt;/a&gt;"));</script>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<script>
|
||||||
|
animatedimage_pluginAppObj_119();
|
||||||
|
</script>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="imCell_112" class="" data-responsive-sequence-number="9">
|
||||||
|
<div id="imCellStyleGraphics_112"></div>
|
||||||
|
<div id="imCellStyleBorders_112"></div>
|
||||||
|
<div id="imTextObject_112">
|
||||||
|
<div data-index="0" class="text-tab-content grid-prop current-tab "
|
||||||
|
id="imTextObject_112_tab0" style="opacity: 1; ">
|
||||||
|
<div class="text-inner">
|
||||||
|
<div class="imTACenter">
|
||||||
|
<div data-line-height="1.5"><b><span class="fs22lh1-5 cf1">Free-Souls</span></b>
|
||||||
|
</div>
|
||||||
|
<div data-line-height="1.5"><span class="fs13lh1-5 cf2 ff1">mittelalterlich
|
||||||
|
& mystisch</span></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="imCell_126" class="" data-responsive-sequence-number="10">
|
||||||
|
<div id="imCellStyleGraphics_126"></div>
|
||||||
|
<div id="imCellStyleBorders_126"></div><!-- Animated Image v.31 -->
|
||||||
|
<div id="pluginAppObj_126">
|
||||||
|
<div id="iandt_pluginAppObj_126">
|
||||||
|
<div class="wrapper move-bottom">
|
||||||
|
<div class="sides-container">
|
||||||
|
<div class="side front">
|
||||||
|
<div class="text-container">
|
||||||
|
|
||||||
|
<div class='center-all'></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="side back">
|
||||||
|
<div class="text-container">
|
||||||
|
<div class="center-all">
|
||||||
|
<script>
|
||||||
|
function decode_html(encoded, newlineTag) {
|
||||||
|
encoded = replaceAll("&gt;", ">", encoded);
|
||||||
|
encoded = replaceAll("&lt;", "<", encoded);
|
||||||
|
encoded = replaceAll(""", "\"", encoded);
|
||||||
|
encoded = replaceAll("&", "&", encoded);
|
||||||
|
encoded = replaceAll("<br />", "", encoded);
|
||||||
|
return encoded;
|
||||||
|
}
|
||||||
|
function replaceAll(find, replace, str) {
|
||||||
|
return str.replace(new RegExp(find, 'g'), replace);
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<div id="pluginAppObj_126_link_btn" class='btn'>
|
||||||
|
<script>$('#pluginAppObj_126_link_btn').append(decode_html("&lt;a href="http://pangea.myftp.org" target="_blank"&gt;Zur Webseite&lt;/a&gt;"));</script>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<script>
|
||||||
|
animatedimage_pluginAppObj_126();
|
||||||
|
</script>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="imCell_115" class="" data-responsive-sequence-number="11">
|
||||||
|
<div id="imCellStyleGraphics_115"></div>
|
||||||
|
<div id="imCellStyleBorders_115"></div>
|
||||||
|
<div id="imTextObject_115">
|
||||||
|
<div data-index="0" class="text-tab-content grid-prop current-tab "
|
||||||
|
id="imTextObject_115_tab0" style="opacity: 1; ">
|
||||||
|
<div class="text-inner">
|
||||||
|
<div data-line-height="1.5" class="lh1-5 imTACenter"><span
|
||||||
|
class="fs22lh1-5 cf1"><b>Pangea</b></span></div>
|
||||||
|
<div data-line-height="1.5" class="lh1-5 imTACenter">
|
||||||
|
<div data-line-height="1.5" class="lh1-5"><span
|
||||||
|
class="fs13lh1-5 cf2 ff1">Avatar-Rollenspiel</span><br></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="imPageRow_5" class="imPageRow imParallax">
|
||||||
|
<div style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden;">
|
||||||
|
<div id="imPageRowGraphics_5" class="imParallaxBackground" data-parallax-direction="up"
|
||||||
|
data-parallax-zoom="140"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="imCell_123" class="" data-responsive-sequence-number="12">
|
||||||
|
<div id="imCellStyleGraphics_123"></div>
|
||||||
|
<div id="imCellStyleBorders_123"></div>
|
||||||
|
<div id="imTextObject_123">
|
||||||
|
<div data-index="0" class="text-tab-content grid-prop current-tab "
|
||||||
|
id="imTextObject_123_tab0" style="opacity: 1; ">
|
||||||
|
<div class="text-inner">
|
||||||
|
<div class="imTACenter">
|
||||||
|
<div><span class="fs40lh1-5 ff1"><b>Viel Spaß auf unseren Seiten und im
|
||||||
|
Grid!</b></span></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="imPageRow_6" class="imPageRow">
|
||||||
|
</div>
|
|
@ -0,0 +1,470 @@
|
||||||
|
---
|
||||||
|
title: "Infos / Regionen"
|
||||||
|
process:
|
||||||
|
markdown: false
|
||||||
|
twig: true
|
||||||
|
never_cache_twig: true
|
||||||
|
---
|
||||||
|
|
||||||
|
{% block custom_stylesheets %}
|
||||||
|
{% do assets.addCss('theme://css/infos-regionen.css', 10) %}
|
||||||
|
{% do assets.addCss('theme://pluginAppObj/pluginAppObj_119/custom.css', 100) %}
|
||||||
|
{% do assets.addCss('theme://pluginAppObj/pluginAppObj_122/custom.css', 100) %}
|
||||||
|
{% do assets.addCss('theme://pluginAppObj/pluginAppObj_125/custom.css', 100) %}
|
||||||
|
{% do assets.addCss('theme://pluginAppObj/pluginAppObj_126/custom.css', 100) %}
|
||||||
|
{% endblock %}
|
||||||
|
|
||||||
|
{% block custom_scripts %}
|
||||||
|
<script>
|
||||||
|
x5engine.boot.push(function(){ x5engine.contentSlider.init( { classes: { root: 'content-slider-root', container: 'content-slider-container', slide: 'slide-container', animated: 'slide-animated-element', fadeEffect: 'change-effect-fade', cubeEffect: 'change-effect-cube', ctrlContainer: 'content-slider-ctrl-container', ctrlVisible: 'ctrl-visible', ctrlVisibleOnMobile: 'ctrl-visible-on-mobile', prev: '-prev', next: '-next', defaultSlide: 'default-slide', slideOut: 'exiting-slide', slideIn: 'entering-slide', noElementEffect: 'element-effect-none', radioIdSeparator: '-slide-radio-', radioBar: 'current-slide-radio-container', radioBarNext: 'radio-bar-next', radioBarPrev: 'radio-bar-prev' }, radio: { visibleNumber: 15, size: 22, slideBarGap: 10 }, config: { radioSliding: { enabled: false }, ctrlHidingDuringAnimations: { enabled: true, animations: [ 'change-effect-rotateX', 'change-effect-rotateY', 'change-effect-cube' ] } } } ); }, false, 7);
|
||||||
|
x5engine.boot.push(function () { x5engine.contentSlider['imObjectContentSlider_34_01'].autoplay(8000); }, false, 8);
|
||||||
|
</script>
|
||||||
|
{% endblock %}
|
||||||
|
<header>
|
||||||
|
<h2 id="imPgTitle">Infos / Regionen</h2>
|
||||||
|
<div id="imBreadcrumb"><a href="index.html#shop"
|
||||||
|
onclick="return x5engine.utils.location('index.html#shop', null, false)">Gridinfos</a></div>
|
||||||
|
</header>
|
||||||
|
<div id="imPageRow_1" class="imPageRow"></div>
|
||||||
|
<div id="imCell_1" class="" data-responsive-sequence-number="1">
|
||||||
|
<div id="imCellStyleGraphics_1"></div>
|
||||||
|
<div id="imCellStyleBorders_1"></div>
|
||||||
|
<div id="imObjectContentSlider_34_01" class="content-slider content-slider-root">
|
||||||
|
<div class="content-slider content-slider-container change-effect-fade">
|
||||||
|
<div id="imObjectContentSlider_34_01-slide-0" class="content-slider slide-container default-slide">
|
||||||
|
<div class="content-slider slide-grid-container full-grid image-right element-effect-fade">
|
||||||
|
<div class="content-slider slide-element slide-animated-element slide-image-container"><img
|
||||||
|
class="content-slider slide-image-content slide-animated-content"
|
||||||
|
src="/images/4Creative-001_001.png" alt="" width="894" height="508"></div>
|
||||||
|
<div class="content-slider slide-element slide-txt-container">
|
||||||
|
<div class="content-slider slide-txt-content">
|
||||||
|
<div class="content-slider slide-animated-element slide-txt-block-container slide-title">
|
||||||
|
<div class="content-slider slide-txt-block-content slide-animated-content slide-title">
|
||||||
|
Gemeinsamer Landepunkt des Gridverbundes </div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="content-slider slide-animated-element slide-txt-block-container slide-description">
|
||||||
|
<div
|
||||||
|
class="content-slider slide-txt-block-content slide-animated-content slide-description">
|
||||||
|
Auf der gemeinsamen Startregion des Gridverbundes sind Informationen über den
|
||||||
|
Verbund und die teilnehmenden Grids zu finden. </div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="imObjectContentSlider_34_01-slide-1" class="content-slider slide-container">
|
||||||
|
<div class="content-slider slide-grid-container full-grid image-right element-effect-fade">
|
||||||
|
<div class="content-slider slide-element slide-animated-element slide-image-container"><img
|
||||||
|
class="content-slider slide-image-content slide-animated-content"
|
||||||
|
src="/images/Pangea_003.png" alt="" width="959" height="508"></div>
|
||||||
|
<div class="content-slider slide-element slide-txt-container">
|
||||||
|
<div class="content-slider slide-txt-content">
|
||||||
|
<div class="content-slider slide-animated-element slide-txt-block-container slide-title">
|
||||||
|
<div class="content-slider slide-txt-block-content slide-animated-content slide-title">
|
||||||
|
Pangea Welcome </div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="content-slider slide-animated-element slide-txt-block-container slide-description">
|
||||||
|
<div
|
||||||
|
class="content-slider slide-txt-block-content slide-animated-content slide-description">
|
||||||
|
Wer nach Pangea will, um die Na'vi zu besuchen, kommt in einem riesigen Raumschiff
|
||||||
|
an - ganz stilecht.<br />Hier gibt es sehr viel zu entdecken, bevor es auf den
|
||||||
|
Planeten geht...<br /> </div>
|
||||||
|
</div>
|
||||||
|
<div class="content-slider slide-animated-element slide-txt-block-container slide-button">
|
||||||
|
<button
|
||||||
|
class="content-slider slide-txt-block-content slide-animated-content slide-button"
|
||||||
|
onclick="return x5engine.imShowBox({ media:[{type: 'iframe', url: 'http://pangea.myftp.org:8002/Pangea - Welcome', width: 512, height: 288, description: 'http://pangea.myftp.org:8002/pangea - welcome'}]}, 0, this);">Hypergrid
|
||||||
|
Link </button></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="imObjectContentSlider_34_01-slide-2" class="content-slider slide-container">
|
||||||
|
<div class="content-slider slide-grid-container full-grid image-right element-effect-fade">
|
||||||
|
<div class="content-slider slide-element slide-animated-element slide-image-container"><img
|
||||||
|
class="content-slider slide-image-content slide-animated-content"
|
||||||
|
src="/images/FSG_FSG_Souls.jpg" alt="" width="894" height="508"></div>
|
||||||
|
<div class="content-slider slide-element slide-txt-container">
|
||||||
|
<div class="content-slider slide-txt-content">
|
||||||
|
<div class="content-slider slide-animated-element slide-txt-block-container slide-title">
|
||||||
|
<div class="content-slider slide-txt-block-content slide-animated-content slide-title">
|
||||||
|
Souls </div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="content-slider slide-animated-element slide-txt-block-container slide-description">
|
||||||
|
<div
|
||||||
|
class="content-slider slide-txt-block-content slide-animated-content slide-description">
|
||||||
|
Der Treffpunkt und Eingang in das Free-Souls Grid<br /><br /> </div>
|
||||||
|
</div>
|
||||||
|
<div class="content-slider slide-animated-element slide-txt-block-container slide-button">
|
||||||
|
<button
|
||||||
|
class="content-slider slide-txt-block-content slide-animated-content slide-button"
|
||||||
|
onclick="return x5engine.imShowBox({ media:[{type: 'iframe', url: 'http://free-souls.de:8002/Souls', width: 512, height: 288, description: 'http://free-souls.de:8002/souls'}]}, 0, this);">Hypergrid
|
||||||
|
Link </button></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="imObjectContentSlider_34_01-slide-3" class="content-slider slide-container">
|
||||||
|
<div class="content-slider slide-grid-container full-grid image-right element-effect-fade">
|
||||||
|
<div class="content-slider slide-element slide-animated-element slide-image-container"><img
|
||||||
|
class="content-slider slide-image-content slide-animated-content"
|
||||||
|
src="/images/Aquadark_001.png" alt="" width="893" height="508"></div>
|
||||||
|
<div class="content-slider slide-element slide-txt-container">
|
||||||
|
<div class="content-slider slide-txt-content">
|
||||||
|
<div class="content-slider slide-animated-element slide-txt-block-container slide-title">
|
||||||
|
<div class="content-slider slide-txt-block-content slide-animated-content slide-title">
|
||||||
|
Aquadark mit Hobbit-Landschaft und Shop </div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="content-slider slide-animated-element slide-txt-block-container slide-description">
|
||||||
|
<div
|
||||||
|
class="content-slider slide-txt-block-content slide-animated-content slide-description">
|
||||||
|
Der beliebte Shop auf dem Grid aquadark.de ist ebenfalls Teil des Verbunds und ist
|
||||||
|
seit Gründung über HG zu erreichen.<br />Mit dem Umzug wurde das Sortiment
|
||||||
|
erweitert.<br /> </div>
|
||||||
|
</div>
|
||||||
|
<div class="content-slider slide-animated-element slide-txt-block-container slide-button">
|
||||||
|
<button
|
||||||
|
class="content-slider slide-txt-block-content slide-animated-content slide-button"
|
||||||
|
onclick="return x5engine.imShowBox({ media:[{type: 'iframe', url: 'http://aquadark.de:9002/Aquadark', width: 512, height: 288, description: 'http://aquadark.de:9002/aquadark'}]}, 0, this);">Hypergrid
|
||||||
|
Link </button></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="imObjectContentSlider_34_01-slide-4" class="content-slider slide-container slide-container-link"
|
||||||
|
onclick="return x5engine.imShowBox({ media:[{type: 'iframe', url: 'http://free-souls.de:8002/Ithilnor', width: 1920, height: 1080, description: 'http://free-souls.de:8002/ithilnor'}]}, 0, this);">
|
||||||
|
<div class="content-slider slide-grid-container full-grid image-right element-effect-fade">
|
||||||
|
<div class="content-slider slide-element slide-animated-element slide-image-container"><img
|
||||||
|
class="content-slider slide-image-content slide-animated-content" src="/images/Ithilnor.png"
|
||||||
|
alt="" width="959" height="508"></div>
|
||||||
|
<div class="content-slider slide-element slide-txt-container">
|
||||||
|
<div class="content-slider slide-txt-content">
|
||||||
|
<div class="content-slider slide-animated-element slide-txt-block-container slide-title">
|
||||||
|
<div class="content-slider slide-txt-block-content slide-animated-content slide-title">
|
||||||
|
Ithilnor </div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="content-slider slide-animated-element slide-txt-block-container slide-description">
|
||||||
|
<div
|
||||||
|
class="content-slider slide-txt-block-content slide-animated-content slide-description">
|
||||||
|
Suilad mellyn - willkommen im Land des Mondes.<br />Dies wird eine Region der Elben
|
||||||
|
- sie ist noch in der Entstehung. </div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="imObjectContentSlider_34_01-slide-5" class="content-slider slide-container">
|
||||||
|
<div class="content-slider slide-grid-container full-grid image-right element-effect-fade">
|
||||||
|
<div class="content-slider slide-element slide-animated-element slide-image-container"><img
|
||||||
|
class="content-slider slide-image-content slide-animated-content"
|
||||||
|
src="/images/Pangea_005.png" alt="" width="959" height="508"></div>
|
||||||
|
<div class="content-slider slide-element slide-txt-container">
|
||||||
|
<div class="content-slider slide-txt-content">
|
||||||
|
<div class="content-slider slide-animated-element slide-txt-block-container slide-title">
|
||||||
|
<div class="content-slider slide-txt-block-content slide-animated-content slide-title">
|
||||||
|
Pangea Racing </div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="content-slider slide-animated-element slide-txt-block-container slide-description">
|
||||||
|
<div
|
||||||
|
class="content-slider slide-txt-block-content slide-animated-content slide-description">
|
||||||
|
Die 'Blauen' vom Pangea Grid bieten auch eine voll gescriptete Rennstrecke. Wer
|
||||||
|
bricht den Bahnrekord? - Varregion<br /><br /> </div>
|
||||||
|
</div>
|
||||||
|
<div class="content-slider slide-animated-element slide-txt-block-container slide-button">
|
||||||
|
<button
|
||||||
|
class="content-slider slide-txt-block-content slide-animated-content slide-button"
|
||||||
|
onclick="return x5engine.imShowBox({ media:[{type: 'iframe', url: 'http://pangea.myftp.org:8002/Pangea - Racing', width: 512, height: 288, description: 'http://pangea.myftp.org:8002/pangea - racing'}]}, 0, this);">Hypergrid
|
||||||
|
Link </button></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="imObjectContentSlider_34_01-slide-6" class="content-slider slide-container slide-container-link"
|
||||||
|
onclick="return x5engine.imShowBox({ media:[{type: 'iframe', url: 'http://free-souls.de:8002/Paradies', width: 1920, height: 1080, description: 'http://free-souls.de:8002/Paradies'}]}, 0, this);">
|
||||||
|
<div class="content-slider slide-grid-container full-grid image-right element-effect-fade">
|
||||||
|
<div class="content-slider slide-element slide-animated-element slide-image-container"><img
|
||||||
|
class="content-slider slide-image-content slide-animated-content"
|
||||||
|
src="/images/FSG_Paradies.jpg" alt="" width="894" height="508"></div>
|
||||||
|
<div class="content-slider slide-element slide-txt-container">
|
||||||
|
<div class="content-slider slide-txt-content">
|
||||||
|
<div class="content-slider slide-animated-element slide-txt-block-container slide-title">
|
||||||
|
<div class="content-slider slide-txt-block-content slide-animated-content slide-title">
|
||||||
|
Paradise </div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="content-slider slide-animated-element slide-txt-block-container slide-description">
|
||||||
|
<div
|
||||||
|
class="content-slider slide-txt-block-content slide-animated-content slide-description">
|
||||||
|
Eine bunte Unterwasserwelt im Free-Souls Grid </div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="imObjectContentSlider_34_01-slide-7" class="content-slider slide-container">
|
||||||
|
<div class="content-slider slide-grid-container full-grid image-right element-effect-fade">
|
||||||
|
<div class="content-slider slide-element slide-animated-element slide-image-container"><img
|
||||||
|
class="content-slider slide-image-content slide-animated-content"
|
||||||
|
src="/images/Funland-Maze_001.png" alt="" width="893" height="508"></div>
|
||||||
|
<div class="content-slider slide-element slide-txt-container">
|
||||||
|
<div class="content-slider slide-txt-content">
|
||||||
|
<div class="content-slider slide-animated-element slide-txt-block-container slide-title">
|
||||||
|
<div class="content-slider slide-txt-block-content slide-animated-content slide-title">
|
||||||
|
Region Funland </div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="content-slider slide-animated-element slide-txt-block-container slide-description">
|
||||||
|
<div
|
||||||
|
class="content-slider slide-txt-block-content slide-animated-content slide-description">
|
||||||
|
Auf dieser Region sind wechselnde Orte zu sehen, die immer der Unterhaltung
|
||||||
|
dienen.<br /><br />Zur Zeit präsentiert sich der White Wolf Maze in Funland. Das
|
||||||
|
sich ändernde Labyrinth erstreckt sich über zwei Etagen. </div>
|
||||||
|
</div>
|
||||||
|
<div class="content-slider slide-animated-element slide-txt-block-container slide-button">
|
||||||
|
<button
|
||||||
|
class="content-slider slide-txt-block-content slide-animated-content slide-button"
|
||||||
|
onclick="return x5engine.imShowBox({ media:[{type: 'iframe', url: 'http://edhilnor.icu:8002/Funland', width: 512, height: 288, description: 'http://edhilnor.icu:8002/funland'}]}, 0, this);">Hypergrid
|
||||||
|
Link </button></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="imObjectContentSlider_34_01-slide-8" class="content-slider slide-container slide-container-link"
|
||||||
|
onclick="return x5engine.imShowBox({ media:[{type: 'iframe', url: 'http://free-souls.de:8002/kinderheim', width: 1920, height: 1080, description: 'http://free-souls.de:8002/Kinderheim'}]}, 0, this);">
|
||||||
|
<div class="content-slider slide-grid-container full-grid image-right element-effect-fade">
|
||||||
|
<div class="content-slider slide-element slide-animated-element slide-image-container"><img
|
||||||
|
class="content-slider slide-image-content slide-animated-content"
|
||||||
|
src="/images/FSG_Kinderheim-Rickenbach.jpg" alt="" width="894" height="508"></div>
|
||||||
|
<div class="content-slider slide-element slide-txt-container">
|
||||||
|
<div class="content-slider slide-txt-content">
|
||||||
|
<div class="content-slider slide-animated-element slide-txt-block-container slide-title">
|
||||||
|
<div class="content-slider slide-txt-block-content slide-animated-content slide-title">
|
||||||
|
Kinderheim Rickenbach </div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="content-slider slide-animated-element slide-txt-block-container slide-description">
|
||||||
|
<div
|
||||||
|
class="content-slider slide-txt-block-content slide-animated-content slide-description">
|
||||||
|
Dieses originalgetreu nachgebaute Kinderheim erinnert an unseren guten Freund Tommy
|
||||||
|
Jonas </div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="imObjectContentSlider_34_01-slide-9" class="content-slider slide-container slide-container-link"
|
||||||
|
onclick="return x5engine.imShowBox({ media:[{type: 'iframe', url: 'http://free-souls.de:8002/New%20Orleans', width: 1920, height: 1080, description: 'http://free-souls.de:8002/New Orleans'}]}, 0, this);">
|
||||||
|
<div class="content-slider slide-grid-container full-grid image-right element-effect-fade">
|
||||||
|
<div class="content-slider slide-element slide-animated-element slide-image-container"><img
|
||||||
|
class="content-slider slide-image-content slide-animated-content"
|
||||||
|
src="/images/FSG_New-Orleans.jpg" alt="" width="894" height="508"></div>
|
||||||
|
<div class="content-slider slide-element slide-txt-container">
|
||||||
|
<div class="content-slider slide-txt-content">
|
||||||
|
<div class="content-slider slide-animated-element slide-txt-block-container slide-title">
|
||||||
|
<div class="content-slider slide-txt-block-content slide-animated-content slide-title">
|
||||||
|
New Orleans </div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="content-slider slide-animated-element slide-txt-block-container slide-description">
|
||||||
|
<div
|
||||||
|
class="content-slider slide-txt-block-content slide-animated-content slide-description">
|
||||||
|
Eine stimmungsvolle Interpretation - noch nicht ganz fertig, aber schon sehenswert.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="imObjectContentSlider_34_01-slide-10" class="content-slider slide-container">
|
||||||
|
<div class="content-slider slide-grid-container full-grid image-right element-effect-fade">
|
||||||
|
<div class="content-slider slide-element slide-animated-element slide-image-container"><img
|
||||||
|
class="content-slider slide-image-content slide-animated-content"
|
||||||
|
src="/images/Pangea_008.png" alt="" width="959" height="508"></div>
|
||||||
|
<div class="content-slider slide-element slide-txt-container">
|
||||||
|
<div class="content-slider slide-txt-content">
|
||||||
|
<div class="content-slider slide-animated-element slide-txt-block-container slide-title">
|
||||||
|
<div class="content-slider slide-txt-block-content slide-animated-content slide-title">
|
||||||
|
Pangea Birthday </div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="content-slider slide-animated-element slide-txt-block-container slide-description">
|
||||||
|
<div
|
||||||
|
class="content-slider slide-txt-block-content slide-animated-content slide-description">
|
||||||
|
Auf der Event-Region der Na'vi Rollenspieler vom Pangea Grid haben schon viele
|
||||||
|
Feiern stattgefunden - und mehr Parties werden folgen.<br /><br /> </div>
|
||||||
|
</div>
|
||||||
|
<div class="content-slider slide-animated-element slide-txt-block-container slide-button">
|
||||||
|
<button
|
||||||
|
class="content-slider slide-txt-block-content slide-animated-content slide-button"
|
||||||
|
onclick="return x5engine.imShowBox({ media:[{type: 'iframe', url: 'http://pangea.myftp.org:8002/Pangea - Birthday', width: 512, height: 288, description: 'http://pangea.myftp.org:8002/pangea - birthday'}]}, 0, this);">Hypergrid
|
||||||
|
Link </button></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="imObjectContentSlider_34_01-slide-11" class="content-slider slide-container slide-container-link"
|
||||||
|
onclick="return x5engine.imShowBox({ media:[{type: 'iframe', url: 'http://free-souls.de:8002/Orient', width: 1920, height: 1080, description: 'http://free-souls.de:8002/Orient'}]}, 0, this);">
|
||||||
|
<div class="content-slider slide-grid-container full-grid image-right element-effect-fade">
|
||||||
|
<div class="content-slider slide-element slide-animated-element slide-image-container"><img
|
||||||
|
class="content-slider slide-image-content slide-animated-content"
|
||||||
|
src="/images/FSG_Orient.jpg" alt="" width="894" height="508"></div>
|
||||||
|
<div class="content-slider slide-element slide-txt-container">
|
||||||
|
<div class="content-slider slide-txt-content">
|
||||||
|
<div class="content-slider slide-animated-element slide-txt-block-container slide-title">
|
||||||
|
<div class="content-slider slide-txt-block-content slide-animated-content slide-title">
|
||||||
|
Orient </div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="content-slider slide-animated-element slide-txt-block-container slide-description">
|
||||||
|
<div
|
||||||
|
class="content-slider slide-txt-block-content slide-animated-content slide-description">
|
||||||
|
Ein orientalischer Hafen im Free-Souls Grid lädt zum Verweilen ein. Es gibt viel zu
|
||||||
|
entdecken... </div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="imObjectContentSlider_34_01-slide-12" class="content-slider slide-container slide-container-link"
|
||||||
|
onclick="return x5engine.imShowBox({ media:[{type: 'iframe', url: 'http://free-souls.de:8002/Club%20Sunset', width: 1920, height: 1080, description: 'http://free-souls.de:8002/Club Sunset'}]}, 0, this);">
|
||||||
|
<div class="content-slider slide-grid-container full-grid image-right element-effect-fade">
|
||||||
|
<div class="content-slider slide-element slide-animated-element slide-image-container"><img
|
||||||
|
class="content-slider slide-image-content slide-animated-content"
|
||||||
|
src="/images/FSG_Club_Sunset.jpg" alt="" width="894" height="508"></div>
|
||||||
|
<div class="content-slider slide-element slide-txt-container">
|
||||||
|
<div class="content-slider slide-txt-content">
|
||||||
|
<div class="content-slider slide-animated-element slide-txt-block-container slide-title">
|
||||||
|
<div class="content-slider slide-txt-block-content slide-animated-content slide-title">
|
||||||
|
Club Sunset </div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="content-slider slide-animated-element slide-txt-block-container slide-description">
|
||||||
|
<div
|
||||||
|
class="content-slider slide-txt-block-content slide-animated-content slide-description">
|
||||||
|
Der Partyclub des Free Souls Grids </div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="content-slider content-slider-ctrl-container ctrl-visible">
|
||||||
|
<div class="content-slider content-slider-ctrl btn-ctrl btn-prev ctrl-visible"
|
||||||
|
onclick="x5engine.contentSlider['imObjectContentSlider_34_01'].prev();"><svg
|
||||||
|
class="arrow-btn left-arrow" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50">
|
||||||
|
<rect class="a" x="5.03" y="5.03" width="39.94" height="39.94" />
|
||||||
|
<polygon class="b"
|
||||||
|
points="11.77 24.99 25 16.18 38.23 7.38 38.23 24.99 38.23 42.63 25 33.81 11.77 24.99" />
|
||||||
|
</svg></div>
|
||||||
|
<div class="content-slider content-slider-ctrl btn-ctrl btn-next ctrl-visible"
|
||||||
|
onclick="x5engine.contentSlider['imObjectContentSlider_34_01'].next();"><svg
|
||||||
|
class="arrow-btn right-arrow" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50">
|
||||||
|
<rect class="a" x="5.03" y="5.03" width="39.94" height="39.94" />
|
||||||
|
<polygon class="b"
|
||||||
|
points="38.23 24.99 25 16.18 11.77 7.38 11.77 24.99 11.77 42.63 25 33.81 38.23 24.99" />
|
||||||
|
</svg></div>
|
||||||
|
<div class="content-slider current-slide-radio-visible-container">
|
||||||
|
<div class="content-slider content-slider-ctrl current-slide-radio-container"><label
|
||||||
|
for="imObjectContentSlider_34_01-slide-radio-0"
|
||||||
|
class="content-slider current-slide-radio imObjectContentSlider_34_01-slide-radio-0"><input
|
||||||
|
class="content-slider current-slide-radio-hidden" type="radio"
|
||||||
|
name="imObjectContentSlider_34_01_current_slide" value="0"
|
||||||
|
id="imObjectContentSlider_34_01-slide-radio-0"
|
||||||
|
onclick="x5engine.contentSlider['imObjectContentSlider_34_01'].goTo(0);" checked>
|
||||||
|
<div class="content-slider current-slide-radio-visible"></div>
|
||||||
|
</label><label for="imObjectContentSlider_34_01-slide-radio-1"
|
||||||
|
class="content-slider current-slide-radio imObjectContentSlider_34_01-slide-radio-1"><input
|
||||||
|
class="content-slider current-slide-radio-hidden" type="radio"
|
||||||
|
name="imObjectContentSlider_34_01_current_slide" value="1"
|
||||||
|
id="imObjectContentSlider_34_01-slide-radio-1"
|
||||||
|
onclick="x5engine.contentSlider['imObjectContentSlider_34_01'].goTo(1);">
|
||||||
|
<div class="content-slider current-slide-radio-visible"></div>
|
||||||
|
</label><label for="imObjectContentSlider_34_01-slide-radio-2"
|
||||||
|
class="content-slider current-slide-radio imObjectContentSlider_34_01-slide-radio-2"><input
|
||||||
|
class="content-slider current-slide-radio-hidden" type="radio"
|
||||||
|
name="imObjectContentSlider_34_01_current_slide" value="2"
|
||||||
|
id="imObjectContentSlider_34_01-slide-radio-2"
|
||||||
|
onclick="x5engine.contentSlider['imObjectContentSlider_34_01'].goTo(2);">
|
||||||
|
<div class="content-slider current-slide-radio-visible"></div>
|
||||||
|
</label><label for="imObjectContentSlider_34_01-slide-radio-3"
|
||||||
|
class="content-slider current-slide-radio imObjectContentSlider_34_01-slide-radio-3"><input
|
||||||
|
class="content-slider current-slide-radio-hidden" type="radio"
|
||||||
|
name="imObjectContentSlider_34_01_current_slide" value="3"
|
||||||
|
id="imObjectContentSlider_34_01-slide-radio-3"
|
||||||
|
onclick="x5engine.contentSlider['imObjectContentSlider_34_01'].goTo(3);">
|
||||||
|
<div class="content-slider current-slide-radio-visible"></div>
|
||||||
|
</label><label for="imObjectContentSlider_34_01-slide-radio-4"
|
||||||
|
class="content-slider current-slide-radio imObjectContentSlider_34_01-slide-radio-4"><input
|
||||||
|
class="content-slider current-slide-radio-hidden" type="radio"
|
||||||
|
name="imObjectContentSlider_34_01_current_slide" value="4"
|
||||||
|
id="imObjectContentSlider_34_01-slide-radio-4"
|
||||||
|
onclick="x5engine.contentSlider['imObjectContentSlider_34_01'].goTo(4);">
|
||||||
|
<div class="content-slider current-slide-radio-visible"></div>
|
||||||
|
</label><label for="imObjectContentSlider_34_01-slide-radio-5"
|
||||||
|
class="content-slider current-slide-radio imObjectContentSlider_34_01-slide-radio-5"><input
|
||||||
|
class="content-slider current-slide-radio-hidden" type="radio"
|
||||||
|
name="imObjectContentSlider_34_01_current_slide" value="5"
|
||||||
|
id="imObjectContentSlider_34_01-slide-radio-5"
|
||||||
|
onclick="x5engine.contentSlider['imObjectContentSlider_34_01'].goTo(5);">
|
||||||
|
<div class="content-slider current-slide-radio-visible"></div>
|
||||||
|
</label><label for="imObjectContentSlider_34_01-slide-radio-6"
|
||||||
|
class="content-slider current-slide-radio imObjectContentSlider_34_01-slide-radio-6"><input
|
||||||
|
class="content-slider current-slide-radio-hidden" type="radio"
|
||||||
|
name="imObjectContentSlider_34_01_current_slide" value="6"
|
||||||
|
id="imObjectContentSlider_34_01-slide-radio-6"
|
||||||
|
onclick="x5engine.contentSlider['imObjectContentSlider_34_01'].goTo(6);">
|
||||||
|
<div class="content-slider current-slide-radio-visible"></div>
|
||||||
|
</label><label for="imObjectContentSlider_34_01-slide-radio-7"
|
||||||
|
class="content-slider current-slide-radio imObjectContentSlider_34_01-slide-radio-7"><input
|
||||||
|
class="content-slider current-slide-radio-hidden" type="radio"
|
||||||
|
name="imObjectContentSlider_34_01_current_slide" value="7"
|
||||||
|
id="imObjectContentSlider_34_01-slide-radio-7"
|
||||||
|
onclick="x5engine.contentSlider['imObjectContentSlider_34_01'].goTo(7);">
|
||||||
|
<div class="content-slider current-slide-radio-visible"></div>
|
||||||
|
</label><label for="imObjectContentSlider_34_01-slide-radio-8"
|
||||||
|
class="content-slider current-slide-radio imObjectContentSlider_34_01-slide-radio-8"><input
|
||||||
|
class="content-slider current-slide-radio-hidden" type="radio"
|
||||||
|
name="imObjectContentSlider_34_01_current_slide" value="8"
|
||||||
|
id="imObjectContentSlider_34_01-slide-radio-8"
|
||||||
|
onclick="x5engine.contentSlider['imObjectContentSlider_34_01'].goTo(8);">
|
||||||
|
<div class="content-slider current-slide-radio-visible"></div>
|
||||||
|
</label><label for="imObjectContentSlider_34_01-slide-radio-9"
|
||||||
|
class="content-slider current-slide-radio imObjectContentSlider_34_01-slide-radio-9"><input
|
||||||
|
class="content-slider current-slide-radio-hidden" type="radio"
|
||||||
|
name="imObjectContentSlider_34_01_current_slide" value="9"
|
||||||
|
id="imObjectContentSlider_34_01-slide-radio-9"
|
||||||
|
onclick="x5engine.contentSlider['imObjectContentSlider_34_01'].goTo(9);">
|
||||||
|
<div class="content-slider current-slide-radio-visible"></div>
|
||||||
|
</label><label for="imObjectContentSlider_34_01-slide-radio-10"
|
||||||
|
class="content-slider current-slide-radio imObjectContentSlider_34_01-slide-radio-10"><input
|
||||||
|
class="content-slider current-slide-radio-hidden" type="radio"
|
||||||
|
name="imObjectContentSlider_34_01_current_slide" value="10"
|
||||||
|
id="imObjectContentSlider_34_01-slide-radio-10"
|
||||||
|
onclick="x5engine.contentSlider['imObjectContentSlider_34_01'].goTo(10);">
|
||||||
|
<div class="content-slider current-slide-radio-visible"></div>
|
||||||
|
</label><label for="imObjectContentSlider_34_01-slide-radio-11"
|
||||||
|
class="content-slider current-slide-radio imObjectContentSlider_34_01-slide-radio-11"><input
|
||||||
|
class="content-slider current-slide-radio-hidden" type="radio"
|
||||||
|
name="imObjectContentSlider_34_01_current_slide" value="11"
|
||||||
|
id="imObjectContentSlider_34_01-slide-radio-11"
|
||||||
|
onclick="x5engine.contentSlider['imObjectContentSlider_34_01'].goTo(11);">
|
||||||
|
<div class="content-slider current-slide-radio-visible"></div>
|
||||||
|
</label><label for="imObjectContentSlider_34_01-slide-radio-12"
|
||||||
|
class="content-slider current-slide-radio imObjectContentSlider_34_01-slide-radio-12"><input
|
||||||
|
class="content-slider current-slide-radio-hidden" type="radio"
|
||||||
|
name="imObjectContentSlider_34_01_current_slide" value="12"
|
||||||
|
id="imObjectContentSlider_34_01-slide-radio-12"
|
||||||
|
onclick="x5engine.contentSlider['imObjectContentSlider_34_01'].goTo(12);">
|
||||||
|
<div class="content-slider current-slide-radio-visible"></div>
|
||||||
|
</label></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="imCellStyleDescription_1">.</div>
|
||||||
|
</div>
|
After Width: | Height: | Size: 14 KiB |
|
@ -0,0 +1,364 @@
|
||||||
|
|
||||||
|
|
||||||
|
#imFooter_pluginAppObj_03{
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
box-sizing: border-box;
|
||||||
|
max-width: 100%;
|
||||||
|
;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_imFooter_pluginAppObj_03 {
|
||||||
|
width: 250px;
|
||||||
|
|
||||||
|
|
||||||
|
max-width: 100%;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .wrapper{
|
||||||
|
width: 100%;
|
||||||
|
height: 0px;
|
||||||
|
padding-top: 20%;
|
||||||
|
margin: 0 auto;
|
||||||
|
display: inline-block;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .sides-container{
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .side{
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .side.front{
|
||||||
|
border-top-left-radius: 0px;
|
||||||
|
border-top-right-radius: 0px;
|
||||||
|
border-bottom-right-radius: 0px;
|
||||||
|
border-bottom-left-radius: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .side.back{
|
||||||
|
border-top-left-radius: 0px;
|
||||||
|
border-top-right-radius: 0px;
|
||||||
|
border-bottom-right-radius: 0px;
|
||||||
|
border-bottom-left-radius: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .wrapper:not(.none) .side{
|
||||||
|
-webkit-transition: all 500ms ease;
|
||||||
|
-moz-transition: all 500ms ease;
|
||||||
|
-o-transition: all 500ms ease;
|
||||||
|
transition: all 500ms ease;
|
||||||
|
}
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .front{
|
||||||
|
cursor: default;
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .back{
|
||||||
|
background-color: rgba(64, 64, 64, 1);
|
||||||
|
}
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .none .back,
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .fade .back,
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .appear-top .back,
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .appear-bottom .back,
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .appear-left .back,
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .appear-right .back {
|
||||||
|
background-color: rgba(64, 64, 64, 0.6);
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .front .text-container{
|
||||||
|
width: 250px;
|
||||||
|
height: 50px;
|
||||||
|
max-width: 100%;
|
||||||
|
max-height: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
text-align: center;
|
||||||
|
vertical-align: middle;
|
||||||
|
font-family:Unica One;font-size:14pt;font-weight: normal;font-style: normal;color:rgba(255, 255, 255, 1);
|
||||||
|
background-image: url('../../pluginAppObj/imFooter_pluginAppObj_03/4Creative-Discord-Button.png');
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: center;
|
||||||
|
background-size: contain;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .center-all{
|
||||||
|
position: relative;
|
||||||
|
float: left;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .back .text-container{
|
||||||
|
width: 250px;
|
||||||
|
height: 50px;
|
||||||
|
max-width: 100%;
|
||||||
|
max-height: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
text-align: center;
|
||||||
|
vertical-align: middle;
|
||||||
|
font-family: Unica One;
|
||||||
|
font-size: 14pt;
|
||||||
|
font-weight: normal;
|
||||||
|
font-style: normal;
|
||||||
|
color: rgba(255, 255, 255, 1);
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .back .text-container p{ margin: 10px 5px 0px 5px; }
|
||||||
|
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .back .text-container .btn{
|
||||||
|
margin: 15px auto;
|
||||||
|
position: relative;
|
||||||
|
display: inline-block;
|
||||||
|
background-color: transparent;
|
||||||
|
-webkit-border-top-left-radius: 5px;
|
||||||
|
-webkit-border-top-right-radius: 5px;
|
||||||
|
-webkit-border-bottom-right-radius: 5px;
|
||||||
|
-webkit-border-bottom-left-radius: 5px;
|
||||||
|
-moz-border-radius-topleft: 5px;
|
||||||
|
-moz-border-radius-topright: 5px;
|
||||||
|
-moz-border-radius-bottomright: 5px;
|
||||||
|
-moz-border-radius-bottomleft: 5px;
|
||||||
|
border-top-left-radius: 5px;
|
||||||
|
border-top-right-radius: 5px;
|
||||||
|
border-bottom-right-radius: 5px;
|
||||||
|
border-bottom-left-radius: 5px;
|
||||||
|
font-family: Unica One;
|
||||||
|
font-size: 14pt;
|
||||||
|
font-weight: bold;
|
||||||
|
font-style: normal;
|
||||||
|
color:rgba(243, 243, 243, 1);
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .back-visible .back .btn{
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .back .text-container .btn:hover{
|
||||||
|
background-color:transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .back .text-container .btn a{
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
text-decoration: none;
|
||||||
|
color: inherit;
|
||||||
|
pointer-events: none;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding-top: 5px;
|
||||||
|
padding-bottom: 5px;
|
||||||
|
padding-left: 5px;
|
||||||
|
padding-right: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .back-visible .back .text-container .btn a{
|
||||||
|
pointer-events: auto;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Effects! */
|
||||||
|
|
||||||
|
/* NONE */
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .none .back{
|
||||||
|
display: none;
|
||||||
|
opacity: 0;
|
||||||
|
|
||||||
|
}
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .none.back-visible .back{
|
||||||
|
display: block;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* FADE */
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .fade .back{
|
||||||
|
visibility: hidden;
|
||||||
|
opacity: 0;
|
||||||
|
transition: visibility 0s, opacity 0.5s linear;
|
||||||
|
}
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .fade.back-visible .back{
|
||||||
|
visibility: visible;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* APPEAR-TOP */
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .appear-top .back{
|
||||||
|
top: -100%;
|
||||||
|
}
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .appear-top.back-visible .back{
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
/* APPEAR-BOTTOM */
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .appear-bottom .back{
|
||||||
|
top: 100%;
|
||||||
|
}
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .appear-bottom.back-visible .back{
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
/* APPEAR-LEFT */
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .appear-left .back{
|
||||||
|
left: -100%;
|
||||||
|
}
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .appear-left.back-visible .back{
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
/* APPEAR-RIGHT */
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .appear-right .back{
|
||||||
|
left: 100%;
|
||||||
|
}
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .appear-right.back-visible .back{
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* MOVE-TOP */
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .move-top .front{
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .move-top.back-visible .front{
|
||||||
|
top: 100%;
|
||||||
|
}
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .move-top .back{
|
||||||
|
top: -100%;
|
||||||
|
}
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .move-top.back-visible .back{
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* MOVE-BOTTOM */
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .move-bottom .front{
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .move-bottom.back-visible .front{
|
||||||
|
top: -100%;
|
||||||
|
}
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .move-bottom .back{
|
||||||
|
top: 100%;
|
||||||
|
}
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .move-bottom.back-visible .back{
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* MOVE-LEFT */
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .move-left .front{
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .move-left.back-visible .front{
|
||||||
|
left: 100%;
|
||||||
|
}
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .move-left .back{
|
||||||
|
left: -100%;
|
||||||
|
}
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .move-left.back-visible .back{
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* MOVE-RIGHT */
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .move-right .front{
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .move-right.back-visible .front{
|
||||||
|
left: -100%;
|
||||||
|
}
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .move-right .back{
|
||||||
|
left: 100%;
|
||||||
|
}
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .move-right.back-visible .back{
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* FLIP HORIZONTAL & VERTICAL */
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .flip-hor,
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .flip-vert {
|
||||||
|
perspective: 1000px;
|
||||||
|
overflow: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .flip-hor .sides-container,
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .flip-vert .sides-container{
|
||||||
|
transform-style: preserve-3d;
|
||||||
|
}
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .flip-hor .side,
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .flip-vert .side {
|
||||||
|
-webkit-transition: all 500ms ease, width 1ms, height 1ms;
|
||||||
|
-moz-transition: all 500ms ease, width 1ms, height 1ms;
|
||||||
|
-o-transition: all 500ms ease, width 1ms, height 1ms;
|
||||||
|
transition: all 500ms ease, width 1ms, height 1ms;
|
||||||
|
transform-style: preserve-3d;
|
||||||
|
overflow: visible;
|
||||||
|
-webkit-backface-visibility: hidden;
|
||||||
|
-moz-backface-visibility: hidden;
|
||||||
|
-ms-backface-visibility: hidden;
|
||||||
|
backface-visibility: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .flip-hor .front,
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .flip-vert .front{
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .flip-hor .front{
|
||||||
|
transform: rotateY(0deg);
|
||||||
|
}
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .flip-hor .back{
|
||||||
|
transform: rotateY(-180deg);
|
||||||
|
}
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .flip-hor.back-visible .front{
|
||||||
|
transform: rotateY(180deg);
|
||||||
|
}
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .flip-hor.back-visible .back{
|
||||||
|
transform: rotateY(0deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .flip-vert .front{
|
||||||
|
transform: rotateX(0deg);
|
||||||
|
}
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .flip-vert .back{
|
||||||
|
transform: rotateX(-180deg);
|
||||||
|
}
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .flip-vert.back-visible .front{
|
||||||
|
transform: rotateX(180deg);
|
||||||
|
}
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .flip-vert.back-visible .back{
|
||||||
|
transform: rotateX(0deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ZOOM */
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .zoom .front img{
|
||||||
|
-webkit-transform: scale(1);
|
||||||
|
-moz-transform: scale(1);
|
||||||
|
-o-transform: scale(1);
|
||||||
|
-ms-transform: scale(1);
|
||||||
|
transform: scale(1);
|
||||||
|
}
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .zoom.back-visible .front{
|
||||||
|
-webkit-transform: scale(10);
|
||||||
|
-moz-transform: scale(10);
|
||||||
|
-o-transform: scale(10);
|
||||||
|
-ms-transform: scale(10);
|
||||||
|
transform: scale(10);
|
||||||
|
}
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .zoom .back{
|
||||||
|
visibility: hidden;
|
||||||
|
opacity: 0;
|
||||||
|
transition: visibility 0s, opacity 0.5s linear;
|
||||||
|
}
|
||||||
|
#iandt_imFooter_pluginAppObj_03 .zoom.back-visible .back{
|
||||||
|
visibility: visible;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
|
@ -0,0 +1,57 @@
|
||||||
|
function animatedimage_imFooter_pluginAppObj_03() {
|
||||||
|
|
||||||
|
//WXPA-897. Control variable if i clicked on mobile the side div
|
||||||
|
var hoverEvent_imFooter_pluginAppObj_03;
|
||||||
|
|
||||||
|
$(document).ready(function(){
|
||||||
|
//Triggering the back side visibility
|
||||||
|
switch("mouseover"){
|
||||||
|
case "click":
|
||||||
|
$('#iandt_imFooter_pluginAppObj_03 .wrapper').click( function(){
|
||||||
|
$(this).toggleClass('back-visible');
|
||||||
|
});
|
||||||
|
break;
|
||||||
|
case "timer":
|
||||||
|
setInterval(function() {
|
||||||
|
$('#iandt_imFooter_pluginAppObj_03 .wrapper').toggleClass('back-visible');
|
||||||
|
},2000);
|
||||||
|
break;
|
||||||
|
case "mouseover":
|
||||||
|
$('#iandt_imFooter_pluginAppObj_03 .wrapper').hover(function(e){
|
||||||
|
hoverEvent_imFooter_pluginAppObj_03 = true;
|
||||||
|
$(this).addClass('back-visible');
|
||||||
|
setTimeout(function(){
|
||||||
|
hoverEvent_imFooter_pluginAppObj_03 = false;
|
||||||
|
}, 100);
|
||||||
|
}, function(){
|
||||||
|
hoverEvent_imFooter_pluginAppObj_03 = false;
|
||||||
|
$(this).removeClass('back-visible');
|
||||||
|
});
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
|
||||||
|
var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
|
||||||
|
if(isMobile && "move-bottom" == "none"){
|
||||||
|
//WXPA-897. Fix mobile hover/click. I need to manage click only for "none" effect
|
||||||
|
$('#iandt_imFooter_pluginAppObj_03 .wrapper a').each(function(){
|
||||||
|
// Cache event
|
||||||
|
var existing_event = this.onclick;
|
||||||
|
// Remove the event from the link
|
||||||
|
this.onclick = null;
|
||||||
|
// Add a check in for the class wrapper if present back-visible
|
||||||
|
$(this).click(function(){
|
||||||
|
if(!hoverEvent_imFooter_pluginAppObj_03 &&
|
||||||
|
$('#iandt_imFooter_pluginAppObj_03 .wrapper').hasClass('back-visible')) {
|
||||||
|
// Reattach your original onclick
|
||||||
|
if(existing_event) $(this).click(existing_event);
|
||||||
|
}
|
||||||
|
else{
|
||||||
|
hoverEvent_imFooter_pluginAppObj_03 = false;
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
After Width: | Height: | Size: 13 KiB |
After Width: | Height: | Size: 13 KiB |
|
@ -0,0 +1,364 @@
|
||||||
|
|
||||||
|
|
||||||
|
#imFooter_pluginAppObj_05{
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
box-sizing: border-box;
|
||||||
|
max-width: 100%;
|
||||||
|
;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_imFooter_pluginAppObj_05 {
|
||||||
|
width: 200px;
|
||||||
|
|
||||||
|
|
||||||
|
max-width: 100%;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .wrapper{
|
||||||
|
width: 100%;
|
||||||
|
height: 0px;
|
||||||
|
padding-top: 37.5%;
|
||||||
|
margin: 0 auto;
|
||||||
|
display: inline-block;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .sides-container{
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .side{
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .side.front{
|
||||||
|
border-top-left-radius: 0px;
|
||||||
|
border-top-right-radius: 0px;
|
||||||
|
border-bottom-right-radius: 0px;
|
||||||
|
border-bottom-left-radius: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .side.back{
|
||||||
|
border-top-left-radius: 0px;
|
||||||
|
border-top-right-radius: 0px;
|
||||||
|
border-bottom-right-radius: 0px;
|
||||||
|
border-bottom-left-radius: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .wrapper:not(.none) .side{
|
||||||
|
-webkit-transition: all 500ms ease;
|
||||||
|
-moz-transition: all 500ms ease;
|
||||||
|
-o-transition: all 500ms ease;
|
||||||
|
transition: all 500ms ease;
|
||||||
|
}
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .front{
|
||||||
|
cursor: default;
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .back{
|
||||||
|
background-color: rgba(64, 64, 64, 1);
|
||||||
|
}
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .none .back,
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .fade .back,
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .appear-top .back,
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .appear-bottom .back,
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .appear-left .back,
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .appear-right .back {
|
||||||
|
background-color: rgba(64, 64, 64, 0.6);
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .front .text-container{
|
||||||
|
width: 200px;
|
||||||
|
height: 75px;
|
||||||
|
max-width: 100%;
|
||||||
|
max-height: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
text-align: center;
|
||||||
|
vertical-align: middle;
|
||||||
|
font-family:Unica One;font-size:12pt;font-weight: normal;font-style: normal;color:rgba(255, 255, 255, 1);
|
||||||
|
background-image: url('../../pluginAppObj/imFooter_pluginAppObj_05/4Creative-Discord-Button-short.png');
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: center;
|
||||||
|
background-size: contain;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .center-all{
|
||||||
|
position: relative;
|
||||||
|
float: left;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .back .text-container{
|
||||||
|
width: 200px;
|
||||||
|
height: 75px;
|
||||||
|
max-width: 100%;
|
||||||
|
max-height: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
text-align: center;
|
||||||
|
vertical-align: middle;
|
||||||
|
font-family: Unica One;
|
||||||
|
font-size: 14pt;
|
||||||
|
font-weight: normal;
|
||||||
|
font-style: normal;
|
||||||
|
color: rgba(255, 255, 255, 1);
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .back .text-container p{ margin: 10px 5px 0px 5px; }
|
||||||
|
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .back .text-container .btn{
|
||||||
|
margin: 15px auto;
|
||||||
|
position: relative;
|
||||||
|
display: inline-block;
|
||||||
|
background-color: rgba(67, 67, 67, 1);
|
||||||
|
-webkit-border-top-left-radius: 5px;
|
||||||
|
-webkit-border-top-right-radius: 5px;
|
||||||
|
-webkit-border-bottom-right-radius: 5px;
|
||||||
|
-webkit-border-bottom-left-radius: 5px;
|
||||||
|
-moz-border-radius-topleft: 5px;
|
||||||
|
-moz-border-radius-topright: 5px;
|
||||||
|
-moz-border-radius-bottomright: 5px;
|
||||||
|
-moz-border-radius-bottomleft: 5px;
|
||||||
|
border-top-left-radius: 5px;
|
||||||
|
border-top-right-radius: 5px;
|
||||||
|
border-bottom-right-radius: 5px;
|
||||||
|
border-bottom-left-radius: 5px;
|
||||||
|
font-family: Unica One;
|
||||||
|
font-size: 12pt;
|
||||||
|
font-weight: bold;
|
||||||
|
font-style: normal;
|
||||||
|
color:rgba(243, 243, 243, 1);
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .back-visible .back .btn{
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .back .text-container .btn:hover{
|
||||||
|
background-color:rgb(77,77,77);
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .back .text-container .btn a{
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
text-decoration: none;
|
||||||
|
color: inherit;
|
||||||
|
pointer-events: none;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding-top: 0px;
|
||||||
|
padding-bottom: 0px;
|
||||||
|
padding-left: 0px;
|
||||||
|
padding-right: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .back-visible .back .text-container .btn a{
|
||||||
|
pointer-events: auto;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Effects! */
|
||||||
|
|
||||||
|
/* NONE */
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .none .back{
|
||||||
|
display: none;
|
||||||
|
opacity: 0;
|
||||||
|
|
||||||
|
}
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .none.back-visible .back{
|
||||||
|
display: block;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* FADE */
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .fade .back{
|
||||||
|
visibility: hidden;
|
||||||
|
opacity: 0;
|
||||||
|
transition: visibility 0s, opacity 0.5s linear;
|
||||||
|
}
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .fade.back-visible .back{
|
||||||
|
visibility: visible;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* APPEAR-TOP */
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .appear-top .back{
|
||||||
|
top: -100%;
|
||||||
|
}
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .appear-top.back-visible .back{
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
/* APPEAR-BOTTOM */
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .appear-bottom .back{
|
||||||
|
top: 100%;
|
||||||
|
}
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .appear-bottom.back-visible .back{
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
/* APPEAR-LEFT */
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .appear-left .back{
|
||||||
|
left: -100%;
|
||||||
|
}
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .appear-left.back-visible .back{
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
/* APPEAR-RIGHT */
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .appear-right .back{
|
||||||
|
left: 100%;
|
||||||
|
}
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .appear-right.back-visible .back{
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* MOVE-TOP */
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .move-top .front{
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .move-top.back-visible .front{
|
||||||
|
top: 100%;
|
||||||
|
}
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .move-top .back{
|
||||||
|
top: -100%;
|
||||||
|
}
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .move-top.back-visible .back{
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* MOVE-BOTTOM */
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .move-bottom .front{
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .move-bottom.back-visible .front{
|
||||||
|
top: -100%;
|
||||||
|
}
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .move-bottom .back{
|
||||||
|
top: 100%;
|
||||||
|
}
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .move-bottom.back-visible .back{
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* MOVE-LEFT */
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .move-left .front{
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .move-left.back-visible .front{
|
||||||
|
left: 100%;
|
||||||
|
}
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .move-left .back{
|
||||||
|
left: -100%;
|
||||||
|
}
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .move-left.back-visible .back{
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* MOVE-RIGHT */
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .move-right .front{
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .move-right.back-visible .front{
|
||||||
|
left: -100%;
|
||||||
|
}
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .move-right .back{
|
||||||
|
left: 100%;
|
||||||
|
}
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .move-right.back-visible .back{
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* FLIP HORIZONTAL & VERTICAL */
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .flip-hor,
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .flip-vert {
|
||||||
|
perspective: 1000px;
|
||||||
|
overflow: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .flip-hor .sides-container,
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .flip-vert .sides-container{
|
||||||
|
transform-style: preserve-3d;
|
||||||
|
}
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .flip-hor .side,
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .flip-vert .side {
|
||||||
|
-webkit-transition: all 500ms ease, width 1ms, height 1ms;
|
||||||
|
-moz-transition: all 500ms ease, width 1ms, height 1ms;
|
||||||
|
-o-transition: all 500ms ease, width 1ms, height 1ms;
|
||||||
|
transition: all 500ms ease, width 1ms, height 1ms;
|
||||||
|
transform-style: preserve-3d;
|
||||||
|
overflow: visible;
|
||||||
|
-webkit-backface-visibility: hidden;
|
||||||
|
-moz-backface-visibility: hidden;
|
||||||
|
-ms-backface-visibility: hidden;
|
||||||
|
backface-visibility: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .flip-hor .front,
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .flip-vert .front{
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .flip-hor .front{
|
||||||
|
transform: rotateY(0deg);
|
||||||
|
}
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .flip-hor .back{
|
||||||
|
transform: rotateY(-180deg);
|
||||||
|
}
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .flip-hor.back-visible .front{
|
||||||
|
transform: rotateY(180deg);
|
||||||
|
}
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .flip-hor.back-visible .back{
|
||||||
|
transform: rotateY(0deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .flip-vert .front{
|
||||||
|
transform: rotateX(0deg);
|
||||||
|
}
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .flip-vert .back{
|
||||||
|
transform: rotateX(-180deg);
|
||||||
|
}
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .flip-vert.back-visible .front{
|
||||||
|
transform: rotateX(180deg);
|
||||||
|
}
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .flip-vert.back-visible .back{
|
||||||
|
transform: rotateX(0deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ZOOM */
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .zoom .front img{
|
||||||
|
-webkit-transform: scale(1);
|
||||||
|
-moz-transform: scale(1);
|
||||||
|
-o-transform: scale(1);
|
||||||
|
-ms-transform: scale(1);
|
||||||
|
transform: scale(1);
|
||||||
|
}
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .zoom.back-visible .front{
|
||||||
|
-webkit-transform: scale(10);
|
||||||
|
-moz-transform: scale(10);
|
||||||
|
-o-transform: scale(10);
|
||||||
|
-ms-transform: scale(10);
|
||||||
|
transform: scale(10);
|
||||||
|
}
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .zoom .back{
|
||||||
|
visibility: hidden;
|
||||||
|
opacity: 0;
|
||||||
|
transition: visibility 0s, opacity 0.5s linear;
|
||||||
|
}
|
||||||
|
#iandt_imFooter_pluginAppObj_05 .zoom.back-visible .back{
|
||||||
|
visibility: visible;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
|
@ -0,0 +1,57 @@
|
||||||
|
function animatedimage_imFooter_pluginAppObj_05() {
|
||||||
|
|
||||||
|
//WXPA-897. Control variable if i clicked on mobile the side div
|
||||||
|
var hoverEvent_imFooter_pluginAppObj_05;
|
||||||
|
|
||||||
|
$(document).ready(function(){
|
||||||
|
//Triggering the back side visibility
|
||||||
|
switch("mouseover"){
|
||||||
|
case "click":
|
||||||
|
$('#iandt_imFooter_pluginAppObj_05 .wrapper').click( function(){
|
||||||
|
$(this).toggleClass('back-visible');
|
||||||
|
});
|
||||||
|
break;
|
||||||
|
case "timer":
|
||||||
|
setInterval(function() {
|
||||||
|
$('#iandt_imFooter_pluginAppObj_05 .wrapper').toggleClass('back-visible');
|
||||||
|
},2000);
|
||||||
|
break;
|
||||||
|
case "mouseover":
|
||||||
|
$('#iandt_imFooter_pluginAppObj_05 .wrapper').hover(function(e){
|
||||||
|
hoverEvent_imFooter_pluginAppObj_05 = true;
|
||||||
|
$(this).addClass('back-visible');
|
||||||
|
setTimeout(function(){
|
||||||
|
hoverEvent_imFooter_pluginAppObj_05 = false;
|
||||||
|
}, 100);
|
||||||
|
}, function(){
|
||||||
|
hoverEvent_imFooter_pluginAppObj_05 = false;
|
||||||
|
$(this).removeClass('back-visible');
|
||||||
|
});
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
|
||||||
|
var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
|
||||||
|
if(isMobile && "flip-vert" == "none"){
|
||||||
|
//WXPA-897. Fix mobile hover/click. I need to manage click only for "none" effect
|
||||||
|
$('#iandt_imFooter_pluginAppObj_05 .wrapper a').each(function(){
|
||||||
|
// Cache event
|
||||||
|
var existing_event = this.onclick;
|
||||||
|
// Remove the event from the link
|
||||||
|
this.onclick = null;
|
||||||
|
// Add a check in for the class wrapper if present back-visible
|
||||||
|
$(this).click(function(){
|
||||||
|
if(!hoverEvent_imFooter_pluginAppObj_05 &&
|
||||||
|
$('#iandt_imFooter_pluginAppObj_05 .wrapper').hasClass('back-visible')) {
|
||||||
|
// Reattach your original onclick
|
||||||
|
if(existing_event) $(this).click(existing_event);
|
||||||
|
}
|
||||||
|
else{
|
||||||
|
hoverEvent_imFooter_pluginAppObj_05 = false;
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
After Width: | Height: | Size: 46 KiB |
After Width: | Height: | Size: 5.7 KiB |
After Width: | Height: | Size: 6.5 KiB |
After Width: | Height: | Size: 28 KiB |
After Width: | Height: | Size: 6.3 KiB |
After Width: | Height: | Size: 5.7 KiB |
After Width: | Height: | Size: 7.5 KiB |
After Width: | Height: | Size: 20 KiB |
After Width: | Height: | Size: 20 KiB |
After Width: | Height: | Size: 5.7 KiB |
|
@ -0,0 +1,364 @@
|
||||||
|
|
||||||
|
|
||||||
|
#pluginAppObj_119{
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
box-sizing: border-box;
|
||||||
|
max-width: 100%;
|
||||||
|
;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_119 {
|
||||||
|
width: 170px;
|
||||||
|
|
||||||
|
|
||||||
|
max-width: 100%;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_119 .wrapper{
|
||||||
|
width: 100%;
|
||||||
|
height: 0px;
|
||||||
|
padding-top: 100%;
|
||||||
|
margin: 0 auto;
|
||||||
|
display: inline-block;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_119 .sides-container{
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_119 .side{
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_119 .side.front{
|
||||||
|
border-top-left-radius: 0px;
|
||||||
|
border-top-right-radius: 0px;
|
||||||
|
border-bottom-right-radius: 0px;
|
||||||
|
border-bottom-left-radius: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_119 .side.back{
|
||||||
|
border-top-left-radius: 0px;
|
||||||
|
border-top-right-radius: 0px;
|
||||||
|
border-bottom-right-radius: 0px;
|
||||||
|
border-bottom-left-radius: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_119 .wrapper:not(.none) .side{
|
||||||
|
-webkit-transition: all 500ms ease;
|
||||||
|
-moz-transition: all 500ms ease;
|
||||||
|
-o-transition: all 500ms ease;
|
||||||
|
transition: all 500ms ease;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_119 .front{
|
||||||
|
cursor: default;
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_119 .back{
|
||||||
|
background-color: rgba(244, 244, 244, 1);
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_119 .none .back,
|
||||||
|
#iandt_pluginAppObj_119 .fade .back,
|
||||||
|
#iandt_pluginAppObj_119 .appear-top .back,
|
||||||
|
#iandt_pluginAppObj_119 .appear-bottom .back,
|
||||||
|
#iandt_pluginAppObj_119 .appear-left .back,
|
||||||
|
#iandt_pluginAppObj_119 .appear-right .back {
|
||||||
|
background-color: rgba(244, 244, 244, 0.6);
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_119 .front .text-container{
|
||||||
|
width: 170px;
|
||||||
|
height: 170px;
|
||||||
|
max-width: 100%;
|
||||||
|
max-height: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
text-align: center;
|
||||||
|
vertical-align: middle;
|
||||||
|
font-family:Tahoma;font-size:14pt;font-weight: normal;font-style: normal;color:rgba(255, 255, 255, 1);
|
||||||
|
background-image: url('../../pluginAppObj/pluginAppObj_119/Logo-Free-Souls-bunt.png');
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: center;
|
||||||
|
background-size: contain;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_119 .center-all{
|
||||||
|
position: relative;
|
||||||
|
float: left;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_119 .back .text-container{
|
||||||
|
width: 170px;
|
||||||
|
height: 170px;
|
||||||
|
max-width: 100%;
|
||||||
|
max-height: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
text-align: center;
|
||||||
|
vertical-align: middle;
|
||||||
|
font-family: Tahoma;
|
||||||
|
font-size: 14pt;
|
||||||
|
font-weight: normal;
|
||||||
|
font-style: normal;
|
||||||
|
color: rgba(255, 255, 255, 1);
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_119 .back .text-container p{ margin: 10px 5px 0px 5px; }
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_119 .back .text-container .btn{
|
||||||
|
margin: 15px auto;
|
||||||
|
position: relative;
|
||||||
|
display: inline-block;
|
||||||
|
background-color: rgba(67, 67, 67, 1);
|
||||||
|
-webkit-border-top-left-radius: 5px;
|
||||||
|
-webkit-border-top-right-radius: 5px;
|
||||||
|
-webkit-border-bottom-right-radius: 5px;
|
||||||
|
-webkit-border-bottom-left-radius: 5px;
|
||||||
|
-moz-border-radius-topleft: 5px;
|
||||||
|
-moz-border-radius-topright: 5px;
|
||||||
|
-moz-border-radius-bottomright: 5px;
|
||||||
|
-moz-border-radius-bottomleft: 5px;
|
||||||
|
border-top-left-radius: 5px;
|
||||||
|
border-top-right-radius: 5px;
|
||||||
|
border-bottom-right-radius: 5px;
|
||||||
|
border-bottom-left-radius: 5px;
|
||||||
|
font-family: Unica One;
|
||||||
|
font-size: 20pt;
|
||||||
|
font-weight: bold;
|
||||||
|
font-style: normal;
|
||||||
|
color:rgba(244, 244, 244, 1);
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_119 .back-visible .back .btn{
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_119 .back .text-container .btn:hover{
|
||||||
|
background-color:rgb(77,77,77);
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_119 .back .text-container .btn a{
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
text-decoration: none;
|
||||||
|
color: inherit;
|
||||||
|
pointer-events: none;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding-top: 10px;
|
||||||
|
padding-bottom: 10px;
|
||||||
|
padding-left: 10px;
|
||||||
|
padding-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_119 .back-visible .back .text-container .btn a{
|
||||||
|
pointer-events: auto;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Effects! */
|
||||||
|
|
||||||
|
/* NONE */
|
||||||
|
#iandt_pluginAppObj_119 .none .back{
|
||||||
|
display: none;
|
||||||
|
opacity: 0;
|
||||||
|
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_119 .none.back-visible .back{
|
||||||
|
display: block;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* FADE */
|
||||||
|
#iandt_pluginAppObj_119 .fade .back{
|
||||||
|
visibility: hidden;
|
||||||
|
opacity: 0;
|
||||||
|
transition: visibility 0s, opacity 0.5s linear;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_119 .fade.back-visible .back{
|
||||||
|
visibility: visible;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* APPEAR-TOP */
|
||||||
|
#iandt_pluginAppObj_119 .appear-top .back{
|
||||||
|
top: -100%;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_119 .appear-top.back-visible .back{
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
/* APPEAR-BOTTOM */
|
||||||
|
#iandt_pluginAppObj_119 .appear-bottom .back{
|
||||||
|
top: 100%;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_119 .appear-bottom.back-visible .back{
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
/* APPEAR-LEFT */
|
||||||
|
#iandt_pluginAppObj_119 .appear-left .back{
|
||||||
|
left: -100%;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_119 .appear-left.back-visible .back{
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
/* APPEAR-RIGHT */
|
||||||
|
#iandt_pluginAppObj_119 .appear-right .back{
|
||||||
|
left: 100%;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_119 .appear-right.back-visible .back{
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* MOVE-TOP */
|
||||||
|
#iandt_pluginAppObj_119 .move-top .front{
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_119 .move-top.back-visible .front{
|
||||||
|
top: 100%;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_119 .move-top .back{
|
||||||
|
top: -100%;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_119 .move-top.back-visible .back{
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* MOVE-BOTTOM */
|
||||||
|
#iandt_pluginAppObj_119 .move-bottom .front{
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_119 .move-bottom.back-visible .front{
|
||||||
|
top: -100%;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_119 .move-bottom .back{
|
||||||
|
top: 100%;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_119 .move-bottom.back-visible .back{
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* MOVE-LEFT */
|
||||||
|
#iandt_pluginAppObj_119 .move-left .front{
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_119 .move-left.back-visible .front{
|
||||||
|
left: 100%;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_119 .move-left .back{
|
||||||
|
left: -100%;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_119 .move-left.back-visible .back{
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* MOVE-RIGHT */
|
||||||
|
#iandt_pluginAppObj_119 .move-right .front{
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_119 .move-right.back-visible .front{
|
||||||
|
left: -100%;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_119 .move-right .back{
|
||||||
|
left: 100%;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_119 .move-right.back-visible .back{
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* FLIP HORIZONTAL & VERTICAL */
|
||||||
|
#iandt_pluginAppObj_119 .flip-hor,
|
||||||
|
#iandt_pluginAppObj_119 .flip-vert {
|
||||||
|
perspective: 1000px;
|
||||||
|
overflow: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_119 .flip-hor .sides-container,
|
||||||
|
#iandt_pluginAppObj_119 .flip-vert .sides-container{
|
||||||
|
transform-style: preserve-3d;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_119 .flip-hor .side,
|
||||||
|
#iandt_pluginAppObj_119 .flip-vert .side {
|
||||||
|
-webkit-transition: all 500ms ease, width 1ms, height 1ms;
|
||||||
|
-moz-transition: all 500ms ease, width 1ms, height 1ms;
|
||||||
|
-o-transition: all 500ms ease, width 1ms, height 1ms;
|
||||||
|
transition: all 500ms ease, width 1ms, height 1ms;
|
||||||
|
transform-style: preserve-3d;
|
||||||
|
overflow: visible;
|
||||||
|
-webkit-backface-visibility: hidden;
|
||||||
|
-moz-backface-visibility: hidden;
|
||||||
|
-ms-backface-visibility: hidden;
|
||||||
|
backface-visibility: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_119 .flip-hor .front,
|
||||||
|
#iandt_pluginAppObj_119 .flip-vert .front{
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_119 .flip-hor .front{
|
||||||
|
transform: rotateY(0deg);
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_119 .flip-hor .back{
|
||||||
|
transform: rotateY(-180deg);
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_119 .flip-hor.back-visible .front{
|
||||||
|
transform: rotateY(180deg);
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_119 .flip-hor.back-visible .back{
|
||||||
|
transform: rotateY(0deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_119 .flip-vert .front{
|
||||||
|
transform: rotateX(0deg);
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_119 .flip-vert .back{
|
||||||
|
transform: rotateX(-180deg);
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_119 .flip-vert.back-visible .front{
|
||||||
|
transform: rotateX(180deg);
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_119 .flip-vert.back-visible .back{
|
||||||
|
transform: rotateX(0deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ZOOM */
|
||||||
|
#iandt_pluginAppObj_119 .zoom .front img{
|
||||||
|
-webkit-transform: scale(1);
|
||||||
|
-moz-transform: scale(1);
|
||||||
|
-o-transform: scale(1);
|
||||||
|
-ms-transform: scale(1);
|
||||||
|
transform: scale(1);
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_119 .zoom.back-visible .front{
|
||||||
|
-webkit-transform: scale(10);
|
||||||
|
-moz-transform: scale(10);
|
||||||
|
-o-transform: scale(10);
|
||||||
|
-ms-transform: scale(10);
|
||||||
|
transform: scale(10);
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_119 .zoom .back{
|
||||||
|
visibility: hidden;
|
||||||
|
opacity: 0;
|
||||||
|
transition: visibility 0s, opacity 0.5s linear;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_119 .zoom.back-visible .back{
|
||||||
|
visibility: visible;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
|
@ -0,0 +1,57 @@
|
||||||
|
function animatedimage_pluginAppObj_119() {
|
||||||
|
|
||||||
|
//WXPA-897. Control variable if i clicked on mobile the side div
|
||||||
|
var hoverEvent_pluginAppObj_119;
|
||||||
|
|
||||||
|
$(document).ready(function(){
|
||||||
|
//Triggering the back side visibility
|
||||||
|
switch("mouseover"){
|
||||||
|
case "click":
|
||||||
|
$('#iandt_pluginAppObj_119 .wrapper').click( function(){
|
||||||
|
$(this).toggleClass('back-visible');
|
||||||
|
});
|
||||||
|
break;
|
||||||
|
case "timer":
|
||||||
|
setInterval(function() {
|
||||||
|
$('#iandt_pluginAppObj_119 .wrapper').toggleClass('back-visible');
|
||||||
|
},2000);
|
||||||
|
break;
|
||||||
|
case "mouseover":
|
||||||
|
$('#iandt_pluginAppObj_119 .wrapper').hover(function(e){
|
||||||
|
hoverEvent_pluginAppObj_119 = true;
|
||||||
|
$(this).addClass('back-visible');
|
||||||
|
setTimeout(function(){
|
||||||
|
hoverEvent_pluginAppObj_119 = false;
|
||||||
|
}, 100);
|
||||||
|
}, function(){
|
||||||
|
hoverEvent_pluginAppObj_119 = false;
|
||||||
|
$(this).removeClass('back-visible');
|
||||||
|
});
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
|
||||||
|
var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
|
||||||
|
if(isMobile && "move-bottom" == "none"){
|
||||||
|
//WXPA-897. Fix mobile hover/click. I need to manage click only for "none" effect
|
||||||
|
$('#iandt_pluginAppObj_119 .wrapper a').each(function(){
|
||||||
|
// Cache event
|
||||||
|
var existing_event = this.onclick;
|
||||||
|
// Remove the event from the link
|
||||||
|
this.onclick = null;
|
||||||
|
// Add a check in for the class wrapper if present back-visible
|
||||||
|
$(this).click(function(){
|
||||||
|
if(!hoverEvent_pluginAppObj_119 &&
|
||||||
|
$('#iandt_pluginAppObj_119 .wrapper').hasClass('back-visible')) {
|
||||||
|
// Reattach your original onclick
|
||||||
|
if(existing_event) $(this).click(existing_event);
|
||||||
|
}
|
||||||
|
else{
|
||||||
|
hoverEvent_pluginAppObj_119 = false;
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
After Width: | Height: | Size: 5.7 KiB |
After Width: | Height: | Size: 7.1 KiB |
After Width: | Height: | Size: 5.3 KiB |
After Width: | Height: | Size: 5.7 KiB |
After Width: | Height: | Size: 7.9 KiB |
After Width: | Height: | Size: 5.9 KiB |
After Width: | Height: | Size: 5.7 KiB |
|
@ -0,0 +1,364 @@
|
||||||
|
|
||||||
|
|
||||||
|
#pluginAppObj_122{
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
box-sizing: border-box;
|
||||||
|
max-width: 100%;
|
||||||
|
;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_122 {
|
||||||
|
width: 170px;
|
||||||
|
|
||||||
|
|
||||||
|
max-width: 100%;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_122 .wrapper{
|
||||||
|
width: 100%;
|
||||||
|
height: 0px;
|
||||||
|
padding-top: 100%;
|
||||||
|
margin: 0 auto;
|
||||||
|
display: inline-block;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_122 .sides-container{
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_122 .side{
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_122 .side.front{
|
||||||
|
border-top-left-radius: 0px;
|
||||||
|
border-top-right-radius: 0px;
|
||||||
|
border-bottom-right-radius: 0px;
|
||||||
|
border-bottom-left-radius: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_122 .side.back{
|
||||||
|
border-top-left-radius: 0px;
|
||||||
|
border-top-right-radius: 0px;
|
||||||
|
border-bottom-right-radius: 0px;
|
||||||
|
border-bottom-left-radius: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_122 .wrapper:not(.none) .side{
|
||||||
|
-webkit-transition: all 500ms ease;
|
||||||
|
-moz-transition: all 500ms ease;
|
||||||
|
-o-transition: all 500ms ease;
|
||||||
|
transition: all 500ms ease;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_122 .front{
|
||||||
|
cursor: default;
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_122 .back{
|
||||||
|
background-color: rgba(244, 244, 244, 1);
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_122 .none .back,
|
||||||
|
#iandt_pluginAppObj_122 .fade .back,
|
||||||
|
#iandt_pluginAppObj_122 .appear-top .back,
|
||||||
|
#iandt_pluginAppObj_122 .appear-bottom .back,
|
||||||
|
#iandt_pluginAppObj_122 .appear-left .back,
|
||||||
|
#iandt_pluginAppObj_122 .appear-right .back {
|
||||||
|
background-color: rgba(244, 244, 244, 0.6);
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_122 .front .text-container{
|
||||||
|
width: 170px;
|
||||||
|
height: 170px;
|
||||||
|
max-width: 100%;
|
||||||
|
max-height: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
text-align: center;
|
||||||
|
vertical-align: middle;
|
||||||
|
font-family:Tahoma;font-size:14pt;font-weight: normal;font-style: normal;color:rgba(255, 255, 255, 1);
|
||||||
|
background-image: url('../../pluginAppObj/pluginAppObj_122/Edhilnor-logo.jpg');
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: center;
|
||||||
|
background-size: contain;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_122 .center-all{
|
||||||
|
position: relative;
|
||||||
|
float: left;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_122 .back .text-container{
|
||||||
|
width: 170px;
|
||||||
|
height: 170px;
|
||||||
|
max-width: 100%;
|
||||||
|
max-height: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
text-align: center;
|
||||||
|
vertical-align: middle;
|
||||||
|
font-family: Tahoma;
|
||||||
|
font-size: 14pt;
|
||||||
|
font-weight: normal;
|
||||||
|
font-style: normal;
|
||||||
|
color: rgba(255, 255, 255, 1);
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_122 .back .text-container .btn{
|
||||||
|
margin: 15px auto;
|
||||||
|
position: relative;
|
||||||
|
display: inline-block;
|
||||||
|
background-color: rgba(67, 67, 67, 1);
|
||||||
|
-webkit-border-top-left-radius: 5px;
|
||||||
|
-webkit-border-top-right-radius: 5px;
|
||||||
|
-webkit-border-bottom-right-radius: 5px;
|
||||||
|
-webkit-border-bottom-left-radius: 5px;
|
||||||
|
-moz-border-radius-topleft: 5px;
|
||||||
|
-moz-border-radius-topright: 5px;
|
||||||
|
-moz-border-radius-bottomright: 5px;
|
||||||
|
-moz-border-radius-bottomleft: 5px;
|
||||||
|
border-top-left-radius: 5px;
|
||||||
|
border-top-right-radius: 5px;
|
||||||
|
border-bottom-right-radius: 5px;
|
||||||
|
border-bottom-left-radius: 5px;
|
||||||
|
font-family: Unica One;
|
||||||
|
font-size: 20pt;
|
||||||
|
font-weight: bold;
|
||||||
|
font-style: normal;
|
||||||
|
color:rgba(255, 255, 255, 1);
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_122 .back-visible .back .btn{
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_122 .back .text-container .btn:hover{
|
||||||
|
background-color:rgb(77,77,77);
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_122 .back .text-container .btn a{
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
text-decoration: none;
|
||||||
|
color: inherit;
|
||||||
|
pointer-events: none;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding-top: 10px;
|
||||||
|
padding-bottom: 10px;
|
||||||
|
padding-left: 10px;
|
||||||
|
padding-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_122 .back-visible .back .text-container .btn a{
|
||||||
|
pointer-events: auto;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Effects! */
|
||||||
|
|
||||||
|
/* NONE */
|
||||||
|
#iandt_pluginAppObj_122 .none .back{
|
||||||
|
display: none;
|
||||||
|
opacity: 0;
|
||||||
|
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_122 .none.back-visible .back{
|
||||||
|
display: block;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* FADE */
|
||||||
|
#iandt_pluginAppObj_122 .fade .back{
|
||||||
|
visibility: hidden;
|
||||||
|
opacity: 0;
|
||||||
|
transition: visibility 0s, opacity 0.5s linear;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_122 .fade.back-visible .back{
|
||||||
|
visibility: visible;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* APPEAR-TOP */
|
||||||
|
#iandt_pluginAppObj_122 .appear-top .back{
|
||||||
|
top: -100%;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_122 .appear-top.back-visible .back{
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
/* APPEAR-BOTTOM */
|
||||||
|
#iandt_pluginAppObj_122 .appear-bottom .back{
|
||||||
|
top: 100%;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_122 .appear-bottom.back-visible .back{
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
/* APPEAR-LEFT */
|
||||||
|
#iandt_pluginAppObj_122 .appear-left .back{
|
||||||
|
left: -100%;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_122 .appear-left.back-visible .back{
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
/* APPEAR-RIGHT */
|
||||||
|
#iandt_pluginAppObj_122 .appear-right .back{
|
||||||
|
left: 100%;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_122 .appear-right.back-visible .back{
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* MOVE-TOP */
|
||||||
|
#iandt_pluginAppObj_122 .move-top .front{
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_122 .move-top.back-visible .front{
|
||||||
|
top: 100%;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_122 .move-top .back{
|
||||||
|
top: -100%;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_122 .move-top.back-visible .back{
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* MOVE-BOTTOM */
|
||||||
|
#iandt_pluginAppObj_122 .move-bottom .front{
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_122 .move-bottom.back-visible .front{
|
||||||
|
top: -100%;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_122 .move-bottom .back{
|
||||||
|
top: 100%;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_122 .move-bottom.back-visible .back{
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* MOVE-LEFT */
|
||||||
|
#iandt_pluginAppObj_122 .move-left .front{
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_122 .move-left.back-visible .front{
|
||||||
|
left: 100%;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_122 .move-left .back{
|
||||||
|
left: -100%;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_122 .move-left.back-visible .back{
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* MOVE-RIGHT */
|
||||||
|
#iandt_pluginAppObj_122 .move-right .front{
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_122 .move-right.back-visible .front{
|
||||||
|
left: -100%;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_122 .move-right .back{
|
||||||
|
left: 100%;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_122 .move-right.back-visible .back{
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* FLIP HORIZONTAL & VERTICAL */
|
||||||
|
#iandt_pluginAppObj_122 .flip-hor,
|
||||||
|
#iandt_pluginAppObj_122 .flip-vert {
|
||||||
|
perspective: 1000px;
|
||||||
|
overflow: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_122 .flip-hor .sides-container,
|
||||||
|
#iandt_pluginAppObj_122 .flip-vert .sides-container{
|
||||||
|
transform-style: preserve-3d;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_122 .flip-hor .side,
|
||||||
|
#iandt_pluginAppObj_122 .flip-vert .side {
|
||||||
|
-webkit-transition: all 500ms ease, width 1ms, height 1ms;
|
||||||
|
-moz-transition: all 500ms ease, width 1ms, height 1ms;
|
||||||
|
-o-transition: all 500ms ease, width 1ms, height 1ms;
|
||||||
|
transition: all 500ms ease, width 1ms, height 1ms;
|
||||||
|
transform-style: preserve-3d;
|
||||||
|
overflow: visible;
|
||||||
|
-webkit-backface-visibility: hidden;
|
||||||
|
-moz-backface-visibility: hidden;
|
||||||
|
-ms-backface-visibility: hidden;
|
||||||
|
backface-visibility: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_122 .flip-hor .front,
|
||||||
|
#iandt_pluginAppObj_122 .flip-vert .front{
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_122 .flip-hor .front{
|
||||||
|
transform: rotateY(0deg);
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_122 .flip-hor .back{
|
||||||
|
transform: rotateY(-180deg);
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_122 .flip-hor.back-visible .front{
|
||||||
|
transform: rotateY(180deg);
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_122 .flip-hor.back-visible .back{
|
||||||
|
transform: rotateY(0deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_122 .flip-vert .front{
|
||||||
|
transform: rotateX(0deg);
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_122 .flip-vert .back{
|
||||||
|
transform: rotateX(-180deg);
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_122 .flip-vert.back-visible .front{
|
||||||
|
transform: rotateX(180deg);
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_122 .flip-vert.back-visible .back{
|
||||||
|
transform: rotateX(0deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ZOOM */
|
||||||
|
#iandt_pluginAppObj_122 .zoom .front img{
|
||||||
|
-webkit-transform: scale(1);
|
||||||
|
-moz-transform: scale(1);
|
||||||
|
-o-transform: scale(1);
|
||||||
|
-ms-transform: scale(1);
|
||||||
|
transform: scale(1);
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_122 .zoom.back-visible .front{
|
||||||
|
-webkit-transform: scale(10);
|
||||||
|
-moz-transform: scale(10);
|
||||||
|
-o-transform: scale(10);
|
||||||
|
-ms-transform: scale(10);
|
||||||
|
transform: scale(10);
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_122 .zoom .back{
|
||||||
|
visibility: hidden;
|
||||||
|
opacity: 0;
|
||||||
|
transition: visibility 0s, opacity 0.5s linear;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_122 .zoom.back-visible .back{
|
||||||
|
visibility: visible;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
After Width: | Height: | Size: 6.0 KiB |
|
@ -0,0 +1,57 @@
|
||||||
|
function animatedimage_pluginAppObj_122() {
|
||||||
|
|
||||||
|
//WXPA-897. Control variable if i clicked on mobile the side div
|
||||||
|
var hoverEvent_pluginAppObj_122;
|
||||||
|
|
||||||
|
$(document).ready(function(){
|
||||||
|
//Triggering the back side visibility
|
||||||
|
switch("mouseover"){
|
||||||
|
case "click":
|
||||||
|
$('#iandt_pluginAppObj_122 .wrapper').click( function(){
|
||||||
|
$(this).toggleClass('back-visible');
|
||||||
|
});
|
||||||
|
break;
|
||||||
|
case "timer":
|
||||||
|
setInterval(function() {
|
||||||
|
$('#iandt_pluginAppObj_122 .wrapper').toggleClass('back-visible');
|
||||||
|
},2000);
|
||||||
|
break;
|
||||||
|
case "mouseover":
|
||||||
|
$('#iandt_pluginAppObj_122 .wrapper').hover(function(e){
|
||||||
|
hoverEvent_pluginAppObj_122 = true;
|
||||||
|
$(this).addClass('back-visible');
|
||||||
|
setTimeout(function(){
|
||||||
|
hoverEvent_pluginAppObj_122 = false;
|
||||||
|
}, 100);
|
||||||
|
}, function(){
|
||||||
|
hoverEvent_pluginAppObj_122 = false;
|
||||||
|
$(this).removeClass('back-visible');
|
||||||
|
});
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
|
||||||
|
var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
|
||||||
|
if(isMobile && "move-bottom" == "none"){
|
||||||
|
//WXPA-897. Fix mobile hover/click. I need to manage click only for "none" effect
|
||||||
|
$('#iandt_pluginAppObj_122 .wrapper a').each(function(){
|
||||||
|
// Cache event
|
||||||
|
var existing_event = this.onclick;
|
||||||
|
// Remove the event from the link
|
||||||
|
this.onclick = null;
|
||||||
|
// Add a check in for the class wrapper if present back-visible
|
||||||
|
$(this).click(function(){
|
||||||
|
if(!hoverEvent_pluginAppObj_122 &&
|
||||||
|
$('#iandt_pluginAppObj_122 .wrapper').hasClass('back-visible')) {
|
||||||
|
// Reattach your original onclick
|
||||||
|
if(existing_event) $(this).click(existing_event);
|
||||||
|
}
|
||||||
|
else{
|
||||||
|
hoverEvent_pluginAppObj_122 = false;
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
After Width: | Height: | Size: 28 KiB |
After Width: | Height: | Size: 23 KiB |
|
@ -0,0 +1,364 @@
|
||||||
|
|
||||||
|
|
||||||
|
#pluginAppObj_125{
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
box-sizing: border-box;
|
||||||
|
max-width: 100%;
|
||||||
|
;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_125 {
|
||||||
|
width: 170px;
|
||||||
|
|
||||||
|
|
||||||
|
max-width: 100%;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_125 .wrapper{
|
||||||
|
width: 100%;
|
||||||
|
height: 0px;
|
||||||
|
padding-top: 100%;
|
||||||
|
margin: 0 auto;
|
||||||
|
display: inline-block;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_125 .sides-container{
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_125 .side{
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_125 .side.front{
|
||||||
|
border-top-left-radius: 0px;
|
||||||
|
border-top-right-radius: 0px;
|
||||||
|
border-bottom-right-radius: 0px;
|
||||||
|
border-bottom-left-radius: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_125 .side.back{
|
||||||
|
border-top-left-radius: 0px;
|
||||||
|
border-top-right-radius: 0px;
|
||||||
|
border-bottom-right-radius: 0px;
|
||||||
|
border-bottom-left-radius: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_125 .wrapper:not(.none) .side{
|
||||||
|
-webkit-transition: all 500ms ease;
|
||||||
|
-moz-transition: all 500ms ease;
|
||||||
|
-o-transition: all 500ms ease;
|
||||||
|
transition: all 500ms ease;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_125 .front{
|
||||||
|
cursor: default;
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_125 .back{
|
||||||
|
background-color: rgba(244, 244, 244, 1);
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_125 .none .back,
|
||||||
|
#iandt_pluginAppObj_125 .fade .back,
|
||||||
|
#iandt_pluginAppObj_125 .appear-top .back,
|
||||||
|
#iandt_pluginAppObj_125 .appear-bottom .back,
|
||||||
|
#iandt_pluginAppObj_125 .appear-left .back,
|
||||||
|
#iandt_pluginAppObj_125 .appear-right .back {
|
||||||
|
background-color: rgba(244, 244, 244, 0.6);
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_125 .front .text-container{
|
||||||
|
width: 170px;
|
||||||
|
height: 170px;
|
||||||
|
max-width: 100%;
|
||||||
|
max-height: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
text-align: center;
|
||||||
|
vertical-align: middle;
|
||||||
|
font-family:Tahoma;font-size:14pt;font-weight: normal;font-style: normal;color:rgba(255, 255, 255, 1);
|
||||||
|
background-image: url('../../pluginAppObj/pluginAppObj_125/Aquadark-Logo_mit_Rahmen.jpg');
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: center;
|
||||||
|
background-size: contain;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_125 .center-all{
|
||||||
|
position: relative;
|
||||||
|
float: left;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_125 .back .text-container{
|
||||||
|
width: 170px;
|
||||||
|
height: 170px;
|
||||||
|
max-width: 100%;
|
||||||
|
max-height: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
text-align: center;
|
||||||
|
vertical-align: middle;
|
||||||
|
font-family: Tahoma;
|
||||||
|
font-size: 14pt;
|
||||||
|
font-weight: normal;
|
||||||
|
font-style: normal;
|
||||||
|
color: rgba(255, 255, 255, 1);
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_125 .back .text-container p{ margin: 10px 5px 0px 5px; }
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_125 .back .text-container .btn{
|
||||||
|
margin: 15px auto;
|
||||||
|
position: relative;
|
||||||
|
display: inline-block;
|
||||||
|
background-color: rgba(67, 67, 67, 1);
|
||||||
|
-webkit-border-top-left-radius: 5px;
|
||||||
|
-webkit-border-top-right-radius: 5px;
|
||||||
|
-webkit-border-bottom-right-radius: 5px;
|
||||||
|
-webkit-border-bottom-left-radius: 5px;
|
||||||
|
-moz-border-radius-topleft: 5px;
|
||||||
|
-moz-border-radius-topright: 5px;
|
||||||
|
-moz-border-radius-bottomright: 5px;
|
||||||
|
-moz-border-radius-bottomleft: 5px;
|
||||||
|
border-top-left-radius: 5px;
|
||||||
|
border-top-right-radius: 5px;
|
||||||
|
border-bottom-right-radius: 5px;
|
||||||
|
border-bottom-left-radius: 5px;
|
||||||
|
font-family: Unica One;
|
||||||
|
font-size: 20pt;
|
||||||
|
font-weight: bold;
|
||||||
|
font-style: normal;
|
||||||
|
color:rgba(244, 244, 244, 1);
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_125 .back-visible .back .btn{
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_125 .back .text-container .btn:hover{
|
||||||
|
background-color:rgb(77,77,77);
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_125 .back .text-container .btn a{
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
text-decoration: none;
|
||||||
|
color: inherit;
|
||||||
|
pointer-events: none;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding-top: 10px;
|
||||||
|
padding-bottom: 10px;
|
||||||
|
padding-left: 10px;
|
||||||
|
padding-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_125 .back-visible .back .text-container .btn a{
|
||||||
|
pointer-events: auto;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Effects! */
|
||||||
|
|
||||||
|
/* NONE */
|
||||||
|
#iandt_pluginAppObj_125 .none .back{
|
||||||
|
display: none;
|
||||||
|
opacity: 0;
|
||||||
|
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_125 .none.back-visible .back{
|
||||||
|
display: block;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* FADE */
|
||||||
|
#iandt_pluginAppObj_125 .fade .back{
|
||||||
|
visibility: hidden;
|
||||||
|
opacity: 0;
|
||||||
|
transition: visibility 0s, opacity 0.5s linear;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_125 .fade.back-visible .back{
|
||||||
|
visibility: visible;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* APPEAR-TOP */
|
||||||
|
#iandt_pluginAppObj_125 .appear-top .back{
|
||||||
|
top: -100%;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_125 .appear-top.back-visible .back{
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
/* APPEAR-BOTTOM */
|
||||||
|
#iandt_pluginAppObj_125 .appear-bottom .back{
|
||||||
|
top: 100%;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_125 .appear-bottom.back-visible .back{
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
/* APPEAR-LEFT */
|
||||||
|
#iandt_pluginAppObj_125 .appear-left .back{
|
||||||
|
left: -100%;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_125 .appear-left.back-visible .back{
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
/* APPEAR-RIGHT */
|
||||||
|
#iandt_pluginAppObj_125 .appear-right .back{
|
||||||
|
left: 100%;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_125 .appear-right.back-visible .back{
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* MOVE-TOP */
|
||||||
|
#iandt_pluginAppObj_125 .move-top .front{
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_125 .move-top.back-visible .front{
|
||||||
|
top: 100%;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_125 .move-top .back{
|
||||||
|
top: -100%;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_125 .move-top.back-visible .back{
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* MOVE-BOTTOM */
|
||||||
|
#iandt_pluginAppObj_125 .move-bottom .front{
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_125 .move-bottom.back-visible .front{
|
||||||
|
top: -100%;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_125 .move-bottom .back{
|
||||||
|
top: 100%;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_125 .move-bottom.back-visible .back{
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* MOVE-LEFT */
|
||||||
|
#iandt_pluginAppObj_125 .move-left .front{
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_125 .move-left.back-visible .front{
|
||||||
|
left: 100%;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_125 .move-left .back{
|
||||||
|
left: -100%;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_125 .move-left.back-visible .back{
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* MOVE-RIGHT */
|
||||||
|
#iandt_pluginAppObj_125 .move-right .front{
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_125 .move-right.back-visible .front{
|
||||||
|
left: -100%;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_125 .move-right .back{
|
||||||
|
left: 100%;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_125 .move-right.back-visible .back{
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* FLIP HORIZONTAL & VERTICAL */
|
||||||
|
#iandt_pluginAppObj_125 .flip-hor,
|
||||||
|
#iandt_pluginAppObj_125 .flip-vert {
|
||||||
|
perspective: 1000px;
|
||||||
|
overflow: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_125 .flip-hor .sides-container,
|
||||||
|
#iandt_pluginAppObj_125 .flip-vert .sides-container{
|
||||||
|
transform-style: preserve-3d;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_125 .flip-hor .side,
|
||||||
|
#iandt_pluginAppObj_125 .flip-vert .side {
|
||||||
|
-webkit-transition: all 500ms ease, width 1ms, height 1ms;
|
||||||
|
-moz-transition: all 500ms ease, width 1ms, height 1ms;
|
||||||
|
-o-transition: all 500ms ease, width 1ms, height 1ms;
|
||||||
|
transition: all 500ms ease, width 1ms, height 1ms;
|
||||||
|
transform-style: preserve-3d;
|
||||||
|
overflow: visible;
|
||||||
|
-webkit-backface-visibility: hidden;
|
||||||
|
-moz-backface-visibility: hidden;
|
||||||
|
-ms-backface-visibility: hidden;
|
||||||
|
backface-visibility: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_125 .flip-hor .front,
|
||||||
|
#iandt_pluginAppObj_125 .flip-vert .front{
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_125 .flip-hor .front{
|
||||||
|
transform: rotateY(0deg);
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_125 .flip-hor .back{
|
||||||
|
transform: rotateY(-180deg);
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_125 .flip-hor.back-visible .front{
|
||||||
|
transform: rotateY(180deg);
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_125 .flip-hor.back-visible .back{
|
||||||
|
transform: rotateY(0deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_125 .flip-vert .front{
|
||||||
|
transform: rotateX(0deg);
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_125 .flip-vert .back{
|
||||||
|
transform: rotateX(-180deg);
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_125 .flip-vert.back-visible .front{
|
||||||
|
transform: rotateX(180deg);
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_125 .flip-vert.back-visible .back{
|
||||||
|
transform: rotateX(0deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ZOOM */
|
||||||
|
#iandt_pluginAppObj_125 .zoom .front img{
|
||||||
|
-webkit-transform: scale(1);
|
||||||
|
-moz-transform: scale(1);
|
||||||
|
-o-transform: scale(1);
|
||||||
|
-ms-transform: scale(1);
|
||||||
|
transform: scale(1);
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_125 .zoom.back-visible .front{
|
||||||
|
-webkit-transform: scale(10);
|
||||||
|
-moz-transform: scale(10);
|
||||||
|
-o-transform: scale(10);
|
||||||
|
-ms-transform: scale(10);
|
||||||
|
transform: scale(10);
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_125 .zoom .back{
|
||||||
|
visibility: hidden;
|
||||||
|
opacity: 0;
|
||||||
|
transition: visibility 0s, opacity 0.5s linear;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_125 .zoom.back-visible .back{
|
||||||
|
visibility: visible;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
|
@ -0,0 +1,57 @@
|
||||||
|
function animatedimage_pluginAppObj_125() {
|
||||||
|
|
||||||
|
//WXPA-897. Control variable if i clicked on mobile the side div
|
||||||
|
var hoverEvent_pluginAppObj_125;
|
||||||
|
|
||||||
|
$(document).ready(function(){
|
||||||
|
//Triggering the back side visibility
|
||||||
|
switch("mouseover"){
|
||||||
|
case "click":
|
||||||
|
$('#iandt_pluginAppObj_125 .wrapper').click( function(){
|
||||||
|
$(this).toggleClass('back-visible');
|
||||||
|
});
|
||||||
|
break;
|
||||||
|
case "timer":
|
||||||
|
setInterval(function() {
|
||||||
|
$('#iandt_pluginAppObj_125 .wrapper').toggleClass('back-visible');
|
||||||
|
},2000);
|
||||||
|
break;
|
||||||
|
case "mouseover":
|
||||||
|
$('#iandt_pluginAppObj_125 .wrapper').hover(function(e){
|
||||||
|
hoverEvent_pluginAppObj_125 = true;
|
||||||
|
$(this).addClass('back-visible');
|
||||||
|
setTimeout(function(){
|
||||||
|
hoverEvent_pluginAppObj_125 = false;
|
||||||
|
}, 100);
|
||||||
|
}, function(){
|
||||||
|
hoverEvent_pluginAppObj_125 = false;
|
||||||
|
$(this).removeClass('back-visible');
|
||||||
|
});
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
|
||||||
|
var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
|
||||||
|
if(isMobile && "move-bottom" == "none"){
|
||||||
|
//WXPA-897. Fix mobile hover/click. I need to manage click only for "none" effect
|
||||||
|
$('#iandt_pluginAppObj_125 .wrapper a').each(function(){
|
||||||
|
// Cache event
|
||||||
|
var existing_event = this.onclick;
|
||||||
|
// Remove the event from the link
|
||||||
|
this.onclick = null;
|
||||||
|
// Add a check in for the class wrapper if present back-visible
|
||||||
|
$(this).click(function(){
|
||||||
|
if(!hoverEvent_pluginAppObj_125 &&
|
||||||
|
$('#iandt_pluginAppObj_125 .wrapper').hasClass('back-visible')) {
|
||||||
|
// Reattach your original onclick
|
||||||
|
if(existing_event) $(this).click(existing_event);
|
||||||
|
}
|
||||||
|
else{
|
||||||
|
hoverEvent_pluginAppObj_125 = false;
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
After Width: | Height: | Size: 28 KiB |
After Width: | Height: | Size: 46 KiB |
|
@ -0,0 +1,364 @@
|
||||||
|
|
||||||
|
|
||||||
|
#pluginAppObj_126{
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
box-sizing: border-box;
|
||||||
|
max-width: 100%;
|
||||||
|
;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_126 {
|
||||||
|
width: 170px;
|
||||||
|
|
||||||
|
|
||||||
|
max-width: 100%;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_126 .wrapper{
|
||||||
|
width: 100%;
|
||||||
|
height: 0px;
|
||||||
|
padding-top: 100%;
|
||||||
|
margin: 0 auto;
|
||||||
|
display: inline-block;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_126 .sides-container{
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_126 .side{
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_126 .side.front{
|
||||||
|
border-top-left-radius: 0px;
|
||||||
|
border-top-right-radius: 0px;
|
||||||
|
border-bottom-right-radius: 0px;
|
||||||
|
border-bottom-left-radius: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_126 .side.back{
|
||||||
|
border-top-left-radius: 0px;
|
||||||
|
border-top-right-radius: 0px;
|
||||||
|
border-bottom-right-radius: 0px;
|
||||||
|
border-bottom-left-radius: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_126 .wrapper:not(.none) .side{
|
||||||
|
-webkit-transition: all 500ms ease;
|
||||||
|
-moz-transition: all 500ms ease;
|
||||||
|
-o-transition: all 500ms ease;
|
||||||
|
transition: all 500ms ease;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_126 .front{
|
||||||
|
cursor: default;
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_126 .back{
|
||||||
|
background-color: rgba(244, 244, 244, 1);
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_126 .none .back,
|
||||||
|
#iandt_pluginAppObj_126 .fade .back,
|
||||||
|
#iandt_pluginAppObj_126 .appear-top .back,
|
||||||
|
#iandt_pluginAppObj_126 .appear-bottom .back,
|
||||||
|
#iandt_pluginAppObj_126 .appear-left .back,
|
||||||
|
#iandt_pluginAppObj_126 .appear-right .back {
|
||||||
|
background-color: rgba(244, 244, 244, 0.6);
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_126 .front .text-container{
|
||||||
|
width: 170px;
|
||||||
|
height: 170px;
|
||||||
|
max-width: 100%;
|
||||||
|
max-height: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
text-align: center;
|
||||||
|
vertical-align: middle;
|
||||||
|
font-family:Tahoma;font-size:14pt;font-weight: normal;font-style: normal;color:rgba(255, 255, 255, 1);
|
||||||
|
background-image: url('../../pluginAppObj/pluginAppObj_126/Pangea-Logo_mit_Rahmen.jpg');
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: center;
|
||||||
|
background-size: contain;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_126 .center-all{
|
||||||
|
position: relative;
|
||||||
|
float: left;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_126 .back .text-container{
|
||||||
|
width: 170px;
|
||||||
|
height: 170px;
|
||||||
|
max-width: 100%;
|
||||||
|
max-height: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
text-align: center;
|
||||||
|
vertical-align: middle;
|
||||||
|
font-family: Tahoma;
|
||||||
|
font-size: 14pt;
|
||||||
|
font-weight: normal;
|
||||||
|
font-style: normal;
|
||||||
|
color: rgba(255, 255, 255, 1);
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_126 .back .text-container p{ margin: 10px 5px 0px 5px; }
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_126 .back .text-container .btn{
|
||||||
|
margin: 15px auto;
|
||||||
|
position: relative;
|
||||||
|
display: inline-block;
|
||||||
|
background-color: rgba(67, 67, 67, 1);
|
||||||
|
-webkit-border-top-left-radius: 5px;
|
||||||
|
-webkit-border-top-right-radius: 5px;
|
||||||
|
-webkit-border-bottom-right-radius: 5px;
|
||||||
|
-webkit-border-bottom-left-radius: 5px;
|
||||||
|
-moz-border-radius-topleft: 5px;
|
||||||
|
-moz-border-radius-topright: 5px;
|
||||||
|
-moz-border-radius-bottomright: 5px;
|
||||||
|
-moz-border-radius-bottomleft: 5px;
|
||||||
|
border-top-left-radius: 5px;
|
||||||
|
border-top-right-radius: 5px;
|
||||||
|
border-bottom-right-radius: 5px;
|
||||||
|
border-bottom-left-radius: 5px;
|
||||||
|
font-family: Unica One;
|
||||||
|
font-size: 20pt;
|
||||||
|
font-weight: bold;
|
||||||
|
font-style: normal;
|
||||||
|
color:rgba(244, 244, 244, 1);
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_126 .back-visible .back .btn{
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_126 .back .text-container .btn:hover{
|
||||||
|
background-color:rgb(77,77,77);
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_126 .back .text-container .btn a{
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
text-decoration: none;
|
||||||
|
color: inherit;
|
||||||
|
pointer-events: none;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding-top: 10px;
|
||||||
|
padding-bottom: 10px;
|
||||||
|
padding-left: 10px;
|
||||||
|
padding-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_126 .back-visible .back .text-container .btn a{
|
||||||
|
pointer-events: auto;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Effects! */
|
||||||
|
|
||||||
|
/* NONE */
|
||||||
|
#iandt_pluginAppObj_126 .none .back{
|
||||||
|
display: none;
|
||||||
|
opacity: 0;
|
||||||
|
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_126 .none.back-visible .back{
|
||||||
|
display: block;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* FADE */
|
||||||
|
#iandt_pluginAppObj_126 .fade .back{
|
||||||
|
visibility: hidden;
|
||||||
|
opacity: 0;
|
||||||
|
transition: visibility 0s, opacity 0.5s linear;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_126 .fade.back-visible .back{
|
||||||
|
visibility: visible;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* APPEAR-TOP */
|
||||||
|
#iandt_pluginAppObj_126 .appear-top .back{
|
||||||
|
top: -100%;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_126 .appear-top.back-visible .back{
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
/* APPEAR-BOTTOM */
|
||||||
|
#iandt_pluginAppObj_126 .appear-bottom .back{
|
||||||
|
top: 100%;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_126 .appear-bottom.back-visible .back{
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
/* APPEAR-LEFT */
|
||||||
|
#iandt_pluginAppObj_126 .appear-left .back{
|
||||||
|
left: -100%;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_126 .appear-left.back-visible .back{
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
/* APPEAR-RIGHT */
|
||||||
|
#iandt_pluginAppObj_126 .appear-right .back{
|
||||||
|
left: 100%;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_126 .appear-right.back-visible .back{
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* MOVE-TOP */
|
||||||
|
#iandt_pluginAppObj_126 .move-top .front{
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_126 .move-top.back-visible .front{
|
||||||
|
top: 100%;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_126 .move-top .back{
|
||||||
|
top: -100%;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_126 .move-top.back-visible .back{
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* MOVE-BOTTOM */
|
||||||
|
#iandt_pluginAppObj_126 .move-bottom .front{
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_126 .move-bottom.back-visible .front{
|
||||||
|
top: -100%;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_126 .move-bottom .back{
|
||||||
|
top: 100%;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_126 .move-bottom.back-visible .back{
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* MOVE-LEFT */
|
||||||
|
#iandt_pluginAppObj_126 .move-left .front{
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_126 .move-left.back-visible .front{
|
||||||
|
left: 100%;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_126 .move-left .back{
|
||||||
|
left: -100%;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_126 .move-left.back-visible .back{
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* MOVE-RIGHT */
|
||||||
|
#iandt_pluginAppObj_126 .move-right .front{
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_126 .move-right.back-visible .front{
|
||||||
|
left: -100%;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_126 .move-right .back{
|
||||||
|
left: 100%;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_126 .move-right.back-visible .back{
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* FLIP HORIZONTAL & VERTICAL */
|
||||||
|
#iandt_pluginAppObj_126 .flip-hor,
|
||||||
|
#iandt_pluginAppObj_126 .flip-vert {
|
||||||
|
perspective: 1000px;
|
||||||
|
overflow: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_126 .flip-hor .sides-container,
|
||||||
|
#iandt_pluginAppObj_126 .flip-vert .sides-container{
|
||||||
|
transform-style: preserve-3d;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_126 .flip-hor .side,
|
||||||
|
#iandt_pluginAppObj_126 .flip-vert .side {
|
||||||
|
-webkit-transition: all 500ms ease, width 1ms, height 1ms;
|
||||||
|
-moz-transition: all 500ms ease, width 1ms, height 1ms;
|
||||||
|
-o-transition: all 500ms ease, width 1ms, height 1ms;
|
||||||
|
transition: all 500ms ease, width 1ms, height 1ms;
|
||||||
|
transform-style: preserve-3d;
|
||||||
|
overflow: visible;
|
||||||
|
-webkit-backface-visibility: hidden;
|
||||||
|
-moz-backface-visibility: hidden;
|
||||||
|
-ms-backface-visibility: hidden;
|
||||||
|
backface-visibility: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_126 .flip-hor .front,
|
||||||
|
#iandt_pluginAppObj_126 .flip-vert .front{
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_126 .flip-hor .front{
|
||||||
|
transform: rotateY(0deg);
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_126 .flip-hor .back{
|
||||||
|
transform: rotateY(-180deg);
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_126 .flip-hor.back-visible .front{
|
||||||
|
transform: rotateY(180deg);
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_126 .flip-hor.back-visible .back{
|
||||||
|
transform: rotateY(0deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
#iandt_pluginAppObj_126 .flip-vert .front{
|
||||||
|
transform: rotateX(0deg);
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_126 .flip-vert .back{
|
||||||
|
transform: rotateX(-180deg);
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_126 .flip-vert.back-visible .front{
|
||||||
|
transform: rotateX(180deg);
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_126 .flip-vert.back-visible .back{
|
||||||
|
transform: rotateX(0deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ZOOM */
|
||||||
|
#iandt_pluginAppObj_126 .zoom .front img{
|
||||||
|
-webkit-transform: scale(1);
|
||||||
|
-moz-transform: scale(1);
|
||||||
|
-o-transform: scale(1);
|
||||||
|
-ms-transform: scale(1);
|
||||||
|
transform: scale(1);
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_126 .zoom.back-visible .front{
|
||||||
|
-webkit-transform: scale(10);
|
||||||
|
-moz-transform: scale(10);
|
||||||
|
-o-transform: scale(10);
|
||||||
|
-ms-transform: scale(10);
|
||||||
|
transform: scale(10);
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_126 .zoom .back{
|
||||||
|
visibility: hidden;
|
||||||
|
opacity: 0;
|
||||||
|
transition: visibility 0s, opacity 0.5s linear;
|
||||||
|
}
|
||||||
|
#iandt_pluginAppObj_126 .zoom.back-visible .back{
|
||||||
|
visibility: visible;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
|
@ -0,0 +1,57 @@
|
||||||
|
function animatedimage_pluginAppObj_126() {
|
||||||
|
|
||||||
|
//WXPA-897. Control variable if i clicked on mobile the side div
|
||||||
|
var hoverEvent_pluginAppObj_126;
|
||||||
|
|
||||||
|
$(document).ready(function(){
|
||||||
|
//Triggering the back side visibility
|
||||||
|
switch("mouseover"){
|
||||||
|
case "click":
|
||||||
|
$('#iandt_pluginAppObj_126 .wrapper').click( function(){
|
||||||
|
$(this).toggleClass('back-visible');
|
||||||
|
});
|
||||||
|
break;
|
||||||
|
case "timer":
|
||||||
|
setInterval(function() {
|
||||||
|
$('#iandt_pluginAppObj_126 .wrapper').toggleClass('back-visible');
|
||||||
|
},2000);
|
||||||
|
break;
|
||||||
|
case "mouseover":
|
||||||
|
$('#iandt_pluginAppObj_126 .wrapper').hover(function(e){
|
||||||
|
hoverEvent_pluginAppObj_126 = true;
|
||||||
|
$(this).addClass('back-visible');
|
||||||
|
setTimeout(function(){
|
||||||
|
hoverEvent_pluginAppObj_126 = false;
|
||||||
|
}, 100);
|
||||||
|
}, function(){
|
||||||
|
hoverEvent_pluginAppObj_126 = false;
|
||||||
|
$(this).removeClass('back-visible');
|
||||||
|
});
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
|
||||||
|
var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
|
||||||
|
if(isMobile && "move-bottom" == "none"){
|
||||||
|
//WXPA-897. Fix mobile hover/click. I need to manage click only for "none" effect
|
||||||
|
$('#iandt_pluginAppObj_126 .wrapper a').each(function(){
|
||||||
|
// Cache event
|
||||||
|
var existing_event = this.onclick;
|
||||||
|
// Remove the event from the link
|
||||||
|
this.onclick = null;
|
||||||
|
// Add a check in for the class wrapper if present back-visible
|
||||||
|
$(this).click(function(){
|
||||||
|
if(!hoverEvent_pluginAppObj_126 &&
|
||||||
|
$('#iandt_pluginAppObj_126 .wrapper').hasClass('back-visible')) {
|
||||||
|
// Reattach your original onclick
|
||||||
|
if(existing_event) $(this).click(existing_event);
|
||||||
|
}
|
||||||
|
else{
|
||||||
|
hoverEvent_pluginAppObj_126 = false;
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
After Width: | Height: | Size: 7.9 KiB |
After Width: | Height: | Size: 5.7 KiB |
After Width: | Height: | Size: 90 KiB |
|
@ -0,0 +1,5 @@
|
||||||
|
{% extends 'partials/base.html.twig' %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
{{ page.content|raw }}
|
||||||
|
{% endblock %}
|
|
@ -0,0 +1,8 @@
|
||||||
|
{% extends 'partials/base.html.twig' %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
<div class="lead text-center">
|
||||||
|
<h1>Fehler!</h1>
|
||||||
|
{{ page.content|raw }}
|
||||||
|
</div>
|
||||||
|
{% endblock %}
|
|
@ -0,0 +1,204 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html prefix="og: http://ogp.me/ns#" lang="{{ html_lang }}" dir="ltr">
|
||||||
|
<head>
|
||||||
|
{% block head %}
|
||||||
|
<title>{% if header.title %}{{ header.title|e }} | {% endif %}{{ site.title|e }}</title>
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<!--[if IE]><meta http-equiv="ImageToolbar" content="False" /><![endif]-->
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta property="og:locale" content="{{ html_lang }}" />
|
||||||
|
<meta property="og:type" content="website" />
|
||||||
|
<meta property="og:url" content="{{ page.url(true)|e }}" />
|
||||||
|
<meta property="og:title" content="Home" />
|
||||||
|
<meta property="og:site_name" content="{{ site.title }}" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
{% include 'partials/metadata.html.twig' %}
|
||||||
|
|
||||||
|
<link rel="icon" type="image/png" href="{{ url('favicon.png')|e }}" />
|
||||||
|
<link rel="canonical" href="{{ page.canonical(true)|e }}" />
|
||||||
|
{% endblock head %}
|
||||||
|
|
||||||
|
{% block stylesheets %}
|
||||||
|
{% do assets.addCss('theme://css/reset.css', 90) %}
|
||||||
|
{% do assets.addCss('theme://fonts/opensans.css', 80) %}
|
||||||
|
{% do assets.addCss('theme://fonts/unicaone.css', 80) %}
|
||||||
|
{% do assets.addCss('theme://fonts/marcellussc.css', 80) %}
|
||||||
|
{% do assets.addCss('theme://css/print.css', {'priority': 70, 'group': 'print'}) %}
|
||||||
|
{% do assets.addCss('theme://css/style.css', 60) %}
|
||||||
|
{% do assets.addCss('theme://css/template.css', 55) %}
|
||||||
|
{% do assets.addCss('theme://css/common.css', 50) %}
|
||||||
|
{% do assets.addCss('theme://pluginAppObj/imFooter_pluginAppObj_03/custom.css', 40) %}
|
||||||
|
{% do assets.addCss('theme://pluginAppObj/imFooter_pluginAppObj_05/custom.css', 40) %}
|
||||||
|
{% endblock %}
|
||||||
|
{% block custom_stylesheets %}{% endblock %}
|
||||||
|
|
||||||
|
{% block javascripts %}
|
||||||
|
{% do assets.addJs('theme://js/jquery.js', 100) %}
|
||||||
|
{% do assets.addJs('theme://js/x5engine.js', 100) %}
|
||||||
|
{% do assets.addJs('theme://pluginAppObj/imFooter_pluginAppObj_03/main.js', 100) %}
|
||||||
|
{% do assets.addJs('theme://pluginAppObj/imFooter_pluginAppObj_05/main.js', 100) %}
|
||||||
|
{% endblock %}
|
||||||
|
{% block custom_scripts %}{% endblock %}
|
||||||
|
|
||||||
|
{% block assets deferred %}
|
||||||
|
{{ assets.css()|raw }}
|
||||||
|
{{ assets.css('print', {'media': 'print'})|raw }}
|
||||||
|
{{ assets.js()|raw }}
|
||||||
|
{% endblock %}
|
||||||
|
|
||||||
|
<script>
|
||||||
|
window.onload = function(){ checkBrowserCompatibility('Der von Ihnen verwendete Browser unterstützt nicht die die Funktionen, die für die Anzeige dieser Website benötigt werden.','Der von Ihnen verwendete Browser unterstützt möglicherweise nicht die die Funktionen, die für die Anzeige dieser Website benötigt werden.','[1]Browser aktualisieren[/1] oder [2]Vorgang fortsetzen[/2].','http://outdatedbrowser.com/'); };
|
||||||
|
x5engine.utils.currentPagePath = 'index.html';
|
||||||
|
x5engine.boot.push(function () { x5engine.utils.imCodeProtection('4Creative'); });
|
||||||
|
x5engine.boot.push(function () { x5engine.parallax.start(); });
|
||||||
|
x5engine.boot.push(function () { x5engine.imPageToTop.initializeButton({}); });
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="imPageExtContainer">
|
||||||
|
<div id="imPageIntContainer">
|
||||||
|
<div id="imHeaderBg"></div>
|
||||||
|
<div id="imFooterBg"></div>
|
||||||
|
<div id="imPage">
|
||||||
|
{% block header %}
|
||||||
|
{% include 'partials/header.html.twig' %}
|
||||||
|
{% endblock %}
|
||||||
|
{% block body %}
|
||||||
|
<div id="imContentGraphics"></div>
|
||||||
|
<main id="imContent">
|
||||||
|
<a id="imGoToCont"></a>
|
||||||
|
{% block content %}{% endblock %}
|
||||||
|
</main>
|
||||||
|
{% endblock %}
|
||||||
|
{% block footer %}
|
||||||
|
<footer id="imFooter">
|
||||||
|
<div id="imFooterObjects">
|
||||||
|
<div id="imFooter_imTextObject_02_wrapper" class="template-object-wrapper">
|
||||||
|
<div id="imFooter_imTextObject_02">
|
||||||
|
<div data-index="0" class="text-tab-content grid-prop current-tab "
|
||||||
|
id="imFooter_imTextObject_02_tab0" style="opacity: 1; ">
|
||||||
|
<div class="text-inner">
|
||||||
|
<div data-line-height="1.15" class="lh1-15 imTARight"><span class="fs14lh1-15 cf1">(c) 2020-{{ "now"|date('Y') }} </span><span class="fs14lh1-15 cf1">by </span><span class="fs14lh1-15 cf1"><b>4Creative</b></span></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="imFooter_pluginAppObj_03_wrapper" class="template-object-wrapper">
|
||||||
|
<!-- Animated Image v.31 -->
|
||||||
|
<div id="imFooter_pluginAppObj_03">
|
||||||
|
<div id="iandt_imFooter_pluginAppObj_03">
|
||||||
|
<div class="wrapper move-bottom">
|
||||||
|
<div class="sides-container">
|
||||||
|
<div class="side front">
|
||||||
|
<div class="text-container">
|
||||||
|
|
||||||
|
<div class='center-all'></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="side back">
|
||||||
|
<div class="text-container">
|
||||||
|
<div class="center-all">
|
||||||
|
<script>
|
||||||
|
function decode_html(encoded, newlineTag) {
|
||||||
|
encoded = replaceAll("&gt;", ">", encoded);
|
||||||
|
encoded = replaceAll("&lt;", "<", encoded);
|
||||||
|
encoded = replaceAll(""", "\"", encoded);
|
||||||
|
encoded = replaceAll("&", "&", encoded);
|
||||||
|
encoded = replaceAll("<br />", "", encoded);
|
||||||
|
return encoded;
|
||||||
|
}
|
||||||
|
function replaceAll(find, replace, str) {
|
||||||
|
return str.replace(new RegExp(find, 'g'), replace);
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<div id="imFooter_pluginAppObj_03_link_btn" class='btn'>
|
||||||
|
<script>$('#imFooter_pluginAppObj_03_link_btn').append(decode_html("&lt;a href="http://discord.gg/ZfPtWAr" target="_blank" onmouseover="x5engine.imTip.Show(this, { text: \'Link zu unserem Discord Kanal (Einladung)\', width: 180});"&gt;Unser Discord Kanal&lt;/a&gt;"));</script>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<script>
|
||||||
|
animatedimage_imFooter_pluginAppObj_03();
|
||||||
|
</script>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="imFooter_imObjectImage_04_wrapper" class="template-object-wrapper">
|
||||||
|
<div id="imFooter_imObjectImage_04">
|
||||||
|
<div id="imFooter_imObjectImage_04_container">4Creative Logo</div>
|
||||||
|
</div>
|
||||||
|
<script>
|
||||||
|
x5engine.boot.push(function () {
|
||||||
|
$('#imFooter_imObjectImage_04').addClass('imlazyloading').trigger('imLazyLoadingStart');
|
||||||
|
new x5engine.mediaObject({
|
||||||
|
'url': '211206165160216183098117154166151148224212215151098171228213210167160207168205163128156150165194170125133178160154',
|
||||||
|
'protect': true,
|
||||||
|
'load': function (o) {
|
||||||
|
$('#imFooter_imObjectImage_04_container').html($(o.DOMObject()).css({ 'position': 'relative', 'left': 0, 'top': 0 }));
|
||||||
|
$('#imFooter_imObjectImage_04').trigger('imLazyLoadingEnd');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</div>
|
||||||
|
<div id="imFooter_pluginAppObj_05_wrapper" class="template-object-wrapper">
|
||||||
|
<!-- Animated Image v.31 -->
|
||||||
|
<div id="imFooter_pluginAppObj_05">
|
||||||
|
<div id="iandt_imFooter_pluginAppObj_05">
|
||||||
|
<div class="wrapper flip-vert">
|
||||||
|
<div class="sides-container">
|
||||||
|
<div class="side front">
|
||||||
|
<div class="text-container">
|
||||||
|
|
||||||
|
<div class='center-all'></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="side back">
|
||||||
|
<div class="text-container">
|
||||||
|
<div class="center-all">
|
||||||
|
<script>
|
||||||
|
function decode_html(encoded, newlineTag) {
|
||||||
|
encoded = replaceAll("&gt;", ">", encoded);
|
||||||
|
encoded = replaceAll("&lt;", "<", encoded);
|
||||||
|
encoded = replaceAll(""", "\"", encoded);
|
||||||
|
encoded = replaceAll("&", "&", encoded);
|
||||||
|
encoded = replaceAll("<br />", "", encoded);
|
||||||
|
return encoded;
|
||||||
|
}
|
||||||
|
function replaceAll(find, replace, str) {
|
||||||
|
return str.replace(new RegExp(find, 'g'), replace);
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<div id="imFooter_pluginAppObj_05_link_btn" class='btn'>
|
||||||
|
<script>$('#imFooter_pluginAppObj_05_link_btn').append(decode_html("&lt;a href="http://discord.gg/ZfPtWAr" onclick="return x5engine.imShowBox({ media:[{type: \'iframe\', url: \'http://discord.gg/ZfPtWAr\', width: 1920, height: 1080, description: \'\'}]}, 0, this);"&gt;Unser Discord Kanal&lt;/a&gt;"));</script>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<script>
|
||||||
|
animatedimage_imFooter_pluginAppObj_05();
|
||||||
|
</script>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
{% endblock %}
|
||||||
|
</div>
|
||||||
|
<span class="imHidden"><a href="#imGoToCont" title="Lesen Sie den Inhalt der Seite noch einmal durch">Zurück zum Seiteninhalt</a></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<noscript class="imNoScript">
|
||||||
|
<div class="alert alert-red">Um diese Website nutzen zu können, aktivieren Sie bitte JavaScript.</div>
|
||||||
|
</noscript>
|
||||||
|
|
||||||
|
{% block bottom %}
|
||||||
|
{{ assets.js('bottom')|raw }}
|
||||||
|
{% endblock %}
|
||||||
|
</body>
|
||||||
|
</html>
|