The Vampire Diaries Wiki
アカウントをお持ちでない場合
登録
Advertisement
登録
The Vampire Diaries Wiki
The Vampire Diaries Wiki
102
ページ

Wikia.css

MediaWikiページ
編集するにはログイン

注意: 保存後、変更を確認するにはブラウザーのキャッシュを消去する必要がある場合があります。

  • Firefox / Safari: Shift を押しながら 再読み込み をクリックするか、Ctrl-F5 または Ctrl-R を押してください (Mac では ⌘-R)
  • Google Chrome: Ctrl-Shift-R を押してください (Mac では ⌘-Shift-R)
  • Internet Explorer / Microsoft Edge: Ctrl を押しながら 最新の情報に更新 をクリックするか、Ctrl-F5 を押してください
  • Opera: Ctrl-F5を押してください
/***** ポータブル インフォボックスの設定 *****/
.portable-infobox { 
width: 250px;
background: none !important;
}
 
.pi-horizontal-group {
   text-align: left;
}
 
/* Adjusts reference size */
.portable-infobox .reference, .refadjust .reference {
	font-size: 7.5px;
	line-height: 1.5;
}
 
/* Alternating row colors;
   Colors taken directly from 
   the original, non-PI infoboxes */
 
.portable-infobox .pi-data:nth-child(even) { 
        background-color: #F0F0F0; 
}
 
.portable-infobox .pi-data:nth-child(odd) {
        background-color: #f9f9f9;
}
/* Eliminate border between rows */
.portable-infobox .pi-border-color { border-bottom-style: none !important; }
 
/* Standardized padding for infobox elements */
.portable-infobox .pi-item-spacing { padding: 4px; }
 
/* Title field */
.portable-infobox .pi-title {
	font-size: 0.96em;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	line-height: 1.5;
}
 
/* Secondary font - section headers and labels */
.portable-infobox .pi-secondary-font {
	font-size: 0.8em;
	line-height: 1.5;
}
 
/* Field labels */
.portable-infobox .pi-data-label {
	color: #696969;
	font-weight: normal;
	padding: 0;
        display:-webkit-flex;
        display:flex;
}
.pi-data .pi-data-label {
        -webkit-flex-basis:auto;
           -moz-flex-basis:auto;
                flex-basis:auto;
        -webkit-align-items:center;
           -moz-align-items:center;
                align-items:center;
        width:25%;
}
 
/* Field values */
.portable-infobox .pi-data-value {
	color: #696969;
	font-size: 0.8em;
	line-height: 1.5;
}
.pi-data .pi-data-value { 
        ms-flex-preferred-size:auto;
        -webkit-flex-basis:auto;
           -moz-flex-basis:auto;
                flex-basis:auto;
        -webkit-align-items:center;
           -moz-align-items:center;
                align-items:center;
        width:75%
}
.portable-infobox .pi-data-value:not(:first-child) { padding-left: 5px; }
.portable-infobox .pi-data-value li { line-height: 1.5em; }
 
/* Bottom rounded corners */
.portable-infobox.pi-navigation:last-child,
.portable-infobox .pi-navigation:last-child {
      -webkit-border-radius: 0 0 10px 10px;
         -moz-border-radius: 0 0 10px 10px;
          -ms-border-radius: 0 0 10px 10px;
              border-radius: 0 0 10px 10px;
     text-align:center;
}
 
.pi-navigation a { color: white; }
 
/* Image handling;
   giving this the same style as
   .infoboximage img 
   in Common.css */
 
.pi-image img {
     max-width:100%;
     height:auto
}
 
/* Fix alignment of lists in horizontal rows */
.pi-horizontal-group-item.pi-data-value {
	text-align: left;
	background: #f9f9f9;
}
 
