틀:대력계 뉴스: 두 판 사이의 차이
편집 요약 없음 |
편집 요약 없음 |
||
| (다른 사용자 한 명의 중간 판 305개는 보이지 않습니다) | |||
| 1번째 줄: | 1번째 줄: | ||
{{#css: | {{#css: | ||
.tab-content { | |||
display: none; | |||
} | |||
.content-default { | |||
display: block; | |||
animation: fadeIn 0.5s ease-out forwards; | |||
} | |||
#news-tab:target ~ .content-news, | |||
#emperor-tab:target ~ .content-emperor, | |||
#diplomacy-tab:target ~ .content-diplomacy { | |||
display: block; | |||
animation: fadeIn 0.5s ease-out forwards; | |||
} | |||
#news-tab:target ~ .content-default, | |||
#emperor-tab:target ~ .content-default, | |||
#diplomacy-tab:target ~ .content-default { | |||
display: none; | |||
} | |||
@keyframes fadeIn { | |||
from { opacity: 0; transform: translateY(5px); } | |||
to { opacity: 1; transform: translateY(0); } | |||
} | |||
.tab-nav { | |||
display: flex; | |||
justify-content: end; | |||
gap: 3px; | |||
margin: 0 auto -1.55rem; | |||
max-width: 720px; | |||
} | |||
.tab-nav a { | |||
border: 2.5px solid var(--alternativehistoryborder); | |||
background: var(--alternativehistorytab); | |||
padding: 6px 16px; | |||
border-bottom: none; | |||
border-radius: 12px 12px 0 0; | |||
text-decoration: none !important; | |||
font-family: "Hahmlet", serif; | |||
font-weight: 500; | |||
font-size: 1em; | |||
color: var(--alternativehistorytext); | |||
} | |||
.war-news { | .war-news { | ||
max-width: 720px; | max-width: 720px; | ||
margin: 1.5em auto; | margin: 1.5em auto; | ||
border-radius: 12px 0 12px 12px; | |||
border-radius: | font-family: "Hahmlet", serif; | ||
font-family: " | color: var(--alternativehistorytext); | ||
} | } | ||
.war-news-meta { | .war-news-meta { | ||
font-size: 1em; | font-size: 1em; | ||
margin-top: | margin-top: 6px; | ||
font-family: " | font-family: "Hahmlet", serif; | ||
border-bottom: 1px solid #9c8f81; | border-bottom: 1px solid #9c8f81; | ||
padding: | padding: 6px 14px 7px; | ||
text-align: center; | text-align: center; | ||
font-family: " | font-family: "Hahmlet", serif; | ||
color: var(--alternativehistorytext); | |||
} | } | ||
.war-news-headline { | .war-news-headline { | ||
padding: 16px 16px 0px 16px; | padding: 16px 16px 0px 16px; | ||
font-size: 1. | font-size: 1.5em; | ||
font-weight: | font-weight: 700; | ||
text-align: center; | text-align: center; | ||
font-family: " | font-family: "Hahmlet", serif; | ||
color: var(--alternativehistorytext); | |||
} | } | ||
.war-news-body { | .war-news-body { | ||
padding: 12px 25px | padding: 12px 25px 0px; | ||
line-height: 1.7; | line-height: 1.7; | ||
font-family: " | font-family: "Hahmlet", serif; | ||
text-indent: 1em; | |||
font-size: 1rem; | |||
letter-spacing: -0.03rem; | |||
color: var(--alternativehistorytext); | |||
} | } | ||
.war-news-button { | .war-news-button { | ||
color: #fff; | |||
padding: | text-align: center; | ||
max-width: 300px; | |||
width: 80%; | |||
margin: -8px auto 16px auto; | |||
border-radius: 9px; | |||
padding: 8px 5px 9px; | |||
font-family: "Hahmlet", serif; | |||
transition: 0.3s ease; | |||
} | |||
hr[role="selection"] { | |||
border: 0px solid; | |||
height: 2px; | |||
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(172, 131, 83, 0.75), rgba(0, 0, 0, 0)); | |||
margin: 16px 50px 22px; | |||
display: block; | |||
} | |||
.war-news-button:hover { | |||
transform: scale(1.02); | |||
} | |||
.war-news-button a { | |||
color: #f6f1e7 !important; | |||
text-decoration: none; | |||
} | |||
.diplotable, .diplotable th, .diplotable td, .war-news-body span, .war-news-button span, .war-news-button a, .war-news-body a, .war-news-body a span, .war-news-headline div, .war-news-headline span { | |||
font-family: "Hahmlet", serif; | |||
text-decoration: none; | |||
} | |||
.war-news-body a:hover { | |||
font-weight: 600; | |||
text-decoration: none; | |||
transition: none; | |||
} | |||
.diplotable td:last-child { | |||
text-align: right; | |||
} | } | ||
}}<div class="war-news" {{style| | }}<div class="tab-system"><div id="default-tab" style="position: absolute; top: 0;"></div><div id="emperor-tab" style="position: absolute; top: 0;"></div><div id="diplomacy-tab" style="position: absolute; top: 0;"></div><div class="tab-nav">[[#emperor-tab|정치]][[#diplomacy-tab|외교]][[#default-tab|뉴스]]</div> | ||
<div class="war-news-meta" {{style|c-##524940}}>{{{날짜|1914년 6월 28일}}}</div> | <div class="content-emperor tab-content"> | ||
<div class="war-news-headline" {{style|c-##524940}}>{{{ | <div class="war-news" style="position: relative; border: 2.5px solid light-dark(#d1c4b6, #696058); background: radial-gradient(circle at 30% 20%,rgba(255,255,255,0.15),transparent 40%),linear-gradient(180deg,light-dark(#f5efe3, #2b251e),light-dark(#e4dbc6, #15120e)); padding-bottom: 15px;"> | ||
<div class="war-news-body" {{style|c-##524940}}>{{{내용|오늘 오전 보스니아 사라예보에서 오스트리아-헝가리 | <div class="war-news-meta" {{style|c-##524940 lh-2 fw-500}}>{{국기|{{{국기|{{{국가|러제}}}}}}|{{{국기 크기|30px}}}}}{{여백|0.3em}}{{{국가|러시아 제국}}}</div> | ||
<div class="war-news-button">{{{ | <div class="war-news-headline" style="display: flex; gap: 0.8rem; justify-content: center;">[[파일:{{{국가원수|니콜라이 2세}}} 아이콘.png|45px]]<div style="text-align: left;">{{{국가원수|니콜라이 2세}}}<div style="font-weight: 400; line-height: 1; display: block;">{{s|11|{{{직위|러시아 제국 황제}}}}}</div></div></div> | ||
<div class="war-news-body" style="text-indent: 0; text-align: center; font-family: 'Hahmlet', serif;">{{{체제|전제군주제}}}</div> | |||
</div> | |||
</div> | |||
<div class="content-diplomacy tab-content"> | |||
<div class="war-news" style="position: relative; border: 2.5px solid light-dark(#d1c4b6, #696058); background: radial-gradient(circle at 30% 20%,rgba(255,255,255,0.15),transparent 40%),linear-gradient(180deg,light-dark(#f5efe3, #2b251e),light-dark(#e4dbc6, #15120e)); padding-bottom: 15px;"> | |||
<div class="war-news-meta" {{style|c-##524940 lh-2 fw-500}}>{{국기|{{{국기|{{{국가|러제}}}}}}|{{{국기 크기|30px}}}}}{{여백|0.3em}}{{{국가|러시아 제국}}}</div> | |||
<div class="war-news-body" style="font-family: 'Hahmlet', serif; text-align: center; text-indent: 0; line-height: 1.6rem; padding-bottom: 2px;"> | |||
{| class="diplotable" style="text-align: left; margin-left: auto; margin-right: auto; font-family: 'Hahmlet', serif;" | |||
|- | |||
| | |||
| style="min-width: 50px;" | | |||
|- | |||
{{{외교}}} | |||
|}</div> | |||
</div> | |||
</div> | |||
<div class="war-news content-default tab-content" style="position: relative; border: 2.5px solid light-dark(#d1c4b6, #696058); background: radial-gradient(circle at 30% 20%,rgba(255,255,255,0.15),transparent 40%),linear-gradient(180deg,light-dark(#f5efe3, #2b251e),light-dark(#e4dbc6, #15120e))"> | |||
<div class="war-news-meta" {{style|c-##524940 lh-2}}>{{{날짜|1914년 6월 28일}}}</div> | |||
<div class="war-news-headline" {{style|c-##524940}}>{{{제목|사라예보의 총성}}}</div> | |||
<div class="war-news-body" {{style|c-##524940}}>{{{내용|오늘 오전 보스니아 사라예보에서 {{cl|오스트리아-헝가리 제국 (금빛 독수리 속 황혼)|##546b8f|오스트리아-헝가리 제국}}의 황태자 프란츠 페르디난트 대공과 그의 부인 조피 대공비가 무장 괴한의 총격으로 사망하는 충격적인 사건이 발생했습니다. 황태자는 보스니아 군사 훈련 시찰을 마친 뒤 시내를 행진하던 중, 라틴 다리 인근에서 갑작스러운 총격을 받았습니다. 황태자는 현장에서 즉사한 것으로 알려졌으며, 범인은 세르비아 민족주의 조직과 연관된 청년 가브릴로 프린치프로 확인되었습니다.}}}</div> | |||
<hr role="selection"> | |||
{{#if:{{{연결1|}}}|<div class="war-news-button" {{style|bg-<linear-gradient(to bottom, light-dark(#5d6953, #5a5a5ac9), light-dark(#36402d, #464646c9))> c-#f6f1e7}}><span style="text-shadow: 0px 1px 3px #00000080; font-family: 'Hahmlet', serif;">[[{{{연결1|금빛 독수리 속 황혼}}}|{{{버튼1|슬라브 형제는 우리의 책임이다.}}}]]<br><span style="font-size: 0.86em; font-family: 'Hahmlet', serif; opacity: 86%;">{{{상세1|{{대력계 아이콘|외교|20px}} {{국기|오헝|20px}} 오스트리아-헝가리 {{c|#f5574c|-80}}}}}</span></span></div>|<div class="war-news-button" {{style|bg-<linear-gradient(to bottom, light-dark(#5d6953, #5a5a5ac9), light-dark(#36402d, #464646c9))> c-#f6f1e7}}><span style="text-shadow: 0px 1px 3px #00000080; font-family: 'Hahmlet', serif;">{{{버튼1|슬라브 형제는 우리의 책임이다.}}}<br><span style="font-size: 0.86em; font-family: 'Hahmlet', serif; opacity: 86%;">{{{상세1|{{대력계 아이콘|외교|20px}} {{국기|오헝|20px}} 오스트리아-헝가리 {{c|#f5574c|-80}}}}}</span></span></div>}}{{#if:{{{버튼2|}}}| | |||
{{#if:{{{연결2|}}}|<div class="war-news-button" {{style|bg-<linear-gradient(to bottom, light-dark(#5d6953, #5a5a5ac9), light-dark(#36402d, #464646c9))> c-#f6f1e7}}><span style="text-shadow: 0px 1px 3px #00000080; font-family: 'Hahmlet', serif;">[[{{{연결2|금빛 독수리 속 황혼}}}|{{{버튼2|슬라브 형제는 우리의 책임이다.}}}]]<br><span style="font-size: 0.86em; font-family: 'Hahmlet', serif; opacity: 86%;">{{{상세2|{{대력계 아이콘|외교|20px}} {{국기|오헝|20px}} 오스트리아-헝가리 {{c|#f5574c|-80}}}}}</span></span></div>|<div class="war-news-button" {{style|bg-<linear-gradient(to bottom, light-dark(#5d6953, #5a5a5ac9), light-dark(#36402d, #464646c9))> c-#f6f1e7}}><span style="text-shadow: 0px 1px 3px #00000080; font-family: 'Hahmlet', serif;">{{{버튼2|슬라브 형제는 우리의 책임이다.}}}<br><span style="font-size: 0.86em; font-family: 'Hahmlet', serif; opacity: 86%;">{{{상세2|{{대력계 아이콘|외교|20px}} {{국기|오헝|20px}} 오스트리아-헝가리 {{c|#f5574c|-80}}}}}</span></span></div>}}}}{{#if:{{{버튼3|}}}| | |||
{{#if:{{{연결3|}}}|<div class="war-news-button" {{style|bg-<linear-gradient(to bottom, light-dark(#5d6953, #5a5a5ac9), light-dark(#36402d, #464646c9))> c-#f6f1e7}}><span style="text-shadow: 0px 1px 3px #00000080; font-family: 'Hahmlet', serif;">[[{{{연결3|금빛 독수리 속 황혼}}}|{{{버튼3|슬라브 형제는 우리의 책임이다.}}}]]<br><span style="font-size: 0.86em; font-family: 'Hahmlet', serif; opacity: 86%;">{{{상세3|{{대력계 아이콘|외교|20px}} {{국기|오헝|20px}} 오스트리아-헝가리 {{c|#f5574c|-80}}}}}</span></span>]]</div>|<div class="war-news-button" {{style|bg-<linear-gradient(to bottom, light-dark(#5d6953, #5a5a5ac9), light-dark(#36402d, #464646c9))> c-#f6f1e7}}><span style="text-shadow: 0px 1px 3px #00000080; font-family: 'Hahmlet', serif;">{{{버튼3|슬라브 형제는 우리의 책임이다.}}}<br><span style="font-size: 0.86em; font-family: 'Hahmlet', serif; opacity: 86%;">{{{상세3|{{대력계 아이콘|외교|20px}} {{국기|오헝|20px}} 오스트리아-헝가리 {{c|#f5574c|-80}}}}}</span></span></div>}}}} | |||
</div> | |||
</div> | </div> | ||
2025년 12월 30일 (화) 11:51 기준 최신판
{{{외교}}}
사라예보의 총성
오늘 오전 보스니아 사라예보에서 오스트리아-헝가리 제국의 황태자 프란츠 페르디난트 대공과 그의 부인 조피 대공비가 무장 괴한의 총격으로 사망하는 충격적인 사건이 발생했습니다. 황태자는 보스니아 군사 훈련 시찰을 마친 뒤 시내를 행진하던 중, 라틴 다리 인근에서 갑작스러운 총격을 받았습니다. 황태자는 현장에서 즉사한 것으로 알려졌으며, 범인은 세르비아 민족주의 조직과 연관된 청년 가브릴로 프린치프로 확인되었습니다.