틀:대력계 뉴스: 두 판 사이의 차이

편집 요약 없음
이쩌모 (토론 | 기여)
편집 요약 없음
 
(다른 사용자 한 명의 중간 판 144개는 보이지 않습니다)
2번째 줄: 2번째 줄:
.tab-content {
.tab-content {
     display: none;
     display: none;
     animation: fadeIn 0.4s;
}
 
.content-default {
    display: block;
     animation: fadeIn 0.5s ease-out forwards;
}
}


9번째 줄: 13번째 줄:
#diplomacy-tab:target ~ .content-diplomacy {
#diplomacy-tab:target ~ .content-diplomacy {
     display: block;
     display: block;
  animation: fadeIn 0.5s ease-out forwards;
}
}


.tab-content:last-child {
#news-tab:target ~ .content-default,
    display: block;
#emperor-tab:target ~ .content-default,
}
#diplomacy-tab:target ~ .content-default {
#news-tab:target ~ .content-news ~ .content-default,
#emperor-tab:target ~ .content-news ~ .content-default,
#diplomacy-tab:target ~ .content-news ~ .content-default {
     display: none;
     display: none;
}
}
27번째 줄: 29번째 줄:
.tab-nav {
.tab-nav {
     display: flex;
     display: flex;
     justify-content: center;
     justify-content: end;
     gap: 8px;
     gap: 3px;
     margin-bottom: -3px;
     margin: 0 auto -1.55rem;
    max-width: 720px;
}
}


.tab-nav a {
.tab-nav a {
     padding: 8px 16px;
     border: 2.5px solid var(--alternativehistoryborder);
     background: #d1c4b6;
     background: var(--alternativehistorytab);
     border: 3px solid #9c8f81;
     padding: 6px 16px;
     border-bottom: none;
     border-bottom: none;
     border-radius: 10px 10px 0 0;
     border-radius: 12px 12px 0 0;
    color: #524940 !important;
     text-decoration: none !important;
     text-decoration: none !important;
     font-family: "Hahmlet", serif;
     font-family: "Hahmlet", serif;
     font-weight: bold;
     font-weight: 500;
     font-size: 0.9em;
     font-size: 1em;
}
     color: var(--alternativehistorytext);
 
.tab-nav a:hover {
     background: #e4dbc6;
}
}


52번째 줄: 51번째 줄:
   max-width: 720px;
   max-width: 720px;
   margin: 1.5em auto;
   margin: 1.5em auto;
   border-radius: 12px;
   border-radius: 12px 0 12px 12px;
   font-family: "Hahmlet", serif;
   font-family: "Hahmlet", serif;
  color: var(--alternativehistorytext);
}
}


64번째 줄: 64번째 줄:
   text-align: center;
   text-align: center;
   font-family: "Hahmlet", serif;
   font-family: "Hahmlet", serif;
  color: var(--alternativehistorytext);
}
}


72번째 줄: 73번째 줄:
   text-align: center;
   text-align: center;
   font-family: "Hahmlet", serif;
   font-family: "Hahmlet", serif;
  color: var(--alternativehistorytext);
}
}


81번째 줄: 83번째 줄:
   font-size: 1rem;
   font-size: 1rem;
   letter-spacing: -0.03rem;
   letter-spacing: -0.03rem;
  color: var(--alternativehistorytext);
}
}


112번째 줄: 115번째 줄:
}
}


