2
0
mirror of https://github.com/ACSPRI/queXS synced 2024-04-02 12:12:16 +00:00

Merged from McMasterReports branch

This commit is contained in:
azammitdcarf
2010-01-14 07:45:37 +00:00
parent 18dbb16138
commit d1b139d315
1884 changed files with 555891 additions and 364768 deletions

View File

@@ -1,13 +1,13 @@
<br />
<table align='center' width='75%' border='1' style='border-collapse: collapse' >
<tr>
<td bgcolor='#CCCCCC' align='center'><font size='2'>
<strong>{ASSESSMENT_HEADING}</strong></font>
</td>
</tr>
<tr>
<td>
{ASSESSMENTS}
</td>
</tr>
<br />
<table align="center" width="75%" border="1" style="border-collapse: collapse" >
<tr>
<td bgcolor="#CCCCCC" align="center"><font size="2">
<strong>{ASSESSMENT_HEADING}</strong></font>
</td>
</tr>
<tr>
<td>
{ASSESSMENTS}
</td>
</tr>
</table>

View File

@@ -1,12 +1,12 @@
<br />
<table align='center' cellpadding='30'>
<tr>
<td align='center' bgcolor='white'>
<font face='arial' size='2'>
<strong><font color='red'>{ANSWERSCLEARED}</font></strong><br /><br />
{RESTART}<br />
{CLOSEWINDOW}</font>
</td>
</tr>
</table>
<br />
<table align="center" cellpadding="30">
<tr>
<td align="center" bgcolor="FFFFFF">
<font face="arial" size="2">
<strong><font color="red">{ANSWERSCLEARED}</font></strong><br /><br />
{RESTART}<br />
{CLOSEWINDOW}</font>
</td>
</tr>
</table>
<br />

View File

@@ -1,10 +1,10 @@
<br />
<table width='75%' align='center' border='1' style='border-collapse: collapse' bgcolor='white'>
<tr>
<td align='center'>
<font size='2'>{COMPLETED}<br /><br />
{URL}<br /><br /></font>
</td>
</tr>
<br />
<table width="75%" align="center" border="1" style="border-collapse: collapse" bgcolor="white">
<tr>
<td align="center">
<font size="2">{COMPLETED}<br /><br />
{URL}<br /><br /></font>
</td>
</tr>
</table>

View File

@@ -1,4 +1,4 @@
</td>
</tr>
</table>
<table><tr><td height='2'></td></tr></table>
</td>
</tr>
</table>
<table><tr><td height="2"></td></tr></table>

View File

@@ -1,4 +1,3 @@
</td>
</tr>
</table>
</body>
</td>
</tr>
</table>

View File

@@ -1 +1 @@
<br /><font face='verdana' size='2'>{GROUPDESCRIPTION}</font><br /><br />
<br /><font face="verdana" size="2">{GROUPDESCRIPTION}</font><br /><br />

View File

@@ -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;
}

View File

@@ -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;
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.7 KiB

After

Width:  |  Height:  |  Size: 3.8 KiB

View File

@@ -1,7 +1,7 @@
<center>
<font color='red'>{LOADERROR}</font><br />
<strong><font size='+1'>{LOADHEADING}</font></strong><br /><br />
{LOADMESSAGE}<br />
{LOADFORM}<br />
{RETURNTOSURVEY}
<center>
<font color="red">{LOADERROR}</font><br />
<strong><font size="+1">{LOADHEADING}</font></strong><br /><br />
{LOADMESSAGE}<br />
{LOADFORM}<br />
{RETURNTOSURVEY}
</center>

View File

@@ -1,11 +1,7 @@
<table width='100%' align='center' bgcolor='#17479E'>
<tr>
<td align='left' > {SAVE} </td> <td align='left' > {PERCENTCOMPLETE}
</td>
<td align='right' height='12' valign='top'>
{NAVIGATOR}
</td>
</tr>
<table width="100%" align="center" bgcolor="#17479E">
<tr>
<td align="left" width="33.3%">{SAVE}</td>
<td align="left" width="33.3%">{PERCENTCOMPLETE}</td>
<td align="right" height="12" width="33.3%">{NAVIGATOR}</td>
</tr>
</table>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.6 KiB

