CSS theme: test1

魔法の言葉、CSS!

これは本Wiki内部で使用されているテンプレートページです。

このページに触れないでください
特に下のボタンを押さないでください


/*SCP-001-JPAiHe'sproposalIITheme[2018WikidotTheme]BasedonAelanna'sSigma 9
 andGreenwolf'sThirdLawanddjkaktus'sDarkbodyTheme (EditedforSCP-JPbyshu_yabiyabi)
 PlottedfortheEvilcontestbyAiliceHersheyEditedbyshu_yabiyabiand 7happy7*/
@charset "utf-8";
 
@importurl('http://scp-jp.wdfiles.com/local--theme/scp-sigma-9-off-canvas/style.css');
@importurl('https://fonts.googleapis.com/css?family=Play');
@importurl('https://fonts.googleapis.com/css?family=Open+Sans');
 
/*COMMON*/
 
table.wiki-content-tableth{border:1pxsolid#888;
 background-color:#EEE;
}h1, #page-title{color:#4A192D;
}.edit-section-button{background-color:transparent;
}#page-title{border-color:#bbb;
}a{color:#AA5577;
}a.newpage{color:#AA5577;
}blockquote{background-color:#f7f5f7;
}
 
/*GLOBALWIDTH*/
 
div#container-wrap{background: url(http://unofficial-scp-sandbox-jp.wikidot.com/local--files/component:aihe2theme/aihe2header) topleftrepeat-x;
}
/*HEADER*/
#header{background: url(http://shitake-crude-production.wikidot.com/local--files/component:darkbodytheme/logo.png) 10px35pxno-repeat;
}#search-top-box{position:absolute;
 top:100px;
 right:9px;
 width:250px;
 text-align:right;
}#search-top-box-input{border:solid1px#4F2F4F;
 background-color:#907080;
}#search-top-box-input:hover,
#search-top-box-input:focus{border:solid1px#4F2F4F;
 background-color:#907080;
}#search-top-box-forminput[type=submit]{border:solid1px#4F2F4F;
 color:#FFDDFF;
 background-color:#907080;
 background: linear-gradient(to bottom, #997788,#907080,#4F2F4F);
}#search-top-box-forminput[type=submit]:hover,
#search-top-box-forminput[type=submit]:focus{border:solid1px#4F2F4F;
 background-color:#907080;
 background: linear-gradient(to bottom, #997788,#907080,#4F2F4F);
 box-shadow:01px3px rgba(10,0,5,.8);
}#login-status{color:#907080;
}#login-statusa{color:#907080;
}#login-statusula{color:#907080;
}#account-topbutton{border:none;
 background:#4F2F4F;
 color:#907080;
}#headerh1a{color:transparent;
 text-shadow:none;
 display:block;
 position:relative;
 width:580px;
 user-select:none;
 -moz-user-select:none; 
 -webkit-user-select:none; 
 -ms-user-select:none; 
}#headerh1a:after{content:"OverWatch Commands";
 display:block;
 position:absolute;
 top:0px;
 left:0px;
 padding:80px025px;
 line-height:0px;
 max-height:0px;
 color:#aa5577;
 background:transparent;
 font-family: BauhausLTDemi, 'Nanum Gothic', Arial, sans-serif;
 font-size:100%;
 0 0 150px #0ff;
 letter-spacing:0.9px;
 word-break:none;
 z-index:1;
 text-shadow:005px#7D0052,
 0010px#48002E,
 0015px#444,
 0020px#444;
}#headerh1a:before{content:"The SCP Foundation Overseer Council";
 display:block;
 font-family: BauhausLTDemi, 'Nanum Gothic', Arial, sans-serif;
 font-size:50%;
 position:absolute;
 bottom:2em;
 left:0px;
 padding:80px025px;
 line-height:0px;
 color:#db7093;
 background:transparent;
 text-shadow:3px3px5px#000;
 letter-spacing:0.9px;
 word-break:none;
 z-index:1;
 text-shadow:005px#7D0052,
 0010px#48002E,
 0015px#444,
 0020px#444;
}
 
/*TOPMENU*/
 
