102 lines
1.8 KiB
CSS
102 lines
1.8 KiB
CSS
@charset "utf-8"; /* vynuť utf-8 */
|
|
|
|
/* Obecné styly pro html tagy */
|
|
|
|
@font-face {
|
|
font-family: 'OpenSans';
|
|
src: url("../fonts/OpenSans/OpenSans-Regular.ttf");
|
|
font-weight: normal;
|
|
}
|
|
|
|
/* https://fontzone.net/font-details/qtghoulface-regular doplněný o diakritiku pomocí FontForge*/
|
|
@font-face {
|
|
font-family: 'GhoulFace';
|
|
src: url("../fonts/ghoul/ghoul.ttf");
|
|
font-weight: normal;
|
|
}
|
|
|
|
body {
|
|
font-size: 14px;
|
|
font-family: 'OpenSans';
|
|
background-color: var(--barva-pozadi);
|
|
min-height: 100%;
|
|
}
|
|
|
|
p {
|
|
/* zarovnání odstavců do bloku */
|
|
text-align: justify;
|
|
}
|
|
|
|
|
|
/**** NADPISY ****/
|
|
h1, h2, h3, h4 { color: var(--tmava-oranzova); }
|
|
h5, h6 { color: black; }
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
font-variant: small-caps;
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* TODO: odlišit 1 a 2 */
|
|
h1 { font-size: 200%; }
|
|
h2 { font-size: 200%; }
|
|
h3 { font-size: 160%; }
|
|
h4 { font-size: 140%; }
|
|
h5 { font-size: 140%; }
|
|
h6 { font-size: 120%; }
|
|
|
|
h1 {
|
|
margin-top: 0;
|
|
}
|
|
/*****************/
|
|
|
|
|
|
/**** TLAČÍTKA ****/
|
|
a {
|
|
color: var(--tmava-oranzova);
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:focus, a:hover, a:active {
|
|
color: var(--hlavni-oranzova);
|
|
}
|
|
|
|
.button {
|
|
margin: 10px 0 10px 0;
|
|
padding: 4px 0; /*vertikální centování textu*/
|
|
text-align: center;
|
|
background-color: var(--hlavni-oranzova);
|
|
color: var(--barva-pozadi);
|
|
font-size: 150%;
|
|
font-weight: bold;
|
|
font-variant: small-caps;
|
|
filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.4));
|
|
|
|
&:hover {
|
|
position: relative;
|
|
top: 2px;
|
|
left: 2px;
|
|
background-color: #df490e;
|
|
}
|
|
}
|
|
/******************/
|
|
|
|
/**** Další ****/
|
|
input[type="file"] {
|
|
max-width: 250px;
|
|
text-overflow: ellipsis;
|
|
}
|
|
/***************/
|
|
|
|
|
|
/**** Divné (aneb nevím, co bylo cílem) ****/
|
|
h1 a:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
img {
|
|
filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.4));
|
|
max-width: 100%;
|
|
height: auto;
|
|
}
|
|
/*******************************************/
|