残像ブログ

残像だった

【Firefox向け】pixivを見やすくするユーザCSS

ユーザCSS


この記事のユーザCSSは古いです。最新版はuserstyles.orgに登録しました→simple pixiv - Themes and Skins for Pixiv - userstyles.org
イラスト個別ページでのタグ非表示化CSSは個別で登録しました→http://userstyles.org/styles/83069/pixiv-hide-tag;title


全部適用するとこんな感じ

pixivがどんどんごちゃごちゃしてきてるのでスッキリさせるcss。自分用で簡単な部分しか消してない。
私の環境はFirefox17.0.1のモニタ解像度1600×900です(2012/12/16現在）。
また、スタックフィード、小説、pixivニュースは使用していないです。

特定ユーザの非表示用CSSはこちら→ユーザCSSでpixivの特定ユーザの画像を非表示にするナンチャッテNG機能 - 残像ブログ

変更する項目および目的

  • 広告を非表示にする
  • 背景を固定・選択テキストを見やすくする
  • ヘッダを上に詰める
  • トップページの不要な物非表示（被お気に入り、ニュースなど）
  • 画像一覧を見やすくする
  • ごちゃごちゃしてるのいや


番外編

  • イラスト個別ページの部品を消す

pixivが改装したら随時更新していこうと思う

更新履歴
  • 12/12/16：広告非表示：フッター部分の広告非表示、ヘッダ整理：ロゴ・小説イベントの非表示、ヘッダの高さ、pixivニュース非表示が適用されてなかったので修正。検索時のパンくずリスト非表示を追加（縦に長いので）。タグの背景画像削除、各タグにつく個別ページ？へのリンク非表示
  • 12/10/02：「トップページの不要な物非表示」にまた採用情報とコミック非表示追加
  • 12/06/23：「画像一覧を見やすくする」にショーケース非表示を追加
  • 12/04/07：「イラスト個別ページの部品を消す」に関連商品の消去を追加
  • 12/01/31：「画像一覧を見やすくする」に人気順ソートリンク非表示を追加
  • 11/11/27：「ヘッダを上に詰める」にポップボードの位置調整を追加
  • 11/10/28：「イラスト個別ページの部品を消す」を追加
  • 11/10/27：「ヘッダを上に詰める」にメニューの位置調整CSS追加
  • 11/10/12：pixivニュース非表示のCSS変更
  • 11/06/25：広告を非表示にする、ヘッダを上に詰める　の項のCSS全体を更新
  • 11/06/22：季節企画アイコン非表示を追加、画像一覧のCSSを新着一覧などでも有効になるよう変更、プレミアム宣伝をマイピク新着一覧でも非表示（画像一覧の項と統合）

広告を非表示にする

/*広告非表示*/
@-moz-document domain("serv.ads.pixiv.org") {
  a[href^="http://serv.ads.pixiv.org/"]{
    display: none !important;
    }
}
@-moz-document domain("www.pixiv.net") {
  .adver_Rightcolumn, 	/*トップページ右の正方形広告スペース*/
  .ads_area, 		/*画像一覧ページでのアドセンス*/
  .ad-footer,           /*フッター部分の広告*/
  .ad ,  		/* ヘッダ部分の横長広告 */  
  a[href^="http://ov.pixiv.net/sponsor/"],  /*個人ページ左下のおすすめキーワード*/
  #adingoBeagle1, 	/*イラスト個別ページのキャプション下*/
  #adingoBeagle2  	/*イラスト個別ページのタグ下*/
 {
    display: none !important;
  }
}

背景を固定・選択テキストを見やすくする

ユーザが自分のページの背景を自由に変更できるが、他ユーザのページ行く度にコロコロ背景が変わるのはやかましいのでデフォルトの灰色で固定。
あと選択したテキストの背景が薄すぎて喧嘩売ってるので（下図参照）変更。
タグに背景等が付くようになったので非表示（2012/12/16）

↓css適用前

@-moz-document domain("www.pixiv.net") {
  /*背景固定*/
  body {
    background:#EDF0F5 !important;
  }

  /*選択テキストを見やすくする*/
  ::-moz-selection {
    background: #93A070 !important; /*背景色*/
    color:#FFFFFF !important; /*文字色*/
  }

  /*タグの背景画像削除*/
  li.tag{
    background-image:none !important;
    box-shadow:none !important;
    border:none !important;
  }
  
  /*タグについてるポータルへのリンク非表示*/
  li.tag a.portal{
    display: none !important;
  }
}

ヘッダを上に詰める

  • ロゴや広告を消した分上に詰める
  • スタックフィードは使わないのでメニューから消す
  • 空いたスペースに検索バーを収納
  • 季節物企画のアイコンがメニューに被るので消す（11/06/22追加）
@-moz-document domain("www.pixiv.net") {
  #logo_s{  /*季節企画アイコン非表示*/
    display: none !important;
  }

  .layout-wrapper h1.title{  /*ロゴ非表示*/
    display: none !important;
  }

  .layout-wrapper {  /*ヘッダの高さ*/
   height:45px !important;
  }

  .site-menu {  /*r-18やログアウトのリンクの位置*/
    top:23px !important;
  }

  .ui-search {  /*検索バーの位置*/
    bottom:10px !important;
    right:220px !important;
  }

  .notification {  /*ポップボードの位置*/
    left:400px !important;
  }

  .stacc {  /*メニューからスタックフィードのリンク消去*/
    display: none !important;
  }

  NAV.category-list{ /*検索バーの下の小説・イベントの奴非表示*/
    display: none !important;
  }

  .global-menu{ /*メニュー （2011/10/27追加）　*/
   top:0 !important; 
  }
}

