티스토리 수익 글 보기
:root {
–body-fg: #333;
–body-bg: #e4f8ea;
–link-hover: #008000;
–line: #b0b0b0;
}
html, body {
height: 100%;
}
body {
line-height: 1.75;
background-color: var(–body-bg);
}
header, main {
border-bottom: 1px solid var(–line);
}
footer {
clear: both;
padding: 10px;
font-size: 0.75rem;
}
img.avatar {
padding-top: 15px;
height: 400px;
width: 400px;
}
img.icon {
padding-left: 5px;
padding-right: 5px;
height: 60px;
width: 60px;
}
img.tiny {
height: 16px;
width: 16px;
}
a {
text-decoration: underline;
color: var(–body-fg);
}
a.img {
text-decoration: none;
}
a:focus, a:hover {
color: var(–link-hover);
}
h1, h2 {
color: var(–body-fg);
font-weight: normal;
padding: 5px;
}
h1 {
font-size: 2rem;
margin-top: 15px;
margin-bottom: 15px;
}
h2 {
font-size: 1.25rem;
margin-top: 10px;
margin-bottom: 10px;
}
header, main.index {
text-align: center;
}
span.msg {
font-style: italic;
}
li {
font-size: 1.125rem;
margin-top: 5px;
margin-bottom: 5px;
}
@media (max-width: 767px) {
img.avatar {
padding-top: 15px;
height: 350px;
width: 350px;
}
}