Skip to content

Kakakucom Viewer 800 by personwritep

Screenshot of Kakakucom Viewer 800

Details

Authorpersonwritep

LicenseNo License

Categorykakaku.com

Created

Updated

Size37 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

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

Notes

価格.comの掲示板の閲覧画面を小幅ウインドウに最適化しました。
◎幅800px以下に主要な情報画面が収まります。 小幅化により同時2画面表示が容易で、またブラウザ拡大表示にも無理なく対応可能です。
◎不必要なDM表示を抑止します。
◎コメント・レビュー編集画面、添付画像ビューワーも800px以下にコンパクト化。 これにより、関連した画面にスムーズに移行が出来ます。
◎暗背景・明背景をオプション設定で切換が可能です。

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

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

https://ameblo.jp/personwritep/entry-12341731703.html
https://ameblo.jp/personwritep/entry-12392849614.html


2022.11.14
「PHOTOHITO」の「ユーザー別写真リスト」のメイン画像レイアウトを修正。
「クチコミ」等の「newmodel」の背景欠落を修正。

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

2022.02.10
画像表示画面で縦長画像(ポートレート)の横幅が拡張されるのを修正しました。

2021.09.09
UserStyles.world に移植

2019.02.18
フロートタイプの右サイドADをブロック。
店頭購入のMapアレンジをFirefox対応に変更しました。

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 800
@namespace    userstyles.world
@author           personwritep
@description     価格.comの掲示板の閲覧画面を800px以下の幅に最適化
@version          202211.14.01
@license           NO-REDISTRIBUTION
@preprocessor  default
==/UserStyle== */
@-moz-document url-prefix("https://kakaku.com/item/"),
url-prefix("https://review.kakaku.com/review/"),
url-prefix("https://kakaku.com/auth/prdevaluate/"),
url-prefix("https://bbs.kakaku.com/bbs/"),
url-prefix("https://kakaku.com/auth/bbsnew/"),
url-prefix("https://upload.kakaku.com/auth/upload/movieupload"),
url-prefix("https://engawa.kakaku.com/"),
url-prefix("https://ssl.kakaku.com/auth/mypage/"),
url-prefix("https://kakaku.com/auth/profile/") {
/* Kakakucom Viewer 800 ver.202211.14.01 */
/* フォント・基本背景 */
/* メイリオ強制指定 */
* {
    font-family: "メイリオ", "Meiryo" !important; }

/* 画面背景色 */
body {
    background: #fafafa !important; }

#header {
    background: #fff; }

.h1deco {
    background: #fff; } }

@-moz-document url-prefix("https://kakaku.com/item/"),
url-prefix("https://review.kakaku.com/review/"),
url-prefix("https://kakaku.com/auth/prdevaluate/"),
url-prefix("https://bbs.kakaku.com/bbs/"),
url-prefix("https://kakaku.com/auth/profile/") {
/* 全てのタブ画面 基本CSS */
/* ページ上部 機種説明 */
#contents1035,
#contents930,
.contents930 {
    width: 740px !important; }

#header {
    width: 740px !important; }

#header .headerR {
    display: none; }

.h1Area {
    width: 740px; }

.path.btmPath {
    width: 740px; }

#itmOther {
    display: none; }

#itmBoxMax {
    width: 740px !important;
    background-size: contain !important; }

#titleBox {
    width: 720px !important; }

#titleBox + .bookmarkAdd3 {
    right: -3px; }

#productInfoBox span.morelinkbox {
    width: auto !important; }

/* お知らせ */
#productAttention {
    width: auto; }

/* カテゴリタブの小幅化 */
#main ul.tab {
    margin: 0 0 -1px !important;
    width: 740px;
    display: flex; }

#main ul.tab li {
    border-radius: 7px 7px 0 0;
    overflow: hidden;
    flex-shrink: 1;
    transition: .5s }

#main ul.tab li:hover {
    flex-shrink: 0; }

#itemviewFixedTab ul.tab li {
    border-radius: 7px 7px 0 0;
    overflow: hidden;
    flex-shrink: 1;
    transition: .5s }

#itemviewFixedTab ul.tab li:hover {
    flex-shrink: 0; }

/* 標準タブ */
#main .tabArea {
    width: 740px;
    height: 25px;
    background-position: center bottom !important; }

#main .h3Area {
    width: 720px;
    background-size: contain; }

#main .h3Area + img {
    width: 740px; }

