[civicrm-core.git] / css / drupal.css

/* $Id$ */

/*
** HTML elements
*/
fieldset {
  margin-bottom: 1em;
  padding: .5em;
}
form {
  margin: 0;
  padding: 0;
}
hr {
  height: 1px;
  border: 1px solid gray;
}
img {
  border: 0;
}
table {
  border-collapse: collapse;
}
th {
  text-align: left;
  padding-right: 1em;
  border-bottom: 3px solid #ccc;
  white-space: nowrap;
}
th.active img {
  display: inline;
}
tr.dark, tr.light {
  background-color: #eee;
  border-bottom: 1px solid #ccc;
}
tr.dark, tr.light {
  padding: 0.1em 0.6em;
}
td.active {
  background-color: #ddd;
}

/*
** Menu styles
*/
.menu {
  padding: 0 0 0 0.5em;
}
.menu ul {
  list-style: none;
  border: none;
  text-align:left;
}
.menu li a {
  width: 100%;
  text-decoration: none;
}
li.expanded {
  list-style-type: circle;
  list-style-image: url(menu-expanded.png);
  padding: 0.2em 0.5em 0 0;
  margin: 0;
}
li.collapsed {
  list-style-type: disc;
  list-style-image: url(menu-collapsed.png);
  padding: 0.2em 0.5em 0 0;
  margin: 0;
}
li.leaf {
  list-style-type: square;
  list-style-image: url(menu-leaf.png);
  padding: 0.2em 0.5em 0 0;
  margin: 0;
}
li a.active {
  color: #000;
}
td.menu-disabled {
  background: #ccc;
}

/*
** Other common styles
*/
.breadcrumb {
  padding-bottom: .5em
}
.block ul {
  margin: 0;
  padding: 0 0 0.25em 1em;
}
br.clear {
  clear: both;
  height: 0px;
}
.container-inline div {
  display: inline;
}
.container-inline .form-submit {
  margin: 0;
}
.error {
  color: red;
}
.item-list .icon {
  color: #555;
  float: right;
  padding-left: 0.25em;
  clear: right;
}
.item-list .icon a {
  color: #000;
  text-decoration: none;
}
.item-list .icon a:hover {
  color: #000;
  text-decoration: none;
}
.item-list .title {
  font-weight: bold;
}
.item-list ul {
  margin: 0 0 0.75em 0;
  padding: 0;
}
.item-list ul li {
  margin: 0 0 0.25em 1.5em;
  padding: 0;
  list-style: disc;
}
.form-item {
  margin-top: 1em;
  margin-bottom: 1em;
}
tr.light .form-item, tr.dark .form-item {
  margin-top: 0;
  margin-bottom: 0;
  white-space: nowrap;
}
.form-item input.error, .form-item textarea.error {
  border: 2px solid red;
}
.form-item .description {
  font-size: 0.85em;
}
.form-item label {
  font-weight: bold;
}
.form-item label.option {
  font-weight: normal;
}
.form-submit {
  margin: 0.5em 0;
}
.marker, .form-required {
  color: #f00;
}
.more-link {
  text-align: right;
}
.node-form .form-text {
  display: block;
  width: 95%;
}
.node-form .standard {
  clear: both;
}
.node-form textarea {
  display: block;
  width: 95%;
}
.node-form fieldset {
  display: inline;
}
.node-form .admin .form-item .title {
  margin-top: 0;
}
.node-form .admin .authored .form-item {
  margin-bottom: 1.1em;
}
.node-form .admin .authored .form-text  {
  width: auto;
}
.node-form .admin .authored, .node-form .admin .options, .node-form .admin .extra {
  float: left;
  margin-right: 2em;
  margin-bottom: 1em;
}
.node-form .attachments fieldset {
  float: none;
  display: block;
}
.ok {
  color: #080;
}
#pager {
  clear: both;
  text-align: center;
}
#pager div {
  padding: 0.5em;
}
.path {
  padding-bottom: 0.7em;
  font-size: 1.1em;
}

