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,12 +1,12 @@
<br />
<table align='center' width='75%' border='1' style='border-collapse: collapse; border-color: #111111' >
<table align="center" width="90%" border="1" style="border-collapse: collapse; border-color: #eeeeee" >
<tr>
<td bgcolor='#EEf6ff' align='center'><font size='2'>
<td bgcolor="#EEf6ff" align="center"><font size="2">
<strong>{ASSESSMENT_HEADING}</strong></font>
</td>
</tr>
<tr>
<td bgcolor='#FFFFFF'>
<td bgcolor="#FFFFFF">
{ASSESSMENTS}
</td>
</tr>

View File

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

View File

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

View File

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

View File

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

View File

Before

Width:  |  Height:  |  Size: 3.5 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

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: 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,13 @@
/* The following styles are for IE 8 only*/
.rank label
{
line-height: 27px;
}
td .rank {
padding-right:20px;
}
td.questionhelp {
text-align:left;
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.7 KiB

View File

@@ -1,8 +1,8 @@
<table width='100%' align='center' cellspacing='0' bgcolor='#FFFFFF'>
<table id='loadtable' width="100%" align="center" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td align='center' bgcolor='#eef6ff'>
<strong><font size='+1'>{LOADHEADING}</font></strong></td></tr>
<tr><td align='center'><br /><font color='red'>{LOADERROR}</font>
<td align="center" bgcolor="#eef6ff">
<h3>{LOADHEADING}</h3></td></tr>
<tr><td align="center"><br /><font color="red">{LOADERROR}</font>
{LOADMESSAGE}<br />
{LOADFORM}<br />
{RETURNTOSURVEY}<br />

View File

@@ -1,12 +1,12 @@
<table width='100%' align='center' bgcolor='#EEF6FF'>
<table width="100%" align="center" bgcolor="#EEF6FF">
<tr>
<td align='left' >
<td align="left" width='30%'>
{SAVE}
</td>
<td align='center'>
<td align="center" width='40%'>
{NAVIGATOR}
</td>
<td align='right'>
<td align="right" width='30%'>
{CLEARALL}
</td>
</tr>

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.8 KiB

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

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,8 @@
<table align='center' bgcolor='#FFFFFF' width='100%' border='0'>
<table class='privacy'>
<tr>
<td width='15%' ></td><td align='center' bgcolor='#eef6ff'><font size='1'>
{PRIVACYMESSAGE}</font>
</td><td width='15%' ></td>
<td width="15%">&nbsp;</td>
<td class='privacynote'>{PRIVACYMESSAGE}</td>
<td width="15%" >&nbsp;</td>
</tr>
<tr><td><br /> </td></tr>
</table>

View File

@@ -1,19 +1,19 @@
<table width='75%' align='center' border='0' style='border-collapse: collapse; border-color: #111111' bgcolor='white'>
<table width="75%" align="center" border="0" style="border-collapse: collapse; border-color: #111111" bgcolor="white">
<tr>
<td align='center'>
<table width='100%' cellspacing='0'>
<td align="center">
<table width="100%" cellspacing="0">
<tr>
<td align='center' bgcolor='#eef6ff'>
<font size='2'><strong>{QUESTION}</strong>
</font></td>
<td class="questiontext">
{QUESTION}
</td>
</tr>
<tr>
<td align='center'>
<td class="answer">
{ANSWER}
</td>
</tr>
<tr>
<td class='questionhelp' align='center' bgcolor='#eef6ff'>
<td class="questionhelp">
{QUESTIONHELP}
</td>
</tr>
@@ -23,6 +23,6 @@
</table>
<table>
<tr>
<td height='10'></td>
<td height="10"></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,8 +1,8 @@
<table width='100%' align='center' cellspacing='0' bgcolor='#ffffff'>
<table width="100%" align="center" cellspacing="0" bgcolor="#ffffff">
<tr>
<td>
<center>
<font color='red'><strong>{REGISTERERROR}</strong></font>
<font color="red"><strong>{REGISTERERROR}</strong></font>
<p><strong>{REGISTERMESSAGE1}</strong></p>
<p>{REGISTERMESSAGE2}</p>
{REGISTERFORM}<br />

View File

@@ -1,8 +1,8 @@
<table width='100%' align='center' cellspacing='0' bgcolor='#FFFFFF'>
<table id='savetable' width="100%" align="center" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td align='center' bgcolor='#eef6ff'>
<strong><font size='+1'>{SAVEHEADING}</font></strong></td></tr>
<tr><td align='center'><br /><font color='red'>{SAVEERROR}</font>
<td align="center" bgcolor="#eef6ff">
<h3>{SAVEHEADING}</h3></td></tr>
<tr><td align="center"><br /><font color="red">{SAVEERROR}</font>
{SAVEMESSAGE}<br />
{SAVEFORM}<br />
{RETURNTOSURVEY}<br />

Binary file not shown.

After

Width:  |  Height:  |  Size: 933 B

View File

@@ -1,5 +1,5 @@
<table><tr><td height='2'></td></tr></table>
<table width='100%' align='center' bgcolor='#d2e0f2' border='0' style='border-collapse:collapse; border-color:#111111;'>
<table><tr><td height="2"></td></tr></table>
<table width="100%" align="center" bgcolor="#d2e0f2" border="0" style="border-collapse:collapse; border-color:#111111;">
<tr>
<td align='center'>
<font face='verdana' size='2'><strong>{GROUPNAME}</strong></font>
<td align="center">
<font face="verdana" size="2"><strong>{GROUPNAME}</strong></font>

View File

@@ -1,9 +1,27 @@
<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" />
<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 lte IE 6]>
<link rel="stylesheet" type="text/css" href="{TEMPLATEURL}ie_fix_6.css" />
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="{TEMPLATEURL}ie_fix_7.css" />
<![endif]-->
<!--[if IE 8]>
<link rel="stylesheet" type="text/css" href="{TEMPLATEURL}ie_fix_8.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 class='default'>
<table width='75%' align='center' style='border-collapse: collapse; border-color:#bbc6cc;' border='1' cellspacing='0'>
<tr>
<td>
<body class="default">
<table width="75%" align="center" class="outerframe">
<tr>
<td>

