Chat IAalém de informações e links para as ferramentas oficiais de PDF do ilovepdf.com
<>
/* Styling the scrollbar track within the chatbot window only */
.wpaicg-chat-shortcode ::-webkit-scrollbar-track {
background-color: #ffffff; /* Light grey track */
border-radius: 10px;
}
/* Styling the scrollbar thumb within the chatbot window only */
.wpaicg-chat-shortcode ::-webkit-scrollbar-thumb {
background-color: #888; /* Dark grey thumb */
border-radius: 10px;
border: 3px solid #ffffff; /* White border around thumb */
}
/* Styling the scrollbar thumb on hover within the chatbot window only */
.wpaicg-chat-shortcode ::-webkit-scrollbar-thumb:hover {
background-color: #555; /* Black thumb on hover */
}
/* Setting the width of the scrollbar within the chatbot window only */
.wpaicg-chat-shortcode ::-webkit-scrollbar {
width: 8px; /* Narrow width */
height: 8px; /* For horizontal scrolling */
}
.wpaicg-conversation-starters {
display: flex;
flex-wrap: wrap;
gap: 10px;
padding: 15px;
justify-content: center;
font-size: 16px;
visibility: hidden;
}
.wpaicg-conversation-starter {
background-color: #ffffff;
border: none;
border-radius: 20px;
padding: 5px 10px;
cursor: pointer;
font-size: 16px;
color: #1c1f22;
transition: background-color 0.3s easetransform 0.5s ease-outopacity 0.5s ease-out;
display: flex;
opacity: 0;
transform: translateY(20px);
}
.wpaicg-conversation-starter:hover {
filter: brightness(90%);
}
<>
.wpaicg-img-spinner {
display: none;
width: 16px;
height: 16px;
border: 2px solid rgba(0000.1);
border-left-color: #000;
border-radius: 50%;
animation: spin 1s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.wpaicg-thumbnail-placeholder {
display: none;
width: 50px;
height: 50px;
overflow: hidden;
}
<>
.blinking-cursor {
font-weight: 100;
color: #ffffff; /* or the color you want */
animation: blink 1s step-end infinite;
}
@keyframes blink {
fromto { color: transparent }
50% { color: inherit }
}
<>
.wpaicg-chat-shortcode {
width: 100%px;
background-color: #ffffff;
border-radius: 15px;
box-shadow: 0 8px 16px rgba(0000.15);
display: flex;
flex-direction: column;
max-width: 100%;
overflow: hidden;
border: none;
transition: box-shadow 0.3s ease;
}
.wpaicg-chat-shortcode:hover {
box-shadow: 0 12px 24px rgba(0000.2); /* Enhanced shadow on hover for interaction feedback */
}
.wpaicg-chat-shortcode-content {
overflow-y: auto;
flex-grow: 1;
padding: 15px; /* Increased padding for more space around messages */
}
.wpaicg-chat-shortcode-content ul {
overflow-y: auto;
margin: 0;
padding: 0;
list-: none;
}
.log_notification {
background: #ffffff;
color: #1c1f22;
font-size: 11px;
font-: italic;
padding: 10px;
border-radius: 5px;
}
/* footer background:#f7f7f7; */
.wpaicg-chat-shortcode-footer {
color: #333333;
font-size: 0.75rem;
padding: 3px 15px;
border-top: 0px solid #3f3f3f;
}
.wpaicg-chat-shortcode-footer a {
color: inherit;
text-decoration: none;
}
.wpaicg-chat-shortcode-content ul .wpaicg-user-message {
margin-left: auto; /* This pushes the user messages to the right */
background: #ffffff;
color: #1c1f22;
font-size: 16px;
margin-bottom: 20px;
margin-right: 10px;
padding: 10px;
border-radius: 20px;
box-shadow: 0 2px 4px rgba(0000.05);
width: fit-content;
}
.wpaicg-chat-shortcode-content ul .wpaicg-ai-message {
color: #1c1f22;
font-size: 16px;
margin-bottom: 20px;
margin-right: 10px;
padding: 10px;
border-radius: 20px;
box-shadow: 0 2px 4px rgba(0000.05);
width: fit-content;
}
.wpaicg-chat-shortcode .wpaicg-bot-thinking {
bottom: 0;
font-size: 11px;
color: #485057;
display: none;
}
.wpaicg-chat-message-error {
color: #f00;
}
.wpaicg-jumping-dots span {
position: relative;
bottom: 0;
-webkit-animation: wpaicg-jump 1500ms infinite;
animation: wpaicg-jump 2s infinite;
}
.wpaicg-jumping-dots .wpaicg-dot-1 {
-webkit-animation-delay: 200ms;
animation-delay: 200ms;
}
.wpaicg-jumping-dots .wpaicg-dot-2 {
-webkit-animation-delay: 400ms;
animation-delay: 400ms;
}
.wpaicg-jumping-dots .wpaicg-dot-3 {
-webkit-animation-delay: 600ms;
animation-delay: 600ms;
}
.wpaicg-chat-shortcode-type {
display: flex;
align-items: center;
padding: 0;
color: #485057;
}
.wpaicg-chat-shortcode-send {
color: #485057;
}
textarea.wpaicg-chat-shortcode-typing {
flex: 1;
border: 1px solid #cfd5da;
background-color: #ffffff;
resize: vertical;
border-radius: 20px;
line-height: 54px;
padding-left: 1em;
color: #485057;
font-size: 16px;
}
textarea.auto-expand {
overflow: hidden; /* Prevents scrollbar flash during size adjustment */
transition: box-shadow 0.5s ease-in-out;
line-height: 2;
}
textarea.auto-expand.resizing {
transition: box-shadow 0.5s ease-in-out;
box-shadow: 0 0 12px rgba(812032380.8);
line-height: 2;
}
textarea.auto-expand:focus {
outline: none;
box-shadow: 0 0 5px rgba(812032381);
line-height: 2;
}
textarea.wpaicg-chat-shortcode-typing::placeholder {
color: #485057;
}
@-webkit-keyframes wpaicg-jump {
0% {bottom: 0px;}
20% {bottom: 5px;}
40% {bottom: 0px;}
}
@keyframes wpaicg-jump {
0% {bottom: 0px;}
20% {bottom: 5px;}
40% {bottom: 0px;}
}
/* Adjustments for screens that are 768px wide or less (typical for tablets and smartphones) */
@media (max-width: 768px) {
.wpaicg-chat-shortcode {
/* Adjust the width and right margin for smaller screens */
width: auto; /* This makes the chat window adapt to the screen size */
margin-right: 10px; /* Smaller margin for smaller devices */
margin-left: 10px; /* Add some space on the left as well */
}
}
/* Further adjustments for very small screenslike iPhones */
@media (max-width: 480px) {
.wpaicg-chat-shortcode {
/* You might want even smaller margins here */
margin-right: 5px;
margin-left: 5px;
}
}
.wpaicg-chat-shortcode .wpaicg-mic-icon {
color: #F8F9FA;
}
.wpaicg-chat-shortcode .wpaicg-img-icon {
color: #485057;
}
.wpaicg-chat-shortcode .wpaicg-pdf-icon {
color: #ff1c15;
}
.wpaicg-chat-shortcode .wpaicg-pdf-remove {
color: #ff1c15;
font-size: 33px;
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
line-height: unset;
font-family: Arialserif;
border-radius: 50%;
font-weight: normal;
padding: 0;
}
.wpaicg-chat-shortcode .wpaicg-pdf-loading {
border-color: #ff1c15;
border-bottom-color: transparent;
}
.wpaicg-chat-shortcode .wpaicg-mic-icon.wpaicg-recording {
color: #F8F9FA;
}
.wpaicg_chat_additions {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
right: 20px;
}
.wpaicg-chat-shortcode .wpaicg-chatbox-action-bar {
position: absolute;
top: 0; /* Position it at the top of the chat window */
right: 0;
left: 0; /* Ensure it spans the full width */
height: 28px;
padding: 0 10px;
display: none;
justify-content: center;
align-items: center;
background: #3f3f3f;
color: #ffffff;
box-shadow: 0 2px 4px rgba(0000.05);
transition: background-color 0.3s ease;
min-height: 28px;
}
.wpaicg-icon-container {
position: relative;
margin-bottom: 30px;
margin-top: 10px;
}
.wpaicg-copy-button.wpaicg-thumbs-up-button.wpaicg-thumbs-down-button {
position: absolute;
bottom: -25px;
display: inline-block;
background: none;
border: none;
cursor: pointer;
padding: 0;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s easevisibility 0.3s ease;
outline: none;
}
.wpaicg-copy-button {
left: 10px;
}
.wpaicg-thumbs-up-button {
left: 40px;
}
.wpaicg-thumbs-down-button {
left: 70px;
}
/* Keep buttons visible when hovering over either the container or the buttons */
.wpaicg-icon-container:hover .wpaicg-copy-button,
.wpaicg-icon-container:hover .wpaicg-thumbs-up-button,
.wpaicg-icon-container:hover .wpaicg-thumbs-down-button,
.wpaicg-copy-button:hover,
.wpaicg-thumbs-up-button:hover,
.wpaicg-thumbs-down-button:hover {
opacity: 1;
visibility: visible;
background-color: transparent !important;
color: inherit !important;
}
/* Ensure no hover color change for links inside icon containers */
.wpaicg-icon-container a:hover {
color: inherit !important;
background-color: transparent !important;
text-decoration: none !important;
}
.wpaicg-copy-button img,
.wpaicg-thumbs-up-button img,
.wpaicg-thumbs-down-button img {
width: 16px;
height: 16px;
filter: none; /* Ensure no filter (like grayscale or color change) is applied */
color: inherit; /* Inherit the current color from the parent */
transition: none; /* Remove any transitions that might change appearance on hover */
}
.wpaicg-copy-button img:hover,
.wpaicg-thumbs-up-button img:hover,
.wpaicg-thumbs-down-button img:hover {
filter: none; /* Ensure no hover filter is applied */
color: inherit; /* Keep the color consistent on hover */
}
.wpaicg-copy-button,
.wpaicg-thumbs-up-button,
.wpaicg-thumbs-down-button {
background: none;
border: none;
padding: 0;
cursor: pointer;
color: inherit; /* Keep the color of the button consistent */
outline: none; /* Remove default browser outline on focus */
}
.wpaicg-copy-button:hover,
.wpaicg-thumbs-up-button:hover,
.wpaicg-thumbs-down-button:hover {
background: none; /* Remove any background color change on hover */
color: inherit; /* Keep the color the same on hover */
}
/* Remove outline (focus border) on buttons */
.wpaicg-copy-button:focus,
.wpaicg-thumbs-up-button:focus,
.wpaicg-thumbs-down-button:focus {
outline: none;
}
.wpaicg-feedback-modal-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0000.5);
z-index: 1000;
display: flex;
justify-content: center;
align-items: center;
padding: 10px; /* Added padding to prevent edge cutoff */
}
.wpaicg-feedback-modal {
background-color: #fff;
color: #333;
padding: 20px;
border-radius: 10px; /* Slightly increased border-radius for better aesthetics */
width: 100%;
max-width: 400px; /* Max width for larger screens */
box-shadow: 0 0 15px rgba(0000.2); /* Increased shadow for better visibility */
text-align: center;
position: relative; /* To position the close button */
margin: 0 auto; /* Centering the modal horizontally */
box-sizing: border-box; /* Ensures padding is included in width */
}
.wpaicg-feedback-modal h2 {
margin-top: 0;
}
.wpaicg-feedback-textarea {
width: 100%;
height: 80px;
margin: 10px 0;
border-radius: 5px;
}
.wpaicg-feedback-modal-buttons {
display: flex;
justify-content: flex-end; /* Aligns the submit button to the right */
align-items: center;
margin-top: 10px;
}
.wpaicg-feedback-message {
flex-grow: 1; /* Takes up available space on the left */
margin-right: 10px;
text-align: left; /* Ensures the text aligns left */
}
.wpaicg-feedback-modal-submit {
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
background-color: #007bff;
color: #fff;
margin-left: 10px; /* Adds space between the button and the message */
}
.wpaicg-feedback-modal-close {
position: absolute;
top: 10px;
right: 10px;
background: none;
border: none;
color: #333;
cursor: pointer;
}
/* Media Query for Mobile Devices */
@media (max-width: 480px) {
.wpaicg-feedback-modal {
max-width: 95%; /* Reduce max width on smaller screens to ensure it doesn't touch the edges */
padding: 15px;
margin: 0 auto; /* Ensure modal is centered */
}
.wpaicg-feedback-modal-submit {
padding: 8px 16px; /* Slightly smaller padding on mobile */
}
.wpaicg-feedback-textarea {
height: 60px; /* Reduce height on mobile */
}
}
/* Button Styles */
.wpaicg-chatbox-download-btn,
.wpaicg-chatbox-clear-btn,
.wpaicg-chatbox-fullscreen,
.wpaicg-chatbox-audio-btn,
.wpaicg-chatbox-close-btn {
cursor: pointer;
display: flex;
align-items: center;
justify-content: center; /* Center content */
margin: 0 5px; /* Adjust spacing between buttons */
transition: background-color 0.3s ease; /* Smooth transition for interactions */
}
/* SVG Icon Adjustments */
.wpaicg-chatbox-download-btn svg,
.wpaicg-chatbox-clear-btn svg,
.wpaicg-chatbox-fullscreen svg,
.wpaicg-chatbox-audio-btn,
.wpaicg-chatbox-close-btn svg {
fill: currentColor;
height: 16px; /* Adjust size for visibility */
width: 16px;
}
/* Hover States for Button Interactions */
.wpaicg-chatbox-download-btn:hover,
.wpaicg-chatbox-clear-btn:hover,
.wpaicg-chatbox-fullscreen:hover,
.wpaicg-chatbox-close-btn:hover {
background-color: rgba(0000.1); /* Slight highlight on hover */
}
.wpaicg-chatbox-fullscreen svg.wpaicg-exit-fullscreen {
display: none;
fill: none;
height: 16px;
width: 16px;
}
/* Fullscreen Button SVG Paths */
.wpaicg-chatbox-fullscreen svg.wpaicg-exit-fullscreen path,
.wpaicg-chatbox-fullscreen svg.wpaicg-active-fullscreen path {
fill: currentColor; /* Ensure visibility */
}
.wpaicg-chatbox-fullscreen svg.wpaicg-active-fullscreen {
fill: none;
height: 16px;
width: 16px;
}
/* Adjusting visibility for fullscreen icons */
.wpaicg-chatbox-fullscreen.wpaicg-fullscreen-box svg.wpaicg-active-fullscreen {
display: none; /* Hide when in fullscreen */
}
.wpaicg-chatbox-fullscreen.wpaicg-fullscreen-box svg.wpaicg-exit-fullscreen {
display: block; /* Show exit icon in fullscreen mode */
}
.wpaicg-fullscreened {
border-radius: 0;
border: none; /* Remove border in fullscreen */
}
.wpaicg-fullscreened .wpaicg-chatbox-action-bar {
top: 0;
z-index: 99;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 3px;
}
.wpaicg-chat-shortcode .wpaicg-chatbox-action-bar {
position: relative;
top: 0;
display: flex;
justify-content: flex-end;
}
.wpaicg-chat-shortcode h1
.wpaicg-chat-shortcode h2
.wpaicg-chat-shortcode h3
.wpaicg-chat-shortcode h4
.wpaicg-chat-shortcode h5
.wpaicg-chat-shortcode h6 {
color: #1c1f22;
}
<>
/* Sidebar */
.wpaicg-sidebar {
background-color: #ffffff;
border-right: 1px solid #cfd5da;
}
/* Sidebar Header */
.wpaicg-sidebar-header {
border-bottom: 1px solid #cfd5da;
color: #1c1f22;
}
.wpaicg-sidebar-header h3 {
color: #1c1f22;
}
.wpaicg-sidebar-header p {
color: #1c1f22;
font-size: 16px;
}
/* Conversation List Items */
.wpaicg-conversation-list li {
background-color: #ffffff;
color: #1c1f22;
font-size: 16px;
}
.wpaicg-conversation-list li:hover {
background-color: #1c1f22;
color: #ffffff;
transform: none;
}
/* Trash icon displayed on hover for deleting a conversation */
.wpaicg-conversation-list li .wpaicg-delete-icon {
color: #ffffff;
font-size: 16px;
}
/* Sidebar Toggle Button */
.wpaicg-sidebar-toggle {
background-color: #ffffff;
}
.wpaicg-sidebar-toggle:hover {
background-color: #ffffff;
}
.wpaicg-sidebar-toggle span {
color: #1c1f22;
}
<>
.wpaicg-new-chat-button {
background-color: #ffffff;
color: #1c1f22;
font-size: 16px;
}
.wpaicg-new-chat-button:hover {
background-color: #ffffff;
}
Organizando pensamentos ...
×
Juntar PDF
Dividir PDF
Organizar PDF
Digitalize e transforme em PDF
Remover páginas
Comprimir PDF
Reparar PDF
OCR PDF
JPG para PDF
Word para PDF
PowerPoint para PDF
Excel para PDF
HTML para PDF
PDF para Word
PDF para PowerPoint
PDF para Excel
PDF para JPG
PDF para PDF/A
Rodar PDF
Inserir números de página
Inserir marca d’água
Recortar PDF
Editar PDF
Desbloquear PDF
Proteger PDF
Assinar PDF
Ocultar PDF