Merging the Limesurvey 1.91+ branch of queXS in to the trunk

include/limesurvey/templates/citronade/assessment.pstpl

@@ -0,0 +1,4 @@
+<div id="assessment" class="note">
+	<h2>{ASSESSMENT_HEADING}</h2>
+	{ASSESSMENTS}
+</div>

include/limesurvey/templates/citronade/base.css

@@ -0,0 +1,190 @@
+/* This part don't have to be modified */
+/* Base style only */
+/* --- STYLES DE BASE --- */ 
+/* source: http://www.alsacreations.com/astuce/lire/654-feuille-de-styles-de-base.html */
+html { font-size: 100%; } 
+body { 
+	margin: 0; 
+  padding: 0;
+  font-family: Arial, Helvetica, FreeSans, sans-serif; 
+  font-size: .85em;
+  line-height: 1.4; 
+  color: black; 
+  background: white; 
+} 
+ 
+html,body{ height: 100%;}
+
+h1, h2, h3, h4, h5, h6 { 
+  margin: 1em 0 .5em 0; 
+  line-height: 1.2; 
+  font-weight: bold; 
+  font-style: normal; 
+} 
+h1 {font-size: 1.5em;} 
+h2 {font-size: 1.3em;} 
+h3 {font-size: 1.2em;} 
+h4 {font-size: 1.1em;}
+h5 {font-size: 1em;}
+h6 {font-size: 1em;}
+ 
+ul, ol { margin: .75em 0 .75em 32px; padding: 0; } 
+p { margin: .75em 0; } 
+address { margin: .75em 0; font-style: italic; } 
+ 
+a {text-decoration: underline;} 
+a:link {color: #11C;} 
+a:visited {color: #339;} 
+a:hover, a:focus, a:active {color: #00F;} 
+a:active {outline: none;} 
+a img {border: none;} 
+ 
+em {font-style: italic;} 
+strong {font-weight: bold;} 
+ 
+form, fieldset {margin: 0;padding: 0;border: none;} 
+input, button, select {vertical-align: middle;}
+
+/* --- STYLES DE BASE SUPPLÉMENTAIRES --- */ 
+ 
+abbr[title] { border-bottom: 1px dotted; cursor: help; } 
+blockquote { margin: .75em 0 .75em 20px;padding: 0 0 0 10px;border-left: solid 2px #ddd;} 
+q, cite {font-style: italic;} 
+q cite, q q {font-style: normal;} 
+blockquote p, li p {margin: .5em 0;} 
+dl {margin: .75em 0;} 
+dt {margin: .75em 0 0 0;font-weight: bold;} 
+dd {margin: .25em 0 .25em 32px;} 
+ 
+table {
+	margin: 0; 
+  border: 1px solid gray; /* Pas de bordure = "none". */ 
+  border-collapse: separate; /* Valeur par défaut: "separate". */ 
+  border-spacing: 0; 
+} 
+table td, table th { 
+  padding: 4px; /* Pas de retrait autour du texte = "0". */ 
+  border: 1px solid #ccc; /* Pas de bordure = "none". */ 
+  vertical-align: top; /* Valeur par défaut: "middle" */ 
+} 
+table {
+  border: 1px solid gray; /* Pas de bordure = "none". */ 
+} 
+ 
+/* Semantic HTML 5 */ 
+article, aside, dialog, figure, footer, header, 
+hgroup, menu, nav, section {display: block;}
+
+/* --- LIMESURVEY BASE --- */ 
+ul#surveylist{list-style: none ;}
+.hide{
+    position: absolute;
+    top: -9999px;
+    left: -9999px;
+}
+.error{color: #f70;}
+.good{color: #090;}
+.problem{color: #f70;}
+
+/*****
+Default styles for the jQuery UI progress bar
+*****/
+#progress-wrapper {
+  width: 252px;
+  height: 2em;
+  margin: 10px auto 0 auto;
+  font-size: 12px;
+}
+
+#progress-wrapper #progress-pre {
+  float: left;
+  margin: 0 5px 0 0;
+  width: 45px;
+  text-align: right;
+}
+
+#progress-wrapper .ui-widget-content {
+  float: left;
+  width: 150px;
+  height: 1em;
+  text-align: left;
+  border-width: 1px
+  border-style: solid
+  border-color: #666666;
+}
+
+#progress-wrapper .ui-widget-header {
+  background-color: #AAAAAA;
+  background-image: none;
+  border: 1px solid #666666;
+}
+
+#progress-wrapper #progress-post {
+  float: left;
+  margin: 0 0 0 5px;
+  width: 45px;
+  text-align: left;
+}
+
+/*****
+Default styles for the jQuery UI slider
+*****/
+.ui-slider{width:15em;	margin: 0.4em 0 0.2em;display:inline;display:inline-block;border:1px solid #666666;
+	-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
+.slider_showmin {
+  float: left;
+  width: 3em;
+  margin: 1.4em 0 0 0;
+  font-size: 0.7em;
+  font-weight: normal;
+  text-align: left;
+  color:#666666;
+}
+
+.slider_showmax {
+  float: right;
+  width: 3em;
+  margin: 1.4em 0 0 0;
+  font-size: 0.7em;
+  font-weight: normal;
+  text-align: right;
+  color:#666666;
+}
+
+.slider_lefttext {
+  display: inline;
+  display: inline-block;
+  position:relative;
+  top:-0.5em;
+  padding-right: 1em;
+  text-align: right;
+  font-size: 0.9em;
+  color:#666666;
+}
+
+.slider_righttext {
+  display: inline;
+  display: inline-block;
+  position:relative;
+  top:-0.5em;
+  padding-left: 1em;
+  font-size: 0.9em;
+  color:#666666;
+}
+
+.slider_callout { 
+    overflow: hidden; 
+    position: absolute; 
+    top: -1.3em;
+    margin-left:0.8em;
+    text-align:right;
+    color: #333;
+    font-size:0.9em;
+}
+
+#percentcomplete{height:20px;margin:5px 0;display:block;}
+#progress-wrapper {
+	height: 20px;
+	margin: 0 auto;
+}
+

include/limesurvey/templates/citronade/clearall.pstpl

@@ -0,0 +1,7 @@
+<div id="clearall" class="note">
+	<ul class="info">
+		<li class="answercleared">{ANSWERSCLEARED}</li>
+		<li class="restart">{RESTART}</li>
+		<li class="closewindow">{CLOSEWINDOW}</li>
+	</ul>
+</div>

include/limesurvey/templates/citronade/completed.pstpl

@@ -0,0 +1,4 @@
+<div id="completed" class="note">
+	<p class="text">{COMPLETED}</p>
+	<p class="url">{URL}</p>
+</div>

include/limesurvey/templates/citronade/endgroup.pstpl

@@ -0,0 +1 @@
+</div><!-- endgroup -->

include/limesurvey/templates/citronade/endpage.pstpl

@@ -0,0 +1,10 @@
+</div><!--endcontent-->
+<div id="footer">
+	<ul id="credits" class="wrapper">
+	<li id="poweredby"><a href="http://www.limesurvey.org/" title="LimeSurvey Website">Powered by LimeSurvey</a>
+	<li id="licence">This template is distributed under <a href="http://www.gnu.org/licenses/gpl.txt">GPL licence</a> 
+	</li>
+	<li id="donate">LimeSurvey is Free software</li>
+	</ul>
+</div>
+</div><!-- end container-->

include/limesurvey/templates/citronade/groupdescription.pstpl

@@ -0,0 +1 @@
+<div class="groupdescription text">{GROUPDESCRIPTION}</div>

include/limesurvey/templates/citronade/ie_fix.css

@@ -0,0 +1,23 @@
+/* The following styles are for versions of IE */
+.tools input,
+	.tools a,
+	.navigator input,
+	input#savebutton,
+	input#loadbutton
+		{height:2em}
+
+ .multiple-opt-comments  .answers 
+,.multiple-short-txt  .answers 
+,.numeric-multi  .answers 
+,.multiple-opt .answers 
+{
+	overflow:hidden;
+}
+.multiple-opt .answers ul li input.checkbox
+, .list-radio .answers ul li input.radio
+, .list-with-comment .answers ul li input.radio 
+, .list-radio-flexible .answers ul li input.radio 
+{
+	margin-left:0;
+}
+.ui-slider{display:inline;}

include/limesurvey/templates/citronade/ie_fix_6.css

@@ -0,0 +1,156 @@
+/* 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;
+}
+
+.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: auto;  
+}
+
+.numeric-multi ul {
+	float: left; 
+	margin: 0 0 1.5em 0 !important;
+	padding: 0 ;
+}
+
+.numeric-multi ul li {  
+    width: 98%;
+}
+
+.numeric-multi ul li span {
+    padding-left:0;
+}
+
+.numeric-multi input {
+    padding-left:1px;
+}
+
+input.submit
+{
+    padding:0px;
+}
+
+/** UI Slider **/
+
+.numeric-multi label.slider-label {
+	margin-top: 1.3em;
+	display: inline;
+	width: 40%;
+}
+
+.slider_lefttext {
+	float: left;
+	padding-top: 1.4em;
+}
+
+.slider_righttext {
+	float: left;
+	padding-top: 1.4em;
+}
+
+.ui-slider-1 {
+	position: relative;
+}
+
+.slider_showmin {
+	margin: 0;
+	position: absolute;
+	top: 15px;
+}
+
+.slider_showmax {
+	margin: 0;
+	position: absolute;
+	top: 15px;
+	left: 150px;
+}

include/limesurvey/templates/citronade/ie_fix_7.css

@@ -0,0 +1,136 @@
+/* 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: auto; 
+}
+
+.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;
+}
+
+/** UI Slider **/
+
+.numeric-multi label.slider-label {
+	margin-top: 1.3em;
+	display: inline;
+	width: 40%;
+}
+
+.slider_lefttext {
+	float: left;
+	padding-top: 1.4em;
+}
+
+.slider_righttext {
+	float: left;
+	padding-top: 1.4em;
+}

include/limesurvey/templates/citronade/ie_fix_8.css

@@ -0,0 +1,13 @@
+/* The following styles are for IE 8 only*/
+.rank label
+{
+  line-height: 27px;
+}
+
+td .rank {
+    padding-right:20px;    
+}
+
+td.questionhelp {
+    text-align:left;
+}

include/limesurvey/templates/citronade/load.pstpl

@@ -0,0 +1,8 @@
+<div id='load' class="content">
+<h3>{LOADHEADING}</h3>
+<div class="alert error">{LOADERROR}</div>
+<div class="note">{LOADMESSAGE}
+<div class="form">{LOADFORM}</div>
+</div>
+<ul class="tools"><li>{RETURNTOSURVEY}</li></ul>
+</div>

include/limesurvey/templates/citronade/navigator.pstpl

@@ -0,0 +1,5 @@
+	<p class="navigator">{NAVIGATOR}</p>
+	<ul class="tools">
+		<li>{SAVE}</li>
+		<li>{CLEARALL}</li>
+	</ul>

include/limesurvey/templates/citronade/print.css

@@ -0,0 +1,18 @@
+#body{background:#FFF;color:#000;}
+#head{background:#FFF;}
+a#link-logo{display:none}
+h1#sitename{margin:0 0 0.2em 1em;}
+
+h2#surveytitle{margin:0 0 0.2em 1em;}
+#exportbutton{display:none;}
+ul#credits{
+	list-style: none ; 
+    text-align: center;
+    margin:0;
+   }
+#poweredby a{text-decoration:none;color:#000}
+#licence{display:none;}
+#donate{display:none;}
+
+.printouttable{margin:0.1em auto;}
+.printouttitle{display: none;}

include/limesurvey/templates/citronade/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/citronade/print_question.pstpl

@@ -0,0 +1,17 @@
+
+				<div class="{QUESTION_CLASS}">
+					<div class="q-text">
+						<h3>{QUESTION_NUMBER} [{QUESTION_CODE}]{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/citronade/print_survey.pstpl

@@ -0,0 +1,31 @@
+<!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">
+		<img src="{TEMPLATEURL}logo-gsill.png"
+			<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">
+				{END}<br />
+                {SUBMIT_BY}<br />
+				{FAX_TO}<br />
+				{SUBMIT_TEXT}<br />
+				{THANKS}<br />
+			</p>
+		</div>
+
+	</body>
+</html>

include/limesurvey/templates/citronade/print_template.css

@@ -0,0 +1,282 @@
+body
+{
+	font-family: arial, helvetica, 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;
+}
+
+.breakbefore {
+	page-break-before:always !important;
+} 
+
+.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/citronade/printanswers.pstpl

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

include/limesurvey/templates/citronade/privacy.pstpl

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

include/limesurvey/templates/citronade/question.pstpl

@@ -0,0 +1,13 @@
+<div {QUESTION_ESSENTIALS} class="question-wrapper {QUESTION_CLASS}{QUESTION_MAN_CLASS}{QUESTION_INPUT_ERROR_CLASS}">
+	<div class="question-text">
+		<span class="asterisk">{QUESTION_MANDATORY}</span><span class="qnumcode">{QUESTION_NUMBER} {QUESTION_CODE} </span>{QUESTION_TEXT}
+	</div>
+	<div class="error-wrapper">{QUESTION_MAN_MESSAGE}{QUESTION_VALID_MESSAGE}</div>
+			<div class="tip help">{QUESTION_HELP}</div>
+		<div class="answers">
+		{ANSWER}
+	</div>
+	<div class="question-help">
+		{QUESTIONHELP}
+	</div>
+</div>

include/limesurvey/templates/citronade/register.pstpl

@@ -0,0 +1,6 @@
+<div id="register" class="note">
+<strong class="error">{REGISTERERROR}</strong>
+<p>{REGISTERMESSAGE1}</p>
+<p>{REGISTERMESSAGE2}</p>
+<div class="form">{REGISTERFORM}</div>
+</div>

include/limesurvey/templates/citronade/save.pstpl

@@ -0,0 +1,8 @@
+<div id="save">
+<h3>{SAVEHEADING}</h3>
+<strong class="error">{SAVEERROR}</strong>
+<div class="note">{SAVEMESSAGE}
+<div class="form">{SAVEFORM}</div>
+</div>
+<p class="tools"{RETURNTOSURVEY}</p>
+</div>

include/limesurvey/templates/citronade/startgroup.pstpl

@@ -0,0 +1,2 @@
+<div class="group">
+<h3 class="grouptitle">{GROUPNAME}</h3>

include/limesurvey/templates/citronade/startpage.pstpl

@@ -0,0 +1,25 @@
+<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
+	<title>{SURVEYNAME} {GROUPNAME} {SITENAME}</title>
+	<meta name="generator" content="LimeSurvey http://www.limesurvey.org" />
+
+<!-- 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>
+	<link rel="stylesheet" type="text/css"  media="all" href="{TEMPLATEURL}base.css" />
+	<!-- The following line includes template.css and if an RTL-language is used template-rtl.css -->
+    {TEMPLATECSS}
+	<link rel="stylesheet" type="text/css"  media="print" href="{TEMPLATEURL}print.css" />
+	<script type="text/javascript" src="{TEMPLATEURL}template.js"></script>
+	<link rel="shortcut icon" href="{TEMPLATEURL}favicon.ico" />		
+</head>
+<body>
+<div id="container">
+	<div id="head">
+		<div class="wrapper">
+			<a href="http://www.limesurvey.org" title="The survey software" id="link-logo"><img src="{TEMPLATEURL}logo.png" alt="LimeSurvey" id="logo"/></a>
+			<h1 id="sitename">{SITENAME}</h1>
+		</div>
+	</div>
+<div id="title"><h2 id="surveytitle" class="wrapper">{SURVEYNAME}</h2></div>
+	<div id="content">

include/limesurvey/templates/citronade/survey.pstpl

@@ -0,0 +1,3 @@
+<div class="text" id="surveydescription">{SURVEYDESCRIPTION}</div>
+<span class="graph" id="percentcomplete">{PERCENTCOMPLETE}</span>
+

include/limesurvey/templates/citronade/surveylist.pstpl

@@ -0,0 +1,7 @@
+<div id="languagechanger" class="form">{LANGUAGECHANGER}</div>
+<div id="surveylist-container">
+	<h3 id="surveylistheading">{SURVEYLISTHEADING}</h3>
+	<ul id="surveylist">{SURVEYLIST}</ul>
+	<p id="surveycontact">{SURVEYCONTACT}</p>
+</div>
+

include/limesurvey/templates/citronade/template-rtl.css

@@ -0,0 +1,173 @@
+/* This file is part of Lime Survey Template :a free template
+    you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This template is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License
+    along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
+
+body{text-align:right;direction:rtl;}
+
+h2#surveytitle{text-align:right;}
+
+ul.tools{
+    text-align: right;
+   }
+
+ul.tools li{margin-left:1em;}
+ul#surveylist{
+    text-align: right;
+}
+ul#surveylist li{
+    float:right; 
+    clear:right ;
+}
+
+.wrapper,#content{text-align:right;}
+
+table.question tbody th.answertext,table.question tbody th.arraycaptionright{text-align:left;}
+table.question tbody th.answertextleft{text-align:right;}
+
+ .choice-5-pt-radio .answers li
+,.list-radio-flexible .answers li
+,.list-radio .answers li
+,.list-with-comment .answers li
+,.multiple-opt .answers li
+,.multiple-opt-comments .answers li
+,.multiple-short-txt .answers li
+,.numeric-multi .answers li
+,.yes-no .answers li
+,.gender .answers li {
+    text-align: right;
+    margin: 1em 0;
+}
+
+ .choice-5-pt-radio li
+,.list-radio-flexible li
+,.list-radio li
+,.list-with-comment li
+{
+	margin-right: 3em;
+	text-indent: -1.6em;
+}
+
+ .choice-5-pt-radio ul li
+,.yes-no ul li
+,.gender ul li
+{
+	padding: 0% 2em 0% 0%;
+text-align:right;
+}
+
+.date p.question { margin-right: 1em;margin-left: 1em; text-align:center;}
+
+ .date p.tip
+,.numeric-multi p.tip
+,.numeric p.tip
+{
+	padding-right: 1.5em;
+}
+.numeric p.question
+{
+	 margin-right: 1em;margin-left: 1em;
+}
+ .numeric-multi p.tip.error
+,.numeric-multi input.tip.error
+{
+	text-align: right;
+}
+ .numeric-multi p.tip.good
+,.numeric-multi input.tip.good
+{
+	text-align: right;
+}
+
+
+table.rank select{padding-right:0.3em;}
+
+/* STYLES NOT YET DEFINED - - - - -
+.list-dropdown {}
+*/
+.list-with-comment div.list
+{
+	float: right;
+}
+.list-with-comment p.select
+{
+	float: right;
+}
+.list-with-comment div.list p
+{
+	text-align: right;
+}
+.list-with-comment p.comment
+{
+	text-align: right;
+	float: right;
+}
+
+.numeric-multi ul.computed
+{
+	float:right;
+	padding-left: 2em;
+}
+
+.numeric-multi ul li label
+,.multiple-opt-comments ul li span.option
+,.multiple-short-txt ul li label
+{
+	float:right; 
+	width:45%;
+	padding: 0.3em 1em 0% 0%;
+}
+.numeric-multi ul li label
+,.multiple-short-txt ul li label
+{
+	text-align:left;
+	}
+.multinum-slider{text-align:center;display:inline;}	
+.numeric-multi ul li span.input
+,.multiple-opt-comments ul li span.comment
+,.multiple-short-txt ul li span
+{
+	text-align: right;
+}
+
+
+
+.multiple-opt .answers ul li input.checkbox
+, .list-radio .answers ul li input.radio
+, .list-with-comment .answers ul li input.radio 
+, .list-radio-flexible .answers ul li input.radio 
+{
+	margin-right:45%;
+}
+
+
+ .text-short input
+ ,.text-short textarea
+,.text-long textarea
+,.text-huge textarea
+{
+	margin-right: 1em;
+text-align:right;
+}
+ .text-short .question
+ ,.text-short .answers
+,.text-long .answers
+,.text-huge .answers
+{
+text-align:center;
+}
+
+/* Replacement of defautlt jquery-ui */
+.slider_callout { 
+    text-align:left;
+}

include/limesurvey/templates/citronade/template.css

@@ -0,0 +1,716 @@
+/* This file is part of Lime Survey Template :a free template
+    you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This template is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License
+    along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
+
+/* --------------------------------------------- */
+/* Basic adaptation of the template :            */
+/* color and image                               */
+/* --------------------------------------------- */
+
+body {background:#FEFEFE;color:#222;}
+a:link {color: #5670A1;} 
+a:visited {color: #5670A1;} 
+a:hover, a:focus, a:active {background-color: #E5F8A8;color: #5670A1;} 
+/* Global margin and with*/
+/* width of limesurvey contents parts */
+.wrapper,#content{padding:0;margin:0 auto;max-width:1024px;}
+
+/* Head decoration */
+#head{
+	border-bottom:2px solid #AAA;
+	border-top:2px solid #CCC;
+	color:#328639;
+	background:#dbdbdb url(header-bkg.png) repeat-x center bottom;}
+
+#head a#link-logo:hover,#head a#link-logo:focus,#head a#link-logo:active{background:transparent;}
+#head a#link-logo {outline: 0;} /* remove the outline on logo click */
+
+#head #sitename a{text-decoration:none;color:#328639;}
+
+/* survey title color */
+#title{color:#FFF;background:#5670A1;border-bottom:2px solid #C9EF50;}
+
+/* survey list */
+#surveylist-container h3{color:#5670A1} 
+ul#surveylist li a{color:#5670A1;}
+ul#surveylist li a.surveytitle{color:#5670A1;}
+
+/* footer color*/
+#footer{background:#121A28;color:#FFF;}
+#footer a{color:#E5F8A8;}
+#footer a:hover, #footer a:focus, #footer a:active {background-color: #E5F8A8;color: #5670A1;} 
+
+/* survey tool decoration */
+#languagechanger select, 
+	.tools input,
+	.tools a,
+	input.submit,
+	input#savebutton,
+	input#loadbutton,
+	input#registercontinue,
+	.navigator input
+		{border:1px solid #ABB8D1;background:#FEFEFE;color:#415479;}
+#languagechanger select:hover,
+	.tools input:hover,
+	.tools a:hover,
+	.navigator input:hover,
+	input.submit:hover,
+	input#savebutton:hover,
+	input#loadbutton:hover,
+	input#registercontinue:hover,
+	#languagechanger select:focus,
+	.tools input:focus,
+	.tools a:focus,
+	.navigator input:focus,
+	input.submit:focus,
+	input#savebutton:focus,
+	input#loadbutton:focus,
+	input#registercontinue:focus
+		{color:#415479;background:#dcdfe6;border-color:#ABB8D1;}
+#languagechanger select:hover option{background:#FEFEFE;}
+
+/* for disabled tools */
+.tools input[disabled],
+	.navigator input[disabled],
+	input.submit[disabled],
+	input#savebutton[disabled],
+	input#loadbutton[disabled],
+	input#registercontinue[disabled],
+	#languagechanger select[disabled]
+	{border:1px solid #dbdbdb;background:#FEFEFE;color:#dbdbdb;cursor:inherit;}
+
+.note,#tokenmessage{border:#8195BA 1px solid;background:#EEF6FF;}
+
+/* Group decoration */
+.groupdescription{border: 1px solid #5670A1;border-top:0px none #5670A1;background:#EEF6FF;}
+.grouptitle{border: 1px solid #5670A1;border-bottom:0px none #5670A1;background:#5670A1;color:#FEFEFE}
+.groupdescription{border: 1px solid #5670A1;border-top:0px none #5670A1;background:#EEF6FF;}
+.grouptitle{border: 1px solid #5670A1;border-bottom:0px none #5670A1;background:#5670A1;color:#FEFEFE}
+
+/* Question bloc decoration */
+.question-wrapper{background-color:#FEFEFE;border:1px solid #5670A1;}
+.question-wrapper .question-text{background:#5670A1;padding:0.5em 1.5em;color:#FEFEFE}
+.question-wrapper .question-text a{color:#FEFEFE}
+.question-wrapper .question-text a:hover{color:#5670A1}
+.question-wrapper .question-text{font-weight:bold;}
+.question-wrapper .question-text strong,.question-wrapper .question-text b{font-weight:bolder;}/* see for strong and b to add some color */
+.asterisk {color:#FF8900;}
+span.qnumcode {font-style:italic;}
+
+/* input decoration */
+#tokenform input[type=text],.form input[type=text],.answers input[type=text],.answers textarea
+	{border:1px solid #5670A1;}
+#tokenform input:focus,.form input:focus,.answers textarea:focus, .answers input:focus{background-color:#E5F8A8}
+
+/* tip color */
+.error{}
+.good{}
+.problem{}
+
+/* If you want some round box, add round style */
+.round{-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius:4px;}
+
+/* limesurvey specific tool */
+/* Replacement of default progress bar */
+#progress-wrapper .ui-widget-content { border-color: #161c28; background: #fefefe; color: #000; }
+#progress-wrapper .ui-widget-header { border-color:#161c28; background: #5670a1; color: #fefefe; font-weight: bold; }
+.ui-slider{border-color:#5670A1;}
+.slider_showmin {color:#5670A1;}
+.slider_showmax {color:#5670A1;}
+.slider_lefttext {color:#5670A1;}
+.slider_righttext {color:#5670A1;}
+.slider_callout {color: #161c28;}
+
+/* --------------------------------------------- */
+/* More tempate adaptation                       */
+/* --------------------------------------------- */
+#container{margin:0;text-align:center;} /* Global container */
+
+.wrapper,#content{overflow:auto;position:relative;text-align:left;}
+#container{min-height:100%;position:relative;}
+
+#head{position:relative;}
+#head h1{display:inline;}
+#head img#logo{vertical-align:middle;}
+
+/* for the footer */
+#content{padding-bottom:4.8em;}
+#footer {text-align:center;padding:0.8em 0 0.4em;margin:0;font-size:0.8em;font-weight:normal;}
+#footer{border-width:1px 0;}
+#footer{width:100%;position:absolute;bottom:0;}
+#footer ul#credits{list-style: none outside;margin-top:0;margin-bottom:0;padding:0;text-align:center;overflow:auto;}
+#footer ul#credit a {display: block;}
+#footer ul#credit li a.ui-state-hover {font-weight:normal;}/* to be corrected */
+#footer ul#credits li {list-style: none inside;margin:0;padding:0;text-align:center;}
+#footer ul#credits li{display:inline;}
+#footer ul#credits li#poweredby{position:absolute;top:0;left:0;text-align:center;}
+#footer ul#credits li#donate{position:absolute;top:0;right:0;text-align:center;}
+#footer ul#credits li#licence{margin:0;}
+
+/* survey title bar */
+#title{margin:0;text-align:center;padding:0;}
+
+/* specific decoration */
+p.url{font-size:1.2em;text-align:center;font-weight:bold}
+table.printouttable{width:99%}
+#languagechanger{margin:0.5em 0;text-align:center}
+/* survey list (home page) */
+#surveylist-container{text-align:center}
+h2#surveytitle{font-size:1.2em;text-align:left;line-height:2em;}
+ul#surveylist li a{color:#5670A1;}
+
+/* Tool button and link */
+/* tools input */
+.tools input,.tools a,.navigator input,input.submit,input#savebutton,input#loadbutton,input#registercontinue,#languagechanger select
+		{font-family:FreeSans,Arial,Helvetica,sans-serif;font-size:1em;vertical-align:middle;}
+tools input,.tools a,input.submit,.navigator input,input#savebutton,input#loadbutton,input#registercontinue
+	{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;}/* same box sizing for link and button */
+.tools input,.tools a,input.submit,input#savebutton,input#loadbutton,input#registercontinue,.navigator input
+	{margin:0;padding:3px 6px;text-decoration:none;cursor: pointer;}
+#languagechanger select
+		{margin:0;padding:1px 2px;}
+.tools input,.tools a,.navigator input,input.submit,input#savebutton,input#loadbutton,input#registercontinue
+	{outline: 0;}/* try to remove the outline on click : replaced with focus selector*/
+.tools input,.tools a,.navigator input,input.submit,input#savebutton,input#loadbutton,input#registercontinue,#languagechanger select
+	{-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
+/* tools list */
+ul.tools{list-style: none ;margin: 0.5em ; padding: 0 ;text-align: left;}
+ul.tools div,ul.tools li{margin:0.1em 0;padding:0;display:inline;}
+ul.tools li{margin-right:1em;}
+ul.info{list-style: none ;text-align: center;}
+ul.info li{margin:0.5em 0;font-size:1.05em;}
+ul.info a {}
+.navigator{text-align:center;}
+
+/* progress */
+#percentcomplete{height:2em;margin:0.5em 0;}
+#progress-wrapper {height: 2em;}
+
+/*surveylist (home page) */
+ul#surveylist{margin: 0.5em auto;padding: 0;text-align: left;overflow:auto;display:inline-block;}
+ul#surveylist li{display:inline;float:left;clear:left;padding:0.5em 10px;}
+ul#surveylist li a.surveytitle{font-weight:bold;font-size:1.2em;padding:3px 10px;text-decoration: none;margin-bottom: 8px;}
+
+/* specific box */
+.note,#tokenmessage{width:80%;margin:0.5em auto;padding:1em;}
+#tokenform ul{list-style: none ;margin: 0.5em auto;padding: 0;text-align: center;}
+#tokenform ul li{}
+/* specific box */
+#privacy{font-size:90%;font-style: italic;}
+#surveydescription{font-size:1.1em;}
+#assessment table{width:80%;margin:0 auto;}
+div.form table{margin:0.4em auto;}
+div.form table td{border:0 none #CCC;}
+div.form table table{border:0 none #CCC;}
+div.form table table td{padding:0;}
+
+/* Group decoration */
+.group{margin-bottom: 2em}
+.groupdescription{padding:1em 1.5em 0.5em;margin:0 0 0.5em;}
+.grouptitle{padding:0.2em 1em 0.5em;margin:0 0 0em;font-size:1.1em;}
+.group{margin-bottom: 2em}
+.groupdescription{padding:1em 1.5em 0.5em;margin:0 0 0.5em;}
+.grouptitle{padding:0.2em 1em 0.5em;margin:0 0 0em;font-size:1.1em;}
+
+/* Question decoration */
+.question-wrapper{margin:1em 0;}
+.question-text{border-bottom:none 0px #FFF;}
+.question-wrapper .answers{overflow:auto;overflow-y:hidden;}
+
+/* tips and help */
+.tip{font-size:0.9em;font-style:italic;margin:0;}
+.answers{padding:0.5em 1em;margin:0.5em auto;}
+.question-help,.help{padding:0 1em;margin:0.5em auto 0;clear:both;}
+.question-help img{margin:1px 5px 5px 1px;}
+
+/* error bloc */
+.error-wrapper {display:none;}/* don't diplay error-wrapper if all is OK */
+.input-error .error-wrapper {display:block;padding:0 1em;}/*diplay error-wrapper only if there are error */
+.error-wrapper br:first-child{display:inline;}/* don't put linefeed at start of an error box */
+.error-wrapper {margin:0.5em auto;width:96%;}
+.error-wrapper .error,.error-wrapper .errormandatory {padding:0.3em 1em;}
+.error-wrapper {background:transparent url(./exclamation.png) no-repeat center left;padding:4px;padding-left:20px;}
+.error-wrapper {color:#CD0A0A;border:#CD0A0A solid 1px;}
+.error-wrapper {-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius:4px;}
+/* input error */
+input.error,input.problem{font-weight:bold}/* some width problem : todo :fix it */
+
+/* input decoration */
+#tokenform input[type=text],.form input[type=text],.answers input[type=text],.answers textarea
+	{margin:3px;padding:2px;}
+#tokenform input[type=text],.form input[type=text],.answers input[type=text],.answers textarea
+	{-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;}
+
+/* specific questions color and background*/
+table.question{border-color:#D5DBE7;}
+table.question tbody{border-color:#D5DBE7;}
+table.question tr{border-color:#D5DBE7;}
+table.question th{border-color:#D5DBE7;}
+table.question td{border-color:#EFF1F6;}
+table.question thead td{border-color:#D5DBE7;}
+
+table.question tbody td.ddarrayseparator:hover{background:#EFF1F6;}
+
+.array-flexible-column table.question col.even td {background:#FEFEFE}
+.array-flexible-column table.question col.odd td {background:#F4F6F9}
+table.question tr.array1,table.question tbody tr.array1:hover th {background:#FEFEFE}
+table.question tr.array2,table.question tbody tr.array2:hover th {background:#F4F6F9}
+
+table.question tbody tr:hover {background:#D5DBE7}
+table.question tbody tr td:hover{background:#E5F8A8}
+
+/* for boilerplate color and background */
+.boilerplate {}
+
+/* not using (todo: verify) */
+.printouttitle {}
+.surveytitle {}
+.surveytitle:hover {}
+
+/* --------------------------------------------- */
+/* JQUERY ui replace                             */
+/* --------------------------------------------- */
+
+/* Component containers
+----------------------------------*/
+.ui-widget { font-family: Arial, Helvetica, FreeSans, sans-serif; font-size: 1.1em; }
+.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial, Helvetica, FreeSans, sans-serif;; font-size: 1em; }
+.ui-widget-content { border: 1px solid #161c28; background: #fefefe; color: #000; }
+.ui-widget-content a { color: #000; }
+.ui-widget-header { border: 1px solid #161c28; background: #5670a1; color: #fefefe; font-weight: bold; }
+.ui-widget-header a { color: #fefefe; }
+
+/* Interaction states
+----------------------------------*/
+.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #abb8d1; background: #fefefe; font-weight: normal; color: #5670a1; outline: none; }
+.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #5670a1; text-decoration: none; outline: none; }
+.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #abb8d1; background: #eff1f6; font-weight: normal; color: #415479; outline: none; }
+.ui-state-hover a, .ui-state-hover a:hover { color: #415479; text-decoration: none; outline: none; }
+.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #415479; background: #d5dbe7; font-weight: normal; color: #161c28; outline: none; }
+.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #161c28; outline: none; text-decoration: none; }
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fcefa1; background: #fefefe; color: #363636; }
+.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
+.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec; color: #cd0a0a; }
+.ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a; }
+.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; }
+.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
+.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
+.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
+
+/* Overlays */
+.ui-widget-overlay { background: #aaaaaa 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
+.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }
+
+/* -------------------------------------------------
+   START: Question styles  ------------------------- */
+
+/* =====================================
+== Full list of question classes =======
+
+ .boilerplate
+,.numeric
+,.choice-5-pt-radio
+,.yes-no
+,.gender
+,.date
+,.numeric-multi
+,.numeric
+,.list-radio
+,.list-radio-flexible
+,.list-with-comment
+,.list-dropdown
+,.list-dropdown-flexible
+,.ranking
+,.numeric-multi
+,.language
+,.multiple-opt-comments
+,.multiple-short-txt
+,.text-short
+,.text-long
+,.text-huge
+,.numeric-multi
+,.array-5-pt
+,.array-10-pt
+,.array-yes-uncertain-no
+,.array-increase-same-decrease 
+,.array-flexible-row 
+,.array-flexible-column 
+,.slider 
+,.array-multi-flexi 
+,.array-multi-flexi-text
+,.array-flexible-duel-scale 
+*/
+
+/* answer table */
+table.question{border-width:0 0 1px 0;border-style:solid;width:99%;}
+table.question tbody{border-width:0 1px 0 0;border-style:solid;}
+table.question thead th{border-width:1px 1px 0px 0px;border-style:solid;}
+table.question thead td,table.question thead th:first-child{border-width:0px 1px 0px 0px;border-style:solid;}
+table.question tbody th{border-width:1px 1px 0px 1px;border-style:solid;}
+table.question tbody td{border-width:1px 1px 0px 0px;border-style:solid;}
+
+table.question tbody th.answertext,table.question tbody th.arraycaptionleft{text-align:right;}
+table.question tbody th.answertextright{text-align:left;}
+table.question thead th{text-align:center;}
+table.question tbody td{text-align:center;}
+
+table.question tbody td.ddarrayseparator{border-top-width: 0px;}
+
+/* remove the list dot */
+ .choice-5-pt-radio .answers ul
+,.list-radio-flexible .answers ul
+,.list-radio .answers ul
+,.list-with-comment .answers ul
+,.multiple-opt .answers ul
+,.multiple-opt-comments .answers ul
+,.multiple-short-txt .answers ul
+,.numeric-multi .answers ul
+,.yes-no .answers ul
+,.gender .answers ul {
+	list-style: none;
+}
+ .choice-5-pt-radio .answers li
+,.list-radio-flexible .answers li
+,.list-radio .answers li
+,.list-with-comment .answers li
+,.multiple-opt .answers li
+,.multiple-opt-comments .answers li
+,.multiple-short-txt .answers li
+,.numeric-multi .answers li
+,.yes-no .answers li
+,.gender .answers li {
+    list-style-type: none;
+    text-align: left;
+    margin: 1em 0;
+}
+/* some inline list */
+ .choice-5-pt-radio .answers ul li
+,.yes-no .answers ul li
+,.gender .answers ul li
+{
+	display: inline;
+	padding: 0% 1em 0% 0%;
+	text-align:left;
+}
+ .choice-5-pt-radio .answers li
+,.list-radio-flexible .answers li
+,.list-radio .answers li
+,.list-with-comment .answers li
+{
+	margin-left: 3em;
+	text-indent: -1.6em;
+}
+.list-radio-flexible li{width:auto;}
+.list-radio-flexible ul{width:auto;margin:0 auto 0.5em;}
+
+
+ .date p.tip
+,.numeric-multi p.tip
+,.numeric p.tip
+{
+	font-size: 80%;
+	font-style: italic;
+}
+
+
+table.rank, table.rank table{border:0px none #FFF;border-collapse:collapse}
+table.rank td{border-width:1px;}
+table.rank table td{border-width:0px;}
+
+  ul.cols-2 , table.cols-2
+, ul.cols-3 , table.cols-3
+, ul.cols-4 , table.cols-4
+, ul.cols-5 , table.cols-5
+, ul.cols-6 , table.cols-6
+, ul.cols-7 , table.cols-7
+, ul.cols-8 , table.cols-8
+{
+	width: 98%;
+	margin: 0% auto 0% auto;
+}
+  ul.cols-2 li , ul.cols-2-ul
+, ul.cols-3 li , ul.cols-3-ul
+, ul.cols-4 li , ul.cols-4-ul
+, ul.cols-5 li , ul.cols-5-ul
+, ul.cols-6 li , ul.cols-6-ul
+, ul.cols-7 li , ul.cols-7-ul
+, ul.cols-8 li , ul.cols-8-ul
+{
+	float: left;
+	padding: 0;
+	white-space: normal
+}
+  ul.cols-2 li , ul.cols-2-ul li
+, ul.cols-3 li , ul.cols-3-ul li
+, ul.cols-4 li , ul.cols-4-ul li
+, ul.cols-5 li , ul.cols-5-ul li
+, ul.cols-6 li , ul.cols-6-ul li
+, ul.cols-7 li , ul.cols-7-ul li
+, ul.cols-8 li , ul.cols-8-ul li
+{
+	padding: 0 0.5em;
+}
+ul.cols-2 li , ul.cols-2-ul , table.cols-2 td { width: 48%; }
+ul.cols-3 li , ul.cols-3-ul , table.cols-3 td { width: 30.5%; }
+ul.cols-4 li , ul.cols-4-ul , table.cols-4 td { width: 23%; }
+ul.cols-5 li , ul.cols-5-ul , table.cols-5 td { width: 19%; }
+ul.cols-6 li , ul.cols-6-ul , table.cols-6 td { width: 15%; }
+ul.cols-7 li , ul.cols-7-ul , table.cols-7 td { width: 13%; }
+ul.cols-8 li , ul.cols-8-ul , table.cols-8 td { width: 11.5%; }
+
+.numeric-multi ul.slider.computed
+{
+	width: 14em;
+}
+
+.boilerplate {}
+
+ .choice-5-pt-radio .answers ul
+,.yes-no .answers ul
+,.gender .answers ul
+{
+	text-align: center;
+}
+ .choice-5-pt-radio .answers ul li
+,.yes-no .answers ul li
+,.gender .answers ul li
+{
+	display: inline;
+	padding: 0% 2em 0% 0%;
+text-align:left;
+}
+
+.date p.question { margin-left: 1em;margin-right: 1em; text-align:center;}
+.date p.question select.day {}
+.date p.question select.month {}
+.date p.question select.year {}
+
+ .date p.tip
+,.numeric-multi p.tip
+,.numeric p.tip
+{
+	padding-left: 1.5em;
+	font-size: 80%;
+	font-style: italic;
+	line-height: 150%;
+}
+.numeric p.question
+{
+	 margin-left: 1em;margin-right: 1em;
+	font-weight: normal;
+	text-align:center;
+}
+ .numeric-multi p.tip.error
+,.numeric-multi input.tip.error
+{
+	color: #f70;
+	text-align: left;
+}
+ .numeric-multi p.tip.good
+,.numeric-multi input.tip.good
+{
+	color: #090;
+	text-align: left;
+}
+
+
+table.rank, table.rank table{border:0px none #FFF;border-collapse:collapse}
+table.rank{margin:0.3em auto;}
+table.rank select{width:99%;min-width:10em;padding-left:0.3em;}
+table.rank td{border:1px solid #D5DBE7}
+table.rank table td{border:0px none #D5DBE7}
+
+/* multi column */
+  ul.cols-2 , table.cols-2
+, ul.cols-3 , table.cols-3
+, ul.cols-4 , table.cols-4
+, ul.cols-5 , table.cols-5
+, ul.cols-6 , table.cols-6
+, ul.cols-7 , table.cols-7
+, ul.cols-8 , table.cols-8
+{
+	width: 98%;
+	margin: 0% auto 0% auto;
+}
+  ul.cols-2 li , ul.cols-2-ul
+, ul.cols-3 li , ul.cols-3-ul
+, ul.cols-4 li , ul.cols-4-ul
+, ul.cols-5 li , ul.cols-5-ul
+, ul.cols-6 li , ul.cols-6-ul
+, ul.cols-7 li , ul.cols-7-ul
+, ul.cols-8 li , ul.cols-8-ul
+{
+	float: left;
+	padding: 0;
+	white-space: normal
+}
+  ul.cols-2 li , ul.cols-2-ul li
+, ul.cols-3 li , ul.cols-3-ul li
+, ul.cols-4 li , ul.cols-4-ul li
+, ul.cols-5 li , ul.cols-5-ul li
+, ul.cols-6 li , ul.cols-6-ul li
+, ul.cols-7 li , ul.cols-7-ul li
+, ul.cols-8 li , ul.cols-8-ul li
+{
+	padding: 0 0.5em;
+}
+ul.cols-2 li , ul.cols-2-ul , table.cols-2 td { width: 48%; }
+ul.cols-3 li , ul.cols-3-ul , table.cols-3 td { width: 30.5%; }
+ul.cols-4 li , ul.cols-4-ul , table.cols-4 td { width: 23%; }
+ul.cols-5 li , ul.cols-5-ul , table.cols-5 td { width: 19%; }
+ul.cols-6 li , ul.cols-6-ul , table.cols-6 td { width: 15%; }
+ul.cols-7 li , ul.cols-7-ul , table.cols-7 td { width: 13%; }
+ul.cols-8 li , ul.cols-8-ul , table.cols-8 td { width: 11.5%; }
+
+
+.list-dropdown-flexible p.question, .list-dropdown p.question
+{
+text-align:center;
+}
+
+.list-with-comment div.list
+{
+	width: 47%;
+	float: left;
+	padding: 0.5em;
+}
+.list-with-comment p.select
+{
+	width: 47%;
+	float: left;
+	padding: 0.5em;
+	margin: 0%;
+}
+.list-with-comment div.list p
+{
+	margin: 0%;
+	text-align: left;
+}
+.list-with-comment p.comment
+{
+	margin: 0%;
+	padding: 0.5em;
+	text-align: left;
+	float: left;
+	width: 47%;
+}
+.list-with-comment p.comment textarea
+{
+	width: 100%;
+}
+
+ .multiple-opt-comments td.answer
+,.multiple-short-txt td.answer
+,.numeric-multi td.answer
+{
+}
+ .multiple-opt-comments ul
+,.multiple-short-txt ul
+,.numeric-multi ul
+,.multiple-opt ul
+{
+	padding: 0 0.5em;
+	margin: 1em 0;
+	width:99%;
+}
+.numeric-multi ul	{	}
+.numeric-multi ul.computed
+{
+	float:left;
+	padding-right: 2em;
+}
+.numeric-multi ul.slider.computed
+{
+	width: 14em;
+}
+
+.numeric-multi ul
+,multiple-opt ul
+,.multiple-opt-comments ul
+,.multiple-short-txt ul
+{
+	display: block;
+	width:99%;
+}
+.numeric-multi ul li
+,.multiple-opt ul li
+,.multiple-opt-comments ul li
+,.multiple-short-txt ul li
+{
+	display: block;
+}
+.numeric-multi ul li label
+,.multiple-opt-comments ul li span.option
+,.multiple-short-txt ul li label
+{
+	float:left; 
+	width:45%;
+	padding: 0.3em 1em 0% 0%;
+}
+.numeric-multi ul li label
+,.multiple-short-txt ul li label
+{
+	text-align:right;
+	}
+.multinum-slider{text-align:center;display:inline;}	
+.numeric-multi ul li span.input
+,.multiple-opt-comments ul li span.comment
+,.multiple-short-txt ul li span
+{
+	text-align: left;
+}
+
+.numeric-multi ul.multiplenumerichelp span input {
+    border: none;
+    background-color: #fff;
+    color: #222;
+    padding: 0%;
+    width: 7em;
+}
+
+.multiple-opt .answers ul li input.checkbox
+, .list-radio .answers ul li input.radio
+, .list-with-comment .answers ul li input.radio 
+, .list-radio-flexible .answers ul li input.radio 
+{
+	margin-left:45%;
+}
+
+
+ .text-short input
+ ,.text-short textarea
+,.text-long textarea
+,.text-huge textarea
+{
+	margin-left: 1em;
+text-align:left;
+}
+ .text-short .question
+ ,.text-short .answers
+,.text-long .answers
+,.text-huge .answers
+{
+text-align:center;
+}
+/* STYLES NOT YET DEFINED - - - - -
+.yes-no {}
+.gender {}
+*/
+
+
+
+

include/limesurvey/templates/citronade/template.js

@@ -0,0 +1,62 @@
+/*
+ * LimeSurvey
+ * Copyright (C) 2007 The LimeSurvey Project Team / Carsten Schmitz
+ * Copyright (C) 2010 GsiLL / Denis Chenu
+ * 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)
+{
+	$('#limesurvey :input:visible:enabled:first').focus();
+}
+
+// Replace common alert with jquery-ui dialog
+// Uncomment this part to test this function
+/*function alert(text) {
+	var $dialog = $('<div></div>')
+		.html(text)
+		.dialog({
+			title: 'Alert',
+			buttons: { "Ok": function() { $(this).dialog("close"); } },
+			modal: true
+		});
+
+	$dialog.dialog('open');
+}*/
+
+/*
+ * 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(); /** Uncomment if you want to use the focusFirst function **/
+  
+   // If the question code and number are hidden, hide any white space in the span(for dumb browsers)
+   if($('.qnumcode').text().replace(/\s/g, '').length == 0) {
+	   $('.qnumcode').hide();
+   }
+})
+
+

include/limesurvey/templates/citronade/welcome.pstpl

@@ -0,0 +1,7 @@
+{CHECKJAVASCRIPT}
+<div id="languagechanger" class="form">{LANGUAGECHANGER}</div>
+<div id="welcome">
+	<p id='surveydescription' class="text">{SURVEYDESCRIPTION}</p>
+	<p id='surveywelcome' class="text">{WELCOME}</p>
+	<p id="therearexquestions" class="text">{THEREAREXQUESTIONS}</p>
+</div>