180 lines
3.4 KiB
CSS
180 lines
3.4 KiB
CSS
article {
|
|
max-width: 800px;
|
|
margin: auto;
|
|
}
|
|
|
|
body {
|
|
background: #1b1b1b ;
|
|
color: #fff ;
|
|
margin-bottom: 200px ;
|
|
}
|
|
|
|
body {
|
|
font-family: "GeorgiaPro", "Times New Roman", "Noto Serif", serif;
|
|
}
|
|
|
|
h2 { color: #5eaa4d ; }
|
|
|
|
.date { color: lightgreen; }
|
|
|
|
a { color: #6fcc5a; }
|
|
|
|
.redtext {
|
|
color: red !important;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "GeorgiaPro";
|
|
src: url("/fonts/georgiapro/GeorgiaPro-Regular.ttf") format("truetype");
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "GeorgiaPro";
|
|
src: url("/fonts/georgiapro/GeorgiaPro-Italic.ttf") format("truetype");
|
|
font-weight: 400;
|
|
font-style: italic;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "GeorgiaPro";
|
|
src: url("/fonts/georgiapro/GeorgiaPro-Bold.ttf") format("truetype");
|
|
font-weight: 700;
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "GeorgiaPro";
|
|
src: url("/fonts/georgiapro/GeorgiaPro-BoldItalic.ttf") format("truetype");
|
|
font-weight: 700;
|
|
font-style: italic;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "GeorgiaPro";
|
|
src: url("/fonts/georgiapro/GeorgiaPro-Light.ttf") format("truetype");
|
|
font-weight: 300;
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "GeorgiaPro";
|
|
src: url("/fonts/georgiapro/GeorgiaPro-LightItalic.ttf") format("truetype");
|
|
font-weight: 300;
|
|
font-style: italic;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "GeorgiaPro";
|
|
src: url("/fonts/georgiapro/GeorgiaPro-SemiBold.ttf") format("truetype");
|
|
font-weight: 600;
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "GeorgiaPro";
|
|
src: url("/fonts/georgiapro/GeorgiaPro-SemiBoldItalic.ttf") format("truetype");
|
|
font-weight: 600;
|
|
font-style: italic;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "GeorgiaPro";
|
|
src: url("/fonts/georgiapro/GeorgiaPro-Black.ttf") format("truetype");
|
|
font-weight: 900;
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "GeorgiaPro";
|
|
src: url("/fonts/georgiapro/GeorgiaPro-BlackItalic.ttf") format("truetype");
|
|
font-weight: 900;
|
|
font-style: italic;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: mono;
|
|
src: url('/fonts/monomakh.otf') format('opentype');
|
|
}
|
|
|
|
.starobg {
|
|
font-family: mono, sans-serif;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: mod;
|
|
src: url('../fonts/bulgaria-moderna.otf') format('opentype');
|
|
}
|
|
|
|
.mod {
|
|
font-family: mod, sans-serif;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: miro;
|
|
src: url('/fonts/miroslav.otf') format('opentype');
|
|
}
|
|
|
|
.miro {
|
|
font-family: miro, mono, sans-serif;
|
|
}
|
|
|
|
.glav {
|
|
text-align: center;
|
|
/* Min of 2.default and 7% of screen, so it's not too big on phones */
|
|
font-size: min(2.5em, 7vw);
|
|
font-family: glav, mod, sans-serif;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: glav;
|
|
src: url('../fonts/oglavie.otf') format('opentype');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: rose;
|
|
src: url('/fonts/rose.ttf') format('truetype');
|
|
}
|
|
|
|
.rose {
|
|
font-family: rose, sans-serif;
|
|
}
|
|
|
|
/* Основни стилове */
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
img {
|
|
max-width: 100%;
|
|
/* Preserve aspect ration on size changes*/
|
|
height: auto;
|
|
}
|
|
|
|
/* Контейнер за центриране на съдържанието */
|
|
.container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
|
|
}
|
|
|
|
/* Адаптивни стилове за мобилни устройства */
|
|
@media screen and (max-width: 768px) {
|
|
img {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
p {
|
|
margin-bottom: 5px;
|
|
}
|
|
}
|
|
|
|
.container img {
|
|
max-width: 500px;
|
|
width: 100%;
|
|
height: auto;
|
|
}
|