Webpacus/root/search.css

/* form */

#results_form {
        width: 900px;
        margin-left: 1%;
        margin-right: 1%;
}

/* autocomplete */

div.auto_complete {
        width: 350px;
        background: #fff;
}

div.auto_complete ul {
        border:1px solid #888;
        margin:0;
        padding:0;
        width:100%;
        list-style-type:none;
}

div.auto_complete ul li {
        margin:0;
        padding:3px;
}

div.auto_complete ul li.selected { 
        background-color: #ffb; 
}

div.auto_complete ul strong.highlight { 
        color: #800; 
        margin:0;
        padding:0;
}

/* databases */

.databases {
        display: inline;
}

#database_list {
        position: absolute;
        top: 150px;
        left: 720px;
        border: 1px dashed #c0c0c0;
        list-style-type:none;
        margin: 0.5em;
        padding: 2px;
        margin-top: -100px;
        font-size: 0.9em;
        width: 180px;
        color: blue;
}

/* Search and Clear buttons */

.buttons {
        clear: left;
        width: 680px;
}

/* messages from search results */

.no_results {
        margin: 0.5em;
        padding: 0.5em;
        border: 1px dashed #ff8080;
        background-color: #ffe0e0;
        color: #000000;
        width: 600px;
}

/* found x results for 'query' */

.results {
        width: 680px; 
        margin-top: 1em;
        float: left;
        font-size: 90%;
        color: #404040;
}

/* debbuging attributes output */
.attr {
        font-size: 80%;
        color: #a0a0a0;

}

/* notice at bottom */
.notice {
        margin-top: 1em;
        color: #a0a0a0;
        font-size: 70%;
        clear: left;
}

/* bar for template switching */
.switch_template {
        float: left;
        font-size: 80%;
        color: #808080;
        padding-bottom: 10px;
}

.switch_template a {
        text-decoration: none;
}

/* div around results */

#results {
        width: 690px;
        margin-left: 1%;
        margin-right: 1%;
}

.html_results {
        clear: left;
        float: left;
        width: 40px;
        width: 690px;
}

/* pager */
.pager {
        margin: 0.5em;
        border-top: 1px dashed #808080;
        clear: left;
        float: left;
}

/* HTML tidy */

.tidy {
        clear: left;
        border: 2px solid #808080;
        margin-top: 1em;
        padding: 1em;
        color: #808080;
}

.tidy tt {
        clear: left;
        display: block;
        background-color: #e0e0e0;
        padding: 2px;
        margin-left: 2em;
        color: #000000;
        text-wrap: suppress;
}

.tidy_error {
        margin-top: 0.5em;
        color: #c00000;
}

.tidy_warning {
        color: #c0c000;
}
1	dpavlin	332	/* form */
2
3			#results_form {
4			width: 900px;
5			margin-left: 1%;
6			margin-right: 1%;
7			}
8
9	dpavlin	158	/* autocomplete */
10
11			div.auto_complete {
12			width: 350px;
13			background: #fff;
14			}
15
16			div.auto_complete ul {
17			border:1px solid #888;
18			margin:0;
19			padding:0;
20			width:100%;
21			list-style-type:none;
22			}
23
24			div.auto_complete ul li {
25			margin:0;
26			padding:3px;
27			}
28
29			div.auto_complete ul li.selected {
30			background-color: #ffb;
31			}
32
33			div.auto_complete ul strong.highlight {
34			color: #800;
35			margin:0;
36			padding:0;
37			}
38
39	dpavlin	271	/* databases */
40	dpavlin	158
41	dpavlin	271	.databases {
42	dpavlin	276	display: inline;
43	dpavlin	271	}
44
45	dpavlin	275	#database_list {
46	dpavlin	332	position: absolute;
47			top: 150px;
48			left: 720px;
49			border: 1px dashed #c0c0c0;
50	dpavlin	276	list-style-type:none;
51			margin: 0.5em;
52	dpavlin	332	padding: 2px;
53			margin-top: -100px;
54			font-size: 0.9em;
55			width: 180px;
56			color: blue;
57	dpavlin	271	}
58
59	dpavlin	276	/* Search and Clear buttons */
60
61			.buttons {
62			clear: left;
63	dpavlin	332	width: 680px;
64	dpavlin	276	}
65
66	dpavlin	136	/* messages from search results */
67
68			.no_results {
69			margin: 0.5em;
70			padding: 0.5em;
71			border: 1px dashed #ff8080;
72			background-color: #ffe0e0;
73			color: #000000;
74	dpavlin	332	width: 600px;
75	dpavlin	136	}
76	dpavlin	137
77	dpavlin	138	/* found x results for 'query' */
78	dpavlin	332
79	dpavlin	138	.results {
80	dpavlin	332	width: 680px;
81	dpavlin	138	margin-top: 1em;
82			float: left;
83			font-size: 90%;
84			color: #404040;
85			}
86	dpavlin	137
87	dpavlin	138	/* debbuging attributes output */
88			.attr {
89			font-size: 80%;
90			color: #a0a0a0;
91
92			}
93
94	dpavlin	159	/* notice at bottom */
95	dpavlin	138	.notice {
96			margin-top: 1em;
97			color: #a0a0a0;
98			font-size: 70%;
99			clear: left;
100			}
101
102	dpavlin	159	/* bar for template switching */
103	dpavlin	138	.switch_template {
104	dpavlin	332	float: left;
105	dpavlin	138	font-size: 80%;
106			color: #808080;
107	dpavlin	332	padding-bottom: 10px;
108	dpavlin	138	}
109
110			.switch_template a {
111			text-decoration: none;
112			}
113
114			/* div around results */
115	dpavlin	332
116			#results {
117			width: 690px;
118			margin-left: 1%;
119			margin-right: 1%;
120			}
121
122	dpavlin	138	.html_results {
123			clear: left;
124			float: left;
125	dpavlin	332	width: 40px;
126			width: 690px;
127	dpavlin	138	}
128	dpavlin	159
129			/* pager */
130			.pager {
131			margin: 0.5em;
132			border-top: 1px dashed #808080;
133			clear: left;
134	dpavlin	202	float: left;
135	dpavlin	159	}
136	dpavlin	204
137			/* HTML tidy */
138
139			.tidy {
140			clear: left;
141			border: 2px solid #808080;
142			margin-top: 1em;
143			padding: 1em;
144			color: #808080;
145			}
146
147			.tidy tt {
148			clear: left;
149			display: block;
150			background-color: #e0e0e0;
151			padding: 2px;
152			margin-left: 2em;
153			color: #000000;
154	dpavlin	332	text-wrap: suppress;
155	dpavlin	204	}
156
157			.tidy_error {
158			margin-top: 0.5em;
159			color: #c00000;
160			}
161
162			.tidy_warning {
163			color: #c0c000;
164			}