IAS - Skin po narocilu za spance
This commit is contained in:
pero1203
parent
e7db36d5df
commit
57d274eb89
@ -206,7 +206,11 @@ class HeaderController extends Controller
|
|||||||
// za MJU anketo nalozimo posebej custom skin
|
// za MJU anketo nalozimo posebej custom skin
|
||||||
if(SurveyInfo::getInstance()->checkSurveyModule('mju_theme') == '1'){
|
if(SurveyInfo::getInstance()->checkSurveyModule('mju_theme') == '1'){
|
||||||
$this->loadCustomMadeSkin($custom_skin='MJU');
|
$this->loadCustomMadeSkin($custom_skin='MJU');
|
||||||
}
|
}
|
||||||
|
// Custom skin za IAS (Spanci)
|
||||||
|
elseif($row['skin'] == 'IAS'){
|
||||||
|
$this->loadCustomMadeSkin($custom_skin='IAS');
|
||||||
|
}
|
||||||
// CSS samo za mobilne telefone
|
// CSS samo za mobilne telefone
|
||||||
else{
|
else{
|
||||||
$this->themeEditorMobileCustom();
|
$this->themeEditorMobileCustom();
|
||||||
@ -221,6 +225,10 @@ class HeaderController extends Controller
|
|||||||
if(SurveyInfo::getInstance()->checkSurveyModule('mju_theme') == '1'){
|
if(SurveyInfo::getInstance()->checkSurveyModule('mju_theme') == '1'){
|
||||||
$this->loadCustomMadeSkin($custom_skin='MJU');
|
$this->loadCustomMadeSkin($custom_skin='MJU');
|
||||||
}
|
}
|
||||||
|
// Custom skin za IAS (Spanci)
|
||||||
|
elseif($row['skin'] == 'IAS'){
|
||||||
|
$this->loadCustomMadeSkin($custom_skin='IAS');
|
||||||
|
}
|
||||||
// profili tem - skinov
|
// profili tem - skinov
|
||||||
else{
|
else{
|
||||||
$this->themeEditor();
|
$this->themeEditor();
|
||||||
@ -237,6 +245,10 @@ class HeaderController extends Controller
|
|||||||
elseif(SurveyInfo::getInstance()->checkSurveyModule('mju_theme') == '1'){
|
elseif(SurveyInfo::getInstance()->checkSurveyModule('mju_theme') == '1'){
|
||||||
$this->loadCustomMadeSkin($custom_skin='MJU');
|
$this->loadCustomMadeSkin($custom_skin='MJU');
|
||||||
}
|
}
|
||||||
|
// Custom skin za IAS (Spanci)
|
||||||
|
elseif($row['skin'] == 'IAS'){
|
||||||
|
$this->loadCustomMadeSkin($custom_skin='IAS');
|
||||||
|
}
|
||||||
// profili tem - skinov
|
// profili tem - skinov
|
||||||
else{
|
else{
|
||||||
$this->themeEditor();
|
$this->themeEditor();
|
||||||
@ -847,6 +859,23 @@ class HeaderController extends Controller
|
|||||||
echo ' <link rel="stylesheet" href="' . self::$site_url . 'main/survey/skins/___po_narocilu/MJU.css' . ($themePreview ? '?foo=' . mt_rand() : '') . '">' . "\n";
|
echo ' <link rel="stylesheet" href="' . self::$site_url . 'main/survey/skins/___po_narocilu/MJU.css' . ($themePreview ? '?foo=' . mt_rand() : '') . '">' . "\n";
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
// Custom skin za IAS anketo - spanci
|
||||||
|
elseif($custom_skin == 'IAS'){
|
||||||
|
|
||||||
|
// Font PT sans
|
||||||
|
//echo '<link type="text/css" href="https://fonts.googleapis.com/css?family=PT+Sans:400,700&subset=latin,latin-ext" rel="stylesheet">';
|
||||||
|
echo '<link type="text/css" href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&display=swap" rel="stylesheet"> ';
|
||||||
|
|
||||||
|
// mobitel
|
||||||
|
if (get('mobile') == 1) {
|
||||||
|
echo ' <link rel="stylesheet" href="' . self::$site_url . 'public/css/main_mobile.css" media="all">' . "\n";
|
||||||
|
echo ' <link rel="stylesheet" href="' . self::$site_url . 'main/survey/skins/___po_narocilu/IAS_mobile.css' . ($themePreview ? '?foo=' . mt_rand() : '') . '">' . "\n";
|
||||||
|
}
|
||||||
|
// navaden racunalnik
|
||||||
|
else{
|
||||||
|
echo ' <link rel="stylesheet" href="' . self::$site_url . 'main/survey/skins/___po_narocilu/IAS.css' . ($themePreview ? '?foo=' . mt_rand() : '') . '">' . "\n";
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
577
main/survey/skins/___po_narocilu/IAS.css
Normal file
577
main/survey/skins/___po_narocilu/IAS.css
Normal file
@ -0,0 +1,577 @@
|
|||||||
|
/*
|
||||||
|
IAS custom tema
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* Fonti */
|
||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
color: #231f20;
|
||||||
|
font-size: 100%;
|
||||||
|
font-family: Montserrat, Arial, Sans-Serif !important;
|
||||||
|
|
||||||
|
background: #ced4b1;
|
||||||
|
background-image: url('IAS/background_1.png');
|
||||||
|
/*background-image: url('skins/___po_narocilu/IAS/background_1.png');*/
|
||||||
|
}
|
||||||
|
|
||||||
|
body.preview, body.testdata {
|
||||||
|
margin-top: 26px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#outercontainer {
|
||||||
|
width: 100%;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
#outercontainer .outercontainer_header {
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
height: 80px;
|
||||||
|
}
|
||||||
|
#outercontainer #container {
|
||||||
|
position: relative;
|
||||||
|
width: 100%;
|
||||||
|
max-width: 1200px;
|
||||||
|
margin: 50px auto 10px;
|
||||||
|
|
||||||
|
background-color: rgba(256, 256, 256, .5);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 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 {
|
||||||
|
font-family: 'Playfair Display', serif !important;
|
||||||
|
|
||||||
|
margin: 0px auto 30px;
|
||||||
|
padding: 120px 80px 50px;
|
||||||
|
font-size: 45px;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #ee8062;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1.evalvacija {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#logo {
|
||||||
|
right: auto;
|
||||||
|
left: 30px;
|
||||||
|
top: 30px;
|
||||||
|
max-height: 70px !important;
|
||||||
|
background: url("IAS/logos/logo_alienscenarios.png");
|
||||||
|
background-repeat: no-repeat !important;
|
||||||
|
background-size: auto 100% !important;
|
||||||
|
}
|
||||||
|
#logo a {
|
||||||
|
width: 250px;
|
||||||
|
height: 70px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#logo.english {
|
||||||
|
background: url("IAS/logos/logo_alienscenarios.png");
|
||||||
|
}
|
||||||
|
|
||||||
|
.header_settings_holder {
|
||||||
|
top: 20px;
|
||||||
|
right: 50px;
|
||||||
|
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: #628a1a;
|
||||||
|
line-height: 22px;
|
||||||
|
}
|
||||||
|
.header_settings_holder .progress_bar div {
|
||||||
|
height: 15px;
|
||||||
|
width: 130px;
|
||||||
|
padding: 2px;
|
||||||
|
margin: 0 5px;
|
||||||
|
border: 1px #cccccc solid;
|
||||||
|
background-color: #ffffff;
|
||||||
|
}
|
||||||
|
.header_settings_holder .progress_bar div span {
|
||||||
|
height: 15px;
|
||||||
|
background-color: #628a1a;
|
||||||
|
}
|
||||||
|
.header_settings_holder .progress_bar p a {
|
||||||
|
color: #628a1a;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.header_settings_holder .progress_bar p a:hover {
|
||||||
|
color: #628a1a;
|
||||||
|
}
|
||||||
|
.header_settings_holder .continue_later_setting{
|
||||||
|
margin-top: -20px;
|
||||||
|
}
|
||||||
|
.header_settings_holder .continue_later_setting a {
|
||||||
|
color: #628a1a;
|
||||||
|
}
|
||||||
|
.header_settings_holder .continue_later_setting a:hover {
|
||||||
|
color: #628a1a;
|
||||||
|
}
|
||||||
|
.header_settings_holder .tawk_chat a {
|
||||||
|
color: #628a1a;
|
||||||
|
}
|
||||||
|
.header_settings_holder .tawk_chat a:hover {
|
||||||
|
color: #628a1a;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Spremenljivke */
|
||||||
|
.spremenljivka {
|
||||||
|
margin: 20px 20px 20px 20px;
|
||||||
|
padding: 20px 12px 50px 12px !important;
|
||||||
|
/*border-bottom: 1px #231f20 solid;*/
|
||||||
|
}
|
||||||
|
.spremenljivka.tip_5{
|
||||||
|
padding-bottom: 0 !important;
|
||||||
|
}
|
||||||
|
.spremenljivka .naslov {
|
||||||
|
padding: 5px 0 15px 5px;
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
.spremenljivka .naslov .spremenljivka_info {
|
||||||
|
padding-top: 20px;
|
||||||
|
|
||||||
|
/*padding-right: 10px;
|
||||||
|
text-align: right;*/
|
||||||
|
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
.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 a{
|
||||||
|
color: #ee8062;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.spremenljivka a:hover{
|
||||||
|
color: rgba(238, 128, 98, 0.753);
|
||||||
|
}
|
||||||
|
|
||||||
|
.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: 1px #231f20 solid;
|
||||||
|
}
|
||||||
|
table.grid_table thead tr.middle_row td {
|
||||||
|
border-top: 1px #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: transparent;
|
||||||
|
}
|
||||||
|
table.grid_table tbody tr:nth-child(2n) {
|
||||||
|
background-color: #ced4b1;
|
||||||
|
}
|
||||||
|
table.grid_table td {
|
||||||
|
padding: 10px 10px;
|
||||||
|
}
|
||||||
|
table.grid_table td.question{
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
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 #231f20;
|
||||||
|
background-color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ranking:hover {
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.variable_holder .frame_ranking_hover {
|
||||||
|
border: 2px #231f20 solid;
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
}
|
||||||
|
|
||||||
|
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 #231f20 solid;
|
||||||
|
background-color: #ced4b1;
|
||||||
|
}
|
||||||
|
|
||||||
|
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 {
|
||||||
|
color: #fff;
|
||||||
|
background-color: #ee8062;
|
||||||
|
border: 1px solid #ee8062;
|
||||||
|
}
|
||||||
|
div.buttons input.next:hover, div.buttons input.next:focus {
|
||||||
|
color: #fff;
|
||||||
|
background-color: rgba(238, 128, 98, 0.753);
|
||||||
|
border: 1px solid rgba(238, 128, 98, 0.753);
|
||||||
|
}
|
||||||
|
div.buttons input.prev {
|
||||||
|
color: #231f20;
|
||||||
|
background-color: #fff;
|
||||||
|
border: 1px solid #628a1a;
|
||||||
|
}
|
||||||
|
div.buttons input.prev:hover, div.buttons input.prev:focus {
|
||||||
|
color: #231f20;
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
border: 1px solid #628a1a;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Footer */
|
||||||
|
#footer_survey {
|
||||||
|
padding: 40px;
|
||||||
|
}
|
||||||
|
#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: #231f20;
|
||||||
|
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: #231f20;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type=text]:focus,
|
||||||
|
input[type=number]:focus,
|
||||||
|
input[type=email]:focus,
|
||||||
|
input[type=password]:focus,
|
||||||
|
textarea:focus {
|
||||||
|
border-color: #231f20;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 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;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.ias_holder{
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
.ias_holder .ias_left{
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ias_holder.ias_page1{
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.ias_holder.ias_page2{
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.ias_holder.ias_page3{
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.ias_holder.ias_last{
|
||||||
|
|
||||||
|
}
|
||||||
BIN
main/survey/skins/___po_narocilu/IAS/background_1.png
Normal file
BIN
main/survey/skins/___po_narocilu/IAS/background_1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 470 KiB |
BIN
main/survey/skins/___po_narocilu/IAS/background_2.png
Normal file
BIN
main/survey/skins/___po_narocilu/IAS/background_2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 134 KiB |
BIN
main/survey/skins/___po_narocilu/IAS/final_web_mobile.png
Normal file
BIN
main/survey/skins/___po_narocilu/IAS/final_web_mobile.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 426 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 102 KiB |
BIN
main/survey/skins/___po_narocilu/IAS/logos/logo_austria.png
Normal file
BIN
main/survey/skins/___po_narocilu/IAS/logos/logo_austria.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
main/survey/skins/___po_narocilu/IAS/logos/logo_belmont.png
Normal file
BIN
main/survey/skins/___po_narocilu/IAS/logos/logo_belmont.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 493 KiB |
BIN
main/survey/skins/___po_narocilu/IAS/logos/logo_biodiversa.png
Normal file
BIN
main/survey/skins/___po_narocilu/IAS/logos/logo_biodiversa.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
BIN
main/survey/skins/___po_narocilu/IAS/logos/logo_canada.png
Normal file
BIN
main/survey/skins/___po_narocilu/IAS/logos/logo_canada.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 49 KiB |
BIN
main/survey/skins/___po_narocilu/IAS/logos/logo_eu.png
Normal file
BIN
main/survey/skins/___po_narocilu/IAS/logos/logo_eu.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
BIN
main/survey/skins/___po_narocilu/IAS/logos/logo_france.png
Normal file
BIN
main/survey/skins/___po_narocilu/IAS/logos/logo_france.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.3 KiB |
BIN
main/survey/skins/___po_narocilu/IAS/logos/logo_germany.png
Normal file
BIN
main/survey/skins/___po_narocilu/IAS/logos/logo_germany.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
main/survey/skins/___po_narocilu/IAS/logos/logo_spain.png
Normal file
BIN
main/survey/skins/___po_narocilu/IAS/logos/logo_spain.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 306 KiB |
BIN
main/survey/skins/___po_narocilu/IAS/mobile_1.png
Normal file
BIN
main/survey/skins/___po_narocilu/IAS/mobile_1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 911 KiB |
BIN
main/survey/skins/___po_narocilu/IAS/mobile_2.png
Normal file
BIN
main/survey/skins/___po_narocilu/IAS/mobile_2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 500 KiB |
BIN
main/survey/skins/___po_narocilu/IAS/mobile_3.png
Normal file
BIN
main/survey/skins/___po_narocilu/IAS/mobile_3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 147 KiB |
BIN
main/survey/skins/___po_narocilu/IAS/web_ 2.png
Normal file
BIN
main/survey/skins/___po_narocilu/IAS/web_ 2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 609 KiB |
BIN
main/survey/skins/___po_narocilu/IAS/web_ 3.png
Normal file
BIN
main/survey/skins/___po_narocilu/IAS/web_ 3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 161 KiB |
BIN
main/survey/skins/___po_narocilu/IAS/web_1.png
Normal file
BIN
main/survey/skins/___po_narocilu/IAS/web_1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 924 KiB |
260
main/survey/skins/___po_narocilu/IAS_mobile.css
Normal file
260
main/survey/skins/___po_narocilu/IAS_mobile.css
Normal file
@ -0,0 +1,260 @@
|
|||||||
|
/*
|
||||||
|
Mobile IAS custom tema
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* Fonti */
|
||||||
|
body {
|
||||||
|
font-family: Montserrat, Arial, Sans-Serif !important;
|
||||||
|
color: #231f20;
|
||||||
|
|
||||||
|
background: #ced4b1;
|
||||||
|
background-image: url('IAS/background_1.png');
|
||||||
|
}
|
||||||
|
|
||||||
|
span, label {
|
||||||
|
color: #231f20;
|
||||||
|
}
|
||||||
|
|
||||||
|
img{
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* GLAVNI ELEMENTI */
|
||||||
|
#outercontainer #container {
|
||||||
|
background-color: rgba(256, 256, 256, .5);
|
||||||
|
border: 0;
|
||||||
|
padding-bottom: 10px;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
#container h1 {
|
||||||
|
font-family: 'Playfair Display', serif !important;
|
||||||
|
|
||||||
|
font-weight: bold;
|
||||||
|
color: #ee8062;
|
||||||
|
|
||||||
|
/*border-bottom: 8px #ee8062 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: #231f20;
|
||||||
|
}
|
||||||
|
|
||||||
|
#outercontainer #container .grupa {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
.grupa .spremenljivka {
|
||||||
|
background-color: transparent;
|
||||||
|
|
||||||
|
border: 0;
|
||||||
|
//border-bottom: 1px #231f20 solid;
|
||||||
|
/* Mejnik pri dvojni tabeli */
|
||||||
|
}
|
||||||
|
.grupa .spremenljivka:last-of-type {
|
||||||
|
border-bottom: 0;
|
||||||
|
}
|
||||||
|
.grupa .spremenljivka .naslov {
|
||||||
|
color: #231f20;
|
||||||
|
}
|
||||||
|
.grupa .spremenljivka .naslov .spremenljivka_info {
|
||||||
|
color: #231f20;
|
||||||
|
}
|
||||||
|
.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: #231f20;
|
||||||
|
}
|
||||||
|
#outercontainer #container .grupa .spremenljivka div.variable_holder.clr{
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
#outercontainer #container .grupa .spremenljivka.tip_1 .variable_holder .variabla label,
|
||||||
|
#outercontainer #container .grupa .spremenljivka.tip_2 .variable_holder .variabla label,
|
||||||
|
#outercontainer #container .grupa .spremenljivka.tip_3 .variable_holder .variabla label{
|
||||||
|
background-color: #ced4b1;
|
||||||
|
border: 1px #abaf94 solid;
|
||||||
|
}
|
||||||
|
#outercontainer #container .grupa .spremenljivka.tip_1 .variable_holder .variabla:hover label,
|
||||||
|
#outercontainer #container .grupa .spremenljivka.tip_1 .variable_holder .variabla.checked label,
|
||||||
|
#outercontainer #container .grupa .spremenljivka.tip_2 .variable_holder .variabla:hover label,
|
||||||
|
#outercontainer #container .grupa .spremenljivka.tip_2 .variable_holder .variabla.checked label,
|
||||||
|
#outercontainer #container .grupa .spremenljivka.tip_3 .variable_holder .variabla:hover label,
|
||||||
|
#outercontainer #container .grupa .spremenljivka.tip_3 .variable_holder .variabla.checked label{
|
||||||
|
background-color: #abaf94;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 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 #231f20 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 {
|
||||||
|
color: #fff;
|
||||||
|
background-color: #ee8062;
|
||||||
|
border: 1px solid #ee8062;
|
||||||
|
}
|
||||||
|
.buttons input.next:hover {
|
||||||
|
background-color: rgba(238, 128, 98, 0.753);
|
||||||
|
border: 1px solid rgba(238, 128, 98, 0.753);
|
||||||
|
}
|
||||||
|
.buttons input.prev {
|
||||||
|
color: #231f20;
|
||||||
|
background-color: #fff;
|
||||||
|
border: 1px solid #628a1a;
|
||||||
|
}
|
||||||
|
.buttons input.prev:hover {
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* FOOTER */
|
||||||
|
#footer_survey {
|
||||||
|
color: #231f20;
|
||||||
|
border-top: 3px #ee8062 solid;
|
||||||
|
}
|
||||||
|
#footer_survey a {
|
||||||
|
font-weight: normal;
|
||||||
|
text-decoration: none;
|
||||||
|
color: #231f20;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* LOGO */
|
||||||
|
#container #logo {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#footer_survey #logo {
|
||||||
|
display: block;
|
||||||
|
position: relative;
|
||||||
|
width: 100%;
|
||||||
|
height: 80px;
|
||||||
|
margin: 10px auto 30px auto;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
background-image: url("IAS/logos/logo_alienscenarios.png");
|
||||||
|
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("IAS/logos/logo_alienscenarios.png");
|
||||||
|
}
|
||||||
|
|
||||||
|
/*# sourceMappingURL=MobileBlue.css.map */
|
||||||
|
|
||||||
Loading…
x
Reference in New Issue
Block a user