Merged from McMasterReports branch

include/limesurvey/templates/limespired/assessment.pstpl

@@ -0,0 +1,5 @@
+<br />
+<div class="survey-assessment"><strong>{ASSESSMENT_HEADING}</strong></div>
+<div>
+	{ASSESSMENTS}
+</div>

include/limesurvey/templates/limespired/clearall.pstpl

@@ -0,0 +1,7 @@
+<br />
+<div class="survey-cleared">
+    <span style="color:red; font-weight:bold;">{ANSWERSCLEARED}</span>
+	<br /><br />
+	{RESTART}<br />
+</div>
+<br />

include/limesurvey/templates/limespired/completed.pstpl

@@ -0,0 +1,5 @@
+<br />
+<div class="survey-completed">{COMPLETED}</div>
+<br />
+<div>{URL}</div>
+<br />

include/limesurvey/templates/limespired/credits.txt

@@ -0,0 +1,20 @@
+This template was originally build for Niki Verschueren.
+After the LimeSurvey team asked if I would contribute the template, I adapted it to remove all copyrighted material.
+
+The picture of the tree(s) at the top of the page was pulled from Flickr:
+
+    http://flickr.com/photos/freefoto/1315883962
+    Uploaded on September 3, 2007 by freefotouk
+    Taken with a Sony DSLR-A100.M
+
+I've called it limespired because when I started building the template, I based it on the CSS layout of the main LimeSurvey website.
+You can find a screenshot, and some SVG files that contain the source media files to make it easy for you to customize this.
+
+The best thing to do is to edit the logo.png file and you're set :)
+
+I hope you enjoy this template. Improvements, suggestions, raves and rants are welcome: joost@decock.org
+
+Bye,
+
+Joost De Cock
+

include/limesurvey/templates/limespired/endpage.pstpl

@@ -0,0 +1,13 @@
+	</div>
+<div id="prefooter1"></div>
+<!-- <div id="prefooter2"></div> -->
+<div id="prefooter3"><a  href="http://www.limesurvey.org/" title="Go to the LimeSurvey Website" class="imglink"><img src="{TEMPLATEURL}poweredby.png" class="kullogo" /></a>
+<br /><span class="credits">LimeSurvey is Free software<br /><a href="http://www.donate.limesurvey.org">Donate</a></span>
+</div>
+<div id="footer">
+	<div class="rk-1">
+		<div class="rk-2"></div>
+	</div>
+</div>
+	</div>
+	</div>

include/limesurvey/templates/limespired/ie_fix_6.css

@@ -0,0 +1,124 @@
+/* The following styles are for versions of IE 6 and older */
+
+.choice-5-pt-radio ul {
+	margin-left: 2.5em;
+}
+ .yes-no ul
+,.gender ul {
+	margin-left: 1em;
+}
+
+.multiple-short-txt ul.numbers-only li span {
+	width: 10em;
+}
+
+
+ .multiple-short-txt ul
+,.multiple-opt-comments ul
+,.numeric-multi ul
+,.multiple-short-txt ul li
+,.multiple-opt-comments ul li
+,.numeric-multi ul li {
+	margin-left: 0%;
+	padding-left: 0%;
+}
+
+
+.multiple-short-txt ul label {
+    margin-left: 0em;
+    float:left;
+    display: block;
+    width: 40%;      
+    text-align:right;
+}
+
+
+.multiple-opt-comments ul li label{
+    float: left;
+    width: 35%; 
+    display:block; 
+    margin:0;
+    padding:0;    
+    padding-left:25px;
+}
+
+
+.multiple-opt-comments ul li span.comment{
+    float:left;
+    width:40%;
+    display:block;
+    margin:0;
+    padding:0; 
+}
+
+.multiple-opt-comments ul li span.comment input{
+    width:200px;
+}
+
+.multiple-short-txt ul li,
+.multiple-opt-comments ul li {  
+    float: left;  
+    clear: left;  
+    width: 100%;  
+}
+
+.innergraph img {
+    height:16px;
+    vertical-align:top;
+    margin:0px 0px 0px 0px;
+}
+
+.numeric-multi label {
+    width:400px;
+    text-align:right;
+    
+}
+
+.rank select {
+    margin-top:4px !important;
+}
+
+.multiple-short-txt td.answer,
+.date td.answer,
+.yes-no td.answer,
+.list-radio td.answer,
+.list-radio-flexible td.answer,
+.choice-5-pt-radio td.answer,
+.gender td.answer {
+    padding-bottom:10px;
+}
+
+.date button {
+    line-height:15px;
+    height:21px;
+    width:22px;
+}
+
+td.questionhelp {
+    text-align:left;
+}
+
+.numeric-multi ul li label {
+    float: left;  
+    width: 50%;  
+    text-align: right; 
+}
+
+.numeric-multi ul li {  
+    float: left;  
+    clear: left;  
+    width: 100%;  
+}
+
+.numeric-multi ul li span {
+    padding-left:0;
+}
+
+.numeric-multi input {
+    padding-left:1px;
+}
+
+input.submit
+{
+    padding:0px;
+}

