changed filter for portrait
This commit is contained in:
parent
0f50f8ca4d
commit
eec6041066
@ -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) {
|
||||||
|
Loading…
Reference in New Issue
Block a user