OLD | NEW |
1 #content .sprite | 1 #content .sprite |
2 { | 2 { |
3 background-image: url(../img/sprite-features.png); | 3 background-image: url(../img/sprite-features.png); |
4 } | 4 } |
5 | 5 |
6 #toc | 6 .topic-small .feature-adblocking |
7 { | |
8 text-align: center; | |
9 margin-bottom: 50px; | |
10 } | |
11 | |
12 .feature-small | |
13 { | |
14 display: inline-block; | |
15 width: 110px; | |
16 min-height: 90px; | |
17 text-align: center; | |
18 vertical-align: top; | |
19 padding: 10px; | |
20 margin: 5px; | |
21 text-decoration: none; | |
22 border: 1px solid #D9D9D9; | |
23 border-radius: 5px; | |
24 box-shadow: 1px 1px 0 0 #D9D9D9; | |
25 background-color: white; | |
26 } | |
27 | |
28 .feature-small .sprite | |
29 { | |
30 width: 50px; | |
31 height: 50px; | |
32 } | |
33 | |
34 .feature-small .feature-adblocking | |
35 { | 7 { |
36 background-position: 0px -228px; | 8 background-position: 0px -228px; |
37 } | 9 } |
38 | 10 |
39 .feature-small .feature-acceptable | 11 .topic-small .feature-acceptable |
40 { | 12 { |
41 background-position: -51px -228px; | 13 background-position: -51px -228px; |
42 } | 14 } |
43 | 15 |
44 .feature-small .feature-typo | 16 .topic-small .feature-typo |
45 { | 17 { |
46 background-position: -102px -228px; | 18 background-position: -102px -228px; |
47 } | 19 } |
48 | 20 |
49 .feature-small .feature-malware | 21 .topic-small .feature-malware |
50 { | 22 { |
51 background-position: -153px -228px; | 23 background-position: -153px -228px; |
52 } | 24 } |
53 | 25 |
54 .feature-small .feature-socialmedia | 26 .topic-small .feature-socialmedia |
55 { | 27 { |
56 background-position: -204px -228px; | 28 background-position: -204px -228px; |
57 } | 29 } |
58 | 30 |
59 .feature-small .feature-tracking | 31 .topic-small .feature-tracking |
60 { | 32 { |
61 background-position: -255px -228px; | 33 background-position: -255px -228px; |
62 } | 34 } |
63 | 35 |
64 .feature-small p | 36 .topic .feature-adblocking |
65 { | |
66 margin: 0px; | |
67 font-size: 14px; | |
68 } | |
69 | |
70 #list | |
71 { | |
72 text-align: center; | |
73 } | |
74 | |
75 .feature | |
76 { | |
77 position: relative; | |
78 margin: 0 auto 20px auto; | |
79 text-align: left; | |
80 border-top: 1px solid #7D7D7D; | |
81 } | |
82 | |
83 html[dir="rtl"] .feature | |
84 { | |
85 text-align: right; | |
86 } | |
87 | |
88 .feature.first | |
89 { | |
90 border-top: none; | |
91 } | |
92 | |
93 .feature .sprite | |
94 { | |
95 position: absolute; | |
96 top: 25px; | |
97 width: 113px; | |
98 height: 113px; | |
99 margin-left: -150px; | |
100 margin-right: 0px; | |
101 } | |
102 | |
103 html[dir="rtl"] .feature .sprite | |
104 { | |
105 margin-right: -150px; | |
106 margin-left: 0px; | |
107 } | |
108 | |
109 .feature .feature-adblocking | |
110 { | 37 { |
111 background-position: 0px 0px; | 38 background-position: 0px 0px; |
112 } | 39 } |
113 | 40 |
114 .feature .feature-acceptable | 41 .topic .feature-acceptable |
115 { | 42 { |
116 background-position: -114px 0px; | 43 background-position: -114px 0px; |
117 } | 44 } |
118 | 45 |
119 .feature .feature-typo | 46 .topic .feature-typo |
120 { | 47 { |
121 background-position: -228px 0px; | 48 background-position: -228px 0px; |
122 } | 49 } |
123 | 50 |
124 .feature .feature-malware | 51 .topic .feature-malware |
125 { | 52 { |
126 background-position: 0px -114px; | 53 background-position: 0px -114px; |
127 } | 54 } |
128 | 55 |
129 .feature .feature-socialmedia | 56 .topic .feature-socialmedia |
130 { | 57 { |
131 background-position: -114px -114px; | 58 background-position: -114px -114px; |
132 } | 59 } |
133 | 60 |
134 .feature .feature-tracking | 61 .topic .feature-tracking |
135 { | 62 { |
136 background-position: -228px -114px; | 63 background-position: -228px -114px; |
137 } | 64 } |
138 | |
139 .feature .description | |
140 { | |
141 display: inline; | |
142 } | |
143 | |
144 .feature .description .longtext | |
145 { | |
146 margin-top: 10px; | |
147 } | |
OLD | NEW |