trials.css
2.9 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
html,body{
height: auto;
}
.product_trial_formbox {
width: 100%;
overflow-x:hidden;
}
.product_trial_formbox_head{
width: 7.5rem;
}
.product_trial_formbox_head img{
width:100%;
height: 100%;
}
.product_trial_formbox_content p{
margin-top: .5rem;
font-size: .4rem;
padding:.2rem .5rem;
color:#666;
}
.product_trial_formbox_content {
width: 100%;
background: #fff;
color: #333;
}
.detailForm{
margin-top: .5rem;
}
.product_trial_formbox_content input {
width: 4.5rem;
border: 1px #ccc solid;
border-radius: .03rem;
text-indent: .06rem;
margin-bottom: .4rem;
font-size: .3rem;
background: #fdfdfd;
line-height: .4rem;
height:.8rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #666;
}
.product_trial_formbox_content label {
margin-left: .8rem;
font-size: .4rem;
}
.product_trial_formbox_content label:nth-of-type(4),label:nth-of-type(5){
margin-left: 1.1rem;
}
.submit_trail {
width: 3.88rem;
height: 1rem;
margin-top: .4rem;
margin-bottom: .8rem;
background: #2ecc71;
margin-left: 1.8rem;
font-size: .4rem;
line-height: 1rem;
display: block;
float: left;
text-align: center;
-moz-border-radius: 0.03rem;
-webkit-border-radius: 0.03rem; /* Webkit browsers */
border-radius: 0.03rem;
color: #fff;
}
.submit_trail:hover {
background: #00b960;
}
.tip-yellowsimple {
z-index:1000;
text-align:left;
border:1px solid #c7bf93;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
padding:6px 8px;
min-width:50px;
max-width:300px;
color:#000;
background-color:#fff9c9;
/**
* - If you set a background-image, border/padding/background-color will be ingnored.
* You can set any padding to .tip-inner instead if you need.
* - If you want a tiled background-image and border/padding for the tip,
* set the background-image to .tip-inner instead.
*/
}
.tip-yellowsimple .tip-inner {
font:12px/16px arial,helvetica,sans-serif;
}
/* Configure an arrow image - the script will automatically position it on the correct side of the tip */
.tip-yellowsimple .tip-arrow-top {
margin-top:-6px;
margin-left:-5px; /* approx. half the width to center it */
top:0;
left:50%;
width:9px;
height:6px;
}
.tip-yellowsimple .tip-arrow-right {
margin-top:-4px; /* approx. half the height to center it */
margin-left:0;
top:50%;
left:100%;
width:6px;
height:9px;
}
.tip-yellowsimple .tip-arrow-bottom {
margin-top:0;
margin-left:-5px; /* approx. half the width to center it */
top:100%;
left:50%;
width:9px;
height:6px;
}
.tip-yellowsimple .tip-arrow-left {
margin-top:-4px; /* approx. half the height to center it */
margin-left:-6px;
top:50%;
left:0;
width:6px;
height:9px;
}