/* GLOBAL */
body {
margin: 0;
background: #f3f6fb;
font-family: Verdana, Arial, sans-serif;
color: #333;
}
a {
font-weight: bold;
text-decoration: none;
color: #315C96;
}
a:hover {
color: #1a2d4f;
}
/* GLAVNI OKVIR BLOGA – PROŠIRENO NA 1050px */
.sredina {
background: #ffffff;
width: 1050px;
padding: 40px 50px;
margin: 40px auto;
border: 2px solid #315C96;
border-radius: 18px;
box-shadow: 0 18px 45px rgba(49, 92, 150, 0.25);
box-sizing: border-box;
position: relative;
}
/* Dekorativni efekt */
.sredina::before {
content: "";
position: absolute;
top: -80px;
right: -120px;
width: 260px;
height: 260px;
background: radial-gradient(circle at top right, #315C96 0%, transparent 70%);
opacity: 0.12;
pointer-events: none;
}
/* NASLOVI */
h2 { font-size: 28px;
color: #315C96;
margin: 20px 0 10px 0;
text-align: center;
letter-spacing: 0.5px;
}
h3 {
font-size: 13px;
color: #6c7280;
text-transform: uppercase;
letter-spacing: 1px;
text-align: center;
margin: 10px 0 20px 0;
}
/* POST SADRŽAJ */
.post {
font-size: 16px; color: #333; line-height: 1.7;
}
/* SLIKE */
.slika {
margin: 0 auto 20px auto;
display: block;
border-radius: 12px;
max-width: 100%;
height: auto;
box-shadow: 0 6px 20px rgba(0,0,0,0.15);
}
/* BOXEVI SA STRANE – DESNI SUŽEN NA 200px */
table[width="250"] {
width: 200px !important;
}
.box {
background: #ffffff;
border: 1px solid #d0d7e6;
border-radius: 12px;
padding: 15px;
margin: 15px;
font-size: 13px;
color: #315C96;
box-shadow: 0 6px 20px rgba(0,0,0,0.08);
}
/* KOMENTARI ISPOD POSTA – SMANJEN FONT */
.time,
.sredina p a[href*="Komentari"] {
font-size: 11px;
color: #6c7280;
}
/* LISTA KOMENTARA */
.komentari {
background: #f7f9ff;
border: 1px solid #d0d7e6;
border-radius: 12px;
padding: 10px 14px;
margin: 12px 0;
font-size: 10px;
color: #9E9E9E;
line-height: 1.5;
list-style: none;
box-shadow: 0 4px 12px rgba(0,0,0,0.06);
}
.komentari i {
display: block;
margin-top: 6px;
font-size: 10px;
color: #6c7280;
font-style: normal;
}
.komentari:hover {
background: #eef3ff;
border-color: #315C96;
box-shadow: 0 6px 12px rgba(49,92,150,0.15);
transition: 0.25s ease;
}
/* KALENDAR */
.kalendar-box {
background: #ffffff;
border: 1px solid #d0d7e6;
border-radius: 12px;
padding: 10px;
margin: 15px;
color: #315C96;
font-size: 10px;
box-shadow: 0 6px 20px rgba(0,0,0,0.08);
}
/* CITATI */
.quoted {
margin: 1em 15px;
padding: 10px;
border-left: 4px solid #315C96;
background: #f0f4ff;
color: #315C96;
font-style: italic;
border-radius: 6px;
}
/* RESPONSIVE */
@media (max-width: 900px) {
.sredina {
width: 100%;
margin: 20px 0;
padding: 25px 20px;
border-radius: 12px;
}
table {
width: 100% !important;
}
td[valign="top"]{
display: block;
width: 100% !important;
}
table[width="250"], table[width="300"] {
width: 100% !important;
margin: 0 auto;
}
.box {
margin: 10px auto;
width: 90%;
}
.slika {
max-width: 100%;
height: auto;
}
h2 {
font-size: 22px;
}
.post {
font-size: 15px;
}
.komentari {
font-size: 14px;
padding: 10px 12px;
}