77 lines
1.0 KiB
CSS
77 lines
1.0 KiB
CSS
/* links externos */
|
|
a[rel^=external]:after{ content: "↗"; }
|
|
/* gemtext-like format */
|
|
/* h1:before{ content: "# "; }
|
|
h2:before{ content: "## "; }
|
|
h3:before{ content: "### "; }*/
|
|
a.arrow:before{ content: "⇒ "; }
|
|
body{
|
|
max-width:36em;
|
|
margin:0 auto;
|
|
font-size:18px;
|
|
padding: 1em;
|
|
font-family:sans-serif;
|
|
}
|
|
|
|
footer{
|
|
font-size: x-small;
|
|
padding-top:2em;
|
|
}
|
|
|
|
footer img{
|
|
margin:0;
|
|
}
|
|
|
|
pre{
|
|
background-color: #fee;
|
|
padding:1em;
|
|
overflow-x: auto;
|
|
}
|
|
|
|
blockquote{
|
|
font-style: italic;
|
|
}
|
|
|
|
main h1{
|
|
margin-top: 1.5em;
|
|
font-size: xx-large;
|
|
}
|
|
main h2{
|
|
font-size: x-large;
|
|
margin-left:0.3em;
|
|
}
|
|
main h3{
|
|
font-size: larger;
|
|
margin-left:1em;
|
|
}
|
|
|
|
gallery{
|
|
display:flex;
|
|
flex-direction:row;
|
|
flex-wrap:wrap;
|
|
justify-content:space-evenly;
|
|
align-content:center;
|
|
}
|
|
img{
|
|
margin:10px;
|
|
border-radius:5px;
|
|
max-width: 320px;
|
|
}
|
|
|
|
nav{ font-size:smaller; }
|
|
nav li{ padding:0.2em; }
|
|
main li{ padding:0.5em; }
|
|
|
|
th,td{
|
|
border-style:ridge;
|
|
padding:5px;
|
|
}
|
|
|
|
/* desktop */
|
|
@media screen and (min-width: 600px) {
|
|
nav li{
|
|
display:inline;
|
|
}
|
|
img{ max-width: 100%; }
|
|
}
|