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