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

편집토론역사
← 이전 편집다음 편집 →
삼쩌모 (토론 | 기여)
사무관, 인터페이스 관리자, 관리자
22,620 편집
시각위키텍스트
편집 요약 없음
편집 요약 없음
1번째 줄: 1번째 줄:
{{#css:
{{#css:


.war-dashboard {
/* 탭 제어 로직 */
  max-width: 720px;
.tab-container input[type="radio"] { display: none; }
  margin: 1.5em auto;
.tab-content { display: none; }
  border-radius: 12px;
 
  font-family: "Hahmlet", serif;
#tab1:checked ~ .content-news { display: block; }
  overflow: hidden;
#tab2:checked ~ .content-emperor { display: block; }
}
#tab3:checked ~ .content-diplomacy { display: block; }


/* 탭 메뉴 스타일 */
/* 탭 버튼 스타일 */
.war-tabs {
.tab-menu {
   display: flex;
   display: flex;
   background: rgba(0, 0, 0, 0.05);
   justify-content: center;
   border-bottom: 2px solid #9c8f81;
  gap: 10px;
   margin-bottom: -10px;
  position: relative;
  z-index: 10;
}
}


.war-tab-item {
.tab-label {
   flex: 1;
   padding: 10px 20px;
   text-align: center;
   background: #d1c4b6;
   padding: 12px 0;
   border-radius: 8px 8px 0 0;
  font-weight: 700;
   cursor: pointer;
   cursor: pointer;
  font-family: "Hahmlet", serif;
  font-weight: bold;
   color: #524940;
   color: #524940;
   transition: 0.3s;
   transition: 0.3s;
   border-right: 1px solid #9c8f81;
   border: 1px solid #9c8f81;
}
}


.war-tab-item:last-child { border-right: none; }
#tab1:checked ~ .tab-menu label[for="tab1"],
.war-tab-item.active {
#tab2:checked ~ .tab-menu label[for="tab2"],
   color: #fff;
#tab3:checked ~ .tab-menu label[for="tab3"] {
  background: #f5efe3;
  border-bottom: 2px solid #f5efe3;
   transform: translateY(-2px);
}
}


/* 정보창 레이아웃 */
.war-news {
  max-width: 720px;
  margin: 1.5em auto;
  border-radius: 12px;
  font-family: "Hahmlet", serif;
}


.info-box {
.war-news-meta {
   background: rgba(0, 0, 0, 0.03);
   font-size: 1em;
   border: 1px solid #9c8f81;
  margin-top: 6px;
   border-radius: 8px;
  font-family: "Hahmlet", serif;
   padding: 12px;
   border-bottom: 1px solid #9c8f81;
   padding: 6px 14px 7px;
  text-align: center;
   font-family: "Hahmlet", serif;
}
}


.info-title {
.war-news-headline {
   font-size: 0.9em;
  padding: 16px 16px 0px 16px;
   font-size: 1.5em;
   font-weight: 700;
   font-weight: 700;
   color: #8b7d6b;
   text-align: center;
  margin-bottom: 8px;
   font-family: "Hahmlet", serif;
  border-bottom: 1px solid #d1c4b6;
   padding-bottom: 4px;
}
}


.monarch-profile {
.war-news-body {
   display: flex;
   padding: 12px 25px 0px;
   align-items: center;
  line-height: 1.7;
   gap: 12px;
  font-family: "Hahmlet", serif;
  text-indent: 1em;
   font-size: 1rem;
   letter-spacing: -0.03rem;
}
}


.monarch-img {
.war-news-button {
   width: 60px;
  color: #fff;
   height: 60px;
  text-align: center;
   border-radius: 50%;
  max-width: 300px;
   background: #ccc;
   width: 80%;
   border: 2px solid #ac8353;
   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;
}


.status-val-plus { color: #4c7f55; font-weight: 700; }
.war-news-button:hover {
.status-val-minus { color: #f5574c; font-weight: 700; }
    transform: scale(1.02);
}}
}


<div class="war-dashboard">
.war-news-button a {
  <div class="war-tabs">
     color: #f6f1e7 !important;
     <div class="war-tab-item">국가 정보</div>
     text-decoration: none;
     <div class="war-tab-item active">외교 상황</div>
}
    <div class="war-tab-item">군사 편제</div>
    <div class="war-tab-item">기술 연구</div>
  </div>


  <div class="war-info-container">
.war-news-body span, .war-news-button span, .war-news-body a, .war-news-body a span {
    <div class="info-box">
font-family: "Hahmlet", serif;
      <div class="info-title">현재의 통치자</div>
    text-decoration: none;
      <div class="monarch-profile">
}
        <div class="monarch-img"></div>
        <div>
          <div style="font-weight: 700; font-size: 1.1em;">니콜라이 2세</div>
          <div style="font-size: 0.8em; color: #666;">전러시아의 황제</div>
        </div>
      </div>
      <div style="margin-top: 10px; font-size: 0.85em; font-style: italic;">
        "제국은 결코 굴복하지 않을 것이오."
      </div>
    </div>


     <div class="info-box">
.war-news-body a:hover {
      <div class="info-title">국가 역량</div>
font-weight: 600;
      <div class="status-item"><span>정치적 안정도</span><span class="status-val-minus">32%</span></div>
     text-decoration: none;
      <div class="status-item"><span>전쟁 지지율</span><span class="status-val-plus">68%</span></div>
transition: none;
      <div class="status-item"><span>산업 동원령</span><span>부분 동원</span></div>
}
    </div>
}}<div class="war-news" 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="info-box" style="grid-column: span 2;">
<div class="war-news-headline" {{style|c-##524940}}>{{{제목|사라예보의 총성}}}</div>
      <div class="info-title">주요 외교 관계</div>
<div class="war-news-body" {{style|c-##524940}}>{{{내용|오늘 오전 보스니아 사라예보에서 {{cl|오스트리아-헝가리 제국 (금빛 독수리 속 황혼)|##546b8f|오스트리아-헝가리 제국}}의 황태자 프란츠 페르디난트 대공과 그의 부인 조피 대공비가 무장 괴한의 총격으로 사망하는 충격적인 사건이 발생했습니다. 황태자는 보스니아 군사 훈련 시찰을 마친 뒤 시내를 행진하던 중, 라틴 다리 인근에서 갑작스러운 총격을 받았습니다. 황태자는 현장에서 즉사한 것으로 알려졌으며, 범인은 세르비아 민족주의 조직과 연관된 청년 가브릴로 프린치프로 확인되었습니다.}}}</div>
      <div style="display: flex; justify-content: space-around; padding: 5px 0;">
<hr role="selection">
        <div style="text-align: center;">
{{#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|}}}|
          {{국기|프랑스|25px}}<br><span style="font-size: 0.8em;">동맹 (우호)</span><br><span class="status-val-plus">+150</span>
{{#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|}}}|
        </div>
{{#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>}}}}
        <div style="text-align: center;">
          {{국기|영국|25px}}<br><span style="font-size: 0.8em;">협상 (친선)</span><br><span class="status-val-plus">+85</span>
        </div>
        <div style="text-align: center;">
          {{국기|독일|25px}}<br><span style="font-size: 0.8em;">경계 (적대)</span><br><span class="status-val-minus">-120</span>
        </div>
        <div style="text-align: center;">
          {{국기|오헝|25px}}<br><span style="font-size: 0.8em;">긴장 (심각)</span><br><span class="status-val-minus">-195</span>
        </div>
      </div>
    </div>
  </div>
 
  <div class="war-news-headline" style="border-top: 1px solid #9c8f81; padding-top: 20px;">사라예보의 총성</div>
  <div class="war-news-meta">1914년 6월 28일</div>
  <div class="war-news-body">
    오늘 오전 보스니아 사라예보에서 <span style="color:#546b8f; font-weight: bold;">오스트리아-헝가리 제국</span>의 황태자 프란츠 페르디난트 대공과 그의 부인 조피 대공비가 무장 괴한의 총격으로 사망했습니다...
  </div>
 
  <hr role="selection">
 
  <div class="war-news-button" style="background: linear-gradient(to bottom, #5d6953, #36402d); color: #f6f1e7;">
    <span style="text-shadow: 0px 1px 3px #00000080;">슬라브 형제는 우리의 책임이다.</span><br>
    <span style="font-size: 0.86em; opacity: 86%;">{{대력계 아이콘|외교|20px}} 오스트리아-헝가리 <span style="color:#f5574c">-80</span></span>
  </div>
</div>
</div>

2025년 12월 30일 (화) 06:15 판

1914년 6월 28일
사라예보의 총성
오늘 오전 보스니아 사라예보에서 오스트리아-헝가리 제국의 황태자 프란츠 페르디난트 대공과 그의 부인 조피 대공비가 무장 괴한의 총격으로 사망하는 충격적인 사건이 발생했습니다. 황태자는 보스니아 군사 훈련 시찰을 마친 뒤 시내를 행진하던 중, 라틴 다리 인근에서 갑작스러운 총격을 받았습니다. 황태자는 현장에서 즉사한 것으로 알려졌으며, 범인은 세르비아 민족주의 조직과 연관된 청년 가브릴로 프린치프로 확인되었습니다.
슬라브 형제는 우리의 책임이다.
오스트리아-헝가리 -80
라이선스를 별도로 명시하지 않은 세계관이나 문서는
CC-BY-SA 4.0에 의해 이용하실 수 있습니다.
제작한 세계관이나 문서의 저작권은 각 기여자에게 주어집니다.
무단 전재 또는 복제는 명백한 저작권 침해이며 법적 책임을 물 수 있습니다.
상세한 내용은 쩌모위키:라이선스를 참고하십시오.
Powered by Mediawiki,
Designed by Vierthalb.