website/template/gnuragistes/static/css/gnuragistes.css

106 lines
1.4 KiB
CSS

@import "Fork-Awesome/css/fork-awesome.min.css";
@import "classes.css";
@import "syntax.css";
@import "pure-min.css";
/* fonts */
@font-face
{
font-family: "OpenDyslexic";
src: url("../fonts/OpenDyslexic-Regular.eot");
src: url("../fonts/OpenDyslexic-Regular.woff") format("woff"),
url("../fonts/OpenDyslexic-Regular.ttf") format("truetype"),
url("../fonts/OpenDyslexic-Regular.svg") format("svg");
font-weight: normal;
font-style: normal;
}
/* common html tags */
body
{
background-color: #0F0F0F;
font-family: OpenDyslexic;
color: darkturquoise;
}
section{
max-width: 85%;
margin-left: auto;
margin-right: auto;
margin-top: 1rem;
line-height: 3rem;
}
a
{
text-decoration: none;
color: lightgreen;
}
h1
{
font-size: 3rem;
color: #bbb;
}
h2
{
font-size: 2rem;
color: #bbb;
}
h3
{
font-size: 1.5rem;
color: #bbb;
}
hr
{
border: 0.3rem solid #bbb;
border-radius: 0.5rem;
}
img
{
height: auto;
}
p, ul, table
{
font-size: 1.5rem;
}
table
{
min-width: 80%;
}
pre, code {
line-height: 2.1rem;
font-family: courier;
font-size: 1.5rem;
}
/* for smaller screens transformations */
@media (max-width: 1024px)
{
/* common html tags */
body
{
line-height: 1.8;
}
img
{
max-width: 90%;
height: auto;
}
p
{
font-size: 2rem;
}
}