Skip to content

Kakakucom Viewer 930 by personwritep

Screenshot of Kakakucom Viewer 930

Details

Authorpersonwritep

LicenseNo License

Categorykakaku.com

Created

Updated

Size33 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

価格.comの掲示板の閲覧画面を930pxの幅に最適化

Notes

このスタイルは、価格.comの掲示板の閲覧画面をユーザーライクにアレンジします。
「Kakakucom Viewer 800」より幅に余裕を持たせ、「クチコミ」ページのサイドバー表示を残しています。

◎幅930px以下に主要な情報画面が収まります。
◎不必要なDM表示を抑止します。
◎コメント・レビュー編集画面、添付画像ビューワーもコンパクト化し、関連した画面にスムーズに移行が出来ます。

これは、PCやタブレットでの使用に適したスタイルで、Chrome/Edge/Firefox の「Stylus」で使用が可能です。

このスタイルの詳細は、以下のページを参照ください。

https://ameblo.jp/personwritep/entry-12393765118.html


2023.09.08
「主要部の16px表示」のオプションを追加しました。「クチコミ」「レビュー」等の画面に適用されます。

2023.09.07
スタイルに「設定」メニューを導入し、「基本のページ背景色」をユーザーがカスタマイズ可能になりました。
製品の拡大表示画面の修正。「この製品の最安価格を見る」の表示幅を修正。

2022.11.14
「レビュー」画面の投稿部デザインを修正。 右サイドバーの表示の背景欠けを修正。
「クチコミ」等の「newmodel」の背景欠落を修正。

2022.11.07
「クチコミ」のトップデータ幅修正。「PHOTOHITO」のADブロック追加。

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            Kakakucom Viewer 930
@namespace    userstyles.world
@author           personwritep
@description     価格.comの掲示板の閲覧画面を930pxの幅に最適化
@version          202309.08.01
@license           NO-REDISTRIBUTION
@preprocessor  stylus
@var checkbox  view16 '主要部の16px表示' 1
@var          color    backg "基本のページ背景色"    #2d6184
==/UserStyle== */
@-moz-document url-prefix("https://bbs.kakaku.com/bbs/"),
url-prefix("https://kakaku.com/item/"),
url-prefix("https://review.kakaku.com/review/"),
url-prefix("https://kakaku.com/auth/bbsnew/"),
url-prefix("https://upload.kakaku.com/auth/upload/"),
url-prefix("https://kakaku.com/auth/prdevaluate/"),
url-prefix("https://kakaku.com/auth/pickuplist/"),
url-prefix("https://kakaku.com/auth/profile/"),
url-prefix("https://ssl.kakaku.com/auth/mypage/"),
url-prefix("https://kakaku.com/kuchikomi/bbs/threadranking/") {
/* Kakakucom Viewer 930 ver.202309.08.01 ***********/
/* 価格.COM 全ページ共通 *****************************/
body {
font-family: Meiryo;
background: backg; }

/* ヘッダー部 **************************************/
#header {
background: #fafafa; }

#header .headerL {
padding-left: 1em; }

#header .headerR {
padding-right: 1em; }

#header iframe.loginSearchFrame {
margin-left: -2em; }

/* ステータス */
#header + .h1Area {
background: #eceff1; }

#header + .h1Area .h1deco {
padding: 3px 5px;
border: none;
border-bottom: 1px solid #ccc; }

#header + .h1Area .h1bg {
background: none; }

/* パス */
.path {
background: #eceff1;
width: calc(930px - 2em);
padding: 0 1em 2px;
border-radius: 0 0 6px 6px; }

/* アイテムエリア ***********************************/
#itmBoxMax {
margin-top: 15px !important;
background: #eceff1 !important;
border-radius: 6px;
overflow: hidden; }

if view16 {
#itmBoxMax {
font-size: 16px; }

#imgBox .itmNaviIn {
font-size: 12px; } }

#itmBoxMax .releaseDate {
font-weight: bold; }

#itmArea #itmBoxMax .itmBoxBottom,
#itmArea #itmBoxMax .itmBoxIn {
background: none; }

/* 関連製品 右フロート表示 */
#outerRecommendBox {
background: #ECEFF1;
border-radius: 6px;
overflow: hidden; }

#outerRecommendBox .outerRecommendBlock,
#outerRecommendBox .outerRecommendTtl,
#outerRecommendBox .outerRecommendTtl .ttlInner,
#outerRecommendBox .outerRecommendItemList {
background: none; }

#itmArea p.userAttension a {
background: #eceff1;
padding: 2px 10px;
border-radius: 3px; }

/* ニューモデル -共通- */
.newmodel {
border-radius: 6px;
background: #f8f8f8;
overflow: hidden; }

