Začetni commit celotne spletne strani
This commit is contained in:
Mark Poljanšek committed
commit
cca4910a8e
129 files changed
+14992
No files matched your search
@@ -0,0 +1,130 @@
|
||||
/* /assets/css/pages/_article.css */
|
||||
|
||||
/* === STILI ZA PODSTRANI POSAMEZNIH STORITEV === */
|
||||
.service-hero {
|
||||
padding: var(--spacing-xl) 0;
|
||||
text-align: center;
|
||||
background-color: #f7f9fa;
|
||||
border-bottom: 1px solid var(--color-border);
|
||||
}
|
||||
|
||||
.service-hero .page-title {
|
||||
color: var(--color-primary-accent); /* SPREMEMBA: Naslov je sedaj v novi primarni barvi */
|
||||
}
|
||||
|
||||
.service-content-wrapper {
|
||||
max-width: 800px;
|
||||
margin: var(--spacing-xl) auto 0 auto;
|
||||
}
|
||||
|
||||
.service-content-wrapper .section-title {
|
||||
margin-top: var(--spacing-xl);
|
||||
}
|
||||
|
||||
.service-content-wrapper p {
|
||||
font-size: 1.05rem;
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
.service-content-wrapper strong {
|
||||
color: var(--color-primary-accent-dark);
|
||||
}
|
||||
|
||||
.service-tagline {
|
||||
font-size: 1.1rem;
|
||||
font-weight: 600;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1px;
|
||||
margin: var(--spacing-xl) 0;
|
||||
color: var(--color-primary-accent);
|
||||
}
|
||||
|
||||
/* === STILI ZA STRAN POSAMEZNEGA ČLANKA (BLOG) === */
|
||||
.article-header {
|
||||
text-align: center;
|
||||
margin-bottom: var(--spacing-xl);
|
||||
}
|
||||
|
||||
.article-header .page-title {
|
||||
margin-bottom: var(--spacing-m);
|
||||
}
|
||||
|
||||
.article-meta {
|
||||
font-size: 0.9rem;
|
||||
color: #777;
|
||||
margin-bottom: var(--spacing-l);
|
||||
}
|
||||
|
||||
.article-hero-image {
|
||||
width: 100%;
|
||||
height: 250px;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
border-radius: 10px;
|
||||
margin-bottom: var(--spacing-xl);
|
||||
box-shadow: var(--shadow-medium);
|
||||
}
|
||||
|
||||
.article-content {
|
||||
max-width: 750px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.article-content h2,
|
||||
.article-content h3 {
|
||||
margin-top: var(--spacing-l);
|
||||
margin-bottom: var(--spacing-m);
|
||||
font-size: 1.5rem;
|
||||
color: var(--color-primary-accent); /* SPREMEMBA: Tudi ti naslovi so sedaj v novi primarni barvi */
|
||||
}
|
||||
|
||||
.article-content p {
|
||||
font-size: 1.05rem;
|
||||
line-height: 1.8;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.article-content ul {
|
||||
list-style-position: inside;
|
||||
padding-left: 1rem;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.article-content li {
|
||||
margin-bottom: 0.75rem;
|
||||
}
|
||||
|
||||
.article-content blockquote {
|
||||
margin: var(--spacing-l) 0;
|
||||
padding-left: var(--spacing-l);
|
||||
border-left: 4px solid var(--color-primary-accent);
|
||||
font-style: italic;
|
||||
font-size: 1.2rem;
|
||||
color: #555;
|
||||
}
|
||||
|
||||
.article-content strong {
|
||||
color: var(--color-text);
|
||||
}
|
||||
|
||||
|
||||
/* --- MEDIA QUERIES --- */
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.article-hero-image {
|
||||
height: 250px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.article-hero-image {
|
||||
height: 350px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.article-hero-image {
|
||||
height: 400px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,103 @@
|
||||
/* /assets/css/pages/_cenik.css */
|
||||
|
||||
/* Stili za hero odsek na strani cenika */
|
||||
.cenik-page-hero {
|
||||
padding: var(--spacing-xl) 0;
|
||||
background-color: rgba(8, 4, 252, 0.05);
|
||||
margin-bottom: var(--spacing-xl);
|
||||
}
|
||||
|
||||
/* SPREMEMBA: Povečana maksimalna širina za več prostora */
|
||||
.cenik-page-hero .container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: var(--spacing-xl);
|
||||
max-width: 1100px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.cenik-hero-text-content {
|
||||
flex: 1;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.cenik-page-hero .page-title {
|
||||
color: var(--color-primary-accent);
|
||||
font-size: clamp(2.5rem, 5vw, 3.5rem);
|
||||
text-align: left;
|
||||
margin-bottom: var(--spacing-m);
|
||||
}
|
||||
|
||||
.cenik-page-hero .page-subtitle {
|
||||
font-size: 1.1rem;
|
||||
max-width: 100%;
|
||||
margin: 0;
|
||||
color: #555;
|
||||
font-style: normal;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
/* SPREMEMBA: Povečana osnova in maksimalna širina, da je slika večja */
|
||||
.cenik-hero-image-wrapper {
|
||||
flex-basis: 55%;
|
||||
flex-shrink: 0;
|
||||
max-width: 525px;
|
||||
}
|
||||
|
||||
/* Notranji vsebnik, ki ustvari kvadratno razmerje (1:1) */
|
||||
.cenik-hero-image-container {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 0;
|
||||
padding-bottom: 100%;
|
||||
border-radius: 8px;
|
||||
overflow: hidden;
|
||||
box-shadow: var(--shadow-medium);
|
||||
}
|
||||
|
||||
.cenik-hero-image-container img {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.cenik-page-main-content .special-pricing-note {
|
||||
background-color: transparent;
|
||||
border: 2px dashed var(--color-primary-accent);
|
||||
border-radius: 8px;
|
||||
box-shadow: none;
|
||||
max-width: 900px;
|
||||
margin: var(--spacing-xl) auto 0 auto;
|
||||
padding: var(--spacing-l);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.cenik-page-hero .container {
|
||||
flex-direction: column;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.cenik-hero-text-content {
|
||||
order: 2;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.cenik-page-hero .page-title,
|
||||
.cenik-page-hero .page-subtitle {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* SPREMEMBA: Povečana tudi max širina na mobilnih */
|
||||
.cenik-hero-image-wrapper {
|
||||
order: 1;
|
||||
flex-basis: auto;
|
||||
width: 100%;
|
||||
max-width: 400px;
|
||||
margin: 0 auto var(--spacing-l) auto;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,18 @@
|
||||
/* /assets/css/pages/_homepage.css */
|
||||
|
||||
/*
|
||||
Stili za domačo stran, ki omogočajo drsenje in zagotavljajo,
|
||||
da se vsebina raztegne po celotni višini zaslona.
|
||||
*/
|
||||
body.homepage {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-height: 100vh; /* Zagotovi, da je body vedno vsaj tako visok kot zaslon */
|
||||
}
|
||||
|
||||
.homepage .slider {
|
||||
flex-grow: 1; /* Omogoči, da se drsnik raztegne in potisne nogo na dno */
|
||||
display: flex;
|
||||
align-items: center; /* Vertikalno centrira vsebino drsnika */
|
||||
width: 100%; /* Zagotovi polno širino */
|
||||
}
|
||||
@@ -0,0 +1,97 @@
|
||||
/* /assets/css/pages/_storitve.css */
|
||||
|
||||
/* Stili za hero odsek na strani "Predstavitev ponudbe" - usklajeno s cenikom */
|
||||
.storitve-page-hero {
|
||||
padding: var(--spacing-xl) 0;
|
||||
background-color: rgba(8, 4, 252, 0.05);
|
||||
margin-bottom: var(--spacing-xl);
|
||||
}
|
||||
|
||||
/* SPREMEMBA: Povečana maksimalna širina za več prostora */
|
||||
.storitve-page-hero .container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: var(--spacing-xl);
|
||||
max-width: 1100px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.storitve-hero-text-content {
|
||||
flex: 1;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.storitve-page-hero .page-title {
|
||||
color: var(--color-primary-accent);
|
||||
font-size: clamp(2.5rem, 5vw, 3.5rem);
|
||||
text-align: left;
|
||||
margin-bottom: var(--spacing-m);
|
||||
}
|
||||
|
||||
.storitve-page-hero .page-subtitle {
|
||||
font-size: 1rem;
|
||||
line-height: 1.6;
|
||||
max-width: 100%;
|
||||
margin: 0;
|
||||
color: #555;
|
||||
font-style: normal;
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
/* SPREMEMBA: Povečana osnova in maksimalna širina, da je slika večja */
|
||||
.storitve-hero-image-wrapper {
|
||||
flex-basis: 55%;
|
||||
flex-shrink: 0;
|
||||
max-width: 525px;
|
||||
}
|
||||
|
||||
/* Notranji vsebnik, ki ustvari kvadratno razmerje (1:1) */
|
||||
.storitve-hero-image-container {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 0;
|
||||
padding-bottom: 100%; /* Kvadratno razmerje */
|
||||
border-radius: 8px;
|
||||
overflow: hidden;
|
||||
box-shadow: var(--shadow-medium);
|
||||
}
|
||||
|
||||
.storitve-hero-image-container img {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover; /* Slika ohrani razmerje in zapolni prostor */
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Responsive prilagoditve za mobilne naprave */
|
||||
@media (max-width: 768px) {
|
||||
.storitve-page-hero .container {
|
||||
flex-direction: column;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.storitve-hero-text-content {
|
||||
order: 2;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.storitve-page-hero .page-title,
|
||||
.storitve-page-hero .page-subtitle {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.storitve-page-hero .page-subtitle {
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
.storitve-hero-image-wrapper {
|
||||
order: 1;
|
||||
flex-basis: auto;
|
||||
width: 100%; /* Na mobilnih napravah slika zavzame več širine */
|
||||
max-width: 400px; /* Povečana tudi max širina na mobilnih */
|
||||
margin: 0 auto var(--spacing-l) auto;
|
||||
}
|
||||
}
|
||||
Reference in new issue
Block a user