ブログ記事の半透過の背景色を非透過にして可読性を向上
Ameblo Readable by personwritep
Details
Authorpersonwritep
LicenseNo License
Categoryameblo.jp
Created
Updated
Size12 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
半透過色を設定した記事背景のデザインを非透過に改めて読み易くします
アメーバブログのスキンには、記事本文の背景に半透過色を指定したものが多くあります。 デザイン性と可読性のどちらを優先するかはブログ主次第です。 しかしちゃんと記事を読むユーザーにとって、半透過の背景色は文字が読み難さが問題になる場合もあります。 このスタイルは、アメーバブログの殆どのページから、半透過の記事背景色を追放します。
アメーバ公式スキンで、このスタイルが記事背景色を改善するのは、現在65種です。 今後も、過剰な透過設定の背景色のスキンの登場に気付けば、このスタイルの対応スキンに加えます。
スタイルの詳細は以下のページを参照ください
https://ameblo.jp/personwritep/entry-12677901563.html
https://ameblo.jp/personwritep/entry-12684782051.html
2021.09.09
「記事一覧」の透過背景色への適用例を追加
2021.09.09
UserStyles.world に公開
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Ameblo Readable
@namespace userstyles.world
@author personwritep
@description ブログ記事の半透過の背景色を非透過にして可読性を向上
@version 202109.09.02
@license NO-REDISTRIBUTION
@preprocessor default
==/UserStyle== */
@-moz-document url-prefix("https://ameblo.jp") {
/* Ameblo Readable ver.202109.09.02 *****************************/
/* ふゆのくまさん */
[data-skin-code="ur_list_pf_winter_bear"] .skin-blogBodyInner {
background: #fefefe; }
/* 貯金大好き */
[data-skin-code="ur_std_pf_saving_money"] .skin-blogBodyInner {
background: rgba(252, 252, 252, 1); }
/* ローソク足 */
[data-skin-code="ur_std_pf_candlestick"] .skin-blogBodyInner {
background: rgba(0, 0, 0, 1); }
/* マークシート */
[data-skin-code="ur_std_pf_marksheet"] .skin-blogMainInner {
background: rgba(252, 252, 252, 1); }
[data-skin-code="ur_std_pf_marksheet"] .skin-widget {
background: rgba(252, 252, 252, 1); }
[data-skin-code="ur_std_pf_marksheet"] .skin-blogArchive {
background: rgba(252, 252, 252, 1); }
/* デスクワーク */
[data-skin-code="ur_std_pf_desk_job"] .skin-blogBodyInner {
background: rgba(252, 252, 252, 1); }
/* かわいい爬虫類 */
[data-skin-code="ur_tile_pf_iguana"] .skin-blogBodyInner {
background: rgba(252, 252, 252, 1); }
/* インテリア */
[data-skin-code="ur_std_pf_interia"] .skin-blogBodyInner {
background: rgba(39, 41, 54, 1); }
/* わくわくお弁当 */
[data-skin-code="ur_tile_pf_wakuwaku_lunchbox"] .skin-blogBodyInner {
background: rgba(255, 253, 250, 1); }
/* 大好きハンドメイド */
[data-skin-code="ur_tile_pf_we_love_handmade"] .skin-blogBodyInner {
background: rgba(252, 252, 252, 1); }
/* インドの世界 */
[data-skin-code="ur_tile_pf_india_world"] .skin-blogBodyInner {
background: #ffebaa; }
/* あつあつラーメン */
[data-skin-code="ur_tile_pf_ramen"] .skin-blogBodyInner {
background: rgba(0, 0, 0, 1); }
/* ハッピーウェディング */
[data-skin-code="ur_std_pf_happy_wedding"] .skin-blogBodyInner {
background: #fef8f3; }
/* HelloBaby */
[data-skin-code="ur_std_pf_hello_baby"] .skin-blogBodyInner {
background: #fcfeff; }
/* TRIANGLE */
[data-skin-code="ur_std_pf_triangle"] .skin-blogBodyInner {
background: rgba(252, 252, 252, 1); }
/* 森の中 */
[data-skin-code="ur_std_pf_forest"] .skin-blogBodyInner {
background: rgba(252, 252, 252, 1); }
/* まるとぐるぐる */
[data-skin-code="ur_list_pf_circle_around"] .skin-blogBodyInner {
background: rgba(252, 252, 252, 1); }
/* イースターのたまご */
[data-skin-code="ur_tile_pf_easter_eggs"] .skin-blogBodyInner {
background: rgba(252, 252, 252, 1); }
/* かわいい多肉植物 */
[data-skin-code="ur_std_pf_succulent_plants"] .skin-blogBodyInner {
background: #fafffa; }
/* 小鳥と花 */
[data-skin-code="ur_std_pf_flowers_and_bird"] .skin-blogBodyInner {
background: rgba(252, 252, 252, 1); }
/* GALAXY */
[data-skin-code="ur_list_pf_galaxy"] .skin-blogMainInner {
background: rgba(4, 10, 22, 1); }
[data-skin-code="ur_list_pf_galaxy"] .skin-widget {
background: rgba(4, 10, 22, 1); }
[data-skin-code="ur_list_pf_galaxy"] .skin-blogArchive {
background: rgba(4, 10, 22, 1); }
[data-skin-code="ur_list_pf_galaxy"] .skin-timeline {
background: rgba(4, 10, 22, 1); }
/* レモンがいっぱい */
[data-skin-code="ur_std_pf_lemon"] .skin-blogBodyInner {
background: rgba(252, 252, 252, 1); }
/* 金色の秋 */
[data-skin-code="ur_list_pf_gold_autumn"] .skin-blogBodyInner {
background: rgba(255, 238, 222, 1); }
/* 秋の収穫 */
[data-skin-code="ur_std_pf_autumn_harvest"] .skin-blogBodyInner {
background: #fff9f4; }
/* クロネコ */
[data-skin-code="ur_std_pf_blackcat"] .skin-blogMainInner {
background: rgba(252, 252, 252, 1); }
[data-skin-code="ur_std_pf_blackcat"] .skin-blogSubAInner,
[data-skin-code="ur_std_pf_blackcat"] .skin-blogSubBInner {
background: rgba(252, 252, 252, 1); }
[data-skin-code="ur_std_pf_blackcat"] .skin-blogArchive {
background: rgba(252, 252, 252, 1); }
/* コーラルリーフ */
[data-skin-code="ur_std_pf_coralreef"] .skin-blogBodyInner {
background: rgba(21, 36, 56, 1); }
/* FreshBread */
[data-skin-code="ur_std_pf_freshbread"] .skin-blogBodyInner {
background: #eee3db; }
/* ほかほかご飯 */
[data-skin-code="ur_tile_pf_whiterice"] .skin-blogBodyInner {
background: rgba(8, 4, 4, 1); }
/* かわいいお寿司 */
[data-skin-code="ur_std_pf_kawaiiosushi"] .skin-blogBodyInner {
background: rgba(252, 252, 252, 1); }
/* フライングバード */
[data-skin-code="ur_std_pf_flying_bird"] .skin-blogBodyInner {
background: rgba(252, 252, 252, 1); }
/* 野菜＆フルーツ */
[data-skin-code="ur_std_pf_vegetables_fruit"] .skin-blogMainInner {
background: rgba(252, 252, 252, 1); }
[data-skin-code="ur_std_pf_vegetables_fruit"] .skin-widget {
background: rgba(252, 252, 252, 1); }
[data-skin-code="ur_std_pf_vegetables_fruit"] .skin-blogArchive {
background: rgba(252, 252, 252, 1); }
/* 梅の花 ブルー */
[data-skin-code="ur_std_pf_ume_blue"] .skin-blogBodyInner {
background: rgba(252, 252, 252, 1); }
/* 梅の花 ピンク */
[data-skin-code="ur_tile_pf_ume_flower"] .skin-blogBodyInner {
background: rgba(252, 252, 252, 1); }
/* 富嶽三十六景 神奈川沖浪裏 */
[data-skin-code="ur_list_pf_fugaku36_kanagawa"] .skin-blogBodyInner {
background: rgba(252, 252, 252, 1); }
/* サルリョーシカ */
[data-skin-code="ur_list_pf_saruryoshika"] .skin-blogBodyInner {
background: #f7fbfb; }
/* PASTEL BANANA */
[data-skin-code="ur_std_pf_pastelbanana"] .skin-bgMain {
background: rgba(252, 252, 252, 1); }
[data-skin-code="ur_std_pf_pastelbanana"] .skin-widget {
background: rgba(252, 252, 252, 1); }
/* Winter Forest */
[data-skin-code="ur_tile_pf_winterforest"] .skin-blogMainInner {
background: #e8ecf1; }
[data-skin-code="ur_tile_pf_winterforest"] .skin-widget {
background: #e8ecf1; }
[data-skin-code="ur_tile_pf_winterforest"] .skin-blogArchive {
background: #e8ecf1; }
[data-skin-code="ur_tile_pf_winterforest"] .skin-tileItem {
background: #e8ecf1; }
/* Balloon */
[data-skin-code="ur_tile_pf_balloon"] #main {
background: rgba(252, 252, 252, 1); }
[data-skin-code="ur_tile_pf_balloon"] .skin-bgMain {
background: rgba(252, 252, 252, 1); }
[data-skin-code="ur_tile_pf_balloon"] .skin-widget {
background-color: rgba(252, 252, 252, 1); }
/* ANGLE */
[data-skin-code="ur_list_pf_angle"] .skin-bgMain {
background: rgba(252, 252, 252, 1); }
[data-skin-code="ur_list_pf_angle"] .skin-blogSubAInner,
[data-skin-code="ur_list_pf_angle"] .skin-blogSubBInner {
background: rgba(252, 252, 252, 1); }
/* ビーチサンセット */
[data-skin-code="ur_tile_pf_palmtree"] .skin-blogBody {
background: rgba(252, 252, 252, 1); }
/* フラミンゴ */
[data-skin-code="ur_std_pf_flamingo"] .skin-bgMain {
background: rgba(252, 252, 252, 1); }
/* PINK BEIGE */
[data-skin-code="ur_tile_pf_itonatsuki_01"] .skin-blogBody {
background: rgba(252, 252, 252, 1); }
/* green wood */
[data-skin-code="ur_std_pf_green_wood"] .skin-bgMain {
background: rgba(252, 252, 252, 1); }
/* Fantastic Sky */
[data-skin-code="ur_std_pf_fantastic"] .skin-bgMain {
background: rgba(252, 252, 252, 1); }
/* Pink Star */
[data-skin-code="ur_std_pf_pinkstar"] .skin-blogBodyInner {
background: rgba(252, 252, 252, 1); }
/* FLOWERS */
[data-skin-code="ur_std_pf_flowers"] .skin-blogMainInner {
background: rgba(252, 252, 252, 1); }
[data-skin-code="ur_std_pf_flowers"] .skin-blogArchive {
background: rgba(252, 252, 252, 1); }
/* ユニコーン */
[data-skin-code="wu_pf_unicorn"].columnC .skinArticleBody,
[data-skin-code="wu_pf_unicorn"].columnD .skinArticleBody,
[data-skin-code="wu_pf_unicorn"].columnE .skinArticleBody {
background: #f9fffe; }
/* ハルパカ */
[data-skin-code="wu_pf_halpaca"] article.js-entryWrapper {
background: #f0f4cd; }
/* 龍 */
[data-skin-code="wu_pf_ryu"] .skinArticle {
background: #f9f3ec; }
/* 鶴は千年 */
[data-skin-code="wu_pf_crain"] .skinArticle {
background: #fdfaf1; }
/* Star Christmas */
[data-skin-code="wu_pf_xmas01"] .skinArticle {
background: #111; }
/* Handbell */
[data-skin-code="wu_pf_handbell"] .skinArticleBody {
background: #e4ebec; }
/* きりん */
[data-skin-code="wu_pf_kirin"] .articleText {
background: #d4e6f0; }
/* 和風水玉 */
[data-skin-code="wu_pf_wamizu"] .skinArticleBody2 {
background: #2a2a2a; }
/* simple flower */
[data-skin-code="wu_pf_simpleflower"] .skinArticle {
background: rgba(252, 252, 252, 1); }
/* scandinavian */
[data-skin-code="wu_pf_scandinavian"] article.js-entryWrapper {
background: #e2e2e2; }
/* sora */
[data-skin-code="wu_pf_sora"] article.js-entryWrapper {
background: #e4ae96; }
/* Treck */
[data-skin-code="wu_pf_treck"] .articleText {
background: #e5e1d2; }
/* RIO */
[data-skin-code="wu_pf_rio"] article.js-entryWrapper {
background: #f0f1e7; }
/* 咲 */
[data-skin-code="wu_pf_saku"] .skinArticleBody {
background: #f3e2d1; }
/* あなたはわたしの宝物 */
[data-skin-code="wu_pf_takaramono"] ...