After

Width:  |  Height:  |  Size: 5.4 KiB

View File

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 105 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 170 B

View File

@@ -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>

View File

@@ -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>

View File

@@ -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;
}

View File

@@ -1,8 +1,7 @@
<table align='center' bgcolor='#EEEEEE' width='75%'>
<tr>
<td align='center'><font size='1'>
<b><i>A note on privacy</i></b><br />
{PRIVACYMESSAGE}
</td>
</tr>
</table>
<table align="center" bgcolor="#EEEEEE" width="75%">
<tr>
<td align="center">
{PRIVACYMESSAGE}
</td>
</tr>
</table>

View File

@@ -1,28 +1,28 @@
<table width='75%' align='center' border='1' style='border-collapse: collapse; border-color:#111111' bgcolor='white'>
<tr>
<td align='center'>
<table width='100%' cellspacing='0'>
<tr>
<td align='left' bgcolor='#cccccc'>
<font size='2' color='#17479E'><b>{QUESTION_CODE} {QUESTION}</b></font>
</td>
</tr>
<tr>
<td align='left' bgcolor='#E5E5E5'>
<font size='1'><i>{QUESTIONHELP}</i></font>
</td>
</tr>
<tr>
<td align='left'>
{ANSWER}
</td>
</tr>
</table>
</td>
</tr>
</table>
<table>
<tr>
<td height='1'></td>
</tr>
<table width="75%" align="center" border="1" style="border-collapse: collapse; border-color:#111111" bgcolor="white">
<tr>
<td align="center">
<table width="100%" cellspacing="0">
<tr>
<td align="left" bgcolor="#cccccc">
<font size="2" color="#17479E"><b>{QUESTION_CODE} {QUESTION}</b></font>
</td>
</tr>
<tr>
<td align="left" bgcolor="#E5E5E5">
<font size="1"><i>{QUESTIONHELP}</i></font>
</td>
</tr>
<tr>
<td align="left">
{ANSWER}
</td>
</tr>
</table>
</td>
</tr>
</table>
<table>
<tr>
<td height="1"></td>
</tr>
</table>

View File

@@ -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 -->

View File

@@ -1,15 +1,15 @@
This template is based on the Eirenicon template by Mark F. Rabideau.
Hi!
To customize this template you just need to make a few changes:
1. Colour code: Browse all files and replace the colour code "#17479E" with your colour code. Don't forget to change the colour of the "chart.jpg" file into your colour.
2. Replace the existing "logo.jpg" file with your new logo.jpg file. The size of the logo will not automatically be adjusted to fit into the survey so just use the existing logo file as a template. In case you want to use another format just replace the .jpg ending in the "survey.pstpl" file with the new format ending (.gif, .png etc.)
That's it. Done.
Have fun!
This template is based on the Eirenicon template by Mark F. Rabideau.
Hi!
To customize this template you just need to make a few changes:
1. Colour code: Browse all files and replace the colour code "#17479E" with your colour code. Don't forget to change the colour of the "chart.jpg" file into your colour.
2. Replace the existing "logo.jpg" file with your new logo.jpg file. The size of the logo will not automatically be adjusted to fit into the survey so just use the existing logo file as a template. In case you want to use another format just replace the .jpg ending in the "survey.pstpl" file with the new format ending (.gif, .png etc.)
That's it. Done.
Have fun!
Andreas

View File

@@ -1,7 +1,7 @@
<br />
<center>
<font color='red'><strong>{REGISTERERROR}</strong></font>
<p><strong>{REGISTERMESSAGE1}</strong></p>
<p>{REGISTERMESSAGE2}</p>
{REGISTERFORM}<br />
<br />
<center>
<font color="red"><strong>{REGISTERERROR}</strong></font>
<p><strong>{REGISTERMESSAGE1}</strong></p>
<p>{REGISTERMESSAGE2}</p>
{REGISTERFORM}<br />
</center>

View File

