틀:ZC/스킨 문서 원본 보기

<noinclude>[[분류:제로셀/틀]]
{{제로셀/안내문|틀안내}}{{제로셀/틀 도움}}</noinclude>
<onlyinclude>{{#CSS:
<!--- [ 상단바 ] --->
<!--- 상단바/검색칸 다크모드 호환 클래스(건들지 않는 것이 좋음) --->
.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;
}
<!--- 상단바/검색칸 배경/글자색 수정 클래스 --->
input:not([type=button]):not([type=checkbox]):not([type=submit]):not([class=oo-ui-inputWidget-input]) { background:#000!
important;color:#DECC9C!important;
}
<!--- 상단바/프로필/드롭다운 디바이더 제거 --->
.dropdown-divider { display:none;border-color: #DECC9C !important;background-color: #DECC9C !important;
}
<!--- 상단바/배경색 --->
.nav-wrapper { background: rgba(32, 32, 32, 0.65) !important;background-image:linear-gradient(135deg, rgba(32,32,32,1) 0%, rgba(32,32,32,1) 60%, rgba(222,204,156,1) 60%, rgba(222,204,156,1) 63%, rgba(114,47,55,1) 63%, rgba(114,47,55,1) 100%) !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:  #722F37;color: #DECC9C !important; }
.Liberty .nav-wrapper .navbar .navbar-nav .nav-item .nav-link:focus { background-color: #722F37;color: #DECC9C !important; }

<!--- [ 우측바 ] --->
<!--- 우측바/최근변경 헤더 --->
.live-recent-header-link { color:#DECC9C !important;
}
<!--- 우측바/최근변경 헤더/호버 --->
.live-recent-header-link:hover { color:#fff !important;text-shadow: #DECC9C 1px 0 10px;
}
.live-recent-header-link:active { color:#fff !important;text-shadow: #DECC9C 1px 0 10px;
}
<!--- 우측바/최근변경 텍스트 --->
.Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-content .live-recent-list .recent-item { color:#DECC9C !important;
}
<!--- 우측바/최근변경 텍스트 호버 --->
.Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-content .live-recent-list .recent-item:hover { color:#fff !important;text-shadow: #DECC9C 1px 0 10px;
}
.Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-content .live-recent-list .recent-item:active { color:#fff !important;text-shadow: #DECC9C 1px 0 10px;
}
<!--- 우측바/최근변경 박스 효과 --->
.live-recent-wrapper { box-shadow: inset 2px 2px 2px 0 hsla(0, 0%, 100%, .2);border-radius:10px;
}
<!--- 우측바/보더 제거 --->
.Liberty .content-wrapper .liberty-sidebar .sticky .post-head .RSSfeed .post { border:none!important;
}
.Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-footer, .Liberty .content-wrapper .liberty-sidebar .sticky .post-head .live-recent-footer { border:none !important;
}
.Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-header, .Liberty .content-wrapper .liberty-sidebar .sticky .post-head .live-recent-header { border:none !important;
}
<!--- 우측바/배경 설정 클래스 --->
.Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-content, .Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-header, .Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-footer, .Liberty .content-wrapper .liberty-sidebar .sticky .post-head .live-recent-header, .Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-footer, .Liberty .content-wrapper .liberty-sidebar .sticky .post-head .live-recent-footer, .Liberty .content-wrapper .liberty-sidebar .sticky .post-head .RSSfeed .post .post-head .feed .title .rssh, .Liberty .content-wrapper .liberty-sidebar .sticky .post-head .RSSfeed, .mw-normal-catlinks, .Liberty .content-wrapper .liberty-content .liberty-content-main .catlinks { background: transparent !important;background-color:rgba(32, 32, 32, 0.65) !important;border:none;
}
<!--- 우측바/정보게시판 글자 클래스 --->
.rssh {color: #DECC9C!important;
}
<!--- 우측바/아이콘 색 --->
.icon-color { fill: #722F37!important;
}
<!--- 우측바/정보겟 박스 효과 제거 --->
.content-wrapper .sticky .RSSfeed .post .post-head { box-shadow:none !important;border-radius:none;
}

<!--- [ 상단박스 ] --->
<!--- 상단박스/박스스타일 --->
.liberty-content-header { box-shadow: inset 1px 1px 2px 0 hsla(0, 0%, 100%, .1);border:1px solid transparent !important;border-radius: 10px !important;background-color:transparent !important;background:rgba(32, 32, 32, 0.65) !important; margin-bottom:10px;}
<!--- 상단박스/툴박스최적화 --->
.content-tools { border-bottom:none !important; }
<!--- 상단박스/서브 페이지 글자색(사실 뭔지 모름) --->
.subpages { color:#fff !important; }
.subpages a { color:#DECC9C !important; }
.subpages a:active { color:#DECC9C !important; }

<!--- [ 상단박스/툴박스 ] --->
<!--- 상단박스/툴박스 스타일 --->
.btn-secondary { box-shadow: inset 1px 1px 2px 0 hsla(0, 0%, 100%, .1);color: #DECC9C !important;background-color: #722F37 !important;border-color: transparent !important;}
<!--- 상단박스/툴박스 호버 --->
.btn-secondary:hover {background-color: #202020 !important;color: #fff !important;border-color: 1px solid rgba(32, 32, 32, 0.65) !important;}
<!--- 상단박스/툴박스/드롭다운 --->
.dropdown-item { box-shadow: inset 1px 1px 2px 0 hsla(0, 0%, 100%, .1);color: #DECC9C !important;background-color: #722F37 !important;border-color: transparent !important;}
<!--- 상단박스/툴박스/드롭다운 호버 --->
.dropdown-item:hover {box-shadow: inset 1px 1px 2px 0 hsla(0, 0%, 100%, .1);background-color: #202020 !important;color: #722F37 !important;border-color: 1px solid rgba(32, 32, 32, 0.65) !important;}
<!--- 상단박스/툴박스/드롭다운 메뉴 박스 --->
.dropdown-menu { color: #DECC9C !important;background-color: #722F37 !important;border-color: transparent !important;}

<!--- [ 상단박스/알림박스 ] --->
.alert-info { box-shadow: inset 1px 1px 2px 0 hsla(0, 0%, 100%, .2);color: #fff;background-color: transparent;background-image:linear-gradient(45deg, rgba(114,47,55,1) 0%, rgba(114,47,55,1) 12%, rgba(222,204,156,1) 12%, rgba(222,204,156,1) 15%, rgba(114,47,55,1) 15%, rgba(32,32,32,1) 15%, rgba(32,32,32,1) 85%, rgba(114,47,55,1) 85%, rgba(222,204,156,1) 85%, rgba(222,204,156,1) 88%, rgba(114,47,55,1) 88%, rgba(114,47,55,1) 100%);border: none !important;text-shadow: #000 3px 0 10px !important; }

<!--- [ 상단박스/문서명 ] --->
<!--- 상단박스/문서명/수정날짜 --->
.title:after {display: block;content:'최근 수정 날짜: {{판년}}-{{판월}}-{{판일2}}';font-size: .9rem;color:#c6b68b;}
<!--- 상단박스/문서명/구분색 --->
.mw-page-title-namespace { color:#DECC9C !important; }
<!--- 상단박스/문서명/분리텍스트 --->
.mw-page-title-separator { color:#DECC9C !important; }
<!--- 상단박스/문서명/제목색2 --->
.mw-page-title-main { color:#DECC9C !important; }

<!--- [ 상단박스/넘겨주기 ] --->
<!--- 상단박스/넘겨주기 텍스트 --->
.mw-redirectedfrom { color:#fff !important; }
<!--- 상단박스/넘겨주기 링크 --->
.mw-redirectedfrom a { color:#DECC9C !important; }

<!--- [ 분류 텍스트 설정 ] --->
<!--- 분류/텍스트 기본 색 --->
.mw-category-generated { color:#fff !important;}
<!--- 분류/링크 색 --->
.mw-category-generated a { color:#DECC9C !important;}
<!--- 분류/외부링크 색 --->
.external { color:#DECC9C !important;}
<!--- 분류/외부링크 색2 --->
.external:before { color:#DECC9C !important;}
<!--- 분류/분류토글 --->
.CategoryTreeToggle { color:#DECC9C !important;}

<!--- [ 문단 ] --->
<!--- 문단/텍스트 위치 최적화 --->
.Liberty .content-wrapper .liberty-content .liberty-content-main { border-left: none !important; border-right: none !important;background-color:transparent !important;background:transparent !important;padding:0px !important;}
<!--- 문단/텍스트 위치 최적화 --->
.mw-headline { vertical-align:middle !important;margin:0px auto !important; }
<!--- 문단/넘버 링크 위치 최적화 --->
.number-link { vertical-align:middle !important;margin:5px auto !important; }
<!--- 문단/1번째 문단 커스텀 --->
.liberty-content-main h1, .Liberty .content-wrapper .liberty-content .liberty-content-main h2 { box-shadow: inset 1px 1px 2px 0 hsla(0, 0%, 100%, .1);border-radius:10px 10px 0px 0px;vertical-align:middle;background:rgba(114,47,55,0.8) !important;margin-top: 0.2rem !important;margin-bottom: 0rem !important;padding:5px !important;padding-top:10px !important;padding-left:10px !important;padding-right:20px !important;border:none !important; }
<!--- 문단/3번째~ 문단 커스텀 --->
.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 { border-radius:0px 0px 15px 15px;vertical-align:middle;margin-top: 0.2rem !important;margin-bottom: 0.5rem !important;padding:0px !important;padding-left:10px !important;padding-right:10px !important;border:none !important;border-right:none !important;!important;border-left:0px solid #DECC9C !important;border-bottom:1px solid rgba(222, 204, 156, 0.65) !important; }

<!--- [ 표 ] --->
.ZEROCELL-template .wikitable {
	text-shadow:none;
	font-family: 'Sans-serif';
}

<!--- [ 본문 내부 텍스트 및 자잘한 설정들 ] --->
<!--- 글자/색변경 --->
.ZEROCELL-template a {
	color: #DECC9C;
}
.ZEROCELL-template a:hover {
	color: #fff;
	text-shadow: #DECC9C 1px 0 10px;
}
.ZEROCELL-template a:active {
	color: #fff;
	text-shadow: #DECC9C 1px 0 10px;
}
.ZEROCELL-template a.new {
	color: #ba0000;
}
.ZEROCELL-template a.new:hover {
	color: #fff;
	text-shadow: #DECC9C 1px 0 10px;
}
.ZEROCELL-template a.new:active {
	color: #ba0000;
}
.ZEROCELL-template a.external {
	color: #33b733;
}
.ZEROCELL-template a.external:hover {
	color: #fff;
	text-shadow: #DECC9C 1px 0 10px;
}
.ZEROCELL-template a.external:active {
	color: #fff;
	text-shadow: #DECC9C 1px 0 10px;
}
<!--- 헤드라인/색변경 --->
.mw-headline-number {
    color: #DECC9C!important;
}

<!--- 목차/글자 색 변경 --->
#mw-toc-heading{
	color:#DECC9C;
	display:none;
}
.toctogglelabel:after {
	color: #DECC9C!important;
}
.tocnumber {
	color:#DECC9C!important;
}
.toctogglespan {
	color:#DECC9C!important;
}
.toctext {
	color:#ffffff!important;
}
.number-link {
	color: #DECC9C;
}

<!--- 목차/순번 칸 --->
.toc ul {
	background:transparent!important;
	border: none!important;
	box-shadow: none!important;
	font-family: 'Sans-serif';
}
.toc li {
	background:transparent!important;
}
.toc ul ul {
	border: none!important;
	box-shadow: none!important;
}

<!--- 목차/머리 칸 --->
.toctitle {
	background:transparent!important;
	border: none!important;
	box-shadow: none!important;
}
<!--- 목차/설정 --->
.toc {
    background: transparent !important;
    border: none !important;
    width:100%;
}

<!--- 폰트/볼드 설정 --->
b {
	font-family: 'Sans-serif';
}

<!--- 분류/칸 제거 --->
.catlinks {
	display:none;
}

<!--- 각주 선 제거 --->
.mw-references-wrap {
	border-top: none;
	padding-top: 0em;
}
<!--- 드래그 박스 디자인 --->
.Liberty .content-wrapper .liberty-content .liberty-content-main .toc .toctitle { 
	background-color: #222; 
}
::selection{
	color : #DECC9C;
    background-color : #722F37;
}

.liberty-content-main .ve-init-mw-desktopArticleTarget-targetContainer {
	background-color:transparent!important;
}

<!--- [ 각주 박스 ] --->
<!--- 각주/아이콘 크기 조정(건들지 않는 것을 권장) --->
.RTsettings { height:20px!important;width:20px!important;vertical-align:middle !important;margin-left:7px !important;margin-right:0px !important;margin-top:-1px !important; }
<!--- 각주/보더 및 배경 색 --->
.referencetooltip li { border: #441C21 3px solid !important;background-color:transparent !important;background: #722F37 !important;padding:10px !important;border-radius:3px !important;margin-bottom:-4px; }
<!--- 각주/보더 하단 화살표 --->
.referencetooltip li::after { border-top: #441C21 8px solid !important;display:inline-block !important;margin:0px; }.referencetooltip li+li { padding:0px !important;margin-top:-30px !important; display:inline-block !important;background:transparent !important;border:none !important;padding:5px !important; }
<!--- 각주/텍스트 색 --->
.reference-text{ color: #fff !important;font-size:15px !important; }.mw-editsection { padding:5px !important;vertical-align:middle !important;margin:5px auto !important; }

<!--- [ 댓글창 ] --->
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
    color: #DECC9C !important;
}
<!--- 댓글창/댓글박스 헤더 --->
.cs-expanded .cs-comment-header { box-shadow: inset 1px 1px 2px 0 hsla(0, 0%, 100%, .3);border-radius:5px;background-color: transparent !important;background:#722F37 !important;border: none !important;
}
<!--- 댓글창/댓글박스 --->
.cs-comments { box-shadow: inset 1px 1px 2px 0 hsla(0, 0%, 100%, .1);margin-top:10px !important;margin-bottom:10px !important;border: 0.1px solid transparent !important;background-color:transparent !important;background:rgba(32, 32, 32, 0.65) !important;padding: 1rem;border-radius:10px !important;}
<!--- 댓글창/댓글박스 내용 --->
.cs-comment-body {color: #fff !important;}
<!--- 댓글창/댓글박스 추천 비추천 텍스트 색 --->
.cs-vote-up-count {color: #fff !important;}
.cs-vote-down-count {color: #fff !important;}
<!--- 댓글창/댓글박스 프로필 --->
.cs-avatar { border-radius:10px !important; }
<!--- 댓글창/이름 --->
.cs-comment-author a {color: #DECC9C !important;}
<!--- 댓글창/이름 링크 --->
.cs-comment-author a:active {color: #DECC9C !important;}
<!--- 댓글창/제목 --->
.cs-comment-title {color: #fff !important;}
<!--- 댓글창/상세 --->
.cs-comment-details {color: #fff !important;}

<!--- [ 하단박스 ] --->
<!--- 하단박스/메인 --->
.liberty-footer {box-shadow: inset 1px 1px 2px 0 hsla(0, 0%, 100%, .1);border: 1px solid transparent !important;border-radius: 10px !important;background-color:transparent !important;background:rgba(32, 32, 32, 0.65) !important;margin-top:10px !important;}
<!--- 하단박스/최근수정텍스트 --->
.footer-info-lastmod { color:#fff !important; }
<!--- 하단박스/저작권 --->
.footer-info-copyright { color:#fff !important; }
<!--- 하단박스/조항 --->
.footer-places-privacy a { color:#DECC9C !important; }
.footer-places-privacy a:active { color:#DECC9C !important; }
<!--- 하단박스/제이위키 --->
.footer-places-about a {color:#DECC9C !important; }
.footer-places-about a:active { color:#DECC9C !important; }
<!--- 하단박스/disclaim --->
.footer-places-disclaimers a { color:#DECC9C !important; }
.footer-places-disclaimers a:active { color:#DECC9C !important; }

<!--- [ 배경 ] --->
.ZC-MBG  {
  position: relative;
  width: 100%;
  height: 100vh;
  background: #1a1a1f;
  display: inherit;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  z-index:-3;
}
}}{{css|ZC/기능}}{{css|ZC-animation2}}<div class="ZC-MBG" style="position:fixed;top:0px;left:0px;max-width:100%;height:100vh;user-select:none;pointer-events: none;z-index:-4;">[[파일:ZC-BG-0.png|10000px|가운데|link=]]</div><div class="ZC-MBG" style="position:fixed;top:0px;left:0px;max-width:100%;height:100vh;user-select:none;pointer-events: none;">{{#SWITCH:
{{랜덤|6|0}}
|0 = [[파일:ZC-BG-1.png|10000px|가운데|link=]]
|1 = [[파일:ZC-BG-2.png|10000px|가운데|link=]]
|2 = [[파일:ZC-BG-3.png|10000px|가운데|link=]]
|3 = [[파일:ZC-BG-4.png|10000px|가운데|link=]]
|4 = [[파일:ZC-BG-5.png|10000px|가운데|link=]]
|5 = [[파일:ZC-BG-6.png|10000px|가운데|link=]]
}}</div>
<div class="ZEROCELL-template"> 
<div style="user-select:none;position: Absolute; margin-left:-75px;"><div style="position: fixed; top:57%; width:130px;height:355px; box-shadow: inset 1px 1px 2px 0 hsla(0, 0%, 100%, .1);background:rgba(32, 32, 32, 0.65); border:none;transform: translate(-50%, -50%);border-radius: 10px; font-family:Sans-serif;">
<div align="center" style="margin-left:-0px;margin-top:0px;margin-bottom:15px;padding:10px 7px 3px;">[[파일:ZC-둘러보기-메인.png|100px|가운데|link=제로셀]]</div>
<div class="ZC-SideB" align="center" style="border-radius:5px;box-shadow: inset 1px 1px 2px 0 hsla(0, 0%, 100%, .2);font-size:11pt;margin-right:10px;margin-left:10px;">
[[ZEROCELL/세계관 배경| <span style="letter-spacing:0pt;">배경</span> ]]'''
</div>
<div class="ZC-SideB" align="center" style="border-radius:5px;box-shadow: inset 1px 1px 2px 0 hsla(0, 0%, 100%, .2);font-size:11pt;margin-right:10px;margin-left:10px;">
[[ZEROCELL/임무/기원 임무| <span style="letter-spacing:0pt;">기원임무</span> ]]'''
</div>
<div class="ZC-SideB" align="center" style="border-radius:5px;box-shadow: inset 1px 1px 2px 0 hsla(0, 0%, 100%, .2);font-size:11pt;margin-right:10px;margin-left:10px;">
[[ZEROCELL/인물| <span style="letter-spacing:0pt;">인물</span> ]]'''
</div>
<div class="ZC-SideB" align="center" style="border-radius:5px;box-shadow: inset 1px 1px 2px 0 hsla(0, 0%, 100%, .2);font-size:11pt;margin-right:10px;margin-left:10px;">
[[ZEROCELL/타임라인| <span style="letter-spacing:0pt;">타임라인</span> ]]'''
</div>
<div class="ZC-SideB" align="center" style="border-radius:5px;box-shadow: inset 1px 1px 2px 0 hsla(0, 0%, 100%, .2);font-size:11pt;margin-right:10px;margin-left:10px;">
[[아크슈타인| <span style="letter-spacing:0pt;">제작진</span> ]]'''
</div>
<div class="ZC-SideB" align="center" style="border-radius:5px;box-shadow: inset 1px 1px 2px 0 hsla(0, 0%, 100%, .2);font-size:11pt;margin-right:10px;margin-left:10px;">
<span class="plainlinks">[https://discord.gg/Tay5PFW2Wa <span style="letter-spacing:0pt;">디스코드</span>]</span>'''
</div>
<div align="center" style="font-size:11pt;margin-right:10px;margin-left:10px;">
{{별점|{{제로셀 별점}}}}<span style="color:#DECC9C;">{{제로셀 별점}}</span><br><span style="font-size:9pt;">[[틀:제로셀 별점|평가 하러가기]]</span>
</div>
</div></div>
<div class="ZEROCELL-template" style="width:100%;margin:auto;margin-bottom:15px auto;padding:0px 0px;color:#fff;text-shadow:none;"><div style="width:100%;align-items: center;">{{목차제거}}[[분류:제로셀/전체문서]]</onlyinclude>