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-colvib-light
- kt-colvib
- kt-colvib-dark
- 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
- kt-col3-lightest
- kt-col3-lighter
- kt-col3-light
- kt-col3
- kt-col3-dark
- kt-col3-darker
- kt-col3-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
Heading 1 Strong
Heading 2 Strong
Heading 3 Strong
Heading 4 Strong
Paragraph: 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 '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
kbox Head
kbox -light
Heading 1 Strong
Heading 2 Strong
Heading 3 Strong
Heading 4 Strong
Paragraph: 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 Mid
Heading 1 Strong
Heading 2 Strong
Heading 3 Strong
Heading 4 Strong
Paragraph: 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 -dark
Heading 1 Strong
Heading 2 Strong
Heading 3 Strong
Heading 4 Strong
Paragraph: 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 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.
www
up
subtractarea
subtract
search
refresh
reception
play
phone
pause
page
nextlevel
mobile
login
list
info
forward
favourite
error
draw
down
deletearea
compass
close
bed
bath
basket
back
addarea
add
home
google-plus
feed