I’m the co-author of the survey, along with Jeremy. This has been a long time in the making and I’m looking forward to the results with much anticipation.
I didn’t mention it @jeremyruston, but I was tweaking the CSS last night for the survey I’m doing for the other organisation I’m involved with. I realised it would be a good fit for TW so with just hours to go, I went ahead and took some TiddlyWIki colours and fonts from tiddlywiki.com - which I am very pleased with. They don’t let you customise much but the survey still has a TiddlyWiki feel.
It’s saved to my EUSurvey account, but should you wish to use this survey software in the future, you can use my snippet of ‘euss’ (their dialect of CSS) below.
TiddlyWiki-style.euss (for use with EUSurvey)
.answertext {
color: #333;
background-color: transparent;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",system-ui,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
font-style: normal;
font-size: 14px;
font-weight: normal;
}
.info-box {
color: #333333;
background-color: #FFE476;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",system-ui,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
font-style: normal;
font-size: 12px;
font-weight: normal;
}
.link {
color: #0088CC;
background-color: transparent;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",system-ui,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
font-style: normal;
font-size: 14px;
font-weight: normal;
}
.linkstitle {
color: #333;
background-color: transparent;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",system-ui,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
font-style: normal;
font-size: 16px;
font-weight: 600;
}
.matrix-header {
color: #333333;
background-color: transparent;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",system-ui,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
font-style: normal;
font-size: 14px;
font-weight: 600;
}
.questionhelp {
color: #A9A9A9;
background-color: transparent;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",system-ui,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
font-style: normal;
font-size: 12px;
font-weight: normal;
}
.questiontitle {
color: #333;
background-color: transparent;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",system-ui,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
font-style: normal;
font-size: 14px;
font-weight: normal;
}
.right-area {
color: #333333;
background-color: #ffffff;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",system-ui,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
font-style: normal;
font-size: 14px;
font-weight: normal;
}
.sectiontitle {
color: #182955;
border-color: #182955;
background-color: transparent;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",system-ui,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
font-style: normal;
font-size: 20px;
font-weight: normal;
}
.surveytitle {
color: #5778D8;
background-color: transparent;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",system-ui,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
font-style: normal;
font-size: 24px;
font-weight: normal;
}
.table-header {
color: #333333;
background-color: transparent;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",system-ui,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
font-style: normal;
font-size: 14px;
font-weight: 600;
}
.text {
color: #333333;
background-color: transparent;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",system-ui,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
font-style: normal;
font-size: 14px;
font-weight: normal;
}