Jayladdin,
A note at the bottom of the publishing tab states:
Frustration Saving Tip #2: If embedding in EMAIL or MYSPACE: Remember, your first page can only have basic questions! Keep the complex javascript-enabled ones for the second page and beyond.
Also, I’m sorry I didn’t make this clearer, you need to strip out all the content between <script … , not just the tags themselves.
Here is what it would look like:
—————–
@import url( http://app.sgizmo.com/css/survey_base.css?4456458 );
.sg_FrameSet {border: none; padding:0; margin:0;}
/* http://www.SurveyGizmo.com */
/* Beige Boxes */
/* Page Background */
.sg_Body {
background:#fff;
}
/* Survey Background */
#sg_wrapper {
background:#fff;
color:#000;
border:none;
width:400px !important;
}
/* Headers, Footers, Table headers */
#sg_header,
#sg_footer
{ background:#fff;
color:#3F3F2F;
border:none;
}
#sg_header {
padding-left:0 !important;
padding-right:0 !important;
}
#sg_content {
padding:0 0 15px 0 !important;
}
table.sg_Table th {
background:#C8C4AC;
color:#fff; ;
border:none;
}
/* Questions */
.sg_Question,
.sg_page_desc {
background:#EFEDE0;
padding:15px;
border:1px solid #DFDFC3;
}
/* Question Titles */
.sg_QuestionTitle {
font-weight:normal;
font-size:16px !important;
color:#3F3F2F;
}
/* Table column headers */
.sg_Matrix_Radio td.sg_TD1,
.sg_Matrix_Textbox td.sg_TD1,
.sg_Matrix_Checkbox td.sg_TD1
{
background-color:#F8FAF3;
}
/* Table outer border */
.sg_Matrix_Custom .sg_Table,
.sg_Matrix_Radio .sg_Table,
.sg_Matrix_Textbox .sg_Table,
.sg_Matrix_Checkbox .sg_Table
{
border:1px solid #DFDFC3;
background:#fff;
}
/* Buttons */
.sg_Submit,
.sg_BackButton,
.sg_NextButton
{
height:40px;
border:1px outset #000 !important;
background: #fff url(https://app.sgizmo.com/images/surveys/btn_grey_gradient.gif) repeat-x 0 0 !important;
font-size:120% !important;
}
.sg_Submit:hover,
.sg_BackButton:hover,
.sg_NextButton:hover {
background: url(https://app.sgizmo.com/images/surveys/btn_grey_gradient.gif) repeat-x 0 -40px !important;
}
/* Page Titles hidden by default */
/* These have default values too often */
.sg_page_title
{
display:none;
}
/* Footer/Copyright */
#sg_footer #sg_footer_hook_2,
.sg_page_title
{
color:#3F3F2F;
}
#sg_wrapper input,
#sg_wrapper textarea,
#sg_wrapper select {
background-color:#FFFCEF;
}
/* Typography */
#sg_wrapper div,
#sg_wrapper p,
#sg_wrapper li,
#sg_wrapper td,
#sg_wrapper th,
#sg_wrapper select,
#sg_wrapper input,
#sg_wrapper textarea {
font-family:”Helvetica Neue”,Arial,Helvetica,sans-serif;
font-family:”Century Gothic”,”Avant Garde”,”Gill Sans”,”Lucida Grande”,”Lucida Sans Unicode”,verdana,clean,sans-serif;
font-family: “Century Gothic”,”Avant Garde”,”Gill Sans”,”Lucida Grande”,”Lucida Sans Unicode”,verdana, sans-serif;
font-size: 12px; /* change this value up or down to affect all text size universally */
}
/* Structure */
.sg_Body {
margin:0;
padding:0;
}
#sg_wrapper {
width:600px;
margin:0 auto;
}
#sg_content {
clear:both;
margin:0;
padding: 15px 40px;
}
/* Header */
#sg_header {
margin:0;
padding:15px 0 0 0;
}
.sg_headerImage {
}
/* Footer */
#sg_wrapper #sg_footer {
min-height:60px;
padding:5px 10px 0 10px;
text-align:center;
margin:0;
}
#sg_wrapper #sg_footer_hook_2 {
font-size:90% !important;
}
/* Titles and Headings */
#sg_wrapper h1,
#sg_wrapper h2,
#sg_wrapper h3,
#sg_wrapper h4,
#sg_wrapper h5,
#sg_wrapper h6
{ text-align:left; }
#sg_wrapper h4,
#sg_wrapper h5,
#sg_wrapper h6 { }
#sg_wrapper h1 { font-size:20px; margin:10px 0;}
#sg_wrapper h2 { font-size:16px;}
#sg_wrapper h3 { font-size:14px;}
#sg_wrapper h4 { font-size:12px;}
h1.sg_Title {
margin:0;
padding:0;
font-weight:normal;
}
.sg_page_title {
font-weight:bold;
}
.sg_page_desc {
}
/* Navigation */
.progressBar {
margin:0 auto 15px auto;
text-align:center;
font: bold 10px/16px arial !important;
width:200px;
}
#sg_ProgressBar {
background-color:#EFFAFF;
font-size:10px !important;
font-weight:bold !important;
border:1px solid #59BDEF;
color:#00557F;
}
.sg_Submit,
.sg_BackButton,
.sg_NextButton {
text-decoration: none;
font-size:14px;
font-weight:normal;
padding:8px 15px !important;
margin:5px;
}
div.sg_Button_Group {
text-align:center;
margin: 0 0 10px 0;
}
div.sg_Buttons,
div.sg_Button_Group input {
display:inline;
}
/* Special Effects */
#sg_wrapper input:focus,
#sg_wrapper select:focus,
#sg_wrapper textarea:focus,
#sg_wrapper input.sffocus,
#sg_wrapper select.sffocus,
#sg_wrapper textarea.sffocus {
background-color:#FEFFAF !important;
border:1px solid #333;
}
.sg_PoweredBy {
margin:15px auto;
width:200px;
text-align:center;
}
/* Form Elements */
form.sg_SurveyPage { /* main form stylename */
}
.clear {clear:both;}
/* Questions */
.sg_Question {
margin: 20px 0;
}
.sg_QuestionTitle {
margin:0 ;
padding:3px 0;
}
.qNumber {
padding:10px 0;
}
.sg_ControlSet { /* wraps around question options and subquestions */
margin:0 0 0 5px;
overflow:auto;
}
.sg_CheckboxWrapper {
margin:5px 0;
}
.sg_Question_Footer {
}
/* Question Types */
#sg_wrapper input {
padding:1px 2px;
border:1px solid #777;
}
input.sg_Radio,
input.sg_Checkbox {
border:none !important;
background:none !important;
margin:5px 10px;
}
#sg_wrapper label {
/* padding:0 6px 0 0; */
}
/* ‘Other’ textboxes ‘ */
input.sg_Radio_Other,
input.sg_Checkbox_Other,
input.sg_Cont_Sum_Other {
margin:0 6px;
}
div.sg_Instructions {
}
.sg_MaxWords {color: #666;}
sg_Cont_Sum_Other { }
input.sg_Textbox {}
div.sg_Multi_Text {}
textarea.sg_Essay {
padding:5px;
}
div.sg_Rank {}
select.sg_Select {}
div.sg_Radio_Options {}
input.sg_Radio {}
div.sg_Checkbox_Options label { /* removed due to weird 1st line indent padding:0 10px 0 10px !important; */}
input.sg_Checkbox {}
div.sg_Cont_Sum
div.sg_Matrix_Radio {}
.sg_caption {
}
/* Tables */
table.sg_Table {
margin:5px 5px 15px 0;
border-spacing: 2px !important;
empty-cells: show !important;
overflow:scroll;
}
.sg_ControlSet .sg_TD1 input.sg_Textbox {
width:45px; /* Allows Continuous Sum questions room for the % sign */
}
table.sg_Table th {
font-weight:bold;
padding:4px;
}
table.sg_Table td {
vertical-align:middle;
}
th.sg_TDX { }
td.sg_TD1 { padding:0 }
td.sg_TDX { }
.sg_Multi_Text td.sg_TDX,
.sg_Matrix_Radio td.sg_TD1,
.sg_Radio_Options td.sg_TDX,
.sg_Cont_Sum td.sg_TDX
{
padding:5px !important;
}
div.sg_Matrix_Radio td.sg_TD1 {
padding:5px !important;
}
table.sg_Table tr.sg_TR { }
table.sg_Table tr.sg_TR_Alt { }
/* tables with 1st column of labels */
.sg_Matrix_Radio td.sg_TD1,
.sg_Matrix_Textbox td.sg_TD1,
.sg_Matrix_Checkbox td.sg_TD1 {
padding:5px ;
}
/* Groups like Contact Form */
.sg_GroupItem {
height:30px;
display:block;
margin:6px 0px 0 0;
padding-left:0;
text-align:left;
}
.sg_GroupLabel {
display:block;
font-weight:bold;
font-size:95%;
}
.sg_GroupLabel label {
font-weight:bold;
font-size:95%;
padding:2px 0;
}
div.sg_GroupInput {
display:block;
}
/* Required Lables, Messages, Errors etc */
.sg_Required { /* applies to all required questions */
}
span.sg_RequiredAsterix { color:red; }
.sg_Error { background-color: yellow !important; }
div.sg_ErrorMessage { /* div.sg_ErrorMessage is inserted where automatically by the template token */
background: #FDFF4F url(https://app.sgizmo.com/images/surveys/error_alert.gif) no-repeat 10px 10px;
border:2px solid #FFB900;
color: #000;
margin:10px auto;
padding:10px 20px 10px 60px;
width:80%;
font-weight:bold;
}
.sg_Counter { }
.sg_Counter_Error { color: red; }
.sg_StarRate{cursor:pointer;}
.sg_CustomizedGroupItem {
margin:10px 0;
}
.sg_Matrix_Textbox table.sg_Table,
.sg_Matrix_Radio table.sg_Table,
.sg_Matrix_Checkbox table.sg_Table {
width:99% !important;
}