틀:이음 배경/아르세노아 문서 원본 보기

{{틀:이음 편집창 다크}}
{{#CSS:
.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: rgba(255, 255, 255, 0.5);
  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: #FFCC55;
}

.fullscreen-fadeout-box .bottom-text {
  font-family: 'Noto Serif KR';
  font-size: 1.5em;
  color: #FFCC55;
}

.fullscreen-fadeout-box .center-text {
  font-family: 'Noto Serif KR';
  font-weight: bold;
  color: #FFCC55;
}

@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 #FFCC55;">[[파일:Arcenoa 기본 로고타입.png|400px|link=]]</div>
<div class="bottom-text" style="text-shadow: 0 0 6px #FFCC55;">Directed by [[Aurora|<span style="font-family: 'Noto Serif KR'; font-weight: bold;">Aurora</span>]]</div></div>
<div style="position:fixed; top:0px; left:0px; width:100%; height:100vh; z-index:-1;">
[[파일:온결배경.png|2000px|가운데|link=]]
</div>
<div style="position:fixed; top:0px; left:0px; width:2000px; height:100vh; background:#fff; z-index:-1;"></div>
{{#CSS:
:root {
  --main-text-color: #FFCC55;
  --sub-text-color1: #FFCC55;
  --sub-text-color2: #FFCC55;
  --sub-text-color3: #FFCC55;
  --box-bg: #fff;
  --edit-bg: #EEE;
  --edit-fg: #FFF;
}

/* 인라인 호버 토글 */
.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);
}

/* 컨텐츠 박스 스타일 */
.liberty-content {
  background-color: var(--box-bg) !important;
  color: var(--main-text-color) !important;
  border: 2px solid #FFCC55 !important;
  box-shadow: 0px 0px 25px #FFCC55;
  border-radius: 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: #ffcc55 !important;
  border: none;
}
.liberty-content a {
  color: #FFCC55 !important;
  text-shadow: 0px 0px 6px #FFCC55;
}
.liberty-content a:hover {
  color: #ffcc55 !important;
  text-shadow: 0px 0px 6px #ffcc55;
  background-color: #EEE !important;
}

/* 편집창 및 입력창 */
textarea, input[type="text"], .oo-ui-inputWidget-input {
  background-color: #111 !important;
  color: var(--edit-fg) !important;
  border: 1px solid #ffcc55 !important;
}

/* 제목 스타일 */
.liberty-content h1, .liberty-content h2, .liberty-content h3,
.liberty-content h4, .liberty-content h5, .liberty-content h6 {
  color: var(--main-text-color) !important;
  border-bottom: 1px solid #fff;
  margin-top: 1rem;
  margin-bottom: 0.6rem;
  padding-bottom: 0.6rem;
  overflow-wrap: break-word;
}

/* 문서 제목 헤더 */
.liberty-content-header {
  background-color: #fff !important;
  color: #FFCC55 !important;
  border-bottom: 1px solid #FFCC55 !important;
  border-top: 2px solid transparent !important;
  border-right: none !important;
  border-left: none !important;
}

/* 선택 영역 */
::selection {
  background: transparent;
  color: #ffcc55;
  text-shadow: 0 0 6px #ffcc55;
  text-decoration: underline;
}

/* 네비게이션 */
.nav-wrapper {
  background: #FFCC55 !important;
  box-shadow: 0px 0px 10px #FFCC55 !important;
  border-left: none !important;
  border-right: none !important;
}
.navbar-nav .nav-item .nav-link {
  color: #FFF !important;
  background-color: #FFCC55 !important;
  border: none !important;
  border-bottom: 1px solid #FFCC55 !important;
  padding: 0.5rem 1rem;
  margin: 0;
  transition: all 0.3s ease;
}
.navbar-nav .nav-item .nav-link:hover,
.navbar-nav .nav-item .nav-link:focus {
  background-color: #FFF !important;
  color: #FFCC55 !important;
  border-bottom: 1px solid #FFF !important;
}

/* 버튼 및 드롭다운 */
.btn-secondary,
.dropdown-menu,
.dropdown-menu .dropdown-item {
  background-color: #fff !important;
  color: #ffcc55 !important;
  border: 1px solid #fff !important;
}
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus {
  background-color: #eee !important;
  color: #ffcc55 !important;
  border: 1px solid #eee !important;
}

/* 범주 및 링크 */
.catlinks {
  background-color: #fff !important;
  color: #ffcc55 !important;
  box-shadow: 0px 0px 6px #fff !important;
}
.catlinks a {
  color: #fff !important;
}

/* 외부 링크 */
.external,
.external:before {
  color: #fff !important;
}

/* 리디렉션 표시 */
.mw-redirectedfrom,
.mw-redirectedfrom a {
  color: #fff !important;
}
}}