format style.css

This commit is contained in:
veclav talica 2024-02-16 17:01:58 +05:00
parent eb7b9f114e
commit c9ae970a59

View File

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