34fb171170d863a417acb6e5ab0bd1f36207674a
[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 a:link    { color: #d6d6d6; }
13 a:visited { color: #bacbdc; }
14
15 img {
16     border: 0;
17 }
18
19 #logo {
20     padding: 10px;
21     position: fixed;
22     bottom: 0;
23     right: 0;
24     font-size: 10px;
25 }
26
27 #navtop {
28     border-bottom: 1px solid rgba(173,190,211,0.3);
29     margin-bottom: 20px;
30     padding: 4px;
31     height: 30px;
32 }
33
34 #contenttop {
35     margin-bottom: 40px;
36 }
37
38 #navlinks {
39         float: right;
40         padding-top: 4px;
41 }
42
43 #navigation {
44     float:left;
45     border-spacing: 0px;
46     border-collapse: collapse;
47 }
48
49 #navigation td {
50     height: 26px;
51     background-image: url("bread_blue.png");
52     background-position: 100% 0%;
53     background-repeat: repeat-x;
54     padding-right: 24px;
55     padding-left: 5px;
56    font-size: 15px;
57 }
58
59 #navigation td:last-child {
60     background-image: url("bread_selected_blue.png");
61     font-weight: bold;
62 }
63
64 #navigation td:first-child {
65         padding-left: 10px;
66 }
67
68 #tools {
69     margin: 10px;
70     text-align: center;
71 }
72
73 #thumbnails {
74         margin-top: 50px;
75 }
76
77 #thumbnails td {
78         padding: 10px;
79 }
80
81
82 td {
83         color: #eeeeee;
84 }
85
86 .image img, .thumbnail_video img, .thumbnail_image img, .fullscreen_image img, .fullscreen_video img {
87      -moz-box-shadow:   0px 16px 60px rgba(0,0,0,0.25);
88     -webkit-box-shadow: 0px 16px 60px rgba(0,0,0,0.25);
89             box-shadow: 0px 16px 60px rgba(0,0,0,0.25);
90 }
91
92 .image img:hover, .thumbnail_video img:hover, .thumbnail_image img:hover {
93      -moz-box-shadow:   0px 16px 60px rgba(0,0,0,0.35);
94     -webkit-box-shadow: 0px 16px 60px rgba(0,0,0,0.35);
95             box-shadow: 0px 16px 60px rgba(0,0,0,0.35);
96 }
97
98 .disabled {
99         font-style: italic;
100 }
101 .disabled:hover {
102         background-color: #DEDAD6;
103 }
104
105 #titletext, #main_text {
106     font-size: 3.3em;
107     text-shadow: 2px 2px 4px black;
108     color: #adbed3;
109     text-align: center;
110     font-weight: bold;
111 }
112 #main_text { font-size: 1.3em; }
113
114 table.index {
115         width: 100%;
116         padding: 10px;
117         border: 0px solid black;
118 }
119
120 table.index tr td.image {
121         width: 50%;
122         text-align: right;
123         vertical-align: top;
124 }
125
126 table.index tr td.caption {
127         width: 50%;
128         text-align: left;
129 }
130
131
132 table.imgnav tr td.sizes {
133     text-align: center;
134 }
135 table.imgnav tr td.sizes a {
136     text-decoration:underline;
137 }
138
139
140 table.image {
141         width: 100%
142 }
143
144 table.image tr td {
145         text-align: center;
146 }
147
148 a.fullscreenvideolink {
149         margin-left:auto;
150         margin-right:auto;
151 }