74 } |
74 } |
75 |
75 |
76 .tags-title { |
76 .tags-title { |
77 line-height: 40px; padding-left: 20px; font-size: 11px; color: #B8155F; font-weight: bold; text-transform: uppercase; |
77 line-height: 40px; padding-left: 20px; font-size: 11px; color: #B8155F; font-weight: bold; text-transform: uppercase; |
78 } |
78 } |
|
79 |
|
80 /* Pictograms on the left */ |
|
81 |
|
82 .pictolist { |
|
83 position: absolute; |
|
84 left: 20px; bottom: 115px; |
|
85 } |
|
86 |
|
87 .picto { |
|
88 width: 24px; height: 24px; padding: 7px; margin-top: 12px; background:black; |
|
89 border-radius: 19px; cursor: pointer; |
|
90 } |
|
91 |
|
92 .picto a { |
|
93 background: url(../img/sprites.png); display: block; width: 24px; height: 24px; |
|
94 } |
|
95 |
|
96 .picto.video:hover { |
|
97 background: #be4477; |
|
98 } |
|
99 |
|
100 .picto.video:hover a { |
|
101 background-position: -24px 0; |
|
102 } |
|
103 |
|
104 .picto.audio a { |
|
105 background-position: 0 -24px; |
|
106 } |
|
107 |
|
108 .picto.audio:hover { |
|
109 background: #63be6c; |
|
110 } |
|
111 |
|
112 .picto.audio:hover a { |
|
113 background-position: -24px -24px; |
|
114 } |
|
115 |
|
116 .picto.slideshow a { |
|
117 background-position: 0 -48px; |
|
118 } |
|
119 |
|
120 .picto.slideshow:hover { |
|
121 background: #f69058; |
|
122 } |
|
123 |
|
124 .picto.slideshow:hover a { |
|
125 background-position: -24px -48px; |
|
126 } |
|
127 |
|
128 .picto.text a { |
|
129 background-position: 0 -72px; |
|
130 } |
|
131 |
|
132 .picto.text:hover { |
|
133 background: #5e90cb; |
|
134 } |
|
135 |
|
136 .picto.text:hover a { |
|
137 background-position: -24px -72px; |
|
138 } |
|
139 |
|
140 .picto.quote a { |
|
141 background-position: 0 -96px; |
|
142 } |
|
143 |
|
144 .picto.quote:hover { |
|
145 background: #00aeb5; |
|
146 } |
|
147 |
|
148 .picto.quote:hover a { |
|
149 background-position: -24px -96px; |
|
150 } |
|
151 |
|
152 .picto.link a { |
|
153 background-position: 0 -120px; |
|
154 } |
|
155 |
|
156 .picto.link:hover { |
|
157 background: #8985bb; |
|
158 } |
|
159 |
|
160 .picto.link:hover a { |
|
161 background-position: -24px -120px; |
|
162 } |
|
163 |
|
164 /* Bottom bar */ |
|
165 |
|
166 .bottom-bar { |
|
167 padding-top: 20px; |
|
168 } |
|
169 |
|
170 .play-button { |
|
171 float: left; width: 30px; height: 30px; border-radius: 15px; |
|
172 background: #555555; |
|
173 margin: 8px 0 0 15px; |
|
174 } |
|
175 |
|
176 .chapters-bar { |
|
177 margin: 0 19px 0 59px; height: 45px; position: relative; |
|
178 } |
|
179 |
|
180 .chapter { |
|
181 position: absolute; top: 0; |
|
182 } |
|
183 |
|
184 .chapter-block { |
|
185 width: 100%; height: 45px; background: #303030; |
|
186 } |
|
187 |
|
188 .chapter:hover .chapter-block { |
|
189 background: #3e3e3e; |
|
190 } |
|
191 |
|
192 .chapter-title { |
|
193 font-size: 9px; text-transform: uppercase; margin: 0 -40px; |
|
194 text-align: center; color: #909090; display: none; line-height: 30px; |
|
195 } |
|
196 |
|
197 .chapter:hover .chapter-title { |
|
198 display: block; |
|
199 } |