6eb28d0e8a29891d7cf125385593efa5f0fc817c
[philo.git] / static / css / screen.css
1 html, body, div, span, applet, object, iframe,
2 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
3 a, abbr, acronym, address, big, cite, code,
4 del, dfn, em, img, ins, kbd, q, s, samp,
5 small, strike, strong, sub, sup, tt, var,
6 b, u, i, center,
7 dl, dt, dd, ol, ul, li,
8 fieldset, form, label, legend,
9 table, caption, tbody, tfoot, thead, tr, th, td,
10 article, aside, canvas, details, embed,
11 figure, figcaption, footer, header, hgroup,
12 menu, nav, output, ruby, section, summary,
13 time, mark, audio, video {
14   margin: 0;
15   padding: 0;
16   border: 0;
17   font-size: 100%;
18   font: inherit;
19   vertical-align: baseline; }
20
21 body {
22   line-height: 1; }
23
24 ol, ul {
25   list-style: none; }
26
27 table {
28   border-collapse: collapse;
29   border-spacing: 0; }
30
31 caption, th, td {
32   text-align: left;
33   font-weight: normal;
34   vertical-align: middle; }
35
36 q, blockquote {
37   quotes: none; }
38   q:before, q:after, blockquote:before, blockquote:after {
39     content: "";
40     content: none; }
41
42 a img {
43   border: none; }
44
45 article, aside, details, figcaption, figure,
46 footer, header, hgroup, menu, nav, section {
47   display: block; }
48
49 article, aside, details, figcaption, figure,
50 footer, header, hgroup, menu, nav, section {
51   display: block; }
52
53 blockquote, q {
54   quotes: none; }
55   blockquote:before, blockquote:after, q:before, q:after {
56     content: "";
57     content: none; }
58
59 html {
60   background: #2a486d;
61   height: 100%; }
62
63 body {
64   background: url('../img/bg.png?1303763277'), -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 900, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(88.889%, rgba(0, 0, 0, 0.5)), color-stop(100%, rgba(0, 0, 0, 0.9)));
65   background: url('../img/bg.png?1303763277'), -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5) 800px, rgba(0, 0, 0, 0.9) 900px);
66   background: url('../img/bg.png?1303763277'), -moz-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5) 800px, rgba(0, 0, 0, 0.9) 900px);
67   background: url('../img/bg.png?1303763277'), -o-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5) 800px, rgba(0, 0, 0, 0.9) 900px);
68   background: url('../img/bg.png?1303763277'), radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5) 800px, rgba(0, 0, 0, 0.9) 900px);
69   padding: 1px;
70   margin: -1px;
71   min-height: 100%;
72   font-family: Helvetica, Arial, sans-serif;
73   font-size: 13px;
74   line-height: 15px; }
75
76 #container {
77   width: 920px;
78   margin: 40px auto; }
79
80 #nameplate {
81   color: #FFF;
82   font-size: 80px;
83   line-height: 80px;
84   text-align: center;
85   text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.6); }
86
87 #content {
88   background: white;
89   -moz-border-radius: 4px;
90   -webkit-border-radius: 4px;
91   -o-border-radius: 4px;
92   -ms-border-radius: 4px;
93   -khtml-border-radius: 4px;
94   border-radius: 4px;
95   -moz-box-shadow: rgba(0, 0, 0, 0.35) 0 0 36px, rgba(0, 0, 0, 0.1) 0 10px 10px inset;
96   -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0 0 36px, rgba(0, 0, 0, 0.1) 0 10px 10px inset;
97   -o-box-shadow: rgba(0, 0, 0, 0.35) 0 0 36px, rgba(0, 0, 0, 0.1) 0 10px 10px inset;
98   box-shadow: rgba(0, 0, 0, 0.35) 0 0 36px, rgba(0, 0, 0, 0.1) 0 10px 10px inset;
99   border: 1px solid white;
100   padding: 19px;
101   margin-top: 20px; }
102
103 #pagefooter {
104   font-size: 12px;
105   color: #8faed4;
106   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
107   width: 600px;
108   margin: 20px auto; }
109   #pagefooter p {
110     margin-bottom: 15px; }