MediaWiki:Common.css

/* ここに書いた CSS は全ての外装に反映されます */ /* Mark redirects in Special:Allpages and Special:Watchlist */ .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; } /*** 歌詞の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; }