554 lines
9.9 KiB
CSS
554 lines
9.9 KiB
CSS
/* tema za MJU vprasalnik */
|
|
|
|
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
|
|
color: #1a4859;
|
|
font-size: 100%;
|
|
|
|
background-color: #2b6175;
|
|
}
|
|
body.preview, body.testdata{
|
|
margin-top: 26px;
|
|
}
|
|
|
|
#outercontainer {
|
|
width: 100%;
|
|
height: 1690px;
|
|
margin: 0 auto;
|
|
padding-top: 100px;
|
|
|
|
/*background: #ffffff url('1ka/header_new2.png') top left repeat-x;*/
|
|
background: url('MJU/mju3.png') top center no-repeat;
|
|
}
|
|
#outercontainer.intro {
|
|
height: 730px;
|
|
padding-top: 100px;
|
|
|
|
background: url('MJU/mju3u.png') top center no-repeat;
|
|
}
|
|
#outercontainer.concl {
|
|
height: 730px;
|
|
padding-top: 100px;
|
|
|
|
background: url('MJU/mju3z.png') top center no-repeat;
|
|
}
|
|
|
|
|
|
#container {
|
|
position: relative;
|
|
|
|
width: 100%;
|
|
max-width: 980px;
|
|
margin: 0px auto 10px;
|
|
}
|
|
|
|
|
|
/* Warning bar (preview, cookie) */
|
|
#cookie_alert, #test_alert {
|
|
height: 26px;
|
|
|
|
font-size: 13px;
|
|
line-height: 25px;
|
|
color: #ffffff;
|
|
|
|
background-color: #fe9c5c;
|
|
border-bottom: 1px solid #fe9c5c;
|
|
}
|
|
#cookie_alert a, #test_alert a {
|
|
text-decoration: none;
|
|
font-weight: bold;
|
|
color: #ffffff;
|
|
}
|
|
#cookie_alert a:hover, #test_alert a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
#cookie_alert span, #test_alert span {
|
|
color: #ffffff;
|
|
}
|
|
#cookie_alert span a, #test_alert span a {
|
|
color: #ffffff;
|
|
font-weight: normal;
|
|
}
|
|
|
|
|
|
/* Header - logo, naslov, progressbar */
|
|
h1,
|
|
#progress_bar,
|
|
#logo {
|
|
display: none;
|
|
}
|
|
|
|
|
|
/* Spremenljivke */
|
|
.spremenljivka {
|
|
/*margin: 20px 10px 20px 10px;
|
|
padding: 10px 2px 15px 12px !important;*/
|
|
|
|
position: absolute !important;
|
|
margin: 0;
|
|
padding: 0 0 0 70px !important;
|
|
}
|
|
.spremenljivka .naslov{
|
|
/*font-size: 14px !important;*/
|
|
font-weight: bold !important;
|
|
}
|
|
|
|
/* UVOD */
|
|
.spremenljivka[data-vrstni_red="1"]{
|
|
top: 65px;
|
|
padding: 0 0 0 50px !important;
|
|
}
|
|
.spremenljivka[data-vrstni_red="1"] .naslov{
|
|
font-size: 14px;
|
|
}
|
|
|
|
/* Kako zadovoljni... */
|
|
.spremenljivka[data-vrstni_red="2"]{
|
|
top: 260px;
|
|
}
|
|
.spremenljivka[data-vrstni_red="2"] .variable_holder{
|
|
padding-top: 0;
|
|
}
|
|
.spremenljivka[data-vrstni_red="2"] .naslov{
|
|
padding-bottom: 0 !important;
|
|
font-size: 20px;
|
|
}
|
|
.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"]{
|
|
top: 500px;
|
|
}
|
|
.spremenljivka[data-vrstni_red="3"] .variable_holder{
|
|
}
|
|
.spremenljivka[data-vrstni_red="3"] .naslov{
|
|
font-size: 20px;
|
|
}
|
|
|
|
.spremenljivka[data-vrstni_red="4"]{
|
|
top: 635px;
|
|
}
|
|
.spremenljivka[data-vrstni_red="4"] .variable_holder{
|
|
padding-top: 0;
|
|
}
|
|
.spremenljivka[data-vrstni_red="4"] .variable_holder .variabla{
|
|
padding-top: 0 !important;
|
|
padding-bottom: 3px !important;
|
|
width: 600px;
|
|
}
|
|
.spremenljivka[data-vrstni_red="4"] .naslov{
|
|
font-size: 16px;
|
|
}
|
|
|
|
.spremenljivka[data-vrstni_red="5"]{
|
|
top: 795px;
|
|
}
|
|
.spremenljivka[data-vrstni_red="5"] .variable_holder{
|
|
padding-top: 0;
|
|
}
|
|
.spremenljivka[data-vrstni_red="5"] .naslov{
|
|
font-size: 16px;
|
|
}
|
|
|
|
.spremenljivka[data-vrstni_red="6"]{
|
|
top: 890px;
|
|
}
|
|
.spremenljivka[data-vrstni_red="6"] .variable_holder{
|
|
padding-top: 0;
|
|
}
|
|
.spremenljivka[data-vrstni_red="6"] .naslov{
|
|
font-size: 16px;
|
|
}
|
|
|
|
/* Ali bi zeleli... */
|
|
.spremenljivka[data-vrstni_red="7"]{
|
|
top: 1023px;
|
|
}
|
|
.spremenljivka[data-vrstni_red="7"] .variable_holder{
|
|
padding-top: 0px !important;
|
|
}
|
|
.spremenljivka[data-vrstni_red="7"] .naslov{
|
|
font-size: 20px;
|
|
}
|
|
|
|
/* Za potrebe analiz */
|
|
.spremenljivka[data-vrstni_red="8"]{
|
|
top: 1180px;
|
|
}
|
|
.spremenljivka[data-vrstni_red="8"] .variable_holder{
|
|
}
|
|
.spremenljivka[data-vrstni_red="8"] .naslov{
|
|
font-size: 20px;
|
|
}
|
|
|
|
.spremenljivka[data-vrstni_red="9"]{
|
|
top: 1250px;
|
|
}
|
|
.spremenljivka[data-vrstni_red="9"] .variable_holder{
|
|
width: 300px;
|
|
padding-top: 0px !important;
|
|
}
|
|
.spremenljivka[data-vrstni_red="9"] .naslov{
|
|
margin-right: 0;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.spremenljivka[data-vrstni_red="10"]{
|
|
top: 1300px;
|
|
}
|
|
.spremenljivka[data-vrstni_red="10"] .variable_holder{
|
|
width: 700px;
|
|
padding-top: 0px !important;
|
|
}
|
|
.spremenljivka[data-vrstni_red="10"] .naslov{
|
|
margin-right: 0;
|
|
font-size: 16px;
|
|
}
|
|
|
|
/* ZAKLJUCEK */
|
|
.spremenljivka[data-vrstni_red="11"]{
|
|
top: 1410px;
|
|
padding: 0 0 0 190px !important;
|
|
}
|
|
.spremenljivka[data-vrstni_red="11"] .naslov{
|
|
color: white !important;
|
|
font-size: 14px;
|
|
}
|
|
|
|
|
|
/* POSEBEJ UVOD */
|
|
#outercontainer.intro .spremenljivka{
|
|
top: 160px;
|
|
/*padding: 0 0 0 190px !important;*/
|
|
}
|
|
#outercontainer.intro .spremenljivka .naslov{
|
|
font-size: 14px;
|
|
}
|
|
#outercontainer.intro div.buttons {
|
|
top: 450px !important;
|
|
}
|
|
|
|
|
|
|
|
/* POSEBEJ ZAKLJUCEK */
|
|
#outercontainer.concl .spremenljivka{
|
|
top: 160px;
|
|
/*padding: 0 0 0 190px !important;*/
|
|
}
|
|
#outercontainer.concl .spremenljivka .naslov{
|
|
font-size: 14px;
|
|
}
|
|
#outercontainer.concl div.buttons {
|
|
top: 450px !important;
|
|
}
|
|
|
|
|
|
|
|
|
|
.spremenljivka.limited{
|
|
outline: 1px #F15A24 solid;
|
|
}
|
|
.required, .required_require, .required_limit {
|
|
outline: 1px #F15A24 solid;
|
|
}
|
|
|
|
.spremenljivka .naslov{
|
|
padding-left: 5px;
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
}
|
|
.spremenljivka .naslov .spremenljivka_info{
|
|
font-size: 70%;
|
|
color: #1a4859;
|
|
}
|
|
|
|
.spremenljivka .counter{
|
|
font-size: 16px;
|
|
}
|
|
|
|
div.variabla,
|
|
td.variabla,
|
|
td.question,
|
|
td.differential{
|
|
font-size: 14px;
|
|
}
|
|
|
|
div.variable_holder {
|
|
padding: 10px 0 0 0;
|
|
}
|
|
|
|
div.variable_holder thead {
|
|
font-weight: normal;
|
|
font-size: 14px;
|
|
}
|
|
div.variable_holder thead td{
|
|
padding: 10px 5px;
|
|
}
|
|
table.grid_table tbody tr:nth-child(2n+1) {
|
|
background-color: #EFF2F7;
|
|
}
|
|
table.grid_table td {
|
|
padding: 7px 10px;
|
|
}
|
|
|
|
/* ranking */
|
|
.dropzone{
|
|
border-top: 1px #dfe2e7 solid;
|
|
margin-top: 12px;
|
|
padding-top: 17px;
|
|
}
|
|
table.ranking_table ul{
|
|
margin-top: 19px;
|
|
}
|
|
.ranking,
|
|
.ranking_long,
|
|
.handle,
|
|
.handle_long,
|
|
.ime,
|
|
.izbran,
|
|
.frame_ranking,
|
|
.frame_ranking_hover,
|
|
.frame_dropping,
|
|
.frame_dropping_hover,
|
|
.frame_moving{
|
|
font-size: 13px;
|
|
padding: 7px 10px 9px;
|
|
|
|
border: 2px solid #0c377a;
|
|
background-color: #ffffff;
|
|
border-radius: 2px 2px !important;
|
|
}
|
|
div.variable_holder .frame_ranking_hover{
|
|
border: 2px #0c377a solid;
|
|
background-color: #eff2f7;
|
|
border-radius: 2px 2px !important;
|
|
}
|
|
div.variable_holder .frame_ranking,
|
|
div.variable_holder .frame_moving,
|
|
div.variable_holder .frame_dropping,
|
|
div.variable_holder .frame_dropping_hover{
|
|
text-indent: -35px;
|
|
|
|
border: 2px #a0aec1 solid;
|
|
background-color: #eff2f7;
|
|
border-radius: 2px 2px !important;
|
|
}
|
|
table.ranking_table b{
|
|
font-size: 13px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.frame_dropping {
|
|
padding: 7px 10px 9px;
|
|
}
|
|
.frame_dropping_box {
|
|
padding: 7px 10px 9px;
|
|
}
|
|
|
|
|
|
|
|
span.reminder {
|
|
left: 3px;
|
|
}
|
|
|
|
/* Textboxi, textarea, select */
|
|
input[type="text"], textarea, select{
|
|
padding: 5px 7px;
|
|
border-radius: 3px;
|
|
border: 1px #9fa2a7 solid;
|
|
background-color: #fff;
|
|
}
|
|
|
|
/* Koledar */
|
|
.ui-datepicker{
|
|
font-size: 14px;
|
|
}
|
|
|
|
/* Slider */
|
|
.grupa .spremenljivka .ui-slider-pips .ui-slider-pip{
|
|
color: #455a64;
|
|
}
|
|
.grupa .spremenljivka .slider.ui-widget-content{
|
|
background-color: #a0aec1 !important;
|
|
background-image: none !important;
|
|
border: 0;
|
|
}
|
|
.grupa .spremenljivka .ui-slider-horizontal{
|
|
height: 13px;
|
|
}
|
|
.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 !important;
|
|
background-image: none !important;
|
|
}
|
|
.grupa .spremenljivka .ui-slider-handle:active{
|
|
background-color: #0c377a !important;
|
|
}
|
|
.grupa .spremenljivka .sliderText{
|
|
padding-top: 2px;
|
|
|
|
color: white;
|
|
|
|
background-color: #a0aec1;
|
|
border: 0;
|
|
}
|
|
.grupa .spremenljivka .sliderText::after{
|
|
border-color: #a0aec1 transparent;
|
|
}
|
|
|
|
/* Warning levo od vprasanja */
|
|
.validation_alert {
|
|
position: absolute;
|
|
z-index: 51;
|
|
|
|
top: 20px;
|
|
left: -150px;
|
|
width: 130px;
|
|
min-height: 29px;
|
|
margin: 0;
|
|
|
|
text-align: center;
|
|
font-size: 11px;
|
|
line-height: 14px;
|
|
|
|
background-color: #eff2f7;
|
|
|
|
border: 2px solid red;
|
|
padding: 4px 7px;
|
|
border-radius: 4px;
|
|
box-shadow: none;
|
|
}
|
|
|
|
|
|
|
|
/* Gumbi na dnu */
|
|
div.buttons {
|
|
position: absolute;
|
|
top: 1410px;
|
|
padding: 30px 20px 35px;
|
|
margin: 0 10px;
|
|
width: 100%;
|
|
}
|
|
div.buttons input {
|
|
cursor: pointer;
|
|
|
|
margin: 8px 10px;
|
|
/*padding: 7px 11px;*/
|
|
padding: 10px 15px;
|
|
|
|
text-align: center;
|
|
/*font-size: 15px;*/
|
|
font-size: 15px;
|
|
font-weight: bold;
|
|
color: #1a4859;
|
|
|
|
border-radius: 4px;
|
|
border: 0;
|
|
}
|
|
div.buttons input.next {
|
|
background-color: #ffcb08;
|
|
border: 1px solid #ffcb08;
|
|
}
|
|
div.buttons input.next:hover {
|
|
background-color: #ffeb28;
|
|
border: 1px solid #ffeb28;
|
|
}
|
|
div.buttons input.prev {
|
|
color: #0c377a;
|
|
background-color: #eff2f7;
|
|
border: 1px solid #dfe2e7;
|
|
}
|
|
div.buttons input.prev:hover {
|
|
color: #fff;
|
|
background-color: #2b6175;
|
|
border: 1px solid #fff;
|
|
}
|
|
|
|
|
|
/* Footer */
|
|
#footer_survey {
|
|
display: none;
|
|
}
|
|
|
|
|
|
/* awesome radio in checkboxi */
|
|
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;
|
|
}
|
|
|
|
.drag_and_drop {
|
|
top: -9px;
|
|
left: -12px;
|
|
}
|
|
|
|
.drag_and_drop_right{
|
|
top: -9px!important;
|
|
left: -12px!important;
|
|
}
|
|
|
|
.frame_dropping_titles {
|
|
width: 240px;
|
|
padding: 5px;
|
|
margin: 0px auto 0px auto;
|
|
height: 15px;
|
|
text-align: center;
|
|
background-color: #FFFFFF;
|
|
border-top: 2px solid #b9c5d9;
|
|
border-left: 2px solid #b9c5d9;
|
|
border-right: 2px solid #b9c5d9;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.drag_and_drop_box {
|
|
top: -9px;
|
|
left: -12px;
|
|
}
|
|
|
|
.drag_and_drop_box_right{
|
|
top: 19px!important;
|
|
left: -12px!important;
|
|
}
|
|
|
|
.drag_and_drop_box_right_after_refresh{
|
|
/*top: 44px!important;*/
|
|
left: -12px!important;
|
|
}
|
|
|
|
.drag_and_drop_box_right_over{
|
|
left: -12px!important;
|
|
}
|
|
|
|
.drag_and_drop_box img {
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.frame_dropping_titles_box {
|
|
width: 240px;
|
|
padding: 5px;
|
|
margin: 0px auto 0px auto;
|
|
height: 15px;
|
|
text-align: center;
|
|
background-color: #FFFFFF;
|
|
font-size: 13px;
|
|
} |