スタートページの模様替え...

なにを始めるにしても、気分の問題は大きい。一日の始まりとなれば、尚更。そこで、マンネリ化してきたスタートページの模様替えというわけである...

思えば、スタートページの乗り換えで、おいらの移り気は激しい。愛ある G さんに、M な Ya さんに、Ne ちゃんとバイブに、愛ある苦労人と...
iGoogle, My Yahoo!, Netvibes, iChrome... ダジャレ好きは、もはや老害だ！

そして今、chrome の拡張機能 ProductivityTab(PT) を愛用している。もう何年になるだろう。カスタム css で彩りながら。当初、"transparent" 属性がうまく機能せず、PRO 版じゃないとダメかなぁ... と思ってきたが、今試すと Free 版でも問題ない。
なので、「グラデーション効果 + 半透明効果」で気分転換といこう！

バックグラウンドには、GIF animation を採用し、渦巻く大銀河で光沢効果を演出。アイコンや背景などのコンテンツは、なるべくローカル側に配置する。オンライン環境が当たり前の昨今、だからこそ、依存しないようオフラインでもそこそこの見映えに。電子機器への依存は仕方がないにして、せめてもの足掻きである。
尚、PT は、ローカルファイルへの参照がデフォルトで拒否されている。これを許可するには、拡張機能の管理より、"ファイルの URL へのアクセスを許可する" を設定。

ちなみに、環境は...
  Chrome 64bit Ver. 97.0.4692.99 (Official Build)
  ProductivityTab — Custom Homepage Dashboard Ver. 3.0.45.5

カスタム css は... おまけ！
尚、!important 宣言はあまり使いたくなかったのだけど...

body{background-attachment:fixed;}
.widget{
  margin-bottom:0px !important;
  background-color:transparent !important;
}
.menu-button:hover{background-color:#D23F31 !important;}
.menu-button{background-color:#008b8b !important;}
.add-widget-link{color:#008b8b;}
.tab-nav button{background-color:#40e0d0;}
.tab-nav button:hover{background-color:#D23F31;}
header{
  background: linear-gradient(to left top, rgba(0,255,255,0.8), rgba(47,79,79,0.8));
  height:36px;
  display:flex; justify-content:center; align-items:center;
}
.item:hover{background-color:#40e0d0 !important;}
.items{background: linear-gradient(to left top, rgba(224,255,255,0.8), rgba(32,178,170,0.8));}
iframe{background: linear-gradient(to left top, rgba(224,255,255,0.8), rgba(32,178,170,0.8));}