include/limesurvey/templates/limespired/ie_fix_7.css

@@ -0,0 +1,119 @@
+/* The following styles are for all versions of IE 7 */
+.choice-5-pt-radio ul {
+	margin-left: 2.5em;
+}
+ .yes-no ul
+,.gender ul {
+	margin-left: 1em;
+}
+
+.multiple-short-txt ul.numbers-only li span {
+	width: 10em;
+}
+
+
+ .multiple-short-txt ul
+,.multiple-opt-comments ul
+,.numeric-multi ul
+,.multiple-short-txt ul li
+,.multiple-opt-comments ul li
+,.numeric-multi ul li {
+	margin-left: 0%;
+	padding-left: 0%;
+}
+
+
+.multiple-short-txt ul label {
+    margin-left: 0em;
+    float:left;
+    display: block;
+    width: 40%;      
+    text-align:right;
+}
+
+
+.multiple-opt-comments ul li label{
+    float: left;
+    width: 35%; 
+    display:block; 
+    margin:0;
+    padding:0;    
+    padding-left:25px;
+}
+
+
+.multiple-opt-comments ul li span.comment{
+    float:left;
+    width:40%;
+    display:block;
+    margin:0;
+    padding:0; 
+}
+
+.multiple-opt-comments ul li span.comment input{
+    width:200px;
+}
+
+.multiple-short-txt ul li,
+.multiple-opt-comments ul li {  
+    float: left;  
+    clear: left;  
+    width: 100%;  
+}
+
+.innergraph img {
+    height:16px;
+    vertical-align:top;
+    margin:0px 0px 0px 0px;
+}
+
+.multiple-short-txt td.answer,
+.date td.answer,
+.yes-no td.answer,
+.list-radio td.answer,
+.list-radio-flexible td.answer,
+.choice-5-pt-radio td.answer,
+.gender td.answer {
+    padding-bottom:10px;
+}
+
+.choice-5-pt-radio label
+{
+    margin:0 ;
+    padding:0;
+}
+
+.date button {
+    line-height:15px;
+    height:21px;
+    width:22px;
+}
+
+td.questionhelp {
+    text-align:left;
+}
+
+.numeric-multi ul li label {
+    float: left;  
+    width: 55%;  
+    text-align: right; 
+}
+
+.numeric-multi ul li {  
+    float: left;  
+    clear: left;  
+    width: 100%;  
+}
+
+.numeric-multi ul li span {
+    padding-left:0;
+}
+
+.numeric-multi input {
+    padding-left:1px;
+}
+
+input.submit
+{
+    padding:0px;
+}

include/limesurvey/templates/limespired/load.pstpl

