diff --git a/dist/images/bg-black.png b/dist/images/bg-blue-black.png
similarity index 100%
rename from dist/images/bg-black.png
rename to dist/images/bg-blue-black.png
diff --git a/dist/images/bg.png b/dist/images/bg-blue-white.png
similarity index 100%
rename from dist/images/bg.png
rename to dist/images/bg-blue-white.png
diff --git a/dist/images/bg-cyan-black.png b/dist/images/bg-cyan-black.png
new file mode 100644
index 0000000..12db210
Binary files /dev/null and b/dist/images/bg-cyan-black.png differ
diff --git a/dist/images/bg-cyan-white.png b/dist/images/bg-cyan-white.png
new file mode 100644
index 0000000..41ce181
Binary files /dev/null and b/dist/images/bg-cyan-white.png differ
diff --git a/dist/images/bg-green-black.png b/dist/images/bg-green-black.png
new file mode 100644
index 0000000..2f83f3c
Binary files /dev/null and b/dist/images/bg-green-black.png differ
diff --git a/dist/images/bg-green-white.png b/dist/images/bg-green-white.png
new file mode 100644
index 0000000..85cd3f9
Binary files /dev/null and b/dist/images/bg-green-white.png differ
diff --git a/dist/images/bg-purple-black.png b/dist/images/bg-purple-black.png
new file mode 100644
index 0000000..240217f
Binary files /dev/null and b/dist/images/bg-purple-black.png differ
diff --git a/dist/images/bg-purple-white.png b/dist/images/bg-purple-white.png
new file mode 100644
index 0000000..5ae0ca2
Binary files /dev/null and b/dist/images/bg-purple-white.png differ
diff --git a/dist/images/bg-red-black.png b/dist/images/bg-red-black.png
new file mode 100644
index 0000000..dc2c0be
Binary files /dev/null and b/dist/images/bg-red-black.png differ
diff --git a/dist/images/bg-red-white.png b/dist/images/bg-red-white.png
new file mode 100644
index 0000000..4470d9b
Binary files /dev/null and b/dist/images/bg-red-white.png differ
diff --git a/dist/images/bg-yellow-black.png b/dist/images/bg-yellow-black.png
new file mode 100644
index 0000000..ace85f9
Binary files /dev/null and b/dist/images/bg-yellow-black.png differ
diff --git a/dist/images/bg-yellow-white.png b/dist/images/bg-yellow-white.png
new file mode 100644
index 0000000..457edd3
Binary files /dev/null and b/dist/images/bg-yellow-white.png differ
diff --git a/dist/tuicss.css b/dist/tuicss.css
index b1a65c5..bc93452 100644
--- a/dist/tuicss.css
+++ b/dist/tuicss.css
@@ -1,4 +1,587 @@
@charset "UTF-8";
+/* Styles */
+/* Font (Options: 'Lucida Console' or 'DOS') */
+/* Characters */
+/* Theme */
+/* Responsive */
+/* Scrool */
+/* Grid */
+@font-face {
+ font-family: 'DOS';
+ src: url("./fonts/Perfect DOS VGA 437 Win.ttf"); }
+
+/* Global Definitions */
+html {
+ font-family: "Lucida Console", "monospace";
+ font-size: 18px;
+ box-sizing: border-box; }
+
+body {
+ margin: 0px; }
+
+*, *:before, *:after {
+ font-family: inherit;
+ font-size: inherit;
+ box-sizing: inherit; }
+
+ul {
+ margin: 0px;
+ padding: 0px;
+ list-style-type: none; }
+
+ul li {
+ list-style-type: none; }
+
+ul li a {
+ display: block; }
+
+a {
+ color: inherit;
+ text-decoration: none; }
+
+span {
+ margin: 0px; }
+
+hr {
+ border: none;
+ border-bottom: 2px solid white; }
+
+input, select, textarea {
+ width: 200px; }
+
+/* Font (Options: 'Lucida Console' or 'DOS') */
+/* Characters */
+/* Theme */
+/* Responsive */
+/* Scrool */
+/* Grid */
+/* Theme */
+.primary {
+ background-color: white; }
+
+.primary-text {
+ color: white; }
+
+.primary-border {
+ border-color: white; }
+
+.primary-hover:hover {
+ background-color: white; }
+
+.primary-text-hover:hover {
+ color: white; }
+
+.primary-border-hover:hover {
+ border-color: white; }
+
+.secondary {
+ background-color: #0000a8; }
+
+.secondary-text {
+ color: #0000a8; }
+
+.secondary-border {
+ border-color: #0000a8; }
+
+.secondary-hover:hover {
+ background-color: #0000a8; }
+
+.secondary-text-hover:hover {
+ color: #0000a8; }
+
+.secondary-border-hover:hover {
+ border-color: #0000a8; }
+
+.success {
+ background-color: #00a800; }
+
+.success-text {
+ color: #00a800; }
+
+.success-border {
+ border-color: #00a800; }
+
+.success-hover:hover {
+ background-color: #00a800; }
+
+.success-text-hover:hover {
+ color: #00a800; }
+
+.success-border-hover:hover {
+ border-color: #00a800; }
+
+.danger {
+ background-color: #a80000; }
+
+.danger-text {
+ color: #a80000; }
+
+.danger-border {
+ border-color: #a80000; }
+
+.danger-hover:hover {
+ background-color: #a80000; }
+
+.danger-text-hover:hover {
+ color: #a80000; }
+
+.danger-border-hover:hover {
+ border-color: #a80000; }
+
+.warning {
+ background-color: #a8a800; }
+
+.warning-text {
+ color: #a8a800; }
+
+.warning-border {
+ border-color: #a8a800; }
+
+.warning-hover:hover {
+ background-color: #a8a800; }
+
+.warning-text-hover:hover {
+ color: #a8a800; }
+
+.warning-border-hover:hover {
+ border-color: #a8a800; }
+
+.info {
+ background-color: #00a8a8; }
+
+.info-text {
+ color: #00a8a8; }
+
+.info-border {
+ border-color: #00a8a8; }
+
+.info-hover:hover {
+ background-color: #00a8a8; }
+
+.info-text-hover:hover {
+ color: #00a8a8; }
+
+.info-border-hover:hover {
+ border-color: #00a8a8; }
+
+/* 168 */
+.black-168 {
+ background-color: black !important; }
+
+.blue-168 {
+ background-color: #0000a8 !important; }
+
+.green-168 {
+ background-color: #00a800 !important; }
+
+.cyan-168 {
+ background-color: #00a8a8 !important; }
+
+.red-168 {
+ background-color: #a80000 !important; }
+
+.purple-168 {
+ background-color: #a800a8 !important; }
+
+.yellow-168 {
+ background-color: #a8a800 !important; }
+
+.white-168 {
+ background-color: #a8a8a8 !important; }
+
+.orange-168 {
+ background-color: #a85600 !important; }
+
+.black-168-text {
+ color: black !important; }
+
+.blue-168-text {
+ color: #0000a8 !important; }
+
+.green-168-text {
+ color: #00a800 !important; }
+
+.cyan-168-text {
+ color: #00a8a8 !important; }
+
+.red-168-text {
+ color: #a80000 !important; }
+
+.purple-168-text {
+ color: #a800a8 !important; }
+
+.yellow-168-text {
+ color: #a8a800 !important; }
+
+.white-168-text {
+ color: #a8a8a8 !important; }
+
+.orange-168-text {
+ color: #a85600 !important; }
+
+.black-168-border {
+ border-color: black !important; }
+
+.blue-168-border {
+ border-color: #0000a8 !important; }
+
+.green-168-border {
+ border-color: #00a800 !important; }
+
+.cyan-168-border {
+ border-color: #00a8a8 !important; }
+
+.red-168-border {
+ border-color: #a80000 !important; }
+
+.purple-168-border {
+ border-color: #a800a8 !important; }
+
+.yellow-168-border {
+ border-color: #a8a800 !important; }
+
+.white-168-border {
+ border-color: #a8a8a8 !important; }
+
+.orange-168-border {
+ border-color: #a85600 !important; }
+
+.black-168-hover:hover {
+ background-color: black !important; }
+
+.blue-168-hover:hover {
+ background-color: #0000a8 !important; }
+
+.green-168-hover:hover {
+ background-color: #00a800 !important; }
+
+.cyan-168-hover:hover {
+ background-color: #00a8a8 !important; }
+
+.red-168-hover:hover {
+ background-color: #a80000 !important; }
+
+.purple-168-hover:hover {
+ background-color: #a800a8 !important; }
+
+.yellow-168-hover:hover {
+ background-color: #a8a800 !important; }
+
+.white-168-hover:hover {
+ background-color: #a8a8a8 !important; }
+
+.orange-168-hover:hover {
+ background-color: #a85600 !important; }
+
+.black-168-text-hover:hover {
+ color: black !important; }
+
+.blue-168-text-hover:hover {
+ color: #0000a8 !important; }
+
+.green-168-text-hover:hover {
+ color: #00a800 !important; }
+
+.cyan-168-text-hover:hover {
+ color: #00a8a8 !important; }
+
+.red-168-text-hover:hover {
+ color: #a80000 !important; }
+
+.purple-168-text-hover:hover {
+ color: #a800a8 !important; }
+
+.yellow-168-text-hover:hover {
+ color: #a8a800 !important; }
+
+.white-168-text-hover:hover {
+ color: #a8a8a8 !important; }
+
+.orange-168-text-hover:hover {
+ color: #a85600 !important; }
+
+.black-168-border-hover:hover {
+ border-color: black !important; }
+
+.blue-168-border-hover:hover {
+ border-color: #0000a8 !important; }
+
+.green-168-border-hover:hover {
+ border-color: #00a800 !important; }
+
+.cyan-168-border-hover:hover {
+ border-color: #00a8a8 !important; }
+
+.red-168-border-hover:hover {
+ border-color: #a80000 !important; }
+
+.purple-168-border-hover:hover {
+ border-color: #a800a8 !important; }
+
+.yellow-168-border-hover:hover {
+ border-color: #a8a800 !important; }
+
+.white-168-border-hover:hover {
+ border-color: #a8a8a8 !important; }
+
+.orange-168-border-hover:hover {
+ border-color: #a85600 !important; }
+
+/* 255 */
+.black-255 {
+ background-color: black !important; }
+
+.blue-255 {
+ background-color: blue !important; }
+
+.green-255 {
+ background-color: lime !important; }
+
+.cyan-255 {
+ background-color: cyan !important; }
+
+.red-255 {
+ background-color: red !important; }
+
+.purple-255 {
+ background-color: magenta !important; }
+
+.yellow-255 {
+ background-color: yellow !important; }
+
+.white-255 {
+ background-color: white !important; }
+
+.black-255-text {
+ color: black !important; }
+
+.blue-255-text {
+ color: blue !important; }
+
+.green-255-text {
+ color: lime !important; }
+
+.cyan-255-text {
+ color: cyan !important; }
+
+.red-255-text {
+ color: red !important; }
+
+.purple-255-text {
+ color: magenta !important; }
+
+.yellow-255-text {
+ color: yellow !important; }
+
+.white-255-text {
+ color: white !important; }
+
+.black-255-border {
+ border-color: black !important; }
+
+.blue-255-border {
+ border-color: blue !important; }
+
+.green-255-border {
+ border-color: lime !important; }
+
+.cyan-255-border {
+ border-color: cyan !important; }
+
+.red-255-border {
+ border-color: red !important; }
+
+.purple-255-border {
+ border-color: magenta !important; }
+
+.yellow-255-border {
+ border-color: yellow !important; }
+
+.white-255-border {
+ border-color: white !important; }
+
+.black-255-hover:hover {
+ background-color: black !important; }
+
+.blue-255-hover:hover {
+ background-color: blue !important; }
+
+.green-255-hover:hover {
+ background-color: lime !important; }
+
+.cyan-255-hover:hover {
+ background-color: cyan !important; }
+
+.red-255-hover:hover {
+ background-color: red !important; }
+
+.purple-255-hover:hover {
+ background-color: magenta !important; }
+
+.yellow-255-hover:hover {
+ background-color: yellow !important; }
+
+.white-255-hover:hover {
+ background-color: white !important; }
+
+.black-255-text-hover:hover {
+ color: black !important; }
+
+.blue-255-text-hover:hover {
+ color: blue !important; }
+
+.green-255-text-hover:hover {
+ color: lime !important; }
+
+.cyan-255-text-hover:hover {
+ color: cyan !important; }
+
+.red-255-text-hover:hover {
+ color: red !important; }
+
+.purple-text-255-hover:hover {
+ color: magenta !important; }
+
+.yellow-text-255-hover:hover {
+ color: yellow !important; }
+
+.white-text-255-hover:hover {
+ color: white !important; }
+
+.black-255-border-hover:hover {
+ border-color: black !important; }
+
+.blue-255-border-hover:hover {
+ border-color: blue !important; }
+
+.green-255-border-hover:hover {
+ border-color: lime !important; }
+
+.cyan-255-border-hover:hover {
+ border-color: cyan !important; }
+
+.red-255-border-hover:hover {
+ border-color: red !important; }
+
+.purple-255-border-hover:hover {
+ border-color: magenta !important; }
+
+.yellow-255-border-hover:hover {
+ border-color: yellow !important; }
+
+.white-255-border-hover:hover {
+ border-color: white !important; }
+
+/* Misc */
+.black {
+ background-color: black !important; }
+
+.black-text {
+ color: black !important; }
+
+.black-border {
+ border-color: black !important; }
+
+.black-hover:hover {
+ background-color: black !important; }
+
+.black-text-hover:hover {
+ color: black !important; }
+
+.black-border-hover:hover {
+ border-color: black !important; }
+
+.white {
+ background-color: white !important; }
+
+.white-text {
+ color: white !important; }
+
+.white-border {
+ border-color: white !important; }
+
+.white-hover:hover {
+ background-color: white !important; }
+
+.white-text-hover:hover {
+ color: white !important; }
+
+.white-border-hover:hover {
+ border-color: white !important; }
+
+.orange {
+ background-color: #a85600 !important; }
+
+.orange-text {
+ color: #a85600 !important; }
+
+.orange-border {
+ border-color: #a85600 !important; }
+
+.orange-hover:hover {
+ background-color: #a85600 !important; }
+
+.orange-text-hover:hover {
+ color: #a85600 !important; }
+
+.orange-border-hover:hover {
+ border-color: #a85600 !important; }
+
+.tui-no-padding {
+ padding: 0px !important; }
+
+.left {
+ float: left !important; }
+
+.right {
+ float: right !important; }
+
+.center {
+ text-align: center; }
+
+.left-align {
+ text-align: left; }
+
+.right-align {
+ text-align: right; }
+
+.center-align {
+ text-align: center; }
+
+.full-width {
+ width: 100% !important; }
+
+.full-height {
+ height: 100% !important; }
+
+.inline {
+ display: inline !important; }
+
+.block {
+ display: block !important; }
+
+.fixed {
+ position: fixed !important; }
+
+.absolute {
+ position: absolute !important; }
+
+.relative {
+ position: relative !important; }
+
+.static {
+ position: static !important; }
+
+.tui-content {
+ padding: 12px; }
+
+.tui-disable-select {
+ user-select: none;
+ -webkit-user-select: none;
+ -khtml-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none; }
+
/* Components */
.tui-button {
display: inline-block;
@@ -28,6 +611,8 @@
/* Characters */
/* Theme */
/* Responsive */
+/* Scrool */
+/* Grid */
.tui-checkbox {
display: block;
position: relative;
@@ -100,12 +685,11 @@
.tui-window-fieldset {
border: 6px white double;
- padding: 10px;
+ padding: 12px;
background-color: inherit;
margin-bottom: 6px; }
-
-.tui-window-fieldset-no-legend {
- margin-top: 6px; }
+ .tui-window-fieldset.no-legend {
+ margin-top: 6px; }
.tui-input-fieldset {
border-top: 6px white double;
@@ -135,6 +719,9 @@
cursor: pointer;
outline: 0;
padding: 2px; }
+ .tui-fieldset-button.left {
+ right: initial;
+ left: 16px !important; }
.tui-fieldset-statusbar {
position: absolute;
@@ -148,10 +735,6 @@
left: initial;
right: 16px; }
-.tui-fieldset-button-left {
- left: 16px !important;
- right: initial; }
-
.tui-fieldset-button::before {
content: "["; }
@@ -216,7 +799,7 @@
.tui-progress {
display: block;
position: relative;
- height: 16px;
+ height: 20px;
width: 200px;
background-color: #00a8a8;
overflow: hidden; }
@@ -225,15 +808,15 @@
position: absolute;
left: 0px;
background-color: cyan;
- height: 16px;
+ height: 20px;
display: inline-block; }
.tui-progress .tui-indeterminate {
position: absolute;
left: 0px;
background-color: cyan;
- height: 16px;
- width: 16px;
+ height: 20px;
+ width: 20px;
display: inline-block;
animation: indeterminate 1s backwards;
animation-iteration-count: infinite;
@@ -249,6 +832,8 @@
/* Characters */
/* Theme */
/* Responsive */
+/* Scrool */
+/* Grid */
.tui-radio {
display: block;
position: relative;
@@ -283,11 +868,17 @@
.tui-radio input:not(checked) ~ span:after {
content: "( )"; }
+/* Font (Options: 'Lucida Console' or 'DOS') */
+/* Characters */
+/* Theme */
+/* Responsive */
+/* Scrool */
+/* Grid */
::-webkit-scrollbar {
width: 10px; }
::-webkit-scrollbar-track {
- background-image: url("images/scroll.png");
+ background-image: url(images/scroll.png);
background-repeat: repeat; }
::-webkit-scrollbar-thumb {
@@ -473,493 +1064,8 @@
margin-right: 10px;
float: right; }
-/* Styles */
-/* Font (Options: 'Lucida Console' or 'DOS') */
-/* Characters */
-/* Theme */
-/* Responsive */
-/* Theme */
-.primary {
- background-color: white; }
-
-.primary-text {
- color: white; }
-
-.primary-border {
- border-color: white; }
-
-.primary-hover:hover {
- background-color: white; }
-
-.primary-text-hover:hover {
- color: white; }
-
-.primary-border-hover:hover {
- border-color: white; }
-
-.secondary {
- background-color: #0000a8; }
-
-.secondary-text {
- color: #0000a8; }
-
-.secondary-border {
- border-color: #0000a8; }
-
-.secondary-hover:hover {
- background-color: #0000a8; }
-
-.secondary-text-hover:hover {
- color: #0000a8; }
-
-.secondary-border-hover:hover {
- border-color: #0000a8; }
-
-.success {
- background-color: #00a800; }
-
-.success-text {
- color: #00a800; }
-
-.success-border {
- border-color: #00a800; }
-
-.success-hover:hover {
- background-color: #00a800; }
-
-.success-text-hover:hover {
- color: #00a800; }
-
-.success-border-hover:hover {
- border-color: #00a800; }
-
-.danger {
- background-color: #a80000; }
-
-.danger-text {
- color: #a80000; }
-
-.danger-border {
- border-color: #a80000; }
-
-.danger-hover:hover {
- background-color: #a80000; }
-
-.danger-text-hover:hover {
- color: #a80000; }
-
-.danger-border-hover:hover {
- border-color: #a80000; }
-
-.warning {
- background-color: #a8a800; }
-
-.warning-text {
- color: #a8a800; }
-
-.warning-border {
- border-color: #a8a800; }
-
-.warning-hover:hover {
- background-color: #a8a800; }
-
-.warning-text-hover:hover {
- color: #a8a800; }
-
-.warning-border-hover:hover {
- border-color: #a8a800; }
-
-.info {
- background-color: #00a8a8; }
-
-.info-text {
- color: #00a8a8; }
-
-.info-border {
- border-color: #00a8a8; }
-
-.info-hover:hover {
- background-color: #00a8a8; }
-
-.info-text-hover:hover {
- color: #00a8a8; }
-
-.info-border-hover:hover {
- border-color: #00a8a8; }
-
-/* 168 */
-.black-168 {
- background-color: black !important; }
-
-.blue-168 {
- background-color: #0000a8 !important; }
-
-.green-168 {
- background-color: #00a800 !important; }
-
-.cyan-168 {
- background-color: #00a8a8 !important; }
-
-.red-168 {
- background-color: #a80000 !important; }
-
-.purple-168 {
- background-color: #a800a8 !important; }
-
-.yellow-168 {
- background-color: #a8a800 !important; }
-
-.white-168 {
- background-color: #a8a8a8 !important; }
-
-.black-168-text {
- color: black !important; }
-
-.blue-168-text {
- color: #0000a8 !important; }
-
-.green-168-text {
- color: #00a800 !important; }
-
-.cyan-168-text {
- color: #00a8a8 !important; }
-
-.red-168-text {
- color: #a80000 !important; }
-
-.purple-168-text {
- color: #a800a8 !important; }
-
-.yellow-168-text {
- color: #a8a800 !important; }
-
-.white-168-text {
- color: #a8a8a8 !important; }
-
-.black-168-border {
- border-color: black !important; }
-
-.blue-168-border {
- border-color: #0000a8 !important; }
-
-.green-168-border {
- border-color: #00a800 !important; }
-
-.cyan-168-border {
- border-color: #00a8a8 !important; }
-
-.red-168-border {
- border-color: #a80000 !important; }
-
-.purple-168-border {
- border-color: #a800a8 !important; }
-
-.yellow-168-border {
- border-color: #a8a800 !important; }
-
-.white-168-border {
- border-color: #a8a8a8 !important; }
-
-.black-168-hover:hover {
- background-color: black !important; }
-
-.blue-168-hover:hover {
- background-color: #0000a8 !important; }
-
-.green-168-hover:hover {
- background-color: #00a800 !important; }
-
-.cyan-168-hover:hover {
- background-color: #00a8a8 !important; }
-
-.red-168-hover:hover {
- background-color: #a80000 !important; }
-
-.purple-168-hover:hover {
- background-color: #a800a8 !important; }
-
-.yellow-168-hover:hover {
- background-color: #a8a800 !important; }
-
-.white-168-hover:hover {
- background-color: #a8a8a8 !important; }
-
-.black-168-text-hover:hover {
- color: black !important; }
-
-.blue-168-text-hover:hover {
- color: #0000a8 !important; }
-
-.green-168-text-hover:hover {
- color: #00a800 !important; }
-
-.cyan-168-text-hover:hover {
- color: #00a8a8 !important; }
-
-.red-168-text-hover:hover {
- color: #a80000 !important; }
-
-.purple-text-168-hover:hover {
- color: #a800a8 !important; }
-
-.yellow-text-168-hover:hover {
- color: #a8a800 !important; }
-
-.white-text-168-hover:hover {
- color: #a8a8a8 !important; }
-
-.black-168-border-hover:hover {
- border-color: black !important; }
-
-.blue-168-border-hover:hover {
- border-color: #0000a8 !important; }
-
-.green-168-border-hover:hover {
- border-color: #00a800 !important; }
-
-.cyan-168-border-hover:hover {
- border-color: #00a8a8 !important; }
-
-.red-168-border-hover:hover {
- border-color: #a80000 !important; }
-
-.purple-168-border-hover:hover {
- border-color: #a800a8 !important; }
-
-.yellow-168-border-hover:hover {
- border-color: #a8a800 !important; }
-
-.white-168-border-hover:hover {
- border-color: #a8a8a8 !important; }
-
-/* 255 */
-.black-255 {
- background-color: black !important; }
-
-.blue-255 {
- background-color: blue !important; }
-
-.green-255 {
- background-color: lime !important; }
-
-.cyan-255 {
- background-color: cyan !important; }
-
-.red-255 {
- background-color: red !important; }
-
-.purple-255 {
- background-color: magenta !important; }
-
-.yellow-255 {
- background-color: yellow !important; }
-
-.white-255 {
- background-color: white !important; }
-
-.black-255-text {
- color: black !important; }
-
-.blue-255-text {
- color: blue !important; }
-
-.green-255-text {
- color: lime !important; }
-
-.cyan-255-text {
- color: cyan !important; }
-
-.red-255-text {
- color: red !important; }
-
-.purple-255-text {
- color: magenta !important; }
-
-.yellow-255-text {
- color: yellow !important; }
-
-.white-255-text {
- color: white !important; }
-
-.black-255-border {
- border-color: black !important; }
-
-.blue-255-border {
- border-color: blue !important; }
-
-.green-255-border {
- border-color: lime !important; }
-
-.cyan-255-border {
- border-color: cyan !important; }
-
-.red-255-border {
- border-color: red !important; }
-
-.purple-255-border {
- border-color: magenta !important; }
-
-.yellow-255-border {
- border-color: yellow !important; }
-
-.white-255-border {
- border-color: white !important; }
-
-.black-255-hover:hover {
- background-color: black !important; }
-
-.blue-255-hover:hover {
- background-color: blue !important; }
-
-.green-255-hover:hover {
- background-color: lime !important; }
-
-.cyan-255-hover:hover {
- background-color: cyan !important; }
-
-.red-255-hover:hover {
- background-color: red !important; }
-
-.purple-255-hover:hover {
- background-color: magenta !important; }
-
-.yellow-255-hover:hover {
- background-color: yellow !important; }
-
-.white-255-hover:hover {
- background-color: white !important; }
-
-.black-255-text-hover:hover {
- color: black !important; }
-
-.blue-255-text-hover:hover {
- color: blue !important; }
-
-.green-255-text-hover:hover {
- color: lime !important; }
-
-.cyan-255-text-hover:hover {
- color: cyan !important; }
-
-.red-255-text-hover:hover {
- color: red !important; }
-
-.purple-text-255-hover:hover {
- color: magenta !important; }
-
-.yellow-text-255-hover:hover {
- color: yellow !important; }
-
-.white-text-255-hover:hover {
- color: white !important; }
-
-.black-255-border-hover:hover {
- border-color: black !important; }
-
-.blue-255-border-hover:hover {
- border-color: blue !important; }
-
-.green-255-border-hover:hover {
- border-color: lime !important; }
-
-.cyan-255-border-hover:hover {
- border-color: cyan !important; }
-
-.red-255-border-hover:hover {
- border-color: red !important; }
-
-.purple-255-border-hover:hover {
- border-color: magenta !important; }
-
-.yellow-255-border-hover:hover {
- border-color: yellow !important; }
-
-.white-255-border-hover:hover {
- border-color: white !important; }
-
-/* Misc */
-.black {
- background-color: black; }
-
-.black-text {
- color: black; }
-
-.black-border {
- border-color: black; }
-
-.black-hover:hover {
- background-color: black; }
-
-.black-text-hover:hover {
- color: black; }
-
-.black-border-hover:hover {
- border-color: black; }
-
-.white {
- background-color: white; }
-
-.white-text {
- color: white; }
-
-.white-border {
- border-color: white; }
-
-.white-hover:hover {
- background-color: white; }
-
-.white-text-hover:hover {
- color: white; }
-
-.white-border-hover:hover {
- border-color: white; }
-
-/* Font (Options: 'Lucida Console' or 'DOS') */
-/* Characters */
-/* Theme */
-/* Responsive */
-@font-face {
- font-family: 'DOS';
- src: url("./fonts/Perfect DOS VGA 437 Win.ttf"); }
-
-/* Global Definitions */
-html {
- font-family: "Lucida Console", "monospace";
- font-size: 18px;
- box-sizing: border-box; }
-
-body {
- margin: 0px; }
-
-*, *:before, *:after {
- font-family: inherit;
- font-size: inherit;
- box-sizing: inherit; }
-
-ul {
- margin: 0px;
- padding: 0px;
- list-style-type: none; }
-
-ul li {
- list-style-type: none; }
-
-ul li a {
- display: block; }
-
-a {
- color: inherit;
- text-decoration: none; }
-
-span {
- margin: 0px; }
-
-hr {
- border: none;
- border-bottom: 2px solid white; }
-
-input, select, textarea {
- width: 200px; }
+.tui-shortcut {
+ float: right; }
.tui-shadow, .tui-shadow-1 {
box-shadow: 10px 10px black !important; }
@@ -976,77 +1082,708 @@ input, select, textarea {
.tui-shadow-5 {
box-shadow: 30px 30px black; }
+.tui-shadow-left, .tui-shadow-left-1 {
+ box-shadow: -10px 10px black !important; }
+
+.tui-shadow-left-2 {
+ box-shadow: -15px 15px black !important; }
+
+.tui-shadow-left-3 {
+ box-shadow: -20px 20px black !important; }
+
+.tui-shadow-left-4 {
+ box-shadow: -25px 25px black !important; }
+
+.tui-shadow-left-5 {
+ box-shadow: -30px 30px black !important; }
+
.tui-no-shadow {
box-shadow: none !important; }
-.tui-white-bg {
- background-image: url("images/bg.png");
+.tui-texturized-blue-white {
+ background-image: url("./images/bg-blue-white.png");
background-repeat: repeat; }
-.tui-blue-bg {
- background-image: url("images/bg-black.png");
+.tui-texturized-blue-black {
+ background-image: url("./images/bg-blue-black.png");
background-repeat: repeat; }
-.tui-no-padding {
- padding: 0px !important; }
+.tui-texturized-green-white {
+ background-image: url("./images/bg-green-white.png");
+ background-repeat: repeat; }
-.left {
- float: left !important; }
+.tui-texturized-green-black {
+ background-image: url("./images/bg-green-black.png");
+ background-repeat: repeat; }
-.right {
- float: right !important; }
+.tui-texturized-cyan-white {
+ background-image: url("./images/bg-cyan-white.png");
+ background-repeat: repeat; }
-.center {
- text-align: center; }
+.tui-texturized-cyan-black {
+ background-image: url("./images/bg-cyan-black.png");
+ background-repeat: repeat; }
-.left-align {
- text-align: left; }
+.tui-texturized-red-white {
+ background-image: url("./images/bg-red-white.png");
+ background-repeat: repeat; }
-.right-align {
- text-align: right; }
+.tui-texturized-red-black {
+ background-image: url("./images/bg-red-black.png");
+ background-repeat: repeat; }
-.center-align {
- text-align: center; }
+.tui-texturized-purple-white {
+ background-image: url("./images/bg-purple-white.png");
+ background-repeat: repeat; }
-.full-width {
- width: 100% !important; }
+.tui-texturized-purple-black {
+ background-image: url("./images/bg-purple-black.png");
+ background-repeat: repeat; }
-.full-height {
- height: 100% !important; }
+.tui-texturized-yellow-white {
+ background-image: url("./images/bg-yellow-white.png");
+ background-repeat: repeat; }
-.inline {
- display: inline !important; }
+.tui-texturized-yellow-black {
+ background-image: url("./images/bg-yellow-black.png");
+ background-repeat: repeat; }
-.block {
- display: block !important; }
+.tui-bg-blue-white {
+ background-image: url("./images/bg-blue-white.png");
+ background-repeat: repeat; }
-.fixed {
- position: fixed !important; }
+.tui-bg-blue-black {
+ background-image: url("./images/bg-blue-black.png");
+ background-repeat: repeat; }
-.absolute {
- position: absolute !important; }
+.tui-bg-green-white {
+ background-image: url("./images/bg-green-white.png");
+ background-repeat: repeat; }
-.relative {
- position: relative !important; }
+.tui-bg-green-black {
+ background-image: url("./images/bg-green-black.png");
+ background-repeat: repeat; }
-.static {
- position: static !important; }
+.tui-bg-cyan-white {
+ background-image: url("./images/bg-cyan-white.png");
+ background-repeat: repeat; }
-.tui-shortcut {
- float: right; }
+.tui-bg-cyan-black {
+ background-image: url("./images/bg-cyan-black.png");
+ background-repeat: repeat; }
-.tui-content {
- padding: 12px; }
+.tui-bg-red-white {
+ background-image: url("./images/bg-red-white.png");
+ background-repeat: repeat; }
-.tui-disable-select {
- user-select: none;
- -webkit-user-select: none;
- -khtml-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none; }
+.tui-bg-red-black {
+ background-image: url("./images/bg-red-black.png");
+ background-repeat: repeat; }
-.texturized {
- background-image: url("./images/bg.png"); }
+.tui-bg-purple-white {
+ background-image: url("./images/bg-purple-white.png");
+ background-repeat: repeat; }
-.texturized-black {
- background-image: url("./images/bg-black.png"); }
+.tui-bg-purple-black {
+ background-image: url("./images/bg-purple-black.png");
+ background-repeat: repeat; }
+
+.tui-bg-yellow-white {
+ background-image: url("./images/bg-yellow-white.png");
+ background-repeat: repeat; }
+
+.tui-bg-yellow-black {
+ background-image: url("./images/bg-yellow-black.png");
+ background-repeat: repeat; }
+
+.tui-border-solid {
+ border: 2px solid; }
+
+.tui-border-dashed {
+ border: 2px dashed; }
+
+.tui-border-dotted {
+ border: 2px dotted; }
+
+.tui-border-double {
+ border: 2px double; }
+
+/* Font (Options: 'Lucida Console' or 'DOS') */
+/* Characters */
+/* Theme */
+/* Responsive */
+/* Scrool */
+/* Grid */
+.container {
+ margin: 0 auto;
+ max-width: 1280px;
+ width: 90%; }
+
+@media only screen and (min-width: 601px) {
+ .container {
+ width: 85%; } }
+
+@media only screen and (min-width: 993px) {
+ .container {
+ width: 70%; } }
+
+.col .row {
+ margin-left: -0.75rem;
+ margin-right: -0.75rem; }
+
+.section {
+ padding-top: 1rem;
+ padding-bottom: 1rem; }
+ .section.no-pad {
+ padding: 0; }
+ .section.no-pad-bot {
+ padding-bottom: 0; }
+ .section.no-pad-top {
+ padding-top: 0; }
+
+.row {
+ margin-left: auto;
+ margin-right: auto;
+ margin-bottom: 20px; }
+ .row:after {
+ content: "";
+ display: table;
+ clear: both; }
+ .row .col {
+ float: left;
+ box-sizing: border-box;
+ padding: 0 0.75rem;
+ min-height: 1px; }
+ .row .col[class*="push-"], .row .col[class*="pull-"] {
+ position: relative; }
+ .row .col.s1 {
+ width: 8.33333%;
+ margin-left: auto;
+ left: auto;
+ right: auto; }
+ .row .col.s2 {
+ width: 16.66667%;
+ margin-left: auto;
+ left: auto;
+ right: auto; }
+ .row .col.s3 {
+ width: 25%;
+ margin-left: auto;
+ left: auto;
+ right: auto; }
+ .row .col.s4 {
+ width: 33.33333%;
+ margin-left: auto;
+ left: auto;
+ right: auto; }
+ .row .col.s5 {
+ width: 41.66667%;
+ margin-left: auto;
+ left: auto;
+ right: auto; }
+ .row .col.s6 {
+ width: 50%;
+ margin-left: auto;
+ left: auto;
+ right: auto; }
+ .row .col.s7 {
+ width: 58.33333%;
+ margin-left: auto;
+ left: auto;
+ right: auto; }
+ .row .col.s8 {
+ width: 66.66667%;
+ margin-left: auto;
+ left: auto;
+ right: auto; }
+ .row .col.s9 {
+ width: 75%;
+ margin-left: auto;
+ left: auto;
+ right: auto; }
+ .row .col.s10 {
+ width: 83.33333%;
+ margin-left: auto;
+ left: auto;
+ right: auto; }
+ .row .col.s11 {
+ width: 91.66667%;
+ margin-left: auto;
+ left: auto;
+ right: auto; }
+ .row .col.s12 {
+ width: 100%;
+ margin-left: auto;
+ left: auto;
+ right: auto; }
+ .row .col.offset-s1 {
+ margin-left: 8.33333%; }
+ .row .col.pull-s1 {
+ right: 8.33333%; }
+ .row .col.push-s1 {
+ left: 8.33333%; }
+ .row .col.offset-s2 {
+ margin-left: 16.66667%; }
+ .row .col.pull-s2 {
+ right: 16.66667%; }
+ .row .col.push-s2 {
+ left: 16.66667%; }
+ .row .col.offset-s3 {
+ margin-left: 25%; }
+ .row .col.pull-s3 {
+ right: 25%; }
+ .row .col.push-s3 {
+ left: 25%; }
+ .row .col.offset-s4 {
+ margin-left: 33.33333%; }
+ .row .col.pull-s4 {
+ right: 33.33333%; }
+ .row .col.push-s4 {
+ left: 33.33333%; }
+ .row .col.offset-s5 {
+ margin-left: 41.66667%; }
+ .row .col.pull-s5 {
+ right: 41.66667%; }
+ .row .col.push-s5 {
+ left: 41.66667%; }
+ .row .col.offset-s6 {
+ margin-left: 50%; }
+ .row .col.pull-s6 {
+ right: 50%; }
+ .row .col.push-s6 {
+ left: 50%; }
+ .row .col.offset-s7 {
+ margin-left: 58.33333%; }
+ .row .col.pull-s7 {
+ right: 58.33333%; }
+ .row .col.push-s7 {
+ left: 58.33333%; }
+ .row .col.offset-s8 {
+ margin-left: 66.66667%; }
+ .row .col.pull-s8 {
+ right: 66.66667%; }
+ .row .col.push-s8 {
+ left: 66.66667%; }
+ .row .col.offset-s9 {
+ margin-left: 75%; }
+ .row .col.pull-s9 {
+ right: 75%; }
+ .row .col.push-s9 {
+ left: 75%; }
+ .row .col.offset-s10 {
+ margin-left: 83.33333%; }
+ .row .col.pull-s10 {
+ right: 83.33333%; }
+ .row .col.push-s10 {
+ left: 83.33333%; }
+ .row .col.offset-s11 {
+ margin-left: 91.66667%; }
+ .row .col.pull-s11 {
+ right: 91.66667%; }
+ .row .col.push-s11 {
+ left: 91.66667%; }
+ .row .col.offset-s12 {
+ margin-left: 100%; }
+ .row .col.pull-s12 {
+ right: 100%; }
+ .row .col.push-s12 {
+ left: 100%; }
+ @media only screen and (min-width: 601px) {
+ .row .col.m1 {
+ width: 8.33333%;
+ margin-left: auto;
+ left: auto;
+ right: auto; }
+ .row .col.m2 {
+ width: 16.66667%;
+ margin-left: auto;
+ left: auto;
+ right: auto; }
+ .row .col.m3 {
+ width: 25%;
+ margin-left: auto;
+ left: auto;
+ right: auto; }
+ .row .col.m4 {
+ width: 33.33333%;
+ margin-left: auto;
+ left: auto;
+ right: auto; }
+ .row .col.m5 {
+ width: 41.66667%;
+ margin-left: auto;
+ left: auto;
+ right: auto; }
+ .row .col.m6 {
+ width: 50%;
+ margin-left: auto;
+ left: auto;
+ right: auto; }
+ .row .col.m7 {
+ width: 58.33333%;
+ margin-left: auto;
+ left: auto;
+ right: auto; }
+ .row .col.m8 {
+ width: 66.66667%;
+ margin-left: auto;
+ left: auto;
+ right: auto; }
+ .row .col.m9 {
+ width: 75%;
+ margin-left: auto;
+ left: auto;
+ right: auto; }
+ .row .col.m10 {
+ width: 83.33333%;
+ margin-left: auto;
+ left: auto;
+ right: auto; }
+ .row .col.m11 {
+ width: 91.66667%;
+ margin-left: auto;
+ left: auto;
+ right: auto; }
+ .row .col.m12 {
+ width: 100%;
+ margin-left: auto;
+ left: auto;
+ right: auto; }
+ .row .col.offset-m1 {
+ margin-left: 8.33333%; }
+ .row .col.pull-m1 {
+ right: 8.33333%; }
+ .row .col.push-m1 {
+ left: 8.33333%; }
+ .row .col.offset-m2 {
+ margin-left: 16.66667%; }
+ .row .col.pull-m2 {
+ right: 16.66667%; }
+ .row .col.push-m2 {
+ left: 16.66667%; }
+ .row .col.offset-m3 {
+ margin-left: 25%; }
+ .row .col.pull-m3 {
+ right: 25%; }
+ .row .col.push-m3 {
+ left: 25%; }
+ .row .col.offset-m4 {
+ margin-left: 33.33333%; }
+ .row .col.pull-m4 {
+ right: 33.33333%; }
+ .row .col.push-m4 {
+ left: 33.33333%; }
+ .row .col.offset-m5 {
+ margin-left: 41.66667%; }
+ .row .col.pull-m5 {
+ right: 41.66667%; }
+ .row .col.push-m5 {
+ left: 41.66667%; }
+ .row .col.offset-m6 {
+ margin-left: 50%; }
+ .row .col.pull-m6 {
+ right: 50%; }
+ .row .col.push-m6 {
+ left: 50%; }
+ .row .col.offset-m7 {
+ margin-left: 58.33333%; }
+ .row .col.pull-m7 {
+ right: 58.33333%; }
+ .row .col.push-m7 {
+ left: 58.33333%; }
+ .row .col.offset-m8 {
+ margin-left: 66.66667%; }
+ .row .col.pull-m8 {
+ right: 66.66667%; }
+ .row .col.push-m8 {
+ left: 66.66667%; }
+ .row .col.offset-m9 {
+ margin-left: 75%; }
+ .row .col.pull-m9 {
+ right: 75%; }
+ .row .col.push-m9 {
+ left: 75%; }
+ .row .col.offset-m10 {
+ margin-left: 83.33333%; }
+ .row .col.pull-m10 {
+ right: 83.33333%; }
+ .row .col.push-m10 {
+ left: 83.33333%; }
+ .row .col.offset-m11 {
+ margin-left: 91.66667%; }
+ .row .col.pull-m11 {
+ right: 91.66667%; }
+ .row .col.push-m11 {
+ left: 91.66667%; }
+ .row .col.offset-m12 {
+ margin-left: 100%; }
+ .row .col.pull-m12 {
+ right: 100%; }
+ .row .col.push-m12 {
+ left: 100%; } }
+ @media only screen and (min-width: 993px) {
+ .row .col.l1 {
+ width: 8.33333%;
+ margin-left: auto;
+ left: auto;
+ right: auto; }
+ .row .col.l2 {
+ width: 16.66667%;
+ margin-left: auto;
+ left: auto;
+ right: auto; }
+ .row .col.l3 {
+ width: 25%;
+ margin-left: auto;
+ left: auto;
+ right: auto; }
+ .row .col.l4 {
+ width: 33.33333%;
+ margin-left: auto;
+ left: auto;
+ right: auto; }
+ .row .col.l5 {
+ width: 41.66667%;
+ margin-left: auto;
+ left: auto;
+ right: auto; }
+ .row .col.l6 {
+ width: 50%;
+ margin-left: auto;
+ left: auto;
+ right: auto; }
+ .row .col.l7 {
+ width: 58.33333%;
+ margin-left: auto;
+ left: auto;
+ right: auto; }
+ .row .col.l8 {
+ width: 66.66667%;
+ margin-left: auto;
+ left: auto;
+ right: auto; }
+ .row .col.l9 {
+ width: 75%;
+ margin-left: auto;
+ left: auto;
+ right: auto; }
+ .row .col.l10 {
+ width: 83.33333%;
+ margin-left: auto;
+ left: auto;
+ right: auto; }
+ .row .col.l11 {
+ width: 91.66667%;
+ margin-left: auto;
+ left: auto;
+ right: auto; }
+ .row .col.l12 {
+ width: 100%;
+ margin-left: auto;
+ left: auto;
+ right: auto; }
+ .row .col.offset-l1 {
+ margin-left: 8.33333%; }
+ .row .col.pull-l1 {
+ right: 8.33333%; }
+ .row .col.push-l1 {
+ left: 8.33333%; }
+ .row .col.offset-l2 {
+ margin-left: 16.66667%; }
+ .row .col.pull-l2 {
+ right: 16.66667%; }
+ .row .col.push-l2 {
+ left: 16.66667%; }
+ .row .col.offset-l3 {
+ margin-left: 25%; }
+ .row .col.pull-l3 {
+ right: 25%; }
+ .row .col.push-l3 {
+ left: 25%; }
+ .row .col.offset-l4 {
+ margin-left: 33.33333%; }
+ .row .col.pull-l4 {
+ right: 33.33333%; }
+ .row .col.push-l4 {
+ left: 33.33333%; }
+ .row .col.offset-l5 {
+ margin-left: 41.66667%; }
+ .row .col.pull-l5 {
+ right: 41.66667%; }
+ .row .col.push-l5 {
+ left: 41.66667%; }
+ .row .col.offset-l6 {
+ margin-left: 50%; }
+ .row .col.pull-l6 {
+ right: 50%; }
+ .row .col.push-l6 {
+ left: 50%; }
+ .row .col.offset-l7 {
+ margin-left: 58.33333%; }
+ .row .col.pull-l7 {
+ right: 58.33333%; }
+ .row .col.push-l7 {
+ left: 58.33333%; }
+ .row .col.offset-l8 {
+ margin-left: 66.66667%; }
+ .row .col.pull-l8 {
+ right: 66.66667%; }
+ .row .col.push-l8 {
+ left: 66.66667%; }
+ .row .col.offset-l9 {
+ margin-left: 75%; }
+ .row .col.pull-l9 {
+ right: 75%; }
+ .row .col.push-l9 {
+ left: 75%; }
+ .row .col.offset-l10 {
+ margin-left: 83.33333%; }
+ .row .col.pull-l10 {
+ right: 83.33333%; }
+ .row .col.push-l10 {
+ left: 83.33333%; }
+ .row .col.offset-l11 {
+ margin-left: 91.66667%; }
+ .row .col.pull-l11 {
+ right: 91.66667%; }
+ .row .col.push-l11 {
+ left: 91.66667%; }
+ .row .col.offset-l12 {
+ margin-left: 100%; }
+ .row .col.pull-l12 {
+ right: 100%; }
+ .row .col.push-l12 {
+ left: 100%; } }
+ @media only screen and (min-width: 1201px) {
+ .row .col.xl1 {
+ width: 8.33333%;
+ margin-left: auto;
+ left: auto;
+ right: auto; }
+ .row .col.xl2 {
+ width: 16.66667%;
+ margin-left: auto;
+ left: auto;
+ right: auto; }
+ .row .col.xl3 {
+ width: 25%;
+ margin-left: auto;
+ left: auto;
+ right: auto; }
+ .row .col.xl4 {
+ width: 33.33333%;
+ margin-left: auto;
+ left: auto;
+ right: auto; }
+ .row .col.xl5 {
+ width: 41.66667%;
+ margin-left: auto;
+ left: auto;
+ right: auto; }
+ .row .col.xl6 {
+ width: 50%;
+ margin-left: auto;
+ left: auto;
+ right: auto; }
+ .row .col.xl7 {
+ width: 58.33333%;
+ margin-left: auto;
+ left: auto;
+ right: auto; }
+ .row .col.xl8 {
+ width: 66.66667%;
+ margin-left: auto;
+ left: auto;
+ right: auto; }
+ .row .col.xl9 {
+ width: 75%;
+ margin-left: auto;
+ left: auto;
+ right: auto; }
+ .row .col.xl10 {
+ width: 83.33333%;
+ margin-left: auto;
+ left: auto;
+ right: auto; }
+ .row .col.xl11 {
+ width: 91.66667%;
+ margin-left: auto;
+ left: auto;
+ right: auto; }
+ .row .col.xl12 {
+ width: 100%;
+ margin-left: auto;
+ left: auto;
+ right: auto; }
+ .row .col.offset-xl1 {
+ margin-left: 8.33333%; }
+ .row .col.pull-xl1 {
+ right: 8.33333%; }
+ .row .col.push-xl1 {
+ left: 8.33333%; }
+ .row .col.offset-xl2 {
+ margin-left: 16.66667%; }
+ .row .col.pull-xl2 {
+ right: 16.66667%; }
+ .row .col.push-xl2 {
+ left: 16.66667%; }
+ .row .col.offset-xl3 {
+ margin-left: 25%; }
+ .row .col.pull-xl3 {
+ right: 25%; }
+ .row .col.push-xl3 {
+ left: 25%; }
+ .row .col.offset-xl4 {
+ margin-left: 33.33333%; }
+ .row .col.pull-xl4 {
+ right: 33.33333%; }
+ .row .col.push-xl4 {
+ left: 33.33333%; }
+ .row .col.offset-xl5 {
+ margin-left: 41.66667%; }
+ .row .col.pull-xl5 {
+ right: 41.66667%; }
+ .row .col.push-xl5 {
+ left: 41.66667%; }
+ .row .col.offset-xl6 {
+ margin-left: 50%; }
+ .row .col.pull-xl6 {
+ right: 50%; }
+ .row .col.push-xl6 {
+ left: 50%; }
+ .row .col.offset-xl7 {
+ margin-left: 58.33333%; }
+ .row .col.pull-xl7 {
+ right: 58.33333%; }
+ .row .col.push-xl7 {
+ left: 58.33333%; }
+ .row .col.offset-xl8 {
+ margin-left: 66.66667%; }
+ .row .col.pull-xl8 {
+ right: 66.66667%; }
+ .row .col.push-xl8 {
+ left: 66.66667%; }
+ .row .col.offset-xl9 {
+ margin-left: 75%; }
+ .row .col.pull-xl9 {
+ right: 75%; }
+ .row .col.push-xl9 {
+ left: 75%; }
+ .row .col.offset-xl10 {
+ margin-left: 83.33333%; }
+ .row .col.pull-xl10 {
+ right: 83.33333%; }
+ .row .col.push-xl10 {
+ left: 83.33333%; }
+ .row .col.offset-xl11 {
+ margin-left: 91.66667%; }
+ .row .col.pull-xl11 {
+ right: 91.66667%; }
+ .row .col.push-xl11 {
+ left: 91.66667%; }
+ .row .col.offset-xl12 {
+ margin-left: 100%; }
+ .row .col.pull-xl12 {
+ right: 100%; }
+ .row .col.push-xl12 {
+ left: 100%; } }
diff --git a/dist/tuicss.min.css b/dist/tuicss.min.css
index 8149a22..9ab024b 100644
--- a/dist/tuicss.min.css
+++ b/dist/tuicss.min.css
@@ -1 +1 @@
-@charset "UTF-8";.tui-button{display:inline-block;outline:0;padding:1px 10px;background-color:#00a800;color:#000;border:none;cursor:pointer;text-align:center;box-shadow:10px 10px #000;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}.tui-button:active{background-color:#00a8a8!important;color:#000!important;box-shadow:none!important}.tui-button:focus{color:#0ff!important}.tui-checkbox{display:block;position:relative;cursor:pointer;color:#fff;padding-left:30px;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}.tui-checkbox input{position:absolute;opacity:0;cursor:pointer;top:0;left:0}.tui-checkbox span{position:absolute;width:10px;height:10px;cursor:pointer;top:0;left:0}.tui-checkbox input:checked~span::after{content:"[√]";color:#0ff}.tui-checkbox input:not(checked)~span::after{content:"[ ]"}.tui-divider{border-bottom:2px solid #fff;display:block}.tui-black-divider{border-bottom:2px solid #000;display:block}.tui-dropdown{position:relative;display:inline-block;cursor:pointer;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}.tui-dropdown-content{display:none;position:absolute;background-color:#a8a8a8;min-width:200px;padding:6px;z-index:9}.tui-dropdown-content ul{border:2px #000 solid}.tui-dropdown-content ul li{display:block!important;margin:6px}.tui-dropdown:hover>.tui-dropdown-content:first-of-type{display:block}.tui-window-fieldset{border:6px #fff double;padding:10px;background-color:inherit;margin-bottom:6px}.tui-window-fieldset-no-legend{margin-top:6px}.tui-input-fieldset{border-top:6px #fff double;border-bottom:6px #fff double;border-left:2px #fff solid;border-right:2px #fff solid;padding:5px;background-color:inherit}.tui-input-fieldset:hover{border-color:#ff0!important}.tui-input-fieldset:hover legend{color:#ff0!important}.tui-border-solid{border:2px #fff solid}.tui-fieldset-button{position:absolute;top:0;right:16px;color:#fff;background-color:inherit;z-index:2;border:none;cursor:pointer;outline:0;padding:2px}.tui-fieldset-statusbar{position:absolute;bottom:0;left:16px;color:#fff;background-color:inherit;z-index:2;padding:2px}.tui-fieldset-statusbar.right{left:initial;right:16px}.tui-fieldset-button-left{left:16px!important;right:initial}.tui-fieldset-button::before{content:"["}.tui-fieldset-button::after{content:"]"}.tui-fieldset-button:active{color:#0ff!important}.tui-input{background-color:#000;color:#fff;outline:0;border:none;padding:1px}.tui-input:focus{background-color:#ff0!important;color:#000!important}.tui-nav{width:100%;background-color:#a8a8a8;padding:0 2px;z-index:9;display:block}.tui-nav-fixed{position:fixed}.tui-nav ul li{display:inline-block;margin-left:10px;padding:1px 3px}.tui-nav ul li a{display:block;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}.tui-nav ul li:hover{background-color:#00a800}.tui-panel{background-color:#0000a8;display:inline-block;color:#fff;box-shadow:10px 10px #000}.tui-panel-content{padding:12px}.tui-panel-header{padding-top:2px;display:block;background:#fff;text-align:center}.tui-progress{display:block;position:relative;height:16px;width:200px;background-color:#00a8a8;overflow:hidden}.tui-progress span{position:absolute;left:0;background-color:#0ff;height:16px;display:inline-block}.tui-progress .tui-indeterminate{position:absolute;left:0;background-color:#0ff;height:16px;width:16px;display:inline-block;animation:indeterminate 1s backwards;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes indeterminate{from{margin-left:-10%}to{margin-left:100%}}.tui-radio{display:block;position:relative;cursor:pointer;color:#fff;padding-left:30px;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}.tui-radio input{position:absolute;opacity:0;cursor:pointer;top:0;left:0}.tui-radio span{position:absolute;width:10px;height:10px;cursor:pointer;top:0;left:0}.tui-radio input:checked~span:after{content:"(•)";color:#0ff!important}.tui-radio input:not(checked)~span:after{content:"( )"}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background-image:url(images/scroll.png);background-repeat:repeat}::-webkit-scrollbar-thumb{background-color:#00a8a8}::-webkit-scrollbar-thumb:hover{background-color:#00a8a8}.tui-sidenav{position:fixed;top:0;left:0;background-color:#00a8a8;min-width:200px;box-shadow:10px 10px #000!important;padding:6px;z-index:10;height:100%;z-index:8;display:none}.tui-sidenav.right{left:initial;right:0}.tui-sidenav.active{display:block!important}.tui-sidenav ul{margin-top:20px;border:2px #000 solid}.tui-sidenav ul li{display:block;margin:6px}.tui-sidenav ul li a{display:block;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}.tui-sidenav ul li:hover{background-color:#ff0}.tui-sidenav-button{cursor:pointer;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}.tui-statusbar{width:100%;background-color:#a8a8a8;padding:0 1px;left:0;bottom:0;z-index:9;position:fixed}.tui-statusbar ul li{display:inline-block;margin-left:10px;padding:2px 3px}.tui-statusbar ul li:active{background-color:#0000a8;color:#fff}.tui-statusbar ul li a{user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}.tui-statusbar-divider{border-right:2px #000 solid;display:inline;margin:0 3px}.tui-table{border:2px solid #a8a8a8;padding:5px;border-collapse:collapse}.tui-table-hover tbody tr:hover{background-color:#0ff;color:#000}.tui-table tbody{background-color:inherit;color:#fff}.tui-table tbody tr td{border-right:2px solid #a8a8a8;padding:0 2px}.tui-table thead{background-color:inherit;color:#ff0;text-align:center}.tui-table-grid{border-collapse:collapse;width:100%}.tui-table-grid tbody tr td,.tui-table-grid tbody tr th,.tui-table-grid thead tr td,.tui-table-grid thead tr th{border:2px solid #000;padding:10px;vertical-align:top}.tui-tabs{background-color:#0000a8;width:100%;padding:0 10px 0 10px}.tui-tabs ul li{display:inline-block}.tui-tabs ul li a{display:block;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}.tui-tab{padding:2px 10px 0 10px;color:#a8a8a8;cursor:pointer}.tui-tab.active{background-color:#a8a8a8;color:#0000a8}.tui-tab-content{display:none}.tui-textarea{background-color:inherit;border:none;padding:0;color:#ff0;outline:0}.tui-window{background-color:#0000a8;padding:1px;display:inline-block;position:relative;box-shadow:10px 10px #000;color:#fff}.tui-screen-640-360{width:640px;height:360px}.tui-screen-800-600{width:800px;height:600px}.tui-screen-1024-768{width:1024px;height:768px}.tui-screen-1024-768,.tui-screen-640-360,.tui-screen-800-600{position:relative}.tui-screen-1024-768.bordered,.tui-screen-640-360.bordered,.tui-screen-800-600.bordered{border:2px solid #000}.tui-date{padding:1px 0 1px 0;margin-right:10px;float:right}.primary{background-color:#fff}.primary-text{color:#fff}.primary-border{border-color:#fff}.primary-hover:hover{background-color:#fff}.primary-text-hover:hover{color:#fff}.primary-border-hover:hover{border-color:#fff}.secondary{background-color:#0000a8}.secondary-text{color:#0000a8}.secondary-border{border-color:#0000a8}.secondary-hover:hover{background-color:#0000a8}.secondary-text-hover:hover{color:#0000a8}.secondary-border-hover:hover{border-color:#0000a8}.success{background-color:#00a800}.success-text{color:#00a800}.success-border{border-color:#00a800}.success-hover:hover{background-color:#00a800}.success-text-hover:hover{color:#00a800}.success-border-hover:hover{border-color:#00a800}.danger{background-color:#a80000}.danger-text{color:#a80000}.danger-border{border-color:#a80000}.danger-hover:hover{background-color:#a80000}.danger-text-hover:hover{color:#a80000}.danger-border-hover:hover{border-color:#a80000}.warning{background-color:#a8a800}.warning-text{color:#a8a800}.warning-border{border-color:#a8a800}.warning-hover:hover{background-color:#a8a800}.warning-text-hover:hover{color:#a8a800}.warning-border-hover:hover{border-color:#a8a800}.info{background-color:#00a8a8}.info-text{color:#00a8a8}.info-border{border-color:#00a8a8}.info-hover:hover{background-color:#00a8a8}.info-text-hover:hover{color:#00a8a8}.info-border-hover:hover{border-color:#00a8a8}.black-168{background-color:#000!important}.blue-168{background-color:#0000a8!important}.green-168{background-color:#00a800!important}.cyan-168{background-color:#00a8a8!important}.red-168{background-color:#a80000!important}.purple-168{background-color:#a800a8!important}.yellow-168{background-color:#a8a800!important}.white-168{background-color:#a8a8a8!important}.black-168-text{color:#000!important}.blue-168-text{color:#0000a8!important}.green-168-text{color:#00a800!important}.cyan-168-text{color:#00a8a8!important}.red-168-text{color:#a80000!important}.purple-168-text{color:#a800a8!important}.yellow-168-text{color:#a8a800!important}.white-168-text{color:#a8a8a8!important}.black-168-border{border-color:#000!important}.blue-168-border{border-color:#0000a8!important}.green-168-border{border-color:#00a800!important}.cyan-168-border{border-color:#00a8a8!important}.red-168-border{border-color:#a80000!important}.purple-168-border{border-color:#a800a8!important}.yellow-168-border{border-color:#a8a800!important}.white-168-border{border-color:#a8a8a8!important}.black-168-hover:hover{background-color:#000!important}.blue-168-hover:hover{background-color:#0000a8!important}.green-168-hover:hover{background-color:#00a800!important}.cyan-168-hover:hover{background-color:#00a8a8!important}.red-168-hover:hover{background-color:#a80000!important}.purple-168-hover:hover{background-color:#a800a8!important}.yellow-168-hover:hover{background-color:#a8a800!important}.white-168-hover:hover{background-color:#a8a8a8!important}.black-168-text-hover:hover{color:#000!important}.blue-168-text-hover:hover{color:#0000a8!important}.green-168-text-hover:hover{color:#00a800!important}.cyan-168-text-hover:hover{color:#00a8a8!important}.red-168-text-hover:hover{color:#a80000!important}.purple-text-168-hover:hover{color:#a800a8!important}.yellow-text-168-hover:hover{color:#a8a800!important}.white-text-168-hover:hover{color:#a8a8a8!important}.black-168-border-hover:hover{border-color:#000!important}.blue-168-border-hover:hover{border-color:#0000a8!important}.green-168-border-hover:hover{border-color:#00a800!important}.cyan-168-border-hover:hover{border-color:#00a8a8!important}.red-168-border-hover:hover{border-color:#a80000!important}.purple-168-border-hover:hover{border-color:#a800a8!important}.yellow-168-border-hover:hover{border-color:#a8a800!important}.white-168-border-hover:hover{border-color:#a8a8a8!important}.black-255{background-color:#000!important}.blue-255{background-color:#00f!important}.green-255{background-color:#0f0!important}.cyan-255{background-color:#0ff!important}.red-255{background-color:red!important}.purple-255{background-color:#ff00ff!important}.yellow-255{background-color:#ff0!important}.white-255{background-color:#fff!important}.black-255-text{color:#000!important}.blue-255-text{color:#00f!important}.green-255-text{color:#0f0!important}.cyan-255-text{color:#0ff!important}.red-255-text{color:red!important}.purple-255-text{color:#ff00ff!important}.yellow-255-text{color:#ff0!important}.white-255-text{color:#fff!important}.black-255-border{border-color:#000!important}.blue-255-border{border-color:#00f!important}.green-255-border{border-color:#0f0!important}.cyan-255-border{border-color:#0ff!important}.red-255-border{border-color:red!important}.purple-255-border{border-color:#ff00ff!important}.yellow-255-border{border-color:#ff0!important}.white-255-border{border-color:#fff!important}.black-255-hover:hover{background-color:#000!important}.blue-255-hover:hover{background-color:#00f!important}.green-255-hover:hover{background-color:#0f0!important}.cyan-255-hover:hover{background-color:#0ff!important}.red-255-hover:hover{background-color:red!important}.purple-255-hover:hover{background-color:#ff00ff!important}.yellow-255-hover:hover{background-color:#ff0!important}.white-255-hover:hover{background-color:#fff!important}.black-255-text-hover:hover{color:#000!important}.blue-255-text-hover:hover{color:#00f!important}.green-255-text-hover:hover{color:#0f0!important}.cyan-255-text-hover:hover{color:#0ff!important}.red-255-text-hover:hover{color:red!important}.purple-text-255-hover:hover{color:#ff00ff!important}.yellow-text-255-hover:hover{color:#ff0!important}.white-text-255-hover:hover{color:#fff!important}.black-255-border-hover:hover{border-color:#000!important}.blue-255-border-hover:hover{border-color:#00f!important}.green-255-border-hover:hover{border-color:#0f0!important}.cyan-255-border-hover:hover{border-color:#0ff!important}.red-255-border-hover:hover{border-color:red!important}.purple-255-border-hover:hover{border-color:#ff00ff!important}.yellow-255-border-hover:hover{border-color:#ff0!important}.white-255-border-hover:hover{border-color:#fff!important}.black{background-color:#000}.black-text{color:#000}.black-border{border-color:#000}.black-hover:hover{background-color:#000}.black-text-hover:hover{color:#000}.black-border-hover:hover{border-color:#000}.white{background-color:#fff}.white-text{color:#fff}.white-border{border-color:#fff}.white-hover:hover{background-color:#fff}.white-text-hover:hover{color:#fff}.white-border-hover:hover{border-color:#fff}@font-face{font-family:DOS;src:url("fonts/Perfect DOS VGA 437 Win.ttf")}html{font-family:"Lucida Console",monospace;font-size:18px;box-sizing:border-box}body{margin:0}*,:after,:before{font-family:inherit;font-size:inherit;box-sizing:inherit}ul{margin:0;padding:0;list-style-type:none}ul li{list-style-type:none}ul li a{display:block}a{color:inherit;text-decoration:none}span{margin:0}hr{border:none;border-bottom:2px solid #fff}input,select,textarea{width:200px}.tui-shadow,.tui-shadow-1{box-shadow:10px 10px #000!important}.tui-shadow-2{box-shadow:15px 15px #000}.tui-shadow-3{box-shadow:20px 20px #000}.tui-shadow-4{box-shadow:25px 25px #000}.tui-shadow-5{box-shadow:30px 30px #000}.tui-no-shadow{box-shadow:none!important}.tui-white-bg{background-image:url(images/bg.png);background-repeat:repeat}.tui-blue-bg{background-image:url(images/bg-black.png);background-repeat:repeat}.tui-no-padding{padding:0!important}.left{float:left!important}.right{float:right!important}.center{text-align:center}.left-align{text-align:left}.right-align{text-align:right}.center-align{text-align:center}.full-width{width:100%!important}.full-height{height:100%!important}.inline{display:inline!important}.block{display:block!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.static{position:static!important}.tui-shortcut{float:right}.tui-content{padding:12px}.tui-disable-select{user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}.texturized{background-image:url(images/bg.png)}.texturized-black{background-image:url(images/bg-black.png)}
\ No newline at end of file
+@charset "UTF-8";@font-face{font-family:DOS;src:url("fonts/Perfect DOS VGA 437 Win.ttf")}html{font-family:"Lucida Console",monospace;font-size:18px;box-sizing:border-box}body{margin:0}*,:after,:before{font-family:inherit;font-size:inherit;box-sizing:inherit}ul{margin:0;padding:0;list-style-type:none}ul li{list-style-type:none}ul li a{display:block}a{color:inherit;text-decoration:none}span{margin:0}hr{border:none;border-bottom:2px solid #fff}input,select,textarea{width:200px}.primary{background-color:#fff}.primary-text{color:#fff}.primary-border{border-color:#fff}.primary-hover:hover{background-color:#fff}.primary-text-hover:hover{color:#fff}.primary-border-hover:hover{border-color:#fff}.secondary{background-color:#0000a8}.secondary-text{color:#0000a8}.secondary-border{border-color:#0000a8}.secondary-hover:hover{background-color:#0000a8}.secondary-text-hover:hover{color:#0000a8}.secondary-border-hover:hover{border-color:#0000a8}.success{background-color:#00a800}.success-text{color:#00a800}.success-border{border-color:#00a800}.success-hover:hover{background-color:#00a800}.success-text-hover:hover{color:#00a800}.success-border-hover:hover{border-color:#00a800}.danger{background-color:#a80000}.danger-text{color:#a80000}.danger-border{border-color:#a80000}.danger-hover:hover{background-color:#a80000}.danger-text-hover:hover{color:#a80000}.danger-border-hover:hover{border-color:#a80000}.warning{background-color:#a8a800}.warning-text{color:#a8a800}.warning-border{border-color:#a8a800}.warning-hover:hover{background-color:#a8a800}.warning-text-hover:hover{color:#a8a800}.warning-border-hover:hover{border-color:#a8a800}.info{background-color:#00a8a8}.info-text{color:#00a8a8}.info-border{border-color:#00a8a8}.info-hover:hover{background-color:#00a8a8}.info-text-hover:hover{color:#00a8a8}.info-border-hover:hover{border-color:#00a8a8}.black-168{background-color:#000!important}.blue-168{background-color:#0000a8!important}.green-168{background-color:#00a800!important}.cyan-168{background-color:#00a8a8!important}.red-168{background-color:#a80000!important}.purple-168{background-color:#a800a8!important}.yellow-168{background-color:#a8a800!important}.white-168{background-color:#a8a8a8!important}.orange-168{background-color:#a85600!important}.black-168-text{color:#000!important}.blue-168-text{color:#0000a8!important}.green-168-text{color:#00a800!important}.cyan-168-text{color:#00a8a8!important}.red-168-text{color:#a80000!important}.purple-168-text{color:#a800a8!important}.yellow-168-text{color:#a8a800!important}.white-168-text{color:#a8a8a8!important}.orange-168-text{color:#a85600!important}.black-168-border{border-color:#000!important}.blue-168-border{border-color:#0000a8!important}.green-168-border{border-color:#00a800!important}.cyan-168-border{border-color:#00a8a8!important}.red-168-border{border-color:#a80000!important}.purple-168-border{border-color:#a800a8!important}.yellow-168-border{border-color:#a8a800!important}.white-168-border{border-color:#a8a8a8!important}.orange-168-border{border-color:#a85600!important}.black-168-hover:hover{background-color:#000!important}.blue-168-hover:hover{background-color:#0000a8!important}.green-168-hover:hover{background-color:#00a800!important}.cyan-168-hover:hover{background-color:#00a8a8!important}.red-168-hover:hover{background-color:#a80000!important}.purple-168-hover:hover{background-color:#a800a8!important}.yellow-168-hover:hover{background-color:#a8a800!important}.white-168-hover:hover{background-color:#a8a8a8!important}.orange-168-hover:hover{background-color:#a85600!important}.black-168-text-hover:hover{color:#000!important}.blue-168-text-hover:hover{color:#0000a8!important}.green-168-text-hover:hover{color:#00a800!important}.cyan-168-text-hover:hover{color:#00a8a8!important}.red-168-text-hover:hover{color:#a80000!important}.purple-168-text-hover:hover{color:#a800a8!important}.yellow-168-text-hover:hover{color:#a8a800!important}.white-168-text-hover:hover{color:#a8a8a8!important}.orange-168-text-hover:hover{color:#a85600!important}.black-168-border-hover:hover{border-color:#000!important}.blue-168-border-hover:hover{border-color:#0000a8!important}.green-168-border-hover:hover{border-color:#00a800!important}.cyan-168-border-hover:hover{border-color:#00a8a8!important}.red-168-border-hover:hover{border-color:#a80000!important}.purple-168-border-hover:hover{border-color:#a800a8!important}.yellow-168-border-hover:hover{border-color:#a8a800!important}.white-168-border-hover:hover{border-color:#a8a8a8!important}.orange-168-border-hover:hover{border-color:#a85600!important}.black-255{background-color:#000!important}.blue-255{background-color:#00f!important}.green-255{background-color:#0f0!important}.cyan-255{background-color:#0ff!important}.red-255{background-color:red!important}.purple-255{background-color:#ff00ff!important}.yellow-255{background-color:#ff0!important}.white-255{background-color:#fff!important}.black-255-text{color:#000!important}.blue-255-text{color:#00f!important}.green-255-text{color:#0f0!important}.cyan-255-text{color:#0ff!important}.red-255-text{color:red!important}.purple-255-text{color:#ff00ff!important}.yellow-255-text{color:#ff0!important}.white-255-text{color:#fff!important}.black-255-border{border-color:#000!important}.blue-255-border{border-color:#00f!important}.green-255-border{border-color:#0f0!important}.cyan-255-border{border-color:#0ff!important}.red-255-border{border-color:red!important}.purple-255-border{border-color:#ff00ff!important}.yellow-255-border{border-color:#ff0!important}.white-255-border{border-color:#fff!important}.black-255-hover:hover{background-color:#000!important}.blue-255-hover:hover{background-color:#00f!important}.green-255-hover:hover{background-color:#0f0!important}.cyan-255-hover:hover{background-color:#0ff!important}.red-255-hover:hover{background-color:red!important}.purple-255-hover:hover{background-color:#ff00ff!important}.yellow-255-hover:hover{background-color:#ff0!important}.white-255-hover:hover{background-color:#fff!important}.black-255-text-hover:hover{color:#000!important}.blue-255-text-hover:hover{color:#00f!important}.green-255-text-hover:hover{color:#0f0!important}.cyan-255-text-hover:hover{color:#0ff!important}.red-255-text-hover:hover{color:red!important}.purple-text-255-hover:hover{color:#ff00ff!important}.yellow-text-255-hover:hover{color:#ff0!important}.white-text-255-hover:hover{color:#fff!important}.black-255-border-hover:hover{border-color:#000!important}.blue-255-border-hover:hover{border-color:#00f!important}.green-255-border-hover:hover{border-color:#0f0!important}.cyan-255-border-hover:hover{border-color:#0ff!important}.red-255-border-hover:hover{border-color:red!important}.purple-255-border-hover:hover{border-color:#ff00ff!important}.yellow-255-border-hover:hover{border-color:#ff0!important}.white-255-border-hover:hover{border-color:#fff!important}.black{background-color:#000!important}.black-text{color:#000!important}.black-border{border-color:#000!important}.black-hover:hover{background-color:#000!important}.black-text-hover:hover{color:#000!important}.black-border-hover:hover{border-color:#000!important}.white{background-color:#fff!important}.white-text{color:#fff!important}.white-border{border-color:#fff!important}.white-hover:hover{background-color:#fff!important}.white-text-hover:hover{color:#fff!important}.white-border-hover:hover{border-color:#fff!important}.orange{background-color:#a85600!important}.orange-text{color:#a85600!important}.orange-border{border-color:#a85600!important}.orange-hover:hover{background-color:#a85600!important}.orange-text-hover:hover{color:#a85600!important}.orange-border-hover:hover{border-color:#a85600!important}.tui-no-padding{padding:0!important}.left{float:left!important}.right{float:right!important}.center{text-align:center}.left-align{text-align:left}.right-align{text-align:right}.center-align{text-align:center}.full-width{width:100%!important}.full-height{height:100%!important}.inline{display:inline!important}.block{display:block!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.static{position:static!important}.tui-content{padding:12px}.tui-disable-select{user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}.tui-button{display:inline-block;outline:0;padding:1px 10px;background-color:#00a800;color:#000;border:none;cursor:pointer;text-align:center;box-shadow:10px 10px #000;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}.tui-button:active{background-color:#00a8a8!important;color:#000!important;box-shadow:none!important}.tui-button:focus{color:#0ff!important}.tui-checkbox{display:block;position:relative;cursor:pointer;color:#fff;padding-left:30px;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}.tui-checkbox input{position:absolute;opacity:0;cursor:pointer;top:0;left:0}.tui-checkbox span{position:absolute;width:10px;height:10px;cursor:pointer;top:0;left:0}.tui-checkbox input:checked~span::after{content:"[√]";color:#0ff}.tui-checkbox input:not(checked)~span::after{content:"[ ]"}.tui-divider{border-bottom:2px solid #fff;display:block}.tui-black-divider{border-bottom:2px solid #000;display:block}.tui-dropdown{position:relative;display:inline-block;cursor:pointer;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}.tui-dropdown-content{display:none;position:absolute;background-color:#a8a8a8;min-width:200px;padding:6px;z-index:9}.tui-dropdown-content ul{border:2px #000 solid}.tui-dropdown-content ul li{display:block!important;margin:6px}.tui-dropdown:hover>.tui-dropdown-content:first-of-type{display:block}.tui-window-fieldset{border:6px #fff double;padding:12px;background-color:inherit;margin-bottom:6px}.tui-window-fieldset.no-legend{margin-top:6px}.tui-input-fieldset{border-top:6px #fff double;border-bottom:6px #fff double;border-left:2px #fff solid;border-right:2px #fff solid;padding:5px;background-color:inherit}.tui-input-fieldset:hover{border-color:#ff0!important}.tui-input-fieldset:hover legend{color:#ff0!important}.tui-border-solid{border:2px #fff solid}.tui-fieldset-button{position:absolute;top:0;right:16px;color:#fff;background-color:inherit;z-index:2;border:none;cursor:pointer;outline:0;padding:2px}.tui-fieldset-button.left{right:initial;left:16px!important}.tui-fieldset-statusbar{position:absolute;bottom:0;left:16px;color:#fff;background-color:inherit;z-index:2;padding:2px}.tui-fieldset-statusbar.right{left:initial;right:16px}.tui-fieldset-button::before{content:"["}.tui-fieldset-button::after{content:"]"}.tui-fieldset-button:active{color:#0ff!important}.tui-input{background-color:#000;color:#fff;outline:0;border:none;padding:1px}.tui-input:focus{background-color:#ff0!important;color:#000!important}.tui-nav{width:100%;background-color:#a8a8a8;padding:0 2px;z-index:9;display:block}.tui-nav-fixed{position:fixed}.tui-nav ul li{display:inline-block;margin-left:10px;padding:1px 3px}.tui-nav ul li a{display:block;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}.tui-nav ul li:hover{background-color:#00a800}.tui-panel{background-color:#0000a8;display:inline-block;color:#fff;box-shadow:10px 10px #000}.tui-panel-content{padding:12px}.tui-panel-header{padding-top:2px;display:block;background:#fff;text-align:center}.tui-progress{display:block;position:relative;height:20px;width:200px;background-color:#00a8a8;overflow:hidden}.tui-progress span{position:absolute;left:0;background-color:#0ff;height:20px;display:inline-block}.tui-progress .tui-indeterminate{position:absolute;left:0;background-color:#0ff;height:20px;width:20px;display:inline-block;animation:indeterminate 1s backwards;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes indeterminate{from{margin-left:-10%}to{margin-left:100%}}.tui-radio{display:block;position:relative;cursor:pointer;color:#fff;padding-left:30px;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}.tui-radio input{position:absolute;opacity:0;cursor:pointer;top:0;left:0}.tui-radio span{position:absolute;width:10px;height:10px;cursor:pointer;top:0;left:0}.tui-radio input:checked~span:after{content:"(•)";color:#0ff!important}.tui-radio input:not(checked)~span:after{content:"( )"}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background-image:url(images/scroll.png);background-repeat:repeat}::-webkit-scrollbar-thumb{background-color:#00a8a8}::-webkit-scrollbar-thumb:hover{background-color:#00a8a8}.tui-sidenav{position:fixed;top:0;left:0;background-color:#00a8a8;min-width:200px;box-shadow:10px 10px #000!important;padding:6px;z-index:10;height:100%;z-index:8;display:none}.tui-sidenav.right{left:initial;right:0}.tui-sidenav.active{display:block!important}.tui-sidenav ul{margin-top:20px;border:2px #000 solid}.tui-sidenav ul li{display:block;margin:6px}.tui-sidenav ul li a{display:block;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}.tui-sidenav ul li:hover{background-color:#ff0}.tui-sidenav-button{cursor:pointer;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}.tui-statusbar{width:100%;background-color:#a8a8a8;padding:0 1px;left:0;bottom:0;z-index:9;position:fixed}.tui-statusbar ul li{display:inline-block;margin-left:10px;padding:2px 3px}.tui-statusbar ul li:active{background-color:#0000a8;color:#fff}.tui-statusbar ul li a{user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}.tui-statusbar-divider{border-right:2px #000 solid;display:inline;margin:0 3px}.tui-table{border:2px solid #a8a8a8;padding:5px;border-collapse:collapse}.tui-table-hover tbody tr:hover{background-color:#0ff;color:#000}.tui-table tbody{background-color:inherit;color:#fff}.tui-table tbody tr td{border-right:2px solid #a8a8a8;padding:0 2px}.tui-table thead{background-color:inherit;color:#ff0;text-align:center}.tui-table-grid{border-collapse:collapse;width:100%}.tui-table-grid tbody tr td,.tui-table-grid tbody tr th,.tui-table-grid thead tr td,.tui-table-grid thead tr th{border:2px solid #000;padding:10px;vertical-align:top}.tui-tabs{background-color:#0000a8;width:100%;padding:0 10px 0 10px}.tui-tabs ul li{display:inline-block}.tui-tabs ul li a{display:block;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}.tui-tab{padding:2px 10px 0 10px;color:#a8a8a8;cursor:pointer}.tui-tab.active{background-color:#a8a8a8;color:#0000a8}.tui-tab-content{display:none}.tui-textarea{background-color:inherit;border:none;padding:0;color:#ff0;outline:0}.tui-window{background-color:#0000a8;padding:1px;display:inline-block;position:relative;box-shadow:10px 10px #000;color:#fff}.tui-screen-640-360{width:640px;height:360px}.tui-screen-800-600{width:800px;height:600px}.tui-screen-1024-768{width:1024px;height:768px}.tui-screen-1024-768,.tui-screen-640-360,.tui-screen-800-600{position:relative}.tui-screen-1024-768.bordered,.tui-screen-640-360.bordered,.tui-screen-800-600.bordered{border:2px solid #000}.tui-date{padding:1px 0 1px 0;margin-right:10px;float:right}.tui-shortcut{float:right}.tui-shadow,.tui-shadow-1{box-shadow:10px 10px #000!important}.tui-shadow-2{box-shadow:15px 15px #000}.tui-shadow-3{box-shadow:20px 20px #000}.tui-shadow-4{box-shadow:25px 25px #000}.tui-shadow-5{box-shadow:30px 30px #000}.tui-shadow-left,.tui-shadow-left-1{box-shadow:-10px 10px #000!important}.tui-shadow-left-2{box-shadow:-15px 15px #000!important}.tui-shadow-left-3{box-shadow:-20px 20px #000!important}.tui-shadow-left-4{box-shadow:-25px 25px #000!important}.tui-shadow-left-5{box-shadow:-30px 30px #000!important}.tui-no-shadow{box-shadow:none!important}.tui-texturized-blue-white{background-image:url(images/bg-blue-white.png);background-repeat:repeat}.tui-texturized-blue-black{background-image:url(images/bg-blue-black.png);background-repeat:repeat}.tui-texturized-green-white{background-image:url(images/bg-green-white.png);background-repeat:repeat}.tui-texturized-green-black{background-image:url(images/bg-green-black.png);background-repeat:repeat}.tui-texturized-cyan-white{background-image:url(images/bg-cyan-white.png);background-repeat:repeat}.tui-texturized-cyan-black{background-image:url(images/bg-cyan-black.png);background-repeat:repeat}.tui-texturized-red-white{background-image:url(images/bg-red-white.png);background-repeat:repeat}.tui-texturized-red-black{background-image:url(images/bg-red-black.png);background-repeat:repeat}.tui-texturized-purple-white{background-image:url(images/bg-purple-white.png);background-repeat:repeat}.tui-texturized-purple-black{background-image:url(images/bg-purple-black.png);background-repeat:repeat}.tui-texturized-yellow-white{background-image:url(images/bg-yellow-white.png);background-repeat:repeat}.tui-texturized-yellow-black{background-image:url(images/bg-yellow-black.png);background-repeat:repeat}.tui-bg-blue-white{background-image:url(images/bg-blue-white.png);background-repeat:repeat}.tui-bg-blue-black{background-image:url(images/bg-blue-black.png);background-repeat:repeat}.tui-bg-green-white{background-image:url(images/bg-green-white.png);background-repeat:repeat}.tui-bg-green-black{background-image:url(images/bg-green-black.png);background-repeat:repeat}.tui-bg-cyan-white{background-image:url(images/bg-cyan-white.png);background-repeat:repeat}.tui-bg-cyan-black{background-image:url(images/bg-cyan-black.png);background-repeat:repeat}.tui-bg-red-white{background-image:url(images/bg-red-white.png);background-repeat:repeat}.tui-bg-red-black{background-image:url(images/bg-red-black.png);background-repeat:repeat}.tui-bg-purple-white{background-image:url(images/bg-purple-white.png);background-repeat:repeat}.tui-bg-purple-black{background-image:url(images/bg-purple-black.png);background-repeat:repeat}.tui-bg-yellow-white{background-image:url(images/bg-yellow-white.png);background-repeat:repeat}.tui-bg-yellow-black{background-image:url(images/bg-yellow-black.png);background-repeat:repeat}.tui-border-solid{border:2px solid}.tui-border-dashed{border:2px dashed}.tui-border-dotted{border:2px dotted}.tui-border-double{border:2px double}.container{margin:0 auto;max-width:1280px;width:90%}@media only screen and (min-width:601px){.container{width:85%}}@media only screen and (min-width:993px){.container{width:70%}}.col .row{margin-left:-.75rem;margin-right:-.75rem}.section{padding-top:1rem;padding-bottom:1rem}.section.no-pad{padding:0}.section.no-pad-bot{padding-bottom:0}.section.no-pad-top{padding-top:0}.row{margin-left:auto;margin-right:auto;margin-bottom:20px}.row:after{content:"";display:table;clear:both}.row .col{float:left;box-sizing:border-box;padding:0 .75rem;min-height:1px}.row .col[class*=pull-],.row .col[class*=push-]{position:relative}.row .col.s1{width:8.33333%;margin-left:auto;left:auto;right:auto}.row .col.s2{width:16.66667%;margin-left:auto;left:auto;right:auto}.row .col.s3{width:25%;margin-left:auto;left:auto;right:auto}.row .col.s4{width:33.33333%;margin-left:auto;left:auto;right:auto}.row .col.s5{width:41.66667%;margin-left:auto;left:auto;right:auto}.row .col.s6{width:50%;margin-left:auto;left:auto;right:auto}.row .col.s7{width:58.33333%;margin-left:auto;left:auto;right:auto}.row .col.s8{width:66.66667%;margin-left:auto;left:auto;right:auto}.row .col.s9{width:75%;margin-left:auto;left:auto;right:auto}.row .col.s10{width:83.33333%;margin-left:auto;left:auto;right:auto}.row .col.s11{width:91.66667%;margin-left:auto;left:auto;right:auto}.row .col.s12{width:100%;margin-left:auto;left:auto;right:auto}.row .col.offset-s1{margin-left:8.33333%}.row .col.pull-s1{right:8.33333%}.row .col.push-s1{left:8.33333%}.row .col.offset-s2{margin-left:16.66667%}.row .col.pull-s2{right:16.66667%}.row .col.push-s2{left:16.66667%}.row .col.offset-s3{margin-left:25%}.row .col.pull-s3{right:25%}.row .col.push-s3{left:25%}.row .col.offset-s4{margin-left:33.33333%}.row .col.pull-s4{right:33.33333%}.row .col.push-s4{left:33.33333%}.row .col.offset-s5{margin-left:41.66667%}.row .col.pull-s5{right:41.66667%}.row .col.push-s5{left:41.66667%}.row .col.offset-s6{margin-left:50%}.row .col.pull-s6{right:50%}.row .col.push-s6{left:50%}.row .col.offset-s7{margin-left:58.33333%}.row .col.pull-s7{right:58.33333%}.row .col.push-s7{left:58.33333%}.row .col.offset-s8{margin-left:66.66667%}.row .col.pull-s8{right:66.66667%}.row .col.push-s8{left:66.66667%}.row .col.offset-s9{margin-left:75%}.row .col.pull-s9{right:75%}.row .col.push-s9{left:75%}.row .col.offset-s10{margin-left:83.33333%}.row .col.pull-s10{right:83.33333%}.row .col.push-s10{left:83.33333%}.row .col.offset-s11{margin-left:91.66667%}.row .col.pull-s11{right:91.66667%}.row .col.push-s11{left:91.66667%}.row .col.offset-s12{margin-left:100%}.row .col.pull-s12{right:100%}.row .col.push-s12{left:100%}@media only screen and (min-width:601px){.row .col.m1{width:8.33333%;margin-left:auto;left:auto;right:auto}.row .col.m2{width:16.66667%;margin-left:auto;left:auto;right:auto}.row .col.m3{width:25%;margin-left:auto;left:auto;right:auto}.row .col.m4{width:33.33333%;margin-left:auto;left:auto;right:auto}.row .col.m5{width:41.66667%;margin-left:auto;left:auto;right:auto}.row .col.m6{width:50%;margin-left:auto;left:auto;right:auto}.row .col.m7{width:58.33333%;margin-left:auto;left:auto;right:auto}.row .col.m8{width:66.66667%;margin-left:auto;left:auto;right:auto}.row .col.m9{width:75%;margin-left:auto;left:auto;right:auto}.row .col.m10{width:83.33333%;margin-left:auto;left:auto;right:auto}.row .col.m11{width:91.66667%;margin-left:auto;left:auto;right:auto}.row .col.m12{width:100%;margin-left:auto;left:auto;right:auto}.row .col.offset-m1{margin-left:8.33333%}.row .col.pull-m1{right:8.33333%}.row .col.push-m1{left:8.33333%}.row .col.offset-m2{margin-left:16.66667%}.row .col.pull-m2{right:16.66667%}.row .col.push-m2{left:16.66667%}.row .col.offset-m3{margin-left:25%}.row .col.pull-m3{right:25%}.row .col.push-m3{left:25%}.row .col.offset-m4{margin-left:33.33333%}.row .col.pull-m4{right:33.33333%}.row .col.push-m4{left:33.33333%}.row .col.offset-m5{margin-left:41.66667%}.row .col.pull-m5{right:41.66667%}.row .col.push-m5{left:41.66667%}.row .col.offset-m6{margin-left:50%}.row .col.pull-m6{right:50%}.row .col.push-m6{left:50%}.row .col.offset-m7{margin-left:58.33333%}.row .col.pull-m7{right:58.33333%}.row .col.push-m7{left:58.33333%}.row .col.offset-m8{margin-left:66.66667%}.row .col.pull-m8{right:66.66667%}.row .col.push-m8{left:66.66667%}.row .col.offset-m9{margin-left:75%}.row .col.pull-m9{right:75%}.row .col.push-m9{left:75%}.row .col.offset-m10{margin-left:83.33333%}.row .col.pull-m10{right:83.33333%}.row .col.push-m10{left:83.33333%}.row .col.offset-m11{margin-left:91.66667%}.row .col.pull-m11{right:91.66667%}.row .col.push-m11{left:91.66667%}.row .col.offset-m12{margin-left:100%}.row .col.pull-m12{right:100%}.row .col.push-m12{left:100%}}@media only screen and (min-width:993px){.row .col.l1{width:8.33333%;margin-left:auto;left:auto;right:auto}.row .col.l2{width:16.66667%;margin-left:auto;left:auto;right:auto}.row .col.l3{width:25%;margin-left:auto;left:auto;right:auto}.row .col.l4{width:33.33333%;margin-left:auto;left:auto;right:auto}.row .col.l5{width:41.66667%;margin-left:auto;left:auto;right:auto}.row .col.l6{width:50%;margin-left:auto;left:auto;right:auto}.row .col.l7{width:58.33333%;margin-left:auto;left:auto;right:auto}.row .col.l8{width:66.66667%;margin-left:auto;left:auto;right:auto}.row .col.l9{width:75%;margin-left:auto;left:auto;right:auto}.row .col.l10{width:83.33333%;margin-left:auto;left:auto;right:auto}.row .col.l11{width:91.66667%;margin-left:auto;left:auto;right:auto}.row .col.l12{width:100%;margin-left:auto;left:auto;right:auto}.row .col.offset-l1{margin-left:8.33333%}.row .col.pull-l1{right:8.33333%}.row .col.push-l1{left:8.33333%}.row .col.offset-l2{margin-left:16.66667%}.row .col.pull-l2{right:16.66667%}.row .col.push-l2{left:16.66667%}.row .col.offset-l3{margin-left:25%}.row .col.pull-l3{right:25%}.row .col.push-l3{left:25%}.row .col.offset-l4{margin-left:33.33333%}.row .col.pull-l4{right:33.33333%}.row .col.push-l4{left:33.33333%}.row .col.offset-l5{margin-left:41.66667%}.row .col.pull-l5{right:41.66667%}.row .col.push-l5{left:41.66667%}.row .col.offset-l6{margin-left:50%}.row .col.pull-l6{right:50%}.row .col.push-l6{left:50%}.row .col.offset-l7{margin-left:58.33333%}.row .col.pull-l7{right:58.33333%}.row .col.push-l7{left:58.33333%}.row .col.offset-l8{margin-left:66.66667%}.row .col.pull-l8{right:66.66667%}.row .col.push-l8{left:66.66667%}.row .col.offset-l9{margin-left:75%}.row .col.pull-l9{right:75%}.row .col.push-l9{left:75%}.row .col.offset-l10{margin-left:83.33333%}.row .col.pull-l10{right:83.33333%}.row .col.push-l10{left:83.33333%}.row .col.offset-l11{margin-left:91.66667%}.row .col.pull-l11{right:91.66667%}.row .col.push-l11{left:91.66667%}.row .col.offset-l12{margin-left:100%}.row .col.pull-l12{right:100%}.row .col.push-l12{left:100%}}@media only screen and (min-width:1201px){.row .col.xl1{width:8.33333%;margin-left:auto;left:auto;right:auto}.row .col.xl2{width:16.66667%;margin-left:auto;left:auto;right:auto}.row .col.xl3{width:25%;margin-left:auto;left:auto;right:auto}.row .col.xl4{width:33.33333%;margin-left:auto;left:auto;right:auto}.row .col.xl5{width:41.66667%;margin-left:auto;left:auto;right:auto}.row .col.xl6{width:50%;margin-left:auto;left:auto;right:auto}.row .col.xl7{width:58.33333%;margin-left:auto;left:auto;right:auto}.row .col.xl8{width:66.66667%;margin-left:auto;left:auto;right:auto}.row .col.xl9{width:75%;margin-left:auto;left:auto;right:auto}.row .col.xl10{width:83.33333%;margin-left:auto;left:auto;right:auto}.row .col.xl11{width:91.66667%;margin-left:auto;left:auto;right:auto}.row .col.xl12{width:100%;margin-left:auto;left:auto;right:auto}.row .col.offset-xl1{margin-left:8.33333%}.row .col.pull-xl1{right:8.33333%}.row .col.push-xl1{left:8.33333%}.row .col.offset-xl2{margin-left:16.66667%}.row .col.pull-xl2{right:16.66667%}.row .col.push-xl2{left:16.66667%}.row .col.offset-xl3{margin-left:25%}.row .col.pull-xl3{right:25%}.row .col.push-xl3{left:25%}.row .col.offset-xl4{margin-left:33.33333%}.row .col.pull-xl4{right:33.33333%}.row .col.push-xl4{left:33.33333%}.row .col.offset-xl5{margin-left:41.66667%}.row .col.pull-xl5{right:41.66667%}.row .col.push-xl5{left:41.66667%}.row .col.offset-xl6{margin-left:50%}.row .col.pull-xl6{right:50%}.row .col.push-xl6{left:50%}.row .col.offset-xl7{margin-left:58.33333%}.row .col.pull-xl7{right:58.33333%}.row .col.push-xl7{left:58.33333%}.row .col.offset-xl8{margin-left:66.66667%}.row .col.pull-xl8{right:66.66667%}.row .col.push-xl8{left:66.66667%}.row .col.offset-xl9{margin-left:75%}.row .col.pull-xl9{right:75%}.row .col.push-xl9{left:75%}.row .col.offset-xl10{margin-left:83.33333%}.row .col.pull-xl10{right:83.33333%}.row .col.push-xl10{left:83.33333%}.row .col.offset-xl11{margin-left:91.66667%}.row .col.pull-xl11{right:91.66667%}.row .col.push-xl11{left:91.66667%}.row .col.offset-xl12{margin-left:100%}.row .col.pull-xl12{right:100%}.row .col.push-xl12{left:100%}}
\ No newline at end of file
diff --git a/examples/general.html b/examples/general.html
index 6ef0a6d..e307e4f 100644
--- a/examples/general.html
+++ b/examples/general.html
@@ -1,5 +1,5 @@
-
+
@@ -320,7 +320,7 @@
-