163 lines
2.7 KiB
CSS
163 lines
2.7 KiB
CSS
:root {
|
|
--my-brown: brown;
|
|
--my-red: red;
|
|
--my-black: black;
|
|
}
|
|
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
footer {
|
|
position: fixed;
|
|
bottom: 0;
|
|
}
|
|
|
|
body {
|
|
background-image: url(obrazky/005.jpg);
|
|
background-size: 100%;
|
|
max-width: 1200px;
|
|
margin: auto;
|
|
margin-bottom: 25px;
|
|
/* obrázek na pozadí */
|
|
background-attachment: fixed;
|
|
/* pozadí neroluje */
|
|
/*background-color: black; /* případná barva pozadí černá */
|
|
/*color: white; } /* bílý text */
|
|
}
|
|
|
|
@media (max-width: 668px) {
|
|
body {
|
|
/* width: calc(100% - 16px); */
|
|
background-image: url(obrazky/white-21.jpg);
|
|
text-align: center;
|
|
}
|
|
}
|
|
|
|
/*flebox*/
|
|
.flexbox {
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
gap: 45px;
|
|
}
|
|
|
|
/* <style> */
|
|
a.tlacitko {
|
|
/*border-bottom : 1px solid #D1D1D1;*/
|
|
background-color: transparent;
|
|
font-size: 10pt;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
width: 160px;
|
|
/* padding: 0px 5px 0px 5px; */
|
|
color: #666666;
|
|
/* margin: 0px 10px 0px 10px; */
|
|
/* display: block; */
|
|
}
|
|
|
|
a.tlacitko:link {
|
|
text-decoration: none;
|
|
color: var(--my-brown);
|
|
}
|
|
|
|
a.tlacitko:visited {
|
|
text-decoration: none;
|
|
color: var(--my-red);
|
|
}
|
|
|
|
a.tlacitko:hover {
|
|
text-decoration: none;
|
|
/*border-bottom : 1px solid orange;*/
|
|
color: var(--my-brown);
|
|
}
|
|
/* </style> */
|
|
.dot {
|
|
list-style-type: none;
|
|
}
|
|
|
|
@media (max-width: 600px) {
|
|
.flexbox {
|
|
flex-direction: column;
|
|
}
|
|
.menu {
|
|
order: -1;
|
|
}
|
|
|
|
.text-obsah {
|
|
order: 1;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 600px) {
|
|
.clock {
|
|
display: flex;
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
/* web s projekty */
|
|
.flexbox-project {
|
|
flex-direction: column;
|
|
background-color: rgba(250, 250, 250, 0.576);
|
|
text-align: center;
|
|
border-radius: 50px;
|
|
}
|
|
.h1pr {
|
|
text-align: center;
|
|
}
|
|
|
|
.project {
|
|
margin-bottom: 15px;
|
|
padding: 10px;
|
|
}
|
|
|
|
@media (max-width: 600px) {
|
|
.flexbox-projekt {
|
|
width: calc(100% - 16px);
|
|
flex-direction: column;
|
|
display: flex;
|
|
}
|
|
.h1pr {
|
|
text-align: center;
|
|
}
|
|
/* .dot.pr {
|
|
text-align: center;
|
|
color: red;
|
|
} */
|
|
.content-pr {
|
|
/* display: flex; */
|
|
text-align: center;
|
|
padding: auto;
|
|
}
|
|
.project {
|
|
/* display: flex; */
|
|
text-align: center;
|
|
padding: auto;
|
|
}
|
|
}
|
|
|
|
/* ˇO mě */
|
|
.obsah {
|
|
flex-direction: column;
|
|
background-color: rgba(250, 250, 250, 0.576);
|
|
text-align: center;
|
|
border-radius: 50px;
|
|
}
|
|
|
|
/* Zvětšení písma */
|
|
.tlacitko {
|
|
transition: font-size 0.3s ease;
|
|
}
|
|
.tlacitko:hover {
|
|
font-size: 20px;
|
|
}
|
|
|
|
p {
|
|
transition: color 0.3s ease;
|
|
}
|
|
|
|
p:hover {
|
|
color: var(--my-brown);
|
|
}
|