szTom/wschat-ng
1
1
Fork 0
Code Issues Pull Requests Releases 1 Activity

[feature] improved style

Browse Source
This commit is contained in:
zhangtianli2006 2021-03-26 20:04:06 +08:00
parent 0df3539173
commit 2c7ba1c2d2
1 changed files with 41 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
public/style.css
View File

@ -15,21 +15,47 @@ input[type=checkbox] {
button, button,
input[type=button] { input[type=button] {
border: none; border: none;
padding: 10px 25px 10px 25px; padding: 10px 8px 10px 8px;
border-radius: 2px; min-width: 132px;
background-color: #0a84ff; background-color: #0060df;
color: #fff; color: #fff;
border-radius: 5px; border-radius: 5px;
} }
button:hover, button:hover,
input[type=button]:hover { input[type=button]:hover {
border: none; background-color: #003eaa;
padding: 10px 25px 10px 25px; }
border-radius: 2px;
background-color: #0060df; button:active,
color: #fff; input[type=button]:active {
border-radius: 5px; background-color: #002275;
}
button:focus,
input[type=button]:focus,
button:focus-visible,
input[type=button]:focus-visible {
box-shadow: 0 0 0 1px #0a84ff inset, 0 0 0 1px #0a84ff, 0 0 0 4px rgba(10, 132, 255, 0.3);
}
a {
color: #0060df;
}
a:hover {
text-decoration: underline;
text-decoration-color: #0060df;
}
a:active {
color: #003eaa;
text-decoration: underline;
text-decoration-color: #003eaa;
}
a:focus {
box-shadow: 0 0 0 2px #0a84ff, 0 0 0 6px rgba(10, 132, 255, 0.3);
} }
pre { pre {
@ -156,14 +182,18 @@ pre {
#prompt-data { #prompt-data {
width: calc(100% - 20px); width: calc(100% - 20px);
margin: 0 auto; margin: 0 auto;
border-radius: 2px;
border-radius: 5px; border-radius: 5px;
padding: 8px; padding: 8px;
color: #737373; color: #0c0c0d;
border: none; border: none;
display: block; display: block;
font-size: 15px; font-size: 15px;
border: rgba(12, 12, 13, 0.2) 1px solid;
}
#prompt-data:focus {
border: #0a84ff 2px solid; border: #0a84ff 2px solid;
box-shadow: 0 0 0 1px #0a84ff, 0 0 0 4px rgba(10, 132, 255, 0.3);
} }
#prompt-background { #prompt-background {