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