틀:Project Z 배경/광명: 두 판 사이의 차이

편집 요약 없음
편집 요약 없음
 
(같은 사용자의 중간 판 3개는 보이지 않습니다)
1번째 줄: 1번째 줄:
<div style="position:fixed; top:0px; left:0px; width:2000px; height:100vh; z-index:-1;">
{{#CSS:
[[파일:여명-영광의 순간 배경.png|3950px|가운데|link=]]</div>
.inline-hover-toggle {
  display: inline-block;
  position: relative;
  cursor: pointer;
}
 
.inline-hover-toggle .toggle-content {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transform: scaleY(0.95);
  transform-origin: top;
  transition: opacity 0.4s ease-in-out, max-height 0.4s ease-in-out, transform 0.4s ease-in-out;
  display: block;
  padding: 0.3em 0;
}
 
.inline-hover-toggle:hover .toggle-content {
  opacity: 1;
  max-height: 200px;
  transform: scaleY(1);
}
}}
{{#CSS:
.fullscreen-fadeout-box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #000;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  z-index: 9999;
  animation: fadeout 3s forwards;
  padding: 3em 20em 3em 20em;
  box-sizing: border-box;
}
 
.fullscreen-fadeout-box .top-text {
  text-align: center
  font-family: 'Noto Serif KR';
  font-size: 1.5em;
  color: #0ff;
}
 
.fullscreen-fadeout-box .bottom-text {
  font-family: 'Noto Serif KR';
  font-size: 1.5em;
  color: #0ff;
}
 
.fullscreen-fadeout-box .center-text {
  font-family: 'Noto Serif KR';
  font-weight: bold;
  color: #0ff;
}
 
@keyframes fadeout {
  0% { opacity: 1; }
  70% { opacity: 1; }
  100% { opacity: 0; display: none; }
}
}}
 
<div class="fullscreen-fadeout-box"><div class="top-text">{{틀:광명의 제국 인용문 문구}}</div>
<div class="center-text" style="text-shadow: 0 0 15px #0ff;"><span style="font-family: 'Noto Serif KR'; font-size: 5em; letter-spacing: 13px;">광명의 제국</span><span style="display: block; margin: 1.5rem 0;"></span><span style="font-family: 'Noto Serif KR'; font-size: 2.5em; letter-spacing: 20px;">우리 시대의 종말</span></div>
<div class="bottom-text" style="text-shadow: 0 0 6px #0ff;">Made by <span style="font-family: 'Noto Serif KR'; font-weight: bold;">Aurora</span></div></div>
 
