Update static/css/main.css
parent
b5b54b96c2
commit
58d9d284c7
|
@ -297,7 +297,7 @@ textarea:hover {
|
|||
}
|
||||
|
||||
/* Button */
|
||||
button, input {
|
||||
button, input, .btn.btn-primary.mb-3 {
|
||||
align-items: center;
|
||||
appearance: none;
|
||||
background-color: #FCFCFD;
|
||||
|
@ -328,16 +328,16 @@ button, input {
|
|||
font-size: 18px;
|
||||
}
|
||||
|
||||
button:focus, input:focus {
|
||||
button:focus, input:focus, .btn.btn-primary.mb-3:focus {
|
||||
box-shadow: #D6D6E7 0 0 0 1.5px inset, rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #D6D6E7 0 -3px 0 inset;
|
||||
}
|
||||
|
||||
button:hover, input:hover {
|
||||
button:hover, input:hover, .btn.btn-primary.mb-3:hover {
|
||||
box-shadow: rgba(45, 35, 66, 0.4) 0 4px 8px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #D6D6E7 0 -3px 0 inset;
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
|
||||
button:active, input:active {
|
||||
button:active, input:active, .btn.btn-primary.mb-3:active {
|
||||
box-shadow: #D6D6E7 0 3px 7px inset;
|
||||
transform: translateY(2px);
|
||||
}
|
||||
|
@ -445,6 +445,30 @@ i.far.fa-comment {
|
|||
height: auto;
|
||||
}
|
||||
|
||||
.forum-link:hover::before {
|
||||
transform: scaleX(1);
|
||||
}
|
||||
|
||||
.forum-link {
|
||||
font-size: larger;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.forum-link::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 2px;
|
||||
bottom: -2px;
|
||||
left: 0;
|
||||
background-color: #fff;
|
||||
transform: scaleX(0);
|
||||
transition: transform 0.3s ease;
|
||||
}
|
||||
|
||||
.upvote-btn,
|
||||
.downvote-btn {
|
||||
cursor: pointer;
|
||||
|
@ -541,4 +565,4 @@ i.far.fa-comment {
|
|||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
}
|
Loading…
Reference in New Issue