libmedium/templates/main.css
2021-11-04 23:51:59 +05:30

120 lines
1.4 KiB
CSS

* {
margin: 0;
padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Times New Roman", Times, serif;
}
a {
color: rgb(0, 86, 179);
text-decoration: none;
}
a:visited {
color: rgb(0, 86, 179);
}
a:hover {
text-decoration: underline;
}
html {
color: #333;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 26px;
line-height: 1.55rem;
}
body {
width: 100%;
display: flex;
flex-direction: column;
}
main {
width: 35em;
margin: auto;
display: flex;
flex-direction: column;
}
p {
margin: 20px 0;
}
img {
margin: auto;
max-width: 100%;
display: block;
}
figcaption {
text-align: center;
}
code {
font-family: monospace;
font-size: 15px;
white-space: pre-wrap;
display: block;
font-weight: 600;
line-height: 1rem;
}
iframe {
width: 100%;
display: block;
margin: auto;
min-height: 100px;
}
@media screen and (max-width: 1200px) {
html {
font-size: 16px;
line-height: 1.5rem;
}
main {
width: 90%;
}
img {
display: block;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Times New Roman", Times, serif;
line-height: 30px;
}
}
.author__photo {
width: 28px;
height: 28px;
border-radius: 20px;
display: inline-block;
margin: auto;
margin-right: 5px;
display: inline-flex;
}
.author {
display: inline-flex;
flex-direction: row;
margin-right: 5px;
}
.meta {
display: inline-flex;
}