may/1KA_F2F
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Redesign - popravki tem anket - nov font, razmiki...

Browse Source
This commit is contained in:
pero1203 2022-10-25 11:36:14 +02:00
parent ce8feae5e1
commit f53bc21061
51 changed files with 673 additions and 640 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
admin/survey/index.php
View File

@ -139,7 +139,6 @@
// Fonts // Fonts
echo '<link type="text/css" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,500,500i,600,600i,700,700i&subset=latin-ext" rel="stylesheet">'; echo '<link type="text/css" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,500,500i,600,600i,700,700i&subset=latin-ext" rel="stylesheet">';
//echo '<link type="text/css" href="https://fonts.googleapis.com/css?family=Montserrat:400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext" rel="stylesheet" />';
?> ?>
<!--[if lt IE 7]> <!--[if lt IE 7]>

8
main/survey/app/Controllers/HeaderController.php
View File

@ -189,13 +189,11 @@ class HeaderController extends Controller
// tukaj nalozimo CSS za jquery in template temo // tukaj nalozimo CSS za jquery in template temo
echo ' <link href="' . self::$site_url . 'admin/survey/minify/g=cssfrontend?v=' . $rowv['value'] . '" rel="stylesheet">' . "\n"; echo ' <link href="' . self::$site_url . 'admin/survey/minify/g=cssfrontend?v=' . $rowv['value'] . '" rel="stylesheet">' . "\n";
//nalozimo stringe iz langa za JS // nalozimo stringe iz langa za JS
echo '<script type="text/javascript" src="' . self::$site_url . 'admin/survey/script/js-lang.php?lang=' . ($row['lang_admin'] == 1 ? 'si' : 'en') . '&amp;v=' . $rowv['value'] . '"></script>' . "\n"; echo '<script type="text/javascript" src="' . self::$site_url . 'admin/survey/script/js-lang.php?lang=' . ($row['lang_admin'] == 1 ? 'si' : 'en') . '&amp;v=' . $rowv['value'] . '"></script>' . "\n";
// nalozimo open sans fonte za nov design // nalozimo source sans pro fonte za nov design
echo '<link type="text/css" href="https://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,600,700&subset=latin,latin-ext" rel="stylesheet" />'; echo '<link type="text/css" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,500,500i,600,600i,700,700i&subset=latin-ext" rel="stylesheet">';
/*echo '<link type="text/css" href="https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=latin,latin-ext" rel="stylesheet">';*/
echo '<link type="text/css" href="https://fonts.googleapis.com/css?family=Montserrat:400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext" rel="stylesheet" />';
// CSS mobile skin za telefone in tablice // CSS mobile skin za telefone in tablice

93
main/survey/skins/1kaBlack.css
View File

