color var

This commit is contained in:
Lukáš Kaňka 2023-12-28 13:59:20 +01:00
parent e0c906b6f6
commit 599ade9f70
3 changed files with 78 additions and 6 deletions

View File

@ -0,0 +1,68 @@
<!DOCTYPE html>
<html lang="cz">
<head>
<meta name="description" content="Dokumentace pro všechny testery" />
<meta name="keywords" content="Co je automatizované testování" />
<meta name="author" content="Lukáš Kaňka" />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/style.css">
<link rel="shortcut icon" href="images/a picture of a text editor on a pc in the style of comics.jpg" />
<title>Testing Docs - Co je automatizované testování</title>
</head>
<body>
<h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2>
<hr>
<div class="menu">
<center>
<ul>
<li class="menu-item"><a class="button" href="/index.html">Domů</a></li>
<li class="menu-item"><a class="button" href="/podpora.html">Podpora</a></li>
<li class="menu-item"><a class="button" href="/mapa-webu.html">Mapa webu</a></li>
<li class="menu-item"><a class="button" href="/privaci-polici.html">Zásady o ochraně osobních dat</a>
</li>
</ul>
</center>
</div>
<hr>
<div class="flexbox">
<div class="navigation">
<ul>
<li><a class="button" href="/automatizovana-testovani.html">Automatizované testování</a></li>
<li><a class="button" href="/nastroje.html">Nástroje</a></li>
<li><a class="button" href="/penetracni-testovani.html">Penetrační testování</a></li>
<li><a class="button" href="/testing-obecne.html">Testing obečně</a></li>
<li><a class="button" href="/testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a></li>
<li><a class="button" href="/testovani-pristupnosti.html">Testování přístupnosti</a></li>
<li><a class="button" href="/zatezove-testovani.html">Zátěžové testování</a></li>
</ul>
</div>
<div class="content">
<p class="big-text">Text</p>
<p>Text</p>
</div>
<div class="articles">
<table>
<caption>Nejdůležitější články:</caption>
<tr>
<th>
<li><a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované
testování</a>
</li>
<li><a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k
Playwright</a></li>
</th>
</tr>
</table>
</div>
</div>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body>
</html>

View File

@ -55,6 +55,7 @@
<li><a class="button" href="articles/otazky-a-odpovedi-playwright.html">Otázky a odpovědi k
Playwright</a></li>
</li>
<li><a class="button" href="articles/playwright-dot-net.html">Playwright DotNet</a></li>
</ul>
</div>
<div class="articles">

View File

@ -1,10 +1,13 @@
:root {
--special_black: rgb(11, 2, 2);
--special_white: white;
--special_grey: grey;
--special_black_original: black;
}
body {
background-color: var(--special_black);
color: white;
color: var(--special_white);
}
.menu-item {
@ -51,21 +54,21 @@ h2 {
margin: 0px 0px 0px 30px;
}
.button {
color: white;
color: var(--special_white);
}
td,
th {
border: 1px solid white;
border: 1px solid var(--special_white);
padding: 10px;
}
.code-box {
border: 1px solid white;
border: 1px solid var(--special_white);
padding: 10px;
background-color: gray;
background-color: var(--special_grey);
font-family: monospace;
color: black;
color: var(--special_black_original);
font-weight: bold;
border-radius: 8px;
}