search implementation completed; video ordering feature when browsing by category...
[living-lab-site.git] / css / catalog.css
1 .videos-summary
2 {
3         position: relative;
4         margin-bottom: 1em;
5 }
6
7 .search-results
8 {
9         position: relative;
10         margin-bottom: 1em;
11 }
12
13 .search-result
14 {
15         position: relative;
16 }
17
18 .search-result-info
19 {
20         position: absolute;
21         left : 154px;
22         margin-left: 8px;
23 }
24
25 .category-title
26 {
27         /* border-bottom: 1px solid rgb(108,162,222); */
28 }
29
30 .video-icon
31 {
32         position: relative;
33         display: block;
34         float: left;
35         width: 146px;
36         height: 170px;
37         margin-right: 8px;
38 }
39
40 .video-icon .video-thumb
41 {
42         position: relative;
43         width: 132px;
44         height: 99px;
45         /*background: url('/img/thumb_container.png') no-repeat left top;*/
46 }
47 .video-icon .video-thumb img
48 {
49         position: absolute;
50         margin: auto;
51         border: none;
52         left: 6px;
53         top: 4px;
54 }
55 .video-icon .video-thumb .video-duration
56 {
57         position: absolute;
58         right: 6px;
59         bottom: 5px;
60         font-size: 0.77em;
61         font-weight: bold;
62         color: white;
63         background: black;
64 }
65 .video-duration a:link
66 {
67         color: white;
68 }
69 .video-icon .video-thumb a
70 {
71         border-style: none;
72         text-decoration: none;
73 }
74
75 .video-icon .video-title
76 {
77         margin-top: 2px;
78         font-size: 1em;
79         line-height: 100%;
80 }
81 .video-icon .video-views
82 {
83         font-size: 1em;
84 }
85 .video-icon .video-username
86 {
87         font-size: 1em;
88 }