483 lines
8.5 KiB
SCSS
483 lines
8.5 KiB
SCSS
/*
|
|
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 : 08-Aug-2018, 11:30:21
|
|
Author : podkrizniku
|
|
*/
|
|
|
|
/*editing chart labels in popup*/
|
|
table#grids {
|
|
td {
|
|
padding: 0 5px;
|
|
text-align: center;
|
|
}
|
|
input {
|
|
width: 100%;
|
|
}
|
|
}
|
|
ul.vrednost_sort {
|
|
padding: 0;
|
|
li {
|
|
list-style: none;
|
|
border: 1px solid $grey_normal;
|
|
margin: 5px 0px 5px 0px;
|
|
padding: 2px 3px 2px 3px;
|
|
width: 100%;
|
|
}
|
|
input[type=text] {
|
|
width: 50%;
|
|
}
|
|
}
|
|
#chart_hq_setting {
|
|
width: auto;
|
|
display: inline-block;
|
|
margin-left: 20px;
|
|
padding: 2px 5px 0px 5px;
|
|
background-color: $grey_almost_white;
|
|
border: 1px solid silver;
|
|
border-radius: 3px;
|
|
-moz-border-radius: 4px 4px 4px 4px;
|
|
-webkit-border-radius: 4px;
|
|
ul {
|
|
margin: 0px !important;
|
|
padding: 0px;
|
|
li {
|
|
display: block;
|
|
margin: 0px !important;
|
|
padding: 3px;
|
|
list-style: none;
|
|
span.as_link {
|
|
font-weight: 500;
|
|
color: $strong_blue !important;
|
|
}
|
|
span.as_link.gray {
|
|
font-weight: normal;
|
|
color: $strong_blue !important;
|
|
}
|
|
span.advanced {
|
|
display: block;
|
|
font-weight: normal;
|
|
}
|
|
}
|
|
li.space {
|
|
display: none;
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
/*chart of analisys*/
|
|
.tableChart {
|
|
margin: 30px auto 30px auto;
|
|
width: 1000px;
|
|
overflow: auto;
|
|
text-align: center;
|
|
|
|
.chart_title {
|
|
width: 800px;
|
|
margin: 5px 0px;
|
|
padding-left: 5px;
|
|
min-height: 15px;
|
|
|
|
font-weight: 600;
|
|
font-size: 14px;
|
|
}
|
|
.chart_img {
|
|
float: left;
|
|
img {
|
|
width: 800px;
|
|
}
|
|
}
|
|
.chart_settings {
|
|
float: right;
|
|
position: relative;
|
|
margin-top: 5px;
|
|
opacity: 0;
|
|
filter: alpha(opacity=0);
|
|
float: right;
|
|
position: relative;
|
|
opacity: 0;
|
|
filter: alpha(opacity=0);
|
|
margin-top: -25px;
|
|
background-color: $soft_blue_very_lighten;
|
|
.switch_left {
|
|
z-index: 99999;
|
|
position: relative;
|
|
width: 90px;
|
|
height: 17px;
|
|
padding: 5px 0 8px 0 !important;
|
|
color: $strong_blue;
|
|
font-size: 13px;
|
|
font-weight: 500;
|
|
background-color: $soft_blue_very_lighten;
|
|
float: left;
|
|
}
|
|
.switch_right {
|
|
z-index: 99999;
|
|
position: relative;
|
|
width: 90px;
|
|
height: 17px;
|
|
padding: 5px 0 8px 0 !important;
|
|
color: $strong_blue;
|
|
font-size: 13px;
|
|
font-weight: 500;
|
|
background-color: $soft_blue_very_lighten;
|
|
float: right;
|
|
}
|
|
.non-active {
|
|
cursor: pointer;
|
|
background-color: $soft_blue_very_lighten;
|
|
}
|
|
.chart_settings_inner {
|
|
position: relative;
|
|
clear: both;
|
|
margin-top: -3px;
|
|
padding: 10px;
|
|
width: 160px;
|
|
height: auto;
|
|
font-size: 10px;
|
|
line-height: 15px;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
background-color: $soft_blue_very_lighten;
|
|
}
|
|
span.title {
|
|
color: $strong_blue;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
}
|
|
span.edit {
|
|
cursor: pointer;
|
|
display: block;
|
|
margin: 10px;
|
|
font-weight: bold;
|
|
text-align: left;
|
|
color: $strong_blue;
|
|
&:hover {
|
|
color: $orange;
|
|
}
|
|
}
|
|
.chart_setting_exportLinks {
|
|
text-align: right;
|
|
padding: 7px;
|
|
span {
|
|
margin: 0 4px;
|
|
}
|
|
}
|
|
}
|
|
.chart_setting {
|
|
margin: 10px;
|
|
}
|
|
}
|
|
.chart_holder {
|
|
margin: 20px auto 50px auto;
|
|
width: 1000px;
|
|
overflow: hidden;
|
|
text-align: center;
|
|
|
|
.chart_title {
|
|
width: 800px;
|
|
margin: 5px 0px 15px 0;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
|
|
font-weight: 600;
|
|
font-size: 14px;
|
|
text-align: left;
|
|
|
|
.subtitle {
|
|
font-weight: normal;
|
|
font-size: 12px;
|
|
color: $grey_super_dark;
|
|
}
|
|
span.numerus {
|
|
font-weight: normal;
|
|
color: $grey_super_dark;
|
|
padding-left: 10px;
|
|
}
|
|
}
|
|
.chart_img {
|
|
float: left;
|
|
min-height: 260px;
|
|
img {
|
|
width: 800px;
|
|
}
|
|
}
|
|
.chart_bottom_info {
|
|
clear: both;
|
|
width: auto;
|
|
height: 20px;
|
|
padding: 5px;
|
|
text-align: left;
|
|
ul {
|
|
list-style: none;
|
|
li {
|
|
display: inline;
|
|
margin-right: 2px;
|
|
}
|
|
}
|
|
}
|
|
.chart_other_text {
|
|
margin-top: 10px;
|
|
float: left;
|
|
width: 770px;
|
|
min-height: 150px;
|
|
padding-left: 30px;
|
|
}
|
|
.chart_settings {
|
|
float: right;
|
|
position: relative;
|
|
opacity: 0;
|
|
filter: alpha(opacity=0);
|
|
margin-top: -25px;
|
|
background-color: $soft_blue_very_lighten;
|
|
border: 1px solid $soft_blue;
|
|
.switch_left {
|
|
z-index: 99999;
|
|
position: relative;
|
|
width: 90px;
|
|
height: 17px;
|
|
padding: 5px 0 8px 0 !important;
|
|
color: $strong_blue;
|
|
font-size: 13px;
|
|
font-weight: 500;
|
|
background-color: white;
|
|
float: left;
|
|
}
|
|
.switch_right {
|
|
z-index: 99999;
|
|
position: relative;
|
|
width: 90px;
|
|
height: 17px;
|
|
padding: 5px 0 8px 0 !important;
|
|
color: $strong_blue;
|
|
font-size: 13px;
|
|
font-weight: 500;
|
|
background-color: white;
|
|
float: right;
|
|
}
|
|
.non-active {
|
|
cursor: pointer;
|
|
background-color: $soft_blue_very_lighten !important;
|
|
}
|
|
.chart_settings_inner {
|
|
position: relative;
|
|
clear: both;
|
|
margin-top: -3px;
|
|
padding: 10px;
|
|
width: 160px;
|
|
height: auto;
|
|
font-size: 10px;
|
|
line-height: 15px;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
background-color: white;
|
|
}
|
|
span.title {
|
|
color: $strong_blue;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
}
|
|
span.edit {
|
|
cursor: pointer;
|
|
display: block;
|
|
margin: 10px;
|
|
font-weight: bold;
|
|
text-align: left;
|
|
color: $strong_blue;
|
|
&:hover {
|
|
color: $orange;
|
|
}
|
|
}
|
|
input[type=text] {
|
|
width: 50px;
|
|
float: right;
|
|
}
|
|
.chart_setting_exportLinks {
|
|
text-align: right;
|
|
padding: 7px;
|
|
span {
|
|
margin: 0 4px;
|
|
}
|
|
}
|
|
}
|
|
.chart_settings_inner {
|
|
fieldset.chart_num_limits {
|
|
padding: 0;
|
|
margin: 0 !important;
|
|
}
|
|
.chart_num_limits {
|
|
legend {
|
|
color: black;
|
|
}
|
|
}
|
|
}
|
|
.other_settings {
|
|
margin-top: 50px;
|
|
margin-bottom: 20px;
|
|
/*height: 60px;*/
|
|
|
|
.chart_settings_inner {
|
|
margin-top: 0px;
|
|
}
|
|
}
|
|
.chart_setting {
|
|
margin: 10px;
|
|
}
|
|
.anl_bl {
|
|
border-left: 1px solid $grey_very_light !important;
|
|
}
|
|
.anl_br {
|
|
border-right: 1px solid $grey_very_light !important;
|
|
}
|
|
.anl_bt {
|
|
border-top: 1px solid $grey_very_light !important;
|
|
}
|
|
.anl_bb {
|
|
border-bottom: 1px solid $grey_very_light !important;
|
|
}
|
|
}
|
|
.chart_other_text {
|
|
.chart_title {
|
|
margin-top: 20px;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
}
|
|
.freq_chart_table {
|
|
width: 800px;
|
|
float: left;
|
|
color: black;
|
|
|
|
.chart_title {
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
}
|
|
.anl_user_text_more_charts {
|
|
float: left;
|
|
padding: 0px 5px;
|
|
text-indent: 0px;
|
|
}
|
|
|
|
|
|
.chart_profiles_holder {
|
|
width: 190px;
|
|
border: 1px solid $grey_normal;
|
|
height: 130px;
|
|
display: inline-block;
|
|
}
|
|
#chart_profiles {
|
|
overflow: auto;
|
|
cursor: pointer;
|
|
width: 190px;
|
|
display: inline-block;
|
|
height: 144px;
|
|
.option {
|
|
padding: 1px;
|
|
}
|
|
.active {
|
|
background-color: $strong_blue_super_darken;
|
|
color: white;
|
|
border-bottom: 1px solid $grey_normal;
|
|
}
|
|
}
|
|
#chart_profiles_custom {
|
|
overflow: auto;
|
|
cursor: pointer;
|
|
width: 190px;
|
|
display: inline-block;
|
|
height: 130px;
|
|
.option {
|
|
padding: 1px;
|
|
}
|
|
.active {
|
|
background-color: $strong_blue_super_darken;
|
|
color: white;
|
|
border-bottom: 1px solid $grey_normal;
|
|
}
|
|
}
|
|
#chart_settings_profiles_right {
|
|
#div_chart_skin_previews {
|
|
position: fixed;
|
|
top: 50px;
|
|
left: 90px;
|
|
width: 200px;
|
|
height: 140px;
|
|
padding: 10px;
|
|
background-color: white;
|
|
border: 4px solid $popup_border;
|
|
box-shadow: 0 0 20px black;
|
|
-moz-box-shadow: 0 0 20px black;
|
|
-webkit-box-shadow: 0 0 20px black;
|
|
}
|
|
.div_chart_skin_preview {
|
|
display: none;
|
|
width: 200px;
|
|
height: 120px;
|
|
table {
|
|
tr {
|
|
td {
|
|
width: 50px;
|
|
height: 18px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.form-item {
|
|
padding: 3px;
|
|
width: 200px;
|
|
}
|
|
.colorwell {
|
|
width: 70px;
|
|
height: 20px;
|
|
font-size: 11px;
|
|
}
|
|
}
|
|
#newChartSkin {
|
|
display: none;
|
|
position: absolute;
|
|
left: 50px;
|
|
top: 100px;
|
|
z-index: 20;
|
|
padding: 10px;
|
|
margin: 10px;
|
|
width: 550px;
|
|
background-color: white;
|
|
border: 4px solid $popup_border;
|
|
box-shadow: 0 0 20px black;
|
|
-moz-box-shadow: 0 0 20px black;
|
|
-webkit-box-shadow: 0 0 20px black;
|
|
}
|
|
#renameChartSkin {
|
|
display: none;
|
|
position: absolute;
|
|
left: 50px;
|
|
top: 100px;
|
|
z-index: 20;
|
|
padding: 10px;
|
|
margin: 10px;
|
|
width: 550px;
|
|
background-color: white;
|
|
border: 4px solid $popup_border;
|
|
box-shadow: 0 0 20px black;
|
|
-moz-box-shadow: 0 0 20px black;
|
|
-webkit-box-shadow: 0 0 20px black;
|
|
}
|
|
#deleteChartSkin {
|
|
display: none;
|
|
position: absolute;
|
|
left: 50px;
|
|
top: 100px;
|
|
z-index: 20;
|
|
padding: 10px;
|
|
margin: 10px;
|
|
width: 550px;
|
|
background-color: white;
|
|
border: 4px solid $popup_border;
|
|
box-shadow: 0 0 20px black;
|
|
-moz-box-shadow: 0 0 20px black;
|
|
-webkit-box-shadow: 0 0 20px black;
|
|
} |