@@ -1,7 +1,7 @@
<center>
<font color='red'>{SAVEERROR}</font>
<strong><font size='+1'>{SAVEHEADING}</font></strong><br /><br />
{SAVEMESSAGE}<br /><br />
{SAVEFORM}<br />
{RETURNTOSURVEY}
</center>
<center>
<font color="red">{SAVEERROR}</font>
<strong><font size="+1">{SAVEHEADING}</font></strong><br /><br />
{SAVEMESSAGE}<br /><br />
{SAVEFORM}<br />
{RETURNTOSURVEY}
</center>

View File

@@ -1,12 +1,12 @@
<table><tr><td height='2'></td></tr></table>
<table width='100%' align='center' bgcolor='#17479E'>
<tr>
<td align='left'>
<font face='verdana' size='2' color='white'><b>{GROUPNAME}</b></font>
</td>
</tr>
</table>
<table width='98%' align='center' border='0'>
<tr>
<td align='left'>
<table><tr><td height="2"></td></tr></table>
<table width="100%" align="center" bgcolor="#17479E">
<tr>
<td align="left">
<font face="verdana" size="2" color="white"><b>{GROUPNAME}</b></font>
</td>
</tr>
</table>
<table width="98%" align="center" border="0">
<tr>
<td align="left">

View File

@@ -1,11 +1,23 @@
<title>
{SURVEYNAME}
</title>
<link rel="stylesheet" type="text/css" href="{TEMPLATEURL}template.css">
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta name="generator" content="LimeSurvey http://www.limesurvey.org" />
</head>
<body bgcolor='#C0C0C0'>
<table width='75%' align='center' style='border-collapse: collapse;border-color:#333333' bgcolor='#EDEDED' border='1' cellspacing='0'>
<tr>
<td>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>{SURVEYNAME}</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>
</head>
<body bgcolor="#C0C0C0">
<table width="75%" align="center" style="border-collapse: collapse;border-color:#333333" bgcolor="#EDEDED" border="1" cellspacing="0">
<tr>
<td>

View File

@@ -1,15 +1,13 @@
<table width='100%' align='center' cellspacing='0'>
<tr>
<td align='left' bgcolor='#FFFFFF'>
<img src={TEMPLATEURL}logo.jpg align='right' alt='Your logo' />
<font color='#17479E'><b>{SURVEYNAME}</b></font><br />
</td>
</tr>
<tr>
<td align="center">
{LANGUAGECHANGER}
</td>
</tr>
</table>
<table width="100%" align="center" cellspacing="0">
<tr>
<td align="left" bgcolor="#FFFFFF">
<img src="{TEMPLATEURL}logo.jpg" align="right" alt="Your logo" />
<font color="#17479E"><b>{SURVEYNAME}</b></font><br />
</td>
</tr>
<tr>
<td align="center">
{LANGUAGECHANGER}
</td>
</tr>
</table>

View File

@@ -1,17 +1,17 @@
<table width='100%' align='center' cellspacing='0'>
<table width="100%" align="center" cellspacing="0">
<tr>
<td align='center' bgcolor='#FFFFFF'>
<p><font face='verdana' size='4' color='#328639'><strong>{SITENAME}</strong></font></p>
<td align="center" bgcolor="#FFFFFF">
<p><font face="verdana" size="4" color="#328639"><strong>{SITENAME}</strong></font></p>
</td>
</tr>
<tr>
<td align='center' bgcolor='#FFFFFF'>
<td align="center" bgcolor="#FFFFFF">
<strong>{SURVEYLISTHEADING}</strong>
</td>
</tr>
<tr>
<td align='center' bgcolor='#FFFFFF'>
<table align='center'>
<td align="center" bgcolor="#FFFFFF">
<table align="center">
<tr>
<td>
<ul>{SURVEYLIST}</ul>
@@ -21,15 +21,15 @@
</td>
</tr>
<tr>
<td align='center' bgcolor='#FFFFFF'>
<td align="center" bgcolor="#FFFFFF">
{SURVEYCONTACT}
</td>
</tr>
<tr>
<td align='center' height='100px' bgcolor='#FFFFFF' valign='bottom'>
<td align="center" height="100px" bgcolor="#FFFFFF" valign="bottom">
<p>{LANGUAGECHANGER}</p>
<a href='http://www.limesurvey.org' target='_blank'><img src='{TEMPLATEURL}limesurvey_logo.png' border='0' title='LimeSurvey' /></a><br />
<a href='http://www.limesurvey.org' target='_blank'><font color='#000000'>The Online Survey Tool</font></a> - Free & Open Source<br />
<a href="http://www.limesurvey.org" target="_blank"><img src="{TEMPLATEURL}limesurvey_logo.png" border="0" title="LimeSurvey" /></a><br />
<a href="http://www.limesurvey.org" target="_blank"><font color="#000000">The Online Survey Tool</font></a> - Free & Open Source<br />
</td>
</tr>
</table>