#top-bara{color:#C0C0C0;
}#top-barulliul{border:solid1px#4F2F4F;
}#top-barullia{border-left:solid1px rgba(64,64,64,.1);
 border-right:solid1px rgba(64,64,64,.1);
}#top-barulli.sfhovera,
#top-barulli:hovera{background:#C0C0C0;
 color:#4F2F4F;
 border-left:solid1px rgba(64,64,64,1);
 border-right:solid1px rgba(64,64,64,1);
}#top-barulli.sfhoverullia,
#top-barulli:hoverullia{border-top:1pxsolid#ddd;
}#top-barulli.sfhovera:hover,
#top-barulli:hovera:hover{background:#C0C0C0;
}#top-barulliula, #top-bara:hover{color:#a01;
}#side-barimg{
-webkit-filter: hue-rotate(320deg);
-moz-filter: hue-rotate(320deg);
-o-filter: hue-rotate(320deg);
-ms-filter: hue-rotate(320deg);
filter: hue-rotate(320deg);
}
 
/*Can'ttouchthetranslationboxwithCSS, unfortunately, sothiswilljustvanishitHopefullytemporarykludgeTHANKSGREENWOLF*/
#side-bar.scpnet-interwiki-wrapper{
-webkit-filter: hue-rotate(341deg) brightness(86%);
-moz-filter: hue-rotate(341deg) brightness(86%);
-o-filter: hue-rotate(341deg) brightness(86%);
-ms-filter: hue-rotate(341deg) brightness(86%);
filter: hue-rotate(341deg) brightness(86%);
}#side-bar.side-block{border:1pxsolid#AA5577;
 box-shadow:02px6px rgba(52,32,32,0.8) !important;
 background:#E3DCDC !important; 
}#side-bar.heading{color:#AA5577;
 border-bottom:solid1px#AA5577;
}#side-bardiv.menu-item.inactivea{color:#4F2F4F;
}#side-bardiv.menu-item.sub-text{color:#4F2F4F;
}#side-bar.collapsible-block-unfolded-link{border-bottom:solid1px#AA5577;
}#side-bar.collapsible-block-unfolded-link.collapsible-block-link{color:#AA5577;
}#side-bar.collapsible-block-unfolded-link.collapsible-block-link:hover{color:#b01;
}#side-barul{list-style-type:none;
 padding:05px0;
}
/*CONTENT*/
#main-content{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:#f7f5f7;
}.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);
-webkit-filter: hue-rotate(320deg);
-moz-filter: hue-rotate(320deg);
-o-filter: hue-rotate(320deg);
-ms-filter: hue-rotate(320deg);
filter: hue-rotate(320deg);
}.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;
-webkit-filter: hue-rotate(320deg);
-moz-filter: hue-rotate(320deg);
-o-filter: hue-rotate(320deg);
-ms-filter: hue-rotate(320deg);
filter: hue-rotate(320deg);
 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{background:#444;
 color:#bbb;
}#footera{color:#fff;
 background:transparent;
}
 
/*SOMENICEBOXES*/
div.sexy-box{background:#eee;
 border:1pxsolid#ccc;
}div.sexy-boxdiv.image-containerimg{border:1pxsolid#999;
}
 
/*Custompagecontentclasses*/
 
