はてブ：カスタムデザイン控（２００９年２月２日）

はてなブックマークのカスタムデザイン機能で自分が今使っているテーマと及びスタイルシートの控です。

ブックマークのカスタムデザイン機能については、ブックマーク日記の以下の記事等を参照します。今後もテーマ等の更新や機能'（追加|変更）がおこなわれることがありそうですし、はてなブックマーク日記をフォローしておくといいかと。

• カスタムデザイン機能を刷新しました - はてなブックマーク日記 - 機能変更、お知らせなど

テーマとかスタイルについては、自分が苦手な黒基調スタイルで挑戦してみました。スタイルシートの細部で最適化とかしてないのでかなりいい加減です。あとわかっていることの覚書として、今時点でスタイルシートで子供セレクタなど使えず>に置き換わってしまうようです。

テーマおよび諸設定

以下スクリーンショットを置いておくとします。なお、機能変更がある可能性があり、恒久的に使えるものと限りません。あくまでも控であります。

スタイルシート

指定したスタイルシート。なお、要素やクラス名が変更になる可能性があるため適用できなくなる可能性あります。

/* LINK COLORS */

/* Pager  */  

div.pager a:link{
          color:#009898 !important;
          padding:0 2px !important; }
div.pager a:hover{
          color:#FFFFFF !important;
          background-color: #009898 !important;
          padding:0 2px !important; }

/* Tags  */  
#hatena-body #bookmarked_user span.tags a:hover,
ul#related-tags li a:hover,
#tags li a:hover {
          background-color:#00BBBB !important;
          color:#FFF !important; }

/*  Domain  */  
a.domain,a:link.domain {
color: #7CFC00 !important; }

/* ======================= */  

/* MENU module  */  

li.user-bookmark a,
li.current-menu a,
li.user-module a {
                 -moz-border-radius-topleft:0 !important;
                 -moz-border-radius-topright:0 !important; }
ul.menu li.user-module a:hover,
ul.menu li.user-bookmark a:hover {
                     background-color: #111 !important; }

h3 {
margin-left:0px !important;
padding-left:0px !important ;
background:none !important;}

h3 a:link {
text-decoration: none !important; }
h3 a:hover{
text-decoration:underline !important; }

/*  TAG  */  
#tag-search-form input:focus {
        background-color : #FFFFCC; }
/*  パンくず  */  

.breadcrumbs {
         margin-left:4em !important; padding-left:0 !important; }
/* コメント */  

span.comment {
          display:block !important;
          margin-left:1.5em !important;
          padding-left:.3em !important;
          border-left:3px solid #FF1493 !important; }
/* autopager  */  
div.pager-autopagerize-complete{
border-bottom:4px double #FFF !important; }

ブックマーク

• はてなブックマーク - maRkのブックマーク