elukjanovica
/
Picture-Puzzle-website
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update static/css/main.css

main
Elīna Lukjanoviča 2024-04-29 09:01:21 +00:00
parent b5b54b96c2
commit 58d9d284c7
1 changed files with 29 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
static/css/main.css
View File

@ -297,7 +297,7 @@ textarea:hover {
} }
/* Button */ /* Button */
button, input { button, input, .btn.btn-primary.mb-3 {
align-items: center; align-items: center;
appearance: none; appearance: none;
background-color: #FCFCFD; background-color: #FCFCFD;
@ -328,16 +328,16 @@ button, input {
font-size: 18px; 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; 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; 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); transform: translateY(-2px);
} }
button:active, input:active { button:active, input:active, .btn.btn-primary.mb-3:active {
box-shadow: #D6D6E7 0 3px 7px inset; box-shadow: #D6D6E7 0 3px 7px inset;
transform: translateY(2px); transform: translateY(2px);
} }
@ -445,6 +445,30 @@ i.far.fa-comment {
height: auto; 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, .upvote-btn,
.downvote-btn { .downvote-btn {
cursor: pointer; cursor: pointer;
@ -541,4 +565,4 @@ i.far.fa-comment {
width: 100%; width: 100%;
height: auto; height: auto;
} }
} }