.content-panel{border:solid1px#888880;
 background-color:#999990;
 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.panel-heading{color:#ffffff;
 text-shadow:1px1px2px rgba(0,0,0,.35);
}.content-panel.panel-body{background:#C0C0C0;
}.content-panel.panel-footer{color:#C0C0C0;
 text-shadow:1px1px2px rgba(0,0,0,.5);
}.content-panel.panel-footera{color:#C0C0C0;
}.content-panel.content-toc{background-color:#C0C0C0;
 border:solid1px#ccc;
 box-shadow:inset1px2px6px rgba(0,0,0,.15)
}.alternate:nth-child(even) {background-color: rgba(255,255,255,.9);
}
 
/*PageRatingModuleCustomizations*/
.page-rate-widget-box{box-shadow:1px1px3px rgba(0,0,0,.5);
}.page-rate-widget-box.rate-points{background-color:#907080 !important;
 border:solid1px#4F2F4F;
}.page-rate-widget-box.rateup,
.page-rate-widget-box.ratedown{border-top:solid1px#4F2F4F;
 border-bottom:solid1px#4F2F4F;
}.page-rate-widget-box.rateupa,
.page-rate-widget-box.ratedowna{color:#4F2F4F;
}.page-rate-widget-box.rateupa:hover,
.page-rate-widget-box.ratedowna:hover{background:#907080;
 color:#4F2F4F;
}.page-rate-widget-box.cancel{background-color:#907080;
 border:solid1px#4F2F4F;
}.page-rate-widget-box.cancela{background:transparent;
 color:#4F2F4F;
}.page-rate-widget-box.cancela:hover{background:#907080;
 color:#fffff0;
}
 
/*CreditRatingModule*/
.creditRate.page-rate-widget-box.rate-points{background-color:#907080 !important;
 border:solid1px#4F2F4F;
}.creditButtonpa{background:#907080 !important;
}.rate-box-with-credit-button.creditButton{background-color:#907080 !important;
}
 
/*HeritageCollectionRatingModule*/
.heritage-rating-module{background-color:#907080;
 border:solid1px#4F2F4F;
 box-shadow:01px3px rgba(0,0,0,.25);
}.heritage-rating-module*{border:none!important;
}
/*Fixesformulti-linepagetags*/
 
/*StandardImageBlock*/
.scp-image-block{border:solid1px#2F4F4F;
 box-shadow:01px6px rgba(0,0,0,.25);
}.scp-image-block.scp-image-caption{background-color:#C0C0C0;
 border-top:solid1px#2F4F4F;
}
 
/*ForumCustomizations*/
.forum-thread-box.description-block{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{background-color:#eee;
 background: linear-gradient(to right, #eee, #eeecec);
 box-shadow:inset2px3px6px rgba(0,0,0,.15);
}
 
/*RubybyNanimonoDemonai*/
 
/*Keycap*/
 
.keycap{border-color:#ddd#bbb#bbb#ddd;
 background-color:#f9f9f9;
}
 
/*tagstyle*/
 
/*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;
}
 
/*
 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(http://www.kaktuskontainer.wikidot.com/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(http://www.kaktuskontainer.wikidot.com/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;
}#recent-posts-category{width:100%;
}#header{overflow:hidden;
}#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:both;
}#page-contentdiv.title{word-break:keep-all;
}}
 
/*NoteMediaQuery*/
@media (min-width: 480px) and (max-width: 580px) {#search-top-box-input{display:none;
}#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:both;
}}
 
/*MiniTabletMediaQuery*/
@media (min-width: 581px) and (max-width: 767px) {#search-top-box-input{display:none;
}#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:both;
}
}
 
/*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;
}.open-menua{color:#4F2F4F !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);
}#side-bar{display:block;
 position:fixed;
 top:0;
 left: -25em;
 width:17em;
 height:100%;
 background-color: rgba(190, 180, 190 ,0.9);
 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;
}
}
Seiten Revision: 65, zuletzt bearbeitet: 25 Aug 2018 11:43
Sofern nicht anders angegeben, steht der Inhalt dieser Seite unter Lizenz Creative Commons Attribution-ShareAlike 3.0 License
Klicken Sie hier um den Inhalt der Seite zu ändern.
Klicken Sie hier um die Bearbeitung einzelner Abschnitte der Seite ein und aus zu schalten (sofern möglich). Achten Sie auf einen "bearbeiten" Link neben den Überschriften.
Inhalt hinzufügen, ohne den ganzen Seiteninhalt zu editieren
Prüfen Sie, wie sich diese Seite in der Vergangenheit entwickelt hat.
Wenn Sie den Inhalt der Site diskutieren möchten, ist dies der leichteste Weg dazu.
Betrachten und Verwalten von Datei-Anhängen für diese Seite.
Einige nützliche Werkzeuge zum Verwalten Ihrer Site
Ändern des Namens der Seite (auch URL Adresse, eventuell die Kategorie).
Ansicht des Seiten-Quelltextes ohne Änderung.
Anzeigen/Festlegen der „Eltern" Seite (zur „Brotkrumennavigation" und Erstellung einer Layout-Struktur).
Benachrichtigen Sie die Administratoren, wenn Sie anstößige Inhalte auf dieser Seite finden.
Etwas funktioniert nicht wie erwartet? Finden Sie heraus, was Sie tun können.
Allgemeine Wikidot.com-Dokumentation und Hilfebereich.
Wikidot.com Nutzungsbedingungen (Terms of Service) - Was Sie dürfen und was nicht usw.
Wikdiot.com - Datenschutzbestimmungen

AltStyle によって変換されたページ (->オリジナル) /