Improving software registration

Simiao Carvalho
1 parent 997497ee
Showing 1 changed file with 116 additions and 0 deletions Show diff stats
token-input.css
@@ -0,0 +1,116 @@
+/* Example tokeninput style #1: Token vertical list*/
+ul.token-input-list {
+    overflow: hidden; 
+    height: auto !important; 
+    height: 1%;
+    width: 400px;
+    border: 1px solid #999;
+    cursor: text;
+    font-size: 12px;
+    font-family: Verdana;
+    z-index: 999;
+    margin: 0;
+    padding: 0;
+    background-color: #fff;
+    list-style-type: none;
+    clear: left;
+}
+
+ul.token-input-list li {
+    list-style-type: none;
+}
+
+ul.token-input-list li input {
+    border: 0;
+    width: 350px;
+    padding: 3px 8px;
+    background-color: white;
+    -webkit-appearance: caret;
+}
+
+li.token-input-token {
+    overflow: hidden; 
+    height: auto !important; 
+    height: 1%;
+    margin: 3px;
+    padding: 3px 5px;
+    background-color: #d0efa0;
+    color: #000;
+    font-weight: bold;
+    cursor: default;
+    display: block;
+}
+
+li.token-input-token p {
+    float: left;
+    padding: 0;
+    margin: 0;
+}
+
+li.token-input-token span {
+    float: right;
+    color: #777;
+    cursor: pointer;
+}
+
+li.token-input-selected-token {
+    background-color: #08844e;
+    color: #fff;
+}
+
+li.token-input-selected-token span {
+    color: #bbb;
+}
+
+div.token-input-dropdown {
+    position: absolute;
+    width: 400px;
+    background-color: #fff;
+    overflow: auto;
+    border-left: 1px solid #ccc;
+    border-right: 1px solid #ccc;
+    border-bottom: 1px solid #ccc;
+    cursor: default;
+    font-size: 12px;
+    font-family: Verdana;
+    z-index: 1;
+}
+
+div.token-input-dropdown p {
+    margin: 0;
+    padding: 5px;
+    font-weight: bold;
+    color: #777;
+}
+
+div.token-input-dropdown ul {
+    margin: 0;
+    padding: 0;
+}
+
+div.token-input-dropdown ul li {
+    background-color: #fff;
+    padding: 3px;
+    list-style-type: none;
+}
+
+div.token-input-dropdown ul li.token-input-dropdown-item {
+    background-color: #fafafa;
+}
+
+div.token-input-dropdown ul li.token-input-dropdown-item2 {
+    background-color: #fff;
+}
+
+div.token-input-dropdown ul li em {
+    font-weight: bold;
+    font-style: normal;
+}
+
+div.token-input-dropdown ul li.token-input-selected-dropdown-item {
+    background-color: #d0efa0;
+}
+.token-input-blur-text {
+  font-style: italic;
+  color: #AAA;
+}
...	...	@@ -0,0 +1,116 @@
	1	+/* Example tokeninput style #1: Token vertical list*/
	2	+ul.token-input-list {
	3	+ overflow: hidden;
	4	+ height: auto !important;
	5	+ height: 1%;
	6	+ width: 400px;
	7	+ border: 1px solid #999;
	8	+ cursor: text;
	9	+ font-size: 12px;
	10	+ font-family: Verdana;
	11	+ z-index: 999;
	12	+ margin: 0;
	13	+ padding: 0;
	14	+ background-color: #fff;
	15	+ list-style-type: none;
	16	+ clear: left;
	17	+}
	18	+
	19	+ul.token-input-list li {
	20	+ list-style-type: none;
	21	+}
	22	+
	23	+ul.token-input-list li input {
	24	+ border: 0;
	25	+ width: 350px;
	26	+ padding: 3px 8px;
	27	+ background-color: white;
	28	+ -webkit-appearance: caret;
	29	+}
	30	+
	31	+li.token-input-token {
	32	+ overflow: hidden;
	33	+ height: auto !important;
	34	+ height: 1%;
	35	+ margin: 3px;
	36	+ padding: 3px 5px;
	37	+ background-color: #d0efa0;
	38	+ color: #000;
	39	+ font-weight: bold;
	40	+ cursor: default;
	41	+ display: block;
	42	+}
	43	+
	44	+li.token-input-token p {
	45	+ float: left;
	46	+ padding: 0;
	47	+ margin: 0;
	48	+}
	49	+
	50	+li.token-input-token span {
	51	+ float: right;
	52	+ color: #777;
	53	+ cursor: pointer;
	54	+}
	55	+
	56	+li.token-input-selected-token {
	57	+ background-color: #08844e;
	58	+ color: #fff;
	59	+}
	60	+
	61	+li.token-input-selected-token span {
	62	+ color: #bbb;
	63	+}
	64	+
	65	+div.token-input-dropdown {
	66	+ position: absolute;
	67	+ width: 400px;
	68	+ background-color: #fff;
	69	+ overflow: auto;
	70	+ border-left: 1px solid #ccc;
	71	+ border-right: 1px solid #ccc;
	72	+ border-bottom: 1px solid #ccc;
	73	+ cursor: default;
	74	+ font-size: 12px;
	75	+ font-family: Verdana;
	76	+ z-index: 1;
	77	+}
	78	+
	79	+div.token-input-dropdown p {
	80	+ margin: 0;
	81	+ padding: 5px;
	82	+ font-weight: bold;
	83	+ color: #777;
	84	+}
	85	+
	86	+div.token-input-dropdown ul {
	87	+ margin: 0;
	88	+ padding: 0;
	89	+}
	90	+
	91	+div.token-input-dropdown ul li {
	92	+ background-color: #fff;
	93	+ padding: 3px;
	94	+ list-style-type: none;
	95	+}
	96	+
	97	+div.token-input-dropdown ul li.token-input-dropdown-item {
	98	+ background-color: #fafafa;
	99	+}
	100	+
	101	+div.token-input-dropdown ul li.token-input-dropdown-item2 {
	102	+ background-color: #fff;
	103	+}
	104	+
	105	+div.token-input-dropdown ul li em {
	106	+ font-weight: bold;
	107	+ font-style: normal;
	108	+}
	109	+
	110	+div.token-input-dropdown ul li.token-input-selected-dropdown-item {
	111	+ background-color: #d0efa0;
	112	+}
	113	+.token-input-blur-text {
	114	+ font-style: italic;
	115	+ color: #AAA;
	116	+}
...	...