1 /* header */ |
1 /* header */ |
2 div.header div.title-header{ |
2 .header .title-header{ |
3 width: 460px; |
3 width: 460px; |
4 float: left; |
4 float: left; |
5 height: 60px; |
5 height: 60px; |
6 } |
6 } |
7 div.header div.title-header h2{ |
7 .header .title-header h2{ |
8 width: 100%; |
8 width: 100%; |
9 text-align: center; |
9 text-align: center; |
10 line-height: 60px; |
10 line-height: 60px; |
11 } |
11 } |
12 div.header div.title-header h2 a{ |
12 .header .title-header h2 a{ |
13 color: #de2500; |
13 color: #de2500; |
14 font-size: 24px; |
14 font-size: 24px; |
15 text-decoration: underline; |
15 text-decoration: underline; |
16 font-weight: bold; |
16 font-weight: bold; |
17 } |
17 } |
18 div.header div.title-header h2 a:hover{ |
18 .header .title-header h2 a:hover{ |
19 text-decoration: none; |
19 text-decoration: none; |
20 } |
20 } |
21 /* content */ |
21 /* content */ |
22 div.content div.left-content, |
22 .content .left-content, |
23 div.content div.right-content{ |
23 .content .right-content{ |
24 padding-top: 8px; |
24 padding-top: 8px; |
25 float: left; |
25 float: left; |
26 } |
26 } |
27 div.content div.left-content h2, |
27 .content .left-content h2, |
28 div.content div.right-content h2{ |
28 .content .right-content h2{ |
29 padding: 6px 0; |
29 padding: 6px 0; |
30 margin-bottom: 14px; |
30 margin-bottom: 14px; |
31 border-bottom: 1px solid #333333; |
31 border-bottom: 1px solid #333333; |
32 color: #30036d; |
32 color: #30036d; |
33 font-size: 18px; |
33 font-size: 18px; |
34 font-weight: 600; |
34 font-weight: 600; |
35 } |
35 } |
36 /* left-content */ |
36 /* left-content */ |
37 div.content div.left-content{ |
37 .content .left-content{ |
38 width: 630px; |
38 width: 630px; |
39 margin-right: 20px; |
39 margin-right: 20px; |
40 } |
40 } |
41 div.left-content div.hashcut-video-wrap{ |
41 .left-content .hashcut-video-wrap{ |
42 padding-left: 10px; |
42 padding-left: 10px; |
43 overflow: hidden; |
43 overflow: hidden; |
44 margin-bottom: 16px; |
44 margin-bottom: 16px; |
45 } |
45 } |
46 div.hashcut-video-wrap div.news{ |
46 .hashcut-video-wrap .news{ |
47 width: 300px; |
47 width: 300px; |
48 float: left; |
48 float: left; |
49 margin-right: 20px; |
49 margin-right: 20px; |
50 } |
50 } |
51 div.hashcut-video-wrap div.news:nth-child(2n+2){ |
51 .hashcut-video-wrap .news:nth-child(2n+2){ |
52 margin-right: 0; |
52 margin-right: 0; |
53 } |
53 } |
54 div.hashcut-video-wrap h3{ |
54 .hashcut-video-wrap h3{ |
55 font-size: 12px; |
55 font-size: 12px; |
56 } |
56 } |
57 div.hashcut-video-wrap h3 strong{ |
57 .hashcut-video-wrap h3 strong{ |
58 font-weight: 600; |
58 font-weight: 600; |
59 } |
59 } |
60 div.hashcut-video-wrap div.last h3 strong{ |
60 .hashcut-video-wrap .last h3 strong{ |
61 margin-bottom: 2px; |
61 margin-bottom: 2px; |
62 font-weight: 600; |
62 font-weight: 600; |
63 display: block; |
63 display: block; |
64 } |
64 } |
65 div.left-content div.hashcut-video-wrap h3 a{ |
65 .left-content .hashcut-video-wrap h3 a{ |
66 border-bottom: 1px solid #bababa; |
66 border-bottom: 1px solid #bababa; |
67 display: inline-block; |
67 display: inline-block; |
68 line-height: 12px; |
68 line-height: 12px; |
69 } |
69 } |
70 div.left-content div.hashcut-video-wrap h3 a:hover{ |
70 .left-content .hashcut-video-wrap h3 a:hover{ |
71 border-bottom: none; |
71 border-bottom: none; |
72 } |
72 } |
73 div.hashcut-video-wrap h3 span{ |
73 iv.hashcut-video-wrap h3 span{ |
74 color: #de2500; |
74 color: #de2500; |
75 } |
75 } |
76 div.hashcut-video-wrap a.screenshot{ |
76 .hashcut-video-wrap a.screenshot{ |
77 display: inline-block; |
77 display: inline-block; |
78 margin-bottom: 8px; |
78 margin-bottom: 8px; |
79 } |
79 } |
80 div.hashcut-video-wrap div.last:nth-child(4n+4){ |
80 .hashcut-video-wrap .last:nth-child(4n+4){ |
81 margin-right: 0; |
81 margin-right: 0; |
82 } |
82 } |
83 div.hashcut-video-wrap div.last{ |
83 .hashcut-video-wrap .last{ |
84 width: 140px; |
84 width: 140px; |
85 float: left; |
85 float: left; |
86 margin: 0 20px 12px 0; |
86 margin: 0 20px 12px 0; |
87 } |
87 } |
88 div.left-content div.pagination{ |
88 .left-content .pagination{ |
89 text-align: center; |
89 text-align: center; |
90 } |
90 } |
91 div.left-content div.pagination a{ |
91 .left-content .pagination a{ |
92 font-size: 14px; |
92 font-size: 14px; |
93 color: #7628df; |
93 color: #7628df; |
94 text-decoration: underline; |
94 text-decoration: underline; |
95 } |
95 } |
96 div.left-content div.pagination a:hover{ |
96 .left-content .pagination a:hover{ |
97 text-decoration: none; |
97 text-decoration: none; |
98 } |
98 } |
99 div.left-content div.pagination a.active{ |
99 .left-content .pagination a.active{ |
100 color: #de2500; |
100 color: #de2500; |
101 text-decoration: none; |
101 text-decoration: none; |
102 } |
102 } |
103 /* right-content */ |
103 /* right-content */ |
104 div.content div.right-content{ |
104 .content .right-content{ |
105 width: 310px; |
105 width: 310px; |
106 } |
106 } |
107 div.right-content div.definition p{ |
107 .right-content .definition p{ |
108 font-size: 12px; |
108 font-size: 12px; |
109 line-height: 14px; |
109 line-height: 14px; |
110 margin-bottom: 12px; |
110 margin-bottom: 12px; |
111 } |
111 } |
112 div.right-content div.definition p strong{ |
112 .right-content .definition p strong{ |
113 font-weight: bold; |
113 font-weight: bold; |
114 } |
114 } |
115 div.right-content div.definition p a{ |
115 .right-content .definition p a{ |
116 color: #7628df; |
116 color: #7628df; |
117 text-decoration: underline; |
117 text-decoration: underline; |
118 } |
118 } |
119 div.right-content div.definition p a:hover{ |
119 .right-content .definition p a:hover{ |
120 text-decoration: none; |
120 text-decoration: none; |
121 } |
121 } |
|
122 .how-to ul li{ |
|
123 background-image: url(../img/how-to-sprite.png); |
|
124 background-repeat: no-repeat; |
|
125 margin-bottom: 2px; |
|
126 } |
|
127 .how-to ul li h3{ |
|
128 color: #de2500; |
|
129 font-size: 18px; |
|
130 font-weight: bold; |
|
131 margin-bottom: 12px; |
|
132 } |
|
133 .how-to ul li p{ |
|
134 font-size: 12px; |
|
135 } |
|
136 .how-to ul li.inscription{ |
|
137 height: 84px; |
|
138 background-position: 212px 0; |
|
139 } |
|
140 .how-to ul li.creation{ |
|
141 height: 100px; |
|
142 background-position: 212px -128px; |
|
143 } |
|
144 .how-to ul li.creation{ |
|
145 height: 100px; |
|
146 background-position: 212px -128px; |
|
147 } |
|
148 .how-to ul li.publier{ |
|
149 height: 90px; |
|
150 background-position: 212px -266px; |
|
151 } |
|
152 .how-to ul li.next-step{ |
|
153 height: 24px; |
|
154 background-position: 212px -377px; |
|
155 } |