View File

@@ -1,6 +1,7 @@
body {
font-size:8pt;
font-family:verdana;
background-color:#c0c0c0;
}
.answertextright {
@@ -30,6 +31,12 @@ font-size:10px;
font-style:italic;
}
.questiontext{
font-family:verdana;
font-size:12px;
font-weight:bold;
}
.warningjs {
font-size:12px;
font-weight:700;
@@ -42,6 +49,51 @@ font-size:9pt;
font-family:verdana;
}
td.graph
{
padding: 0.2em 0%;
}
#progress-graph
{
line-height: 1.5em;
width: 17em;
margin-left: auto;
margin-right: auto;
margin-top: 0.2em;
padding: 0.5em 0.5em 0.4em 1em;
text-align: left;
background-color:#DDD;
border: 1px solid #17479E;
}
.hide
{
font-weight: normal;
position: absolute;
top: -9999px;
left: -9999px;
}
#progress-graph div.zero
{
width: 2.6em;
margin-right: 0%;
}
#progress-graph div.graph
{
width: 10em;
height: 1.5em;
border: 1px solid #17479E;
margin-top: -1.6em;
margin-left: 2.6em;
margin-right: 0%;
}
#progress-graph div.cent
{
width: 3em;
margin-top: -1.6em;
margin-left: 13.5em;
margin-right: 0%;
}
/*
.innergraph img {
height:12px;
vertical-align:top;
@@ -57,6 +109,7 @@ table-layout:fixed !important;
height:12px;
}
*/
.printouttable {
width:100%;
}
@@ -90,11 +143,16 @@ height:1.5em;
font-size:1em;
}
.submit,.text,.textarea {
background-color:#EDEDED;
color:#17479E;
font-size:10pt;
font-family:verdana;
.submit,.text,.textarea, .saveall {
background-color:#EDEDED;
color:#17479E;
font-size:10pt;
font-family:verdana;
}
.saveall {
font-size:9pt;
}
.clearall
@@ -106,6 +164,14 @@ font-family:verdana;
color:#17479E;
}
table.question {
width: 100%;
}
.innergraph {
direction: ltr;
}
.innergraph,.question {
font-family:verdana;
font-size:10pt;
@@ -113,4 +179,537 @@ font-size:10pt;
table.question tr.array1:hover,table.question tr.array2:hover {
background-color:#A7A9D1;
}
}
/* -------------------------------------------------
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
*/
/* - - - - - - - - - - - - - - - - - - - - - -
START: General list styles - - - - - - - - - - */
.choice-5-pt-radio ul
,.list-radio-flexible ul
,.list-radio ul
,.list-with-comment ul
,.multiple-opt ul
,.multiple-opt-comments ul
,.multiple-short-txt ul
,.numeric-multi ul
,.yes-no ul
,.gender ul
{
margin-left: 0%;
padding-left: 0%;
}
.choice-5-pt-radio li
,.list-radio-flexible li
,.list-radio li
,.list-with-comment li
,.multiple-opt li
,.multiple-opt-comments li
,.multiple-short-txt li
,.numeric-multi li
,.yes-no li
,.gender li
{
list-style-type: none;
text-align: left;
margin: 0% 0% 0.5em 0.5em;
}
.choice-5-pt-radio li
,.list-radio-flexible li
,.list-radio li
,.list-with-comment li
{
margin-left: 2.5em;
text-indent: -1.8em;
}
/* END: General list styles - - - - - - - - - - -
- - - - - - - - - - - - - - - - - - - - - - - - */
/* STYLES NOT YET DEFINED - - - - -
.boilerplate {}
*/
.choice-5-pt-radio ul
,.yes-no ul
,.gender ul
{
text-align: left;
margin-left: 0.7em;
padding-left: 0%;
}
.choice-5-pt-radio ul li
,.yes-no ul li
,.gender ul li
{
display: inline;
padding: 0% 2em 0% 0%;
margin-left: 0%;
}
/* STYLES NOT YET DEFINED - - - - -
.date {}
*/
.date p.question { margin-left: 1em; }
.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
{
margin-left: 1.5em;
font-size: 80%;
font-style: italic;
line-height: 150%;
}
.numeric p.question { font-size: 80%; margin-left: 1em; }
.numeric-multi p.tip.error
,.numeric-multi input.tip.error
{
color: #f70;
font-weight: bold;
}
.numeric-multi p.tip.good
,.numeric-multi input.tip.good
{
color: #090;
font-weight: bold;
}
/* DEFINED ABOVE UNDER "General list styles" - - - - -
.list-radio-flexible
.list-radio
*/
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% 0.5em;
white-space: normal
}
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
{
margin-left: 1em;
}
/* STYLES NOT YET DEFINED - - - - -
.list-dropdown {}
*/
.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%;
}
.ranking {}
/* DEFINED ABOVE UNDER "General list styles" - - - - -
.multiple-opt
*/
.language {}
/* The following styles only apply to modern (relatively) complete CSS2 compliant browsers. (Not less than IE 8) */
.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
{
display: table;
padding: 0%;
margin: 1em;
}
.numeric-multi ul { margin: 0% 1em 1.5em 1em; }
.numeric-multi ul.computed
{
float:left;
padding-right: 2em;
}
.numeric-multi ul.slider.computed
{
width: 22em;
}
.multiple-opt-comments ul li
,.multiple-short-txt ul li
,.numeric-multi ul li
{
display: table-row;
}
.multiple-opt-comments ul li span.option
{
padding: 0.3em 1em 0% 2.2em;
text-indent: -2.2em;
display: table-cell;
vertical-align: baseline;
}
.multiple-short-txt ul li label
,.numeric-multi ul li label
{
padding: 0.3em 1em 0% 0%;
display: table-cell;
vertical-align: baseline;
}
.numeric-multi ul.computed li label
.numeric-multi ul.slider.computed li label
{
padding-right: 0%;
}
.multiple-opt-comments ul li span.comment
,.multiple-short-txt ul li span
,.numeric-multi ul li span
{
padding: 0.3em 0% 0% 1em;
display: table-cell;
vertical-align: baseline;
font-size: 80%;
white-space: nowrap;
}
.numeric-multi div.multinum-slider
{
margin-top: 1.5em;
width: 20em;
}
.numeric-multi ul.multiplenumerichelp.slider { display: table; }
.numeric-multi ul.multiplenumerichelp.slider li { display: table-row; }
.numeric-multi ul.multiplenumerichelp li label
,.numeric-multi ul.multiplenumerichelp.slider li label
{
padding: 0.3em 0% 0% 0%;
display: table-cell;
}
.numeric-multi ul.multiplenumerichelp li span
,.numeric-multi ul.multiplenumerichelp.slider li span
{
padding: 0% 0% 0% 0.3em;
display: table-cell;
}
.numeric-multi ul.multiplenumerichelp span input {
border: none;
background-color: #fff;
color: #222;
padding: 0%;
width: 7em;
}
.text-short input
,.text-long textarea
,.text-huge textarea
{
margin-left: 1em;
}
/* STYLES NOT YET DEFINED - - - - -
.yes-no {}
.gender {}
*/
#limesurvey table.question thead th
,#limesurvey table.question .repeat th
{
text-align: center;
vertical-align: bottom;
font-weight: normal;
}
#limesurvey table.question tbody td
{
text-align: center;
}
#limesurvey table.question tbody th.answertext
,#limesurvey table.question tbody th.arraycaptionleft
{
text-align: right;
font-weight: normal;
}
#limesurvey table.question tbody th.answertextright
{
text-align: left;
font-weight: normal;
}
.array-flexible-column col.odd
{
background-color: #eee;
}
/* Jquery CSS
*/
/** UI Base **/
.ui-wrapper {
border: 1px solid #50A029;
}
.ui-wrapper input, .ui-wrapper textarea {
border: 0;
}
/** UI Slider **/
.ui-slider-handle {
position: absolute;
height: 23px;
width: 12px;
top: 0px;
left: 0px;
background-image: url(slider-handle.gif);
}
.ui-slider-1 {
width: 200px;
height: 9px;
margin-bottom: 20px;
}
.ui-slider-2 {
width: 200px;
height: 23px;
position: relative;
background-image: url(../../images/slider-bg-2.png);
background-repeat: no-repeat;
background-position: center center;
}
.slider_callout {
height: 20px;
width: 100px;
overflow: hidden;
position: absolute;
top: -19px;
margin-left:10px;
font-family: 'Arial';
font-size: 9pt;
color: #284a6e;
font-weight: bold;
text-align: left;
}
#tokenform
{
margin-top:1em;
}
#tokenform input
{
}
#tokenform label {
float: left;
width: 20em;
margin-right: 0.5em;
text-align: right;
}
#tokenform li
{
padding-bottom:5px;
}
#tokenform img
{
margin-bottom:-5px;
margin-right: 5px;
}
p#tokenmessage
{
margin:20px;
}
p#tokenmessage
{
margin:20px;
text-align:center;
}
div#wrapper{
width:600px;
margin:0 auto;
}
#tokenform input.submit
{
margin-left:18em;
margin-top:1em;
margin-bottom:1em;
}
#statsContainer {
width:80%;
margin:0 auto;
background-color:#EDEDED;
padding: 0px;
min-width: 690px;
border: 1px solid #ccc;
}
#statsHeader{
color:#FFFFFF;
text-align:left;
padding: 10px 0px;
height:96px;
background-color: #17479e;
font-family: Verdana, Geneva, sans-serif;
}
.statsSurveyTitle {
font-size:1.3em;
font-weight:bold;
padding: 35px 0px 0px 0px;
width:100%;
text-align:center;
}
.statsNumRecords {
font-size:1.1em;
width:100%;
text-align:center;
}
table.statisticstable{
width: 90%;
border: 1px solid #ccc;
text-align:left;
background-color:#fff;
margin:0px auto;
padding-bottom: 8px;
}
table.statisticstable td{
padding-top: 4px;
padding-bottom: 4px;
border-bottom: 1px solid #CCC;
}
table.statisticstable img{
margin:10px auto;
}
div.fieldSummary{
font-size:.9em;
padding: 10px 10px 6px 0px;
display: block;
text-align:left;
}
div.questionTitle{
font-size:1.2em;
padding: 20px 20px 20px 20px;
font-weight: bold;
background-color:#CCCCCC;
}
td.statsImageholder {
background-color:#fff;
}
table.statisticstable strong{
font-weight: bold;
}

