/sphinx-jp/static/general.css

Relevant Search: With Applications for Solr and Elasticsearch

For more in depth reading about search, ranking and generally everything you could ever want to know about how lucene, elasticsearch or solr work under the hood I highly suggest this book. Easily one of the most interesting technical books I have read in a long time. If you are tasked with solving search relevance problems even if not in Solr or Elasticsearch it should be your first reference. Amazon Affiliate Link

  1@charset "UTF-8";
  2@import "basic.css";
  3@import "reset.css";
  4@import "highlight.css";
  5@import "document.css";
  6@import "index.css";
  7
  8/* @group General */
  9
 10/* Sticky footer */
 11html, body, div#wrapper {
 12	height: 100%;
 13}
 14
 15
 16body {
 17	background-color: #FEFEFE;
 18	margin: 0 auto;
 19	color: #222;
 20}
 21
 22.left {
 23	float: left;
 24}
 25
 26.right {
 27	float: right;
 28}
 29/* @end */
 30
 31/* @group Structure */
 32div#wrapper {
 33	margin: 0 auto;
 34	min-width: 980px;
 35	font-size: 90%;
 36	
 37	/* Sticky footer */
 38	height: auto;
 39	min-height: 100%;
 40}
 41
 42div#header {
 43	width: 100%;
 44	background: #363B45 url(header_bg.png) repeat-x;
 45	min-height: 180px;
 46	border-bottom: 1px solid #333;
 47}
 48
 49div#content {
 50	clear: both;
 51	width: 95%;
 52	margin: 0 auto;
 53	
 54	/* Sticky footer */
 55	overflow: auto;
 56	padding-bottom: 160px; /* same height as the footer */
 57}
 58
 59div#document {
 60	width: 65%;
 61	margin: 0;
 62	padding: 10px;
 63	border-right: 1px solid #EEE;
 64	background: #FFF url(../../../sphinx-jp/static/docBg.png) repeat-y right;
 65}
 66
 67div#sidebar {
 68	width: 30%;
 69	float: left;
 70	padding: 10px 0;
 71	color: #444;
 72}
 73
 74div#footer {
 75	background-color: #363B45;
 76	border-top: 1px solid #999;
 77	color: #FFF;
 78	
 79	/* Sticky footer */
 80	clear: both;
 81	position: relative;
 82	margin-top: -160px; /* negative value of footer height */
 83	height: 160px;
 84}
 85
 86/* Sticky footer Opera Fix*/
 87body:before {
 88        content:"";
 89        height:100%;
 90        float:left;
 91        width:0;
 92        margin-top:-32767px;/
 93}
 94
 95/* @end */
 96
 97/* @group Section */
 98/* header */
 99div#header img.logo {
