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;
|
Created on : 21-12-2021
|
||||||
overflow-y: scroll;*/
|
Author : Peter Hrvatin
|
||||||
max-width: 90vw;
|
|
||||||
|
|
||||||
padding: 20px;
|
Vsi popupi v admin vmesniku
|
||||||
|
*/
|
||||||
|
|
||||||
/*font-size: 13px;
|
@import "basic";
|
||||||
line-height: 20px;*/
|
|
||||||
|
|
||||||
background-color: white;
|
@import "other";
|
||||||
border-left: 6px $blue solid !important;
|
@import "loader";
|
||||||
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.34);
|
@import "qtip";
|
||||||
|
@import "settings";
|
||||||
|
@import "alert";
|
||||||
|
@import "error";
|
||||||
|
|
||||||
.popup_close{
|
/*@import "data_setting";
|
||||||
position: absolute !important;
|
@import "page_specific/profiles";
|
||||||
top: 20px;
|
@import "page_specific/import_from_text";
|
||||||
right: 20px;
|
@import "page_specific/archive";
|
||||||
z-index: 9999;
|
@import "page_specific/preview_question";
|
||||||
|
@import "page_specific/consulting";
|
||||||
font-size: 32px !important;
|
@import "page_specific/dodeljeni_uporabniki";*/
|
||||||
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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
} */
|
|
||||||
}
|
|
||||||
|
|||||||
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