View File

@@ -1,12 +1,12 @@
<table width='100%' align='center' cellspacing='0'>
<table width="100%" align="center" cellspacing="0">
<tr>
<td align='center' bgcolor='#EEF6FF'>
<font color='#328639'><strong>{SURVEYNAME}</strong></font><br />
<font size='1' >{SURVEYDESCRIPTION}</font>
<td align="center" bgcolor="#EEF6FF">
<h2>{SURVEYNAME}</h2><br />
<span style='font-size:10px;' >{SURVEYDESCRIPTION}</span>
</td>
</tr>
<tr>
<td align='center' bgcolor='#d2e0f2'>
<td class="graph" bgcolor="#d2e0f2">
{PERCENTCOMPLETE}
</td>
</tr>

View File

@@ -1,36 +1,39 @@
<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>
</tr>
<tr>
<td align='center' bgcolor='#FFFFFF'>
<strong>{SURVEYLISTHEADING}</strong>
</td>
</tr>
<tr>
<td align='center' bgcolor='#FFFFFF'>
<table align='center'>
<tr>
<td>
<ul>{SURVEYLIST}</ul>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align='center' bgcolor='#FFFFFF'>
{SURVEYCONTACT}
</td>
</tr>
<tr>
<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 />
</td>
</tr>
</table>
<body style="background-image: url({TEMPLATEURL}linearer_gradient_LimeSurvey2.gif);">
<table style='width:100%; background-color:#FFFFFF; text-align:center;'>
<tr>
<td style='text-align:center;'>
<h1>{SITENAME}</h1>
</td>
</tr>
<tr>
<td style='padding-top:20px; text-align:center;'>
<span style='font-weight:bold;'>{SURVEYLISTHEADING}</span>
</td>
</tr>
<tr>
<td align="center" style='padding:20px 0;'>
<ul>{SURVEYLIST}</ul>
</td>
</tr>
<tr>
<td style='text-align:center;'>
{SURVEYCONTACT}
</td>
</tr>
<tr>
<td style='text-align:center;' height="100" valign="bottom">
<p style='padding:20px 0;'>{LANGUAGECHANGER}</p>
<a href="http://www.limesurvey.org" target="_blank"><img src="{TEMPLATEURL}poweredby.png" border="0" title="LimeSurvey Survey Software" /></a><br />
<span style='font-size:0.9em;'><a href="http://www.limesurvey.org" style='color:#000;' target="_blank">The Online Survey Tool</a> - Free & Open Source</span><br />
</td>
</tr>
</table>
<style type="text/css">
body {
background-image: url({TEMPLATEURL}gradient2.gif);
}
</style>
<!--[if lt IE 7]>
<script language="JavaScript">
jQuery.ready(function(){correctPNG();});
</script>
<![endif]-->

