1KA_F2F/resources/sass/admin/popup/profiles.scss

722 lines
12 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 : 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();
}