4a30d826d148b57884334abe2d3f78a5a2446f40
[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 .image img, .thumbnail_video img, .thumbnail_image img, .fullscreen_image img, .fullscreen_video 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 .image img:hover, .thumbnail_video img:hover, .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
105 .disabled {
106         font-style: italic;
107 }
108 .disabled:hover {
109         background-color: #DEDAD6;
110 }
111
112 #titletext {
113     font-size: 3.3em;
114     text-shadow: 2px 2px 4px black;
115     color: #adbed3;
116     text-align: center;
117     font-weight: bold;
118 }
119
120 table.index {
121         width: 100%;
122         padding: 10px;
123         border: 0px solid black;
124 }
125
126 table.index tr td.image {
127         width: 50%;
128         text-align: right;
129         vertical-align: top;
130 }
131
132 table.index tr td.caption {
133         width: 50%;
134         text-align: left;
135 }
136
137
138 .left {
139         text-align: left;
140 }
141
142 .right {
143         text-align: right;
144 }
145
146 table.imgnav tr td.sizes {
147     text-align: center;
148 }
149 table.imgnav tr td.sizes a {
150     text-decoration:underline;
151 }
152
153
154 table.image {
155         width: 100%
156 }
157
158 table.image tr td {
159         text-align: center;
160 }
161
162 a.fullscreenvideolink {
163         margin-left:auto;
164         margin-right:auto;
165 }