Skip to content

Commit 54cd4cc

Browse files
LevKanterLevKanter
committed
Merge branch 'develop' of github.com:typecode/typecode-js into develop
Conflicts: examples/field.html
2 parents 65d87e4 + 110635f commit 54cd4cc

File tree

11 files changed

+292
-334
lines changed

11 files changed

+292
-334
lines changed

‎examples/field.css

Lines changed: 119 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,119 @@
1+
body {
2+
font-family: Helvetica, sans-serif;
3+
background-color: #eeeeee;
4+
}
5+
6+
.tc-field {
7+
position: relative;
8+
float: left;
9+
clear: left;
10+
margin: 0 0 30px;
11+
border: 1px solid transparent;
12+
}
13+
14+
.tc-field.state-invalid {
15+
border-color: #dd0000;
16+
}
17+
18+
.tc-field-label {
19+
font-size: 12px;
20+
text-transform: uppercase;
21+
}
22+
23+
.tc-field-hint {
24+
color: #999999;
25+
font-size: 14px;
26+
font-style: italic;
27+
}
28+
29+
.tc-dropdown {
30+
width: 250px;
31+
}
32+
33+
.tc-dropdown .display {
34+
cursor: pointer;
35+
padding: 5px 10px;
36+
border: 2px solid #999999;
37+
overflow: hidden;
38+
white-space: nowrap;
39+
}
40+
.tc-dropdown .display:hover {
41+
background-color: #f9f9f9;
42+
border-color: #333333;
43+
}
44+
.tc-dropdown .display .state-empty {
45+
color: #888888;
46+
font-style: italic;
47+
}
48+
.tc-dropdown .menu {
49+
display: none;
50+
margin: 0;
51+
padding: 0;
52+
position: absolute;
53+
top: 100%;
54+
left: 0;
55+
z-index: 2;
56+
width: 100%;
57+
background-color: #ffffff;
58+
box-shadow: 0 0 6px rgba(0, 0, 0, .4);
59+
}
60+
.tc-dropdown .item {
61+
cursor: pointer;
62+
padding: 5px 10px;
63+
font-family: Georgia, serif;
64+
font-style: italic;
65+
font-size: 14px;
66+
}
67+
.tc-dropdown .item.state-active {
68+
color: #dd0000;
69+
font-weight: bold;
70+
}
71+
.tc-dropdown .item:hover {
72+
background-color: #999999;
73+
color: #ffffff;
74+
}
75+
.tc-dropdown .item:active {
76+
background-color: #000000;
77+
color: #ffffff;
78+
}
79+
80+
.tc-dropdown .item input[type="checkbox"] {
81+
margin: 0px 10px 0px 0px;
82+
position: relative;
83+
top: -2px;
84+
}
85+
86+
.sexy-control {
87+
cursor: pointer;
88+
float: left;
89+
}
90+
91+
.sexy-checkbox {
92+
margin-right: 5px;
93+
width: 12px;
94+
height: 12px;
95+
-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
96+
border: 2px solid #fff;
97+
background: #f9f9f9; background: -moz-linear-gradient(top, #f9f9f9 0%, #efefef 100%);
98+
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#efefef));
99+
background: -webkit-linear-gradient(top, #f9f9f9 0%,#efefef 100%);
100+
background: -o-linear-gradient(top, #f9f9f9 0%,#efefef 100%);
101+
background: -ms-linear-gradient(top, #f9f9f9 0%,#efefef 100%);
102+
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#efefef',GradientType=0 );
103+
background: linear-gradient(top, #f9f9f9 0%,#efefef 100%);
104+
-webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out;
105+
-o-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out;
106+
}
107+
.sexy-checkbox:hover {
108+
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .2);
109+
-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .2); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .2);
110+
}
111+
.sexy-checkbox.state-active {
112+
background: #d87936; background: -moz-linear-gradient(top, #d87936 0%, #c46623 100%);
113+
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d87936), color-stop(100%,#c46623));
114+
background: -webkit-linear-gradient(top, #d87936 0%,#c46623 100%);
115+
background: -o-linear-gradient(top, #d87936 0%,#c46623 100%);
116+
background: -ms-linear-gradient(top, #d87936 0%,#c46623 100%);
117+
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d87936', endColorstr='#c46623',GradientType=0 );
118+
background: linear-gradient(top, #d87936 0%,#c46623 100%);
119+
}

0 commit comments

Comments
 (0)