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
- 投稿タグ
- カスタム