View File

@@ -1,70 +1,167 @@
a:link,a:visited {
color:#819d26;
text-decoration:none;
}
/* Start reset CSS */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,img {
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
q:before,q:after {
content:'';
}
abbr,acronym { border:0;
}
/* End reset CSS */
body.default {
background-color:#FFF;
font-size:11px;
line-height:150%;
font-family:Arial,Helvetica,sans-serif;
color:#1d2d45;
background-color:#FFF;
font-size:12px;
line-height:150%;
font-family:Verdana,Arial,Helvetica,sans-serif;
color:#1d2d45;
}
.questionhelp {
font-size:10px;
ul {
list-style:disc inside;
}
ol {
list-style:decimal inside;
}
h1 {
font-size:1.5em;
font-weight:bold;
color:#328639;
padding-top:15px;
}
h2 {
font-size:1em;
font-weight:bold;
color:#328639;
padding-top:5px;
}
h3 {
font-size:1.3em;
font-weight:bold;
color:#1D2D45;
padding-bottom:10px;
}
a:link,a:visited {
color:#819d26;
text-decoration:none;
}
.success {
color:#00dd00;
font-weight: bold;
}
.clearall {
font-size:11px;
font-size:11px;
padding-right:5px;
}
.answertextright {
text-align:left;
.answertext, .answer {
text-align:left;
}
.array1 {
font-family:verdana;
font-size:11px;
text-align:center;
background-color:#fff;
font-family:verdana;
font-size:11px;
text-align:center;
background-color:#fff;
}
.array2 {
font-family:verdana;
font-size:11px;
text-align:center;
background-color:#eee;
font-family:verdana;
font-size:11px;
text-align:center;
background-color:#eee;
}
.arraycaptionleft {
text-align:right;
text-align:right;
}
/* Save All button */
.saveall {
font-weight:400;
color:#000;
font-weight:400;
font-size:10px;
color:#000;
}
.asterisk {
color:red;
font-size:9pt;
font-family:verdana;
color:red;
font-size:9pt;
font-family:verdana;
}
.innergraph img {
height:12px;
vertical-align:top;
td.graph
{
background-color: #d2e0f2;
padding: 0.2em 0%;
}
.innergraph table {
height:12px;
border:1px solid #000;
table-layout:fixed !important;
#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;
}
.innergraph td {
height:12px;
.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.0em;
border: 1px solid #000;
margin-top: -1.2em;
margin-left: 2.6em;
margin-right: 0%;
}
#progress-graph div.cent
{
width: 3em;
margin-top: -1.5em;
margin-left: 13.3em;
margin-right: 0%;
}
.printouttable {
@@ -106,16 +203,705 @@ font-size:1em;
}
.question,.answertext {
font-family:verdana;
font-size:11px;
font-family:verdana;
}
.errormandatory,.warningjs {
font-size:12px;
font-weight:700;
color:RED;
/* Basic formatting for the three keyparts of an question */
td.questiontext {
font-family:verdana;
font-size:12px;
font-weight:bold;
background-color: #eef6ff;
text-align: left;
padding:0.5em 1em;
}
td.answer {
padding:0.5em 1.5em;
}
td.questionhelp {
font-size:10px;
background-color:#eef6ff;
padding-left:1em;
}
td.questionhelp img {
margin:4px;
padding-right:5px;
vertical-align:middle;
margin-left:0px;
}
/* End formatting for the three keyparts of an question */
.error, .errormandatory, .warningjs {
font-size:12px;
font-weight:700;
color:RED;
}
table.question {
margin: 0 auto;
}
table.question tr.array1:hover,table.question tr.array2:hover {
background-color:#A7A9D1;
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 .answer li
,.list-radio-flexible .answer li
,.list-radio .answer li
,.list-with-comment .answer li
,.multiple-opt .answer li
,.multiple-opt-comments .answer li
,.multiple-short-txt .answer li
,.numeric-multi .answer li
,.yes-no .answer li
,.gender .answer li {
list-style-type: none;
text-align: left;
margin: 0% 0% 0.5em 0.5em;
}
/* END: General list styles - - - - - - - - - - -
- - - - - - - - - - - - - - - - - - - - - - - - */
/* STYLES NOT YET DEFINED - - - - -
.boilerplate {}
*/
.choice-5-pt-radio ul
,.yes-no ul
,.gender ul
{
text-align: left;
font-size: 80%;
margin-top: 0.5em;
margin-left: 0%;
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 ul
{
font-size: 80%;
}
.numeric-multi span
,.multiple-short-txt .question .answer ul li span
{
font-size: 90%;
/* font-style: italic;*/
}
.numeric-multi p.tip.problem {
color: #f30;
font-weight: bold;
}
.numeric-multi input.tip.problem {
background-color: #f30;
border: 2px solid #7F9DB9;
font-weight: bold;
color:#fff;
}
.numeric-multi p.tip.good {
color: #090;
font-weight: bold;
}
.numeric-multi input.tip.good {
background-color: #090;
border: 2px solid #7F9DB9;
font-weight: bold;
color:#fff;
}
/* DEFINED ABOVE UNDER "General list styles" - - - - -
.list-radio-flexible
.list-radio
*/
.list-radio .answer li label {
display:inline-block;
width:85%;
}
.list-radio .answer li input {
vertical-align:top !important;
margin-top:2px;
}
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 0.5em 0.5em 0%;
}
.list-with-comment p.select {
width: 47%;
float: left;
padding: 0.5em;
margin: 0%;
}
.list-with-comment div.list p {
margin: 0% 0% 0% 1.1em;
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%;
}
/* 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 ul
,.multiple-short-txt ul
,.numeric-multi ul {
display: table;
padding: 0%;
margin: 1em;
}
.numeric-multi .answer ul {
margin: 0% 1em 1.5em 1em;
}
.numeric-multi .answer ul input {
width:5em;
padding:0px;
}
.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
{
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;
white-space: nowrap;
}
.multiple-opt-comments ul li span
{
padding: 0.3em 1em 0% 0%;
}
.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 li.multiplenumerichelp span input {
}
.text-short input
,.text-long textarea
,.text-huge textarea {
margin-left: 1em;
}
#limesurvey table.question thead th
,#limesurvey table.question .repeat th
{
text-align: center;
vertical-align: bottom;
font-weight: normal;
}
#limesurvey .answer 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;
}
.boilerplate td td
,.numeric td td
,.choice-5-pt-radio td td
,.yes-no td td
,.gender td td
,.date td td
,.numeric-multi td td
,.numeric td td
,.list-with-comment td td
,.list-dropdown-flexible td td
,.ranking td td
,.numeric-multi td td
,.language td td
,.multiple-opt-comments td td
,.multiple-short-txt td td
,.text-short td td
,.text-long td td
,.text-huge td td
,.numeric-multi td td
,.array-5-pt td
,.array-10-pt td
,.array-yes-uncertain-no td
,.array-increase-same-decrease td
,.array-flexible-row td
,.array-flexible-column td
,.array-multi-flexi td
,.array-multi-flexi-text td
,.array-flexible-duel-scale td {
text-align: left;
}
.ranking select
{
min-width:140px;
min-height:60px;
}
.ranking option
{
padding-top:1px;
padding-bottom:1px;
}
.choice-5-pt-radio li
{
display: inline;
margin-left: 0.5em;
}
/* 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;
}
table.outerframe {
border-collapse:separate;
border-spacing:1px;
margin:20px auto 40px auto ;
border:1px solid #BBC6CC;
}
p.surveydescription {
margin-bottom:20px;
}
p.surveywelcome {
margin-top:20px;
}
table.privacy {
margin-top:20px;
}
td.privacynote{
text-align:center;
background-color:#eef6ff;
font-size:0.8em;
padding:5px;
}
input.submit {
padding:0 15px;
margin:5px;
}
input.saveall {
padding:0 5px;
margin:5px;
}
table.question {
border-collapse:separate;
border-spacing:2px;
margin-bottom:20px;
}
table.question th {
padding:4px 6px;
border-collapse:separate;
border-spacing:2px;
font-size:11px;
}
table.question thead th {
font-weight:600 !important;
}
table.question td {
padding:4px 4px;
border-collapse:separate;
border-spacing:2px;
}
table.question input {
vertical-align:middle;
}
p.question {
margin-top:10px;
margin-bottom:10px;
}
p.tip {
margin-top:10px;
margin-bottom:10px;
}
td.answer li label,
td.answer li input {
vertical-align:middle;
}
.rank input {
margin:1px 1px;
}
.ranking td.answer {
padding-left:10px;
}
td.rank label, td.rank td strong {
font-size:0.9em;
font-weight:bold;
}
.list-dropdown select {
margin-left:10px;
}
.choice-5-pt-radio ul {
margin-bottom:10px;
}
.text-long textarea, .text-huge textarea {
margin-top: 10px;
margin-bottom: 10px;
margin-right: 10px;
}
#loadtable td, #savetable td {
padding-top:5px;
padding-left:3px;
}
#loadbutton, #savebutton {
padding:0 10px;
}
#tokenform {
margin-top:1em;
}
#tokenform input {
}
#tokenform label {
float: left;
width: 20em;
margin-right: 0.5em;
text-align: right;
}
#tokenform li {
list-style-type: none;
}
#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;
}
.yes-no td.answer {
padding-bottom:10px;
}

View File

@@ -0,0 +1,86 @@
/*
* 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
*/
/** Uncomment if you want to use the focusFirst function
$(document).ready(function(){
focusFirst();
})
**/
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6.
{
var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])
if ((version >= 5.5) && (version<7) && (document.body.filters))
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : "";
var imgClass = (img.className) ? "class='" + img.className + "' " : "";
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' ";
var imgStyle = "display:inline-block;" + img.style.cssText;
if (img.align == "left") imgStyle = "float:left;" + imgStyle;
if (img.align == "right") imgStyle = "float:right;" + imgStyle;
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle;
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src='" + img.src + "', sizingMethod='scale');\"></span>"
img.outerHTML = strNewHTML
i = i-1
}
}
}
}

View File

@@ -1,15 +1,15 @@
<table align='center' width='100%' cellpadding='25' cellspacing='0' border='0' style='border-color: #111111'>
<table align="center" width="100%" cellpadding="25" cellspacing="0" border="0" style="border-color: #111111">
<tr>
<td align='center' bgcolor='#eef6ff'>
<td align="center" bgcolor="#eef6ff">
{CHECKJAVASCRIPT}
<font face='verdana' size='4' color='#328639'><strong>{SURVEYNAME}</strong></font><br />
<font size='2' color='#1d2d45'>{SURVEYDESCRIPTION}</font>
<h1>{SURVEYNAME}</h1><br />
<p class='surveydescription'>{SURVEYDESCRIPTION}</p>
</td>
</tr>
<tr>
<td align='center' bgcolor='#FFFFFF'>
<font face='verdana' size='2' color='#1d2d45'>{WELCOME}<br /><br />
<td align="center" bgcolor="#FFFFFF">
<p class='surveywelcome'>{WELCOME}</p><br />
<i>{THEREAREXQUESTIONS}</i>
</font></td>
</td>
</tr>
</table>