ブログ引っ越し作業中

もうずっと前からブログの引っ越しをしようと思いつつ、
ずーっとやっていなかったのを急にやりだした。

今日はごちゃごちゃとウィンドウ内の部品の配置のへんの
CSS を書きなおしていたら、ブログ書く暇なくなっちゃったな。
何とか形にはなったが、色々な原因で崩れないかなど、
まだまだ確認のテストが必要そうだ。

position のもとがあやしいので必ず確認すること。
もっとスマートなやり方があるはずだな、絶対。


/*全体の設定*/
#mainBlock {
position: relative;
width: 770
float: center;

text-align: center;
}
.left {
text-align:left;
}
.center {
text-align:center;
}
.right {
text-align:right;
}

#TopBlock {
/* position:relative; margin-left:auto; margin-right:auto; */
width:770px;
height: 200px;
float: center;

text-align: left;
background-image:url('http://file.ricalica.blog.shinobi.jp/RIMG0567.jpg');
}
#TopTitle {
padding: 10px 0px 0px 20px;
}
.TopTitleFont {
color:#CCFFFF;}
#TopExplanation {
padding: 10px 0px 0px 20px;
}
.TopExplanationFont {
color:#FOFFFF;
}

#FooterBlock {
clear:both;
height: 200px;
text-align: center;
}

.PluginBlock {
/*position: relative; top: 216px; left: 220px;*/

position: absolute; left:550px; top:200px;
/*margin-top: 0px;*/
/*margin-left: 550px; */

/*margin-top: 0px; */
width: 219px;

text-align: left;
background-color:e0ffff;
}

.PluginInnerBlock {
padding:10px;
}

.PluginTitle {
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;

color:#669933;
}

.PluginExplanation {
padding: 10px;
}

.PluginContents {
padding: 0px; /*10->0 に変更*/
color:#00cc00;
}


#EntryBlock {
width: 550px;
/*float: left; TEST*/
margin-right:220px;

text-align: left;
background-color:#FFFFFF;
}
.EntryInnerBlock {
padding: 10px;
text-align: left;
}
.EntryTitle {
text-align: left;
}
.EntryTitleFont {
}

.EntryTextBox {
margin: 5px 0px;
}
.EntryText {
padding: 10px;
color:#333333;
}
.EntryPsText {
padding: 20px;
text-align: right;
}
.EntryFooter {
text-align:right;
padding:5px;
}
.EntryUserName {
}
.EntryWriteDate {
margin-left: 5px;
}
.EntryCategory {
margin-left: 5px;
}
.EntryComment {
margin-left: 5px;
}
.EntryTrackback {
margin-left: 5px;
}
.PageLinkBlock{
text-align:center;
padding:10px;
}

/*まだまだ続く…*/