MediaWiki:Common.css

/* ここに書いた CSS は全ての外装に反映されます */ /* Mark redirects in Special:Allpages and Special:Watchlist */ a[href$="/wiki/User:Bdun4"] { color: #0000ff !important; text-shadow: 1px 1px 0 #000000, 2px 2px 5px #ff0019; } .allpagesredirect { font-style: italic; } .allpagesredirect:after { color: #808080; content: " (リダイレクト)" } .watchlistredir { font-style: italic; }

/* メインページ　ポール */ .hpbox div.ajax-poll { margin: 0 0 0 -10px; border: none; font-size: 15px; } .hpbox div.pollAnswer { font-size: 13px; margin: 0 -3px 0 -16px; } .hpbox div.pollAnswerName { margin: 3px 0 -3px 0; } .hpbox div.pollAnswerVotes { background-color: #f5f5f5; height: 13px; } .hpbox div.pollAnswerVotes div { background-color: #f8b; height: 13px; } .hpbox div.pollAnswerVotes span { line-height: 2em; }

/* ホームのボックスやナビボックスのリンクを読みやすく */ .hpbox tr:first-child a { color: #F8DE7E; }

/*********************/ /****** infobox ******/ /*********************/ .portable-infobox { width: 275px; background: #f7f7f7; border-collapse: separate; padding: 3px; border: 1px solid #999999; border-radius: 2px; }

.pi-title { background: #999999; color: #f7f7f7; text-align: center; font-weight: bold; }

.pi-theme-chara .pi-image, .pi-theme-cv .pi-image { background: -moz-linear-gradient(top, rgba(204,204,204,0.4) 0%, rgba(204,204,204,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(204,204,204,0.4) 0%,rgba(204,204,204,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(204,204,204,0.4) 0%,rgba(204,204,204,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ margin: 2px 0; height: 240px; overflow: hidden; border-bottom: 1px solid #999999; }

.pi-theme-chara .pi-image:hover, .pi-theme-cv .pi-image:hover{ height: 100%; overflow: hidden; }

.portable-infobox .pi-caption { text-align: center; padding: 0px; border-bottom: 1px solid #bbbbbb; }

.pi-header.pi-item-spacing { padding: 1px 0px; margin: 1px 0; } .pi-data.pi-item-spacing { padding: 1px 0px; } .pi-item .pi-data-value { padding: 0 2px; }

.pi-data-label { background: #cccccc; border: solid #cccccc; border-width: 1px 3px; text-align: right; }

.pi-header { background: #999999; border: solid #999999; text-align: center; color: #f7f7f7; padding: 1px 1px; }

.pi-horizontal-group .pi-header { text-align: center; background: #bbbbbb; }

.pi-horizontal-group th.pi-horizontal-group-item { padding: 0; margin: 1px 0; text-align: center; }

.pi-item.pi-data { border-width: 0px; }

.pi-data:last-of-type, .pi-group { border-bottom: none; } .pi-data:last-of-type + .pi-group { border-top-style: none; }

/* キャラクターのインフォボックス */ .portable-infobox.pi-theme-chara { background: #e6ffe5; border-color: #40fb75; }

.pi-theme-chara .pi-title { background: #40fb75; color: #e6ffe5; }

.pi-theme-chara .pi-image { background: -moz-linear-gradient(top, rgba(253,179,212,0.4) 0%, rgba(253,179,212,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(253,179,212,0.4) 0%,rgba(253,179,212,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(253,179,212,0.4) 0%,rgba(253,179,212,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ border-bottom-color: #40fb75; }

.pi-theme-chara .pi-data-label { background: #fdb3d4; border-color: #fdb3d4; }

.pi-theme-chara .pi-header { background: #40fb75; border-color: #40fb75; color: #e6ffe5; }

.pi-theme-chara .pi-horizontal-group .pi-header { text-align: center; background: #93fc8b; }

/* 声優のインフォボックス */ .portable-infobox.pi-theme-cv { background: #F6F6FD; border-color: #68cc66; }

.pi-theme-cv .pi-title { background: #68cc66; color: #F6F6FD; }

.pi-theme-cv .pi-image { background: -moz-linear-gradient(top, rgba(192,161,224,0.4) 0%, rgba(192,161,224,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(192,161,224,0.4) 0%,rgba(192,161,224,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(192,161,224,0.4) 0%,rgba(192,161,224,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ border-bottom-color: #68cc66; }

.pi-theme-cv .pi-data-label { background: #c0a1e0; border-color: #c0a1e0; }

.pi-theme-cv .pi-header { background: #68cc66; border-color: #68cc66; color: #F6F6FD; }

/* 歌のインフォボックス */ .portable-infobox.pi-theme-song { background: #f0f8ff; border-color: #5273cb; }

.pi-theme-song .pi-title { background: #5273cb; color: #f0f8ff; }

.pi-theme-song .pi-image { background: -moz-linear-gradient(top, rgba(181,198,236,0.4) 0%, rgba(181,198,236,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(181,198,236,0.4) 0%,rgba(181,198,236,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(181,198,236,0.4) 0%,rgba(181,198,236,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ border-bottom-color: #5273cb; }

.portable-infobox.pi-theme-song .pi-caption { border-color: #5273cb; }

.pi-theme-song .pi-data-label { background: #b5c6ec; border-color: #b5c6ec; }

.pi-theme-song .pi-header { background: #5273cb; border-color: #5273cb; color: #f0f8ff; }

.pi-theme-song .pi-horizontal-group .pi-header { text-align: center; background: #fc8bbd; }

/* カードのインフォボックス */ .portable-infobox.pi-theme-card { background: #fdfdf6; border-color: #dde416; }

.pi-theme-card .pi-title { background: #dde416; color: #fdfdf6; }

.pi-theme-card .pi-image { background: -moz-linear-gradient(top, rgba(239,196,90,0.4) 0%, rgba(239,196,90,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(239,196,90,0.4) 0%,rgba(239,196,90,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(239,196,90,0.4) 0%,rgba(239,196,90,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ border-bottom-color: #dde416; }

.pi-theme-card .pi-data-label { background: #dde416; border-color: #dde416; }

.pi-theme-card .pi-header { background: #dde416; border-color: #dde416; color: #fdfdf6; }

/* Theme - Green (Template:CharacterInfobox) */ .portable-infobox.pi-theme-green { overflow: hidden; background-color: #FFFFFF; padding: 0; border: 1px solid #FFFFFF; border-radius: 10px; box-shadow: 1px 1px 2px #008F0D; margin-right: 2px; }

.portable-infobox.pi-theme-green .pi-header, .portable-infobox.pi-theme-green .pi-title { font-weight: bold; background-color: #50AA32; border: 1px inset #50AA32; border-radius: 0 9px 9px 0; }

.portable-infobox.pi-theme-green .pi-header { padding: 2px 0; }

.portable-infobox.pi-theme-green .pi-caption { line-height: normal; padding-top: 4px; border-bottom: none; }

.portable-infobox.pi-theme-green *:not(.pi-image-collection-tab-content) > .pi-image, .portable-infobox.pi-theme-green .pi-image-collection, .portable-infobox.pi-theme-green > .pi-image { border: 1px inset #50AA32; margin: 1px 0 0; }

.portable-infobox .pi-image-collection-tabs { display: flex; justify-content: center; flex-wrap: wrap; background: transparent; padding: 4px 0 0; }

.portable-infobox .pi-image-collection-tabs .pi-tab-link { background: transparent; font-weight: bold; color: #000000; text-align: center; padding: 2px 6px; border: 0; }

.portable-infobox .pi-image-collection-tabs .pi-tab-link:not(:first-child) { margin-left: 2px; }

.portable-infobox .pi-image-collection-tabs .pi-tab-link.current { background: #50AA32; color: #FFFFFF; border-radius: 4px; }

.portable-infobox.pi-theme-green .pi-image-collection-tab-content { background-color: transparent; }

.portable-infobox.pi-theme-green .pi-image { overflow: hidden; padding: 3px; }

.portable-infobox.pi-theme-green > .pi-group:first-child > .pi-image.pi-item:first-child, .portable-infobox.pi-theme-green > .pi-image.pi-item:first-child { border-top-left-radius: 9px; border-top-right-radius: 9px; margin-top: 0; }

.portable-infobox.pi-theme-green .pi-image .pi-image-thumbnail { max-width: 100%; height: auto; }

.portable-infobox.pi-theme-green .pi-item:not(.pi-group), .portable-infobox.pi-theme-green .pi-navigation { margin: 1px 0 0; }

.portable-infobox.pi-theme-green .pi-data.pi-item-spacing { padding: 0; }

.portable-infobox.pi-theme-green > .pi-group:first-child > .pi-title:first-child, .portable-infobox.pi-theme-green > .pi-title:first-child { border-radius: 9px 9px 0 0; margin: 0; }

.portable-infobox.pi-theme-green .pi-data-label, .portable-infobox.pi-theme-green .pi-navigation { background-color: #50AA32; border: 1px inset #50AA32; }

.portable-infobox.pi-theme-green .pi-data-label { text-align: left; padding: 3px 1px 3px 7px; margin-right: 1px; }

.portable-infobox.pi-theme-green .pi-data-value { text-align: center; padding: 3px 1px 3px 1px; border: 1px inset #50AA32; border-radius: 0 0 9px 0; box-sizing: border-box; }

.portable-infobox.pi-theme-green .pi-data-label a, .portable-infobox.pi-theme-green .pi-data-label, .portable-infobox.pi-theme-green .pi-navigation a, .portable-infobox.pi-theme-green .pi-navigation { color: #FFFFFF; }

.portable-infobox.pi-theme-green .pi-navigation { text-align: center; padding: 2px 0; }

.portable-infobox.pi-theme-green > *:last-child { border-radius: 0 0 9px 9px; }

.portable-infobox.pi-theme-green > .pi-group:last-child .pi-data:last-child > .pi-data-label, .portable-infobox.pi-theme-green > .pi-data:last-child > .pi-data-label { border-radius: 0 0 0 9px; }

/*** 歌詞のTabber ***/ .lyric .tabberlive div.tabbertab { border: 2px solid #EA84BD; border-radius: 5px; }

.lyric .tabberlive ul.tabbernav { border: none; margin: 1px 6px; }

.lyric .tabberlive ul.tabbernav li a { background: #9a85c6; border: none; border-radius: 5px; color: #e7cbf8; } .lyric .tabberlive ul.tabbernav li:hover a { background: #e7cbf8; color: #9a85c6; }

.lyric .tabberlive ul.tabbernav li.tabberactive a { background: #2ec715; border: none; border-radius: 5px; color: #FFBCD9; } .lyric .tabberlive ul.tabbernav li.tabberactive:hover a { background: #FFBCD9; color: #2ec715;

}