/*
** Module specific styles
*/
#aggregator .feed img {
  float: right;
}
#aggregator .news-item {
  clear: both;
  padding-bottom: 1em;
}
#aggregator .news-item .date {
  float: left;
}
#aggregator .news-item .body {
  margin-top: 1em;
  margin-left: 4em;
}
#aggregator .news-item .body .feed {
  font-size: 0.9em;
}
#aggregator .news-item .title {
  float: left;
}
#aggregator .news-item .description {
  clear: both;
}
#aggregator td {
  vertical-align: bottom;
}
#aggregator td.categorize-item {
  white-space: nowrap;
}
#aggregator .categorize-item .news-item .body {
  margin-top: 0;
}
#aggregator .categorize-item h3 {
  margin-bottom: 1em;
  margin-top: 0;
}
.book {
  margin: 1em 0 1em 0;
}
.book .title {
  font-weight: bold;
  font-size: 1.3em;
  margin-bottom:1em;
}
.book .tree {
  padding-top:1em;
  border-top: 1px solid #888;
  padding-bottom: 1em;
}
.book .name {
  padding-top:1em;
  font-weight: bold;
  font-size: 1em;
}
.book .nav {
  border-top: 1px solid #888;
  border-bottom: 1px solid #888;
  padding-bottom: 3em;
  padding-top: 1em;
  clear: both;
}
.book .nav .links {
  clear: both;
}
.book .nav .titles {
  clear: both;
}
.book .nav .prev {
  float: left;
  text-align: left;
  width: 45%;
}
.book .nav .next {
  float: right;
  text-align: right;
  width: 45%;
}
.book .nav .up {
  text-align: center;
}
.calendar .row-week td a {
  display: block;
}
.calendar .row-week td a:hover {
  background-color: #888; color: #fff;
}
.calendar a {
  text-decoration: none;
}
.calendar a:hover {
  text-decoration: none;
}
.calendar table {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #000;
}
.calendar td, .calendar th {
  text-align: center;
  border: 1px solid #000;
  padding: 1px;
  margin: 0;
  font-size: 0.8em;
}
.calendar td.day-blank {
  border: 0;
}
.tips {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 0.9em;
}
#forum .description {
  font-size: 0.9em;
  margin: 0.5em;
}
#forum td.created, #forum td.posts, #forum td.topics, #forum td.last-reply, #forum td.replies, #forum td.pager {
  white-space: nowrap;
}
#forum td.posts, #forum td.topics, #forum td.replies, #forum td.pager {
  text-align: center;
}

#node-admin-filter ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  width: 100%;
}
#node-admin-buttons {
  float: left;
  margin-left: 0.5em;
  clear: right;
}
dl.multiselect dd.b, dl.multiselect dd.b .form-item, dl.multiselect dd.b select {
  font-family: inherit;
  font-size: inherit;
  width: 14em;
}
dl.multiselect dd.a, dl.multiselect dd.a .form-item {
  width: 8em;
}
dl.multiselect dt, dl.multiselect dd {
  float: left;
  line-height: 1.75em;
  padding: 0px;
  margin: 0px 1em 0px 0px;
}
dl.multiselect .form-item {
  height: 1.75em;
  margin: 0px;
}
#permissions td.module, #blocks td.region {
  font-weight: bold;
}
#permissions td.permission, #blocks td.block {
  padding-left: 2em;
}
#access-rules .access-type, #access-rules .rule-type {
  margin-right: 1em;
  float: left;
}
#access-rules .access-type .form-item, #access-rules .rule-type .form-item {
  margin-top: 0;
}
#access-rules .mask {
  clear: both;
}
.poll .bar {
  height: 1em;
  margin: 1px 0;
  background-color: #ddd;
}
.poll .bar .foreground {
  background-color: #000;
  height: 1em;
  clear: left;
  float: left;
}
.poll .links {
  text-align: center;
}
.poll .percent {
  text-align: right;
}
.poll .total {
  text-align: center;
}
.poll .vote-form {
  text-align: center;
}
.poll .vote-form .choices {
  text-align: left;
  margin: 0 auto;
  display: table;
}
.profile {
  clear: both;
  margin: 1em 0 1em 0;
}
.profile .picture {
  float: right;
  margin: 0 1em 1em 0;
}
.node-form .poll-form fieldset {
  display: block;
}
img.screenshot {
  border: 1px solid #808080;
  display: block;
  margin: 2px;
}
.search-form {
  margin-bottom: 1em;
}
.search-form p {
  margin-top: 0;
  margin-bottom: 0.2em;
  padding-top: 0;
  padding-bottom: 0;
}
.search-form input {
  margin-top: 0;
  margin-bottom: 0;
}
.search-results p {
  margin-top: 0;
}
.search-results dt {
  font-size: 1.1em;
}
.search-results dd {
  margin-bottom: 1em;
}
.search-results .search-info {
  font-size: 0.85em;
}
.tips table {
  margin-top: 1em;
  margin-bottom: 1em;
}
#tracker td.replies {
  text-align: center;
}
#tracker table {
  width: 100%;
}
.user-login-block {
  text-align: center;
}
.more-help-link {
  font-size: 0.85em;
  text-align: right;
}
tr.watchdog-user {
  background: #ffd;
}
tr.watchdog-user .active {
  background: #eed;
}
tr.watchdog-content {
  background: #ddf;
}
tr.watchdog-content .active {
  background: #cce;
}
tr.watchdog-page-not-found, tr.watchdog-access-denied {
  background: #dfd;
}
tr.watchdog-page-not-found .active, tr.watchdog-access-denied .active {
  background: #cec;
}
tr.watchdog-error {
  background: #ffc9c9;
}
tr.watchdog-error .active {
  background: #eeb9b9;
}
.comment .links .form-item {
  display: inline;
  white-space: nowrap;
}
.comment .links .form-item br {
  display: none;
}
#comment-moderation-button {
  text-align: center;
}

