Make title REALLY big
[podjango:podjango.git] / podjango / static / podjango.css
1 * { margin: 0; padding: 0; }
2 img { border: 0; }
3 body { margin: 0; padding: 0; }
4 .clear { clear: both; }
5 .hidden { display: none; }
6
7 p, h1, h2, h3, h4, h5, h6, #mainContent ul, #mainContent ol {
8   margin-top: 1em;
9   margin-bottom: 1em;
10 }
11
12 body {
13 /*  font-family: "Lucida Grande",Verdana,Lucida,Helvetica,Arial,sans-serif; */
14   font-size: 95%;
15 }
16
17 a { text-decoration: none; color: #146624; }
18 a:hover { text-decoration: underline; color: #665f14; }
19
20 h1 { margin-top: .75em; margin-bottom: .5em; }
21 h2 { margin-top: .75em; margin-bottom: .5em; }
22 h3 { margin-top: .6em; margin-bottom: .4em; }
23
24 #mainContent h1 { border-bottom: 1px solid #00334b; }
25 #mainContent h2 { border-bottom: 1px solid #aaa; }
26
27 #mainContent ul, #mainContent ol { padding-left: 1.5em; }
28
29 #mainContent img { margin: 3px; }
30
31 .internalNavigate { width: 19%; float: right; }
32 #mainContent .internalNavigate ul { list-style-type: none; padding-left: 0; }
33 .internalNavigate ul li { margin-top: .3em; margin-bottom: .3em; }
34
35 .affiliate-link { float: right; }
36 #affiliate-podjango, #affiliate-mr {
37   padding: 2px 10px;
38   white-space: nowrap;
39   font-size: x-small;
40   text-align: right;
41 }
42 #affiliate-podjango { background: #d4ff9d; }
43 #affiliate-mr { background: #ddd; }
44
45 /* Header */
46
47 #podjangoheader {
48   height: 140px;
49   background-color: #12d5bc;
50   border-bottom: 1px solid #808080;
51 }
52 #podjangoheader h1 {
53   font-size: 400%;
54   /* -indent: -5000px; */
55   /* margin: 0; /\* hide in favor of image *\/ */
56 }
57 /* #logobutton { */
58 /*   display: block; */
59 /*   position: absolute; left: 17px; top: 10px; height: 120px; width: 440px; */
60 /*   background: url(/img/podjango-header.png)  left center no-repeat; */
61 /* } */
62
63
64 /* Navigation bar */
65 #navbar-outer { background: #CDDBDC; }
66 #navbar { margin-left: 104px; margin-top: 3px; float: left; display: inline; }
67 #navbar ul { list-style: none; }
68 #navbar-clear { clear: both; border-bottom: 1px solid #808080; }
69 #navbar li a {
70   display: block;
71   background: #fafafe;
72   padding: .2em .8em;
73   margin-right: 3px;
74   border: 1px solid #808080;
75   font-size: .8em;
76   background: #fff url(/img/nav-bg.png) bottom repeat-x;
77 }
78 #navbar li:hover a { background: #fff99d; }
79 #navbar li { float: left; display: inline; margin-bottom: 3px; }
80
81 #mainContent {
82     margin-left: 50px;
83     margin-right: 50px;
84 }
85
86 #container {
87     width: 100%;
88     overflow: hidden;
89 }
90 #container #mainContent {
91     background: #fffff;
92     margin-left: 210px;
93     margin-right: 50px;
94     padding-bottom: 32767px;
95     margin-bottom: -32767px;
96 }
97 #container #sidebar {
98     width: 200px;
99     float: left;
100     padding-bottom: 32767px;
101     margin-bottom: -32767px;
102     background-color: #e5e5e5; 
103 }
104
105 #container #sidebar li {
106     text-align: center;
107     list-style: none;
108     padding: 3px 10px 3px 10px; 
109     margin: 5px; 
110     border: 1px solid #CCC;
111     background: #fff url(/img/nav-bg.png) bottom repeat-x;
112 }
113
114 #container #sidebar.Directors ul li.Directors,
115 #container #sidebar.Contact ul li.Contact,
116 #container #sidebar.Officers ul li.Officers,
117 #container #sidebar.Staff ul li.Staff,
118 #container #sidebar.Current ul li.Current,
119 #container #sidebar.Services ul li.Services,
120 #container #sidebar.Applying ul li.Applying
121 {
122     color: #000033;
123     font-weight: bold;
124     background: #fff url(/img/nav-bg-up.png) top repeat-x;
125 }
126 #container #sidebar h2 {
127     text-align: center;
128     font-size: 150%;
129     margin: 1.5em 0 0.8em 0;
130 }
131 #container #sidebar hr {
132     width: 75%;
133     float: center;
134     clear: all;
135 }
136
137 /* Navbar Submenus (currently unused) */
138 #navbar li ul { display: none; border: 1px solid #444; }
139 #navbar li:hover ul { display: block; position: absolute; }
140 #navbar li ul li { float: none; }
141 #navbar li ul li a { border: 0px; margin: 0px; }
142
143 .shaded { background: #ffeab7; padding: .1em .5em; margin-bottom: .5em; }
144
145 .columns {
146     width: 100%;
147     overflow: hidden;
148 }
149
150 .column-small {
151     width: 31%;
152     padding-bottom: 32767px;
153     margin-bottom: -32767px;
154  }
155 .column-large {
156     margin-left: 35%;
157     margin-right: 50px;
158     padding-bottom: 32767px;
159     margin-bottom: -32767px;
160 }
161
162 .column-left { float: left; }
163 .column-right { float: right; }
164
165 .column h2 { font-size: 1.25em; }
166 .column h3 { font-size: 1.1em; }
167
168 .column h2 a { text-decoration: none; color: #000000; }
169 .column h2 a:hover { text-decoration: underline; }
170
171 #podjangofooter {
172   margin-top: 1em;
173   border-top: 1px solid #ccc;
174   text-align: center;
175   clear: both;
176 }
177
178 span.continued {
179   display: block;
180   font-size: .83em;
181   font-weight: bold;
182   margin-top: 1em;
183   margin-bottom: 1em;
184 }
185
186 p.date {
187   font-style: italic;
188   font-size: .83em;
189   margin-bottom: .3em;
190   margin-top: .3em;
191 }
192
193 a.feedlink /* RSS icon */ { display: block; float: right; font-size: 10pt; }
194
195 blockquote, div.quote /* div.quote is used by podjango whitepaper */ {
196   margin-left: 2em;
197   margin-right: 2em;
198   padding-left: 1em;
199   padding-right: 1em;
200   border: 1px solid #fff;
201   background: #eee;
202 }
203
204 .newsgraphic { float: right; }
205 .newsgraphic img { border: 1px solid #000; }
206
207 .secondary_info { font-size: 83%; }
208 .next_page_button { float: right; }
209 .document_format { border: 1px solid #888; padding: .2em; background: #fff99d;}
210 .copyright_info { font-size: 90%; }
211 hr.footnote-separator { width: 80%; margin-left: auto; margin-right: auto; }
212
213 /* Resources pages */
214 div.download-formats { margin-top: 2em; margin-bottom: 2em; }
215 .download-formats p { display: inline; }
216 #mainContent .download-formats ul { display: inline; list-style: none;
217                                     padding-left: 0; }
218 .download-formats ul li { display: inline; padding-left: 2em; }
219
220 /* Resources - book styles */
221 hr.chapter-separator { display: none; }
222 h2.likechapterHead { text-align: center; }
223 h2.chapterHead { text-align: center; }
224 #mainContent ul.author { list-style-type: none; padding-left: 0; }
225 #mainContent div.footnotes { font-style: normal; } /* remove italics */
226 span.sectionToc { padding-left: 2em; } /* indent TOC properly */
227 span.subsectionToc { padding-left: 4em; }
228 span.subsubsectionToc { padding-left: 6em;}
229 .js, .js p, .js p.bibitem, .js p.bibitem-p { background-color: #cde7e9; }
230
231 body.podjango-overview #navbar ul li.overview a,
232 body.podjango-Members #navbar ul li.Members a,
233 body.podjango-news #navbar ul li.news a,
234 body.podjango-blog #navbar ul li.blog a,
235 body.podjango-About #navbar ul li.About a,
236 body.podjango-donate #navbar ul li.donate a /* NO COMMA HERE! */
237
238     color: #000033;
239     font-weight: bold;
240     background: #fff url(/img/nav-bg-up.png) top repeat-x;
241 }