Upgrade to Phorum 5.2.9a, implement CSRF protection, and add nice upgrade script.
[htmlpurifier-web.git] / index.css
blob17c8ac7dedc71b9c45ad7b5ebf08f6d72ca368c9
1 /* Page-specific: index.html */
3 /* header / branding */
5 #branding {
6 margin: 0;
7 position: relative;
8 background: #4A6282 url('art/bglogo.png') no-repeat center;
9 color: #FFF;
10 padding: 5em 1em;
11 font-family: Georgia, serif;
12 font-weight: normal;
13 text-align: center;
16 #branding h1 {
17 letter-spacing: 0.2em;
18 margin: 0 auto;
19 font-size: 2.4em;
20 font-weight: normal;
21 font-variant: small-caps;
22 border-bottom: 1px solid #B1BBC9;
23 width: 14em;
26 #branding blockquote {
27 font-style: italic;
28 margin: 0;
31 /* center the navigation, adjust margins accordingly */
33 #navigation ol {text-align: center;}
34 #navigation li {margin: 0 0.3em;}
35 #navigation-download {font-weight: bold;}
37 /* summary blocks */
39 #summary {
40 float: left;
41 width: 16.5em;
42 margin-bottom: 2em;
45 #summary h2 {
46 display: none;
49 #summary div {
50 color: #FFF;
51 border-style: solid;
52 border-width: 0 0 1em;
53 margin: 1em 0;
56 #summary div h3 {
57 font-size: 2em;
58 padding: 0.1em 0.4em;
59 margin: 0 0;
60 font-weight: normal;
63 #summary div p {
64 font-size: 1.4em;
65 margin: 0.5em;
68 #summary-safe {
69 background: #70A978;
70 border-color: #56905C;
71 margin-top: 0 !important;
74 #summary-safe h3 {
75 background: #437048;
78 #summary-clean {
79 background: #7084AA;
80 border-color: #5C7098;
83 #summary-clean h3 {
84 background: #4D5E80;
87 #summary-open {
88 background: #A97084;
89 border-color: #985c70;
92 #summary-open h3 {
93 background: #804D5E;
96 /* other stuff */
98 #intro {
99 margin-left: 18em;
102 #content {
103 clear: left;
106 #filter {
107 margin: 1em 0.5em;
110 #filter fieldset, #filter legend {
111 background: #586F9C;
112 border: 0;
113 color: #FFF;
115 #filter legend {
116 font-weight: bold;
117 padding: 0.4em;
119 #filter textarea {
120 width: 100%;
123 .download-button, .compare-button {
124 border: 0;
125 margin: 0.5em;
128 .download-button {
129 float: right;
130 margin-left: 1em;
132 .compare-button {
133 float: left;
134 margin-left: 0;
135 margin-right: 1em;
138 /* double-column news and background */
140 #BackgroundContainer {float:left; width: 48%; margin: 0; padding: 1em; padding-left:0;}
141 #NewsContainer {margin: 0; margin-left: 50%; padding: 1em; padding-right:0;}