mirror of
https://github.com/Aider-AI/aider.git
synced 2025-06-16 17:44:59 +00:00
101 lines
2 KiB
SCSS
101 lines
2 KiB
SCSS
---
|
|
---
|
|
|
|
@import "{{ site.theme }}";
|
|
|
|
.main-content blockquote, .main-content h4 {
|
|
border: 0.1rem solid #155799;
|
|
border-radius: 0.5rem;
|
|
background-color: #e0ecf4;
|
|
padding: 1.2rem 0.75rem 0.75rem 0.75rem;
|
|
position: relative;
|
|
margin-top: 2rem;
|
|
color: #606c71;
|
|
margin-right: 0;
|
|
}
|
|
.main-content blockquote::before, .main-content h4::before {
|
|
content: "aider";
|
|
display: inline-block;
|
|
position: absolute;
|
|
top: -1rem;
|
|
left: 0.5;
|
|
padding: 0rem 0.5rem;
|
|
font-weight: bold;
|
|
background-color: #e0ecf4;
|
|
border: 0.05rem solid #155799;
|
|
border-radius: 0.5rem;
|
|
color: #606c71;
|
|
}
|
|
|
|
.main-content h4 {
|
|
border-color: #159957;
|
|
background-color: #e0f2ef;
|
|
}
|
|
.main-content h4::before {
|
|
content: "user";
|
|
border-color: #159957;
|
|
color: #606c71;
|
|
background-color: #e0f2ef;
|
|
}
|
|
.btn {
|
|
display: inline-block;
|
|
width: auto;
|
|
}
|
|
.btn + .btn {
|
|
margin-top: 0;
|
|
margin-left: 0.75rem;
|
|
}
|
|
|
|
.chat-transcript {
|
|
font-family: 'Courier New', Courier, monospace;
|
|
background-color: #000;
|
|
color: #0f0;
|
|
padding: 3em 1em 1em 1em; /* Increased top padding */
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.chat-transcript blockquote {
|
|
padding: 0;
|
|
margin-left: 0;
|
|
color: #819198;
|
|
border-left: none
|
|
}
|
|
|
|
.chat-transcript blockquote>:first-child {
|
|
margin-top: 0
|
|
}
|
|
|
|
.chat-transcript blockquote>:last-child {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
|
|
.chat-transcript {
|
|
padding-left: 30px;
|
|
padding-right: 30px;
|
|
}
|
|
|
|
.chat-transcript p {
|
|
color: #00FFFF;
|
|
}
|
|
|
|
.chat-transcript h4 {
|
|
color: #32FF32;
|
|
border-top: 1px solid #32FF32;
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.chat-transcript h4::before {
|
|
content: '> ';
|
|
}
|
|
|
|
.chat-transcript blockquote p {
|
|
color: #ffffff;
|
|
}
|
|
.chat-transcript::before {
|
|
content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="90" height="25"><circle cx="10" cy="15" r="10" fill="red"/><circle cx="40" cy="15" r="10" fill="yellow"/><circle cx="70" cy="15" r="10" fill="green"/></svg>');
|
|
display: block;
|
|
margin-bottom: 0;
|
|
position: relative;
|
|
top: -2em;
|
|
}
|