We use cookies to offer the best possible user experience on our website. We also use third-party cookies, to deliver personalised advertisement messages. By using our website you agree, that cookies can be saved on your device. Further information on the cookies used and on how to disable them can be found here.
 
 

Styleguide

Headings

.t1 Headline

.t2 Headline

.t3 Headline

.t4 Headline

.t5 Headline
.t6 Headline

.t1i Headline

.t2i Headline

.t3i Headline

.t4i Headline

.t5i Headline
.t6i Headline
 

Default Text

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis.

.defaulti Default Text

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis.

<small> or .small Default Text

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis.

.medium1 Default Text

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis.

.medium1i Default Text

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis.

.large1 Default Text

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis.

.large1i Default Text

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis.

<a> Link

Link
Link - hover

<a class="back"> Back-Link

Back to list
Back to list - hover

<ul><li>..</li></ul> Unordered List

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Facilisis in pretium nisl aliquet
    • Phasellus iaculis neque
    • Purus sodales ultricies
    • Vestibulum laoreet porttitor sem
    • Ac tristique libero volutpat at
  • Integer molestie lorem at massa

<ol><li>..</li></ol> Ordered List

  1. Lorem ipsum dolor sit amet
  2. Consectetur adipiscing elit
  3. Facilisis in pretium nisl aliquet
  4. Integer molestie lorem at massa

<ul class="icon1"><li>..</li></ul> Unordered List with icon

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Facilisis in pretium nisl aliquet
  • Integer molestie lorem at massa

<table>..</table> Table

Caption
# Column1 Column2 Column3
- - - -
1 Lorem ipsum dolor sit amet dolor
2 Consectetur adipiscing elit integer

<a class="button1">..</a> (.small, .big) Button 1

Small Default Big

Small Default Big

<a class="button2">..</a> (.small, .big) Button 2

Small Default Big

Small Default Big

.icon-prev, icon-next, icon-up, icon-down (with hover .iconhover)

.icon-prev, icon-next, icon-up, icon-down (with background .bgicon and hover .iconhover)


Background Colors

bgcolor
hover/activebg
description
background website (.bgweb)
background header (.bgheader)
background header 2 (.bgheader2)
background mobile (.bgmobile)
background lists (.bglist)
background teaser (.bgteaser)
background list alternate (.bglistalternate)
background teaser alternate (.bgteaseralternate)
background bars, filter ecc.. (.bgbar)
background highlight (.bghighlight)
background gallery box (.bggallerybox)
background gallery gradient top (.bggallerygradienttop)
background gallery gradient top bottom (.bggallerygradienttopbottom)
background gallery gradient radius (.bggallerygradientradius)
background gallery gradient radius inverse (.bggallerygradientradiusi)
 

.points1v, points1h (.active) Points 1

  • 1
  • 2
  • 3
  • 1
  • 2
  • 3
 

.points2v, points2h (.active) Points 2

  • 1
  • 2
  • 3
  • 1
  • 2
  • 3
 

.points3v, points3h (.active) Points 3

  • 1
  • 2
  • 3
  • 1
  • 2
  • 3
 

.tab1 (.active) Tab 1

Tab
Tab active

.tab2 (> .active) Tab 2

TITEL/ÜBERSCHRIFT TAB 1
TITEL/ÜBERSCHRIFT TAB 2
TITEL/ÜBERSCHRIFT TAB 3

.tab3 (.active) Tab 3

Tab
Tab active (.arrowtop)
Tab active (.arrowbottom)

.paging1 Paging 1

1 2 3 4 5

.paging2 Paging 2

1 2 3 4 5

.paging3 Paging 3

1 2 3 4 5

.paging4 Paging 4

.paging5 Paging 5

1 2 3 4 5

Default Iconset

icon-nexticon-previcon-upicon-down
 
icon-callsignicon-callsign-roundicon-callsign-round-invicon-enlarge
 
icon-decreaseicon-crossicon-cross-roundicon-cross-round-inv
 
icon-plusicon-plus-roundicon-plus-round-invicon-minus
 
icon-minus-roundicon-minus-round-invicon-searchicon-travel-children
 
icon-add-roomicon-remove-roomicon-complete-dataicon-pencil
 
icon-pencil2icon-phoneicon-emailicon-check
 
icon-check-roundicon-check-round-invicon-360icon-map
 
icon-openfoldericon-banicon-spinnericon-menu
 
icon-basketicon-clipboardicon-dividericon-facebook
 
icon-twittericon-googleplusicon-youtubeicon-pinterest
 
icon-instagramicon-location


Default Form Iconset

icon-checkboxicon-checkbox-checkedicon-checkbox-disabledicon-radio
 
icon-radio-checkedicon-radio-disabledicon-radio-checkeddisabledicon-calendar
 
 
 
Contacts
Newsletter
Stay updated! Don't miss out on all the interesting news about MYGekko
 
contact usinfo@my-gekko.com
contact myGEKKO | Ekon GmbH
 
myGEKKO | Ekon GmbH St. Lorenznerstraße, 2
39031 Brunico
BZ - Italy
tel +39 0474 551 820
my-gekkoinfocom
contact myGEKKO | EKON Vertriebs GmbH
 
myGEKKO | EKON Vertriebs GmbH Fürstenrieder Straße 279a
81377 Munich
Germany
tel +49 8921 5470711