3.2から始めるMovable Type

　StyleCatcher pluginをインストールして、設定画面でちゃんと設定しているにもかかわらず、「使う前に設定をして下さい」みたいなエラーメッセージで阻まれることがある事を確認しました。

　その場合の対処法は、一旦プラグインを使用しない設定を選び、使用不可にした後で、再度使用する設定をしなおすと直る場合があります。こういうのって簡単なようで盲点かも。

　スタイルシートからそれぞれのエリアの表示幅を変更する箇所は、割に容易に見つかり、変更は出来たのだけど、背景とのバランスが崩れるので、それを一緒に直そうと思うと、手間がかかる事が判明。
　何でも簡単が好き、面倒はいやという私なので、3カラムについては、これで良しということにします。
　そういうことで、記念写真も撮ったので、2カラムに戻します。

　「きょうはいい日」で、ここの存在をカミングアウトしました。デフォルトではついていなかったサイドバーのコメントとリンクの表示がまぁまぁうまく行ったので、先が明るく見えてきました。

　カレンダーを付けた画面を保存しておくのを忘れましたね。カレンダーは付けられたけど、なんだかバランスが悪かったので、削除しました。なくてもちっとも困らないし、かえって「書かなかった日」が目立つからない方が良いし。

　ということで、3.2のスタイルをあちらで使える日が早く来るように頑張りたいです。

