all_skin部分
このＣＳＳは、スキン別ＣＳＳで指定がない場合に適応されるものです。
全てのスキンに割り当てられています。
/*
-----------------------------------------------------
ameblo CSS Skin Settings
FileName: common.css
Version: 2005.08/08
Skin for: all_skin
-----------------------------------------------------
*/
form{
margin:0px;
}
テーマプルダウン・アーカイブプルダウン・ブログ検索フォーム・コメント入力フォームに使われています。
<form></form>
のボックスの外側の余白サイズが0pxですということです。
スキン別のＣＳＳで指定されていない場合、適応されます。
ブログ検索フォームを例にあげれば
こういう状態です。
フォームの周りに余白がない状態です。
解かり辛いので、marginを10pxにしてみると…
フォームの周りに余白が出来たのがわかるでしょうか？
あくまで、スキン別のＣＳＳが指定されていない場合なので、ここを変更しても変わらないという事の方が多いです。
なので、変更したい場合は、スキン別のＣＳＳで変更しましょう。
.menu_frame select{
width:88%;
}
テーマプルダウン・アーカイブプルダウンに使われています。
<select></select>
のサイズが親ボックスに対して88%ですということです。
スキン別のＣＳＳで指定されていない場合、適応されます。
アーカイブを例にあげれば
こういう状態です。
解かり辛いので、半分の44%にしてみると…
プルダウンが小さくなったのがわかるでしょうか？
あくまで、スキン別のＣＳＳが指定されていない場合なので、ここを変更しても変わらないという事の方が多いです。
なので、変更したい場合は、スキン別のＣＳＳで変更しましょう。
.page a{
text-align: center;
padding: 5px;
}
ページ誘導リンクに使われています。
ページ誘導のリンクボックスの内側の余白が5pxで、そのボックス内で文字が中央寄せであるということです。
スキン別のＣＳＳで指定されていない場合、適応されます。
こういう状態です。
解かり辛いので、リンクのボックスがどうなっているのか赤枠で示してみます。
こういう状態です。
１というのは、現在のページなのでリンクが貼られていない為適応されません。
では、余白を大きくするとどうなるかみてみましょう。
リンクの余白が大きくなったのがわかるでしょうか？
解かりやすく赤枠で示してみると
こういう状態です。
ではもし、中央寄席ではなく右寄席ならどうなるでしょうか？
padding:5px;指定の場合、変化はありませんので、
padding:20px 0 20px 20px;と、右側の余白をなくした上で
text-align:right;を指定してみます。
右に寄ったのが解かるでしょうか？
解かりやすく赤枠でしめしてみると
こういう状態です。
あくまで、スキン別のＣＳＳが指定されていない場合なので、ここを変更しても変わらないという事の方が多いです。
なので、変更したい場合は、スキン別のＣＳＳで変更しましょう。
.page .now{
padding: 5px;
font-weight:bold;
}
ページ誘導の現在のページに使われています。
ページ誘導の現在のページボックスの内側の余白が5pxで、太文字と指定してあります。
スキン別のＣＳＳで指定されていない場合、適応されます。
こういう状態です。
どの部分か、赤枠で示してみると
この部分です。
2より少し太いのが解かるでしょうか?
あくまで、スキン別のＣＳＳが指定されていない場合なので、ここを変更しても変わらないという事の方が多いです。
なので、変更したい場合は、スキン別のＣＳＳで変更しましょう。
.entry .contents{
line-height:1.5;
}
記事内の行間のサイズが1.5ということです。
スキン別のＣＳＳで指定されていない場合、適応されます。
こういう状態です。
数字を大きくすると、例えば「３」にすると
このように、行間が広くなります。
あくまで、スキン別のＣＳＳが指定されていない場合なので、ここを変更しても変わらないという事の方が多いです。
なので、変更したい場合は、スキン別のＣＳＳで変更しましょう。
.entry .contents img{
margin-right:5px;
margin-left: 5px;
}
記事内の画像の左右の余白が5pxということです。
スキン別のＣＳＳで指定されていない場合、適応されます。
こういう状態です。
余白を大きくすると
このようになります。
あくまで、スキン別のＣＳＳが指定されていない場合なので、ここを変更しても変わらないという事の方が多いです。
なので、変更したい場合は、スキン別のＣＳＳで変更しましょう。
#message .contents:after,
.entry .contents:after,
#profile .contents:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#message .contents,
.entry .contents,
#profile .contents{
display: inline-table;
}
/* Hides from IE-mac \*/
* html #message .contents,
* html .entry .contents,
* html #profile .contents{height: 1%;}
#message .contents,
.entry .contents,
#profile .contents {display: block;}
/* End hide from IE-mac */
この部分は、よく解からないのだが、from IE-macと書かれているので、マックのＩＥ用に指定されたもののようだ。
ブラウザーやＯＳによっては、表示が異なるので、デザインが崩れないようにする為だと思われる。
私はマックユーザーではないし、確認もできないので、弄らない方が無難だなと…。