网站的版式(SCP-Sigma-9)
注意
此页为于 SCP 维基内部使用的"组件"页。用于在其他页面中引用。
未经组件作者或工作人员允许,请勿修改此页的内容。
这是为 SCP 维基制作的主题文件。
源代码位于 Github:https://github.com/scp-cn-tech/sigma9。
SCP 翻译网站指南
要将此主题应用于你的 Wikidot 网站,请遵循以下步骤:
- 复制此页的所有附件。
- 在你的网站上创建一个名为"component:theme"的页面。你可能会希望锁定该页。
- 将所有附件上传至该页。
- 复制此页上的代码至你的"component:theme"页面上。将所有"scp-wiki-cn.wikidot.com"修改为你的 Wikidot 网站 URL 地址。
- 打开你的网站的控制台,前往外观与表现,布景主题,点击外部,然后输入"http://your-site-name.wikidot.com/component:theme/code/1"。
- 如果你希望使用导航栏的新格式,复制侧栏和/或顶栏。注意项目图标也在侧边栏页面的附件中。
- 复制主页的模版,包括附件。
- 要激活移动端界面,打开你的维基任意页面,点击底端的"+ 选项"。
- 点击"编辑元信息"。
- 点击"新增一个 meta 标签"。"name"输入"viewport"(不带引号),"content"输入"width=device-width, initial-scale=1.0"(同样也不带引号)。
- 完成!
@charset "utf-8"; @importurl('https://cdn.jsdelivr.net/gh/scp-cn-tech/sigma9@cn/fonts/font-bauhaus.css'); @importurl('https://fonts.googleapis.com/earlyaccess/nanumgothic.css'); @importurl('https://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css'); @importurl('https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css'); /* 多重折叠模块 */ @importurl('https://cdn.jsdelivr.net/gh/scp-cn-tech/sigma9@cn/modules/colstyle.min.css'); /*SCPSigma 9 [2014WikidotTheme]CreatedfortheSCPFoundationbyAelannaEditedforSCPFoundationbyDrDevanEditedforSCP基金会 byMScarlet, DrDevanandSekai_s*/ /*COMMON*/ #content-wrap{position:relative; margin:2emauto0; max-width:1040px; min-height:1300px; height:auto !important; height:1500px; }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{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:000.6em; padding:000.25em; font-size:200%; }.meta-titlep{margin:0; }ul{list-style:square; }li, p{line-height:141%; }a{color:#b01; text-decoration:none; background:transparent; }a:visited{color:#824; }a:hover{text-decoration:underline; background-color:transparent; }#side-bara:visited{color:#b01; }a.newpage{color:#d61; text-decoration:none; background:transparent; }.form-control{width:95%; } /*GLOBALWIDTH*/ #header, #top-bar{width:90%; max-width:980px; margin:0auto; }.mobile-top-bar{display:none; position:absolute; left:0; bottom:0; z-index:0; }body{background-color:#fff; font-size:0.80em; color:#333; }div#container-wrap{background: url('https://scp-wiki-cn.wdfiles.com/local--files/component%3Atheme/body_bg.png') topleftrepeat-x; }td.name{width:40%; word-break:break-all; }td.title{width:30%; }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://scp-wiki-cn.wdfiles.com/local--files/component%3Atheme/logo.png') 10px40pxno-repeat; background-size:100px100px; }#search-top-box{position:absolute; top:79px; right:9px; width:250px; 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-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:0; color:#eee; background:transparent; font-family: BauhausLTDemi, Simhei, 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:0; font-weight:bold; color:#f0f0c0; text-shadow:1px1px1px#000; text-shadow:1px1px1px rgba(0,0,0,.8); } /*TOPMENU*/ #top-bar{position:absolute; top:140px; right:auto; width:100%; height:21px; line-height:18px; padding:0; margin:0auto; 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-width:01px1px1px; width:auto; }#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-barulliulli, #top-barulliulli.sfhover, #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; } /*SIDEMENU*/ #side-bar{clear:none; float:none; position:absolute; top:0.5em; left:2em; width:17em; padding:0; border:none; display:block; overscroll-behavior: contain; }#side-bar.side-block{padding:10px; border:1pxsolid#600; border-radius:10px; box-shadow:02px6px rgba(102,0,0,.5); background:#fff; margin-bottom:15px; }#side-bar.side-area{padding:10px; }#side-bar.heading{color:#600; border-bottom:solid1px#600; padding-left:15px; margin-bottom:5px; font-size:8pt; font-weight:bold; }#side-bar.heading:not(:first-child) {margin-top:10px; }#side-barp{margin:0; }#side-bardiv.menu-item{margin:2px0; }#side-bardiv.menu-itemimg{width:13px; height:13px; border:0; margin-right:2px; position:relative; bottom: -2px; }#side-bardiv.menu-itema{font-weight:bold; }#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-bar.collapsible-block-folded{background: url('https://scp-wiki-cn.wdfiles.com/local--files/nav%3Aside/expand.png') 02pxno-repeat; }#side-bar.collapsible-block-link{margin-left:15px; font-weight:bold; }#side-bar.collapsible-block-unfolded-link{border-bottom:solid1px#600; }#side-bar.collapsible-block-unfolded-link.collapsible-block-link{margin-top:10px; margin-bottom:5px; font-size:8pt; color:#600; }#side-bar.collapsible-block-unfolded-link.collapsible-block-link:hover{color:#b01; text-decoration:none; }#side-barul{list-style-type:none; padding:05px0; }div.scpnet-interwiki-wrapper{margin: -4px -6px1em; min-height:300px; }iframe.scpnet-interwiki-frame{width:100%; height:0; border:none; overflow-y:hidden; } /*CONTENT*/ #main-content{margin:02em022em; padding:1em; position:relative; } /*ACTUALLYHIDEHIDDENTAGS*/ #main-content.page-tagsa[href^='/system:page-tags/tag/_']{display:none; }#breadcrumbs{margin: -1em01em; }.pseudocrumbs{margin: -1em01em; } /*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('https://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('https://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('https://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-navsetli{line-height:normal; } /*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:#fff; 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://scp-wiki-cn.wdfiles.com/local--files/component%3Atheme/panel-bg-gradient-reverse.png') bottomrepeat-x; }.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:#fff; }.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 !important; 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; } /*HeritageCollectionRatingModule*/ .heritage-rating-module{display:inline-block; background-color:#633; padding:2px8px2px5px; border:solid1px#ccc066; border-radius:8px; box-shadow:01px3px rgba(0,0,0,.25); margin-right:2em; margin-bottom:10px; }.heritage-rating-module.page-rate-widget-box{box-shadow:none; margin-bottom:0; margin-right:0; }.heritage-rating-module.heritage-emblem{float:left; position:relative; top: -2px; left:2px; height:16px; width:16px; overflow:visible; margin-right:2px; }.heritage-rating-module.heritage-emblemimg{width:20px; height:20px; border:0; } /*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:300px; }.scp-image-block.scp-image-caption{background-color:#eee; border-top:solid1px#666; padding:2px0; font-size:80%; font-weight:bold; text-align:center; width:300px; }.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%; } /*Licensebox*/ .licensebox.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; }.licensebox.collapsible-block-link:hover, .licensebox.collapsible-block-link:active{opacity:1; } /*Show-ChangesHighlights*/ .inline-diffins:first-of-type::before, .inline-diffdel:first-of-type::before, .inline-diffbr + ins::before, .inline-diffbr + del::before{display:inline-block; font:normalnormalnormal14px/1 FontAwesome; text-rendering:auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f111'; position:absolute; left:0.75em; }.inline-diffins::before{color:#DDF; }.inline-diffdel::before{color:#FCC; }.inline-diffins + del::before, .inline-diffdel + ins::before{color:transparent; } /*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; }.thread-container.post.content{position:relative; overflow:hidden; } /*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:3px5px3px0; 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:01px3px1px; float:left; position:relative; top: -3px; left: -10px; width:0; height:0; border-color:transparent#666transparenttransparent; border-style:solid; border-width:8px8px8px0; }.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:#000; background-color:#000; transition:2s; text-decoration:none; }.bblock:hover{background-color:#000; color:#060; text-decoration:none; }.dblock{color:#000; background-color:#000; 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; }div.curved{border-radius:10px; margin:1em3em; } /*ContentWarning*/ #page-contentdiv#u-adult-warning{width: fit-content; margin:0auto1.25rem; padding:0.5rem 1rem; border:3pxsolid#333; background:#e4e4e4; color:#333; text-align:center; font-weight:bold; }#page-contentdiv#u-adult-warning > div#u-adult-header{font-size:300%; text-shadow:1px2px3px rgba(0, 0, 0, .5); color:#901; }#page-contentdiv#u-adult-warning > div#u-adult-headerp{margin:0; }#page-contentdiv#u-adult-warning > .error-block{color: unset; padding: unset; margin: unset; border: unset; margin-bottom:1em; }#page-contentdiv#u-component-top-box{max-width:500px; margin:0auto1.25rem; padding:1rem; background-color:#b01; border-radius:20px; box-shadow:01px6px rgba(0,0,0,.25), inset01px0 rgba(255,255,255,.5), inset010px1px rgba(255,255,255,.5), inset0 -15px30px rgba(0,0,0,.25); color:#fff; text-align:center; font-weight:bold; }#page-contentdiv#u-component-top-box > div#u-component-header{font-size:300%; text-shadow:1px2px3px rgba(0,0,0,.5); }#page-contentdiv#u-component-top-box > div#u-component-headerp{margin:0; }#page-contentdiv#u-archived-top-box{max-width:375px; margin:0auto1.75rem; padding:1rem 1rem 0.5rem; background-color:#e3e3e3; border:2pxsolid#a1a1a1; border-radius:2px; color:#333; text-align:center; }#page-contentdiv#u-archived-top-box > div#u-archived-header{font-size:150%; font-weight:bold; }#page-contentdiv#u-archived-top-box > div#u-archived-headerp{margin:0; } /* 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-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-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); } ::-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, #action-areatd{word-break:break-all; } } /*MobileMediaQuery*/ @media (max-width: 479px) {#search-top-box-input{width:5em; }#page-content{font-size:0.9em; }#main-content{margin:0; }#recent-posts-category{width:100%; }#header{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, div.blockquote, div.curved{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.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:both; }#page-contentdiv.title{word-break:keep-all; }} /*NoteMediaQuery*/ @media (min-width: 480px) and (max-width: 580px) {#search-top-box-input{width:7em; }#main-content{margin:02em02em; }#header{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, div.blockquote, div.curved{margin:0.5em; }.license-area{font-size:0.85em; }#header{background-position:0.5em4.5em; background-size:66px66px; }#headerh1, #headerh2{margin-left:80px; }#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:both; }} /*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{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:both; } } /*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; top: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; -webkit-box-shadow:0020px3px rgba(153,153,153,1); -moz-box-shadow:0020px3px rgba(153,153,153,1); -ms-box-shadow:0020px3px rgba(153,153,153,1); -o-box-shadow:0020px3px rgba(153,153,153,1); box-shadow:0020px3px 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; } }
页面版本: 177, 最后编辑于: 09 Apr 2025 17:27