346 lines
6.4 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 : 16-Aug-2018, 13:38:14
Author : podkrizniku
*/
#anketa_custom_report {
padding: 0px 20px 20px 0px;
#custom_report_elements {
margin: 20px 0 20px 0;
padding-bottom: 20px;
border: 1px $soft_blue solid;
}
ul {
margin: 20px 0 0 0;
}
.custom_report_title {
.creport_title_inline {
&:hover {
cursor: text;
background-color: $soft_blue_very_lighten;
}
}
}
.custom_report_title.writing {
.creport_title_inline {
background-color: $orange_super_lighten;
outline: 1px dashed $grey_normal;
}
}
.report_element {
width: 95%;
border: 1px $soft_blue solid;
&:hover {
background-color: white;
border: 1px $strong_blue solid;
}
}
.report_element.active {
background-color: white;
border: 1px $strong_blue solid;
}
.report_element_text {
.creport_text_inline {
&:hover {
cursor: text;
background-color: $soft_blue_very_lighten;
}
}
.edit2 {
opacity: 0;
filter: alpha(opacity=0);
}
}
.report_element_text.writing {
.creport_text_inline {
background-color: $soft_blue_very_lighten;
border: 1px dashed $strong_blue;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.edit2 {
opacity: 100;
filter: alpha(opacity=100);
}
}
}
#custom_report_elements {
.custom_report_title {
font-size: 16px;
font-weight: bold;
display: block;
margin: 15px 0 0 20px;
.creport_title_inline {
width: 95%;
min-height: 15px;
padding: 5px 15px;
}
}
#custom_report_view {
margin: 10px 0 0 15px;
}
.report_element {
.report_element_head {
overflow: auto;
min-height: 22px;
padding: 5px 5px 3px;
background-color: $soft_blue_very_lighten;
font-size: 12px;
font-weight: 600;
.report_element_icons {
float: right;
margin: 0 10px;
display: none;
}
.report_element_title {
cursor: pointer;
float: left;
position: relative;
margin: 0 10px;
color: $strong_blue;
width: 85%;
}
span.sprites.printer {
margin-bottom: 2px;
}
}
.report_element_head.hover {
background-color: $soft_blue_very_lighten;
.report_element_icons {
display: block;
background-color: $soft_blue_very_lighten;
}
}
.report_element_head.active {
overflow: auto;
min-height: 22px;
padding: 5px 5px 3px;
font-size: 12px;
font-weight: 600;
background-color: $soft_blue_very_lighten;
.report_element_icons {
display: block;
background-color: $soft_blue_very_lighten;
}
}
.report_element_settings {
clear: both;
margin: 15px 10px 20px 30px;
}
.report_element_data {
padding: 10px 20px;
}
.chart_img {
background-color: white;
}
.report_element_text {
clear: both;
overflow: auto;
margin: 0 10px 20px 30px;
width: 80%;
}
text-align: left;
}
.report_element_text {
.creport_text_inline {
width: 95%;
min-height: 15px;
padding: 5px 15px;
}
}
.report_element_pb {
cursor: pointer;
background: url("../../../admin/survey/img_0/sprites_pb_expanded.png") no-repeat scroll 0 10px transparent;
color: $soft_blue;
font-size: 15px;
font-weight: bold;
height: 18px;
line-height: 18px;
display: inline-block;
width: 95%;
&:hover {
background: url('../../../admin/survey/img_0/sprites_pb_expanded.png') no-repeat 0 -52px transparent;
}
}
.report_element_separator {
height: 25px;
width: 95%;
font-size: 10px;
.add_element {
opacity: 0;
padding: 5px 0 0 0;
margin-left: -40px;
filter: alpha(opacity = 0);
}
}
.report_element_separator.expanded {
height: 38px;
width: 95%;
font-size: 11px;
.add_element {
opacity: 0;
padding: 10px 0 0 0;
margin-left: -40px;
filter: alpha(opacity = 0);
}
}
.add_element {
span {
&:hover {
color: $orange;
}
}
}
ul#custom_report_sortable {
list-style-type: none !important;
}
}
.custom_report_include {
clear: both;
margin: 5px 10px;
text-align: left;
a {
color: black;
background-color: white;
}
}
.creport_bottom_settings {
width: auto;
margin: 40px auto 20px auto;
text-align: center;
position: relative;
a {
display: inline-block;
margin-right: 20px;
}
}
#custom_report_alert {
display: none;
margin-left: -200px;
width: 280px;
height: 100px;
.buttons {
position: absolute;
right: 10px;
bottom: 15px;
}
}
table.analysis_reports {
width: 100%;
tr {
td {
vertical-align: top;
width: 30%;
fieldset {
padding: 0px 10px 10px 10px;
}
span.subtitle {
font-weight: 600;
display: block;
padding: 10px 0 5px 0;
}
a {
line-height: 24px;
}
}
}
}
/*popups for custom reports*/
#newCReportProfile {
@include popup_general();
display: none;
position: fixed;
left: calc(50% - 210px);
top: 45vh;
z-index: 999;
margin: 10px;
width: 420px;
}
#renameCReportProfile {
display: none;
position: fixed;
left: 250px;
top: 200px;
z-index: 999;
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;
}
#shareCReportProfile {
display: none;
position: fixed;
left: 250px;
top: 200px;
z-index: 999;
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;
width: 550px;
height: auto;
}
#deleteCReportProfile {
display: none;
position: fixed;
left: 250px;
top: 200px;
z-index: 999;
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;
}
#div_creport_settings_profiles {
display: none;
width: 350px;
height: 350px;
#creport_settings_profiles_left {
margin-bottom: 10px;
}
#creport_settings_profiles_comment {
clear: both;
margin-top: 40px;
textarea {
width: 98%;
height: 30px;
}
}
}
#creport_profiles {
cursor: pointer;
width: 99%;
height: 140px;
display: inline-block;
border: 1px solid $grey_normal;
.option {
padding: 1px;
}
.active {
background-color: $strong_blue_super_darken;
color: white;
border-bottom: 1px solid $grey_normal;
}
}