/* フロート部 全体 */
#itemviewFixedTab {
    width: 740px; }

/* フロート部 機材詳細 */
#itemviewFixedTab .fixedTabItemLines {
    display: grid; }

#itemviewFixedTab .fixedTabItemLines {
    width: 660px; }

#itemviewFixedTab .fixedTabItemOther {
    display: none; }

/* スレッド表示順 ボタン列 */
.box04.change01 {
    width: 116px; }

.box04.change05 {
    width: 240px; }

/* NEW 新製品紹介 */
.newmodel,
.oldmodel {
    width: 740px;
    margin: 15px 0 5px;
    background: #f8f8f8;
    overflow: hidden; }

.newmodel h4 span,
.oldmodel h4 span {
    width: 720px; }

.newmodel .newmodelInfo,
.oldmodel .oldmodelInfo {
    width: 720px; }

.newmodel .valuebox,
.oldmodel .valuebox {
    width: 300px; }

/* 右メニュー PHOTOHITOのみ残し上部に移動*/
#module > * {
    display: none; }

#module .imgPhotohito {
    display: block;
    position: absolute;
    top: 4px;
    right: calc(50% - 370px);
    width: 450px;
    background: none; }

#module .imgPhotohito .title {
    width: auto;
    background: none; }

#module .imgPhotohito .title p {
    display: inline-block;
    position: absolute;
    right: 0;
    background: #e1f5fe;
    max-width: 430px;
    overflow: hidden;
    border-radius: 4px; }

#module .imgPhotohito .title a {
    white-space: nowrap; }

#module .imgPhotohito .boxIn,
#module .imgPhotohito .more {
    display: none; }

/* レビューページ */
#revbox {
    width: 740px; }

#revbox .totalbox.clearfix {
    width: 736px !important; }

/* ADブロック ***************************/
/* 下部AD */
.sqTwoWrapper,
.sqTwo {
    display: none; }

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

/* 追加CSS */
ins.adsbygoogle {
    display: none !important; }

#fbLikeBxW500 {
    display: none; }

/* インサートAD */
[id*="div-gpt-ad"] {
    display: none; } }

@-moz-document url-prefix("https://kakaku.com/item/"),
url-prefix("https://review.kakaku.com/review/"),
url-prefix("https://kakaku.com/auth/prdevaluate/"),
url-prefix("https://bbs.kakaku.com/bbs/") {
/* フロートタブ部 機材詳細の非表示 */
#itemviewFixedTab .fixedTabItem {
    display: none; } }

@-moz-document url-prefix("https://kakaku.com/item/") {
/* 価格比較タブ画面 追加CSS */
#tabContents #mainLeft {
    width: 740px; }

#mainLeft #contentsSummary .ctsbox .ctsboxBottom table#kuchikomiList {
    width: 714px; }

.digestBox.newVer .digestCtn {
    width: 738px; }

.digestBox.newVer .digestMain {
    width: 575px; }

/* 店舗マップ */
#itemv #localShopMain {
    width: 738px;
    border-width: 1px; }

#itemv #localShopSummary .displaying {
    width: 390px;
    padding: 12px 0 8px 10px; }

#itemv #localShopSummary .numOfShops {
    width: 170px;
    padding: 9px 0 9px 10px; }

#itemv #localShopListMapGroup {
    width: 738px; }

#itemv #localShopList_v2 {
    width: 290px; }

#itemv #localShopList_v2 .shopList {
    width: 290px; }

#itemv #localShopList_v2 .shopListPaging {
    width: 290px; }

#itemv #localShopMap_v2 {
    width: 447px; }

#contentsSummary .mTop20.mBtm20.alignC {
    display: none; }

/* 価格比較タブ画面 店舗比較テーブル */
table.p-priceTable {
    display: block;
    width: 740px;
    overflow-x: scroll; }

/* 法人向けサービス */
#corporation > div {
    margin: 7px 0 !important; }

/* 中古価格比較タブ画面・買取価格タブ画面・スペック情報タブ画面・オークションタブ画面 */
.w880,
.w930 {
    width: 720px; }

table.tblBorderGray {
    display: block;
    width: 740px;
    overflow-x: scroll; }

table.tblBorderGray tbody {
    display: table;
    width: 930px !important; }

.usedBox {
    min-width: initial; }

#tabContents .alignC.mTop10 {
    background: #fff; } }

