「テンプレート:WikiStatistics/style.css」の版間の差分

 
編集の要約なし
 
(同じ利用者による、間の2版が非表示)
5行目: 5行目:
   margin: 20px 0;
   margin: 20px 0;
   padding: 15px;
   padding: 15px;
  /* MediaWikiのデフォルト背景色に合わせるため、背景色は指定しない */
  /* border: 1px solid #ddd; /* 必要に応じてボーダーを追加 */
  /* border-radius: 8px; /* 角を丸くする */
  /* box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* 軽い影で立体感を出す */
   text-align: center;
   text-align: center;
}
}
23行目: 19行目:
.wiki-stat-item {
.wiki-stat-item {
   padding: 20px;
   padding: 20px;
  background-color: var(--theme-secondary-background-color, #f9f9f9); /* MediaWikiのデフォルトに近い背景色、または変数を使用 */
   border-radius: 8px; /* 角を丸くする */
   border-radius: 8px; /* 角を丸くする */
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* 軽い影で立体感を出す */
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* 軽い影で立体感を出す */
30行目: 25行目:
   justify-content: center;
   justify-content: center;
   align-items: center;
   align-items: center;
  transition: transform 0.2s ease-in-out; /* ホバー時のアニメーション */
}
.wiki-stat-item:hover {
  transform: translateY(-5px); /* ホバーで少し上に持ち上げる */
}
}


41行目: 31行目:
   font-size: 2.5em; /* 大きなフォントサイズ */
   font-size: 2.5em; /* 大きなフォントサイズ */
   font-weight: bold; /* 太字 */
   font-weight: bold; /* 太字 */
   color: #007bff; /* 数字の色を青に指定 (変更可能) */
   color: #00CCCC; /* 数字の色を青に指定 (変更可能) */
   margin-bottom: 5px; /* ラベルとの間隔 */
   margin-bottom: 5px; /* ラベルとの間隔 */
   /* MediaWikiのデフォルトフォントに合わせるため、フォントファミリーは指定しない */
   /* MediaWikiのデフォルトフォントに合わせるため、フォントファミリーは指定しない */