changed filter for portrait

This commit is contained in:
neko 2021-04-09 23:25:39 +02:00
parent 0f50f8ca4d
commit eec6041066

View File

@ -4,9 +4,9 @@ layout: none
@keyframes blink @keyframes blink
{ {
0% { opacity: 1.0; } 0% { opacity: 1.0; }
50% { opacity: 0.0; } 50% { opacity: 0.0; }
100% { opacity: 1.0; } 100% { opacity: 1.0; }
} }
* { * {
@ -16,11 +16,10 @@ layout: none
body { body {
font-size: 12px; font-size: 12px;
display: flex; display: flex;
flex-flow: column; flex-flow: column;
height: 100%; height: 100%;
background-color: black; background-color: black;
} }
img { img {
@ -35,21 +34,20 @@ img {
.imageframe{ .imageframe{
background-color: rgba(255,148,0,0.1); background-color: rgba(255,148,0,0.1);
top: 0; top: 0;
left :0; left: 0;
border-style: inset; border-style: inset;
border-color: #ad6603; border-color: #ad6603;
text-align: right; text-align: right;
} }
.portrait{ .portrait{
width: 150px; width: 150px;
height: 150px; height: 150px;
background-size: contain; background-size: contain;
background-repeat: no-repeat; background-repeat: no-repeat;
background-image: url({{site.baseurl}}/assets/images/yui.png); background-image: url({{site.baseurl}}/assets/images/yui.png);
filter: hue-rotate(-100deg); filter: brightness(80%);
background-position: center right; background-position: center right;
} }
/* header */ /* header */
@ -71,7 +69,6 @@ nav {
line-height: 2rem; line-height: 2rem;
padding-left: 20px; padding-left: 20px;
padding-right: 20px; padding-right: 20px;
} }
nav a { nav a {
@ -97,7 +94,6 @@ main.post-list {
line-height: 1.5rem; line-height: 1.5rem;
padding-left: 20px; padding-left: 20px;
padding-right: 20px; padding-right: 20px;
} }
main.about{ main.about{
@ -159,7 +155,6 @@ footer {
padding-top:20px; padding-top:20px;
padding-left: 20px; padding-left: 20px;
padding-right: 20px; padding-right: 20px;
} }
@media screen and (max-width: 780px) { @media screen and (max-width: 780px) {