圣克里斯汀娜书院版式
我和我的小伙伴们都惊呆了!!
此页为于SCP维基内部使用的样版页。
在未经同意的情况下
请不要动这页里面的东西
@charset "utf-8"; @importurl('http://www.scp-wiki.net/local--files/component:theme/font-bauhaus.css'); @importurl('http://fonts.googleapis.com/earlyaccess/nanumgothic.css'); @importurl('http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css'); @importurl('http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css'); /* 修改自麵包菌(breaddddd)的個人版式*/ /*COMMON*/ #content-wrap{position:relative; margin:2emauto0; max-width:1040px; min-height:1300px; height:auto !important; height:1500px; }h1, #page-title{color:#225C7C; padding:000.25em; margin:000.6em; font-weight:bold; }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:#827f7f;/* 标题线色 */ }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*/ }li, p{line-height:141%; }a{color:#15486b;/* 边栏文字 */ text-decoration:none; background:transparent; }a.newpage{color:#15486b;/* 底栏文字 */ text-decoration:none; background:transparent; }a:hover{color:#0481d1; text-decoration:underline; background:transparent; }a:visited{color:#15486b} /*ACTUALLYHIDEHIDDENTAGS*/ #main-content.page-tagsa[href^="/system:page-tags/tag/_"]{display:none; } /*GLOBALWIDTH*/ #header, #top-bar{width:90%; max-width:980px; margin:0auto; }#top-bar{width:100%; margin:0auto; }body{background-color:#ffffff; font-size:0.80em; color:#215d87;/* 某些字的颜色 */ }div#container-wrap{background: url(/local--files/component:cc-theme/margin.png) topleftrepeat-x;/* 网页头上的那张图 */ } /*HEADER*/ #header{height:120px; position:relative; z-index:10; padding-bottom:22px; /*FORMENU*/ background: url(/local--files/component:cc-theme/CClogo.png) 10px35pxno-repeat;/*logo*/ }#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:#15486B; background-color:#ffffff; 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:#ffffff; 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:#ffffff; background-color:#ffffff; background: linear-gradient(to bottom, #225c7c ,#15486b ,#0b3851); 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#f0fcff; color:#ffffff; text-shadow:001px rgba(255,255,255,.25) background-color: #225c7c; background: linear-gradient(to bottom, #225c7c ,#15486b ,#0b3851 );/* 按钮 */ box-shadow:01px3px rgba(0,0,0,.8); }/* 搜索框 */ #login-status{color:#15486b; font-size:90%; z-index:30; }#login-statusa{background:transparent; color:#15486b; }#login-statusula{color:#15486b; background:transparent; }/* 右上角的用户登陆 */ #account-topbutton{background:#f0fcff; color:#0b3851; }.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:transparent; background:transparent; font-family: BauhausLTDemi, Arial, sans-serif; font-size:180%; text-shadow:none; text-decoration:none; letter-spacing:0.9px; }/* 标题 */ #headerh1a::before{content: "聖克莉斯汀娜書院"; color:#0481d1; text-shadow:3px3px5px#0c4d66; }#headerh2span{display:block; margin:0; padding:19px0; font-size:100%; line-height:0px; max-height:0px; font-weight:bold; color:transparent; text-shadow:none; }/* 小标题 */ #headerh2span::before{content: ' St. Christina College '; color:#478bad; text-shadow:1px1px1px#0c4d66; text-shadow:1px1px1px rgba(0,0,0,.8); } /*TOPMENU*/ #top-bar{position:absolute; z-index:50; top:140px; right:0; height:21px; line-height:18px; padding:0; z-index:20; font-size:90%; }#top-barul{float:right; }#top-barli{margin:0; }#top-bara{color:#15486B; background:transparent; }#top-barulli{border:0; }#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:#15486b; 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:175px; 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:#ffffff; 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:#225c7c; }/* 横条 */ /*IE7HACK*/ #top-barul > li > ul{*margin-top: -4px; } /*SIDEMENU*/ #side-bar{clear:none; float:none; position:absolute; top:0.5em; left:0; width:17em; padding:0; border:none; display:block; }#side-bar.side-block{padding:10px; border:1pxsolid#0c4d66; border-radius:10px; box-shadow:02px6px rgba(102,0,0,.5); background:#f0fcff; margin-bottom:15px; }#side-bar.side-area{padding:10px; }#side-bar.heading{color:#225c7c; border-bottom:solid1px#2e2930; 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; }#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:#225C7C; }#side-bardiv.menu-item.sub-text{font-size:80%; color:#225c7c; }#side-bardiv.menu-item.sub-item{}#side-bar.collapsible-block-folded{background: url(http://www.scp-wiki.net/local--files/nav:side/expand.png) 02pxno-repeat; }#side-bar.collapsible-block-link{margin-left:15px; font-weight:bold; }#side-bar.collapsible-block-unfolded-link{border-bottom:solid1px#522f60; }#side-bar.collapsible-block-unfolded-link.collapsible-block-link{margin-top:10px; margin-bottom:5px; font-size:8pt; color:#225C7C; }#side-bar.collapsible-block-unfolded-link.collapsible-block-link:hover{color:#225C7C; text-decoration:none; } /*CONTENT*/ #main-content{margin:04em023em; padding:1em; position:relative; } /*YUI-TABS*/ .yui-navset.yui-content{background-color:#dae6e8; }.yui-navset.yui-nava, .yui-navset.yui-navset-top.yui-nava{background-color:#94c7d3; background-image: url(/local--files/component:cc-theme/yuitabs.png); }.yui-navset.yui-nav.selecteda, .yui-navset.yui-nav.selecteda:focus, /*nofocuseffectforselected*/ .yui-navset.yui-nav.selecteda:hover{ /*nohovereffectforselected*/ background:#D8D8D8 url(/local--files/component:cc-theme/yuitabs.png) repeat-xleft -1402px; /*selectedtabbackground*/ color:#FFFFFF; }.yui-navset.yui-nava:hover, .yui-navset.yui-nava:focus{background:#15486B url(/local--files/component:cc-theme/yuitabs.png) repeat-xleft -1302px; text-decoration:none; }.yui-navset.yui-nav, .yui-navset.yui-navset-top.yui-nav{border-color:#15486B; }.yui-navset.yui-nav, .yui-navset.yui-navset-top.yui-nav{border-color:#15486B; }.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:#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(http://www.scp-wiki.net/local--files/component:theme/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) }.content-panelp{margin:1em; }.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:#0481d1 !important; border:solid1px#0d3754; border-right:0; border-radius:5px005px; }.page-rate-widget-box.rateup, .page-rate-widget-box.ratedown{background-color:#5eb8f2; border-top:solid1px#0d3754; border-bottom:solid1px#0d3754; font-weight:bold; }.page-rate-widget-box.rateupa, .page-rate-widget-box.ratedowna{background:transparent; color:#0d3754; padding:04px; margin:01px; }.page-rate-widget-box.rateupa:hover, .page-rate-widget-box.ratedowna:hover{background:#0d3754; color:#5eb8f2; text-decoration:none; }.page-rate-widget-box.cancel{background-color:#0481d1; border:solid1px#0d3754; border-left:0; border-radius:05px5px0; }.page-rate-widget-box.cancela{background:transparent; text-transform:uppercase; color:#0d3754; }.page-rate-widget-box.cancela:hover{border-radius:03px3px0; background:#0d3754; color:#5eb8f2; text-decoration:none; } /*HeritageCollectionRatingModule*/ .heritage-rating-module{float:right; background-color:#5eb8f2; padding:2px8px2px5px; border:solid1px#0d3754; border-radius:8px; box-shadow:01px3px rgba(0,0,0,.25); }.heritage-rating-module.page-rate-widget-box{float:right; box-shadow:none; margin-bottom:0; margin-right:0; }.heritage-rating-module.heritage-emblem{float:right; 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; }.scp-image-block{border:solid1px#fce98b; 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%; } /*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; } /*ResponsiveWebDesign*/ img, embed, video, object, iframe, table{max-width:100%; }#page-contentdiv, #page-contentdivtable{max-width:100%; } /*MobileMediaQuery*/ @media (max-width: 479px) {#search-top-box-input{width:5em; }#page-content{font-size:0.9em; }#main-content{margin:0; }#header, .mobile-top-bar{max-width:90%; }#side-bar{width:80%; position:relative; }.top-bar{display:none; }.mobile-top-bar{display:block; padding:0; }.mobile-top-barul{display:block; }.mobile-top-barlia{display:block; }.mobile-top-barliulli{display:block; }.page-options-bottoma{padding:04px; }#headerh1a{font-size:100%; }blockquote{margin:1em0; }.license-area{font-size:0.8em; }#header{background-position:04.5em; background-size:55px55px; }#headerh1, #headerh2{margin-left:66px; }table.formtd, table.formth{float:left; }} /*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; }.mobile-top-barul{display:block; }.mobile-top-barlia{display:block; }.mobile-top-barliulli{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; }} /*MiniTabletMediaQuery*/ @media (min-width: 581px) and (max-width: 767px) {#search-top-box-input{width:8em; }.top-bar{right:10%}#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; }.mobile-top-barul{display:block; }.mobile-top-barlia{display:block; }.mobile-top-barliulli{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:04em023em; }.top-bar{right:10%}#header, .top-bar, .mobile-top-bar, #side-bar{max-width:100%; }.top-bar{display:block; }.mobile-top-bar{display:none; }.top-barli{margin:0; }.top-barulli.sfhoverullia, .top-barulli:hover ul li a { width: 100px; }.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; } /*DesktopMediaQuery*/ @media (min-width: 980px) and (max-width: 1199px) {.top-bar{display:block; }.mobile-top-bar{display:none; }} /*WideMonitorMediaQuery*/ @media (min-width: 1200px) {.top-bar{display:block; }.mobile-top-bar{display:none; }#content-wrap{max-width:1500px; }} } /*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; }.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 !important; background-color:#fff !important; border-radius:3em; color:#888 !important; }.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(54, 100, 139); 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; } } /*Creditmodulecustomizations*/ /* 經Jochoi修改以迎合版式 */ #u-credit-view-button{display:block; text-align:right; }.rate-box-with-credit-button{background-color:#0481d1 !important; border:solid1px#0d3754 !important; border-radius:5px; box-shadow:1px1px3px rgba(0,0,0,.5); }.rate-box-with-credit-button.creditButtonpa{border-left:solid1px#0481d1 !important; }.rate-box-with-credit-button.creditButtonpa:hover{color:#0d3754 !important; }.rate-box-with-credit-button.page-rate-widget-box.cancel{border-radius:0; border-bottom:0; }.rate-box-with-credit-button.page-rate-widget-box.cancela:hover{border-radius:0; }.rate-box-with-credit-button.page-rate-widget-box.rate-points{border-left:0; border-bottom:0; }.rate-box-with-credit-button.page-rate-widget-box.rateup, .rate-box-with-credit-button.page-rate-widget-box.ratedown{border-bottom:0; }.creditButtonStandalonepa{background:#0481d1 !important; }.creditButtonStandalonepa:hover{background:#0d3754 !important; }
页面版本: 27, 最后编辑于: 22 Feb 2020 08:03