@@ -0,0 +1,9 @@
+<center>
+<div class="survey-load">
+<span style="color:red">{LOADERROR}</span><br />
+<span style="font-size:18px; font-weight:bold;">{LOADHEADING}</span><br /><br />
+{LOADMESSAGE}<br />
+{LOADFORM}<br />
+{RETURNTOSURVEY}
+</div>
+</center>

include/limesurvey/templates/limespired/navigator.pstpl

@@ -0,0 +1,5 @@
+<center><br />
+<div class="survey-navigator">{NAVIGATOR}</div>
+<div class="clearall"> {CLEARALL} </div>
+{SAVE}
+</center>

include/limesurvey/templates/limespired/print_group.pstpl

@@ -0,0 +1,12 @@
+
+			<div class="survey-group{ODD_EVEN}">
+				<h2>{GROUPNAME}</h2>
+
+				<div class="group-desc">
+{GROUPDESCRIPTION}
+				</div>
+
+{QUESTIONS}
+
+			</div>
+

include/limesurvey/templates/limespired/print_question.pstpl

@@ -0,0 +1,17 @@
+
+				<div class="{QUESTION_CLASS}">
+					<div class="q-text">
+						<h3>{QUESTION_NUMBER} {QUESTION_TEXT} <span class="mandatory">{QUESTION_MANDATORY}</span></h3>
+						<p class="q-scenaria">{QUESTION_SCENARIO}</p>
+						<p class="q-type-help">{QUESTION_TYPE_HELP}</p>
+						<p class="q-man-message">{QUESTION_MAN_MESSAGE}</p>
+						<p class="q-validation">{QUESTION_VALID_MESSAGE}</p>
+					</div>
+					<div class="q-answer">
+{ANSWER}
+					</div>
+					<div class="q-help">
+{QUESTIONHELP}
+					</div>
+				</div>
+

include/limesurvey/templates/limespired/print_survey.pstpl

@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+	<head>
+		<title>{SITENAME} - {SURVEYNAME}</title>
+{HEADELEMENTS}
+
+		<link rel="stylesheet" type="text/css" href="{TEMPLATEURL}print_template.css" />
+	</head>
+	<body>
+		<div id="limesurvey">
+			<h1>{SURVEYNAME}</h1>
+	
+			<div class="survey-description">{SURVEYDESCRIPTION}</div>
+			
+			<div class="survey-welcome">{WELCOME}</div>
+
+			<p class="x-questions">{THEREAREXQUESTIONS}</p>
+{GROUPS}
+{PRIVACY}
+			<p class="submit-by">
+				{SUBMIT_BY}<br />
+				{FAX_TO}
+				{SUBMIT_TEXT}<br />
+				{THANKS}<br />
+			</p>
+		</div>
+
+	</body>
+</html>

include/limesurvey/templates/limespired/print_template.css