@-moz-document url-prefix("https://review.kakaku.com/review/") {
/* レビュータブ画面 追加CSS */
#review .reviewEntryBox {
    width: 740px;
    background: #FFECB3;
    padding-top: 7px;
    border-radius: 6px;
    border: 1px solid #d1d1d1; }

#review .reviewEntryBox .bxttl {
    display: none; }

.reviewEntryBox .campinfo {
    margin: 10px 15px 0 200px; } }

@-moz-document url-prefix("https://bbs.kakaku.com/bbs/"),
url-prefix("https://review.kakaku.com/review/") {
/* クチコミ 写真ビュー画面・レビュー 写真ビュー画面 基本CSS */
#contents {
    width: 740px; }

#imageView {
    margin: 0;
    width: 740px; }

#imageViewInner {
    margin: 0;
    width: 740px; }

#imageView .imgAreaShadow {
    width: 740px; }

#imageView .imageArea {
    padding: 10px;
    width: 718px; }

/* 画像送りタブ */
#imageView .arrowImgNext {
    overflow: hidden;
    right: -30px;
    border-radius: 0 6px 6px 0; }

#imageView .arrowImgNext img {
    width: 30px; }

#imageView .arrowImgPrev {
    overflow: hidden;
    left: -30px;
    border-radius: 6px 0 0 6px; }

#imageView .arrowImgPrev img {
    width: 30px; }

/*  画像リスト */
#imageView .imageList table td {
    padding: 0; }

/* サイドスライド表示 */
#outerRecommendBox.outerRecommendBox-fixed {
    display: none; } }

@-moz-document url-prefix("https://kakaku.com/auth/bbsnew/"),
url-prefix("https://kakaku.com/auth/prdevaluate/"),
url-prefix("https://upload.kakaku.com/auth/upload/movieupload") {
/* クチコミコメント編集画面・レビュー編集画面 基本CSS */
/* ページ上部 機種説明 */
#contents930 {
    width: 740px !important; }

#header {
    width: 740px !important; }

#header .headerL {
    margin-right: -200px; }

#header .mLeft10 {
    position: relative;
    z-index: 1; }

#header .prText iframe {
    display: none; }

#main .bbsBar {
    width: 740px;
    overflow: hidden;
    background-position: center bottom !important; }

#main .h3Area {
    width: 720px; }

#main .h3Area + img {
    width: 740px; }

/* 入力欄 */
#main .tblInput.ver2 {
    width: 740px; }

#main .tblInput.ver2 .titletextarea {
    margin-top: -20px; }

#main .tblInput.ver2 .lttrCount {
    display: inline-block;
    width: 200px; }

#main .tblInput.ver2 #title_bg,
#main .tblInput.ver2 #comment_bg {
    width: 610px; }

#main .tblInput.ver2 .commentTextarea {
    width: 600px !important; }

#bbsnameList .nicknameChoice {
    width: 592px !important; }

#main .tblInput.ver2 #file_up .step {
    width: 602px; }

#FrmInput .agreementFrame,
#FrmUpload .agreementFrame {
    width: 738px; }

/* 下部クチコミ参照枠 */
#main .box08 {
    border: none; }

/* 動画アップロード画面 */
#main .movUpload {
    width: 740px; }

html > body .alignC iframe {
    width: 740px;
    font-family: inherit !important; } }

@-moz-document url-prefix("https://kakaku.com/auth/prdevaluate/") {
/* レビュー編集画面 追加CSS */
#main .tblInput.ver2 td {
    padding-right: 0; }

#main .tblInput.ver2 .tblInput02,
#main .tblInput.ver2 .tblInput03 {
    width: 590px !important; }

#main .tblInput.ver2 .titletextarea {
    margin-top: -10px; }

#main .tblInput.ver2 .lttrCount {
    display: inline-block;
    width: 170px; }

#main .tblInput.ver2 .commentTextarea {
    width: 578px !important; }

#main .tblInput.ver2 #file_up .step {
    width: 580px; } }

@-moz-document url-prefix("https://kakaku.com/auth/profile/") {
/* プロフィール */
/* 全体 */
#profile {
    background: #fafafa; }

/* タブメニュー ********************** */
.profileTabMenu {
    width: 740px; }

.profileTabMenuList li {
    width: 110px;
    white-space: nowrap; }

/* ユーザー情報 ********************** */
#profile #u-info2 {
    width: 740px !important; }

/* メダルリスト */
#profile #medalLis...

Reviews

No reviews yet.