{{#CSS:<!--
{{#CSS:<!--


{{#CSS: .liberty-content-header {
{{#CSS: .liberty-content-header {
-->.mw-page-title-namespace { color:#8a0906 !important; text-shadow: 0px 0px 10px #8a0906 !important;}<!--
-->.mw-page-title-namespace { color:#0ff !important; text-shadow: 0px 0px 10px #0ff !important;}<!--
-->.mw-page-title-separator { color:#000 !important; text-shadow: 0px 0px 10px #000 !important;}<!--
-->.mw-page-title-separator { color:#0ff !important; text-shadow: 0px 0px 10px #0ff !important;}<!--
-->.mw-page-title-main { color:#101849 !important; text-shadow: 0px 0px 10px #101849 !important;}<!--
-->.mw-page-title-main { color:#0ff !important; text-shadow: 0px 0px 10px #0ff !important;}<!--
-->.mw-redirectedfrom { color:#222 !important; }<!--
-->.mw-redirectedfrom { color:#222 !important; }<!--
-->.mw-redirectedfrom a { color:#222 !important; text-shadow: 0px 0px 10px #222 !important;}<!--
-->.mw-redirectedfrom a { color:#222 !important; text-shadow: 0px 0px 10px #000 !important;}<!--
 
-->::selection {
  background: #444 !important;
  color: #fff !important;
  text-decoration: underline !important;
}<!--


.cs-collapsed .cs-comment-header, .cs-expanded .cs-comment-header, input:not([type=button]):not([type=checkbox]):not([type=submit]):not([class=oo-ui-inputWidget-input]) { background:transparent!important;}<!--
.cs-collapsed .cs-comment-header, .cs-expanded .cs-comment-header, input:not([type=button]):not([type=checkbox]):not([type=submit]):not([class=oo-ui-inputWidget-input]) { background:transparent!important;}<!--
14번째 줄: 90번째 줄:
--->.nav-wrapper { background: rgba(32, 32, 32, 0.65) !important;background-image: linear-gradient(90deg, #000 70%, #8a0906 80%, #101849) !important;box-shadow: 0px 0px 10px #000 !important; }<!--
--->.nav-wrapper { background: rgba(32, 32, 32, 0.65) !important;background-image: linear-gradient(90deg, #000 70%, #8a0906 80%, #101849) !important;box-shadow: 0px 0px 10px #000 !important; }<!--
--->.Liberty .nav-wrapper .navbar .navbar-nav .nav-item .nav-link { color:#fff !important;}<!--
--->.Liberty .nav-wrapper .navbar .navbar-nav .nav-item .nav-link { color:#fff !important;}<!--
--->.Liberty .nav-wrapper .navbar .navbar-nav .nav-item .nav-link:hover { background-color: #222;color: #fff !important; }<!--
--->.Liberty .nav-wrapper .navbar .navbar-nav .nav-item .nav-link:hover { background-color: #000;color: #fff !important; }<!--
--->.Liberty .nav-wrapper .navbar .navbar-nav .nav-item .nav-link:focus { background-color: #222;color: #fff !important; }<!--
--->.Liberty .nav-wrapper .navbar .navbar-nav .nav-item .nav-link:focus { background-color: #000;color: #fff !important; }<!--


-->.mw-category-generated { color:#1a1a1a !important;}<!--
-->.mw-category-generated { color:#1a1a1a !important;}<!--
-->.mw-category-generated a { color:#fc0 !important; text-shadow: 0px 0px 10px #fc0 !important;}<!--
-->.mw-category-generated a { color:#0ff !important; text-shadow: 0px 0px 10px #0ff !important;}<!--
-->.CategoryTreeToggle { color:#fc0 !important; text-shadow: 0px 0px 10px #fc0 !important;}<!--
-->.CategoryTreeToggle { color:#0ff !important; text-shadow: 0px 0px 10px #0ff !important;}<!--
-->.number-link { color:#fc0 !important; text-shadow: 0px 0px 10px #fc0 !important;}<!--
-->.number-link { color:#0ff !important; text-shadow: 0px 0px 10px #0ff !important;}<!--


-->.subpages { color:#000 !important; }<!--
-->.subpages { color:#1a1a1a !important; }<!--
-->.subpages a { color:#000 !important; text-shadow: 0px 0px 10px #8a0906 !important;}<!--
-->.subpages a { color:#0ff !important; text-shadow: 0px 0px 10px #0ff !important;}<!--
-->.subpages a:active { color:#000 !important; text-shadow: 0px 0px 10px #8a0906 !important;}<!--
-->.subpages a:active { color:#0ff !important; text-shadow: 0px 0px 10px #0ff !important;}<!--
} }}
} }}


     -->.liberty-content-header { background-color: #fff !important; border-bottom: 2px solid #fff !important; border-top: 2px solid transparent !important; border-right:none !important; border-left:none !important; box-shadow:0px 0px 25px #fff; }<!--
     -->.liberty-content-header { background-color: #000 !important; border-bottom: 2px solid #0ff !important; border-top: 2px solid transparent !important; border-right:none !important; border-left:none !important; box-shadow:0px 0px 25px #0ff; }<!--
     -->.subpages { color:#000 !important; }<!--
     -->.subpages { color:#0ff !important; }<!--
     -->.subpages a { color:#000 !important; }<!--
     -->.subpages a { color:#0ff !important; }<!--
     -->.subpages a:active { color:#000 !important; }<!--
     -->.subpages a:active { color:#0ff !important; }<!--


     -->.btn-secondary { color: #000 !important; background-color: #fff !important; border: 1px solid #000 !important;}<!--
     -->.btn-secondary { color: #0ff !important; background-color: #000 !important; border: 1px solid #0ff !important;}<!--
     -->.btn-secondary:hover { color: #000 !important; background-color: #e3e3e3 !important; border: 1px solid #000 !important;}<!--
     -->.btn-secondary:hover { color: #0ff !important; background-color: #333 !important; border: 1px solid #0ff !important;}<!--
     -->.dropdown-item { color: #000 !important; background-color: #fff !important; border: 1px solid #fff !important;}<!--
     -->.dropdown-item { color: #0ff !important; background-color: #000 !important; border: 1px solid #000 !important;}<!--
     -->.dropdown-item:hover { color: #000 !important; background-color: #e3e3e3 !important; border: 1px solid #fff !important;}<!--
     -->.dropdown-item:hover { color: #0ff !important; background-color: #333 !important; border: 1px solid #000 !important;}<!--
     -->.dropdown-menu { color: #000 !important; background-color: #fff !important; border: 1px solid #000 !important;}<!--
     -->.dropdown-menu { color: #0ff !important; background-color: #000 !important; border: 1px solid #0ff !important;}<!--


     -->.catlinks { background-color: #000 !important; color: #fff !important; border: 0 !important; box-shadow: 0px 0px 6px #000 !important;}<!--
     -->.catlinks { color: #1a1a1a !important; background-color: #000 !important; border: 1px solid #0ff !important;}<!--
     -->.catlinks a { color: #fff !important;}<!--
     -->.catlinks a { color: #0ff !important;}<!--


     -->.external { color:#fff !important;}<!--
     -->.external { color:#0ff !important;}<!--
     -->.external:before { color:#fff !important;}<!--
     -->.external:before { color:#0ff !important;}<!--
     -->.alert-info { background-color: #000 !important; color: #fff !important; border: 2px solid #fff !important; box-shadow:0px 0px 7px #000; }<!--
     -->.alert-info { background-color: #000 !important; border: 2px solid #0ff !important; box-shadow:0px 0px 25px #0ff; }<!--


     -->.mw-redirectedfrom { color:#1a1a1a !important; }<!--
     -->.mw-redirectedfrom { color:#1a1a1a !important; }<!--
     -->.mw-redirectedfrom a { color:#000 !important; }<!--
     -->.mw-redirectedfrom a { color:#0ff !important; }<!--


     -->.Liberty .content-wrapper .liberty-content .liberty-content-main h1, .Liberty .content-wrapper .liberty-content .liberty-content-main h2, .Liberty .content-wrapper .liberty-content .liberty-content-main h3, .Liberty .content-wrapper .liberty-content .liberty-content-main h4, .Liberty .content-wrapper .liberty-content .liberty-content-main h5, .Liberty .content-wrapper .liberty-content .liberty-content-main h6 { margin-top: 1rem; border-bottom: 1px solid #000 !important; margin-bottom: 0.6rem; padding-bottom: 0.6rem; overflow-wrap: break-word; overflow: hidden ; }<!--
     -->.Liberty .content-wrapper .liberty-content .liberty-content-main h1, .Liberty .content-wrapper .liberty-content .liberty-content-main h2, .Liberty .content-wrapper .liberty-content .liberty-content-main h3, .Liberty .content-wrapper .liberty-content .liberty-content-main h4, .Liberty .content-wrapper .liberty-content .liberty-content-main h5, .Liberty .content-wrapper .liberty-content .liberty-content-main h6 { margin-top: 1rem; border-bottom: 1px solid #0ff !important; margin-bottom: 0.6rem; padding-bottom: 0.6rem; overflow-wrap: break-word; overflow: hidden ; }<!--


     -->.liberty-content { border: 2px solid #000 !important; box-shadow:0px 0px 25px #fff; border-radius: 0.35rem 0.35rem 0.35rem 0.35rem ; }<!--
     -->.liberty-content { border: 2px solid #0ff !important; box-shadow:0px 0px 25px #0ff; border-radius: 0.35rem 0.35rem 0.35rem 0.35rem ; }<!--
     -->.Liberty .content-wrapper .liberty-content .liberty-content-main, .mw-datatable th, .mw-datatable tr:hover td, textarea, div.mw-warning-with-logexcerpt, div.mw-lag-warn-high, div.mw-cascadeprotectedwarning, div#mw-protect-cascadeon { background:#fff; color: #000 !important; } <!--
     -->.Liberty .content-wrapper .liberty-content .liberty-content-main, .mw-datatable th, .mw-datatable tr:hover td, textarea, div.mw-warning-with-logexcerpt, div.mw-lag-warn-high, div.mw-cascadeprotectedwarning, div#mw-protect-cascadeon { background:#000; color: #0ff !important; } <!--
     -->.Liberty .content-wrapper .liberty-content .liberty-content-main, .mw-datatable th, .mw-datatable tr:hover td, textarea, div.mw-warning-with-logexcerpt, div.mw-lag-warn-high, div.mw-cascadeprotectedwarning, div#mw-protect-cascadeon
     -->.Liberty .content-wrapper .liberty-content .liberty-content-main, .mw-datatable th, .mw-datatable tr:hover td, textarea, div.mw-warning-with-logexcerpt, div.mw-lag-warn-high, div.mw-cascadeprotectedwarning, div#mw-protect-cascadeon
     .Liberty .content-wrapper .liberty-content .liberty-content-main {border-left: none; border-right: none;}<!--
     .Liberty .content-wrapper .liberty-content .liberty-content-main {border-left: none; border-right: none;}<!--
     -->.mw-references-columns { border-top: 1px solid #fc0 !important;}
     -->.mw-references-columns { border-top: 1px solid #0ff !important;}
}}
}}

2025년 7월 12일 (토) 13:32 기준 최신판


Nur wer Waffen trägt, kann die Freiheit schützen.
무기를 든 자만이 자유를 지킬 수 있다.
– 아돌프 히틀러, 1940
광명의 제국우리 시대의 종말
Made by Aurora