Implement socials and formatting
Co-authored-by: sigonasr2 <sigonasr2@gmail.com>
This commit is contained in:
parent
fcc0d35437
commit
f7bc23d8c7
BIN
sitefiles/images/github.webp
Normal file
BIN
sitefiles/images/github.webp
Normal file
Binary file not shown.
After Width: | Height: | Size: 7.1 KiB |
@ -142,7 +142,7 @@ sup{
|
|||||||
|
|
||||||
.contentBody .contentWrapper h1{
|
.contentBody .contentWrapper h1{
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size:3.25em;
|
font-size:2.1em;
|
||||||
margin: 12px 4px 0px 4px;
|
margin: 12px 4px 0px 4px;
|
||||||
padding: 12px 32px 12px 32px;
|
padding: 12px 32px 12px 32px;
|
||||||
border-bottom-style: outset;
|
border-bottom-style: outset;
|
||||||
@ -338,7 +338,7 @@ textarea:focus{
|
|||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size:6em;
|
font-size:3.25em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.commentForm{
|
.commentForm{
|
||||||
@ -458,16 +458,48 @@ textarea:disabled{
|
|||||||
width:100%;
|
width:100%;
|
||||||
background:radial-gradient(farthest-side at 90% 90%,rgba(0, 64, 0, .5) 0%, rgba(64, 0, 64, .5) 100%);
|
background:radial-gradient(farthest-side at 90% 90%,rgba(0, 64, 0, .5) 0%, rgba(64, 0, 64, .5) 100%);
|
||||||
}
|
}
|
||||||
|
.navbar:hover{
|
||||||
|
background:radial-gradient(farthest-side at 90% 90%,rgba(0, 64, 0, .95) 0%, rgba(64, 0, 64, .95) 100%);
|
||||||
|
}
|
||||||
.navbaritem{
|
.navbaritem{
|
||||||
padding-left:16px;
|
padding-left:16px;
|
||||||
padding-right:16px;
|
padding-right:16px;
|
||||||
display:inline-flex;
|
display:inline-flex;
|
||||||
text-decoration:underline;
|
text-decoration:underline;
|
||||||
}
|
}
|
||||||
.navbaritem:first{
|
.navbaritem:first-of-type{
|
||||||
padding-left:32px;
|
padding-left:32px;
|
||||||
}
|
}
|
||||||
.navbaritem:hover{
|
.navbaritem:hover{
|
||||||
color:white;
|
color:white;
|
||||||
cursor:pointer;
|
cursor:pointer;
|
||||||
|
}
|
||||||
|
@keyframes blink{
|
||||||
|
0%{color:rgba(255,0,0,0);}
|
||||||
|
100%{color:rgba(255,0,0,0.8);}
|
||||||
|
}
|
||||||
|
#liveindicator{
|
||||||
|
animation-name: blink;
|
||||||
|
animation-duration: 3s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-direction:alternate;
|
||||||
|
text-decoration: none;
|
||||||
|
padding-left:8px;
|
||||||
|
display:inline-flex;
|
||||||
|
font-weight:900;
|
||||||
|
}
|
||||||
|
.socials{
|
||||||
|
display:inline;
|
||||||
|
float:right;
|
||||||
|
}
|
||||||
|
.socials img{
|
||||||
|
width:16px;
|
||||||
|
padding-right:16px;
|
||||||
|
filter: invert(100%);
|
||||||
|
}
|
||||||
|
.socials img:hover{
|
||||||
|
cursor:pointer;
|
||||||
|
}
|
||||||
|
.socials img:first-of-type{
|
||||||
|
padding-right:32px;
|
||||||
}
|
}
|
Loading…
x
Reference in New Issue
Block a user