CSS theme: 日本生類創研

魔法の言葉、CSS!

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

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


/*
背景画像
*/
 
div#container-wrap{background:none !important;
}
 
/*
ヘッダ
*/
 
#header{padding-top:2em;
 height:130px;
 z-index:10;
 background: url(http://scp-jp.wdfiles.com/local--files/joicle-catalog-hub/q2.png) 10px40pxno-repeat, url(http://scp-jp.wdfiles.com/local--files/joicle-catalog-hub/q1.png) calc(100% - 10px) calc(100% - 40px) no-repeat;
}div#headerh1{margin-left:0;
 width:273px;
 top:35px;
 min-height:100px;
 position:absolute;
}div#headerh1a{position:absolute;
 opacity:0;
 top:0;
 left:0;
 width:100%;
 height:100%;
 font-size:1px;
}div#headerh2{display:none;
}#top-bar{position:absolute;
 bottom:0px;
 margin-top:115px;
 height:auto;
 padding:0;
 z-index:20;
 font-size:90%;
}#top-barul{float:right;
 padding-right: : 5em;
}#top-bara{color:#b5cde2;
}#top-barullia{border-left:none;
 border-right:none;
}#top-barulli.sfhovera, #top-barulli:hovera{color:#178cce;
 border-left:none;
 border-right:none;
}#search-top-box-input{display:none;
}#search-top-box-forminput[type=submit]{border:none;
 border-radius:0px;
 padding:2px5px;
 font-size:90%;
 font-weight:bold;
 color:#178cce;
 background-color:#fff;
 background:none;
 box-shadow:none;
 cursor:pointer;
}#search-top-box-forminput[type=submit]:hover, #search-top-box-forminput[type=submit]:focus{border:none;
 color:#b5cde2;
 text-shadow:none;
 background-color:#fff;
 background:none;
 box-shadow:none;
}#search-top-box{position:absolute;
 top:auto;
 bottom:23px;
 right:8px;
 width:250px;
 text-align:right;
}#header::after{content: " ";
 position:absolute;
 width:100%;
 margin:0auto;
 margin-top:130px;
 height:100px;
 background: url(http://scp-jp.wdfiles.com/local--files/joicle-catalog-hub/q3-min-min.png) topleftrepeat-x;
}
 
/*
リスト http://webnonotes.com/css/css-list/
*/
.defaultlist, .defaultlistli{padding:0px;
 margin:0px;
}.defaultlistli{list-style-type:none !important;
 list-style-image:none !important;
 margin:5px0px5px0px !important;
}.list1li{position:relative;
 padding-left:20px;
}.list1li:before{content:''; 
 display:block; 
 position:absolute; 
 box-shadow:002px2px rgba(255,255,255,0.2) inset;
 top:3px; 
 left:2px; 
 height:0; 
 width:0; 
 border-top:6pxsolidtransparent;
 border-right:7pxsolidtransparent;
 border-bottom:6pxsolidtransparent;
 border-left:9pxsolid#aaa;
}.list2li{position:relative;
 padding-left:20px;
}.list2li:before{content:''; 
 height:0; 
 width:0; 
 display:block; 
 border:5pxtransparentsolid; 
 border-right-width:0; 
 border-left-color:#aaa; 
 position:absolute; 
 top:5px; 
 left:8px;
}.list2li:after{content:''; 
 height:2px; 
 width:10px; 
 display:block; 
 background:#aaa; 
 position:absolute; 
 top:9px; 
 left:0px;
}.list4li{position:relative;
 padding-left:20px;
}.list4li:after, .list4li:before{content:''; 
 display:block; 
 position:absolute; 
 top:4px; 
 left:8px; 
 height:11px; 
 width:4px; 
 background:#aaa; 
 border-radius:10px;
 transform:rotate(45deg);
 -webkit-transform:rotate(45deg);
 -o-transform:rotate(45deg);
}.list4li:before{top:8px; 
 left:3px;
 height:8px; 
 transform:rotate(-45deg);
 -webkit-transform:rotate(-45deg);
 -o-transform:rotate(-45deg);
}.list5li{position:relative;
 padding-left:20px;
}.list5li:before{content:''; 
 height:0px; 
 width:90%;
 display:block; 
 position:absolute; 
 top:18px; 
 left:0px; 
 border-bottom:1pxdashed#aaa;
}.list5li:after{content:'';
 display:block; 
 position:absolute; 
 background:#aaa;
 width:5px;
 height:5px; 
 top:7px; 
 left:5px; 
 border-radius:5px;
}.list6li{position:relative;
 padding-left:20px;
}.list6li:after{content:'';
 display:block; 
 position:absolute; 
 background:#aaa;
 width:9px;
 height:9px; 
 top:5px; 
 left:5px; 
 transform:rotate(-45deg);
 -webkit-transform:rotate(-45deg);
 -o-transform:rotate(-45deg);
}.list7li{position:relative;
 display:block;
 padding:5px0px5px30px;
 background:#ccc;
 color:#444;
 border-radius:15px0px0px15px;
}.list7li:after{content:'';
 display:block; 
 position:absolute;
 width:14px;
 height:14px;
 top:7px;
 left:5px;
 background:#fff;
 border-radius:10px;
}
 
/*
コンテント
*/
 
/* ヘッダーにかぶせない */
 
