Skip to content
BASE DE CONNAISSANCE
  • Pages
    • Production
      • CSS
        • Etoiles css Version 1
        • Etoiles avec etiquettes
      • JAVASCRIPT
        • JS du style des étoiles avec etiquettes
        • Copie d'un texte dans le presse papier
        • CheckBox Avec question ouvert
      • HTML TEMPLATE
      • HOMAIR - Post-Stay - Summer 2024
        • css
        • js
      • tracking
      • Projects
      • Formulaire questionnaire
        • Historique de checking
      • CSM
      • Checklist Prod
      • Checklists
        • table_checklist_email
        • table_checklist_questionnaire
      • Clients
    • CSM
      • Tout type de questionnaire
        • NPS
        • Etoile
        • Choix unique
        • Choix multiple
        • Tableaux
        • Ouvert verbatims
        • Ouvert info. perso
BASE DE CONNAISSANCE
/
/
css
Share
Explore

css

/* Write your custom CSS here */

@font-face {
font-family: 'bariol_serifregular';
src: url('//etl.satisfactory.fr/surveygizmo/webfonts/bariol/bariol_serif_regular-webfont.eot');
src: url('//etl.satisfactory.fr/surveygizmo/webfonts/bariol/bariol_serif_regular-webfont.eot?#iefix') format('embedded-opentype'),
url('//etl.satisfactory.fr/surveygizmo/webfonts/bariol/bariol_serif_regular-webfont.woff2') format('woff2'),
url('//etl.satisfactory.fr/surveygizmo/webfonts/bariol/bariol_serif_regular-webfont.woff') format('woff'),
url('//etl.satisfactory.fr/surveygizmo/webfonts/bariol/ariol_serif_regular-webfont.ttf') format('truetype'),
url('//etl.satisfactory.fr/surveygizmo/webfonts/bariol/bariol_serif_regular-webfont.svg#bariol_serifregular') format('svg');
font-weight: normal;
font-style: normal;

}
.sg-question-options
{
padding: .3em 1em 1em 0em;
}
/* Gestion taille étoile */
.sg-star-box label .sg-star-sr-target
{
margin-left: 0px!important;
}
.sg-6stars
{
/*width: 220px;*/
scale: 1.5;
}
/* Gestion taille étoile */
.sg-type-table .sg-table tbody td
{
text-align: left;
}

fieldset.sg-type-table.sg-type-table-stars .sg-question-title
{
position: unset;
}
fieldset.sg-type-table.sg-type-table-stars
{
position: relative;
margin-bottom: 24px;
}

fieldset.sg-type-table.sg-type-table-stars legend div
{
position: absolute;
width: 100%;
bottom: 0;
line-height: 1em;
height: 1em;
}

.sg-question-options .sg-header-row-first
{
display: none;
}

.sg-body *
{
font-family: 'Montserrat-regular', Arial;
}

.sg-body .sg-survey-form
{
max-width: 1066px;
background-color: #F9F9F9;
padding: 0 60px 60px 60px;
}
.sg-header{
padding: 0;
margin: 0;
background-color: #F9F9F9;
}
.sg-header .header-custom-logo{
top: 0;
display: block;
margin: 0 auto;
}
.header-custom-text{
width: 70%;
margin: 0 auto;
padding: 0;
text-align: center;
display: block;
}
.header-custom-text p{
position: absolute;
top:150px;
padding: 0px;
text-align: center;
font-weight: bold;
font-size: 24px;
}
.sg-body .sg-content,
.sg-body .survey-footer-icon,
.sg-body .header-picture-desktop
{
width: 100%;
padding-left: 0;
padding-right: 0;
padding-top: 0;
padding-bottom: 0;
margin: 0 auto;
}

.sg-body .header-picture-desktop { display: block;}
.sg-body .header-picture-mobile { display: none; }

.sg-instructions{
width: 100%;
margin: 0;
padding-top: 12px;
font-size: 22px;
}
.colorinstructions{
background-color: #323E48;
color : #FFFFFF;
padding: 0;
margin: 0;
}
.sg-input .sg-input-essay{
width: 100% !important;
}
.sg-question textarea {
border: 2px solid #0099bf;
}
.sg-star-box {
padding-left: 10px !important;
}
.sg-star-box label.sg-star-0, .sg-star-box label.sg-star-0:hover { display: none; }


.sg-star-box
{
padding-left: 30px!important;
width: 150px;
}
@media only screen and (max-width: 480px)
{
.sg-6stars{scale: 1 !important;}
/*.sg-body .header-picture-mobile { display: block; }*/
.sg-body .header-picture-mobile.logo-picture { margin-left: 15px; margin-top: 15px; margin-bottom: 15px; }
.sg-body .header-picture-desktop { display: none; }
/*.sg-body .footer-picture-logo { height: 35px; width: auto; }*/
.sg-body .sg-content,
.sg-body .survey-footer-icon { width: 100%; padding-left: 18px; padding-right: 18px; }
.sg-body .headline {padding-top: 25px; padding-bottom: 25px;}
.sg-body .sg-header .header-custom-text {display: none;}
.sg-body .sg-header .header-custom-logo {padding-bottom: 25px;}
.satQuestion {font-size: 50%;}
.sg-star-box{padding-top: 20px !important;padding-left: 10px !important;}
}

@media only screen and (max-width: 1000px)
{
.sg-6stars{scale: 1 !important;}
.sg-question-options .sg-table .sg-single-cell {
margin-top: -45px !important;
}
.sg-question-options { margin-bottom: 30px !important; }
.sg-question-options .sg-single-row { margin-bottom: 20px !important; }
.sg-star-box{padding-top: 20px !important;padding-left: 10px !important;}
}

.center{
padding: 0em 1em 1em 1.5em;
}

.sg-next-button{
border-radius: 15px;
}

.sg-type-radio ul.sg-list
{
padding-left: 1.5em;
}

.sg-slider-na{
padding-left: 10px;
}



.sg-star-box label.sg-star-0
{
float:right;
-webkit-filter: invert(100%);
-moz-filter: invert(100%);
-ms-filter: invert(100%);
-o-filter: invert(100%);
}

.sg-6stars
{
width: 140px;
}

.sg-star-box {
Load content from surveys.satisfactory.fr?
Loading external content may reveal information to 3rd parties. Learn more
Allow
Want to print your doc?
This is not the way.
Try clicking the ··· in the right corner or using a keyboard shortcut (
CtrlP
) instead.