bizvektor子テーマ用ですよ?^^

Calmlyベースなのでスキンが違う場合は、調整して下さい。

マウスオーバー

bizvektorの便利な装飾」で用意されている大中小のボタンをマウスオーバーしてみます。

(ここの一番下にあるの「bizvektor css・phpカスタムまとめへ」がソレ)

ボタン大なら、


a.btn.btnL:hover {
 background-color:色指定;
 background: url(マウスオーバーで表示させたい背景画像のURL) ; /*画像を使う場合*/
 border-color:色指定;
}
12599

ボタン大

これだけw

なんか。。。ごめんなさい(^^;)

 

blockquoteに引用符を付ける


/*引用符追加*/
blockquote{
 position:relative;
}
blockquote:before {
 content:"“";
 font-size:400%;
 line-height:1em;
 font-family:"MS P明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif;
 color:#999;
 position:absolute;
 left:0;
 top:0;
}
blockquote:after{
 content:"”";
 font-size:400%;
 line-height:0em;
 font-family:"MS P明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif;
 color:#999;
 position:absolute;
 right:0;
 bottom:0;
}
12599

 

引用 いんよう

 

ヘッダー・サイドメニューのactiveとhover

このサイトのやつ。右下の三角とか消してます。


#gMenu .menu li { text-shadow: initial; }
#gMenu .menu li a { background:none; }
#gMenu .menu li > a:hover { background:none; background-color:#B0E0E6; }
#gMenu .menu li.current_page_item > a,
#gMenu .menu li.current-menu-item > a { background:none; background-color:#1e73be; color:#FFFFFF;}
#gMenu .menu li.current_page_item > a strong,
#gMenu .menu li.current-menu-item > a strong {font-weight: normal;}
.sideTower .sideWidget li a { background:none; }
.sideTower .sideWidget li a:hover { background:none; background-color:#B0E0E6; }
.sideTower .sideWidget li.current_page_item a,
.sideTower .sideWidget li.current-cat a { background:none; background-color:#1e73be; color:#FFFFFF;}
.sideTower .sideWidget li ul li a { background:none; }
.sideTower .sideWidget li ul li a:hover { background:none; background-color:#B0E0E6; }
.sideTower .sideWidget li.current-cat ul li a ,
.sideTower .sideWidget li.current_page_item ul li a { background:none; color:#666;}
.sideTower .sideWidget li.current-cat ul li a:hover ,
.sideTower .sideWidget li.current_page_item ul li a:hover { background:none; background-color:#B0E0E6; }
12599

表(テーブル)の角を丸く

合わせて、表の上に残るボーダーも消す。[Result]押してみて^^


/* オリジナルcss */
#content table { border-top: 1px solid #ccc; margin: 10px -1px 24px 0; text-align: left; width: 100%;border-collapse: collapse; border-spacing: 0;font-size:85.7%; line-height:141.7%; }
#content table thead tr th { font-weight:bold; }
#content table tr th,
#content table thead tr th { padding: 9px 24px; background-color:#f5f5f5; }
#content table tfoot tr th,
#content table tfoot tr td {font-weight:bold;}
#content table tr th { border: 1px solid #ccc; padding: 10px 15px; vertical-align:top; }
#content table tr td { border: 1px solid #ccc; padding: 10px 15px; vertical-align:top; }
#content table tr td p { margin:0px 0px 5px; padding:0px; }
#content table ol,
#content table ul { margin-bottom:5px;margin-left:15px;}
#content table ol li,
#content table ul li { margin:2px 0px; }
/* ここから子テーマに追加 */
#content table {border-collapse: separate;border-top:none;}
#content table tr:first-child td:first-child {border-radius: 10px 0 0 0;}
#content table tr:first-child td:last-child {border-radius: 0 10px 0 0;}
#content table tr:last-child td:first-child {border-radius: 0 0 0 10px;}
#content table tr:last-child td:last-child {border-radius: 0 0 10px 0;}
12599

 

「bizvektorのcss・phpカスタムまとめ」へ