View File

@@ -1,16 +1,16 @@
<table align='center' width='100%' cellpadding='25' cellspacing='0' border='1' style='border-collapse: collapse' bordercolor='#111111'>
{CHECKJAVASCRIPT}
<tr>
<td align='left' bgcolor='#17479E'>
<font size='4' color='#E5E5E5'><b>{SURVEYNAME}</b></font><br />
<font size='2' color='#CCCCCC'>{SURVEYDESCRIPTION}</font>
</td>
</tr>
<tr>
<td align='left' bgcolor='#E5E5E5'>
<font size='2'>{WELCOME}<br /><br />
<i><br /><br />
{CLEARALL}
</td>
</tr>
</table>
<table align="center" width="100%" cellpadding="25" cellspacing="0" border="1" style="border-collapse: collapse" bordercolor="#111111">
{CHECKJAVASCRIPT}
<tr>
<td align="left" bgcolor="#17479E">
<font size="4" color="#E5E5E5"><b>{SURVEYNAME}</b></font><br />
<font size="2" color="#CCCCCC">{SURVEYDESCRIPTION}</font>
</td>
</tr>
<tr>
<td align="left" bgcolor="#E5E5E5">
<font size="2">{WELCOME}<br /><br />
<i><br /><br />
{CLEARALL}
</td>
</tr>
</table>