/* ヘッドライン表示を切り詰める */
/* #container 指定でCSS優先度を上げる必要がある */
body[data-entrylist-layout="headline"] #container .entrylist-main{
  padding-right: 0 !important;
}
body[data-entrylist-layout="headline"] #container .entrylist-contents{
  padding-left: 0 !important;
}
body[data-entrylist-layout="headline"] #container .entrylist-contents-users{
  position: static !important;
}
body[data-entrylist-layout="headline"] #container .entrylist-contents-users{
  top: 14px !important;
}

/* ヘッドライン表示にサムネイルを追加 */
body[data-entrylist-layout="headline"] #container .entrylist-contents-main{
  display: grid;
  grid-template:
    "users    body title"  28px
    "bookmark body domain" 20px
    / 60px 120px 1fr;
}
body[data-entrylist-layout="headline"] #container .entrylist-contents-users{
  grid-area: users;
}
body[data-entrylist-layout="headline"] #container .entrylist-contents-users a span{
  margin-right: 0;
}
body[data-entrylist-layout="headline"] #container .following-bookmarks-container{
  grid-area: bookmark;
  position: absolute;
  left: 20px;
  bottom: 2.5px;
}
body[data-entrylist-layout="headline"] #container .entrylist-contents-body{
  grid-area: body;
}
body[data-entrylist-layout="headline"] #container .entrylist-contents-title{
  grid-area: title;
  z-index: 99;
}
body[data-entrylist-layout="headline"] #container .entrylist-contents-title > a{
  margin-left: -120px;
  padding-left: 120px;
  margin-bottom: -28px;
  padding-bottom: 28px;
  width: 890px;
  white-space: nowrap;
  display: block;
}
body[data-entrylist-layout="headline"] #container .entrylist-contents-body{
  display: block !important;
}
body[data-entrylist-layout="headline"] #container .entrylist-contents-thumb{
  position: static;
}
body[data-entrylist-layout="headline"] #container .entrylist-contents-thumb span{
  width: 100px;
  height: 50px;
}
body[data-entrylist-layout="headline"] #container .entrylist-contents-thumb{
  background: #f0f0f0;
  width: 100px;
  height: 50px;
  background-position: 50%;
  background-size: cover;
  border-radius: 4px;
}
/* 2行目に、総合ではドメイン(domain), サイト内一覧ではカテゴリと時刻(meta), マウスホバー時はいずれも概要文(description) */
body[data-entrylist-layout="headline"] #container .entrylist-contents-domain,
body[data-entrylist-layout="headline"] #container .entrylist-contents-meta,
body[data-entrylist-layout="headline"] #container .entrylist-contents-description{
  grid-area: domain;
  display: block;
  opacity: 0;
  padding: 0 !important;
}
body[data-entrylist-layout="headline"] #container .entrylist-contents-meta > li{
  vertical-align: top;
}
html[data-stable-request-url^="https://b.hatena.ne.jp/entrylist/"] body[data-entrylist-layout="headline"] #container .entrylist-contents-domain,
html[data-stable-request-url^="https://b.hatena.ne.jp/site/"] body[data-entrylist-layout="headline"] #container .entrylist-contents-meta{
  opacity: 1;
}
body[data-entrylist-layout="headline"] #container .entrylist-contents:hover .entrylist-contents-domain img.favicon + span,
body[data-entrylist-layout="headline"] #container .entrylist-contents:hover .entrylist-contents-meta{
  opacity: 0;
}
body[data-entrylist-layout="headline"] #container .entrylist-contents-description{
  opacity: 0;
  position: absolute;
  top: calc(40px - 3px);
  left: calc(180px + 16px + .5em);
  height: 20px;
  line-height: 20px;
  color: #999;
  min-height: auto !important;
  padding-right: 0 !important;
  width: 890px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html[data-stable-request-url^="https://b.hatena.ne.jp/site/"] body[data-entrylist-layout="headline"] #container .entrylist-contents:hover .entrylist-contents-domain,
body[data-entrylist-layout="headline"] #container .entrylist-contents:hover .entrylist-contents-description{
  opacity: 1;
}
/* 増田調整 */
body[data-entrylist-layout="headline"] #container a[href^="/entry/s/anond.hatelabo.jp/"] .entrylist-contents-thumb{
  background-image: url('https://cdn-ak-scissors.b.st-hatena.com/image/square/b1638cdb5807a4788e4ba3c1109a984166e095fc/height=288;version=1;width=512/https%3A%2F%2Fanond.hatelabo.jp%2Fimages%2Fog-image-1500.gif');
}

/* マウスホバー時にサムネも反応させる見た目調整 */
.entrylist-contents-title:hover ~ .entrylist-contents-body .entrylist-contents-thumb{
  opacity: .90;
}

Permalink | 記事への反応(0) | 09:03

2024-02-10

■

動物動画ばっか見てるからサジェストがほとんどそれなんだけど

たまにかわいい犬猫サムネの動画があってもそれが「12年前」とか書かれてると「この子もういないのかな……」って悲しくなる

Permalink | 記事への反応(0) | 01:13

2024-02-05

■早バレもだけどさ

電子版見て0：00にネタバレするやつ死ねよ～

つかサムネとかタイトルに入れんな配慮しろ！

Permalink | 記事への反応(0) | 00:37

2024-02-03

■YouTuberって一生サムネ 詐欺しても食っていけるの？

昔はちゃんと動画上げてたのに、今は信者が増えたからと重大告知みたいなていで過激なサムネだして引退詐欺をほのめかすばかりになったYouTuberがいる

視聴者からはこんなんでも好意的に受け止められておりスパチャの嵐である

というか視聴者というか信者の域に入っており、教祖様教祖様とコメント欄で溢れかえっているのはなんだか不気味である

こいつは一生このスタイルで飯を食っていけるんだろうかと思ったし、誠実であることに意味なんてないんだなとも思った

Permalink | 記事への反応(2) | 20:21

■亡き人に対して最も敬意がないのは

事件に関連した報道のサムネにドラマの画像をもってくることだと思う。

Permalink | 記事への反応(0) | 20:05

2024-02-02

■動画までは開かないけど

サムネとタイトルだけで視聴者が女性Vに向かって、おばさんとか行き遅れとかコメントして、女性Vがキレるって展開なんだろうなぁってのが結構ある

今は若いから笑いのネタとしてプロレスに持ち込めるからいいとして、本気で笑えない年齢になった時、ああ言うコメントにどうやって対応するつもりなんだろう

笑いのネタになるうちに適度に手綱つけて制御しておかないと、ネタにもできないガチの行き遅れおばさんになった時に、本気で嫌なのに視聴者に伝わらず、精神的に病むまで行き遅れおばさんいじりが止まらなくなりそう

Permalink | 記事への反応(1) | 10:53

2024-01-30

■勝ち組 ソシャゲのガチャ 動画

適当にずんだもんでも使って引いたキャラへの感想でもつけて、ちゃんとサムネイルを設定すれば新人でも1000再生は固いのに、ただ録画しただけの動画を無編集でアップロードして、サムネも設定しない。それで「俺の動画再生されなさすぎ、鬱」とか言ってるの本当阿呆だよなぁと思う。最低限の努力はしろよ。再生数を確実に稼げるところで手を抜くな。