templates.php

Revision 339, 62.7 kB (checked in by sven, 3 years ago)
minor HTML validation fixes
Property svn:eol-style set to `native`

Line
1	<?php
2
3	/*** NZVLE TODO
4	***
5	*** + Break the html/css bits of the default template into separate files
6	*** they mess up the code layout and indentation, and generally don't
7	*** belong here.
8	*** + Clean up and document the calling conventions -- get rid of $parameter
9	*** + the callbacks to template_variables_substitute are evil -- rework
10	***
11	***/
12
13	function default_template () {
14
15	global $CFG;
16	global $template;
17	global $template_definition;
18	$sitename = $CFG->sitename;
19
20	$run_result = '';
21
22	$template_definition[] = array(
23	'id' => 'pageshell',
24	'name' => gettext("Page Shell"),
25	'description' => gettext("The main page shell, including headers and footers."),
26	'glossary' => array(
27	'{{metatags}}' => gettext("Page metatags (mandatory) - must be in the 'head' portion of the page"),
28	'{{title}}' => gettext("Page title"),
29	'{{menu}}' => gettext("Menu"),
30	'{{topmenu}}' => gettext("Status menu"),
31	'{{mainbody}}' => gettext("Main body"),
32	'{{sidebar}}' => gettext("Sidebar")
33	)
34	);
35
36	$welcome = gettext("Welcome"); // gettext variable
37
38	$template['pageshell'] = <<< END
39
40	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
41	<html xmlns="http://www.w3.org/1999/xhtml">
42	<head>
43	<title>{{title}}</title>
44	{{metatags}}
45	</head>
46	<body>
47	<!-- elgg banner and logo -->
48	<div id="container"><!-- start container -->
49	<div id="statusbar"><!-- start statusbar -->
50	<div id="welcome"><!-- start welcome -->
51	<p>$welcome {{userfullname}}</p>
52	</div><!-- end welcome -->
53	{{topmenu}}
54	</div><!-- end statusbar -->
55	<div id="header"><!-- start header -->
56	<h1>$sitename</h1>
57	<h2>Community learning space</h2>
58	<ul id="navigation">
59	{{menu}}
60	</ul>
61	</div><!-- end header -->
62	<div id="content_holder"><!-- start contentholder -->
63	<div id="maincontent_container"><!-- start main content -->
64	{{messageshell}}
65	{{mainbody}}
66	</div><!-- end main content -->
67	<div id="sidebar_container">
68	<div id="sidebar"><!-- start sidebar -->
69	<ul><!-- open sidebar lists -->
70	{{sidebar}}
71	</ul>
72	</div><!-- end sidebar -->
73	</div><!-- end sidebar_container -->
74	</div><!-- end contentholder -->
75	<div class="clearall" />
76	<div id="footer"><!-- start footer -->
77	<a href="http://elgg.net"><img src="{$url}_templates/elgg_powered.png" alt="Powered by Elgg" title="Powered by Elgg" border="0" /></a>
78	</div><!-- end footer -->
79	</div><!-- end container -->
80	</body>
81	</html>
82
83	END;
84
85	$template_definition[] = array(
86	'id' => 'css',
87	'name' => gettext("Stylesheet"),
88	'description' => gettext("The Cascading Style Sheet for the template."),
89	'glossary' => array()
90	);
91
92	$template['css'] = <<< END
93	/*
94	CSS for Elgg default - a huge thanks to Enej for providing most of the CSS!
95	*/
96
97	body{
98	margin: 0;
99	padding: 0;
100	font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
101	color: #333;
102	background: #eee;
103	width: 97%;
104	margin: auto;
105	}
106
107	a {
108	text-decoration: none;
109	font-family: verdana, arial, helvetica;
110	color: #7289AF;
111	font-size:13px;
112	}
113
114	p {
115	font-family: arial, helvetica, Tahoma;
116	color: #000000;
117	font-size: 75%;
118	}
119
120
121	h2 {
122	font-family: arial, helvetica, Tahoma;
123	}
124
125
126	h3 {
127	font-family: arial, helvetica, Tahoma;
128	}
129
130	h4 {
131	font-family: arial, helvetica, Tahoma;
132	}
133
134	h5 {
135	color: #1181AA;
136	}
137
138	/*-------------------------------------------------
139	STATUS BAR
140	-------------------------------------------------*/
141
142	#Statusbar {
143	color: #1181AA;
144	padding: 3px 10px 2px 0;
145	margin: 0px;
146	text-align: bottom;
147	font-size: 9px;
148	height: 19px;
149	background: #eee;
150	}
151
152
153	#Statusbar a {
154	font-size: 11px;
155	color: #666;
156	}
157
158	#StatusRight {
159	text-align: right;
160	padding: 0px;
161	padding-top: 0px;
162	padding-bottom: 0px;
163	}
164
165	#StatusRight a:hover {
166	text-decoration: underline;
167	}
168
169	#StatusLeft {
170	float: left;
171	color: #333;
172	}
173
174	#StatusLeft p {
175	font-weight: normal;
176	font-size: 12px;
177	font-weight: bold;
178	padding: 0px;
179	padding-left: 3px;
180	margin: 0px;
181	color:#ggg;
182	}
183
184	/*-------------------------------------------------
185	HEADER
186	-------------------------------------------------*/
187
188	#Header {
189	width: 100%;
190	background: #1181AA;
191	border: 1px solid #ccc;
192	border-bottom: none;
193	padding: 0px;
194	margin: 0px;
195	text-align: left;
196	}
197
198	#Header h1 {
199	padding: 0;
200	padding-bottom: 4px;
201	margin: 7px 0 0 20px;
202	font-size: 24px;
203	font-weight: normal;
204	color: #FAC83D;
205	text-align: left;
206	}
207
208	#Header h2 {
209	padding: 0 0 7px 0;
210	margin: 0 0 0 20px;
211	font-size: 16px;
212	font-weight: normal;
213	color: #fff;
214	border: none;
215	font-family: "Lucida Grande", arial, sans-serif;
216	}
217
218	#Header h3 {
219	padding: 0 20px 0 0;
220	margin: 7px 0px 0 0;
221	width: 200px;
222	text-align: right;
223	float: right;
224	font-size: 10px;
225	font-weight: normal;
226	font-family: verdana;
227	}
228
229	#Header h3 a {
230	font-weight: bold;
231	text-decoration: none;
232	}
233
234	/*-------------------------------------------------
235	contents
236	-------------------------------------------------*/
237
238	.Container {
239	margin: 0 auto;
240	text-align: center;
241	width: 100%;
242	min-width: 750px;
243	}
244
245	.ClearAll {
246	padding: 0px;
247	clear: both;
248	font-size: 0px;
249	}
250
251	.userlist {
252	clear: both;
253	margin:0px;
254	margin-bottom:5px;
255	}
256
257	#ContentFrame, .ContentFrame {
258	margin: 0;
259	padding: 20px 0;
260	width: 100%;
261	text-align: left;
262	float: left;
263	border: 1px solid #ccc;
264	border-top: none;
265	background-color: #fff;
266	}
267
268	.Left {
269	margin: 0;
270	padding: 0;
271	text-align: left;
272	width: 68%;
273	float: left;
274	}
275
276	.Left h2 {
277	padding-bottom: 5px;
278	padding-top: 5px;
279	border: 0px;
280	margin: 0;
281	font-size: 14px;
282	color: #666;
283	}
284
285	.Left h1 {
286	padding-bottom: 5px;
287	padding-top: 5px;
288	border: 0px;
289	margin: 0;
290	font-size: 15px;
291	color: #666;
292	}
293
294
295
296	.Right {
297	margin: 0px;
298	padding: 0;
299	text-align: left;
300	float: right;
301	width: 30%;
302	overflow: hidden;
303	}
304
305	#Footer {
306	font-size: 10px;
307	color: #fff;
308	margin: 10px 0 20px 20px;
309	text-align: center;
310	padding:5px;
311	}
312
313	#Footer .performanceinfo {
314	color: #000;
315	}
316
317	#Footer a:link, #Footer a:visited {
318	color: #666;
319	text-align:right;
320	}
321
322	#Footer a:hover {
323	color: #fff;
324	background: #666;
325	}
326
327	/*-------------------------------------------------
328	TABS
329	-------------------------------------------------*/
330
331	#Tabs {
332	height: 21px;
333	margin: 0;
334	padding-left: 20px;
335	text-align:left;
336	}
337
338	#Tabs li {
339	margin: 0;
340	padding: 0;
341	display: inline;
342	list-style-type: none;
343	border: none;
344	}
345
346	#Tabs a:link, #Tabs a:visited {
347
348	background: #eaeac7;
349	font-size: 11px;
350	font-weight: normal;
351	padding: 4px 6px;
352	margin: 0 2px 0 0;
353	border: 0px solid #036;
354	border-bottom: #eaeac7;
355	text-decoration: none;
356	color: #333;
357	}
358
359	#Tabs a:link.current, #Tabs a:visited.current {
360	border-bottom: 1px solid #fff;
361	background: #fff;
362	color: #393;
363	font-weight: bold;
364	}
365
366	#Tabs a:hover {
367	color: #000;
368	background: #ffc;
369	}
370
371	#Tabs li a:hover {
372	background: #FCD63F;
373	}
374
375	/*-------------------------------------------------
376	Profile table
377	-------------------------------------------------*/
378
379	.profiletable {
380	border: 1px;
381	border-style: solid;
382	border-color: #ddd;
383	text-align: top;
384	}
385
386	.profiletable p {
387	padding: 0px;
388	margin: 0px;
389	}
390
391	.profiletable img {
392	border: 0;
393	}
394
395	.profiletable .fieldname {
396	background-color: #F9F9F9;
397	border-right: 2px solid #eaeac7; /#8B8C8C;/
398	color: #1181AA;
399	padding-left: 10px;
400	text-align: bottom;
401	}
402
403	.profiletable .fieldname p {
404	color: #666;
405	}
406
407	.fileTable {
408	background-color: #F9F9F9;
409	border: 1px solid #DDD;
410	}
411
412	.fileTable p {
413	padding: 0px;
414	margin: 0px;
415	color: #1181AA;
416	}
417
418	/*-------------------------------------------------
419	SELECTED HEADER
420	-------------------------------------------------*/
421
422	.SectionContent {
423	margin: 0 0 20px 0;
424	}
425
426	.SectionContent h1 {
427	padding-bottom: 2px;
428	border-bottom: 1px solid #666;
429	margin: 0;
430	font-size: 16px;
431	color: #666;
432	}
433
434	.SectionContent h3 {
435	font-family: verdana;
436	padding: 2px 0 0 0;
437	margin: 0;
438	font-size: 10px;
439	font-weight: normal;
440	color: #000;
441	}
442
443	.SectionContent h3 a {
444	font-weight: bold;
445	}
446
447	.SectionContent h3 a:hover {
448	text-decoration: underline;
449	}
450
451	/*-------------------------------------------------
452	INDIVIDUAL POSTS
453	-------------------------------------------------*/
454
455	.Post {
456	margin: 0 0 10px 0;
457	padding: 0 0 20px 110px;
458	font-size: 75%;
459	font-family: arial;
460	}
461
462	.Post p {
463	padding: 0;
464	margin: 3px 0 10px 0;
465	font-size: 12px;
466	line-height: 16px;
467	}
468
469	.Post h1 {
470	/* padding-top: 5px;*/
471	color: #000;
472	}
473
474	.Post h1 a {
475	color: #000;
476	text-decoration: none;
477	}
478
479	.Post h1 a:hover {
480	background: #fff;
481	color: #000;
482	text-decoration: underline;
483	}
484
485	h2.date, h2.weblogdateheader {
486	padding: 0 0 0 0;
487	margin: 0 0 2px 0;
488	color: #333;
489	font-size: 10px;
490	font-weight: normal;
491	font-style: italic;
492	line-height: 12px;
493	border-bottom: 1px solid #ccc;
494	}
495
496	.Post h2.subhead {
497	padding: 0;
498	margin: 15px 0 0 0;
499	color: #000;
500	font-size: 12px;
501	font-weight: bold;
502	font-style: normal;
503	line-height: 12px;
504	}
505
506	.Post h5 {
507	margin-top: 0px;
508	padding-top: 0px;
509	font-size: 100%;
510	}
511
512	.Post h3 {
513	padding: 0 0 0 0;
514	margin: 0 0 5px 0;
515	color: #666;
516	font-family: verdana;
517	font-size: 10px;
518	font-weight: normal;
519	line-height: 14px;
520	text-align: left;
521	}
522
523	.Post h3 a {
524	color: #666;
525	text-decoration: none;
526	border-bottom: 1px dotted #666;
527	padding-bottom: 0;
528	}
529
530	.Post h3 a:hover {
531	color: #fff;
532	background-color: #666;
533	}
534
535	.Post h3 a.commentlink:link {
536	font-weight: bold;
537	color: #000;
538	}
539
540	.Post h3 a.commentlink:hover {
541	color: #fff;
542	background: #333;
543	}
544
545	.Post ol, .Post ul {
546	margin: 3px 0 10px 0;
547	padding: 0;
548	}
549
550	.Post li {
551	margin-left: 30px;
552	font-size: 12px;
553	line-height: 16px;
554	}
555
556	.Post ul li {
557	list-style-type: square;
558	}
559
560	.Post table {
561	background: #dcdcdc;
562	}
563
564	.Post td {
565	background: #fff;
566	padding: 5px;
567	font-size: 12px;
568	}
569
570
571	/*-------------------------------------------------
572	SIDEBAR
573	-------------------------------------------------*/
574
575	.Sidebar h1 {
576	padding: 4px 0 2px 0;
577	border-bottom: 1px solid #666;
578	margin: 0 0 5px 0;
579	font-size: 12px;
580	color: #000;
581	}
582
583	.Sidebar p.incategory {
584	margin-top: 0;
585	background: #ececec;
586	padding: 4px;
587	}
588
589	.Sidebar h2, .Sidebar h2.border {
590	font-family: "Lucida Grande", arial, sans-serif;
591	font-size: 12px;
592	font-weight: bold;
593	color: #333;
594	margin: 20px 0 3px 0;
595	padding: 0;
596	border: none;
597	}
598
599	.Sidebar h2.border {
600	border-bottom: 1px solid #d5d5d5;
601	}
602
603
604	.box_user {
605	/background-color: #FAC83D;/ /#FAC83D;/
606	margin: 0px;
607	margin-bottom: 5px;
608	}
609
610	.box_user .me {
611	padding: 3px;
612	background-color:#FAC83D;
613	padding-top: 3px;
614	min-height: 71px;
615	}
616
617	.box_user p {
618	color: #000; /#1181AA;/
619	padding: 0px;
620	margin-top: 0px;
621	}
622
623	.box_user .usermenu a {
624	color: #000; /#1181AA;/
625	padding: 0px;
626	margin-top: 0px;
627	font-size: 75%;
628	text-decoration: underline;
629	}
630
631	.profile_item {
632	border: 1px;
633	border-style: none;
634	border-color: #ebebeb;
635	background-color: #ebebeb;
636	margin: 0px;
637	margin-bottom: 3px;
638	}
639
640	.profile_item2 {
641	border: 1px;
642	border-style: none;
643	border-color: #fff;
644	background-color: #fff;
645	margin: 0px;
646	margin-bottom: 3px;
647	}
648
649	#js {
650	border: 1px solid #D3322A;
651	background: #F7DAD8;
652	padding: 3px 50px;
653	margin: 0;
654	}
655
656	#js p {
657	padding: 0px;
658	margin: 2px;
659	}
660
661
662	/*-------------------------------------------------
663	COMMENTS
664	-------------------------------------------------*/
665
666	.Comments h4 {
667	margin: 0 0 10px 0;
668	font-size: 10px;
669	color: #666;
670	padding: 3px 0;
671	font-weight: normal;
672	border-bottom: 1px solid #d5d5d5;
673	}
674
675	.Comments h2 {
676	padding: 2px 4px;
677	color: #fff;
678	background: #666;
679	font-size: 11px;
680	border-bottom: 1px solid #333;
681	margin: 0;
682
683	}
684
685	.Comments div.Post {
686	background: #f9f9f9;
687	border-bottom: 1px solid #efefef;
688	margin: 0 0 5px 0;
689	clear: left;
690	color: #333;
691	padding: 5px;
692	}
693
694	.Comments div.Post:after {
695	content: ".";
696	display: block;
697	height: 0;
698	clear: both;
699	visibility: hidden;
700	}
701
702	/* Hides form IE-mac \*/
703	* html .Comments div.Post {height: 1%;}
704	/* End hide from IE-mac */
705
706	.Comments #OriginalPost {
707	padding: 0 0 30px 0;
708	background: #fff;
709	border-bottom: none;
710	}
711
712	.Post#Preview {
713	border: 2px solid #ef9c00;
714	padding: 0;
715	}
716
717	.Post#Preview h2 {
718	margin: 0;
719	padding: 5px 10px;
720	background: #ff6;
721	border: none;
722	color: #000;
723	}
724
725	.Post#Preview #PreviewBody {
726	padding: 10px;
727	}
728
729	.Post#Preview #PreviewButtons {
730	text-align: left;
731	background: #ffc;
732	padding: 5px 10px;
733	}
734
735	div.Comments img.avatar {
736	margin: 0 10px 10px 0;
737	width: 48px;
738	float: left;
739	padding-left: 5px;
740	}
741
742	div.Comments div.Post ul,
743	div.Comments div.Post ol {
744	clear: left;
745	}
746
747	div.Comments div.Post ol li,
748	div.Comments div.Post ul li {
749	}
750
751	/*-------------------------------------------------
752	alignment
753	-------------------------------------------------*/
754
755	.col {
756	padding: 0 5px;
757	text-align: left;
758	}
759
760	.Left .col {
761	padding: 0 30px 0 20px;
762	min-width: 100px;
763	}
764
765	.Right .col {
766	min-width: 100px;
767	border-left: 1px dotted #dcdcdc;
768	padding: 0 10px;
769	}
770
771	.infobox {
772	padding: 0px;
773	margin: 0px;
774	margin-bottom: 0px;
775	}
776
777	/* ------------- help files -------------*/
778
779	.helpFiles ul {
780	font-family: arial, helvetica, Tahoma;
781	color: #000000;
782	font-size: 75%;
783	}
784
785
786	/-------------- extra blog classes -----/
787	.user {
788	float: left;
789	margin: 0px;
790	padding: 0px;
791	padding-bottom: 5px;
792	/* padding: 0.3em 2em 2em 0; */
793	width: 105px;
794	text-align: left;
795	}
796
797	.weblog_post .post_content {
798	padding-left: 2em;
799	}
800
801	.clearing{clear:both;}
802
803	/* site news for home.php */
804
805	.siteNews {
806	background:#ebebeb;
807	}
808
809	.siteNews h2 {
810	background: #1181AA;
811	font-size: 90%;
812	color: #FAC83D;
813	padding: 0px;
814	padding-left: 5px;
815	}
816
817	/* ---- feeds --------- */
818
819	.feeds {
820	font-size: 12px;
821	border-bottom: 1px dotted #aaaaaa;
822	background: transparent url("{$CFG->wwwroot}_templates/sunflower.jpg") bottom right no-repeat;
823	}
824
825	.feed_content p {
826	font-size: 12px;
827	}
828
829	.feed_content a {
830	color: black;
831	border: 0px;
832	border-bottom: 1px;
833	border-style: dotted;
834	border-color: grey;
835	}
836
837	.feed_content a:hover {
838	background: #fff;
839	}
840
841	.feed_content img {
842	border: 1px solid #666666;
843	padding: 5px;
844	}
845
846	.feed_date h4 {
847	font-size:13px;
848	line-height: 21px;
849	font-weight: bold;
850	padding: 5px 10px 5px 5px;
851	background: #D0DEDF;
852	text-decoration:none;
853	}
854
855	.feed_content h5 a {
856	color: black;
857	border: 0px;
858	border-bottom: 1px;
859	border-style: dotted;
860	border-color: grey;
861	}
862
863	.feed_content h5 a:hover {
864	background: #FCD63F;
865	}
866
867	.feed_content h5 {
868	padding: 0px;
869	padding-bottom: 4px;
870	margin: 0px;
871	}
872
873	.via a {
874	font-size:11px;
875	color:#1181AA;
876	border:0px;
877	border-bottom:1px;
878	border-style:dashed;
879	border-color:ebebeb;
880	}
881
882	.via a:hover {
883	background: #ffc;
884	}
885
886
887	END;
888
889	$template_definition[] = array(
890	'id' => 'contentholder',
891