利用者:Sugi moyo/vector.css

お知らせ: 保存した後、ブラウザのキャッシュをクリアしてページを再読み込みする必要があります。

多くの Windows や Linux のブラウザ

Ctrl を押しながら F5 を押す。

Mac における Safari

⇧ Shift を押しながら、更新ボタンをクリックする。

Mac における Chrome や Firefox

⌘ Cmd と ⇧ Shift を押しながら R を押す。

/* ここに記述したCSSはベクター・スキンの利用者に影響します */

@keyframes backgroundChange {
  0% {
    background-color: rgba(255, 200, 200, 0.75); 
  }
  33% {
    background-color: rgba(200, 255, 200, 0.75); 
  }
  67% {
    background-color: rgba(200, 200, 255, 0.75); 
  }
  100%{
    background-color: rgba(255, 200, 200, 0.75); 
  }
}

  @keyframes rotateBackground {
    0% {
      transform: rotate(360deg);
    }
    100% {
      transform: rotate(0deg);
    }
  }

@keyframes movingh2{
  0% {
    padding-top: 15px;
padding-bottom:0px;
  }
  50% {
   padding-bottom:15px;
 padding-top: 0px;
  }
  100%{
     padding-top: 15px;
padding-bottom:0px;
  }
}

@keyframes hbeat {
  0% {
    background-color: rgba(255, 255, 200, 0.8);
  }
  25% {
    background-color: rgba(255, 255, 200, 0.8);
  }
  50% {
    background-color: rgba(255, 255, 255, 1);
  }
  75% {
    background-color: rgba(255, 255, 200, 0.8);
  }
  100%{
    background-color: rgba(255, 255, 200, 0.8);
  }
}

/* enlarge font-size for ja fonts */
#bodyContent {
	font-size: 0.944em;
	font-size: calc(1em * 0.944);
}

/* for positioning top-right icons, like FA-star */
.topicon {
	position: absolute;
	z-index: 10;
	right: 0;
	top: -3.5em;
	display: block !important;
}

/* ビジュアルエディターにおける地理座標の表示修正 */
.ve-ce-surface #coordinates {
	margin-right: 2em;
	margin-top: -1em;
}

/* 地理座標の表示位置 */
#coordinates {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 85%;
	line-height: 1.2em;
}

/* [[MediaWiki:Tagline]]表示: 地理座標の表示が直しても毎度ずれるので */
#siteSub {
	display: block;
}
/*
body {
  background-image: url("https://i.imgur.com/E9L0V0k.jpg"),url("https://i.imgur.com/7SSrbsZ.png");
  background-size: 195px,175px;
  background-position: left 90px,left 80px;
background-repeat: no-repeat, repeat;
}
*/
body {
  /*background-image: url("https://i.imgur.com/7SSrbsZ.png");*/
  background-image: url("https://sozaino.site/wp-content/uploads/2021/02/utyuu.jpg");
  background-position:left 0px;
background-repeat:repeat;
background-size: 100%;
  background-attachment: fixed; 
}

vector-body {
  background-image: url("https://i.imgur.com/7SSrbsZ.png");
  background-size: 175px;
  background-position:left 80px;
background-repeat:repeat;
}


.mw-list-item {
  animation: hbeat 0.75s linear infinite; /* 半透明な白 */
  border-radius: 10px; /* 丸みを持たせる半径（必要に応じて調整） */
 padding: 0px;   /*マーカーの内側の余白（必要に応じて調整） */
 text-align: center;
 margin: 0px;

}

.vectross-legacy-sidebar  p {
  margin: 0; /* 文字のマージンをリセット */
  color: white; /* 文字の色を白に設定 */
}

h2{
  animation: movingh2 3s ease infinite;
overflow: hidden;
}

 .vector-menu-heading-label  {
font-family:HALLocalcharacter-M;
  margin: 0; /* 文字のマージンをリセット */
  color: white; /* 文字の色を白に設定 */
}

.mw-body{

  /*background-image: url("https://rakugaki-biyori.com/images/1086/background-hexagonal-pattern-2-silver-1600x960.png");
    animation: rotateBackground 1200s linear infinite;
*/
animation: backgroundChange 5s linear infinite; 

  background-size: 200px;


}