CiNii Articlesのカラーリングを変更するStylish

「CiNii Articlesの配色が疲れる」という声を聞いたので、ゴニョゴニョするStyleを作成してみました。

オリジナル

Style適用後

※ 基本的な要素を抽出したものですので、お好みに合わせて修正して下さい。

Stylishアドオン

• Firefoxの場合: https://addons.mozilla.jp/firefox/details/2108 をインストールにアクセスしてインストール
• Chromeの場合 : https://chrome.google.com/webstore/detail/stylish/fjnbnpbmkenffdnngjfgmeleoegfcffe?hl=ja にアクセスしてインストール

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("ci.nii.ac.jp") {

  *{
    background-color: #000 !important;
    color: #bbb !important;
    font-weight: inherit !important;
  }

  a{
    color: inherit !important;
  }
  
  /* header と informationを非表示にする */
  div#header{
    display: none;
    height: 0px !important;
  }

  #body-wrap{
    padding: 0px !important;
  }
  
  #servicestop_informationS{
    display: none;
  }
  
  /* 検索ヒット数の結果表示を小さくする */
  h1.srchh1{
    font-size: 70% !important;
    padding: 0px !important;
    margin: 0px !important;
    line-height: 0px !important;
    min-height: 0px !important;
  }
  
  /* 色のカスタマイズ */
  
  div#searchbox{
    border-bottom: 1px solid gray;
    border-top: 1px solid gray;
    background: none !important;
  }

  input#freetextbox{
    background-color: #fff !important;
    color: #000 !important;
  }
  
  div#searchbox, div#searchbox > *{
    background-color: #000 !important;
  }
  
  
  div.listitem{
    border-top: 1px solid #aaa !important;
    border-bottom: 1px solid #aaa !important;
  }
  
  dt.item_title{
    color: #dd7 !important;
    font-weight: normal !important;
  }

  span.query{
    background-color: #aa6 !important;
    color: #000 !important;
    letter-spacing: 0.1em !important;
    padding: 0px 3px 0px 3px !important;
    margin: 0px 3px 0px 3px !important;
  }
  
  div.paging a{
    background: none !important;
    background-color: #ccc !important;
    color: #000 !important;
  }
  
  .searchbtn{
    background: none !important;
    background-color: #000 !important;
    border: 1px solid #eee !important;
    color: #aaa !important;
    text-shadow: none;
  }
  
  .commonBtn{
    color: #000 !important;
  }
  
  input{
    color: #000 !important;
    background-color: #ccc !important;
  }
  
}

※ Chromeで使う場合は、1~3行目

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("ci.nii.ac.jp") {

と、末尾の

}

を削除して登録すること。