Spaces:
Sleeping
Sleeping
Update static/style.css
Browse files- static/style.css +13 -68
static/style.css
CHANGED
|
@@ -1,76 +1,21 @@
|
|
| 1 |
-
|
| 2 |
-
|
| 3 |
-
background: linear-gradient(135deg, #c3dafe, #e0e7ff);
|
| 4 |
-
padding: 18px 22px;
|
| 5 |
-
border-radius: 18px;
|
| 6 |
-
box-shadow: 0 6px 18px rgba(0,0,0,0.12);
|
| 7 |
-
margin-bottom: 14px;
|
| 8 |
-
transition: background 0.3s, transform 0.2s;
|
| 9 |
}
|
| 10 |
|
| 11 |
-
|
| 12 |
-
|
| 13 |
-
transform: translateY(-3px);
|
| 14 |
}
|
| 15 |
|
| 16 |
-
|
| 17 |
-
|
|
|
|
| 18 |
}
|
| 19 |
|
| 20 |
-
|
| 21 |
-
|
|
|
|
| 22 |
}
|
| 23 |
-
|
| 24 |
-
|
| 25 |
-
|
| 26 |
-
background-color: #1f2937;
|
| 27 |
-
box-shadow: 0 4px 12px rgba(0,0,0,0.3);
|
| 28 |
-
}
|
| 29 |
-
|
| 30 |
-
.dark-mode #answer-box strong {
|
| 31 |
-
color: #93c5fd;
|
| 32 |
-
}
|
| 33 |
-
|
| 34 |
-
/* History Items */
|
| 35 |
-
#history-list li {
|
| 36 |
-
background: linear-gradient(135deg, #fce7f3, #fbcfe8);
|
| 37 |
-
padding: 12px 16px;
|
| 38 |
-
border-radius: 14px;
|
| 39 |
-
margin-bottom: 10px;
|
| 40 |
-
cursor: pointer;
|
| 41 |
-
transition: background 0.3s, transform 0.2s;
|
| 42 |
-
list-style: none;
|
| 43 |
-
word-wrap: break-word;
|
| 44 |
-
white-space: pre-wrap;
|
| 45 |
-
}
|
| 46 |
-
|
| 47 |
-
#history-list li:hover {
|
| 48 |
-
background: linear-gradient(135deg, #f9a8d4, #f472b6);
|
| 49 |
-
transform: translateX(2px);
|
| 50 |
-
}
|
| 51 |
-
|
| 52 |
-
#history-list li:active {
|
| 53 |
-
transform: translateX(0);
|
| 54 |
-
}
|
| 55 |
-
|
| 56 |
-
/* Dark mode history items */
|
| 57 |
-
.dark-mode #history-list li {
|
| 58 |
-
background-color: #1f2937;
|
| 59 |
-
color: #d1d5db;
|
| 60 |
-
}
|
| 61 |
-
|
| 62 |
-
.dark-mode #history-list li:hover {
|
| 63 |
-
background-color: #374151;
|
| 64 |
-
}
|
| 65 |
-
|
| 66 |
-
/* Scrollbars */
|
| 67 |
-
#answer-box::-webkit-scrollbar,
|
| 68 |
-
#history-list::-webkit-scrollbar {
|
| 69 |
-
width: 8px;
|
| 70 |
-
}
|
| 71 |
-
|
| 72 |
-
#answer-box::-webkit-scrollbar-thumb,
|
| 73 |
-
#history-list::-webkit-scrollbar-thumb {
|
| 74 |
-
background-color: rgba(99,102,241,0.6);
|
| 75 |
-
border-radius: 4px;
|
| 76 |
}
|
|
|
|
| 1 |
+
body {
|
| 2 |
+
font-family: 'Poppins', sans-serif;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 3 |
}
|
| 4 |
|
| 5 |
+
textarea, select, button {
|
| 6 |
+
transition: all 0.2s ease;
|
|
|
|
| 7 |
}
|
| 8 |
|
| 9 |
+
/* Smooth hover */
|
| 10 |
+
button:hover {
|
| 11 |
+
transform: translateY(-2px);
|
| 12 |
}
|
| 13 |
|
| 14 |
+
/* Scrollbar style */
|
| 15 |
+
#answer-box::-webkit-scrollbar {
|
| 16 |
+
width: 6px;
|
| 17 |
}
|
| 18 |
+
#answer-box::-webkit-scrollbar-thumb {
|
| 19 |
+
background: rgba(59,130,246,0.5);
|
| 20 |
+
border-radius: 3px;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 21 |
}
|