/* Tab navigation */
ul.primary {
  border-collapse: collapse;
  padding: 0 0 0 1em;
  white-space: nowrap;
  list-style: none;
  margin: 5px;
  height: auto;
  line-height: normal;
  border-bottom: 1px solid #bbb;
}
ul.primary li {
  display: inline;
}
ul.primary li a {
  background-color: #ddd;
  border-color: #bbb;
  border-width: 1px;
  border-style: solid solid none solid;
  height: auto;
  margin-right: 0.5em;
  padding: 0 1em;
  text-decoration: none;
}
ul.primary li.active a {
  background-color: #fff;
  border: 1px solid #bbb;
  border-bottom: #fff 1px solid;
}
ul.primary li a:hover {
  background-color: #eee;
  border-color: #ccc;
  border-bottom-color: #eee;
}
ul.secondary {
  border-bottom: 1px solid #bbb;
  padding: 0.5em 1em 0.5em 1em;
  margin: 5px;
}
ul.secondary li {
  display: inline;
  padding: 0 1em;
  border-right: 1px solid #ccc;
}
ul.secondary a {
  padding: 0;
  text-decoration: none;
}
ul.secondary a.active {
  border-bottom: 4px solid #999;
}
Commit	Line	Data
6a488035 TO	1	/* $Id$ */
	2
	3	/*
	4	** HTML elements
	5	*/
	6	fieldset {
	7	margin-bottom: 1em;
	8	padding: .5em;
	9	}
	10	form {
	11	margin: 0;
	12	padding: 0;
	13	}
	14	hr {
	15	height: 1px;
	16	border: 1px solid gray;
	17	}
	18	img {
	19	border: 0;
	20	}
	21	table {
	22	border-collapse: collapse;
	23	}
	24	th {
	25	text-align: left;
	26	padding-right: 1em;
	27	border-bottom: 3px solid #ccc;
	28	white-space: nowrap;
	29	}
	30	th.active img {
	31	display: inline;
	32	}
	33	tr.dark, tr.light {
	34	background-color: #eee;
	35	border-bottom: 1px solid #ccc;
	36	}
	37	tr.dark, tr.light {
	38	padding: 0.1em 0.6em;
	39	}
	40	td.active {
	41	background-color: #ddd;
	42	}
	43
	44	/*
	45	** Menu styles
	46	*/
	47	.menu {
	48	padding: 0 0 0 0.5em;
	49	}
	50	.menu ul {
	51	list-style: none;
	52	border: none;
	53	text-align:left;
	54	}
	55	.menu li a {
	56	width: 100%;
	57	text-decoration: none;
	58	}
	59	li.expanded {
	60	list-style-type: circle;
	61	list-style-image: url(menu-expanded.png);
	62	padding: 0.2em 0.5em 0 0;
	63	margin: 0;
	64	}