@ -6,13 +6,14 @@
/* /*
Osnovna tema ankete - 1ka - brez definiranih barv Osnovna tema ankete - 1ka - brez definiranih barv
*/ */
/* Barve */
/* Fonti */ /* Fonti */
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
color: #505050; color: #333333;
font-size: 100%; font-size: 100%;
font-family: Montserrat, Arial, Sans-Serif !important; font-family: Source Sans Pro, sans-serif !important;
background: #ffffff; background: #ffffff;
} }
@ -28,13 +29,13 @@ body.preview, body.testdata {
position: absolute; position: absolute;
width: 100%; width: 100%;
height: 80px; height: 80px;
border-bottom: 6px #333333 solid; border-bottom: 2px #333333 solid;
} }
#outercontainer #container { #outercontainer #container {
position: relative; position: relative;
width: 100%; width: 100%;
max-width: 1200px; max-width: 1200px;
margin: 0px auto 10px; margin: 0px auto;
} }
/* Warning bar (preview, cookie) */ /* Warning bar (preview, cookie) */
@ -69,12 +70,14 @@ body.preview, body.testdata {
/* Header - logo, naslov, progressbar */ /* Header - logo, naslov, progressbar */
h1 { h1 {
margin: 0px auto 30px; margin: 0px auto;
padding: 120px 0 50px 0; padding: 114px 0 32px 0;
font-size: 28px; font-size: 32px;
font-weight: 600;
line-height: 40px;
color: #333333; color: #333333;
text-align: center; text-align: center;
border-bottom: 1px solid #eaeaea; border-bottom: 1px solid #E5E5E5;
} }
h1.evalvacija { h1.evalvacija {
@ -83,7 +86,7 @@ h1.evalvacija {
#logo { #logo {
right: auto; right: auto;
left: 25px; left: 0;
top: 13px; top: 13px;
max-height: 56px !important; max-height: 56px !important;
background: url("../../../public/img/logo/1ka_logo_slo.svg"); background: url("../../../public/img/logo/1ka_logo_slo.svg");
@ -148,21 +151,28 @@ h1.evalvacija {
color: #595959; color: #595959;
} }
/* Uvod in zakljucek */
.intro .spremenljivka .naslov,
.concl .spremenljivka .naslov {
margin: 0;
}
/* Spremenljivke */ /* Spremenljivke */
.spremenljivka { .spremenljivka {
margin: 20px 10px 20px 10px; margin: 0;
padding: 20px 2px 50px 12px !important; padding: 48px 0 !important;
border-bottom: 1px #eaeaea solid; border-bottom: 1px #E5E5E5 solid;
} }
.spremenljivka .naslov { .spremenljivka .naslov {
padding: 5px 0 15px 5px; padding: 0 !important;
font-size: 18px; margin: 0 0 24px 0;
font-size: 20px;
font-weight: 600; font-weight: 600;
} }
.spremenljivka .naslov .spremenljivka_info { .spremenljivka .naslov .spremenljivka_info {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
padding-top: 7px; padding-top: 8px;
} }
.spremenljivka .sequence_number { .spremenljivka .sequence_number {
background-color: #eaeaea; background-color: #eaeaea;
@ -201,41 +211,41 @@ td.variabla,
td.question, td.question,
td.differential, td.differential,
.variabla_sum label { .variabla_sum label {
font-size: 14px; font-size: 16px;
} }
div.variable_holder { div.variable_holder {
padding: 10px 0 0 0; padding: 0 !important;
}
div.variable_holder .variabla {
padding: 0;
margin-bottom: 16px;
}
div.variable_holder .variabla:last-child {
margin-bottom: 0;
} }
div.variable_holder thead, div.variable_holder thead,
div.variable_holder tr.table-header { div.variable_holder tr.table-header {
font-weight: normal; font-weight: normal;
font-size: 14px; font-size: 16px;
} }
div.variable_holder thead td, div.variable_holder thead td,
div.variable_holder tr.table-header td { div.variable_holder tr.table-header td {
padding: 10px 5px; padding: 10px 5px;
} }
table.grid_table thead tr td {
border-bottom: 2px #444444 solid;
}
table.grid_table thead tr.middle_row td {
border-top: 2px #444444 solid;
}
table.grid_table tbody tr.table-header td { table.grid_table tbody tr.table-header td {
border-bottom: 2px #444444 solid;
border-top: 2px #444444 solid; border-top: 2px #444444 solid;
background-color: #ffffff; background-color: #ffffff;
} }
table.grid_table tbody tr:nth-child(2n+1) { table.grid_table tbody tr:nth-child(2n+1) {
background-color: #ffffff;
}
table.grid_table tbody tr:nth-child(2n) {
background-color: #eaeaea; background-color: #eaeaea;
} }
table.grid_table tbody tr:nth-child(2n) {
background-color: #ffffff;
}
table.grid_table td { table.grid_table td {
padding: 10px 10px; padding: 12px 16px;
} }
span.reminder { span.reminder {
@ -244,7 +254,7 @@ span.reminder {
/* Textboxi, textarea, select */ /* Textboxi, textarea, select */
input, textarea, select { input, textarea, select {
font-family: Montserrat, Arial, Sans-Serif !important; font-family: Source Sans Pro, sans-serif !important;
} }
input[type=text], textarea, select { input[type=text], textarea, select {
@ -334,7 +344,7 @@ button.ui-datepicker-trigger:hover, button.ui-datepicker-trigger:focus {
/* Slider */ /* Slider */
.grupa .spremenljivka .ui-slider-pips .ui-slider-pip { .grupa .spremenljivka .ui-slider-pips .ui-slider-pip {
color: #505050; color: #333333;
} }
.grupa .spremenljivka .slider.ui-widget-content { .grupa .spremenljivka .slider.ui-widget-content {
/*background-color: $color_light !important;*/ /*background-color: $color_light !important;*/
@ -359,7 +369,7 @@ button.ui-datepicker-trigger:hover, button.ui-datepicker-trigger:focus {
} }
.grupa .spremenljivka .sliderText { .grupa .spremenljivka .sliderText {
padding-top: 2px; padding-top: 2px;
color: #505050; color: #333333;
background-color: #444444; background-color: #444444;
border: 0; border: 0;
} }
@ -388,21 +398,20 @@ button.ui-datepicker-trigger:hover, button.ui-datepicker-trigger:focus {
/* Gumbi na dnu */ /* Gumbi na dnu */
div.buttons { div.buttons {
padding: 20px 20px 35px; padding: 64px 0;
margin: 0 10px; margin: 0;
} }
div.buttons input { div.buttons input {
cursor: pointer; cursor: pointer;
margin: 8px 10px; margin: 8px 10px;
/*padding: 7px 11px;*/ padding: 0 32px;
padding: 10px 20px; height: 40px;
text-align: center; text-align: center;
font-size: 12px; font-size: 16px;
letter-spacing: 1px;
font-weight: 600; font-weight: 600;
color: #FFFFFF; color: #FFFFFF;
border-radius: 20px;
border: 0; border: 0;
transition: 0.3s;
} }
div.buttons input.next { div.buttons input.next {
background-color: #333333; background-color: #333333;
@ -424,12 +433,12 @@ div.buttons input.prev:hover, div.buttons input.prev:focus {
/* Footer */ /* Footer */
#footer_survey { #footer_survey {
padding: 40px; padding: 48px 0 64px 0;
background-color: #ffffff; background-color: #ffffff;
border-top: 1px #eaeaea solid; border-top: 1px #E5E5E5 solid;
} }
#footer_survey p, #footer_survey a, #footer_survey a:visited { #footer_survey p, #footer_survey a, #footer_survey a:visited {
color: #505050; color: #333333;
font-size: 14px; font-size: 14px;
line-height: 25px; line-height: 25px;
font-weight: 400; font-weight: 400;

121
main/survey/skins/1kaBlue.css
View File

@ -6,13 +6,14 @@
/* /*
Osnovna tema ankete - 1ka - brez definiranih barv Osnovna tema ankete - 1ka - brez definiranih barv
*/ */
/* Barve */
/* Fonti */ /* Fonti */
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
color: #505050; color: #333333;
font-size: 100%; font-size: 100%;
font-family: Montserrat, Arial, Sans-Serif !important; font-family: Source Sans Pro, sans-serif !important;
background: #ffffff; background: #ffffff;
} }
@ -28,13 +29,13 @@ body.preview, body.testdata {
position: absolute; position: absolute;
width: 100%; width: 100%;
height: 80px; height: 80px;
border-bottom: 6px #1e88e5 solid; border-bottom: 2px #1e88e5 solid;
} }
#outercontainer #container { #outercontainer #container {
position: relative; position: relative;
width: 100%; width: 100%;
max-width: 1200px; max-width: 1200px;
margin: 0px auto 10px; margin: 0px auto;
} }
/* Warning bar (preview, cookie) */ /* Warning bar (preview, cookie) */
@ -69,12 +70,14 @@ body.preview, body.testdata {
/* Header - logo, naslov, progressbar */ /* Header - logo, naslov, progressbar */
h1 { h1 {
margin: 0px auto 30px; margin: 0px auto;
padding: 120px 0 50px 0; padding: 114px 0 32px 0;
font-size: 28px; font-size: 32px;
font-weight: 600;
line-height: 40px;
color: #1e88e5; color: #1e88e5;
text-align: center; text-align: center;
border-bottom: 1px solid #ddeffd; border-bottom: 1px solid #E5E5E5;
} }
h1.evalvacija { h1.evalvacija {
@ -83,7 +86,7 @@ h1.evalvacija {
#logo { #logo {
right: auto; right: auto;
left: 25px; left: 0;
top: 13px; top: 13px;
max-height: 56px !important; max-height: 56px !important;
background: url("../../../public/img/logo/1ka_logo_slo.svg"); background: url("../../../public/img/logo/1ka_logo_slo.svg");
@ -133,43 +136,50 @@ h1.evalvacija {
text-decoration: none; text-decoration: none;
} }
.header_settings_holder .progress_bar p a:hover { .header_settings_holder .progress_bar p a:hover {
color: #ffa608; color: #1360a4;
} }
.header_settings_holder .continue_later_setting a { .header_settings_holder .continue_later_setting a {
color: #1e88e5; color: #1e88e5;
} }
.header_settings_holder .continue_later_setting a:hover { .header_settings_holder .continue_later_setting a:hover {
color: #ffa608; color: #1360a4;
} }
.header_settings_holder .tawk_chat a { .header_settings_holder .tawk_chat a {
color: #1e88e5; color: #1e88e5;
} }
.header_settings_holder .tawk_chat a:hover { .header_settings_holder .tawk_chat a:hover {
color: #ffa608; color: #1360a4;
}
/* Uvod in zakljucek */
.intro .spremenljivka .naslov,
.concl .spremenljivka .naslov {
margin: 0;
} }
/* Spremenljivke */ /* Spremenljivke */
.spremenljivka { .spremenljivka {
margin: 20px 10px 20px 10px; margin: 0;
padding: 20px 2px 50px 12px !important; padding: 48px 0 !important;
border-bottom: 1px #ddeffd solid; border-bottom: 1px #E5E5E5 solid;
} }
.spremenljivka .naslov { .spremenljivka .naslov {
padding: 5px 0 15px 5px; padding: 0 !important;
font-size: 18px; margin: 0 0 24px 0;
font-size: 20px;
font-weight: 600; font-weight: 600;
} }
.spremenljivka .naslov .spremenljivka_info { .spremenljivka .naslov .spremenljivka_info {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
padding-top: 7px; padding-top: 8px;
} }
.spremenljivka .sequence_number { .spremenljivka .sequence_number {
background-color: #ddeffd; background-color: #F1F8FD;
color: #42A5F5; color: #42A5F5;
} }
.spremenljivka .sequence_number:hover { .spremenljivka .sequence_number:hover {
background-color: #add8fb; background-color: #c4e2f7;
} }
.spremenljivka .sequence_number.active { .spremenljivka .sequence_number.active {
background-color: #42A5F5; background-color: #42A5F5;
@ -185,7 +195,7 @@ h1.evalvacija {
color: #1e88e5; color: #1e88e5;
} }
.spremenljivka .arrow:hover { .spremenljivka .arrow:hover {
color: #ffa608; color: #1360a4;
} }
.spremenljivka.limited { .spremenljivka.limited {
@ -201,41 +211,41 @@ td.variabla,
td.question, td.question,
td.differential, td.differential,
.variabla_sum label { .variabla_sum label {
font-size: 14px; font-size: 16px;
} }
div.variable_holder { div.variable_holder {
padding: 10px 0 0 0; padding: 0 !important;
}
div.variable_holder .variabla {
padding: 0;
margin-bottom: 16px;
}
div.variable_holder .variabla:last-child {
margin-bottom: 0;
} }
div.variable_holder thead, div.variable_holder thead,
div.variable_holder tr.table-header { div.variable_holder tr.table-header {
font-weight: normal; font-weight: normal;
font-size: 14px; font-size: 16px;
} }
div.variable_holder thead td, div.variable_holder thead td,
div.variable_holder tr.table-header td { div.variable_holder tr.table-header td {
padding: 10px 5px; padding: 10px 5px;
} }
table.grid_table thead tr td {
border-bottom: 2px #42A5F5 solid;
}
table.grid_table thead tr.middle_row td {
border-top: 2px #42A5F5 solid;
}
table.grid_table tbody tr.table-header td { table.grid_table tbody tr.table-header td {
border-bottom: 2px #42A5F5 solid;
border-top: 2px #42A5F5 solid; border-top: 2px #42A5F5 solid;
background-color: #ffffff; background-color: #ffffff;
} }
table.grid_table tbody tr:nth-child(2n+1) { table.grid_table tbody tr:nth-child(2n+1) {
background-color: #ffffff; background-color: #F1F8FD;
} }
table.grid_table tbody tr:nth-child(2n) { table.grid_table tbody tr:nth-child(2n) {
background-color: #ddeffd; background-color: #ffffff;
} }
table.grid_table td { table.grid_table td {
padding: 10px 10px; padding: 12px 16px;
} }
span.reminder { span.reminder {
@ -244,7 +254,7 @@ span.reminder {
/* Textboxi, textarea, select */ /* Textboxi, textarea, select */
input, textarea, select { input, textarea, select {
font-family: Montserrat, Arial, Sans-Serif !important; font-family: Source Sans Pro, sans-serif !important;
} }
input[type=text], textarea, select { input[type=text], textarea, select {
@ -257,7 +267,7 @@ input[type=text], textarea, select {
/* ranking */ /* ranking */
.dropzone { .dropzone {
border-top: 1px #ddeffd solid; border-top: 1px #F1F8FD solid;
margin-top: 12px; margin-top: 12px;
padding-top: 17px; padding-top: 17px;
} }
@ -289,7 +299,7 @@ table.ranking_table ul {
div.variable_holder .frame_ranking_hover { div.variable_holder .frame_ranking_hover {
border: 2px #1e88e5 solid; border: 2px #1e88e5 solid;
background-color: #ddeffd; background-color: #F1F8FD;
} }
div.variable_holder .frame_ranking, div.variable_holder .frame_ranking,
@ -298,7 +308,7 @@ div.variable_holder .frame_dropping,
div.variable_holder .frame_dropping_hover { div.variable_holder .frame_dropping_hover {
text-indent: -35px; text-indent: -35px;
border: 2px #42A5F5 solid; border: 2px #42A5F5 solid;
background-color: #ddeffd; background-color: #F1F8FD;
} }
table.ranking_table b { table.ranking_table b {
@ -314,10 +324,10 @@ button.record_foto::before {
color: #1e88e5; color: #1e88e5;
} }
button.record_foto:hover, button.record_foto:focus { button.record_foto:hover, button.record_foto:focus {
border-color: #ffa608; border-color: #1360a4;
} }
button.record_foto:hover::before, button.record_foto:focus::before { button.record_foto:hover::before, button.record_foto:focus::before {
color: #ffa608; color: #1360a4;
} }
/* Koledar */ /* Koledar */
@ -329,12 +339,12 @@ button.ui-datepicker-trigger {
color: #1e88e5; color: #1e88e5;
} }
button.ui-datepicker-trigger:hover, button.ui-datepicker-trigger:focus { button.ui-datepicker-trigger:hover, button.ui-datepicker-trigger:focus {
color: #ffa608; color: #1360a4;
} }
/* Slider */ /* Slider */
.grupa .spremenljivka .ui-slider-pips .ui-slider-pip { .grupa .spremenljivka .ui-slider-pips .ui-slider-pip {
color: #505050; color: #333333;
} }
.grupa .spremenljivka .slider.ui-widget-content { .grupa .spremenljivka .slider.ui-widget-content {
/*background-color: $color_light !important;*/ /*background-color: $color_light !important;*/
@ -359,7 +369,7 @@ button.ui-datepicker-trigger:hover, button.ui-datepicker-trigger:focus {
} }
.grupa .spremenljivka .sliderText { .grupa .spremenljivka .sliderText {
padding-top: 2px; padding-top: 2px;
color: #505050; color: #333333;
background-color: #42A5F5; background-color: #42A5F5;
border: 0; border: 0;
} }
@ -379,7 +389,7 @@ button.ui-datepicker-trigger:hover, button.ui-datepicker-trigger:focus {
text-align: center; text-align: center;
font-size: 11px; font-size: 11px;
line-height: 14px; line-height: 14px;
background-color: #ddeffd; background-color: #F1F8FD;
border: 2px solid red; border: 2px solid red;
padding: 4px 7px; padding: 4px 7px;
border-radius: 4px; border-radius: 4px;
@ -388,29 +398,28 @@ button.ui-datepicker-trigger:hover, button.ui-datepicker-trigger:focus {
/* Gumbi na dnu */ /* Gumbi na dnu */
div.buttons { div.buttons {
padding: 20px 20px 35px; padding: 64px 0;
margin: 0 10px; margin: 0;
} }
div.buttons input { div.buttons input {
cursor: pointer; cursor: pointer;
margin: 8px 10px; margin: 8px 10px;
/*padding: 7px 11px;*/ padding: 0 32px;
padding: 10px 20px; height: 40px;
text-align: center; text-align: center;
font-size: 12px; font-size: 16px;
letter-spacing: 1px;
font-weight: 600; font-weight: 600;
color: #FFFFFF; color: #FFFFFF;
border-radius: 20px;
border: 0; border: 0;
transition: 0.3s;
} }
div.buttons input.next { div.buttons input.next {
background-color: #1e88e5; background-color: #1e88e5;
border: 1px solid #1e88e5; border: 1px solid #1e88e5;
} }
div.buttons input.next:hover, div.buttons input.next:focus { div.buttons input.next:hover, div.buttons input.next:focus {
background-color: #ffa608; background-color: #1360a4;
border: 1px solid #ffa608; border: 1px solid #1360a4;
} }
div.buttons input.prev { div.buttons input.prev {
color: #1e88e5; color: #1e88e5;
@ -424,12 +433,12 @@ div.buttons input.prev:hover, div.buttons input.prev:focus {
/* Footer */ /* Footer */
#footer_survey { #footer_survey {
padding: 40px; padding: 48px 0 64px 0;
background-color: #ffffff; background-color: #ffffff;
border-top: 1px #ddeffd solid; border-top: 1px #E5E5E5 solid;
} }
#footer_survey p, #footer_survey a, #footer_survey a:visited { #footer_survey p, #footer_survey a, #footer_survey a:visited {
color: #505050; color: #333333;
font-size: 14px; font-size: 14px;
line-height: 25px; line-height: 25px;
font-weight: 400; font-weight: 400;

93
main/survey/skins/1kaGreen.css
View File

@ -6,13 +6,14 @@
/* /*
Osnovna tema ankete - 1ka - brez definiranih barv Osnovna tema ankete - 1ka - brez definiranih barv
*/ */
/* Barve */
/* Fonti */ /* Fonti */
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
color: #505050; color: #333333;
font-size: 100%; font-size: 100%;
font-family: Montserrat, Arial, Sans-Serif !important; font-family: Source Sans Pro, sans-serif !important;
background: #ffffff; background: #ffffff;
} }
@ -28,13 +29,13 @@ body.preview, body.testdata {
position: absolute; position: absolute;
width: 100%; width: 100%;
height: 80px; height: 80px;
border-bottom: 6px #2e7d3a solid; border-bottom: 2px #2e7d3a solid;
} }
#outercontainer #container { #outercontainer #container {
position: relative; position: relative;
width: 100%; width: 100%;
max-width: 1200px; max-width: 1200px;
margin: 0px auto 10px; margin: 0px auto;
} }
/* Warning bar (preview, cookie) */ /* Warning bar (preview, cookie) */
@ -69,12 +70,14 @@ body.preview, body.testdata {
/* Header - logo, naslov, progressbar */ /* Header - logo, naslov, progressbar */
h1 { h1 {
margin: 0px auto 30px; margin: 0px auto;
padding: 120px 0 50px 0; padding: 114px 0 32px 0;
font-size: 28px; font-size: 32px;
font-weight: 600;
line-height: 40px;
color: #2e7d3a; color: #2e7d3a;
text-align: center; text-align: center;
border-bottom: 1px solid #e2f2e2; border-bottom: 1px solid #E5E5E5;
} }
h1.evalvacija { h1.evalvacija {
@ -83,7 +86,7 @@ h1.evalvacija {
#logo { #logo {
right: auto; right: auto;
left: 25px; left: 0;
top: 13px; top: 13px;
max-height: 56px !important; max-height: 56px !important;
background: url("../../../public/img/logo/1ka_logo_slo.svg"); background: url("../../../public/img/logo/1ka_logo_slo.svg");
@ -148,21 +151,28 @@ h1.evalvacija {
color: #43b554; color: #43b554;
} }
/* Uvod in zakljucek */
.intro .spremenljivka .naslov,
.concl .spremenljivka .naslov {
margin: 0;
}
/* Spremenljivke */ /* Spremenljivke */
.spremenljivka { .spremenljivka {
margin: 20px 10px 20px 10px; margin: 0;
padding: 20px 2px 50px 12px !important; padding: 48px 0 !important;
border-bottom: 1px #e2f2e2 solid; border-bottom: 1px #E5E5E5 solid;
} }
.spremenljivka .naslov { .spremenljivka .naslov {
padding: 5px 0 15px 5px; padding: 0 !important;
font-size: 18px; margin: 0 0 24px 0;
font-size: 20px;
font-weight: 600; font-weight: 600;
} }
.spremenljivka .naslov .spremenljivka_info { .spremenljivka .naslov .spremenljivka_info {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
padding-top: 7px; padding-top: 8px;
} }
.spremenljivka .sequence_number { .spremenljivka .sequence_number {
background-color: #e2f2e2; background-color: #e2f2e2;
@ -201,41 +211,41 @@ td.variabla,
td.question, td.question,
td.differential, td.differential,
.variabla_sum label { .variabla_sum label {
font-size: 14px; font-size: 16px;
} }
div.variable_holder { div.variable_holder {
padding: 10px 0 0 0; padding: 0 !important;
}
div.variable_holder .variabla {
padding: 0;
margin-bottom: 16px;
}
div.variable_holder .variabla:last-child {
margin-bottom: 0;
} }
div.variable_holder thead, div.variable_holder thead,
div.variable_holder tr.table-header { div.variable_holder tr.table-header {
font-weight: normal; font-weight: normal;
font-size: 14px; font-size: 16px;
} }
div.variable_holder thead td, div.variable_holder thead td,
div.variable_holder tr.table-header td { div.variable_holder tr.table-header td {
padding: 10px 5px; padding: 10px 5px;
} }
table.grid_table thead tr td {
border-bottom: 2px #66bb6a solid;
}
table.grid_table thead tr.middle_row td {
border-top: 2px #66bb6a solid;
}
table.grid_table tbody tr.table-header td { table.grid_table tbody tr.table-header td {
border-bottom: 2px #66bb6a solid;
border-top: 2px #66bb6a solid; border-top: 2px #66bb6a solid;
background-color: #ffffff; background-color: #ffffff;
} }
table.grid_table tbody tr:nth-child(2n+1) { table.grid_table tbody tr:nth-child(2n+1) {
background-color: #ffffff;
}
table.grid_table tbody tr:nth-child(2n) {
background-color: #e2f2e2; background-color: #e2f2e2;
} }
table.grid_table tbody tr:nth-child(2n) {
background-color: #ffffff;
}
table.grid_table td { table.grid_table td {
padding: 10px 10px; padding: 12px 16px;
} }
span.reminder { span.reminder {
@ -244,7 +254,7 @@ span.reminder {
/* Textboxi, textarea, select */ /* Textboxi, textarea, select */
input, textarea, select { input, textarea, select {
font-family: Montserrat, Arial, Sans-Serif !important; font-family: Source Sans Pro, sans-serif !important;
} }
input[type=text], textarea, select { input[type=text], textarea, select {
@ -334,7 +344,7 @@ button.ui-datepicker-trigger:hover, button.ui-datepicker-trigger:focus {
/* Slider */ /* Slider */
.grupa .spremenljivka .ui-slider-pips .ui-slider-pip { .grupa .spremenljivka .ui-slider-pips .ui-slider-pip {
color: #505050; color: #333333;
} }
.grupa .spremenljivka .slider.ui-widget-content { .grupa .spremenljivka .slider.ui-widget-content {
/*background-color: $color_light !important;*/ /*background-color: $color_light !important;*/
@ -359,7 +369,7 @@ button.ui-datepicker-trigger:hover, button.ui-datepicker-trigger:focus {
} }
.grupa .spremenljivka .sliderText { .grupa .spremenljivka .sliderText {
padding-top: 2px; padding-top: 2px;
color: #505050; color: #333333;
background-color: #66bb6a; background-color: #66bb6a;
border: 0; border: 0;
} }
@ -388,21 +398,20 @@ button.ui-datepicker-trigger:hover, button.ui-datepicker-trigger:focus {
/* Gumbi na dnu */ /* Gumbi na dnu */
div.buttons { div.buttons {
padding: 20px 20px 35px; padding: 64px 0;
margin: 0 10px; margin: 0;
} }
div.buttons input { div.buttons input {
cursor: pointer; cursor: pointer;
margin: 8px 10px; margin: 8px 10px;
/*padding: 7px 11px;*/ padding: 0 32px;
padding: 10px 20px; height: 40px;
text-align: center; text-align: center;
font-size: 12px; font-size: 16px;
letter-spacing: 1px;
font-weight: 600; font-weight: 600;
color: #FFFFFF; color: #FFFFFF;
border-radius: 20px;
border: 0; border: 0;
transition: 0.3s;
} }
div.buttons input.next { div.buttons input.next {
background-color: #2e7d3a; background-color: #2e7d3a;
@ -424,12 +433,12 @@ div.buttons input.prev:hover, div.buttons input.prev:focus {
/* Footer */ /* Footer */
#footer_survey { #footer_survey {
padding: 40px; padding: 48px 0 64px 0;
background-color: #ffffff; background-color: #ffffff;
border-top: 1px #e2f2e2 solid; border-top: 1px #E5E5E5 solid;
} }
#footer_survey p, #footer_survey a, #footer_survey a:visited { #footer_survey p, #footer_survey a, #footer_survey a:visited {
color: #505050; color: #333333;
font-size: 14px; font-size: 14px;
line-height: 25px; line-height: 25px;
font-weight: 400; font-weight: 400;

93
main/survey/skins/1kaNature.css
View File

@ -6,13 +6,14 @@
/* /*
Osnovna tema ankete - 1ka - brez definiranih barv Osnovna tema ankete - 1ka - brez definiranih barv
*/ */
/* Barve */
/* Fonti */ /* Fonti */
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
color: #505050; color: #333333;
font-size: 100%; font-size: 100%;
font-family: Montserrat, Arial, Sans-Serif !important; font-family: Source Sans Pro, sans-serif !important;
background: #ffffff; background: #ffffff;
} }
@ -28,13 +29,13 @@ body.preview, body.testdata {
position: absolute; position: absolute;
width: 100%; width: 100%;
height: 80px; height: 80px;
border-bottom: 6px #1e88e5 solid; border-bottom: 2px #1e88e5 solid;
} }
#outercontainer #container { #outercontainer #container {
position: relative; position: relative;
width: 100%; width: 100%;
max-width: 1200px; max-width: 1200px;
margin: 0px auto 10px; margin: 0px auto;
} }
/* Warning bar (preview, cookie) */ /* Warning bar (preview, cookie) */
@ -69,12 +70,14 @@ body.preview, body.testdata {
/* Header - logo, naslov, progressbar */ /* Header - logo, naslov, progressbar */
h1 { h1 {
margin: 0px auto 30px; margin: 0px auto;
padding: 120px 0 50px 0; padding: 114px 0 32px 0;
font-size: 28px; font-size: 32px;
font-weight: 600;
line-height: 40px;
color: #505050; color: #505050;
text-align: center; text-align: center;
border-bottom: 1px solid #ddeffd; border-bottom: 1px solid #E5E5E5;
} }
h1.evalvacija { h1.evalvacija {
@ -83,7 +86,7 @@ h1.evalvacija {
#logo { #logo {
right: auto; right: auto;
left: 25px; left: 0;
top: 13px; top: 13px;
max-height: 56px !important; max-height: 56px !important;
background: url("../../../public/img/logo/1ka_logo_slo.svg"); background: url("../../../public/img/logo/1ka_logo_slo.svg");
@ -148,21 +151,28 @@ h1.evalvacija {
color: #ffa608; color: #ffa608;
} }
/* Uvod in zakljucek */
.intro .spremenljivka .naslov,
.concl .spremenljivka .naslov {
margin: 0;
}
/* Spremenljivke */ /* Spremenljivke */
.spremenljivka { .spremenljivka {
margin: 20px 10px 20px 10px; margin: 0;
padding: 20px 2px 50px 12px !important; padding: 48px 0 !important;
border-bottom: 1px #ddeffd solid; border-bottom: 1px #E5E5E5 solid;
} }
.spremenljivka .naslov { .spremenljivka .naslov {
padding: 5px 0 15px 5px; padding: 0 !important;
font-size: 18px; margin: 0 0 24px 0;
font-size: 20px;
font-weight: 600; font-weight: 600;
} }
.spremenljivka .naslov .spremenljivka_info { .spremenljivka .naslov .spremenljivka_info {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
padding-top: 7px; padding-top: 8px;
} }
.spremenljivka .sequence_number { .spremenljivka .sequence_number {
background-color: #ddeffd; background-color: #ddeffd;
@ -201,41 +211,41 @@ td.variabla,
td.question, td.question,
td.differential, td.differential,
.variabla_sum label { .variabla_sum label {
font-size: 14px; font-size: 16px;
} }
div.variable_holder { div.variable_holder {
padding: 10px 0 0 0; padding: 0 !important;
}
div.variable_holder .variabla {
padding: 0;
margin-bottom: 16px;
}
div.variable_holder .variabla:last-child {
margin-bottom: 0;
} }
div.variable_holder thead, div.variable_holder thead,
div.variable_holder tr.table-header { div.variable_holder tr.table-header {
font-weight: normal; font-weight: normal;
font-size: 14px; font-size: 16px;
} }
div.variable_holder thead td, div.variable_holder thead td,
div.variable_holder tr.table-header td { div.variable_holder tr.table-header td {
padding: 10px 5px; padding: 10px 5px;
} }
table.grid_table thead tr td {
border-bottom: 2px #42A5F5 solid;
}
table.grid_table thead tr.middle_row td {
border-top: 2px #42A5F5 solid;
}
table.grid_table tbody tr.table-header td { table.grid_table tbody tr.table-header td {
border-bottom: 2px #42A5F5 solid;
border-top: 2px #42A5F5 solid; border-top: 2px #42A5F5 solid;
background-color: #ffffff; background-color: #ffffff;
} }
table.grid_table tbody tr:nth-child(2n+1) { table.grid_table tbody tr:nth-child(2n+1) {
background-color: #ffffff;
}
table.grid_table tbody tr:nth-child(2n) {
background-color: #ddeffd; background-color: #ddeffd;
} }
table.grid_table tbody tr:nth-child(2n) {
background-color: #ffffff;
}
table.grid_table td { table.grid_table td {
padding: 10px 10px; padding: 12px 16px;
} }
span.reminder { span.reminder {
@ -244,7 +254,7 @@ span.reminder {
/* Textboxi, textarea, select */ /* Textboxi, textarea, select */
input, textarea, select { input, textarea, select {
font-family: Montserrat, Arial, Sans-Serif !important; font-family: Source Sans Pro, sans-serif !important;
} }
input[type=text], textarea, select { input[type=text], textarea, select {
@ -334,7 +344,7 @@ button.ui-datepicker-trigger:hover, button.ui-datepicker-trigger:focus {
/* Slider */ /* Slider */
.grupa .spremenljivka .ui-slider-pips .ui-slider-pip { .grupa .spremenljivka .ui-slider-pips .ui-slider-pip {
color: #505050; color: #333333;
} }
.grupa .spremenljivka .slider.ui-widget-content { .grupa .spremenljivka .slider.ui-widget-content {
/*background-color: $color_light !important;*/ /*background-color: $color_light !important;*/
@ -359,7 +369,7 @@ button.ui-datepicker-trigger:hover, button.ui-datepicker-trigger:focus {
} }
.grupa .spremenljivka .sliderText { .grupa .spremenljivka .sliderText {
padding-top: 2px; padding-top: 2px;
color: #505050; color: #333333;
background-color: #42A5F5; background-color: #42A5F5;
border: 0; border: 0;
} }
@ -388,21 +398,20 @@ button.ui-datepicker-trigger:hover, button.ui-datepicker-trigger:focus {
/* Gumbi na dnu */ /* Gumbi na dnu */
div.buttons { div.buttons {
padding: 20px 20px 35px; padding: 64px 0;
margin: 0 10px; margin: 0;
} }
div.buttons input { div.buttons input {
cursor: pointer; cursor: pointer;
margin: 8px 10px; margin: 8px 10px;
/*padding: 7px 11px;*/ padding: 0 32px;
padding: 10px 20px; height: 40px;
text-align: center; text-align: center;
font-size: 12px; font-size: 16px;
letter-spacing: 1px;
font-weight: 600; font-weight: 600;
color: #FFFFFF; color: #FFFFFF;
border-radius: 20px;
border: 0; border: 0;
transition: 0.3s;
} }
div.buttons input.next { div.buttons input.next {
background-color: #1e88e5; background-color: #1e88e5;
@ -424,12 +433,12 @@ div.buttons input.prev:hover, div.buttons input.prev:focus {
/* Footer */ /* Footer */
#footer_survey { #footer_survey {
padding: 40px; padding: 48px 0 64px 0;
background-color: #ffffff; background-color: #ffffff;
border-top: 1px #ddeffd solid; border-top: 1px #E5E5E5 solid;
} }
#footer_survey p, #footer_survey a, #footer_survey a:visited { #footer_survey p, #footer_survey a, #footer_survey a:visited {
color: #505050; color: #333333;
font-size: 14px; font-size: 14px;
line-height: 25px; line-height: 25px;
font-weight: 400; font-weight: 400;

93
main/survey/skins/1kaOffice.css
View File

@ -6,13 +6,14 @@
/* /*
Osnovna tema ankete - 1ka - brez definiranih barv Osnovna tema ankete - 1ka - brez definiranih barv
*/ */
/* Barve */
/* Fonti */ /* Fonti */
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
color: #505050; color: #333333;
font-size: 100%; font-size: 100%;
font-family: Montserrat, Arial, Sans-Serif !important; font-family: Source Sans Pro, sans-serif !important;
background: #ffffff; background: #ffffff;
} }
@ -28,13 +29,13 @@ body.preview, body.testdata {
position: absolute; position: absolute;
width: 100%; width: 100%;
height: 80px; height: 80px;
border-bottom: 6px #1e88e5 solid; border-bottom: 2px #1e88e5 solid;
} }
#outercontainer #container { #outercontainer #container {
position: relative; position: relative;
width: 100%; width: 100%;
max-width: 1200px; max-width: 1200px;
margin: 0px auto 10px; margin: 0px auto;
} }
/* Warning bar (preview, cookie) */ /* Warning bar (preview, cookie) */
@ -69,12 +70,14 @@ body.preview, body.testdata {
/* Header - logo, naslov, progressbar */ /* Header - logo, naslov, progressbar */
h1 { h1 {
margin: 0px auto 30px; margin: 0px auto;
padding: 120px 0 50px 0; padding: 114px 0 32px 0;
font-size: 28px; font-size: 32px;
font-weight: 600;
line-height: 40px;
color: #505050; color: #505050;
text-align: center; text-align: center;
border-bottom: 1px solid #ddeffd; border-bottom: 1px solid #E5E5E5;
} }
h1.evalvacija { h1.evalvacija {
@ -83,7 +86,7 @@ h1.evalvacija {
#logo { #logo {
right: auto; right: auto;
left: 25px; left: 0;
top: 13px; top: 13px;
max-height: 56px !important; max-height: 56px !important;
background: url("../../../public/img/logo/1ka_logo_slo.svg"); background: url("../../../public/img/logo/1ka_logo_slo.svg");
@ -148,21 +151,28 @@ h1.evalvacija {
color: #ffa608; color: #ffa608;
} }
/* Uvod in zakljucek */
.intro .spremenljivka .naslov,
.concl .spremenljivka .naslov {
margin: 0;
}
/* Spremenljivke */ /* Spremenljivke */
.spremenljivka { .spremenljivka {
margin: 20px 10px 20px 10px; margin: 0;
padding: 20px 2px 50px 12px !important; padding: 48px 0 !important;
border-bottom: 1px #ddeffd solid; border-bottom: 1px #E5E5E5 solid;
} }
.spremenljivka .naslov { .spremenljivka .naslov {
padding: 5px 0 15px 5px; padding: 0 !important;
font-size: 18px; margin: 0 0 24px 0;
font-size: 20px;
font-weight: 600; font-weight: 600;
} }
.spremenljivka .naslov .spremenljivka_info { .spremenljivka .naslov .spremenljivka_info {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
padding-top: 7px; padding-top: 8px;
} }
.spremenljivka .sequence_number { .spremenljivka .sequence_number {
background-color: #ddeffd; background-color: #ddeffd;
@ -201,41 +211,41 @@ td.variabla,
td.question, td.question,
td.differential, td.differential,
.variabla_sum label { .variabla_sum label {
font-size: 14px; font-size: 16px;
} }
div.variable_holder { div.variable_holder {
padding: 10px 0 0 0; padding: 0 !important;
}
div.variable_holder .variabla {
padding: 0;
margin-bottom: 16px;
}
div.variable_holder .variabla:last-child {
margin-bottom: 0;
} }
div.variable_holder thead, div.variable_holder thead,
div.variable_holder tr.table-header { div.variable_holder tr.table-header {
font-weight: normal; font-weight: normal;
font-size: 14px; font-size: 16px;
} }
div.variable_holder thead td, div.variable_holder thead td,
div.variable_holder tr.table-header td { div.variable_holder tr.table-header td {
padding: 10px 5px; padding: 10px 5px;
} }
table.grid_table thead tr td {
border-bottom: 2px #42A5F5 solid;
}
table.grid_table thead tr.middle_row td {
border-top: 2px #42A5F5 solid;
}
table.grid_table tbody tr.table-header td { table.grid_table tbody tr.table-header td {
border-bottom: 2px #42A5F5 solid;
border-top: 2px #42A5F5 solid; border-top: 2px #42A5F5 solid;
background-color: #ffffff; background-color: #ffffff;
} }
table.grid_table tbody tr:nth-child(2n+1) { table.grid_table tbody tr:nth-child(2n+1) {
background-color: #ffffff;
}
table.grid_table tbody tr:nth-child(2n) {
background-color: #ddeffd; background-color: #ddeffd;
} }
table.grid_table tbody tr:nth-child(2n) {
background-color: #ffffff;
}
table.grid_table td { table.grid_table td {
padding: 10px 10px; padding: 12px 16px;
} }
span.reminder { span.reminder {
@ -244,7 +254,7 @@ span.reminder {
/* Textboxi, textarea, select */ /* Textboxi, textarea, select */
input, textarea, select { input, textarea, select {
font-family: Montserrat, Arial, Sans-Serif !important; font-family: Source Sans Pro, sans-serif !important;
} }
input[type=text], textarea, select { input[type=text], textarea, select {
@ -334,7 +344,7 @@ button.ui-datepicker-trigger:hover, button.ui-datepicker-trigger:focus {
/* Slider */ /* Slider */
.grupa .spremenljivka .ui-slider-pips .ui-slider-pip { .grupa .spremenljivka .ui-slider-pips .ui-slider-pip {
color: #505050; color: #333333;
} }
.grupa .spremenljivka .slider.ui-widget-content { .grupa .spremenljivka .slider.ui-widget-content {
/*background-color: $color_light !important;*/ /*background-color: $color_light !important;*/
@ -359,7 +369,7 @@ button.ui-datepicker-trigger:hover, button.ui-datepicker-trigger:focus {
} }
.grupa .spremenljivka .sliderText { .grupa .spremenljivka .sliderText {
padding-top: 2px; padding-top: 2px;
color: #505050; color: #333333;
background-color: #42A5F5; background-color: #42A5F5;
border: 0; border: 0;
} }
@ -388,21 +398,20 @@ button.ui-datepicker-trigger:hover, button.ui-datepicker-trigger:focus {
/* Gumbi na dnu */ /* Gumbi na dnu */
div.buttons { div.buttons {
padding: 20px 20px 35px; padding: 64px 0;
margin: 0 10px; margin: 0;
} }
div.buttons input { div.buttons input {
cursor: pointer; cursor: pointer;
margin: 8px 10px; margin: 8px 10px;
/*padding: 7px 11px;*/ padding: 0 32px;
padding: 10px 20px; height: 40px;
text-align: center; text-align: center;
font-size: 12px; font-size: 16px;
letter-spacing: 1px;
font-weight: 600; font-weight: 600;
color: #FFFFFF; color: #FFFFFF;
border-radius: 20px;
border: 0; border: 0;
transition: 0.3s;
} }
div.buttons input.next { div.buttons input.next {
background-color: #1e88e5; background-color: #1e88e5;
@ -424,12 +433,12 @@ div.buttons input.prev:hover, div.buttons input.prev:focus {
/* Footer */ /* Footer */
#footer_survey { #footer_survey {
padding: 40px; padding: 48px 0 64px 0;
background-color: #ffffff; background-color: #ffffff;
border-top: 1px #ddeffd solid; border-top: 1px #E5E5E5 solid;
} }
#footer_survey p, #footer_survey a, #footer_survey a:visited { #footer_survey p, #footer_survey a, #footer_survey a:visited {
color: #505050; color: #333333;
font-size: 14px; font-size: 14px;
line-height: 25px; line-height: 25px;
font-weight: 400; font-weight: 400;

93
main/survey/skins/1kaOrange.css
View File

@ -6,13 +6,14 @@
/* /*
Osnovna tema ankete - 1ka - brez definiranih barv Osnovna tema ankete - 1ka - brez definiranih barv
*/ */
/* Barve */
/* Fonti */ /* Fonti */
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
color: #505050; color: #333333;
font-size: 100%; font-size: 100%;
font-family: Montserrat, Arial, Sans-Serif !important; font-family: Source Sans Pro, sans-serif !important;
background: #ffffff; background: #ffffff;
} }
@ -28,13 +29,13 @@ body.preview, body.testdata {
position: absolute; position: absolute;
width: 100%; width: 100%;
height: 80px; height: 80px;
border-bottom: 6px #ef6c00 solid; border-bottom: 2px #ef6c00 solid;
} }
#outercontainer #container { #outercontainer #container {
position: relative; position: relative;
width: 100%; width: 100%;
max-width: 1200px; max-width: 1200px;
margin: 0px auto 10px; margin: 0px auto;
} }
/* Warning bar (preview, cookie) */ /* Warning bar (preview, cookie) */
@ -69,12 +70,14 @@ body.preview, body.testdata {
/* Header - logo, naslov, progressbar */ /* Header - logo, naslov, progressbar */
h1 { h1 {
margin: 0px auto 30px; margin: 0px auto;
padding: 120px 0 50px 0; padding: 114px 0 32px 0;
font-size: 28px; font-size: 32px;
font-weight: 600;
line-height: 40px;
color: #ef6c00; color: #ef6c00;
text-align: center; text-align: center;
border-bottom: 1px solid #ffe9c9; border-bottom: 1px solid #E5E5E5;
} }
h1.evalvacija { h1.evalvacija {
@ -83,7 +86,7 @@ h1.evalvacija {
#logo { #logo {
right: auto; right: auto;
left: 25px; left: 0;
top: 13px; top: 13px;
max-height: 56px !important; max-height: 56px !important;
background: url("../../../public/img/logo/1ka_logo_slo.svg"); background: url("../../../public/img/logo/1ka_logo_slo.svg");
@ -148,21 +151,28 @@ h1.evalvacija {
color: #ff943d; color: #ff943d;
} }
/* Uvod in zakljucek */
.intro .spremenljivka .naslov,
.concl .spremenljivka .naslov {
margin: 0;
}
/* Spremenljivke */ /* Spremenljivke */
.spremenljivka { .spremenljivka {
margin: 20px 10px 20px 10px; margin: 0;
padding: 20px 2px 50px 12px !important; padding: 48px 0 !important;
border-bottom: 1px #ffe9c9 solid; border-bottom: 1px #E5E5E5 solid;
} }
.spremenljivka .naslov { .spremenljivka .naslov {
padding: 5px 0 15px 5px; padding: 0 !important;
font-size: 18px; margin: 0 0 24px 0;
font-size: 20px;
font-weight: 600; font-weight: 600;
} }
.spremenljivka .naslov .spremenljivka_info { .spremenljivka .naslov .spremenljivka_info {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
padding-top: 7px; padding-top: 8px;
} }
.spremenljivka .sequence_number { .spremenljivka .sequence_number {
background-color: #ffe9c9; background-color: #ffe9c9;
@ -201,41 +211,41 @@ td.variabla,
td.question, td.question,
td.differential, td.differential,
.variabla_sum label { .variabla_sum label {
font-size: 14px; font-size: 16px;
} }
div.variable_holder { div.variable_holder {
padding: 10px 0 0 0; padding: 0 !important;
}
div.variable_holder .variabla {
padding: 0;
margin-bottom: 16px;
}
div.variable_holder .variabla:last-child {
margin-bottom: 0;
} }
div.variable_holder thead, div.variable_holder thead,
div.variable_holder tr.table-header { div.variable_holder tr.table-header {
font-weight: normal; font-weight: normal;
font-size: 14px; font-size: 16px;
} }
div.variable_holder thead td, div.variable_holder thead td,
div.variable_holder tr.table-header td { div.variable_holder tr.table-header td {
padding: 10px 5px; padding: 10px 5px;
} }
table.grid_table thead tr td {
border-bottom: 2px #ffa726 solid;
}
table.grid_table thead tr.middle_row td {
border-top: 2px #ffa726 solid;
}
table.grid_table tbody tr.table-header td { table.grid_table tbody tr.table-header td {
border-bottom: 2px #ffa726 solid;
border-top: 2px #ffa726 solid; border-top: 2px #ffa726 solid;
background-color: #ffffff; background-color: #ffffff;
} }
table.grid_table tbody tr:nth-child(2n+1) { table.grid_table tbody tr:nth-child(2n+1) {
background-color: #ffffff;
}
table.grid_table tbody tr:nth-child(2n) {
background-color: #ffe9c9; background-color: #ffe9c9;
} }
table.grid_table tbody tr:nth-child(2n) {
background-color: #ffffff;
}
table.grid_table td { table.grid_table td {
padding: 10px 10px; padding: 12px 16px;
} }
span.reminder { span.reminder {
@ -244,7 +254,7 @@ span.reminder {
/* Textboxi, textarea, select */ /* Textboxi, textarea, select */
input, textarea, select { input, textarea, select {
font-family: Montserrat, Arial, Sans-Serif !important; font-family: Source Sans Pro, sans-serif !important;
} }
input[type=text], textarea, select { input[type=text], textarea, select {
@ -334,7 +344,7 @@ button.ui-datepicker-trigger:hover, button.ui-datepicker-trigger:focus {
/* Slider */ /* Slider */
.grupa .spremenljivka .ui-slider-pips .ui-slider-pip { .grupa .spremenljivka .ui-slider-pips .ui-slider-pip {
color: #505050; color: #333333;
} }
.grupa .spremenljivka .slider.ui-widget-content { .grupa .spremenljivka .slider.ui-widget-content {
/*background-color: $color_light !important;*/ /*background-color: $color_light !important;*/
@ -359,7 +369,7 @@ button.ui-datepicker-trigger:hover, button.ui-datepicker-trigger:focus {
} }
.grupa .spremenljivka .sliderText { .grupa .spremenljivka .sliderText {
padding-top: 2px; padding-top: 2px;
color: #505050; color: #333333;
background-color: #ffa726; background-color: #ffa726;
border: 0; border: 0;
} }
@ -388,21 +398,20 @@ button.ui-datepicker-trigger:hover, button.ui-datepicker-trigger:focus {
/* Gumbi na dnu */ /* Gumbi na dnu */
div.buttons { div.buttons {
padding: 20px 20px 35px; padding: 64px 0;
margin: 0 10px; margin: 0;
} }
div.buttons input { div.buttons input {
cursor: pointer; cursor: pointer;
margin: 8px 10px; margin: 8px 10px;
/*padding: 7px 11px;*/ padding: 0 32px;
padding: 10px 20px; height: 40px;
text-align: center; text-align: center;
font-size: 12px; font-size: 16px;
letter-spacing: 1px;
font-weight: 600; font-weight: 600;
color: #FFFFFF; color: #FFFFFF;
border-radius: 20px;
border: 0; border: 0;
transition: 0.3s;
} }
div.buttons input.next { div.buttons input.next {
background-color: #ef6c00; background-color: #ef6c00;
@ -424,12 +433,12 @@ div.buttons input.prev:hover, div.buttons input.prev:focus {
/* Footer */ /* Footer */
#footer_survey { #footer_survey {
padding: 40px; padding: 48px 0 64px 0;
background-color: #ffffff; background-color: #ffffff;
border-top: 1px #ffe9c9 solid; border-top: 1px #E5E5E5 solid;
} }
#footer_survey p, #footer_survey a, #footer_survey a:visited { #footer_survey p, #footer_survey a, #footer_survey a:visited {
color: #505050; color: #333333;
font-size: 14px; font-size: 14px;
line-height: 25px; line-height: 25px;
font-weight: 400; font-weight: 400;

93
main/survey/skins/1kaPurple.css
View File

@ -6,13 +6,14 @@
/* /*
Osnovna tema ankete - 1ka - brez definiranih barv Osnovna tema ankete - 1ka - brez definiranih barv
*/ */
/* Barve */
/* Fonti */ /* Fonti */
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
color: #505050; color: #333333;
font-size: 100%; font-size: 100%;
font-family: Montserrat, Arial, Sans-Serif !important; font-family: Source Sans Pro, sans-serif !important;
background: #ffffff; background: #ffffff;
} }
@ -28,13 +29,13 @@ body.preview, body.testdata {
position: absolute; position: absolute;
width: 100%; width: 100%;
height: 80px; height: 80px;
border-bottom: 6px #4527a0 solid; border-bottom: 2px #4527a0 solid;
} }
#outercontainer #container { #outercontainer #container {
position: relative; position: relative;
width: 100%; width: 100%;
max-width: 1200px; max-width: 1200px;
margin: 0px auto 10px; margin: 0px auto;
} }
/* Warning bar (preview, cookie) */ /* Warning bar (preview, cookie) */
@ -69,12 +70,14 @@ body.preview, body.testdata {
/* Header - logo, naslov, progressbar */ /* Header - logo, naslov, progressbar */
h1 { h1 {
margin: 0px auto 30px; margin: 0px auto;
padding: 120px 0 50px 0; padding: 114px 0 32px 0;
font-size: 28px; font-size: 32px;
font-weight: 600;
line-height: 40px;
color: #4527a0; color: #4527a0;
text-align: center; text-align: center;
border-bottom: 1px solid #e3daf2; border-bottom: 1px solid #E5E5E5;
} }
h1.evalvacija { h1.evalvacija {
@ -83,7 +86,7 @@ h1.evalvacija {
#logo { #logo {
right: auto; right: auto;
left: 25px; left: 0;
top: 13px; top: 13px;
max-height: 56px !important; max-height: 56px !important;
background: url("../../../public/img/logo/1ka_logo_slo.svg"); background: url("../../../public/img/logo/1ka_logo_slo.svg");
@ -148,21 +151,28 @@ h1.evalvacija {
color: #6642d1; color: #6642d1;
} }
/* Uvod in zakljucek */
.intro .spremenljivka .naslov,
.concl .spremenljivka .naslov {
margin: 0;
}
/* Spremenljivke */ /* Spremenljivke */
.spremenljivka { .spremenljivka {
margin: 20px 10px 20px 10px; margin: 0;
padding: 20px 2px 50px 12px !important; padding: 48px 0 !important;
border-bottom: 1px #e3daf2 solid; border-bottom: 1px #E5E5E5 solid;
} }
.spremenljivka .naslov { .spremenljivka .naslov {
padding: 5px 0 15px 5px; padding: 0 !important;
font-size: 18px; margin: 0 0 24px 0;
font-size: 20px;
font-weight: 600; font-weight: 600;
} }
.spremenljivka .naslov .spremenljivka_info { .spremenljivka .naslov .spremenljivka_info {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
padding-top: 7px; padding-top: 8px;
} }
.spremenljivka .sequence_number { .spremenljivka .sequence_number {
background-color: #e3daf2; background-color: #e3daf2;
@ -201,41 +211,41 @@ td.variabla,
td.question, td.question,
td.differential, td.differential,
.variabla_sum label { .variabla_sum label {
font-size: 14px; font-size: 16px;
} }
div.variable_holder { div.variable_holder {
padding: 10px 0 0 0; padding: 0 !important;
}
div.variable_holder .variabla {
padding: 0;
margin-bottom: 16px;
}
div.variable_holder .variabla:last-child {
margin-bottom: 0;
} }
div.variable_holder thead, div.variable_holder thead,
div.variable_holder tr.table-header { div.variable_holder tr.table-header {
font-weight: normal; font-weight: normal;
font-size: 14px; font-size: 16px;
} }
div.variable_holder thead td, div.variable_holder thead td,
div.variable_holder tr.table-header td { div.variable_holder tr.table-header td {
padding: 10px 5px; padding: 10px 5px;
} }
table.grid_table thead tr td {
border-bottom: 2px #7e57c2 solid;
}
table.grid_table thead tr.middle_row td {
border-top: 2px #7e57c2 solid;
}
table.grid_table tbody tr.table-header td { table.grid_table tbody tr.table-header td {
border-bottom: 2px #7e57c2 solid;
border-top: 2px #7e57c2 solid; border-top: 2px #7e57c2 solid;
background-color: #ffffff; background-color: #ffffff;
} }
table.grid_table tbody tr:nth-child(2n+1) { table.grid_table tbody tr:nth-child(2n+1) {
background-color: #ffffff;
}
table.grid_table tbody tr:nth-child(2n) {
background-color: #e3daf2; background-color: #e3daf2;
} }
table.grid_table tbody tr:nth-child(2n) {
background-color: #ffffff;
}
table.grid_table td { table.grid_table td {
padding: 10px 10px; padding: 12px 16px;
} }
span.reminder { span.reminder {
@ -244,7 +254,7 @@ span.reminder {
/* Textboxi, textarea, select */ /* Textboxi, textarea, select */
input, textarea, select { input, textarea, select {
font-family: Montserrat, Arial, Sans-Serif !important; font-family: Source Sans Pro, sans-serif !important;
} }
input[type=text], textarea, select { input[type=text], textarea, select {
@ -334,7 +344,7 @@ button.ui-datepicker-trigger:hover, button.ui-datepicker-trigger:focus {
/* Slider */ /* Slider */
.grupa .spremenljivka .ui-slider-pips .ui-slider-pip { .grupa .spremenljivka .ui-slider-pips .ui-slider-pip {
color: #505050; color: #333333;
} }
.grupa .spremenljivka .slider.ui-widget-content { .grupa .spremenljivka .slider.ui-widget-content {
/*background-color: $color_light !important;*/ /*background-color: $color_light !important;*/
@ -359,7 +369,7 @@ button.ui-datepicker-trigger:hover, button.ui-datepicker-trigger:focus {
} }
.grupa .spremenljivka .sliderText { .grupa .spremenljivka .sliderText {
padding-top: 2px; padding-top: 2px;
color: #505050; color: #333333;
background-color: #7e57c2; background-color: #7e57c2;
border: 0; border: 0;
} }
@ -388,21 +398,20 @@ button.ui-datepicker-trigger:hover, button.ui-datepicker-trigger:focus {
/* Gumbi na dnu */ /* Gumbi na dnu */
div.buttons { div.buttons {
padding: 20px 20px 35px; padding: 64px 0;
margin: 0 10px; margin: 0;
} }
div.buttons input { div.buttons input {
cursor: pointer; cursor: pointer;
margin: 8px 10px; margin: 8px 10px;
/*padding: 7px 11px;*/ padding: 0 32px;
padding: 10px 20px; height: 40px;
text-align: center; text-align: center;
font-size: 12px; font-size: 16px;
letter-spacing: 1px;
font-weight: 600; font-weight: 600;
color: #FFFFFF; color: #FFFFFF;
border-radius: 20px;
border: 0; border: 0;
transition: 0.3s;
} }
div.buttons input.next { div.buttons input.next {
background-color: #4527a0; background-color: #4527a0;
@ -424,12 +433,12 @@ div.buttons input.prev:hover, div.buttons input.prev:focus {
/* Footer */ /* Footer */
#footer_survey { #footer_survey {
padding: 40px; padding: 48px 0 64px 0;
background-color: #ffffff; background-color: #ffffff;
border-top: 1px #e3daf2 solid; border-top: 1px #E5E5E5 solid;
} }
#footer_survey p, #footer_survey a, #footer_survey a:visited { #footer_survey p, #footer_survey a, #footer_survey a:visited {
color: #505050; color: #333333;
font-size: 14px; font-size: 14px;
line-height: 25px; line-height: 25px;
font-weight: 400; font-weight: 400;

93
main/survey/skins/1kaRed.css
View File

@ -6,13 +6,14 @@
/* /*
Osnovna tema ankete - 1ka - brez definiranih barv Osnovna tema ankete - 1ka - brez definiranih barv
*/ */
/* Barve */
/* Fonti */ /* Fonti */
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
color: #505050; color: #333333;
font-size: 100%; font-size: 100%;
font-family: Montserrat, Arial, Sans-Serif !important; font-family: Source Sans Pro, sans-serif !important;
background: #ffffff; background: #ffffff;
} }
@ -28,13 +29,13 @@ body.preview, body.testdata {
position: absolute; position: absolute;
width: 100%; width: 100%;
height: 80px; height: 80px;
border-bottom: 6px #c62828 solid; border-bottom: 2px #c62828 solid;
} }
#outercontainer #container { #outercontainer #container {
position: relative; position: relative;
width: 100%; width: 100%;
max-width: 1200px; max-width: 1200px;
margin: 0px auto 10px; margin: 0px auto;
} }
/* Warning bar (preview, cookie) */ /* Warning bar (preview, cookie) */
@ -69,12 +70,14 @@ body.preview, body.testdata {
/* Header - logo, naslov, progressbar */ /* Header - logo, naslov, progressbar */
h1 { h1 {
margin: 0px auto 30px; margin: 0px auto;
padding: 120px 0 50px 0; padding: 114px 0 32px 0;
font-size: 28px; font-size: 32px;
font-weight: 600;
line-height: 40px;
color: #c62828; color: #c62828;
text-align: center; text-align: center;
border-bottom: 1px solid #fde6e6; border-bottom: 1px solid #E5E5E5;
} }
h1.evalvacija { h1.evalvacija {
@ -83,7 +86,7 @@ h1.evalvacija {
#logo { #logo {
right: auto; right: auto;
left: 25px; left: 0;
top: 13px; top: 13px;
max-height: 56px !important; max-height: 56px !important;
background: url("../../../public/img/logo/1ka_logo_slo.svg"); background: url("../../../public/img/logo/1ka_logo_slo.svg");
@ -148,21 +151,28 @@ h1.evalvacija {
color: #de5c5c; color: #de5c5c;
} }
/* Uvod in zakljucek */
.intro .spremenljivka .naslov,
.concl .spremenljivka .naslov {
margin: 0;
}
/* Spremenljivke */ /* Spremenljivke */
.spremenljivka { .spremenljivka {
margin: 20px 10px 20px 10px; margin: 0;
padding: 20px 2px 50px 12px !important; padding: 48px 0 !important;
border-bottom: 1px #fde6e6 solid; border-bottom: 1px #E5E5E5 solid;
} }
.spremenljivka .naslov { .spremenljivka .naslov {
padding: 5px 0 15px 5px; padding: 0 !important;
font-size: 18px; margin: 0 0 24px 0;
font-size: 20px;
font-weight: 600; font-weight: 600;
} }
.spremenljivka .naslov .spremenljivka_info { .spremenljivka .naslov .spremenljivka_info {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
padding-top: 7px; padding-top: 8px;
} }
.spremenljivka .sequence_number { .spremenljivka .sequence_number {
background-color: #fde6e6; background-color: #fde6e6;
@ -201,41 +211,41 @@ td.variabla,
td.question, td.question,
td.differential, td.differential,
.variabla_sum label { .variabla_sum label {
font-size: 14px; font-size: 16px;
} }
div.variable_holder { div.variable_holder {
padding: 10px 0 0 0; padding: 0 !important;
}
div.variable_holder .variabla {
padding: 0;
margin-bottom: 16px;
}
div.variable_holder .variabla:last-child {
margin-bottom: 0;
} }
div.variable_holder thead, div.variable_holder thead,
div.variable_holder tr.table-header { div.variable_holder tr.table-header {
font-weight: normal; font-weight: normal;
font-size: 14px; font-size: 16px;
} }
div.variable_holder thead td, div.variable_holder thead td,
div.variable_holder tr.table-header td { div.variable_holder tr.table-header td {
padding: 10px 5px; padding: 10px 5px;
} }
table.grid_table thead tr td {
border-bottom: 2px #ef5350 solid;
}
table.grid_table thead tr.middle_row td {
border-top: 2px #ef5350 solid;
}
table.grid_table tbody tr.table-header td { table.grid_table tbody tr.table-header td {
border-bottom: 2px #ef5350 solid;
border-top: 2px #ef5350 solid; border-top: 2px #ef5350 solid;
background-color: #ffffff; background-color: #ffffff;
} }
table.grid_table tbody tr:nth-child(2n+1) { table.grid_table tbody tr:nth-child(2n+1) {
background-color: #ffffff;
}
table.grid_table tbody tr:nth-child(2n) {
background-color: #fde6e6; background-color: #fde6e6;
} }
table.grid_table tbody tr:nth-child(2n) {
background-color: #ffffff;
}
table.grid_table td { table.grid_table td {
padding: 10px 10px; padding: 12px 16px;
} }
span.reminder { span.reminder {
@ -244,7 +254,7 @@ span.reminder {
/* Textboxi, textarea, select */ /* Textboxi, textarea, select */
input, textarea, select { input, textarea, select {
font-family: Montserrat, Arial, Sans-Serif !important; font-family: Source Sans Pro, sans-serif !important;
} }
input[type=text], textarea, select { input[type=text], textarea, select {
@ -334,7 +344,7 @@ button.ui-datepicker-trigger:hover, button.ui-datepicker-trigger:focus {
/* Slider */ /* Slider */
.grupa .spremenljivka .ui-slider-pips .ui-slider-pip { .grupa .spremenljivka .ui-slider-pips .ui-slider-pip {
color: #505050; color: #333333;
} }
.grupa .spremenljivka .slider.ui-widget-content { .grupa .spremenljivka .slider.ui-widget-content {
/*background-color: $color_light !important;*/ /*background-color: $color_light !important;*/
@ -359,7 +369,7 @@ button.ui-datepicker-trigger:hover, button.ui-datepicker-trigger:focus {
} }
.grupa .spremenljivka .sliderText { .grupa .spremenljivka .sliderText {
padding-top: 2px; padding-top: 2px;
color: #505050; color: #333333;
background-color: #ef5350; background-color: #ef5350;
border: 0; border: 0;
} }
@ -388,21 +398,20 @@ button.ui-datepicker-trigger:hover, button.ui-datepicker-trigger:focus {
/* Gumbi na dnu */ /* Gumbi na dnu */
div.buttons { div.buttons {
padding: 20px 20px 35px; padding: 64px 0;
margin: 0 10px; margin: 0;
} }
div.buttons input { div.buttons input {
cursor: pointer; cursor: pointer;
margin: 8px 10px; margin: 8px 10px;
/*padding: 7px 11px;*/ padding: 0 32px;
padding: 10px 20px; height: 40px;
text-align: center; text-align: center;
font-size: 12px; font-size: 16px;
letter-spacing: 1px;
font-weight: 600; font-weight: 600;
color: #FFFFFF; color: #FFFFFF;
border-radius: 20px;
border: 0; border: 0;
transition: 0.3s;
} }
div.buttons input.next { div.buttons input.next {
background-color: #c62828; background-color: #c62828;
@ -424,12 +433,12 @@ div.buttons input.prev:hover, div.buttons input.prev:focus {
/* Footer */ /* Footer */
#footer_survey { #footer_survey {
padding: 40px; padding: 48px 0 64px 0;
background-color: #ffffff; background-color: #ffffff;
border-top: 1px #fde6e6 solid; border-top: 1px #E5E5E5 solid;
} }
#footer_survey p, #footer_survey a, #footer_survey a:visited { #footer_survey p, #footer_survey a, #footer_survey a:visited {
color: #505050; color: #333333;
font-size: 14px; font-size: 14px;
line-height: 25px; line-height: 25px;
font-weight: 400; font-weight: 400;

93
main/survey/skins/Cdi.css
View File

@ -6,13 +6,14 @@
/* /*
Osnovna tema ankete - 1ka - brez definiranih barv Osnovna tema ankete - 1ka - brez definiranih barv
*/ */
/* Barve */
/* Fonti */ /* Fonti */
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
color: #505050; color: #333333;
font-size: 100%; font-size: 100%;
font-family: Montserrat, Arial, Sans-Serif !important; font-family: Source Sans Pro, sans-serif !important;
background: #ffffff; background: #ffffff;
} }
@ -28,13 +29,13 @@ body.preview, body.testdata {
position: absolute; position: absolute;
width: 100%; width: 100%;
height: 80px; height: 80px;
border-bottom: 6px #666666 solid; border-bottom: 2px #666666 solid;
} }
#outercontainer #container { #outercontainer #container {
position: relative; position: relative;
width: 100%; width: 100%;
max-width: 1200px; max-width: 1200px;
margin: 0px auto 10px; margin: 0px auto;
} }
/* Warning bar (preview, cookie) */ /* Warning bar (preview, cookie) */
@ -69,12 +70,14 @@ body.preview, body.testdata {
/* Header - logo, naslov, progressbar */ /* Header - logo, naslov, progressbar */
h1 { h1 {
margin: 0px auto 30px; margin: 0px auto;
padding: 120px 0 50px 0; padding: 114px 0 32px 0;
font-size: 28px; font-size: 32px;
font-weight: 600;
line-height: 40px;
color: #666666; color: #666666;
text-align: center; text-align: center;
border-bottom: 1px solid #eeeeee; border-bottom: 1px solid #E5E5E5;
} }
h1.evalvacija { h1.evalvacija {
@ -83,7 +86,7 @@ h1.evalvacija {
#logo { #logo {
right: auto; right: auto;
left: 25px; left: 0;
top: 13px; top: 13px;
max-height: 56px !important; max-height: 56px !important;
background: url("../../../public/img/logo/1ka_logo_slo.svg"); background: url("../../../public/img/logo/1ka_logo_slo.svg");
@ -148,21 +151,28 @@ h1.evalvacija {
color: #8c8c8c; color: #8c8c8c;
} }
/* Uvod in zakljucek */
.intro .spremenljivka .naslov,
.concl .spremenljivka .naslov {
margin: 0;
}
/* Spremenljivke */ /* Spremenljivke */
.spremenljivka { .spremenljivka {
margin: 20px 10px 20px 10px; margin: 0;
padding: 20px 2px 50px 12px !important; padding: 48px 0 !important;
border-bottom: 1px #eeeeee solid; border-bottom: 1px #E5E5E5 solid;
} }
.spremenljivka .naslov { .spremenljivka .naslov {
padding: 5px 0 15px 5px; padding: 0 !important;
font-size: 18px; margin: 0 0 24px 0;
font-size: 20px;
font-weight: 600; font-weight: 600;
} }
.spremenljivka .naslov .spremenljivka_info { .spremenljivka .naslov .spremenljivka_info {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
padding-top: 7px; padding-top: 8px;
} }
.spremenljivka .sequence_number { .spremenljivka .sequence_number {
background-color: #eeeeee; background-color: #eeeeee;
@ -201,41 +211,41 @@ td.variabla,
td.question, td.question,
td.differential, td.differential,
.variabla_sum label { .variabla_sum label {
font-size: 14px; font-size: 16px;
} }
div.variable_holder { div.variable_holder {
padding: 10px 0 0 0; padding: 0 !important;
}
div.variable_holder .variabla {
padding: 0;
margin-bottom: 16px;
}
div.variable_holder .variabla:last-child {
margin-bottom: 0;
} }
div.variable_holder thead, div.variable_holder thead,
div.variable_holder tr.table-header { div.variable_holder tr.table-header {
font-weight: normal; font-weight: normal;
font-size: 14px; font-size: 16px;
} }
div.variable_holder thead td, div.variable_holder thead td,
div.variable_holder tr.table-header td { div.variable_holder tr.table-header td {
padding: 10px 5px; padding: 10px 5px;
} }
table.grid_table thead tr td {
border-bottom: 2px #888888 solid;
}
table.grid_table thead tr.middle_row td {
border-top: 2px #888888 solid;
}
table.grid_table tbody tr.table-header td { table.grid_table tbody tr.table-header td {
border-bottom: 2px #888888 solid;
border-top: 2px #888888 solid; border-top: 2px #888888 solid;
background-color: #ffffff; background-color: #ffffff;
} }
table.grid_table tbody tr:nth-child(2n+1) { table.grid_table tbody tr:nth-child(2n+1) {
background-color: #ffffff;
}
table.grid_table tbody tr:nth-child(2n) {
background-color: #eeeeee; background-color: #eeeeee;
} }
table.grid_table tbody tr:nth-child(2n) {
background-color: #ffffff;
}
table.grid_table td { table.grid_table td {
padding: 10px 10px; padding: 12px 16px;
} }
span.reminder { span.reminder {
@ -244,7 +254,7 @@ span.reminder {
/* Textboxi, textarea, select */ /* Textboxi, textarea, select */
input, textarea, select { input, textarea, select {
font-family: Montserrat, Arial, Sans-Serif !important; font-family: Source Sans Pro, sans-serif !important;
} }
input[type=text], textarea, select { input[type=text], textarea, select {
@ -334,7 +344,7 @@ button.ui-datepicker-trigger:hover, button.ui-datepicker-trigger:focus {
/* Slider */ /* Slider */
.grupa .spremenljivka .ui-slider-pips .ui-slider-pip { .grupa .spremenljivka .ui-slider-pips .ui-slider-pip {
color: #505050; color: #333333;
} }
.grupa .spremenljivka .slider.ui-widget-content { .grupa .spremenljivka .slider.ui-widget-content {
/*background-color: $color_light !important;*/ /*background-color: $color_light !important;*/
@ -359,7 +369,7 @@ button.ui-datepicker-trigger:hover, button.ui-datepicker-trigger:focus {
} }
.grupa .spremenljivka .sliderText { .grupa .spremenljivka .sliderText {
padding-top: 2px; padding-top: 2px;
color: #505050; color: #333333;
background-color: #888888; background-color: #888888;
border: 0; border: 0;
} }
@ -388,21 +398,20 @@ button.ui-datepicker-trigger:hover, button.ui-datepicker-trigger:focus {
/* Gumbi na dnu */ /* Gumbi na dnu */
div.buttons { div.buttons {
padding: 20px 20px 35px; padding: 64px 0;
margin: 0 10px; margin: 0;
} }
div.buttons input { div.buttons input {
cursor: pointer; cursor: pointer;
margin: 8px 10px; margin: 8px 10px;
/*padding: 7px 11px;*/ padding: 0 32px;
padding: 10px 20px; height: 40px;
text-align: center; text-align: center;
font-size: 12px; font-size: 16px;
letter-spacing: 1px;
font-weight: 600; font-weight: 600;
color: #FFFFFF; color: #FFFFFF;
border-radius: 20px;
border: 0; border: 0;
transition: 0.3s;
} }
div.buttons input.next { div.buttons input.next {
background-color: #666666; background-color: #666666;
@ -424,12 +433,12 @@ div.buttons input.prev:hover, div.buttons input.prev:focus {
/* Footer */ /* Footer */
#footer_survey { #footer_survey {
padding: 40px; padding: 48px 0 64px 0;
background-color: #ffffff; background-color: #ffffff;
border-top: 1px #eeeeee solid; border-top: 1px #E5E5E5 solid;
} }
#footer_survey p, #footer_survey a, #footer_survey a:visited { #footer_survey p, #footer_survey a, #footer_survey a:visited {
color: #505050; color: #333333;
font-size: 14px; font-size: 14px;
line-height: 25px; line-height: 25px;
font-weight: 400; font-weight: 400;

93
main/survey/skins/Fdv.css
View File

@ -6,13 +6,14 @@
/* /*
Osnovna tema ankete - 1ka - brez definiranih barv Osnovna tema ankete - 1ka - brez definiranih barv
*/ */
/* Barve */
/* Fonti */ /* Fonti */
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
color: #505050; color: #333333;
font-size: 100%; font-size: 100%;
font-family: Montserrat, Arial, Sans-Serif !important; font-family: Source Sans Pro, sans-serif !important;
background: #ffffff; background: #ffffff;
} }
@ -28,13 +29,13 @@ body.preview, body.testdata {
position: absolute; position: absolute;
width: 100%; width: 100%;
height: 80px; height: 80px;
border-bottom: 6px #666666 solid; border-bottom: 2px #666666 solid;
} }
#outercontainer #container { #outercontainer #container {
position: relative; position: relative;
width: 100%; width: 100%;
max-width: 1200px; max-width: 1200px;
margin: 0px auto 10px; margin: 0px auto;
} }
/* Warning bar (preview, cookie) */ /* Warning bar (preview, cookie) */
@ -69,12 +70,14 @@ body.preview, body.testdata {
/* Header - logo, naslov, progressbar */ /* Header - logo, naslov, progressbar */
h1 { h1 {
margin: 0px auto 30px; margin: 0px auto;
padding: 120px 0 50px 0; padding: 114px 0 32px 0;
font-size: 28px; font-size: 32px;
font-weight: 600;
line-height: 40px;
color: #666666; color: #666666;
text-align: center; text-align: center;
border-bottom: 1px solid #eeeeee; border-bottom: 1px solid #E5E5E5;
} }
h1.evalvacija { h1.evalvacija {
@ -83,7 +86,7 @@ h1.evalvacija {
#logo { #logo {
right: auto; right: auto;
left: 25px; left: 0;
top: 13px; top: 13px;
max-height: 56px !important; max-height: 56px !important;
background: url("../../../public/img/logo/1ka_logo_slo.svg"); background: url("../../../public/img/logo/1ka_logo_slo.svg");
@ -148,21 +151,28 @@ h1.evalvacija {
color: #8c8c8c; color: #8c8c8c;
} }
/* Uvod in zakljucek */
.intro .spremenljivka .naslov,
.concl .spremenljivka .naslov {
margin: 0;
}
/* Spremenljivke */ /* Spremenljivke */
.spremenljivka { .spremenljivka {
margin: 20px 10px 20px 10px; margin: 0;
padding: 20px 2px 50px 12px !important; padding: 48px 0 !important;
border-bottom: 1px #eeeeee solid; border-bottom: 1px #E5E5E5 solid;
} }
.spremenljivka .naslov { .spremenljivka .naslov {
padding: 5px 0 15px 5px; padding: 0 !important;
font-size: 18px; margin: 0 0 24px 0;
font-size: 20px;
font-weight: 600; font-weight: 600;
} }
.spremenljivka .naslov .spremenljivka_info { .spremenljivka .naslov .spremenljivka_info {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
padding-top: 7px; padding-top: 8px;
} }
.spremenljivka .sequence_number { .spremenljivka .sequence_number {
background-color: #eeeeee; background-color: #eeeeee;
@ -201,41 +211,41 @@ td.variabla,
td.question, td.question,
td.differential, td.differential,
.variabla_sum label { .variabla_sum label {
font-size: 14px; font-size: 16px;
} }
div.variable_holder { div.variable_holder {
padding: 10px 0 0 0; padding: 0 !important;
}
div.variable_holder .variabla {
padding: 0;
margin-bottom: 16px;
}
div.variable_holder .variabla:last-child {
margin-bottom: 0;
} }
div.variable_holder thead, div.variable_holder thead,
div.variable_holder tr.table-header { div.variable_holder tr.table-header {
font-weight: normal; font-weight: normal;
font-size: 14px; font-size: 16px;
} }
div.variable_holder thead td, div.variable_holder thead td,
div.variable_holder tr.table-header td { div.variable_holder tr.table-header td {
padding: 10px 5px; padding: 10px 5px;
} }
table.grid_table thead tr td {
border-bottom: 2px #888888 solid;
}
table.grid_table thead tr.middle_row td {
border-top: 2px #888888 solid;
}
table.grid_table tbody tr.table-header td { table.grid_table tbody tr.table-header td {
border-bottom: 2px #888888 solid;
border-top: 2px #888888 solid; border-top: 2px #888888 solid;
background-color: #ffffff; background-color: #ffffff;
} }
table.grid_table tbody tr:nth-child(2n+1) { table.grid_table tbody tr:nth-child(2n+1) {
background-color: #ffffff;
}
table.grid_table tbody tr:nth-child(2n) {
background-color: #eeeeee; background-color: #eeeeee;
} }
table.grid_table tbody tr:nth-child(2n) {
background-color: #ffffff;
}
table.grid_table td { table.grid_table td {
padding: 10px 10px; padding: 12px 16px;
} }
span.reminder { span.reminder {
@ -244,7 +254,7 @@ span.reminder {
/* Textboxi, textarea, select */ /* Textboxi, textarea, select */
input, textarea, select { input, textarea, select {
font-family: Montserrat, Arial, Sans-Serif !important; font-family: Source Sans Pro, sans-serif !important;
} }
input[type=text], textarea, select { input[type=text], textarea, select {
@ -334,7 +344,7 @@ button.ui-datepicker-trigger:hover, button.ui-datepicker-trigger:focus {
/* Slider */ /* Slider */
.grupa .spremenljivka .ui-slider-pips .ui-slider-pip { .grupa .spremenljivka .ui-slider-pips .ui-slider-pip {
color: #505050; color: #333333;
} }
.grupa .spremenljivka .slider.ui-widget-content { .grupa .spremenljivka .slider.ui-widget-content {
/*background-color: $color_light !important;*/ /*background-color: $color_light !important;*/
@ -359,7 +369,7 @@ button.ui-datepicker-trigger:hover, button.ui-datepicker-trigger:focus {
} }
.grupa .spremenljivka .sliderText { .grupa .spremenljivka .sliderText {
padding-top: 2px; padding-top: 2px;
color: #505050; color: #333333;
background-color: #888888; background-color: #888888;
border: 0; border: 0;
} }
@ -388,21 +398,20 @@ button.ui-datepicker-trigger:hover, button.ui-datepicker-trigger:focus {
/* Gumbi na dnu */ /* Gumbi na dnu */
div.buttons { div.buttons {
padding: 20px 20px 35px; padding: 64px 0;
margin: 0 10px; margin: 0;
} }
div.buttons input { div.buttons input {
cursor: pointer; cursor: pointer;
margin: 8px 10px; margin: 8px 10px;
/*padding: 7px 11px;*/ padding: 0 32px;
padding: 10px 20px; height: 40px;
text-align: center; text-align: center;
font-size: 12px; font-size: 16px;
letter-spacing: 1px;
font-weight: 600; font-weight: 600;
color: #FFFFFF; color: #FFFFFF;
border-radius: 20px;
border: 0; border: 0;
transition: 0.3s;
} }
div.buttons input.next { div.buttons input.next {
background-color: #666666; background-color: #666666;
@ -424,12 +433,12 @@ div.buttons input.prev:hover, div.buttons input.prev:focus {
/* Footer */ /* Footer */
#footer_survey { #footer_survey {
padding: 40px; padding: 48px 0 64px 0;
background-color: #ffffff; background-color: #ffffff;
border-top: 1px #eeeeee solid; border-top: 1px #E5E5E5 solid;
} }
#footer_survey p, #footer_survey a, #footer_survey a:visited { #footer_survey p, #footer_survey a, #footer_survey a:visited {
color: #505050; color: #333333;
font-size: 14px; font-size: 14px;
line-height: 25px; line-height: 25px;
font-weight: 400; font-weight: 400;

4
main/survey/skins/MobileBlack.css
View File

@ -9,7 +9,7 @@
*/ */
/* Fonti */ /* Fonti */
body { body {
font-family: Montserrat, Arial, Sans-Serif !important; font-family: Source Sans Pro, sans-serif !important;
color: #505050; color: #505050;
background-color: white; background-color: white;
} }
@ -28,7 +28,7 @@ span, label {
/* INPUT ELEMENTI */ /* INPUT ELEMENTI */
/* Textboxi, textarea, select */ /* Textboxi, textarea, select */
input, textarea, select { input, textarea, select {
font-family: Montserrat, Arial, Sans-Serif !important; font-family: Source Sans Pro, sans-serif !important;
} }
input[type=text], textarea, select { input[type=text], textarea, select {

4
main/survey/skins/MobileBlue.css
View File

@ -8,7 +8,7 @@
*/ */
/* Fonti */ /* Fonti */
body { body {
font-family: Montserrat, Arial, Sans-Serif !important; font-family: Source Sans Pro, sans-serif !important;
color: #505050; color: #505050;
background-color: white; background-color: white;
} }
@ -27,7 +27,7 @@ span, label {
/* INPUT ELEMENTI */ /* INPUT ELEMENTI */
/* Textboxi, textarea, select */ /* Textboxi, textarea, select */
input, textarea, select { input, textarea, select {
font-family: Montserrat, Arial, Sans-Serif !important; font-family: Source Sans Pro, sans-serif !important;
} }
input[type=text], textarea, select { input[type=text], textarea, select {

4
main/survey/skins/MobileCdi.css
View File

@ -9,7 +9,7 @@
*/ */
/* Fonti */ /* Fonti */
body { body {
font-family: Montserrat, Arial, Sans-Serif !important; font-family: Source Sans Pro, sans-serif !important;
color: #505050; color: #505050;
background-color: white; background-color: white;
} }
@ -28,7 +28,7 @@ span, label {
/* INPUT ELEMENTI */ /* INPUT ELEMENTI */
/* Textboxi, textarea, select */ /* Textboxi, textarea, select */
input, textarea, select { input, textarea, select {
font-family: Montserrat, Arial, Sans-Serif !important; font-family: Source Sans Pro, sans-serif !important;
} }
input[type=text], textarea, select { input[type=text], textarea, select {

4
main/survey/skins/MobileFdv.css
View File

@ -9,7 +9,7 @@
*/ */
/* Fonti */ /* Fonti */
body { body {
font-family: Montserrat, Arial, Sans-Serif !important; font-family: Source Sans Pro, sans-serif !important;
color: #505050; color: #505050;
background-color: white; background-color: white;
} }
@ -28,7 +28,7 @@ span, label {
/* INPUT ELEMENTI */ /* INPUT ELEMENTI */
/* Textboxi, textarea, select */ /* Textboxi, textarea, select */
input, textarea, select { input, textarea, select {
font-family: Montserrat, Arial, Sans-Serif !important; font-family: Source Sans Pro, sans-serif !important;
} }
input[type=text], textarea, select { input[type=text], textarea, select {

4
main/survey/skins/MobileGreen.css
View File

@ -8,7 +8,7 @@
*/ */
/* Fonti */ /* Fonti */
body { body {
font-family: Montserrat, Arial, Sans-Serif !important; font-family: Source Sans Pro, sans-serif !important;
color: #505050; color: #505050;
background-color: white; background-color: white;
} }
@ -27,7 +27,7 @@ span, label {
/* INPUT ELEMENTI */ /* INPUT ELEMENTI */
/* Textboxi, textarea, select */ /* Textboxi, textarea, select */
input, textarea, select { input, textarea, select {
font-family: Montserrat, Arial, Sans-Serif !important; font-family: Source Sans Pro, sans-serif !important;
} }
input[type=text], textarea, select { input[type=text], textarea, select {

4
main/survey/skins/MobileOrange.css
View File

@ -8,7 +8,7 @@
*/ */
/* Fonti */ /* Fonti */
body { body {
font-family: Montserrat, Arial, Sans-Serif !important; font-family: Source Sans Pro, sans-serif !important;
color: #505050; color: #505050;
background-color: white; background-color: white;
} }
@ -27,7 +27,7 @@ span, label {
/* INPUT ELEMENTI */ /* INPUT ELEMENTI */
/* Textboxi, textarea, select */ /* Textboxi, textarea, select */
input, textarea, select { input, textarea, select {
font-family: Montserrat, Arial, Sans-Serif !important; font-family: Source Sans Pro, sans-serif !important;
} }
input[type=text], textarea, select { input[type=text], textarea, select {

4
main/survey/skins/MobilePurple.css
View File

@ -9,7 +9,7 @@
*/ */
/* Fonti */ /* Fonti */
body { body {
font-family: Montserrat, Arial, Sans-Serif !important; font-family: Source Sans Pro, sans-serif !important;
color: #505050; color: #505050;
background-color: white; background-color: white;
} }
@ -28,7 +28,7 @@ span, label {
/* INPUT ELEMENTI */ /* INPUT ELEMENTI */
/* Textboxi, textarea, select */ /* Textboxi, textarea, select */
input, textarea, select { input, textarea, select {
font-family: Montserrat, Arial, Sans-Serif !important; font-family: Source Sans Pro, sans-serif !important;
} }
input[type=text], textarea, select { input[type=text], textarea, select {

4
main/survey/skins/MobileRed.css
View File

@ -9,7 +9,7 @@
*/ */
/* Fonti */ /* Fonti */
body { body {
font-family: Montserrat, Arial, Sans-Serif !important; font-family: Source Sans Pro, sans-serif !important;
color: #505050; color: #505050;
background-color: white; background-color: white;
} }
@ -28,7 +28,7 @@ span, label {
/* INPUT ELEMENTI */ /* INPUT ELEMENTI */
/* Textboxi, textarea, select */ /* Textboxi, textarea, select */
input, textarea, select { input, textarea, select {
font-family: Montserrat, Arial, Sans-Serif !important; font-family: Source Sans Pro, sans-serif !important;
} }
input[type=text], textarea, select { input[type=text], textarea, select {

4
main/survey/skins/MobileUni.css
View File

@ -9,7 +9,7 @@
*/ */
/* Fonti */ /* Fonti */
body { body {
font-family: Montserrat, Arial, Sans-Serif !important; font-family: Source Sans Pro, sans-serif !important;
color: #505050; color: #505050;
background-color: white; background-color: white;
} }
@ -28,7 +28,7 @@ span, label {
/* INPUT ELEMENTI */ /* INPUT ELEMENTI */
/* Textboxi, textarea, select */ /* Textboxi, textarea, select */
input, textarea, select { input, textarea, select {
font-family: Montserrat, Arial, Sans-Serif !important; font-family: Source Sans Pro, sans-serif !important;
} }
input[type=text], textarea, select { input[type=text], textarea, select {

5
main/survey/skins/Otroci3.css
View File

@ -1,14 +1,13 @@
/* /*
Tema Otroci 3 Tema Otroci 3
*/ */
/*$font_family: Open Sans, Arial, Sans-Serif;*/
/* Barve */ /* Barve */
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
color: #333; color: #333;
font-size: 75%; font-size: 75%;
font-family: Montserrat, Arial, Sans-Serif !important; font-family: Source Sans Pro, sans-serif !important;
background: #b0e8ff url(Otroci/otroci-3-footer.png) left bottom repeat-x; background: #b0e8ff url(Otroci/otroci-3-footer.png) left bottom repeat-x;
} }
@ -185,7 +184,7 @@ span.reminder {
/* Textboxi, textarea, select */ /* Textboxi, textarea, select */
input, textarea, select { input, textarea, select {
font-family: Montserrat, Arial, Sans-Serif !important; font-family: Source Sans Pro, sans-serif !important;
} }
input[type=text], textarea, select { input[type=text], textarea, select {

5
main/survey/skins/Otroci4.css
View File

@ -1,14 +1,13 @@
/* /*
Tema Otroci 4 Tema Otroci 4
*/ */
/*$font_family: Open Sans, Arial, Sans-Serif;*/
/* Barve */ /* Barve */
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
color: #333; color: #333;
font-size: 75%; font-size: 75%;
font-family: Montserrat, Arial, Sans-Serif !important; font-family: Source Sans Pro, sans-serif !important;
background: #fff url(Otroci/otroci-4-footer.png) left bottom repeat-x; background: #fff url(Otroci/otroci-4-footer.png) left bottom repeat-x;
} }
@ -181,7 +180,7 @@ span.reminder {
/* Textboxi, textarea, select */ /* Textboxi, textarea, select */
input, textarea, select { input, textarea, select {
font-family: Montserrat, Arial, Sans-Serif !important; font-family: Source Sans Pro, sans-serif !important;
} }
input[type=text], textarea, select { input[type=text], textarea, select {

93
main/survey/skins/Uni.css
View File

@ -6,13 +6,14 @@
/* /*
Osnovna tema ankete - 1ka - brez definiranih barv Osnovna tema ankete - 1ka - brez definiranih barv
*/ */
/* Barve */
/* Fonti */ /* Fonti */
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
color: #505050; color: #333333;
font-size: 100%; font-size: 100%;
font-family: Montserrat, Arial, Sans-Serif !important; font-family: Source Sans Pro, sans-serif !important;
background: #ffffff; background: #ffffff;
} }
@ -28,13 +29,13 @@ body.preview, body.testdata {
position: absolute; position: absolute;
width: 100%; width: 100%;
height: 80px; height: 80px;
border-bottom: 6px #666666 solid; border-bottom: 2px #666666 solid;
} }
#outercontainer #container { #outercontainer #container {
position: relative; position: relative;
width: 100%; width: 100%;
max-width: 1200px; max-width: 1200px;
margin: 0px auto 10px; margin: 0px auto;
} }
/* Warning bar (preview, cookie) */ /* Warning bar (preview, cookie) */
@ -69,12 +70,14 @@ body.preview, body.testdata {
/* Header - logo, naslov, progressbar */ /* Header - logo, naslov, progressbar */
h1 { h1 {
margin: 0px auto 30px; margin: 0px auto;
padding: 120px 0 50px 0; padding: 114px 0 32px 0;
font-size: 28px; font-size: 32px;
font-weight: 600;
line-height: 40px;
color: #666666; color: #666666;
text-align: center; text-align: center;
border-bottom: 1px solid #eeeeee; border-bottom: 1px solid #E5E5E5;
} }
h1.evalvacija { h1.evalvacija {
@ -83,7 +86,7 @@ h1.evalvacija {
#logo { #logo {
right: auto; right: auto;
left: 25px; left: 0;
top: 13px; top: 13px;
max-height: 56px !important; max-height: 56px !important;
background: url("../../../public/img/logo/1ka_logo_slo.svg"); background: url("../../../public/img/logo/1ka_logo_slo.svg");
@ -148,21 +151,28 @@ h1.evalvacija {
color: #8c8c8c; color: #8c8c8c;
} }
/* Uvod in zakljucek */
.intro .spremenljivka .naslov,
.concl .spremenljivka .naslov {
margin: 0;
}
/* Spremenljivke */ /* Spremenljivke */
.spremenljivka { .spremenljivka {
margin: 20px 10px 20px 10px; margin: 0;
padding: 20px 2px 50px 12px !important; padding: 48px 0 !important;
border-bottom: 1px #eeeeee solid; border-bottom: 1px #E5E5E5 solid;
} }
.spremenljivka .naslov { .spremenljivka .naslov {
padding: 5px 0 15px 5px; padding: 0 !important;
font-size: 18px; margin: 0 0 24px 0;
font-size: 20px;
font-weight: 600; font-weight: 600;
} }
.spremenljivka .naslov .spremenljivka_info { .spremenljivka .naslov .spremenljivka_info {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
padding-top: 7px; padding-top: 8px;
} }
.spremenljivka .sequence_number { .spremenljivka .sequence_number {
background-color: #eeeeee; background-color: #eeeeee;
@ -201,41 +211,41 @@ td.variabla,
td.question, td.question,
td.differential, td.differential,
.variabla_sum label { .variabla_sum label {
font-size: 14px; font-size: 16px;
} }
div.variable_holder { div.variable_holder {
padding: 10px 0 0 0; padding: 0 !important;
}
div.variable_holder .variabla {
padding: 0;
margin-bottom: 16px;
}
div.variable_holder .variabla:last-child {
margin-bottom: 0;
} }
div.variable_holder thead, div.variable_holder thead,
div.variable_holder tr.table-header { div.variable_holder tr.table-header {
font-weight: normal; font-weight: normal;
font-size: 14px; font-size: 16px;
} }
div.variable_holder thead td, div.variable_holder thead td,
div.variable_holder tr.table-header td { div.variable_holder tr.table-header td {
padding: 10px 5px; padding: 10px 5px;
} }
table.grid_table thead tr td {
border-bottom: 2px #888888 solid;
}
table.grid_table thead tr.middle_row td {
border-top: 2px #888888 solid;
}
table.grid_table tbody tr.table-header td { table.grid_table tbody tr.table-header td {
border-bottom: 2px #888888 solid;
border-top: 2px #888888 solid; border-top: 2px #888888 solid;
background-color: #ffffff; background-color: #ffffff;
} }
table.grid_table tbody tr:nth-child(2n+1) { table.grid_table tbody tr:nth-child(2n+1) {
background-color: #ffffff;
}
table.grid_table tbody tr:nth-child(2n) {
background-color: #eeeeee; background-color: #eeeeee;
} }
table.grid_table tbody tr:nth-child(2n) {
background-color: #ffffff;
}
table.grid_table td { table.grid_table td {
padding: 10px 10px; padding: 12px 16px;
} }
span.reminder { span.reminder {
@ -244,7 +254,7 @@ span.reminder {
/* Textboxi, textarea, select */ /* Textboxi, textarea, select */
input, textarea, select { input, textarea, select {
font-family: Montserrat, Arial, Sans-Serif !important; font-family: Source Sans Pro, sans-serif !important;
} }
input[type=text], textarea, select { input[type=text], textarea, select {
@ -334,7 +344,7 @@ button.ui-datepicker-trigger:hover, button.ui-datepicker-trigger:focus {
/* Slider */ /* Slider */
.grupa .spremenljivka .ui-slider-pips .ui-slider-pip { .grupa .spremenljivka .ui-slider-pips .ui-slider-pip {
color: #505050; color: #333333;
} }
.grupa .spremenljivka .slider.ui-widget-content { .grupa .spremenljivka .slider.ui-widget-content {
/*background-color: $color_light !important;*/ /*background-color: $color_light !important;*/
@ -359,7 +369,7 @@ button.ui-datepicker-trigger:hover, button.ui-datepicker-trigger:focus {
} }
.grupa .spremenljivka .sliderText { .grupa .spremenljivka .sliderText {
padding-top: 2px; padding-top: 2px;
color: #505050; color: #333333;
background-color: #888888; background-color: #888888;
border: 0; border: 0;
} }
@ -388,21 +398,20 @@ button.ui-datepicker-trigger:hover, button.ui-datepicker-trigger:focus {
/* Gumbi na dnu */ /* Gumbi na dnu */
div.buttons { div.buttons {
padding: 20px 20px 35px; padding: 64px 0;
margin: 0 10px; margin: 0;
} }
div.buttons input { div.buttons input {
cursor: pointer; cursor: pointer;
margin: 8px 10px; margin: 8px 10px;
/*padding: 7px 11px;*/ padding: 0 32px;
padding: 10px 20px; height: 40px;
text-align: center; text-align: center;
font-size: 12px; font-size: 16px;
letter-spacing: 1px;
font-weight: 600; font-weight: 600;
color: #FFFFFF; color: #FFFFFF;
border-radius: 20px;
border: 0; border: 0;
transition: 0.3s;
} }
div.buttons input.next { div.buttons input.next {
background-color: #666666; background-color: #666666;
@ -424,12 +433,12 @@ div.buttons input.prev:hover, div.buttons input.prev:focus {
/* Footer */ /* Footer */
#footer_survey { #footer_survey {
padding: 40px; padding: 48px 0 64px 0;
background-color: #ffffff; background-color: #ffffff;
border-top: 1px #eeeeee solid; border-top: 1px #E5E5E5 solid;
} }
#footer_survey p, #footer_survey a, #footer_survey a:visited { #footer_survey p, #footer_survey a, #footer_survey a:visited {
color: #505050; color: #333333;
font-size: 14px; font-size: 14px;
line-height: 25px; line-height: 25px;
font-weight: 400; font-weight: 400;

8
main/survey/skins/___po_narocilu/Bled.css
View File

@ -46,9 +46,7 @@ body.preview, body.testdata{
/* Warning bar (preview, cookie) */ /* Warning bar (preview, cookie) */
#cookie_alert, #test_alert { #cookie_alert, #test_alert {
font-family: Open Sans, Arial, Sans-Serif !important;
height: 26px; height: 26px;
font-size: 13px; font-size: 13px;
@ -457,9 +455,7 @@ div.buttons input.prev:hover {
/* Footer */ /* Footer */
#footer_survey { #footer_survey {
font-family: Open Sans, Arial, Sans-Serif !important;
padding: 30px 0; padding: 30px 0;
width: 100%; width: 100%;

2
main/survey/skins/___po_narocilu/Gorenje/Old/GorenjeGroup.css
View File

@ -6,8 +6,6 @@ body {
color: #231f20; color: #231f20;
font-size: 100%; font-size: 100%;
font-family: Arial, Verdana, Sans-Serif;
font-family: Open Sans, Arial, Sans-Serif !important;
background: #ffffff; background: #ffffff;
} }

2
main/survey/skins/___po_narocilu/MJU.css
View File

@ -6,8 +6,6 @@ body {
color: #1a4859; color: #1a4859;
font-size: 100%; font-size: 100%;
font-family: Arial, Verdana, Sans-Serif;
font-family: Open Sans, Arial, Sans-Serif !important;
background-color: #2b6175; background-color: #2b6175;
} }

2
main/survey/skins/___po_narocilu/MJU/single_bck/MJU.css
View File

@ -6,8 +6,6 @@ body {
color: #1a4859; color: #1a4859;
font-size: 100%; font-size: 100%;
font-family: Arial, Verdana, Sans-Serif;
font-family: Open Sans, Arial, Sans-Serif !important;
background: url('MJU/bg.png') top left repeat-x; background: url('MJU/bg.png') top left repeat-x;
background-color: #2e6479; background-color: #2e6479;

2
main/survey/skins/___po_narocilu/MJU/single_bck/MJU_mobile.css
View File

@ -1,8 +1,6 @@
body{ body{
padding: 0px; padding: 0px;
font-family: Arial, Verdana, Sans-Serif;
font-family: Open Sans, Arial, Sans-Serif !important;
font-size: 13px; font-size: 13px;
color: #1a4859; color: #1a4859;

2
main/survey/skins/___po_narocilu/MJU_mobile.css
View File

@ -1,8 +1,6 @@
body{ body{
padding: 0px; padding: 0px;
font-family: Arial, Verdana, Sans-Serif;
font-family: Open Sans, Arial, Sans-Serif !important;
font-size: 13px; font-size: 13px;
color: #1a4859; color: #1a4859;

2
main/survey/skins/___po_narocilu/MJU_tablet.css
View File

@ -1,8 +1,6 @@
body{ body{
padding: 0px; padding: 0px;
font-family: Arial, Verdana, Sans-Serif;
font-family: Open Sans, Arial, Sans-Serif !important;
font-size: 13px; font-size: 13px;
color: #1a4859; color: #1a4859;

2
public/css/main.css
View File

@ -5053,7 +5053,7 @@ readers do not read off random characters that represent icons */
} }
body { body {
font-family: Montserrat, sans-serif; font-family: Source Sans Pro, sans-serif;
font-size: 62.5%; font-size: 62.5%;
margin: 0; margin: 0;
} }

4
resources/sass/main/main/admin.scss
View File

@ -214,8 +214,6 @@
} }
#preview_switch { #preview_switch {
font-family: Open Sans, Arial, Sans-Serif !important;
box-sizing: border-box; box-sizing: border-box;
width: 100%; width: 100%;
@ -280,8 +278,6 @@
} }
#preview-holder { #preview-holder {
font-family: Open Sans, Arial, Sans-Serif !important;
z-index: 100; z-index: 100;
box-sizing: border-box; box-sizing: border-box;
width: 100%; width: 100%;

2
resources/sass/main/main/basic.scss
View File

@ -9,7 +9,7 @@
@import "../../../fonts/FontAwesome5/scss/solid.scss"; @import "../../../fonts/FontAwesome5/scss/solid.scss";
@import "../../../fonts/FontAwesome5/scss/brands.scss"; @import "../../../fonts/FontAwesome5/scss/brands.scss";
$font_family: Montserrat, sans-serif; $font_family: Source Sans Pro, sans-serif;
$fontawesome: "Font Awesome 5 Free"; $fontawesome: "Font Awesome 5 Free";
$siva-suctom-radio: #c3c3c3; $siva-suctom-radio: #c3c3c3;

2
resources/sass/main/main/test_survey_comments.scss
View File

@ -10,8 +10,6 @@ span.faicon.empty {
font-weight: 400 !important; font-weight: 400 !important;
} }
$font-family: Open Sans, Arial, Sans-Serif;
//Barve //Barve
$blue: #1E88E5; $blue: #1E88E5;
$dark-blue: #0059ab; $dark-blue: #0059ab;

4
resources/sass/main/main_mobile/header.scss
View File

@ -25,9 +25,7 @@
/* Warning bar (preview, cookie) */ /* Warning bar (preview, cookie) */
#cookie_alert, #test_alert { #cookie_alert, #test_alert {
font-family: Open Sans, Arial, Sans-Serif;
height: 26px; height: 26px;
line-height: 25px; line-height: 25px;

103
resources/sass/main/skins/1ka/1ka.scss
View File

@ -3,8 +3,15 @@
*/ */
/* Barve */
$color_gray: #E5E5E5;
$color_warning: #ffa608;
$color_text: #333333;
/* Fonti */ /* Fonti */
$font_family: Montserrat, Arial, Sans-Serif; $font_family: Source Sans Pro, sans-serif;
body { body {
@ -30,7 +37,7 @@ body.preview, body.testdata{
width: 100%; width: 100%;
height: 80px; height: 80px;
border-bottom: 6px $color_strong solid; border-bottom: 2px $color_strong solid;
} }
#container { #container {
@ -38,7 +45,7 @@ body.preview, body.testdata{
width: 100%; width: 100%;
max-width: 1200px; max-width: 1200px;
margin: 0px auto 10px; margin: 0px auto;
} }
} }
@ -79,14 +86,16 @@ body.preview, body.testdata{
/* Header - logo, naslov, progressbar */ /* Header - logo, naslov, progressbar */
h1 { h1 {
margin: 0px auto 30px; margin: 0px auto;
padding: 120px 0 50px 0; padding: 114px 0 32px 0;
font-size: 28px; font-size: 32px;
font-weight: 600;
line-height: 40px;
color: $color_title; color: $color_title;
text-align: center; text-align: center;
border-bottom: 1px solid $color_light_lighter; border-bottom: 1px solid $color_gray;
} }
h1.evalvacija{ h1.evalvacija{
margin-bottom: 0; margin-bottom: 0;
@ -95,7 +104,7 @@ h1.evalvacija{
#logo { #logo {
right: auto; right: auto;
left: 25px; left: 0;
top: 13px; top: 13px;
max-height: 56px !important; max-height: 56px !important;
@ -179,22 +188,34 @@ h1.evalvacija{
} }
/* Uvod in zakljucek */
.intro,
.concl{
.spremenljivka .naslov{
margin: 0;
}
}
/* Spremenljivke */ /* Spremenljivke */
.spremenljivka { .spremenljivka {
margin: 20px 10px 20px 10px; margin: 0;
padding: 20px 2px 50px 12px !important; padding: 48px 0 !important;
border-bottom: 1px $color_light_lighter solid; border-bottom: 1px $color_gray solid;
.naslov{ .naslov{
padding: 5px 0 15px 5px; padding: 0 !important;
font-size: 18px; margin: 0 0 24px 0;
font-size: 20px;
font-weight: 600; font-weight: 600;
.spremenljivka_info{ .spremenljivka_info{
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
padding-top: 7px; padding-top: 8px;
} }
} }
@ -241,16 +262,25 @@ td.variabla,
td.question, td.question,
td.differential, td.differential,
.variabla_sum label{ .variabla_sum label{
font-size: 14px; font-size: 16px;
} }
div.variable_holder { div.variable_holder {
padding: 10px 0 0 0; padding: 0 !important;
.variabla{
padding: 0;
margin-bottom: 16px;
&:last-child{
margin-bottom: 0;
}
}
thead, thead,
tr.table-header { tr.table-header {
font-weight: normal; font-weight: normal;
font-size: 14px; font-size: 16px;
td{ td{
padding: 10px 5px; padding: 10px 5px;
@ -260,26 +290,19 @@ div.variable_holder {
table.grid_table{ table.grid_table{
thead tr td{
border-bottom: 2px $color_light solid;
}
thead tr.middle_row td{
border-top: 2px $color_light solid;
}
tbody tr.table-header td{ tbody tr.table-header td{
border-bottom: 2px $color_light solid;
border-top: 2px $color_light solid; border-top: 2px $color_light solid;
background-color: #ffffff; background-color: #ffffff;
} }
tbody tr:nth-child(2n+1) { tbody tr:nth-child(2n+1) {
background-color: #ffffff; background-color: $color_light_lighter;
} }
tbody tr:nth-child(2n) { tbody tr:nth-child(2n) {
background-color: $color_light_lighter; background-color: #ffffff;
} }
td { td {
padding: 10px 10px; padding: 12px 16px;
} }
} }
@ -453,24 +476,24 @@ button.ui-datepicker-trigger{
/* Gumbi na dnu */ /* Gumbi na dnu */
div.buttons { div.buttons {
padding: 20px 20px 35px; padding: 64px 0;
margin: 0 10px; margin: 0;
input { input {
cursor: pointer; cursor: pointer;
margin: 8px 10px; margin: 8px 10px;
/*padding: 7px 11px;*/ padding: 0 32px;
padding: 10px 20px; height: 40px;
text-align: center; text-align: center;
font-size: 12px; font-size: 16px;
letter-spacing: 1px;
font-weight: 600; font-weight: 600;
color: #FFFFFF; color: #FFFFFF;
border-radius: 20px; border: 0;
border: 0;
transition: 0.3s;
} }
input.next { input.next {
@ -500,10 +523,10 @@ div.buttons {
/* Footer */ /* Footer */
#footer_survey { #footer_survey {
padding: 40px; padding: 48px 0 64px 0;
background-color: #ffffff; background-color: #ffffff;
border-top: 1px $color_light_lighter solid; border-top: 1px $color_gray solid;
p, a, a:visited { p, a, a:visited {
color: $color_text; color: $color_text;

5
resources/sass/main/skins/1ka/1kaBlack.scss
View File

@ -10,15 +10,10 @@ $color_active: lighten($color_strong, 15%);
$color_light_lighter: lighten($color_light, 65%); $color_light_lighter: lighten($color_light, 65%);
$color_title: $color_strong; $color_title: $color_strong;
$color_text: #505050;
$color_link: $color_strong; $color_link: $color_strong;
$color_link_hover: $color_active; $color_link_hover: $color_active;
$color_warning: #ffa608;
/* Import osnovne postavitve */ /* Import osnovne postavitve */
@import "1ka"; @import "1ka";

9
resources/sass/main/skins/1ka/1kaBlue.scss
View File

@ -6,19 +6,14 @@
/* Barve */ /* Barve */
$color_strong: #1e88e5; $color_strong: #1e88e5;
$color_light: #42A5F5; $color_light: #42A5F5;
$color_active: #ffa608; $color_active: darken($color_strong, 15%);
$color_light_lighter: lighten($color_light, 32%);
$color_light_lighter: #F1F8FD;
$color_title: $color_strong; $color_title: $color_strong;
$color_text: #505050;
$color_link: $color_strong; $color_link: $color_strong;
$color_link_hover: $color_active; $color_link_hover: $color_active;
$color_warning: #ffa608;
/* Import osnovne postavitve */ /* Import osnovne postavitve */
@import "1ka"; @import "1ka";

5
resources/sass/main/skins/1ka/1kaGreen.scss
View File

@ -10,15 +10,10 @@ $color_active: lighten($color_strong, 15%);
$color_light_lighter: lighten($color_light, 35%); $color_light_lighter: lighten($color_light, 35%);
$color_title: $color_strong; $color_title: $color_strong;
$color_text: #505050;
$color_link: $color_strong; $color_link: $color_strong;
$color_link_hover: $color_active; $color_link_hover: $color_active;
$color_warning: #ffa608;
/* Import osnovne postavitve */ /* Import osnovne postavitve */
@import "1ka"; @import "1ka";

5
resources/sass/main/skins/1ka/1kaNature.scss
View File

@ -10,15 +10,10 @@ $color_active: #ffa608;
$color_light_lighter: lighten($color_light, 32%); $color_light_lighter: lighten($color_light, 32%);
$color_title: #505050; $color_title: #505050;
$color_text: #505050;
$color_link: $color_strong; $color_link: $color_strong;
$color_link_hover: $color_active; $color_link_hover: $color_active;
$color_warning: #ffa608;
/* Import osnovne postavitve */ /* Import osnovne postavitve */
@import "1ka"; @import "1ka";

5
resources/sass/main/skins/1ka/1kaOffice.scss
View File

@ -10,15 +10,10 @@ $color_active: #ffa608;
$color_light_lighter: lighten($color_light, 32%); $color_light_lighter: lighten($color_light, 32%);
$color_title: #505050; $color_title: #505050;
$color_text: #505050;
$color_link: $color_strong; $color_link: $color_strong;
$color_link_hover: $color_active; $color_link_hover: $color_active;
$color_warning: #ffa608;
/* Import osnovne postavitve */ /* Import osnovne postavitve */
@import "1ka"; @import "1ka";

5
resources/sass/main/skins/1ka/1kaOrange.scss
View File

@ -10,15 +10,10 @@ $color_active: lighten($color_strong, 15%);
$color_light_lighter: lighten($color_light, 32%); $color_light_lighter: lighten($color_light, 32%);
$color_title: $color_strong; $color_title: $color_strong;
$color_text: #505050;
$color_link: $color_strong; $color_link: $color_strong;
$color_link_hover: $color_active; $color_link_hover: $color_active;
$color_warning: #ffa608;
/* Import osnovne postavitve */ /* Import osnovne postavitve */
@import "1ka"; @import "1ka";

5
resources/sass/main/skins/1ka/1kaPurple.scss
View File

@ -10,15 +10,10 @@ $color_active: lighten($color_strong, 15%);
$color_light_lighter: lighten($color_light, 35%); $color_light_lighter: lighten($color_light, 35%);
$color_title: $color_strong; $color_title: $color_strong;
$color_text: #505050;
$color_link: $color_strong; $color_link: $color_strong;
$color_link_hover: $color_active; $color_link_hover: $color_active;
$color_warning: #ffa608;
/* Import osnovne postavitve */ /* Import osnovne postavitve */
@import "1ka"; @import "1ka";

5
resources/sass/main/skins/1ka/1kaRed.scss
View File

@ -10,15 +10,10 @@ $color_active: lighten($color_strong, 15%);
$color_light_lighter: lighten($color_light, 32%); $color_light_lighter: lighten($color_light, 32%);
$color_title: $color_strong; $color_title: $color_strong;
$color_text: #505050;
$color_link: $color_strong; $color_link: $color_strong;
$color_link_hover: $color_active; $color_link_hover: $color_active;
$color_warning: #ffa608;
/* Import osnovne postavitve */ /* Import osnovne postavitve */
@import "1ka"; @import "1ka";

6
resources/sass/main/skins/1ka/Cdi.scss
View File

@ -10,21 +10,15 @@ $color_active: lighten($color_strong, 15%);
$color_light_lighter: lighten($color_light, 40%); $color_light_lighter: lighten($color_light, 40%);
$color_title: $color_strong; $color_title: $color_strong;
$color_text: #505050;
$color_link: $color_strong; $color_link: $color_strong;
$color_link_hover: $color_active; $color_link_hover: $color_active;
$color_warning: #ffa608;
/* Import osnovne postavitve */ /* Import osnovne postavitve */
@import "1ka"; @import "1ka";
/* Popravimo se logo */ /* Popravimo se logo */
#logo { #logo {
background-image: url("../../../public/img/logo/cdi_slo.png"); background-image: url("../../../public/img/logo/cdi_slo.png");

6
resources/sass/main/skins/1ka/Fdv.scss
View File

@ -10,21 +10,15 @@ $color_active: lighten($color_strong, 15%);
$color_light_lighter: lighten($color_light, 40%); $color_light_lighter: lighten($color_light, 40%);
$color_title: $color_strong; $color_title: $color_strong;
$color_text: #505050;
$color_link: $color_strong; $color_link: $color_strong;
$color_link_hover: $color_active; $color_link_hover: $color_active;
$color_warning: #ffa608;
/* Import osnovne postavitve */ /* Import osnovne postavitve */
@import "1ka"; @import "1ka";
/* Popravimo se logo */ /* Popravimo se logo */
#logo, #logo.english { #logo, #logo.english {
background-image: url("../../../public/img/logo/fdv.png"); background-image: url("../../../public/img/logo/fdv.png");

6
resources/sass/main/skins/1ka/Uni.scss
View File

@ -10,21 +10,15 @@ $color_active: lighten($color_strong, 15%);
$color_light_lighter: lighten($color_light, 40%); $color_light_lighter: lighten($color_light, 40%);
$color_title: $color_strong; $color_title: $color_strong;
$color_text: #505050;
$color_link: $color_strong; $color_link: $color_strong;
$color_link_hover: $color_active; $color_link_hover: $color_active;
$color_warning: #ffa608;
/* Import osnovne postavitve */ /* Import osnovne postavitve */
@import "1ka"; @import "1ka";
/* Popravimo se logo */ /* Popravimo se logo */
#logo, #logo.english { #logo, #logo.english {
background-image: url("../../../public/img/logo/uni.png"); background-image: url("../../../public/img/logo/uni.png");

2
resources/sass/main/skins/1ka_mobile/Mobile.scss
View File

@ -4,7 +4,7 @@
/* Fonti */ /* Fonti */
$font_family: Montserrat, Arial, Sans-Serif; $font_family: Source Sans Pro, sans-serif;
body{ body{

3
resources/sass/main/skins/otroci/Otroci3.scss
View File

@ -2,8 +2,7 @@
Tema Otroci 3 Tema Otroci 3
*/ */
/*$font_family: Open Sans, Arial, Sans-Serif;*/ $font_family: Source Sans Pro, sans-serif;
$font_family: Montserrat, Arial, Sans-Serif;
/* Barve */ /* Barve */
$color_text: #333; $color_text: #333;

3
resources/sass/main/skins/otroci/Otroci4.scss
View File

@ -2,8 +2,7 @@
Tema Otroci 4 Tema Otroci 4
*/ */
/*$font_family: Open Sans, Arial, Sans-Serif;*/ $font_family: Source Sans Pro, sans-serif;
$font_family: Montserrat, Arial, Sans-Serif;
/* Barve */ /* Barve */
$color_text: #333; $color_text: #333;