@@ -0,0 +1,278 @@
+body
+{
+	font-family: arial, hevetica, sans-serif;
+	font-size: 12px;	
+}
+
+h1,h2,h3,h4
+{
+	font-family: verdana, arial, helvetica, sans-serif;
+}
+
+h2
+{
+	margin-top: 2em;
+}
+
+h3
+{
+	margin-top: 0%;
+}
+
+*
+{
+	page-break-after: auto; 
+}
+p.q-type-help
+{
+	margin-bottom: 0.5em;
+}
+
+div.q-help
+{
+	margin-top: 1.5em;
+	margin-bottom: 0%;
+}
+
+div.q-answer
+{
+	font-size: 110%;
+}
+div.q-answer ul
+{
+	margin-left: 0%;
+	padding-left: 0.2em;
+}
+div.q-answer ul li
+{
+	list-style-type:none;
+	line-height: 1.9em;
+	margin-left: 0%;
+	padding-left: 0%;
+}
+
+div.survey-group
+{
+	page-break-after: always;
+}
+ div.boilerplate
+,div.choice-5-pt-radio
+,div.date
+,div.list-radio-flexible
+,div.list-radio
+,div.list-dropdown-flexible
+,div.list-dropdown
+,div.list-with-comment
+,div.ranking
+,div.multiple-opt
+,div.language
+,div.multiple-opt-comments
+,div.multiple-short-txt
+,div.numeric-multi
+,div.numeric
+,div.text-short
+,div.text-long
+,div.text-huge
+,div.yes-no
+,div.gender
+,div.array-5-pt
+,div.array-10-pt
+,div.array-yes-uncertain-no
+,div.array-increase-same-decrease
+,div.array-flexible-row
+,div.array-flexible-column
+,div.array-multi-flexi
+,div.array-multi-flexi-text
+,div.array-flexible-duel-scale
+{
+	border: 0.1em solid #aaa;
+	padding: 1em;
+	margin: 1em 0.5em;
+	clear: both;
+	page-break-inside: avoid;
+	page-break-before: auto;
+}
+
+.other
+{
+}
+
+ .question ul
+,.question ul li
+{
+	margin-left: 0%;
+	padding-left: 0%;
+	list-style: none;
+}
+.question ul li { margin-bottom: 0.5em; }
+ img.input-radio
+,img.input-checkbox
+{
+	position: relative;
+	top: 1px;
+	margin-right: 0.5em;
+}
+
+ div.input-other
+,div.input-othercomment
+,div.input-rank
+,div.input-text
+,div.input-textarea
+{
+	border: 0.1em solid #666666;
+}
+
+li.other
+{
+	margin-top: 0.3em;
+}
+div.input-other
+,div.input-othercomment
+{
+	width: 20em;
+	height: 2em;
+    display:inline-block;
+    
+}
+
+.multiple-opt div.input-other
+{
+	padding-left: 5.5em;
+}
+
+.multiple-opt-comments div.other-replacettext
+{
+    display:table-cell;
+}
+
+.multiple-opt-comments div.input-other {
+	width: 10em;
+    display:inline-block;
+    margin-left:5px;
+}
+
+.multiple-opt-comments div.input-othercomment {
+	width: 24em;
+    display:table-cell;
+}
+
+div.other-replacetext
+{
+    white-space:nowrap;
+}
+.ranking .q-answer li
+{
+	padding-left: 4em;
+	line-height: 2em;
+}
+.ranking li div.input-rank
+{
+	margin: 0% 0% -1.8em -4em;
+	width: 3em;
+	height: 2em;
+}
+
+ .multiple-opt-comments .q-answer li
+,.multiple-short-txt .q-answer li
+,.numeric-multi .q-answer li
+{
+	line-height: 2em;
+}
+
+.multiple-opt-comments div.input-text, 
+.multiple-short-txt div.input-text, 
+.numeric-multi div.input-text {
+    display: table-cell;
+
+}
+
+
+.multiple-opt-comments .q-answer ul li span,
+.multiple-short-txt .q-answer ul li span,
+.numeric-multi .q-answer ul li span
+{
+  display:table-cell;
+  padding-right:5px;
+  
+}
+
+
+.multiple-opt-comments .q-answer ul li ,
+.multiple-short-txt .q-answer ul li ,
+.numeric-multi .q-answer ul li {
+  display:table-row;
+}
+
+.multiple-opt-comments .q-answer ul ,
+.multiple-short-txt .q-answer ul ,
+.numeric-multi .q-answer ul {
+ display:table;   
+ border-spacing: 3px;
+}
+
+ #limesurvey .q-answer table thead th
+,#limesurvey .q-answer table .repeat th
+{
+	text-align: center;
+	vertical-align: bottom;
+	font-weight: normal;
+	padding: 0% 1em;
+}
+#limesurvey .q-answer table tbody td
+{
+	text-align: center;
+}
+#limesurvey .q-answer table tbody td img
+{
+	margin: 0%;
+}
+ #limesurvey .q-answer table tbody th.answertext
+,#limesurvey .q-answer table tbody th.arraycaptionleft
+{
+	text-align: left;
+	font-weight: normal;
+}
+
+/*
+div.array-5-pt .q-answer table thead th
+,div.array-10-pt table thead th
+,div.array-yes-uncertain-no .q-answer table thead th
+,div.array-increase-same-decrease .q-answer table thead th
+,div.array-flexible-row .q-answer table thead th
+,div.array-flexible-column .q-answer table thead th
+,div.array-multi-flexi .q-answer table thead th
+,div.array-multi-flexi-text .q-answer table thead th
+,div.array-flexible-duel-scale .q-answer table thead th
+*/
+div.array-multi-flexi .q-answer table tbody td div.input-text
+{
+	margin-left: auto;
+	margin-right: auto;
+}
+
+
+.array-flexible-column tbody th.arraycaptionleft
+{
+	padding-right: 1em;
+}
+#limesurvey .q-answer table tbody th.answertextright
+{
+	text-align: left;
+	font-weight: normal;
+}
+/*
+.array-increase-same-decrease {}
+.array-flexible-row {}
+.array-flexible-column {}
+.slider {}
+.array-multi-flexi {}
+.array-flexible-duel-scale {}
+*/
+.array-flexible-column col.odd
+,.array-flexible-column th.odd
+{
+	background-color: #0c1c2b;
+	padding: 0% 0.3em;
+}
+
+

