利用者:おーい魚/custom1.css
表示
< 利用者:おーい魚
お知らせ: 保存した後、ブラウザのキャッシュをクリアしてページを再読み込みする必要があります。
多くの Windows や Linux のブラウザ
- Ctrl を押しながら F5 を押す。
Mac における Safari
Mac における Chrome や Firefox
- ⌘ Cmd と ⇧ Shift を押しながら R を押す。
詳細についてはWikipedia:キャッシュを消すをご覧ください。
body {
background: linear-gradient(to bottom,#aaa 70%,#faa);
background-attachment: fixed;
}
:root{
--bg-color: #220066;
--link-color: #22aaee;
}
#content{
font-family: "Kozuka Mincho Pro","Hiragino Mincho Pro";
filter: invert();
font-feature-settings: "palt";
margin-left: 150px;
margin-top: 0;
border: 0;
background-color:#ffffff;
color:#0a0a0a;
text-shadow:0 0;
padding: 1em 0 0;
}
#content :-webkit-any(h1,h2,h3,h4,h5,h6){
border: none;
background: linear-gradient(to bottom, transparent 80%,var(--bg-color));
color: var(--bg-color);
font-family: serif;
font-feature-settings: normal;
letter-spacing: .1em;
}
h1#firstHeading {
font-size: 42px;
padding-left: 20px;
}
#content b {
font-family: "hiragino sans";
font-weight: 500;
}
#content a {
color: #0066ff;
}
#content a.new {
color: #00aaff;
}
#bodyContent{
line-height: 1.4;
padding: 0 20px;
}
div#content {
}
img {
filter: invert();
}
#p-logo .mw-wiki-logo::before {
content: "Wikipedia";
display: block;
font-family: "Zapfino";
text-align: center;
}
#p-logo .mw-wiki-logo{
background: none;
height: auto;
}
#p-logo,#p-logo a{
height: auto;
width: 150px;
}
div#p-style {
font-size: 12px;
font-family: serif;
opacity: .7;
}
div#p-style:hover {
opacity: 1;
}
div#mw-panel>div.portal {
margin: 30px 0 0;
padding: 0;
}
div#mw-panel {
padding: 0;
width: 150px;
}
#p-personal {
top: 0;
height: 25px;
}
#mw-page-base {
background: transparent;
height:50px;
}
#left-navigation {
position: absolute;
left: 150px;
top: 25px;
margin: 0;
}
div#right-navigation {
position: absolute;
right: 0;
top: 25px;
float: none;
margin: 0;
}
div#left-navigation *, div#right-navigation * {
height: 25px;
padding: 0;
margin: 0;
background: none;
box-sizing: border-box;
}
div#left-navigation li a, div#right-navigation li a{
background: linear-gradient(to bottom, #eee, #666);
padding: 0 .5em;
text-align: center;
margin-right: 2px;
line-height: 25px;
}
div#left-navigation li.selected a,div#right-navigation li.selected a{
background: linear-gradient(to bottom, #666, #000);
color: white;
font-weight: bold;
}
#ca-watch.icon>span>a,#ca-unwatch.icon>span>a {
padding-top: 25px!important;
}
div#simpleSearch {
border: none;
}
input#searchInput {
opacity: 0.6;
transition: opacity 0.2s linear;
background-image: linear-gradient(to bottom, #fffa 50%,#ffff);
border-radius: 5px;
}
input#searchInput:hover, input#searchInput:focus {
opacity: 1;
}