#main-content{margin-top:100px;
}h1, #page-title{color:#000;
 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS P明朝", "MS 明朝", serif;
}a{color:#b5cde2;
}#page-contenta{color:#00A;
}#page-contenth2{font-weight:bold;
}#page-contenth2:before{content:'■しかく';
 color:#006837;
}.page-rate-widget-box.rate-points{background-color:#178cce !important;
 border:solid1px#178cce;
}.page-rate-widget-box.rateup, .page-rate-widget-box.ratedown{background-color:#b5cde2;
 border-top:solid1px#178cce;
 border-bottom:solid1px#178cce;
}.page-rate-widget-box.cancel{background-color:#178cce;
 border:solid1px#178cce;
}.page-rate-widget-boxa{color:#fff !important;
}.page-rate-widget-box.rateupa:hover, .page-rate-widget-box.ratedowna:hover{background:#b5cde2;
 color:#fffff0;
}.page-rate-widget-box.cancela:hover{background:#b5cde2;
}
 
/*
表 http://tablestyler.com/#
*/
.defaultTtable{border-collapse:collapse;
 text-align:left;
 width:100%;
}.defaultTtabletd, .defaultTtableth{padding:3px10px;
}.defaultTtableth:first-child{border:none;
}.defaultTtableth:first-child{border:none;
}.defaultTtabletbodytd:first-child{background-color:#f0f0e6;
font-weight:bold;
 border-left:none;
}.defaultTtabletbodytr:last-childtd{border-bottom:none;
}.defaultT.wiki-content-table{margin:0;
}.defaultT{font:normal12px/150% Arial, Helvetica, sans-serif;
 background:#fff;
 overflow:hidden;
 -webkit-border-radius:3px;
 border-radius:3px;
}.defaultTtableth{color:#FFFFFF;
 font-size:15px;
 font-weight:bold;
}.defaultTtabletbodytd{font-size:12px;
 font-weight:normal;
}.blueT{border:1pxsolid#006699;
}.blueTtableth{background: -webkit-gradient( linear, lefttop, leftbottom, color-stop(0.05, #006699), color-stop(1, #00557F));
 background: -moz-linear-gradient( centertop, #0066995%, #00557F100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');
 background-color:#006699;
 border-left:1pxsolid#0070A8;
}.blueTtabletbodytd{border-left:1pxsolid#E1EEF4;
}.blueTtabletbodytd:first-child{color:#00496B;
}.redT{border:1pxsolid#991821;
}.redTtableth{background: -webkit-gradient( linear, lefttop, leftbottom, color-stop(0.05, #991821), color-stop(1, #80141C));
 background: -moz-linear-gradient( centertop, #9918215%, #80141C100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#991821', endColorstr='#80141C');
 background-color:#991821;
 border-left:1pxsolid#B01C26;
}.redTtabletbodytd{border-left:1pxsolid#F7CDCD;
}.redTtabletbodytd:first-child{color:#80141C;
}.greenT{border:1pxsolid#36752D;
}.greenTtableth{background: -webkit-gradient( linear, lefttop, leftbottom, color-stop(0.05, #36752D), color-stop(1, #275420));
 background: -moz-linear-gradient( centertop, #36752D5%, #275420100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#36752D', endColorstr='#275420');
 background-color:#36752D;
 border-left:1pxsolid#36752D;
}.greenTtabletbodytd{border-left:1pxsolid#C6FFC2;
}.greenTtabletbodytd:first-child{color:#275420;
}
/*
ボックス
*/
.warning{position:relative;
 margin:2em0;
 padding:25px10px7px;
 border:solid2px#FFC107;
}.warningh1{position:absolute;
 margin-top:0;
 display:inline-block;
 top: -2px;
 left: -2px;
 padding:09px;
 height:25px;
 line-height:25px;
 vertical-align:middle;
 font-size:17px;
 background:#FFC107;
 color:#ffffff;
 font-weight:bold;
}.warningp{margin:0; 
 padding:0;
}.danger{display: inline-flex;
 justify-content:center;
 align-items:center;
 border-radius:20%;
 transform: rotate(45deg);
 flex-flow: column wrap; 
 vertical-align:top;
 width:1em;
 height:1em;
 border:2pxsolidred;
}.dangerp{font-weight:bold;
 transform: rotate(-45deg);
}
/*
サイド
*/
 
#side-bar{min-height: calc(100% + 7em);
 background-color:#b5cde2;
 transform: translateY(-6em);
}#side-bar.side-block{border:none;
 border-radius:0;
 box-shadow:none;
 background:transparent !important;
 margin-top:4em;
}#side-bar.heading{color:#178cce;
 border-bottom:solid1px#178cce;
}#side-bar.side-blocka{color:#fff;
}
 
/*
めであ
*/
 
@media (max-width: 767px) and (min-width:440px) {#container{border-left:9pxsolid#b5cde2;
 }#header{background-size:200px, 180px;
 }div#headerh1{width:200px;
 min-height:100px;
 }#side-bar{transform: translateY(0em);
}}@media (max-width: 440px) {#container{border-left:3pxsolid#b5cde2;
 }#header{background-size:130px, 140px;
 height:100px;
 }div#headerh1{width:200px;
 min-height:80px;
 }#header::after{margin-top:100px;
 height:100px;
 background: url(http://scp-jp.wdfiles.com/local--files/joicle-catalog-hub/q3-min-min.png) topleftrepeat-x;
 background-size:440px;
 }#top-bar{margin-top:33px;
 }#main-content{margin-top:30px;
 }}@media (max-width: 767px) {#side-bar:target.close-menu{min-width:100vw;
 min-height:100vh;
 }}img.close-menu{opacity:0 !important;
}
Seiten Revision: 6, zuletzt bearbeitet: 17 Aug 2018 05:50
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 によって変換されたページ (->オリジナル) /