Redesign - popupi - V DELU
This commit is contained in:
pero1203
parent
07ee760f0f
commit
c3ff8c0be9
File diff suppressed because it is too large
Load Diff
51
resources/sass/admin_new/components/popup/alert.scss
Normal file
51
resources/sass/admin_new/components/popup/alert.scss
Normal file
@ -0,0 +1,51 @@
|
||||
/*
|
||||
Popupi z alerti
|
||||
*/
|
||||
|
||||
|
||||
#check_pogoji {
|
||||
@include popup_general();
|
||||
|
||||
display: none;
|
||||
width: 340px;
|
||||
}
|
||||
|
||||
#dropped_alert {
|
||||
@include popup_general();
|
||||
|
||||
display: none;
|
||||
min-height: 30px;
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
#alert_close_block {
|
||||
display: none;
|
||||
|
||||
min-height: 30px;
|
||||
width: 500px;
|
||||
}
|
||||
|
||||
|
||||
/* Popup z obvestilom, da je funkcionalnost onemogocena in je potrebno kupiti paket */
|
||||
#popup_user_access{
|
||||
@include popup_general();
|
||||
|
||||
display: none;
|
||||
|
||||
position: relative;
|
||||
z-index: 9999;
|
||||
|
||||
height: auto;
|
||||
width: 450px;
|
||||
|
||||
div.buttonwrapper a {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
p{
|
||||
margin-top: 0;
|
||||
|
||||
font-size: 13px;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
124
resources/sass/admin_new/components/popup/basic.scss
Normal file
124
resources/sass/admin_new/components/popup/basic.scss
Normal file
@ -0,0 +1,124 @@
|
||||
/*
|
||||
Popupi - splosno
|
||||
*/
|
||||
|
||||
|
||||
@mixin popup_general() {
|
||||
/*max-height: 90vh;
|
||||
overflow-y: scroll;*/
|
||||
max-width: 90vw;
|
||||
|
||||
padding: 16px;
|
||||
|
||||
font-size: 16px;
|
||||
line-height: 20px;
|
||||
|
||||
background-color: white;
|
||||
|
||||
.popup_close{
|
||||
position: absolute !important;
|
||||
top: 10px;
|
||||
right: 10px;
|
||||
z-index: 9999;
|
||||
|
||||
font-size: 12px !important;
|
||||
color: $very-dark-gray;
|
||||
|
||||
&:hover{
|
||||
color: $black;
|
||||
}
|
||||
|
||||
a{
|
||||
color: $very-dark-gray;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover{
|
||||
color: $black;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
h2,
|
||||
.divPopUp_top{
|
||||
width: 100%;
|
||||
margin-top: 3px;
|
||||
margin-bottom: 8px;
|
||||
padding-bottom: 8px;
|
||||
|
||||
font-weight: 600;
|
||||
font-size: 16px;
|
||||
text-transform: uppercase;
|
||||
|
||||
border-bottom: 1px $gray solid;
|
||||
}
|
||||
|
||||
p{
|
||||
line-height: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
#fade {
|
||||
display: none;
|
||||
position: fixed;
|
||||
z-index: 79;
|
||||
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
|
||||
.popup_holder{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
#fullscreen {
|
||||
display: none;
|
||||
position: relative;
|
||||
z-index: 81;
|
||||
}
|
||||
|
||||
/* basic popup */
|
||||
.divPopUp {
|
||||
@include popup_general();
|
||||
|
||||
position: relative;
|
||||
|
||||
.buttons_holder{
|
||||
position: absolute;
|
||||
bottom: 20px;
|
||||
right: 20px;
|
||||
}
|
||||
|
||||
div.divPopUp_top {
|
||||
display: inline-block;
|
||||
height: auto;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
div.divPopUp_content {
|
||||
height: 100%;
|
||||
}
|
||||
div.divPopUp_btm {
|
||||
display: inline-block;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
|
||||
width: 100%;
|
||||
height: auto;
|
||||
|
||||
padding: 20px 0px 0px 0px !important;
|
||||
margin-right: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
3
resources/sass/admin_new/components/popup/error.scss
Normal file
3
resources/sass/admin_new/components/popup/error.scss
Normal file
@ -0,0 +1,3 @@
|
||||
/*
|
||||
Popupi z errorji
|
||||
*/
|
||||
47
resources/sass/admin_new/components/popup/loader.scss
Normal file
47
resources/sass/admin_new/components/popup/loader.scss
Normal file
@ -0,0 +1,47 @@
|
||||
/*
|
||||
Loading okna
|
||||
*/
|
||||
|
||||
body.wait {
|
||||
#loading {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
body.waitlong {
|
||||
#loading {
|
||||
bottom: auto;
|
||||
top: 45%;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
|
||||
padding: 15px 25px;
|
||||
|
||||
border: 1px solid $blue;
|
||||
}
|
||||
}
|
||||
|
||||
/*loading word at bottom left*/
|
||||
#loading {
|
||||
display: none;
|
||||
z-index: 900;
|
||||
position: fixed;
|
||||
bottom: 16px;
|
||||
left: 16px;
|
||||
|
||||
box-sizing: border-box;
|
||||
width: 275px;
|
||||
height: 38px;
|
||||
padding-left: 16px;
|
||||
|
||||
line-height: 35px;
|
||||
font-size: 14px;
|
||||
|
||||
background-color: $white;
|
||||
border: 1px solid $blue;
|
||||
border-radius: 2px;
|
||||
|
||||
.spinner::before{
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
180
resources/sass/admin_new/components/popup/other.scss
Normal file
180
resources/sass/admin_new/components/popup/other.scss
Normal file
@ -0,0 +1,180 @@
|
||||
/* Generic popup */
|
||||
#popup_note {
|
||||
display: none;
|
||||
max-width: 600px !important;
|
||||
|
||||
.popup_content{
|
||||
margin-bottom: 40px;
|
||||
line-height: 24px;
|
||||
}
|
||||
}
|
||||
|
||||
#clipboard {
|
||||
position: fixed;
|
||||
top: 10px;
|
||||
left: 50%;
|
||||
margin-left: -180px;
|
||||
width: 340px;
|
||||
background-color: $blue;
|
||||
color: white;
|
||||
padding: 5px 10px 5px 10px;
|
||||
z-index: 1000;
|
||||
display: none;
|
||||
p {
|
||||
margin: 0;
|
||||
}
|
||||
a {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
#request_help_content {
|
||||
a {
|
||||
padding-left: 0 !important;
|
||||
font-weight: 600 !important;
|
||||
color: $blue !important;
|
||||
|
||||
&:hover {
|
||||
color: $yellow !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
/*active editors*/
|
||||
.active-alert {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
background-color: $gray;
|
||||
padding: 1px 10px;
|
||||
border-left: 1px solid $red;
|
||||
border-bottom: 1px solid $red;
|
||||
z-index: 10;
|
||||
}
|
||||
span.active-editors {
|
||||
color: $gray;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
|
||||
#div_float_editing {
|
||||
display: none;
|
||||
|
||||
min-height: 350px;
|
||||
max-height: 600px;
|
||||
overflow: auto;
|
||||
width: 702px;
|
||||
}
|
||||
#div_float_editing_inner {
|
||||
border: 1px solid yellow;
|
||||
overflow: auto;
|
||||
min-height: 150px;
|
||||
height: 489px;
|
||||
max-height: 650px;
|
||||
}
|
||||
|
||||
|
||||
#div_error {
|
||||
ul {
|
||||
list-style: square inside;
|
||||
}
|
||||
li {
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
padding: 10px;
|
||||
margin: 3px;
|
||||
background-color: $blue;
|
||||
border: 1px solid $blue;
|
||||
img {
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
.alert_authors {
|
||||
display: block;
|
||||
text-indent: 30px;
|
||||
}
|
||||
.alert_textarea {
|
||||
border: 1px solid silver;
|
||||
background-color: $gray;
|
||||
}
|
||||
#invisible-layer {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 9999999;
|
||||
}
|
||||
#invisible-close {
|
||||
z-index: 99999999;
|
||||
cursor: pointer;
|
||||
top: 15px;
|
||||
right: 20% !important;
|
||||
position: absolute;
|
||||
|
||||
width: auto;
|
||||
padding: 5px 25px;
|
||||
|
||||
font-size: 15px !important;
|
||||
font-weight: 500 !important;
|
||||
color: $blue;
|
||||
text-transform: uppercase;
|
||||
|
||||
background-color: $blue;
|
||||
background-image: none;
|
||||
border: 2px solid $blue;
|
||||
|
||||
&:hover{
|
||||
color: $yellow;
|
||||
border-color: $yellow;
|
||||
}
|
||||
}
|
||||
#cookie_alert {
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 80px;
|
||||
width: 300px;
|
||||
|
||||
background-color: $yellow !important;
|
||||
border: 1px solid $yellow;
|
||||
|
||||
span {
|
||||
display: block;
|
||||
padding-bottom: 7px;
|
||||
}
|
||||
a{
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
#ie_alert {
|
||||
position: absolute;
|
||||
top: -30px;
|
||||
width: 100%;
|
||||
padding: 7px 0;
|
||||
z-index: 9999;
|
||||
background-color: $yellow;
|
||||
border-top: $yellow 1px solid;
|
||||
border-bottom: $yellow 1px solid;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
}
|
||||
#pasteFromWordAlert {
|
||||
display: none;
|
||||
bottom: 15%;
|
||||
left: 50%;
|
||||
z-index: 99999;
|
||||
position: fixed;
|
||||
margin-left: -100px;
|
||||
padding: 3px 15px;
|
||||
text-align: center;
|
||||
font-weight: normal;
|
||||
font-size: 13px;
|
||||
line-height: 30px;
|
||||
color: $gray;
|
||||
background-color: $yellow;
|
||||
border: 1px solid $yellow;
|
||||
}
|
||||
#alternativno-obvestilo.error {
|
||||
color: $yellow;
|
||||
}
|
||||
#alternativno-obvestilo.success {
|
||||
color: $blue;
|
||||
}
|
||||
@ -0,0 +1,97 @@
|
||||
/*
|
||||
To change this license header, choose License Headers in Project Properties.
|
||||
To change this template file, choose Tools | Templates
|
||||
and open the template in the editor.
|
||||
*/
|
||||
/*
|
||||
Created on : 14-Aug-2018, 11:40:15
|
||||
Author : podkrizniku
|
||||
*/
|
||||
|
||||
|
||||
/* Arhiv */
|
||||
#div_analiza_archive_name {
|
||||
min-width: 900px;
|
||||
width: auto;
|
||||
|
||||
padding-bottom: 50px !important;
|
||||
}
|
||||
|
||||
.div_curent_archives {
|
||||
margin-top: 10px;
|
||||
padding: 20px 5px 20px 5px;
|
||||
|
||||
max-height: 300px;
|
||||
overflow: auto;
|
||||
|
||||
border-top: 1px dashed $grey_super_light;
|
||||
}
|
||||
.arch_tbl {
|
||||
width: 100%;
|
||||
border-spacing: 0px;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
border-collapse: collapse;
|
||||
th {
|
||||
padding: 3px;
|
||||
}
|
||||
td {
|
||||
padding: 3px;
|
||||
}
|
||||
}
|
||||
#arch_body {
|
||||
text-align: center;
|
||||
margin: auto;
|
||||
margin-top: 20px;
|
||||
padding: 0px;
|
||||
background: none;
|
||||
background-color: white;
|
||||
color: black;
|
||||
font-size: 11px;
|
||||
width: 100%;
|
||||
.anl_more {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
#arch_body_div {
|
||||
margin: auto;
|
||||
width: auto;
|
||||
max-width: 1024px;
|
||||
background-color: white;
|
||||
text-align: center;
|
||||
}
|
||||
.arch_body_div {
|
||||
margin: auto;
|
||||
width: auto;
|
||||
max-width: 1024px;
|
||||
background-color: white;
|
||||
text-align: center;
|
||||
}
|
||||
.arch_head_date {
|
||||
float: right;
|
||||
width: auto;
|
||||
height: 50px;
|
||||
}
|
||||
#div_archives_email_buttons {
|
||||
position: absolute;
|
||||
bottom: 20px;
|
||||
right: 20px;
|
||||
}
|
||||
#div_archives_email_left {
|
||||
width: 590px;
|
||||
float: left;
|
||||
}
|
||||
#div_archives_email_right {
|
||||
width: 300px;
|
||||
float: right;
|
||||
}
|
||||
dl.arch_email {
|
||||
dd {
|
||||
margin-left: 60px;
|
||||
position: relative;
|
||||
top: -1.1em;
|
||||
}
|
||||
}
|
||||
#email_archive_text {
|
||||
height: 150px;
|
||||
}
|
||||
@ -0,0 +1,28 @@
|
||||
|
||||
.popup_content.consulting{
|
||||
font-weight: 600;
|
||||
padding: 20px 20px;
|
||||
|
||||
text-align:center;
|
||||
|
||||
.row{
|
||||
display: flex;
|
||||
justify-content:space-around;
|
||||
|
||||
padding: 10px 0;
|
||||
|
||||
.col{
|
||||
min-width: 120px;
|
||||
|
||||
a{
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
text-align:center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
@ -0,0 +1,116 @@
|
||||
/*
|
||||
To change this license header, choose License Headers in Project Properties.
|
||||
To change this template file, choose Tools | Templates
|
||||
and open the template in the editor.
|
||||
*/
|
||||
/*
|
||||
Created on : 23-Aug-2018, 10:31:31
|
||||
Author : podkrizniku
|
||||
*/
|
||||
|
||||
#dsp_div {
|
||||
display: none;
|
||||
position: relative;
|
||||
z-index: 90;
|
||||
}
|
||||
#dsp_cover_div {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: $soft_blue;
|
||||
opacity: .40;
|
||||
z-index: 10;
|
||||
display: none;
|
||||
}
|
||||
#dsp_profiles_left {
|
||||
width: 192px;
|
||||
float: left;
|
||||
}
|
||||
#dsp_profiles_right {
|
||||
float: right;
|
||||
width: 490px;
|
||||
padding: 0 0 10px 10px;
|
||||
margin-bottom: 40px;
|
||||
|
||||
background-color: $soft_blue_super_lighten;
|
||||
}
|
||||
#dsp_profiles_holder {
|
||||
width: 190px;
|
||||
height: 150px;
|
||||
display: inline-block;
|
||||
}
|
||||
#dsp_profiles {
|
||||
height: 150px;
|
||||
overflow: auto;
|
||||
cursor: pointer;
|
||||
width: 190px;
|
||||
display: inline-block;
|
||||
.option {
|
||||
padding: 2px 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.active {
|
||||
padding: 2px 5px;
|
||||
background-color: $soft_blue_very_lighten;
|
||||
border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
}
|
||||
}
|
||||
#dsp_note {
|
||||
width: 450px;
|
||||
padding: 3px;
|
||||
color: black;
|
||||
font-size: 11px;
|
||||
border: 1px solid $soft_blue;
|
||||
background-color: $soft_blue_very_lighten;
|
||||
}
|
||||
#dsp_content {
|
||||
width: auto;
|
||||
min-height: 80px;
|
||||
padding: 0;
|
||||
fieldset {
|
||||
margin: 0px 0px 5px 0px;
|
||||
border: 0;
|
||||
border-top: 1px solid $strong_blue_darken;
|
||||
}
|
||||
legend {
|
||||
background-color: white;
|
||||
}
|
||||
}
|
||||
#dsp_left_link_holder {
|
||||
width: auto;
|
||||
max-width: 180px;
|
||||
}
|
||||
#dsp_button_holder {
|
||||
position: absolute;
|
||||
bottom: 20px;
|
||||
right: 20px;
|
||||
}
|
||||
.dsp_sett_label {
|
||||
display: inline-block;
|
||||
width: auto;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
|
||||
/*popup data export settings*/
|
||||
#div_export_setting_show {
|
||||
@include popup_general();
|
||||
|
||||
display: none;
|
||||
position: fixed;
|
||||
z-index: 90;
|
||||
left: calc(50% - 200px);
|
||||
top: 30vh;
|
||||
|
||||
min-width: 250px;
|
||||
min-height: 80px;
|
||||
height: auto;
|
||||
width: auto;
|
||||
margin: 10px;
|
||||
}
|
||||
@ -0,0 +1,41 @@
|
||||
.popup_content.dodeljeni_uporabniki{
|
||||
|
||||
ul{
|
||||
overflow: auto;
|
||||
|
||||
max-height: 60vh;
|
||||
padding: 10px;
|
||||
margin: 0 0 20px 0;
|
||||
|
||||
list-style-type: none;
|
||||
|
||||
background-color: $strong_blue_super_light;
|
||||
border: 1px solid $strong_blue_very_lighten;
|
||||
|
||||
li{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
line-height: 24px;
|
||||
padding: 0 5px;
|
||||
|
||||
&:hover{
|
||||
background-color: $strong_blue_very_lighten;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
h4{
|
||||
margin: 0 0 5px 0;
|
||||
}
|
||||
|
||||
.add_user{
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
margin-bottom: 50px;
|
||||
|
||||
background-color: $strong_blue_super_light;
|
||||
border: 1px solid $strong_blue_very_lighten;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,107 @@
|
||||
/*
|
||||
Uvoz vprasanj iz texta znotraj ankete (popup)
|
||||
Created on : 6-Nov-2018
|
||||
Author : peter hrvatin
|
||||
*/
|
||||
|
||||
#popup_import_from_text{
|
||||
display: none;
|
||||
position: relative;
|
||||
z-index: 90;
|
||||
|
||||
height: auto;
|
||||
width: 800px;
|
||||
margin: 0 auto;
|
||||
|
||||
line-height: 18px;
|
||||
|
||||
.anketa_from_text{
|
||||
height: auto;
|
||||
overflow: auto;
|
||||
|
||||
h2{
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
#input_field_holder{
|
||||
float: left;
|
||||
width: 50%;
|
||||
height: 400px;
|
||||
box-sizing: border-box;
|
||||
|
||||
padding: 20px;
|
||||
|
||||
#input_field{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
textarea{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
box-sizing: border-box;
|
||||
|
||||
resize: none;
|
||||
padding: 20px;
|
||||
|
||||
border: 1px $soft_blue solid !important;
|
||||
|
||||
&:focus::-webkit-input-placeholder{
|
||||
color: transparent;
|
||||
}
|
||||
&:focus::-moz-placeholder{
|
||||
color: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
#preview_field_holder{
|
||||
float: right;
|
||||
width: 50%;
|
||||
height: 400px;
|
||||
box-sizing: border-box;
|
||||
|
||||
padding: 20px;
|
||||
|
||||
#preview_field{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
box-sizing: border-box;
|
||||
overflow: auto;
|
||||
|
||||
padding: 20px;
|
||||
|
||||
background-color: $soft_blue_very_lighten;
|
||||
border: 1px $soft_blue solid;
|
||||
|
||||
span.title{
|
||||
font-size: 18px;
|
||||
line-height: 30px;
|
||||
}
|
||||
span.variable{
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
|
||||
input[type="radio"]{
|
||||
display: none !important;
|
||||
}
|
||||
input[type="radio"] + span.enka-checkbox-radio:before{
|
||||
font-family: $fontawesome;
|
||||
content: "\f111";
|
||||
|
||||
display: inline-block;
|
||||
|
||||
font-size: 14px;
|
||||
color: $grey_light;
|
||||
letter-spacing: 8px;
|
||||
font-weight: 400;
|
||||
}
|
||||
input[type="radio"]:checked + span.enka-checkbox-radio:before{
|
||||
content: "\f192";
|
||||
color: $grey_super_dark;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -0,0 +1,751 @@
|
||||
/*
|
||||
To change this license header, choose License Headers in Project Properties.
|
||||
To change this template file, choose Tools | Templates
|
||||
and open the template in the editor.
|
||||
*/
|
||||
/*
|
||||
Created on : 23-Jul-2018, 10:43:58
|
||||
Author : podkrizniku
|
||||
*/
|
||||
|
||||
$spremenljivka_info_text: gray;
|
||||
$warnings_red: red;
|
||||
$dynamic_count_text: green;
|
||||
$main_background: #ffffff;
|
||||
$progress_bar_background: black;
|
||||
|
||||
/**
|
||||
*
|
||||
* 1KA template, from which other skins are derived. Every skin usees this template as a base!
|
||||
*
|
||||
* - always use relative font sizes (em, %)
|
||||
* - using relative font sizes, one can adjust all skin font sizes using one options (eg. increase all by 15%)
|
||||
*
|
||||
*/
|
||||
/*
|
||||
* USED FROM: template.css
|
||||
*/
|
||||
|
||||
#preview_spremenljivka {
|
||||
@include popup_general();
|
||||
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
height: auto;
|
||||
max-height: 500px;
|
||||
width: 60vw;
|
||||
|
||||
.buttons_holder{
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
text-align: center;
|
||||
|
||||
span {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
h1, h2, h3{
|
||||
font-size: 20px;
|
||||
line-height: 27px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
input {
|
||||
vertical-align: middle;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
select {
|
||||
vertical-align: middle;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
textarea {
|
||||
vertical-align: middle;
|
||||
width: 40%;
|
||||
padding: 5px;
|
||||
margin: 0;
|
||||
}
|
||||
input[type="text"]{
|
||||
padding: 5px;
|
||||
}
|
||||
.disabled {
|
||||
border: 1px solid silver;
|
||||
}
|
||||
img {
|
||||
border: none;
|
||||
max-width: 800px;
|
||||
}
|
||||
label {
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
}
|
||||
table.grid_header_table {
|
||||
label {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
input[type="radio"] {
|
||||
cursor: pointer;
|
||||
}
|
||||
input[type="checkbox"] {
|
||||
cursor: pointer;
|
||||
}
|
||||
#admin_options {
|
||||
position: absolute;
|
||||
left: 20px;
|
||||
a {
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
margin: 0 2px;
|
||||
}
|
||||
a.printView {
|
||||
background: url("../../../admin/survey/icons/icons/printer.png");
|
||||
}
|
||||
a.normalView {
|
||||
background: url("../../../admin/survey/icons/icons/pencil_go.png");
|
||||
display: none;
|
||||
}
|
||||
a.pdfExport {
|
||||
background: url("../../../admin/survey/icons/icons/page_white_acrobat.png");
|
||||
}
|
||||
a.embed_out {
|
||||
background: url("../../../admin/survey/icons/icons/page_copy.png");
|
||||
width: 23px;
|
||||
}
|
||||
}
|
||||
.printDiv {
|
||||
border: 1px solid gray;
|
||||
padding: 10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
#logo {
|
||||
position: absolute;
|
||||
background: url("../../../main/survey/skins/Default/logo-small.png") no-repeat scroll 100% 0 transparent;
|
||||
right: 0px;
|
||||
a {
|
||||
display: block;
|
||||
width: 96px;
|
||||
height: 45px;
|
||||
text-indent: -9999px;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
.header_settings_holder{
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
|
||||
.progress_bar {
|
||||
|
||||
span {
|
||||
float: left;
|
||||
}
|
||||
|
||||
div {
|
||||
display: inline-block;
|
||||
width: 100px;
|
||||
height: 16px;
|
||||
border: 1px solid black;
|
||||
margin: 0 10px;
|
||||
float: left;
|
||||
|
||||
span {
|
||||
display: inline-block;
|
||||
background-color: $progress_bar_background;
|
||||
height: 16px;
|
||||
float: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
#preview {
|
||||
position: fixed;
|
||||
top: 10px;
|
||||
right: 10px;
|
||||
width: 200px;
|
||||
text-align: center;
|
||||
z-index: 100;
|
||||
background-color: $main_background;
|
||||
border: 1px solid lightgray;
|
||||
font-size: 90%;
|
||||
select {
|
||||
font-size: 100%;
|
||||
}
|
||||
}
|
||||
div.buttons {
|
||||
text-align: center;
|
||||
}
|
||||
#footer_survey {
|
||||
text-align: center;
|
||||
font-size: 90%;
|
||||
p {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
p.footer_mobile {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
p.footer_survey_UL {
|
||||
display: none;
|
||||
}
|
||||
p.footer_survey_FDV {
|
||||
display: none;
|
||||
}
|
||||
p.footer_survey_PoweredBy {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.display_none {
|
||||
display: none;
|
||||
}
|
||||
.clr {
|
||||
clear: both;
|
||||
}
|
||||
.floatLeft {
|
||||
float: left;
|
||||
display: inline;
|
||||
}
|
||||
div.spremenljivka {
|
||||
|
||||
p {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
.spremenljivka_info {
|
||||
color: $spremenljivka_info_text;
|
||||
}
|
||||
.variabla {
|
||||
padding: 5px;
|
||||
}
|
||||
div.spremenljivka.tip_7 {
|
||||
.variabla {
|
||||
label {
|
||||
padding: 5px 10px 5px 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
div.spremenljivka.tip_21 {
|
||||
.variabla {
|
||||
label {
|
||||
padding: 5px 10px 5px 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
span.reminder {
|
||||
position: absolute;
|
||||
color: $warnings_red;
|
||||
left: -8px;
|
||||
}
|
||||
div.naslov {
|
||||
position: relative;
|
||||
float: left;
|
||||
width: auto;
|
||||
min-width: 100px;
|
||||
max-width: 100%;
|
||||
padding: 0 0 20px 0;
|
||||
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
p.spremenljivka_info {
|
||||
font-size: 80%;
|
||||
}
|
||||
.variable_holder {
|
||||
padding: 0 10px;
|
||||
}
|
||||
table.grid_table {
|
||||
table-layout: fixed;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
border-spacing: 0;
|
||||
td.alignLeft {
|
||||
text-align: left !important;
|
||||
}
|
||||
td.alignRight {
|
||||
text-align: right !important;
|
||||
}
|
||||
td.alignCenter {
|
||||
text-align: center !important;
|
||||
}
|
||||
label {
|
||||
display: block;
|
||||
}
|
||||
td {
|
||||
padding: 5px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
}
|
||||
thead {
|
||||
font-weight: 600;
|
||||
}
|
||||
td.question {
|
||||
text-align: left;
|
||||
}
|
||||
td.differential {
|
||||
text-align: left;
|
||||
}
|
||||
table {
|
||||
td.question {
|
||||
input {
|
||||
width: 80px;
|
||||
}
|
||||
}
|
||||
}
|
||||
table.grid_table.multigriddropdown {
|
||||
text-align: left;
|
||||
}
|
||||
td.category {
|
||||
input[type=text] {
|
||||
border: 0;
|
||||
outline: 1px solid lighten( $soft_blue, 10% );
|
||||
}
|
||||
textarea {
|
||||
border: 0;
|
||||
outline: 1px solid lighten( $soft_blue, 10% );
|
||||
}
|
||||
}
|
||||
table.doublegrid {
|
||||
thead {
|
||||
tr {
|
||||
&:first-child {
|
||||
height: 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
table.doublecheckgrid {
|
||||
thead {
|
||||
tr {
|
||||
&:first-child {
|
||||
height: 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
col.space {
|
||||
width: 5%;
|
||||
}
|
||||
td.double {
|
||||
border-left: 1px solid black;
|
||||
}
|
||||
.width_5 {
|
||||
width: 5%;
|
||||
}
|
||||
.width_10 {
|
||||
width: 10%;
|
||||
}
|
||||
.width_15 {
|
||||
width: 15%;
|
||||
}
|
||||
.width_20 {
|
||||
width: 20%;
|
||||
}
|
||||
.width_25 {
|
||||
width: 25%;
|
||||
}
|
||||
.width_30 {
|
||||
width: 30%;
|
||||
}
|
||||
.width_33 {
|
||||
width: 33.3%;
|
||||
}
|
||||
.width_35 {
|
||||
width: 35%;
|
||||
}
|
||||
.width_40 {
|
||||
width: 40%;
|
||||
}
|
||||
.width_45 {
|
||||
width: 45%;
|
||||
}
|
||||
.width_50 {
|
||||
width: 50%;
|
||||
}
|
||||
.width_55 {
|
||||
width: 55%;
|
||||
}
|
||||
.width_60 {
|
||||
width: 60%;
|
||||
}
|
||||
.width_65 {
|
||||
width: 65%;
|
||||
}
|
||||
.width_70 {
|
||||
width: 70%;
|
||||
}
|
||||
.width_75 {
|
||||
width: 75%;
|
||||
}
|
||||
.width_80 {
|
||||
width: 80%;
|
||||
}
|
||||
.width_85 {
|
||||
width: 85%;
|
||||
}
|
||||
.width_90 {
|
||||
width: 90%;
|
||||
}
|
||||
.width_95 {
|
||||
width: 95%;
|
||||
}
|
||||
.width_100 {
|
||||
width: 100%;
|
||||
}
|
||||
table.text_vrednost {
|
||||
table-layout: fixed;
|
||||
text-align: left;
|
||||
width: 100%;
|
||||
border-spacing: 0;
|
||||
}
|
||||
.limit {
|
||||
color: $warnings_red;
|
||||
cursor: default;
|
||||
}
|
||||
table.ranking_table {
|
||||
width: 100%;
|
||||
table-layout: fixed;
|
||||
border-spacing: 0;
|
||||
td {
|
||||
width: 45%;
|
||||
padding: 5px;
|
||||
vertical-align: top;
|
||||
}
|
||||
td.middle {
|
||||
width: 10%;
|
||||
vertical-align: top;
|
||||
text-align: center;
|
||||
}
|
||||
ul {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
td.middle {
|
||||
img {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-left: -20px;
|
||||
}
|
||||
}
|
||||
.handle {
|
||||
width: 230px;
|
||||
padding: 5px;
|
||||
margin: 0 auto 10px auto;
|
||||
border: 1px solid #000000;
|
||||
height: 15px;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
}
|
||||
.handle_long {
|
||||
width: 230px;
|
||||
padding: 5px;
|
||||
margin: 0 auto 10px auto;
|
||||
border: 1px solid #000000;
|
||||
height: 15px;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
}
|
||||
.ime {
|
||||
width: 230px;
|
||||
padding: 5px;
|
||||
margin: 0 auto 10px auto;
|
||||
border: 1px solid #000000;
|
||||
height: 15px;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
}
|
||||
.izbran {
|
||||
width: 230px;
|
||||
padding: 5px;
|
||||
margin: 0 auto 10px auto;
|
||||
border: 1px solid #000000;
|
||||
height: 15px;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
}
|
||||
.ranking {
|
||||
cursor: pointer;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
width: 230px;
|
||||
padding: 5px;
|
||||
margin: 0 auto 10px auto;
|
||||
border: 1px solid #000000;
|
||||
height: 15px;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
background-color: $main_background;
|
||||
}
|
||||
.ranking_long {
|
||||
cursor: pointer;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
width: 230px;
|
||||
padding: 5px;
|
||||
margin: 0 auto 10px auto;
|
||||
border: 1px solid #000000;
|
||||
height: 15px;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
background-color: $main_background;
|
||||
}
|
||||
.frame_ranking {
|
||||
width: 230px !important;
|
||||
padding: 5px;
|
||||
margin: 0px auto 10px auto;
|
||||
border: 1px dashed #000000;
|
||||
height: 15px;
|
||||
text-indent: -25px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.dropholder {
|
||||
position: relative;
|
||||
padding-top: 11px;
|
||||
.dropzone {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
}
|
||||
.dropzone {
|
||||
border-top: 1px solid black;
|
||||
min-height: 100px;
|
||||
padding-top: 10px;
|
||||
}
|
||||
.frame_dropping {
|
||||
width: 230px;
|
||||
padding: 5px;
|
||||
margin: 0px auto 10px auto;
|
||||
height: 15px;
|
||||
text-indent: -25px;
|
||||
background-color: $soft_blue_very_lighten;
|
||||
border: 1px solid $soft_blue;
|
||||
}
|
||||
.frame_dropping_titles {
|
||||
width: 230px;
|
||||
padding: 5px;
|
||||
margin: 0px auto 0px auto;
|
||||
height: 15px;
|
||||
text-align: center;
|
||||
background-color: $main_background;
|
||||
border-top: 1px solid $soft_blue;
|
||||
border-left: 1px solid $soft_blue;
|
||||
border-right: 1px solid $soft_blue;
|
||||
}
|
||||
.moving {
|
||||
cursor: pointer;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 230px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.frame_moving {
|
||||
width: 230px;
|
||||
padding: 5px;
|
||||
margin: 0px auto 10px auto;
|
||||
border: 1px dashed #000000;
|
||||
height: 15px;
|
||||
text-indent: -25px;
|
||||
font-weight: bold;
|
||||
}
|
||||
ul.sorting {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.sortholder {
|
||||
margin: 0 auto;
|
||||
width: 250px;
|
||||
padding: 5px;
|
||||
}
|
||||
.sortzone {
|
||||
position: absolute;
|
||||
margin: 0 auto 0 auto;
|
||||
width: 250px;
|
||||
}
|
||||
.spremenljivka.tip_17 {
|
||||
input {
|
||||
width: 50px;
|
||||
}
|
||||
}
|
||||
.variabla_sum {
|
||||
text-align: right;
|
||||
padding: 5px;
|
||||
input {
|
||||
width: 50px;
|
||||
}
|
||||
}
|
||||
.variabla_sum.sum {
|
||||
float: left;
|
||||
border-top: 1px solid black;
|
||||
}
|
||||
.stat {
|
||||
float: right;
|
||||
}
|
||||
#vnos {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
left: 10px;
|
||||
border: 3px solid $grey_light;
|
||||
background-color: #eee;
|
||||
text-align: center;
|
||||
padding: 3px;
|
||||
}
|
||||
p.vnos {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
.content_status {
|
||||
border: none;
|
||||
padding-bottom: 2px;
|
||||
span {
|
||||
display: inline-table;
|
||||
}
|
||||
}
|
||||
.counter {
|
||||
float: left;
|
||||
width: auto;
|
||||
padding-top: 5px;
|
||||
display: block;
|
||||
}
|
||||
div.comment {
|
||||
font-style: italic;
|
||||
color: $warnings_red;
|
||||
float: left;
|
||||
width: 98%;
|
||||
padding-top: 5px;
|
||||
display: block;
|
||||
border-top: 1px dashed #cccccc;
|
||||
}
|
||||
#edit_warning {
|
||||
width: 380px;
|
||||
margin: -15px 0 5px 15px;
|
||||
padding: 5px;
|
||||
border: 2px red solid;
|
||||
}
|
||||
.arrow {
|
||||
cursor: pointer;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
#arrow_up {
|
||||
background-image: url('../../../main/survey/skins/Default/arrowU.png');
|
||||
&:hover {
|
||||
background-image: url('../../../main/survey/skins/Default/arrowU2.png');
|
||||
}
|
||||
}
|
||||
#arrow_down {
|
||||
background-image: url('../../../main/survey/skins/Default/arrowD.png');
|
||||
&:hover {
|
||||
background-image: url('../../../main/survey/skins/Default/arrowD2.png');
|
||||
}
|
||||
}
|
||||
#arrow_left {
|
||||
background-image: url('../../../main/survey/skins/Default/arrowL.png');
|
||||
&:hover {
|
||||
background-image: url('../../../main/survey/skins/Default/arrowL2.png');
|
||||
}
|
||||
}
|
||||
#arrow_right {
|
||||
background-image: url('../../../main/survey/skins/Default/arrowR.png');
|
||||
&:hover {
|
||||
background-image: url('../../../main/survey/skins/Default/arrowR2.png');
|
||||
}
|
||||
}
|
||||
#dynamic_count {
|
||||
width: 60px;
|
||||
padding: 7px 0;
|
||||
font-weight: bold;
|
||||
color: $dynamic_count_text;
|
||||
}
|
||||
}
|
||||
#tip_preview {
|
||||
position: absolute;
|
||||
display: none;
|
||||
z-index: 9999;
|
||||
width: auto;
|
||||
height: auto;
|
||||
pointer-events: none;
|
||||
}
|
||||
.tip_preview_sub {
|
||||
display: none;
|
||||
margin: 10px 10px 10px 10px;
|
||||
>span {
|
||||
padding: 10px;
|
||||
}
|
||||
}
|
||||
.inside {
|
||||
min-width: 380px;
|
||||
background-color: $soft_blue_very_lighten;
|
||||
border: 1px $soft_blue solid;
|
||||
}
|
||||
.tip_sample {
|
||||
padding: 10px;
|
||||
overflow: hidden;
|
||||
margin-top: 10px;
|
||||
div.spremenljivka {
|
||||
div.naslov {
|
||||
font-weight: bold;
|
||||
width: auto;
|
||||
padding: 0;
|
||||
p {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.tip_sample_text {
|
||||
font-weight: 500;
|
||||
}
|
||||
.tip_sample_option {
|
||||
padding-left: 5px;
|
||||
width: 100%;
|
||||
div {
|
||||
display: block;
|
||||
float: left;
|
||||
width: 100px;
|
||||
}
|
||||
span {
|
||||
display: block;
|
||||
float: left;
|
||||
width: 80px;
|
||||
text-align: center;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
}
|
||||
.tip_sample_option2 {
|
||||
padding-left: 5px;
|
||||
width: 100%;
|
||||
div {
|
||||
display: block;
|
||||
float: left;
|
||||
width: 100px;
|
||||
}
|
||||
span {
|
||||
display: block;
|
||||
float: left;
|
||||
width: 80px;
|
||||
text-align: center;
|
||||
margin-bottom: 3px;
|
||||
width: 60px;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,722 @@
|
||||
/*
|
||||
To change this license header, choose License Headers in Project Properties.
|
||||
To change this template file, choose Tools | Templates
|
||||
and open the template in the editor.
|
||||
*/
|
||||
/*
|
||||
Created on : 10-Aug-2018, 10:12:15
|
||||
Author : podkrizniku
|
||||
*/
|
||||
|
||||
.condition_profile_holder {
|
||||
float: left;
|
||||
width: 190px;
|
||||
height: 150px;
|
||||
margin: 8px 8px 8px 0px;
|
||||
}
|
||||
.zanka_profile_holder {
|
||||
float: left;
|
||||
width: 190px;
|
||||
height: 150px;
|
||||
color: $strong_blue;
|
||||
}
|
||||
.variable_profile_holder {
|
||||
float: left;
|
||||
width: 190px;
|
||||
height: 150px;
|
||||
color: $strong_blue;
|
||||
}
|
||||
#zanka_profile {
|
||||
overflow: auto;
|
||||
cursor: pointer;
|
||||
width: 190px;
|
||||
|
||||
.option {
|
||||
padding: 2px 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.active {
|
||||
padding: 2px 5px;
|
||||
|
||||
border: 1px solid $soft_blue;
|
||||
background-color: $soft_blue_very_lighten;
|
||||
border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
}
|
||||
}
|
||||
#variable_profile {
|
||||
overflow: auto;
|
||||
cursor: pointer;
|
||||
|
||||
.option {
|
||||
padding: 2px 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.active {
|
||||
padding: 2px 5px;
|
||||
|
||||
border: 1px solid $soft_blue;
|
||||
background-color: $soft_blue_very_lighten;
|
||||
border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
}
|
||||
}
|
||||
#condition_profile {
|
||||
height: 200px;
|
||||
overflow: auto;
|
||||
cursor: pointer;
|
||||
|
||||
.option {
|
||||
padding: 2px 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.active {
|
||||
padding: 2px 5px;
|
||||
|
||||
border: 1px solid $soft_blue;
|
||||
background-color: $soft_blue_very_lighten;
|
||||
border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
#variableProfileCoverDiv {
|
||||
display: none;
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
z-index: 10;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: $strong_blue_very_lighten;
|
||||
opacity: .40;
|
||||
}
|
||||
#zankaProfileCoverDiv {
|
||||
display: none;
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
z-index: 10;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: $strong_blue_very_lighten;
|
||||
opacity: .40;
|
||||
}
|
||||
#statisticProfileCoverDiv {
|
||||
display: none;
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
z-index: 10;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: $strong_blue_very_lighten;
|
||||
opacity: .40;
|
||||
}
|
||||
#timeProfileCoverDiv {
|
||||
display: none;
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
z-index: 10;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: $strong_blue_very_lighten;
|
||||
opacity: .40;
|
||||
}
|
||||
#statusProfileCoverDiv {
|
||||
display: none;
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
z-index: 10;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: $strong_blue_very_lighten;
|
||||
opacity: .40;
|
||||
}
|
||||
#conditionProfileCoverDiv {
|
||||
display: none;
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
z-index: 10;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: $strong_blue_very_lighten;
|
||||
opacity: .40;
|
||||
}
|
||||
#surveyConditionCover {
|
||||
display: none;
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
z-index: 10;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: $strong_blue_very_lighten;
|
||||
opacity: .40;
|
||||
}
|
||||
#profileManagerCoverDiv {
|
||||
display: none;
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
z-index: 10;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: $strong_blue_very_lighten;
|
||||
opacity: .40;
|
||||
}
|
||||
fieldset.statusProfileFieldset {
|
||||
width: 460px;
|
||||
margin: 0px;
|
||||
padding: 5px;
|
||||
border: 0;
|
||||
border-top: 1px solid $soft_blue;
|
||||
legend {
|
||||
background-color: $soft_blue_very_lighten;
|
||||
}
|
||||
}
|
||||
fieldset#missingProfileFieldset {
|
||||
width: 470px;
|
||||
margin: 0px;
|
||||
padding: 5px;
|
||||
border: 0;
|
||||
border-top: 1px solid $soft_blue;
|
||||
}
|
||||
#missingProfileFieldsetHolder1 {
|
||||
width: 481px;
|
||||
padding: 4px;
|
||||
margin-top: 4px;
|
||||
margin-bottom: 5px;
|
||||
font-size: 11px;
|
||||
}
|
||||
#missingProfilebuttons {
|
||||
position: absolute;
|
||||
bottom: 20px;
|
||||
right: 20px;
|
||||
}
|
||||
#div_missing_profiles {
|
||||
display: none;
|
||||
position: relative;
|
||||
z-index: 90;
|
||||
|
||||
width: 730px;
|
||||
|
||||
fieldset {
|
||||
border: 0;
|
||||
border-top: 1px solid $soft_blue;
|
||||
}
|
||||
legend {
|
||||
background-color: $soft_blue_very_lighten;
|
||||
}
|
||||
}
|
||||
#fs_list {
|
||||
overflow: auto;
|
||||
float: right;
|
||||
width: 490px;
|
||||
height: 320px;
|
||||
padding: 10px;
|
||||
color: $grey_super_dark;
|
||||
border: 1px solid $soft_blue;
|
||||
background-color: $soft_blue_very_lighten;
|
||||
}
|
||||
.fs_container {
|
||||
height: 280px;
|
||||
width: 235px;
|
||||
overflow: auto;
|
||||
padding: 3px 0px 3px 0px;
|
||||
}
|
||||
#fs_list_1 {
|
||||
display: block;
|
||||
list-style-type: none;
|
||||
padding: 0px;
|
||||
min-height: 275px;
|
||||
height: 275px;
|
||||
width: 220px;
|
||||
min-width: 220px;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
ul {
|
||||
padding: 0px;
|
||||
max-height: 275px;
|
||||
}
|
||||
li {
|
||||
list-style-type: none;
|
||||
display: block;
|
||||
background: $soft_blue_very_lighten;
|
||||
width: 220px;
|
||||
padding: 5px 0px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
li.dds_selected {
|
||||
background: #B3CBC2;
|
||||
}
|
||||
li.dds_ghost {
|
||||
opacity: 0.5;
|
||||
}
|
||||
li.dds_move {
|
||||
background: #cfc;
|
||||
}
|
||||
}
|
||||
#fs_list_2 {
|
||||
display: block;
|
||||
list-style-type: none;
|
||||
padding: 0px;
|
||||
min-height: 275px;
|
||||
height: 275px;
|
||||
width: 220px;
|
||||
min-width: 220px;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
ul {
|
||||
padding: 0px;
|
||||
max-height: 275px;
|
||||
}
|
||||
li {
|
||||
list-style-type: none;
|
||||
display: block;
|
||||
background: $soft_blue_very_lighten;
|
||||
width: 220px;
|
||||
padding: 5px 0px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
li.dds_selected {
|
||||
background: #B3CBC2;
|
||||
}
|
||||
li.dds_ghost {
|
||||
opacity: 0.5;
|
||||
}
|
||||
li.dds_move {
|
||||
background: #cfc;
|
||||
}
|
||||
}
|
||||
#fs_list_3 {
|
||||
display: block;
|
||||
list-style-type: none;
|
||||
padding: 0px;
|
||||
min-height: 275px;
|
||||
height: 275px;
|
||||
width: 220px;
|
||||
min-width: 220px;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
ul {
|
||||
padding: 0px;
|
||||
max-height: 275px;
|
||||
}
|
||||
li {
|
||||
list-style-type: none;
|
||||
display: block;
|
||||
background: $soft_blue_very_lighten;
|
||||
width: 220px;
|
||||
padding: 5px 0px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
li.dds_selected {
|
||||
background: #B3CBC2;
|
||||
}
|
||||
li.dds_ghost {
|
||||
opacity: 0.5;
|
||||
}
|
||||
li.dds_move {
|
||||
background: #cfc;
|
||||
}
|
||||
}
|
||||
#fs_list_4 {
|
||||
display: block;
|
||||
list-style-type: none;
|
||||
padding: 0px;
|
||||
min-height: 275px;
|
||||
height: 275px;
|
||||
width: 220px;
|
||||
min-width: 220px;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
ul {
|
||||
padding: 0px;
|
||||
max-height: 275px;
|
||||
}
|
||||
li {
|
||||
list-style-type: none;
|
||||
display: block;
|
||||
background: $soft_blue_very_lighten;
|
||||
width: 220px;
|
||||
padding: 5px 0px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
li.dds_selected {
|
||||
background: #B3CBC2;
|
||||
}
|
||||
li.dds_ghost {
|
||||
opacity: 0.5;
|
||||
}
|
||||
li.dds_move {
|
||||
background: #cfc;
|
||||
}
|
||||
}
|
||||
#div_cp_preview {
|
||||
float: right;
|
||||
display: inline-block;
|
||||
width: 780px;
|
||||
margin: 8px 8px 40px 0px;
|
||||
max-height: 500px;
|
||||
border: 1px solid $soft_blue;
|
||||
background-color: $soft_blue_very_lighten;
|
||||
}
|
||||
#div_cp_preview_content {
|
||||
display: block;
|
||||
margin: 6px;
|
||||
}
|
||||
.statistic_profile_left_right {
|
||||
width: auto;
|
||||
height: 190px;
|
||||
padding: 5px;
|
||||
}
|
||||
.time_profile_left_right {
|
||||
width: auto;
|
||||
height: 200px;
|
||||
padding: 5px;
|
||||
}
|
||||
.time_profile_left_right.floatRight {
|
||||
height: 140px;
|
||||
border: 1px solid $soft_blue;
|
||||
background-color: $soft_blue_very_lighten;
|
||||
float: right;
|
||||
padding: 10px;
|
||||
width: 380px;
|
||||
}
|
||||
.statistic_profile_holder {
|
||||
float: left;
|
||||
width: 190px;
|
||||
height: 150px;
|
||||
color: $strong_blue;
|
||||
}
|
||||
#statistic_profile {
|
||||
height: 150px;
|
||||
overflow: auto;
|
||||
cursor: pointer;
|
||||
width: 190px;
|
||||
|
||||
.option {
|
||||
padding: 2px 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.active {
|
||||
padding: 2px 5px;
|
||||
|
||||
border: 1px solid $soft_blue;
|
||||
background-color: $soft_blue_very_lighten;
|
||||
border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
}
|
||||
}
|
||||
#time_profile {
|
||||
height: 150px;
|
||||
overflow: auto;
|
||||
cursor: pointer;
|
||||
width: 190px;
|
||||
|
||||
.option {
|
||||
padding: 2px 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.active {
|
||||
padding: 2px 5px;
|
||||
|
||||
border: 1px solid $soft_blue;
|
||||
background-color: $soft_blue_very_lighten;
|
||||
border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
}
|
||||
}
|
||||
#statistic_profile_content {
|
||||
float: left;
|
||||
width: auto;
|
||||
height: 80px;
|
||||
padding: 5px;
|
||||
margin-bottom: 10px;
|
||||
color: $grey_super_dark;
|
||||
}
|
||||
#time_profile_content {
|
||||
float: left;
|
||||
width: auto;
|
||||
height: 80px;
|
||||
padding: 5px;
|
||||
margin-bottom: 10px;
|
||||
color: $grey_super_dark;
|
||||
}
|
||||
.statistic_profile_button_left_holder {
|
||||
width: auto;
|
||||
max-width: 180px;
|
||||
}
|
||||
.statistic_profile_button_right_holder {
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
right: 10px;
|
||||
}
|
||||
.time_profile_button_right_holder {
|
||||
position: absolute;
|
||||
bottom: 20px;
|
||||
right: 20px;
|
||||
}
|
||||
.statistic_profile_note {
|
||||
width: 430px;
|
||||
padding: 3px;
|
||||
color: black;
|
||||
font-size: 11px;
|
||||
border: 1px solid $soft_blue;
|
||||
background-color: $soft_blue_very_lighten;
|
||||
}
|
||||
#missing_profile_holder {
|
||||
float: left;
|
||||
width: 190px;
|
||||
height: 150px;
|
||||
margin: 0px 8px 8px 0px;
|
||||
color: $strong_blue;
|
||||
}
|
||||
#status_profile_holder {
|
||||
float: left;
|
||||
width: 190px;
|
||||
height: 150px;
|
||||
margin: 0px 8px 8px 0px;
|
||||
color: $strong_blue;
|
||||
height: auto;
|
||||
}
|
||||
#divStatusProfile {
|
||||
position: relative;
|
||||
}
|
||||
#missing_profile {
|
||||
height: 150px;
|
||||
overflow: auto;
|
||||
cursor: pointer;
|
||||
width: 190px;
|
||||
|
||||
div.option {
|
||||
padding: 2px 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
div.active {
|
||||
padding: 2px 5px;
|
||||
|
||||
border: 1px solid $soft_blue;
|
||||
background-color: $soft_blue_very_lighten;
|
||||
border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
}
|
||||
}
|
||||
#status_profile {
|
||||
height: 150px;
|
||||
overflow: auto;
|
||||
cursor: pointer;
|
||||
width: 190px;
|
||||
|
||||
div.option {
|
||||
padding: 2px 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
div.active {
|
||||
padding: 2px 5px;
|
||||
|
||||
border: 1px solid $soft_blue;
|
||||
background-color: $soft_blue_very_lighten;
|
||||
border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
}
|
||||
}
|
||||
#status_casi {
|
||||
height: 150px;
|
||||
overflow: auto;
|
||||
cursor: pointer;
|
||||
width: 190px;
|
||||
}
|
||||
#missing_profile_data_holder {
|
||||
float: right;
|
||||
width: 490px;
|
||||
padding: 10px;
|
||||
border: 1px solid $soft_blue;
|
||||
background-color: $soft_blue_very_lighten;
|
||||
}
|
||||
#status_profile_data_holder {
|
||||
float: right;
|
||||
width: 490px;
|
||||
padding: 10px;
|
||||
border: 1px solid $soft_blue;
|
||||
background-color: $soft_blue_very_lighten;
|
||||
}
|
||||
#missingProfileFieldsetHolder {
|
||||
width: 470px;
|
||||
padding: 5px;
|
||||
margin: 0px;
|
||||
margin-bottom: 5px;
|
||||
font-size: 11px;
|
||||
}
|
||||
#statusProfileFieldsetHolder {
|
||||
width: 470px;
|
||||
padding: 5px;
|
||||
margin: 0px;
|
||||
margin-bottom: 5px;
|
||||
font-size: 11px;
|
||||
}
|
||||
#conditionProfileButtons {
|
||||
position: absolute;
|
||||
bottom: 20px;
|
||||
right: 20px;
|
||||
}
|
||||
#tbl_color_ersidual {
|
||||
font-size: 11px;
|
||||
line-height: 12px;
|
||||
border-collapse: collapse;
|
||||
margin: 0px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
@mixin profile_note() {
|
||||
display: inline-block;
|
||||
width: auto;
|
||||
padding: 3px 10px;
|
||||
margin-bottom: 4px;
|
||||
line-height: 2em;
|
||||
vertical-align: middle;
|
||||
border: 1px solid $soft_blue;
|
||||
background-color: $soft_blue_very_lighten;
|
||||
}
|
||||
#variableTypeNote {
|
||||
@include profile_note();
|
||||
}
|
||||
#variableProfileNote {
|
||||
@include profile_note();
|
||||
div.if_content {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
#timeProfileDafaultNote {
|
||||
@include profile_note();
|
||||
}
|
||||
#dashboardEmailFilter {
|
||||
@include profile_note();
|
||||
}
|
||||
#not_default_setting {
|
||||
padding: 5px;
|
||||
width: auto;
|
||||
margin-bottom: 15px;
|
||||
|
||||
border: 1px solid $orange;
|
||||
background-color: $orange_super_lighten;
|
||||
}
|
||||
input#startDate {
|
||||
width: 80px;
|
||||
}
|
||||
input#endDate {
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
#vp_list {
|
||||
float: right;
|
||||
overflow: auto;
|
||||
width: 430px;
|
||||
padding: 10px;
|
||||
margin: 0 10px;
|
||||
color: $grey_super_dark;
|
||||
border: 1px solid $soft_blue;
|
||||
background-color: $soft_blue_very_lighten;
|
||||
ul {
|
||||
display: inline-block;
|
||||
padding: 0 3px;
|
||||
max-height: 400px;
|
||||
width: auto;
|
||||
li {
|
||||
list-style-type: none;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
max-width: 400px;
|
||||
padding: 5px;
|
||||
margin-bottom: 5px;
|
||||
background-color: $soft_blue_very_lighten;
|
||||
outline: 1px solid $soft_blue_very_lighten;
|
||||
color: $grey_super_dark;
|
||||
label {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
li.selected {
|
||||
background-color: $soft_blue_very_lighten !important;
|
||||
outline: 0 !important;
|
||||
color: $strong_blue !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@mixin profiles_popup(){
|
||||
display: none;
|
||||
position: relative;
|
||||
z-index: 90;
|
||||
}
|
||||
#div_condition_profiles {
|
||||
width: 1010px;
|
||||
height: auto !important;
|
||||
@include profiles_popup();
|
||||
}
|
||||
#div_time_profiles {
|
||||
width: 620px;
|
||||
@include profiles_popup();
|
||||
}
|
||||
#div_zanka_profiles {
|
||||
width: 730px;
|
||||
height: 430px;
|
||||
@include profiles_popup();
|
||||
}
|
||||
|
||||
|
||||
@mixin new_profile_popup(){
|
||||
display: none;
|
||||
position: absolute;
|
||||
z-index: 20;
|
||||
|
||||
left: calc(50% - 300px);
|
||||
top: 40%;
|
||||
padding: 20px;
|
||||
width: 550px;
|
||||
|
||||
background-color: white;
|
||||
border-left: 6px $strong_blue solid !important;
|
||||
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.34);
|
||||
}
|
||||
#newProfile {
|
||||
@include new_profile_popup();
|
||||
}
|
||||
#newProfileDiv {
|
||||
@include new_profile_popup();
|
||||
}
|
||||
#renameProfileDiv {
|
||||
@include new_profile_popup();
|
||||
}
|
||||
#deleteProfileDiv {
|
||||
@include new_profile_popup();
|
||||
}
|
||||
@ -1,123 +1,23 @@
|
||||
@mixin popup_general() {
|
||||
/*max-height: 90vh;
|
||||
overflow-y: scroll;*/
|
||||
max-width: 90vw;
|
||||
/*
|
||||
Created on : 21-12-2021
|
||||
Author : Peter Hrvatin
|
||||
|
||||
padding: 20px;
|
||||
Vsi popupi v admin vmesniku
|
||||
*/
|
||||
|
||||
/*font-size: 13px;
|
||||
line-height: 20px;*/
|
||||
@import "basic";
|
||||
|
||||
background-color: white;
|
||||
border-left: 6px $blue solid !important;
|
||||
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.34);
|
||||
@import "other";
|
||||
@import "loader";
|
||||
@import "qtip";
|
||||
@import "settings";
|
||||
@import "alert";
|
||||
@import "error";
|
||||
|
||||
.popup_close{
|
||||
position: absolute !important;
|
||||
top: 20px;
|
||||
right: 20px;
|
||||
z-index: 9999;
|
||||
|
||||
font-size: 32px !important;
|
||||
line-height: 25px;
|
||||
color: $gray;
|
||||
|
||||
&:hover{
|
||||
color: $blue;
|
||||
}
|
||||
|
||||
a{
|
||||
color: $gray;
|
||||
|
||||
&:hover{
|
||||
color: $blue;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
h2,
|
||||
.divPopUp_top{
|
||||
max-width: 95%;
|
||||
margin-top: 0px;
|
||||
margin-bottom: 20px;
|
||||
|
||||
font-size: 20px;
|
||||
line-height: 27px;
|
||||
font-weight: 500;
|
||||
color: $black;
|
||||
}
|
||||
|
||||
p{
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
|
||||
/*&.popup_violet{
|
||||
border-left: 6px $violet solid !important;
|
||||
|
||||
div.buttonwrapper a {
|
||||
background-color: $violet;
|
||||
border: 1px $violet solid;
|
||||
|
||||
&:hover{
|
||||
background-color: $violet_light;
|
||||
border: 1px $violet_light solid;
|
||||
}
|
||||
}
|
||||
div.buttonwrapper a.ovalbutton_gray{
|
||||
color: $violet !important;
|
||||
background-color: white !important;
|
||||
|
||||
&:hover{
|
||||
color: white !important;
|
||||
background-color: $violet !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.popup_orange{
|
||||
border-left: 6px $orange solid !important;
|
||||
|
||||
div.buttonwrapper a {
|
||||
background-color: $orange;
|
||||
border: 1px $orange solid;
|
||||
|
||||
&:hover{
|
||||
background-color: $orange_lighten;
|
||||
border: 1px $orange_lighten solid;
|
||||
}
|
||||
}
|
||||
div.buttonwrapper a.ovalbutton_gray{
|
||||
color: $orange !important;
|
||||
background-color: white !important;
|
||||
|
||||
&:hover{
|
||||
color: white !important;
|
||||
background-color: $orange !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.popup_red{
|
||||
border-left: 6px $red solid !important;
|
||||
|
||||
div.buttonwrapper a {
|
||||
background-color: $red;
|
||||
border: 1px $red solid;
|
||||
|
||||
&:hover{
|
||||
background-color: $red_lighten;
|
||||
border: 1px $red_lighten solid;
|
||||
}
|
||||
}
|
||||
div.buttonwrapper a.ovalbutton_gray{
|
||||
color: $red !important;
|
||||
background-color: white !important;
|
||||
|
||||
&:hover{
|
||||
color: white !important;
|
||||
background-color: $red !important;
|
||||
}
|
||||
}
|
||||
} */
|
||||
}
|
||||
/*@import "data_setting";
|
||||
@import "page_specific/profiles";
|
||||
@import "page_specific/import_from_text";
|
||||
@import "page_specific/archive";
|
||||
@import "page_specific/preview_question";
|
||||
@import "page_specific/consulting";
|
||||
@import "page_specific/dodeljeni_uporabniki";*/
|
||||
|
||||
186
resources/sass/admin_new/components/popup/qtip.scss
Normal file
186
resources/sass/admin_new/components/popup/qtip.scss
Normal file
@ -0,0 +1,186 @@
|
||||
/*
|
||||
Qtip vprasajcek popup in tooltip
|
||||
*/
|
||||
|
||||
.qtip{
|
||||
@include popup_general();
|
||||
|
||||
padding: 15px !important;
|
||||
|
||||
.qtip-tip{
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.qtip-wrapper{
|
||||
border: 0 !important;
|
||||
|
||||
.qtip-contentWrapper {
|
||||
border: 0 !important;
|
||||
|
||||
.qtip-title {
|
||||
padding: 0 !important;
|
||||
/*margin-top: 10px;*/
|
||||
|
||||
color: black !important;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
|
||||
background-color: white !important;
|
||||
|
||||
.qtip-button{
|
||||
position: absolute !important;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
|
||||
font-size: 25px !important;
|
||||
line-height: 18px;
|
||||
color: $gray;
|
||||
|
||||
&:hover{
|
||||
color: $blue;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.qtip-content {
|
||||
overflow: visible !important;
|
||||
padding: 0 !important;
|
||||
margin-top: 10px;
|
||||
|
||||
font-size: 12px;
|
||||
|
||||
background-color: white !important;
|
||||
border: 0;
|
||||
|
||||
textarea{
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.qtip-help{
|
||||
margin-top: -10px;
|
||||
padding-right: 30px;
|
||||
|
||||
line-height: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.qtip-borderTop, .qtip-borderBottom {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* toostip popups */
|
||||
.expanded-tooltip {
|
||||
@include popup_general();
|
||||
|
||||
top: -45px;
|
||||
left: -25px;
|
||||
z-index: 99999;
|
||||
position: absolute;
|
||||
|
||||
display: block;
|
||||
margin: 0;
|
||||
width: 200px;
|
||||
height: 29px;
|
||||
padding-bottom: 10px;
|
||||
|
||||
/*color: $grey_super_dark !important;
|
||||
background-color: $soft_blue_very_lighten;
|
||||
border: 1px solid $soft_blue;
|
||||
padding: 10px 10px 0 10px;*/
|
||||
background-color: white;
|
||||
|
||||
text-align: center;
|
||||
font-weight: normal;
|
||||
font-size: 11px;
|
||||
line-height: 14px;
|
||||
|
||||
a {
|
||||
font-weight: 600 !important;
|
||||
}
|
||||
|
||||
a.close {
|
||||
color: $gray;
|
||||
float: right;
|
||||
}
|
||||
|
||||
span.arrow {
|
||||
display: none;
|
||||
|
||||
display: block;
|
||||
height: 18px;
|
||||
left: 50%;
|
||||
top: 35px;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
width: 60px;
|
||||
margin-left: -30px;
|
||||
|
||||
&:after {
|
||||
background-color: white;
|
||||
border: 2px solid white;
|
||||
content: "";
|
||||
height: 25px;
|
||||
left: 15px;
|
||||
position: absolute;
|
||||
top: -20px;
|
||||
width: 25px;
|
||||
-webkit-box-shadow: 6px 5px 9px -9px black, 5px 6px 9px -9px black;
|
||||
-moz-box-shadow: 6px 5px 9px -9px black, 5px 6px 9px -9px black;
|
||||
box-shadow: 6px 5px 9px -9px black, 5px 6px 9px -9px black;
|
||||
-webkit-transform: rotate(45deg);
|
||||
-moz-transform: rotate(45deg);
|
||||
-ms-transform: rotate(45deg);
|
||||
-o-transform: rotate(45deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.expanded-tooltip.bottom {
|
||||
text-align: left;
|
||||
left: -100px;
|
||||
top: 35px;
|
||||
background-color: white;
|
||||
height: auto;
|
||||
z-index: 99999;
|
||||
|
||||
span.arrow {
|
||||
top: -18px;
|
||||
&:after {
|
||||
background-color: white;
|
||||
top: 10px;
|
||||
-webkit-box-shadow: -6px -5px 9px -9px black, -5px -6px 9px -9px black;
|
||||
-moz-box-shadow: -6px -5px 9px -9px black, -5px -6px 9px -9px black;
|
||||
box-shadow: -6px -5px 9px -9px black, -5px -6px 9px -9px black;
|
||||
}
|
||||
}
|
||||
}
|
||||
.expanded-tooltip.light {
|
||||
/*background-color: $soft_blue_very_lighten;
|
||||
|
||||
span.arrow {
|
||||
&:after {
|
||||
background-color: $soft_blue_very_lighten;
|
||||
}
|
||||
}*/
|
||||
}
|
||||
#request_help_content.expanded-tooltip{
|
||||
/*left: -85px;*/
|
||||
}
|
||||
#tooltip_preview_content.expanded-tooltip{
|
||||
/*left: -90px;*/
|
||||
top: 33px;
|
||||
}
|
||||
#baseSurveyInfoImg {
|
||||
.expanded-tooltip {
|
||||
width: 400px;
|
||||
left: -38px;
|
||||
|
||||
span.arrow {
|
||||
left: 12%;
|
||||
}
|
||||
}
|
||||
}
|
||||
234
resources/sass/admin_new/components/popup/settings.scss
Normal file
234
resources/sass/admin_new/components/popup/settings.scss
Normal file
@ -0,0 +1,234 @@
|
||||
/*
|
||||
Popupi z nastavitvami
|
||||
*/
|
||||
|
||||
|
||||
/* Survey title edit */
|
||||
#quick_title_edit {
|
||||
position: relative;
|
||||
|
||||
width: 720px;
|
||||
height: 265px;
|
||||
|
||||
.quick_title_edit_label {
|
||||
width: 145px;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* Nastavitve grafov */
|
||||
#div_chart_settings_profiles {
|
||||
display: none;
|
||||
position: relative;
|
||||
z-index: 90;
|
||||
|
||||
width: 650px;
|
||||
height: 420px;
|
||||
padding: 10px;
|
||||
|
||||
.as_link {
|
||||
color: $blue !important;
|
||||
}
|
||||
|
||||
#chart_skin_note {
|
||||
width: auto;
|
||||
padding: 3px;
|
||||
color: black;
|
||||
font-size: 11px;
|
||||
border: 1px solid $blue;
|
||||
background-color: $blue;
|
||||
}
|
||||
#chart_settings_profiles_left {
|
||||
float: left;
|
||||
width: 30%;
|
||||
height: 200px;
|
||||
}
|
||||
#chart_settings_profiles_right {
|
||||
padding: 20px;
|
||||
width: 60%;
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
/* popup edit chart */
|
||||
#chart_float_editing {
|
||||
display: none;
|
||||
position: relative;
|
||||
z-index: 999;
|
||||
|
||||
width: 815px;
|
||||
padding: 0 20px;
|
||||
|
||||
.chartSettingsArea {
|
||||
position: absolute;
|
||||
overflow: auto;
|
||||
right: 20px;
|
||||
|
||||
width: 615px;
|
||||
height: 300px;
|
||||
padding: 20px;
|
||||
margin: 0 0 40px 0;
|
||||
|
||||
background-color: $blue;
|
||||
|
||||
ul.vrednost_sort {
|
||||
li {
|
||||
border: 1px solid $gray;
|
||||
}
|
||||
}
|
||||
|
||||
.chart_setting {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
#chart_number_limits_advanced {
|
||||
ul {
|
||||
padding: 3px 20px;
|
||||
li {
|
||||
padding: 2px 0px 3px 0px;
|
||||
.chart_advanced_warning {
|
||||
padding: 0px 10px;
|
||||
color: red;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.chartSettingsTabs {
|
||||
position: absolute;
|
||||
width: 160px;
|
||||
height: 260px;
|
||||
padding: 0px;
|
||||
font-size: 13px;
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
background-color: white;
|
||||
|
||||
ul {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style-type: none;
|
||||
|
||||
li {
|
||||
width: 100%;
|
||||
height: 20px;
|
||||
padding: 10px 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
li.active {
|
||||
background-color: $blue;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.form-item {
|
||||
padding: 3px;
|
||||
width: 200px;
|
||||
}
|
||||
.colorwell {
|
||||
width: 70px;
|
||||
height: 20px;
|
||||
font-size: 11px;
|
||||
}
|
||||
}
|
||||
|
||||
/*color picker*/
|
||||
.farbtastic {
|
||||
position: relative;
|
||||
|
||||
width: 195px;
|
||||
height: 195px;
|
||||
|
||||
* {
|
||||
position: absolute;
|
||||
cursor: crosshair;
|
||||
}
|
||||
.wheel {
|
||||
width: 195px;
|
||||
height: 195px;
|
||||
background: url(../../../admin/survey/img_0/wheel.png) no-repeat;
|
||||
width: 195px;
|
||||
height: 195px;
|
||||
}
|
||||
.color {
|
||||
top: 47px;
|
||||
left: 47px;
|
||||
width: 101px;
|
||||
height: 101px;
|
||||
}
|
||||
.overlay {
|
||||
top: 47px;
|
||||
left: 47px;
|
||||
width: 101px;
|
||||
height: 101px;
|
||||
background: url(../../../admin/survey/img_0/mask.png) no-repeat;
|
||||
}
|
||||
.marker {
|
||||
width: 17px;
|
||||
height: 17px;
|
||||
margin: -8px 0 0 -8px;
|
||||
overflow: hidden;
|
||||
background: url(../../../admin/survey/img_0/marker.png) no-repeat;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
#div_variable_profiles {
|
||||
z-index: 90;
|
||||
}
|
||||
#divConditionProfiles {
|
||||
width: 1035px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Calculation edit */
|
||||
#calculation {
|
||||
display: none;
|
||||
position: relative;
|
||||
z-index: 91;
|
||||
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
|
||||
height: auto;
|
||||
width: 600px;
|
||||
|
||||
#calculation_editing_inner {
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin-bottom: 40px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.calculation_editing_body{
|
||||
max-height: 40vh;
|
||||
overflow-y: auto;
|
||||
|
||||
margin: 20px 0;
|
||||
padding: 10px 5px 5px 5px;
|
||||
|
||||
border: 1px $blue solid;
|
||||
|
||||
.tbl_condition_editing{
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
#condition_editing_close {
|
||||
float: right;
|
||||
margin: 20px 20px 20px 0;
|
||||
}
|
||||
#bottom_space {
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user