- 2008-11-28 (金) 16:44
配下ページの目次
- 楽譜
- 音楽
- WordPress
- その他
- お問い合わせ
- 2008-09-06 結婚披露宴
- 山ノ内町立山ノ内中学校吹奏楽部様
- 岩崎唯様
- 工藤靖顕
- 高石朋範様
WordPress 2.6 のテーマに wp.Vicuna Ext. ver.1.58 を使用するときに、僕が Vicuna に対して行った変更をまとめておきます。
WordPress 2.6 で追加された、画像のキャプションへの対応
以下のセクションを 2-singleUtilities.css へ追加しました。
/*---------------
WordPress 2.6
-----------------*/
/* Caption
======= */
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignright,
div.alignright {
float: right;
clear: right;
margin: 10px 28px 0px 1em;
}
.alignleft,
div.alignleft {
float: left;
clear: left;
margin: 10px 1em 0px 28px;
}
div.wp-caption {
border: 1px solid #ddd;
background-color: #f3f3f3;
padding: 4px 0px 4px 4px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
p.wp-caption-text {
text-align: center !important;
font-size: 11px;
line-height: 17px;
padding: 4px 4px 0px;
margin: 0px;
}
/* h3 属性と caption との間の margin が大きくなり過ぎてしまう問題を回避 */
h3 {
margin-bottom: 0px !important;
}
div.gallery {
width: 600px;
}
dl.gallery-item {
margin: 0px;
border-left: 0px !important;
width: 200px !important;
}
SyntaxHighlighter のために、<pre> のスタイルを削除する
下の表のとおりにセレクタをコメントアウトします。
| コメントアウト(行数) | ||
| 開始 | 終了 | |
| 1-element.css | 154 | 160 |
| /module/mod_subSkin/1-subSkin.css | 570 | 584 |
その他の微調整text-align プロパティの値を justify に変更
以下のセクションを 2-singleUtilities.css へ追加しました。
/*---------------
Shinsuke.com
-----------------*/
/* テキスト両端揃え */
div.textBody p {
text-align: justify;
}
/* Fuzzy Recent Updates で出力される日付のフォントのサイズ */
div.tile_body .date {
font-size: 85%;
}
/* rootpage.php で追加される目次関連 */
div.pagelist {
font-size: 85%;
margin: 0px 30px 0px 1em;
border: 1px solid #ddd;
background-color: #f3f3f3;
padding: 4px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
width: 310;
float: right;
}
div.pagelist h4 {
font-size: 118%;
text-align: center;
margin: 0.4em 0px 0px 0px;
}
div.pagelist ul {
margin: 0px;
list-style-position: outside;
}
div.pagelist li {
margin: 0.4em 0.4em 0.4em 18px;
}
/* 見出しに clear 属性を付加 */
h2,
h3,
h4 {
clear: both;
}
/* が縦に隣接してしまった時に使用するスペーサー */
div.spacer {
margin-top: 1em !important;
}
/* が h3 に隣接してしまった時に使用するボトムスペーサー */
div.spacebottom {
margin-bottom: 1em !important;
}
/* Page Menu (2008-11-28)
~~~~~~~~~~~~~~~~~~~~~~
ウィジェットに表示しているページのメニュー用のプロパティ */
span.pagemenu {
font-weight: bold;
font-size: 150%;
}
.pagemenu a {
text-decoration: none;
}
.pagemenu img {
margin: 4px 8px 4px 4px;
border: none !important;
vertical-align: middle;
}