.newmodel img.nmIcon {
border-radius: 6px 0 0 0; }

/* 情報選択タブ ************************************/
#main .tabArea,
#main .bbsBar {
height: 25px;
background: none; }

#main ul.tab.narrow {
margin: 0; }

#main ul.tab.narrow li,
#main ul.tab li {
border-radius: 8px 8px 0 0;
overflow: hidden; }

/* 掲載情報の保証はいたしかねます */
.tabArea .notice,
.tabArea .notice a {
color: #fff; }

/* フロート時 タブ */
#itemviewFixedTab,
#itemviewFixedTab:before,
#itemviewFixedTab:after {
background: backg; }

/* フロート時 アイテム表示 */
#itemviewFixedTab .fixedTabItem {
display: none; }

/* タプ選択 情報エリア */
#main .h3Area {
border-radius: 0 0 6px 6px;
padding-bottom: 10px !important;
background: #eceff1 !important; }

if view16 {
#main .h3Area {
font-size: 16px; } }

#main .h3Area + img {
height: 0; }

/* コメント欄 ***************************************/
/* 区切り点線 */
img[src*="item/dotline738.gif"] {
width: 100%; }

/* ページの先頭へ -共通- */
.arrowPagetop {
color: #fff; }

/* フッター ****************************************/
#footer input.SBtn {
border-radius: 6px; }

#footer .footerCc,
#footer .footerCc a {
color: #cfd8dc !important; }

/* 閲覧履歴 ****************************************/
#historyFrame {
background: none !important; }

/* 各ページ共通のフィルイン表示 ************************/
/* 価格.com カメラ部 -共通- */
#tabContents #fbLikeBxW500 .fb-page {
border-radius: 6px;
overflow: hidden; }

/* この製品の最安価格を見る -共通- */
.digestBox.newVer {
width: auto;
padding-bottom: 0;
background: #eceff1 !important;
border-radius: 6px;
overflow: hidden; }

.digestBox.newVer .digestCtn {
width: auto; }

/* ご利用の前にお読みください -共通- */
.box01.mTop15 {
background: #eceff1;
border-radius: 6px; }

/* 法人向けサービス -共通- */
#corporation {
background: #eceff1;
border-radius: 6px; }

/* AD ********************************************/
/* 右サイドフロートAD -共通- */
.fixedRightAdContainer {
display: none !important; }

/* クチコミ ヘッダー */
[id*="div-gpt-ad"] {
display: none; }

/* クチコミ アイテムエリア */
#itmArea #itmOther .bnrBb {
display: none; }

/* クチコミ 右サイドバー */
[href*="http://kakaku.com/bb/c/c_bbs_sky.html"] {
display: none; }

[href*="http://kakaku.com/loan/card-loan/?lid=loan_kakaku"] {
display: none; }

iframe[id*="rakuten_mw_iframe"] {
display: none; }

/* 価格比較 */
ins.adsbygoogle {
display: none !important; }

form[action*="http://kakaku.com/camera/dpe"] {
display: none !important; }

/* アイテムにより特殊に追加される表示 *******************/
/* CAR モデルの絞り込み */
.narrowDataTp {
border-radius: 6px 6px 0 0; }

.narrowData {
background: #eceff1; }

.narrowDataBtm.mBtm10 {
border-radius: 0 0 6px 6px; } }

@-moz-document url-prefix("https://kakaku.com/item/") {
/* 価格比較 ****************************************/
#contents1035 {
width: 930px; }

#itemv #mainLeft {
width: 930px; }

/* 新品・中古 */
#item .itemTblTtl {
background: #bbdefb;
border-radius: 0 6px 0 0; }

/* 価格一覧テーブル */
#itemv table.p-priceTable {
width: 930px;
background: #eceff1; }

#itemv table.p-priceTable + .mTop5.alignR {
color: #fff; }

#itemv .paging {
background: #fff;
border-radius: 6px; }

/* ユーザーレビュー */
#itemv #contentsSummary .ctsbox {
background: #eceff1; }

#itemv #contentsSummary .ctsbox .ctsboxTop {
background: #eceff1; }

/* この製品を見ている人は */
#schRecommendBox {
border-radius: 6px;
overflow: hidden; }

#schRecommendBox .recommendBoxIn {
background: #eceff1; }

/*人気売れ筋・関連カテゴリ・ピックアップ商品 -共通- */
#contentsSummary .subCtsbox {
background: #eceff1 !important;
border-radius: 0 0 6px 6px;
overflow: hidden; }

#popTitle,
#kanrenTitle,
#usedTitle {
background-size: cover !important;
border-radius: 6px 6px 0 0; }

/* ページの先頭へ -共通- */
#tabContents .arrowPagetop {
color: #fff; }

/* 右サイドメニュー 非表示 ****************************/
#itemv #mainRight {
display: none; }

/* 中古価格比較 *************************************/
#itemv .userAttention,
#itemv .userAttention a {
color: #fff; }

#itemv .usedIconAbout {
width: 740px;
border-radius: 6px;
overflow: hidden; }

#itemv table#usedItemTbl {
background: #eceff1;
width: 930px; }

#itemv table#usedItemTbl .UshopCmt1 {
width: auto !important; }

/* 買取価格 ****************************************/
#itemv table.tblBorderGray {
background: #eceff1; }

/* 店頭購入 ****************************************/
#itemv #localShopListMapGroup {
background: #eceff1; }

#itemv #cautionMsg {
background: #fff;
padding-left: 10px;
border-radius: 3px; }

/* ミセトク */
#itemv #misetokuBox_v3 {
border-radius: 0 0 6px 6px;
overflow: hidden; }

#itemv #misetokuBox_v3 .misetokuTitle {
border-radius: 6px 6px 0 0; }

/* 店舗マップ検索 リンク */
.mTop20.mBtm20.alignC img {
border-radius: 6px; }

/* スペック情報 *************************************/
/* 情報部の幅 */
#specContents #mainLeft {
width: 930px; }

/* 製品情報 */
#specContents .itemviewDetailList {
width: 860px; }

#specContents .itemviewDetailList li {
color: #fff !important; }

#specContents .mTop15.alignR a {
color: #fff; }

/* スペックテーブル */
#specContents table.tblBorderGray.mTop15 {
background: #eceff1;
width: 930px; }

/* 項目解説 */
#specContents .alignC.boxHelp01.mTop15 {
background: #eceff1;
border-radius: 6px;
width: 928px; }

/* 製品特長情報 */
#tabContents #specContents .entry {
width: auto;
background: #eceff1;
border-radius: 6px;
overflow: hidden; }

/* 新製品ニュース */
#specContents #newprd {
width: 910px;
background: #cfd8dc !important;
border-radius: 6px 6px 0 0; }

#specContents .newItemInfArticle {
background: #eceff1;
border-radius: 0 0 6px 6px; }

/* 新製品ニュース */
#specContents .newItemInfoLinks {
background: #eceff1;
width: 930px !important;
border-radius: 6px; }

#specContents .newItemInfoLinks dt {
width: 904px;
background: #cfd8dc !important;
border-radius: 6px 6px 0 0; }

/*こんな製品も見ています -共通- */
#schRecommendBox .recommendTtl {
background: #cfd8dc !important;
width: 920px !important; }

/* 商品画像の拡大 ***********************************/
#itemImages .path {
width: unset; }

#itemImages .zoomimgttl,
#itemImages .zoomimgtxt {
color: #fff; }

#itemImages .userAttension {
background: #fff;
display: inline-block;
padding: 5px 8px 1px;
border-radius: 4px; }

/* 純正オプション ***********************************/
#optionCts .optionBox {
background: #eceff1;
border-radius: 6px;
overflow: hidden; }

#optionCts .optionBox h4 {
background: #cfd8dc !important; }

/* 画像・動画 **************************************/
#tokoTab {
border-radius: 6px 6px 0 0;
background-size: cover;
margin-top: 10px;
height: 30px; }

#tokoTab ul.tabList {
position: relative;
top: -9px; }

#tokoTab .tabR,
#tokoTab .tabL {
border-radius: 16px 16px 0 0; }

#tokoBar + .mTop10.fontBlue02 {
background: #cfd8dc;
padding: 10px 20px;
margin: 0; }

table.imgList.mTop30 {
background: #cfd8dc;
padding-top: 30px;
margin: 0;
border-radius: 0 0 6px 6px; }

p.alignC.mTop10 {
background: #fff;
border-radius: 6px; }

/* PHOTOHITOリンク */
#module .imgPhotohito {
border-radius: 6px;
overflow: hidden;
background: #f4f4f4; }

/* ピックアップリスト ********************************/
/* 説明 */
#pkuplist .listtable-caption {
border-radius: 6px; }

/* リスト */
#pkuplist .listtable-bk {
border-radius: 6px 6px 0 0;
overflow: hidden; }

#pkuplist .listtable-bk + img {
border-radius: 0 0 6px 6px;
overflow: hidden; }

/* アイテムを作成する */
#pkuplist .newlistbox {
border-radius: 6px 6px 0 0; }

#pkuplist .newlistbox + img {
bo...

Reviews

No reviews yet.