include/limesurvey/templates/limespired/printanswers.pstpl

@@ -0,0 +1 @@
+{ANSWERTABLE}

include/limesurvey/templates/limespired/privacy.pstpl

@@ -0,0 +1 @@
+<div class="survey-privacy">{PRIVACYMESSAGE}</div>

include/limesurvey/templates/limespired/question.pstpl

@@ -0,0 +1,6 @@
+<div class="survey-question">
+	<div class="survey-question-text"><!-- {QUESTION_CODE}: -->{QUESTION}</div>
+	<div class="survey-question-answer">{ANSWER}</div>
+	<div class="survey-question-help">{QUESTIONHELP}</div>
+</div>
+<div class="survey-question-space"></div>

include/limesurvey/templates/limespired/question_start.pstpl

@@ -0,0 +1,8 @@
+
+<!-- START: question_start.pstpl -->
+<span class="asterisk">{QUESTION_MANDATORY}</span>{QUESTION_TEXT}<br /><span class="questionhelp">{QUESTION_HELP}</span>
+
+{QUESTION_MAN_MESSAGE}
+{QUESTION_VALID_MESSAGE}
+
+<!-- FINISH: question_start.pstpl -->

include/limesurvey/templates/limespired/register.pstpl

@@ -0,0 +1,7 @@
+<br />
+<center>
+<span style="color:red;font-weight: bold;">{REGISTERERROR}</span>
+<span style="font-weight:bold">{REGISTERMESSAGE1}</span><br /><br />
+{REGISTERMESSAGE2}<br /><br />
+{REGISTERFORM}<br />
+</center>

include/limesurvey/templates/limespired/save.pstpl

@@ -0,0 +1,7 @@
+<center>
+<span style="color:red; font-weight:bold;">{SAVEERROR}</span>
+<span style="font-size:16px;">{SAVEHEADING}</span><br /><br />
+{SAVEMESSAGE}<br /><br />
+{SAVEFORM}<br />
+{RETURNTOSURVEY}
+</center>

include/limesurvey/templates/limespired/startgroup.pstpl

@@ -0,0 +1,2 @@
+<div class="survey-groupname">{GROUPNAME}</div>	
+<div class="survey-groupdescription">{GROUPDESCRIPTION}</div>

include/limesurvey/templates/limespired/startpage.pstpl

