Skip to content

Instantly share code, notes, and snippets.

@Mamikonars

Mamikonars/gist:792ff3464a6b23266b8920a73a576781

Last active June 10, 2022 07:42
Show Gist options
  • Save Mamikonars/792ff3464a6b23266b8920a73a576781 to your computer and use it in GitHub Desktop.
Save Mamikonars/792ff3464a6b23266b8920a73a576781 to your computer and use it in GitHub Desktop.
Download ZIP
First + second content
Raw
gistfile1.txt
$content[] = '#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' {
width: ' . $width . ';
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' .
$this->html_class_prefix . 'section-header {
border-top-color: ' . $this->options[ $this->name_prefix . 'color' ] . ';
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'question {
border-left-color: ' . $this->options[ $this->name_prefix . 'color' ] . ';
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'question {
' . ( $this->options[ $this->name_prefix . 'logo' ] != '' ? 'padding-bottom: 50px;' : '' ) . '
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' input.' . $this->html_class_prefix . 'question-input {
font-size: ' . $this->options[ $this->name_prefix . 'answer_font_size' ] . 'px;
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'section-header,
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'question {
background-color: ' . $this->options[ $this->name_prefix . 'background_color' ] . ';
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'section.' . $this->html_class_prefix . 'section-start-page .' . $this->html_class_prefix . 'section-header {
background-color: ' . $this->options[ $this->name_prefix . 'start_page_background_color' ] . ';
color: ' . $this->options[ $this->name_prefix . 'start_page_text_color' ] . ';
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'section.' .
$this->html_class_prefix . 'section-start-page .' . $this->html_class_prefix . 'section-header *,
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'section.' .
$this->html_class_prefix . 'section-start-page .' . $this->html_class_prefix . 'section-header .' . $this->html_class_prefix .
'section-title-row {
color: ' . $this->options[ $this->name_prefix . 'start_page_text_color' ] . ';
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' input.' . $this->html_class_prefix . 'question-input ~
.' . $this->html_class_prefix . 'input-underline,
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' input.' . $this->html_class_prefix . 'question-input ~
.' . $this->html_class_prefix . 'input-underline-animation,
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix .
'simple-button-container,
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'section-buttons .' .
$this->html_class_prefix . 'section-button-container,
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'answer-label-content > span,
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'question-select.dropdown div.item,
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'thank-you-page,
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'restricted-message,
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'section-desc,
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix .
'section-questions-count,
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'question-title,
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix .
'answer-range-type-min-max-val,
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'section-title-row {
color: ' . $this->options[ $this->name_prefix . 'text_color' ] . ';
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'answer-label input[type="checkbox"] ~ .' . $this->html_class_prefix . 'answer-label-content .' . $this->html_class_prefix . 'answer-icon-content .' .
$this->html_class_prefix . 'answer-icon-content-3,
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'answer-label input[type="radio"] ~ .' . $this->html_class_prefix . 'answer-label-content .' . $this->html_class_prefix . 'answer-icon-content .' .
$this->html_class_prefix . 'answer-icon-content-3,
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'answer-label input[type="checkbox"]:checked ~ .' . $this->html_class_prefix . 'answer-label-content .' . $this->html_class_prefix .
'answer-icon-content .' . $this->html_class_prefix . 'answer-icon-content-2,
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'answer-label input[type="radio"]:checked ~ .' . $this->html_class_prefix . 'answer-label-content .' . $this->html_class_prefix . 'answer-icon-content
.' . $this->html_class_prefix . 'answer-icon-content-2,
#'.$this->html_class_prefix.'container-'.$this->unique_id_in_class.' .'.$this->html_class_prefix.'answer-label .'.$this->html_class_prefix.'answer-image-container{
border-color:'.$this->options[$this->name_prefix.'color'].';
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'answer-label input[type="checkbox"] ~ .' . $this->html_class_prefix . 'answer-label-content .' . $this->html_class_prefix . 'answer-icon-content .' .
$this->html_class_prefix . 'answer-icon-content-2,
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'answer-label input[type="radio"] ~ .' . $this->html_class_prefix . 'answer-label-content .' . $this->html_class_prefix . 'answer-icon-content .' .
$this->html_class_prefix . 'answer-icon-content-2 {
border-color: ' . $this->options[ $this->name_prefix . 'text_color' ] . ';
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix .
'input-underline-animation,
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' textarea.' . $this->html_class_prefix .
'question-input:focus ~ .' . $this->html_class_prefix . 'input-underline-animation,
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' input.' . $this->html_class_prefix . 'input:focus ~ .'
. $this->html_class_prefix . 'input-underline-animation {
background-color: ' . $this->options[ $this->name_prefix . 'color' ] . ';
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'section-buttons .' . $this->html_class_prefix . 'section-button-container .' . $this->html_class_prefix . 'section-button-content button.' . $this->html_class_prefix . 'section-button,
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'section-buttons .' . $this->html_class_prefix . 'section-button-container .' . $this->html_class_prefix . 'section-button-content a.' . $this->html_class_prefix . 'section-button,
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'section-buttons .' . $this->html_class_prefix . 'section-button-container .' . $this->html_class_prefix . 'section-button-content input.' . $this->html_class_prefix . 'section-button {
color: ' . $this->options[ $this->name_prefix . 'buttons_text_color' ] . ';
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'answer-label:hover .'
. $this->html_class_prefix . 'answer-icon-ink,
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'section-buttons .' .
$this->html_class_prefix . 'section-button-container:hover .' . $this->html_class_prefix . 'section-button-content button.' .
$this->html_class_prefix . 'section-button,
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'section-buttons .' .
$this->html_class_prefix . 'section-button-container:hover .' . $this->html_class_prefix . 'section-button-content input.' .
$this->html_class_prefix . 'section-button {
background-color: ' . Survey_Maker_Data::hex2rgba( $filtered_survey_color, 0.04 ) . ';
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'section-buttons .' . $this->html_class_prefix . 'section-button-container:hover .' . $this->html_class_prefix . 'section-button-content button.' .
$this->html_class_prefix . 'section-button,
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'section-buttons .' .
$this->html_class_prefix . 'section-button-container:hover .' . $this->html_class_prefix . 'section-button-content input.' .
$this->html_class_prefix . 'section-button {
color: ' . ( $this->options[ $this->name_prefix . 'is_minimal' ] ? $this->options[ $this->name_prefix . 'text_color' ] :
$this->options[ $this->name_prefix . 'color' ] ) . ';
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix .
'question-required-icon,
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'question-title {
font-size: ' . $this->options[ $this->name_prefix . 'question_font_size' ] . 'px;
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'question-image {
width: ' . $question_image_width . ';
height: ' . $question_image_height . ';
object-fit: ' . $this->options[ $this->name_prefix . 'question_image_sizing' ] . ';
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'answer-label-content
> span,
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix .
'answer-matrix-scale-column,
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix .
'answer-slider-list-column,
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix .
'answer-star-list-column {
font-size: ' . $this->options[ $this->name_prefix . 'answer_font_size' ] . 'px;
line-height: 1;
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'answer {
padding: ' . $this->options[ $this->name_prefix . 'answers_padding' ] . 'px ' . $this->options[ $this->name_prefix .
'answers_padding' ] . 'px ' . $this->options[ $this->name_prefix . 'answers_padding' ] . 'px 0;
margin: ' . $this->options[ $this->name_prefix . 'answers_gap' ] . 'px ' . $this->options[ $this->name_prefix . 'answers_gap' ]
. 'px ' . $this->options[ $this->name_prefix . 'answers_gap' ] . 'px 0;
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'answer-image {
object-fit: ' . $this->options[ $this->name_prefix . 'answers_object_fit' ] . ';
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'section-buttons .' .
$this->html_class_prefix . 'section-button-container .' . $this->html_class_prefix . 'section-button-content input.' .
$this->html_class_prefix . 'section-button {
font-size: ' . $this->options[ $this->name_prefix . 'buttons_font_size' ] . 'px;
padding-left: ' . $this->options[ $this->name_prefix . 'buttons_left_right_padding' ] . 'px;
padding-right: ' . $this->options[ $this->name_prefix . 'buttons_left_right_padding' ] . 'px;
padding-top: ' . $this->options[ $this->name_prefix . 'buttons_top_bottom_padding' ] . 'px;
padding-bottom: ' . $this->options[ $this->name_prefix . 'buttons_top_bottom_padding' ] . 'px;
background-color: ' . $this->options[ $this->name_prefix . 'buttons_bg_color' ] . ';
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'section-buttons .' .
$this->html_class_prefix . 'section-button-container {
border-radius: ' . $this->options[ $this->name_prefix . 'buttons_border_radius' ] . 'px;
background-color: ' . $this->options[ $this->name_prefix . 'background_color' ] . ';
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'question-select.dropdown div.text,
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'question-select.dropdown div.item {
font-size: ' . $this->options[ $this->name_prefix . 'answer_font_size' ] . 'px !important;
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'question-select.dropdown div.item {
font-size: ' . $this->options[ $this->name_prefix . 'answer_font_size' ] . 'px !important;
color: ' . $this->options[ $this->name_prefix . 'text_color' ] . ';
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'answer-star .' .
$this->html_class_prefix . 'answer-star-radio,
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'answer-star .' .
$this->html_class_prefix . 'answer-star-radio-label,
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'answer-linear-scale .' . $this->html_class_prefix . 'answer-linear-scale-radio,
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'answer-linear-scale .' . $this->html_class_prefix . 'answer-linear-scale-radio-label {
font-size: ' . $this->options[ $this->name_prefix . 'answer_font_size' ] . 'px !important;
color: ' . $this->options[ $this->name_prefix . 'text_color' ] . ';
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .ays-survey-loader-snake[data-role="loader"] div {
color: ' . $this->options[ $this->name_prefix . 'text_color' ] . ';
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .lds-ripple[data-role="loader"] div{
border-color: ' . $this->options[ $this->name_prefix . 'text_color' ] . ';
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .lds-dual-ring[data-role="loader"]::after,
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .lds-hourglass[data-role="loader"]::after{
border-color: ' . $this->options[ $this->name_prefix . 'text_color' ] . ' transparent ' . $this->options[ $this->name_prefix .
'text_color' ] . ' transparent;
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .lds-default[data-role="loader"] div,
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .lds-ellipsis[data-role="loader"] div,
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .lds-facebook[data-role="loader"] div,
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .lds-circle[data-role="loader"] {
background-color: ' . $this->options[ $this->name_prefix . 'text_color' ] . ';
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' textarea.' . $this->html_class_prefix .
'question-input {
min-height: ' . $this->options[ $this->name_prefix . 'textarea_height' ] . 'px !important;
}
/*
* Matrix scale question type
*/
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix .
'answer-matrix-scale-main .' . $this->html_class_prefix . 'answer-matrix-scale-container .' . $this->html_class_prefix .
'answer-matrix-scale-row .' . $this->html_class_prefix . 'answer-matrix-scale-column,
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix .
'answer-slider-list-main .' . $this->html_class_prefix . 'answer-slider-list-container .' . $this->html_class_prefix .
'answer-slider-list-row .' . $this->html_class_prefix . 'answer-slider-list-column,
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'answer-star-list-main
.' . $this->html_class_prefix . 'answer-star-list-container .' . $this->html_class_prefix . 'answer-star-list-row .' .
$this->html_class_prefix . 'answer-star-list-column {
color: ' . $this->options[ $this->name_prefix . 'text_color' ] . ';
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix .
'answer-matrix-scale-main .' . $this->html_class_prefix . 'answer-matrix-scale-container .' . $this->html_class_prefix .
'answer-matrix-scale-row,
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix .
'answer-slider-list-main .' . $this->html_class_prefix . 'answer-slider-list-container .' . $this->html_class_prefix .
'answer-slider-list-row,
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'answer-star-list-main
.' . $this->html_class_prefix . 'answer-star-list-container .' . $this->html_class_prefix . 'answer-star-list-row {
background-color: ' . Survey_Maker_Data::hex2rgba( $filtered_text_color, 0.04 ) . ';
}
/*
* Range question type
*/
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix .
'answer-range-type-main .' . $this->html_class_prefix . 'range-type-input::-webkit-slider-thumb {
background-color: ' . $this->options[ $this->name_prefix . 'background_color' ] . ';
border-color: ' . $this->options[ $this->name_prefix . 'text_color' ] . ';
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix .
'answer-range-type-main .' . $this->html_class_prefix . 'range-type-input::-moz-range-thumb {
background-color: ' . $this->options[ $this->name_prefix . 'background_color' ] . ';
border-color: ' . $this->options[ $this->name_prefix . 'text_color' ] . ';
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix .
'answer-range-type-main .' . $this->html_class_prefix . 'answer-range-type-info-text {
background-color: ' . $this->options[ $this->name_prefix . 'color' ] . ';
color: ' . $this->options[ $this->name_prefix . 'text_color' ] . ';
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix .
'answer-range-type-main .' . $this->html_class_prefix . 'answer-range-type-info-text:after {
border-top-color: ' . $this->options[ $this->name_prefix . 'color' ] . ';
background-color: ' . $this->options[ $this->name_prefix . 'color' ] . ';
}
/* Full screen option */
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'full-screen-mode .' .
$this->html_class_prefix . 'close-full-screen,
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'full-screen-mode .' .
$this->html_class_prefix . 'open-full-screen {
fill: #000000;
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'live-bar-wrap {
background-color: ' . ( $this->options[ $this->name_prefix . 'is_minimal' ] ? $this->options[ $this->name_prefix .
'text_color' ] : $this->options[ $this->name_prefix . 'color' ] ). ';
border-color: ' . ( $this->options[ $this->name_prefix . 'is_minimal' ] ? $this->options[ $this->name_prefix . 'text_color' ]
: $this->options[ $this->name_prefix . 'color' ] ) . ';
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'live-bar-fill {
background-color: ' . ( $this->options[ $this->name_prefix . 'is_minimal' ] ? Survey_Maker_Data::ays_color_inverse(
Survey_Maker_Data::rgb2hex( $this->options[ $this->name_prefix . 'text_color' ] ) ) : $this->options[ $this->name_prefix .
'background_color' ] ) . ';
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'live-bar-status .' .
$this->html_class_prefix . 'live-bar-status-text {
font-size: ' . $this->options[ $this->name_prefix . 'answer_font_size' ] . 'px;
color: ' . $this->options[ $this->name_prefix . 'buttons_text_color' ] . ';
padding: 0 10px;
letter-spacing: .2px;
line-height: 30px;
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix .
'simple-button-container .' . $this->html_class_prefix . 'button-content .' . $this->html_class_prefix . 'button{
color: ' . $this->options[ $this->name_prefix . 'buttons_text_color' ] . ';
}
/* Expand / collapse question */
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix .
'question-collapse-img-icon-content svg,
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix .
'question-img-icon-content svg {
fill: ' . $this->options[ $this->name_prefix . 'text_color' ] . ';
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'title {
text-align: ' . $this->options[ $this->name_prefix . 'title_alignment' ] . ';
font-size: ' . $this->options[ $this->name_prefix . 'title_font_size' ] . 'px;
'. $survey_title_box_shadow_class .'
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'sections .' .
$this->html_class_prefix . 'section-title-row-main {
text-align: ' . $this->options[ $this->name_prefix . 'section_title_alignment' ] . ';
width: 100%;
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'sections .' .
$this->html_class_prefix . 'answer-label .' . $this->html_class_prefix . 'answer-image-container {
height: ' . $this->options[ $this->name_prefix . 'answers_image_size' ] . 'px;
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'cover-photo-title-wrap{
height: ' . $this->options[ $this->name_prefix . 'cover_photo_height' ] . 'px;
background-position: ' . implode(" ", explode("_" , $this->options[ $this->name_prefix . 'cover_photo_position' ])) .';
background-size: ' . $this->options[ $this->name_prefix . 'cover_photo_object_fit' ] .';
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'sections .' .
$this->html_class_prefix . 'section-desc{ text-align: ' . $this->options[ $this->name_prefix . 'section_description_alignment' ] . ';
font-size: ' . $this->options[ $this->name_prefix . 'section_description_font_size' ] . 'px;
line-height: 1;
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'section .' .
$this->html_class_prefix . 'question .' . $this->html_class_prefix . 'image-logo-url{
'.$survey_logo_image_position.'
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'paypal-details-div,
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'stripe-details-div{
text-align: center;
color: ' . $this->options[ $this->name_prefix . 'text_color' ] . ';
margin-bottom: 12px;
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'paypal-details-div p{
margin: 0;
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'section .' .
$this->html_class_prefix . 'question .' . $this->html_class_prefix . 'question-text-message,
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'section .' .
$this->html_class_prefix . 'question .' . $this->html_class_prefix . 'number-limit-message-box{
color: ' . $this->options[ $this->name_prefix . 'text_color' ] . ';
text-align: left;
font-size: 12px;
padding-top: 10px;
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'section .' .
$this->html_class_prefix . 'question .' . $this->html_class_prefix . 'question-text-error-message {
color: #ff0000;
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'section .' .
$this->html_class_prefix . 'question .' . $this->html_class_prefix . 'admin-note-inner span{
color: ' . $this->options[ $this->name_prefix . 'admin_note_color' ] . ';
text-transform:' . $this->options[ $this->name_prefix . 'admin_note_text_transform' ] . ';
font-size: ' . $this->options[ $this->name_prefix . 'admin_note_font_size' ] . 'px;
}
@media screen and (max-width: 640px){
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' {
max-width: '. $mobile_max_width .';
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' {
width: ' . $mobile_width . ';
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'question-box{
width: 100%;
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'live-bar-main{
flex-wrap: wrap;
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix .
'footer-with-live-bar {
flex-direction: column-reverse;
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'live-bar-main {
margin-bottom: 10px;
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix .
'question-required-icon,
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'question-title {
font-size: ' . $this->options[ $this->name_prefix . 'question_font_size_mobile' ] . 'px;
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'section-buttons .' . $this->html_class_prefix . 'section-button-container .' . $this->html_class_prefix . 'section-button-content input.' .
$this->html_class_prefix . 'section-button{
font-size: ' . $this->options[ $this->name_prefix . 'buttons_mobile_font_size' ] . 'px;
line-height: 2.5;
white-space: normal;
word-break: break-word;
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'title{
font-size: ' . $this->options[ $this->name_prefix . 'title_font_size_for_mobile' ] . 'px;
}
}
@media screen and (max-width: 580px) {
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . '.' . $this->html_class_prefix . 'container .' .
$this->html_class_prefix . 'section .' . $this->html_class_prefix . 'answer-label .' . $this->html_class_prefix .
'answer-image-container{
height: 195px;
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'live-bar-main{
justify-content: center;
}
}
@media screen and (min-width: 580px) and (max-width: 1024px) {
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . '.' . $this->html_class_prefix . 'container .' .
$this->html_class_prefix . 'section .' . $this->html_class_prefix . 'answer-label .' . $this->html_class_prefix .
'answer-image-container{
height: 150px;
}
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .ays-survey-chat-content {
background-color: ' . $this->options[ $this->name_prefix . 'background_color' ] . ';
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .ays-survey-chat-content .ays-survey-chat-answer-label-content span {
color: ' . $this->options[ $this->name_prefix . 'text_color' ] . ';
font-size: ' . $this->options[ $this->name_prefix . 'answer_font_size' ] . 'px;
line-height: 1;
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'chat-header .' .
$this->html_class_prefix . 'chat-question-title,
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'chat-header .' .
$this->html_class_prefix . 'chat-question-reply-title {
font-size: ' . $this->options[ $this->name_prefix . 'question_font_size' ] . 'px;
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix .
'answer-upload-type-main .' . $this->html_class_prefix . 'answer-upload-ready-link {
color: ' . $this->options[ $this->name_prefix . 'text_color' ] . ';
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix .
'answer-upload-type-main .' . $this->html_class_prefix . 'answer-upload-ready {
border-color: ' . $this->options[ $this->name_prefix . 'color' ] . ';
}
';
if( $this->options[ $this->name_prefix . 'is_minimal' ] ){
$content[] =
'#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix .
'minimal-theme-header {
box-shadow: unset;
border: 0;
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'question.' .
$this->html_class_prefix . 'minimal-theme-question {
border: 0;
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix .
'answer-label-content .' . $this->html_class_prefix . 'answer-icon-content {
display: none;
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'answer-label
input {
display: block ;
cursor: pointer;
outline: none;
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'answer-label {
justify-content: initial;
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix . 'answer-label .' .
$this->html_class_prefix . 'answer-star-radio input {
display: none ;
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix .
'answer-matrix-scale-main .' . $this->html_class_prefix . 'answer-matrix-scale-container .' . $this->html_class_prefix .
'answer-matrix-scale-row .' . $this->html_class_prefix . 'answer-matrix-scale-column-content,
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix .
'answer-slider-list-main .' . $this->html_class_prefix . 'answer-slider-list-container .' . $this->html_class_prefix .
'answer-slider-list-row .' . $this->html_class_prefix . 'answer-slider-list-column-content,
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix .
'answer-star-list-main .' . $this->html_class_prefix . 'answer-star-list-container .' . $this->html_class_prefix .
'answer-star-list-row .' . $this->html_class_prefix . 'answer-matrix-scale-column-content {
width: initial;
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' input[type=range].' . $this->html_class_prefix .
'range-type-input {
-webkit-appearance: auto;
appearance: auto;
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' input[type=range].' . $this->html_class_prefix .
'range-type-input {
-moz-appearance: auto;
appearance: auto;
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .'.$this->html_class_prefix.'minimal-theme-textarea-input {
border: 1px solid !important;
transition: 0;
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .' . $this->html_class_prefix .
'question-select-conteiner-minimal {
width: 200px;
padding: 5px !important;
outline: none;
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .'.$this->html_class_prefix.'question-date-input-box {
width: 218px;
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .'.$this->html_class_prefix.'question-date-input-box input {
width: 100%;
}';
}
if( isset($this->options[ $this->name_prefix . 'cover_photo' ]) && $this->options[ $this->name_prefix . 'cover_photo' ] != "" ){
$content[] =
'#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .'.$this->html_class_prefix.'cover-photo-title-wrap {
background-image: url('.$this->options[ $this->name_prefix . 'cover_photo' ].');
background-repeat: no-repeat;
}
#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .'.$this->html_class_prefix.'cover-photo-title-wrap .'.$this->html_class_prefix.'title {
display: flex;
align-items: flex-end;
height: 100%;
}
';
$title_alignment_with_cover_photo_css = 'flex-start';
switch( $this->options[ $this->name_prefix . 'title_alignment' ] ){
case "left":
$title_alignment_with_cover_photo_css = 'flex-start';
break;
case "right":
$title_alignment_with_cover_photo_css = 'flex-end';
break;
case "center":
$title_alignment_with_cover_photo_css = 'center';
break;
default:
$title_alignment_with_cover_photo_css = 'flex-start';
break;
}
$content[] =
'#' . $this->html_class_prefix . 'container-' . $this->unique_id_in_class . ' .'.$this->html_class_prefix.'cover-photo-title-wrap .'.$this->html_class_prefix.'title {
justify-content: ' . $title_alignment_with_cover_photo_css . ';
}';
}
$content[] = '</style>';
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment