Ameba Serarch Repeat 専用 ローカルスタイル
「Ameblo Management」を使用せず、「Ameba Serch Repeat / with CSS」を利用する方法がありますが、ページへのCSS適用速度は「Stylus」を使うのが最速で、コードを工夫してもかないません。
ユーザースクリプトを使ったページ全体へのCSS適用に限界があるのか、あるいはスクリプトを拡張機能に昇格させれば、同等のスピードが得られるのかも知れません。
そこで、「Ameblo Management」+「Ameblo Neo Search」の、検索画面に関するコードのみを抽出して纏めた「CSS for Ameba Serarch」を作りました。
●このスタイルを「Stylus」にローカルスタイルとして登録すれば、「Stylus」による理想的な検索画面のデザイン環境が得られます。
●「with CSS」では、全体検索のCSSを最小限に省略していますが、このスタイルでは「Ameblo Management」の全体検索に対するCSSも全て含んでいます。
● スクリプトは「with CSS」版ではなく「Ameba Serch Repeat」を使います。
これは「Stylus」「Tampermonkey」を利用していて、「Ameblo Management」を利用せず、ブログ内検索のみのスタイルを最適化する方法です。
このスタイルも追加公開しようと考えていたのですが、スタイルの導入が手作業になり、一般的とは言えないので止めました。 ただし、「Stylus」でローカルスタイルの登録が出来るユーザーには、実は最もお勧めの環境です。
「Stylus」のローカルスタイルの登録方法
ローカルスタイルとして登録(作成)したスタイルは、userstyles.orgによるアップロード等でCSSが書き換えられる事はありません。
「Stylus」の管理画面で「スタイルを作成」を押します。 この際「Usercssとして」のチェックは外しておきます。
編集画面のメニューで「インポート」を押します。
下図の様に、「コードを貼りつける」という空枠が表示されます。
この枠に、スタイルのコードをコピー&ペーストします。 ただし、この枠で有効なのは単なるCSSコードではなく、適用先指定をコード内に含めた「Mozilla形式」でなければなりません。
コードを貼り付けたら、「スタイルを上書き」を押します。
最後に、編集画面のメニューで「スタイル名」を記入します。 スタイル名は自分の整理方法に合せて、適当な名前を付けます。
「保存」ボタンを押すと、このローカルスタイルが登録されます。
「CSS for Ameba Serarch」
以下の枠内のコードは「Mozilla形式」です。
〔 CSS for Ameba Serarch 〕Mozilla形式
@-moz-document domain("ameba.jp") { /* CSS for Ameba Serarch ver.2020.09.05 ************** */ /* 統合背景色設定 */ :root { --home: #fff; --home_dim: #f8f8f8; --hov: #e2eef0; --backg: #c5d8e1; } :focus { outline: none; } /* 下のコメントアウトを外すと、画面の低輝度の設定が適用されます */ /* :root { --home: #fafafa; --home_dim: #f0f0f0; } */ } @-moz-document url-prefix("https://search.ameba.jp") { /* Ameba検索ページ ************************************* */ html { overflow-y: scroll; overflow-y: overlay; } body { font-family: Meiryo, "MS Pゴシック", "ヒラギノ角ゴ Pro W3", Arial, Helvetica; background: var(--backg); } #announcer { opacity: 0; } /* アメブロヘッダー ******************************** */ .PcGlobalHeader { min-width: 840px; } .PcGlobalHeader_Right { position: absolute; right: 0; } .PcGlobalHeader_RightRegisterLink { display: none; } .PcDefaultPage_Main { min-width: 840px; } /* 検索ボックス *********************************** */ .PcNavigationSearch { width: 840px; margin: 12px auto; } .PcSearchForm_InputArea { border: 1px solid #607d8b; overflow: hidden; border-radius: 6px; padding: 0; } .PcSearchForm_InputArea { box-shadow: none !important; } .PcSuggestForm_Input { height: 32px; padding: 2px 8px 0; } .PcSearchForm_Button { height: 34px; border-radius: 0; background-color: #2196f3; } .PcSearchForm_Button:hover { opacity: 1; background: #1976d2; } .PcSearchForm_Button:focus { box-shadow: inset 0 0 0 1px #e1f5fe; } /* 検索履歴表示 */ .PcSuggestForm_SectionTitle { top: 36px; left: 5px; } .PcSuggestForm_SectionTitle button { background: #fff; border-radius: 4px; border: 1px solid #aaa; margin-top: -2px; } .PcSuggestForm_List { top: 36px; left: 5px; } .PcSuggestForm_List.hasTitle { top: 73px; left: 5px; } /* ナビゲーションバー ****************************** */ .PcNavigationBar { position: relative; z-index: 1; } .PcNavigationBar_NavBar { width: auto; height: 40px; margin-bottom: 10px; padding: 0; background: #1976d2; } .PcNavigationBar_NavBarList { width: 840px; } .PcNavigationBar_NavBarTab:focus { outline: none; } .PcNavigationBar_NavBarTab.active:after { top: 2px; } .PcNavigationBar_NavBarTab.disabled:hover:after { top: 2px; } .PcNavigationBar_NavBarItem { margin-right: 4px; } /* パンクズ ************************************** */ .PcBreadcrumbsList { position: absolute; top: 100px; left: calc(50% + 30px); padding: 6px 12px 5px; z-index: 2; } @media screen and (max-width: 840px) { .PcBreadcrumbsList { left: 450px; } } .PcBreadcrumbsList_List { white-space: nowrap; } /* リストのページャー ****************************** */ .PcResultPagination { position: relative; padding: 0 20px 5px; border-bottom: 2px solid #efefef; margin-bottom: 8px; } .PcResultPagination_MoreLink { padding: 2px 6px 1px 6px; border-radius: 4px; } .PcResultPagination_MoreLink:hover { background: #fff; text-decoration: none; } .PcResultPagination_List { margin: 0; } .PcResultPagination_Paging_active { background-color: #1976d2; } .PcResultPagination_PagingLink:hover { background-color: #fff; } /* 検索結果リスト 上下のADブロック ******************* */ #listingAdA, #listingAdB { display: none; } /* 右サイド AD *********************************** */ .PcSideBar_AdArea { display: none; } div[id^="div-gpt-ad"] { display: none; } /* アメブロフッター ******************************** */ .PcGlobalFooter { display: none; } } @-moz-document url-prefix("https://search.ameba.jp/search/entry"), url-prefix("https://search.ameba.jp/talent/entry"), url-prefix("https://search.ameba.jp/general/entry") { /* Ameba検索ページ 記事詳細モード ************************** */ /* アメブロヘッダー ******************************** */ body { padding: 0 !important; } .PcGlobalHeader { display: none; } /* 検索結果 メインエリア **************************** */ .PcSearchEntryTemplate_Wrap, .PcTalentEntryTemplate_Wrap, .PcGeneralEntryTemplate_Wrap { width: 840px; } .PcSearchEntryTemplate_Left, .PcTalentEntryTemplate_Left, .PcGeneralEntryTemplate_Left { width: 728px; margin-right: 0px; overflow: visible; } /* パンクズリスト ******************* */ .PcBreadcrumbsList { top: 70px; } /* ブログ記事リスト ******************************* */ .PcEntryList { display: flex; flex-direction: column; position: relative; } /* 「ブログ記事」のヘッダー *********** */ .PcEntryList_Header { justify-content: initial; margin-bottom: 6px; border-bottom: 2px solid #efefef; order: 0; } .PcEntryList_Caption { margin-right: 30px; padding: 5px 0 8px; color: #0d47a1; } .PcEntryList_TabList { border: 1px solid #0d47a1; } .PcEntryList_TabLink.active { background-color: #1976d2; } .PcEntryList_TabLink { width: 80px; padding-top: 1px; font-weight: normal; color: #0d47a1; } /* リスト情報 ********************** */ .PcEntryList_ListInfo { position: absolute; top: 0; left: calc(50% - 60px); width: 425px; margin-bottom: 0; order: 1; } @media screen and (max-width: 857px) { .PcEntryList_ListInfo { left: 304px; } } /* カウントレンジ */ .PcHitCountRange { color: #000; margin-top: 8px; margin-bottom: 0; max-width: 170px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* 検索結果を絞り込む */ .PcBlogEntryFilter { position: relative; top: 2px; } .PcBlogEntryFilter_Item { margin-top: 2px; color: #000; } .PcBlogEntryFilter_Button { padding: 3px 6px; border: 1px solid #aaa; border-radius: 4px; margin-top: -2px; color: #78909c; background: #fff; } .PcBlogEntryFilter_Button:hover { color: #000; filter: none; } /* 記事のリスト ********************* */ .PcEntryList_List { order: 3; } .PcEntryListItem { margin-bottom: 4px; padding: 4px; border: none; background: #f4f4f4; } .PcEntryListItem:hover { outline: 2px solid #2196f3; } .PcEntryListItem_Link:hover { opacity: 1; } /* ユーザーサムネイル */ .PcEntryListItem .UserThumbnail { border-radius: 6px; border: 1px solid #ccc; } /* スターアイコン */ .PcEntryListItem_ThumbnailIconWrap { height: 16px; width: 16px; bottom: -16px; right: -12px; } /* 記事タイトル */ .PcEntryListItem_EntryTitle { margin-top: 3px; margin-bottom: 2px; } /* 記事日付 データ */ .PcEntryListItem_EntryData { margin-bottom: 2px; height: 13px; } /* 記事引用部 */ .PcEntryListItem_EntryContent { line-height: 1.25; } /* 記事画像 */ .PcEntryListItem_EntryImage { flex-basis: 75px; height: 75px; } /* リストのページャー **************** */ .PcResultPagination { order: 2; } /* リストの読込み表示 **************** */ .PcEntryList .Loading { opacity: 0.3; order: 4; } .PcEntryList .PcEntryList_LoadingDummy { order: 5; } /* 右サイドバー *********************************** */ .PcSideBar { display: none; } } @-moz-document url-prefix("https://search.ameba.jp/search/"), url-prefix("https://search.ameba.jp/talent/"), url-prefix("https://search.ameba.jp/general/"), url-prefix("https://search.ameba.jp/news/") { /* Ameba検索ページ 全体表示モード ************************* */ /* 検索結果 メインエリア =共通= ******************** */ .PcSearchTemplate_Wrap, .PcTalentTemplate_Wrap, .PcGeneralTemplate_Wrap, .PcAmebaNewsListTemplate_Wrap, .PcTalentBloggerTemplate_Wrap, .PcGeneralBloggerTemplate_Wrap { width: 1052px; margin-bottom: 20px; } /* 左列 =共通= ********************************** */ .PcSearchTemplate_Left, .PcTalentTemplate_Left, .PcGeneralTemplate_Left, .PcAmebaNewsListTemplate_Left, .PcTalentBloggerTemplate_Left, .PcGeneralBloggerTemplate_Left { margin-right: 20px; width: 736px; min-width: 736px; overflow: visible; } /* 検索 総合結果ページ **************************** */ /* お知らせ *********************** */ .PcNoticeModule { margin-bottom: 10px; } /* 項目全体 項目タイトル =共通= ******* */ .PcTalentListModule, .PcAmebaNewsListModule, .PcRelatedWordModule, .PcTalentPageModule, .PcGeneralPageModule { background: #fff; padding: 15px 8px; margin-bottom: 10px; } .PcTalentListModule_Caption, .PcAmebaNewsListModule_Caption, .PcRelatedWordModule_Caption, .PcTalentPageModule_Caption, .PcGeneralPageModule_Caption { padding: 0 15px 8px; } /* 芸能人・有名人 ******************* */ .PcTalentListModule_Item { width: 140px; margin-right: 0; padding: 0 8px; } a.PcTalentListModule_Link:hover { background: var(--hov); text-decoration: none; } .PcTalentListModule .UserThumbnail { margin-top: 4px; border-radius: 8px; border: 1px solid #ccc; } /* スターアイコン */ .PcTalentListModule_ThumbnailIconWrap { height: 16px; width: 16px; bottom: -4px; right: -12px; } /* もっと見るボタン =共通= *********** */ .PcMoreLink_Link { margin-right: 10px; padding: 1px 10px 1px 20px; border: 1px solid #ccc; border-radius: 4px; } .PcMoreLink_Link:hover { text-decoration: none; background: var(--hov); } /* Amebaニュース ****************** */ .PcAmebaNewsListModule_Link:hover { background: var(--hov); opacity: 1; } /* ブログ記事 ********************** */ .PcEntryListModule { background: #fff; padding: 15px 4px; margin-bottom: 10px; } .PcEntryListModule_Header { padding: 0 15px 8px; } .PcEntryListModule_TabList { margin: -6px 0 0; } .PcHitCountRange { margin-bottom: 16px; } .PcEntryListModule_List { margin-bottom: 16px; } /* ブログ記事の リストアイテム */ .PcEntryListItem { margin-bottom: 4px; padding: 4px; border: none; background: #f4f4f4; } .PcEntryListItem:hover { outline: 2px solid #2196f3; } .PcEntryListItem_Link:hover { opacity: 1; } .PcEntryListItem .UserThumbnail { border-radius: 6px; border: 1px solid #ccc; } /* トップブロガーアイコン */ .PcEntryListItem_ThumbnailIconWrap { height: 16px; width: 16px; bottom: -16px; right: -12px; } .PcEntryListItem_EntryTitle { margin-top: 3px; margin-bottom: 2px; } .PcEntryListItem_EntryData { margin-bottom: 2px; height: 13px; } .PcEntryListItem_EntryContent { line-height: 1.25; } .PcEntryListItem_EntryImage { height: 75px; flex-basis: 75px; } /* ~の記事に絞るボタン */ .PcEntryListModule_FilteringLink { margin: 0 24px; } .PcEntryListModule_FilteringLink:first-child { margin-right: 0; } .PcEntryListModule_FilteringLink:hover { opacity: 1; color: #000; background: var(--hov); } /* 検索 各種結果ページ **************************** */ /* 芸能人・有名人 ブログ(TOP3件表示 )********* */ .PcTalentPageModule_List { margin-bottom: 16px; } /* 芸能人・有名人ブログ のリスト表示 *********** */ /* 芸能人・有名人ブログ の読込み表示 */ .PcTalentBloggerTemplate_Left .Loading { margin-top: 85px; opacity: .3; } /* 芸能人・有名人ブログ リスト全体 */ .PcTalentList { display: flex; flex-direction: column; margin-bottom: 0; } .PcTalentList_Caption { margin-bottom: 6px; padding: 5px 0 8px; border-bottom: 2px solid #efefef; order: 0; } .PcTalentList .PcHitCountRange { position: absolute; top: 154px; left: calc(50% - 280px); margin: 0; color: #000; order: 1; } @media screen and (max-width: 1069px) { .PcTalentList .PcHitCountRange { left: 246px; } } .PcTalentList_List { margin-bottom: 10px; order: 3; } .PcBloggerListItem_Thumbnail { width: 58px !important; height: 58px !important; } /* スターアイコン */ .PcBloggerListItem_ThumbnailIconWrap { height: 16px; width: 16px; right: -14px; bottom: -2px; } /* 芸能人・有名人ブログ のリストアイテム * */ /* ブログタイトル のリストアイテム =共通= */ .PcBloggerListItem { margin-bottom: 4px; padding: 4px; border: none; background: #f4f4f4; } .PcBloggerListItem .UserThumbnail { width: 58px; height: 58px; margin-bottom: -4px; border-radius: 6px; border: 1px solid #ccc; } .PcBloggerListItem_BlogLink { margin: 6px 0 4px; line-height: 1.3; } .PcBloggerListItem_BlogLink:hover { text-decoration: none; background: var(--hov); } .PcBloggerListItem_LatestEntry { margin-bottom: 0; } .PcBloggerListItem_LatestEntryLink:hover { text-decoration: none; background: var(--hov); } /* リストのページャー =共通= ********** */ .PcResultPagination { order: 2; } /* ブログタイトル(TOP3件表示 )************** */ .PcGeneralPageModule_List { margin-bottom: 16px; } /* ブログタイトル のリスト表示 **************** */ /* ブログタイトル の読込み表示 */ .PcGeneralBloggerTemplate_Left .Loading { margin-top: 85px; } /* ブログタイトル リスト全体 */ .PcGeneralBloggerList { display: flex; flex-direction: column; margin-bottom: 0; } .PcGeneralBloggerList_Header { margin-bottom: 6px; padding: 5px 0 8px; border-bottom: 2px solid #efefef; order: 0; } .PcGeneralBloggerList_Caption { margin-bottom: 0; } .PcGeneralBloggerList .PcHitCountRange { position: absolute; top: 154px; left: calc(50% - 220px); margin: 0; color: #000; order: 1; } @media screen and (max-width: 1069px) { .PcGeneralBloggerList .PcHitCountRange { left: 306px; } } .PcGeneralBloggerList_List { margin-bottom: 10px; order: 3; } /* Amebaニュース のリスト表示 *************** */ /* Amebaニュース の読込み表示 */ .PcAmebaNewsListTemplate_Left .Loading { margin-top: 85px; } /* Amebaニュース リスト全体 */ .PcAmebaNewsList { display: flex; flex-direction: column; margin-bottom: 0; } .PcAmebaNewsList_Caption { margin-bottom: 6px; padding: 5px 0 8px; border-bottom: 2px solid #efefef; order: 0; } .PcAmebaNewsList .PcHitCountRange { order: 1; } .PcAmebaNewsList .PcHitCountRange { position: absolute; top: 154px; left: calc(50% - 280px); margin: 0; color: #000; order: 1; } @media screen and (max-width: 1069px) { .PcAmebaNewsList .PcHitCountRange { left: 246px; } } .PcAmebaNewsList_List { margin-bottom: 10px; order: 3; } /* Amebaニュースのリストアイテム */ .PcAmebaNewsListItem { margin-bottom: 4px; padding: 4px; border: none; background: #f4f4f4; } .PcAmebaNewsListItem:hover { outline: 2px solid #2196f3; } .PcAmebaNewsListItem_Link:hover { opacity: 1; } .PcAmebaNewsListItem_Image { height: 75px; width: 75px; } .PcAmebaNewsListItem_NewsData { width: 632px; } .PcAmebaNewsListItem_NewsTitle { font-size: 16px; margin-top: 2px; margin-bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .PcAmebaNewsListItem_NewsContent { line-height: 1.25; margin-bottom: 2px; } /* 右列 ************************************************** */ /* 話題のキーワード ***************** もっとアメーバを楽しもう *********** 一般ブログ ********************** ハッシュタグ ******************** */ .PcRecommendedWordList, .PcAmebaLinkList, .PcBlogTitleListModule, .PcSideBarHashTagList { background: #fff; padding: 15px 8px; margin-bottom: 10px; } .PcRecommendedWordList_Caption, .PcAmebaLinkList_Caption, .PcBlogTitleListModule_Caption, .PcSideBarHashTagList_Caption { padding: 0 15px 8px; } /* 一般ブログ ********************** */ .PcBlogTitleListModule_Item { margin: 0; padding: 0; } .PcBlogTitleListModule_Link { padding: 4px; } .PcBlogTitleListModule_Link:hover { background: var(--hov); text-decoration: none; } .PcBlogTitleListModule_Item .UserThumbnail { border-radius: 6px; border: 1px solid #ccc; } /* ハッシュタグ ******************** */ .PcSideBarHashTagList_List { flex-direction: column; } .PcSideBarHashTagList_Item { margin: 0 24px 12px 15px; } } @-moz-document url-prefix("https://blogtag.ameba.jp") { /* ハッシュタグ トップページ ******************************* */ /* リストドットマーク非表示 *****************/ ul.JcnoV { list-style: none; } /* ハッシュタグリスト 最多番 ***********/ .iZYTwL { padding: 0.5em 0 0.4em; } .MSNee { font-size: 18px; } .MSNee:hover { opacity: 1; outline: 1px solid #2196f3; } .iciLfZ { margin-bottom: 4px; } /* 囲み記事 */ .gGMelT { height: 60px; border-radius: 4px; } .gGMelT:hover, .gGMelT:focus { opacity: 1; border-color: rgb(73, 199, 85); box-shadow: none; } .yFtjb { padding: 0 16px; } /* 記事画像 */ .kqWOAA { height: 56px; width: 56px; } .gYUJoY { height: 56px; width: 56px; border-radius: 4px; } .kqWOAA:hover .gYUJoY { height: 180px; width: 180px; position: absolute; left: 654px; top: 0px; z-index: 1; } /* ハッシュタグリスト 一般 ************/ /* リスト高さ */ .gGgTbv { height: 60px; } /* フォバースタイル */ .iUdBwI:hover, .iUdBwI:focus { opacity: 1; outline: 1px solid #2196f3; box-shadow: none; margin-left: -15px; padding: 0 15px; } /* リストの順位表示 */ .kcHTYY { padding-top: 10px; } /* ハッシュタグ名 */ .dffrXF { margin: 6px 0 0; } /* 記事画像 */ .ebYTaH { height: 56px; width: 56px; } .jItOxI { height: 56px; margin: 0 auto; } .cgvPmY { height: 56px; width: 56px; border-radius: 4px; } .jItOxI:hover .cgvPmY { width: 176px; height: 176px; position: relative; left: 196px; top: -60px; } /* 右サイドメニュー AD **************/ .iwCvzb { display: none; } /* フッター ***********************/ #gFooter { display: none; } } @-moz-document regexp("https://search.ameba.jp/search/entry.*aid=.+") { /* Ameblo Neo Search ver.2020.09.05 */ /* Main **************************************** */ .PcDefaultPage_Main { min-width: 728px !important; } /* 検索窓 *************************************** */ .PcNavigationSearch { width: 728px !important; margin: 12px auto; } .PcNavigationSearch_Logo { margin-right: 20px; } .PcNavigationSearch_AmebaLogo { margin-right: 0; } .PcNavigationSearch_AmebaLogo:after { border: none; } .PcSuggestForm_Input { width: 418px; } /* ナビゲーションバー ****************************** */ .PcNavigationBar_NavBarList { width: 728px !important; } .PcNavigationBar_NavBarItem { margin: 0; } /* 検索結果 メインエリア **************************** */ .PcSearchEntryTemplate_Wrap { width: 728px !important; } .PcSearchEntryTemplate_Left { margin-top: -2px; } /* パンクズリスト ********************************* */ .PcBreadcrumbsList { left: calc(50% + 70px) !important; top: 70px; } @media screen and (max-width: 728px) { .PcBreadcrumbsList { left: 434px; } } .PcBreadcrumbsList_Link { font-weight: bold; color: #757575; } .PcBreadcrumbsList_Link:first-child { color: #1565c0; } .PcBreadcrumbsList_Icon { margin: 0; } /* 検出記事リスト ********************************* */ .PcEntryList { margin-bottom: 0; } /* 「ブログ記事」のヘッダー *********** */ .PcEntryList_Caption { font-size: 0; } .PcEntryList_Caption::after { content: "ブログ内検索"; font-size: 18px; } /* リスト情報 ********************** */ .PcEntryList_ListInfo { top: 0 !important; left: calc(50% - 20px) !important; width: 384px !important; margin: 0 !important; } @media screen and (max-width: 728px) { .PcEntryList_ListInfo { left: 344px !important; } } .PcBlogEntryFilter_ButtonLabel { font-size: 0; line-height: 0px; } .PcBlogEntryFilter_ButtonLabel::after { content: "ID指定を変更"; font-size: 13px; } } @-moz-document regexp("https://search.ameba.jp/search/entry.*aid=.+") { /* ナビゲーションバー 非表示 ************************* */ .PcNavigationBar { display: none; } /* パンクズリスト ********************************* */ .PcBreadcrumbsList { display: block; left: calc(50% - 50px) !important; top: 62px !important; padding: 4px 12px !important; } @media screen and (max-width: 728px) { .PcBreadcrumbsList { left: 314px !important; } } /* 検出記事リスト ********************************* */ /* 「ブログ記事」のヘッダー *********** */ .PcEntryList_Header { margin-bottom: 4px !important; } /* 人気・新着 非表示 */ .PcEntryList_TabList { display: none; } /* リスト情報 ********************** */ .PcEntryList_ListInfo { top: 0 !important; left: calc(50% - 210px) !important; width: 265px !important; margin-top: 64px; } @media screen and (max-width: 728px) { .PcEntryList_ListInfo { left: 154px !important; } } /* ID指定あり 非表示 */ .PcBlogEntryFilter { display: none; } /* 情報なしのエラーメッセージ */ .PcErrorMessage { margin-top: 40px; } /* 記事リストのページャー ************* */ .PcResultPagination { margin-bottom: 6px; padding: 0 0 4px 140px; } .PcResultPagination_MoreLink { padding: 2px 6px 1px 6px; border-radius: 4px; } .PcResultPagination_List { margin: 0; } .PcResultPagination_Paging_active, .PcResultPagination_PagingLink { border-radius: 4px; padding: 2px 6px; } /* 記事リストのアイテム *************** */ .PcEntryListItem { margin-bottom: 2px !important; padding: 2px !important; } /* サムネイル 24px */ .PcEntryListItem .UserThumbnail { width: 24px; height: 24px; margin-left: 4px; } .PcEntryListItem_Entry { margin: 0px 8px; } /* タイトル文字サイズ 16px */ .PcEntryListItem_EntryTitle { font-size: 16px; line-height: 20px; } } @-moz-document regexp("https://search.ameba.jp/.*") { /* ヒット語のアンダーライン表示 オプション ************* */ /* 検索ヒット語のマーカー */ .hlword1 { color: #333 !important; font-weight: inherit !important; background: linear-gradient(transparent 1.1em, #f90 0, #f90 calc(1.1em + 3px), transparent 0); } } @-moz-document regexp("https://search.ameba.jp/.*") { /* チェック済み記事マーク オプション ****************** */ /* visited マーカー */ .PcEntryListItem_Link { position: relative; } .PcEntryListItem_Link::before { content: ""; position: absolute; left: 62px; top: 6px; width: 8px; height: 8px; border-radius: 8px; background: var(--backg); } .PcEntryListItem_Link:visited::before { background: #2196f3; } } @-moz-document regexp("https://search.ameba.jp/search/entry.*aid=.+") { /* チェック済み記事マーク オプション ** マーク位置補正 *** */ /* visited マーカー */ .PcEntryListItem_Link { position: relative; } .PcEntryListItem_Link::before { content: ""; position: absolute; left: 10px; top: 44.5px; width: 14px; height: 14px; border-radius: 4px; background: #f4f4f4; } .PcEntryListItem_Link:visited::before { background: #2196f3; } }