/villagepump/ScrapboxのBrand_iconを井戸端にするUserCSS

generated at 11/17/2024, 5:14:39 AM
ScrapboxのBrand iconを井戸端にするUserCSS
from Settings
ScrapboxのBrand iconをこのProjectの faviconに変えるUserCSS

2024-02-23
navbar周りのUserCSSの再設計#65cb8b0cffff360000c7107d
不要と思われる記述を削除した
formatした
2024/04/25#66299c505729c000000424d7のアップデートによるタニシの脱走に対応している
style.css.brand-icon {
  --logo-url: url("/api/pages/villagepump/brand-icon/icon");
  
  width: 40px;
  height: 40px;
  background-color: white;
  background-image: var(--logo-url);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border: 4px solid transparent;
  border-radius: 50%;
  
  svg { display: none; }
}

~2022-08-10
style.css.disabled(css)body{      
    --logo-url: url('/api/pages/villagepump/brand-icon/icon'); /* */
}
 .brand-icon {
  	content: '';
  	width: 40px;
  	height: 40px;
  	/* position: absolute; /* */
  	background-size: cover;
  	background-position: center;
  	background-repeat: no-repeat;
  	background-color: white; /* 白地に井戸を表示する*/
  	border-radius: 50%;/*角丸はお好みで*/
  	border: 4px solid transparent;
  	background-origin: padding-box;
  	margin-left: -4px;
  }

~2022-02-05
/customize/左上のScrapboxアイコンを好きな画像に変える
うまくいかなかった……
若干ずれる
いい感じになった？ 
外枠は丸いほうがいいかな？
style.css.disabled2(css).navbar-brand::before {
	content: '';
	width: 40px;
	height: 40px;
	position: absolute;
	background-image: url(https://gyazo.com/a2112227fce484ff0f8d54cc65abec72/raw);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: white; /* 白地に井戸を表示する*/
	border-radius: 50%;/*角丸はお好みで*/
	border: 4px solid transparent;
	background-origin: padding-box;
	margin-left: -4px;
}