.pi-horizontal-group-item.pi-data-label {
	display: table-cell;
	border-bottom: #bfdaeb 1px solid !important;
	background: #f0f0f0;
}
/***** ポータブル インフォボックスの基本色設定 *****/
/* 作品用 */
.pi-theme-Movie .pi-title { background-color: #5599AA; }
.pi-theme-Movie .pi-navigation { background-color: #5599AA; }
.pi-theme-Movie .pi-navigation a { color: white; }
.pi-theme-Movie .pi-header { background-color: #AAEEEE; }
/* メディア（小説など） */
.pi-theme-Media .pi-title { background-color: #999966; }
.pi-theme-Media .pi-navigation { background-color: #999966; }
.pi-theme-Media .pi-navigation a { color: white; }
.pi-theme-Media .pi-header { background-color: #DDDDBB; }
/* 現実の人物*/
.pi-theme-Person .pi-title { background-color: #336666; }
.pi-theme-Person .pi-navigation { background-color: #336666; }
.pi-theme-Person .pi-navigation a { color: white; }
.pi-theme-Person .pi-header { background-color: #339999; }
/* エピソード*/
.pi-theme-Episode .pi-title { background-color: #336666; }
.pi-theme-Episode .pi-navigation { background-color: #336666; }
.pi-theme-Episode .pi-navigation a { color: white; }
.pi-theme-Episode .pi-header { background-color: #339999; }

/***** ポータブル インフォボックスの人物用テーマ色設定 *****/
 /* Individuals; greys */
.pi-theme-individual .pi-image,
.pi-theme-individual .pi-title,
.pi-theme-individual .pi-navigation { background-color: #999999; }
.pi-theme-individual .pi-header { background-color: #CCCCCC; color: white; }
.pi-theme-individual .pi-key-val { background-color: #F9F9F9; }
/* ヴァンパイア; 赤 */
.pi-theme-ヴァンパイア .pi-image,
.pi-theme-ヴァンパイア .pi-title,
.pi-theme-ヴァンパイア .pi-navigation { background-color: #AA0000; }
.pi-theme-ヴァンパイア .pi-header { background-color: #EE5555; color: white; }
.pi-theme-ヴァンパイア .pi-key-val { background-color: #F9F9F9; }
/* 人狼; 緑 */
.pi-theme-人狼 .pi-image,
.pi-theme-人狼 .pi-title,
.pi-theme-人狼 .pi-navigation { background-color: #337147; }
.pi-theme-人狼 .pi-header { background-color: #5AB577; color: white; }
.pi-theme-人狼 .pi-key-val { background-color: #F9F9F9; }
/* 人間; ライトブルー */
.pi-theme-人間 .pi-image,
.pi-theme-人間 .pi-title,
.pi-theme-人間 .pi-navigation { background-color: #6596BF; }
.pi-theme-人間 .pi-header { background-color: #94C7D1; color: white; }
.pi-theme-人間 .pi-key-val { background-color: #F9F9F9; }
/* 魔女; ゴールド*/
.pi-theme-魔女 .pi-image,
.pi-theme-魔女 .pi-title,
.pi-theme-魔女 .pi-navigation { background-color: #AC8751; }
.pi-theme-魔女 .pi-header { background-color: #DFCAA0; color: white; }
.pi-theme-魔女 .pi-key-val { background-color: #F9F9F9; }
/* ヴァンパイアハンター; ダークブルー */
.pi-theme-ヴァンパイアハンター .pi-image,
.pi-theme-ヴァンパイアハンター .pi-title,
.pi-theme-ヴァンパイアハンター .pi-navigation { background-color: #808080; }
.pi-theme-ヴァンパイアハンター .pi-header { background-color: #708090; color: white; }
.pi-theme-ヴァンパイアハンター .pi-key-val { background-color: #F9F9F9; }
/* ハイブリッド; オレンジ */
.pi-theme-ハイブリッド .pi-image,
.pi-theme-ハイブリッド .pi-title,
.pi-theme-ハイブリッド .pi-navigation { background-color: #BB6331; }
.pi-theme-ハイブリッド .pi-header { background-color: #DD8450; color: white; }
.pi-theme-ハイブリッド .pi-key-val { background-color: #F9F9F9; }

/* 画像にマウスが乗ると光る */
a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: “alpha( opacity=80 )”;
}
/* ADMINS */
a[href="/wiki/User:Happyusami"] {
    background: url(https://vignette.wikia.nocookie.net/thedescendants/images/a/ab/Belle_Icon.png/revision/latest?cb=20170905140248) center left no-repeat;
	padding-left: 17px;
}
a[href$=":Happyusami"],
a[href$="/Happyusami"]{
    color:#800000 !important; 
    font-weight: bold !important;
}
.Wall .edited-by a.subtle[href$="Wall:Happyusami"]:after {
    color: #800000 !important;
    content: "Administrator" !important;
    font-family: Blood Crow;
    font-size: 13px;
    font-weight: normal;
}
/* BEGIN: UserPage Customize */
 
body:not(.page-User_120d):not(.page-Message_Wall_120d):not(.page-User_blog_120d):not(.page-Special_Contributions_120d) #WikiaUserPagesHeader {
    background: none !important;
}
body:not(.page-User_120d):not(.page-Message_Wall_120d):not(.page-User_blog_120d):not(.page-Special_Contributions_120d) #WikiaUserPagesHeader ul.tabs {
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 2px solid black !important;
}
body:not(.page-User_120d):not(.page-Message_Wall_120d):not(.page-User_blog_120d):not(.page-Special_Contributions_120d) #WikiaUserPagesHeader ul.tabs li {
    float: left;
    font-weight: normal !important;
    text-align: center;
    background: none !important;
    margin: 0 2px 1px 0 !important;
}
body:not(.page-User_120d):not(.page-Message_Wall_120d):not(.page-User_blog_120d):not(.page-Special_Contributions_120d) #WikiaUserPagesHeader ul.tabs li a {
    display: block;
    font-weight:normal !important;
    padding: 5px;
    color: black !important;
    border-radius: 10px 10px 0 0;
    border: 2px solid black;
    border-bottom: none !important;
    background-color: #800000 !important;
}
body:not(.page-User_120d):not(.page-Message_Wall_120d):not(.page-User_blog_120d):not(.page-Special_Contributions_120d) #WikiaUserPagesHeader ul.tabs li.selected a {
    font-weight: bold !important;
    background-color: #800000 !important;
    pointer-events: none !important;
    cursor: default !important;
}
 
body:not(.page-User_120d):not(.page-Message_Wall_120d):not(.page-User_blog_120d):not(.page-Special_Contributions_120d) #WikiaUserPagesHeader ul.tabs li a:hover {
   text-decoration: none !important;
   font-weight: normal !important;
   background-color: #800000 !important;
   border: 1px solid #800000 !important;
   border-bottom: none !important;
   padding: 5px !important;
   margin: 1px 1px -1px 1px !important;
}
body:not(.page-User_120d):not(.page-Message_Wall_120d):not(.page-User_blog_120d):not(.page-Special_Contributions_120d) #WikiaUserPagesHeader ul.tabs li.selected a:hover {
   text-decoration: none !important;
   font-weight: bold !important;
   background-color: #800000!important;
   border-color: #800000 !important;
   padding: 5px !important;
   pointer-events: none !important;
   cursor: default !important;
}
 
/* END: UserPage Customize */
/* Tabbers */
ul.tabbernav {
    border-bottom: 5px solid darkred !important;
	font-size: 14px;
    font-weight: normal !important;
}
 
ul.tabbernav li a {
    padding: 8px 12px !important;
    margin-left: 0px !important;
    color: #CCCCCC !important;
    border: none !important;
    background: none !important;
}
 
ul.tabbernav li a:link { color: #CCCCCC !important; }
ul.tabbernav li a:visited { color: #CCCCCC !important; }
ul.tabbernav li a:hover {
    color: #CCCCCC !important;
    background: darkred !important;
    border:none !important;
}
 
ul.tabbernav li.tabberactive a {
    background-color: #4B0905 !important;
    border-bottom: 1px solid black !important;
}
 
.tabberlive {
    width: 100%;
}
 
.tabberlive .tabbertab {
    border:none !important;
    padding: 0px !important;
}
/** Headers **/
/*** Makes the level 2 heading for a texture change flag ***/
.WikiaArticle h2 {
    left: -16px;
    position: center;
    background-image: url('https://images.wikia.nocookie.net/vampirediaries/images/e/ea/RedHeader.png');
    background-color: transparent;
    background-position: left bottom;
    border-bottom: none;
    color: white;
    font-size: 1.45em;
    line-height: 22px;
    padding: 3px;
}
特に記載のない限り、コミュニティのコンテンツはCC-BY-SAライセンスの下で利用可能です。
Advertisement