html {
box-sizing: border-box;
}
*, *::before, *::after {
box-sizing: inherit;
}
body {
margin: 0;
font-family: Georgia, "Times New Roman", serif;
color: #61101a;
background:
linear-gradient(to bottom, #d00019 0, #cc0018 200px, #ffffff 200px, #ffffff 208px, #07006c 208px, #07006c 100%);
}
a {
color: #8e2018;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
img {
max-width: 100%;
height: auto;
}
.page-shell {
padding: 18px 10px 30px;
}
.site-frame {
width: 1000px;
max-width: 100%;
margin: 0px auto 0;
}
.site-header {
border: 0px solid #ff7f47;
border-radius: 0px;
overflow: hidden;
background: #eadfcf;
box-shadow: 0 0 0 0px #a0150f inset;
}
.header-flags {
position: absolute;
bottom: 0px; /* poziția verticală */
left: 0px; /* poziția orizontală */
z-index: 10; /* peste banner */
}
.header-flags img {
width: 20px; /* ajustează după cum arată originalul */
height: auto;
margin-right: 5px;
}
.header-banner {
position: relative;
width: 100%;
max-width: 1000px; /* sau cât ai tu */
margin: 0 auto;
}
.header-banner img {
width: 100%;
height: auto;
display: block;
}
.banner-image {
display: block;
width: 1000px;
min-height: 100px;
max-height: 200px;
object-fit: cover;
background: linear-gradient(90deg, #eadfcf 0%, #f4ebdf 50%, #d2b48c 100%);
}
.top-nav {
margin-top: 8px;
border: 2px solid #ef9b7c;
border-radius: 10px;
overflow: hidden;
background: linear-gradient(to bottom, #ca1f16 0%, #a90000 45%, #b80000 100%);
box-shadow: 0 2px 0 rgba(255,255,255,0.35) inset;
}
.top-nav ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
}
.top-nav li {
flex: 1 1 20%;
}
.top-nav a {
display: block;
padding: 10px 8px;
text-align: center;
color: #fff;
font-size: 14px;
font-weight: bold;
text-shadow: 0 1px 0 rgba(0,0,0,0.3);
border-right: 1px solid rgba(255,255,255,0.18);
}
.top-nav li:last-child a {
border-right: 0;
}
.top-nav a.active,
.top-nav a:hover {
background: rgba(255,255,255,0.1);
text-decoration: none;
}
.content-wrap {
display: grid;
grid-template-columns: 220px minmax(0, 1fr) 215px;
gap: 0;
background: #f3eee0;
margin-top: 10px;
border: 1px solid #cabda7;
}
.left-col,
.main-col,
.right-col {
min-width: 0;
}
.left-col {
padding: 9px 18px 16px 16px;
}
.main-col {
padding: 9px 14px 16px;
border-left: 1px dashed #b8826c;
border-right: 1px dashed #b8826c;
}
.right-col {
padding: 9px 12px 16px 14px;
}
.side-box h2 {
margin: 0 0 10px;
archive/
Anale_Istorie_Oradeapx;
line-height: 1;
text-align: center;
color: #8e2018;
}
.links-list,
.archive-list {
list-style: none;
margin: 0;
padding: 0;
}
.links-list li,
.archive-list li {
border-bottom: 1px solid #cda7aa;
}
.links-list a,
.archive-list a {
display: block;
padding: 7px 6px 7px 16px;
position: relative;
color: #8e2018;
font-size: 14px;
font-weight: bold;
}
.links-list a {
font-weight: normal;
color: #6c5f47;
}
.links-list a::before,
.archive-list a::before {
content: '\25B8';
position: absolute;
left: 2px;
top: 8px;
font-size: 11px;
color: #7d7d67;
}
.archive-top {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
margin-bottom: 6px;
}
.archive-top h2 {
margin: 0;
text-align: left;
}
.archive-toggle {
display: inline-block;
padding: 6px 10px;
border: 1px solid #c9b79e;
border-radius: 18px;
color: #6a4d3c;
font-size: 12px;
background: #f8f4ea;
white-space: nowrap;
}
.content-box {
color: #5c2f1e;
font-size: 15px;
line-height: 1.35;
}
.content-box h1,
.content-box h2,
.content-box h3 {
color: #8e2018;
}
.journal-title {
text-align: center;
font-size: 21px;
line-height: 1.25;
margin: 4px 0 16px;
color: #8e2018;
font-weight: bold;
}
.journal-title .flag {
display: block;
margin: 0 auto 6px;
}
.flag-inline {
vertical-align: middle;
margin-right: 6px;
}
.content-box p {
margin: 0 0 14px;
}
.content-box .lead {
font-size: 17px;
color: #7c3117;
}
.content-box .indented {
padding-left: 16px;
}
.editorial-list,
.committee-list,
.guidelines-list,
.contact-list {
margin: 0 0 18px 0;
padding-left: 0;
list-style: none;
}
.editorial-list li,
.committee-list li,
.guidelines-list li,
.contact-list li {
margin-bottom: 6px;
}
.section-heading {
font-size: 25px;
color: #8e2018;
margin: 0 0 14px;
}
.small-gap {
margin-top: 16px;
}
.site-footer {
padding: 10px 8px 18px;
text-align: center;
color: #eadac8;
font-size: 12px;
}
@media (max-width: 980px) {
.content-wrap {
grid-template-columns: 1fr;
}
.main-col {
order: 1;
border-left: 0;
border-right: 0;
border-top: 1px dashed #b8826c;
border-bottom: 1px dashed #b8826c;
}
.left-col {
order: 2;
padding-top: 16px;
}
.right-col {
order: 3;
}
}
@media (max-width: 760px) {
body {
background: #07006c;
}
.page-shell {
padding: 0;
}
.site-frame {
margin-top: 0;
}
.site-header,
.top-nav,
.content-wrap {
border-radius: 0;
border-left: 0;
border-right: 0;
}
.top-nav {
overflow-x: auto;
}
.top-nav ul {
min-width: 760px;
}
.top-nav a {
font-size: 15px;
padding: 10px 14px;
}
.left-col,
.main-col,
.right-col {
padding-left: 12px;
padding-right: 12px;
}
.journal-title {
font-size: 18px;
}
.section-heading,
.side-box h2 {
font-size: 22px;
}
.content-box {
font-size: 14px;
}
.archive-top {
align-items: flex-start;
flex-direction: column;
}
}