diff options
Diffstat (limited to 'main/survey/skins')
144 files changed, 13666 insertions, 0 deletions
diff --git a/main/survey/skins/1ka.css b/main/survey/skins/1ka.css new file mode 100644 index 0000000..4f7dfb4 --- /dev/null +++ b/main/survey/skins/1ka.css @@ -0,0 +1,256 @@ +/* 1KA new default theme */
+
+body {
+ margin: 0;
+ padding: 0;
+
+ color: #333;
+ font-size: 75%;
+ font-family: Arial, Verdana, Sans-Serif;
+ font-family: Open Sans, Arial, Sans-Serif !important;
+
+ background: #eff2f7;
+}
+body.preview, body.testdata{
+ margin-top: 26px;
+}
+
+#outercontainer {
+ width: 100%;
+ margin: 0 auto;
+
+ background: #ffffff url('1ka/header.png') top left repeat-x;
+}
+#container {
+ position: relative;
+
+ width: 100%;
+ max-width: 980px;
+ margin: 0px auto 10px;
+}
+
+
+/* Warning bar (preview, cookie) */
+#cookie_alert, #test_alert {
+ height: 26px;
+
+ line-height: 25px;
+ color: #ffffff;
+
+ background-color: #fe9c5c;
+ border-bottom: 1px solid #fe9c5c;
+}
+#cookie_alert a, #test_alert a {
+ text-decoration: none;
+ font-weight: bold;
+ color: #ffffff;
+}
+#cookie_alert a:hover, #test_alert a:hover {
+ text-decoration: underline;
+}
+#cookie_alert span, #test_alert span {
+ color: #ffffff;
+}
+#cookie_alert span a, #test_alert span a {
+ color: #ffffff;
+ font-weight: normal;
+}
+
+
+/* Header - logo, naslov, progressbar */
+h1 {
+ margin: 0px auto 50px;
+ padding: 130px 0 0 0;
+
+ font-size: 22px;
+ color: #0c377a;
+ text-align: center;
+}
+h1.evalvacija{
+ margin-bottom: 0;
+}
+
+#logo {
+ right: auto;
+ left: 20px;
+ top: 24px;
+
+ background: url("../../../public/img/logo/1ka_slo.svg") no-repeat scroll 0 0 transparent;
+ background-repeat: no-repeat;
+}
+#logo.english{
+ background: url("../../../public/img/logo/1ka_eng.svg") no-repeat scroll 0 0 transparent;
+}
+#logo a{
+ width: 80px;
+ height: 46px;
+}
+
+#progress_bar {
+ right: 20px;
+ left: auto;
+ top: 30px;
+}
+#progress_bar span {
+ float: left !important; /* ie6,7 doesnt support inline-block */
+ display: block;
+ width: 20px;
+
+ font-size: 11px;
+ color: #6D87AF;
+}
+#progress_bar div {
+ height: 10px;
+ width: 130px;
+ padding: 2px;
+ margin: 0 5px;
+
+ border: 1px #cccccc solid;
+ background-color: #ffffff;
+}
+#progress_bar div span {
+ height: 10px;
+ background-color: #0C377A;
+}
+#progress_bar p a {
+ color: #0C377A;
+ text-decoration: none;
+}
+#progress_bar p a:hover {
+ color: #fa4913;
+}
+
+
+/* Spremenljivke */
+.spremenljivka {
+ margin: 20px 10px 20px 10px;
+ padding: 20px 2px 20px 12px !important;
+
+ border-top: 1px #B9C5D9 solid;
+
+ /*box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
+ -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
+ -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);*/
+}
+.spremenljivka.limited{
+ outline: 1px #F15A24 solid;
+}
+.required, .required_require, .required_limit {
+ outline: 1px #F15A24 solid;
+}
+
+.spremenljivka .naslov{
+ padding-left: 5px;
+ font-size: 16px;
+}
+.spremenljivka .naslov .spremenljivka_info{
+ font-size: 70%;
+}
+
+.spremenljivka .counter{
+ font-size: 16px;
+}
+
+div.variabla,
+td.variabla,
+td.question,
+td.differential{
+ font-size: 13px;
+}
+
+div.variable_holder {
+ padding: 0 30px;
+}
+
+div.variable_holder thead {
+ font-weight: 600;
+}
+table.grid_table tbody tr:nth-child(2n+1) {
+ background-color: #EFF2F7;
+}
+
+div.variable_holder .frame_ranking{
+ border: 1px #B9C5D9 solid;
+ background-color: #EFF2F7;
+}
+div.variable_holder .frame_ranking_hover {
+ border: 1px #8A9FBF solid;
+ background-color: #CED7E4;
+}
+
+span.reminder {
+ left: 3px;
+}
+
+input[type="text"], textarea, select{
+ padding: 2px 4px;
+ background: #fff;
+}
+
+
+/* Gumbi na dnu */
+div.buttons {
+ padding: 30px 20px 35px;
+ margin: 0 10px;
+
+ border-top: 1px #B9C5D9 solid;
+}
+div.buttons input {
+ cursor: pointer;
+
+ margin: 8px 10px;
+ /*padding: 7px 11px;*/
+ padding: 6px 8px;
+
+ text-align: center;
+ /*font-size: 15px;*/
+ font-size: 13px;
+ font-weight: bold;
+ color: #FFFFFF;
+
+ border-radius: 4px;
+ border: 0;
+}
+div.buttons input.next {
+ background-color: #3D5F95;
+ border: 1px solid #3D5F95;
+}
+div.buttons input.next:hover {
+ background-color: #fe8333;
+ border: 1px solid #fe8333;
+}
+div.buttons input.prev {
+ color: #3D5F95;
+ background-color: #ffffff;
+ border: 1px solid #3D5F95;
+}
+div.buttons input.prev:hover {
+ color: #FFFFFF;
+ background-color: #3D5F95;
+}
+
+
+/* Footer */
+#footer_survey {
+ padding: 20px;
+
+ background-color: #eff2f7;
+ border-top: 1px #b9c5d9 solid;
+}
+#footer_survey a, #footer_survey a:visited {
+ color: #6d87af;
+ text-decoration: none;
+}
+#footer_survey a:hover, #footer_survey a:active {
+ text-decoration: underline;
+}
+
+
+/* awesome radio in checkboxi */
+input[type="checkbox"] + span.enka-checkbox-radio,
+input[type="radio"] + span.enka-checkbox-radio,
+.custom_radio_picture.obarvan > label > span.enka-custom-radio:before{
+ color: #3D5F95;
+}
+
+
diff --git a/main/survey/skins/1ka/close.png b/main/survey/skins/1ka/close.png Binary files differnew file mode 100644 index 0000000..9eefd77 --- /dev/null +++ b/main/survey/skins/1ka/close.png diff --git a/main/survey/skins/1ka/header.png b/main/survey/skins/1ka/header.png Binary files differnew file mode 100644 index 0000000..76babc7 --- /dev/null +++ b/main/survey/skins/1ka/header.png diff --git a/main/survey/skins/1ka/header_new.png b/main/survey/skins/1ka/header_new.png Binary files differnew file mode 100644 index 0000000..4b1a281 --- /dev/null +++ b/main/survey/skins/1ka/header_new.png diff --git a/main/survey/skins/1ka/header_new2.png b/main/survey/skins/1ka/header_new2.png Binary files differnew file mode 100644 index 0000000..0a369ad --- /dev/null +++ b/main/survey/skins/1ka/header_new2.png diff --git a/main/survey/skins/1ka/logo.png b/main/survey/skins/1ka/logo.png Binary files differnew file mode 100644 index 0000000..310467c --- /dev/null +++ b/main/survey/skins/1ka/logo.png diff --git a/main/survey/skins/1ka/logo_full.png b/main/survey/skins/1ka/logo_full.png Binary files differnew file mode 100644 index 0000000..f37ea54 --- /dev/null +++ b/main/survey/skins/1ka/logo_full.png diff --git a/main/survey/skins/1ka/logo_full_ang.png b/main/survey/skins/1ka/logo_full_ang.png Binary files differnew file mode 100644 index 0000000..efc8be7 --- /dev/null +++ b/main/survey/skins/1ka/logo_full_ang.png diff --git a/main/survey/skins/1ka/logo_full_old.png b/main/survey/skins/1ka/logo_full_old.png Binary files differnew file mode 100644 index 0000000..784522a --- /dev/null +++ b/main/survey/skins/1ka/logo_full_old.png diff --git a/main/survey/skins/1ka/plus.png b/main/survey/skins/1ka/plus.png Binary files differnew file mode 100644 index 0000000..ab385ca --- /dev/null +++ b/main/survey/skins/1ka/plus.png diff --git a/main/survey/skins/1kaBlack.css b/main/survey/skins/1kaBlack.css new file mode 100644 index 0000000..48698bd --- /dev/null +++ b/main/survey/skins/1kaBlack.css @@ -0,0 +1,529 @@ +/*
+ Default tema ankete - 1ka - Crna barva
+*/
+/* Barve */
+/* Import osnovne postavitve */
+/*
+ Osnovna tema ankete - 1ka - brez definiranih barv
+*/
+/* Fonti */
+body {
+ margin: 0;
+ padding: 0;
+ color: #505050;
+ font-size: 100%;
+ font-family: Montserrat, Arial, Sans-Serif !important;
+ background: #ffffff;
+}
+
+body.preview, body.testdata {
+ margin-top: 26px;
+}
+
+#outercontainer {
+ width: 100%;
+ margin: 0 auto;
+}
+#outercontainer .outercontainer_header {
+ position: absolute;
+ width: 100%;
+ height: 80px;
+ border-bottom: 6px #333333 solid;
+}
+#outercontainer #container {
+ position: relative;
+ width: 100%;
+ max-width: 1200px;
+ margin: 0px auto 10px;
+}
+
+/* Warning bar (preview, cookie) */
+#cookie_alert,
+#test_alert {
+ height: 26px;
+ font-size: 15px;
+ line-height: 25px;
+ color: #ffffff;
+ background-color: #ffa608;
+ border-bottom: 1px solid #ffa608;
+}
+#cookie_alert a,
+#test_alert a {
+ text-decoration: none;
+ font-weight: bold;
+ color: #ffffff;
+}
+#cookie_alert a:hover,
+#test_alert a:hover {
+ text-decoration: underline;
+}
+#cookie_alert span,
+#test_alert span {
+ color: #ffffff;
+}
+#cookie_alert span a,
+#test_alert span a {
+ color: #ffffff;
+ font-weight: normal;
+}
+
+/* Header - logo, naslov, progressbar */
+h1 {
+ margin: 0px auto 30px;
+ padding: 120px 0 50px 0;
+ font-size: 28px;
+ color: #333333;
+ text-align: center;
+ border-bottom: 1px solid #eaeaea;
+}
+
+h1.evalvacija {
+ margin-bottom: 0;
+}
+
+#logo {
+ right: auto;
+ left: 25px;
+ top: 13px;
+ max-height: 56px !important;
+ background: url("../../../public/img/logo/1ka_slo.svg");
+ background-repeat: no-repeat !important;
+ background-size: auto 100% !important;
+}
+#logo a {
+ width: 250px;
+ height: 56px;
+}
+
+#logo.english {
+ background: url("../../../public/img/logo/1ka_eng.svg");
+}
+
+.header_settings_holder {
+ top: 0px;
+ right: 20px;
+ left: auto;
+}
+.header_settings_holder .progress_bar span {
+ float: left !important;
+ /* ie6,7 doesnt support inline-block */
+ display: block;
+ width: 20px;
+ font-size: 11px;
+ color: #6D87AF;
+}
+.header_settings_holder .progress_bar div {
+ height: 10px;
+ width: 130px;
+ padding: 2px;
+ margin: 0 5px;
+ border: 1px #cccccc solid;
+ background-color: #ffffff;
+}
+.header_settings_holder .progress_bar div span {
+ height: 10px;
+ background-color: #333333;
+}
+.header_settings_holder .progress_bar p a {
+ color: #333333;
+ text-decoration: none;
+}
+.header_settings_holder .progress_bar p a:hover {
+ color: #595959;
+}
+.header_settings_holder .continue_later_setting a {
+ color: #333333;
+}
+.header_settings_holder .continue_later_setting a:hover {
+ color: #595959;
+}
+.header_settings_holder .tawk_chat a {
+ color: #333333;
+}
+.header_settings_holder .tawk_chat a:hover {
+ color: #595959;
+}
+
+/* Spremenljivke */
+.spremenljivka {
+ margin: 20px 10px 20px 10px;
+ padding: 20px 2px 50px 12px !important;
+ border-bottom: 1px #eaeaea solid;
+}
+.spremenljivka .naslov {
+ padding: 5px 0 15px 5px;
+ font-size: 18px;
+ font-weight: 600;
+}
+.spremenljivka .naslov .spremenljivka_info {
+ font-size: 14px;
+ font-weight: 400;
+ padding-top: 7px;
+}
+.spremenljivka .sequence_number {
+ background-color: #eaeaea;
+ color: #444444;
+}
+.spremenljivka .sequence_number:hover {
+ background-color: #d0d0d0;
+}
+.spremenljivka .sequence_number.active {
+ background-color: #444444;
+ color: #ffffff;
+}
+.spremenljivka .counter {
+ font-size: 18px;
+}
+.spremenljivka #dynamic_count {
+ color: #333333;
+}
+.spremenljivka .arrow {
+ color: #333333;
+}
+.spremenljivka .arrow:hover {
+ color: #595959;
+}
+
+.spremenljivka.limited {
+ outline: 1px #F15A24 solid;
+}
+
+.required, .required_require, .required_limit {
+ outline: 1px #F15A24 solid;
+}
+
+div.variabla,
+td.variabla,
+td.question,
+td.differential,
+.variabla_sum label {
+ font-size: 14px;
+}
+
+div.variable_holder {
+ padding: 10px 0 0 0;
+}
+div.variable_holder thead,
+div.variable_holder tr.table-header {
+ font-weight: normal;
+ font-size: 14px;
+}
+div.variable_holder thead td,
+div.variable_holder tr.table-header td {
+ 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 {
+ border-bottom: 2px #444444 solid;
+ border-top: 2px #444444 solid;
+ background-color: #ffffff;
+}
+table.grid_table tbody tr:nth-child(2n+1) {
+ background-color: #ffffff;
+}
+table.grid_table tbody tr:nth-child(2n) {
+ background-color: #eaeaea;
+}
+table.grid_table td {
+ padding: 10px 10px;
+}
+
+span.reminder {
+ left: 3px;
+}
+
+/* Textboxi, textarea, select */
+input, textarea, select {
+ font-family: Montserrat, Arial, Sans-Serif !important;
+}
+
+input[type=text], textarea, select {
+ padding: 10px 15px;
+ border-radius: 3px;
+ border: 1px solid #d1d1d1;
+ border-radius: 3px;
+ background-color: #fff;
+}
+
+/* ranking */
+.dropzone {
+ border-top: 1px #eaeaea solid;
+ margin-top: 12px;
+ padding-top: 17px;
+}
+
+table.ranking_table ul {
+ margin-top: 19px;
+}
+
+.ranking,
+.ranking_long,
+.handle,
+.handle_long,
+.ime,
+.izbran,
+.frame_ranking,
+.frame_ranking_hover,
+.frame_dropping,
+.frame_dropping_hover,
+.frame_moving {
+ font-size: 13px;
+ padding: 7px 10px 9px;
+ border: 2px solid #333333;
+ background-color: #ffffff;
+}
+
+.ranking:hover {
+ background-color: #f5fafe;
+}
+
+div.variable_holder .frame_ranking_hover {
+ border: 2px #333333 solid;
+ background-color: #eaeaea;
+}
+
+div.variable_holder .frame_ranking,
+div.variable_holder .frame_moving,
+div.variable_holder .frame_dropping,
+div.variable_holder .frame_dropping_hover {
+ text-indent: -35px;
+ border: 2px #444444 solid;
+ background-color: #eaeaea;
+}
+
+table.ranking_table b {
+ font-size: 13px;
+ font-weight: 600;
+}
+
+/* Photo upload button */
+button.record_foto {
+ border: 2px solid #333333;
+}
+button.record_foto::before {
+ color: #333333;
+}
+button.record_foto:hover, button.record_foto:focus {
+ border-color: #595959;
+}
+button.record_foto:hover::before, button.record_foto:focus::before {
+ color: #595959;
+}
+
+/* Koledar */
+.ui-datepicker {
+ font-size: 14px;
+}
+
+button.ui-datepicker-trigger {
+ color: #333333;
+}
+button.ui-datepicker-trigger:hover, button.ui-datepicker-trigger:focus {
+ color: #595959;
+}
+
+/* Slider */
+.grupa .spremenljivka .ui-slider-pips .ui-slider-pip {
+ color: #505050;
+}
+.grupa .spremenljivka .slider.ui-widget-content {
+ /*background-color: $color_light !important;*/
+ background-image: none !important;
+ border: 0;
+}
+.grupa .spremenljivka .ui-slider-horizontal {
+ height: 8px;
+}
+.grupa .spremenljivka .ui-slider-handle {
+ cursor: pointer;
+ height: 10px !important;
+ width: 18px !important;
+ margin-top: 1px;
+ border: 0;
+ border-radius: 15px 15px !important;
+ background-color: #333333 !important;
+ background-image: none !important;
+}
+.grupa .spremenljivka .ui-slider-handle:active {
+ background-color: #333333 !important;
+}
+.grupa .spremenljivka .sliderText {
+ padding-top: 2px;
+ color: #505050;
+ background-color: #444444;
+ border: 0;
+}
+.grupa .spremenljivka .sliderText::after {
+ border-color: #444444 transparent;
+}
+
+/* Warning levo od vprasanja */
+.validation_alert {
+ position: absolute;
+ z-index: 51;
+ top: 20px;
+ left: -150px;
+ width: 130px;
+ min-height: 29px;
+ margin: 0;
+ text-align: center;
+ font-size: 11px;
+ line-height: 14px;
+ background-color: #eaeaea;
+ border: 2px solid red;
+ padding: 4px 7px;
+ border-radius: 4px;
+ box-shadow: none;
+}
+
+/* Gumbi na dnu */
+div.buttons {
+ padding: 20px 20px 35px;
+ margin: 0 10px;
+}
+div.buttons input {
+ cursor: pointer;
+ margin: 8px 10px;
+ /*padding: 7px 11px;*/
+ padding: 10px 20px;
+ text-align: center;
+ font-size: 12px;
+ letter-spacing: 1px;
+ font-weight: 600;
+ color: #FFFFFF;
+ border-radius: 20px;
+ border: 0;
+}
+div.buttons input.next {
+ background-color: #333333;
+ border: 1px solid #333333;
+}
+div.buttons input.next:hover, div.buttons input.next:focus {
+ background-color: #595959;
+ border: 1px solid #595959;
+}
+div.buttons input.prev {
+ color: #333333;
+ background-color: #fff;
+ border: 1px solid #333333;
+}
+div.buttons input.prev:hover, div.buttons input.prev:focus {
+ color: #fff;
+ background-color: #333333;
+}
+
+/* Footer */
+#footer_survey {
+ padding: 40px;
+ background-color: #ffffff;
+ border-top: 1px #eaeaea solid;
+}
+#footer_survey p, #footer_survey a, #footer_survey a:visited {
+ color: #505050;
+ font-size: 14px;
+ line-height: 25px;
+ font-weight: 400;
+ text-decoration: none;
+}
+#footer_survey a:hover, #footer_survey a:active {
+ text-decoration: none;
+}
+
+/* awesome radio in checkboxi */
+input[type=checkbox] + span.enka-checkbox-radio,
+input[type=radio] + span.enka-checkbox-radio,
+.custom_radio_picture.obarvan > label > span.enka-custom-radio:before,
+.visual-radio-scale.checked .enka-vizualna-skala {
+ color: #444444;
+ font-size: 20px;
+ vertical-align: -1px;
+}
+
+input[type=checkbox]:focus + span.enka-checkbox-radio:before,
+input[type=radio]:focus + span.enka-checkbox-radio:before,
+input[type=radio]:focus + span.enka-custom-radio:before,
+input[type=radio]:focus + span.enka-vizualna-skala::before {
+ color: #040404;
+}
+
+input[type=text]:focus,
+input[type=number]:focus,
+input[type=email]:focus,
+input[type=password]:focus,
+textarea:focus {
+ border-color: #444444;
+}
+
+/* Ranking drag drop */
+.drag_and_drop {
+ top: -9px;
+ left: -12px;
+}
+
+.drag_and_drop_right {
+ top: -9px !important;
+ left: -12px !important;
+}
+
+.frame_dropping_titles {
+ width: 240px;
+ padding: 5px;
+ margin: 0px auto 0px auto;
+ height: 15px;
+ text-align: center;
+ background-color: #FFFFFF;
+ border-top: 2px solid #b9c5d9;
+ border-left: 2px solid #b9c5d9;
+ border-right: 2px solid #b9c5d9;
+ font-size: 13px;
+}
+
+.drag_and_drop_box {
+ top: -9px;
+ left: -12px;
+}
+.drag_and_drop_box img {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.drag_and_drop_box_right {
+ top: 19px !important;
+ left: -12px !important;
+}
+
+.drag_and_drop_box_right_after_refresh {
+ /*top: 44px!important;*/
+ left: -12px !important;
+}
+
+.drag_and_drop_box_right_over {
+ left: -12px !important;
+}
+
+.frame_dropping_titles_box {
+ width: 240px;
+ padding: 5px;
+ margin: 0px auto 0px auto;
+ height: 15px;
+ text-align: center;
+ background-color: #FFFFFF;
+ font-size: 13px;
+}
+
+.frame_dropping {
+ padding: 7px 10px 9px;
+}
+
+.frame_dropping_box {
+ padding: 7px 10px 9px;
+}
+
+/*# sourceMappingURL=1kaBlack.css.map */
diff --git a/main/survey/skins/1kaBlue.css b/main/survey/skins/1kaBlue.css new file mode 100644 index 0000000..06bba47 --- /dev/null +++ b/main/survey/skins/1kaBlue.css @@ -0,0 +1,529 @@ +/*
+ Default tema ankete - 1ka - Modra barva
+*/
+/* Barve */
+/* Import osnovne postavitve */
+/*
+ Osnovna tema ankete - 1ka - brez definiranih barv
+*/
+/* Fonti */
+body {
+ margin: 0;
+ padding: 0;
+ color: #505050;
+ font-size: 100%;
+ font-family: Montserrat, Arial, Sans-Serif !important;
+ background: #ffffff;
+}
+
+body.preview, body.testdata {
+ margin-top: 26px;
+}
+
+#outercontainer {
+ width: 100%;
+ margin: 0 auto;
+}
+#outercontainer .outercontainer_header {
+ position: absolute;
+ width: 100%;
+ height: 80px;
+ border-bottom: 6px #1e88e5 solid;
+}
+#outercontainer #container {
+ position: relative;
+ width: 100%;
+ max-width: 1200px;
+ margin: 0px auto 10px;
+}
+
+/* Warning bar (preview, cookie) */
+#cookie_alert,
+#test_alert {
+ height: 26px;
+ font-size: 15px;
+ line-height: 25px;
+ color: #ffffff;
+ background-color: #ffa608;
+ border-bottom: 1px solid #ffa608;
+}
+#cookie_alert a,
+#test_alert a {
+ text-decoration: none;
+ font-weight: bold;
+ color: #ffffff;
+}
+#cookie_alert a:hover,
+#test_alert a:hover {
+ text-decoration: underline;
+}
+#cookie_alert span,
+#test_alert span {
+ color: #ffffff;
+}
+#cookie_alert span a,
+#test_alert span a {
+ color: #ffffff;
+ font-weight: normal;
+}
+
+/* Header - logo, naslov, progressbar */
+h1 {
+ margin: 0px auto 30px;
+ padding: 120px 0 50px 0;
+ font-size: 28px;
+ color: #1e88e5;
+ text-align: center;
+ border-bottom: 1px solid #ddeffd;
+}
+
+h1.evalvacija {
+ margin-bottom: 0;
+}
+
+#logo {
+ right: auto;
+ left: 25px;
+ top: 13px;
+ max-height: 56px !important;
+ background: url("../../../public/img/logo/1ka_slo.svg");
+ background-repeat: no-repeat !important;
+ background-size: auto 100% !important;
+}
+#logo a {
+ width: 250px;
+ height: 56px;
+}
+
+#logo.english {
+ background: url("../../../public/img/logo/1ka_eng.svg");
+}
+
+.header_settings_holder {
+ top: 0px;
+ right: 20px;
+ left: auto;
+}
+.header_settings_holder .progress_bar span {
+ float: left !important;
+ /* ie6,7 doesnt support inline-block */
+ display: block;
+ width: 20px;
+ font-size: 11px;
+ color: #6D87AF;
+}
+.header_settings_holder .progress_bar div {
+ height: 10px;
+ width: 130px;
+ padding: 2px;
+ margin: 0 5px;
+ border: 1px #cccccc solid;
+ background-color: #ffffff;
+}
+.header_settings_holder .progress_bar div span {
+ height: 10px;
+ background-color: #1e88e5;
+}
+.header_settings_holder .progress_bar p a {
+ color: #1e88e5;
+ text-decoration: none;
+}
+.header_settings_holder .progress_bar p a:hover {
+ color: #ffa608;
+}
+.header_settings_holder .continue_later_setting a {
+ color: #1e88e5;
+}
+.header_settings_holder .continue_later_setting a:hover {
+ color: #ffa608;
+}
+.header_settings_holder .tawk_chat a {
+ color: #1e88e5;
+}
+.header_settings_holder .tawk_chat a:hover {
+ color: #ffa608;
+}
+
+/* Spremenljivke */
+.spremenljivka {
+ margin: 20px 10px 20px 10px;
+ padding: 20px 2px 50px 12px !important;
+ border-bottom: 1px #ddeffd solid;
+}
+.spremenljivka .naslov {
+ padding: 5px 0 15px 5px;
+ font-size: 18px;
+ font-weight: 600;
+}
+.spremenljivka .naslov .spremenljivka_info {
+ font-size: 14px;
+ font-weight: 400;
+ padding-top: 7px;
+}
+.spremenljivka .sequence_number {
+ background-color: #ddeffd;
+ color: #42A5F5;
+}
+.spremenljivka .sequence_number:hover {
+ background-color: #add8fb;
+}
+.spremenljivka .sequence_number.active {
+ background-color: #42A5F5;
+ color: #ffffff;
+}
+.spremenljivka .counter {
+ font-size: 18px;
+}
+.spremenljivka #dynamic_count {
+ color: #1e88e5;
+}
+.spremenljivka .arrow {
+ color: #1e88e5;
+}
+.spremenljivka .arrow:hover {
+ color: #ffa608;
+}
+
+.spremenljivka.limited {
+ outline: 1px #F15A24 solid;
+}
+
+.required, .required_require, .required_limit {
+ outline: 1px #F15A24 solid;
+}
+
+div.variabla,
+td.variabla,
+td.question,
+td.differential,
+.variabla_sum label {
+ font-size: 14px;
+}
+
+div.variable_holder {
+ padding: 10px 0 0 0;
+}
+div.variable_holder thead,
+div.variable_holder tr.table-header {
+ font-weight: normal;
+ font-size: 14px;
+}
+div.variable_holder thead td,
+div.variable_holder tr.table-header td {
+ 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 {
+ border-bottom: 2px #42A5F5 solid;
+ border-top: 2px #42A5F5 solid;
+ background-color: #ffffff;
+}
+table.grid_table tbody tr:nth-child(2n+1) {
+ background-color: #ffffff;
+}
+table.grid_table tbody tr:nth-child(2n) {
+ background-color: #ddeffd;
+}
+table.grid_table td {
+ padding: 10px 10px;
+}
+
+span.reminder {
+ left: 3px;
+}
+
+/* Textboxi, textarea, select */
+input, textarea, select {
+ font-family: Montserrat, Arial, Sans-Serif !important;
+}
+
+input[type=text], textarea, select {
+ padding: 10px 15px;
+ border-radius: 3px;
+ border: 1px solid #d1d1d1;
+ border-radius: 3px;
+ background-color: #fff;
+}
+
+/* ranking */
+.dropzone {
+ border-top: 1px #ddeffd solid;
+ margin-top: 12px;
+ padding-top: 17px;
+}
+
+table.ranking_table ul {
+ margin-top: 19px;
+}
+
+.ranking,
+.ranking_long,
+.handle,
+.handle_long,
+.ime,
+.izbran,
+.frame_ranking,
+.frame_ranking_hover,
+.frame_dropping,
+.frame_dropping_hover,
+.frame_moving {
+ font-size: 13px;
+ padding: 7px 10px 9px;
+ border: 2px solid #1e88e5;
+ background-color: #ffffff;
+}
+
+.ranking:hover {
+ background-color: #f5fafe;
+}
+
+div.variable_holder .frame_ranking_hover {
+ border: 2px #1e88e5 solid;
+ background-color: #ddeffd;
+}
+
+div.variable_holder .frame_ranking,
+div.variable_holder .frame_moving,
+div.variable_holder .frame_dropping,
+div.variable_holder .frame_dropping_hover {
+ text-indent: -35px;
+ border: 2px #42A5F5 solid;
+ background-color: #ddeffd;
+}
+
+table.ranking_table b {
+ font-size: 13px;
+ font-weight: 600;
+}
+
+/* Photo upload button */
+button.record_foto {
+ border: 2px solid #1e88e5;
+}
+button.record_foto::before {
+ color: #1e88e5;
+}
+button.record_foto:hover, button.record_foto:focus {
+ border-color: #ffa608;
+}
+button.record_foto:hover::before, button.record_foto:focus::before {
+ color: #ffa608;
+}
+
+/* Koledar */
+.ui-datepicker {
+ font-size: 14px;
+}
+
+button.ui-datepicker-trigger {
+ color: #1e88e5;
+}
+button.ui-datepicker-trigger:hover, button.ui-datepicker-trigger:focus {
+ color: #ffa608;
+}
+
+/* Slider */
+.grupa .spremenljivka .ui-slider-pips .ui-slider-pip {
+ color: #505050;
+}
+.grupa .spremenljivka .slider.ui-widget-content {
+ /*background-color: $color_light !important;*/
+ background-image: none !important;
+ border: 0;
+}
+.grupa .spremenljivka .ui-slider-horizontal {
+ height: 8px;
+}
+.grupa .spremenljivka .ui-slider-handle {
+ cursor: pointer;
+ height: 10px !important;
+ width: 18px !important;
+ margin-top: 1px;
+ border: 0;
+ border-radius: 15px 15px !important;
+ background-color: #1e88e5 !important;
+ background-image: none !important;
+}
+.grupa .spremenljivka .ui-slider-handle:active {
+ background-color: #1e88e5 !important;
+}
+.grupa .spremenljivka .sliderText {
+ padding-top: 2px;
+ color: #505050;
+ background-color: #42A5F5;
+ border: 0;
+}
+.grupa .spremenljivka .sliderText::after {
+ border-color: #42A5F5 transparent;
+}
+
+/* Warning levo od vprasanja */
+.validation_alert {
+ position: absolute;
+ z-index: 51;
+ top: 20px;
+ left: -150px;
+ width: 130px;
+ min-height: 29px;
+ margin: 0;
+ text-align: center;
+ font-size: 11px;
+ line-height: 14px;
+ background-color: #ddeffd;
+ border: 2px solid red;
+ padding: 4px 7px;
+ border-radius: 4px;
+ box-shadow: none;
+}
+
+/* Gumbi na dnu */
+div.buttons {
+ padding: 20px 20px 35px;
+ margin: 0 10px;
+}
+div.buttons input {
+ cursor: pointer;
+ margin: 8px 10px;
+ /*padding: 7px 11px;*/
+ padding: 10px 20px;
+ text-align: center;
+ font-size: 12px;
+ letter-spacing: 1px;
+ font-weight: 600;
+ color: #FFFFFF;
+ border-radius: 20px;
+ border: 0;
+}
+div.buttons input.next {
+ background-color: #1e88e5;
+ border: 1px solid #1e88e5;
+}
+div.buttons input.next:hover, div.buttons input.next:focus {
+ background-color: #ffa608;
+ border: 1px solid #ffa608;
+}
+div.buttons input.prev {
+ color: #1e88e5;
+ background-color: #fff;
+ border: 1px solid #1e88e5;
+}
+div.buttons input.prev:hover, div.buttons input.prev:focus {
+ color: #fff;
+ background-color: #1e88e5;
+}
+
+/* Footer */
+#footer_survey {
+ padding: 40px;
+ background-color: #ffffff;
+ border-top: 1px #ddeffd solid;
+}
+#footer_survey p, #footer_survey a, #footer_survey a:visited {
+ color: #505050;
+ font-size: 14px;
+ line-height: 25px;
+ font-weight: 400;
+ text-decoration: none;
+}
+#footer_survey a:hover, #footer_survey a:active {
+ text-decoration: none;
+}
+
+/* awesome radio in checkboxi */
+input[type=checkbox] + span.enka-checkbox-radio,
+input[type=radio] + span.enka-checkbox-radio,
+.custom_radio_picture.obarvan > label > span.enka-custom-radio:before,
+.visual-radio-scale.checked .enka-vizualna-skala {
+ color: #42A5F5;
+ font-size: 20px;
+ vertical-align: -1px;
+}
+
+input[type=checkbox]:focus + span.enka-checkbox-radio:before,
+input[type=radio]:focus + span.enka-checkbox-radio:before,
+input[type=radio]:focus + span.enka-custom-radio:before,
+input[type=radio]:focus + span.enka-vizualna-skala::before {
+ color: #0965ae;
+}
+
+input[type=text]:focus,
+input[type=number]:focus,
+input[type=email]:focus,
+input[type=password]:focus,
+textarea:focus {
+ border-color: #42A5F5;
+}
+
+/* Ranking drag drop */
+.drag_and_drop {
+ top: -9px;
+ left: -12px;
+}
+
+.drag_and_drop_right {
+ top: -9px !important;
+ left: -12px !important;
+}
+
+.frame_dropping_titles {
+ width: 240px;
+ padding: 5px;
+ margin: 0px auto 0px auto;
+ height: 15px;
+ text-align: center;
+ background-color: #FFFFFF;
+ border-top: 2px solid #b9c5d9;
+ border-left: 2px solid #b9c5d9;
+ border-right: 2px solid #b9c5d9;
+ font-size: 13px;
+}
+
+.drag_and_drop_box {
+ top: -9px;
+ left: -12px;
+}
+.drag_and_drop_box img {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.drag_and_drop_box_right {
+ top: 19px !important;
+ left: -12px !important;
+}
+
+.drag_and_drop_box_right_after_refresh {
+ /*top: 44px!important;*/
+ left: -12px !important;
+}
+
+.drag_and_drop_box_right_over {
+ left: -12px !important;
+}
+
+.frame_dropping_titles_box {
+ width: 240px;
+ padding: 5px;
+ margin: 0px auto 0px auto;
+ height: 15px;
+ text-align: center;
+ background-color: #FFFFFF;
+ font-size: 13px;
+}
+
+.frame_dropping {
+ padding: 7px 10px 9px;
+}
+
+.frame_dropping_box {
+ padding: 7px 10px 9px;
+}
+
+/*# sourceMappingURL=1kaBlue.css.map */
diff --git a/main/survey/skins/1kaGreen.css b/main/survey/skins/1kaGreen.css new file mode 100644 index 0000000..10b97fb --- /dev/null +++ b/main/survey/skins/1kaGreen.css @@ -0,0 +1,529 @@ +/*
+ Default tema ankete - 1ka - Zelena barva
+*/
+/* Barve */
+/* Import osnovne postavitve */
+/*
+ Osnovna tema ankete - 1ka - brez definiranih barv
+*/
+/* Fonti */
+body {
+ margin: 0;
+ padding: 0;
+ color: #505050;
+ font-size: 100%;
+ font-family: Montserrat, Arial, Sans-Serif !important;
+ background: #ffffff;
+}
+
+body.preview, body.testdata {
+ margin-top: 26px;
+}
+
+#outercontainer {
+ width: 100%;
+ margin: 0 auto;
+}
+#outercontainer .outercontainer_header {
+ position: absolute;
+ width: 100%;
+ height: 80px;
+ border-bottom: 6px #2e7d3a solid;
+}
+#outercontainer #container {
+ position: relative;
+ width: 100%;
+ max-width: 1200px;
+ margin: 0px auto 10px;
+}
+
+/* Warning bar (preview, cookie) */
+#cookie_alert,
+#test_alert {
+ height: 26px;
+ font-size: 15px;
+ line-height: 25px;
+ color: #ffffff;
+ background-color: #ffa608;
+ border-bottom: 1px solid #ffa608;
+}
+#cookie_alert a,
+#test_alert a {
+ text-decoration: none;
+ font-weight: bold;
+ color: #ffffff;
+}
+#cookie_alert a:hover,
+#test_alert a:hover {
+ text-decoration: underline;
+}
+#cookie_alert span,
+#test_alert span {
+ color: #ffffff;
+}
+#cookie_alert span a,
+#test_alert span a {
+ color: #ffffff;
+ font-weight: normal;
+}
+
+/* Header - logo, naslov, progressbar */
+h1 {
+ margin: 0px auto 30px;
+ padding: 120px 0 50px 0;
+ font-size: 28px;
+ color: #2e7d3a;
+ text-align: center;
+ border-bottom: 1px solid #e2f2e2;
+}
+
+h1.evalvacija {
+ margin-bottom: 0;
+}
+
+#logo {
+ right: auto;
+ left: 25px;
+ top: 13px;
+ max-height: 56px !important;
+ background: url("../../../public/img/logo/1ka_slo.svg");
+ background-repeat: no-repeat !important;
+ background-size: auto 100% !important;
+}
+#logo a {
+ width: 250px;
+ height: 56px;
+}
+
+#logo.english {
+ background: url("../../../public/img/logo/1ka_eng.svg");
+}
+
+.header_settings_holder {
+ top: 0px;
+ right: 20px;
+ left: auto;
+}
+.header_settings_holder .progress_bar span {
+ float: left !important;
+ /* ie6,7 doesnt support inline-block */
+ display: block;
+ width: 20px;
+ font-size: 11px;
+ color: #6D87AF;
+}
+.header_settings_holder .progress_bar div {
+ height: 10px;
+ width: 130px;
+ padding: 2px;
+ margin: 0 5px;
+ border: 1px #cccccc solid;
+ background-color: #ffffff;
+}
+.header_settings_holder .progress_bar div span {
+ height: 10px;
+ background-color: #2e7d3a;
+}
+.header_settings_holder .progress_bar p a {
+ color: #2e7d3a;
+ text-decoration: none;
+}
+.header_settings_holder .progress_bar p a:hover {
+ color: #43b554;
+}
+.header_settings_holder .continue_later_setting a {
+ color: #2e7d3a;
+}
+.header_settings_holder .continue_later_setting a:hover {
+ color: #43b554;
+}
+.header_settings_holder .tawk_chat a {
+ color: #2e7d3a;
+}
+.header_settings_holder .tawk_chat a:hover {
+ color: #43b554;
+}
+
+/* Spremenljivke */
+.spremenljivka {
+ margin: 20px 10px 20px 10px;
+ padding: 20px 2px 50px 12px !important;
+ border-bottom: 1px #e2f2e2 solid;
+}
+.spremenljivka .naslov {
+ padding: 5px 0 15px 5px;
+ font-size: 18px;
+ font-weight: 600;
+}
+.spremenljivka .naslov .spremenljivka_info {
+ font-size: 14px;
+ font-weight: 400;
+ padding-top: 7px;
+}
+.spremenljivka .sequence_number {
+ background-color: #e2f2e2;
+ color: #66bb6a;
+}
+.spremenljivka .sequence_number:hover {
+ background-color: #bee2c0;
+}
+.spremenljivka .sequence_number.active {
+ background-color: #66bb6a;
+ color: #ffffff;
+}
+.spremenljivka .counter {
+ font-size: 18px;
+}
+.spremenljivka #dynamic_count {
+ color: #2e7d3a;
+}
+.spremenljivka .arrow {
+ color: #2e7d3a;
+}
+.spremenljivka .arrow:hover {
+ color: #43b554;
+}
+
+.spremenljivka.limited {
+ outline: 1px #F15A24 solid;
+}
+
+.required, .required_require, .required_limit {
+ outline: 1px #F15A24 solid;
+}
+
+div.variabla,
+td.variabla,
+td.question,
+td.differential,
+.variabla_sum label {
+ font-size: 14px;
+}
+
+div.variable_holder {
+ padding: 10px 0 0 0;
+}
+div.variable_holder thead,
+div.variable_holder tr.table-header {
+ font-weight: normal;
+ font-size: 14px;
+}
+div.variable_holder thead td,
+div.variable_holder tr.table-header td {
+ 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 {
+ border-bottom: 2px #66bb6a solid;
+ border-top: 2px #66bb6a solid;
+ background-color: #ffffff;
+}
+table.grid_table tbody tr:nth-child(2n+1) {
+ background-color: #ffffff;
+}
+table.grid_table tbody tr:nth-child(2n) {
+ background-color: #e2f2e2;
+}
+table.grid_table td {
+ padding: 10px 10px;
+}
+
+span.reminder {
+ left: 3px;
+}
+
+/* Textboxi, textarea, select */
+input, textarea, select {
+ font-family: Montserrat, Arial, Sans-Serif !important;
+}
+
+input[type=text], textarea, select {
+ padding: 10px 15px;
+ border-radius: 3px;
+ border: 1px solid #d1d1d1;
+ border-radius: 3px;
+ background-color: #fff;
+}
+
+/* ranking */
+.dropzone {
+ border-top: 1px #e2f2e2 solid;
+ margin-top: 12px;
+ padding-top: 17px;
+}
+
+table.ranking_table ul {
+ margin-top: 19px;
+}
+
+.ranking,
+.ranking_long,
+.handle,
+.handle_long,
+.ime,
+.izbran,
+.frame_ranking,
+.frame_ranking_hover,
+.frame_dropping,
+.frame_dropping_hover,
+.frame_moving {
+ font-size: 13px;
+ padding: 7px 10px 9px;
+ border: 2px solid #2e7d3a;
+ background-color: #ffffff;
+}
+
+.ranking:hover {
+ background-color: #f5fafe;
+}
+
+div.variable_holder .frame_ranking_hover {
+ border: 2px #2e7d3a solid;
+ background-color: #e2f2e2;
+}
+
+div.variable_holder .frame_ranking,
+div.variable_holder .frame_moving,
+div.variable_holder .frame_dropping,
+div.variable_holder .frame_dropping_hover {
+ text-indent: -35px;
+ border: 2px #66bb6a solid;
+ background-color: #e2f2e2;
+}
+
+table.ranking_table b {
+ font-size: 13px;
+ font-weight: 600;
+}
+
+/* Photo upload button */
+button.record_foto {
+ border: 2px solid #2e7d3a;
+}
+button.record_foto::before {
+ color: #2e7d3a;
+}
+button.record_foto:hover, button.record_foto:focus {
+ border-color: #43b554;
+}
+button.record_foto:hover::before, button.record_foto:focus::before {
+ color: #43b554;
+}
+
+/* Koledar */
+.ui-datepicker {
+ font-size: 14px;
+}
+
+button.ui-datepicker-trigger {
+ color: #2e7d3a;
+}
+button.ui-datepicker-trigger:hover, button.ui-datepicker-trigger:focus {
+ color: #43b554;
+}
+
+/* Slider */
+.grupa .spremenljivka .ui-slider-pips .ui-slider-pip {
+ color: #505050;
+}
+.grupa .spremenljivka .slider.ui-widget-content {
+ /*background-color: $color_light !important;*/
+ background-image: none !important;
+ border: 0;
+}
+.grupa .spremenljivka .ui-slider-horizontal {
+ height: 8px;
+}
+.grupa .spremenljivka .ui-slider-handle {
+ cursor: pointer;
+ height: 10px !important;
+ width: 18px !important;
+ margin-top: 1px;
+ border: 0;
+ border-radius: 15px 15px !important;
+ background-color: #2e7d3a !important;
+ background-image: none !important;
+}
+.grupa .spremenljivka .ui-slider-handle:active {
+ background-color: #2e7d3a !important;
+}
+.grupa .spremenljivka .sliderText {
+ padding-top: 2px;
+ color: #505050;
+ background-color: #66bb6a;
+ border: 0;
+}
+.grupa .spremenljivka .sliderText::after {
+ border-color: #66bb6a transparent;
+}
+
+/* Warning levo od vprasanja */
+.validation_alert {
+ position: absolute;
+ z-index: 51;
+ top: 20px;
+ left: -150px;
+ width: 130px;
+ min-height: 29px;
+ margin: 0;
+ text-align: center;
+ font-size: 11px;
+ line-height: 14px;
+ background-color: #e2f2e2;
+ border: 2px solid red;
+ padding: 4px 7px;
+ border-radius: 4px;
+ box-shadow: none;
+}
+
+/* Gumbi na dnu */
+div.buttons {
+ padding: 20px 20px 35px;
+ margin: 0 10px;
+}
+div.buttons input {
+ cursor: pointer;
+ margin: 8px 10px;
+ /*padding: 7px 11px;*/
+ padding: 10px 20px;
+ text-align: center;
+ font-size: 12px;
+ letter-spacing: 1px;
+ font-weight: 600;
+ color: #FFFFFF;
+ border-radius: 20px;
+ border: 0;
+}
+div.buttons input.next {
+ background-color: #2e7d3a;
+ border: 1px solid #2e7d3a;
+}
+div.buttons input.next:hover, div.buttons input.next:focus {
+ background-color: #43b554;
+ border: 1px solid #43b554;
+}
+div.buttons input.prev {
+ color: #2e7d3a;
+ background-color: #fff;
+ border: 1px solid #2e7d3a;
+}
+div.buttons input.prev:hover, div.buttons input.prev:focus {
+ color: #fff;
+ background-color: #2e7d3a;
+}
+
+/* Footer */
+#footer_survey {
+ padding: 40px;
+ background-color: #ffffff;
+ border-top: 1px #e2f2e2 solid;
+}
+#footer_survey p, #footer_survey a, #footer_survey a:visited {
+ color: #505050;
+ font-size: 14px;
+ line-height: 25px;
+ font-weight: 400;
+ text-decoration: none;
+}
+#footer_survey a:hover, #footer_survey a:active {
+ text-decoration: none;
+}
+
+/* awesome radio in checkboxi */
+input[type=checkbox] + span.enka-checkbox-radio,
+input[type=radio] + span.enka-checkbox-radio,
+.custom_radio_picture.obarvan > label > span.enka-custom-radio:before,
+.visual-radio-scale.checked .enka-vizualna-skala {
+ color: #66bb6a;
+ font-size: 20px;
+ vertical-align: -1px;
+}
+
+input[type=checkbox]:focus + span.enka-checkbox-radio:before,
+input[type=radio]:focus + span.enka-checkbox-radio:before,
+input[type=radio]:focus + span.enka-custom-radio:before,
+input[type=radio]:focus + span.enka-vizualna-skala::before {
+ color: #327035;
+}
+
+input[type=text]:focus,
+input[type=number]:focus,
+input[type=email]:focus,
+input[type=password]:focus,
+textarea:focus {
+ border-color: #66bb6a;
+}
+
+/* Ranking drag drop */
+.drag_and_drop {
+ top: -9px;
+ left: -12px;
+}
+
+.drag_and_drop_right {
+ top: -9px !important;
+ left: -12px !important;
+}
+
+.frame_dropping_titles {
+ width: 240px;
+ padding: 5px;
+ margin: 0px auto 0px auto;
+ height: 15px;
+ text-align: center;
+ background-color: #FFFFFF;
+ border-top: 2px solid #b9c5d9;
+ border-left: 2px solid #b9c5d9;
+ border-right: 2px solid #b9c5d9;
+ font-size: 13px;
+}
+
+.drag_and_drop_box {
+ top: -9px;
+ left: -12px;
+}
+.drag_and_drop_box img {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.drag_and_drop_box_right {
+ top: 19px !important;
+ left: -12px !important;
+}
+
+.drag_and_drop_box_right_after_refresh {
+ /*top: 44px!important;*/
+ left: -12px !important;
+}
+
+.drag_and_drop_box_right_over {
+ left: -12px !important;
+}
+
+.frame_dropping_titles_box {
+ width: 240px;
+ padding: 5px;
+ margin: 0px auto 0px auto;
+ height: 15px;
+ text-align: center;
+ background-color: #FFFFFF;
+ font-size: 13px;
+}
+
+.frame_dropping {
+ padding: 7px 10px 9px;
+}
+
+.frame_dropping_box {
+ padding: 7px 10px 9px;
+}
+
+/*# sourceMappingURL=1kaGreen.css.map */
diff --git a/main/survey/skins/1kaGrey.css b/main/survey/skins/1kaGrey.css new file mode 100644 index 0000000..7a981e1 --- /dev/null +++ b/main/survey/skins/1kaGrey.css @@ -0,0 +1,442 @@ +/* 1KA new default theme */
+
+body {
+ margin: 0;
+ padding: 0;
+
+ color: #455a64;
+ font-size: 100%;
+ font-family: Arial, Verdana, Sans-Serif;
+ font-family: Open Sans, Arial, Sans-Serif !important;
+
+ background: #ffffff;
+}
+body.preview, body.testdata{
+ margin-top: 26px;
+}
+
+#outercontainer {
+ width: 100%;
+ margin: 0 auto;
+
+ background: #ffffff url('1ka/header_new2.png') top left repeat-x;
+}
+#container {
+ position: relative;
+
+ width: 100%;
+ max-width: 980px;
+ margin: 0px auto 10px;
+}
+
+
+/* Warning bar (preview, cookie) */
+#cookie_alert, #test_alert {
+ height: 26px;
+
+ font-size: 13px;
+ line-height: 25px;
+ color: #ffffff;
+
+ background-color: #fe9c5c;
+ border-bottom: 1px solid #fe9c5c;
+}
+#cookie_alert a, #test_alert a {
+ text-decoration: none;
+ font-weight: bold;
+ color: #ffffff;
+}
+#cookie_alert a:hover, #test_alert a:hover {
+ text-decoration: underline;
+}
+#cookie_alert span, #test_alert span {
+ color: #ffffff;
+}
+#cookie_alert span a, #test_alert span a {
+ color: #ffffff;
+ font-weight: normal;
+}
+
+
+/* Header - logo, naslov, progressbar */
+h1 {
+ /*margin: 0px auto 70px;*/
+ margin: 0px auto 30px;
+ /*padding: 36px 0 20px 0;*/
+ padding: 110px 0 40px 0;
+
+ font-size: 26px;
+ color: #0c377a;
+ text-align: center;
+
+ border-bottom: 1px solid #dfe2e7;
+}
+h1.evalvacija{
+ margin-bottom: 0;
+}
+
+#logo {
+ right: auto;
+ left: 20px;
+ /*top: 28px;*/
+ top: 13px;
+
+ background: url("../../../public/img/logo/1ka_slo.svg") no-repeat scroll 0 0 transparent;
+ background-repeat: no-repeat;
+}
+#logo.english{
+ background: url("../../../public/img/logo/1ka_eng.svg") no-repeat scroll 0 0 transparent;
+}
+#logo a{
+ width: 80px;
+ height: 46px;
+}
+
+#progress_bar {
+ right: 20px;
+ left: auto;
+ top: 30px;
+}
+#progress_bar span {
+ float: left !important; /* ie6,7 doesnt support inline-block */
+ display: block;
+ width: 20px;
+
+ font-size: 11px;
+ color: #6D87AF;
+}
+#progress_bar div {
+ height: 10px;
+ width: 130px;
+ padding: 2px;
+ margin: 0 5px;
+
+ border: 1px #cccccc solid;
+ background-color: #ffffff;
+}
+#progress_bar div span {
+ height: 10px;
+ background-color: #0C377A;
+}
+#progress_bar p a {
+ color: #0C377A;
+ text-decoration: none;
+}
+#progress_bar p a:hover {
+ color: #fa4913;
+}
+
+
+/* Spremenljivke */
+.spremenljivka {
+ margin: 20px 10px 20px 10px;
+ padding: 10px 2px 35px 12px !important;
+
+ border-bottom: 1px #dfe2e7 solid;
+}
+.spremenljivka.limited{
+ outline: 1px #F15A24 solid;
+}
+.required, .required_require, .required_limit {
+ outline: 1px #F15A24 solid;
+}
+
+.spremenljivka .naslov{
+ padding-left: 5px;
+ font-size: 16px;
+ font-weight: 600;
+}
+.spremenljivka .naslov .spremenljivka_info{
+ font-size: 70%;
+ color: #a0aec1;
+}
+
+.spremenljivka .counter{
+ font-size: 16px;
+}
+
+div.variabla,
+td.variabla,
+td.question,
+td.differential{
+ font-size: 14px;
+}
+
+div.variable_holder {
+ padding: 10px 0 0 0;
+}
+
+div.variable_holder thead {
+ font-weight: normal;
+ font-size: 14px;
+}
+div.variable_holder thead td{
+ padding: 10px 5px;
+}
+table.grid_table tbody tr:nth-child(2n+1) {
+ background-color: #EFF2F7;
+}
+table.grid_table td {
+ padding: 7px 10px;
+}
+
+/* ranking */
+.dropzone{
+ border-top: 1px #dfe2e7 solid;
+ margin-top: 12px;
+ padding-top: 17px;
+}
+table.ranking_table ul{
+ margin-top: 19px;
+}
+.ranking,
+.ranking_long,
+.handle,
+.handle_long,
+.ime,
+.izbran,
+.frame_ranking,
+.frame_ranking_hover,
+.frame_dropping,
+.frame_dropping_hover,
+.frame_moving{
+ font-size: 13px;
+ padding: 7px 10px 9px;
+
+ border: 2px solid #0c377a;
+ background-color: #ffffff;
+ border-radius: 2px 2px !important;
+}
+div.variable_holder .frame_ranking_hover{
+ border: 2px #0c377a solid;
+ background-color: #eff2f7;
+ border-radius: 2px 2px !important;
+}
+div.variable_holder .frame_ranking,
+div.variable_holder .frame_moving,
+div.variable_holder .frame_dropping,
+div.variable_holder .frame_dropping_hover{
+ text-indent: -35px;
+
+ border: 2px #a0aec1 solid;
+ background-color: #eff2f7;
+ border-radius: 2px 2px !important;
+}
+table.ranking_table b{
+ font-size: 13px;
+ font-weight: 600;
+}
+
+.frame_dropping {
+ padding: 7px 10px 9px;
+}
+.frame_dropping_box {
+ padding: 7px 10px 9px;
+}
+
+
+
+span.reminder {
+ left: 3px;
+}
+
+/* Textboxi, textarea, select */
+input[type="text"], textarea, select{
+ padding: 5px 7px;
+ border-radius: 3px;
+ border: 1px #9fa2a7 solid;
+ background-color: #fff;
+}
+
+/* Koledar */
+.ui-datepicker{
+ font-size: 14px;
+}
+
+/* Slider */
+.grupa .spremenljivka .ui-slider-pips .ui-slider-pip{
+ color: #455a64;
+}
+.grupa .spremenljivka .slider.ui-widget-content{
+ background-color: #a0aec1 !important;
+ background-image: none !important;
+ border: 0;
+}
+.grupa .spremenljivka .ui-slider-horizontal{
+ height: 13px;
+}
+.grupa .spremenljivka .ui-slider-handle {
+ cursor: pointer;
+
+ height: 10px !important;
+ width: 18px !important;
+ margin-top: 3px;
+
+ border: 0;
+ border-radius: 15px 15px !important;
+ background-color: #0c377a !important;
+ background-image: none !important;
+}
+.grupa .spremenljivka .ui-slider-handle:active{
+ background-color: #0c377a !important;
+}
+.grupa .spremenljivka .sliderText{
+ padding-top: 2px;
+
+ color: white;
+
+ background-color: #a0aec1;
+ border: 0;
+}
+.grupa .spremenljivka .sliderText::after{
+ border-color: #a0aec1 transparent;
+}
+
+/* Warning levo od vprasanja */
+.validation_alert {
+ position: absolute;
+ z-index: 51;
+
+ top: 20px;
+ left: -150px;
+ width: 130px;
+ min-height: 29px;
+ margin: 0;
+
+ text-align: center;
+ font-size: 11px;
+ line-height: 14px;
+
+ background-color: #eff2f7;
+
+ border: 2px solid red;
+ padding: 4px 7px;
+ border-radius: 4px;
+ box-shadow: none;
+}
+
+
+/* Gumbi na dnu */
+div.buttons {
+ padding: 30px 20px 35px;
+ margin: 0 10px;
+}
+div.buttons input {
+ cursor: pointer;
+
+ margin: 8px 10px;
+ /*padding: 7px 11px;*/
+ padding: 10px 15px;
+
+ text-align: center;
+ /*font-size: 15px;*/
+ font-size: 15px;
+ font-weight: bold;
+ color: #FFFFFF;
+
+ border-radius: 4px;
+ border: 0;
+}
+div.buttons input.next {
+ background-color: #0c377a;
+ border: 1px solid #0c377a;
+}
+div.buttons input.next:hover {
+ background-color: #fe8333;
+ border: 1px solid #fe8333;
+}
+div.buttons input.prev {
+ color: #0c377a;
+ background-color: #eff2f7;
+ border: 1px solid #dfe2e7;
+}
+div.buttons input.prev:hover {
+ color: #eff2f7;
+ background-color: #0c377a;
+}
+
+
+/* Footer */
+#footer_survey {
+ padding: 30px;
+
+ background-color: #ffffff;
+ border-top: 5px #eff2f7 solid;
+}
+#footer_survey p,
+#footer_survey a,
+#footer_survey a:visited {
+ color: #455a64;
+ font-size: 12px;
+ font-weight: 600;
+ text-decoration: none;
+}
+#footer_survey a:hover, #footer_survey a:active {
+ text-decoration: none;
+}
+
+
+/* awesome radio in checkboxi */
+input[type="checkbox"] + span.enka-checkbox-radio,
+input[type="radio"] + span.enka-checkbox-radio,
+.custom_radio_picture.obarvan > label > span.enka-custom-radio:before{
+ color: #3D5F95;
+}
+
+.drag_and_drop {
+ top: -9px;
+ left: -12px;
+}
+
+.drag_and_drop_right{
+ top: -9px!important;
+ left: -12px!important;
+}
+
+.frame_dropping_titles {
+ width: 240px;
+ padding: 5px;
+ margin: 0px auto 0px auto;
+ height: 15px;
+ text-align: center;
+ background-color: #FFFFFF;
+ border-top: 2px solid #b9c5d9;
+ border-left: 2px solid #b9c5d9;
+ border-right: 2px solid #b9c5d9;
+ font-size: 13px;
+}
+
+.drag_and_drop_box {
+ top: -9px;
+ left: -12px;
+}
+
+.drag_and_drop_box_right{
+ top: 19px!important;
+ left: -12px!important;
+}
+
+.drag_and_drop_box_right_after_refresh{
+ /*top: 44px!important;*/
+ left: -12px!important;
+}
+
+.drag_and_drop_box_right_over{
+ left: -12px!important;
+}
+
+.drag_and_drop_box img {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.frame_dropping_titles_box {
+ width: 240px;
+ padding: 5px;
+ margin: 0px auto 0px auto;
+ height: 15px;
+ text-align: center;
+ background-color: #FFFFFF;
+ font-size: 13px;
+}
\ No newline at end of file diff --git a/main/survey/skins/1kaNature.css b/main/survey/skins/1kaNature.css new file mode 100644 index 0000000..7103d81 --- /dev/null +++ b/main/survey/skins/1kaNature.css @@ -0,0 +1,564 @@ +/*
+ Tema ankete - 1ka Nature - Modra barva
+*/
+/* Barve */
+/* Import osnovne postavitve */
+/*
+ Osnovna tema ankete - 1ka - brez definiranih barv
+*/
+/* Fonti */
+body {
+ margin: 0;
+ padding: 0;
+ color: #505050;
+ font-size: 100%;
+ font-family: Montserrat, Arial, Sans-Serif !important;
+ background: #ffffff;
+}
+
+body.preview, body.testdata {
+ margin-top: 26px;
+}
+
+#outercontainer {
+ width: 100%;
+ margin: 0 auto;
+}
+#outercontainer .outercontainer_header {
+ position: absolute;
+ width: 100%;
+ height: 80px;
+ border-bottom: 6px #1e88e5 solid;
+}
+#outercontainer #container {
+ position: relative;
+ width: 100%;
+ max-width: 1200px;
+ margin: 0px auto 10px;
+}
+
+/* Warning bar (preview, cookie) */
+#cookie_alert,
+#test_alert {
+ height: 26px;
+ font-size: 15px;
+ line-height: 25px;
+ color: #ffffff;
+ background-color: #ffa608;
+ border-bottom: 1px solid #ffa608;
+}
+#cookie_alert a,
+#test_alert a {
+ text-decoration: none;
+ font-weight: bold;
+ color: #ffffff;
+}
+#cookie_alert a:hover,
+#test_alert a:hover {
+ text-decoration: underline;
+}
+#cookie_alert span,
+#test_alert span {
+ color: #ffffff;
+}
+#cookie_alert span a,
+#test_alert span a {
+ color: #ffffff;
+ font-weight: normal;
+}
+
+/* Header - logo, naslov, progressbar */
+h1 {
+ margin: 0px auto 30px;
+ padding: 120px 0 50px 0;
+ font-size: 28px;
+ color: #505050;
+ text-align: center;
+ border-bottom: 1px solid #ddeffd;
+}
+
+h1.evalvacija {
+ margin-bottom: 0;
+}
+
+#logo {
+ right: auto;
+ left: 25px;
+ top: 13px;
+ max-height: 56px !important;
+ background: url("../../../public/img/logo/1ka_slo.svg");
+ background-repeat: no-repeat !important;
+ background-size: auto 100% !important;
+}
+#logo a {
+ width: 250px;
+ height: 56px;
+}
+
+#logo.english {
+ background: url("../../../public/img/logo/1ka_eng.svg");
+}
+
+.header_settings_holder {
+ top: 0px;
+ right: 20px;
+ left: auto;
+}
+.header_settings_holder .progress_bar span {
+ float: left !important;
+ /* ie6,7 doesnt support inline-block */
+ display: block;
+ width: 20px;
+ font-size: 11px;
+ color: #6D87AF;
+}
+.header_settings_holder .progress_bar div {
+ height: 10px;
+ width: 130px;
+ padding: 2px;
+ margin: 0 5px;
+ border: 1px #cccccc solid;
+ background-color: #ffffff;
+}
+.header_settings_holder .progress_bar div span {
+ height: 10px;
+ background-color: #1e88e5;
+}
+.header_settings_holder .progress_bar p a {
+ color: #1e88e5;
+ text-decoration: none;
+}
+.header_settings_holder .progress_bar p a:hover {
+ color: #ffa608;
+}
+.header_settings_holder .continue_later_setting a {
+ color: #1e88e5;
+}
+.header_settings_holder .continue_later_setting a:hover {
+ color: #ffa608;
+}
+.header_settings_holder .tawk_chat a {
+ color: #1e88e5;
+}
+.header_settings_holder .tawk_chat a:hover {
+ color: #ffa608;
+}
+
+/* Spremenljivke */
+.spremenljivka {
+ margin: 20px 10px 20px 10px;
+ padding: 20px 2px 50px 12px !important;
+ border-bottom: 1px #ddeffd solid;
+}
+.spremenljivka .naslov {
+ padding: 5px 0 15px 5px;
+ font-size: 18px;
+ font-weight: 600;
+}
+.spremenljivka .naslov .spremenljivka_info {
+ font-size: 14px;
+ font-weight: 400;
+ padding-top: 7px;
+}
+.spremenljivka .sequence_number {
+ background-color: #ddeffd;
+ color: #42A5F5;
+}
+.spremenljivka .sequence_number:hover {
+ background-color: #add8fb;
+}
+.spremenljivka .sequence_number.active {
+ background-color: #42A5F5;
+ color: #ffffff;
+}
+.spremenljivka .counter {
+ font-size: 18px;
+}
+.spremenljivka #dynamic_count {
+ color: #1e88e5;
+}
+.spremenljivka .arrow {
+ color: #1e88e5;
+}
+.spremenljivka .arrow:hover {
+ color: #ffa608;
+}
+
+.spremenljivka.limited {
+ outline: 1px #F15A24 solid;
+}
+
+.required, .required_require, .required_limit {
+ outline: 1px #F15A24 solid;
+}
+
+div.variabla,
+td.variabla,
+td.question,
+td.differential,
+.variabla_sum label {
+ font-size: 14px;
+}
+
+div.variable_holder {
+ padding: 10px 0 0 0;
+}
+div.variable_holder thead,
+div.variable_holder tr.table-header {
+ font-weight: normal;
+ font-size: 14px;
+}
+div.variable_holder thead td,
+div.variable_holder tr.table-header td {
+ 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 {
+ border-bottom: 2px #42A5F5 solid;
+ border-top: 2px #42A5F5 solid;
+ background-color: #ffffff;
+}
+table.grid_table tbody tr:nth-child(2n+1) {
+ background-color: #ffffff;
+}
+table.grid_table tbody tr:nth-child(2n) {
+ background-color: #ddeffd;
+}
+table.grid_table td {
+ padding: 10px 10px;
+}
+
+span.reminder {
+ left: 3px;
+}
+
+/* Textboxi, textarea, select */
+input, textarea, select {
+ font-family: Montserrat, Arial, Sans-Serif !important;
+}
+
+input[type=text], textarea, select {
+ padding: 10px 15px;
+ border-radius: 3px;
+ border: 1px solid #d1d1d1;
+ border-radius: 3px;
+ background-color: #fff;
+}
+
+/* ranking */
+.dropzone {
+ border-top: 1px #ddeffd solid;
+ margin-top: 12px;
+ padding-top: 17px;
+}
+
+table.ranking_table ul {
+ margin-top: 19px;
+}
+
+.ranking,
+.ranking_long,
+.handle,
+.handle_long,
+.ime,
+.izbran,
+.frame_ranking,
+.frame_ranking_hover,
+.frame_dropping,
+.frame_dropping_hover,
+.frame_moving {
+ font-size: 13px;
+ padding: 7px 10px 9px;
+ border: 2px solid #1e88e5;
+ background-color: #ffffff;
+}
+
+.ranking:hover {
+ background-color: #f5fafe;
+}
+
+div.variable_holder .frame_ranking_hover {
+ border: 2px #1e88e5 solid;
+ background-color: #ddeffd;
+}
+
+div.variable_holder .frame_ranking,
+div.variable_holder .frame_moving,
+div.variable_holder .frame_dropping,
+div.variable_holder .frame_dropping_hover {
+ text-indent: -35px;
+ border: 2px #42A5F5 solid;
+ background-color: #ddeffd;
+}
+
+table.ranking_table b {
+ font-size: 13px;
+ font-weight: 600;
+}
+
+/* Photo upload button */
+button.record_foto {
+ border: 2px solid #1e88e5;
+}
+button.record_foto::before {
+ color: #1e88e5;
+}
+button.record_foto:hover, button.record_foto:focus {
+ border-color: #ffa608;
+}
+button.record_foto:hover::before, button.record_foto:focus::before {
+ color: #ffa608;
+}
+
+/* Koledar */
+.ui-datepicker {
+ font-size: 14px;
+}
+
+button.ui-datepicker-trigger {
+ color: #1e88e5;
+}
+button.ui-datepicker-trigger:hover, button.ui-datepicker-trigger:focus {
+ color: #ffa608;
+}
+
+/* Slider */
+.grupa .spremenljivka .ui-slider-pips .ui-slider-pip {
+ color: #505050;
+}
+.grupa .spremenljivka .slider.ui-widget-content {
+ /*background-color: $color_light !important;*/
+ background-image: none !important;
+ border: 0;
+}
+.grupa .spremenljivka .ui-slider-horizontal {
+ height: 8px;
+}
+.grupa .spremenljivka .ui-slider-handle {
+ cursor: pointer;
+ height: 10px !important;
+ width: 18px !important;
+ margin-top: 1px;
+ border: 0;
+ border-radius: 15px 15px !important;
+ background-color: #1e88e5 !important;
+ background-image: none !important;
+}
+.grupa .spremenljivka .ui-slider-handle:active {
+ background-color: #1e88e5 !important;
+}
+.grupa .spremenljivka .sliderText {
+ padding-top: 2px;
+ color: #505050;
+ background-color: #42A5F5;
+ border: 0;
+}
+.grupa .spremenljivka .sliderText::after {
+ border-color: #42A5F5 transparent;
+}
+
+/* Warning levo od vprasanja */
+.validation_alert {
+ position: absolute;
+ z-index: 51;
+ top: 20px;
+ left: -150px;
+ width: 130px;
+ min-height: 29px;
+ margin: 0;
+ text-align: center;
+ font-size: 11px;
+ line-height: 14px;
+ background-color: #ddeffd;
+ border: 2px solid red;
+ padding: 4px 7px;
+ border-radius: 4px;
+ box-shadow: none;
+}
+
+/* Gumbi na dnu */
+div.buttons {
+ padding: 20px 20px 35px;
+ margin: 0 10px;
+}
+div.buttons input {
+ cursor: pointer;
+ margin: 8px 10px;
+ /*padding: 7px 11px;*/
+ padding: 10px 20px;
+ text-align: center;
+ font-size: 12px;
+ letter-spacing: 1px;
+ font-weight: 600;
+ color: #FFFFFF;
+ border-radius: 20px;
+ border: 0;
+}
+div.buttons input.next {
+ background-color: #1e88e5;
+ border: 1px solid #1e88e5;
+}
+div.buttons input.next:hover, div.buttons input.next:focus {
+ background-color: #ffa608;
+ border: 1px solid #ffa608;
+}
+div.buttons input.prev {
+ color: #1e88e5;
+ background-color: #fff;
+ border: 1px solid #1e88e5;
+}
+div.buttons input.prev:hover, div.buttons input.prev:focus {
+ color: #fff;
+ background-color: #1e88e5;
+}
+
+/* Footer */
+#footer_survey {
+ padding: 40px;
+ background-color: #ffffff;
+ border-top: 1px #ddeffd solid;
+}
+#footer_survey p, #footer_survey a, #footer_survey a:visited {
+ color: #505050;
+ font-size: 14px;
+ line-height: 25px;
+ font-weight: 400;
+ text-decoration: none;
+}
+#footer_survey a:hover, #footer_survey a:active {
+ text-decoration: none;
+}
+
+/* awesome radio in checkboxi */
+input[type=checkbox] + span.enka-checkbox-radio,
+input[type=radio] + span.enka-checkbox-radio,
+.custom_radio_picture.obarvan > label > span.enka-custom-radio:before,
+.visual-radio-scale.checked .enka-vizualna-skala {
+ color: #42A5F5;
+ font-size: 20px;
+ vertical-align: -1px;
+}
+
+input[type=checkbox]:focus + span.enka-checkbox-radio:before,
+input[type=radio]:focus + span.enka-checkbox-radio:before,
+input[type=radio]:focus + span.enka-custom-radio:before,
+input[type=radio]:focus + span.enka-vizualna-skala::before {
+ color: #0965ae;
+}
+
+input[type=text]:focus,
+input[type=number]:focus,
+input[type=email]:focus,
+input[type=password]:focus,
+textarea:focus {
+ border-color: #42A5F5;
+}
+
+/* Ranking drag drop */
+.drag_and_drop {
+ top: -9px;
+ left: -12px;
+}
+
+.drag_and_drop_right {
+ top: -9px !important;
+ left: -12px !important;
+}
+
+.frame_dropping_titles {
+ width: 240px;
+ padding: 5px;
+ margin: 0px auto 0px auto;
+ height: 15px;
+ text-align: center;
+ background-color: #FFFFFF;
+ border-top: 2px solid #b9c5d9;
+ border-left: 2px solid #b9c5d9;
+ border-right: 2px solid #b9c5d9;
+ font-size: 13px;
+}
+
+.drag_and_drop_box {
+ top: -9px;
+ left: -12px;
+}
+.drag_and_drop_box img {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.drag_and_drop_box_right {
+ top: 19px !important;
+ left: -12px !important;
+}
+
+.drag_and_drop_box_right_after_refresh {
+ /*top: 44px!important;*/
+ left: -12px !important;
+}
+
+.drag_and_drop_box_right_over {
+ left: -12px !important;
+}
+
+.frame_dropping_titles_box {
+ width: 240px;
+ padding: 5px;
+ margin: 0px auto 0px auto;
+ height: 15px;
+ text-align: center;
+ background-color: #FFFFFF;
+ font-size: 13px;
+}
+
+.frame_dropping {
+ padding: 7px 10px 9px;
+}
+
+.frame_dropping_box {
+ padding: 7px 10px 9px;
+}
+
+html {
+ background-repeat: no-repeat;
+ background-attachment: fixed;
+ background-size: cover;
+}
+html body {
+ background: none !important;
+}
+html body #outercontainer {
+ max-width: 1100px;
+ margin: 70px auto 70px auto;
+ padding: 50px 50px 20px 50px;
+ background-color: #fff;
+ opacity: 0.95;
+}
+html body #outercontainer .outercontainer_header {
+ display: none;
+}
+html body #outercontainer h1 {
+ margin: 10px 0 0 30px;
+ text-align: left;
+ font-size: 50px;
+ line-height: 50px;
+ font-weight: 300;
+ border: 0;
+}
+html body #outercontainer #logo {
+ left: 30px;
+ top: 20px;
+}
+html body #outercontainer .header_settings_holder {
+ right: 30px;
+ top: 10px;
+}
+
+/*# sourceMappingURL=1kaNature.css.map */
diff --git a/main/survey/skins/1kaNature/bg1.jpg b/main/survey/skins/1kaNature/bg1.jpg Binary files differnew file mode 100644 index 0000000..4c9cede --- /dev/null +++ b/main/survey/skins/1kaNature/bg1.jpg diff --git a/main/survey/skins/1kaNature/bg10.jpg b/main/survey/skins/1kaNature/bg10.jpg Binary files differnew file mode 100644 index 0000000..a8454c4 --- /dev/null +++ b/main/survey/skins/1kaNature/bg10.jpg diff --git a/main/survey/skins/1kaNature/bg11.jpg b/main/survey/skins/1kaNature/bg11.jpg Binary files differnew file mode 100644 index 0000000..dfe8e95 --- /dev/null +++ b/main/survey/skins/1kaNature/bg11.jpg diff --git a/main/survey/skins/1kaNature/bg12.jpg b/main/survey/skins/1kaNature/bg12.jpg Binary files differnew file mode 100644 index 0000000..2a3a946 --- /dev/null +++ b/main/survey/skins/1kaNature/bg12.jpg diff --git a/main/survey/skins/1kaNature/bg13.jpg b/main/survey/skins/1kaNature/bg13.jpg Binary files differnew file mode 100644 index 0000000..2d6a71d --- /dev/null +++ b/main/survey/skins/1kaNature/bg13.jpg diff --git a/main/survey/skins/1kaNature/bg14.jpg b/main/survey/skins/1kaNature/bg14.jpg Binary files differnew file mode 100644 index 0000000..65bddc0 --- /dev/null +++ b/main/survey/skins/1kaNature/bg14.jpg diff --git a/main/survey/skins/1kaNature/bg15.jpg b/main/survey/skins/1kaNature/bg15.jpg Binary files differnew file mode 100644 index 0000000..e0fba5a --- /dev/null +++ b/main/survey/skins/1kaNature/bg15.jpg diff --git a/main/survey/skins/1kaNature/bg2.jpg b/main/survey/skins/1kaNature/bg2.jpg Binary files differnew file mode 100644 index 0000000..f3555b1 --- /dev/null +++ b/main/survey/skins/1kaNature/bg2.jpg diff --git a/main/survey/skins/1kaNature/bg3.jpg b/main/survey/skins/1kaNature/bg3.jpg Binary files differnew file mode 100644 index 0000000..8d0bce1 --- /dev/null +++ b/main/survey/skins/1kaNature/bg3.jpg diff --git a/main/survey/skins/1kaNature/bg4.jpg b/main/survey/skins/1kaNature/bg4.jpg Binary files differnew file mode 100644 index 0000000..7800cce --- /dev/null +++ b/main/survey/skins/1kaNature/bg4.jpg diff --git a/main/survey/skins/1kaNature/bg5.jpg b/main/survey/skins/1kaNature/bg5.jpg Binary files differnew file mode 100644 index 0000000..bd581b3 --- /dev/null +++ b/main/survey/skins/1kaNature/bg5.jpg diff --git a/main/survey/skins/1kaNature/bg6.jpg b/main/survey/skins/1kaNature/bg6.jpg Binary files differnew file mode 100644 index 0000000..ba13b04 --- /dev/null +++ b/main/survey/skins/1kaNature/bg6.jpg diff --git a/main/survey/skins/1kaNature/bg7.jpg b/main/survey/skins/1kaNature/bg7.jpg Binary files differnew file mode 100644 index 0000000..a1d70ac --- /dev/null +++ b/main/survey/skins/1kaNature/bg7.jpg diff --git a/main/survey/skins/1kaNature/bg8.jpg b/main/survey/skins/1kaNature/bg8.jpg Binary files differnew file mode 100644 index 0000000..6609c75 --- /dev/null +++ b/main/survey/skins/1kaNature/bg8.jpg diff --git a/main/survey/skins/1kaNature/bg9.jpg b/main/survey/skins/1kaNature/bg9.jpg Binary files differnew file mode 100644 index 0000000..b9732d4 --- /dev/null +++ b/main/survey/skins/1kaNature/bg9.jpg diff --git a/main/survey/skins/1kaOffice.css b/main/survey/skins/1kaOffice.css new file mode 100644 index 0000000..d15f058 --- /dev/null +++ b/main/survey/skins/1kaOffice.css @@ -0,0 +1,564 @@ +/*
+ Tema ankete - 1ka Urban - Modra barva
+*/
+/* Barve */
+/* Import osnovne postavitve */
+/*
+ Osnovna tema ankete - 1ka - brez definiranih barv
+*/
+/* Fonti */
+body {
+ margin: 0;
+ padding: 0;
+ color: #505050;
+ font-size: 100%;
+ font-family: Montserrat, Arial, Sans-Serif !important;
+ background: #ffffff;
+}
+
+body.preview, body.testdata {
+ margin-top: 26px;
+}
+
+#outercontainer {
+ width: 100%;
+ margin: 0 auto;
+}
+#outercontainer .outercontainer_header {
+ position: absolute;
+ width: 100%;
+ height: 80px;
+ border-bottom: 6px #1e88e5 solid;
+}
+#outercontainer #container {
+ position: relative;
+ width: 100%;
+ max-width: 1200px;
+ margin: 0px auto 10px;
+}
+
+/* Warning bar (preview, cookie) */
+#cookie_alert,
+#test_alert {
+ height: 26px;
+ font-size: 15px;
+ line-height: 25px;
+ color: #ffffff;
+ background-color: #ffa608;
+ border-bottom: 1px solid #ffa608;
+}
+#cookie_alert a,
+#test_alert a {
+ text-decoration: none;
+ font-weight: bold;
+ color: #ffffff;
+}
+#cookie_alert a:hover,
+#test_alert a:hover {
+ text-decoration: underline;
+}
+#cookie_alert span,
+#test_alert span {
+ color: #ffffff;
+}
+#cookie_alert span a,
+#test_alert span a {
+ color: #ffffff;
+ font-weight: normal;
+}
+
+/* Header - logo, naslov, progressbar */
+h1 {
+ margin: 0px auto 30px;
+ padding: 120px 0 50px 0;
+ font-size: 28px;
+ color: #505050;
+ text-align: center;
+ border-bottom: 1px solid #ddeffd;
+}
+
+h1.evalvacija {
+ margin-bottom: 0;
+}
+
+#logo {
+ right: auto;
+ left: 25px;
+ top: 13px;
+ max-height: 56px !important;
+ background: url("../../../public/img/logo/1ka_slo.svg");
+ background-repeat: no-repeat !important;
+ background-size: auto 100% !important;
+}
+#logo a {
+ width: 250px;
+ height: 56px;
+}
+
+#logo.english {
+ background: url("../../../public/img/logo/1ka_eng.svg");
+}
+
+.header_settings_holder {
+ top: 0px;
+ right: 20px;
+ left: auto;
+}
+.header_settings_holder .progress_bar span {
+ float: left !important;
+ /* ie6,7 doesnt support inline-block */
+ display: block;
+ width: 20px;
+ font-size: 11px;
+ color: #6D87AF;
+}
+.header_settings_holder .progress_bar div {
+ height: 10px;
+ width: 130px;
+ padding: 2px;
+ margin: 0 5px;
+ border: 1px #cccccc solid;
+ background-color: #ffffff;
+}
+.header_settings_holder .progress_bar div span {
+ height: 10px;
+ background-color: #1e88e5;
+}
+.header_settings_holder .progress_bar p a {
+ color: #1e88e5;
+ text-decoration: none;
+}
+.header_settings_holder .progress_bar p a:hover {
+ color: #ffa608;
+}
+.header_settings_holder .continue_later_setting a {
+ color: #1e88e5;
+}
+.header_settings_holder .continue_later_setting a:hover {
+ color: #ffa608;
+}
+.header_settings_holder .tawk_chat a {
+ color: #1e88e5;
+}
+.header_settings_holder .tawk_chat a:hover {
+ color: #ffa608;
+}
+
+/* Spremenljivke */
+.spremenljivka {
+ margin: 20px 10px 20px 10px;
+ padding: 20px 2px 50px 12px !important;
+ border-bottom: 1px #ddeffd solid;
+}
+.spremenljivka .naslov {
+ padding: 5px 0 15px 5px;
+ font-size: 18px;
+ font-weight: 600;
+}
+.spremenljivka .naslov .spremenljivka_info {
+ font-size: 14px;
+ font-weight: 400;
+ padding-top: 7px;
+}
+.spremenljivka .sequence_number {
+ background-color: #ddeffd;
+ color: #42A5F5;
+}
+.spremenljivka .sequence_number:hover {
+ background-color: #add8fb;
+}
+.spremenljivka .sequence_number.active {
+ background-color: #42A5F5;
+ color: #ffffff;
+}
+.spremenljivka .counter {
+ font-size: 18px;
+}
+.spremenljivka #dynamic_count {
+ color: #1e88e5;
+}
+.spremenljivka .arrow {
+ color: #1e88e5;
+}
+.spremenljivka .arrow:hover {
+ color: #ffa608;
+}
+
+.spremenljivka.limited {
+ outline: 1px #F15A24 solid;
+}
+
+.required, .required_require, .required_limit {
+ outline: 1px #F15A24 solid;
+}
+
+div.variabla,
+td.variabla,
+td.question,
+td.differential,
+.variabla_sum label {
+ font-size: 14px;
+}
+
+div.variable_holder {
+ padding: 10px 0 0 0;
+}
+div.variable_holder thead,
+div.variable_holder tr.table-header {
+ font-weight: normal;
+ font-size: 14px;
+}
+div.variable_holder thead td,
+div.variable_holder tr.table-header td {
+ 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 {
+ border-bottom: 2px #42A5F5 solid;
+ border-top: 2px #42A5F5 solid;
+ background-color: #ffffff;
+}
+table.grid_table tbody tr:nth-child(2n+1) {
+ background-color: #ffffff;
+}
+table.grid_table tbody tr:nth-child(2n) {
+ background-color: #ddeffd;
+}
+table.grid_table td {
+ padding: 10px 10px;
+}
+
+span.reminder {
+ left: 3px;
+}
+
+/* Textboxi, textarea, select */
+input, textarea, select {
+ font-family: Montserrat, Arial, Sans-Serif !important;
+}
+
+input[type=text], textarea, select {
+ padding: 10px 15px;
+ border-radius: 3px;
+ border: 1px solid #d1d1d1;
+ border-radius: 3px;
+ background-color: #fff;
+}
+
+/* ranking */
+.dropzone {
+ border-top: 1px #ddeffd solid;
+ margin-top: 12px;
+ padding-top: 17px;
+}
+
+table.ranking_table ul {
+ margin-top: 19px;
+}
+
+.ranking,
+.ranking_long,
+.handle,
+.handle_long,
+.ime,
+.izbran,
+.frame_ranking,
+.frame_ranking_hover,
+.frame_dropping,
+.frame_dropping_hover,
+.frame_moving {
+ font-size: 13px;
+ padding: 7px 10px 9px;
+ border: 2px solid #1e88e5;
+ background-color: #ffffff;
+}
+
+.ranking:hover {
+ background-color: #f5fafe;
+}
+
+div.variable_holder .frame_ranking_hover {
+ border: 2px #1e88e5 solid;
+ background-color: #ddeffd;
+}
+
+div.variable_holder .frame_ranking,
+div.variable_holder .frame_moving,
+div.variable_holder .frame_dropping,
+div.variable_holder .frame_dropping_hover {
+ text-indent: -35px;
+ border: 2px #42A5F5 solid;
+ background-color: #ddeffd;
+}
+
+table.ranking_table b {
+ font-size: 13px;
+ font-weight: 600;
+}
+
+/* Photo upload button */
+button.record_foto {
+ border: 2px solid #1e88e5;
+}
+button.record_foto::before {
+ color: #1e88e5;
+}
+button.record_foto:hover, button.record_foto:focus {
+ border-color: #ffa608;
+}
+button.record_foto:hover::before, button.record_foto:focus::before {
+ color: #ffa608;
+}
+
+/* Koledar */
+.ui-datepicker {
+ font-size: 14px;
+}
+
+button.ui-datepicker-trigger {
+ color: #1e88e5;
+}
+button.ui-datepicker-trigger:hover, button.ui-datepicker-trigger:focus {
+ color: #ffa608;
+}
+
+/* Slider */
+.grupa .spremenljivka .ui-slider-pips .ui-slider-pip {
+ color: #505050;
+}
+.grupa .spremenljivka .slider.ui-widget-content {
+ /*background-color: $color_light !important;*/
+ background-image: none !important;
+ border: 0;
+}
+.grupa .spremenljivka .ui-slider-horizontal {
+ height: 8px;
+}
+.grupa .spremenljivka .ui-slider-handle {
+ cursor: pointer;
+ height: 10px !important;
+ width: 18px !important;
+ margin-top: 1px;
+ border: 0;
+ border-radius: 15px 15px !important;
+ background-color: #1e88e5 !important;
+ background-image: none !important;
+}
+.grupa .spremenljivka .ui-slider-handle:active {
+ background-color: #1e88e5 !important;
+}
+.grupa .spremenljivka .sliderText {
+ padding-top: 2px;
+ color: #505050;
+ background-color: #42A5F5;
+ border: 0;
+}
+.grupa .spremenljivka .sliderText::after {
+ border-color: #42A5F5 transparent;
+}
+
+/* Warning levo od vprasanja */
+.validation_alert {
+ position: absolute;
+ z-index: 51;
+ top: 20px;
+ left: -150px;
+ width: 130px;
+ min-height: 29px;
+ margin: 0;
+ text-align: center;
+ font-size: 11px;
+ line-height: 14px;
+ background-color: #ddeffd;
+ border: 2px solid red;
+ padding: 4px 7px;
+ border-radius: 4px;
+ box-shadow: none;
+}
+
+/* Gumbi na dnu */
+div.buttons {
+ padding: 20px 20px 35px;
+ margin: 0 10px;
+}
+div.buttons input {
+ cursor: pointer;
+ margin: 8px 10px;
+ /*padding: 7px 11px;*/
+ padding: 10px 20px;
+ text-align: center;
+ font-size: 12px;
+ letter-spacing: 1px;
+ font-weight: 600;
+ color: #FFFFFF;
+ border-radius: 20px;
+ border: 0;
+}
+div.buttons input.next {
+ background-color: #1e88e5;
+ border: 1px solid #1e88e5;
+}
+div.buttons input.next:hover, div.buttons input.next:focus {
+ background-color: #ffa608;
+ border: 1px solid #ffa608;
+}
+div.buttons input.prev {
+ color: #1e88e5;
+ background-color: #fff;
+ border: 1px solid #1e88e5;
+}
+div.buttons input.prev:hover, div.buttons input.prev:focus {
+ color: #fff;
+ background-color: #1e88e5;
+}
+
+/* Footer */
+#footer_survey {
+ padding: 40px;
+ background-color: #ffffff;
+ border-top: 1px #ddeffd solid;
+}
+#footer_survey p, #footer_survey a, #footer_survey a:visited {
+ color: #505050;
+ font-size: 14px;
+ line-height: 25px;
+ font-weight: 400;
+ text-decoration: none;
+}
+#footer_survey a:hover, #footer_survey a:active {
+ text-decoration: none;
+}
+
+/* awesome radio in checkboxi */
+input[type=checkbox] + span.enka-checkbox-radio,
+input[type=radio] + span.enka-checkbox-radio,
+.custom_radio_picture.obarvan > label > span.enka-custom-radio:before,
+.visual-radio-scale.checked .enka-vizualna-skala {
+ color: #42A5F5;
+ font-size: 20px;
+ vertical-align: -1px;
+}
+
+input[type=checkbox]:focus + span.enka-checkbox-radio:before,
+input[type=radio]:focus + span.enka-checkbox-radio:before,
+input[type=radio]:focus + span.enka-custom-radio:before,
+input[type=radio]:focus + span.enka-vizualna-skala::before {
+ color: #0965ae;
+}
+
+input[type=text]:focus,
+input[type=number]:focus,
+input[type=email]:focus,
+input[type=password]:focus,
+textarea:focus {
+ border-color: #42A5F5;
+}
+
+/* Ranking drag drop */
+.drag_and_drop {
+ top: -9px;
+ left: -12px;
+}
+
+.drag_and_drop_right {
+ top: -9px !important;
+ left: -12px !important;
+}
+
+.frame_dropping_titles {
+ width: 240px;
+ padding: 5px;
+ margin: 0px auto 0px auto;
+ height: 15px;
+ text-align: center;
+ background-color: #FFFFFF;
+ border-top: 2px solid #b9c5d9;
+ border-left: 2px solid #b9c5d9;
+ border-right: 2px solid #b9c5d9;
+ font-size: 13px;
+}
+
+.drag_and_drop_box {
+ top: -9px;
+ left: -12px;
+}
+.drag_and_drop_box img {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.drag_and_drop_box_right {
+ top: 19px !important;
+ left: -12px !important;
+}
+
+.drag_and_drop_box_right_after_refresh {
+ /*top: 44px!important;*/
+ left: -12px !important;
+}
+
+.drag_and_drop_box_right_over {
+ left: -12px !important;
+}
+
+.frame_dropping_titles_box {
+ width: 240px;
+ padding: 5px;
+ margin: 0px auto 0px auto;
+ height: 15px;
+ text-align: center;
+ background-color: #FFFFFF;
+ font-size: 13px;
+}
+
+.frame_dropping {
+ padding: 7px 10px 9px;
+}
+
+.frame_dropping_box {
+ padding: 7px 10px 9px;
+}
+
+html {
+ background-repeat: no-repeat;
+ background-attachment: fixed;
+ background-size: cover;
+}
+html body {
+ background: none !important;
+}
+html body #outercontainer {
+ max-width: 1100px;
+ margin: 70px auto 70px auto;
+ padding: 50px 50px 20px 50px;
+ background-color: #fff;
+ opacity: 0.95;
+}
+html body #outercontainer .outercontainer_header {
+ display: none;
+}
+html body #outercontainer h1 {
+ margin: 10px 0 0 30px;
+ text-align: left;
+ font-size: 50px;
+ line-height: 50px;
+ font-weight: 300;
+ border: 0;
+}
+html body #outercontainer #logo {
+ left: 30px;
+ top: 20px;
+}
+html body #outercontainer .header_settings_holder {
+ right: 30px;
+ top: 10px;
+}
+
+/*# sourceMappingURL=1kaOffice.css.map */
diff --git a/main/survey/skins/1kaOffice/bg1.jpg b/main/survey/skins/1kaOffice/bg1.jpg Binary files differnew file mode 100644 index 0000000..2912d42 --- /dev/null +++ b/main/survey/skins/1kaOffice/bg1.jpg diff --git a/main/survey/skins/1kaOffice/bg10.jpg b/main/survey/skins/1kaOffice/bg10.jpg Binary files differnew file mode 100644 index 0000000..3e8b217 --- /dev/null +++ b/main/survey/skins/1kaOffice/bg10.jpg diff --git a/main/survey/skins/1kaOffice/bg11.jpg b/main/survey/skins/1kaOffice/bg11.jpg Binary files differnew file mode 100644 index 0000000..7776ed4 --- /dev/null +++ b/main/survey/skins/1kaOffice/bg11.jpg diff --git a/main/survey/skins/1kaOffice/bg12.jpg b/main/survey/skins/1kaOffice/bg12.jpg Binary files differnew file mode 100644 index 0000000..51e8b1f --- /dev/null +++ b/main/survey/skins/1kaOffice/bg12.jpg diff --git a/main/survey/skins/1kaOffice/bg13.jpg b/main/survey/skins/1kaOffice/bg13.jpg Binary files differnew file mode 100644 index 0000000..ee26971 --- /dev/null +++ b/main/survey/skins/1kaOffice/bg13.jpg diff --git a/main/survey/skins/1kaOffice/bg14.jpg b/main/survey/skins/1kaOffice/bg14.jpg Binary files differnew file mode 100644 index 0000000..c07bc6f --- /dev/null +++ b/main/survey/skins/1kaOffice/bg14.jpg diff --git a/main/survey/skins/1kaOffice/bg15.jpg b/main/survey/skins/1kaOffice/bg15.jpg Binary files differnew file mode 100644 index 0000000..6a7761b --- /dev/null +++ b/main/survey/skins/1kaOffice/bg15.jpg diff --git a/main/survey/skins/1kaOffice/bg2.jpg b/main/survey/skins/1kaOffice/bg2.jpg Binary files differnew file mode 100644 index 0000000..c967bdd --- /dev/null +++ b/main/survey/skins/1kaOffice/bg2.jpg diff --git a/main/survey/skins/1kaOffice/bg3.jpg b/main/survey/skins/1kaOffice/bg3.jpg Binary files differnew file mode 100644 index 0000000..103ea04 --- /dev/null +++ b/main/survey/skins/1kaOffice/bg3.jpg diff --git a/main/survey/skins/1kaOffice/bg4.jpg b/main/survey/skins/1kaOffice/bg4.jpg Binary files differnew file mode 100644 index 0000000..3b4599e --- /dev/null +++ b/main/survey/skins/1kaOffice/bg4.jpg diff --git a/main/survey/skins/1kaOffice/bg5.jpg b/main/survey/skins/1kaOffice/bg5.jpg Binary files differnew file mode 100644 index 0000000..d61cb27 --- /dev/null +++ b/main/survey/skins/1kaOffice/bg5.jpg diff --git a/main/survey/skins/1kaOffice/bg6.jpg b/main/survey/skins/1kaOffice/bg6.jpg Binary files differnew file mode 100644 index 0000000..e4b5ed3 --- /dev/null +++ b/main/survey/skins/1kaOffice/bg6.jpg diff --git a/main/survey/skins/1kaOffice/bg7.jpg b/main/survey/skins/1kaOffice/bg7.jpg Binary files differnew file mode 100644 index 0000000..6ec3293 --- /dev/null +++ b/main/survey/skins/1kaOffice/bg7.jpg diff --git a/main/survey/skins/1kaOffice/bg8.jpg b/main/survey/skins/1kaOffice/bg8.jpg Binary files differnew file mode 100644 index 0000000..66cb5c1 --- /dev/null +++ b/main/survey/skins/1kaOffice/bg8.jpg diff --git a/main/survey/skins/1kaOffice/bg9.jpg b/main/survey/skins/1kaOffice/bg9.jpg Binary files differnew file mode 100644 index 0000000..d6d6077 --- /dev/null +++ b/main/survey/skins/1kaOffice/bg9.jpg diff --git a/main/survey/skins/1kaOrange.css b/main/survey/skins/1kaOrange.css new file mode 100644 index 0000000..5d1792c --- /dev/null +++ b/main/survey/skins/1kaOrange.css @@ -0,0 +1,529 @@ +/*
+ Default tema ankete - 1ka - Oranzna barva
+*/
+/* Barve */
+/* Import osnovne postavitve */
+/*
+ Osnovna tema ankete - 1ka - brez definiranih barv
+*/
+/* Fonti */
+body {
+ margin: 0;
+ padding: 0;
+ color: #505050;
+ font-size: 100%;
+ font-family: Montserrat, Arial, Sans-Serif !important;
+ background: #ffffff;
+}
+
+body.preview, body.testdata {
+ margin-top: 26px;
+}
+
+#outercontainer {
+ width: 100%;
+ margin: 0 auto;
+}
+#outercontainer .outercontainer_header {
+ position: absolute;
+ width: 100%;
+ height: 80px;
+ border-bottom: 6px #ef6c00 solid;
+}
+#outercontainer #container {
+ position: relative;
+ width: 100%;
+ max-width: 1200px;
+ margin: 0px auto 10px;
+}
+
+/* Warning bar (preview, cookie) */
+#cookie_alert,
+#test_alert {
+ height: 26px;
+ font-size: 15px;
+ line-height: 25px;
+ color: #ffffff;
+ background-color: #ffa608;
+ border-bottom: 1px solid #ffa608;
+}
+#cookie_alert a,
+#test_alert a {
+ text-decoration: none;
+ font-weight: bold;
+ color: #ffffff;
+}
+#cookie_alert a:hover,
+#test_alert a:hover {
+ text-decoration: underline;
+}
+#cookie_alert span,
+#test_alert span {
+ color: #ffffff;
+}
+#cookie_alert span a,
+#test_alert span a {
+ color: #ffffff;
+ font-weight: normal;
+}
+
+/* Header - logo, naslov, progressbar */
+h1 {
+ margin: 0px auto 30px;
+ padding: 120px 0 50px 0;
+ font-size: 28px;
+ color: #ef6c00;
+ text-align: center;
+ border-bottom: 1px solid #ffe9c9;
+}
+
+h1.evalvacija {
+ margin-bottom: 0;
+}
+
+#logo {
+ right: auto;
+ left: 25px;
+ top: 13px;
+ max-height: 56px !important;
+ background: url("../../../public/img/logo/1ka_slo.svg");
+ background-repeat: no-repeat !important;
+ background-size: auto 100% !important;
+}
+#logo a {
+ width: 250px;
+ height: 56px;
+}
+
+#logo.english {
+ background: url("../../../public/img/logo/1ka_eng.svg");
+}
+
+.header_settings_holder {
+ top: 0px;
+ right: 20px;
+ left: auto;
+}
+.header_settings_holder .progress_bar span {
+ float: left !important;
+ /* ie6,7 doesnt support inline-block */
+ display: block;
+ width: 20px;
+ font-size: 11px;
+ color: #6D87AF;
+}
+.header_settings_holder .progress_bar div {
+ height: 10px;
+ width: 130px;
+ padding: 2px;
+ margin: 0 5px;
+ border: 1px #cccccc solid;
+ background-color: #ffffff;
+}
+.header_settings_holder .progress_bar div span {
+ height: 10px;
+ background-color: #ef6c00;
+}
+.header_settings_holder .progress_bar p a {
+ color: #ef6c00;
+ text-decoration: none;
+}
+.header_settings_holder .progress_bar p a:hover {
+ color: #ff943d;
+}
+.header_settings_holder .continue_later_setting a {
+ color: #ef6c00;
+}
+.header_settings_holder .continue_later_setting a:hover {
+ color: #ff943d;
+}
+.header_settings_holder .tawk_chat a {
+ color: #ef6c00;
+}
+.header_settings_holder .tawk_chat a:hover {
+ color: #ff943d;
+}
+
+/* Spremenljivke */
+.spremenljivka {
+ margin: 20px 10px 20px 10px;
+ padding: 20px 2px 50px 12px !important;
+ border-bottom: 1px #ffe9c9 solid;
+}
+.spremenljivka .naslov {
+ padding: 5px 0 15px 5px;
+ font-size: 18px;
+ font-weight: 600;
+}
+.spremenljivka .naslov .spremenljivka_info {
+ font-size: 14px;
+ font-weight: 400;
+ padding-top: 7px;
+}
+.spremenljivka .sequence_number {
+ background-color: #ffe9c9;
+ color: #ffa726;
+}
+.spremenljivka .sequence_number:hover {
+ background-color: #ffd596;
+}
+.spremenljivka .sequence_number.active {
+ background-color: #ffa726;
+ color: #ffffff;
+}
+.spremenljivka .counter {
+ font-size: 18px;
+}
+.spremenljivka #dynamic_count {
+ color: #ef6c00;
+}
+.spremenljivka .arrow {
+ color: #ef6c00;
+}
+.spremenljivka .arrow:hover {
+ color: #ff943d;
+}
+
+.spremenljivka.limited {
+ outline: 1px #F15A24 solid;
+}
+
+.required, .required_require, .required_limit {
+ outline: 1px #F15A24 solid;
+}
+
+div.variabla,
+td.variabla,
+td.question,
+td.differential,
+.variabla_sum label {
+ font-size: 14px;
+}
+
+div.variable_holder {
+ padding: 10px 0 0 0;
+}
+div.variable_holder thead,
+div.variable_holder tr.table-header {
+ font-weight: normal;
+ font-size: 14px;
+}
+div.variable_holder thead td,
+div.variable_holder tr.table-header td {
+ 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 {
+ border-bottom: 2px #ffa726 solid;
+ border-top: 2px #ffa726 solid;
+ background-color: #ffffff;
+}
+table.grid_table tbody tr:nth-child(2n+1) {
+ background-color: #ffffff;
+}
+table.grid_table tbody tr:nth-child(2n) {
+ background-color: #ffe9c9;
+}
+table.grid_table td {
+ padding: 10px 10px;
+}
+
+span.reminder {
+ left: 3px;
+}
+
+/* Textboxi, textarea, select */
+input, textarea, select {
+ font-family: Montserrat, Arial, Sans-Serif !important;
+}
+
+input[type=text], textarea, select {
+ padding: 10px 15px;
+ border-radius: 3px;
+ border: 1px solid #d1d1d1;
+ border-radius: 3px;
+ background-color: #fff;
+}
+
+/* ranking */
+.dropzone {
+ border-top: 1px #ffe9c9 solid;
+ margin-top: 12px;
+ padding-top: 17px;
+}
+
+table.ranking_table ul {
+ margin-top: 19px;
+}
+
+.ranking,
+.ranking_long,
+.handle,
+.handle_long,
+.ime,
+.izbran,
+.frame_ranking,
+.frame_ranking_hover,
+.frame_dropping,
+.frame_dropping_hover,
+.frame_moving {
+ font-size: 13px;
+ padding: 7px 10px 9px;
+ border: 2px solid #ef6c00;
+ background-color: #ffffff;
+}
+
+.ranking:hover {
+ background-color: #f5fafe;
+}
+
+div.variable_holder .frame_ranking_hover {
+ border: 2px #ef6c00 solid;
+ background-color: #ffe9c9;
+}
+
+div.variable_holder .frame_ranking,
+div.variable_holder .frame_moving,
+div.variable_holder .frame_dropping,
+div.variable_holder .frame_dropping_hover {
+ text-indent: -35px;
+ border: 2px #ffa726 solid;
+ background-color: #ffe9c9;
+}
+
+table.ranking_table b {
+ font-size: 13px;
+ font-weight: 600;
+}
+
+/* Photo upload button */
+button.record_foto {
+ border: 2px solid #ef6c00;
+}
+button.record_foto::before {
+ color: #ef6c00;
+}
+button.record_foto:hover, button.record_foto:focus {
+ border-color: #ff943d;
+}
+button.record_foto:hover::before, button.record_foto:focus::before {
+ color: #ff943d;
+}
+
+/* Koledar */
+.ui-datepicker {
+ font-size: 14px;
+}
+
+button.ui-datepicker-trigger {
+ color: #ef6c00;
+}
+button.ui-datepicker-trigger:hover, button.ui-datepicker-trigger:focus {
+ color: #ff943d;
+}
+
+/* Slider */
+.grupa .spremenljivka .ui-slider-pips .ui-slider-pip {
+ color: #505050;
+}
+.grupa .spremenljivka .slider.ui-widget-content {
+ /*background-color: $color_light !important;*/
+ background-image: none !important;
+ border: 0;
+}
+.grupa .spremenljivka .ui-slider-horizontal {
+ height: 8px;
+}
+.grupa .spremenljivka .ui-slider-handle {
+ cursor: pointer;
+ height: 10px !important;
+ width: 18px !important;
+ margin-top: 1px;
+ border: 0;
+ border-radius: 15px 15px !important;
+ background-color: #ef6c00 !important;
+ background-image: none !important;
+}
+.grupa .spremenljivka .ui-slider-handle:active {
+ background-color: #ef6c00 !important;
+}
+.grupa .spremenljivka .sliderText {
+ padding-top: 2px;
+ color: #505050;
+ background-color: #ffa726;
+ border: 0;
+}
+.grupa .spremenljivka .sliderText::after {
+ border-color: #ffa726 transparent;
+}
+
+/* Warning levo od vprasanja */
+.validation_alert {
+ position: absolute;
+ z-index: 51;
+ top: 20px;
+ left: -150px;
+ width: 130px;
+ min-height: 29px;
+ margin: 0;
+ text-align: center;
+ font-size: 11px;
+ line-height: 14px;
+ background-color: #ffe9c9;
+ border: 2px solid red;
+ padding: 4px 7px;
+ border-radius: 4px;
+ box-shadow: none;
+}
+
+/* Gumbi na dnu */
+div.buttons {
+ padding: 20px 20px 35px;
+ margin: 0 10px;
+}
+div.buttons input {
+ cursor: pointer;
+ margin: 8px 10px;
+ /*padding: 7px 11px;*/
+ padding: 10px 20px;
+ text-align: center;
+ font-size: 12px;
+ letter-spacing: 1px;
+ font-weight: 600;
+ color: #FFFFFF;
+ border-radius: 20px;
+ border: 0;
+}
+div.buttons input.next {
+ background-color: #ef6c00;
+ border: 1px solid #ef6c00;
+}
+div.buttons input.next:hover, div.buttons input.next:focus {
+ background-color: #ff943d;
+ border: 1px solid #ff943d;
+}
+div.buttons input.prev {
+ color: #ef6c00;
+ background-color: #fff;
+ border: 1px solid #ef6c00;
+}
+div.buttons input.prev:hover, div.buttons input.prev:focus {
+ color: #fff;
+ background-color: #ef6c00;
+}
+
+/* Footer */
+#footer_survey {
+ padding: 40px;
+ background-color: #ffffff;
+ border-top: 1px #ffe9c9 solid;
+}
+#footer_survey p, #footer_survey a, #footer_survey a:visited {
+ color: #505050;
+ font-size: 14px;
+ line-height: 25px;
+ font-weight: 400;
+ text-decoration: none;
+}
+#footer_survey a:hover, #footer_survey a:active {
+ text-decoration: none;
+}
+
+/* awesome radio in checkboxi */
+input[type=checkbox] + span.enka-checkbox-radio,
+input[type=radio] + span.enka-checkbox-radio,
+.custom_radio_picture.obarvan > label > span.enka-custom-radio:before,
+.visual-radio-scale.checked .enka-vizualna-skala {
+ color: #ffa726;
+ font-size: 20px;
+ vertical-align: -1px;
+}
+
+input[type=checkbox]:focus + span.enka-checkbox-radio:before,
+input[type=radio]:focus + span.enka-checkbox-radio:before,
+input[type=radio]:focus + span.enka-custom-radio:before,
+input[type=radio]:focus + span.enka-vizualna-skala::before {
+ color: #a66200;
+}
+
+input[type=text]:focus,
+input[type=number]:focus,
+input[type=email]:focus,
+input[type=password]:focus,
+textarea:focus {
+ border-color: #ffa726;
+}
+
+/* Ranking drag drop */
+.drag_and_drop {
+ top: -9px;
+ left: -12px;
+}
+
+.drag_and_drop_right {
+ top: -9px !important;
+ left: -12px !important;
+}
+
+.frame_dropping_titles {
+ width: 240px;
+ padding: 5px;
+ margin: 0px auto 0px auto;
+ height: 15px;
+ text-align: center;
+ background-color: #FFFFFF;
+ border-top: 2px solid #b9c5d9;
+ border-left: 2px solid #b9c5d9;
+ border-right: 2px solid #b9c5d9;
+ font-size: 13px;
+}
+
+.drag_and_drop_box {
+ top: -9px;
+ left: -12px;
+}
+.drag_and_drop_box img {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.drag_and_drop_box_right {
+ top: 19px !important;
+ left: -12px !important;
+}
+
+.drag_and_drop_box_right_after_refresh {
+ /*top: 44px!important;*/
+ left: -12px !important;
+}
+
+.drag_and_drop_box_right_over {
+ left: -12px !important;
+}
+
+.frame_dropping_titles_box {
+ width: 240px;
+ padding: 5px;
+ margin: 0px auto 0px auto;
+ height: 15px;
+ text-align: center;
+ background-color: #FFFFFF;
+ font-size: 13px;
+}
+
+.frame_dropping {
+ padding: 7px 10px 9px;
+}
+
+.frame_dropping_box {
+ padding: 7px 10px 9px;
+}
+
+/*# sourceMappingURL=1kaOrange.css.map */
diff --git a/main/survey/skins/1kaPurple.css b/main/survey/skins/1kaPurple.css new file mode 100644 index 0000000..d2c62e3 --- /dev/null +++ b/main/survey/skins/1kaPurple.css @@ -0,0 +1,529 @@ +/*
+ Default tema ankete - 1ka - Vijolicna barva
+*/
+/* Barve */
+/* Import osnovne postavitve */
+/*
+ Osnovna tema ankete - 1ka - brez definiranih barv
+*/
+/* Fonti */
+body {
+ margin: 0;
+ padding: 0;
+ color: #505050;
+ font-size: 100%;
+ font-family: Montserrat, Arial, Sans-Serif !important;
+ background: #ffffff;
+}
+
+body.preview, body.testdata {
+ margin-top: 26px;
+}
+
+#outercontainer {
+ width: 100%;
+ margin: 0 auto;
+}
+#outercontainer .outercontainer_header {
+ position: absolute;
+ width: 100%;
+ height: 80px;
+ border-bottom: 6px #4527a0 solid;
+}
+#outercontainer #container {
+ position: relative;
+ width: 100%;
+ max-width: 1200px;
+ margin: 0px auto 10px;
+}
+
+/* Warning bar (preview, cookie) */
+#cookie_alert,
+#test_alert {
+ height: 26px;
+ font-size: 15px;
+ line-height: 25px;
+ color: #ffffff;
+ background-color: #ffa608;
+ border-bottom: 1px solid #ffa608;
+}
+#cookie_alert a,
+#test_alert a {
+ text-decoration: none;
+ font-weight: bold;
+ color: #ffffff;
+}
+#cookie_alert a:hover,
+#test_alert a:hover {
+ text-decoration: underline;
+}
+#cookie_alert span,
+#test_alert span {
+ color: #ffffff;
+}
+#cookie_alert span a,
+#test_alert span a {
+ color: #ffffff;
+ font-weight: normal;
+}
+
+/* Header - logo, naslov, progressbar */
+h1 {
+ margin: 0px auto 30px;
+ padding: 120px 0 50px 0;
+ font-size: 28px;
+ color: #4527a0;
+ text-align: center;
+ border-bottom: 1px solid #e3daf2;
+}
+
+h1.evalvacija {
+ margin-bottom: 0;
+}
+
+#logo {
+ right: auto;
+ left: 25px;
+ top: 13px;
+ max-height: 56px !important;
+ background: url("../../../public/img/logo/1ka_slo.svg");
+ background-repeat: no-repeat !important;
+ background-size: auto 100% !important;
+}
+#logo a {
+ width: 250px;
+ height: 56px;
+}
+
+#logo.english {
+ background: url("../../../public/img/logo/1ka_eng.svg");
+}
+
+.header_settings_holder {
+ top: 0px;
+ right: 20px;
+ left: auto;
+}
+.header_settings_holder .progress_bar span {
+ float: left !important;
+ /* ie6,7 doesnt support inline-block */
+ display: block;
+ width: 20px;
+ font-size: 11px;
+ color: #6D87AF;
+}
+.header_settings_holder .progress_bar div {
+ height: 10px;
+ width: 130px;
+ padding: 2px;
+ margin: 0 5px;
+ border: 1px #cccccc solid;
+ background-color: #ffffff;
+}
+.header_settings_holder .progress_bar div span {
+ height: 10px;
+ background-color: #4527a0;
+}
+.header_settings_holder .progress_bar p a {
+ color: #4527a0;
+ text-decoration: none;
+}
+.header_settings_holder .progress_bar p a:hover {
+ color: #6642d1;
+}
+.header_settings_holder .continue_later_setting a {
+ color: #4527a0;
+}
+.header_settings_holder .continue_later_setting a:hover {
+ color: #6642d1;
+}
+.header_settings_holder .tawk_chat a {
+ color: #4527a0;
+}
+.header_settings_holder .tawk_chat a:hover {
+ color: #6642d1;
+}
+
+/* Spremenljivke */
+.spremenljivka {
+ margin: 20px 10px 20px 10px;
+ padding: 20px 2px 50px 12px !important;
+ border-bottom: 1px #e3daf2 solid;
+}
+.spremenljivka .naslov {
+ padding: 5px 0 15px 5px;
+ font-size: 18px;
+ font-weight: 600;
+}
+.spremenljivka .naslov .spremenljivka_info {
+ font-size: 14px;
+ font-weight: 400;
+ padding-top: 7px;
+}
+.spremenljivka .sequence_number {
+ background-color: #e3daf2;
+ color: #7e57c2;
+}
+.spremenljivka .sequence_number:hover {
+ background-color: #c6b5e4;
+}
+.spremenljivka .sequence_number.active {
+ background-color: #7e57c2;
+ color: #ffffff;
+}
+.spremenljivka .counter {
+ font-size: 18px;
+}
+.spremenljivka #dynamic_count {
+ color: #4527a0;
+}
+.spremenljivka .arrow {
+ color: #4527a0;
+}
+.spremenljivka .arrow:hover {
+ color: #6642d1;
+}
+
+.spremenljivka.limited {
+ outline: 1px #F15A24 solid;
+}
+
+.required, .required_require, .required_limit {
+ outline: 1px #F15A24 solid;
+}
+
+div.variabla,
+td.variabla,
+td.question,
+td.differential,
+.variabla_sum label {
+ font-size: 14px;
+}
+
+div.variable_holder {
+ padding: 10px 0 0 0;
+}
+div.variable_holder thead,
+div.variable_holder tr.table-header {
+ font-weight: normal;
+ font-size: 14px;
+}
+div.variable_holder thead td,
+div.variable_holder tr.table-header td {
+ 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 {
+ border-bottom: 2px #7e57c2 solid;
+ border-top: 2px #7e57c2 solid;
+ background-color: #ffffff;
+}
+table.grid_table tbody tr:nth-child(2n+1) {
+ background-color: #ffffff;
+}
+table.grid_table tbody tr:nth-child(2n) {
+ background-color: #e3daf2;
+}
+table.grid_table td {
+ padding: 10px 10px;
+}
+
+span.reminder {
+ left: 3px;
+}
+
+/* Textboxi, textarea, select */
+input, textarea, select {
+ font-family: Montserrat, Arial, Sans-Serif !important;
+}
+
+input[type=text], textarea, select {
+ padding: 10px 15px;
+ border-radius: 3px;
+ border: 1px solid #d1d1d1;
+ border-radius: 3px;
+ background-color: #fff;
+}
+
+/* ranking */
+.dropzone {
+ border-top: 1px #e3daf2 solid;
+ margin-top: 12px;
+ padding-top: 17px;
+}
+
+table.ranking_table ul {
+ margin-top: 19px;
+}
+
+.ranking,
+.ranking_long,
+.handle,
+.handle_long,
+.ime,
+.izbran,
+.frame_ranking,
+.frame_ranking_hover,
+.frame_dropping,
+.frame_dropping_hover,
+.frame_moving {
+ font-size: 13px;
+ padding: 7px 10px 9px;
+ border: 2px solid #4527a0;
+ background-color: #ffffff;
+}
+
+.ranking:hover {
+ background-color: #f5fafe;
+}
+
+div.variable_holder .frame_ranking_hover {
+ border: 2px #4527a0 solid;
+ background-color: #e3daf2;
+}
+
+div.variable_holder .frame_ranking,
+div.variable_holder .frame_moving,
+div.variable_holder .frame_dropping,
+div.variable_holder .frame_dropping_hover {
+ text-indent: -35px;
+ border: 2px #7e57c2 solid;
+ background-color: #e3daf2;
+}
+
+table.ranking_table b {
+ font-size: 13px;
+ font-weight: 600;
+}
+
+/* Photo upload button */
+button.record_foto {
+ border: 2px solid #4527a0;
+}
+button.record_foto::before {
+ color: #4527a0;
+}
+button.record_foto:hover, button.record_foto:focus {
+ border-color: #6642d1;
+}
+button.record_foto:hover::before, button.record_foto:focus::before {
+ color: #6642d1;
+}
+
+/* Koledar */
+.ui-datepicker {
+ font-size: 14px;
+}
+
+button.ui-datepicker-trigger {
+ color: #4527a0;
+}
+button.ui-datepicker-trigger:hover, button.ui-datepicker-trigger:focus {
+ color: #6642d1;
+}
+
+/* Slider */
+.grupa .spremenljivka .ui-slider-pips .ui-slider-pip {
+ color: #505050;
+}
+.grupa .spremenljivka .slider.ui-widget-content {
+ /*background-color: $color_light !important;*/
+ background-image: none !important;
+ border: 0;
+}
+.grupa .spremenljivka .ui-slider-horizontal {
+ height: 8px;
+}
+.grupa .spremenljivka .ui-slider-handle {
+ cursor: pointer;
+ height: 10px !important;
+ width: 18px !important;
+ margin-top: 1px;
+ border: 0;
+ border-radius: 15px 15px !important;
+ background-color: #4527a0 !important;
+ background-image: none !important;
+}
+.grupa .spremenljivka .ui-slider-handle:active {
+ background-color: #4527a0 !important;
+}
+.grupa .spremenljivka .sliderText {
+ padding-top: 2px;
+ color: #505050;
+ background-color: #7e57c2;
+ border: 0;
+}
+.grupa .spremenljivka .sliderText::after {
+ border-color: #7e57c2 transparent;
+}
+
+/* Warning levo od vprasanja */
+.validation_alert {
+ position: absolute;
+ z-index: 51;
+ top: 20px;
+ left: -150px;
+ width: 130px;
+ min-height: 29px;
+ margin: 0;
+ text-align: center;
+ font-size: 11px;
+ line-height: 14px;
+ background-color: #e3daf2;
+ border: 2px solid red;
+ padding: 4px 7px;
+ border-radius: 4px;
+ box-shadow: none;
+}
+
+/* Gumbi na dnu */
+div.buttons {
+ padding: 20px 20px 35px;
+ margin: 0 10px;
+}
+div.buttons input {
+ cursor: pointer;
+ margin: 8px 10px;
+ /*padding: 7px 11px;*/
+ padding: 10px 20px;
+ text-align: center;
+ font-size: 12px;
+ letter-spacing: 1px;
+ font-weight: 600;
+ color: #FFFFFF;
+ border-radius: 20px;
+ border: 0;
+}
+div.buttons input.next {
+ background-color: #4527a0;
+ border: 1px solid #4527a0;
+}
+div.buttons input.next:hover, div.buttons input.next:focus {
+ background-color: #6642d1;
+ border: 1px solid #6642d1;
+}
+div.buttons input.prev {
+ color: #4527a0;
+ background-color: #fff;
+ border: 1px solid #4527a0;
+}
+div.buttons input.prev:hover, div.buttons input.prev:focus {
+ color: #fff;
+ background-color: #4527a0;
+}
+
+/* Footer */
+#footer_survey {
+ padding: 40px;
+ background-color: #ffffff;
+ border-top: 1px #e3daf2 solid;
+}
+#footer_survey p, #footer_survey a, #footer_survey a:visited {
+ color: #505050;
+ font-size: 14px;
+ line-height: 25px;
+ font-weight: 400;
+ text-decoration: none;
+}
+#footer_survey a:hover, #footer_survey a:active {
+ text-decoration: none;
+}
+
+/* awesome radio in checkboxi */
+input[type=checkbox] + span.enka-checkbox-radio,
+input[type=radio] + span.enka-checkbox-radio,
+.custom_radio_picture.obarvan > label > span.enka-custom-radio:before,
+.visual-radio-scale.checked .enka-vizualna-skala {
+ color: #7e57c2;
+ font-size: 20px;
+ vertical-align: -1px;
+}
+
+input[type=checkbox]:focus + span.enka-checkbox-radio:before,
+input[type=radio]:focus + span.enka-checkbox-radio:before,
+input[type=radio]:focus + span.enka-custom-radio:before,
+input[type=radio]:focus + span.enka-vizualna-skala::before {
+ color: #432971;
+}
+
+input[type=text]:focus,
+input[type=number]:focus,
+input[type=email]:focus,
+input[type=password]:focus,
+textarea:focus {
+ border-color: #7e57c2;
+}
+
+/* Ranking drag drop */
+.drag_and_drop {
+ top: -9px;
+ left: -12px;
+}
+
+.drag_and_drop_right {
+ top: -9px !important;
+ left: -12px !important;
+}
+
+.frame_dropping_titles {
+ width: 240px;
+ padding: 5px;
+ margin: 0px auto 0px auto;
+ height: 15px;
+ text-align: center;
+ background-color: #FFFFFF;
+ border-top: 2px solid #b9c5d9;
+ border-left: 2px solid #b9c5d9;
+ border-right: 2px solid #b9c5d9;
+ font-size: 13px;
+}
+
+.drag_and_drop_box {
+ top: -9px;
+ left: -12px;
+}
+.drag_and_drop_box img {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.drag_and_drop_box_right {
+ top: 19px !important;
+ left: -12px !important;
+}
+
+.drag_and_drop_box_right_after_refresh {
+ /*top: 44px!important;*/
+ left: -12px !important;
+}
+
+.drag_and_drop_box_right_over {
+ left: -12px !important;
+}
+
+.frame_dropping_titles_box {
+ width: 240px;
+ padding: 5px;
+ margin: 0px auto 0px auto;
+ height: 15px;
+ text-align: center;
+ background-color: #FFFFFF;
+ font-size: 13px;
+}
+
+.frame_dropping {
+ padding: 7px 10px 9px;
+}
+
+.frame_dropping_box {
+ padding: 7px 10px 9px;
+}
+
+/*# sourceMappingURL=1kaPurple.css.map */
diff --git a/main/survey/skins/1kaRed.css b/main/survey/skins/1kaRed.css new file mode 100644 index 0000000..7a68f3a --- /dev/null +++ b/main/survey/skins/1kaRed.css @@ -0,0 +1,529 @@ +/*
+ Default tema ankete - 1ka - Rdeca barva
+*/
+/* Barve */
+/* Import osnovne postavitve */
+/*
+ Osnovna tema ankete - 1ka - brez definiranih barv
+*/
+/* Fonti */
+body {
+ margin: 0;
+ padding: 0;
+ color: #505050;
+ font-size: 100%;
+ font-family: Montserrat, Arial, Sans-Serif !important;
+ background: #ffffff;
+}
+
+body.preview, body.testdata {
+ margin-top: 26px;
+}
+
+#outercontainer {
+ width: 100%;
+ margin: 0 auto;
+}
+#outercontainer .outercontainer_header {
+ position: absolute;
+ width: 100%;
+ height: 80px;
+ border-bottom: 6px #c62828 solid;
+}
+#outercontainer #container {
+ position: relative;
+ width: 100%;
+ max-width: 1200px;
+ margin: 0px auto 10px;
+}
+
+/* Warning bar (preview, cookie) */
+#cookie_alert,
+#test_alert {
+ height: 26px;
+ font-size: 15px;
+ line-height: 25px;
+ color: #ffffff;
+ background-color: #ffa608;
+ border-bottom: 1px solid #ffa608;
+}
+#cookie_alert a,
+#test_alert a {
+ text-decoration: none;
+ font-weight: bold;
+ color: #ffffff;
+}
+#cookie_alert a:hover,
+#test_alert a:hover {
+ text-decoration: underline;
+}
+#cookie_alert span,
+#test_alert span {
+ color: #ffffff;
+}
+#cookie_alert span a,
+#test_alert span a {
+ color: #ffffff;
+ font-weight: normal;
+}
+
+/* Header - logo, naslov, progressbar */
+h1 {
+ margin: 0px auto 30px;
+ padding: 120px 0 50px 0;
+ font-size: 28px;
+ color: #c62828;
+ text-align: center;
+ border-bottom: 1px solid #fde6e6;
+}
+
+h1.evalvacija {
+ margin-bottom: 0;
+}
+
+#logo {
+ right: auto;
+ left: 25px;
+ top: 13px;
+ max-height: 56px !important;
+ background: url("../../../public/img/logo/1ka_slo.svg");
+ background-repeat: no-repeat !important;
+ background-size: auto 100% !important;
+}
+#logo a {
+ width: 250px;
+ height: 56px;
+}
+
+#logo.english {
+ background: url("../../../public/img/logo/1ka_eng.svg");
+}
+
+.header_settings_holder {
+ top: 0px;
+ right: 20px;
+ left: auto;
+}
+.header_settings_holder .progress_bar span {
+ float: left !important;
+ /* ie6,7 doesnt support inline-block */
+ display: block;
+ width: 20px;
+ font-size: 11px;
+ color: #6D87AF;
+}
+.header_settings_holder .progress_bar div {
+ height: 10px;
+ width: 130px;
+ padding: 2px;
+ margin: 0 5px;
+ border: 1px #cccccc solid;
+ background-color: #ffffff;
+}
+.header_settings_holder .progress_bar div span {
+ height: 10px;
+ background-color: #c62828;
+}
+.header_settings_holder .progress_bar p a {
+ color: #c62828;
+ text-decoration: none;
+}
+.header_settings_holder .progress_bar p a:hover {
+ color: #de5c5c;
+}
+.header_settings_holder .continue_later_setting a {
+ color: #c62828;
+}
+.header_settings_holder .continue_later_setting a:hover {
+ color: #de5c5c;
+}
+.header_settings_holder .tawk_chat a {
+ color: #c62828;
+}
+.header_settings_holder .tawk_chat a:hover {
+ color: #de5c5c;
+}
+
+/* Spremenljivke */
+.spremenljivka {
+ margin: 20px 10px 20px 10px;
+ padding: 20px 2px 50px 12px !important;
+ border-bottom: 1px #fde6e6 solid;
+}
+.spremenljivka .naslov {
+ padding: 5px 0 15px 5px;
+ font-size: 18px;
+ font-weight: 600;
+}
+.spremenljivka .naslov .spremenljivka_info {
+ font-size: 14px;
+ font-weight: 400;
+ padding-top: 7px;
+}
+.spremenljivka .sequence_number {
+ background-color: #fde6e6;
+ color: #ef5350;
+}
+.spremenljivka .sequence_number:hover {
+ background-color: #f8b8b7;
+}
+.spremenljivka .sequence_number.active {
+ background-color: #ef5350;
+ color: #ffffff;
+}
+.spremenljivka .counter {
+ font-size: 18px;
+}
+.spremenljivka #dynamic_count {
+ color: #c62828;
+}
+.spremenljivka .arrow {
+ color: #c62828;
+}
+.spremenljivka .arrow:hover {
+ color: #de5c5c;
+}
+
+.spremenljivka.limited {
+ outline: 1px #F15A24 solid;
+}
+
+.required, .required_require, .required_limit {
+ outline: 1px #F15A24 solid;
+}
+
+div.variabla,
+td.variabla,
+td.question,
+td.differential,
+.variabla_sum label {
+ font-size: 14px;
+}
+
+div.variable_holder {
+ padding: 10px 0 0 0;
+}
+div.variable_holder thead,
+div.variable_holder tr.table-header {
+ font-weight: normal;
+ font-size: 14px;
+}
+div.variable_holder thead td,
+div.variable_holder tr.table-header td {
+ 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 {
+ border-bottom: 2px #ef5350 solid;
+ border-top: 2px #ef5350 solid;
+ background-color: #ffffff;
+}
+table.grid_table tbody tr:nth-child(2n+1) {
+ background-color: #ffffff;
+}
+table.grid_table tbody tr:nth-child(2n) {
+ background-color: #fde6e6;
+}
+table.grid_table td {
+ padding: 10px 10px;
+}
+
+span.reminder {
+ left: 3px;
+}
+
+/* Textboxi, textarea, select */
+input, textarea, select {
+ font-family: Montserrat, Arial, Sans-Serif !important;
+}
+
+input[type=text], textarea, select {
+ padding: 10px 15px;
+ border-radius: 3px;
+ border: 1px solid #d1d1d1;
+ border-radius: 3px;
+ background-color: #fff;
+}
+
+/* ranking */
+.dropzone {
+ border-top: 1px #fde6e6 solid;
+ margin-top: 12px;
+ padding-top: 17px;
+}
+
+table.ranking_table ul {
+ margin-top: 19px;
+}
+
+.ranking,
+.ranking_long,
+.handle,
+.handle_long,
+.ime,
+.izbran,
+.frame_ranking,
+.frame_ranking_hover,
+.frame_dropping,
+.frame_dropping_hover,
+.frame_moving {
+ font-size: 13px;
+ padding: 7px 10px 9px;
+ border: 2px solid #c62828;
+ background-color: #ffffff;
+}
+
+.ranking:hover {
+ background-color: #f5fafe;
+}
+
+div.variable_holder .frame_ranking_hover {
+ border: 2px #c62828 solid;
+ background-color: #fde6e6;
+}
+
+div.variable_holder .frame_ranking,
+div.variable_holder .frame_moving,
+div.variable_holder .frame_dropping,
+div.variable_holder .frame_dropping_hover {
+ text-indent: -35px;
+ border: 2px #ef5350 solid;
+ background-color: #fde6e6;
+}
+
+table.ranking_table b {
+ font-size: 13px;
+ font-weight: 600;
+}
+
+/* Photo upload button */
+button.record_foto {
+ border: 2px solid #c62828;
+}
+button.record_foto::before {
+ color: #c62828;
+}
+button.record_foto:hover, button.record_foto:focus {
+ border-color: #de5c5c;
+}
+button.record_foto:hover::before, button.record_foto:focus::before {
+ color: #de5c5c;
+}
+
+/* Koledar */
+.ui-datepicker {
+ font-size: 14px;
+}
+
+button.ui-datepicker-trigger {
+ color: #c62828;
+}
+button.ui-datepicker-trigger:hover, button.ui-datepicker-trigger:focus {
+ color: #de5c5c;
+}
+
+/* Slider */
+.grupa .spremenljivka .ui-slider-pips .ui-slider-pip {
+ color: #505050;
+}
+.grupa .spremenljivka .slider.ui-widget-content {
+ /*background-color: $color_light !important;*/
+ background-image: none !important;
+ border: 0;
+}
+.grupa .spremenljivka .ui-slider-horizontal {
+ height: 8px;
+}
+.grupa .spremenljivka .ui-slider-handle {
+ cursor: pointer;
+ height: 10px !important;
+ width: 18px !important;
+ margin-top: 1px;
+ border: 0;
+ border-radius: 15px 15px !important;
+ background-color: #c62828 !important;
+ background-image: none !important;
+}
+.grupa .spremenljivka .ui-slider-handle:active {
+ background-color: #c62828 !important;
+}
+.grupa .spremenljivka .sliderText {
+ padding-top: 2px;
+ color: #505050;
+ background-color: #ef5350;
+ border: 0;
+}
+.grupa .spremenljivka .sliderText::after {
+ border-color: #ef5350 transparent;
+}
+
+/* Warning levo od vprasanja */
+.validation_alert {
+ position: absolute;
+ z-index: 51;
+ top: 20px;
+ left: -150px;
+ width: 130px;
+ min-height: 29px;
+ margin: 0;
+ text-align: center;
+ font-size: 11px;
+ line-height: 14px;
+ background-color: #fde6e6;
+ border: 2px solid red;
+ padding: 4px 7px;
+ border-radius: 4px;
+ box-shadow: none;
+}
+
+/* Gumbi na dnu */
+div.buttons {
+ padding: 20px 20px 35px;
+ margin: 0 10px;
+}
+div.buttons input {
+ cursor: pointer;
+ margin: 8px 10px;
+ /*padding: 7px 11px;*/
+ padding: 10px 20px;
+ text-align: center;
+ font-size: 12px;
+ letter-spacing: 1px;
+ font-weight: 600;
+ color: #FFFFFF;
+ border-radius: 20px;
+ border: 0;
+}
+div.buttons input.next {
+ background-color: #c62828;
+ border: 1px solid #c62828;
+}
+div.buttons input.next:hover, div.buttons input.next:focus {
+ background-color: #de5c5c;
+ border: 1px solid #de5c5c;
+}
+div.buttons input.prev {
+ color: #c62828;
+ background-color: #fff;
+ border: 1px solid #c62828;
+}
+div.buttons input.prev:hover, div.buttons input.prev:focus {
+ color: #fff;
+ background-color: #c62828;
+}
+
+/* Footer */
+#footer_survey {
+ padding: 40px;
+ background-color: #ffffff;
+ border-top: 1px #fde6e6 solid;
+}
+#footer_survey p, #footer_survey a, #footer_survey a:visited {
+ color: #505050;
+ font-size: 14px;
+ line-height: 25px;
+ font-weight: 400;
+ text-decoration: none;
+}
+#footer_survey a:hover, #footer_survey a:active {
+ text-decoration: none;
+}
+
+/* awesome radio in checkboxi */
+input[type=checkbox] + span.enka-checkbox-radio,
+input[type=radio] + span.enka-checkbox-radio,
+.custom_radio_picture.obarvan > label > span.enka-custom-radio:before,
+.visual-radio-scale.checked .enka-vizualna-skala {
+ color: #ef5350;
+ font-size: 20px;
+ vertical-align: -1px;
+}
+
+input[type=checkbox]:focus + span.enka-checkbox-radio:before,
+input[type=radio]:focus + span.enka-checkbox-radio:before,
+input[type=radio]:focus + span.enka-custom-radio:before,
+input[type=radio]:focus + span.enka-vizualna-skala::before {
+ color: #af1310;
+}
+
+input[type=text]:focus,
+input[type=number]:focus,
+input[type=email]:focus,
+input[type=password]:focus,
+textarea:focus {
+ border-color: #ef5350;
+}
+
+/* Ranking drag drop */
+.drag_and_drop {
+ top: -9px;
+ left: -12px;
+}
+
+.drag_and_drop_right {
+ top: -9px !important;
+ left: -12px !important;
+}
+
+.frame_dropping_titles {
+ width: 240px;
+ padding: 5px;
+ margin: 0px auto 0px auto;
+ height: 15px;
+ text-align: center;
+ background-color: #FFFFFF;
+ border-top: 2px solid #b9c5d9;
+ border-left: 2px solid #b9c5d9;
+ border-right: 2px solid #b9c5d9;
+ font-size: 13px;
+}
+
+.drag_and_drop_box {
+ top: -9px;
+ left: -12px;
+}
+.drag_and_drop_box img {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.drag_and_drop_box_right {
+ top: 19px !important;
+ left: -12px !important;
+}
+
+.drag_and_drop_box_right_after_refresh {
+ /*top: 44px!important;*/
+ left: -12px !important;
+}
+
+.drag_and_drop_box_right_over {
+ left: -12px !important;
+}
+
+.frame_dropping_titles_box {
+ width: 240px;
+ padding: 5px;
+ margin: 0px auto 0px auto;
+ height: 15px;
+ text-align: center;
+ background-color: #FFFFFF;
+ font-size: 13px;
+}
+
+.frame_dropping {
+ padding: 7px 10px 9px;
+}
+
+.frame_dropping_box {
+ padding: 7px 10px 9px;
+}
+
+/*# sourceMappingURL=1kaRed.css.map */
diff --git a/main/survey/skins/1ka_customsortables.css b/main/survey/skins/1ka_customsortables.css new file mode 100644 index 0000000..e56b500 --- /dev/null +++ b/main/survey/skins/1ka_customsortables.css @@ -0,0 +1,286 @@ +/* 1KA new default theme */
+
+body {
+ margin: 0;
+ padding: 0;
+
+ color: #333;
+ font-size: 75%;
+ font-family: Arial, Verdana, Sans-Serif;
+ font-family: Open Sans, Arial, Sans-Serif !important;
+
+ background: #eff2f7;
+}
+body.preview, body.testdata{
+ margin-top: 26px;
+}
+
+#outercontainer {
+ width: 100%;
+ margin: 0 auto;
+
+ background: #ffffff url('1ka/header.png') top left repeat-x;
+}
+#container {
+ position: relative;
+
+ width: 100%;
+ max-width: 980px;
+ margin: 0px auto 10px;
+}
+
+
+/* Warning bar (preview, cookie) */
+#cookie_alert, #test_alert {
+ height: 26px;
+
+ line-height: 25px;
+ color: #ffffff;
+
+ background-color: #fe9c5c;
+ border-bottom: 1px solid #fe9c5c;
+}
+#cookie_alert a, #test_alert a {
+ text-decoration: none;
+ font-weight: bold;
+ color: #ffffff;
+}
+#cookie_alert a:hover, #test_alert a:hover {
+ text-decoration: underline;
+}
+#cookie_alert span, #test_alert span {
+ color: #ffffff;
+}
+#cookie_alert span a, #test_alert span a {
+ color: #ffffff;
+ font-weight: normal;
+}
+
+
+/* Header - logo, naslov, progressbar */
+h1 {
+ margin: 0px auto 50px;
+ padding: 130px 0 0 0;
+
+ font-size: 22px;
+ color: #0c377a;
+ text-align: center;
+}
+h1.evalvacija{
+ margin-bottom: 0;
+}
+
+#logo {
+ right: auto;
+ left: 20px;
+ top: 24px;
+
+ background: url("../../../public/img/logo/1ka_slo.svg") no-repeat scroll 0 0 transparent;
+ background-repeat: no-repeat;
+}
+#logo.english{
+ background: url("../../../public/img/logo/1ka_eng.svg") no-repeat scroll 0 0 transparent;
+}
+#logo a{
+ width: 80px;
+ height: 46px;
+}
+
+#progress_bar {
+ right: 20px;
+ left: auto;
+ top: 30px;
+}
+#progress_bar span {
+ float: left !important; /* ie6,7 doesnt support inline-block */
+ display: block;
+ width: 20px;
+
+ font-size: 11px;
+ color: #6D87AF;
+}
+#progress_bar div {
+ height: 10px;
+ width: 130px;
+ padding: 2px;
+ margin: 0 5px;
+
+ border: 1px #cccccc solid;
+ background-color: #ffffff;
+}
+#progress_bar div span {
+ height: 10px;
+ background-color: #0C377A;
+}
+#progress_bar p a {
+ color: #0C377A;
+ text-decoration: none;
+}
+#progress_bar p a:hover {
+ color: #fa4913;
+}
+
+
+/* Spremenljivke */
+.spremenljivka {
+ margin: 20px 10px 20px 10px;
+ padding: 20px 2px 20px 12px !important;
+
+ border-top: 1px #B9C5D9 solid;
+
+ /*box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
+ -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
+ -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);*/
+}
+.spremenljivka.limited{
+ outline: 1px #F15A24 solid;
+}
+.required, .required_require, .required_limit {
+ outline: 1px #F15A24 solid;
+}
+
+.spremenljivka .naslov{
+ padding-left: 5px;
+ font-size: 16px;
+}
+.spremenljivka .naslov .spremenljivka_info{
+ font-size: 70%;
+}
+
+.spremenljivka .counter{
+ font-size: 16px;
+}
+
+div.variabla,
+td.variabla,
+td.question,
+td.differential{
+ font-size: 13px;
+}
+
+div.variable_holder {
+ padding: 0 30px;
+}
+
+div.variable_holder thead {
+ font-weight: 600;
+}
+table.grid_table tbody tr:nth-child(2n+1) {
+ background-color: #EFF2F7;
+}
+
+div.variable_holder .frame_ranking{
+ border: 1px #B9C5D9 solid;
+ background-color: #EFF2F7;
+}
+div.variable_holder .frame_ranking_hover {
+ border: 1px #8A9FBF solid;
+ background-color: #CED7E4;
+}
+
+span.reminder {
+ left: 3px;
+}
+
+input[type="text"], textarea, select{
+ padding: 2px 4px;
+ background: #fff;
+}
+
+
+/* Gumbi na dnu */
+div.buttons {
+ padding: 30px 20px 35px;
+ margin: 0 10px;
+
+ border-top: 1px #B9C5D9 solid;
+}
+div.buttons input {
+ cursor: pointer;
+
+ margin: 8px 10px;
+ /*padding: 7px 11px;*/
+ padding: 6px 8px;
+
+ text-align: center;
+ /*font-size: 15px;*/
+ font-size: 13px;
+ font-weight: bold;
+ color: #FFFFFF;
+
+ border-radius: 4px;
+ border: 0;
+}
+div.buttons input.next {
+ background-color: #3D5F95;
+ border: 1px solid #3D5F95;
+}
+div.buttons input.next:hover {
+ background-color: #fe8333;
+ border: 1px solid #fe8333;
+}
+div.buttons input.prev {
+ color: #3D5F95;
+ background-color: #ffffff;
+ border: 1px solid #3D5F95;
+}
+div.buttons input.prev:hover {
+ color: #FFFFFF;
+ background-color: #3D5F95;
+}
+
+
+/* Footer */
+#footer_survey {
+ padding: 20px;
+
+ background-color: #eff2f7;
+ border-top: 1px #b9c5d9 solid;
+}
+#footer_survey a, #footer_survey a:visited {
+ color: #6d87af;
+ text-decoration: none;
+}
+#footer_survey a:hover, #footer_survey a:active {
+ text-decoration: underline;
+}
+
+
+/* awesome radio in checkboxi */
+input[type="checkbox"] + span.enka-checkbox-radio,
+input[type="radio"] + span.enka-checkbox-radio,
+.custom_radio_picture.obarvan > label > span.enka-custom-radio:before{
+ color: #3D5F95;
+}
+
+
+
+
+.ranking, .ranking_long, .handle, .handle_long, .ime, .izbran {
+ width: 350px;
+ padding: 5px;
+ margin: 0 auto 10px auto;
+ border: 1px solid #000000;
+ height: 85px !important;
+ text-align: center;
+ overflow: hidden;
+ background-color: #ffffff;
+}
+
+.ranking img {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.ranking, .ranking_long {
+ cursor: pointer;
+ overflow: hidden;
+ text-overflow: none !important;
+ white-space: normal !important;
+
+}
+.ranking br, .ranking_long br {
+ display: none;
+
+}
\ No newline at end of file diff --git a/main/survey/skins/1ka_customsortables/close.png b/main/survey/skins/1ka_customsortables/close.png Binary files differnew file mode 100644 index 0000000..9eefd77 --- /dev/null +++ b/main/survey/skins/1ka_customsortables/close.png diff --git a/main/survey/skins/1ka_customsortables/header.png b/main/survey/skins/1ka_customsortables/header.png Binary files differnew file mode 100644 index 0000000..76babc7 --- /dev/null +++ b/main/survey/skins/1ka_customsortables/header.png diff --git a/main/survey/skins/1ka_customsortables/header_new.png b/main/survey/skins/1ka_customsortables/header_new.png Binary files differnew file mode 100644 index 0000000..4b1a281 --- /dev/null +++ b/main/survey/skins/1ka_customsortables/header_new.png diff --git a/main/survey/skins/1ka_customsortables/header_new2.png b/main/survey/skins/1ka_customsortables/header_new2.png Binary files differnew file mode 100644 index 0000000..0a369ad --- /dev/null +++ b/main/survey/skins/1ka_customsortables/header_new2.png diff --git a/main/survey/skins/1ka_customsortables/logo.png b/main/survey/skins/1ka_customsortables/logo.png Binary files differnew file mode 100644 index 0000000..310467c --- /dev/null +++ b/main/survey/skins/1ka_customsortables/logo.png diff --git a/main/survey/skins/1ka_customsortables/logo_full.png b/main/survey/skins/1ka_customsortables/logo_full.png Binary files differnew file mode 100644 index 0000000..f37ea54 --- /dev/null +++ b/main/survey/skins/1ka_customsortables/logo_full.png diff --git a/main/survey/skins/1ka_customsortables/logo_full_ang.png b/main/survey/skins/1ka_customsortables/logo_full_ang.png Binary files differnew file mode 100644 index 0000000..efc8be7 --- /dev/null +++ b/main/survey/skins/1ka_customsortables/logo_full_ang.png diff --git a/main/survey/skins/1ka_customsortables/logo_full_old.png b/main/survey/skins/1ka_customsortables/logo_full_old.png Binary files differnew file mode 100644 index 0000000..784522a --- /dev/null +++ b/main/survey/skins/1ka_customsortables/logo_full_old.png diff --git a/main/survey/skins/1ka_customsortables/plus.png b/main/survey/skins/1ka_customsortables/plus.png Binary files differnew file mode 100644 index 0000000..ab385ca --- /dev/null +++ b/main/survey/skins/1ka_customsortables/plus.png diff --git a/main/survey/skins/Classic.css b/main/survey/skins/Classic.css new file mode 100644 index 0000000..41a550f --- /dev/null +++ b/main/survey/skins/Classic.css @@ -0,0 +1,243 @@ +/* 1KA new default theme */
+
+body {
+ margin: 0;
+ padding: 0;
+ color: #333;
+ font-size: 75%;
+ font-family: Arial, Verdana, Sans-Serif;
+ font-family: Open Sans, Arial, Sans-Serif !important;
+}
+body.preview, body.testdata{
+ margin-top: 26px;
+}
+
+#outercontainer {
+ width: 100%;
+ margin: 0 auto;
+
+ background:url(Classic/resna-1-top.png) left top repeat-x;
+ background-attachment: local;
+}
+#container {
+ position:relative;
+ width: 100%;
+ max-width: 980px;
+ margin: 0px auto 10px;
+}
+
+/* Warning bar (preview, cookie) */
+#cookie_alert, #test_alert {
+ height: 26px;
+
+ line-height: 25px;
+ color: #ffffff;
+
+ background-color: #fe9c5c;
+ border-bottom: 1px solid #fe9c5c;
+}
+#cookie_alert a, #test_alert a {
+ text-decoration: none;
+ font-weight: bold;
+ color: #ffffff;
+}
+#cookie_alert a:hover, #test_alert a:hover {
+ text-decoration: underline;
+}
+#cookie_alert span, #test_alert span {
+ color: #ffffff;
+}
+#cookie_alert span a, #test_alert span a {
+ color: #ffffff;
+ font-weight: normal;
+}
+
+
+/* Header - logo, naslov, progressbar */
+h1 {
+ margin: 0px auto 50px;
+ padding: 130px 0 0 0;
+ font-size: 22px;
+ color: #000;
+ text-align: center;
+}
+h1.evalvacija{
+ margin-bottom: 0;
+}
+
+#logo {
+ left: 0px;
+ top: 20px;
+}
+#logo.english{
+}
+#logo a{
+ width:211px;
+ height:47px;
+ padding:10px;
+ background:#fff url(1ka/logo_full.png) no-repeat 10px 10px;
+ -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
+ -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
+ box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
+ border:1px solid #CCC;
+}
+#logo.english a{
+ background:#fff url(1ka/logo_full_ang.png) no-repeat 10px 10px;
+}
+
+#progress_bar {
+ right: 20px;
+ left: auto;
+ top: 30px;
+}
+#progress_bar span {
+ float: left !important; /* ie6,7 doesnt support inline-block */
+ display: block;
+ width: 20px;
+ font-size: 11px;
+ color: #000;
+}
+#progress_bar div {
+ height: 10px;
+ width: 130px;
+ padding: 2px;
+ margin: 0 5px;
+ border: 1px #cccccc solid;
+ background-color: #ffffff;
+}
+#progress_bar div span {
+ height: 10px;
+ background-color: #ccc;
+}
+
+#progress_bar p a {
+ color: #0C377A;
+ text-decoration: none;
+}
+#progress_bar p a:hover {
+ color: #fa4913;
+}
+
+
+/* Spremenljivke */
+.spremenljivka {
+ margin: 20px 10px 20px 10px;
+ padding: 20px 2px 20px 12px !important;
+ border-top: 1px #B9C5D9 solid;
+}
+.spremenljivka.limited{
+ outline: 1px #F15A24 solid;
+}
+.required, .required_require, .required_limit {
+ outline: 1px #F15A24 solid;
+}
+
+.spremenljivka .naslov{
+ padding-left: 5px;
+ font-size: 13px;
+ font-weight:bold;
+ color: #000;
+}
+.spremenljivka .naslov .spremenljivka_info{
+ font-size: 70%;
+}
+
+div.variabla,
+td.variabla,
+td.question,
+td.differential{
+ font-size: 13px;
+}
+
+div.variable_holder {
+ padding: 0 30px;
+}
+
+div.variable_holder thead {
+ font-weight: 600;
+}
+table.grid_table tbody tr:nth-child(2n+1) {
+ background-color: #f7f7f7;
+}
+
+div.variable_holder .frame_ranking{
+ border: 1px #B9C5D9 solid;
+ background-color: #f7f7f7;
+}
+div.variable_holder .frame_ranking_hover {
+ border: 1px #8A9FBF solid;
+ background-color: #e2e4e7;
+}
+
+span.reminder {
+ left: 3px;
+}
+
+
+/* Gumbi na dnu */
+div.buttons {
+ padding: 30px 20px 35px;
+ margin: 0 10px;
+ border-top: 1px #B9C5D9 solid;
+}
+div.buttons input {
+ cursor: pointer;
+ margin: 8px 10px;
+ padding: 6px 8px;
+ text-align: center;
+ font-size: 13px;
+ color: #FFFFFF;
+ border-radius: 4px;
+ border: 0;
+}
+div.buttons input.next {
+ background-color: #fff;
+ border: 1px solid #949391;
+ color:#000;
+}
+div.buttons input.next:hover {
+ background-color: #f7f7f7;
+ border: 1px solid #222;
+ color:#000;
+}
+div.buttons input.prev {
+ background-color: #fff;
+ border: 1px solid #949391;
+ color:#000;
+}
+div.buttons input.prev:hover {
+ background-color: #f7f7f7;
+ border: 1px solid #222;
+ color:#000;
+}
+
+
+/* Footer */
+#footer_survey {
+ padding: 20px;
+ background-color: #ebebea;
+ border-top: 1px #b1b1b1 solid;
+}
+#footer_survey a, #footer_survey a:visited {
+ color: #000;
+ text-decoration: none;
+}
+#footer_survey a:hover, #footer_survey a:active {
+ text-decoration: underline;
+}
+
+
+/* #Tablet (Portrait) */
+@media only screen and (min-width: 768px) and (max-width: 959px) {
+#container { width:760px;}
+}
+
+/* #Mobile (Portrait) */
+@media only screen and (max-width: 767px) {
+#container { width:280px;}
+}
+
+/* #Mobile (Landscape) */
+@media only screen and (min-width: 480px) and (max-width: 767px) {
+#container { width:480px;}
+}
\ No newline at end of file diff --git a/main/survey/skins/Classic2.css b/main/survey/skins/Classic2.css new file mode 100644 index 0000000..1bb8aae --- /dev/null +++ b/main/survey/skins/Classic2.css @@ -0,0 +1,244 @@ +/* 1KA new default theme */
+
+body {
+ margin: 0;
+ padding: 0;
+ color: #333;
+ font-size: 75%;
+ font-family: Arial, Verdana, Sans-Serif;
+ font-family: Open Sans, Arial, Sans-Serif !important;
+
+}
+body.preview, body.testdata{
+ margin-top: 26px;
+}
+
+#outercontainer {
+ width: 100%;
+ margin: 0 auto;
+
+ background:url(Classic/resna-2-top.png) left top repeat-x;
+ background-attachment: local;
+}
+#container {
+ position:relative;
+ width: 100%;
+ max-width: 980px;
+ margin: 0px auto 10px;
+}
+
+/* Warning bar (preview, cookie) */
+#cookie_alert, #test_alert {
+ height: 26px;
+
+ line-height: 25px;
+ color: #ffffff;
+
+ background-color: #fe9c5c;
+ border-bottom: 1px solid #fe9c5c;
+}
+#cookie_alert a, #test_alert a {
+ text-decoration: none;
+ font-weight: bold;
+ color: #ffffff;
+}
+#cookie_alert a:hover, #test_alert a:hover {
+ text-decoration: underline;
+}
+#cookie_alert span, #test_alert span {
+ color: #ffffff;
+}
+#cookie_alert span a, #test_alert span a {
+ color: #ffffff;
+ font-weight: normal;
+}
+
+
+/* Header - logo, naslov, progressbar */
+h1 {
+ margin: 0px auto 50px;
+ padding: 130px 0 0 0;
+ font-size: 22px;
+ color: #000;
+ text-align: center;
+}
+h1.evalvacija{
+ margin-bottom: 0;
+}
+
+#logo {
+ left: 0px;
+ top: 13px;
+}
+#logo.english{
+}
+#logo a{
+ width:211px;
+ height:47px;
+ padding:10px;
+ background:#fff url(1ka/logo_full.png) no-repeat 10px 10px;
+ -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
+ -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
+ box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
+ border:1px solid #CCC;
+}
+#logo.english a{
+ background:#fff url(1ka/logo_full_ang.png) no-repeat 10px 10px;
+}
+
+#progress_bar {
+ right: 20px;
+ left: auto;
+ top: 30px;
+}
+#progress_bar span {
+ float: left !important; /* ie6,7 doesnt support inline-block */
+ display: block;
+ width: 20px;
+ font-size: 11px;
+ color: #000;
+}
+#progress_bar div {
+ height: 10px;
+ width: 130px;
+ padding: 2px;
+ margin: 0 5px;
+ border: 1px #cccccc solid;
+ background-color: #ffffff;
+}
+#progress_bar div span {
+ height: 10px;
+ background-color: #ccc;
+}
+
+#progress_bar p a {
+ color: #0C377A;
+ text-decoration: none;
+}
+#progress_bar p a:hover {
+ color: #fa4913;
+}
+
+
+/* Spremenljivke */
+.spremenljivka {
+ margin: 20px 10px 20px 10px;
+ padding: 20px 2px 20px 12px !important;
+ border-top: 1px #B9C5D9 solid;
+}
+.spremenljivka.limited{
+ outline: 1px #F15A24 solid;
+}
+.required, .required_require, .required_limit {
+ outline: 1px #F15A24 solid;
+}
+
+.spremenljivka .naslov{
+ padding-left: 5px;
+ font-size: 13px;
+ font-weight:bold;
+ color: #000;
+}
+.spremenljivka .naslov .spremenljivka_info{
+ font-size: 70%;
+}
+
+div.variabla,
+td.variabla,
+td.question,
+td.differential{
+ font-size: 13px;
+}
+
+div.variable_holder {
+ padding: 0 30px;
+}
+
+div.variable_holder thead {
+ font-weight: 600;
+}
+table.grid_table tbody tr:nth-child(2n+1) {
+ background-color: #eff2f7;
+}
+
+div.variable_holder .frame_ranking{
+ border: 1px #B9C5D9 solid;
+ background-color: #eff2f7;
+}
+div.variable_holder .frame_ranking_hover {
+ border: 1px #8A9FBF solid;
+ background-color: #e2e4e7;
+}
+
+span.reminder {
+ left: 3px;
+}
+
+
+/* Gumbi na dnu */
+div.buttons {
+ padding: 30px 20px 35px;
+ margin: 0 10px;
+ border-top: 1px #B9C5D9 solid;
+}
+div.buttons input {
+ cursor: pointer;
+ margin: 8px 10px;
+ padding: 6px 8px;
+ text-align: center;
+ font-size: 13px;
+ color: #FFFFFF;
+ border-radius: 4px;
+ border: 0;
+}
+div.buttons input.next {
+ background-color: #0c377a;
+ border: 1px solid #939191;
+ color:#fff;
+}
+div.buttons input.next:hover {
+ background-color: #3c67aa;
+ border: 1px solid #000000;
+ color:#fff;
+}
+div.buttons input.prev {
+ background-color: #0c377a;
+ border: 1px solid #939191;
+ color:#fff;
+}
+div.buttons input.prev:hover {
+ background-color: #3c67aa;
+ border: 1px solid #000000;
+ color:#fff;
+}
+
+
+/* Footer */
+#footer_survey {
+ padding: 20px;
+ background-color: #ebebea;
+ border-top: 1px #b1b1b1 solid;
+}
+#footer_survey a, #footer_survey a:visited {
+ color: #000;
+ text-decoration: none;
+}
+#footer_survey a:hover, #footer_survey a:active {
+ text-decoration: underline;
+}
+
+
+/* #Tablet (Portrait) */
+@media only screen and (min-width: 768px) and (max-width: 959px) {
+#container { width:760px;}
+}
+
+/* #Mobile (Portrait) */
+@media only screen and (max-width: 767px) {
+#container { width:280px;}
+}
+
+/* #Mobile (Landscape) */
+@media only screen and (min-width: 480px) and (max-width: 767px) {
+#container { width:480px;}
+}
\ No newline at end of file diff --git a/main/survey/skins/Classic3.css b/main/survey/skins/Classic3.css new file mode 100644 index 0000000..6146f4e --- /dev/null +++ b/main/survey/skins/Classic3.css @@ -0,0 +1,239 @@ +/* 1KA new default theme */
+
+body {
+ margin: 0;
+ padding: 0;
+ color: #333;
+ font-size: 75%;
+ font-family: Arial, Verdana, Sans-Serif;
+ font-family: Open Sans, Arial, Sans-Serif !important;
+ background:url(Classic/resna-3-top.png) center top no-repeat;
+}
+body.preview, body.testdata{
+ margin-top: 26px;
+}
+
+#outercontainer {
+ width: 100%;
+ margin: 0 auto;
+ padding-top:120px;
+}
+#container {
+ position:relative;
+ width: 100%;
+ width: 980px;
+ margin: 0px auto 10px;
+}
+
+/* Warning bar (preview, cookie) */
+#cookie_alert, #test_alert {
+ height: 26px;
+
+ line-height: 25px;
+ color: #ffffff;
+
+ background-color: #fe9c5c;
+ border-bottom: 1px solid #fe9c5c;
+}
+#cookie_alert a, #test_alert a {
+ text-decoration: none;
+ font-weight: bold;
+ color: #ffffff;
+}
+#cookie_alert a:hover, #test_alert a:hover {
+ text-decoration: underline;
+}
+#cookie_alert span, #test_alert span {
+ color: #ffffff;
+}
+#cookie_alert span a, #test_alert span a {
+ color: #ffffff;
+ font-weight: normal;
+}
+
+
+/* Header - logo, naslov, progressbar */
+h1 {
+ margin: 0px auto 50px;
+ padding: 130px 0 0 0;
+ font-size: 22px;
+ color: #000;
+ text-align: center;
+}
+h1.evalvacija{
+ margin-bottom: 0;
+}
+
+#logo {
+ width:100%;
+}
+#logo.english{
+}
+#logo a{
+ text-align:center;
+ margin:-80px auto 0 auto;
+ width:80px;
+ height:62px;
+ background:#fff url(1ka/logo_full.png) no-repeat 20px 10px;
+}
+#logo.english a{
+ width:80px;
+ height:62px;
+ background:#fff url(1ka/logo_full_ang.png) no-repeat 20px 10px;
+}
+
+#progress_bar {
+ right: 20px;
+ left: auto;
+ top: 30px;
+}
+#progress_bar span {
+ float: left !important; /* ie6,7 doesnt support inline-block */
+ display: block;
+ width: 20px;
+ font-size: 11px;
+ color: #000;
+}
+#progress_bar div {
+ height: 10px;
+ width: 130px;
+ padding: 2px;
+ margin: 0 5px;
+ border: 1px #cccccc solid;
+ background-color: #ffffff;
+}
+#progress_bar div span {
+ height: 10px;
+ background-color: #ccc;
+}
+
+#progress_bar p a {
+ color: #0C377A;
+ text-decoration: none;
+}
+#progress_bar p a:hover {
+ color: #fa4913;
+}
+
+
+/* Spremenljivke */
+.spremenljivka {
+ margin: 20px 10px 20px 10px;
+ padding: 20px 2px 20px 12px !important;
+ border-top: 1px #B9C5D9 solid;
+}
+.spremenljivka.limited{
+ outline: 1px #F15A24 solid;
+}
+.required, .required_require, .required_limit {
+ outline: 1px #F15A24 solid;
+}
+
+.spremenljivka .naslov{
+ padding-left: 5px;
+ font-size: 13px;
+ font-weight:bold;
+ color: #000;
+}
+.spremenljivka .naslov .spremenljivka_info{
+ font-size: 70%;
+}
+
+div.variabla,
+td.variabla,
+td.question,
+td.differential{
+ font-size: 13px;
+}
+
+div.variable_holder {
+ padding: 0 30px;
+}
+
+div.variable_holder thead {
+ font-weight: 600;
+}
+table.grid_table tbody tr:nth-child(2n+1) {
+ background-color: #eff2f7;
+}
+
+div.variable_holder .frame_ranking{
+ border: 1px #B9C5D9 solid;
+ background-color: #eff2f7;
+}
+div.variable_holder .frame_ranking_hover {
+ border: 1px #8A9FBF solid;
+ background-color: #e2e4e7;
+}
+
+span.reminder {
+ left: 3px;
+}
+
+
+/* Gumbi na dnu */
+div.buttons {
+ padding: 30px 20px 35px;
+ margin: 0 10px;
+ border-top: 1px #B9C5D9 solid;
+}
+div.buttons input {
+ cursor: pointer;
+ margin: 8px 10px;
+ padding: 6px 8px;
+ text-align: center;
+ font-size: 13px;
+ color: #FFFFFF;
+ border-radius: 4px;
+ border: 0;
+}
+div.buttons input.next {
+ background-color: #fff;
+ border: 1px solid #949391;
+ color:#000;
+}
+div.buttons input.next:hover {
+ background-color: #f7f7f7;
+ border: 1px solid #222;
+ color:#000;
+}
+div.buttons input.prev {
+ background-color: #fff;
+ border: 1px solid #949391;
+ color:#000;
+}
+div.buttons input.prev:hover {
+ background-color: #f7f7f7;
+ border: 1px solid #222;
+ color:#000;
+}
+
+/* Footer */
+#footer_survey {
+ padding: 20px;
+ background-color: #ebebea;
+ border-top: 1px #b1b1b1 solid;
+}
+#footer_survey a, #footer_survey a:visited {
+ color: #000;
+ text-decoration: none;
+}
+#footer_survey a:hover, #footer_survey a:active {
+ text-decoration: underline;
+}
+
+
+/* #Tablet (Portrait) */
+@media only screen and (min-width: 768px) and (max-width: 959px) {
+#container { width:760px;}
+}
+
+/* #Mobile (Portrait) */
+@media only screen and (max-width: 767px) {
+#container { width:280px;}
+}
+
+/* #Mobile (Landscape) */
+@media only screen and (min-width: 480px) and (max-width: 767px) {
+#container { width:480px;}
+}
\ No newline at end of file diff --git a/main/survey/skins/Classic4.css b/main/survey/skins/Classic4.css new file mode 100644 index 0000000..00057f7 --- /dev/null +++ b/main/survey/skins/Classic4.css @@ -0,0 +1,240 @@ +/* 1KA new default theme */
+
+body {
+ margin: 0;
+ padding: 0;
+ color: #333;
+ font-size: 75%;
+ font-family: Arial, Verdana, Sans-Serif;
+ font-family: Open Sans, Arial, Sans-Serif !important;
+ background:url(Classic/resna-4-top.png) center top repeat-x;
+}
+body.preview, body.testdata{
+ margin-top: 26px;
+}
+
+#outercontainer {
+ width: 100%;
+ margin: 0 auto;
+}
+#container {
+ position:relative;
+ width: 100%;
+ width: 980px;
+ margin: 0px auto 10px;
+}
+
+/* Warning bar (preview, cookie) */
+#cookie_alert, #test_alert {
+ height: 26px;
+
+ line-height: 25px;
+ color: #ffffff;
+
+ background-color: #fe9c5c;
+ border-bottom: 1px solid #fe9c5c;
+}
+#cookie_alert a, #test_alert a {
+ text-decoration: none;
+ font-weight: bold;
+ color: #ffffff;
+}
+#cookie_alert a:hover, #test_alert a:hover {
+ text-decoration: underline;
+}
+#cookie_alert span, #test_alert span {
+ color: #ffffff;
+}
+#cookie_alert span a, #test_alert span a {
+ color: #ffffff;
+ font-weight: normal;
+}
+
+
+/* Header - logo, naslov, progressbar */
+h1 {
+ margin: 0px auto 50px;
+ padding: 80px 0 0 0;
+ font-size: 22px;
+ color: #000;
+ text-align: center;
+}
+h1.evalvacija{
+ margin-bottom: 0;
+}
+
+#logo {
+ left: 0px;
+ top: 20px;
+}
+#logo.english{
+}
+#logo a{
+ width:211px;
+ height:47px;
+ padding:10px;
+ background:#fff url(1ka/logo_full.png) no-repeat 10px 10px;
+ -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
+ -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
+ box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
+ border:1px solid #CCC;
+}
+#logo.english a{
+ background:#fff url(1ka/logo_full_ang.png) no-repeat 10px 10px;
+}
+
+#progress_bar {
+ right: 20px;
+ left: auto;
+ top: 20px;
+}
+#progress_bar span {
+ float: left !important; /* ie6,7 doesnt support inline-block */
+ display: block;
+ width: 20px;
+ font-size: 11px;
+ color: #000;
+}
+#progress_bar div {
+ height: 10px;
+ width: 130px;
+ padding: 2px;
+ margin: 0 5px;
+ border: 1px #cccccc solid;
+ background-color: #ffffff;
+}
+#progress_bar div span {
+ height: 10px;
+ background-color: #ccc;
+}
+
+#progress_bar p a {
+ color: #0C377A;
+ text-decoration: none;
+}
+#progress_bar p a:hover {
+ color: #fa4913;
+}
+
+
+/* Spremenljivke */
+.spremenljivka {
+ margin: 20px 10px 20px 10px;
+ padding: 20px 2px 20px 12px !important;
+ border-top: 1px #B9C5D9 solid;
+}
+.spremenljivka.limited{
+ outline: 1px #F15A24 solid;
+}
+.required, .required_require, .required_limit {
+ outline: 1px #F15A24 solid;
+}
+
+.spremenljivka .naslov{
+ padding-left: 5px;
+ font-size: 13px;
+ font-weight:bold;
+ color: #000;
+}
+.spremenljivka .naslov .spremenljivka_info{
+ font-size: 70%;
+}
+
+div.variabla,
+td.variabla,
+td.question,
+td.differential{
+ font-size: 13px;
+}
+
+div.variable_holder {
+ padding: 0 30px;
+}
+
+div.variable_holder thead {
+ font-weight: 600;
+}
+table.grid_table tbody tr:nth-child(2n+1) {
+ background-color: #f7f7f7;
+}
+
+div.variable_holder .frame_ranking{
+ border: 1px #B9C5D9 solid;
+ background-color: #f7f7f7;
+}
+div.variable_holder .frame_ranking_hover {
+ border: 1px #8A9FBF solid;
+ background-color: #e2e4e7;
+}
+
+span.reminder {
+ left: 3px;
+}
+
+
+/* Gumbi na dnu */
+div.buttons {
+ padding: 30px 20px 35px;
+ margin: 0 10px;
+ border-top: 1px #B9C5D9 solid;
+}
+div.buttons input {
+ cursor: pointer;
+ margin: 8px 10px;
+ padding: 6px 8px;
+ text-align: center;
+ font-size: 13px;
+ color: #FFFFFF;
+ border-radius: 4px;
+ border: 0;
+}
+div.buttons input.next {
+ background-color: #fff;
+ border: 1px solid #949391;
+ color:#000;
+}
+div.buttons input.next:hover {
+ background-color: #f7f7f7;
+ border: 1px solid #222;
+ color:#000;
+}
+div.buttons input.prev {
+ background-color: #fff;
+ border: 1px solid #949391;
+ color:#000;
+}
+div.buttons input.prev:hover {
+ background-color: #f7f7f7;
+ border: 1px solid #222;
+ color:#000;
+}
+
+/* Footer */
+#footer_survey {
+ padding: 20px;
+ background-color: #ebebea;
+ border-top: 1px #b1b1b1 solid;
+}
+#footer_survey a, #footer_survey a:visited {
+ color: #000;
+ text-decoration: none;
+}
+#footer_survey a:hover, #footer_survey a:active {
+ text-decoration: underline;
+}
+
+
+/* #Tablet (Portrait) */
+@media only screen and (min-width: 768px) and (max-width: 959px) {
+#container { width:760px;}
+}
+
+/* #Mobile (Portrait) */
+@media only screen and (max-width: 767px) {
+#container { width:280px;}
+}
+
+/* #Mobile (Landscape) */
+@media only screen and (min-width: 480px) and (max-width: 767px) {
+#container { width:480px;}
+}
\ No newline at end of file diff --git a/main/survey/skins/Classic5.css b/main/survey/skins/Classic5.css new file mode 100644 index 0000000..c9e5e55 --- /dev/null +++ b/main/survey/skins/Classic5.css @@ -0,0 +1,242 @@ +/* 1KA new default theme */
+
+body {
+ margin: 0;
+ padding: 0;
+ color: #333;
+ font-size: 75%;
+ font-family: Arial, Verdana, Sans-Serif;
+ font-family: Open Sans, Arial, Sans-Serif !important;
+}
+body.preview, body.testdata{
+ margin-top: 26px;
+}
+
+#outercontainer {
+ width: 100%;
+ margin: 0 auto;
+
+ background:url(Classic/resna-5-top.png) center top repeat-x;
+ background-attachment: local;
+}
+#container {
+ position:relative;
+ width: 100%;
+ max-width: 980px;
+ margin: 0px auto 10px;
+}
+
+/* Warning bar (preview, cookie) */
+#cookie_alert, #test_alert {
+ height: 26px;
+
+ line-height: 25px;
+ color: #ffffff;
+
+ background-color: #fe9c5c;
+ border-bottom: 1px solid #fe9c5c;
+}
+#cookie_alert a, #test_alert a {
+ text-decoration: none;
+ font-weight: bold;
+ color: #ffffff;
+}
+#cookie_alert a:hover, #test_alert a:hover {
+ text-decoration: underline;
+}
+#cookie_alert span, #test_alert span {
+ color: #ffffff;
+}
+#cookie_alert span a, #test_alert span a {
+ color: #ffffff;
+ font-weight: normal;
+}
+
+
+/* Header - logo, naslov, progressbar */
+h1 {
+ margin:0px;
+ padding: 130px 0 0 0;
+ font-size: 22px;
+ color: #000;
+ text-align: right;
+}
+h1.evalvacija{
+ margin-bottom: 0;
+}
+
+#logo {
+ left: 0px;
+ top: 20px;
+}
+#logo.english{
+}
+#logo a{
+ width:211px;
+ height:47px;
+ padding:10px;
+ background:#fff url(1ka/logo_full.png) no-repeat 10px 10px;
+ -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
+ -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
+ box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
+ border:1px solid #CCC;
+}
+#logo.english a{
+ background:#fff url(1ka/logo_full_ang.png) no-repeat 10px 10px;
+}
+
+#progress_bar {
+ right: 20px;
+ left: auto;
+ top: 30px;
+}
+#progress_bar span {
+ float: left !important; /* ie6,7 doesnt support inline-block */
+ display: block;
+ width: 20px;
+ font-size: 11px;
+ color: #000;
+}
+#progress_bar div {
+ height: 10px;
+ width: 130px;
+ padding: 2px;
+ margin: 0 5px;
+ border: 1px #cccccc solid;
+ background-color: #ffffff;
+}
+#progress_bar div span {
+ height: 10px;
+ background-color: #ccc;
+}
+
+#progress_bar p a {
+ color: #0C377A;
+ text-decoration: none;
+}
+#progress_bar p a:hover {
+ color: #fa4913;
+}
+
+
+/* Spremenljivke */
+.spremenljivka {
+ margin: 20px 10px 20px 10px;
+ padding: 20px 2px 20px 12px !important;
+ border-top: 1px #B9C5D9 solid;
+}
+.spremenljivka.limited{
+ outline: 1px #F15A24 solid;
+}
+.required, .required_require, .required_limit {
+ outline: 1px #F15A24 solid;
+}
+
+.spremenljivka .naslov{
+ padding-left: 5px;
+ font-size: 13px;
+ font-weight:bold;
+ color: #000;
+}
+.spremenljivka .naslov .spremenljivka_info{
+ font-size: 70%;
+}
+
+div.variabla,
+td.variabla,
+td.question,
+td.differential{
+ font-size: 13px;
+}
+
+div.variable_holder {
+ padding: 0 30px;
+}
+
+div.variable_holder thead {
+ font-weight: 600;
+}
+table.grid_table tbody tr:nth-child(2n+1) {
+ background-color: #f7f7f7;
+}
+
+div.variable_holder .frame_ranking{
+ border: 1px #B9C5D9 solid;
+ background-color: #f7f7f7;
+}
+div.variable_holder .frame_ranking_hover {
+ border: 1px #8A9FBF solid;
+ background-color: #e2e4e7;
+}
+
+span.reminder {
+ left: 3px;
+}
+
+
+/* Gumbi na dnu */
+div.buttons {
+ padding: 30px 20px 35px;
+ margin: 0 10px;
+ border-top: 1px #B9C5D9 solid;
+}
+div.buttons input {
+ cursor: pointer;
+ margin: 8px 10px;
+ padding: 6px 8px;
+ text-align: center;
+ font-size: 13px;
+ color: #FFFFFF;
+ border-radius: 4px;
+ border: 0;
+}
+div.buttons input.next {
+ background-color: #fff;
+ border: 1px solid #949391;
+ color:#000;
+}
+div.buttons input.next:hover {
+ background-color: #f7f7f7;
+ border: 1px solid #222;
+ color:#000;
+}
+div.buttons input.prev {
+ background-color: #fff;
+ border: 1px solid #949391;
+ color:#000;
+}
+div.buttons input.prev:hover {
+ background-color: #f7f7f7;
+ border: 1px solid #222;
+ color:#000;
+}
+
+/* Footer */
+#footer_survey {
+ padding: 20px;
+ background-color: #ebebea;
+ border-top: 1px #b1b1b1 solid;
+}
+#footer_survey a, #footer_survey a:visited {
+ color: #000;
+ text-decoration: none;
+}
+#footer_survey a:hover, #footer_survey a:active {
+ text-decoration: underline;
+}
+
+
+/* #Tablet (Portrait) */
+@media only screen and (min-width: 768px) and (max-width: 959px) {
+#container { width:760px;}
+}
+
+/* #Mobile (Portrait) */
+@media only screen and (max-width: 767px) {
+#container { width:280px;}
+}
+
+/* #Mobile (Landscape) */
+@media only screen and (min-width: 480px) and (max-width: 767px) {
+#container { width:480px;}
+}
\ No newline at end of file diff --git a/main/survey/skins/Colorful.css b/main/survey/skins/Colorful.css new file mode 100644 index 0000000..860ed80 --- /dev/null +++ b/main/survey/skins/Colorful.css @@ -0,0 +1,127 @@ +/* 1KA default theme */
+
+body {
+ color: #333;
+ font-size: 75%;
+ background: none repeat scroll 0 0 #4E4E4E;
+ font-family: Arial,Verdana,Sans-Serif;
+ margin-top: 0;
+}
+
+textarea, input, select {
+ margin: 0 4px;
+}
+
+#outercontainer {
+ width: 100%;
+ max-width: 980px;
+ margin: 0 auto;
+}
+
+#container {
+ position: relative;
+/* background: url("1KA/logo_transparent.png") no-repeat scroll right top #596ED5; */
+ background-color: #596ED5;
+border: 1px solid black;
+ border-radius: 10px 10px 10px 10px;
+ margin: 10px auto;
+}
+
+/*#logo {
+ background: url("Default/logo_transparent.png") no-repeat scroll 100% 0 transparent;
+ top: 14px;
+ right: 10px;
+}
+#logo a {
+ width: 103px;
+ height: 60px;
+}*/
+#logo {
+ top: 20px;
+ margin-right: 10px;
+ background: url("../../../public/img/logo/1ka_slo.svg") no-repeat scroll 100% 0 transparent;
+ background-position: 20px 4px;
+ background-repeat: no-repeat;
+}
+#logo.english{
+ top: 24px;
+ background: url("../../../public/img/logo/1ka_eng.svg") no-repeat scroll 100% 0 transparent;
+}
+#logo a{
+ width: 80px;
+ height: 46px;
+}
+
+h1 {
+ color: white;
+ font-size: 170%;
+ font-weight: 100;
+ margin: 30pt 0 20pt;
+ text-align: center;
+}
+
+#admin_options {
+ left: 20px;
+ position: fixed;
+}
+#preview {
+ border: 3px solid #596ED5;
+ border-radius: 5px 5px 5px 5px;
+ background-color: #f6f6f6;
+}
+
+#progress_bar {
+ right: auto;
+ left: 20px;
+ top: 33px;
+}
+#progress_bar span {
+ color: #000;
+}
+#progress_bar div {
+ border: 1px solid #000;
+}
+#progress_bar div span {
+ background-color: #fff;
+}
+
+div.grupa {
+ background-color: white;
+ border-bottom: 1px solid #999999;
+ border-top: 1px solid #999999;
+ margin: 10px auto ;
+ padding: 0 2px;
+}
+
+div.spremenljivka {
+ background-color: white;
+ border-bottom: 1px solid #999999;
+ margin: 20px 10px;
+ padding: 0 2px 20px 12px;
+}
+div.variable_holder {
+ margin: 0;
+ padding: 0 30px;
+}
+
+span.reminder {
+ left: 4px;
+}
+
+div.buttons {
+ padding: 25px 20px;
+}
+div.buttons input {
+ padding: 0 10px;
+}
+
+#footer_survey {
+ padding: 25px 20px;
+}
+#footer_survey a, #footer_survey a:visited {
+ color: #333;
+ text-decoration: none;
+}
+#footer_survey a:hover, #footer_survey a:active {
+ text-decoration: underline;
+}
\ No newline at end of file diff --git a/main/survey/skins/Default.css b/main/survey/skins/Default.css new file mode 100644 index 0000000..cb4061a --- /dev/null +++ b/main/survey/skins/Default.css @@ -0,0 +1,92 @@ +/* 1KA default theme */
+
+body {
+ color: #333;
+ font-size: 75%;
+ font-family: Arial, sans-serif;
+}
+
+#outercontainer {
+ width: 100%;
+ max-width: 980px;
+ margin: 0 auto;
+}
+
+#container {
+ position: relative;
+ margin-top: 30px;
+}
+
+h1 {
+ padding: 70px 0 50px 0;
+ font-size: 170%;
+ color: #0C377A;
+}
+
+#admin_options {
+ left: 20px;
+ position: fixed;
+}
+#preview {
+ border: 3px solid red;
+ border-radius: 5px 5px 5px 5px;
+ background-color: #f6f6f6;
+}
+
+/*Dodano iz 1ka skina */
+
+#logo {
+ margin-right: 10px;
+ background: url("../../../public/img/logo/1ka_slo.svg") no-repeat scroll 100% 0 transparent;
+ background-position: 20px 4px;
+ background-repeat: no-repeat;
+}
+#logo.english{
+ top: 24px;
+ background: url("../../../public/img/logo/1ka_eng.svg") no-repeat scroll 100% 0 transparent;
+}
+#logo a{
+ width: 80px;
+ height: 46px;
+ }
+
+/*Do tukaj*/
+
+#progress_bar {
+ right: auto;
+ left: 20px;
+ border-top: 1px solid #777;
+ border-bottom: 1px solid #777;
+ padding: 3px 6px;
+}
+#progress_bar div {
+ border: 1px solid #777;
+}
+#progress_bar div span {
+ background-color: #c2e1e7;
+}
+
+div.grupa {
+ border-top: 1px solid #ccc;
+}
+
+div.spremenljivka {
+ padding: 25px 20px;
+ border-bottom: 1px solid #999;
+}
+
+div.buttons {
+ padding: 25px 20px;
+ border-bottom: 1px solid #ccc;
+}
+div.buttons input {
+ padding: 0 10px;
+}
+
+#footer_survey {
+ padding: 25px 20px;
+}
+#footer_survey a, #footer_survey a:visited {
+ color: #333;
+}
+
diff --git a/main/survey/skins/Embed.css b/main/survey/skins/Embed.css new file mode 100644 index 0000000..f253df1 --- /dev/null +++ b/main/survey/skins/Embed.css @@ -0,0 +1,64 @@ +/* 1KA default theme */
+
+body {
+ color: #333;
+ font-size: 75%;
+ font-family: Arial, sans-serif;
+}
+
+#outercontainer {
+ width: 100%;
+ margin: 0;
+}
+
+#container {
+ position: relative;
+}
+
+h1 {
+ font-size: 130%;
+}
+#logo {
+ display: none;
+}
+
+
+#progress_bar {
+ right: auto;
+ left: 20px;
+ top: 10px;
+}
+#progress_bar div {
+ border: 1px solid #777;
+}
+#progress_bar div span {
+ background-color: #c2e1e7;
+}
+
+div.grupa {
+ border-top: 1px solid #ccc;
+}
+
+div.spremenljivka {
+ padding: 25px 20px;
+ border-bottom: 1px solid #999;
+}
+
+div.buttons {
+ padding: 15px 10px;
+ border-bottom: 1px solid #ccc;
+}
+div.buttons input {
+ padding: 0 10px;
+}
+
+#footer_survey {
+ padding: 15px 10px;
+}
+#footer_survey a, #footer_survey a:visited {
+ color: #333;
+ text-decoration: none;
+}
+#footer_survey a:hover, #footer_survey a:active {
+ text-decoration: underline;
+}
\ No newline at end of file diff --git a/main/survey/skins/Embed2.css b/main/survey/skins/Embed2.css new file mode 100644 index 0000000..15dfe7f --- /dev/null +++ b/main/survey/skins/Embed2.css @@ -0,0 +1,72 @@ +body {
+ color: #333;
+ font-size: 75%;
+ font-family: Arial, sans-serif;
+}
+
+#outercontainer {
+ width: 380px;
+ margin: 10px auto;
+ padding: 0 10px;
+
+ border: 2px solid #999999;
+ -moz-border-radius:15px;
+ border-radius: 15px;
+ -webkit-border-radius: 15px;
+}
+
+#container {
+ position: relative;
+}
+
+h1 {
+ font-size: 130%;
+}
+#logo {
+ display: none;
+}
+
+
+#progress_bar {
+ right: auto;
+ left: 20px;
+ top: 10px;
+}
+#progress_bar div {
+ border: 1px solid #777;
+}
+#progress_bar div span {
+ background-color: #c2e1e7;
+}
+
+div.grupa {
+ /*border-top: 1px solid #ccc;*/
+}
+
+div.spremenljivka {
+ padding: 25px 20px;
+ border-bottom: 1px solid #999;
+}
+
+div.buttons {
+ padding: 15px 10px;
+ border-bottom: 1px solid #ccc;
+}
+div.buttons input {
+ padding: 0 10px;
+}
+
+#footer_survey {
+ padding: 15px 10px;
+}
+#footer_survey a, #footer_survey a:visited {
+ color: #333;
+ text-decoration: none;
+}
+#footer_survey a:hover, #footer_survey a:active {
+ text-decoration: underline;
+}
+
+#progress_bar{
+ display: none;
+}
\ No newline at end of file diff --git a/main/survey/skins/Fdv.css b/main/survey/skins/Fdv.css new file mode 100644 index 0000000..05b140c --- /dev/null +++ b/main/survey/skins/Fdv.css @@ -0,0 +1,534 @@ +/*
+ FDV tema - Siva barva z logotipom
+*/
+/* Barve */
+/* Import osnovne postavitve */
+/*
+ Osnovna tema ankete - 1ka - brez definiranih barv
+*/
+/* Fonti */
+body {
+ margin: 0;
+ padding: 0;
+ color: #505050;
+ font-size: 100%;
+ font-family: Montserrat, Arial, Sans-Serif !important;
+ background: #ffffff;
+}
+
+body.preview, body.testdata {
+ margin-top: 26px;
+}
+
+#outercontainer {
+ width: 100%;
+ margin: 0 auto;
+}
+#outercontainer .outercontainer_header {
+ position: absolute;
+ width: 100%;
+ height: 80px;
+ border-bottom: 6px #666666 solid;
+}
+#outercontainer #container {
+ position: relative;
+ width: 100%;
+ max-width: 1200px;
+ margin: 0px auto 10px;
+}
+
+/* Warning bar (preview, cookie) */
+#cookie_alert,
+#test_alert {
+ height: 26px;
+ font-size: 15px;
+ line-height: 25px;
+ color: #ffffff;
+ background-color: #ffa608;
+ border-bottom: 1px solid #ffa608;
+}
+#cookie_alert a,
+#test_alert a {
+ text-decoration: none;
+ font-weight: bold;
+ color: #ffffff;
+}
+#cookie_alert a:hover,
+#test_alert a:hover {
+ text-decoration: underline;
+}
+#cookie_alert span,
+#test_alert span {
+ color: #ffffff;
+}
+#cookie_alert span a,
+#test_alert span a {
+ color: #ffffff;
+ font-weight: normal;
+}
+
+/* Header - logo, naslov, progressbar */
+h1 {
+ margin: 0px auto 30px;
+ padding: 120px 0 50px 0;
+ font-size: 28px;
+ color: #666666;
+ text-align: center;
+ border-bottom: 1px solid #eeeeee;
+}
+
+h1.evalvacija {
+ margin-bottom: 0;
+}
+
+#logo {
+ right: auto;
+ left: 25px;
+ top: 13px;
+ max-height: 56px !important;
+ background: url("../../../public/img/logo/1ka_slo.svg");
+ background-repeat: no-repeat !important;
+ background-size: auto 100% !important;
+}
+#logo a {
+ width: 250px;
+ height: 56px;
+}
+
+#logo.english {
+ background: url("../../../public/img/logo/1ka_eng.svg");
+}
+
+.header_settings_holder {
+ top: 0px;
+ right: 20px;
+ left: auto;
+}
+.header_settings_holder .progress_bar span {
+ float: left !important;
+ /* ie6,7 doesnt support inline-block */
+ display: block;
+ width: 20px;
+ font-size: 11px;
+ color: #6D87AF;
+}
+.header_settings_holder .progress_bar div {
+ height: 10px;
+ width: 130px;
+ padding: 2px;
+ margin: 0 5px;
+ border: 1px #cccccc solid;
+ background-color: #ffffff;
+}
+.header_settings_holder .progress_bar div span {
+ height: 10px;
+ background-color: #666666;
+}
+.header_settings_holder .progress_bar p a {
+ color: #666666;
+ text-decoration: none;
+}
+.header_settings_holder .progress_bar p a:hover {
+ color: #8c8c8c;
+}
+.header_settings_holder .continue_later_setting a {
+ color: #666666;
+}
+.header_settings_holder .continue_later_setting a:hover {
+ color: #8c8c8c;
+}
+.header_settings_holder .tawk_chat a {
+ color: #666666;
+}
+.header_settings_holder .tawk_chat a:hover {
+ color: #8c8c8c;
+}
+
+/* Spremenljivke */
+.spremenljivka {
+ margin: 20px 10px 20px 10px;
+ padding: 20px 2px 50px 12px !important;
+ border-bottom: 1px #eeeeee solid;
+}
+.spremenljivka .naslov {
+ padding: 5px 0 15px 5px;
+ font-size: 18px;
+ font-weight: 600;
+}
+.spremenljivka .naslov .spremenljivka_info {
+ font-size: 14px;
+ font-weight: 400;
+ padding-top: 7px;
+}
+.spremenljivka .sequence_number {
+ background-color: #eeeeee;
+ color: #888888;
+}
+.spremenljivka .sequence_number:hover {
+ background-color: #d5d5d5;
+}
+.spremenljivka .sequence_number.active {
+ background-color: #888888;
+ color: #ffffff;
+}
+.spremenljivka .counter {
+ font-size: 18px;
+}
+.spremenljivka #dynamic_count {
+ color: #666666;
+}
+.spremenljivka .arrow {
+ color: #666666;
+}
+.spremenljivka .arrow:hover {
+ color: #8c8c8c;
+}
+
+.spremenljivka.limited {
+ outline: 1px #F15A24 solid;
+}
+
+.required, .required_require, .required_limit {
+ outline: 1px #F15A24 solid;
+}
+
+div.variabla,
+td.variabla,
+td.question,
+td.differential,
+.variabla_sum label {
+ font-size: 14px;
+}
+
+div.variable_holder {
+ padding: 10px 0 0 0;
+}
+div.variable_holder thead,
+div.variable_holder tr.table-header {
+ font-weight: normal;
+ font-size: 14px;
+}
+div.variable_holder thead td,
+div.variable_holder tr.table-header td {
+ 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 {
+ border-bottom: 2px #888888 solid;
+ border-top: 2px #888888 solid;
+ background-color: #ffffff;
+}
+table.grid_table tbody tr:nth-child(2n+1) {
+ background-color: #ffffff;
+}
+table.grid_table tbody tr:nth-child(2n) {
+ background-color: #eeeeee;
+}
+table.grid_table td {
+ padding: 10px 10px;
+}
+
+span.reminder {
+ left: 3px;
+}
+
+/* Textboxi, textarea, select */
+input, textarea, select {
+ font-family: Montserrat, Arial, Sans-Serif !important;
+}
+
+input[type=text], textarea, select {
+ padding: 10px 15px;
+ border-radius: 3px;
+ border: 1px solid #d1d1d1;
+ border-radius: 3px;
+ background-color: #fff;
+}
+
+/* ranking */
+.dropzone {
+ border-top: 1px #eeeeee solid;
+ margin-top: 12px;
+ padding-top: 17px;
+}
+
+table.ranking_table ul {
+ margin-top: 19px;
+}
+
+.ranking,
+.ranking_long,
+.handle,
+.handle_long,
+.ime,
+.izbran,
+.frame_ranking,
+.frame_ranking_hover,
+.frame_dropping,
+.frame_dropping_hover,
+.frame_moving {
+ font-size: 13px;
+ padding: 7px 10px 9px;
+ border: 2px solid #666666;
+ background-color: #ffffff;
+}
+
+.ranking:hover {
+ background-color: #f5fafe;
+}
+
+div.variable_holder .frame_ranking_hover {
+ border: 2px #666666 solid;
+ background-color: #eeeeee;
+}
+
+div.variable_holder .frame_ranking,
+div.variable_holder .frame_moving,
+div.variable_holder .frame_dropping,
+div.variable_holder .frame_dropping_hover {
+ text-indent: -35px;
+ border: 2px #888888 solid;
+ background-color: #eeeeee;
+}
+
+table.ranking_table b {
+ font-size: 13px;
+ font-weight: 600;
+}
+
+/* Photo upload button */
+button.record_foto {
+ border: 2px solid #666666;
+}
+button.record_foto::before {
+ color: #666666;
+}
+button.record_foto:hover, button.record_foto:focus {
+ border-color: #8c8c8c;
+}
+button.record_foto:hover::before, button.record_foto:focus::before {
+ color: #8c8c8c;
+}
+
+/* Koledar */
+.ui-datepicker {
+ font-size: 14px;
+}
+
+button.ui-datepicker-trigger {
+ color: #666666;
+}
+button.ui-datepicker-trigger:hover, button.ui-datepicker-trigger:focus {
+ color: #8c8c8c;
+}
+
+/* Slider */
+.grupa .spremenljivka .ui-slider-pips .ui-slider-pip {
+ color: #505050;
+}
+.grupa .spremenljivka .slider.ui-widget-content {
+ /*background-color: $color_light !important;*/
+ background-image: none !important;
+ border: 0;
+}
+.grupa .spremenljivka .ui-slider-horizontal {
+ height: 8px;
+}
+.grupa .spremenljivka .ui-slider-handle {
+ cursor: pointer;
+ height: 10px !important;
+ width: 18px !important;
+ margin-top: 1px;
+ border: 0;
+ border-radius: 15px 15px !important;
+ background-color: #666666 !important;
+ background-image: none !important;
+}
+.grupa .spremenljivka .ui-slider-handle:active {
+ background-color: #666666 !important;
+}
+.grupa .spremenljivka .sliderText {
+ padding-top: 2px;
+ color: #505050;
+ background-color: #888888;
+ border: 0;
+}
+.grupa .spremenljivka .sliderText::after {
+ border-color: #888888 transparent;
+}
+
+/* Warning levo od vprasanja */
+.validation_alert {
+ position: absolute;
+ z-index: 51;
+ top: 20px;
+ left: -150px;
+ width: 130px;
+ min-height: 29px;
+ margin: 0;
+ text-align: center;
+ font-size: 11px;
+ line-height: 14px;
+ background-color: #eeeeee;
+ border: 2px solid red;
+ padding: 4px 7px;
+ border-radius: 4px;
+ box-shadow: none;
+}
+
+/* Gumbi na dnu */
+div.buttons {
+ padding: 20px 20px 35px;
+ margin: 0 10px;
+}
+div.buttons input {
+ cursor: pointer;
+ margin: 8px 10px;
+ /*padding: 7px 11px;*/
+ padding: 10px 20px;
+ text-align: center;
+ font-size: 12px;
+ letter-spacing: 1px;
+ font-weight: 600;
+ color: #FFFFFF;
+ border-radius: 20px;
+ border: 0;
+}
+div.buttons input.next {
+ background-color: #666666;
+ border: 1px solid #666666;
+}
+div.buttons input.next:hover, div.buttons input.next:focus {
+ background-color: #8c8c8c;
+ border: 1px solid #8c8c8c;
+}
+div.buttons input.prev {
+ color: #666666;
+ background-color: #fff;
+ border: 1px solid #666666;
+}
+div.buttons input.prev:hover, div.buttons input.prev:focus {
+ color: #fff;
+ background-color: #666666;
+}
+
+/* Footer */
+#footer_survey {
+ padding: 40px;
+ background-color: #ffffff;
+ border-top: 1px #eeeeee solid;
+}
+#footer_survey p, #footer_survey a, #footer_survey a:visited {
+ color: #505050;
+ font-size: 14px;
+ line-height: 25px;
+ font-weight: 400;
+ text-decoration: none;
+}
+#footer_survey a:hover, #footer_survey a:active {
+ text-decoration: none;
+}
+
+/* awesome radio in checkboxi */
+input[type=checkbox] + span.enka-checkbox-radio,
+input[type=radio] + span.enka-checkbox-radio,
+.custom_radio_picture.obarvan > label > span.enka-custom-radio:before,
+.visual-radio-scale.checked .enka-vizualna-skala {
+ color: #888888;
+ font-size: 20px;
+ vertical-align: -1px;
+}
+
+input[type=checkbox]:focus + span.enka-checkbox-radio:before,
+input[type=radio]:focus + span.enka-checkbox-radio:before,
+input[type=radio]:focus + span.enka-custom-radio:before,
+input[type=radio]:focus + span.enka-vizualna-skala::before {
+ color: #484848;
+}
+
+input[type=text]:focus,
+input[type=number]:focus,
+input[type=email]:focus,
+input[type=password]:focus,
+textarea:focus {
+ border-color: #888888;
+}
+
+/* Ranking drag drop */
+.drag_and_drop {
+ top: -9px;
+ left: -12px;
+}
+
+.drag_and_drop_right {
+ top: -9px !important;
+ left: -12px !important;
+}
+
+.frame_dropping_titles {
+ width: 240px;
+ padding: 5px;
+ margin: 0px auto 0px auto;
+ height: 15px;
+ text-align: center;
+ background-color: #FFFFFF;
+ border-top: 2px solid #b9c5d9;
+ border-left: 2px solid #b9c5d9;
+ border-right: 2px solid #b9c5d9;
+ font-size: 13px;
+}
+
+.drag_and_drop_box {
+ top: -9px;
+ left: -12px;
+}
+.drag_and_drop_box img {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.drag_and_drop_box_right {
+ top: 19px !important;
+ left: -12px !important;
+}
+
+.drag_and_drop_box_right_after_refresh {
+ /*top: 44px!important;*/
+ left: -12px !important;
+}
+
+.drag_and_drop_box_right_over {
+ left: -12px !important;
+}
+
+.frame_dropping_titles_box {
+ width: 240px;
+ padding: 5px;
+ margin: 0px auto 0px auto;
+ height: 15px;
+ text-align: center;
+ background-color: #FFFFFF;
+ font-size: 13px;
+}
+
+.frame_dropping {
+ padding: 7px 10px 9px;
+}
+
+.frame_dropping_box {
+ padding: 7px 10px 9px;
+}
+
+/* Popravimo se logo */
+#logo, #logo.english {
+ background-image: url("../../../public/img/logo/fdv.png");
+}
+
+/*# sourceMappingURL=Fdv.css.map */
diff --git a/main/survey/skins/Mobile.css b/main/survey/skins/Mobile.css new file mode 100644 index 0000000..0729bb8 --- /dev/null +++ b/main/survey/skins/Mobile.css @@ -0,0 +1,220 @@ +body{
+ padding: 0px;
+
+ font-family: 'Bree Serif', serif !important;
+ font-size: 13px;
+ color: #455a64;
+
+ background-color: white;
+}
+
+span, label{
+ color: #455a64;
+}
+
+
+/* GLAVNI ELEMENTI */
+#container{
+ margin-top: 0px;
+}
+
+#container h1{
+ padding: 18px 5px 22px 5px;
+ margin-bottom: 10px;
+
+ font-size: 23px;
+ font-weight: normal;
+ color: #0c377a;
+ line-height: 30px;
+
+ background-color: #eff2f7;
+ border-bottom: 8px #0c377a solid;
+}
+
+
+/* INPUT ELEMENTI */
+.grupa .spremenljivka input[type=text]{
+ padding: 5px 7px;
+
+ border: 1px #a0aec1 solid;
+ border-radius: 3px;
+ -moz-border-radius: 3px 3px 3px 3px;
+ -webkit-border-radius: 3px;
+}
+
+input[type="checkbox"] + span.enka-checkbox-radio,
+input[type="radio"] + span.enka-checkbox-radio,
+.custom_radio_picture.obarvan > label > span.enka-custom-radio:before {
+ color: #0c377a;
+}
+
+
+.grupa{
+ min-height: 100px;
+ padding-top: 0px;
+}
+.grupa .spremenljivka{
+ margin: 0 10px;
+
+ background-color: white;
+ border: 0;
+ border-bottom: 1px #a0aec1 solid;
+}
+.grupa .spremenljivka:last-of-type{
+ border-bottom: 0;
+}
+.grupa .spremenljivka .naslov{
+ margin: 0;
+ padding: 5px 0 10px 0;
+
+ font-size: 15px;
+ font-weight: normal;
+ color: #455a64;
+}
+.grupa .spremenljivka .naslov .spremenljivka_info{
+ font-size: 11px;
+ color: #a0aec1;
+}
+
+.variable_holder{
+ border: 0;
+}
+.variable_holder .variabla{
+ font-weight: normal;
+ color: #455a64;
+}
+table thead {
+ font-weight: normal;
+}
+
+.grupa .spremenljivka .sequence_number{
+ padding: 2px 7px 5px 7px;
+
+ background-color: #a0aec1;
+ color: white;
+
+ border: 0;
+ border-radius: 3px;
+ -moz-border-radius: 3px 3px 3px 3px;
+ -webkit-border-radius: 3px;
+}
+.grupa .spremenljivka .sequence_number.active{
+ background-color: #dbe8f9;
+ color: #a0aec1;
+}
+
+.grupa .spremenljivka .slider_mobile{
+ background-color: #a0aec1;
+ border: 0;
+}
+.grupa .spremenljivka .ui-slider-horizontal{
+ height: 7px;
+}
+.grupa .spremenljivka .ui-slider-handle {
+ cursor: pointer;
+
+ height: 10px !important;
+ width: 18px !important;
+ margin-top: 3px;
+
+ border: 0;
+ border-radius: 15px 15px !important;
+ background-color: #0c377a;
+}
+.grupa .spremenljivka .ui-slider-handle:active{
+ background-color: #0c377a;
+}
+.grupa .spremenljivka .sliderText{
+ padding-top: 0;
+
+ color: white;
+
+ background-color: #a0aec1;
+ border: 0;
+}
+.grupa .spremenljivka .sliderText::after{
+ border-color: #a0aec1 transparent;
+}
+.grupa .spremenljivka span.reminder {
+ left: 0;
+}
+
+
+/* GUMBI NAPREJ/NAZAJ */
+.buttons{
+ margin-top: 20px;
+ margin-bottom: 10px;
+}
+.buttons .prev,
+.buttons .next{
+ cursor: pointer;
+
+ padding: 5px 10px;
+ margin-left: 5px;
+ margin-right: 5px;
+
+ font-size: 14px;
+ color: white;
+
+ border: 0;
+ border-radius: 3px;
+ -moz-border-radius: 3px 3px 3px 3px;
+ -webkit-border-radius: 3px;
+}
+.buttons .prev{
+ background-color: #eff2f7;
+ color: #455a64;
+}
+.buttons .next{
+ background-color: #0c377a;
+}
+
+
+/* FOOTER */
+#footer_survey{
+ font-size: 12px;
+ font-weight: normal;
+ text-decoration: none;
+ color: #455a64;
+
+ border-top: 3px #0c377a solid;
+}
+#footer_survey a{
+ font-weight: normal;
+ text-decoration: none;
+ color: #455a64;
+}
+
+
+/* LOGO */
+#container #logo{
+ display: none !important;
+}
+#footer_survey #logo {
+ display: block;
+ position: relative;
+
+ width: 80px;
+ height: 46px;
+
+ margin: 10px auto 20px auto;
+ left: 0;
+ right: 0;
+
+ background: url("../../../public/img/logo/1ka_slo.svg") no-repeat scroll 0 0 transparent;
+ background-repeat: no-repeat;
+}
+#footer_survey #logo.english{
+ background: url("../../../public/img/logo/1ka_eng.svg") no-repeat scroll 0 0 transparent;
+}
+#footer_survey #logo a {
+ display: block;
+ width: 80px;
+ height: 46px;
+ text-indent: -9999px;
+ overflow: hidden;
+}
+/* Desni del samo za skine Otroci3 in Otroci4 */
+#footer_survey #logo #logo_right{
+ display: none;
+}
diff --git a/main/survey/skins/Mobile2.css b/main/survey/skins/Mobile2.css new file mode 100644 index 0000000..a639d70 --- /dev/null +++ b/main/survey/skins/Mobile2.css @@ -0,0 +1,219 @@ +body{
+ padding: 0px;
+
+ font-family: 'Bree Serif', serif !important;
+ font-size: 13px;
+ color: #455a64;
+
+ background-color: white;
+}
+
+span, label{
+ color: #455a64;
+}
+
+
+/* GLAVNI ELEMENTI */
+#container{
+ margin-top: 0px;
+}
+
+#container h1{
+ padding: 18px 5px 22px 5px;
+ margin-bottom: 10px;
+
+ font-size: 23px;
+ font-weight: normal;
+ color: white;
+ line-height: 30px;
+
+ background-color: #466289;
+ border-bottom: 8px #fa6121 solid;
+}
+
+
+/* INPUT ELEMENTI */
+.grupa .spremenljivka input[type=text]{
+ padding: 5px 7px;
+
+ border: 1px #a0aec1 solid;
+ border-radius: 3px;
+ -moz-border-radius: 3px 3px 3px 3px;
+ -webkit-border-radius: 3px;
+}
+
+input[type="checkbox"] + span.enka-checkbox-radio,
+input[type="radio"] + span.enka-checkbox-radio,
+.custom_radio_picture.obarvan > label > span.enka-custom-radio:before {
+ color: #fa6121;
+}
+
+
+.grupa{
+ min-height: 100px;
+ padding-top: 0px;
+}
+.grupa .spremenljivka{
+ margin: 0 10px;
+
+ background-color: white;
+ border: 0;
+ border-bottom: 1px #a0aec1 solid;
+}
+.grupa .spremenljivka:last-of-type{
+ border-bottom: 0;
+}
+.grupa .spremenljivka .naslov{
+ margin: 0;
+ padding: 5px 0 10px 0;
+
+ font-size: 15px;
+ font-weight: normal;
+ color: #455a64;
+}
+.grupa .spremenljivka .naslov .spremenljivka_info{
+ font-size: 11px;
+ color: #a0aec1;
+}
+
+.variable_holder{
+ border: 0;
+}
+.variable_holder .variabla{
+ font-weight: normal;
+ color: #455a64;
+}
+table thead {
+ font-weight: normal;
+}
+
+.grupa .spremenljivka .sequence_number{
+ padding: 2px 7px 5px 7px;
+
+ background-color: #a0aec1;
+ color: white;
+
+ border: 0;
+ border-radius: 3px;
+ -moz-border-radius: 3px 3px 3px 3px;
+ -webkit-border-radius: 3px;
+}
+.grupa .spremenljivka .sequence_number.active{
+ background-color: #dbe8f9;
+ color: #a0aec1;
+}
+
+.grupa .spremenljivka .slider_mobile{
+ background-color: #a0aec1;
+ border: 0;
+}
+.grupa .spremenljivka .ui-slider-horizontal{
+ height: 7px;
+}
+.grupa .spremenljivka .ui-slider-handle {
+ cursor: pointer;
+
+ height: 10px !important;
+ width: 18px !important;
+ margin-top: 3px;
+
+ border: 0;
+ border-radius: 15px 15px !important;
+ background-color: #fa6121;
+}
+.grupa .spremenljivka .ui-slider-handle:active{
+ background-color: #fa6121;
+}
+.grupa .spremenljivka .sliderText{
+ padding-top: 0;
+
+ color: white;
+
+ background-color: #a0aec1;
+ border: 0;
+}
+.grupa .spremenljivka .sliderText::after{
+ border-color: #a0aec1 transparent;
+}
+.grupa .spremenljivka span.reminder {
+ left: 0;
+}
+
+
+/* GUMBI NAPREJ/NAZAJ */
+.buttons{
+ margin-top: 20px;
+ margin-bottom: 10px;
+}
+.buttons .prev,
+.buttons .next{
+ cursor: pointer;
+
+ padding: 5px 10px;
+ margin-left: 5px;
+ margin-right: 5px;
+
+ font-size: 14px;
+ color: white;
+
+ border: 0;
+ border-radius: 3px;
+ -moz-border-radius: 3px 3px 3px 3px;
+ -webkit-border-radius: 3px;
+}
+.buttons .prev{
+ background-color: #a0aec1;
+}
+.buttons .next{
+ background-color: #fa6121;
+}
+
+
+/* FOOTER */
+#footer_survey{
+ font-size: 12px;
+ font-weight: normal;
+ text-decoration: none;
+ color: #455a64;
+
+ border-top: 3px #a0aec1 solid;
+}
+#footer_survey a{
+ font-weight: normal;
+ text-decoration: none;
+ color: #455a64;
+}
+
+
+/* LOGO */
+#container #logo{
+ display: none !important;
+}
+#footer_survey #logo {
+ display: block;
+ position: relative;
+
+ width: 80px;
+ height: 46px;
+
+ margin: 10px auto 20px auto;
+ left: 0;
+ right: 0;
+
+ background: url("../../../public/img/logo/1ka_slo.svg") no-repeat scroll 0 0 transparent;
+ background-repeat: no-repeat;
+}
+#footer_survey #logo.english{
+ background: url("../../../public/img/logo/1ka_eng.svg") no-repeat scroll 0 0 transparent;
+}
+#footer_survey #logo a {
+ display: block;
+ width: 80px;
+ height: 46px;
+ text-indent: -9999px;
+ overflow: hidden;
+}
+/* Desni del samo za skine Otroci3 in Otroci4 */
+#footer_survey #logo #logo_right{
+ display: none;
+}
diff --git a/main/survey/skins/Mobile3.css b/main/survey/skins/Mobile3.css new file mode 100644 index 0000000..29e1451 --- /dev/null +++ b/main/survey/skins/Mobile3.css @@ -0,0 +1,219 @@ +body{
+ padding: 0px;
+
+ font-family: 'Bree Serif', serif !important;
+ font-size: 13px;
+ color: #455a64;
+
+ background-color: white;
+}
+
+span, label{
+ color: #455a64;
+}
+
+
+/* GLAVNI ELEMENTI */
+#container{
+ margin-top: 0px;
+}
+
+#container h1{
+ padding: 18px 5px 22px 5px;
+ margin-bottom: 10px;
+
+ font-size: 23px;
+ font-weight: normal;
+ color: white;
+ line-height: 30px;
+
+ background-color: #57BC90;
+ border-bottom: 8px #77C9D4 solid;
+}
+
+
+/* INPUT ELEMENTI */
+.grupa .spremenljivka input[type=text]{
+ padding: 5px 7px;
+
+ border: 1px #a0aec1 solid;
+ border-radius: 3px;
+ -moz-border-radius: 3px 3px 3px 3px;
+ -webkit-border-radius: 3px;
+}
+
+input[type="checkbox"] + span.enka-checkbox-radio,
+input[type="radio"] + span.enka-checkbox-radio,
+.custom_radio_picture.obarvan > label > span.enka-custom-radio:before {
+ color: #015249;
+}
+
+
+.grupa{
+ min-height: 100px;
+ padding-top: 0px;
+}
+.grupa .spremenljivka{
+ margin: 0 10px;
+
+ background-color: white;
+ border: 0;
+ border-bottom: 1px #a0aec1 solid;
+}
+.grupa .spremenljivka:last-of-type{
+ border-bottom: 0;
+}
+.grupa .spremenljivka .naslov{
+ margin: 0;
+ padding: 5px 0 10px 0;
+
+ font-size: 15px;
+ font-weight: normal;
+ color: #455a64;
+}
+.grupa .spremenljivka .naslov .spremenljivka_info{
+ font-size: 11px;
+ color: #a0aec1;
+}
+
+.variable_holder{
+ border: 0;
+}
+.variable_holder .variabla{
+ font-weight: normal;
+ color: #455a64;
+}
+table thead {
+ font-weight: normal;
+}
+
+.grupa .spremenljivka .sequence_number{
+ padding: 2px 7px 5px 7px;
+
+ background-color: #a0aec1;
+ color: white;
+
+ border: 0;
+ border-radius: 3px;
+ -moz-border-radius: 3px 3px 3px 3px;
+ -webkit-border-radius: 3px;
+}
+.grupa .spremenljivka .sequence_number.active{
+ background-color: #dbe8f9;
+ color: #a0aec1;
+}
+
+.grupa .spremenljivka .slider_mobile{
+ background-color: #a0aec1;
+ border: 0;
+}
+.grupa .spremenljivka .ui-slider-horizontal{
+ height: 7px;
+}
+.grupa .spremenljivka .ui-slider-handle {
+ cursor: pointer;
+
+ height: 10px !important;
+ width: 18px !important;
+ margin-top: 3px;
+
+ border: 0;
+ border-radius: 15px 15px !important;
+ background-color: #015249;
+}
+.grupa .spremenljivka .ui-slider-handle:active{
+ background-color: #015249;
+}
+.grupa .spremenljivka .sliderText{
+ padding-top: 0;
+
+ color: white;
+
+ background-color: #a0aec1;
+ border: 0;
+}
+.grupa .spremenljivka .sliderText::after{
+ border-color: #a0aec1 transparent;
+}
+.grupa .spremenljivka span.reminder {
+ left: 0;
+}
+
+
+/* GUMBI NAPREJ/NAZAJ */
+.buttons{
+ margin-top: 20px;
+ margin-bottom: 10px;
+}
+.buttons .prev,
+.buttons .next{
+ cursor: pointer;
+
+ padding: 5px 10px;
+ margin-left: 5px;
+ margin-right: 5px;
+
+ font-size: 14px;
+ color: white;
+
+ border: 0;
+ border-radius: 3px;
+ -moz-border-radius: 3px 3px 3px 3px;
+ -webkit-border-radius: 3px;
+}
+.buttons .prev{
+ background-color: #a0aec1;
+}
+.buttons .next{
+ background-color: #015249;
+}
+
+
+/* FOOTER */
+#footer_survey{
+ font-size: 12px;
+ font-weight: normal;
+ text-decoration: none;
+ color: #455a64;
+
+ border-top: 3px #77C9D4 solid;
+}
+#footer_survey a{
+ font-weight: normal;
+ text-decoration: none;
+ color: #455a64;
+}
+
+
+/* LOGO */
+#container #logo{
+ display: none !important;
+}
+#footer_survey #logo {
+ display: block;
+ position: relative;
+
+ width: 80px;
+ height: 46px;
+
+ margin: 10px auto 20px auto;
+ left: 0;
+ right: 0;
+
+ background: url("../../../public/img/logo/1ka_slo.svg") no-repeat scroll 0 0 transparent;
+ background-repeat: no-repeat;
+}
+#footer_survey #logo.english{
+ background: url("../../../public/img/logo/1ka_eng.svg") no-repeat scroll 0 0 transparent;
+}
+#footer_survey #logo a {
+ display: block;
+ width: 80px;
+ height: 46px;
+ text-indent: -9999px;
+ overflow: hidden;
+}
+/* Desni del samo za skine Otroci3 in Otroci4 */
+#footer_survey #logo #logo_right{
+ display: none;
+}
diff --git a/main/survey/skins/Mobile4.css b/main/survey/skins/Mobile4.css new file mode 100644 index 0000000..75233a6 --- /dev/null +++ b/main/survey/skins/Mobile4.css @@ -0,0 +1,219 @@ +body{
+ padding: 0px;
+
+ font-family: 'Bree Serif', serif !important;
+ font-size: 13px;
+ color: #455a64;
+
+ background-color: white;
+}
+
+span, label{
+ color: #455a64;
+}
+
+
+/* GLAVNI ELEMENTI */
+#container{
+ margin-top: 0px;
+}
+
+#container h1{
+ padding: 18px 5px 22px 5px;
+ margin-bottom: 10px;
+
+ font-size: 23px;
+ font-weight: normal;
+ color: #FF3B3F;
+ line-height: 30px;
+
+ background-color: #CAEBF2;
+ border-bottom: 8px #FF3B3F solid;
+}
+
+
+/* INPUT ELEMENTI */
+.grupa .spremenljivka input[type=text]{
+ padding: 5px 7px;
+
+ border: 1px #a0aec1 solid;
+ border-radius: 3px;
+ -moz-border-radius: 3px 3px 3px 3px;
+ -webkit-border-radius: 3px;
+}
+
+input[type="checkbox"] + span.enka-checkbox-radio,
+input[type="radio"] + span.enka-checkbox-radio,
+.custom_radio_picture.obarvan > label > span.enka-custom-radio:before {
+ color: #FF3B3F;
+}
+
+
+.grupa{
+ min-height: 100px;
+ padding-top: 0px;
+}
+.grupa .spremenljivka{
+ margin: 0 10px;
+
+ background-color: white;
+ border: 0;
+ border-bottom: 1px #a0aec1 solid;
+}
+.grupa .spremenljivka:last-of-type{
+ border-bottom: 0;
+}
+.grupa .spremenljivka .naslov{
+ margin: 0;
+ padding: 5px 0 10px 0;
+
+ font-size: 15px;
+ font-weight: normal;
+ color: #455a64;
+}
+.grupa .spremenljivka .naslov .spremenljivka_info{
+ font-size: 11px;
+ color: #a0aec1;
+}
+
+.variable_holder{
+ border: 0;
+}
+.variable_holder .variabla{
+ font-weight: normal;
+ color: #455a64;
+}
+table thead {
+ font-weight: normal;
+}
+
+.grupa .spremenljivka .sequence_number{
+ padding: 2px 7px 5px 7px;
+
+ background-color: #a0aec1;
+ color: white;
+
+ border: 0;
+ border-radius: 3px;
+ -moz-border-radius: 3px 3px 3px 3px;
+ -webkit-border-radius: 3px;
+}
+.grupa .spremenljivka .sequence_number.active{
+ background-color: #dbe8f9;
+ color: #a0aec1;
+}
+
+.grupa .spremenljivka .slider_mobile{
+ background-color: #a0aec1;
+ border: 0;
+}
+.grupa .spremenljivka .ui-slider-horizontal{
+ height: 7px;
+}
+.grupa .spremenljivka .ui-slider-handle {
+ cursor: pointer;
+
+ height: 10px !important;
+ width: 18px !important;
+ margin-top: 3px;
+
+ border: 0;
+ border-radius: 15px 15px !important;
+ background-color: #FF3B3F;
+}
+.grupa .spremenljivka .ui-slider-handle:active{
+ background-color: #FF3B3F;
+}
+.grupa .spremenljivka .sliderText{
+ padding-top: 0;
+
+ color: white;
+
+ background-color: #a0aec1;
+ border: 0;
+}
+.grupa .spremenljivka .sliderText::after{
+ border-color: #a0aec1 transparent;
+}
+.grupa .spremenljivka span.reminder {
+ left: 0;
+}
+
+
+/* GUMBI NAPREJ/NAZAJ */
+.buttons{
+ margin-top: 20px;
+ margin-bottom: 10px;
+}
+.buttons .prev,
+.buttons .next{
+ cursor: pointer;
+
+ padding: 5px 10px;
+ margin-left: 5px;
+ margin-right: 5px;
+
+ font-size: 14px;
+ color: white;
+
+ border: 0;
+ border-radius: 3px;
+ -moz-border-radius: 3px 3px 3px 3px;
+ -webkit-border-radius: 3px;
+}
+.buttons .prev{
+ background-color: #a0aec1;
+}
+.buttons .next{
+ background-color: #FF3B3F;
+}
+
+
+/* FOOTER */
+#footer_survey{
+ font-size: 12px;
+ font-weight: normal;
+ text-decoration: none;
+ color: #455a64;
+
+ border-top: 3px #FF3B3F solid;
+}
+#footer_survey a{
+ font-weight: normal;
+ text-decoration: none;
+ color: #455a64;
+}
+
+
+/* LOGO */
+#container #logo{
+ display: none !important;
+}
+#footer_survey #logo {
+ display: block;
+ position: relative;
+
+ width: 80px;
+ height: 46px;
+
+ margin: 10px auto 20px auto;
+ left: 0;
+ right: 0;
+
+ background: url("../../../public/img/logo/1ka_slo.svg") no-repeat scroll 0 0 transparent;
+ background-repeat: no-repeat;
+}
+#footer_survey #logo.english{
+ background: url("../../../public/img/logo/1ka_eng.svg") no-repeat scroll 0 0 transparent;
+}
+#footer_survey #logo a {
+ display: block;
+ width: 80px;
+ height: 46px;
+ text-indent: -9999px;
+ overflow: hidden;
+}
+/* Desni del samo za skine Otroci3 in Otroci4 */
+#footer_survey #logo #logo_right{
+ display: none;
+}
diff --git a/main/survey/skins/Mobile5.css b/main/survey/skins/Mobile5.css new file mode 100644 index 0000000..471f298 --- /dev/null +++ b/main/survey/skins/Mobile5.css @@ -0,0 +1,219 @@ +body{
+ padding: 0px;
+
+ font-family: 'Bree Serif', serif !important;
+ font-size: 13px;
+ color: #455a64;
+
+ background-color: white;
+}
+
+span, label{
+ color: #455a64;
+}
+
+
+/* GLAVNI ELEMENTI */
+#container{
+ margin-top: 0px;
+}
+
+#container h1{
+ padding: 18px 5px 22px 5px;
+ margin-bottom: 10px;
+
+ font-size: 23px;
+ font-weight: normal;
+ color: white;
+ line-height: 30px;
+
+ background-color: #76323F;
+ border-bottom: 8px #C09F80 solid;
+}
+
+
+/* INPUT ELEMENTI */
+.grupa .spremenljivka input[type=text]{
+ padding: 5px 7px;
+
+ border: 1px #a0aec1 solid;
+ border-radius: 3px;
+ -moz-border-radius: 3px 3px 3px 3px;
+ -webkit-border-radius: 3px;
+}
+
+input[type="checkbox"] + span.enka-checkbox-radio,
+input[type="radio"] + span.enka-checkbox-radio,
+.custom_radio_picture.obarvan > label > span.enka-custom-radio:before {
+ color: #565656;
+}
+
+
+.grupa{
+ min-height: 100px;
+ padding-top: 0px;
+}
+.grupa .spremenljivka{
+ margin: 0 10px;
+
+ background-color: white;
+ border: 0;
+ border-bottom: 1px #a0aec1 solid;
+}
+.grupa .spremenljivka:last-of-type{
+ border-bottom: 0;
+}
+.grupa .spremenljivka .naslov{
+ margin: 0;
+ padding: 5px 0 10px 0;
+
+ font-size: 15px;
+ font-weight: normal;
+ color: #455a64;
+}
+.grupa .spremenljivka .naslov .spremenljivka_info{
+ font-size: 11px;
+ color: #a0aec1;
+}
+
+.variable_holder{
+ border: 0;
+}
+.variable_holder .variabla{
+ font-weight: normal;
+ color: #455a64;
+}
+table thead {
+ font-weight: normal;
+}
+
+.grupa .spremenljivka .sequence_number{
+ padding: 2px 7px 5px 7px;
+
+ background-color: #a0aec1;
+ color: white;
+
+ border: 0;
+ border-radius: 3px;
+ -moz-border-radius: 3px 3px 3px 3px;
+ -webkit-border-radius: 3px;
+}
+.grupa .spremenljivka .sequence_number.active{
+ background-color: #dbe8f9;
+ color: #a0aec1;
+}
+
+.grupa .spremenljivka .slider_mobile{
+ background-color: #a0aec1;
+ border: 0;
+}
+.grupa .spremenljivka .ui-slider-horizontal{
+ height: 7px;
+}
+.grupa .spremenljivka .ui-slider-handle {
+ cursor: pointer;
+
+ height: 10px !important;
+ width: 18px !important;
+ margin-top: 3px;
+
+ border: 0;
+ border-radius: 15px 15px !important;
+ background-color: #565656;
+}
+.grupa .spremenljivka .ui-slider-handle:active{
+ background-color: #565656;
+}
+.grupa .spremenljivka .sliderText{
+ padding-top: 0;
+
+ color: white;
+
+ background-color: #a0aec1;
+ border: 0;
+}
+.grupa .spremenljivka .sliderText::after{
+ border-color: #a0aec1 transparent;
+}
+.grupa .spremenljivka span.reminder {
+ left: 0;
+}
+
+
+/* GUMBI NAPREJ/NAZAJ */
+.buttons{
+ margin-top: 20px;
+ margin-bottom: 10px;
+}
+.buttons .prev,
+.buttons .next{
+ cursor: pointer;
+
+ padding: 5px 10px;
+ margin-left: 5px;
+ margin-right: 5px;
+
+ font-size: 14px;
+ color: white;
+
+ border: 0;
+ border-radius: 3px;
+ -moz-border-radius: 3px 3px 3px 3px;
+ -webkit-border-radius: 3px;
+}
+.buttons .prev{
+ background-color: #C09F80;
+}
+.buttons .next{
+ background-color: #565656;
+}
+
+
+/* FOOTER */
+#footer_survey{
+ font-size: 12px;
+ font-weight: normal;
+ text-decoration: none;
+ color: #455a64;
+
+ border-top: 3px #C09F80 solid;
+}
+#footer_survey a{
+ font-weight: normal;
+ text-decoration: none;
+ color: #455a64;
+}
+
+
+/* LOGO */
+#container #logo{
+ display: none !important;
+}
+#footer_survey #logo {
+ display: block;
+ position: relative;
+
+ width: 80px;
+ height: 46px;
+
+ margin: 10px auto 20px auto;
+ left: 0;
+ right: 0;
+
+ background: url("../../../public/img/logo/1ka_slo.svg") no-repeat scroll 0 0 transparent;
+ background-repeat: no-repeat;
+}
+#footer_survey #logo.english{
+ background: url("../../../public/img/logo/1ka_eng.svg") no-repeat scroll 0 0 transparent;
+}
+#footer_survey #logo a {
+ display: block;
+ width: 80px;
+ height: 46px;
+ text-indent: -9999px;
+ overflow: hidden;
+}
+/* Desni del samo za skine Otroci3 in Otroci4 */
+#footer_survey #logo #logo_right{
+ display: none;
+}
diff --git a/main/survey/skins/MobileBlack.css b/main/survey/skins/MobileBlack.css new file mode 100644 index 0000000..33c9a26 --- /dev/null +++ b/main/survey/skins/MobileBlack.css @@ -0,0 +1,228 @@ +@charset "UTF-8";
+/*
+ Mobile tema ankete - Črna barva
+*/
+/* Barve */
+/* Import osnovne postavitve */
+/*
+ Osnovna mobilna tema ankete - 1ka - brez definiranih barv
+*/
+/* Fonti */
+body {
+ font-family: Montserrat, Arial, Sans-Serif !important;
+ color: #505050;
+ background-color: white;
+}
+
+span, label {
+ color: #505050;
+}
+
+/* GLAVNI ELEMENTI */
+#container h1 {
+ color: #333333;
+ background-color: #ffffff;
+ border-bottom: 8px #333333 solid;
+}
+
+/* INPUT ELEMENTI */
+/* Textboxi, textarea, select */
+input, textarea, select {
+ font-family: Montserrat, Arial, Sans-Serif !important;
+}
+
+input[type=text], textarea, select {
+ padding: 5px 7px;
+ border-radius: 3px;
+ border: 1px solid #d1d1d1;
+ border-radius: 3px;
+ background-color: #fff;
+}
+
+input[type=checkbox] + span.enka-checkbox-radio,
+input[type=radio] + span.enka-checkbox-radio,
+.custom_radio_picture.obarvan > label > span.enka-custom-radio:before,
+.visual-radio-scale.checked .enka-vizualna-skala {
+ color: #444444;
+}
+
+.grupa .spremenljivka {
+ background-color: white;
+ border: 0;
+ border-bottom: 1px #444444 solid;
+ /* Mejnik pri dvojni tabeli */
+}
+.grupa .spremenljivka:last-of-type {
+ border-bottom: 0;
+}
+.grupa .spremenljivka .naslov {
+ color: #505050;
+}
+.grupa .spremenljivka .naslov .spremenljivka_info {
+ color: #505050;
+}
+.grupa .spremenljivka .sequence_number {
+ background-color: #eaeaea;
+ color: #444444;
+}
+.grupa .spremenljivka .sequence_number:hover {
+ background-color: #d0d0d0;
+}
+.grupa .spremenljivka .sequence_number.active {
+ background-color: #444444;
+ color: #ffffff;
+}
+.grupa .spremenljivka .slider_mobile {
+ background-color: #a0aec1;
+ border: 0;
+}
+.grupa .spremenljivka .ui-slider-horizontal {
+ height: 8px;
+}
+.grupa .spremenljivka .ui-slider-handle {
+ cursor: pointer;
+ height: 10px !important;
+ width: 18px !important;
+ margin-top: 1px;
+ border: 0;
+ border-radius: 15px 15px !important;
+ background-color: #333333 !important;
+ background-image: none !important;
+}
+.grupa .spremenljivka .ui-slider-handle:active {
+ background-color: #333333 !important;
+}
+.grupa .spremenljivka .sliderText {
+ padding-top: 0;
+ color: white;
+ background-color: #a0aec1;
+ border: 0;
+}
+.grupa .spremenljivka .sliderText::after {
+ border-color: #a0aec1 transparent;
+}
+.grupa .spremenljivka .grid_mobile .grid_mobile_question {
+ padding-top: 15px;
+ border-top: 1px #b4b5b7 solid;
+}
+.grupa .spremenljivka .grid_mobile > div:first-child {
+ padding-top: 0 !important;
+ border-top: 0 !important;
+}
+.grupa .spremenljivka .grid_mobile_double_separator {
+ width: 100%;
+ height: 5px;
+ border-top: 1px #eaeaea dashed;
+}
+
+.variable_holder .variabla {
+ color: #505050;
+}
+
+/* Koledar */
+button.ui-datepicker-trigger {
+ color: #333333;
+}
+button.ui-datepicker-trigger:hover {
+ color: #595959;
+}
+
+/* Opcija nadaljuj kasneje */
+.header_settings_holder .continue_later_setting a {
+ color: #333333;
+}
+.header_settings_holder .continue_later_setting a:hover {
+ color: #595959;
+}
+.header_settings_holder .tawk_chat a {
+ color: #333333;
+}
+.header_settings_holder .tawk_chat a:hover {
+ color: #595959;
+}
+
+/* GUMBI NAPREJ/NAZAJ */
+.buttons {
+ margin-top: 20px;
+ margin-bottom: 10px;
+ padding-top: 10px;
+ border-top: 1px #444444 solid !important;
+}
+.buttons input {
+ cursor: pointer;
+ margin: 8px 5px;
+ padding: 10px 20px;
+ text-align: center;
+ font-size: 15px;
+ letter-spacing: 0px;
+ font-weight: 600;
+ color: #FFFFFF;
+ border-radius: 20px;
+ -moz-border-radius: 20px 20px 20px 20px;
+ -webkit-border-radius: 20px;
+ border: 0;
+}
+.buttons input.next {
+ background-color: #333333;
+ border: 1px solid #333333;
+}
+.buttons input.next:hover {
+ background-color: #595959;
+ border: 1px solid #595959;
+}
+.buttons input.prev {
+ color: #333333;
+ background-color: #fff;
+ border: 1px solid #333333;
+}
+.buttons input.prev:hover {
+ color: #fff;
+ background-color: #333333;
+}
+
+/* FOOTER */
+#footer_survey {
+ color: #505050;
+ border-top: 3px #333333 solid;
+}
+#footer_survey a {
+ font-weight: normal;
+ text-decoration: none;
+ color: #505050;
+}
+
+/* LOGO */
+#container #logo {
+ display: none !important;
+}
+
+#footer_survey #logo {
+ display: block;
+ position: relative;
+ width: 100%;
+ height: 40px;
+ margin: 10px auto 30px auto;
+ left: 0;
+ right: 0;
+ background-image: url("../../../public/img/logo/1ka_slo.svg");
+ background-repeat: no-repeat;
+ background-size: auto 100% !important;
+ background-position: center;
+ /* Desni del samo za skine Otroci3 in Otroci4 */
+}
+#footer_survey #logo a {
+ display: block;
+ width: 100%;
+ height: 46px;
+ text-indent: -9999px;
+ overflow: hidden;
+}
+#footer_survey #logo #logo_right {
+ display: none;
+}
+
+#footer_survey #logo.english {
+ background-image: url("../../../public/img/logo/1ka_eng.svg");
+}
+
+/*# sourceMappingURL=MobileBlack.css.map */
diff --git a/main/survey/skins/MobileBlue.css b/main/survey/skins/MobileBlue.css new file mode 100644 index 0000000..980420a --- /dev/null +++ b/main/survey/skins/MobileBlue.css @@ -0,0 +1,227 @@ +/*
+ Mobile tema ankete - Modra barva
+*/
+/* Barve */
+/* Import osnovne postavitve */
+/*
+ Osnovna mobilna tema ankete - 1ka - brez definiranih barv
+*/
+/* Fonti */
+body {
+ font-family: Montserrat, Arial, Sans-Serif !important;
+ color: #505050;
+ background-color: white;
+}
+
+span, label {
+ color: #505050;
+}
+
+/* GLAVNI ELEMENTI */
+#container h1 {
+ color: #1e88e5;
+ background-color: #ffffff;
+ border-bottom: 8px #1e88e5 solid;
+}
+
+/* INPUT ELEMENTI */
+/* Textboxi, textarea, select */
+input, textarea, select {
+ font-family: Montserrat, Arial, Sans-Serif !important;
+}
+
+input[type=text], textarea, select {
+ padding: 5px 7px;
+ border-radius: 3px;
+ border: 1px solid #d1d1d1;
+ border-radius: 3px;
+ background-color: #fff;
+}
+
+input[type=checkbox] + span.enka-checkbox-radio,
+input[type=radio] + span.enka-checkbox-radio,
+.custom_radio_picture.obarvan > label > span.enka-custom-radio:before,
+.visual-radio-scale.checked .enka-vizualna-skala {
+ color: #42A5F5;
+}
+
+.grupa .spremenljivka {
+ background-color: white;
+ border: 0;
+ border-bottom: 1px #42A5F5 solid;
+ /* Mejnik pri dvojni tabeli */
+}
+.grupa .spremenljivka:last-of-type {
+ border-bottom: 0;
+}
+.grupa .spremenljivka .naslov {
+ color: #505050;
+}
+.grupa .spremenljivka .naslov .spremenljivka_info {
+ color: #505050;
+}
+.grupa .spremenljivka .sequence_number {
+ background-color: #ddeffd;
+ color: #42A5F5;
+}
+.grupa .spremenljivka .sequence_number:hover {
+ background-color: #add8fb;
+}
+.grupa .spremenljivka .sequence_number.active {
+ background-color: #42A5F5;
+ color: #ffffff;
+}
+.grupa .spremenljivka .slider_mobile {
+ background-color: #a0aec1;
+ border: 0;
+}
+.grupa .spremenljivka .ui-slider-horizontal {
+ height: 8px;
+}
+.grupa .spremenljivka .ui-slider-handle {
+ cursor: pointer;
+ height: 10px !important;
+ width: 18px !important;
+ margin-top: 1px;
+ border: 0;
+ border-radius: 15px 15px !important;
+ background-color: #1e88e5 !important;
+ background-image: none !important;
+}
+.grupa .spremenljivka .ui-slider-handle:active {
+ background-color: #1e88e5 !important;
+}
+.grupa .spremenljivka .sliderText {
+ padding-top: 0;
+ color: white;
+ background-color: #a0aec1;
+ border: 0;
+}
+.grupa .spremenljivka .sliderText::after {
+ border-color: #a0aec1 transparent;
+}
+.grupa .spremenljivka .grid_mobile .grid_mobile_question {
+ padding-top: 15px;
+ border-top: 1px #b4b5b7 solid;
+}
+.grupa .spremenljivka .grid_mobile > div:first-child {
+ padding-top: 0 !important;
+ border-top: 0 !important;
+}
+.grupa .spremenljivka .grid_mobile_double_separator {
+ width: 100%;
+ height: 5px;
+ border-top: 1px #ddeffd dashed;
+}
+
+.variable_holder .variabla {
+ color: #505050;
+}
+
+/* Koledar */
+button.ui-datepicker-trigger {
+ color: #1e88e5;
+}
+button.ui-datepicker-trigger:hover {
+ color: #ffa608;
+}
+
+/* Opcija nadaljuj kasneje */
+.header_settings_holder .continue_later_setting a {
+ color: #1e88e5;
+}
+.header_settings_holder .continue_later_setting a:hover {
+ color: #ffa608;
+}
+.header_settings_holder .tawk_chat a {
+ color: #1e88e5;
+}
+.header_settings_holder .tawk_chat a:hover {
+ color: #ffa608;
+}
+
+/* GUMBI NAPREJ/NAZAJ */
+.buttons {
+ margin-top: 20px;
+ margin-bottom: 10px;
+ padding-top: 10px;
+ border-top: 1px #42A5F5 solid !important;
+}
+.buttons input {
+ cursor: pointer;
+ margin: 8px 5px;
+ padding: 10px 20px;
+ text-align: center;
+ font-size: 15px;
+ letter-spacing: 0px;
+ font-weight: 600;
+ color: #FFFFFF;
+ border-radius: 20px;
+ -moz-border-radius: 20px 20px 20px 20px;
+ -webkit-border-radius: 20px;
+ border: 0;
+}
+.buttons input.next {
+ background-color: #1e88e5;
+ border: 1px solid #1e88e5;
+}
+.buttons input.next:hover {
+ background-color: #ffa608;
+ border: 1px solid #ffa608;
+}
+.buttons input.prev {
+ color: #1e88e5;
+ background-color: #fff;
+ border: 1px solid #1e88e5;
+}
+.buttons input.prev:hover {
+ color: #fff;
+ background-color: #1e88e5;
+}
+
+/* FOOTER */
+#footer_survey {
+ color: #505050;
+ border-top: 3px #1e88e5 solid;
+}
+#footer_survey a {
+ font-weight: normal;
+ text-decoration: none;
+ color: #505050;
+}
+
+/* LOGO */
+#container #logo {
+ display: none !important;
+}
+
+#footer_survey #logo {
+ display: block;
+ position: relative;
+ width: 100%;
+ height: 40px;
+ margin: 10px auto 30px auto;
+ left: 0;
+ right: 0;
+ background-image: url("../../../public/img/logo/1ka_slo.svg");
+ background-repeat: no-repeat;
+ background-size: auto 100% !important;
+ background-position: center;
+ /* Desni del samo za skine Otroci3 in Otroci4 */
+}
+#footer_survey #logo a {
+ display: block;
+ width: 100%;
+ height: 46px;
+ text-indent: -9999px;
+ overflow: hidden;
+}
+#footer_survey #logo #logo_right {
+ display: none;
+}
+
+#footer_survey #logo.english {
+ background-image: url("../../../public/img/logo/1ka_eng.svg");
+}
+
+/*# sourceMappingURL=MobileBlue.css.map */
diff --git a/main/survey/skins/MobileCdi.css b/main/survey/skins/MobileCdi.css new file mode 100644 index 0000000..81973d6 --- /dev/null +++ b/main/survey/skins/MobileCdi.css @@ -0,0 +1,237 @@ +@charset "UTF-8";
+/*
+ Mobile tema ankete - Črna barva
+*/
+/* Barve */
+/* Import osnovne postavitve */
+/*
+ Osnovna mobilna tema ankete - 1ka - brez definiranih barv
+*/
+/* Fonti */
+body {
+ font-family: Montserrat, Arial, Sans-Serif !important;
+ color: #505050;
+ background-color: white;
+}
+
+span, label {
+ color: #505050;
+}
+
+/* GLAVNI ELEMENTI */
+#container h1 {
+ color: #666666;
+ background-color: #ffffff;
+ border-bottom: 8px #666666 solid;
+}
+
+/* INPUT ELEMENTI */
+/* Textboxi, textarea, select */
+input, textarea, select {
+ font-family: Montserrat, Arial, Sans-Serif !important;
+}
+
+input[type=text], textarea, select {
+ padding: 5px 7px;
+ border-radius: 3px;
+ border: 1px solid #d1d1d1;
+ border-radius: 3px;
+ background-color: #fff;
+}
+
+input[type=checkbox] + span.enka-checkbox-radio,
+input[type=radio] + span.enka-checkbox-radio,
+.custom_radio_picture.obarvan > label > span.enka-custom-radio:before,
+.visual-radio-scale.checked .enka-vizualna-skala {
+ color: #888888;
+}
+
+.grupa .spremenljivka {
+ background-color: white;
+ border: 0;
+ border-bottom: 1px #888888 solid;
+ /* Mejnik pri dvojni tabeli */
+}
+.grupa .spremenljivka:last-of-type {
+ border-bottom: 0;
+}
+.grupa .spremenljivka .naslov {
+ color: #505050;
+}
+.grupa .spremenljivka .naslov .spremenljivka_info {
+ color: #505050;
+}
+.grupa .spremenljivka .sequence_number {
+ background-color: #eeeeee;
+ color: #888888;
+}
+.grupa .spremenljivka .sequence_number:hover {
+ background-color: #d5d5d5;
+}
+.grupa .spremenljivka .sequence_number.active {
+ background-color: #888888;
+ color: #ffffff;
+}
+.grupa .spremenljivka .slider_mobile {
+ background-color: #a0aec1;
+ border: 0;
+}
+.grupa .spremenljivka .ui-slider-horizontal {
+ height: 8px;
+}
+.grupa .spremenljivka .ui-slider-handle {
+ cursor: pointer;
+ height: 10px !important;
+ width: 18px !important;
+ margin-top: 1px;
+ border: 0;
+ border-radius: 15px 15px !important;
+ background-color: #666666 !important;
+ background-image: none !important;
+}
+.grupa .spremenljivka .ui-slider-handle:active {
+ background-color: #666666 !important;
+}
+.grupa .spremenljivka .sliderText {
+ padding-top: 0;
+ color: white;
+ background-color: #a0aec1;
+ border: 0;
+}
+.grupa .spremenljivka .sliderText::after {
+ border-color: #a0aec1 transparent;
+}
+.grupa .spremenljivka .grid_mobile .grid_mobile_question {
+ padding-top: 15px;
+ border-top: 1px #b4b5b7 solid;
+}
+.grupa .spremenljivka .grid_mobile > div:first-child {
+ padding-top: 0 !important;
+ border-top: 0 !important;
+}
+.grupa .spremenljivka .grid_mobile_double_separator {
+ width: 100%;
+ height: 5px;
+ border-top: 1px #eeeeee dashed;
+}
+
+.variable_holder .variabla {
+ color: #505050;
+}
+
+/* Koledar */
+button.ui-datepicker-trigger {
+ color: #666666;
+}
+button.ui-datepicker-trigger:hover {
+ color: #8c8c8c;
+}
+
+/* Opcija nadaljuj kasneje */
+.header_settings_holder .continue_later_setting a {
+ color: #666666;
+}
+.header_settings_holder .continue_later_setting a:hover {
+ color: #8c8c8c;
+}
+.header_settings_holder .tawk_chat a {
+ color: #666666;
+}
+.header_settings_holder .tawk_chat a:hover {
+ color: #8c8c8c;
+}
+
+/* GUMBI NAPREJ/NAZAJ */
+.buttons {
+ margin-top: 20px;
+ margin-bottom: 10px;
+ padding-top: 10px;
+ border-top: 1px #888888 solid !important;
+}
+.buttons input {
+ cursor: pointer;
+ margin: 8px 5px;
+ padding: 10px 20px;
+ text-align: center;
+ font-size: 15px;
+ letter-spacing: 0px;
+ font-weight: 600;
+ color: #FFFFFF;
+ border-radius: 20px;
+ -moz-border-radius: 20px 20px 20px 20px;
+ -webkit-border-radius: 20px;
+ border: 0;
+}
+.buttons input.next {
+ background-color: #666666;
+ border: 1px solid #666666;
+}
+.buttons input.next:hover {
+ background-color: #8c8c8c;
+ border: 1px solid #8c8c8c;
+}
+.buttons input.prev {
+ color: #666666;
+ background-color: #fff;
+ border: 1px solid #666666;
+}
+.buttons input.prev:hover {
+ color: #fff;
+ background-color: #666666;
+}
+
+/* FOOTER */
+#footer_survey {
+ color: #505050;
+ border-top: 3px #666666 solid;
+}
+#footer_survey a {
+ font-weight: normal;
+ text-decoration: none;
+ color: #505050;
+}
+
+/* LOGO */
+#container #logo {
+ display: none !important;
+}
+
+#footer_survey #logo {
+ display: block;
+ position: relative;
+ width: 100%;
+ height: 40px;
+ margin: 10px auto 30px auto;
+ left: 0;
+ right: 0;
+ background-image: url("../../../public/img/logo/1ka_slo.svg");
+ background-repeat: no-repeat;
+ background-size: auto 100% !important;
+ background-position: center;
+ /* Desni del samo za skine Otroci3 in Otroci4 */
+}
+#footer_survey #logo a {
+ display: block;
+ width: 100%;
+ height: 46px;
+ text-indent: -9999px;
+ overflow: hidden;
+}
+#footer_survey #logo #logo_right {
+ display: none;
+}
+
+#footer_survey #logo.english {
+ background-image: url("../../../public/img/logo/1ka_eng.svg");
+}
+
+/* Popravimo se logo */
+#footer_survey #logo {
+ background-image: url("../../../public/img/logo/cdi_slo.png");
+}
+
+#footer_survey #logo.english {
+ background-image: url("../../../public/img/logo/cdi_eng.png");
+}
+
+/*# sourceMappingURL=MobileCdi.css.map */
diff --git a/main/survey/skins/MobileFdv.css b/main/survey/skins/MobileFdv.css new file mode 100644 index 0000000..d206d11 --- /dev/null +++ b/main/survey/skins/MobileFdv.css @@ -0,0 +1,233 @@ +@charset "UTF-8";
+/*
+ Mobile tema ankete - Črna barva
+*/
+/* Barve */
+/* Import osnovne postavitve */
+/*
+ Osnovna mobilna tema ankete - 1ka - brez definiranih barv
+*/
+/* Fonti */
+body {
+ font-family: Montserrat, Arial, Sans-Serif !important;
+ color: #505050;
+ background-color: white;
+}
+
+span, label {
+ color: #505050;
+}
+
+/* GLAVNI ELEMENTI */
+#container h1 {
+ color: #666666;
+ background-color: #ffffff;
+ border-bottom: 8px #666666 solid;
+}
+
+/* INPUT ELEMENTI */
+/* Textboxi, textarea, select */
+input, textarea, select {
+ font-family: Montserrat, Arial, Sans-Serif !important;
+}
+
+input[type=text], textarea, select {
+ padding: 5px 7px;
+ border-radius: 3px;
+ border: 1px solid #d1d1d1;
+ border-radius: 3px;
+ background-color: #fff;
+}
+
+input[type=checkbox] + span.enka-checkbox-radio,
+input[type=radio] + span.enka-checkbox-radio,
+.custom_radio_picture.obarvan > label > span.enka-custom-radio:before,
+.visual-radio-scale.checked .enka-vizualna-skala {
+ color: #888888;
+}
+
+.grupa .spremenljivka {
+ background-color: white;
+ border: 0;
+ border-bottom: 1px #888888 solid;
+ /* Mejnik pri dvojni tabeli */
+}
+.grupa .spremenljivka:last-of-type {
+ border-bottom: 0;
+}
+.grupa .spremenljivka .naslov {
+ color: #505050;
+}
+.grupa .spremenljivka .naslov .spremenljivka_info {
+ color: #505050;
+}
+.grupa .spremenljivka .sequence_number {
+ background-color: #eeeeee;
+ color: #888888;
+}
+.grupa .spremenljivka .sequence_number:hover {
+ background-color: #d5d5d5;
+}
+.grupa .spremenljivka .sequence_number.active {
+ background-color: #888888;
+ color: #ffffff;
+}
+.grupa .spremenljivka .slider_mobile {
+ background-color: #a0aec1;
+ border: 0;
+}
+.grupa .spremenljivka .ui-slider-horizontal {
+ height: 8px;
+}
+.grupa .spremenljivka .ui-slider-handle {
+ cursor: pointer;
+ height: 10px !important;
+ width: 18px !important;
+ margin-top: 1px;
+ border: 0;
+ border-radius: 15px 15px !important;
+ background-color: #666666 !important;
+ background-image: none !important;
+}
+.grupa .spremenljivka .ui-slider-handle:active {
+ background-color: #666666 !important;
+}
+.grupa .spremenljivka .sliderText {
+ padding-top: 0;
+ color: white;
+ background-color: #a0aec1;
+ border: 0;
+}
+.grupa .spremenljivka .sliderText::after {
+ border-color: #a0aec1 transparent;
+}
+.grupa .spremenljivka .grid_mobile .grid_mobile_question {
+ padding-top: 15px;
+ border-top: 1px #b4b5b7 solid;
+}
+.grupa .spremenljivka .grid_mobile > div:first-child {
+ padding-top: 0 !important;
+ border-top: 0 !important;
+}
+.grupa .spremenljivka .grid_mobile_double_separator {
+ width: 100%;
+ height: 5px;
+ border-top: 1px #eeeeee dashed;
+}
+
+.variable_holder .variabla {
+ color: #505050;
+}
+
+/* Koledar */
+button.ui-datepicker-trigger {
+ color: #666666;
+}
+button.ui-datepicker-trigger:hover {
+ color: #8c8c8c;
+}
+
+/* Opcija nadaljuj kasneje */
+.header_settings_holder .continue_later_setting a {
+ color: #666666;
+}
+.header_settings_holder .continue_later_setting a:hover {
+ color: #8c8c8c;
+}
+.header_settings_holder .tawk_chat a {
+ color: #666666;
+}
+.header_settings_holder .tawk_chat a:hover {
+ color: #8c8c8c;
+}
+
+/* GUMBI NAPREJ/NAZAJ */
+.buttons {
+ margin-top: 20px;
+ margin-bottom: 10px;
+ padding-top: 10px;
+ border-top: 1px #888888 solid !important;
+}
+.buttons input {
+ cursor: pointer;
+ margin: 8px 5px;
+ padding: 10px 20px;
+ text-align: center;
+ font-size: 15px;
+ letter-spacing: 0px;
+ font-weight: 600;
+ color: #FFFFFF;
+ border-radius: 20px;
+ -moz-border-radius: 20px 20px 20px 20px;
+ -webkit-border-radius: 20px;
+ border: 0;
+}
+.buttons input.next {
+ background-color: #666666;
+ border: 1px solid #666666;
+}
+.buttons input.next:hover {
+ background-color: #8c8c8c;
+ border: 1px solid #8c8c8c;
+}
+.buttons input.prev {
+ color: #666666;
+ background-color: #fff;
+ border: 1px solid #666666;
+}
+.buttons input.prev:hover {
+ color: #fff;
+ background-color: #666666;
+}
+
+/* FOOTER */
+#footer_survey {
+ color: #505050;
+ border-top: 3px #666666 solid;
+}
+#footer_survey a {
+ font-weight: normal;
+ text-decoration: none;
+ color: #505050;
+}
+
+/* LOGO */
+#container #logo {
+ display: none !important;
+}
+
+#footer_survey #logo {
+ display: block;
+ position: relative;
+ width: 100%;
+ height: 40px;
+ margin: 10px auto 30px auto;
+ left: 0;
+ right: 0;
+ background-image: url("../../../public/img/logo/1ka_slo.svg");
+ background-repeat: no-repeat;
+ background-size: auto 100% !important;
+ background-position: center;
+ /* Desni del samo za skine Otroci3 in Otroci4 */
+}
+#footer_survey #logo a {
+ display: block;
+ width: 100%;
+ height: 46px;
+ text-indent: -9999px;
+ overflow: hidden;
+}
+#footer_survey #logo #logo_right {
+ display: none;
+}
+
+#footer_survey #logo.english {
+ background-image: url("../../../public/img/logo/1ka_eng.svg");
+}
+
+/* Popravimo se logo */
+#footer_survey #logo {
+ background-image: url("../../../public/img/logo/fdv.png");
+}
+
+/*# sourceMappingURL=MobileFdv.css.map */
diff --git a/main/survey/skins/MobileGreen.css b/main/survey/skins/MobileGreen.css new file mode 100644 index 0000000..6ef6572 --- /dev/null +++ b/main/survey/skins/MobileGreen.css @@ -0,0 +1,227 @@ +/*
+ Mobile tema ankete - Zelena barva
+*/
+/* Barve */
+/* Import osnovne postavitve */
+/*
+ Osnovna mobilna tema ankete - 1ka - brez definiranih barv
+*/
+/* Fonti */
+body {
+ font-family: Montserrat, Arial, Sans-Serif !important;
+ color: #505050;
+ background-color: white;
+}
+
+span, label {
+ color: #505050;
+}
+
+/* GLAVNI ELEMENTI */
+#container h1 {
+ color: #2e7d3a;
+ background-color: #ffffff;
+ border-bottom: 8px #2e7d3a solid;
+}
+
+/* INPUT ELEMENTI */
+/* Textboxi, textarea, select */
+input, textarea, select {
+ font-family: Montserrat, Arial, Sans-Serif !important;
+}
+
+input[type=text], textarea, select {
+ padding: 5px 7px;
+ border-radius: 3px;
+ border: 1px solid #d1d1d1;
+ border-radius: 3px;
+ background-color: #fff;
+}
+
+input[type=checkbox] + span.enka-checkbox-radio,
+input[type=radio] + span.enka-checkbox-radio,
+.custom_radio_picture.obarvan > label > span.enka-custom-radio:before,
+.visual-radio-scale.checked .enka-vizualna-skala {
+ color: #66bb6a;
+}
+
+.grupa .spremenljivka {
+ background-color: white;
+ border: 0;
+ border-bottom: 1px #66bb6a solid;
+ /* Mejnik pri dvojni tabeli */
+}
+.grupa .spremenljivka:last-of-type {
+ border-bottom: 0;
+}
+.grupa .spremenljivka .naslov {
+ color: #505050;
+}
+.grupa .spremenljivka .naslov .spremenljivka_info {
+ color: #505050;
+}
+.grupa .spremenljivka .sequence_number {
+ background-color: #e2f2e2;
+ color: #66bb6a;
+}
+.grupa .spremenljivka .sequence_number:hover {
+ background-color: #bee2c0;
+}
+.grupa .spremenljivka .sequence_number.active {
+ background-color: #66bb6a;
+ color: #ffffff;
+}
+.grupa .spremenljivka .slider_mobile {
+ background-color: #a0aec1;
+ border: 0;
+}
+.grupa .spremenljivka .ui-slider-horizontal {
+ height: 8px;
+}
+.grupa .spremenljivka .ui-slider-handle {
+ cursor: pointer;
+ height: 10px !important;
+ width: 18px !important;
+ margin-top: 1px;
+ border: 0;
+ border-radius: 15px 15px !important;
+ background-color: #2e7d3a !important;
+ background-image: none !important;
+}
+.grupa .spremenljivka .ui-slider-handle:active {
+ background-color: #2e7d3a !important;
+}
+.grupa .spremenljivka .sliderText {
+ padding-top: 0;
+ color: white;
+ background-color: #a0aec1;
+ border: 0;
+}
+.grupa .spremenljivka .sliderText::after {
+ border-color: #a0aec1 transparent;
+}
+.grupa .spremenljivka .grid_mobile .grid_mobile_question {
+ padding-top: 15px;
+ border-top: 1px #b4b5b7 solid;
+}
+.grupa .spremenljivka .grid_mobile > div:first-child {
+ padding-top: 0 !important;
+ border-top: 0 !important;
+}
+.grupa .spremenljivka .grid_mobile_double_separator {
+ width: 100%;
+ height: 5px;
+ border-top: 1px #e2f2e2 dashed;
+}
+
+.variable_holder .variabla {
+ color: #505050;
+}
+
+/* Koledar */
+button.ui-datepicker-trigger {
+ color: #2e7d3a;
+}
+button.ui-datepicker-trigger:hover {
+ color: #43b554;
+}
+
+/* Opcija nadaljuj kasneje */
+.header_settings_holder .continue_later_setting a {
+ color: #2e7d3a;
+}
+.header_settings_holder .continue_later_setting a:hover {
+ color: #43b554;
+}
+.header_settings_holder .tawk_chat a {
+ color: #2e7d3a;
+}
+.header_settings_holder .tawk_chat a:hover {
+ color: #43b554;
+}
+
+/* GUMBI NAPREJ/NAZAJ */
+.buttons {
+ margin-top: 20px;
+ margin-bottom: 10px;
+ padding-top: 10px;
+ border-top: 1px #66bb6a solid !important;
+}
+.buttons input {
+ cursor: pointer;
+ margin: 8px 5px;
+ padding: 10px 20px;
+ text-align: center;
+ font-size: 15px;
+ letter-spacing: 0px;
+ font-weight: 600;
+ color: #FFFFFF;
+ border-radius: 20px;
+ -moz-border-radius: 20px 20px 20px 20px;
+ -webkit-border-radius: 20px;
+ border: 0;
+}
+.buttons input.next {
+ background-color: #2e7d3a;
+ border: 1px solid #2e7d3a;
+}
+.buttons input.next:hover {
+ background-color: #43b554;
+ border: 1px solid #43b554;
+}
+.buttons input.prev {
+ color: #2e7d3a;
+ background-color: #fff;
+ border: 1px solid #2e7d3a;
+}
+.buttons input.prev:hover {
+ color: #fff;
+ background-color: #2e7d3a;
+}
+
+/* FOOTER */
+#footer_survey {
+ color: #505050;
+ border-top: 3px #2e7d3a solid;
+}
+#footer_survey a {
+ font-weight: normal;
+ text-decoration: none;
+ color: #505050;
+}
+
+/* LOGO */
+#container #logo {
+ display: none !important;
+}
+
+#footer_survey #logo {
+ display: block;
+ position: relative;
+ width: 100%;
+ height: 40px;
+ margin: 10px auto 30px auto;
+ left: 0;
+ right: 0;
+ background-image: url("../../../public/img/logo/1ka_slo.svg");
+ background-repeat: no-repeat;
+ background-size: auto 100% !important;
+ background-position: center;
+ /* Desni del samo za skine Otroci3 in Otroci4 */
+}
+#footer_survey #logo a {
+ display: block;
+ width: 100%;
+ height: 46px;
+ text-indent: -9999px;
+ overflow: hidden;
+}
+#footer_survey #logo #logo_right {
+ display: none;
+}
+
+#footer_survey #logo.english {
+ background-image: url("../../../public/img/logo/1ka_eng.svg");
+}
+
+/*# sourceMappingURL=MobileGreen.css.map */
diff --git a/main/survey/skins/MobileOrange.css b/main/survey/skins/MobileOrange.css new file mode 100644 index 0000000..37c26a1 --- /dev/null +++ b/main/survey/skins/MobileOrange.css @@ -0,0 +1,227 @@ +/*
+ Mobile tema ankete - Ornazna barva
+*/
+/* Barve */
+/* Import osnovne postavitve */
+/*
+ Osnovna mobilna tema ankete - 1ka - brez definiranih barv
+*/
+/* Fonti */
+body {
+ font-family: Montserrat, Arial, Sans-Serif !important;
+ color: #505050;
+ background-color: white;
+}
+
+span, label {
+ color: #505050;
+}
+
+/* GLAVNI ELEMENTI */
+#container h1 {
+ color: #ef6c00;
+ background-color: #ffffff;
+ border-bottom: 8px #ef6c00 solid;
+}
+
+/* INPUT ELEMENTI */
+/* Textboxi, textarea, select */
+input, textarea, select {
+ font-family: Montserrat, Arial, Sans-Serif !important;
+}
+
+input[type=text], textarea, select {
+ padding: 5px 7px;
+ border-radius: 3px;
+ border: 1px solid #d1d1d1;
+ border-radius: 3px;
+ background-color: #fff;
+}
+
+input[type=checkbox] + span.enka-checkbox-radio,
+input[type=radio] + span.enka-checkbox-radio,
+.custom_radio_picture.obarvan > label > span.enka-custom-radio:before,
+.visual-radio-scale.checked .enka-vizualna-skala {
+ color: #ffa726;
+}
+
+.grupa .spremenljivka {
+ background-color: white;
+ border: 0;
+ border-bottom: 1px #ffa726 solid;
+ /* Mejnik pri dvojni tabeli */
+}
+.grupa .spremenljivka:last-of-type {
+ border-bottom: 0;
+}
+.grupa .spremenljivka .naslov {
+ color: #505050;
+}
+.grupa .spremenljivka .naslov .spremenljivka_info {
+ color: #505050;
+}
+.grupa .spremenljivka .sequence_number {
+ background-color: #ffe9c9;
+ color: #ffa726;
+}
+.grupa .spremenljivka .sequence_number:hover {
+ background-color: #ffd596;
+}
+.grupa .spremenljivka .sequence_number.active {
+ background-color: #ffa726;
+ color: #ffffff;
+}
+.grupa .spremenljivka .slider_mobile {
+ background-color: #a0aec1;
+ border: 0;
+}
+.grupa .spremenljivka .ui-slider-horizontal {
+ height: 8px;
+}
+.grupa .spremenljivka .ui-slider-handle {
+ cursor: pointer;
+ height: 10px !important;
+ width: 18px !important;
+ margin-top: 1px;
+ border: 0;
+ border-radius: 15px 15px !important;
+ background-color: #ef6c00 !important;
+ background-image: none !important;
+}
+.grupa .spremenljivka .ui-slider-handle:active {
+ background-color: #ef6c00 !important;
+}
+.grupa .spremenljivka .sliderText {
+ padding-top: 0;
+ color: white;
+ background-color: #a0aec1;
+ border: 0;
+}
+.grupa .spremenljivka .sliderText::after {
+ border-color: #a0aec1 transparent;
+}
+.grupa .spremenljivka .grid_mobile .grid_mobile_question {
+ padding-top: 15px;
+ border-top: 1px #b4b5b7 solid;
+}
+.grupa .spremenljivka .grid_mobile > div:first-child {
+ padding-top: 0 !important;
+ border-top: 0 !important;
+}
+.grupa .spremenljivka .grid_mobile_double_separator {
+ width: 100%;
+ height: 5px;
+ border-top: 1px #ffe9c9 dashed;
+}
+
+.variable_holder .variabla {
+ color: #505050;
+}
+
+/* Koledar */
+button.ui-datepicker-trigger {
+ color: #ef6c00;
+}
+button.ui-datepicker-trigger:hover {
+ color: #ff943d;
+}
+
+/* Opcija nadaljuj kasneje */
+.header_settings_holder .continue_later_setting a {
+ color: #ef6c00;
+}
+.header_settings_holder .continue_later_setting a:hover {
+ color: #ff943d;
+}
+.header_settings_holder .tawk_chat a {
+ color: #ef6c00;
+}
+.header_settings_holder .tawk_chat a:hover {
+ color: #ff943d;
+}
+
+/* GUMBI NAPREJ/NAZAJ */
+.buttons {
+ margin-top: 20px;
+ margin-bottom: 10px;
+ padding-top: 10px;
+ border-top: 1px #ffa726 solid !important;
+}
+.buttons input {
+ cursor: pointer;
+ margin: 8px 5px;
+ padding: 10px 20px;
+ text-align: center;
+ font-size: 15px;
+ letter-spacing: 0px;
+ font-weight: 600;
+ color: #FFFFFF;
+ border-radius: 20px;
+ -moz-border-radius: 20px 20px 20px 20px;
+ -webkit-border-radius: 20px;
+ border: 0;
+}
+.buttons input.next {
+ background-color: #ef6c00;
+ border: 1px solid #ef6c00;
+}
+.buttons input.next:hover {
+ background-color: #ff943d;
+ border: 1px solid #ff943d;
+}
+.buttons input.prev {
+ color: #ef6c00;
+ background-color: #fff;
+ border: 1px solid #ef6c00;
+}
+.buttons input.prev:hover {
+ color: #fff;
+ background-color: #ef6c00;
+}
+
+/* FOOTER */
+#footer_survey {
+ color: #505050;
+ border-top: 3px #ef6c00 solid;
+}
+#footer_survey a {
+ font-weight: normal;
+ text-decoration: none;
+ color: #505050;
+}
+
+/* LOGO */
+#container #logo {
+ display: none !important;
+}
+
+#footer_survey #logo {
+ display: block;
+ position: relative;
+ width: 100%;
+ height: 40px;
+ margin: 10px auto 30px auto;
+ left: 0;
+ right: 0;
+ background-image: url("../../../public/img/logo/1ka_slo.svg");
+ background-repeat: no-repeat;
+ background-size: auto 100% !important;
+ background-position: center;
+ /* Desni del samo za skine Otroci3 in Otroci4 */
+}
+#footer_survey #logo a {
+ display: block;
+ width: 100%;
+ height: 46px;
+ text-indent: -9999px;
+ overflow: hidden;
+}
+#footer_survey #logo #logo_right {
+ display: none;
+}
+
+#footer_survey #logo.english {
+ background-image: url("../../../public/img/logo/1ka_eng.svg");
+}
+
+/*# sourceMappingURL=MobileOrange.css.map */
diff --git a/main/survey/skins/MobilePurple.css b/main/survey/skins/MobilePurple.css new file mode 100644 index 0000000..c25c8db --- /dev/null +++ b/main/survey/skins/MobilePurple.css @@ -0,0 +1,228 @@ +@charset "UTF-8";
+/*
+ Mobile tema ankete - Vijolična barva
+*/
+/* Barve */
+/* Import osnovne postavitve */
+/*
+ Osnovna mobilna tema ankete - 1ka - brez definiranih barv
+*/
+/* Fonti */
+body {
+ font-family: Montserrat, Arial, Sans-Serif !important;
+ color: #505050;
+ background-color: white;
+}
+
+span, label {
+ color: #505050;
+}
+
+/* GLAVNI ELEMENTI */
+#container h1 {
+ color: #4527a0;
+ background-color: #ffffff;
+ border-bottom: 8px #4527a0 solid;
+}
+
+/* INPUT ELEMENTI */
+/* Textboxi, textarea, select */
+input, textarea, select {
+ font-family: Montserrat, Arial, Sans-Serif !important;
+}
+
+input[type=text], textarea, select {
+ padding: 5px 7px;
+ border-radius: 3px;
+ border: 1px solid #d1d1d1;
+ border-radius: 3px;
+ background-color: #fff;
+}
+
+input[type=checkbox] + span.enka-checkbox-radio,
+input[type=radio] + span.enka-checkbox-radio,
+.custom_radio_picture.obarvan > label > span.enka-custom-radio:before,
+.visual-radio-scale.checked .enka-vizualna-skala {
+ color: #7e57c2;
+}
+
+.grupa .spremenljivka {
+ background-color: white;
+ border: 0;
+ border-bottom: 1px #7e57c2 solid;
+ /* Mejnik pri dvojni tabeli */
+}
+.grupa .spremenljivka:last-of-type {
+ border-bottom: 0;
+}
+.grupa .spremenljivka .naslov {
+ color: #505050;
+}
+.grupa .spremenljivka .naslov .spremenljivka_info {
+ color: #505050;
+}
+.grupa .spremenljivka .sequence_number {
+ background-color: #e3daf2;
+ color: #7e57c2;
+}
+.grupa .spremenljivka .sequence_number:hover {
+ background-color: #c6b5e4;
+}
+.grupa .spremenljivka .sequence_number.active {
+ background-color: #7e57c2;
+ color: #ffffff;
+}
+.grupa .spremenljivka .slider_mobile {
+ background-color: #a0aec1;
+ border: 0;
+}
+.grupa .spremenljivka .ui-slider-horizontal {
+ height: 8px;
+}
+.grupa .spremenljivka .ui-slider-handle {
+ cursor: pointer;
+ height: 10px !important;
+ width: 18px !important;
+ margin-top: 1px;
+ border: 0;
+ border-radius: 15px 15px !important;
+ background-color: #4527a0 !important;
+ background-image: none !important;
+}
+.grupa .spremenljivka .ui-slider-handle:active {
+ background-color: #4527a0 !important;
+}
+.grupa .spremenljivka .sliderText {
+ padding-top: 0;
+ color: white;
+ background-color: #a0aec1;
+ border: 0;
+}
+.grupa .spremenljivka .sliderText::after {
+ border-color: #a0aec1 transparent;
+}
+.grupa .spremenljivka .grid_mobile .grid_mobile_question {
+ padding-top: 15px;
+ border-top: 1px #b4b5b7 solid;
+}
+.grupa .spremenljivka .grid_mobile > div:first-child {
+ padding-top: 0 !important;
+ border-top: 0 !important;
+}
+.grupa .spremenljivka .grid_mobile_double_separator {
+ width: 100%;
+ height: 5px;
+ border-top: 1px #e3daf2 dashed;
+}
+
+.variable_holder .variabla {
+ color: #505050;
+}
+
+/* Koledar */
+button.ui-datepicker-trigger {
+ color: #4527a0;
+}
+button.ui-datepicker-trigger:hover {
+ color: #6642d1;
+}
+
+/* Opcija nadaljuj kasneje */
+.header_settings_holder .continue_later_setting a {
+ color: #4527a0;
+}
+.header_settings_holder .continue_later_setting a:hover {
+ color: #6642d1;
+}
+.header_settings_holder .tawk_chat a {
+ color: #4527a0;
+}
+.header_settings_holder .tawk_chat a:hover {
+ color: #6642d1;
+}
+
+/* GUMBI NAPREJ/NAZAJ */
+.buttons {
+ margin-top: 20px;
+ margin-bottom: 10px;
+ padding-top: 10px;
+ border-top: 1px #7e57c2 solid !important;
+}
+.buttons input {
+ cursor: pointer;
+ margin: 8px 5px;
+ padding: 10px 20px;
+ text-align: center;
+ font-size: 15px;
+ letter-spacing: 0px;
+ font-weight: 600;
+ color: #FFFFFF;
+ border-radius: 20px;
+ -moz-border-radius: 20px 20px 20px 20px;
+ -webkit-border-radius: 20px;
+ border: 0;
+}
+.buttons input.next {
+ background-color: #4527a0;
+ border: 1px solid #4527a0;
+}
+.buttons input.next:hover {
+ background-color: #6642d1;
+ border: 1px solid #6642d1;
+}
+.buttons input.prev {
+ color: #4527a0;
+ background-color: #fff;
+ border: 1px solid #4527a0;
+}
+.buttons input.prev:hover {
+ color: #fff;
+ background-color: #4527a0;
+}
+
+/* FOOTER */
+#footer_survey {
+ color: #505050;
+ border-top: 3px #4527a0 solid;
+}
+#footer_survey a {
+ font-weight: normal;
+ text-decoration: none;
+ color: #505050;
+}
+
+/* LOGO */
+#container #logo {
+ display: none !important;
+}
+
+#footer_survey #logo {
+ display: block;
+ position: relative;
+ width: 100%;
+ height: 40px;
+ margin: 10px auto 30px auto;
+ left: 0;
+ right: 0;
+ background-image: url("../../../public/img/logo/1ka_slo.svg");
+ background-repeat: no-repeat;
+ background-size: auto 100% !important;
+ background-position: center;
+ /* Desni del samo za skine Otroci3 in Otroci4 */
+}
+#footer_survey #logo a {
+ display: block;
+ width: 100%;
+ height: 46px;
+ text-indent: -9999px;
+ overflow: hidden;
+}
+#footer_survey #logo #logo_right {
+ display: none;
+}
+
+#footer_survey #logo.english {
+ background-image: url("../../../public/img/logo/1ka_eng.svg");
+}
+
+/*# sourceMappingURL=MobilePurple.css.map */
diff --git a/main/survey/skins/MobileRed.css b/main/survey/skins/MobileRed.css new file mode 100644 index 0000000..c05ed57 --- /dev/null +++ b/main/survey/skins/MobileRed.css @@ -0,0 +1,228 @@ +@charset "UTF-8";
+/*
+ Mobile tema ankete - Rdeča barva
+*/
+/* Barve */
+/* Import osnovne postavitve */
+/*
+ Osnovna mobilna tema ankete - 1ka - brez definiranih barv
+*/
+/* Fonti */
+body {
+ font-family: Montserrat, Arial, Sans-Serif !important;
+ color: #505050;
+ background-color: white;
+}
+
+span, label {
+ color: #505050;
+}
+
+/* GLAVNI ELEMENTI */
+#container h1 {
+ color: #c62828;
+ background-color: #ffffff;
+ border-bottom: 8px #c62828 solid;
+}
+
+/* INPUT ELEMENTI */
+/* Textboxi, textarea, select */
+input, textarea, select {
+ font-family: Montserrat, Arial, Sans-Serif !important;
+}
+
+input[type=text], textarea, select {
+ padding: 5px 7px;
+ border-radius: 3px;
+ border: 1px solid #d1d1d1;
+ border-radius: 3px;
+ background-color: #fff;
+}
+
+input[type=checkbox] + span.enka-checkbox-radio,
+input[type=radio] + span.enka-checkbox-radio,
+.custom_radio_picture.obarvan > label > span.enka-custom-radio:before,
+.visual-radio-scale.checked .enka-vizualna-skala {
+ color: #ef5350;
+}
+
+.grupa .spremenljivka {
+ background-color: white;
+ border: 0;
+ border-bottom: 1px #ef5350 solid;
+ /* Mejnik pri dvojni tabeli */
+}
+.grupa .spremenljivka:last-of-type {
+ border-bottom: 0;
+}
+.grupa .spremenljivka .naslov {
+ color: #505050;
+}
+.grupa .spremenljivka .naslov .spremenljivka_info {
+ color: #505050;
+}
+.grupa .spremenljivka .sequence_number {
+ background-color: #fde6e6;
+ color: #ef5350;
+}
+.grupa .spremenljivka .sequence_number:hover {
+ background-color: #f8b8b7;
+}
+.grupa .spremenljivka .sequence_number.active {
+ background-color: #ef5350;
+ color: #ffffff;
+}
+.grupa .spremenljivka .slider_mobile {
+ background-color: #a0aec1;
+ border: 0;
+}
+.grupa .spremenljivka .ui-slider-horizontal {
+ height: 8px;
+}
+.grupa .spremenljivka .ui-slider-handle {
+ cursor: pointer;
+ height: 10px !important;
+ width: 18px !important;
+ margin-top: 1px;
+ border: 0;
+ border-radius: 15px 15px !important;
+ background-color: #c62828 !important;
+ background-image: none !important;
+}
+.grupa .spremenljivka .ui-slider-handle:active {
+ background-color: #c62828 !important;
+}
+.grupa .spremenljivka .sliderText {
+ padding-top: 0;
+ color: white;
+ background-color: #a0aec1;
+ border: 0;
+}
+.grupa .spremenljivka .sliderText::after {
+ border-color: #a0aec1 transparent;
+}
+.grupa .spremenljivka .grid_mobile .grid_mobile_question {
+ padding-top: 15px;
+ border-top: 1px #b4b5b7 solid;
+}
+.grupa .spremenljivka .grid_mobile > div:first-child {
+ padding-top: 0 !important;
+ border-top: 0 !important;
+}
+.grupa .spremenljivka .grid_mobile_double_separator {
+ width: 100%;
+ height: 5px;
+ border-top: 1px #fde6e6 dashed;
+}
+
+.variable_holder .variabla {
+ color: #505050;
+}
+
+/* Koledar */
+button.ui-datepicker-trigger {
+ color: #c62828;
+}
+button.ui-datepicker-trigger:hover {
+ color: #de5c5c;
+}
+
+/* Opcija nadaljuj kasneje */
+.header_settings_holder .continue_later_setting a {
+ color: #c62828;
+}
+.header_settings_holder .continue_later_setting a:hover {
+ color: #de5c5c;
+}
+.header_settings_holder .tawk_chat a {
+ color: #c62828;
+}
+.header_settings_holder .tawk_chat a:hover {
+ color: #de5c5c;
+}
+
+/* GUMBI NAPREJ/NAZAJ */
+.buttons {
+ margin-top: 20px;
+ margin-bottom: 10px;
+ padding-top: 10px;
+ border-top: 1px #ef5350 solid !important;
+}
+.buttons input {
+ cursor: pointer;
+ margin: 8px 5px;
+ padding: 10px 20px;
+ text-align: center;
+ font-size: 15px;
+ letter-spacing: 0px;
+ font-weight: 600;
+ color: #FFFFFF;
+ border-radius: 20px;
+ -moz-border-radius: 20px 20px 20px 20px;
+ -webkit-border-radius: 20px;
+ border: 0;
+}
+.buttons input.next {
+ background-color: #c62828;
+ border: 1px solid #c62828;
+}
+.buttons input.next:hover {
+ background-color: #de5c5c;
+ border: 1px solid #de5c5c;
+}
+.buttons input.prev {
+ color: #c62828;
+ background-color: #fff;
+ border: 1px solid #c62828;
+}
+.buttons input.prev:hover {
+ color: #fff;
+ background-color: #c62828;
+}
+
+/* FOOTER */
+#footer_survey {
+ color: #505050;
+ border-top: 3px #c62828 solid;
+}
+#footer_survey a {
+ font-weight: normal;
+ text-decoration: none;
+ color: #505050;
+}
+
+/* LOGO */
+#container #logo {
+ display: none !important;
+}
+
+#footer_survey #logo {
+ display: block;
+ position: relative;
+ width: 100%;
+ height: 40px;
+ margin: 10px auto 30px auto;
+ left: 0;
+ right: 0;
+ background-image: url("../../../public/img/logo/1ka_slo.svg");
+ background-repeat: no-repeat;
+ background-size: auto 100% !important;
+ background-position: center;
+ /* Desni del samo za skine Otroci3 in Otroci4 */
+}
+#footer_survey #logo a {
+ display: block;
+ width: 100%;
+ height: 46px;
+ text-indent: -9999px;
+ overflow: hidden;
+}
+#footer_survey #logo #logo_right {
+ display: none;
+}
+
+#footer_survey #logo.english {
+ background-image: url("../../../public/img/logo/1ka_eng.svg");
+}
+
+/*# sourceMappingURL=MobileRed.css.map */
diff --git a/main/survey/skins/MobileUni.css b/main/survey/skins/MobileUni.css new file mode 100644 index 0000000..d7f4af8 --- /dev/null +++ b/main/survey/skins/MobileUni.css @@ -0,0 +1,233 @@ +@charset "UTF-8";
+/*
+ Mobile tema ankete - Črna barva
+*/
+/* Barve */
+/* Import osnovne postavitve */
+/*
+ Osnovna mobilna tema ankete - 1ka - brez definiranih barv
+*/
+/* Fonti */
+body {
+ font-family: Montserrat, Arial, Sans-Serif !important;
+ color: #505050;
+ background-color: white;
+}
+
+span, label {
+ color: #505050;
+}
+
+/* GLAVNI ELEMENTI */
+#container h1 {
+ color: #666666;
+ background-color: #ffffff;
+ border-bottom: 8px #666666 solid;
+}
+
+/* INPUT ELEMENTI */
+/* Textboxi, textarea, select */
+input, textarea, select {
+ font-family: Montserrat, Arial, Sans-Serif !important;
+}
+
+input[type=text], textarea, select {
+ padding: 5px 7px;
+ border-radius: 3px;
+ border: 1px solid #d1d1d1;
+ border-radius: 3px;
+ background-color: #fff;
+}
+
+input[type=checkbox] + span.enka-checkbox-radio,
+input[type=radio] + span.enka-checkbox-radio,
+.custom_radio_picture.obarvan > label > span.enka-custom-radio:before,
+.visual-radio-scale.checked .enka-vizualna-skala {
+ color: #888888;
+}
+
+.grupa .spremenljivka {
+ background-color: white;
+ border: 0;
+ border-bottom: 1px #888888 solid;
+ /* Mejnik pri dvojni tabeli */
+}
+.grupa .spremenljivka:last-of-type {
+ border-bottom: 0;
+}
+.grupa .spremenljivka .naslov {
+ color: #505050;
+}
+.grupa .spremenljivka .naslov .spremenljivka_info {
+ color: #505050;
+}
+.grupa .spremenljivka .sequence_number {
+ background-color: #eeeeee;
+ color: #888888;
+}
+.grupa .spremenljivka .sequence_number:hover {
+ background-color: #d5d5d5;
+}
+.grupa .spremenljivka .sequence_number.active {
+ background-color: #888888;
+ color: #ffffff;
+}
+.grupa .spremenljivka .slider_mobile {
+ background-color: #a0aec1;
+ border: 0;
+}
+.grupa .spremenljivka .ui-slider-horizontal {
+ height: 8px;
+}
+.grupa .spremenljivka .ui-slider-handle {
+ cursor: pointer;
+ height: 10px !important;
+ width: 18px !important;
+ margin-top: 1px;
+ border: 0;
+ border-radius: 15px 15px !important;
+ background-color: #666666 !important;
+ background-image: none !important;
+}
+.grupa .spremenljivka .ui-slider-handle:active {
+ background-color: #666666 !important;
+}
+.grupa .spremenljivka .sliderText {
+ padding-top: 0;
+ color: white;
+ background-color: #a0aec1;
+ border: 0;
+}
+.grupa .spremenljivka .sliderText::after {
+ border-color: #a0aec1 transparent;
+}
+.grupa .spremenljivka .grid_mobile .grid_mobile_question {
+ padding-top: 15px;
+ border-top: 1px #b4b5b7 solid;
+}
+.grupa .spremenljivka .grid_mobile > div:first-child {
+ padding-top: 0 !important;
+ border-top: 0 !important;
+}
+.grupa .spremenljivka .grid_mobile_double_separator {
+ width: 100%;
+ height: 5px;
+ border-top: 1px #eeeeee dashed;
+}
+
+.variable_holder .variabla {
+ color: #505050;
+}
+
+/* Koledar */
+button.ui-datepicker-trigger {
+ color: #666666;
+}
+button.ui-datepicker-trigger:hover {
+ color: #8c8c8c;
+}
+
+/* Opcija nadaljuj kasneje */
+.header_settings_holder .continue_later_setting a {
+ color: #666666;
+}
+.header_settings_holder .continue_later_setting a:hover {
+ color: #8c8c8c;
+}
+.header_settings_holder .tawk_chat a {
+ color: #666666;
+}
+.header_settings_holder .tawk_chat a:hover {
+ color: #8c8c8c;
+}
+
+/* GUMBI NAPREJ/NAZAJ */
+.buttons {
+ margin-top: 20px;
+ margin-bottom: 10px;
+ padding-top: 10px;
+ border-top: 1px #888888 solid !important;
+}
+.buttons input {
+ cursor: pointer;
+ margin: 8px 5px;
+ padding: 10px 20px;
+ text-align: center;
+ font-size: 15px;
+ letter-spacing: 0px;
+ font-weight: 600;
+ color: #FFFFFF;
+ border-radius: 20px;
+ -moz-border-radius: 20px 20px 20px 20px;
+ -webkit-border-radius: 20px;
+ border: 0;
+}
+.buttons input.next {
+ background-color: #666666;
+ border: 1px solid #666666;
+}
+.buttons input.next:hover {
+ background-color: #8c8c8c;
+ border: 1px solid #8c8c8c;
+}
+.buttons input.prev {
+ color: #666666;
+ background-color: #fff;
+ border: 1px solid #666666;
+}
+.buttons input.prev:hover {
+ color: #fff;
+ background-color: #666666;
+}
+
+/* FOOTER */
+#footer_survey {
+ color: #505050;
+ border-top: 3px #666666 solid;
+}
+#footer_survey a {
+ font-weight: normal;
+ text-decoration: none;
+ color: #505050;
+}
+
+/* LOGO */
+#container #logo {
+ display: none !important;
+}
+
+#footer_survey #logo {
+ display: block;
+ position: relative;
+ width: 100%;
+ height: 40px;
+ margin: 10px auto 30px auto;
+ left: 0;
+ right: 0;
+ background-image: url("../../../public/img/logo/1ka_slo.svg");
+ background-repeat: no-repeat;
+ background-size: auto 100% !important;
+ background-position: center;
+ /* Desni del samo za skine Otroci3 in Otroci4 */
+}
+#footer_survey #logo a {
+ display: block;
+ width: 100%;
+ height: 46px;
+ text-indent: -9999px;
+ overflow: hidden;
+}
+#footer_survey #logo #logo_right {
+ display: none;
+}
+
+#footer_survey #logo.english {
+ background-image: url("../../../public/img/logo/1ka_eng.svg");
+}
+
+/* Popravimo se logo */
+#footer_survey #logo {
+ background-image: url("../../../public/img/logo/uni.png");
+}
+
+/*# sourceMappingURL=MobileUni.css.map */
diff --git a/main/survey/skins/Modern.css b/main/survey/skins/Modern.css new file mode 100644 index 0000000..eff5c21 --- /dev/null +++ b/main/survey/skins/Modern.css @@ -0,0 +1,105 @@ +/* 1KA modern theme */
+
+body {
+ color: #333;
+ font-size: 75%;
+ font-family: Arial, Verdana, Sans-Serif;
+ background: #f9f9f9 url('Modern/background.jpg') top left repeat-x;
+}
+
+#outercontainer {
+ width: 100%;
+ max-width: 980px;
+ margin: 0 auto;
+}
+
+#container {
+ position: relative;
+ margin-top: 30px;
+ background: none repeat scroll 0 0 #F4F4F4;
+ border: 1px solid #CCCCCC;
+ margin: 30px auto 10px;
+}
+
+h1 {
+ color: #0C377A;
+ margin: 70px auto 50px;
+ text-align: center;
+}
+
+#admin_options {
+ left: 20px;
+ position: fixed;
+}
+#preview {
+ border: 3px solid red;
+ border-radius: 5px 5px 5px 5px;
+ background-color: #f6f6f6;
+}
+
+#logo {
+ right: auto;
+ left: 20px;
+ top: 20px;
+ /*Dodano iz 1ka*/
+ background: url("../../../public/img/logo/1ka_slo.svg") no-repeat scroll 100% 0 transparent;
+ background-position: 20px 4px;
+ background-repeat: no-repeat;
+ /*konec*/
+}
+#logo.english{
+ top: 24px;
+ background: url("../../../public/img/logo/1ka_eng.svg") no-repeat scroll 100% 0 transparent;
+}
+#logo a{
+ width: 80px;
+ height: 46px;
+}
+
+#progress_bar {
+ right: 20px;
+ left: auto;
+ top: 20px;
+}
+#progress_bar div {
+ border: 1px solid #777;
+}
+#progress_bar div span {
+ background-color: #333;
+}
+
+
+.spremenljivka {
+ background-color: #E9E9E9;
+ margin: 10px;
+ padding: 0 2px 10px 12px;
+}
+div.variable_holder {
+ padding: 0 30px;
+}
+table.grid_table tbody tr:nth-child(2n+1) {
+ background-color: #eee;
+}
+
+span.reminder {
+ left: 3px;
+}
+
+div.buttons {
+ padding: 10px 20px 35px;
+}
+div.buttons input {
+ padding: 0 5px;
+ font-size: 90%;
+}
+
+#footer_survey {
+ padding: 25px 20px;
+}
+#footer_survey a, #footer_survey a:visited {
+ color: #333;
+ text-decoration: none;
+}
+#footer_survey a:hover, #footer_survey a:active {
+ text-decoration: underline;
+}
\ No newline at end of file diff --git a/main/survey/skins/Modern/add.png b/main/survey/skins/Modern/add.png Binary files differnew file mode 100644 index 0000000..6332fef --- /dev/null +++ b/main/survey/skins/Modern/add.png diff --git a/main/survey/skins/Modern/arrow.png b/main/survey/skins/Modern/arrow.png Binary files differnew file mode 100644 index 0000000..4f8d6cc --- /dev/null +++ b/main/survey/skins/Modern/arrow.png diff --git a/main/survey/skins/Modern/arrowD.png b/main/survey/skins/Modern/arrowD.png Binary files differnew file mode 100644 index 0000000..d7ebd4e --- /dev/null +++ b/main/survey/skins/Modern/arrowD.png diff --git a/main/survey/skins/Modern/arrowD2.png b/main/survey/skins/Modern/arrowD2.png Binary files differnew file mode 100644 index 0000000..676b840 --- /dev/null +++ b/main/survey/skins/Modern/arrowD2.png diff --git a/main/survey/skins/Modern/arrowL.png b/main/survey/skins/Modern/arrowL.png Binary files differnew file mode 100644 index 0000000..fcf6bfe --- /dev/null +++ b/main/survey/skins/Modern/arrowL.png diff --git a/main/survey/skins/Modern/arrowL2.png b/main/survey/skins/Modern/arrowL2.png Binary files differnew file mode 100644 index 0000000..d7dfb56 --- /dev/null +++ b/main/survey/skins/Modern/arrowL2.png diff --git a/main/survey/skins/Modern/arrowR.png b/main/survey/skins/Modern/arrowR.png Binary files differnew file mode 100644 index 0000000..68481f6 --- /dev/null +++ b/main/survey/skins/Modern/arrowR.png diff --git a/main/survey/skins/Modern/arrowR2.png b/main/survey/skins/Modern/arrowR2.png Binary files differnew file mode 100644 index 0000000..eb1b035 --- /dev/null +++ b/main/survey/skins/Modern/arrowR2.png diff --git a/main/survey/skins/Modern/arrowU.png b/main/survey/skins/Modern/arrowU.png Binary files differnew file mode 100644 index 0000000..9cf2cd8 --- /dev/null +++ b/main/survey/skins/Modern/arrowU.png diff --git a/main/survey/skins/Modern/arrowU2.png b/main/survey/skins/Modern/arrowU2.png Binary files differnew file mode 100644 index 0000000..dde25fa --- /dev/null +++ b/main/survey/skins/Modern/arrowU2.png diff --git a/main/survey/skins/Modern/background.jpg b/main/survey/skins/Modern/background.jpg Binary files differnew file mode 100644 index 0000000..f9d4612 --- /dev/null +++ b/main/survey/skins/Modern/background.jpg diff --git a/main/survey/skins/Modern/blue_delete.png b/main/survey/skins/Modern/blue_delete.png Binary files differnew file mode 100644 index 0000000..08f2493 --- /dev/null +++ b/main/survey/skins/Modern/blue_delete.png diff --git a/main/survey/skins/Oko.css b/main/survey/skins/Oko.css new file mode 100644 index 0000000..2df8129 --- /dev/null +++ b/main/survey/skins/Oko.css @@ -0,0 +1,328 @@ +/* 1KA new default theme */
+
+body {
+ margin: 0;
+ padding: 0;
+ color: #333;
+ font-size: 75%;
+ font-family: Arial, Verdana, Sans-Serif;
+ font-family: Open Sans, Arial, Sans-Serif !important;
+}
+body.preview, body.testdata{
+ margin-top: 26px;
+}
+
+#outercontainer {
+ width: 100%;
+ margin: 0 auto;
+ background: #ffffff url('Oko/oko-1.png') top left repeat-x;
+}
+#container {
+ position: relative;
+ width: 100%;
+ max-width: 980px;
+ margin: 0px auto 10px;
+}
+
+
+/* Warning bar (preview, cookie) */
+#cookie_alert, #test_alert {
+ height: 26px;
+
+ line-height: 25px;
+ color: #ffffff;
+
+ background-color: #fe9c5c;
+ border-bottom: 1px solid #fe9c5c;
+}
+#cookie_alert a, #test_alert a {
+ text-decoration: none;
+ font-weight: bold;
+ color: #ffffff;
+}
+#cookie_alert a:hover, #test_alert a:hover {
+ text-decoration: underline;
+}
+#cookie_alert span, #test_alert span {
+ color: #ffffff;
+}
+#cookie_alert span a, #test_alert span a {
+ color: #ffffff;
+ font-weight: normal;
+}
+
+
+/* Admin nastavitve okno pri testnih vnosih in previewju */
+#admin_options {
+ left: 20px;
+ position: fixed;
+}
+#preview_open{
+ top: 40px;
+}
+#preview_open a.close{
+ top: 13px;
+ right: 9px;
+ width: 15px;
+ height: 15px;
+
+ color: transparent;
+ background-image: url('1ka/plus.png');
+}
+
+#preview_switch{
+ top: 83px;
+ right: 13px;
+ z-index: 1000;
+
+ padding: 0 20px 7px 20px;
+
+ font-size: 11px;
+
+ border-bottom: 1px #8a9fbf dashed;
+}
+
+#preview-holder{
+ top: 45px;
+
+ font-size: 11px;
+
+ border-top: 30px #e2e4e7 solid;
+ background-color: #e8ecf2;
+}
+#preview {
+ margin: 40px 15px 10px 15px;
+ padding: 0;
+ border: 0;
+}
+#preview a.close{
+ top: -22px;
+ right: 8px;
+
+ width: 14px;
+ height: 15px;
+
+ text-indent: -9999px;
+
+ background-image: url('1ka/close.png');
+}
+#preview a, #preview_switch a, #preview-holder div span a{
+ color: #0C377A;
+ text-decoration: none;
+}
+#preview a:hover, #preview_switch a:hover, #preview-holder div span a:hover{
+ color: #fa4913;
+}
+
+#preview-holder div span.floatLeft{
+ margin-left: 15px;
+}
+#preview-holder div span.floatRight{
+ margin-right: 15px;
+}
+#preview-holder div span.floatRight{
+ margin-right: 15px;
+}
+
+div.qtip-content {
+ font-size: 9px;
+}
+.qtip-wrapper, .qtip-contentWrapper{
+ border: 0 !important;
+}
+.qtip-borderTop, .qtip-borderBottom{
+ display: none !important;
+}
+.qtip-title{
+ color: #0C377A !important;
+ background-color: #D8DFEA !important;
+}
+.qtip-content{
+ padding: 12px 9px !important;
+ background-color: #f7f7f7 !important;
+ border: 1px #D8DFEA solid;
+}
+
+
+
+/* Header - logo, naslov, progressbar */
+h1 {
+ margin: 0px auto 50px;
+ padding: 130px 0 0 0;
+ font-size: 22px;
+ color: #83bb0c;
+ text-align: center;
+}
+h1.evalvacija{
+ margin-bottom: 0;
+}
+
+#logo {
+ left: 0px;
+ top: 20px;
+ background: url(Oko/oko-logo.png) no-repeat 0 0 ;
+}
+#logo.english{
+}
+#logo a{
+ width:183px;
+ height:57px;
+}
+
+#progress_bar {
+ right: 20px;
+ left: auto;
+ top: 30px;
+}
+#progress_bar span {
+ float: left !important; /* ie6,7 doesnt support inline-block */
+ display: block;
+ width: 20px;
+ font-size: 11px;
+ color: #000;
+}
+#progress_bar div {
+ height: 10px;
+ width: 130px;
+ padding: 2px;
+ margin: 0 5px;
+ border: 1px #cccccc solid;
+ background-color: #ffffff;
+}
+#progress_bar div span {
+ height: 10px;
+ background-color: #94d60a;
+}
+
+#progress_bar p a {
+ color: #0C377A;
+ text-decoration: none;
+}
+#progress_bar p a:hover {
+ color: #fa4913;
+}
+
+
+/* Spremenljivke */
+.spremenljivka {
+ margin: 20px 10px 20px 10px;
+ padding: 20px 2px 20px 12px !important;
+ border-top: 1px #B9C5D9 solid;
+}
+.spremenljivka.limited{
+ outline: 1px #F15A24 solid;
+}
+.required, .required_require, .required_limit {
+ outline: 1px #F15A24 solid;
+}
+
+.spremenljivka .naslov{
+ padding-left: 5px;
+ font-size: 13px;
+ font-weight:bold;
+ color: #000;
+}
+.spremenljivka .naslov .spremenljivka_info{
+ font-size: 70%;
+}
+
+div.variabla,
+td.variabla,
+td.question,
+td.differential{
+ font-size: 13px;
+}
+
+div.variable_holder {
+ padding: 0 30px;
+}
+
+div.variable_holder thead {
+ font-weight: 600;
+}
+table.grid_table tbody tr:nth-child(2n+1) {
+ background-color: #f7f7f7;
+}
+
+div.variable_holder .frame_ranking{
+ border: 1px #B9C5D9 solid;
+ background-color: #f7f7f7;
+}
+div.variable_holder .frame_ranking_hover {
+ border: 1px #8A9FBF solid;
+ background-color: #e2e4e7;
+}
+
+span.reminder {
+ left: 3px;
+}
+
+
+/* Gumbi na dnu */
+div.buttons {
+ padding: 30px 20px 35px;
+ margin: 0 10px;
+ border-top: 1px #B9C5D9 solid;
+}
+div.buttons input {
+ cursor: pointer;
+ margin: 8px 10px;
+ padding: 6px 8px;
+ text-align: center;
+ font-size: 13px;
+ color: #FFFFFF;
+ border-radius: 4px;
+ border: 0;
+}
+div.buttons input.next {
+ background-color: #94d60a;
+ border: 1px solid #659109;
+ color:#000;
+}
+div.buttons input.next:hover {
+ background-color: #86c209;
+ border: 1px solid #94d60a;
+ color:#fff;
+}
+div.buttons input.prev {
+ background-color: #94d60a;
+ border: 1px solid #659109;
+ color:#000;
+}
+div.buttons input.prev:hover {
+ background-color: #86c209;
+ border: 1px solid #94d60a;
+ color:#fff;
+}
+
+
+/* Footer */
+#footer_survey {
+ padding: 20px;
+ background-color: #e7e5e0;
+ border-top: 3px #cecece solid;
+}
+#footer_survey a, #footer_survey a:visited {
+ color: #000;
+ text-decoration: none;
+}
+#footer_survey a:hover, #footer_survey a:active {
+ text-decoration: underline;
+}
+
+
+select { width:95%;}
+/* #Tablet (Portrait) */
+@media only screen and (min-width: 768px) and (max-width: 959px) {
+select { width:95%;}
+}
+
+/* #Mobile (Portrait) */
+@media only screen and (max-width: 767px) {
+select { width:95%;}
+}
+
+/* #Mobile (Landscape) */
+@media only screen and (min-width: 480px) and (max-width: 767px) {
+select { width:95%;}
+}
\ No newline at end of file diff --git a/main/survey/skins/Oko2.css b/main/survey/skins/Oko2.css new file mode 100644 index 0000000..c509ebc --- /dev/null +++ b/main/survey/skins/Oko2.css @@ -0,0 +1,328 @@ +/* 1KA new default theme */
+
+body {
+ margin: 0;
+ padding: 0;
+ color: #333;
+ font-size: 75%;
+ font-family: Arial, Verdana, Sans-Serif;
+ font-family: Open Sans, Arial, Sans-Serif !important;
+}
+body.preview, body.testdata{
+ margin-top: 26px;
+}
+
+#outercontainer {
+ width: 100%;
+ margin: 0 auto;
+ background: #ffffff url('Oko/oko-2.png') top left repeat-x;
+}
+#container {
+ position: relative;
+ width: 100%;
+ max-width: 980px;
+ margin: 0px auto 10px;
+}
+
+
+/* Warning bar (preview, cookie) */
+#cookie_alert, #test_alert {
+ height: 26px;
+
+ line-height: 25px;
+ color: #ffffff;
+
+ background-color: #fe9c5c;
+ border-bottom: 1px solid #fe9c5c;
+}
+#cookie_alert a, #test_alert a {
+ text-decoration: none;
+ font-weight: bold;
+ color: #ffffff;
+}
+#cookie_alert a:hover, #test_alert a:hover {
+ text-decoration: underline;
+}
+#cookie_alert span, #test_alert span {
+ color: #ffffff;
+}
+#cookie_alert span a, #test_alert span a {
+ color: #ffffff;
+ font-weight: normal;
+}
+
+
+/* Admin nastavitve okno pri testnih vnosih in previewju */
+#admin_options {
+ left: 20px;
+ position: fixed;
+}
+#preview_open{
+ top: 40px;
+}
+#preview_open a.close{
+ top: 13px;
+ right: 9px;
+ width: 15px;
+ height: 15px;
+
+ color: transparent;
+ background-image: url('1ka/plus.png');
+}
+
+#preview_switch{
+ top: 83px;
+ right: 13px;
+ z-index: 1000;
+
+ padding: 0 20px 7px 20px;
+
+ font-size: 11px;
+
+ border-bottom: 1px #8a9fbf dashed;
+}
+
+#preview-holder{
+ top: 45px;
+
+ font-size: 11px;
+
+ border-top: 30px #e2e4e7 solid;
+ background-color: #e8ecf2;
+}
+#preview {
+ margin: 40px 15px 10px 15px;
+ padding: 0;
+ border: 0;
+}
+#preview a.close{
+ top: -22px;
+ right: 8px;
+
+ width: 14px;
+ height: 15px;
+
+ text-indent: -9999px;
+
+ background-image: url('1ka/close.png');
+}
+#preview a, #preview_switch a, #preview-holder div span a{
+ color: #0C377A;
+ text-decoration: none;
+}
+#preview a:hover, #preview_switch a:hover, #preview-holder div span a:hover{
+ color: #fa4913;
+}
+
+#preview-holder div span.floatLeft{
+ margin-left: 15px;
+}
+#preview-holder div span.floatRight{
+ margin-right: 15px;
+}
+#preview-holder div span.floatRight{
+ margin-right: 15px;
+}
+
+div.qtip-content {
+ font-size: 9px;
+}
+.qtip-wrapper, .qtip-contentWrapper{
+ border: 0 !important;
+}
+.qtip-borderTop, .qtip-borderBottom{
+ display: none !important;
+}
+.qtip-title{
+ color: #0C377A !important;
+ background-color: #D8DFEA !important;
+}
+.qtip-content{
+ padding: 12px 9px !important;
+ background-color: #f7f7f7 !important;
+ border: 1px #D8DFEA solid;
+}
+
+
+
+/* Header - logo, naslov, progressbar */
+h1 {
+ margin: 0px auto 50px;
+ padding: 130px 0 0 0;
+ font-size: 22px;
+ color: #83bb0c;
+ text-align: center;
+}
+h1.evalvacija{
+ margin-bottom: 0;
+}
+
+#logo {
+ left: 0px;
+ top: 20px;
+ background: url(Oko/oko-logo.png) no-repeat 0 0 ;
+}
+#logo.english{
+}
+#logo a{
+ width:183px;
+ height:57px;
+}
+
+#progress_bar {
+ right: 20px;
+ left: auto;
+ top: 30px;
+}
+#progress_bar span {
+ float: left !important; /* ie6,7 doesnt support inline-block */
+ display: block;
+ width: 20px;
+ font-size: 11px;
+ color: #000;
+}
+#progress_bar div {
+ height: 10px;
+ width: 130px;
+ padding: 2px;
+ margin: 0 5px;
+ border: 1px #cccccc solid;
+ background-color: #ffffff;
+}
+#progress_bar div span {
+ height: 10px;
+ background-color: #94d60a;
+}
+
+#progress_bar p a {
+ color: #0C377A;
+ text-decoration: none;
+}
+#progress_bar p a:hover {
+ color: #fa4913;
+}
+
+
+/* Spremenljivke */
+.spremenljivka {
+ margin: 20px 10px 20px 10px;
+ padding: 20px 2px 20px 12px !important;
+ border-top: 1px #B9C5D9 solid;
+}
+.spremenljivka.limited{
+ outline: 1px #F15A24 solid;
+}
+.required, .required_require, .required_limit {
+ outline: 1px #F15A24 solid;
+}
+
+.spremenljivka .naslov{
+ padding-left: 5px;
+ font-size: 13px;
+ font-weight:bold;
+ color: #000;
+}
+.spremenljivka .naslov .spremenljivka_info{
+ font-size: 70%;
+}
+
+div.variabla,
+td.variabla,
+td.question,
+td.differential{
+ font-size: 13px;
+}
+
+div.variable_holder {
+ padding: 0 30px;
+}
+
+div.variable_holder thead {
+ font-weight: 600;
+}
+table.grid_table tbody tr:nth-child(2n+1) {
+ background-color: #f7f7f7;
+}
+
+div.variable_holder .frame_ranking{
+ border: 1px #B9C5D9 solid;
+ background-color: #f7f7f7;
+}
+div.variable_holder .frame_ranking_hover {
+ border: 1px #8A9FBF solid;
+ background-color: #e2e4e7;
+}
+
+span.reminder {
+ left: 3px;
+}
+
+
+/* Gumbi na dnu */
+div.buttons {
+ padding: 30px 20px 35px;
+ margin: 0 10px;
+ border-top: 1px #B9C5D9 solid;
+}
+div.buttons input {
+ cursor: pointer;
+ margin: 8px 10px;
+ padding: 6px 8px;
+ text-align: center;
+ font-size: 13px;
+ color: #FFFFFF;
+ border-radius: 4px;
+ border: 0;
+}
+div.buttons input.next {
+ background-color: #94d60a;
+ border: 1px solid #659109;
+ color:#000;
+}
+div.buttons input.next:hover {
+ background-color: #86c209;
+ border: 1px solid #94d60a;
+ color:#fff;
+}
+div.buttons input.prev {
+ background-color: #94d60a;
+ border: 1px solid #659109;
+ color:#000;
+}
+div.buttons input.prev:hover {
+ background-color: #86c209;
+ border: 1px solid #94d60a;
+ color:#fff;
+}
+
+
+/* Footer */
+#footer_survey {
+ padding: 20px;
+ background-color: #e7e5e0;
+ border-top: 3px #cecece solid;
+}
+#footer_survey a, #footer_survey a:visited {
+ color: #000;
+ text-decoration: none;
+}
+#footer_survey a:hover, #footer_survey a:active {
+ text-decoration: underline;
+}
+
+
+select { width:95%;}
+/* #Tablet (Portrait) */
+@media only screen and (min-width: 768px) and (max-width: 959px) {
+select { width:95%;}
+}
+
+/* #Mobile (Portrait) */
+@media only screen and (max-width: 767px) {
+select { width:95%;}
+}
+
+/* #Mobile (Landscape) */
+@media only screen and (min-width: 480px) and (max-width: 767px) {
+select { width:95%;}
+}
\ No newline at end of file diff --git a/main/survey/skins/Otroci.css b/main/survey/skins/Otroci.css new file mode 100644 index 0000000..63bf27d --- /dev/null +++ b/main/survey/skins/Otroci.css @@ -0,0 +1,329 @@ +/* 1KA new default theme */
+
+body {
+ margin: 0;
+ padding: 0;
+ color: #333;
+ font-size: 75%;
+ font-family: Arial, Verdana, Sans-Serif;
+ font-family: Open Sans, Arial, Sans-Serif !important;
+}
+body.preview, body.testdata{
+ margin-top: 26px;
+}
+
+#outercontainer {
+ width: 100%;
+ margin: 0 auto;
+ background: #ffffff url('Otroci_Safe/otroci-1.png') top left repeat-x;
+}
+#container {
+ position: relative;
+ width: 100%;
+ max-width: 980px;
+ margin: 0px auto 10px;
+ background:url('Otroci_Safe/otroci-figure.png') top right no-repeat;
+}
+
+
+/* Warning bar (preview, cookie) */
+#cookie_alert, #test_alert {
+ height: 26px;
+
+ line-height: 25px;
+ color: #ffffff;
+
+ background-color: #fe9c5c;
+ border-bottom: 1px solid #fe9c5c;
+}
+#cookie_alert a, #test_alert a {
+ text-decoration: none;
+ font-weight: bold;
+ color: #ffffff;
+}
+#cookie_alert a:hover, #test_alert a:hover {
+ text-decoration: underline;
+}
+#cookie_alert span, #test_alert span {
+ color: #ffffff;
+}
+#cookie_alert span a, #test_alert span a {
+ color: #ffffff;
+ font-weight: normal;
+}
+
+
+/* Admin nastavitve okno pri testnih vnosih in previewju */
+#admin_options {
+ left: 20px;
+ position: fixed;
+}
+#preview_open{
+ top: 40px;
+}
+#preview_open a.close{
+ top: 13px;
+ right: 9px;
+ width: 15px;
+ height: 15px;
+
+ color: transparent;
+ background-image: url('1ka/plus.png');
+}
+
+#preview_switch{
+ top: 83px;
+ right: 13px;
+ z-index: 1000;
+
+ padding: 0 20px 7px 20px;
+
+ font-size: 11px;
+
+ border-bottom: 1px #8a9fbf dashed;
+}
+
+#preview-holder{
+ top: 45px;
+
+ font-size: 11px;
+
+ border-top: 30px #e2e4e7 solid;
+ background-color: #e8ecf2;
+}
+#preview {
+ margin: 40px 15px 10px 15px;
+ padding: 0;
+ border: 0;
+}
+#preview a.close{
+ top: -22px;
+ right: 8px;
+
+ width: 14px;
+ height: 15px;
+
+ text-indent: -9999px;
+
+ background-image: url('1ka/close.png');
+}
+#preview a, #preview_switch a, #preview-holder div span a{
+ color: #0C377A;
+ text-decoration: none;
+}
+#preview a:hover, #preview_switch a:hover, #preview-holder div span a:hover{
+ color: #fa4913;
+}
+
+#preview-holder div span.floatLeft{
+ margin-left: 15px;
+}
+#preview-holder div span.floatRight{
+ margin-right: 15px;
+}
+#preview-holder div span.floatRight{
+ margin-right: 15px;
+}
+
+div.qtip-content {
+ font-size: 9px;
+}
+.qtip-wrapper, .qtip-contentWrapper{
+ border: 0 !important;
+}
+.qtip-borderTop, .qtip-borderBottom{
+ display: none !important;
+}
+.qtip-title{
+ color: #0C377A !important;
+ background-color: #D8DFEA !important;
+}
+.qtip-content{
+ padding: 12px 9px !important;
+ background-color: #f7f7f7 !important;
+ border: 1px #D8DFEA solid;
+}
+
+
+
+/* Header - logo, naslov, progressbar */
+h1 {
+ margin: 0px auto 50px;
+ padding: 100px 0 0 0;
+ font-size: 22px;
+ color: #000;
+ text-align: center;
+}
+h1.evalvacija{
+ margin-bottom: 0;
+}
+
+#logo {
+ left: 0px;
+ top: 20px;
+ background: url(Otroci_Safe/otroci-logo.png) no-repeat 0 0 ;
+}
+#logo.english{
+}
+#logo a{
+ width:165px;
+ height:69px;
+}
+
+#progress_bar {
+ right: 210px;
+ left: auto;
+ top: 20px;
+}
+#progress_bar span {
+ float: left !important; /* ie6,7 doesnt support inline-block */
+ display: block;
+ width: 20px;
+ font-size: 11px;
+ color: #000;
+}
+#progress_bar div {
+ height: 10px;
+ width: 130px;
+ padding: 2px;
+ margin: 0 5px;
+ border: 1px #cccccc solid;
+ background-color: #ffffff;
+}
+#progress_bar div span {
+ height: 10px;
+ background-color: #f26b16;
+}
+
+#progress_bar p a {
+ color: #0C377A;
+ text-decoration: none;
+}
+#progress_bar p a:hover {
+ color: #fa4913;
+}
+
+
+/* Spremenljivke */
+.spremenljivka {
+ margin: 20px 10px 20px 10px;
+ padding: 20px 2px 20px 12px !important;
+ border-top: 1px #B9C5D9 solid;
+}
+.spremenljivka.limited{
+ outline: 1px #F15A24 solid;
+}
+.required, .required_require, .required_limit {
+ outline: 1px #F15A24 solid;
+}
+
+.spremenljivka .naslov{
+ padding-left: 5px;
+ font-size: 13px;
+ font-weight:bold;
+ color: #000;
+}
+.spremenljivka .naslov .spremenljivka_info{
+ font-size: 70%;
+}
+
+div.variabla,
+td.variabla,
+td.question,
+td.differential{
+ font-size: 13px;
+}
+
+div.variable_holder {
+ padding: 0 30px;
+}
+
+div.variable_holder thead {
+ font-weight: 600;
+}
+table.grid_table tbody tr:nth-child(2n+1) {
+ background-color: #f7f7f7;
+}
+
+div.variable_holder .frame_ranking{
+ border: 1px #B9C5D9 solid;
+ background-color: #f7f7f7;
+}
+div.variable_holder .frame_ranking_hover {
+ border: 1px #8A9FBF solid;
+ background-color: #e2e4e7;
+}
+
+span.reminder {
+ left: 3px;
+}
+
+
+/* Gumbi na dnu */
+div.buttons {
+ padding: 30px 20px 35px;
+ margin: 0 10px;
+ border-top: 1px #B9C5D9 solid;
+}
+div.buttons input {
+ cursor: pointer;
+ margin: 8px 10px;
+ padding: 6px 8px;
+ text-align: center;
+ font-size: 13px;
+ color: #FFFFFF;
+ border-radius: 4px;
+ border: 0;
+}
+div.buttons input.next {
+ background-color: #ef6111;
+ border: 1px solid #dd530e;
+ color:#fff;
+}
+div.buttons input.next:hover {
+ background-color: #dd530e;
+ border: 1px solid #dd530e;
+ color:#fff;
+}
+div.buttons input.prev {
+ background-color: #ef6111;
+ border: 1px solid #dd530e;
+ color:#ffff;
+}
+div.buttons input.prev:hover {
+ background-color: #dd530e;
+ border: 1px solid #dd530e;
+ color:#fff;
+}
+
+
+/* Footer */
+#footer_survey {
+ padding: 20px;
+ background-color: #e7e5e0;
+ border-top: 3px #cecece solid;
+}
+#footer_survey a, #footer_survey a:visited {
+ color: #000;
+ text-decoration: none;
+}
+#footer_survey a:hover, #footer_survey a:active {
+ text-decoration: underline;
+}
+
+
+select { width:95%;}
+/* #Tablet (Portrait) */
+@media only screen and (min-width: 768px) and (max-width: 959px) {
+select { width:95%;}
+}
+
+/* #Mobile (Portrait) */
+@media only screen and (max-width: 767px) {
+select { width:95%;}
+}
+
+/* #Mobile (Landscape) */
+@media only screen and (min-width: 480px) and (max-width: 767px) {
+select { width:95%;}
+}
\ No newline at end of file diff --git a/main/survey/skins/Otroci/nadaljuj-kasneje.png b/main/survey/skins/Otroci/nadaljuj-kasneje.png Binary files differnew file mode 100644 index 0000000..94c9d09 --- /dev/null +++ b/main/survey/skins/Otroci/nadaljuj-kasneje.png diff --git a/main/survey/skins/Otroci/otroci-3-desno.png b/main/survey/skins/Otroci/otroci-3-desno.png Binary files differnew file mode 100644 index 0000000..8692030 --- /dev/null +++ b/main/survey/skins/Otroci/otroci-3-desno.png diff --git a/main/survey/skins/Otroci/otroci-3-footer.png b/main/survey/skins/Otroci/otroci-3-footer.png Binary files differnew file mode 100644 index 0000000..8221bcd --- /dev/null +++ b/main/survey/skins/Otroci/otroci-3-footer.png diff --git a/main/survey/skins/Otroci/otroci-3-levo.png b/main/survey/skins/Otroci/otroci-3-levo.png Binary files differnew file mode 100644 index 0000000..387e11f --- /dev/null +++ b/main/survey/skins/Otroci/otroci-3-levo.png diff --git a/main/survey/skins/Otroci/otroci-3-top.png b/main/survey/skins/Otroci/otroci-3-top.png Binary files differnew file mode 100644 index 0000000..0868b5b --- /dev/null +++ b/main/survey/skins/Otroci/otroci-3-top.png diff --git a/main/survey/skins/Otroci/otroci-4-desno.png b/main/survey/skins/Otroci/otroci-4-desno.png Binary files differnew file mode 100644 index 0000000..8692030 --- /dev/null +++ b/main/survey/skins/Otroci/otroci-4-desno.png diff --git a/main/survey/skins/Otroci/otroci-4-footer.png b/main/survey/skins/Otroci/otroci-4-footer.png Binary files differnew file mode 100644 index 0000000..71f0f70 --- /dev/null +++ b/main/survey/skins/Otroci/otroci-4-footer.png diff --git a/main/survey/skins/Otroci/otroci-4-top.png b/main/survey/skins/Otroci/otroci-4-top.png Binary files differnew file mode 100644 index 0000000..2bc8d2e --- /dev/null +++ b/main/survey/skins/Otroci/otroci-4-top.png diff --git a/main/survey/skins/Otroci/otroci-logo.png b/main/survey/skins/Otroci/otroci-logo.png Binary files differnew file mode 100644 index 0000000..715f030 --- /dev/null +++ b/main/survey/skins/Otroci/otroci-logo.png diff --git a/main/survey/skins/Otroci2.css b/main/survey/skins/Otroci2.css new file mode 100644 index 0000000..17bc927 --- /dev/null +++ b/main/survey/skins/Otroci2.css @@ -0,0 +1,329 @@ +/* 1KA new default theme */
+
+body {
+ margin: 0;
+ padding: 0;
+ color: #333;
+ font-size: 75%;
+ font-family: Arial, Verdana, Sans-Serif;
+ font-family: Open Sans, Arial, Sans-Serif !important;
+}
+body.preview, body.testdata{
+ margin-top: 26px;
+}
+
+#outercontainer {
+ width: 100%;
+ margin: 0 auto;
+ background: #ffffff url('Otroci_Safe/otroci-2.png') top left repeat-x;
+}
+#container {
+ position: relative;
+ width: 100%;
+ max-width: 980px;
+ margin: 0px auto 10px;
+ background:url('Otroci_Safe/otroci-2-figure.png') top right no-repeat;
+}
+
+
+/* Warning bar (preview, cookie) */
+#cookie_alert, #test_alert {
+ height: 26px;
+
+ line-height: 25px;
+ color: #ffffff;
+
+ background-color: #fe9c5c;
+ border-bottom: 1px solid #fe9c5c;
+}
+#cookie_alert a, #test_alert a {
+ text-decoration: none;
+ font-weight: bold;
+ color: #ffffff;
+}
+#cookie_alert a:hover, #test_alert a:hover {
+ text-decoration: underline;
+}
+#cookie_alert span, #test_alert span {
+ color: #ffffff;
+}
+#cookie_alert span a, #test_alert span a {
+ color: #ffffff;
+ font-weight: normal;
+}
+
+
+/* Admin nastavitve okno pri testnih vnosih in previewju */
+#admin_options {
+ left: 20px;
+ position: fixed;
+}
+#preview_open{
+ top: 40px;
+}
+#preview_open a.close{
+ top: 13px;
+ right: 9px;
+ width: 15px;
+ height: 15px;
+
+ color: transparent;
+ background-image: url('1ka/plus.png');
+}
+
+#preview_switch{
+ top: 83px;
+ right: 13px;
+ z-index: 1000;
+
+ padding: 0 20px 7px 20px;
+
+ font-size: 11px;
+
+ border-bottom: 1px #8a9fbf dashed;
+}
+
+#preview-holder{
+ top: 45px;
+
+ font-size: 11px;
+
+ border-top: 30px #e2e4e7 solid;
+ background-color: #e8ecf2;
+}
+#preview {
+ margin: 40px 15px 10px 15px;
+ padding: 0;
+ border: 0;
+}
+#preview a.close{
+ top: -22px;
+ right: 8px;
+
+ width: 14px;
+ height: 15px;
+
+ text-indent: -9999px;
+
+ background-image: url('1ka/close.png');
+}
+#preview a, #preview_switch a, #preview-holder div span a{
+ color: #0C377A;
+ text-decoration: none;
+}
+#preview a:hover, #preview_switch a:hover, #preview-holder div span a:hover{
+ color: #fa4913;
+}
+
+#preview-holder div span.floatLeft{
+ margin-left: 15px;
+}
+#preview-holder div span.floatRight{
+ margin-right: 15px;
+}
+#preview-holder div span.floatRight{
+ margin-right: 15px;
+}
+
+div.qtip-content {
+ font-size: 9px;
+}
+.qtip-wrapper, .qtip-contentWrapper{
+ border: 0 !important;
+}
+.qtip-borderTop, .qtip-borderBottom{
+ display: none !important;
+}
+.qtip-title{
+ color: #0C377A !important;
+ background-color: #D8DFEA !important;
+}
+.qtip-content{
+ padding: 12px 9px !important;
+ background-color: #f7f7f7 !important;
+ border: 1px #D8DFEA solid;
+}
+
+
+
+/* Header - logo, naslov, progressbar */
+h1 {
+ margin: 0px auto 50px;
+ padding: 100px 0 0 0;
+ font-size: 22px;
+ color: #000;
+ text-align: center;
+}
+h1.evalvacija{
+ margin-bottom: 0;
+}
+
+#logo {
+ left: 0px;
+ top: 20px;
+ background: url(Otroci_Safe/otroci-logo.png) no-repeat 0 0 ;
+}
+#logo.english{
+}
+#logo a{
+ width:165px;
+ height:69px;
+}
+
+#progress_bar {
+ right: 210px;
+ left: auto;
+ top: 20px;
+}
+#progress_bar span {
+ float: left !important; /* ie6,7 doesnt support inline-block */
+ display: block;
+ width: 20px;
+ font-size: 11px;
+ color: #000;
+}
+#progress_bar div {
+ height: 10px;
+ width: 130px;
+ padding: 2px;
+ margin: 0 5px;
+ border: 1px #cccccc solid;
+ background-color: #ffffff;
+}
+#progress_bar div span {
+ height: 10px;
+ background-color: #000;
+}
+
+#progress_bar p a {
+ color: #0C377A;
+ text-decoration: none;
+}
+#progress_bar p a:hover {
+ color: #fa4913;
+}
+
+
+/* Spremenljivke */
+.spremenljivka {
+ margin: 20px 10px 20px 10px;
+ padding: 20px 2px 20px 12px !important;
+ border-top: 1px #B9C5D9 solid;
+}
+.spremenljivka.limited{
+ outline: 1px #F15A24 solid;
+}
+.required, .required_require, .required_limit {
+ outline: 1px #F15A24 solid;
+}
+
+.spremenljivka .naslov{
+ padding-left: 5px;
+ font-size: 13px;
+ font-weight:bold;
+ color: #000;
+}
+.spremenljivka .naslov .spremenljivka_info{
+ font-size: 70%;
+}
+
+div.variabla,
+td.variabla,
+td.question,
+td.differential{
+ font-size: 13px;
+}
+
+div.variable_holder {
+ padding: 0 30px;
+}
+
+div.variable_holder thead {
+ font-weight: 600;
+}
+table.grid_table tbody tr:nth-child(2n+1) {
+ background-color: #f7f7f7;
+}
+
+div.variable_holder .frame_ranking{
+ border: 1px #B9C5D9 solid;
+ background-color: #f7f7f7;
+}
+div.variable_holder .frame_ranking_hover {
+ border: 1px #8A9FBF solid;
+ background-color: #e2e4e7;
+}
+
+span.reminder {
+ left: 3px;
+}
+
+
+/* Gumbi na dnu */
+div.buttons {
+ padding: 30px 20px 35px;
+ margin: 0 10px;
+ border-top: 1px #B9C5D9 solid;
+}
+div.buttons input {
+ cursor: pointer;
+ margin: 8px 10px;
+ padding: 6px 8px;
+ text-align: center;
+ font-size: 13px;
+ color: #FFFFFF;
+ border-radius: 4px;
+ border: 0;
+}
+div.buttons input.next {
+ background-color: #ef6111;
+ border: 1px solid #dd530e;
+ color:#fff;
+}
+div.buttons input.next:hover {
+ background-color: #dd530e;
+ border: 1px solid #dd530e;
+ color:#fff;
+}
+div.buttons input.prev {
+ background-color: #ef6111;
+ border: 1px solid #dd530e;
+ color:#ffff;
+}
+div.buttons input.prev:hover {
+ background-color: #dd530e;
+ border: 1px solid #dd530e;
+ color:#fff;
+}
+
+
+/* Footer */
+#footer_survey {
+ padding: 20px;
+ background-color: #e7e5e0;
+ border-top: 3px #cecece solid;
+}
+#footer_survey a, #footer_survey a:visited {
+ color: #000;
+ text-decoration: none;
+}
+#footer_survey a:hover, #footer_survey a:active {
+ text-decoration: underline;
+}
+
+
+select { width:95%;}
+/* #Tablet (Portrait) */
+@media only screen and (min-width: 768px) and (max-width: 959px) {
+select { width:95%;}
+}
+
+/* #Mobile (Portrait) */
+@media only screen and (max-width: 767px) {
+select { width:95%;}
+}
+
+/* #Mobile (Landscape) */
+@media only screen and (min-width: 480px) and (max-width: 767px) {
+select { width:95%;}
+}
\ No newline at end of file diff --git a/main/survey/skins/Otroci3.css b/main/survey/skins/Otroci3.css new file mode 100644 index 0000000..a8c1a23 --- /dev/null +++ b/main/survey/skins/Otroci3.css @@ -0,0 +1,309 @@ +/*
+ Tema Otroci 3
+*/
+/*$font_family: Open Sans, Arial, Sans-Serif;*/
+/* Barve */
+body {
+ margin: 0;
+ padding: 0;
+ color: #333;
+ font-size: 75%;
+ font-family: Montserrat, Arial, Sans-Serif !important;
+ background: #b0e8ff url(Otroci/otroci-3-footer.png) left bottom repeat-x;
+}
+
+body.preview, body.testdata {
+ margin-top: 26px;
+}
+
+#outercontainer {
+ width: 100%;
+ padding-top: 130px;
+ margin: 0 auto;
+ min-height: 600px;
+ background: url(Otroci/otroci-3-top.png) center top no-repeat;
+}
+
+#container {
+ position: relative;
+ width: 100%;
+ width: 980px;
+ margin: 0px auto 10px;
+ background: #fff;
+ -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
+ -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
+ box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
+ border: 5px solid rgba(255, 255, 255, 0.5);
+}
+
+/* Warning bar (preview, cookie) */
+#cookie_alert, #test_alert {
+ height: 26px;
+ line-height: 25px;
+ color: #ffffff;
+ background-color: #ffa608;
+ border-bottom: 1px solid #ffa608;
+}
+#cookie_alert a, #test_alert a {
+ text-decoration: none;
+ font-weight: bold;
+ color: #ffffff;
+}
+#cookie_alert a:hover, #test_alert a:hover {
+ text-decoration: underline;
+}
+#cookie_alert span, #test_alert span {
+ color: #ffffff;
+}
+#cookie_alert span a, #test_alert span a {
+ color: #ffffff;
+ font-weight: normal;
+}
+
+/* Header - logo, naslov, progressbar */
+h1 {
+ margin: 0px auto 50px;
+ padding: 40px 0 0 0;
+ font-size: 24px;
+ color: #333;
+ text-align: center;
+}
+
+h1.evalvacija {
+ margin-bottom: 0;
+}
+
+#logo {
+ position: absolute;
+ top: -120px;
+ left: -40px;
+ width: 650px;
+ height: 230px;
+ background: url(Otroci/otroci-3-levo.png) left bottom no-repeat;
+}
+#logo #logo_right {
+ display: inline;
+ position: absolute;
+ top: 102px;
+ right: -475px;
+ width: 158px;
+ height: 311px;
+ background: url(Otroci/otroci-3-desno.png) right bottom no-repeat;
+}
+
+.header_settings_holder {
+ top: 0px;
+ right: -105px;
+ width: auto;
+ height: 110px;
+ padding-right: 150px;
+ padding-bottom: 25px;
+}
+.header_settings_holder .progress_bar span {
+ float: left !important;
+ /* ie6,7 doesnt support inline-block */
+ display: block;
+ width: 20px;
+ font-size: 11px;
+ color: #333;
+}
+.header_settings_holder .progress_bar div {
+ height: 10px;
+ width: 130px;
+ padding: 2px;
+ margin: 0 5px;
+ border: 1px #cccccc solid;
+ background-color: #ffffff;
+}
+.header_settings_holder .progress_bar div span {
+ height: 10px;
+ background-color: #f26b16;
+}
+.header_settings_holder .progress_bar p a {
+ color: #ef6c00;
+ text-decoration: none;
+}
+.header_settings_holder .progress_bar p a:hover {
+ color: #ff943d;
+}
+
+/* Spremenljivke */
+.spremenljivka {
+ margin: 20px 10px 20px 10px;
+ padding: 20px 2px 20px 12px !important;
+ border-top: 1px #B9C5D9 solid;
+}
+.spremenljivka .naslov {
+ padding-left: 5px;
+ padding-bottom: 15px;
+ font-size: 16px;
+ font-weight: 600;
+ color: #333;
+}
+.spremenljivka .naslov .spremenljivka_info {
+ font-size: 70%;
+}
+
+.spremenljivka.limited {
+ outline: 1px #F15A24 solid;
+}
+
+.required, .required_require, .required_limit {
+ outline: 1px #F15A24 solid;
+}
+
+div.variabla,
+td.variabla,
+td.question,
+td.differential {
+ font-size: 13px;
+}
+
+div.variable_holder {
+ padding: 0 30px;
+}
+div.variable_holder thead,
+div.variable_holder tr.table-header {
+ font-weight: 600;
+}
+div.variable_holder .frame_ranking {
+ border: 1px #B9C5D9 solid;
+ background-color: #f7f7f7;
+}
+div.variable_holder .frame_ranking_hover {
+ border: 1px #8A9FBF solid;
+ background-color: #e2e4e7;
+}
+
+table.grid_table tbody tr:nth-child(2n+1) {
+ background-color: #f7f7f7;
+}
+
+span.reminder {
+ left: 3px;
+}
+
+/* Textboxi, textarea, select */
+input, textarea, select {
+ font-family: Montserrat, Arial, Sans-Serif !important;
+}
+
+input[type=text], textarea, select {
+ padding: 10px 15px;
+ border-radius: 3px;
+ border: 1px solid #B9C5D9;
+ border-radius: 3px;
+ background-color: #fff;
+}
+
+button.ui-datepicker-trigger {
+ color: #ef6c00;
+}
+button.ui-datepicker-trigger:hover, button.ui-datepicker-trigger:focus {
+ color: #ff943d;
+}
+
+input[type=checkbox]:focus + span.enka-checkbox-radio:before,
+input[type=radio]:focus + span.enka-checkbox-radio:before,
+input[type=radio]:focus + span.enka-custom-radio:before,
+input[type=radio]:focus + span.enka-vizualna-skala::before {
+ color: #777;
+}
+
+/* Photo upload button */
+button.record_foto {
+ border: 2px solid #ef6c00;
+}
+button.record_foto::before {
+ color: #ef6c00;
+}
+button.record_foto:hover, button.record_foto:focus {
+ border-color: #ff943d;
+}
+button.record_foto:hover::before, button.record_foto:focus::before {
+ color: #ff943d;
+}
+
+/* Gumbi na dnu */
+div.buttons {
+ padding: 30px 20px 35px;
+ margin: 0 10px;
+ border-top: 1px #B9C5D9 solid;
+}
+div.buttons input {
+ cursor: pointer;
+ margin: 8px 10px;
+ padding: 10px 20px;
+ text-align: center;
+ font-size: 12px;
+ letter-spacing: 1px;
+ font-weight: 600;
+ color: #FFFFFF;
+ border-radius: 20px;
+ border: 0;
+}
+div.buttons input.next {
+ background-color: #ef6c00;
+ border: 1px solid #ef6c00;
+ color: #fff;
+}
+div.buttons input.next:hover, div.buttons input.next:focus {
+ background-color: #ff943d;
+ border: 1px solid #ff943d;
+ color: #fff;
+}
+div.buttons input.prev {
+ background-color: #fff;
+ border: 1px solid #ef6c00;
+ color: #ef6c00;
+}
+div.buttons input.prev:hover, div.buttons input.prev:focus {
+ background-color: #ef6c00;
+ border: 1px solid #ef6c00;
+ color: #fff;
+}
+
+/* Footer */
+#footer_survey {
+ padding: 20px;
+}
+#footer_survey a, #footer_survey a:visited {
+ color: #333;
+ text-decoration: none;
+}
+#footer_survey a:hover, #footer_survey a:active {
+ text-decoration: underline;
+}
+
+/* #Tablet (Portrait) */
+@media only screen and (min-width: 768px) and (max-width: 959px) {
+ #container {
+ width: 760px;
+ }
+
+ #logo {
+ width: 550px;
+ }
+}
+/* #Mobile (Portrait) */
+@media only screen and (max-width: 767px) {
+ #container {
+ width: 280px;
+ }
+
+ #logo {
+ width: 350px;
+ }
+}
+/* #Mobile (Landscape) */
+@media only screen and (min-width: 480px) and (max-width: 767px) {
+ #container {
+ width: 480px;
+ }
+
+ #logo {
+ width: 450px;
+ }
+}
+
+/*# sourceMappingURL=Otroci3.css.map */
diff --git a/main/survey/skins/Otroci4.css b/main/survey/skins/Otroci4.css new file mode 100644 index 0000000..32cabe5 --- /dev/null +++ b/main/survey/skins/Otroci4.css @@ -0,0 +1,293 @@ +/*
+ Tema Otroci 4
+*/
+/*$font_family: Open Sans, Arial, Sans-Serif;*/
+/* Barve */
+body {
+ margin: 0;
+ padding: 0;
+ color: #333;
+ font-size: 75%;
+ font-family: Montserrat, Arial, Sans-Serif !important;
+ background: #fff url(Otroci/otroci-4-footer.png) left bottom repeat-x;
+}
+
+body.preview, body.testdata {
+ margin-top: 26px;
+}
+
+#outercontainer {
+ width: 100%;
+ padding-top: 130px;
+ margin: 0 auto;
+ background: url(Otroci/otroci-4-top.png) left top repeat-x;
+}
+
+#container {
+ position: relative;
+ width: 100%;
+ width: 980px;
+ margin: 0px auto 10px;
+ background: #fff;
+ -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
+ -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
+ box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
+ border: 5px solid rgba(255, 255, 255, 0.5);
+}
+
+/* Warning bar (preview, cookie) */
+#cookie_alert, #test_alert {
+ height: 26px;
+ line-height: 25px;
+ color: #ffffff;
+ background-color: #ffa608;
+ border-bottom: 1px solid #ffa608;
+}
+#cookie_alert a, #test_alert a {
+ text-decoration: none;
+ font-weight: bold;
+ color: #ffffff;
+}
+#cookie_alert a:hover, #test_alert a:hover {
+ text-decoration: underline;
+}
+#cookie_alert span, #test_alert span {
+ color: #ffffff;
+}
+#cookie_alert span a, #test_alert span a {
+ color: #ffffff;
+ font-weight: normal;
+}
+
+/* Header - logo, naslov, progressbar */
+h1 {
+ margin: 0px auto 50px;
+ padding: 40px 0 0 0;
+ font-size: 24px;
+ color: #333;
+ text-align: center;
+}
+
+h1.evalvacija {
+ margin-bottom: 0;
+}
+
+#logo {
+ position: absolute;
+ top: -50px;
+ left: -20px;
+}
+#logo #logo_right {
+ display: inline;
+ position: absolute;
+ top: 31px;
+ right: -125px;
+ width: 158px;
+ height: 311px;
+ background: url(Otroci/otroci-3-desno.png) right bottom no-repeat;
+}
+
+.header_settings_holder {
+ top: 0px;
+ right: -105px;
+ width: auto;
+ height: 110px;
+ padding-right: 150px;
+ padding-bottom: 25px;
+}
+.header_settings_holder .progress_bar span {
+ float: left !important;
+ /* ie6,7 doesnt support inline-block */
+ display: block;
+ width: 20px;
+ font-size: 11px;
+ color: #333;
+}
+.header_settings_holder .progress_bar div {
+ height: 10px;
+ width: 130px;
+ padding: 2px;
+ margin: 0 5px;
+ border: 1px #cccccc solid;
+ background-color: #ffffff;
+}
+.header_settings_holder .progress_bar div span {
+ height: 10px;
+ background-color: #f26b16;
+}
+.header_settings_holder .progress_bar p a {
+ color: #ef6c00;
+ text-decoration: none;
+}
+.header_settings_holder .progress_bar p a:hover {
+ color: #ff943d;
+}
+
+/* Spremenljivke */
+.spremenljivka {
+ margin: 20px 10px 20px 10px;
+ padding: 20px 2px 20px 12px !important;
+ border-top: 1px #B9C5D9 solid;
+}
+.spremenljivka .naslov {
+ padding-left: 5px;
+ padding-bottom: 15px;
+ font-size: 16px;
+ font-weight: 600;
+ color: #333;
+}
+.spremenljivka .naslov .spremenljivka_info {
+ font-size: 70%;
+}
+
+.spremenljivka.limited {
+ outline: 1px #F15A24 solid;
+}
+
+.required, .required_require, .required_limit {
+ outline: 1px #F15A24 solid;
+}
+
+div.variabla,
+td.variabla,
+td.question,
+td.differential {
+ font-size: 13px;
+}
+
+div.variable_holder {
+ padding: 0 30px;
+}
+div.variable_holder thead,
+div.variable_holder tr.table-header {
+ font-weight: 600;
+}
+div.variable_holder .frame_ranking {
+ border: 1px #B9C5D9 solid;
+ background-color: #f7f7f7;
+}
+div.variable_holder .frame_ranking_hover {
+ border: 1px #8A9FBF solid;
+ background-color: #e2e4e7;
+}
+
+table.grid_table tbody tr:nth-child(2n+1) {
+ background-color: #f7f7f7;
+}
+
+span.reminder {
+ left: 3px;
+}
+
+/* Textboxi, textarea, select */
+input, textarea, select {
+ font-family: Montserrat, Arial, Sans-Serif !important;
+}
+
+input[type=text], textarea, select {
+ padding: 10px 15px;
+ border-radius: 3px;
+ border: 1px solid #B9C5D9;
+ border-radius: 3px;
+ background-color: #fff;
+}
+
+button.ui-datepicker-trigger {
+ color: #ef6c00;
+}
+button.ui-datepicker-trigger:hover, button.ui-datepicker-trigger:focus {
+ color: #ff943d;
+}
+
+input[type=checkbox]:focus + span.enka-checkbox-radio:before,
+input[type=radio]:focus + span.enka-checkbox-radio:before,
+input[type=radio]:focus + span.enka-custom-radio:before,
+input[type=radio]:focus + span.enka-vizualna-skala::before {
+ color: #777;
+}
+
+/* Photo upload button */
+button.record_foto {
+ border: 2px solid #ef6c00;
+}
+button.record_foto::before {
+ color: #ef6c00;
+}
+button.record_foto:hover, button.record_foto:focus {
+ border-color: #ff943d;
+}
+button.record_foto:hover::before, button.record_foto:focus::before {
+ color: #ff943d;
+}
+
+/* Gumbi na dnu */
+div.buttons {
+ padding: 30px 20px 35px;
+ margin: 0 10px;
+ border-top: 1px #B9C5D9 solid;
+}
+div.buttons input {
+ cursor: pointer;
+ margin: 8px 10px;
+ padding: 10px 20px;
+ text-align: center;
+ font-size: 12px;
+ letter-spacing: 1px;
+ font-weight: 600;
+ color: #FFFFFF;
+ border-radius: 20px;
+ border: 0;
+}
+div.buttons input.next {
+ background-color: #ef6c00;
+ border: 1px solid #ef6c00;
+ color: #fff;
+}
+div.buttons input.next:hover, div.buttons input.next:focus {
+ background-color: #ff943d;
+ border: 1px solid #ff943d;
+ color: #fff;
+}
+div.buttons input.prev {
+ background-color: #fff;
+ border: 1px solid #ef6c00;
+ color: #ef6c00;
+}
+div.buttons input.prev:hover, div.buttons input.prev:focus {
+ background-color: #ef6c00;
+ border: 1px solid #ef6c00;
+ color: #fff;
+}
+
+/* Footer */
+#footer_survey {
+ padding: 20px;
+}
+#footer_survey a, #footer_survey a:visited {
+ color: #333;
+ text-decoration: none;
+}
+#footer_survey a:hover, #footer_survey a:active {
+ text-decoration: underline;
+}
+
+/* #Tablet (Portrait) */
+@media only screen and (min-width: 768px) and (max-width: 959px) {
+ #container {
+ width: 760px;
+ }
+}
+/* #Mobile (Portrait) */
+@media only screen and (max-width: 767px) {
+ #container {
+ width: 280px;
+ }
+}
+/* #Mobile (Landscape) */
+@media only screen and (min-width: 480px) and (max-width: 767px) {
+ #container {
+ width: 480px;
+ }
+}
+
+/*# sourceMappingURL=Otroci4.css.map */
diff --git a/main/survey/skins/Otroci_Safe/nadaljuj-kasneje.png b/main/survey/skins/Otroci_Safe/nadaljuj-kasneje.png Binary files differnew file mode 100644 index 0000000..79e0956 --- /dev/null +++ b/main/survey/skins/Otroci_Safe/nadaljuj-kasneje.png diff --git a/main/survey/skins/Otroci_Safe/otroci-1.png b/main/survey/skins/Otroci_Safe/otroci-1.png Binary files differnew file mode 100644 index 0000000..ace989f --- /dev/null +++ b/main/survey/skins/Otroci_Safe/otroci-1.png diff --git a/main/survey/skins/Otroci_Safe/otroci-2-figure.png b/main/survey/skins/Otroci_Safe/otroci-2-figure.png Binary files differnew file mode 100644 index 0000000..c06aa71 --- /dev/null +++ b/main/survey/skins/Otroci_Safe/otroci-2-figure.png diff --git a/main/survey/skins/Otroci_Safe/otroci-2.png b/main/survey/skins/Otroci_Safe/otroci-2.png Binary files differnew file mode 100644 index 0000000..40663a5 --- /dev/null +++ b/main/survey/skins/Otroci_Safe/otroci-2.png diff --git a/main/survey/skins/Otroci_Safe/otroci-figure.png b/main/survey/skins/Otroci_Safe/otroci-figure.png Binary files differnew file mode 100644 index 0000000..248a42e --- /dev/null +++ b/main/survey/skins/Otroci_Safe/otroci-figure.png diff --git a/main/survey/skins/Otroci_Safe/otroci-logo.png b/main/survey/skins/Otroci_Safe/otroci-logo.png Binary files differnew file mode 100644 index 0000000..715f030 --- /dev/null +++ b/main/survey/skins/Otroci_Safe/otroci-logo.png diff --git a/main/survey/skins/Slideshow.css b/main/survey/skins/Slideshow.css new file mode 100644 index 0000000..cf287f4 --- /dev/null +++ b/main/survey/skins/Slideshow.css @@ -0,0 +1,111 @@ +* {
+
+ font-family: Verdana,Arial,Helvetica,sans-serif;
+}
+
+body {
+ font-size: 10pt;
+ padding: 0px !important;
+ margin: 0px !important;
+ background: white;
+ color: #333;
+}
+
+p {
+ padding: 0px !important;
+ margin: 0px !important;
+}
+
+#container {
+ width: auto;
+ background: #FFFFFF;
+ padding: 0px !important;
+ margin: 0px !important;
+ border: none !important;
+}
+
+#container h1 {
+ display:none;
+}
+
+.spremenljivka {
+ /*border: 1px solid #999;*/
+ margin: 10px 0px 10px 0px !important;
+ padding: 10px 0px 10px 0px !important;
+ background: none !important;
+}
+
+.variabla{
+ padding: 0px;
+}
+
+div.comment {
+ margin-top: 20px;
+ padding-top: 10px;
+}
+
+.embed_out{
+ display: none !important;
+}
+
+/*Dodano iz 1ka skina */
+
+#logo {
+ margin-right: 10px;
+ top: 20px;
+ background: url("../../../public/img/logo/1ka_slo.svg") no-repeat scroll 100% 0 transparent;
+ background-position: 20px 4px;
+ background-repeat: no-repeat;
+}
+#logo.english{
+ top: 24px;
+ background: url("../../../public/img/logo/1ka_eng.svg") no-repeat scroll 100% 0 transparent;
+}
+#logo a{
+ width: 80px;
+ height: 46px;
+}
+
+/*Do tukaj*/
+
+
+#progress_bar{
+ display: none !important;
+}
+
+#pdfExport {
+ display: none !important;
+}
+
+#printView {
+ display: none !important;
+}
+
+
+.grupa {
+ margin: 0px !important;
+ padding: 0px !important;
+}
+
+.grupa p {
+ margin:0px !important;
+}
+
+.fdv_di_img {
+ display: inline-block;
+ font-family: monospace;
+ font-family: Verdana,Arial,Helvetica,sans-serif;
+ font-size: 9pt;
+ font-size: 0.85em;
+ text-align: justify;
+ }
+
+.pointer {
+ cursor: pointer !important;
+}
+
+.next, .prev, .pause {
+ margin: 0px 20px !important;
+}
+
+#footer_survey {display: none}
\ No newline at end of file diff --git a/main/survey/skins/Uni.css b/main/survey/skins/Uni.css new file mode 100644 index 0000000..182f2a0 --- /dev/null +++ b/main/survey/skins/Uni.css @@ -0,0 +1,534 @@ +/*
+ Uni tema - Siva barva z logotipom univerze
+*/
+/* Barve */
+/* Import osnovne postavitve */
+/*
+ Osnovna tema ankete - 1ka - brez definiranih barv
+*/
+/* Fonti */
+body {
+ margin: 0;
+ padding: 0;
+ color: #505050;
+ font-size: 100%;
+ font-family: Montserrat, Arial, Sans-Serif !important;
+ background: #ffffff;
+}
+
+body.preview, body.testdata {
+ margin-top: 26px;
+}
+
+#outercontainer {
+ width: 100%;
+ margin: 0 auto;
+}
+#outercontainer .outercontainer_header {
+ position: absolute;
+ width: 100%;
+ height: 80px;
+ border-bottom: 6px #666666 solid;
+}
+#outercontainer #container {
+ position: relative;
+ width: 100%;
+ max-width: 1200px;
+ margin: 0px auto 10px;
+}
+
+/* Warning bar (preview, cookie) */
+#cookie_alert,
+#test_alert {
+ height: 26px;
+ font-size: 15px;
+ line-height: 25px;
+ color: #ffffff;
+ background-color: #ffa608;
+ border-bottom: 1px solid #ffa608;
+}
+#cookie_alert a,
+#test_alert a {
+ text-decoration: none;
+ font-weight: bold;
+ color: #ffffff;
+}
+#cookie_alert a:hover,
+#test_alert a:hover {
+ text-decoration: underline;
+}
+#cookie_alert span,
+#test_alert span {
+ color: #ffffff;
+}
+#cookie_alert span a,
+#test_alert span a {
+ color: #ffffff;
+ font-weight: normal;
+}
+
+/* Header - logo, naslov, progressbar */
+h1 {
+ margin: 0px auto 30px;
+ padding: 120px 0 50px 0;
+ font-size: 28px;
+ color: #666666;
+ text-align: center;
+ border-bottom: 1px solid #eeeeee;
+}
+
+h1.evalvacija {
+ margin-bottom: 0;
+}
+
+#logo {
+ right: auto;
+ left: 25px;
+ top: 13px;
+ max-height: 56px !important;
+ background: url("../../../public/img/logo/1ka_slo.svg");
+ background-repeat: no-repeat !important;
+ background-size: auto 100% !important;
+}
+#logo a {
+ width: 250px;
+ height: 56px;
+}
+
+#logo.english {
+ background: url("../../../public/img/logo/1ka_eng.svg");
+}
+
+.header_settings_holder {
+ top: 0px;
+ right: 20px;
+ left: auto;
+}
+.header_settings_holder .progress_bar span {
+ float: left !important;
+ /* ie6,7 doesnt support inline-block */
+ display: block;
+ width: 20px;
+ font-size: 11px;
+ color: #6D87AF;
+}
+.header_settings_holder .progress_bar div {
+ height: 10px;
+ width: 130px;
+ padding: 2px;
+ margin: 0 5px;
+ border: 1px #cccccc solid;
+ background-color: #ffffff;
+}
+.header_settings_holder .progress_bar div span {
+ height: 10px;
+ background-color: #666666;
+}
+.header_settings_holder .progress_bar p a {
+ color: #666666;
+ text-decoration: none;
+}
+.header_settings_holder .progress_bar p a:hover {
+ color: #8c8c8c;
+}
+.header_settings_holder .continue_later_setting a {
+ color: #666666;
+}
+.header_settings_holder .continue_later_setting a:hover {
+ color: #8c8c8c;
+}
+.header_settings_holder .tawk_chat a {
+ color: #666666;
+}
+.header_settings_holder .tawk_chat a:hover {
+ color: #8c8c8c;
+}
+
+/* Spremenljivke */
+.spremenljivka {
+ margin: 20px 10px 20px 10px;
+ padding: 20px 2px 50px 12px !important;
+ border-bottom: 1px #eeeeee solid;
+}
+.spremenljivka .naslov {
+ padding: 5px 0 15px 5px;
+ font-size: 18px;
+ font-weight: 600;
+}
+.spremenljivka .naslov .spremenljivka_info {
+ font-size: 14px;
+ font-weight: 400;
+ padding-top: 7px;
+}
+.spremenljivka .sequence_number {
+ background-color: #eeeeee;
+ color: #888888;
+}
+.spremenljivka .sequence_number:hover {
+ background-color: #d5d5d5;
+}
+.spremenljivka .sequence_number.active {
+ background-color: #888888;
+ color: #ffffff;
+}
+.spremenljivka .counter {
+ font-size: 18px;
+}
+.spremenljivka #dynamic_count {
+ color: #666666;
+}
+.spremenljivka .arrow {
+ color: #666666;
+}
+.spremenljivka .arrow:hover {
+ color: #8c8c8c;
+}
+
+.spremenljivka.limited {
+ outline: 1px #F15A24 solid;
+}
+
+.required, .required_require, .required_limit {
+ outline: 1px #F15A24 solid;
+}
+
+div.variabla,
+td.variabla,
+td.question,
+td.differential,
+.variabla_sum label {
+ font-size: 14px;
+}
+
+div.variable_holder {
+ padding: 10px 0 0 0;
+}
+div.variable_holder thead,
+div.variable_holder tr.table-header {
+ font-weight: normal;
+ font-size: 14px;
+}
+div.variable_holder thead td,
+div.variable_holder tr.table-header td {
+ 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 {
+ border-bottom: 2px #888888 solid;
+ border-top: 2px #888888 solid;
+ background-color: #ffffff;
+}
+table.grid_table tbody tr:nth-child(2n+1) {
+ background-color: #ffffff;
+}
+table.grid_table tbody tr:nth-child(2n) {
+ background-color: #eeeeee;
+}
+table.grid_table td {
+ padding: 10px 10px;
+}
+
+span.reminder {
+ left: 3px;
+}
+
+/* Textboxi, textarea, select */
+input, textarea, select {
+ font-family: Montserrat, Arial, Sans-Serif !important;
+}
+
+input[type=text], textarea, select {
+ padding: 10px 15px;
+ border-radius: 3px;
+ border: 1px solid #d1d1d1;
+ border-radius: 3px;
+ background-color: #fff;
+}
+
+/* ranking */
+.dropzone {
+ border-top: 1px #eeeeee solid;
+ margin-top: 12px;
+ padding-top: 17px;
+}
+
+table.ranking_table ul {
+ margin-top: 19px;
+}
+
+.ranking,
+.ranking_long,
+.handle,
+.handle_long,
+.ime,
+.izbran,
+.frame_ranking,
+.frame_ranking_hover,
+.frame_dropping,
+.frame_dropping_hover,
+.frame_moving {
+ font-size: 13px;
+ padding: 7px 10px 9px;
+ border: 2px solid #666666;
+ background-color: #ffffff;
+}
+
+.ranking:hover {
+ background-color: #f5fafe;
+}
+
+div.variable_holder .frame_ranking_hover {
+ border: 2px #666666 solid;
+ background-color: #eeeeee;
+}
+
+div.variable_holder .frame_ranking,
+div.variable_holder .frame_moving,
+div.variable_holder .frame_dropping,
+div.variable_holder .frame_dropping_hover {
+ text-indent: -35px;
+ border: 2px #888888 solid;
+ background-color: #eeeeee;
+}
+
+table.ranking_table b {
+ font-size: 13px;
+ font-weight: 600;
+}
+
+/* Photo upload button */
+button.record_foto {
+ border: 2px solid #666666;
+}
+button.record_foto::before {
+ color: #666666;
+}
+button.record_foto:hover, button.record_foto:focus {
+ border-color: #8c8c8c;
+}
+button.record_foto:hover::before, button.record_foto:focus::before {
+ color: #8c8c8c;
+}
+
+/* Koledar */
+.ui-datepicker {
+ font-size: 14px;
+}
+
+button.ui-datepicker-trigger {
+ color: #666666;
+}
+button.ui-datepicker-trigger:hover, button.ui-datepicker-trigger:focus {
+ color: #8c8c8c;
+}
+
+/* Slider */
+.grupa .spremenljivka .ui-slider-pips .ui-slider-pip {
+ color: #505050;
+}
+.grupa .spremenljivka .slider.ui-widget-content {
+ /*background-color: $color_light !important;*/
+ background-image: none !important;
+ border: 0;
+}
+.grupa .spremenljivka .ui-slider-horizontal {
+ height: 8px;
+}
+.grupa .spremenljivka .ui-slider-handle {
+ cursor: pointer;
+ height: 10px !important;
+ width: 18px !important;
+ margin-top: 1px;
+ border: 0;
+ border-radius: 15px 15px !important;
+ background-color: #666666 !important;
+ background-image: none !important;
+}
+.grupa .spremenljivka .ui-slider-handle:active {
+ background-color: #666666 !important;
+}
+.grupa .spremenljivka .sliderText {
+ padding-top: 2px;
+ color: #505050;
+ background-color: #888888;
+ border: 0;
+}
+.grupa .spremenljivka .sliderText::after {
+ border-color: #888888 transparent;
+}
+
+/* Warning levo od vprasanja */
+.validation_alert {
+ position: absolute;
+ z-index: 51;
+ top: 20px;
+ left: -150px;
+ width: 130px;
+ min-height: 29px;
+ margin: 0;
+ text-align: center;
+ font-size: 11px;
+ line-height: 14px;
+ background-color: #eeeeee;
+ border: 2px solid red;
+ padding: 4px 7px;
+ border-radius: 4px;
+ box-shadow: none;
+}
+
+/* Gumbi na dnu */
+div.buttons {
+ padding: 20px 20px 35px;
+ margin: 0 10px;
+}
+div.buttons input {
+ cursor: pointer;
+ margin: 8px 10px;
+ /*padding: 7px 11px;*/
+ padding: 10px 20px;
+ text-align: center;
+ font-size: 12px;
+ letter-spacing: 1px;
+ font-weight: 600;
+ color: #FFFFFF;
+ border-radius: 20px;
+ border: 0;
+}
+div.buttons input.next {
+ background-color: #666666;
+ border: 1px solid #666666;
+}
+div.buttons input.next:hover, div.buttons input.next:focus {
+ background-color: #8c8c8c;
+ border: 1px solid #8c8c8c;
+}
+div.buttons input.prev {
+ color: #666666;
+ background-color: #fff;
+ border: 1px solid #666666;
+}
+div.buttons input.prev:hover, div.buttons input.prev:focus {
+ color: #fff;
+ background-color: #666666;
+}
+
+/* Footer */
+#footer_survey {
+ padding: 40px;
+ background-color: #ffffff;
+ border-top: 1px #eeeeee solid;
+}
+#footer_survey p, #footer_survey a, #footer_survey a:visited {
+ color: #505050;
+ font-size: 14px;
+ line-height: 25px;
+ font-weight: 400;
+ text-decoration: none;
+}
+#footer_survey a:hover, #footer_survey a:active {
+ text-decoration: none;
+}
+
+/* awesome radio in checkboxi */
+input[type=checkbox] + span.enka-checkbox-radio,
+input[type=radio] + span.enka-checkbox-radio,
+.custom_radio_picture.obarvan > label > span.enka-custom-radio:before,
+.visual-radio-scale.checked .enka-vizualna-skala {
+ color: #888888;
+ font-size: 20px;
+ vertical-align: -1px;
+}
+
+input[type=checkbox]:focus + span.enka-checkbox-radio:before,
+input[type=radio]:focus + span.enka-checkbox-radio:before,
+input[type=radio]:focus + span.enka-custom-radio:before,
+input[type=radio]:focus + span.enka-vizualna-skala::before {
+ color: #484848;
+}
+
+input[type=text]:focus,
+input[type=number]:focus,
+input[type=email]:focus,
+input[type=password]:focus,
+textarea:focus {
+ border-color: #888888;
+}
+
+/* Ranking drag drop */
+.drag_and_drop {
+ top: -9px;
+ left: -12px;
+}
+
+.drag_and_drop_right {
+ top: -9px !important;
+ left: -12px !important;
+}
+
+.frame_dropping_titles {
+ width: 240px;
+ padding: 5px;
+ margin: 0px auto 0px auto;
+ height: 15px;
+ text-align: center;
+ background-color: #FFFFFF;
+ border-top: 2px solid #b9c5d9;
+ border-left: 2px solid #b9c5d9;
+ border-right: 2px solid #b9c5d9;
+ font-size: 13px;
+}
+
+.drag_and_drop_box {
+ top: -9px;
+ left: -12px;
+}
+.drag_and_drop_box img {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.drag_and_drop_box_right {
+ top: 19px !important;
+ left: -12px !important;
+}
+
+.drag_and_drop_box_right_after_refresh {
+ /*top: 44px!important;*/
+ left: -12px !important;
+}
+
+.drag_and_drop_box_right_over {
+ left: -12px !important;
+}
+
+.frame_dropping_titles_box {
+ width: 240px;
+ padding: 5px;
+ margin: 0px auto 0px auto;
+ height: 15px;
+ text-align: center;
+ background-color: #FFFFFF;
+ font-size: 13px;
+}
+
+.frame_dropping {
+ padding: 7px 10px 9px;
+}
+
+.frame_dropping_box {
+ padding: 7px 10px 9px;
+}
+
+/* Popravimo se logo */
+#logo, #logo.english {
+ background-image: url("../../../public/img/logo/uni.png");
+}
+
+/*# sourceMappingURL=Uni.css.map */
diff --git a/main/survey/skins/check-radio/box_checked_blue.png b/main/survey/skins/check-radio/box_checked_blue.png Binary files differnew file mode 100644 index 0000000..f3051c2 --- /dev/null +++ b/main/survey/skins/check-radio/box_checked_blue.png diff --git a/main/survey/skins/check-radio/box_checked_grey.png b/main/survey/skins/check-radio/box_checked_grey.png Binary files differnew file mode 100644 index 0000000..ff46ebe --- /dev/null +++ b/main/survey/skins/check-radio/box_checked_grey.png diff --git a/main/survey/skins/check-radio/box_empty_blue.png b/main/survey/skins/check-radio/box_empty_blue.png Binary files differnew file mode 100644 index 0000000..4f847b9 --- /dev/null +++ b/main/survey/skins/check-radio/box_empty_blue.png diff --git a/main/survey/skins/check-radio/box_empty_grey.png b/main/survey/skins/check-radio/box_empty_grey.png Binary files differnew file mode 100644 index 0000000..4a028dd --- /dev/null +++ b/main/survey/skins/check-radio/box_empty_grey.png diff --git a/main/survey/skins/check-radio/icons.png b/main/survey/skins/check-radio/icons.png Binary files differnew file mode 100644 index 0000000..bdca73a --- /dev/null +++ b/main/survey/skins/check-radio/icons.png diff --git a/main/survey/skins/check-radio/icons.psd b/main/survey/skins/check-radio/icons.psd Binary files differnew file mode 100644 index 0000000..7d8c8b4 --- /dev/null +++ b/main/survey/skins/check-radio/icons.psd diff --git a/main/survey/skins/check-radio/radio_checked_blue.png b/main/survey/skins/check-radio/radio_checked_blue.png Binary files differnew file mode 100644 index 0000000..1eb053b --- /dev/null +++ b/main/survey/skins/check-radio/radio_checked_blue.png diff --git a/main/survey/skins/check-radio/radio_checked_grey.png b/main/survey/skins/check-radio/radio_checked_grey.png Binary files differnew file mode 100644 index 0000000..7a082c5 --- /dev/null +++ b/main/survey/skins/check-radio/radio_checked_grey.png diff --git a/main/survey/skins/check-radio/radio_unchecked_blue.png b/main/survey/skins/check-radio/radio_unchecked_blue.png Binary files differnew file mode 100644 index 0000000..034bfab --- /dev/null +++ b/main/survey/skins/check-radio/radio_unchecked_blue.png diff --git a/main/survey/skins/check-radio/radio_unchecked_grey.png b/main/survey/skins/check-radio/radio_unchecked_grey.png Binary files differnew file mode 100644 index 0000000..39a495f --- /dev/null +++ b/main/survey/skins/check-radio/radio_unchecked_grey.png diff --git a/main/survey/skins/check-radio/smiley_happy_blue.png b/main/survey/skins/check-radio/smiley_happy_blue.png Binary files differnew file mode 100644 index 0000000..3a58984 --- /dev/null +++ b/main/survey/skins/check-radio/smiley_happy_blue.png diff --git a/main/survey/skins/check-radio/smiley_happy_grey.png b/main/survey/skins/check-radio/smiley_happy_grey.png Binary files differnew file mode 100644 index 0000000..22a514a --- /dev/null +++ b/main/survey/skins/check-radio/smiley_happy_grey.png diff --git a/main/survey/skins/check-radio/star_blue.png b/main/survey/skins/check-radio/star_blue.png Binary files differnew file mode 100644 index 0000000..9432712 --- /dev/null +++ b/main/survey/skins/check-radio/star_blue.png diff --git a/main/survey/skins/check-radio/star_empty_blue.png b/main/survey/skins/check-radio/star_empty_blue.png Binary files differnew file mode 100644 index 0000000..2599957 --- /dev/null +++ b/main/survey/skins/check-radio/star_empty_blue.png diff --git a/main/survey/skins/check-radio/thumbs_up.png b/main/survey/skins/check-radio/thumbs_up.png Binary files differnew file mode 100644 index 0000000..9fa7ffb --- /dev/null +++ b/main/survey/skins/check-radio/thumbs_up.png diff --git a/main/survey/skins/check-radio/thumbs_up_blue.png b/main/survey/skins/check-radio/thumbs_up_blue.png Binary files differnew file mode 100644 index 0000000..a8e1388 --- /dev/null +++ b/main/survey/skins/check-radio/thumbs_up_blue.png diff --git a/main/survey/skins/fdv/fdv.png b/main/survey/skins/fdv/fdv.png Binary files differnew file mode 100644 index 0000000..e3046de --- /dev/null +++ b/main/survey/skins/fdv/fdv.png diff --git a/main/survey/skins/glasovanje/Classic.css b/main/survey/skins/glasovanje/Classic.css new file mode 100644 index 0000000..c0c943f --- /dev/null +++ b/main/survey/skins/glasovanje/Classic.css @@ -0,0 +1,58 @@ +/*p, #arhiv {
+ font-size: 12px;
+}*/
+
+.glas_settings_title p{
+ padding: 5px 0 !important;
+
+ /*font-size: 14px;
+ font-weight: bold;*/
+}
+
+#graph{
+ width: 340px;
+ height: 10px;
+ background-color: #dddddd;
+ border: 1px #aaaaaa solid;
+}
+
+#graph .graph_fill{
+ height: 10px;
+ background-color: #0c377a;
+}
+
+.spol{
+ margin: 20px 0 0 0;
+ font-weight: bold;
+}
+.spol table tr td{
+ vertical-align: bottom;
+}
+.spol_buttons{
+ width: 330px;
+ margin: 15px 10px;
+
+ text-align: center;
+}
+.spol_buttons input{
+ cursor: pointer;
+ width: 75px;
+ padding: 2px;
+ margin: 0 4px 0 4px;
+
+ background-color: #eff2f7;
+ border: 1px solid #dfe2e7;
+ color: #0c377a;
+ border-radius: 3px;
+}
+.spol_buttons input:hover,
+.spol_buttons input.active{
+ color: white;
+ background-color: #0c377a;
+ border: 1px solid #0c377a;
+}
+
+#arhiv a:link{text-decoration: none; color: #0000bb;}
+#arhiv a:visited{text-decoration: none; color: #0000bb;}
+#arhiv a:active{text-decoration: none; color: #0000bb;}
+#arhiv a:hover{text-decoration: none; color: #6666ff;}
\ No newline at end of file diff --git a/main/survey/skins/glasovanje/Modern.css b/main/survey/skins/glasovanje/Modern.css new file mode 100644 index 0000000..9face9a --- /dev/null +++ b/main/survey/skins/glasovanje/Modern.css @@ -0,0 +1,45 @@ +.glas_settings_title p{
+ padding: 5px 0 !important;
+
+ /*font-size: 14px;
+ font-weight: bold;*/
+}
+
+#graph{
+ width: 340px;
+ height: 2px;
+ background-color: #BBBBBB;
+ border: 1px #888888 solid;
+}
+
+#graph .graph_fill{
+ height: 2px;
+ background-color: #ff0000;
+}
+
+.spol{
+ margin: 20px 0 0 0;
+ font-weight: bold;
+}
+.spol table tr td{
+ vertical-align: bottom;
+}
+.spol_buttons{
+ width: 330px;
+ margin: 10px;
+
+ text-align: center;
+}
+.spol_buttons input{
+ width: 60px;
+ margin: 0 2px 0 2px;
+}
+.spol_buttons input.active{
+ font-weight: bold;
+ color: #bb0000;
+}
+
+#arhiv a:link{text-decoration: none; color: #bb0000;}
+#arhiv a:visited{text-decoration: none; color: #bb0000;}
+#arhiv a:active{text-decoration: none; color: #bb0000;}
+#arhiv a:hover{text-decoration: none; color: #ff5555;}
diff --git a/main/survey/skins/quiz/false.png b/main/survey/skins/quiz/false.png Binary files differnew file mode 100644 index 0000000..3589f7b --- /dev/null +++ b/main/survey/skins/quiz/false.png diff --git a/main/survey/skins/quiz/quiz.css b/main/survey/skins/quiz/quiz.css new file mode 100644 index 0000000..419b372 --- /dev/null +++ b/main/survey/skins/quiz/quiz.css @@ -0,0 +1,62 @@ +
+/* PRIKAZ REZULTATOV */
+#quiz_results{
+ /*border-top: 1px solid #b9c5d9;*/
+ margin: 20px 10px 0 10px;
+ padding: 10px 2px 0px 12px !important;
+}
+
+#quiz_results h2{
+ margin: 20px auto 0px;
+ padding: 0;
+
+ text-align: center;
+ color: #0c377a;
+ font-size: 17px;
+}
+
+#quiz_results .spremenljivka .variabla{
+ /*height: 18px;*/
+ line-height: 18px;
+}
+#quiz_results .spremenljivka .variabla.red{
+ color: #ff0000;
+ font-weight: 600;
+}
+#quiz_results .spremenljivka .variabla.green{
+ color: #66c24a;
+ font-weight: 600;
+}
+#quiz_results .spremenljivka .variabla.bold{
+ color: #66c24a;
+ font-weight: 600;
+}
+
+#quiz_results .spremenljivka .variabla .true,
+#quiz_results .spremenljivka .variabla .true2,
+#quiz_results .spremenljivka .variabla .false{
+ display: inline-block;
+ width: 18px;
+ height: 14px;
+
+ vertical-align: middle;
+ line-height: normal;
+ margin: -4px 0 0 15px;
+
+ background-repeat: no-repeat;
+}
+#quiz_results .spremenljivka .variabla .true{
+ background-image: url("true.png");
+}
+#quiz_results .spremenljivka .variabla .true2{
+ background-image: url("true2.png");
+}
+#quiz_results .spremenljivka .variabla .false{
+ background-image: url("false.png");
+}
+
+
+/* PRIKAZ GRAFA */
+#quiz_results_chart_holder{
+ height: 200px;
+}
diff --git a/main/survey/skins/quiz/true.png b/main/survey/skins/quiz/true.png Binary files differnew file mode 100644 index 0000000..f82366b --- /dev/null +++ b/main/survey/skins/quiz/true.png diff --git a/main/survey/skins/quiz/true2.png b/main/survey/skins/quiz/true2.png Binary files differnew file mode 100644 index 0000000..0ac2f69 --- /dev/null +++ b/main/survey/skins/quiz/true2.png diff --git a/main/survey/skins/tooltipster/tooltipster.css b/main/survey/skins/tooltipster/tooltipster.css new file mode 100644 index 0000000..0e20fa2 --- /dev/null +++ b/main/survey/skins/tooltipster/tooltipster.css @@ -0,0 +1,288 @@ +/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
+.tooltipster-default {
+ border-radius: 5px;
+ border: 2px solid #000;
+ background: #4c4c4c;
+ color: #fff;
+}
+
+/* Use this next selector to style things like font-size and line-height: */
+.tooltipster-default .tooltipster-content {
+ font-family: Arial, sans-serif;
+ font-size: 14px;
+ line-height: 16px;
+ padding: 8px 10px;
+ overflow: hidden;
+}
+
+/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
+.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
+ /* border-color: ... !important; */
+}
+
+
+/* If you're using the icon option, use this next selector to style them */
+.tooltipster-icon {
+ cursor: help;
+ margin-left: 4px;
+}
+
+
+
+
+
+
+
+
+/* This is the base styling required to make all Tooltipsters work */
+.tooltipster-base {
+ padding: 0;
+ font-size: 0;
+ line-height: 0;
+ position: absolute;
+ left: 0;
+ top: 0;
+ z-index: 9999999;
+ pointer-events: none;
+ width: auto;
+ overflow: visible;
+}
+.tooltipster-base .tooltipster-content {
+ overflow: hidden;
+}
+
+
+/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
+.tooltipster-arrow {
+ display: block;
+ text-align: center;
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: -1;
+}
+.tooltipster-arrow span, .tooltipster-arrow-border {
+ display: block;
+ width: 0;
+ height: 0;
+ position: absolute;
+}
+.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
+ border-left: 8px solid transparent !important;
+ border-right: 8px solid transparent !important;
+ border-top: 8px solid;
+ bottom: -7px;
+}
+.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
+ border-left: 9px solid transparent !important;
+ border-right: 9px solid transparent !important;
+ border-top: 9px solid;
+ bottom: -7px;
+}
+
+.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
+ border-left: 8px solid transparent !important;
+ border-right: 8px solid transparent !important;
+ border-bottom: 8px solid;
+ top: -7px;
+}
+.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
+ border-left: 9px solid transparent !important;
+ border-right: 9px solid transparent !important;
+ border-bottom: 9px solid;
+ top: -7px;
+}
+.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
+ left: 0;
+ right: 0;
+ margin: 0 auto;
+}
+.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
+ left: 6px;
+}
+.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
+ left: 5px;
+}
+.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span {
+ right: 6px;
+}
+.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
+ right: 5px;
+}
+.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
+ border-top: 8px solid transparent !important;
+ border-bottom: 8px solid transparent !important;
+ border-left: 8px solid;
+ top: 50%;
+ margin-top: -7px;
+ right: -7px;
+}
+.tooltipster-arrow-left .tooltipster-arrow-border {
+ border-top: 9px solid transparent !important;
+ border-bottom: 9px solid transparent !important;
+ border-left: 9px solid;
+ margin-top: -8px;
+}
+.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
+ border-top: 8px solid transparent !important;
+ border-bottom: 8px solid transparent !important;
+ border-right: 8px solid;
+ top: 50%;
+ margin-top: -7px;
+ left: -7px;
+}
+.tooltipster-arrow-right .tooltipster-arrow-border {
+ border-top: 9px solid transparent !important;
+ border-bottom: 9px solid transparent !important;
+ border-right: 9px solid;
+ margin-top: -8px;
+}
+
+
+/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
+
+.tooltipster-fade {
+ opacity: 0;
+ -webkit-transition-property: opacity;
+ -moz-transition-property: opacity;
+ -o-transition-property: opacity;
+ -ms-transition-property: opacity;
+ transition-property: opacity;
+}
+.tooltipster-fade-show {
+ opacity: 1;
+}
+
+.tooltipster-grow {
+ -webkit-transform: scale(0,0);
+ -moz-transform: scale(0,0);
+ -o-transform: scale(0,0);
+ -ms-transform: scale(0,0);
+ transform: scale(0,0);
+ -webkit-transition-property: -webkit-transform;
+ -moz-transition-property: -moz-transform;
+ -o-transition-property: -o-transform;
+ -ms-transition-property: -ms-transform;
+ transition-property: transform;
+ -webkit-backface-visibility: hidden;
+}
+.tooltipster-grow-show {
+ -webkit-transform: scale(1,1);
+ -moz-transform: scale(1,1);
+ -o-transform: scale(1,1);
+ -ms-transform: scale(1,1);
+ transform: scale(1,1);
+ -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+ -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
+ -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
+ -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
+ -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
+ transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
+}
+
+.tooltipster-swing {
+ opacity: 0;
+ -webkit-transform: rotateZ(4deg);
+ -moz-transform: rotateZ(4deg);
+ -o-transform: rotateZ(4deg);
+ -ms-transform: rotateZ(4deg);
+ transform: rotateZ(4deg);
+ -webkit-transition-property: -webkit-transform, opacity;
+ -moz-transition-property: -moz-transform;
+ -o-transition-property: -o-transform;
+ -ms-transition-property: -ms-transform;
+ transition-property: transform;
+}
+.tooltipster-swing-show {
+ opacity: 1;
+ -webkit-transform: rotateZ(0deg);
+ -moz-transform: rotateZ(0deg);
+ -o-transform: rotateZ(0deg);
+ -ms-transform: rotateZ(0deg);
+ transform: rotateZ(0deg);
+ -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
+ -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
+ -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
+ -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
+ -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
+ transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
+}
+
+.tooltipster-fall {
+ top: 0;
+ -webkit-transition-property: top;
+ -moz-transition-property: top;
+ -o-transition-property: top;
+ -ms-transition-property: top;
+ transition-property: top;
+ -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+ -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
+ -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
+ -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
+ -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
+ transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
+}
+.tooltipster-fall-show {
+}
+.tooltipster-fall.tooltipster-dying {
+ -webkit-transition-property: all;
+ -moz-transition-property: all;
+ -o-transition-property: all;
+ -ms-transition-property: all;
+ transition-property: all;
+ top: 0px !important;
+ opacity: 0;
+}
+
+.tooltipster-slide {
+ left: -40px;
+ -webkit-transition-property: left;
+ -moz-transition-property: left;
+ -o-transition-property: left;
+ -ms-transition-property: left;
+ transition-property: left;
+ -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+ -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
+ -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
+ -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
+ -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
+ transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
+}
+.tooltipster-slide.tooltipster-slide-show {
+}
+.tooltipster-slide.tooltipster-dying {
+ -webkit-transition-property: all;
+ -moz-transition-property: all;
+ -o-transition-property: all;
+ -ms-transition-property: all;
+ transition-property: all;
+ left: 0px !important;
+ opacity: 0;
+}
+
+
+/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
+.tooltipster-content-changing {
+ opacity: 0.5;
+ -webkit-transform: scale(1.1, 1.1);
+ -moz-transform: scale(1.1, 1.1);
+ -o-transform: scale(1.1, 1.1);
+ -ms-transform: scale(1.1, 1.1);
+ transform: scale(1.1, 1.1);
+}
+
+.tooltipster-shadow {
+ border-radius: 5px;
+ background: #fff;
+ box-shadow: 0px 0px 14px rgba(0,0,0,0.3);
+ color: #2c2c2c;
+ border: 2px solid #c0c0c0;
+}
+.tooltipster-shadow .tooltipster-content {
+ font-family: 'Arial', sans-serif;
+ font-size: 14px;
+ line-height: 16px;
+ padding: 8px 10px;
+}
diff --git a/main/survey/skins/uni/uni.png b/main/survey/skins/uni/uni.png Binary files differnew file mode 100644 index 0000000..c896228 --- /dev/null +++ b/main/survey/skins/uni/uni.png |
