• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1/* PERCENTAGE_LENGTH_VALIDATOR_test */
2.a {
3  width: 100%;
4  height: 50%;
5}
6
7/* ENGTH_VALIDATOR_test */
8.b {
9  width: 100px;
10  height: 200px;
11}
12
13/* COLOR_VALIDATOR_test_1 */
14.c {
15  color: #808080;
16}
17
18/* COLOR_VALIDATOR_test_2 */
19.d {
20  color: #008000;
21}
22
23/* COLOR_VALIDATOR_test_3 */
24.e {
25  color: rgba(80, 60, 150, 1.0);
26}
27
28/* GRID_TEMPLATE_VALIDATOR_test */
29.j {
30  grid-template-columns: 50px 40px 80px;
31}
32
33/* NUMBER_VALIDATOR_test */
34.l {
35  grid-row-start: 3;
36}
37
38/* BORDER_VALIDATOR_test */
39.m {
40  border: 5px solid #808080;
41}
42
43/* TEXT_INDENT_VALIDATOR_test */
44.n {
45  text-indent: 50px;
46}
47
48/* URL_VALIDATOR_test */
49.o {
50  background-image: url(/common/img/a.jpg);
51}
52
53/* ANGLE_VALIDATOR_test */
54.t {
55  start-angle: 240deg;
56}
57
58/* SHORTHAND_LENGTH_VALIDATOR_test */
59.v {
60  padding: 10px 15px;
61}
62
63#w {
64  font-size: 15px;
65  font-family: PingFangSC-Regular;
66}
67
68/* ******************common style******************* */
69
70/* gradient_test_1 */
71.gradient1 {
72  background: linear-gradient(#ff0000, #00ff00);
73}
74
75/* gradient_test_2 */
76.gradient2 {
77  background: linear-gradient(45deg, rgb(255,0,0),rgb(0, 255, 0));
78}
79
80/* gradient_test_3 */
81.gradient3 {
82  background: linear-gradient(to right, rgb(255,0,0) 90px, rgb(0, 0, 255) 60%);
83}
84
85/* gradient_test_4 */
86.gradient4 {
87  background: repeating-linear-gradient(to right, rgba(255, 255, 0, 1) 30px,rgba(0, 0, 255, .5) 60px);
88}
89
90/* customize font */
91@font-face {
92  font-family: HWfont;
93  src: url(/common/HWfont.ttf);
94}
95
96.txt {
97  font-family: HWfont;
98}