Aris
Copy Theme
CSS
/*
Written in 2019 by Aris
To the extent possible under law, the author(s) have dedicated all
copyright and related and neighboring rights to this software to the
public domain worldwide. This software is distributed without any
warranty.
You should have received a copy of the CC0 Public Domain Dedication
along with this software. If not, see
http://creativecommons.org/publicdomain/zero/1.0
*/
#blog-title a {
background-image: url("https://imagelink.com/image.png");
background-position: center;
background-repeat: no-repeat;
color: rgba(0,0,0,0);
display: inline-block;
width: 100px;
height: 100px;
background-size: 100px;
border-radius: 50%;
}
#post #blog-title a,#subpage #blog-title a {
width: 50px;
height: 50px;
background-size: 50px;
}
header p.description {
font-family: 'Open Sans', 'Segoe UI', Tahoma, Arial, sans-serif;
font-size: 0.8rem !important;
letter-spacing: 0.2rem;
font-weight: normal;
text-transform: uppercase;
}
#subpage #wrapper h1 {
font-family: Hack,consolas,Menlo-Regular,Menlo,Monaco,'ubuntu mono',monospace,monospace;
font-size: 1.5rem !important;
letter-spacing: 0.3rem !important;
font-weight: bold;
color: #666;
}
#subpage #wrapper h1::before {
content: '#';
}
#collection article,#post article,#subpage #wrapper h1,#subpage article,#wrapper {
max-width: 860px !important;
}
#post-body .large,#wrapper .large {
display: block;
max-width: 150%;
height: auto;
position: relative;
left: 50%;
transform: translateX(-50%);
}
.h-entry h2 {
font-family: 'Open Sans', 'Segoe UI', Tahoma, Arial, sans-serif;
font-weight: bold;
}
.dt-published {
font-family: 'Open Sans', 'Segoe UI', Tahoma, Arial, sans-serif;
font-size: 0.8rem !important;
letter-spacing: 0.2rem;
font-weight: normal;
text-transform: uppercase;
line-height: 2.5;
}
img {
display: block;
margin: 0 auto;
width: 100%;
}
.p-summary p {
font-size: 1.3rem;
line-height: 1.6 !important;
}
.e-content p {
font-size: 1.4rem;
line-height: 1.7 !important;
}
.read-more {
font-family: 'Open Sans', 'Segoe UI', Tahoma, Arial, sans-serif;
}
.read-more::before {
content: 'ยป ';
}