Kui Test Page
This page shows the result of style sheet settings on various theme elements.
Grid
1
2
3
4
5
6
7
8
9
10
11
12
.kt-col
- Theme Colours
- kt-vib-lightest
- kt-vib-lighter
- kt-vib-light
- kt-vib
- kt-vib-dark
- kt-vib-darker
- kt-vib-darkest
- kt-col1-lightest
- kt-col1-lighter
- kt-col1-light
- kt-col1
- kt-col1-dark
- kt-col1-darker
- kt-col1-darkest
- kt-col2-lightest
- kt-col2-lighter
- kt-col2-light
- kt-col2
- kt-col2-dark
- kt-col2-darker
- kt-col2-darkest
- Base Colours
- kt-col-white
- kt-col-neutral-light
- kt-col-neutral
- kt-col-neutral-dark
- kt-col-black
- kt-col-warning-light
- kt-col-warning
- kt-col-warning-dark
- kt-col-alert-light
- kt-col-alert
- kt-col-alert-dark
- kt-col-info-light
- kt-col-info
- kt-col-info-dark
- kt-col-success-light
- kt-col-success
- kt-col-success-dark
.ktfont
Headings and Text
H1 Heading strong
H2 Heading strong
H3 Heading strong
H4 Heading strong
Paragraph: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Paragraph with class 'large': Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Paragraph with class 'small': Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Blockquote: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.Cite: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
.kbox
Vib background
Lightest
H1
H2
H3
H4
Paragraph: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lighter
H1
H2
H3
H4
Paragraph: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Light
H1
H2
H3
H4
Paragraph: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
H1
H2
H3
H4
Paragraph: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Dark
H1
H2
H3
H4
Paragraph: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Darker
H1
H2
H3
H4
Paragraph: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Col1 background
Lightest
H1
H2
H3
H4
Paragraph: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lighter
H1
H2
H3
H4
Paragraph: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Light
H1
H2
H3
H4
Paragraph: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
H1
H2
H3
H4
Paragraph: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Dark
H1
H2
H3
H4
Paragraph: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Darker
H1
H2
H3
H4
Paragraph: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Col2 background
Lightest
H1
H2
H3
H4
Paragraph: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lighter
H1
H2
H3
H4
Paragraph: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Light
H1
H2
H3
H4
Paragraph: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
H1
H2
H3
H4
Paragraph: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Dark
H1
H2
H3
H4
Paragraph: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Darker
H1
H2
H3
H4
Paragraph: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
kbox Call To Action
alert-box warning
×alert-box success
×alert-box info
×alert-box alert
×alert-box secondary
×.button
Buttons Sets
.klist
Base
- List item 1 is a longer item to test text wrap
- List item 2 is a longer item to test text wrap
Bullet
- List item 1 is a longer item to test text wrap
- List item 2 is a longer item to test text wrap
Bullet -light
- List item 1
- List item 2
Bullet Round
- List item 1
- List item 2
Bullet Large
- List item 1
- List item 2
Bullet Arrow
- List item 1
- List item 2
Bullet Arrow Right
- List item 1
- List item 2
Blocklist
- List item 1
- List item 2
.kicon
Note: not all icons will be provided for every website.