.war-news-body span, .war-news-button span, .war-news-body a, .war-news-body a span {
.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;
font-family: "Hahmlet", serif;
     text-decoration: none;
     text-decoration: none;
122번째 줄: 125번째 줄:
transition: none;
transition: none;
}
}
}}
<div class="tab-system">
<div id="news-tab"></div>
<div id="emperor-tab"></div>
<div id="diplomacy-tab"></div>
<div class="tab-nav">
<a href="#news-tab">📰 뉴스</a>
<a href="#emperor-tab">👑 황제</a>
<a href="#diplomacy-tab">🌍 외교</a>
</div>
<div class="war-news content-news tab-content" style="border: 3px 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|}}}|[[{{{연결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|슬라브 형제는 우리의 책임이다.}}}</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|}}}|[[{{{연결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|슬라브 형제는 우리의 책임이다.}}}</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%;">{{{상세1|{{대력계 아이콘|외교|20px}} {{국기|오헝|20px}} 오스트리아-헝가리 {{c|#f5574c|-80}}}}}</span></span></div>}}}}{{#if:{{{버튼3|}}}|
{{#if:{{{연결3|}}}|[[{{{연결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|슬라브 형제는 우리의 책임이다.}}}</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%;">{{{상세1|{{대력계 아이콘|외교|20px}} {{국기|오헝|20px}} 오스트리아-헝가리 {{c|#f5574c|-80}}}}}</span></span></div>}}}}


.diplotable td:last-child {
  text-align: right;
}
}}<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="content-emperor tab-content">
<div class="content-emperor tab-content">
<div class="war-news" style="border: 3px solid #d1c4b6; background: #f5efe3; padding: 20px;">
<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-headline">프란츠 요제프 1세</div>
<div class="war-news-meta" {{style|c-##524940 lh-2 fw-500}}>{{국기|{{{국기|{{{국가|러제}}}}}}|{{{국기 크기|30px}}}}}{{여백|0.3em}}{{{국가|러시아 제국}}}</div>
<div class="war-news-body" style="text-indent: 0; text-align: center;">
<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>
<p><b>"모든 것이 이미 끝났다."</b></p>
<div class="war-news-body" style="text-indent: 0; text-align: center; font-family: 'Hahmlet', serif;">{{{체제|전제군주제}}}</div>
<p>합스부르크 왕가의 수장이자 노황제는 제국의 마지막 불꽃을 지키고 있습니다.</p>
</div>
</div>
</div>
</div>
</div>
<div class="content-diplomacy tab-content">
<div class="content-diplomacy tab-content">
<div class="war-news" style="border: 3px solid #d1c4b6; background: #f5efe3; padding: 20px;">
<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-headline">외교적 고립도</div>
<div class="war-news-meta" {{style|c-##524940 lh-2 fw-500}}>{{국기|{{{국기|{{{국가|러제}}}}}}|{{{국기 크기|30px}}}}}{{여백|0.3em}}{{{국가|러시아 제국}}}</div>
<div class="war-news-body">
<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>
</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="content-default tab-content">
<div class="war-news-headline" {{style|c-##524940}}>{{{제목|사라예보의 총성}}}</div>
<div class="war-news" style="border: 3px solid #d1c4b6; background: #f5efe3;">
<div class="war-news-body" {{style|c-##524940}}>{{{내용|오늘 오전 보스니아 사라예보에서 {{cl|오스트리아-헝가리 제국 (금빛 독수리 속 황혼)|##546b8f|오스트리아-헝가리 제국}}의 황태자 프란츠 페르디난트 대공과 그의 부인 조피 대공비가 무장 괴한의 총격으로 사망하는 충격적인 사건이 발생했습니다. 황태자는 보스니아 군사 훈련 시찰을 마친 뒤 시내를 행진하던 중, 라틴 다리 인근에서 갑작스러운 총격을 받았습니다. 황태자는 현장에서 즉사한 것으로 알려졌으며, 범인은 세르비아 민족주의 조직과 연관된 청년 가브릴로 프린치프로 확인되었습니다.}}}</div>
<div class="war-news-meta">환영합니다</div>
<hr role="selection">
<div class="war-news-headline">상단 탭을 눌러 정보를 확인하세요</div>
{{#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|}}}|
</div>
{{#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>
</div>

2025년 12월 30일 (화) 11:51 기준 최신판

 러시아 제국
니콜라이 2세
러시아 제국 황제
전제군주제
 러시아 제국
{{{외교}}}
1914년 6월 28일
사라예보의 총성
오늘 오전 보스니아 사라예보에서 오스트리아-헝가리 제국의 황태자 프란츠 페르디난트 대공과 그의 부인 조피 대공비가 무장 괴한의 총격으로 사망하는 충격적인 사건이 발생했습니다. 황태자는 보스니아 군사 훈련 시찰을 마친 뒤 시내를 행진하던 중, 라틴 다리 인근에서 갑작스러운 총격을 받았습니다. 황태자는 현장에서 즉사한 것으로 알려졌으며, 범인은 세르비아 민족주의 조직과 연관된 청년 가브릴로 프린치프로 확인되었습니다.

슬라브 형제는 우리의 책임이다.
오스트리아-헝가리 -80