사이트 테마 (SCP-시그마-9)
잠깐 정지!!
SCP 위키 내부에서 사용되는 템플릿 페이지입니다.
운영진의 허가없이
이 페이지를 만지지 마세요
hiSCP 위키를 위한 커스텀 테마 파일입니다.
SCP 번역 사이트를 위한 소개
위키닷 사이트에 이 테마를 적용하기 위해서는, 이 구조를 따라주세요:
- 이 페이지에 첨부된 모든 파일을 복사해주세요.
- "component:theme"라는 이름의 페이지를 사이트에 생성해주세요. 이 페이지는 잠궈두는게 좋을겁니다.
- 첨부되었던 모든 파일을 이 페이지에 첨부해주세요.
- 사이트에 있는 사이트 매니저에서, 외관 & 작동의 테마로 가셔서 외부 탭을 선택하시고, "http://여러분-사이트-주소.wikidot.com/component:theme/code/1"를 입력하세요.
- 새 형식을 적용하려면 사이드바 및/혹은 상단바를 복사하세요. 사이드바 페이지에 첨부된 목록 아이콘도 봐주시고요.
- 첨부된 파일까지 포함해서 대문 템플릿을 복사해주세요.
- 모바일 화면을 이용하기 위해서는 사이트의 아무 페이지에 들어가서 하단의 "+ 설정"을 클릭합니다.
- "메타 편집"을 클릭합니다.
- "새 메타 태그 추가"를 클릭합니다. name에는 "viewport" (따옴표 없이) content에는 "width=device-width, initial-scale=1.0" (마찬가지로 따옴표 없이)를 넣어줍니다.
- Profit!
@charset "utf-8"; @importurl('https://scpko.wdfiles.com/local--files/component%3Atheme/font-bauhaus.css'); /*@importurl('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');*/ @importurl('https://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css'); @importurl('https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css'); @font-face{font-family: 'Nanum Gothic'; font-style:normal; font-weight:700; src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'); }@font-face{font-family: 'Nanum Gothic'; font-style:normal; font-weight:400; src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'); }@font-face{font-family: 'Nanum Gothic'; font-style:normal; font-weight:800; src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff'); }@font-face{font-family: 'Sans Normalcy'; font-style:normal; font-weight:700; font-display: swap; src: url('https://scpwiki.github.io/sigma/fonts/Sans-Normalcy.woff2') format('woff2'); } /*CreatedfortheSCPFoundationbyAelannaEditedforSCPFoundationbyDrDevanNestedtopbarbyMafiew*/ /*KoreanFont*/ body{font-family: verdana, "Nanum Gothic", arial, helvetica, sans-serif; }h1, h2, h3, h4, h5, h6{font-family: "Trebuchet MS", Trebuchet, Verdana, "Nanum Gothic", Arial, Helvetica, sans-serif; }tt, pre, code, .code{font-family: 'Andale Mono', 'Courier New', "Nanum Gothic Coding", Courier, monospace; } /*COMMON*/ #content-wrap{position:relative; margin:2emauto0; max-width:1040px; min-height:1600px; height:auto !important; height:1800px; }h1, #page-title{color:#901; padding:000.25em; margin:000.6em; font-weight:normal; }h1{margin-top:0.7em; padding:0; font-weight:bold; }h2, h3, h4, h5, h6, h7{margin:0.5em00.4em; padding:0; letter-spacing:1px; }#page-title{border-color:#bbb; }.meta-title{border-bottom:solid1px#bbb; color:#901; font-weight:normal; margin:00.6em; padding:00.25em; font-size:200%; }.meta-titlep{margin:0; }ul{ /*list-style-image: url(http://d3g0gp89917ko0.cloudfront.net/v--3b8418686296/common--theme/shiny/images/bullet.gif); */ list-style:square; }#top-barul{ /*list-style-image:none; /*IEONLY! IFlist-style-imageISSET*/ }.collapsible-blocka, li, p, .f-content, .footnote-footer{line-height:1.6; }a{color:#b01; text-decoration:none; background:transparent; }a:visited{color:#824; }a.newpage{color:#d61; text-decoration:none; background:transparent; }a:hover{text-decoration:underline; background-color:transparent; }.form-control{width:95%; } /*GLOBALWIDTH*/ #header, #top-bar{width:90%; max-width:980px; margin:0auto; }#top-bar{width:100%; margin:0auto; }.mobile-top-bar{display:none; position:absolute; left:1em; bottom:0px; z-index:0; }body{background-color:#fff; font-size:0.80em; color:#333; }div#container-wrap{background: url(https://scpko.wdfiles.com/local--files/component%3Atheme/body_bg.png) topleftrepeat-x; }sup{vertical-align:top; position:relative; top: -0.5em; } /*HEADER*/ #header{height:140px; position:relative; z-index:10; padding-bottom:22px; /*FORMENU*/ background: url(https://scpko.wdfiles.com/local--files/component%3Atheme/logo.png) 10px40pxno-repeat; }#search-top-box{position:absolute; top:79px; right:9px; text-align:right; } /*#search-top-box-input{border:solid1px#999; border-radius:5px; color:#ccc; background-color:#300; box-shadow:inset1px1px3px rgba(0,0,0,.5); }#search-top-box-input:hover, #search-top-box-input:focus{border:solid1px#fff; color:#fff; background-color:#633; box-shadow:inset1px1px3px rgba(0,0,0,.8); }*/ #search-top-box-input{display:none; }#search-top-box-forminput[type=submit]{border:solid1px#999; border-radius:5px; padding:2px5px; font-size:90%; font-weight:bold; color:#ccc; background-color:#633; background: linear-gradient(to bottom, #966,#633,#300); box-shadow:01px3px rgba(0,0,0,.5); cursor:pointer; }#search-top-box-forminput[type=submit]:hover, #search-top-box-forminput[type=submit]:focus{border:solid1px#fff; color:#fff; text-shadow:001px rgba(255,255,255,.25); background-color:#966; background: linear-gradient(to bottom, #c99,#966,#633); box-shadow:01px3px rgba(0,0,0,.8); }#login-status{color:#aaa; font-size:90%; z-index:30; }#login-statusa{background:transparent; color:#ddd; }#login-statusula{color:#700; background:transparent; }#account-topbutton{background:#ccc; color:#700; }.printuserimg.small{margin-right:1px; }#headerh1{margin-left:120px; padding:0; float:left; max-height:95px; }#headerh2{margin-left:120px; padding:0; clear:left; float:left; font-size:105%; max-height:38px; }#headerh1a{display:block; margin:0; padding:80px025px; line-height:0px; max-height:0px; color:#eee; background:transparent; font-family: BauhausLTDemi, 'Nanum Gothic', Arial, sans-serif; font-size:180%; text-decoration:none; text-shadow:3px3px5px#000; letter-spacing:0.9px; }#headerh2span{display:block; margin:0; padding:19px0; line-height:0px; max-height:0px; font-weight:bold; color:#f0f0c0; text-shadow:1px1px1px#000; text-shadow:1px1px1px rgba(0,0,0,.8); } /*TOPMENU*/ #top-bar{position:absolute; z-index:50; top:140px; height:21px; line-height:18px; padding:0; z-index:20; font-size:90%; }#top-barul{float:right; }#top-barli{margin:0; }#top-bara{color:#fff; background:transparent; }#top-barulli{border:0; position:relative; }#top-barulliul{border:solid1px#666; box-shadow:02px6px rgba(0,0,0,.5); border-top:0; }#top-barullia{border-left:solid1px rgba(64,64,64,.1); border-right:solid1px rgba(64,64,64,.1); text-decoration:none; padding-top:10px; padding-bottom:10px; line-height:1px; max-height:1px; overflow:hidden; }#top-barulli.sfhovera, #top-barulli:hovera{background:#eee; color:#a01; border-left:solid1px rgba(64,64,64,1); border-right:solid1px rgba(64,64,64,1); }#top-barulli.sfhoverullia, #top-barulli:hoverullia{border-width:0; width:150px; border-top:1pxsolid#ddd; line-height:160%; height:auto; max-height:none; padding-top:0; padding-bottom:0; }#top-barulli.sfhovera:hover, #top-barulli:hovera:hover{background:#fff; text-decoration:none; }#top-barulliul{border-width:01px1px1px; width:auto; }#top-barulliulli, #top-barulliulli.sfhover, #top-barulliulli, #top-barulliulli:hover{border-width:0; }#top-barulliullia{border-width:0; }#top-barulliula, #top-bara:hover{color:#a01; }.top-barulli:last-of-typeul{right:0; } /*IE7HACK*/ #top-barul > li > ul{*margin-top: -4px; } /* ++++++ Nestedtopbar ++++++ */ #top-barulliulliul{border:solid1px#666; left:173px; width: min-content; top:0px; }#top-bardiv.mobile-top-barulliulliul{left:50px; top:19px; }#top-bardiv.top-bar > ul > li > ul > li > ul, #top-bardiv.mobile-top-bar > ul > li > ul > li > ul{visibility:hidden; }#top-bardiv.top-bar > ul > li > ul > li:hover > ul, #top-bardiv.mobile-top-bar > ul > li > ul > li:hover > ul{visibility:visible; }#top-bardiv.top-bar > ul > li > ul > li:sfhover > ul, #top-bardiv.mobile-top-bar > ul > li > ul > li:sfhover > ul{visibility:visible; }.c_topbar_arrow{color:#a01; position:absolute; right:3px; top:1px; } /*SIDEMENU*/ #side-bar{clear:none; float:none; position:absolute; top:0.5em; left:2em; width:17em; padding:0; border:none; display:block; }#side-bar.side-block{padding:10px; border:1pxsolid#000; border-radius:10px; box-shadow:02px6px rgba(102,0,0,.5); background:#fff; margin-bottom:15px; }#side-bara{color:#b01; }#side-bar.red{background-color:#fff0f0; }#side-bar.green{background-color:#f0fff6; }#side-bar.blue{background-color:#E5E5FF; }#side-bar.side-area{padding:10px; }#side-bar.heading{color:#000; border-bottom:solid1px#000; padding-left:15px; margin-top:10px; margin-bottom:5px; font-size:8pt; font-weight:bold; }#side-barp{margin:0; }#side-bardiv.menu-item{margin:2px0; word-break:keep-all; }#side-bardiv.menu-itemimg{width:13px; height:13px; border:0; margin-right:2px; position:relative; bottom: -2px; }#side-bardiv.menu-itema{font-weight:bold; word-break:keep-all; line-height:1.6; }#side-bardiv.menu-item.inactiveimg{opacity:0.25; }#side-bardiv.menu-item.inactivea{color:#999; }#side-bardiv.menu-item.sub-text{font-size:80%; color:#666; }#side-bardiv.menu-item.sub-item{}#side-bardiv.collapsible-blockdiv.collapsible-block-folded > a.collapsible-block-link::after{content: "▼"; position:absolute; top:2px; right:5px; font-size:80%; }#side-bar.collapsible-block-folded{padding:2px; margin-bottom:5px; position:relative; border-bottom:solid1px#000; }#side-bardiv.collapsible-blockdiv.collapsible-block-unfolded-linka.collapsible-block-link::after{content: "▲さんかく"; position:absolute; top:0; right:5px; font-size:80%; }#side-bar.collapsible-block-folded , #side-bar.collapsible-block-unfolded-link{position:relative; border-bottom:solid1px#000; }#side-bar.collapsible-block-link{font-weight:bold; }#side-bardiv.collapsible-blockdiv.collapsible-block-folded > .collapsible-block-link{width:100%; display: inline-grid; }#side-bar.collapsible-block-unfolded{margin:10px0; border-bottom:1pxsolid#000; }#side-bar.collapsible-block-content{margin:5px; }#side-bar.collapsible-block-unfolded-link.collapsible-block-link{margin-top:10px; margin-bottom:5px; padding:2px0; }#side-bar.collapsible-block-unfolded-link.collapsible-block-link:hover{text-decoration:none; }#side-barul{list-style-type:none; padding:05px0; } /*CONTENT*/ #main-content{margin:02em022em; padding:1em; position:relative; } /*ACTUALLYHIDEHIDDENTAGS*/ #main-content.page-tagsa[href^="/system:page-tags/tag/_"]{display:none; }#breadcrumbs{margin: -1em01em; font-weight:85%; } /*YUI-TABS*/ .yui-navset.yui-content{background-color:#f5f5f5; }.yui-navset.yui-nava, .yui-navset.yui-navset-top.yui-nava{background-color:#d8d8d8; background-image: url(http://d3g0gp89917ko0.cloudfront.net/v--3b8418686296/common--theme/shiny/images/yuitabs.png); }.yui-navset.yui-nav.selecteda, .yui-navset.yui-nav.selecteda:focus, /*nofocuseffectforselected*/ .yui-navset.yui-nav.selecteda:hover{ /*nohovereffectforselected*/ background:#700 url(http://d3g0gp89917ko0.cloudfront.net/v--3b8418686296/common--theme/shiny/images/yuitabs.png) repeat-xleft -1400px; /*selectedtabbackground*/ color:#fff; }.yui-navset.yui-nava:hover, .yui-navset.yui-nava:focus{background:#d88 url(http://d3g0gp89917ko0.cloudfront.net/v--3b8418686296/common--theme/shiny/images/yuitabs.png) repeat-xleft -1300px; text-decoration:none; }.yui-navset.yui-nav, .yui-navset.yui-navset-top.yui-nav{border-color:#444; }.yui-navset.yui-nav, .yui-navset.yui-navset-top.yui-nav{border-color:#444; } /*FOOTER*/ #footer{clear:both; font-size:77%; background:#444; color:#bbb; margin-top:15px; padding:3px10px; }#footer.options{visibility:visible; display:block; float:right; width:50%; font-size:100%; text-align:right; }#footera{color:#fff; background:transparent; } /*SOMENICEBOXES*/ div.sexy-box{background:#eee; border:1pxsolid#ccc; padding:010px12px; margin:7px4px12px; overflow:hidden; }div.sexy-boxdiv.image-containerimg{margin:5px; padding:2px; border:1pxsolid#999; } /*Custompagecontentclasses*/ #page-content{min-height:720px; }.unmargined > p{margin:0; line-height:100%; }.content-panel{border:solid1px#888880; border-radius:10px; background-color:#999990; margin:10px015px; box-shadow:3px3px6px#bbb; box-shadow:02px6px rgba(0,0,0,0.5), inset01px rgba(255,255,255,0.3), inset010px rgba(255,255,255,0.2), inset010px20px rgba(255,255,255,0.25), inset0 -15px30px rgba(0,0,0,0.1); }.content-panel.standalone{background:#fcfdfb; }.content-panel.series{padding:020px; margin-bottom:20px; }.content-panel.centered{text-align:center; }.content-panel.left-column{float:left; width:48%; }.content-panel.right-column{float:right; width:48%; }.content-panel.panel-heading{padding:2px10px; color:#ffffff; font-size:90%; font-weight:bold; text-shadow:1px1px2px rgba(0,0,0,.35); }.content-panel.panel-heading > p, .content-panel.panel-footer > p{margin:0; }.content-panel.panel-body{padding:5px10px; background:#fff9f0 url(https://scpko.wdfiles.com/local--files/component%3Atheme/panel-bg-gradient-reverse.png) bottomrepeat-x; /*box-shadow:1px2px3px rgba(0,0,0,.2) inset */ }.content-panel.panel-footer{padding:1px10px; color:#fffff0; font-size:80%; font-weight:bold; text-align:right; text-shadow:1px1px2px rgba(0,0,0,.5); }.content-panel.panel-footera{color:#ffffff; }.content-panel.content-toc{float:right; padding:020px; background-color:#fff; border:solid1px#ccc; border-radius:10px; margin:20px05px5px; white-space:nowrap; box-shadow:inset1px2px6px rgba(0,0,0,.15) }.alternate:nth-child(even) {background-color: rgba(255,255,255,.9); } /*PageRatingModuleCustomizations*/ .page-rate-widget-box{display:inline-block; border-radius:5px; box-shadow:1px1px3px rgba(0,0,0,.5); margin-bottom:10px; margin-right:2em; }.page-rate-widget-box.rate-points{background-color:#633; border:solid1px#633; border-right:0; border-radius:5px005px; }.page-rate-widget-box.rateup, .page-rate-widget-box.ratedown{background-color:#fff6f0; border-top:solid1px#633; border-bottom:solid1px#633; font-weight:bold; }.page-rate-widget-box.rateupa, .page-rate-widget-box.ratedowna{background:transparent; color:#633; padding:04px; margin:01px; }.page-rate-widget-box.rateupa:hover, .page-rate-widget-box.ratedowna:hover{background:#633; color:#fffff0; text-decoration:none; }.page-rate-widget-box.cancel{background-color:#633; border:solid1px#633; border-left:0; border-radius:05px5px0; }.page-rate-widget-box.cancela{background:transparent; text-transform:uppercase; color:#966; }.page-rate-widget-box.cancela:hover{border-radius:03px3px0; background:#633; color:#fffff0; text-decoration:none; } /*Fixesformulti-linepagetags*/ #main-content.page-tags{margin:1em00; padding:0; }#main-content.page-tagsspan{display:inline-block; padding:0; max-width:60%; }#main-content.page-tagsa{display:inline-block; white-space:nowrap; } /*StandardImageBlock*/ .scp-image-block{border:solid1px#666; box-shadow:01px6px rgba(0,0,0,.25); width:300px; }.scp-image-block.block-right{float:right; clear:right; margin:02em1em2em; }.scp-image-block.block-left{float:left; clear:left; margin:02em1em0; }.scp-image-block.block-center{margin-right:auto; margin-left:auto; }.scp-image-blockimg{border:0; width:100%; }.scp-image-block.scp-image-caption{background-color:#eee; border-top:solid1px#666; padding:2px0; font-size:.8em; font-weight:700; text-align:center; }.scp-image-block > p{margin:0; }.scp-image-block.scp-image-caption > p{margin:0; padding:010px; } /*WikiwalkNavigation*/ .footer-wikiwalk-nav{font-weight:bold; font-size:75%; } /*ForumCustomizations*/ .forum-thread-box.description-block{padding:.5em1em; border-radius:10px; box-shadow:01px5px rgba(0,0,0,.15), inset01px0 rgba(255,255,255,.8), inset010px5px rgba(255,255,255,.25), inset0 -15px30px rgba(0,0,0,.1) }.thread-container.post.head{padding:0.5em1em; background-color:#eee; background: linear-gradient(to right, #eee, #eeecec); box-shadow:inset2px3px6px rgba(0,0,0,.15); border-radius:5px5px00; } /*HideForumSignatures*/ .signature{display:none !important; } /*RubybyNanimonoDemonai*/ .ruby, ruby{display:inline-table; text-align:center; white-space:nowrap; line-height:1; height:1em; vertical-align:text-bottom; }.rt, rt{display:table-header-group; font-size:0.6em; line-height:1.1; text-align:center; white-space:nowrap; } /*Keycap*/ .keycap{border:1pxsolid; border-color:#ddd#bbb#bbb#ddd; border-bottom-width:2px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background-color:#f9f9f9; padding:1px3px; font-family:inherit; font-size:0.85em; white-space:nowrap; } /*tagstyle*/ .tags{display:inline-block; margin:0005px; padding:3px5px3px0px; height:13px; line-height:13px; font-size:11px; background:#666; color:#fff; text-decoration:none; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px; border-top-right-radius:4px; }.tags:before{content: ""; padding:0px1px3px1px; float:left; position:relative; top: -3px; left: -10px; width:0; height:0; border-color:transparent#666transparenttransparent; border-style:solid; border-width:8px8px8px0px; }.tags:after{content: ""; position:relative; top:4.5px; left: -8px; float:left; width:4px; height:4px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; background:#fff; -moz-box-shadow: -1px -1px2px#004977; -webkit-box-shadow: -1px -1px2px#333; box-shadow: -1px -1px2px#333; } /*DisplayBlackBlockbyNanimonoDemonai*/ .bblock{color:#000000; background-color:#000000; transition:2s; text-decoration:none; }.bblock:hover{background-color:#000000; color:#006600; text-decoration:none; }.dblock{color:#000000; background-color:#000000; transition:2s; text-decoration:none; }.dblock:hover{background-color:transparent; text-decoration:none; } /*BlockquoteMimicDiv*/ div.blockquote{border:1pxdashed#999; background-color:#f4f4f4; padding:01em; margin:1em3em; }@media (max-width: 479px) {div.blockquote{margin:1em0; }}@media (min-width: 480px) and (max-width: 580px) {div.blockquote{margin:0.5em; }} /* 2011年11月13日 MinobeHiroyuki @ MargueriteSitewww.marguerite.jp/Nihongo/WWW/CSSTips/EmphasizeDots-CSS3.htmlEditedfortheSCPFoundationbyNanimono_Demonai*/ .emph{text-emphasis-style: dot; -webkit-text-emphasis-style: dot; } /*ForFireFox*/ @-moz-documenturl-prefix() {.emph{ /*FortheenvironmentswhichcomplywithCSS3. */ font-family:monospace; font-style:normal; font-weight:normal; background-image: url(https://www.scp-wiki.net/local--files/component%3Atheme/dot.png), none; background-repeat:repeat-x; padding:0.5em00; background-color:transparent; background-clip: padding-box, content-box; background-size:1em1.3em, auto; }} /*ForIE10*/ @mediascreenand (-ms-high-contrast: active), (-ms-high-contrast: none) {.emph{ /*FortheenvironmentswhichcomplywithCSS3. */ font-family:monospace; font-style:normal; font-weight:normal; background-image: url(https://www.scp-wiki.net/local--files/component%3Atheme/dot.png), none; background-repeat:repeat-x; padding:0.5em00; background-color:transparent; background-clip: padding-box, content-box; background-size:1em1.3em, auto; }} /*viewport*/ @viewport{width: device-width; zoom:1.0; } /*IEviewport*/ @-ms-viewport{width: device-width; zoom:1.0; } /*operaviewport*/ @-o-viewport{width: device-width; zoom:1.0; } /*chromeviewport - maybeitisn'twork... */ @-webkit-viewport{width: device-width; zoom:1.0; } /*firefoxviewport - maybeitisn'tworktoo... */ @-moz-viewport{width: device-width; zoom:1.0; } /*webkitscrollbar*/ ::-webkit-scrollbar{width:9px; /*forverticalscrollbars*/ height:9px; /*forhorizontalscrollbars*/ border:solid1px rgba(0, 0, 0, 0.1); border-round:0.5px; } ::-webkit-scrollbar-track{background: rgba(0, 0, 0, 0.1); } ::-webkit-scrollbar-thumb{background: rgba(50, 50, 50, 0.3); }.page-source{word-break:break-all; } /*ResponsiveWebDesign*/ img, embed, video, object, iframe, table{max-width:100%; }#page-contentdiv, #page-contentdivtable{max-width:100%; }#edit-page-comments{width:100%; } /*basicQueryformobiledevices*/ @media (max-width: 767px) {.owindow{min-width:80%; max-width:99%; }.modal-body.table, .modal-body.table ~ div{float:left; }.owindow.button-bar{float:right; }.owindowdiva.btn-primary{width:100%; float:left; }.mobile-top-barulli:last-of-type ul { right: 0; }span, a{word-break:break-all; } } /*MobileMediaQuery*/ @media (max-width: 479px) {#search-top-box-input{display:none; }#page-content{font-size:0.9em; }#main-content{margin:0; }#recent-posts-category{width:100%; }#header, .mobile-top-bar{max-width:90%; }#side-bar{width:80%; position:relative; }.top-bar{display:none; }.mobile-top-bar{display:block; padding:0; }.page-options-bottoma{padding:04px; }#headerh1a{font-size:100%; }blockquote{margin:1em0; }.license-area{font-size:0.8em; }#header{background-position:05.5em; background-size:55px55px; }#headerh1, #headerh2{margin-left:66px; }table.formtd, table.formth{float:left; } /*td.title{width:30%; }*/ td.name{width:15em; }table.formtd, table.formth{padding:0; }#edit-page-title{max-width:90%; }.content-panel.left-column, .content-panel.right-column{width:99%; float:left; }#page-contentdiv, #page-contentdivtable{clear: initial; }#page-contentdiv.title{word-break:keep-all; }} /*SmallMobileMediaQuery*/ @media (max-width: 385px) {#header{background-position:5%5.5em; }#headerh1, #headerh2{margin-left: -webkit-calc(66px + 5%); margin-left: -moz-calc(66px + 5%); margin-left: calc(66px + 5%); }#header, #top-bar{width:100%; max-width:100%; }.mobile-top-bar{width:100%; }#top-barlia{padding:10px0.5em; }} /*NoteMediaQuery*/ @media (min-width: 480px) and (max-width: 580px) {#search-top-box-input{width:7em; }#main-content{margin:02em02em; }#header, .mobile-top-bar{max-width:90%; }#side-bar{width:80%; position:relative; }.top-bar{display:none; }.mobile-top-bar{display:block; }.page-options-bottoma{padding:05px; }#headerh1a{font-size:120%; }blockquote{margin:0.5em; }.license-area{font-size:0.85em; }#header{background-position:0.5em4.5em; background-size:66px66px; }#headerh1, #headerh2{margin-left:80px; } /*td.title{width:30%; }*/ #page-contentdiv.title{word-break:keep-all; }td.name{width:15em; }.content-panel.left-column, .content-panel.right-column{width:99%; float:left; }#page-contentdiv, #page-contentdivtable{clear: initial; }} /*MiniTabletMediaQuery*/ @media (min-width: 581px) and (max-width: 767px) {#search-top-box-input{width:8em; }#side-bar{width:80%; position:relative; }#main-content{margin:03em02em; }#header, .mobile-top-bar{max-width:90%; }.top-bar{display:none; }.mobile-top-bar{display:block; }.page-options-bottoma{padding:06px; }#headerh1a{font-size:140%; }.license-area{font-size:0.9em; }#header{background-position:1em4em; background-size:77px77px; }#headerh1, #headerh2{margin-left:93px; }} /*TabletMediaQuery*/ @media (min-width: 768px) and (max-width: 979px) {#main-content{margin:04em020em; }#header, #top-bar#side-bar{max-width:100%; }.top-barli{margin:0; }#top-barulli.sfhoverullia, #top-barulli:hover ul li a { width: 110px; }.page-options-bottoma{padding:07px; }#headerh1a{font-size:160%; }.license-area{font-size:0.95em; }#header{background-position:1em4em; background-size:88px88px; }#headerh1, #headerh2{margin-left:106px; }.content-panel.left-column, .content-panel.right-column{width:99%; float:left; }#page-contentdiv, #page-contentdivtable{clear: initial; } /*NestedTopbar*/ #top-barulliulliul{left:133px; } } /*DesktopMediaQuery ----------- @media (min-width: 980px) and (max-width: 1399px) {} ------------------------------------------ */ /*WideMonitorMediaQuery ----- @media (min-width: 1400px) {} ------------------------------------------ */ /*off-canvas*/ .close-menu{display:none; }@media (max-width: 767px) {.page-historytbodytrtd:last-child { width: 35%; }.owindow{min-width:80%; max-width:99%; }.modal-body.table, .modal-body.table ~ div{float:left; }.owindow.button-bar{float:right; }.owindowdiv.btn-primary{width:100%; float:left; }.owindowdiv.btn-primary ~ div{width:100%; }.yui-navset{z-index:1; }#navi-bar, #navi-bar-shadow{display:none; }#top-bar.open-menua{position:fixed; bottom:0.5em; left:0.5em; z-index:15; font-family: 'Nanum Gothic', san-serif; font-size:30px; font-weight:700; width:30px; height:30px; line-height:0.9em; text-align:center; border:0.2emsolid#888; background-color:#fff; border-radius:3em; color:#888; }#top-bar.open-menua:hover{text-decoration:none !important; -webkit-box-shadow:0px0px20px3px rgba(153,153,153,1); -moz-box-shadow:0px0px20px3px rgba(153,153,153,1); -ms-box-shadow:0px0px20px3px rgba(153,153,153,1); -o-box-shadow:0px0px20px3px rgba(153,153,153,1); box-shadow:0px0px20px3px rgba(153,153,153,1); }#main-content{max-width:90%; margin:05%; padding:0; -webkit-transition:0.5s ease-in-out 0.1s; -moz-transition:0.5s ease-in-out 0.1s; -ms-transition:0.5s ease-in-out 0.1s; -o-transition:0.5s ease-in-out 0.1s; transition:0.5s ease-in-out 0.1s; }#side-bar{display:block; position:fixed; top:0; left: -25em; width:17em; height:100%; background-color: rgb(184, 134, 134); overflow-y:auto; z-index:10; padding:1em1em01em; -webkit-transition:left0.5s ease-in-out 0.1s; -moz-transition:left0.5s ease-in-out 0.1s; -ms-transition:left0.5s ease-in-out 0.1s; -o-transition:left0.5s ease-in-out 0.1s; transition:left0.5s ease-in-out 0.1s; }#side-bar:after{content: ""; position:absolute; top:0; width:0; height:100%; background-color: rgba(0, 0, 0, 0.2); }#side-bar:target{display:block; left:0; width:17em; margin:0; border:1pxsolid#dedede; z-index:10; }#side-bar:target + #main-content{left:0; }#side-bar:target.close-menu{display:block; position:fixed; width:100%; height:100%; top:0; left:0; background: rgba(0,0,0,0.3) 1px1pxrepeat; z-index: -1; } } /*interwiki*/ div.scpnet-interwiki-wrapper{margin:0 -5px; }iframe.scpnet-interwiki-frame{height:0; border:none; } /* 저작권 표시 모듈 */ .authors.collapsible-block-link{margin-left:.25em; padding:.25em; font-weight:bold; opacity:.5; color:inherit; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; }.authors.collapsible-block-link:hover{opacity:1; }.authors.collapsible-block-link:active{opacity:1; } /* 블랙 하이라이터 사이드바 조정 */ #interwikidiv.menu-item,#interwikidiv.menu-item>p,#side-bardiv.menu-item,#side-bardiv.menu-item>p{height:auto!important;}@mediaonlyscreenand (max-width:56.25rem){#side-bar.headingp,#side-bar.side-block>.collapsible-block.collapsible-block-link{font-size:1em!important;}} /* 이야기 원작자 메타데이터 숨김 코드 */ div.int-metadata{display:none; }
페이지 내역: 193, 마지막 수정: 15 Aug 2025 03:24