トップページの不要な物非表示

  • pixivニュース非表示
  • 被お気に入り数を非表示
  • pixivコミックとかいうの非表示(12/10/02追加）
  • pixivの採用情報リンク非表示(12/10/02追加）
@-moz-document url-prefix("http://www.pixiv.net/mypage.php"),
url-prefix("http://www.pixiv.net/cate_r18.php") {
  /*pixivニュース非表示*/
  #column-misc section:nth-child(6){
    display: none !important;
  }
  /*自分の被お気に入り数を非表示*/
  .count {
    display: none !important;
  }
  /*pixvコミック非表示*/
  .comic-container{
    display: none !important;
  }
  /*pixv採用情報非表示*/
  .recruit-ad{
    display: none !important;
  }
}

画像一覧を見やすくする

  • 見難さ5200%なのと、ユーザ名は別にいらないので見やすく変更
  • お気に入りユーザやマイピクの新着イラストページで毎回プレミアムの宣伝されても困るので非表示
  • 使わないのでショーケース非表示（2012/06/23追加)
  • パンくずリスト非表示追加（2012/12/16追加）

タグ検索結果ページ、みんなの新着イラスト、お気に入りユーザの新着、マイピクの新着一覧で有効。

@-moz-document url-prefix("http://www.pixiv.net/tags.php?tag="), 
url-prefix("http://www.pixiv.net/search.php?"),
url-prefix("http://www.pixiv.net/new_illust.php"),
url-prefix("http://www.pixiv.net/bookmark_new_illust.php"),
url-prefix("http://www.pixiv.net/mypixiv_new_illust.php") {
  /*ユーザ名を非表示*/
  p.user {
    display: none !important;
  }

  /*タイトルの太文字を解除・タイトルの上下を広げる*/
  li.image h1{
    font-weight: normal !important;
    line-height:140% !important;
    margin-top:0.5em !important;
    margin-bottom:1em !important;
  }

  /*サムネイルの枠非表示*/
  li.image p img {
    border:none !important;
  }

  /*プレミアム宣伝非表示*/
  .new_works2{
    display: none !important;
  }

  /*人気順ソートのプレミアム宣伝非表示*/
  .require-premium{ 
    display: none !important;
  }
  /*ショーケース非表示*/
  .showcase{
    display: none !important;
  }
  /*パンくずリスト非表示*/
  nav.breadcrumb{
    display: none !important;
  }
}

イラスト個別ページの部品を消す（2011/10/28追加）

スッキリしたいあなたに
関連商品の部分は「関連商品」のタイトルは残ってしまいます。

@-moz-document url-prefix("http://www.pixiv.net/member_illust.php?mode=medium&illust_id="){
  #tag_area{ /*登録タグ*/
    display:none !important;
  }

  #unit{/*観覧数や得点*/
    display:none !important;
  }
  
  .share-button { /*SNSのボタン*/
    display:none !important;
  }

  .works_area + div{ /*キャプションの下に出来る隙間用*/
    display: none !important;
  }

  .ads_amazon_outer{/*関連商品*/
    display:none !important;
  }
}