65	li.collapsed {
66	list-style-type: disc;
67	list-style-image: url(menu-collapsed.png);
68	padding: 0.2em 0.5em 0 0;
69	margin: 0;
70	}
71	li.leaf {
72	list-style-type: square;
73	list-style-image: url(menu-leaf.png);
74	padding: 0.2em 0.5em 0 0;
75	margin: 0;
76	}
77	li a.active {
78	color: #000;
79	}
80	td.menu-disabled {
81	background: #ccc;
82	}
83
84	/*
85	** Other common styles
86	*/
87	.breadcrumb {
88	padding-bottom: .5em
89	}
90	.block ul {
91	margin: 0;
92	padding: 0 0 0.25em 1em;
93	}
94	br.clear {
95	clear: both;
96	height: 0px;
97	}
98	.container-inline div {
99	display: inline;
100	}
101	.container-inline .form-submit {
102	margin: 0;
103	}
104	.error {
105	color: red;
106	}
107	.item-list .icon {
108	color: #555;
109	float: right;
110	padding-left: 0.25em;
111	clear: right;
112	}
113	.item-list .icon a {
114	color: #000;
115	text-decoration: none;
116	}
117	.item-list .icon a:hover {
118	color: #000;
119	text-decoration: none;
120	}
121	.item-list .title {
122	font-weight: bold;
123	}
124	.item-list ul {
125	margin: 0 0 0.75em 0;
126	padding: 0;
127	}
128	.item-list ul li {
129	margin: 0 0 0.25em 1.5em;
130	padding: 0;
131	list-style: disc;
132	}
133	.form-item {
134	margin-top: 1em;
135	margin-bottom: 1em;
136	}
137	tr.light .form-item, tr.dark .form-item {
138	margin-top: 0;
139	margin-bottom: 0;
140	white-space: nowrap;
141	}
142	.form-item input.error, .form-item textarea.error {
143	border: 2px solid red;
144	}
145	.form-item .description {
146	font-size: 0.85em;
147	}
148	.form-item label {
149	font-weight: bold;
150	}
151	.form-item label.option {
152	font-weight: normal;
153	}
154	.form-submit {
155	margin: 0.5em 0;
156	}
157	.marker, .form-required {
158	color: #f00;
159	}
160	.more-link {
161	text-align: right;
162	}
163	.node-form .form-text {
164	display: block;
165	width: 95%;
166	}
167	.node-form .standard {
168	clear: both;
169	}
170	.node-form textarea {
171	display: block;
172	width: 95%;
173	}
174	.node-form fieldset {
175	display: inline;
176	}
177	.node-form .admin .form-item .title {
178	margin-top: 0;
179	}
180	.node-form .admin .authored .form-item {
181	margin-bottom: 1.1em;
182	}
183	.node-form .admin .authored .form-text {
184	width: auto;
185	}
186	.node-form .admin .authored, .node-form .admin .options, .node-form .admin .extra {
187	float: left;
188	margin-right: 2em;
189	margin-bottom: 1em;
190	}
191	.node-form .attachments fieldset {
192	float: none;
193	display: block;
194	}
195	.ok {
196	color: #080;
197	}
198	#pager {
199	clear: both;
200	text-align: center;
201	}
202	#pager div {
203	padding: 0.5em;
204	}
205	.path {
206	padding-bottom: 0.7em;
207	font-size: 1.1em;
208	}
209
210	/*
211	** Module specific styles
212	*/
213	#aggregator .feed img {
214	float: right;
215	}
216	#aggregator .news-item {
217	clear: both;
218	padding-bottom: 1em;
219	}
220	#aggregator .news-item .date {
221	float: left;
222	}
223	#aggregator .news-item .body {
224	margin-top: 1em;
225	margin-left: 4em;
226	}
227	#aggregator .news-item .body .feed {
228	font-size: 0.9em;
229	}
230	#aggregator .news-item .title {
231	float: left;
232	}
233	#aggregator .news-item .description {
234	clear: both;
235	}
236	#aggregator td {
237	vertical-align: bottom;
238	}
239	#aggregator td.categorize-item {
240	white-space: nowrap;
241	}
242	#aggregator .categorize-item .news-item .body {
243	margin-top: 0;
244	}
245	#aggregator .categorize-item h3 {
246	margin-bottom: 1em;
247	margin-top: 0;
248	}
249	.book {
250	margin: 1em 0 1em 0;
251	}
252	.book .title {
253	font-weight: bold;
254	font-size: 1.3em;
255	margin-bottom:1em;
256	}
257	.book .tree {
258	padding-top:1em;
259	border-top: 1px solid #888;
260	padding-bottom: 1em;
261	}
262	.book .name {
263	padding-top:1em;
264	font-weight: bold;
265	font-size: 1em;
266	}
267	.book .nav {
268	border-top: 1px solid #888;
269	border-bottom: 1px solid #888;
270	padding-bottom: 3em;
271	padding-top: 1em;
272	clear: both;
273	}
274	.book .nav .links {
275	clear: both;
276	}
277	.book .nav .titles {
278	clear: both;
279	}
280	.book .nav .prev {
281	float: left;
282	text-align: left;
283	width: 45%;
284	}
285	.book .nav .next {
286	float: right;
287	text-align: right;
288	width: 45%;
289	}
290	.book .nav .up {
291	text-align: center;
292	}
293	.calendar .row-week td a {
294	display: block;
295	}
296	.calendar .row-week td a:hover {
297	background-color: #888; color: #fff;
298	}
299	.calendar a {
300	text-decoration: none;
301	}
302	.calendar a:hover {
303	text-decoration: none;
304	}
305	.calendar table {
306	border-collapse: collapse;
307	width: 100%;
308	border: 1px solid #000;
309	}
310	.calendar td, .calendar th {
311	text-align: center;
312	border: 1px solid #000;
313	padding: 1px;
314	margin: 0;
315	font-size: 0.8em;
316	}
317	.calendar td.day-blank {
318	border: 0;
319	}
320	.tips {
321	margin-top: 0;
322	margin-bottom: 0;
323	padding-top: 0;
324	padding-bottom: 0;
325	font-size: 0.9em;
326	}
327	#forum .description {
328	font-size: 0.9em;
329	margin: 0.5em;
330	}
331	#forum td.created, #forum td.posts, #forum td.topics, #forum td.last-reply, #forum td.replies, #forum td.pager {
332	white-space: nowrap;
333	}
334	#forum td.posts, #forum td.topics, #forum td.replies, #forum td.pager {
335	text-align: center;
336	}
337
338	#node-admin-filter ul {
339	list-style-type: none;
340	padding: 0px;
341	margin: 0px;
342	width: 100%;
343	}
344	#node-admin-buttons {
345	float: left;
346	margin-left: 0.5em;
347	clear: right;
348	}
349	dl.multiselect dd.b, dl.multiselect dd.b .form-item, dl.multiselect dd.b select {
350	font-family: inherit;
351	font-size: inherit;
352	width: 14em;
353	}
354	dl.multiselect dd.a, dl.multiselect dd.a .form-item {
355	width: 8em;
356	}
357	dl.multiselect dt, dl.multiselect dd {
358	float: left;
359	line-height: 1.75em;
360	padding: 0px;
361	margin: 0px 1em 0px 0px;
362	}
363	dl.multiselect .form-item {
364	height: 1.75em;
365	margin: 0px;
366	}
367	#permissions td.module, #blocks td.region {
368	font-weight: bold;
369	}
370	#permissions td.permission, #blocks td.block {
371	padding-left: 2em;
372	}
373	#access-rules .access-type, #access-rules .rule-type {
374	margin-right: 1em;
375	float: left;
376	}
377	#access-rules .access-type .form-item, #access-rules .rule-type .form-item {
378	margin-top: 0;
379	}
380	#access-rules .mask {
381	clear: both;
382	}
383	.poll .bar {
384	height: 1em;
385	margin: 1px 0;
386	background-color: #ddd;
387	}
388	.poll .bar .foreground {
389	background-color: #000;
390	height: 1em;
391	clear: left;
392	float: left;
393	}
394	.poll .links {
395	text-align: center;
396	}
397	.poll .percent {
398	text-align: right;
399	}
400	.poll .total {
401	text-align: center;
402	}
403	.poll .vote-form {
404	text-align: center;
405	}
406	.poll .vote-form .choices {
407	text-align: left;
408	margin: 0 auto;
409	display: table;
410	}
411	.profile {
412	clear: both;
413	margin: 1em 0 1em 0;
414	}
415	.profile .picture {
416	float: right;
417	margin: 0 1em 1em 0;
418	}
419	.node-form .poll-form fieldset {
420	display: block;
421	}
422	img.screenshot {
423	border: 1px solid #808080;
424	display: block;
425	margin: 2px;
426	}
427	.search-form {
428	margin-bottom: 1em;
429	}
430	.search-form p {
431	margin-top: 0;
432	margin-bottom: 0.2em;
433	padding-top: 0;
434	padding-bottom: 0;
435	}
436	.search-form input {
437	margin-top: 0;
438	margin-bottom: 0;
439	}
440	.search-results p {
441	margin-top: 0;
442	}
443	.search-results dt {
444	font-size: 1.1em;
445	}
446	.search-results dd {
447	margin-bottom: 1em;
448	}
449	.search-results .search-info {
450	font-size: 0.85em;
451	}
452	.tips table {
453	margin-top: 1em;
454	margin-bottom: 1em;
455	}
456	#tracker td.replies {
457	text-align: center;
458	}
459	#tracker table {
460	width: 100%;
461	}
462	.user-login-block {
463	text-align: center;
464	}
465	.more-help-link {
466	font-size: 0.85em;
467	text-align: right;
468	}
469	tr.watchdog-user {
470	background: #ffd;
471	}
472	tr.watchdog-user .active {
473	background: #eed;
474	}
475	tr.watchdog-content {
476	background: #ddf;
477	}
478	tr.watchdog-content .active {
479	background: #cce;
480	}
481	tr.watchdog-page-not-found, tr.watchdog-access-denied {
482	background: #dfd;
483	}
484	tr.watchdog-page-not-found .active, tr.watchdog-access-denied .active {
485	background: #cec;
486	}
487	tr.watchdog-error {
488	background: #ffc9c9;
489	}
490	tr.watchdog-error .active {
491	background: #eeb9b9;
492	}
493	.comment .links .form-item {
494	display: inline;
495	white-space: nowrap;
496	}
497	.comment .links .form-item br {
498	display: none;
499	}
500	#comment-moderation-button {
501	text-align: center;
502	}
503
504	/* Tab navigation */
505	ul.primary {
506	border-collapse: collapse;
507	padding: 0 0 0 1em;
508	white-space: nowrap;
509	list-style: none;
510	margin: 5px;
511	height: auto;
512	line-height: normal;
513	border-bottom: 1px solid #bbb;
514	}
515	ul.primary li {
516	display: inline;
517	}
518	ul.primary li a {
519	background-color: #ddd;
520	border-color: #bbb;
521	border-width: 1px;
522	border-style: solid solid none solid;
523	height: auto;
524	margin-right: 0.5em;
525	padding: 0 1em;
526	text-decoration: none;
527	}
528	ul.primary li.active a {
529	background-color: #fff;
530	border: 1px solid #bbb;
531	border-bottom: #fff 1px solid;
532	}
533	ul.primary li a:hover {
534	background-color: #eee;
535	border-color: #ccc;
536	border-bottom-color: #eee;
537	}
538	ul.secondary {
539	border-bottom: 1px solid #bbb;
540	padding: 0.5em 1em 0.5em 1em;
541	margin: 5px;
542	}
543	ul.secondary li {
544	display: inline;
545	padding: 0 1em;
546	border-right: 1px solid #ccc;
547	}
548	ul.secondary a {
549	padding: 0;
550	text-decoration: none;
551	}
552	ul.secondary a.active {
553	border-bottom: 4px solid #999;
554	}