@@ -0,0 +1,31 @@
+
+		<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
+		<title>{SURVEYNAME} &ndash; {GROUPNAME}</title>
+		<meta name="generator" content="LimeSurvey http://www.limesurvey.org" />
+
+		<link rel="stylesheet" type="text/css" href="{TEMPLATEURL}template.css" />
+<!--[if IE 7]>
+		<link rel="stylesheet" type="text/css" href="{TEMPLATEURL}ie_fix_7.css" />
+<![endif]-->
+<!--[if lte IE 6]>
+		<link rel="stylesheet" type="text/css" href="{TEMPLATEURL}ie_fix_6.css" />
+<![endif]-->
+
+    <!-- The following CSS hides visual elements of the progress bar from screen readers. -->
+    <style type="text/css" media="aural tty">
+        progress-graph .zero, progress-graph .graph, progress-graph .cent { display: none; }
+    </style>
+	<script type="text/javascript" src="{TEMPLATEURL}template.js"></script>    
+</head>
+	<body id="page_bg">
+		<div id="wrapper2">
+			<div id="wrapper">
+				<div id="header">
+					<div class="rk-1">
+						<div class="rk-2">
+							<a href="http://www.limesurvey.org" class="nounder" title="Limesurvey - The free open source survey tool"><img src="{TEMPLATEURL}blank.gif" border="0" alt="" id="logo" /></a>
+						</div>
+					</div>
+				</div>
+				<div class="surveyname">{SURVEYNAME}</div>
+				<div class="survey-main">

include/limesurvey/templates/limespired/survey.pstpl

@@ -0,0 +1,5 @@
+<div class="survey-survey">
+	<div class="survey-survey-description">{SURVEYDESCRIPTION}</div>
+	<div class="survey-survey-percent">{PERCENTCOMPLETE}</div> 
+	<div class="survey-survey-language">{LANGUAGECHANGER}</div>
+</div>

include/limesurvey/templates/limespired/surveylist.pstpl

@@ -0,0 +1 @@
+<div class="nosurveyid">{NOSURVEYID}</div>

include/limesurvey/templates/limespired/template.js

@@ -0,0 +1,55 @@
+/*
+ * LimeSurvey
+ * Copyright (C) 2007 The LimeSurvey Project Team / Carsten Schmitz
+ * All rights reserved.
+ * License: GNU/GPL License v2 or later, see LICENSE.php
+ * LimeSurvey is free software. This version may have been modified pursuant
+ * to the GNU General Public License, and as distributed it includes or
+ * is derivative of works licensed under the GNU General Public License or
+ * other free or open source software licenses.
+ * See COPYRIGHT.php for copyright notices and details.
+ * 
+ * 
+ * Description: Javascript file for templates. Put JS-functions for your template here.
+ *  
+ * 
+ * $Id:$
+ */
+
+
+/*
+ * The function focusFirst puts the Focus on the first non-hidden element in the Survey. 
+ * 
+ * Normally this is the first input field (the first answer).
+ */
+function focusFirst(Event)
+{
+	var i=0;
+	// count up as long as the elements are hidden
+	while(document.forms[0].elements[i].type == "hidden" &&
+		document.forms[0].elements[i].style.visibility == 'visible')
+	{
+		i++;
+	}
+	// put focus on the element we just counted.
+	if (document.forms[0].elements[i].type == "hidden" &&
+		document.forms[0].elements[i].style.visibility == 'visible')
+	{
+		document.forms[0].elements[i].focus();
+	}
+	return;
+}
+/*
+ * The focusFirst function is added to the eventlistener, when the page is loaded.
+ * 
+ * This can be used to start other functions on pageload as well. Just put it inside the 'ready' function block
+ */
+
+
+
+$(document).ready(function(){
+   focusFirst();
+})
+
+
+

include/limesurvey/templates/limespired/welcome.pstpl

@@ -0,0 +1,4 @@
+{CHECKJAVASCRIPT}
+<div class="survey-description">{SURVEYDESCRIPTION}</div>
+<div class="survey-welcome">{WELCOME}</div>
+<!-- <div class="numquestions">{THEREAREXQUESTIONS}</div> -->