サイトのテーマ(SCP-シグマ-9)
魔法の言葉、CSS!
これは本Wiki内部で使用されているテンプレートページです。
このページに触れないでください
特に下のボタンを押さないでください
SCP Wikiのためのカスタムテーマファイルです。
SCP翻訳サイトへのご紹介
Wikidotサイトにこのテーマを適用するには、この構造に従ってください:
- このページに添付されたファイルを全部コピーしてください。
- "component:theme"のページを生成してください。このページはロックするのがいいでしょ。
- 添付されたファイルを全部このページに添付してください。
- サイトにいるサイトマネージャからAppearances & BehaviorのThemesでExternalタブを選択し、"http://your-site-name.wikidot.com/component:theme/code/1"を入れてください。
- 新しい形式を適用するにはサイドバー および/あるいは トップバーをコピーしてください。サイドバーページに添付された目録アイコンもですね。
- 添付されたページを含めてメインページテンプレートをコピーしてください。
- Profit!
@charset "utf-8"; @import url('http://www.scp-wiki.net/local--files/component:theme/font-bauhaus.css'); @import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css'); @import url('http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css'); @import url('http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css'); @import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css); /* SCP Sigma 9 [2014 Wikidot Theme] Created for the SCP Foundation by Aelanna Edited for SCP財団 by Dr Devan, NanimonoDemonai */ /* for Ruby size*/ body {-webkit-text-size-adjust: 110%; } /* COMMON */ #content-wrap { position: relative; margin: 2em auto 0; max-width: 1040px; min-height:1300px; height: auto !important; height: 1500px; } h1, #page-title { color: #901; padding: 0 0 0.25em; margin: 0 0 0.6em; font-weight: normal; } h1 { margin-top: 0.7em; padding: 0; font-weight: bold; } h2, h3, h4, h5, h6, h7 { margin: 0.5em 0 0.4em; padding: 0; letter-spacing: 1px; } #page-title { border-color: #bbb; } ul { /* list-style-image: url(http://d3g0gp89917ko0.cloudfront.net/v--3b8418686296/common--theme/shiny/images/bullet.gif); */ list-style: square; } #top-bar ul { /* list-style-image: none; /* IE ONLY! IF list-style-image IS SET */ } li, p { line-height: 141%; } a { color: #b01; text-decoration: none; background: transparent; } a.newpage { color: #d61; text-decoration: none; background: transparent; } a:hover { text-decoration: underline; background-color: transparent; } .form-control { width: 95%; } /* GLOBAL WIDTH */ #header, #top-bar { width: 90%; max-width: 980px; margin: 0 auto; } #top-bar { width: 100%; margin: 0 auto; } .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(http://www.scp-wiki.net/local--files/component:theme/body_bg.png) top left repeat-x; } /* HEADER */ #header { height: 140px; position: relative; z-index: 10; padding-bottom: 22px; /* FOR MENU */ background: none; opacity: 0.8; animation: huerotator 1s linear infinite alternate-reverse; } @keyframes huerotator { 0% { -webkit-filter: hue-rotate(0deg); filter: hue-rotate(0deg); } 100% { -webkit-filter: hue-rotate(360deg); filter: hue-rotate(360deg); } } #header:before{ display:block; position: absolute; width: 100px; height: 100px; top: 22%; left:2%; z-index: -1; content: ""; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAOuklEQVR4Xu1cZ1RU1xb+YGiCKBYsoIJRjAoqKAKaWDAWrNhbjLFGTfLyllkvsSSaRBPLy1sppqjYEEVsqBG7IigqAiKowQJiBxELICBhZpjz1h4c4DLDNObKZa17/+hiztnnO/s7u5x9zr1mEB9BacBMUGhEMBAJEdgiEAkRCRGYBgQGR7QQkRCBaUBgcEQLEQkRmAYEBke0EJEQgWlAYHBECxEJEZgGBAZHtBCREIFpQGBwRAsRCRGYBgQGR7QQkRDTauD3339lLi6tlEJfvXqFCRPer9WLrFaDJxIS4s8zT69uSkIKC/Ph4OBYq+dUq8GLhJjW25hEGllIF0/PMpclWohJ1Gq8kKTL8czdw72MkF9++R1FRUVYvfq/tdL6aw3opUuWsLZuLnBr64YmTRqjXr16sLa2gZV1HZibl06DKRiksmLIpDIUvirEs6fP8eDhA6Sm3sYXXyysFXMVNMjFixezLl3c4dnFHU7OLWFlaW2UKSlYCXJzXuDGjZuIi0/CokWLBTtvQQIja+jbtyc8Pb1gZ1fXKBKq6iQvkeP+vTs4FXkGn302X3DzFxSgBQu+ZL17+aJHj3dga2drUiIqC2MKBdLSUnEw4hi+/nqpYPQgGCA///Q/NnbcKDg6OupNREmJQtlWIjEvjSGMQS6Xw8LCAmZm+k1NWlyMqOgzCAwcq18HvdEZ11AQIPbt28UGDOivVKS2p+hVEbKyMnH37l1kZGbj0cNMDB7cH55epWlvQf5LrF23GQ4O9dC8WVO4urqgRQsnODg0AHQQlJZ6C7t2H8APP6yoUZ3U6OCkxJizkcy7u3fVPDCGzMwMXEpMxtWrKWoKq9ifCHFs0lJtTlRe8fXxhlu7drC2tqpyrGfPnmHr1tAadWE1Sght6jxe7yHUfDxT4N69ezgdFYNPP/13lTiVhHiXlk4KCvI1EqKS/e2337C+fXqia9eusLS01EhMbm4OQkLCsGBhzWRiNUYIkeHu3kGjUgoLC3HkyAl8OG2mTnxESLduXko5eXl5aO7UWmeflStXsMARAXB1ddU4PskJ3hpWI+mxTvDGhSbtvU5HHmV+fr4aG92+fRt790Zg2fLlemGLjjrOfHy6G0SIauC//trL/Pv2gYWFRA3L8xc52BAUrDcOU+lJr0mbajCSsyN0Kxs5crhGkfHxCejrP8ggTNUhhEAEBa1lY8eMgo2NemyhxdG5i49BeKqrqzc6GLmK2bOnoI6N+h7j3PlYDBo03GA8ZG2+vqUW8vJlvl4uq7LS1qz5mU2ePEYjrlOR0W80JTZYAdVZAVevxLM2bd5SE5GQkGiwZaiEmIIQkvXnH7+xSZPGwMqKaynFxXJs2LD5jQX5N0YIuarAwKFqZKSm3oFXV+PdQkVC8vJewMm5ndFzqgpjevqdN+a6jAZviKUsXLiAfTxvGho0bMTpVpBfiPVBwfj22+/0xkGpa+fOHVEiL4FMJoOHRwe0fqs0W/qnqBjR0THK/0ssJMjJycXMmXP0lk39Yi+cYR6d1LO/sLBwfPTRPINkGaIjVVveB6CBdu0KZUOGDFDDF3HwKCa//6FBGKgCPG/eTDg42Oucb3T0eQwfPsog+VTYnDdvBura23HkP3zwCB3duxokSydADQ14H4DGvHUzmTk5NedO8GGG0RMMCwthw4YO0jrfnJwXWLsuBCtXrjR4jnt272ABAe9x5DOmQPDWnbxXiA0GayjrVLaY+sF4mJmVFgBVT+iO3Zg7919GjU9V4Y9mf6g8qKrqOXYsEuPGTzap/MTEZKOTD331ZhRgfYVTOwq63t27cro8qoZ1qARRAB42PEAjlOfPsrE+aDtWrVpt9PzISgZVshI65PpzbXC15OrSndGAdQlW/Z5+O4U5OjbkND9+PMro1VtRELnC5s2bqkE5dOiEwbGpspBly75j8+bOgLU1twIdsm231tqavnqpqh2vhNBGcO6caZBIyoeRymRYty7YJBXVTZvWs3FjR3Dm9vjxE2zessMklxwuJcSwdu3acuSfOXvR4ETBEJJ4JWRr8CY2cuRgDp6MjCyjg7mmiV1PucycnZuV/XTgwFG9ipL6KInc1sCBfTlN79x5VK19k65xeSXk+PEI5udbWhpXPYmJV9DvvcEmG5dqURPGByrFm5psOsWcMWMyBz9Vgo3N3nSRQb+bTDGaBiOTd3Nrw/np8OGT1fbvlceikoyLSwvsDY8weCOoTUmle5IpsLUt3/PI5HKTuVxNY/NKCAXdpk25qen20HCTB0WKJT38upvUFVZMSho1qs/R3ZYtOzH/8//wojtehBJ62ivMnfMBGjRoUDYZxkoQFBRq8kLdokWLmJ1dHZMkCpqsr1UrJ86fd+zYj48/MW4Ppctt8UYIKWne3KmoV6/c3OUlCl7NXddkjfmd3G7btq05XXfvieCtrsU7Ifb25WcfJQozkxNClqi6x0v/J82Z8l4vEdKmTen7J6pnz94jtY8QUs6smRPRuHF5hbekpASbNu3U6rK+/34Zs7O1hcTCHFZWlrC0tIKlpUR5eEQVXGsrC1hYWsG2ji3o1lD0mTjO2feRw+GssWNDvCqUolgqhVxG/8pRXFwMmUwKmYyqxFJIpXJlxfhJ9lOtO++kyzHM1ZVLSFjYwdrnsmg1/X0tljk5le8R6G/bQw9oLdBRSSQgoLde3uXWrTvo0fM9jpVTgB81cqBe/e/fpz1FL61eghITR0duUN+6Nbz2BXXSSOyFSPb229wTwoiI0zo3brQqKY3V9hTkFyA4ZB+WLv1GTaFUP/P0bK+1v0KhwLZt+7Uq9quvFrM5syehrn35/WKZrBjrg3ZpHFevVaCjEW8xhMYl9+HjU3pFR/XExSVh6LAxWselM+5JE4fBzEz9NohKzpGjpzF16iyNcmj/MH36eNhXOtOoiCPxcorOM/wff1zFpk8bx9mu5ecXImjDDqPK+voQxishGzeuZSMDue7j4cNMnW6CCBk5on+VF67T0u6puarKk9U0dsU2qWn3cOrUOa0rPSRkIxsy2J8j+s7dB/Dx8edNb7wJpllQcXHG9NGQSMpvCRYX/4MNG3drPLalCmuvXt5w79gW5uaa7/lS/5Btf+l1ie3ChUjWzk3zZTjCR7IuJd5AXNxlrFihfqc3Kuow6+TBdX1nYy5h9OgJvOmNN8GqZUWBvfJu/ciRs5w4Qsey3t5d4OvjoXbro/LKj45O0Lt0Txnb1CmjUMfWpkwMnfxVPizLzc3HmbNxSEu7W5Yyk9ubNXM8py8JCdt5iNdTQ94JOXyI4khnjl7v38+Cd/fS7IZcS5/evmpn5FKpFBcvJsHDwwMNG5aebz96lIWduyIM2mdQ1jZgQM+y8U+evIBGjRvCy7OdGjEkPzo6ThnoyV0NDujDwU3Ebd6yh7f4QYPxTghVTKdMKa3Gqh6FogTHT5xD+/Zt0NqVm03RCk65fhsxMZeU/p0ICxzRH3K5AttD9xv1rmB8fBSjcW7fflAWeyhO9XrXGy1acNNywpZ8JQ1Nm9SDszO3ZJKQcBVDhmpPSPQJ3Nra8E4IDU5prLNzE51YMzKyERUdi88//5KDi/pnZmbrzM6qGoCypQnjhiJs50EsWPhVmWzavLq5tQZZaP363FsmlWXRy0DBweGc/jonZESDN0IIrfIRw/tVCS8vLx+xF5ORkpKq0R1RLJAWy6p18Xn1qhXsRU6uRvm03+jq1RF+fl6wtNScTKSnP9KZ2Rmhf7Uub4yQYUN7w7zSzRNCcynxOs6dT9SY5ZhigobIoCxv4vgA5RtYlZ/Mx9k4eSrWKJdpCAZeCSFX0etdL7zVmlsLqgiQNmiDhwjj/b51635jgSP8ITHXvCGVl8hw5Uoq4uKvGXTbssYJodJ7717dQOULfV6+PH8+CWPGTuF1cehSyupVP7BJE0fAypp7f0xTP3Kfx07E8lLx5UUJFCwnThiO5s3Lr/+8zCtAYtJ1dPPqiHr11d89j4yMxftTNJdCdCmzur9TfBk9eiDs7euoiYqKjoeVpaUyvkheGw5lYjt3HVNLPqqLg9e0d82an9j4cYNA4MnMY2OvKIMyBXiKJ5qemiCF3GrgcH+Ni+TGzXvw9x+qXLREWp8+3eDq2gJJSTd4c7O8WIhK2WFhW1hW1lPMn89NY/fv2878/EpfZa78JCffxNmYRF43X6ox1679lQUM7AGbOuovED19+hx7957iZHZk+a6uznj+PI+X42JeLUSX+R4/Fs46dXLT2Cw7Oweno+J4cQk0IJVF3nnHE1WN/zIvD3vCT2PJEvXSvq55Vfd3Xi1EGzhabf38fatUikIhR0rKXcQn/G0yxVDNrJ1bS/Ts0RV1NcQLwluTZNSohajIOrA/hPl071Ild3I5Q/rdDCQnp+DJk+dGXXRevvw71rFDG7h3dFF+1qmqJ/tpLg4dPsObO9LHemrMQiqC27TxD9bPvzustHxlgdrn5uTgUcYLZZHx2bNcFP0jRXGxVJk4KFeXmRkkEglsbKzh4GCHFs7N4OzUCM2aNYdE+1c7cO1aKmLOJYuf1lARQ1lM715d0MrFWZ+FBCpCyl5fXpDKXn+Exlyh/HSGlbU1JLoYeD1K0atCnDmbjJmzPhHE4hQECBUDFFc6tG8NP18PtVfK9GLJgEZ0pn7jxn3Exf/N2/m4AXDKmgqKEBUqKvZ5eLihs4cr6jtwb3wYM8mKfciqbqXew5UrabxXbo3BKkhCVBOhrKhly6bo0N4FLZwdYVNHfSetz6TJGrIeP0X63Sykpz+s0aCtC6+gCakInvYOjk3qw7FxfTRr5gj7ujaws7ODtTX3O4wlJTK8KpKjsKAAuXlFyMx8gszHz0yWOutSaHV/rzWEVJ4oxRv64BkRovo2GWVZVPiTyqRGpcfVVaYp+tdaQkwxeSHKEAkRGCsiISIhAtOAwOCIFiISIjANCAyOaCEiIQLTgMDgiBYiEiIwDQgMjmghIiEC04DA4IgWIhIiMA0IDI5oISIhAtOAwOCIFiISIjANCAyOaCEiIQLTgMDgiBYiEiIwDQgMzv8B8gu6sCWY0ZYAAAAASUVORK5CYII=); background-repeat: no-repeat; background-size:100px 100px; background-position: 0px 0px; z-index: 201; animation: spinny1 1s ease infinite; } /* CC BY-SA 3.0 spinny ikr_4185 */ @keyframes spinny1 { 0% { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } 50% { -webkit-transform: rotate(-60deg) scale(1); transform: rotate(-60deg) scale(1); } 100% { -webkit-transform: rotate(-360deg) scale(1); transform: rotate(-360deg) scale(1); } } #header:after{ display:block; position: absolute; width: 100px; height: 100px; top: 22%; left:2%; z-index: -2; content: ""; background:url(data:image/png;base64,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); background-repeat: no-repeat; background-size:100px 100px; background-position: 0px 0px; z-index: 200; animation: spinny2 1s ease infinite; } /* CC BY-SA 3.0 spinny ikr_4185 */ @keyframes spinny2 { 0% { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } 50% { -webkit-transform: rotate(60deg) scale(1); transform: rotate(60deg) scale(1); } 100% { -webkit-transform: rotate(360deg) scale(1); transform: rotate(360deg) scale(1); } } #search-top-box { position: absolute; top: 100px; right: 15px; width: 250px; text-align: right; } #search-top-box-input { border: solid 1px #999; border-radius: 5px; color: #ccc; background-color: #300; box-shadow: inset 1px 1px 3px rgba(0,0,0,.5); } #search-top-box-input:hover, #search-top-box-input:focus { border: solid 1px #fff; color: #fff; background-color: #633; box-shadow: inset 1px 1px 3px rgba(0,0,0,.8); } #search-top-box-form input[type=submit] { border: solid 1px #999; border-radius: 5px; padding: 2px 5px; font-size: 90%; font-weight: bold; color: #ccc; background-color: #633; background: linear-gradient(to bottom, #966,#633,#300); box-shadow: 0 1px 3px rgba(0,0,0,.5); cursor: pointer; } #search-top-box-form input[type=submit]:hover, #search-top-box-form input[type=submit]:focus { border: solid 1px #fff; color: #fff; text-shadow: 0 0 1px rgba(255,255,255,.25) background-color: #966; background: linear-gradient(to bottom, #c99,#966,#633); box-shadow: 0 1px 3px rgba(0,0,0,.8); } #login-status { color: #aaa; font-size: 90%; z-index: 30; font-family: verdana, arial, helvetica, 'Meiryo', 'Nanum Gothic', sans-serif; } #login-status a { background: transparent; color: #ddd; } #login-status ul a { color: #700; background: transparent; } #account-topbutton { background: #ccc; color: #700; } .printuser img.small { margin-right: 1px; } #header h1 { margin-left: 120px; padding: 0; float: left; max-height: 95px; } #header h2 { margin-left: 120px; padding: 0; clear: left; float: left; font-size: 105%; max-height: 38px; } #header h1 a { display: block; margin: 0; padding: 80px 0 25px; line-height: 0px; max-height: 0px; color: #efd; background: transparent; font-family: BauhausLTDemi, 'Sawarabi Mincho', Arial, sans-serif; font-size: 180%; text-decoration: none; text-shadow: 3px 3px 5px #000; letter-spacing: 0.9px; } #header h2 span { display: block; margin: 0; padding: 19px 0; line-height: 0px; max-height: 0px; font-weight: bold; color: #f0dd90; text-shadow: 1px 1px 1px #000; text-shadow: 1px 1px 1px rgba(0,0,0,.8); } /* TOP MENU */ #top-bar { position: absolute; z-index: 50; top: 140px; height: 21px; line-height: 18px; padding: 0; z-index: 20; font-size: 90%; } #top-bar ul { float: right; } #top-bar li { margin: 0; } #top-bar a { color: #fff; background: transparent; } #top-bar ul li { border: 0; position: relative; } #top-bar ul li ul { border: solid 1px #666; box-shadow: 0 2px 6px rgba(0,0,0,.5); border-top: 0; } #top-bar ul li a { border-left: solid 1px rgba(64,64,64,.1); border-right: solid 1px rgba(64,64,64,.1); text-decoration: none; padding-top: 10px; padding-bottom: 10px; line-height: 1px; max-height: 1px; overflow: hidden; } #top-bar ul li.sfhover a, #top-bar ul li:hover a { background: #eee; color: #a01; border-left: solid 1px rgba(64,64,64,1); border-right: solid 1px rgba(64,64,64,1); } #top-bar ul li.sfhover ul li a, #top-bar ul li:hover ul li a { border-width: 0; width: 150px; border-top: 1px solid #ddd; line-height: 160%; height: auto; max-height: none; padding-top: 0; padding-bottom: 0; } #top-bar ul li.sfhover a:hover, #top-bar ul li:hover a:hover { background: #fff; text-decoration: none; } #top-bar ul li ul { border-width: 0 1px 1px 1px; width: auto; } #top-bar ul li ul li, #top-bar ul li ul li.sfhover, #top-bar ul li ul li, #top-bar ul li ul li:hover { border-width: 0; } #top-bar ul li ul li a { border-width: 0; } #top-bar ul li ul a, #top-bar a:hover { color: #a01; } .top-bar ul li:last-of-type ul { right: 0; } /* IE7 HACK */ #top-bar ul > li > ul { *margin-top: -4px; } /* SIDE MENU */ #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: 1px solid #660000; border-radius: 10px; box-shadow: 0 2px 6px rgba(102,0,0,.5); background: #fff; margin-bottom: 15px; } #side-bar .side-area { padding: 10px; } #side-bar .heading { color: #600; border-bottom: solid 1px #600; padding-left: 15px; margin-top: 10px; margin-bottom: 5px; font-size: 8pt; font-weight: bold; } #side-bar p { margin: 0; } #side-bar div.menu-item { margin: 2px 0; } #side-bar div.menu-item img { width: 13px; height: 13px; border: 0; margin-right: 2px; position: relative; bottom: -2px; } #side-bar div.menu-item a { font-weight: bold; } #side-bar div.menu-item.inactive img { opacity: 0.25; } #side-bar div.menu-item.inactive a { color: #999; } #side-bar div.menu-item .sub-text { font-size: 80%; color: #666; } #side-bar div.menu-item.sub-item { } #side-bar .collapsible-block-folded { background: url(http://www.scp-wiki.net/local--files/nav:side/expand.png) 0 2px no-repeat; } #side-bar .collapsible-block-link { margin-left: 15px; font-weight: bold; } #side-bar .collapsible-block-unfolded-link { border-bottom: solid 1px #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-bar ul{ list-style-type: none; padding: 0 5px 0; } /* CONTENT */ #main-content { margin: 0 4em 0 20em; padding: 1em; position: relative; } /* ACTUALLY HIDE HIDDEN TAGS */ #main-content .page-tags a[href^="/system:page-tags/tag/_"] { display: none; } #breadcrumbs { margin: -1em 0 1em; font-weight: 85%; } /* YUI-TABS */ .yui-navset .yui-content{ background-color: #f5f5f5; } .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a { background-color:#d8d8d8; background-image: url(http://d3g0gp89917ko0.cloudfront.net/v--3b8418686296/common--theme/shiny/images/yuitabs.png); } .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, /* no focus effect for selected */ .yui-navset .yui-nav .selected a:hover { /* no hover effect for selected */ background:#700 url(http://d3g0gp89917ko0.cloudfront.net/v--3b8418686296/common--theme/shiny/images/yuitabs.png) repeat-x left -1400px; /* selected tab background */ color:#fff; } .yui-navset .yui-nav a:hover, .yui-navset .yui-nav a:focus { background:#d88 url(http://d3g0gp89917ko0.cloudfront.net/v--3b8418686296/common--theme/shiny/images/yuitabs.png) repeat-x left -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; } .yui-navset li { line-height: 141%; word-break:break-all; } /* FOOTER */ #footer { clear: both; font-size: 77%; background: #444; color: #bbb; margin-top: 15px; padding: 3px 10px; } #footer .options { visibility: visible; display: block; float: right; width: 50%; font-size: 100%; text-align: right; } #footer a { color: #fff; background: transparent; } /* SOME NICE BOXES */ div.sexy-box { background: #eee; border: 1px solid #ccc; padding: 0 10px 12px; margin: 7px 4px 12px; overflow: hidden; } div.sexy-box div.image-container img { margin: 5px; padding: 2px; border: 1px solid #999; } /* Custom page content classes */ #page-content { min-height: 720px; } .unmargined > p { margin: 0; line-height: 100%; } .content-panel { border: solid 1px #888880; border-radius: 10px; background-color: #999990; margin: 10px 0 15px; box-shadow: 3px 3px 6px #bbb; box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.1); } .content-panel.standalone { background: #fcfdfb; } .content-panel.series { padding: 0 20px; 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: 2px 10px; color: #ffffff; font-size: 90%; font-weight: bold; text-shadow: 1px 1px 2px rgba(0,0,0,.35); } .content-panel .panel-heading > p, .content-panel .panel-footer > p { margin: 0; } .content-panel .panel-body { padding: 5px 10px; background: #fff9f0 url(http://www.scp-wiki.net/local--files/component:theme/panel-bg-gradient-reverse.png) bottom repeat-x; /* box-shadow: 1px 2px 3px rgba(0,0,0,.2) inset */ } .content-panel .panel-footer { padding: 1px 10px; color: #fffff0; font-size: 80%; font-weight: bold; text-align: right; text-shadow: 1px 1px 2px rgba(0,0,0,.5); } .content-panel .panel-footer a { color: #ffffff; } .content-panel .content-toc { float: right; padding: 0 20px; background-color: #fff; border: solid 1px #ccc; border-radius: 10px; margin: 20px 0 5px 5px; white-space: nowrap; box-shadow: inset 1px 2px 6px rgba(0,0,0,.15) } .alternate:nth-child(even) { background-color: rgba(255,255,255,.9); } /* Page Rating Module Customizations */ .page-rate-widget-box { display: inline-block; border-radius: 5px; box-shadow: 1px 1px 3px rgba(0,0,0,.5); margin-bottom: 10px; margin-right: 2em; } .page-rate-widget-box .rate-points { background-color: #633 !important; border: solid 1px #633; border-right: 0; border-radius: 5px 0 0 5px; } .page-rate-widget-box .rateup, .page-rate-widget-box .ratedown { background-color: #fff6f0; border-top: solid 1px #633; border-bottom: solid 1px #633; font-weight: bold; } .page-rate-widget-box .rateup a, .page-rate-widget-box .ratedown a { background: transparent; color: #633; padding: 0 4px; margin: 0 1px; } .page-rate-widget-box .rateup a:hover, .page-rate-widget-box .ratedown a:hover { background: #633; color: #fffff0; text-decoration: none; } .page-rate-widget-box .cancel { background-color: #633; border: solid 1px #633; border-left: 0; border-radius: 0 5px 5px 0; } .page-rate-widget-box .cancel a { background: transparent; text-transform: uppercase; color: #966; } .page-rate-widget-box .cancel a:hover { border-radius: 0 3px 3px 0; background: #633; color: #fffff0; text-decoration: none; } /* Heritage Collection Rating Module */ .heritage-rating-module { float: right; background-color: #633; padding: 2px 8px 2px 5px; border: solid 1px #ccc066; border-radius: 8px; box-shadow: 0 1px 3px 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-emblem img { width: 20px; height: 20px; border: 0; } /* Fixes for multi-line page tags */ #main-content .page-tags { margin: 1em 0 0; padding: 0; } #main-content .page-tags span { display: inline-block; padding: 0; max-width: 60%; } #main-content .page-tags a { display: inline-block; white-space: nowrap; } /* Standard Image Block */ .scp-image-block { border: solid 1px #666; box-shadow: 0 1px 6px rgba(0,0,0,.25); width: 300px; } .scp-image-block.block-right { float: right; clear: right; margin: 0 2em 1em 2em; } .scp-image-block.block-left { float: left; clear: left; margin: 0 2em 1em 0; } .scp-image-block.block-center { margin-right: auto; margin-left: auto; } .scp-image-block img { border: 0; width: 300px; } .scp-image-block .scp-image-caption { background-color: #eee; border-top: solid 1px #666; padding: 2px 0; 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: 0 10px; } /* Forum Customizations */ .forum-thread-box .description-block { padding: .5em 1em; border-radius: 10px; box-shadow: 0 1px 5px rgba(0,0,0,.15), inset 0 1px 0 rgba(255,255,255,.8), inset 0 10px 5px rgba(255,255,255,.25), inset 0 -15px 30px rgba(0,0,0,.1) } .thread-container .post .head { padding: 0.5em 1em; background-color: #eee; background: linear-gradient(to right, #eee, #eeecec); box-shadow: inset 2px 3px 6px rgba(0,0,0,.15); border-radius: 5px 5px 0 0; } /* Hide Forum Signatures */ .signature { display:none !important; } /* Ruby by Nanimono Demonai */ .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: 1px solid; 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: 1px 3px; font-family: inherit; font-size: 0.85em; white-space: nowrap; } /* tag style */ .tags { display: inline-block; margin: 0 0 0 5px; padding: 3px 5px 3px 0px; 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: 0px 1px 3px 1px; float: left; position: relative; top: -3px; left: -10px; width: 0; height: 0; border-color: transparent #666 transparent transparent; border-style: solid; border-width: 8px 8px 8px 0px; } .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 -1px 2px #004977; -webkit-box-shadow: -1px -1px 2px #333; box-shadow: -1px -1px 2px #333; } /* Display Black Block by Nanimono Demonai */ .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 Minobe Hiroyuki @ Marguerite Site www.marguerite.jp/Nihongo/WWW/CSSTips/EmphasizeDots-CSS3.html Edited for the SCP Foundation by Nanimono_Demonai */ .emph { text-emphasis-style: dot ; -webkit-text-emphasis-style: dot ; } /* For FireFox */ @-moz-document url-prefix() { .emph { /* For the environments which comply with CSS3. */ font-family: monospace; font-style: normal; font-weight: normal; background-image: url(http://www.scp-wiki.net/local--files/component%3Atheme/dot.png), none; background-repeat: repeat-x; padding: 0.5em 0 0; background-color:transparent; background-clip: padding-box, content-box; background-size: 1em 1.3em, auto; } } /* For IE10 */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .emph { /* For the environments which comply with CSS3. */ font-family: monospace; font-style: normal; font-weight: normal; background-image: url(http://www.scp-wiki.net/local--files/component%3Atheme/dot.png), none; background-repeat: repeat-x; padding: 0.5em 0 0; background-color:transparent; background-clip: padding-box, content-box; background-size: 1em 1.3em, auto; } } /* viewport */ @viewport { width: device-width; zoom: 1.0; } /* IE viewport */ @-ms-viewport { width: device-width; zoom: 1.0; } /* opera viewport */ @-o-viewport { width: device-width; zoom: 1.0; } /* chrome viewport - maybe it isn't work... */ @-webkit-viewport { width: device-width; zoom: 1.0; } /* firefox viewport - maybe it isn't work too... */ @-moz-viewport { width: device-width; zoom: 1.0; } /* adblock */ .wd-adunit { display: none; } /* webkit scrollbar */ ::-webkit-scrollbar { width: 9px; /* for vertical scrollbars */ height: 9px; /* for horizontal scrollbars */ border: solid 1px 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; } /* Responsive Web Design */ img, embed, video, object, iframe, table { max-width: 100%; } #page-content div, #page-content div table { max-width: 100%; } #edit-page-comments { width: 100%; } /* basic Query for mobile devices */ @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; } .owindow div a.btn-primary { width: 100%; float: left; } } /* Mobile Media Query */ @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, .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-bottom a { padding: 0 4px; } #header h1 a { font-size: 100%; } blockquote { margin: 1em 0; } .license-area { font-size: 0.8em; } #header { background-position: 0 5.5em; background-size: 55px 55px; } #header h1, #header h2 { margin-left: 66px; } table.form td, table.form th { float: left; } td.title { width: 30%; } table.form td, table.form th { padding: 0; } #edit-page-title { max-width: 90%; } .content-panel.left-column, .content-panel.right-column { width: 99%; float: left; } #page-content div, #page-content div table { clear: both; } } /* Note Media Query */ @media (min-width: 480px) and (max-width: 580px) { #search-top-box-input { width: 7em; } #main-content { margin: 0 2em 0 2em; } #header, .mobile-top-bar { max-width: 90%; } #side-bar { width: 80%; position: relative; } .top-bar { display:none; } .mobile-top-bar { display: block; } .page-options-bottom a { padding: 0 5px; } #header h1 a { font-size: 120%; } blockquote { margin: 0.5em; } .license-area { font-size: 0.85em; } #header { background-position: 0.5em 4.5em; background-size: 66px 66px; } #header h1, #header h2 { margin-left: 80px; } td.title { width: 30%; } .content-panel.left-column, .content-panel.right-column { width: 99%; float: left; } #page-content div, #page-content div table { clear: both; } } /* Mini Tablet Media Query */ @media (min-width: 581px) and (max-width: 767px) { #search-top-box-input { width: 8em; } #side-bar { width: 80%; position: relative; } #main-content { margin: 0 3em 0 2em; } #header, .mobile-top-bar { max-width: 90%; } .top-bar { display: none; } .mobile-top-bar { display: block; } .page-options-bottom a { padding: 0 6px; } #header h1 a { font-size: 140%; } .license-area { font-size: 0.9em; } #header { background-position: 1em 4em; background-size: 77px 77px; } #header h1, #header h2 { margin-left: 93px; } } /* Tablet Media Query */ @media (min-width: 768px) and (max-width: 979px) { #main-content { margin: 0 4em 0 20em; } #header, #top-bar #side-bar { max-width: 100%; } .top-bar li { margin: 0; } #top-bar ul li.sfhover ul li a, #top-bar ul li:hover ul li a { width: 110px; } .page-options-bottom a { padding: 0 7px; } #header h1 a { font-size: 160%; } .license-area { font-size: 0.95em; } #header { background-position: 1em 4em; background-size: 88px 88px; } #header h1, #header h2 { margin-left: 106px; } .content-panel.left-column, .content-panel.right-column { width: 99%; float: left; } #page-content div, #page-content div table { clear: both; } } /* Desktop Media Query ----------- @media (min-width: 980px) and (max-width: 1399px) { } ------------------------------------------ */ /* Wide Monitor Media Query ----- @media (min-width: 1400px) { } ------------------------------------------ */ /* off-canvas */ .close-menu { display: none; } @media (max-width: 767px) { .page-history tbody tr td: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; } .owindow div .btn-primary { width: 100%; float: left; } .owindow div .btn-primary ~ div { width: 100%; } .yui-navset { z-index: 1; } #navi-bar, #navi-bar-shadow { display: none; } #main-content { max-width: 90%; margin: 0 5%; 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: 20em; height: 100%; background-color: rgb(184, 134, 134); overflow-y: auto; z-index: 10; padding: 1em 1em 0 1em; -webkit-transition: left 0.5s ease-in-out 0.1s; -moz-transition: left 0.5s ease-in-out 0.1s; -ms-transition: left 0.5s ease-in-out 0.1s; -o-transition: left 0.5s ease-in-out 0.1s; transition: left 0.5s ease-in-out 0.1s; } #side-bar:before { content: ""; background-image: url(http://scp-jp.wdfiles.com/local--files/wiki-syntax%3Aside/sidebar-logo1_50px.png); position: fixed; left: 20px; bottom: 20px; width: 40px; height: 40px; transition-duration: 0.7s; visibility: visible; z-index:200; } #side-bar:hover { position: fixed; margin-left: 0; left: -25em !important; transition-duration: 0.7s; z-index:200; } #side-bar:hover { position: fixed; margin-left: 0; left: 0 !important; transition-duration: 0.7s; z-index:200; } #side-bar:hover:before { text-decoration: none !important; -webkit-box-shadow: 0px 0px 20px 3px rgba(153,153,153,1); -moz-box-shadow: 0px 0px 20px 3px rgba(153,153,153,1); -ms-box-shadow: 0px 0px 20px 3px rgba(153,153,153,1); -o-box-shadow: 0px 0px 20px 3px rgba(153,153,153,1); box-shadow: 0px 0px 20px 3px rgba(153,153,153,1); visibility: hidden; border-radius: 50%; transition: visibility 0.5s ease 0.1s; transition-duration: 1s; } #side-bar:target + #main-content { left: 0; } #side-bar .default a{ font-size:120%; padding:0.3em 0em; } #side-bar .default a:hover{ background-color: rgba(255,255,255,0.7); } /*blackbackground*/ #side-bar ~ #main-content:after { position: fixed; left: 0; top: 0; width: 100%; height: 100%; visibility: hidden; background-color: rgba(0, 0, 0, 0.7); opacity: 0; content: ''; z-index: 40; } #side-bar:hover ~ #main-content:after { visibility: visible; opacity: 1; z-index:1; transition: opacity 500ms; } } .post .content a { word-wrap:break-word; } @media (max-width: 479px) { #header:before{ width: 56px; height: 56px; background-size: 56px 56px; top: 40%; left: -1%; transform-origin: 28px 28px; } #header:after{ width: 56px; height: 56px; background-size: 56px 56px; top: 40%; left: -1%; transform-origin: 28px 28px; } } @media (min-width: 480px) and (max-width: 580px) { #header:before{ width: 66px; height: 66px; top: 35%; left: -1%; background-size: 66px 66px; transform-origin: 33px 33px; } #header:after{ width: 66px; height: 66px; top: 35%; left: -1%; background-size: 66px 66px; transform-origin: 33px 33px; } } @media (min-width: 581px) and (max-width: 767px) { #header:before{ width: 78px; height: 78px; top: 30%; left: -1%; background-size: 78px 78px; transform-origin: 39px 39px; } #header:after{ width: 78px; height: 78px; top: 30%; left: -1%; background-size: 78px 78px; transform-origin: 39px 39px; } } @media (min-width: 768px) and (max-width: 979px) { #header:before{ top: 27%; width: 88px; height: 88px; background-size: 88px 88px; transform-origin: 44px 44px; } #header:after{ top: 27%; width: 88px; height: 88px; background-size: 88px 88px; transform-origin: 44px 44px; } } /* Thanks for Cocoonist, Dr Devan and C-take. */ #side-bar .default a:hover{ background-color: rgba(255,255,255,0.7); } .open-menu{ display:none; } /*Safari ハック 旧バージョン*/ @media screen and (-webkit-min-device-pixel-ratio:0) { ::i-block-chrome, #side-bar:hover { position: fixed; margin-left: 0; left: -25em !important; transition-duration: 0.7s; z-index:200; } ::i-block-chrome, .open-menu{ display:inline; } ::i-block-chrome, #side-bar:before { content: ""; background-image: none; display:none; } ::i-block-chrome, .open-menu a{ background-image: url(http://scp-jp.wdfiles.com/local--files/wiki-syntax%3Aside/sidebar-logo1_50px.png) !important; color:transparent !important; border:none !important; background-color:transparent !important; z-index:100; position: fixed; width:40px; height:40px; } ::i-block-chrome, #side-bar:hover:before{ background-image: url(http://scp-jp.wdfiles.com/local--files/wiki-syntax%3Aside/sidebar-logo1_50px.png); } ::i-block-chrome, #side-bar:target { position: fixed; margin-left: 0; left: 0 !important; transition-duration: 0.7s; z-index:200; width: 20em; } ::i-block-chrome, #side-bar:target .close-menu { display: block; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.3) 1px 1px repeat; z-index: -1; } ::i-block-chrome, #side-bar:hover ~ #main-content:after { position: fixed; left: 0; top: 0; width: 100%; height: 100%; visibility: hidden; background-color: rgba(0, 0, 0, 0.7); opacity: 0; content: ''; z-index: 40; } ::i-block-chrome, #side-bar:target ~ #main-content:after { visibility: visible; opacity: 1; z-index:1; transition: opacity 500ms; } } /* Safari ハック 新バージョン */ _::-webkit-full-page-media, _:future, :root .open-menu{ display:inline; } _::-webkit-full-page-media, _:future, :root .open-menu a { background-image: url(http://scp-jp.wdfiles.com/local--files/wiki-syntax%3Aside/sidebar-logo1_50px.png) !important; color:transparent !important; border:none !important; background-color:transparent !important; z-index:100; position: fixed; width:40px; height:40px; } _::-webkit-full-page-media, _:future, :root #side-bar:before { content: ""; background-image: none; display:none; } _::-webkit-full-page-media, _:future, :root #side-bar:hover:before{ background-image: url(http://scp-jp.wdfiles.com/local--files/wiki-syntax%3Aside/sidebar-logo1_50px.png); } _::-webkit-full-page-media, _:future, :root #side-bar:target { position: fixed; margin-left: 0; left: 0 !important; transition-duration: 0.7s; z-index:200; width: 20em; } _::-webkit-full-page-media, _:future, :root #side-bar:target .close-menu { display: block; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.3) 1px 1px repeat; z-index: -1; } _::-webkit-full-page-media, _:future, :root #side-bar:hover ~ #main-content:after { position: fixed; left: 0; top: 0; width: 100%; height: 100%; visibility: hidden; background-color: rgba(0, 0, 0, 0.7); opacity: 0; content: ''; z-index: 40; } _::-webkit-full-page-media, _:future, :root #side-bar:target ~ #main-content:after { visibility: visible; opacity: 1; z-index:1; transition: opacity 500ms; } /*Safariハック終わり*/ /* Special thanks for boyu12 */ /* colmod */ /* リストをdivっぽく仕立てる */ .colmod-block > ul, .colmod-block > ul > li { display:block; line-height:normal; list-style:none; margin:0; padding:0; } /* _foldableMenuToggle()用のダミーリスト */ .colmod-block > ul > li > ul, /* 折り畳み上部の閉じるリンク */ li.folded > .colmod-link-top a + a, /* 折り畳み内包物 */ li.folded > .colmod-content, /* 折り畳み下部の閉じるリンク */ li.folded > .colmod-link-end a, /* 折り畳み上部の開くリンク */ li.unfolded > .colmod-link-top a:first-child { display:none; } /* 折り畳み内包物 cubic-bezier()はcollapsibleのアニメーションの再現 ease-in-outはcubic-bezier()が使えないブラウザ用 */ .colmod-content { -webkit-animation:colmod-fade-in 0.2s ease-in-out; -moz-animation:colmod-fade-in 0.2s ease-in-out; animation:colmod-fade-in 0.2s ease-in-out; -webkit-animation-timing-function:cubic-bezier(0.3649610494,0,0.6350389506,1); -moz-animation-timing-function:cubic-bezier(0.3649610494,0,0.6350389506,1); animation-timing-function:cubic-bezier(0.3649610494,0,0.6350389506,1); } /* 折り畳み内包物 閉じているときはアニメーションを適応しない */ li.folded > .colmod-content { -webkit-animation-name:none; -moz-animation-name:none; animation-name:none; } /* フェードイン・アニメーション */ @-webkit-keyframes colmod-fade-in { from { opacity:0; } to { opacity:1; } } @-moz-keyframes colmod-fade-in { from { opacity:0; } to { opacity:1; } } @keyframes colmod-fade-in { from { opacity:0; } to { opacity:1; } } /* div.foldable-list-containerのclickイベントに_foldableMenuToggle()が登録されるため div.foldable-list-containerの当たり判定を中身に合わせる */ [class|="colmod-link"] div.foldable-list-container { display:inline; } /* 偽りの認証のCSSを引用 */ .colmod-collapsiblealt > [class|="colmod-link"], .collapsiblealt > .colmod-block > ul > li > [class|="colmod-link"] { margin:0.5em 0; text-align:center; } .colmod-collapsiblealt > [class|="colmod-link"] a, .collapsiblealt > .colmod-block > ul > li > [class|="colmod-link"] a { padding:0.1em 0.5em; text-decoration:none; background-color:#F4F4F4; border:1px solid #AAA; color:#000; } .colmod-collapsiblealt > [class|="colmod-link"] a:hover, .colmod-collapsiblealt > [class|="colmod-link"] a:active, .collapsiblealt > .colmod-block > ul > li > [class|="colmod-link"] a:hover, .collapsiblealt > .colmod-block > ul > li > [class|="colmod-link"] a:active { background:#DDD; text-decoration:none; }
Seiten Revision: 66, zuletzt bearbeitet: 30 Aug 2018 12:38