1KA_F2F/resources/sass/admin/publish/invitations.scss
2021-05-24 11:48:27 +02:00

1126 lines
20 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, 12:25:26
Author : podkrizniku
*/
.lbl_email_setting {
vertical-align: top;
line-height: 16px;
display: inline-block;
#usercode_skip_0{
margin: 5px 0 0 2px;
}
}
#srv_invitation_note {
display: inline-block;
padding: 3px 5px;
width: auto;
margin-left: 10px;
margin-bottom: 5px;
}
$color_3: #33a363;
$color_9: #043C6B;
$color_11: #CC0000;
$color_12: green;
$color_14: #8A9FBF;
$color_16: blue;
$color_17: red;
$font_family_1: Tahoma, sans-serif;
$background_color_1: #F2F2F2;
$background_color_2: #FEF8E0;
$background_color_3: #FFFEF1;
$background_color_4: #FFFCFA;
$background_color_5: #FFE6D6;
$background_color_6: #C4EDE4;
$background_color_7: #C9D472;
$background_color_8: #ECF2B8;
$background_color_10: #EFF2F7;
$background_color_12: #E8FFC7;
$background_color_13: lightyellow;
$background_color_14: #CC0000;
$background_color_15: #E68267;
$background_color_17: #FA4913;
$background_color_18: #FAFFF0;
$background_color_19: #eff2f7;
$background_color_25: #fafdfd;
$background_color_26: #ffe6d6;
.ank_edit_inv {
H2 {
margin: 8px 0px 10px 0px;
padding: 0px;
font-size: 14px;
font-weight: 500;
strong {
color: black;
}
}
}
#inv_send_mail {
label {
vertical-align: text-bottom;
input {
vertical-align: top;
}
}
width: 100%;
display: block;
table {
vertical-align: top;
td {
vertical-align: top;
}
}
}
#inv_recipient_edit {
@include popup_general();
/*span.h2 {
float: left;
display: inline-block;
padding: 5px 0 10px 0;
font-size: 14px;
font-weight: 600;
color: $strong_blue;
}*/
height: auto;
div#inv_error_note {
color: $orange_darken;
max-width: 330px;
overflow: visible;
}
}
#inv_msg_preview_hld {
span.h2 {
font-size: 14px;
font-weight: 500;
}
padding: 10px 10px 15px;
margin-left: 10px;
min-height: 365px;
width: 650px;
background: $soft_blue_very_lighten;
border: 1px solid $soft_blue;
table {
tr {
th {
width: 100px;
padding: 4px 2px;
}
td {
padding: 4px 2px;
}
}
}
}
@mixin recepient_list(){
padding: 0px;
margin: 0px;
border-spacing: 0px;
border-collapse: collapse;
table-layout: auto;
th {
color: $grey_super_dark;
padding: 2px 5px;
padding-left: 7px;
font-size: 12px;
font-weight: normal;
height: 27px;
vertical-align: middle;
background-color: $grey_super_light;
border-top: 1px solid $grey_super_light;
border-bottom: 1px solid $grey_super_light;
width: auto;
min-width: 100px;
max-width: 128px;
overflow: hidden;
text-align: left;
}
td {
padding: 5px;
padding-left: 7px;
font-size: 11px;
vertical-align: middle;
border-bottom: 1px solid $grey_super_light;
}
tr {
&:nth-child(odd) {
background-color: $soft_blue_very_lighten;
}
&:nth-child(even) {
background-color: white;
}
}
}
#tbl_recipients_list {
@include recepient_list();
clear: both;
}
#tbl_archive_list {
@include recepient_list();
}
#tbl_recipients_send_list {
@include recepient_list();
clear: both;
border: 1px solid $soft_blue;
th {
background-color: $soft_blue_lighten;
padding-left: 1px;
padding-right: 15px;
border-top: 1px solid $soft_blue;
border-bottom: 1px solid $soft_blue;
}
td {
padding: 2px 1px;
padding-left: 1px;
padding-right: 15px;
border-bottom: 1px solid $soft_blue;
}
}
#tbl_recipients_source_list {
@include recepient_list();
clear: both;
td {
padding: 2px 1px;
padding-left: 2px;
}
}
.tbl_icon {
min-width: 20px !important;
max-width: 25px !important;
width: 20px !important;
}
.tbl_icon_sent {
min-width: 22px !important;
text-align: center !important;
}
.tbl_icon_responded {
min-width: 22px !important;
text-align: center !important;
}
.tbl_icon_unsubscribed {
min-width: 22px !important;
text-align: center !important;
}
.tbl_inv_left {
text-align: left !important;
}
.tbl_inv_center {
text-align: center !important;
}
.inv_note {
display: inline-block;
text-align: justify;
color: $grey_super_dark;
font-size: 11px;
max-width: 630px;
padding: 2px 10px;
margin-bottom: 10px;
}
@mixin inv_button_field_container(){
display: block !important;
margin: 0px !important;
padding: 0px !important;
clear: both;
font-size: 11px;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
-ms-user-select: none;
ul {
display: flex !important;
flex-wrap: wrap;
//width: ;
margin: 0px !important;
padding: 0px !important;
clear: both;
list-style-type: none;
font-size: 11px;
border: $grey_normal;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
-ms-user-select: none;
li {
cursor: pointer;
min-height: 24px;
width: 45%;
box-sizing: border-box;
padding: 2px 0px 2px 0px;
margin: 5px;
color: $strong_blue;
text-align: left;
vertical-align: middle;
background-color: $strong_blue_super_light;
border: 1px solid $strong_blue;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);
}
}
label {
padding: 5px;
}
ul.noedit {
li.inv_field_enabled {
//font-weight: bold;
color: $strong_blue !important;
border: 1px solid $grey_super_light !important;
background-color: $grey_super_light !important;
cursor: text !important;
}
}
}
#inv_field_container {
@include inv_button_field_container();
}
#inv_sys_container {
@include inv_button_field_container();
ul {
li {
overflow: hidden;
white-space: nowrap;
width: 85px;
}
}
}
ul#merge {
font-size: 11px;
display: block !important;
margin: 0px !important;
padding: 0px !important;
clear: both;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
-ms-user-select: none;
min-height: 25px;
list-style-type: none;
margin: 0px;
width: auto;
border: gray;
input {
margin-bottom: 3px;
}
li {
cursor: pointer;
height: 18px;
width: 80px;
width: auto;
display: inline-block;
padding: 1px 0px 2px 0px;
margin: 5px;
color: $strong_blue;
background-color: $strong_blue_super_light;
border: 1px solid $strong_blue;
text-align: center;
vertical-align: middle;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);
}
}
ul#merger {
label {
margin-top: 2px;
}
}
#inv_field_container.from_system {
ul {
li {
width: 85px;
}
}
}
.inv_field_enabled {
//font-weight: bold;
color: white !important;
border: 1px solid $strong_blue !important;
background-color: $strong_blue !important;
}
textarea#inv_recipients_list {
margin-top: 4px;
width: 635px;
border: none;
min-height: 100px;
padding: 0px;
outline: 1px solid $grey_normal;
font-size: 11px;
max-height: 200px;
overflow: auto;
}
#merge {
label {
padding: 5px;
}
}
#inv_field_list {
color: $grey_dark;
font-style: italic;
}
#inv_recipiens_added {
font-size: 12px;
color: $soft_blue_very_darken;
width: 620px;
padding: 10px;
margin-top: 10px;
margin-bottom: 10px;
background-color: $soft_blue_very_lighten;
border: 1px solid $soft_blue;
line-height: 1.2em;
}
#inv_recipiens_rejected {
font-size: 12px;
color: black;
width: 620px;
padding: 10px;
margin-top: 10px;
margin-bottom: 10px;
line-height: 1.5em;
border: 1px solid $grey_very_light;
}
.inv_count {
padding-left: 5px;
font-weight: bold;
}
.inv_sample {
float: left;
display: inline-block;
color: $grey_dark;
font-style: italic;
}
#inv_messages_holder_noEmailing {
padding: 10px;
margin: 0 0 15px 10px;
width: 883px;
background: $soft_blue_very_lighten;
}
#inv_msg_preview {
max-width: 680px;
margin-top: 10px;
background-color: $soft_blue_very_lighten !important;
}
#inv_send_mail_preview {
width: auto;
th {
font-weight: normal;
margin: 3px;
padding: 3px;
}
td {
margin: 3px;
padding: 3px;
display: inline-block;
font-weight: normal;
text-align: left;
width: 100%;
}
}
.inv_bt {
border-bottom: 1px solid $grey_super_light;
}
@mixin inv_message_input(){
font-size: 12px;
width: 380px;
border: 1px solid $grey_very_light;
padding: 5px;
font-family: Tahoma, sans-serif;
&:focus {
background-color: $orange_super_lighten;
}
}
input#inv_message_subject {
@include inv_message_input();
}
textarea#inv_message_body {
@include inv_message_input();
height: 120px;
min-height: 200px;
}
input#inv_message_replyto {
@include inv_message_input();
}
input#inv_message_comment {
@include inv_message_input();
}
.inv_message_errors {
float: left;
width: 600px;
height: auto;
margin: 0px;
padding: 10px;
line-height: 15px;
font-size: 11px;
background-color: $grey_super_light;
color: $red_error;
font-weight: bold;
border: 1px solid $red_error;
}
@mixin inv_error_note(){
color: $red_error;
margin-left: 10px;
line-height: 18px;
line-height: 1.5em;
font-size: 11px;
font-weight: bold;
padding: 5px 0px;
width: auto;
}
.inv_error_note {
@include inv_error_note();
}
#inv_error_note {
@include inv_error_note();
}
.inv_msg_note {
@include inv_error_note();
color: $soft_blue_very_darken;
}
#inv_import_list_container {
margin-right: 5px;
padding: 8px;
min-height: 355px;
width: 670px;
background: $soft_blue_very_lighten;
border: 1px solid $soft_blue;
float: left;
display: inline-block;
width: auto;
span {
label {
vertical-align: bottom;
}
}
}
#inv_recipients_profiles_holder {
margin-right: 5px;
padding: 8px;
min-height: 355px;
width: 670px;
background: $soft_blue_very_lighten;
border: 1px solid $soft_blue;
float: left;
margin-left: 10px;
display: inline-block;
width: auto;
overflow: hidden;
span {
line-height: 24px;
font-size: 13px;
}
}
#inv_messages_profiles_holder {
margin-right: 5px;
padding: 8px;
min-height: 355px;
width: 670px;
background: $soft_blue_very_lighten;
border: 1px solid $soft_blue;
float: left;
margin-left: 10px;
display: inline-block;
width: auto;
overflow: hidden;
span {
line-height: 24px;
font-size: 13px;
}
}
#inv_import_list {
float: left;
display: inline-block;
width: auto;
}
.append-merge {
#inv_import_list {
float: none;
display: block;
}
}
#inv_step_nav {
clear: both;
display: inline-block;
width: auto;
padding: 0px 3px;
margin: 0 20px 10px 0;
font-size: 14px;
font-weight: 600;
color: $strong_blue;
}
.inv_space {
clear: both;
display: inline-block;
padding: 0px;
margin: 0px;
width: 40px;
}
div.inv_step {
height: 15px;
cursor: pointer;
float: left;
width: auto;
margin: 3px 5px;
padding: 0px;
span.circle {
display: inline-block;
margin: 0px 0px;
width: 24px;
height: 24px;
font-size: 13px;
line-height: 24px;
text-align: center;
color: $strong_blue_lighten;
border: 1px solid $strong_blue_lighten;
border-radius: 14px;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
}
span.label {
display: inline-block;
padding: 0px 5px;
line-height: 24px;
text-align: center;
color: $strong_blue_lighten;
line-height: 18px;
}
a {
&:hover {
span {
color: $strong_blue;
}
span.circle {
color: white;
background-color: $orange;
border: 1px solid $orange;
border-radius: 14px;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
}
}
}
.yellow {
height: 10px;
}
}
div.inv_step.active {
background-color: white;
a {
span {
color: $strong_blue;
}
span.circle {
color: white;
background-color: $orange;
border: 1px solid $orange;
border-radius: 14px;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
}
}
}
.inv_step_space {
display: block;
float: left;
margin: 0px;
padding: 0px;
height: 24px;
width: 13px;
}
#invitation_profile_notes {
display: inline-block;
float: left;
width: 255px;
height: auto;
min-height: 365px;
margin: 0px 0px 0px 15px !important;
padding: 10px;
line-height: 14px;
color: black;
font-size: 11px;
border: 1px solid $soft_blue;
background-color: $soft_blue_very_lighten;
ul {
list-style: square inside;
margin: 0px;
padding: 0px;
}
li {
padding-bottom: 5px;
}
}
#inv_select_mail_to {
display: block;
float: left;
margin-right: 20px;
padding: 7px;
min-height: 250px;
min-width: 450px;
font-size: 12px;
border: 1px solid $soft_blue;
background-color: $soft_blue_very_lighten;
}
#inv_select_mail_to_respondents {
font-size: 12px;
margin: auto;
margin-top: 10px;
padding: 7px;
min-height: 250px;
max-height: auto;
float: left;
ol {
margin: 0px;
padding: 0px;
list-style: none;
li {
margin: 0px;
padding: 0px;
list-style: none;
}
}
}
#inv_select_mail_preview {
float: left;
padding: 7px;
margin-left: 7px;
width: 428px;
font-size: 12px;
border: 1px solid $soft_blue;
background-color: $soft_blue_very_lighten;
}
.inv_send_span {
display: inline-block;
margin-top: 7px;
label {
vertical-align: middle !important;
}
input {
vertical-align: middle !important;
margin-bottom: 3px;
}
}
.inv_send_span.shift {
padding-left: 100px;
}
#inv_view_arch_recipients {
@include popup_general();
height: auto;
width: auto;
}
.inv_arch_subject {
max-width: 200px;
}
@mixin inv_left_list(){
margin: 0px;
padding: 0px;
min-width: 100px;
max-width: 400px;
min-height: 100px;
max-height: 600px;
overflow: auto !important;
display: inline-block;
border: 1px solid $grey_very_light;
background-color: white;
width: 200px !important;
height: 237px !important;
ol {
margin: 0px;
padding: 0px;
display: block;
border-bottom: 1px solid $grey_very_light;
li {
display: block;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
line-height: 20px;
border-top: 1px solid $grey_very_light;
padding: 0px 5px;
cursor: pointer;
}
li.active {
background-color: $strong_blue;
color: white;
}
}
}
#inv_import_list_profiles {
@include inv_left_list();
}
#invitation_messages {
@include inv_left_list();
}
#inv_recipients_profile_name {
@include popup_general();
height: auto;
width: 300px;
}
#inv_recipients_profile_name.access {
min-width: 350px;
}
#rec_profile_name {
width: 150px;
}
#rec_profile_comment {
width: 250px;
}
#inv_edit_recipient {
border-spacing: 0px;
padding: 0px;
margin: 0px;
border-collapse: collapse;
table-layout: auto;
th {
text-align: right;
font-weight: normal;
padding: 3px;
}
td {
padding: 3px;
}
input {
width: 300px;
}
}
.inv_input_error {
border: 1px solid $red_error;
}
#inv_rec_filter {
float: left;
width: auto;
margin-right: 5px;
margin-bottom: 10px;
padding: 8px;
border: 1px solid $grey_super_light;
}
#inv_rec_cehckboxes {
float: left;
width: auto !important;
span {
display: inline-block;
padding: 3px !important;
}
}
.inv_high {
display: inline-block;
line-height: 13px;
background: $orange_super_lighten;
color: $orange_very_darken;
font-weight: bold;
}
.inv_high_i {
display: inline-block;
line-height: 13px;
background: $orange_super_lighten;
color: $orange_very_darken;
font-weight: bold;
}
#inv_delete_rec_confirm {
@include popup_general();
height: auto;
}
.inv_send_message {
padding: 15px;
height: auto;
background-color: $soft_blue_very_lighten;
max-width: 600px;
}
.inv_new_list_note {
font-style: italic;
color: $grey_normal;
font-size: 95%;
}
#inv_bottom_edit {
width: auto;
margin:7px 0 0 11px;
a{
padding-right: 10px;
}
}
#inv_arch_mail_preview {
font-size: 12px;
margin: 5px auto;
overflow: auto;
max-height: 500px;
table#inv_arch_mail_preview {
td {
padding-top: 5px;
padding-bottom: 10px;
}
}
}
fieldset.inv_fieldset {
display: block;
width: 98%;
margin: -5px 0 0 5px;
>div {
margin: 0px 0px;
}
span.legend {
color: $grey_normal;
font-weight: 500;
}
}
table.inv_dashboard_table {
width: 530px !important;
border-spacing: 0px;
padding: 0px;
margin: 0px;
border-collapse: collapse;
font-size: 12px;
th {
padding: 3px;
border-bottom: 1px solid $grey_super_light;
font-weight: normal;
text-align: left;
}
td {
padding: 3px;
}
th+th {
width: 70px !important;
text-align: center;
}
th+th+th {
width: 70px !important;
text-align: center;
}
td+td {
width: 70px !important;
text-align: center;
}
td+td+td {
width: 70px !important;
text-align: center;
}
}
table.inv_dashboard_table.sub {
margin-left: 20px;
width: 510px !important;
margin-bottom: 25px;
}
span.inv_dashboard_sub_title {
display: inline-block;
margin-left: 5px;
color: $strong_blue;
font-size: 13px;
font-weight: 500;
margin-bottom: 5px;
span {
margin-left: 5px;
color: $grey_normal;
font-size: 13px;
font-weight: 600;
margin-bottom: 5px;
}
}
span.inv_dashboard_sub_detail {
display: inline-block;
margin: 0px 5px 5px 5px;
font-size: 13px;
}
#inv_send_note {
position: absolute;
z-index: 9999;
display: none;
width: 200px;
height: auto;
margin: auto auto;
margin-top: -100px;
padding: 20px 50px;
text-align: center;
background-color: white;
border: 4px solid $popup_border;
box-shadow: 0 0 20px black;
}
div#inv_edit_rec_list {
margin: 0px;
padding: 0px;
overflow: auto !important;
background-color: white;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
-ms-user-select: none;
}
table.inv_edit_rec_list {
border-spacing: 0px;
padding: 0px;
margin: 0px;
border-collapse: collapse;
table-layout: auto;
border: 1px solid $grey_very_light;
border-top: none;
max-width: 800px;
tr {
border-top: 1px solid $grey_very_light;
cursor: pointer;
}
tr.active {
background-color: $strong_blue_super_darken;
color: white;
}
td {
padding: 3px 5px;
}
th {
padding: 3px 5px;
}
}
#invListAccess {
max-width: 600px;
}
div.listAccess_uid {
min-width: 147px;
height: 19px;
}
#inv_upload_list {
@include popup_general();
height: auto;
padding-bottom: 45px;
}
#tbl_respondentArchive {
border-spacing: 0px;
padding: 0px;
margin: 0px;
border-collapse: collapse;
table-layout: auto;
clear: both;
th {
color: $grey_super_dark;
padding: 3px;
padding-left: 7px;
font-size: 12px;
font-weight: normal;
height: 24px;
vertical-align: middle;
background-color: $grey_super_light;
border-top: 1px solid $grey_super_light;
border-bottom: 1px solid $grey_super_light;
text-align: left;
width: 150px;
}
td {
padding: 5px 3px;
padding-left: 7px;
font-size: 11px;
vertical-align: middle;
border-bottom: 1px solid $grey_super_light;
}
tr {
&:nth-child(odd) {
background-color: $soft_blue_very_lighten;
}
&:nth-child(even) {
background-color: white;
}
}
}
span.span_list_archive {
display: inline-block;
padding-top: 10px;
}
span.inv_sort_ascending {
/*background-repeat: no-repeat;
background-image: url(../../../admin/survey/img_0/sprites.png);*/
display: inline-block;
height: 5px;
width: 9px;
margin: auto 50%;
float: right;
bottom: 0px;
background-position: -225px -98px;
}
span.inv_sort_descending {
/*background-repeat: no-repeat;
background-image: url(../../../admin/survey/img_0/sprites.png);*/
display: inline-block;
height: 5px;
width: 9px;
margin: auto 50%;
float: right;
bottom: 0px;
background-position: -225px -108px;
}
#email_server_warning {
box-sizing: border-box;
margin: 0 0 20px 10px;
padding: 10px;
line-height: 15px;
color: $orange_very_darken;
background-color: $orange_super_lighten;
border: 1px solid $orange_very_darken;
}
.append_step {
padding: 0 0 10px 30px;
input[type=file] {
font-weight: 600;
color: $orange;
font-size: 11px;
}
}
#invRecipiensList1 {
padding: 2px 0 0 10px;
}
#invRecipiensList2 {
padding: 2px 0 0 10px;
}
#invRecipiensList3 {
padding: 2px 0 0 10px;
}
#invRecipiensList4 {
padding: 2px 0 0 10px;
}
#invRecipiensList5 {
padding: 2px 0 0 10px;
}
.inv_send_mail_send_type {
margin-bottom: 20px;
padding: 7px;
border: 1px solid $soft_blue;
background-color: $soft_blue_very_lighten;
}
#inv_send_mail_btn {
height: 30px;
}