CSS theme: RSO協会(minminzemi様)
魔法の言葉、CSS!
これは本Wiki内部で使用されているテンプレートページです。
このページに触れないでください
特に下のボタンを押さないでください
/* The RSO Association theme (CC BY-SA 3.0) Created by minminzemi Edited by 7happy7 */ @import url(https://fonts.googleapis.com/earlyaccess/sawarabigothic.css); div#container-wrap{ background: url(http://unofficial-scp-sandbox-jp.wikidot.com/local--files/component:rsotheme/RSO_header.png) top left repeat-x; background-size:100px; } #header{ height: 135px; background:url(http://unofficial-scp-sandbox-jp.wikidot.com/local--files/component:rsotheme/logo.png) 10px 40px no-repeat; background-size:100px 100px; } #header h1 a { 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; } #header h1 a:before { content:"The RSO Association"; display: block; font-family: BauhausLTDemi, 'Nanum Gothic', Arial, sans-serif; font-size:50%; position:absolute; bottom:2em; left:0px; padding: 80px 0 25px; line-height: 0px; color: #FEE; background: transparent; text-shadow: 3px 3px 5px #000; letter-spacing: 0.9px; word-break:none; z-index:1; } #header h1 a:after { content:"RSO協会"; display: block; position:absolute; top:0px; left:0px; padding: 80px 0 25px; line-height: 0px; max-height: 0px; color: #DDD; background: transparent; font-family: BauhausLTDemi, 'Sawarabi Gothic', Arial, sans-serif; font-size: 100%; text-shadow: 3px 3px 5px #000; letter-spacing: 0.9px; word-break:none; z-index:1; } #header h2 span{ font-size:0px; padding: 4px; } #header h2:after{ padding: 19px 0; font-weight: bold; color: #f0f0c0; text-shadow: 1px 1px 1px #000; text-shadow: 1px 1px 1px rgba(0, 0, 0, .8); white-space: pre ; content: "Release, Spread, Observe"; } /* 改良版yui-navset*/ .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav { border-color:#b79cbe; /* color between tab list and content */ } .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a { background-color:#d8d8d8 ! important; /* tab background */ border-color:#b79cbe; color:#303030; transition: 0.125s; border-top-left-radius: 5px 5px; border-top-right-radius: 5px 5px; border-bottom-right-radius: 5px 5px; border-bottom-left-radius: 5px 5px; } .yui-navset .yui-nav a em { background-color: #fdfdfd; box-shadow: 0px 1px 2px rgba(0,0,0,0.7); border-color: #a39ca9; border-top-left-radius: 5px 5px; border-top-right-radius: 5px 5px; border-bottom-right-radius: 5px 5px; border-bottom-left-radius: 5px 5px; } .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:hover { background-image: none; background-color: #4D4D4D; /* selected tab background */ color:white; } .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a em { border-color: transparent; box-shadow: 0px 1px 2px rgba(100, 7, 70, 0.5); background-color: #a32e9c; border-top-left-radius: 5px 5px; border-top-right-radius: 5px 5px; border-bottom-right-radius: 5px 5px; border-bottom-left-radius: 5px 5px; } .yui-navset .yui-content { background: #ffeeee; /* Old browsers */ box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); background: -moz-linear-gradient(top, #ffeeee 0%, #ffffff 27%, #ffffff 100%); background: -webkit-linear-gradient(top, #ffeeee 0%, #ffffff 27%, #ffffff 100%); background: linear-gradient(to bottom, #ffeeee 0%, #ffffff 27%, #ffffff 100%); /* content background color */ } .yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content { border: none; /* content border */ border-top-color:#a39ca9; /* different border color */ } .yui-navset-left .yui-content { border-left-color: #a39ca9; /* different border color */ } /* side-bar*/ #side-bar .side-block { padding: 10px; border: 2px dotted #a32e9c; box-shadow: none !important; margin-bottom: 15px; background: #ffe0f9 !important; border-radius: 30px 10px 30px 10px / 30px 10px 30px 10px; } #side-bar div.menu-item.inactive a { color: #55335d; } #side-bar div.menu-item .sub-text { color: #55335d; } #side-bar .collapsible-block-unfolded-link { border-bottom: solid 1px #55335d; } #side-bar .collapsible-block-unfolded-link .collapsible-block-link { color: #55335d; } #side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover { color: #a32e9c; } /* global*/ body { font-size: 0.80em; background: #f8deff; } /* media*/ @media (max-width: 479px) { #header{ background-position: 0 5.5em; background-size: 55px 55px; overflow:hidden; } } @media (min-width: 480px) and (max-width: 580px) { #header{ background-position: 0.5em 4.5em; background-size: 66px 66px; } } @media (min-width: 581px) and (max-width: 767px) { #header{ background-size: 77px 77px; } }
Seiten Revision: 31, zuletzt bearbeitet: 22 Jul 2018 10:48