100	height: 100px;
101	width: 100px;
102	float: left;
103	margin-right: 20px;
104}
105
106div#header div#projInfo {
107	width: 60%;
108	float: left;
109	margin: 20px 1em;
110}
111
112div#header div#headerNav {
113	width: 30%;
114	float: right;
115	margin: 20px 1em;
116}
117
118fieldset.search {
119	border: none;
120	width: 226px;
121	margin: 60px auto 0;
122}
123
124fieldset.search > input,
125fieldset.search > button {
126	border: none;
127	float: left;
128}
129
130fieldset.search input.hint {
131	width: 190px;
132	height: 20px;
133	padding: 3px;
134	color: #555;
135	font-size: 1.2em;
136	border-top: 1px solid #999;
137	border-left: 1px solid #999;
138}
139
140fieldset.search input.hint:focus {
141	outline: none;
142}
143
144fieldset.search button.button {
145	width: 26px;
146	height: 27px;
147	text-indent: -9999px;
148	background: #FFF url(search.png) no-repeat 3px 3px;
149	border-top: 1px solid #999;
150}
151
152fieldset.search button.button:hover {
153	cursor: pointer;
154}
155
156div#header > div#gnav {
157	clear: both;
158	height: 50px;
159	padding-top: 20px;
160}
161
162div#header > div#gnav > ul {
163	list-style: none;
164	float: right;
165	width: 30%;
166	margin: 0 40px;
167}
168
169div#header > div#gnav > ul > li {
170	float: left;
171	width: 80px;
172	height: 40px;
173	margin-top: 0px;
174	margin-left: 10px;
175}
176
177div#header > div#gnav > ul > li.home > p > a {
178	background: url(gnav_home.png) no-repeat;
179}
180
181div#header > div#gnav > ul > li.home > p > a:hover {
182	background: url(gnav_home.png) no-repeat 0 -40px;
183}
184
185div#header > div#gnav > ul > li.doc > p > a {
186	background: url(gnav_btn_doc.png) no-repeat;
187}
188
189div#header > div#gnav > ul > li.doc > p > a:hover {
190	background: url(gnav_btn_doc.png) no-repeat 0 -40px;
191}
192
193div#header > div#gnav > ul > li.modindex > p > a {
194	background: url(gnav_mod.png) no-repeat;
195}
196
197div#header > div#gnav > ul > li.modindex > p > a:hover {
198	background: url(gnav_mod.png) no-repeat 0 -40px;
199}
200
201div#header > div#gnav > ul > li > p > a{
202	color: #FFF;
203	text-indent: -9999px;
204	width: 100px;
205	height: 40px;
206	display: block;
207}
208
209/* /header */
210
211/* sidebar */
212div.sidebarRow {
213	margin-bottom: 10px;
214	padding: 10px;
215	border-top: 1px solid #DDD;
216}
217
218div#toc.sidebarRow {
219	border-top: 5px solid #363B45;
220}
221
222div#sidebar div#toc > h3,
223div#sidebar div#source > h3,
224div#sidebar div#rel h4 {
225	font-size: 1.1em;
226	font-weight: bold;
227	margin-bottom: 0.5em;
228	color: #1a253d;
229}
230
231div.sidebarRow > ul > li {
232	margin-left: 10px;
233	list-style: none;
234}
235
236div#sidebar ul {
237	font-size: 15px;
238	font-weight: bold;
239	list-style-type: square;
240}
241
242div#sidebar li {
243	margin-bottom: 5px;
244}
245
246div#sidebar li > a {
247	display: block;
248	width: 100%;
249}
250
251div#sidebar ul ul {
252	margin-left: 1em;
253}
254
255div#sidebar div#rel div.relRow {
256	margin-bottom: 15px;
257}
258
259div#sidebar div#rel div.relRow.prev > h4 {
260	background: url(prev.png) no-repeat 0 2px;
261	text-indent: 25px;
262	font-size: 1em;
263}
264
265div#sidebar div#rel div.relRow.next > h4 {
266	background: url(next.png) no-repeat 0 2px;
267	text-indent: 25px;
268	font-size: 1em;
269}
270
271div#sidebar div#rel p.topless {
272	margin-left: 1em;
273	font-weight: bold;
274	font-size: 0.9em;
275}
276
277div#sidebar div#rel p > a {
278	display: block;
279	width: 100%;
280}
281
282div#sidebar div#source > ul.this-page-menu {
283	list-style: none;
284}
285
286div#sidebar div#source > ul.this-page-menu > li {
287	font-weight: bold;
288	font-size: 0.9em;
289	background: url(show_source.png) no-repeat;
290	height: 35px;
291	padding-top: 3px;
292	text-indent: 40px;
293}
294
295/* /sidebar */
296
297/* footer */
298div#footer > div.footerCol {
299	float: left;
300	width: 40%;
301	margin: 10px;
302}
303
304div#footer > div.footerCol h1 {
305	font-size: 1.5em;
306	font-weight: bold;
307}
308
309div#footer > div.footerCol > p {
310	font-size: 0.9em;
311	color: #FFF;
312}
313
314div#footer > div.footerCol > p.sp {
315	margin-bottom: 1em;
316}
317
318div#footer > div.footerCol > p.update {
319	font-weight: bold;
320}
321
322div#footer > div.footerCol > div.relbar > dl {
323	margin-bottom: 1em;
324}
325/* /footer */
326
327/* @end */
328
329/* @group Font style */
330div#header div#projInfo h1#title {
331	font-size: 2.5em;
332	font-weight: bold;
333	text-shadow: #666 -1px -1px 0;
334}
335
336div#header div#projInfo p.docdesc {
337	font-size: 0.9em;
338	font-weight: bold;
339	color: #FFF;
340	text-shadow: #666 -1px -1px 0;
341}
342
343/* @end */
344
345/* @group List style */
346/* @end */
347
348/* @group Link style */
349div#header div#projInfo a,
350div#footer > div.footerCol h1 > a {
351	color: #FFF;
352	text-decoration: none;
353}
354
355div#sidebar a:link,
356div#sidebar a:visited,
357div#sidebar a:active {
358	color: #444;
359	text-decoration: none;
360}
361
362div#sidebar a:hover {
363	color: #f95924;
364}
365
366div#footer a:link,
367div#footer a:visited,
368div#footer a:active {
369	color: #7bb4f3;
370	text-decoration: none;
371}
372
373div#footer a:hover {
374	text-decoration: underline;
375}
376/* @end */
377
378/* @group Image(figure directive) style */
379
380div.figure .eventimage {
381	float: left;
382}
383div.figure p.caption {
384	padding-top: 1em;
385}
386div.section { /* reset float for figure (ugly..)*/
387	clear: both;
388}
389
390/* @end */
391