html - 投稿の幅を *だけ* 広げるにはどうすればよいですか?

Question

私のTumblr ブログでは、投稿自体を除いて、さまざまな要素の位置はそのままで素晴らしいです。現在、投稿のシンボル (投稿のタイトルの左側にある小さな白黒のアイコン) は、その上のメインのロゴに合わせて配置されています。私がやりたいのは、投稿 (およびページの上部と下部にあるページ番号タブなどの他のもの) を広くして、シンボルをさらに左にシフトし、投稿の左端をそれらの上にあるメインのロゴ。

私が言いたいことを理解するには、下の望ましい結果の画像をチェックしてください (現在のデザインと比較できます)。

これらの変更を行うにはどうすればよいですか?

Answer 1

screen.css を編集し、私のコメントに基づいて変更を行います。

.post, .strip {
clear: both;
position: relative;
padding: 20px 0 0 100px;//change this to 20px 0 0 0;
width: 500px; //width to 600px;
border-bottom: 1px solid #e5e5e5;
}

.body {
width: 500px; //width to 600px;
}
.post a.icon {
display: block;
position: absolute;
top: 20px; 
left: 0; // this to -100px;
width: 32px;
height: 32px;
}

また、これを追加して、ページが上部にあるパネルをより広くします。

#page-strip {
position: absolute;
left: 100px; //to 0px;
top: 13px;
width: 400px; // to 600px;
height: 5px;
background: #e5e5e5;
-webkit-border-radius: 2.5px;
-moz-border-radius: 2.5px;
border-radius: 2.5px;
}