Change CSS of video thumbnails and fullscreen
[booh] / data / booh / themes / gradient / root / booh.css
1 body {
2     background-color: #597aa3;
3     background-image: -webkit-gradient(linear, left top, left bottom, from(#365378), to(#597aa3), color-stop(0.5, #597aa3));
4     background-repeat: no-repeat;
5     color: #d6d6d6;
6     font-family: "Bitstream Vera Sans", "Lucida Sans", Geneva, Arial, Helvetica, sans-serif;
7     font-size: 16px;
8 }
9
10 a { text-decoration: none; }
11 a:hover { text-decoration: underline; }
12
13 a:link {
14     color: #d6d6d6;
15 }
16
17 a:visited {
18     color: #bacbdc;
19 }
20
21
22 img {
23     border: 0;
24 }
25
26 #logo {
27     padding: 10px;
28     position: fixed;
29     bottom: 0;
30     right: 0;
31     font-size: 10px;
32 }
33
34 #navtop {
35     border-bottom: 1px solid rgba(173,190,211,0.3);
36     margin-bottom: 20px;
37     padding: 4px;
38     height: 30px;
39 }
40
41 #contenttop {
42     margin-bottom: 40px;
43 }
44
45 #navlinks {
46         float: right;
47         padding-top: 4px;
48 }
49
50 #navigation {
51     float:left;
52     border-spacing: 0px;
53     border-collapse: collapse;
54 }
55
56 #navigation td {
57     height: 26px;
58     background-image: url("bread_blue.png");
59     background-position: 100% 0%;
60     background-repeat: repeat-x;
61     padding-right: 24px;
62     padding-left: 5px;
63    font-size: 15px;
64 }
65
66 #navigation td:last-child {
67     background-image: url("bread_selected_blue.png");
68     font-weight: bold;
69 }
70
71 #navigation td:first-child {
72         padding-left: 10px;
73 }
74
75 #tools {
76     margin: 10px;
77     text-align: center;
78 }
79
80 #thumbnails {
81         margin-top: 50px;
82 }
83
84 #thumbnails td {
85         padding: 10px;
86 }
87
88
89 td {
90         color: #eeeeee;
91 }
92
93 .thumbnail_image img {
94      -moz-box-shadow:   0px 16px 60px rgba(0,0,0,0.25);
95     -webkit-box-shadow: 0px 16px 60px rgba(0,0,0,0.25);
96             box-shadow: 0px 16px 60px rgba(0,0,0,0.25);
97 }
98
99 .thumbnail_image img:hover {
100      -moz-box-shadow:   0px 16px 60px rgba(0,0,0,0.35);
101     -webkit-box-shadow: 0px 16px 60px rgba(0,0,0,0.35);
102             box-shadow: 0px 16px 60px rgba(0,0,0,0.35);
103 }
104 .image,.thumbnail_video > img {
105      -moz-box-shadow:   0px 16px 60px rgba(0,0,0,0.25);
106     -webkit-box-shadow: 0px 16px 60px rgba(0,0,0,0.25);
107             box-shadow: 0px 16px 60px rgba(0,0,0,0.25);
108 }
109 .image,.thumbnail_video > img:hover {
110      -moz-box-shadow:   0px 16px 60px rgba(0,0,0,0.35);
111     -webkit-box-shadow: 0px 16px 60px rgba(0,0,0,0.35);
112             box-shadow: 0px 16px 60px rgba(0,0,0,0.35);
113 }
114
115 .fullscreen_image,.fullscreen_video img {
116      -moz-box-shadow:   0px 16px 60px rgba(0,0,0,0.25);
117     -webkit-box-shadow: 0px 16px 60px rgba(0,0,0,0.25);
118             box-shadow: 0px 16px 60px rgba(0,0,0,0.25);
119 }
120 .ffullscreen_video img {
121         background-color: #fff;
122         border: 1px solid #a9a9a9;
123         margin: -10px 10px 10px -10px;
124         padding: 9px;
125 }
126
127 .disabled {
128         font-style: italic;
129 }
130 .disabled:hover {
131         background-color: #DEDAD6;
132 }
133
134 #titletext {
135     font-size: 3.3em;
136     text-shadow: 2px 2px 4px black;
137     color: #adbed3;
138     text-align: center;
139     font-weight: bold;
140 }
141
142 table.index {
143         width: 100%;
144         padding: 10px;
145         border: 0px solid black;
146 }
147
148 table.index tr td.image {
149         width: 50%;
150         text-align: right;
151         vertical-align: top;
152 }
153
154 table.index tr td.caption {
155         width: 50%;
156         text-align: left;
157 }
158
159
160 .left {
161         text-align: left;
162 }
163
164 .right {
165         text-align: right;
166 }
167
168 table.imgnav tr td.sizes {
169         text-align: center;
170 }
171
172 table.image {
173         width: 100%
174 }
175
176 table.image tr td {
177         text-align: center;
178 }
179
180 a.fullscreenvideolink {
181         margin-left:auto;
182         margin-right:auto;
183 }