　MovableTypeをインストールし、基本設定を済ませた段階の画面です。このときのスタイルシートのテンプレートは
/* Base Weblog (base-weblog.css) */</p> <p>/* basic elements */</p> <p>html<br /> {<br /> margin: 0;<br /> /* setting border: 0 hoses ie6 win window inner well border */<br /> padding: 0;<br /> }</p> <p>body<br /> {<br /> margin: 0;<br /> /* setting border: 0 hoses ie5 win window inner well border */<br /> padding: 0;<br /> font-family: verdana, 'trebuchet ms', sans-serif;<br /> font-size: 12px;<br /> }</p> <p>form, input { margin: 0; padding: 0; }<br /> a { text-decoration: underline; }<br /> a img { border: 0; }</p> <p>h1, h2, h3, h4, h5, h6 { font-weight: normal; }<br /> h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote<br /> {<br /> margin-top: 10px;<br /> margin-bottom: 10px;<br /> }</p> <p><br /> /* standard helper classes */</p> <p>.clr<br /> {<br /> clear: both;<br /> overflow: hidden;<br /> width: 1px;<br /> height: 1px;<br /> margin: 0 -1px -1px 0;<br /> border: 0;<br /> padding: 0;<br /> font-size: 0;<br /> line-height: 0;<br /> }</p> <p>/* .pkg class wraps enclosing block element around inner floated elements */<br /> .pkg:after<br /> {<br /> content: " ";<br /> display: block;<br /> visibility: hidden;<br /> clear: both;<br /> height: 0.1px;<br /> font-size: 0.1em;<br /> line-height: 0;<br /> }<br /> * html .pkg { display: inline-block; }<br /> /* no ie mac \*/<br /> * html .pkg { height: 1%; }<br /> .pkg { display: block; }<br /> /* */</p> <p><br /> /* page layout */</p> <p>body { text-align: center; } /* center on ie */</p> <p>#container<br /> {<br /> position: relative;<br /> margin: 0 auto; /* center on everything else */<br /> width: 720px;<br /> text-align: left;<br /> }<br /> #container-inner { position: static; width: auto; }</p> <p>#banner { position: relative; }<br /> #banner-inner { position: static; }</p> <p>#pagebody { position: relative; width: 100%; }<br /> #pagebody-inner { position: static; width: 100%; }</p> <p>#alpha, #beta, #gamma, #delta<br /> {<br /> display: inline; /* ie win bugfix */<br /> position: relative;<br /> float: left;<br /> min-height: 1px;<br /> }</p> <p>#delta { float: right; }</p> <p>#alpha-inner, #beta-inner, #gamma-inner, #delta-inner<br /> {<br /> position: static;<br /> }</p> <p><br /> /* banner user/photo */</p> <p>.banner-user<br /> {<br /> float: left;<br /> overflow: hidden;<br /> width: 64px;<br /> margin: 0 15px 0 0;<br /> border: 0;<br /> padding: 0;<br /> text-align: center;<br /> }</p> <p>.banner-user-photo<br /> {<br /> display: block;<br /> margin: 0 0 2px 0;<br /> border: 0;<br /> padding: 0;<br /> background-position: center center;<br /> background-repeat: no-repeat;<br /> text-decoration: none !important;<br /> }</p> <p>.banner-user-photo img<br /> {<br /> width: 64px;<br /> height: auto;<br /> margin: 0;<br /> border: 0;<br /> padding: 0;<br /> }</p> <p><br /> /* content */</p> <p>.content-nav<br /> {<br /> margin: 10px;<br /> text-align: center;<br /> }</p> <p>.date-header,<br /> .entry-content<br /> {<br /> position: static;<br /> clear: both;<br /> }</p> <p>.entry,<br /> .trackbacks,<br /> .comments,<br /> .archive<br /> {<br /> position: static;<br /> overflow: hidden;<br /> clear: both;<br /> width: 100%;<br /> margin-bottom: 20px;<br /> }</p> <p>.entry-content,<br /> .trackbacks-info,<br /> .trackback-content,<br /> .comment-content,<br /> .comments-open-content,<br /> .comments-closed<br /> {<br /> clear: both;<br /> margin: 5px 10px;<br /> }</p> <p>.entry-excerpt,<br /> .entry-body,<br /> .entry-more-link,<br /> .entry-more<br /> {<br /> clear: both;<br /> }</p> <p>.entry-footer,<br /> .trackback-footer,<br /> .comment-footer,<br /> .comments-open-footer,<br /> .archive-content<br /> {<br /> clear: both;<br /> margin: 5px 10px 20px 10px;<br /> }</p> <p>.comments-open label { display: block; }</p> <p>#comment-author, #comment-email, #comment-url, #comment-text<br /> {<br /> width: 240px;<br /> }</p> <p>#comment-bake-cookie<br /> {<br /> margin-left: 0;<br /> vertical-align: middle;<br /> }</p> <p>#comment-post<br /> {<br /> font-weight: bold;<br /> }</p> <p>img.image-full { width: 100%; }</p> <p>.image-thumbnail<br /> {<br /> float: left;<br /> width: 115px;<br /> margin: 0 10px 10px 0;<br /> }</p> <p>.image-thumbnail img<br /> {<br /> width: 115px;<br /> height: 115px;<br /> margin: 0 0 2px 0;<br /> }</p> <p><br /> /* modules */</p> <p>.module<br /> {<br /> position: relative;<br /> overflow: hidden;<br /> width: 100%;<br /> }</p> <p>.module-content<br /> {<br /> position: relative;<br /> margin: 5px 10px 20px 10px;<br /> }</p> <p>.module-list,<br /> .archive-list<br /> {<br /> margin: 0;<br /> padding: 0;<br /> list-style: none;<br /> }</p> <p>.module-list-item<br /> {<br /> margin-top: 5px;<br /> margin-bottom: 5px;<br /> }</p> <p>.module-presence img { vertical-align: middle; }<br /> .module-powered .module-content { margin-bottom: 10px; }<br /> .module-photo .module-content { text-align: center; }<br /> .module-wishlist .module-content { text-align: center; }</p> <p>.module-calendar .module-content table<br /> {<br /> border-collapse: collapse;<br /> }</p> <p>.module-calendar .module-content th,<br /> .module-calendar .module-content td<br /> {<br /> width: 14%;<br /> text-align: center;<br /> }</p> <p>.typelist-thumbnailed { margin: 0 0 20px 0; }</p> <p>.typelist-thumbnailed .module-list-item<br /> {<br /> display: block;<br /> clear: both;<br /> margin: 0;<br /> }</p> <p>/* positioniseverything.net/easyclearing.html */<br /> .typelist-thumbnailed .module-list-item:after<br /> {<br /> content: " ";<br /> display: block;<br /> visibility: hidden;<br /> clear: both;<br /> height: 0.1px;<br /> font-size: 0.1em;<br /> line-height: 0;<br /> }<br /> * html .typelist-thumbnailed .module-list-item { display: inline-block; }<br /> /* no ie mac \*/<br /> * html .typelist-thumbnailed .module-list-item { height: 1%; }<br /> .typelist-thumbnailed .module-list-item { display: block; }<br /> /* */</p> <p>.typelist-thumbnail<br /> {<br /> float: left;<br /> min-width: 60px;<br /> width: 60px;<br /> /* no ie mac \*/width: auto;/* */<br /> margin: 0 5px 0 0;<br /> text-align: center;<br /> vertical-align: middle;<br /> }</p> <p>.typelist-thumbnail img { margin: 5px; }</p> <p>.module-galleries .typelist-thumbnail img { width: 50px; }</p> <p>.typelist-description<br /> {<br /> margin: 0;<br /> padding: 5px;<br /> }</p> <p>.module-featured-photo .module-content,<br /> .module-photo .module-content<br /> {<br /> margin: 0;<br /> }</p> <p>.module-featured-photo img { width: 100%; }</p> <p>.module-recent-photos { margin: 0 0 15px 0; }<br /> .module-recent-photos .module-content { margin: 0; }<br /> .module-recent-photos .module-list<br /> {<br /> display: block;<br /> height: 1%;<br /> margin: 0;<br /> border: 0;<br /> padding: 0;<br /> list-style: none;<br /> }</p> <p>/* positioniseverything.net/easyclearing.html */<br /> .module-recent-photos .module-list:after<br /> {<br /> content: " ";<br /> display: block;<br /> visibility: hidden;<br /> clear: both;<br /> height: 0.1px;<br /> font-size: 0.1em;<br /> line-height: 0;<br /> }<br /> * html .module-recent-photos .module-list { display: inline-block; }<br /> /* no ie mac \*/<br /> * html .module-recent-photos .module-list { height: 1%; }<br /> .module-recent-photos .module-list { display: block; }<br /> /* */</p> <p>.module-recent-photos .module-list-item<br /> {<br /> display: block;<br /> float: left;<br /> /* ie win fix \*/ height: 1%; /**/<br /> margin: 0;<br /> border: 0;<br /> padding: 0;<br /> }</p> <p>.module-recent-photos .module-list-item a<br /> {<br /> display: block;<br /> margin: 0;<br /> border: 0;<br /> padding: 0;<br /> }</p> <p>.module-recent-photos .module-list-item img<br /> {<br /> width: 60px;<br /> height: 60px;<br /> margin: 0;<br /> padding: 0;<br /> }</p> <p><br /> /* mmt calendar */</p> <p>.module-mmt-calendar { margin-bottom: 15px; }<br /> .module-mmt-calendar .module-content { margin: 0; }<br /> .module-mmt-calendar .module-header { margin: 0; }<br /> .module-mmt-calendar .module-header a { text-decoration: none; }<br /> .module-mmt-calendar table { width: 100%; }</p> <p>.module-mmt-calendar th { text-align: left; }</p> <p>.module-mmt-calendar td<br /> {<br /> width: 14%;<br /> height: 75px;<br /> text-align: left;<br /> vertical-align: top;<br /> }</p> <p>.day-photo<br /> {<br /> width: 54px;<br /> height: 54px;<br /> }</p> <p>.day-photo a<br /> {<br /> display: block;<br /> }</p> <p>.day-photo a img<br /> {<br /> width: 50px;<br /> height: 50px;<br /> }</p> <p></p> <p><br /> /* Vicksburg (theme-vicksburg.css) */</p> <p>/* basic page elements */</p> <p>body<br /> {<br /> font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif;<br /> font-size: 12px;<br /> }</p> <p>a { color: #36414d; text-decoration: underline; }<br /> a:hover { color: #a3b8cc; }</p> <p>#banner a { color: #fff; text-decoration: none; }<br /> #banner a:hover { color: #fff; }</p> <p>.module-content a { color: #36414d; }<br /> .module-content a:hover { color: #a3b8cc; }</p> <p>h1, h2, h3, h4, h5, h6<br /> {<br /> font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif;<br /> }</p> <p>.module-header,<br /> .trackbacks-header,<br /> .comments-header,<br /> .comments-open-header,<br /> .archive-header<br /> {<br /> /* ie win (5, 5.5, 6) bugfix */<br /> p\osition: relative;<br /> width: 100%;<br /> w\idth: auto;</p> <p> margin: 0;<br /> border-left: 5px solid #36414d;<br /> padding: 5px;<br /> color: #fff;<br /> background: #a3b8cc;<br /> font-size: 11px;<br /> font-weight: bold;<br /> line-height: 1;<br /> text-transform: uppercase;<br /> }</p> <p>.module-header a,<br /> .module-header a:hover,<br /> .trackbacks-header a,<br /> .trackbacks-header a:hover,<br /> .comments-header a,<br /> .comments-header a:hover,<br /> .comments-open-header a,<br /> .comments-open-header a:hover<br /> .archive-header a,<br /> .archive-header a:hover<br /> {<br /> color: #fff;<br /> }</p> <p>.entry-more-link,<br /> .entry-footer,<br /> .comment-footer,<br /> .trackback-footer,<br /> .typelist-thumbnailed<br /> {<br /> font-size: 11px;<br /> }</p> <p>.commenter-profile img { vertical-align: middle; }</p> <p><br /> /* page layout */</p> <p>body<br /> {<br /> min-width: 720px;<br /> color: #333;<br /> background: #36414d;<br /> }</p> <p>#container<br /> {<br /> width: 720px;<br /> margin-bottom: 20px;<br /> background: #fff;<br /> }</p> <p>#container-inner<br /> {<br /> border-width: 0 5px 5px 5px;<br /> border-style: solid;<br /> border-color: #292e33;<br /> }</p> <p>#banner<br /> {<br /> width: 710px; /* necessary for ie win */<br /> background: #a3b8cc;<br /> }</p> <p>#banner-inner<br /> {<br /> padding: 15px 13px;<br /> border-width: 2px 2px 0 2px;<br /> border-style: solid;<br /> border-color: #fff;<br /> }</p> <p>.banner-user<br /> {<br /> width: 70px;<br /> margin-top: 5px;<br /> font-size: 10px;<br /> }</p> <p>.banner-user-photo { border: 1px solid #fff; }</p> <p>#banner-header<br /> {<br /> margin: 0;<br /> color: #fff;<br /> font-size: 30px;<br /> font-weight: bold;<br /> line-height: 1;<br /> text-shadow: #36414d 0 2px 3px;<br /> }</p> <p>#banner-description<br /> {<br /> margin-top: 5px;<br /> margin-bottom: 0;<br /> color: #fff;<br /> background: none;<br /> font-size: 12px;<br /> font-weight: bold;<br /> line-height: 1.125;<br /> text-shadow: #36414d 0 1px 2px;<br /> }</p> <p>#alpha { margin: 15px 15px 0 15px; width: 480px; }<br /> #beta { width: 200px; background: #e6ecf2; }<br /> #gamma, #delta { width: 180px; background: #e6ecf2; }</p> <p>#beta-inner,<br /> #gamma-inner,<br /> #delta-inner<br /> {<br /> padding: 10px 10px 0 10px;<br /> border-width: 2px 2px 2px 0;<br /> border-style: solid;<br /> border-color: #fff;<br /> }</p> <p>.date-header<br /> {<br /> margin-top: 0;<br /> font-size: 11px;<br /> font-weight: bold;<br /> text-transform: uppercase;<br /> }</p> <p>.entry-header<br /> {<br /> margin-top: 0;<br /> border-left: 5px solid #dae0e6;<br /> padding: 0 0 0 10px;<br /> color: #666;<br /> font-size: 18px;<br /> }</p> <p>.entry-content,<br /> .comment-content,<br /> .trackback-content<br /> {<br /> margin: 0;<br /> line-height: 1.5;<br /> }</p> <p>.entry-footer,<br /> .comment-footer,<br /> .trackback-footer<br /> {<br /> margin: 0 0 20px 0;<br /> border-top: 1px solid #dae0e6;<br /> padding-top: 3px;<br /> color: #666;<br /> font-size: 10px;<br /> text-align: right;<br /> }</p> <p>.comment-content,<br /> .trackback-content,<br /> .comment-footer,<br /> .trackback-footer<br /> {<br /> margin-left: 10px;<br /> }</p> <p>.content-nav { margin-top: 0; }</p> <p>#trackbacks-info<br /> {<br /> margin: 10px 0;<br /> border: 1px dashed #a3b8cc;<br /> padding: 0 10px;<br /> color: #292e33;<br /> font-size: 11px;<br /> text-align: center;<br /> background: #e6ecf2;<br /> }</p> <p>.comments-open-footer<br /> {<br /> margin: 10px 0;<br /> }</p> <p><br /> /* modules */</p> <p>.module<br /> {<br /> margin: 0 0 10px 0;<br /> border-bottom: 1px solid #f3f6f9;<br /> background: #dae0e6;<br /> }</p> <p>.module-content<br /> {<br /> margin: 0 0 10px 0;<br /> border-top: 1px solid #cfd4d9;<br /> padding: 10px 10px 0 10px;<br /> font-size: 10px;<br /> line-height: 1.2;<br /> }</p> <p>.module-search input { font-size: 10px; }<br /> .module-search #search { width: 100px; }</p> <p>.module-mmt-calendar .module-content table,<br /> .module-calendar .module-content table { font-size: 10px; }</p> <p>.module-powered { border-width: 0; }<br /> .module-powered .module-content<br /> {<br /> margin-bottom: 0;<br /> border: 1px dashed #a3b8cc;<br /> padding-bottom: 10px;<br /> color: #292e33;<br /> background: #fff;<br /> }</p> <p>.module-photo { background: none; }<br /> .module-photo img { border: solid 1px #fff; }</p> <p>.module-list<br /> {<br /> margin: 0 15px 10px 15px;<br /> list-style: disc;<br /> }</p> <p>.module-list .module-list<br /> {<br /> margin: 5px 0 0 0;<br /> padding-left: 15px;<br /> list-style: circle;<br /> }</p> <p>.module-list-item<br /> {<br /> margin-top: 0;<br /> color: #666;<br /> line-height: 1.2;<br /> }</p> <p>.typelist-thumbnailed .module-list<br /> {<br /> margin: 0 0 10px 0;<br /> list-style: none;<br /> }</p> <p>.typelist-thumbnailed .module-list-item<br /> {<br /> margin: 1px 0;<br /> padding: 0;<br /> background: #f3f6f9;<br /> }</p> <p>.typelist-thumbnail<br /> {<br /> background: #fff;<br /> }</p> <p>.module-photo img { border: 1px solid #fff; }</p> <p>.module-featured-photo { width: 398px; }<br /> .module-featured-photo .module-content<br /> {<br /> margin: 0;<br /> border-width: 0;<br /> padding: 0;<br /> }<br /> .module-featured-photo img { width: 398px; }</p> <p>.module-recent-photos .module-content { padding: 10px 0 0 19px; }<br /> .module-recent-photos .module-list { margin: 0; }<br /> .module-recent-photos .module-list-item<br /> {<br /> width: 64px; /* mac ie fix */<br /> margin: 0 10px 10px 0;<br /> padding: 0;<br /> background: none;<br /> }</p> <p>.module-recent-photos .module-list-item a<br /> {<br /> border: #cfd4d9 1px solid;<br /> padding: 1px;<br /> background: #fff;<br /> }</p> <p>.module-recent-photos .module-list-item a:hover<br /> {<br /> border-color: #36414d;<br /> background: #fff;<br /> }</p> <p><br /> /* calendar tweaks */</p> <p> .layout-calendar #alpha { width: 260px; }<br /> .layout-calendar #beta { width: 420px; }</p> <p> .layout-calendar #gamma,<br /> .layout-calendar #delta<br /> {<br /> width: 190px;<br /> }</p> <p> .layout-calendar #gamma-inner,<br /> .layout-calendar #delta-inner<br /> {<br /> border: 0;<br /> padding: 0;<br /> }</p> <p> .module-mmt-calendar { width: 398px; }<br /> .module-mmt-calendar .module-content<br /> {<br /> margin: 0;<br /> border-width: 0;<br /> padding: 10px;<br /> }</p> <p> .module-mmt-calendar table<br /> {<br /> width: 378px;<br /> background: #a3b8cc;<br /> }</p> <p> .module-mmt-calendar th<br /> {<br /> color: #fff;<br /> border-top: 1px solid #fff;<br /> border-right: 1px solid #f3f6f9;<br /> border-bottom: 1px solid #cfd4d9;<br /> padding: 2px;<br /> text-align: right;<br /> font-weight: bold;<br /> }</p> <p> .module-mmt-calendar td<br /> {<br /> border-top: 1px solid #fff;<br /> border-right: 1px solid #f3f6f9;<br /> border-bottom: 1px solid #cfd4d9;<br /> padding: 2px;<br /> text-align: right;<br /> font-weight: normal;<br /> background: #e6ecf2;<br /> }</p> <p> th.weekday-7, td.day-7, td.day-14, td.day-21, td.day-28, td.day-35, td.day-42<br /> {<br /> border-right: none;<br /> }</p> <p> .module-mmt-calendar td { height: 70px; }</p> <p> .day-photo<br /> {<br /> width: 49px;<br /> height: 49px;<br /> }<br /> <br /> .day-photo a<br /> {<br /> border: #cfd4d9 1px solid;<br /> padding: 1px;<br /> background: #fff;<br /> }</p> <p> .day-photo a:hover<br /> {<br /> border-color: #36414d;<br /> background: #fff;<br /> }</p> <p> .day-photo a img<br /> {<br /> width: 45px;<br /> height: 45px;<br /> }</p> <p><br /> /* artistic tweaks */</p> <p> .layout-artistic #alpha { width: 260px; }<br /> .layout-artistic #beta { width: 420px; }</p> <p> .layout-artistic #gamma,<br /> .layout-artistic #delta<br /> {<br /> width: 190px;<br /> }</p> <p> .layout-artistic #gamma-inner,<br /> .layout-artistic #delta-inner<br /> {<br /> border: 0;<br /> padding: 0;<br /> }</p> <p><br /> /* moblog1 tweaks */</p> <p> .layout-moblog1 #alpha<br /> {<br /> margin: 0;<br /> width: 180px;<br /> background: #e6ecf2;<br /> }</p> <p> .layout-moblog1 #alpha-inner<br /> {<br /> padding: 10px 10px 0 10px;<br /> border-width: 2px 0 2px 2px;<br /> border-style: solid;<br /> border-color: #fff;<br /> }</p> <p> .layout-moblog1 #beta<br /> {<br /> margin: 15px 15px 0 15px;<br /> width: 320px;<br /> background: none;<br /> }</p> <p> .layout-moblog1 #beta-inner<br /> {<br /> padding: 0;<br /> border-width: 0;<br /> }</p> <p> .layout-moblog1 .module-recent-photos .module-content { padding: 10px 0 0 10px; }</p> <p><br /> /* moblog2 tweaks */</p> <p> .layout-moblog2 #alpha<br /> {<br /> margin: 0;<br /> width: 86px;<br /> background: #e6ecf2;<br /> }</p> <p> .layout-moblog2 #alpha-inner<br /> {<br /> padding: 10px 10px 0 10px;<br /> border-width: 2px 0 2px 2px;<br /> border-style: solid;<br /> border-color: #fff;<br /> }</p> <p> .layout-moblog2 #beta<br /> {<br /> margin: 15px 15px 0 15px;<br /> width: 260px;<br /> background: none;<br /> }</p> <p> .layout-moblog2 #beta-inner<br /> {<br /> padding: 0;<br /> border-width: 0;<br /> }</p> <p> .layout-moblog2 #delta<br /> {<br /> width: 154px;<br /> }</p> <p> .layout-moblog2 .module-recent-photos<br /> {<br /> border: 0;<br /> background: none;<br /> }</p> <p> .layout-moblog2 .module-recent-photos .module-content<br /> {<br /> padding: 0;<br /> border: 0;<br /> }</p> <p> .layout-moblog2 .module-recent-photos .module-list-item { margin: 0 0 10px 0; }</p> <p><br /> /* timeline tweaks */</p> <p> .layout-timeline #alpha { width: 260px; }<br /> .layout-timeline #beta { width: 420px; }</p> <p> .layout-timeline #gamma,<br /> .layout-timeline #delta<br /> {<br /> width: 190px;<br /> }</p> <p> .layout-timeline #gamma-inner,<br /> .layout-timeline #delta-inner<br /> {<br /> border: 0;<br /> padding: 0;<br /> }</p> <p><br /> /* one-column tweaks */</p> <p> .layout-one-column body { min-width: 520px; }<br /> .layout-one-column #container { width: 520px; }<br /> .layout-one-column #banner { width: 510px; } /* necessary for ie win */</p> <p><br /> /* two-column-left tweaks */</p> <p> .layout-two-column-left #alpha<br /> {<br /> margin: 0;<br /> width: 200px;<br /> background: #e6ecf2;<br /> }</p> <p> .layout-two-column-left #alpha-inner<br /> {<br /> padding: 10px 10px 0 10px;<br /> border-width: 2px 0 2px 2px;<br /> border-style: solid;<br /> border-color: #fff;<br /> }</p> <p> .layout-two-column-left #beta<br /> {<br /> margin: 15px 15px 0 15px;<br /> width: 480px;<br /> background: none;<br /> }</p> <p> .layout-two-column-left #beta-inner<br /> {<br /> padding: 0;<br /> border-width: 0;<br /> }</p> <p><br /> /* three-column tweaks */</p> <p> .layout-three-column #alpha<br /> {<br /> margin: 0;<br /> width: 180px;<br /> background: #e6ecf2;<br /> }</p> <p> .layout-three-column #alpha-inner<br /> {<br /> padding: 10px 10px 0 10px;<br /> border-width: 2px 0 2px 2px;<br /> border-style: solid;<br /> border-color: #fff;<br /> }</p> <p> .layout-three-column #beta<br /> {<br /> margin: 15px 15px 0 15px;<br /> width: 320px;<br /> background: none;<br /> }</p> <p> .layout-three-column #beta-inner<br /> {<br /> padding: 0;<br /> border-width: 0;<br /> }<br />
　そして、メインページのテンプレートは
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"<br /> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br /> <html xmlns="http://www.w3.org/1999/xhtml" id="sixapart-standard"><br /> <head><br /> <meta http-equiv="Content-Type" content="text/html; charset=<$MTPublishCharset$>" /><br /> <meta name="generator" content="Movable Type <$MTVersion$>" /></p> <p> <link rel="stylesheet" href="<$MTBlogURL$>styles-site.css" type="text/css" /><br /> <link rel="alternate" type="application/atom+xml" title="Atom" href="<$MTBlogURL$>atom.xml" /><br /> <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<$MTBlogURL$>index.xml" /></p> <p> <title><$MTBlogName encode_html="1"$></title></p> <p> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="<$MTBlogURL$>rsd.xml" /></p> <p> <MTBlogIfCCLicense><br /> <$MTCCLicenseRDF$><br /> </MTBlogIfCCLicense><br /> </head><br /> <body class="layout-two-column-right"><br /> <div id="container"><br /> <div id="container-inner" class="pkg"></p> <p> <div id="banner"><br /> <div id="banner-inner" class="pkg"><br /> <h1 id="banner-header"><a href="<$MTBlogURL$>" accesskey="1"><$MTBlogName encode_html="1"$></a></h1><br /> <h2 id="banner-description"><$MTBlogDescription$></h2><br /> </div><br /> </div></p> <p> <div id="pagebody"><br /> <div id="pagebody-inner" class="pkg"><br /> <div id="alpha"><br /> <div id="alpha-inner" class="pkg"></p> <p> <MTEntries><br /> <$MTEntryTrackbackData$></p> <p> <MTDateHeader><h2 class="date-header"><$MTEntryDate format="%x"$></h2></MTDateHeader><br /> <a id="a<$MTEntryID pad="1"$>"></a><br /> <div class="entry" id="entry-<$MTEntryID$>"><br /> <h3 class="entry-header"><$MTEntryTitle$></h3><br /> <div class="entry-content"><br /> <div class="entry-body"><br /> <$MTEntryBody$><br /> <MTEntryIfExtended><br /> <p class="entry-more-link"><br /> <a href="<$MTEntryPermalink$>#more">続きを読む "<$MTEntryTitle$>" »</a><br /> </p><br /> </MTEntryIfExtended><br /> <p class="entry-footer"><br /> <span class="post-footers">投稿者: <$MTEntryAuthorDisplayName$> 日時: <$MTEntryDate format="%X"$></span> <span class="separator">|</span> <a class="permalink" href="<$MTEntryPermalink$>">パーマリンク</a><br /> <MTIfCommentsActive>| <a href="<$MTEntryPermalink$>#comments">コメント (<$MTEntryCommentCount$>)</a></MTIfCommentsActive><br /> <MTIfPingsActive>| <a href="<$MTEntryPermalink$>#trackback">トラックバック (<$MTEntryTrackbackCount$>)</a></MTIfPingsActive><br /> </p><br /> </div><br /> </div><br /> </div><br /> </MTEntries><br /> </div><br /> </div></p> <p> <div id="beta"><br /> <div id="beta-inner" class="pkg"><br /> <div class="module-search module"><br /> <h2 class="module-header">検索</h2><br /> <div class="module-content"><br /> <form method="get" action="<$MTCGIPath$><$MTSearchScript$>"><br /> <input type="hidden" name="IncludeBlogs" value="<$MTBlogID$>" /><br /> <label for="search" accesskey="4">ブログを検索: </label><br /><br /> <input id="search" name="search" size="20" /><br /> <input type="submit" value="検索" /><br /> </form><br /> </div><br /> </div></p> <p> <MTIfArchiveTypeEnabled archive_type="Category"><div class="module-categories module"><br /> <h2 class="module-header">カテゴリー</h2><br /> <div class="module-content"><br /> <MTTopLevelCategories><br /> <MTSubCatIsFirst><ul class="module-list"></MTSubCatIsFirst><br /> <MTIfNonZero tag="MTCategoryCount"><br /> <li class="module-list-item"><a href="<$MTCategoryArchiveLink$>" title="<$MTCategoryDescription$>"><MTCategoryLabel></a><br /> <MTElse><br /> <li class="module-list-item"><MTCategoryLabel><br /> </MTElse><br /> </MTIfNonZero><br /> <MTSubCatsRecurse><br /> </li><br /> <MTSubCatIsLast></ul></MTSubCatIsLast><br /> </MTTopLevelCategories><br /> </div><br /> </div><br /> </MTIfArchiveTypeEnabled></p> <p> <MTIfArchiveTypeEnabled archive_type="Monthly"><br /> <div class="module-archives module"><br /> <h2 class="module-header"><a href="<$MTBlogURL$>archives.html">アーカイブ</a></h2><br /> <div class="module-content"><br /> <MTArchiveList archive_type="Monthly"><br /> <MTArchiveListHeader><ul class="module-list"></MTArchiveListHeader><br /> <li class="module-list-item"><a href="<$MTArchiveLink$>"><$MTArchiveTitle$></a></li><br /> <MTArchiveListFooter></ul></MTArchiveListFooter><br /> </MTArchiveList><br /> </div><br /> </div><br /> </MTIfArchiveTypeEnabled></p> <p> <div class="module-archives module"><br /> <h2 class="module-header">最近のエントリー</h2><br /> <div class="module-content"><br /> <ul class="module-list"><br /> <MTEntries lastn="10"><br /> <li class="module-list-item"><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></li><br /> </MTEntries><br /> </ul><br /> </div><br /> </div></p> <p> <div class="module-syndicate module"><br /> <div class="module-content"><br /> <a href="<$MTBlogURL$>atom.xml">このブログのフィードを取得</a><br /><br /> [<a href="http://www.sixapart.com/about/feeds">フィードとは</a>]<br /> </div><br /> </div></p> <p> <MTBlogIfCCLicense><br /> <div class="module-creative-commons module"><br /> <div class="module-content"><br /> <a href="<$MTBlogCCLicenseURL$>"><img alt="クリエイティブ・コモンズ・ライセンス" src="<$MTBlogCCLicenseImage$>" /></a><br /><br /> このブログは、次のライセンスで保護されています。 <a href="<$MTBlogCCLicenseURL$>">クリエイティブ・コモンズ・ライセンス</a>.<br /> </div><br /> </div><br /> </MTBlogIfCCLicense></p> <p> <div class="module-powered module"><br /> <div class="module-content"><br /> Powered by<br /><a href="http://www.sixapart.jp/movabletype/">Movable Type <$MTVersion$></a><br /> </div><br /> </div><br /> </div><br /> </div><br /> </div><br /> </div><br /> </div><br /> </div><br /> </body><br /> </html><br />
　覚え書きと、万一のための保険のために随時こういう形で残しておこうと思います。