mjestecko/html/style.css
2023-05-26 14:00:48 +05:00

85 lines
1.5 KiB
CSS

html {
font-size: 20px;
font-family: "Charter","Georgia",'Times New Roman',serif;
}
body {
line-height: 1.3;
}
article, .container {
max-width: 800px;
margin: auto;
}
h1,h2,h3,h4 {
font-family: arial, sans;
}
h2 {
text-align: center;
margin-bottom: 1em;
}
h3 {
font-family: arial, sans;
margin: 1.3em 0 0.9em;
}
b {
font-family: arial, sans;
font-weight: normal;
font-size: 0.8em;
}
pre, p {
margin: 0.9em 0px 0.9em;
}
pre, code {
background-color: #eeeeff;
line-height: normal;
overflow: auto;
font-size: 0.8em;
}
pre {
padding: 0.5em 0.5em;
border-radius: 4px;
}
nav ul {
padding-left: 0;
border-radius: 4px;
list-style: none;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
font-size: 0.8em;
background-color: #f0f0f0;
border: 1px solid #bbbbdd;
}
nav li:first-child {
border-left: none;
}
nav li {
border-right: 1px solid #bbbbdd;
border-left: 1px solid #ffffff;
}
nav a {
padding: 0.4em 1em;
display: inline-block;
text-decoration: none;
font-family: arial, sans;
}
nav a:hover {
background-color: #e0e0e0;
}
nav a:link {
color: #44d;
}
nav a:visited {
color: #44d;
}
nav a.here {
background-color: #e0e0e0;
}
@media only screen and (max-device-width: 480px) {
article, .container {
width: 100%;
}
html {
font-size: 13px;
}
}