Add PNG for play on videos
[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 .thumbnail_image img:hover {
99      -moz-box-shadow:   0px 16px 60px rgba(0,0,0,0.35);
100     -webkit-box-shadow: 0px 16px 60px rgba(0,0,0,0.35);
101             box-shadow: 0px 16px 60px rgba(0,0,0,0.35);
102 }
103 .image img {
104      -moz-box-shadow:   0px 16px 60px rgba(0,0,0,0.25);
105     -webkit-box-shadow: 0px 16px 60px rgba(0,0,0,0.25);
106             box-shadow: 0px 16px 60px rgba(0,0,0,0.25);
107 }
108 .image img:hover {
109      -moz-box-shadow:   0px 16px 60px rgba(0,0,0,0.35);
110     -webkit-box-shadow: 0px 16px 60px rgba(0,0,0,0.35);
111             box-shadow: 0px 16px 60px rgba(0,0,0,0.35);
112 }
113
114
115 .thumbnail_video {
116         background-color: #122;
117 }
118 .thumbnail_video img {
119         border: 1px solid #a9a9a9;
120         margin: -3px 3px 3px -3px;
121         padding: 3px;
122 }
123
124 .fullscreen_image img {
125      -moz-box-shadow:   0px 16px 60px rgba(0,0,0,0.25);
126     -webkit-box-shadow: 0px 16px 60px rgba(0,0,0,0.25);
127             box-shadow: 0px 16px 60px rgba(0,0,0,0.25);
128 }
129 .fullscreen_video {
130         float: left;
131         background-color: #122;
132 }
133 .fullscreen_video img {
134         background-color: #fff;
135         border: 1px solid #a9a9a9;
136         margin: -10px 10px 10px -10px;
137         padding: 9px;
138 }
139
140 .disabled {
141         font-style: italic;
142 }
143 .disabled:hover {
144         background-color: #DEDAD6;
145 }
146
147 #titletext {
148     font-size: 3.3em;
149     text-shadow: 2px 2px 4px black;
150     color: #adbed3;
151     text-align: center;
152     font-weight: bold;
153 }
154
155 table.index {
156         width: 100%;
157         padding: 10px;
158         border: 0px solid black;
159 }
160
161 table.index tr td.image {
162         width: 50%;
163         text-align: right;
164         vertical-align: top;
165 }
166
167 table.index tr td.caption {
168         width: 50%;
169         text-align: left;
170 }
171
172
173 .left {
174         text-align: left;
175 }
176
177 .right {
178         text-align: right;
179 }
180
181 table.imgnav tr td.sizes {
182         text-align: center;
183 }
184
185 table.image {
186         width: 100%
187 }
188
189 table.image tr td {
190         text-align: center;
191 }
192
193 a.fullscreenvideolink {
194         margin-left:auto;
195         margin-right:auto;
196 }