video widget shows status for html5 videos; video widget bug fixes
[living-lab-site.git] / css / catalog.css
1 .videos-summary
2 {
3         position: relative;
4 }
5
6 .category-title
7 {
8         border-bottom: 1px solid rgb(108,162,222);
9         /*border-bottom: 1px solid rgb(171,209,255);*/
10 }
11
12 .video-icon
13 {
14         position: relative;
15         display: block;
16         float: left;
17         width: 146px;
18         height: 170px;
19         margin-right: 8px;
20 }
21
22 .video-icon .video-thumb
23 {
24         position: relative;
25         width: 132px;
26         height: 99px;
27         background: url('/devel/img/thumb_container.png') no-repeat left top;
28 }
29 .video-icon .video-thumb img
30 {
31         position: absolute;
32         margin: auto;
33         left: 6px;
34         top: 4px;
35 }
36 .video-icon .video-thumb .video-duration
37 {
38         position: absolute;
39         right: 6px;
40         bottom: 5px;
41         font-size: 0.77em;
42         font-weight: bold;
43         color: white;
44         background: black;
45 }
46 .video-icon .video-thumb a
47 {
48         border-style: none;
49         text-decoration: none;
50 }
51
52 .video-icon .video-title
53 {
54         margin-top: 2px;
55         font-size: 1em;
56         line-height: 100%;
57 }
58 .video-icon .video-views
59 {
60         font-size: 1em;
61 }
62 .video-icon .video-username
63 {
64         font-size: 1em;
65 }