408 lines
7.5 KiB
CSS
408 lines
7.5 KiB
CSS
body{
|
|
padding: 0px;
|
|
|
|
font-size: 13px;
|
|
color: #1a4859;
|
|
|
|
background-color: #2c6175;
|
|
}
|
|
|
|
span, label{
|
|
color: #1a4859;
|
|
}
|
|
|
|
|
|
/* GLAVNI ELEMENTI */
|
|
#outercontainer{
|
|
background-color: #1a4859 !important;
|
|
}
|
|
|
|
#container{
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
border-top: 0;
|
|
border-bottom: 0;
|
|
}
|
|
|
|
#container h1{
|
|
display: none;
|
|
padding: 18px 5px 22px 5px;
|
|
margin-bottom: 10px;
|
|
|
|
font-size: 23px;
|
|
font-weight: normal;
|
|
color: #fff;
|
|
line-height: 30px;
|
|
|
|
background-color: #2a5f72;
|
|
border-bottom: 8px #1a4859 solid;
|
|
}
|
|
|
|
|
|
/* INPUT ELEMENTI */
|
|
.grupa .spremenljivka input[type=text]{
|
|
padding: 5px 7px;
|
|
|
|
border: 1px #a0aec1 solid;
|
|
border-radius: 3px;
|
|
-moz-border-radius: 3px 3px 3px 3px;
|
|
-webkit-border-radius: 3px;
|
|
}
|
|
|
|
input[type="checkbox"] + span.enka-checkbox-radio,
|
|
input[type="radio"] + span.enka-checkbox-radio,
|
|
.custom_radio_picture.obarvan > label > span.enka-custom-radio:before {
|
|
color: #1a4859;
|
|
}
|
|
|
|
|
|
.grupa{
|
|
min-height: 100px;
|
|
padding-top: 0px;
|
|
}
|
|
.grupa .spremenljivka:last-of-type{
|
|
border-bottom: 0;
|
|
}
|
|
.grupa .spremenljivka .naslov{
|
|
margin: 0;
|
|
padding: 5px 0 10px 0;
|
|
|
|
font-size: 15px !Important;
|
|
font-weight: normal;
|
|
color: #455a64;
|
|
}
|
|
.grupa .spremenljivka .naslov .spremenljivka_info{
|
|
font-size: 11px;
|
|
color: #a0aec1;
|
|
}
|
|
|
|
.variable_holder{
|
|
border: 0;
|
|
padding-left: 20px;
|
|
}
|
|
.variable_holder .variabla{
|
|
font-weight: normal;
|
|
color: #455a64;
|
|
}
|
|
table thead {
|
|
font-weight: normal;
|
|
}
|
|
|
|
.grupa .spremenljivka .sequence_number{
|
|
padding: 2px 7px 5px 7px;
|
|
|
|
background-color: #4e8599;
|
|
color: white;
|
|
|
|
border: 0;
|
|
border-radius: 3px;
|
|
-moz-border-radius: 3px 3px 3px 3px;
|
|
-webkit-border-radius: 3px;
|
|
}
|
|
.grupa .spremenljivka .sequence_number.active{
|
|
background-color: #1a4859;
|
|
color: white;
|
|
}
|
|
|
|
.grupa .spremenljivka .slider_mobile{
|
|
background-color: #a0aec1;
|
|
border: 0;
|
|
}
|
|
.grupa .spremenljivka .ui-slider-horizontal{
|
|
height: 7px;
|
|
}
|
|
.grupa .spremenljivka .ui-slider-handle {
|
|
cursor: pointer;
|
|
|
|
height: 10px !important;
|
|
width: 18px !important;
|
|
margin-top: 3px;
|
|
|
|
border: 0;
|
|
border-radius: 15px 15px !important;
|
|
background-color: #0c377a;
|
|
}
|
|
.grupa .spremenljivka .ui-slider-handle:active{
|
|
background-color: #0c377a;
|
|
}
|
|
.grupa .spremenljivka .sliderText{
|
|
padding-top: 0;
|
|
|
|
color: white;
|
|
|
|
background-color: #a0aec1;
|
|
border: 0;
|
|
}
|
|
.grupa .spremenljivka .sliderText::after{
|
|
border-color: #a0aec1 transparent;
|
|
}
|
|
.grupa .spremenljivka span.reminder {
|
|
left: 0;
|
|
}
|
|
|
|
|
|
|
|
/* Spremenljivke */
|
|
.spremenljivka {
|
|
padding: 10px 20px 10px 20px !important;
|
|
margin: 0 !important;
|
|
|
|
background-color: white;
|
|
border: 0;
|
|
border-bottom: 2px #1a4859 solid;
|
|
}
|
|
.spremenljivka .naslov{
|
|
/*font-size: 14px !important;*/
|
|
font-weight: bold !important;
|
|
}
|
|
|
|
/* UVOD */
|
|
.spremenljivka[data-vrstni_red="1"]{
|
|
background-color: #1a4859;
|
|
padding-top: 0 !important;
|
|
|
|
}
|
|
.spremenljivka[data-vrstni_red="1"] .naslov{
|
|
color: white;
|
|
padding: 20px 0;
|
|
font-size: 14px !Important;
|
|
font-weight: normal !important;
|
|
}
|
|
/*.spremenljivka[data-vrstni_red="1"] .naslov:before {
|
|
content: "Spoštovani,";
|
|
font-weight: bold;
|
|
}*/
|
|
.spremenljivka[data-vrstni_red="1"] .naslov p {
|
|
padding-top: 10px;
|
|
}
|
|
|
|
/* Kako zadovoljni... */
|
|
.spremenljivka[data-vrstni_red="2"]{
|
|
}
|
|
.spremenljivka[data-vrstni_red="2"] .variable_holder{
|
|
}
|
|
.spremenljivka[data-vrstni_red="2"] .naslov{
|
|
font-size: 16px !Important;
|
|
}
|
|
.spremenljivka[data-vrstni_red="2"] table col.space{
|
|
width: 0px;
|
|
}
|
|
.spremenljivka[data-vrstni_red="2"] table.grid_table tbody tr:nth-child(2n+1){
|
|
background-color: white;
|
|
}
|
|
.spremenljivka[data-vrstni_red="2"] table.grid_table tbody tr:nth-child(2n+1) td{
|
|
border-bottom: 2px #1a4859 solid;
|
|
}
|
|
|
|
/* Ali ste se predhodno pozanimali... */
|
|
.spremenljivka[data-vrstni_red="3"]{
|
|
border-bottom: 0;
|
|
}
|
|
.spremenljivka[data-vrstni_red="3"] .variable_holder{
|
|
}
|
|
.spremenljivka[data-vrstni_red="3"] .naslov{
|
|
font-size: 16px !Important;
|
|
}
|
|
|
|
.spremenljivka[data-vrstni_red="4"]{
|
|
border-bottom: 0;
|
|
}
|
|
.spremenljivka[data-vrstni_red="4"] .variable_holder{
|
|
}
|
|
.spremenljivka[data-vrstni_red="4"] .variable_holder .variabla{
|
|
}
|
|
.spremenljivka[data-vrstni_red="4"] .naslov{
|
|
font-size: 14px !Important;
|
|
}
|
|
|
|
.spremenljivka[data-vrstni_red="5"]{
|
|
border-bottom: 0;
|
|
}
|
|
.spremenljivka[data-vrstni_red="5"] .variable_holder{
|
|
}
|
|
.spremenljivka[data-vrstni_red="5"] .naslov{
|
|
font-size: 14px !Important;
|
|
}
|
|
|
|
.spremenljivka[data-vrstni_red="6"]{
|
|
border-bottom: 0;
|
|
}
|
|
.spremenljivka[data-vrstni_red="6"] .variable_holder{
|
|
}
|
|
.spremenljivka[data-vrstni_red="6"] .naslov{
|
|
font-size: 14px !Important;
|
|
}
|
|
|
|
/* Ali bi zeleli... */
|
|
.spremenljivka[data-vrstni_red="7"]{
|
|
border-top: 2px #1a4859 solid;
|
|
}
|
|
.spremenljivka[data-vrstni_red="7"] .variable_holder{
|
|
}
|
|
.spremenljivka[data-vrstni_red="7"] .naslov{
|
|
font-size: 16px !Important;
|
|
}
|
|
|
|
/* Za potrebe analiz */
|
|
.spremenljivka[data-vrstni_red="8"]{
|
|
border-bottom: 0;
|
|
}
|
|
.spremenljivka[data-vrstni_red="8"] .variable_holder{
|
|
}
|
|
.spremenljivka[data-vrstni_red="8"] .naslov{
|
|
font-size: 16px !Important;
|
|
}
|
|
|
|
.spremenljivka[data-vrstni_red="9"]{
|
|
border-bottom: 0;
|
|
}
|
|
.spremenljivka[data-vrstni_red="9"] .variable_holder{
|
|
}
|
|
.spremenljivka[data-vrstni_red="9"] .naslov{
|
|
font-size: 14px !Important;
|
|
}
|
|
|
|
.spremenljivka[data-vrstni_red="10"]{
|
|
}
|
|
.spremenljivka[data-vrstni_red="10"] .variable_holder{
|
|
}
|
|
.spremenljivka[data-vrstni_red="10"] .naslov{
|
|
font-size: 14px !Important;
|
|
}
|
|
|
|
/* ZAKLJUCEK */
|
|
.spremenljivka[data-vrstni_red="11"]{
|
|
background-color: #1a4859;
|
|
}
|
|
.spremenljivka[data-vrstni_red="11"] .naslov{
|
|
padding-top: 20px;
|
|
|
|
color: white !important;
|
|
background-color: #1a4859;
|
|
|
|
text-align: center;
|
|
font-size: 13px !important;
|
|
font-weight: normal !important;
|
|
}
|
|
.spremenljivka[data-vrstni_red="11"] .naslov:before {
|
|
content: "Hvala za sodelovanje!";
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
}
|
|
.spremenljivka[data-vrstni_red="11"] .naslov p {
|
|
padding-top: 10px;
|
|
}
|
|
|
|
|
|
|
|
/* POSEBEJ UVOD IN ZAKLJUCEK */
|
|
#outercontainer.intro .spremenljivka,
|
|
#outercontainer.concl .spremenljivka{
|
|
padding-bottom: 20px !important;
|
|
}
|
|
#outercontainer.intro .spremenljivka .naslov,
|
|
#outercontainer.concl .spremenljivka .naslov{
|
|
font-size: 14px !important;
|
|
font-weight: normal !important;
|
|
|
|
padding-top: 10px;
|
|
text-align: center;
|
|
}
|
|
|
|
#outercontainer.intro .spremenljivka .naslov:before {
|
|
content: "Spoštovani,";
|
|
font-weight: bold;
|
|
line-height: 50px;
|
|
}
|
|
#outercontainer.concl .spremenljivka .naslov:before {
|
|
content: "Hvala za sodelovanje!";
|
|
font-weight: bold;
|
|
line-height: 50px;
|
|
}
|
|
|
|
|
|
|
|
/* GUMBI NAPREJ/NAZAJ */
|
|
.buttons{
|
|
padding-top: 20px;
|
|
padding-bottom: 10px;
|
|
background-color: #1a4859;
|
|
}
|
|
.buttons .prev,
|
|
.buttons .next{
|
|
cursor: pointer;
|
|
|
|
padding: 7px 13px;
|
|
margin-left: 5px;
|
|
margin-right: 5px;
|
|
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
color: #1a4859;
|
|
|
|
border: 0;
|
|
border-radius: 4px;
|
|
-moz-border-radius: 4px 4px 4px 4px;
|
|
-webkit-border-radius: 4px;
|
|
}
|
|
div.buttons input.next:hover {
|
|
background-color: #ffeb28;
|
|
border: 1px solid #ffeb28;
|
|
}
|
|
div.buttons input.next {
|
|
background-color: #ffcb08;
|
|
border: 1px solid #ffcb08;
|
|
|
|
margin: 20px auto 0 auto;
|
|
display: block;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* FOOTER */
|
|
#footer_survey{
|
|
font-size: 12px;
|
|
font-weight: normal;
|
|
text-decoration: none;
|
|
color: #455a64;
|
|
|
|
background-color: #1a4859;
|
|
}
|
|
#footer_survey p{
|
|
display: none;
|
|
}
|
|
|
|
|
|
/* LOGO */
|
|
#container #logo{
|
|
display: none !important;
|
|
}
|
|
#footer_survey #logo {
|
|
display: block;
|
|
position: relative;
|
|
|
|
width: 226px;
|
|
height: 46px;
|
|
|
|
margin: 10px auto 20px auto;
|
|
left: 0;
|
|
right: 0;
|
|
|
|
background: url("MJU/logo_full.png") no-repeat scroll 0 0 transparent;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
#footer_survey #logo a {
|
|
display: block;
|
|
width: 226px;
|
|
height: 46px;
|
|
text-indent: -9999px;
|
|
overflow: hidden;
|
|
}
|
|
/* Desni del samo za skine Otroci3 in Otroci4 */
|
|
#footer_survey #logo #logo_right{
|
|
display: none;
|
|
}
|