Initial commit

main
Anonymous Contributor 2023-09-02 13:11:48 +02:00
commit 595b4812e5
104 changed files with 23077 additions and 0 deletions

5
CHANGELOG.md Normal file
View File

@ -0,0 +1,5 @@
# v0.1.0
## 06/26/2023
1. [](#new)
* ChangeLog started...

21
LICENSE Normal file
View File

@ -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.

7
README.md Normal file
View File

@ -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

27
blueprints.yaml Normal file
View File

@ -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

1131
css/common.css Normal file

File diff suppressed because it is too large Load Diff

743
css/index.css Normal file
View File

@ -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%;}
}

93
css/infos-regionen.css Normal file

File diff suppressed because one or more lines are too long

16
css/print.css Normal file
View File

@ -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;}

21
css/reset.css Normal file
View File

@ -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;}

409
css/style.css Normal file
View File

@ -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); } }

87
css/template.css Normal file
View File

@ -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; }
}

217
css/text.css Normal file
View File

@ -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;
}

BIN
css_old/4C-weiss.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 542 B

1131
css_old/common.css Normal file

File diff suppressed because it is too large Load Diff

175
css_old/custom.css Normal file
View File

@ -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';
}

1886
css_old/index.css Normal file

File diff suppressed because it is too large Load Diff

1232
css_old/infos-regionen.css Normal file

File diff suppressed because one or more lines are too long

BIN
css_old/page-to-top.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 642 B

16
css_old/print.css Normal file
View File

@ -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;}

21
css_old/reset.css Normal file
View File

@ -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;}

409
css_old/style.css Normal file
View File

@ -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); } }

87
css_old/template.css Normal file
View File

@ -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; }
}

1361
css_old/text.css Normal file

File diff suppressed because it is too large Load Diff

View File

@ -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.

View File

@ -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.

View File

@ -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.

Binary file not shown.

Binary file not shown.

Binary file not shown.

BIN
fonts/UnicaOne-latin.woff2 Normal file

Binary file not shown.

18
fonts/marcellussc.css Normal file
View File

@ -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;
}

320
fonts/opensans.css Normal file
View File

@ -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;
}

18
fonts/unicaone.css Normal file
View File

@ -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;
}

9
four-creative.php Normal file
View File

@ -0,0 +1,9 @@
<?php
namespace Grav\Theme;
use Grav\Common\Theme;
class FourCreative extends Theme
{
// Access plugin events in this class
}

3
four-creative.yaml Normal file
View File

@ -0,0 +1,3 @@
enabled: true
dropdown:
enabled: true

BIN
images/4creative-logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 44 KiB

358
index.html.twig Normal file
View File

@ -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("&amp;gt;", ">", encoded);
encoded = replaceAll("&amp;lt;", "<", encoded);
encoded = replaceAll("&quot;", "\"", encoded);
encoded = replaceAll("&amp;", "&", encoded);
encoded = replaceAll("&lt;br /&gt;", "", 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("&amp;lt;a href=&quot;http://aquadark.de&quot; target=&quot;_blank&quot;&amp;gt;Zur Webseite&amp;lt;/a&amp;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("&amp;gt;", ">", encoded);
encoded = replaceAll("&amp;lt;", "<", encoded);
encoded = replaceAll("&quot;", "\"", encoded);
encoded = replaceAll("&amp;", "&", encoded);
encoded = replaceAll("&lt;br /&gt;", "", 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("&amp;gt;", ">", encoded);
encoded = replaceAll("&amp;lt;", "<", encoded);
encoded = replaceAll("&quot;", "\"", encoded);
encoded = replaceAll("&amp;", "&", encoded);
encoded = replaceAll("&lt;br /&gt;", "", 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("&amp;lt;a href=&quot;http://free-souls.de&quot; target=&quot;_blank&quot;&amp;gt;Zur Webseite&amp;lt;/a&amp;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
&amp; 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("&amp;gt;", ">", encoded);
encoded = replaceAll("&amp;lt;", "<", encoded);
encoded = replaceAll("&quot;", "\"", encoded);
encoded = replaceAll("&amp;", "&", encoded);
encoded = replaceAll("&lt;br /&gt;", "", 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("&amp;lt;a href=&quot;http://pangea.myftp.org&quot; target=&quot;_blank&quot;&amp;gt;Zur Webseite&amp;lt;/a&amp;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>

470
infos-regionen.html.twig Normal file
View File

@ -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>

2
js/jquery.js vendored Normal file

File diff suppressed because one or more lines are too long

9516
js/x5cartengine.min.js vendored Normal file

File diff suppressed because it is too large Load Diff

2
js/x5engine.js Normal file

File diff suppressed because one or more lines are too long

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

View File

@ -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;
}

View File

@ -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;
}
});
});
}
});
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

View File

@ -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;
}

View File

@ -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;
}
});
});
}
});
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 46 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.7 KiB

View File

@ -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;
}

View File

@ -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;
}
});
});
}
});
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.7 KiB

View File

@ -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;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.0 KiB

View File

@ -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;
}
});
});
}
});
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

View File

@ -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;
}

View File

@ -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;
}
});
});
}
});
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 46 KiB

View File

@ -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;
}

View File

@ -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;
}
});
});
}
});
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.7 KiB

BIN
screenshot.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 90 KiB

View File

@ -0,0 +1,5 @@
{% extends 'partials/base.html.twig' %}
{% block content %}
{{ page.content|raw }}
{% endblock %}

View File

@ -0,0 +1,8 @@
{% extends 'partials/base.html.twig' %}
{% block content %}
<div class="lead text-center">
<h1>Fehler!</h1>
{{ page.content|raw }}
</div>
{% endblock %}

View File

@ -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') }} &nbsp;</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("&amp;gt;", ">", encoded);
encoded = replaceAll("&amp;lt;", "<", encoded);
encoded = replaceAll("&quot;", "\"", encoded);
encoded = replaceAll("&amp;", "&", encoded);
encoded = replaceAll("&lt;br /&gt;", "", 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("&amp;lt;a href=&quot;http://discord.gg/ZfPtWAr&quot; target=&quot;_blank&quot; onmouseover=&quot;x5engine.imTip.Show(this, { text: \'Link zu unserem Discord Kanal (Einladung)\', width: 180});&quot;&amp;gt;Unser Discord Kanal&amp;lt;/a&amp;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("&amp;gt;", ">", encoded);
encoded = replaceAll("&amp;lt;", "<", encoded);
encoded = replaceAll("&quot;", "\"", encoded);
encoded = replaceAll("&amp;", "&", encoded);
encoded = replaceAll("&lt;br /&gt;", "", 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("&amp;lt;a href=&quot;http://discord.gg/ZfPtWAr&quot; onclick=&quot;return x5engine.imShowBox({ media:[{type: \'iframe\', url: \'http://discord.gg/ZfPtWAr\', width: 1920, height: 1080, description: \'\'}]}, 0, this);&quot;&amp;gt;Unser Discord Kanal&amp;lt;/a&amp;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>

Some files were not shown because too many files have changed in this diff Show More