From ae4c1c119e17d71ec15dcf90f1df47bfd0fb7949 Mon Sep 17 00:00:00 2001 From: "vinicius.reif" Date: Wed, 12 Sep 2018 08:17:34 -0300 Subject: [PATCH] first --- TuiCSS/images/bg-black.png | Bin 0 -> 166 bytes TuiCSS/images/bg.png | Bin 0 -> 168 bytes TuiCSS/images/scroll.png | Bin 0 -> 168 bytes TuiCSS/style.css | 542 +++++++++++++++++++++++++ examples.html | 796 +++++++++++++++++++++++++++++++++++++ 5 files changed, 1338 insertions(+) create mode 100644 TuiCSS/images/bg-black.png create mode 100644 TuiCSS/images/bg.png create mode 100644 TuiCSS/images/scroll.png create mode 100644 TuiCSS/style.css create mode 100644 examples.html diff --git a/TuiCSS/images/bg-black.png b/TuiCSS/images/bg-black.png new file mode 100644 index 0000000000000000000000000000000000000000..aa55706d4fc2a01a606f1c91cbaaedda135a476b GIT binary patch literal 166 zcmeAS@N?(olHy`uVBq!ia0vp^Od!m`1|*BN@u~nR#^NA%Cx&(BWL^R}Ea{HEjtmSN z`?>!lvI6;>1s;*b3=DinK$vl=HlH+5P_o1|q9iy!t)x7$D3zfgF*C13FE6!3!9>qM z&(O%3CHoCfk(j58V~9j}azaAHM|qDw=`4agK)|4Ojd}UawRf9=Di}On{an^LB{Ts5 Di0Ua8 literal 0 HcmV?d00001 diff --git a/TuiCSS/images/bg.png b/TuiCSS/images/bg.png new file mode 100644 index 0000000000000000000000000000000000000000..45409ed4487a5f274bd9b2d2519561339d4d3c63 GIT binary patch literal 168 zcmeAS@N?(olHy`uVBq!ia0vp^Od!m`1|*BN@u~nR#^NA%Cx&(BWL^R}Ea{HEjtmSN z`?>!lvI6;>1s;*b3=DinK$vl=HlH+5P_o1|q9iy!t)x7$D3zfgF*C13FE6!3!9>qM z&(O%3CHoCfk%Xs!lvI6;>1s;*b3=DinK$vl=HlH+5P_o1|q9iy!t)x7$D3zfgF*C13FE6!3!9>qM z&(O%3CHoCfk%Xs .tui-dropdown-content:first-of-type { + display: block; +} + +/* SCROLLBAR */ +::-webkit-scrollbar { + width: 10px; +} +::-webkit-scrollbar-track { + background-image: url("images/scroll.png"); + background-repeat: repeat; +} +::-webkit-scrollbar-thumb { + background-color: rgb(0, 168, 168); +} +::-webkit-scrollbar-thumb:hover { + background-color: rgb(0, 168, 168); +} + +/* SIDENAV */ +.tui-sidenav { + position: fixed; + top: 0px; + left: 0px; + background-color: rgb(0, 168, 168); + width: 1px; + z-index: 10; + height: 100%; + overflow: hidden; +} +.tui-sidenav:hover { + min-width: 200px; + box-shadow: 10px 10px black!important; + padding: 6px; +} +.tui-sidenav ul { + border: 2px black solid; +} +.tui-sidenav ul li { + display: block; + margin: 6px; +} +.tui-sidenav ul li a { + display: block; +} +.tui-sidenav ul li:hover { + background-color: rgb(255, 255, 0); +} + +/* TABLE */ +.tui-table { + border: 2px solid rgb(168, 168, 168); + padding: 5px; + border-collapse: collapse; +} +.tui-table-hover tbody tr:hover { + background-color: rgb(0, 168, 168); + color: black; +} +.tui-table tbody { + background-color: inherit; + color: white; +} +.tui-table tbody tr td { + border-right: 2px solid rgb(168, 168, 168); + padding: 0px 2px; +} +.tui-table thead { + background-color: inherit; + color: rgb(255, 255, 0); + text-align: center; +} + +/* TEXTAREA */ +.tui-textarea { + background-color: inherit; + border: none; + padding: 0px; + color: rgb(255, 255, 0); + outline: none; +} + +/* CLOCK */ +.tui-clock { + padding: 1px 0px; + margin-right: 10px; + float:right; +} \ No newline at end of file diff --git a/examples.html b/examples.html new file mode 100644 index 0000000..cc5ff06 --- /dev/null +++ b/examples.html @@ -0,0 +1,796 @@ + + + + + + + + TUI + + + + + + + + + + +
+ + +
+ + +
+
+ Window + + Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+ Curabitur id vestibulum libero, id fermentum lorem.
+ Aenean aliquam erat leo, eu tempus ex ornare eu.
+ Sed ut lacus libero. Etiam rhoncus ipsum arcu.
+ In quis bibendum libero. Donec nec egestas ipsum.
+ Sed in venenatis diam. Nullam sollicitudin risus vel.
+
+
+
+ + +
+


+ + +
+
+ Window +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+ Curabitur id vestibulum libero, id fermentum lorem.
+ Aenean aliquam erat leo, eu tempus ex ornare eu.
+ Sed ut lacus libero. Etiam rhoncus ipsum arcu.
+ In quis bibendum libero. Donec nec egestas ipsum.
+ Sed in venenatis diam. Nullam sollicitudin risus vel.
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+ Curabitur id vestibulum libero, id fermentum lorem.
+ Aenean aliquam erat leo, eu tempus ex ornare eu.
+ Sed ut lacus libero. Etiam rhoncus ipsum arcu.
+ In quis bibendum libero. Donec nec egestas ipsum.
+ Sed in venenatis diam. Nullam sollicitudin risus vel.
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+ Curabitur id vestibulum libero, id fermentum lorem.
+ Aenean aliquam erat leo, eu tempus ex ornare eu.
+ Sed ut lacus libero. Etiam rhoncus ipsum arcu.
+ In quis bibendum libero. Donec nec egestas ipsum.
+ Sed in venenatis diam. Nullam sollicitudin risus vel.
+
+
+


+ + +
+
+ Window + The Lorem Ipsum

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+ Curabitur id vestibulum libero, id fermentum lorem.
+ Aenean aliquam erat leo, eu tempus ex ornare eu.
+ Sed ut lacus libero. Etiam rhoncus ipsum arcu.
+ In quis bibendum libero. Donec nec egestas ipsum.
+ Sed in venenatis diam. Nullam sollicitudin risus vel.
+
+
+
+ +
+


+ + +
+
+ Error! + An ERROR ocurred while processing! +

+ +
+


+ + +
+
+ Window + +
Text format: UTF-8
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Vestibulum a posuere sapien, nec placerat + lorem.
Aliquam urna lorem, placerat et varius et, aliquam ac libero. +

+ +
Author: Lorem Ipsum

+
+


+ + +
+
+ Warning! There are pendencies

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Vestibulum a posuere sapien, nec placerat + lorem.
Aliquam urna lorem, placerat et varius et, aliquam ac libero. +
+


+ + +
+
+ +
+


+ + +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Vestibulum a posuere sapien, nec placerat + lorem.
Aliquam urna lorem, placerat et varius et, aliquam ac libero. +


+ + +
+ NOTE: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Vestibulum a posuere sapien, nec + placerat + lorem.
Aliquam urna lorem, placerat et varius et, aliquam ac libero. +


+ + +
+
+ Inputs + TEXT:

+ NUMBER:

+ DATE:

+ DATETIME:

+ PASSWORD:

+ SELECT:
+ +
+ Checkboxes + + +
+
+ Radios + + + +
+ TEXTAREA:
+
+ COLOR:
+
+ MULTIPLE:
+ +
+


+ + +
+
+ Progress + 0% +
+ +
+ 25% +
+ +
+ 50% +
+ +
+ 75% +
+ +
+ 100% +
+ +
+ Indeterminate +
+ +
+ Custom +
+ +
+
+


+ + +
+
+ Table + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameSizeMTime
/.mc1024Apr 24 01:24
/bin3072Jun 12 11:01
/boot1024Apr 24 01:24
~cdrom256May 24 01:24
/disk10258May 12 11:01
/win324056Apr 24 01:24
+
+


+ + +
+
+ Pocket Calculator + +

+ + + +

+ + + +

+ + + +

+ + + +

+ + + + +
+


+ + +
+
+ MYAPP.CPP + + + +
+


+ + +
+
+

+
+ TuiCSS

+ Version: 0.1.0
+ Copyright (c) 2018 by VBFoundation +
+

+
+


+ + +
+
+ Register / 106 +
+ Number.....: +
+ Document...: +
+ First Name.: +
+ Second Name: +
+ City.......: +
+ State......: +
+ Contry.....: +

+ Phone......: +
+ Fax........: +
+ Email......: +

+ Group......: + +
+
+ Locale +
+ + + + +
+
+ ...Cod: +
+

+ Currency +
+ + + +
+
+ Registered at: 11/09/2018 12:50:15 +
+

+ + + + + +

+
+


+ + +
+
+ Register / 106 +
+ Number.....: +
+ Document...: +
+ First Name.: +
+ Second Name: +
+ City.......: +
+ State......: +
+ Contry.....: +

+ Phone......: +
+ Fax........: +
+ Email......: +

+ Group......: + +
+
+ Locale +
+ + + + +
+
+ ...Cod: +
+

+ Currency +
+ + + +
+
+ Registered at: 11/09/2018 12:50:15 +
+

+ + + + + +

+
+


+ + +
+ +


+ +
+

+ + + + + \ No newline at end of file