小粋空間: arekao ブログアーカイブ

Top ＞ arekao ブログ [全て閉じる]

2008年11月 6日

arekao（アレカオ）ブログテンプレート

November 6,2008 1:55 AM
Tag：[arekao, Template]
Permalink

arekao（アレカオ）ブログ用のテンプレートを作りました。

ちなみに、arekao（アレカオ）は次のような主旨のポータルサイトです。

アレカオは、二十代後半から三十代前半の女性をターゲットにした女性向けポータルサイトです。美容や女性のライフスタイルをブログで発信しポイントを貯めてキャッシュバックなどのサービスを行っています。

arekao ブログご利用の方からカスタマイズのご質問を頂いたので、ついでにテンプレートを作ってみました。

１．動作確認環境

動作確認は下記の環境で行っています。

OS：Windows2000/XP
ブラウザ：IE6/IE7/Firefox2/Opera9/Safari3
arekaoブログ：http://yujiro.arekao.jp/

２．利用規定

ご利用の前にテンプレートのページをご覧頂ければ幸いです。

３．カラムレイアウト

このスキンではカラムレイアウトのバリエーションとして、

3カラム固定レイアウト
3カラムリキッドレイアウト

の計2種類を用意しています。2カラムレイアウトの設定も可能と思いますが現在確認中です。

カラムレイアウト変更方法は、arekao ブログ管理ページの「メインテンプレート」のbody 要素の class 属性値を次のように書き換えるだけです。

3カラム固定レイアウト

<body class="layout-three-column">

3カラムリキッドレイアウト

<body class="layout-three-column-liquid">

４．その他

基本的な動作は確認したつもりですが、arekaoブログの機能を全て把握できていない状態ですので、不具合等ございましたらご連絡ください。

なお、IE6では「最新記事」のタイトル下に大きな空白が生じる可能性がありますが、これはarekaoブログ側のHTMLマークアップによる不具合です（サポートメールで修正依頼中）。2008.11.12 修正して頂きました

５．テンプレート

メインテンプレート

<?xml version="1.0" encoding="euc-jp" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=EUC-JP" />
  <meta http-equiv="Content-Script-Type" content="text/javascript" />
  <meta http-equiv="Content-Style-Type" content="text/css" />
  <link title="RSS" href="{$rss_url}" type="application/rss+xml" rel="alternate" />
  <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://blog.arekao.jp/rsd.xml" />
  <link rel="stylesheet" href="{$css}" type="text/css" />
  <title>{$blogtitle}</title>
  <script type="text/javascript" src="http://arekao.jp/java/prototype.js"></script>
  <script type="text/javascript" src="http://arekao.jp/java/admin.js"></script>
  <script type="text/javascript" src="http://arekao.jp/java/conv_tag.js"></script>
  <script type="text/javascript" src="http://arekao.jp/js/popup.js"></script>
</head>
<body class="layout-three-column">
<div id="top">
{include file="`$smarty.const.MASTER_TPL_DIR`header.template2.tpl"}
</div>

<div id="box" class="clearfix">

<div id="header">
<h1 id="blog-name"><a href="{$btblog}">{$blogtitle}</a></h1>
<p class="blog-description">{$bdescirption}</p>
</div>

<div id="links-left-box">
  <div id="links-left">
{$modules_l}
  </div>
</div>

<div id="content">
<div class="blog">

{$profile}
{section name=entry loop=$eid}

<h2 class="entry-header">{$ename[entry]}</h2>

<div class="entry">  
   <div class="date">{$entrytime[entry]}{$entrytime_post[entry]}[ {$category_link[entry]} ]</div>
   <div class="entry-content clearfix">
{$etext[entry]}
   </div>
   <p class="entry-footer">
{include file="`$smarty.const.MASTER_TPL_DIR`entry_footer.tpl"}
   </p>
</div>

{/section}

<div id="trackbacks">
{$trackback_module}
</div>

<div id="comments">
{$comment_module}
</div>

</div>
</div>

<div id="links-right-box">
  <div id="links-right">
{$modules_r}
{include file="`$smarty.const.MASTER_TPL_DIR`searchbox.tpl"}{include file="`$smarty.const.MASTER_TPL_DIR`context.tpl"}{include file="`$smarty.const.MASTER_TPL_DIR`banner.tpl"}
  </div>
</div>

</div>

<div id="footer">
<p>{$pre_page} | <a href="{$btblog}">Main</a> | {$next_page}</p>
<p>
<a href="http://skincare.arekao.jp/category.html" target="_blank"><img src="http://arekao.jp/images/point.gif" alt="スキンケア" />スキンケア</a>
<a href="http://basemake.arekao.jp/category.html" target="_blank"><img src="http://arekao.jp/images/point.gif" alt="ベースメイク" />ベースメイク</a>
<a href="http://pointmake.arekao.jp/category.html" target="_blank"><img src="http://arekao.jp/images/point.gif" alt="ポイントメイク" />ポイントメイク</a>
<a href="http://haircare.arekao.jp/category.html" target="_blank"><img src="http://arekao.jp/images/point.gif" alt="ヘアケア" />ヘアケア</a>
<a href="http://nail.arekao.jp/category.html" target="_blank"><img src="http://arekao.jp/images/point.gif" alt="ネイル" />ネイル</a>
<a href="http://bodycare.arekao.jp/category.html" target="_blank"><img src="http://arekao.jp/images/point.gif" alt="ボディケア" />ボディケア</a>
<a href="http://equipment-tools.arekao.jp/category.html" target="_blank"><img src="http://arekao.jp/images/point.gif" alt="美容器具・メイク小物" />美容器具・メイク小物</a>
<a href="http://etiquette.arekao.jp/category.html" target="_blank"><img src="http://arekao.jp/images/point.gif" alt="エチケット" />エチケット</a>
<a href="http://fragrance1.arekao.jp/category.html" target="_blank"><img src="http://arekao.jp/images/point.gif" alt="フレグランス" />フレグランス</a>
<a href="http://inner-wear.arekao.jp/category.html" target="_blank"><img src="http://arekao.jp/images/point.gif" alt="インナーウェア" />インナーウェア</a>
<a href="http://brand.arekao.jp/category.html" target="_blank"><img src="http://arekao.jp/images/point.gif" alt="ブランド" />ブランド</a>
<a href="http://diet-sport.arekao.jp/category.html" target="_blank"><img src="http://arekao.jp/images/point.gif" alt="ダイエット・スポーツ" />ダイエット・スポーツ</a>
<a href="http://health-control.arekao.jp/category.html" target="_blank"><img src="http://arekao.jp/images/point.gif" alt="健康管理" />健康管理</a>
<a href="http://supplements.arekao.jp/category.html" target="_blank"><img src="http://arekao.jp/images/point.gif" alt="サプリメント" />サプリメント</a>
<a href="http://healthy-foods.arekao.jp/category.html" target="_blank"><img src="http://arekao.jp/images/point.gif" alt="健康食品・飲料" />健康食品・飲料</a>
<a href="http://furniture.arekao.jp/category.html" target="_blank"><img src="http://arekao.jp/images/point.gif" alt="家具" />家具</a>
<a href="http://interior.arekao.jp/category.html" target="_blank"><img src="http://arekao.jp/images/point.gif" alt="インテリア雑貨" />インテリア雑貨</a>
<a href="http://household.arekao.jp/category.html" target="_blank"><img src="http://arekao.jp/images/point.gif" alt="生活用品" />生活用品</a>
<a href="http://trybeauty.jp/" target="_blank"><img src="http://arekao.jp/images/point.gif" alt="無料サンプル" />無料サンプル</a>
</p>
<p>Copyright 2005-2008 arekao,INC. All Rights Reserved.</p>
</div>

<!--Google_Analytics-->
<script src="http://www.google-analytics.com/urchin.js?1225642113?1225902398" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-2311623-1";
urchinTracker();
</script>
<!--/Google_Analytics-->
<!--impACT-->
<script src="http://img.ak.impact-ad.jp/imd/bta_both.js?1225642113?1225902398"></script>
<!--/impACT--></div>

</body>
</html>

スタイルシート

/*
 * File      : css
 * Version   : 0.01
 * Update    :
 * 0.01 2008.11.05: Initial version.
 *
 * Copyright (C) 2005-2008 www.koikikukan.com All rights reserved.
 */

/* すべて */
* {
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, sans-serif;
}
body {
    font-size: 100%;
}
html>body {
    font-size: 12pt;
}

/* 見出し */
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

td.side div {
    height: 5px
}
td.side div.side_text {
    height: auto;
}

/* リンク */
a,
a:link,
a:visited {
    color: #069;
    text-decoration: none;
}
a:hover {
    color: #069;
    text-decoration: underline;
}
a:active {}

/* リンクつき画像 */
a img {
    border: none;
}

/* フォーム */
form {
    margin: 0px;
}
#search-options,
input,
textarea {
    padding: 1px;
}
#search {
    width: 140px;
    height: 20px;
}
html > body #search {
    height: 15px;
}

/* ヘッダ */
#header {
    padding: 15px;
    border-bottom: 1px solid #669;
    color: #999;
    background: #8fabbe;
    text-align: left;
}

#header a,
#header a:link,
#header a:visited {
    color: #fff;
    background: transparent;
    font-size: 32px;
    text-decoration: none;
}
#header a:hover {}
#header a:active {}

/* タイトルバナー下の説明 */
.blog-description {
    color: #fff;
    background: transparent;
    font-size: 12px;
}

/* ブログ記事タイトル */
.entry-header {
    margin: 8px 0 0;
}

/* ブログ記事日付・各タイトル */
.entry-header,
.toukou_title {
    padding-left: 8px;
    color: #fff;
    background: #8fabbe;
    font-size: 83.3%;
    font-weight: bold;
    line-height: 2.0;
}

/* ブログ記事 */
.entry {
    width: auto;
    margin: 0 3px 15px;
    color: #36414d;
    background: #fff;
    font-size: 83.3%;
    line-height:1.5;
    word-break: break-all;
}

/* 段落 */
.entry p {
    margin: 15px 0;
}

/* ブログ記事日付 */
.date {
    margin: 3px 0;
    text-align: right;
    font-size: 83.3%;
    letter-spacing: 0.05em;
}

/* 順序なしリスト */
.entry ul,
.entry ol {
    padding-left: 16px;
}
.entry ul li {
    list-style-type: circle;
}

/* 定義リスト */
.entry dl {}
.entry dt {}
.entry dd {
    padding-left: 8px;
}

/* テキストエリア */
.entry textarea {
    width: 97%;
}

/* 引用 */
blockquote {
    width: auto;
    margin: 15px 20px 0;
    padding: 10px;
    border: 1px solid #666;
    background: #f6f6f6;
    font-size: 83.3%;
    line-height: 1.5;
}
.quotetitle { /* 引用文タイトル */
    font-size: 83.3%;
    border-bottom: 1px solid #666;
    padding: 3px;
}

pre {
    margin: 15px 20px 0px;
    padding: 10px;
    background: #f6f6f6;
    border: 1px solid #999;
    font-size: 83.3%;
    line-height: 1.5;
    width: 100%;
    overflow: scroll;
}
html>body pre {
    width: 87%;
}

/* 追記 */
.entry.extended {}

/* 投稿者 */
.entry-footer {
    margin: 10px 0 0;
    padding-top: 3px;
    border-top: 1px dotted #36414d;
    font-size: 83.3%;
    text-align: right;
}

/* タグ */
.entry-tags {
    margin-bottom: 5px;
}
.entry-tags-header,
.entry-tags-list,
.entry-tag {
    display: inline;
    font-size: 100%;

}
.entry-tags-list { 
    list-style:none;
    padding-left: 5px;
}

/* Typekeyコメンタ－画像 */
.commenter-profile img {
    vertical-align: middle;
    border-width: 0;
}

/* ウェブページ */
div.page {
    margin-top: -5px;
}

/* アーカイブページ本文 */
.archive-list {
    margin: 10px 0;
}

/* アーカイブテンプレートの前後リンク */
.content-nav {
    margin: 10px;
    text-align: center;
    font-size: 83.3%;
}

#links-left-box div,
#links-right-box div {
    margin: 0;
    padding: 0;
}
#links-left-box dd,
#links-right-box dd {
    font-size: 75%;
}

.side dt,
.side dd {
    margin: 0;
    padding: 0;
}

/* サイドメニュータイトル */
.side_title {
    margin-top: 3px;
    border: 1px solid  #666666;
    color: #333;
    background: #f6f6f6;
    text-align: center;
    font-size: 75%;
    line-height: 2.0;
}
.side_title table {
    margin: 0 auto;
    _font-size: 100%;
    _line-height: 1.7;
}

/* サイドメニュー */
.side_text {
    margin: 0;
padding: 0;
    background: none;
    color: #333;
    font-size: 75%;
    line-height: 1.5;
}
.side_text ul,
.side_text ol {
    padding-left: 16px;
}
.side_text ul li {
    list-style-type: circle;
}
.side_text ul li ul {
    padding-left: 0px;
}
.side_text li li {
    list-style-type: none;
}

/* サイドメニュー(サブカテゴリー用) */
.side_text #categories ul {
    padding-left: 16px;
}
.side_text #categories ul ul {
    padding-left: 10px;
}
.side_text #categories li {
    list-style-type: circle;
}

/* サイドメニュー(タグクラウド用) */
ul#tags {
    margin-top: 5px;
    padding-left: 0;
    list-style: none;
}
ul#tags .module-list-item {
    display: inline;
}
ul#tags li.taglevel1 {
    font-size: 125%;
    font-weight: bold;
}
ul#tags li.taglevel2 {
    font-size: 125%;
}
ul#tags li.taglevel3 {
    font-size: 116.6%;
}
ul#tags li.taglevel4 {
    font-size: 108.3%;
}
ul#tags li.taglevel5 {
    font-size: 100%;
}
ul#tags li.taglevel6 {
    font-size: 91.6%;
}

/* 検索 */
fieldset {
    border: none;
}

/* カウンター */
.counter {
    margin: 8px 0 25px;
    padding: 2px;
    background: none;
}

/* RSSフィード */
.syndicate {
    margin-bottom: 5px;
    text-align: left;
    color: #666666;
    font-size: 75%;
    line-height: 1.5;
}
.syndicate img {
    border: none;
}

/* クレジットバナー */
.powered {
    margin-top: 50px;
    text-align: left;
    color: #666666;
    font-size: 75%;
    line-height: 1.5;
}
.powered img {
    margin-top: 3px;
}
.powered ul,
.powered li {
    list-style: none;
}
.module-powered {
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 10px;
    border: 1px solid #ddd;
    background-color: #f8f8f8;
    text-align: center;
}

/* コメント・トラックバック */
#trackbacks,
#comments {
    margin: 10px 0;
}

.trackbacks-header,
.comments-header,
.comments-open-header {
    margin: 15px 0;
}

#trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content {
    margin: 0 2px;
    padding: 0;
    font-size: 83.3%;
    line-height: 1.5;
    word-break: break-all;
}

.trackback-content p,
.comment-content p {
    margin-top: 10px;
    margin-bottom: 5px;
}

.trackback-footer,
.comment-footer {
    margin-right: 2px;
    padding-top: 3px;
    border-top: 1px dotted #36414d;
    font-size: 66.6%;
    text-align: right;
}

#comments-open-data p {
    margin-bottom: 10px;
}
#comment-post {
    font-weight: bold;
}
#comment-author, #comment-email, #comment-url {
    width: 220px;
    height: 20px;
}
html > body #comment-author,
html > body #comment-email,
html > body #comment-url {
    height: 15px;
}
#comment-text {
    width: 400px;
    height: 150px;
}
#comment-bake-cookie {
    margin-left: 2px;
    vertical-align: middle;
}
#comments-open-footer {
    margin-top: 15px;
    text-align: center;
}

.comments-open label {
    display: block;
}
#comment-reply-label {
  display: inline;
}
#comment-form-reply {
  margin-bottom: 8px;
}

.status-indicator {
    display: inline;
    height: 20px;
    width: 20px;
    background: url(<mt:staticWebPath>images/indicator-login.gif) no-repeat 0 0;
    padding: 2px 7px;
}

/* 検索結果画面 */
#search-form {
    font-size: 83.3%;
}
.search-header {
    margin: 15px 0;
}
.search-results-header {
    margin: 8px 0 15px;
    font-size: 120%;
}

/* カラム切り替え */
body.layout-three-column,
body.layout-three-column-right,
body.layout-two-column-left,
body.layout-two-column-right,
body.layout-one-column {
    text-align: center;
    background: #36414d;
}
.layout-three-column #container,
.layout-three-column-right #container,
.layout-two-column-left #container,
.layout-two-column-right #container {
    margin-bottom: 10px;
}
.layout-one-column #container {
    margin-bottom: 0;
}

/* 固定レイアウト共通 */
.layout-three-column #box,
.layout-three-column-right #box,
.layout-two-column-left #box,
.layout-two-column-right #box,
.layout-one-column #box {
    margin-right: auto;
    margin-left: auto;
    padding: 0 0 25px 0;
    border-bottom: 1px solid #669;
    border-left: 1px solid #669;
    border-right: 1px solid #669;
    text-align: left;
    background-color: #fff;
}

/* 3カラム固定レイアウト幅 */
.layout-three-column-right #box,
.layout-three-column #box {
    width: 850px;
}

/* 2カラム固定レイアウト幅 */
.layout-two-column-left #box,
.layout-two-column-right #box {
    width: 665px;
}

/* 1カラム固定レイアウト幅 */
.layout-one-column #box {
    width: 478px;
}

/* 3カラム固定レイアウト */
.layout-three-column #content {
    float: left;
    width: 478px;
    border-bottom: 1px solid #669;
    border-left: 1px solid #669;
    border-right: 1px solid #669;
}
.layout-three-column #links-left-box,
.layout-three-column #links-right-box {
    float: left;
    width: 185px;
    _width: 155px;
}
.layout-three-column #links-left,
.layout-three-column #links-right {
    padding: 15px 15px 0 15px;
}

/* 3カラム固定レイアウト（右サイドバー） */
.layout-three-column-right #content {
    float: left;
    width: 483px;
    border-bottom: 1px solid #669;
    border-right: 1px solid #669;
}
.layout-three-column-right #links-left-box {
    float: left;
    width: 180px;
}
.layout-three-column-right #links-right-box {
    float: left;
    width: 185px;
}
.layout-three-column-right #links-left {
    padding: 15px 5px 0 15px;
}
.layout-three-column-right #links-right {
    padding: 15px 15px 0 15px;
}

/* 2カラム固定レイアウト(右サイドバー) */
.layout-two-column-right #content {
    float: left;
    width: 478px;
    border-bottom: 1px solid #669;
    border-right: 1px solid #669;
}
.layout-two-column-right #links-right-box {
    float: left;
    width: 185px;
}
.layout-two-column-right #links-right {
    padding: 15px 15px 0;
}

/* 2カラム固定レイアウト(左サイドバー) */
.layout-two-column-left #content {
    float: left;
    width: 478px;
    border-bottom: 1px solid #669;
    border-left: 1px solid #669;
}
.layout-two-column-left #links-left-box {
    float: left;
    width: 185px;
}
.layout-two-column-left #links-left {
    padding: 15px 15px 0;
}

/* 1カラム固定レイアウト */
.layout-one-column #content {}

/* 3カラム固定レイアウト(ブログ記事全体) */
.layout-three-column-right .blog,
.layout-three-column .blog {
    padding: 10px 15px;
}

/* 2カラム固定レイアウト(左サイドバー:ブログ記事全体) */
.layout-two-column-left .blog {
    padding: 10px 15px;
}

/* 2カラム固定レイアウト(右サイドバー:ブログ記事全体) */
.layout-two-column-right .blog {
    padding: 10px 15px;
}

/* 1カラム固定レイアウト(ブログ記事全体) */
.layout-one-column .blog {
    padding: 10px 15px 0;
}

/* リキッドレイアウト共通 */
.layout-three-column-liquid #content,
.layout-three-column-liquid-right #content,
.layout-two-column-liquid-right #content,
.layout-three-column-liquid #links-left-box,
.layout-three-column-liquid #links-right-box,
.layout-three-column-liquid-right #links-left-box,
.layout-three-column-liquid-right #links-right-box,
.layout-two-column-liquid-right #links-right-box {
    position: relative;
    display: inline;

    float: left;

}
.layout-three-column-liquid .blog,
.layout-three-column-liquid-right .blog,

.layout-two-column-liquid-right .blog,
.layout-three-column-liquid #links-left,
.layout-three-column-liquid #links-right,
.layout-three-column-liquid-right #links-left,
.layout-three-column-liquid-right #links-right,
.layout-two-column-liquid-right #links-right {
    position: static;
}
.layout-three-column-liquid #content,
.layout-three-column-liquid-right #content,
.layout-two-column-liquid-right #content,
.layout-three-column-liquid #links-left,
.layout-three-column-liquid #links-right,
.layout-three-column-liquid-right #links-left,
.layout-three-column-liquid-right #links-right,
.layout-two-column-liquid-right #links-right,
.layout-three-column-liquid .entry,
.layout-three-column-liquid-right .entry,
.layout-two-column-liquid-right .entry {
    overflow-x: hidden;
}

/* ネガティブマージンで選択やクリックできない不具合の対処 */
.layout-three-column-liquid #links-left {
    position: relative;
    z-index: 2;
}

/* 3カラムリキッド */
.layout-three-column-liquid #content {
    width: 100%;
    margin: 0 -200px;
    height: 100%; /* for IE6 リサイズで中央カラムが右寄りになるのを防止 */
}
.layout-three-column-liquid .blog {
    margin: 0 200px;
    padding: 18px 15px 10px;
    border-bottom: 1px solid #669;
    border-left: 1px solid #669;
    border-right: 1px solid #669;
    height: 100%; /* for IE6 */
}
html>body.layout-three-column-liquid .blog {
    padding: 10px 15px;
}

/* 3カラムリキッド(右サイドバー) */
.layout-three-column-liquid-right #content {
    width: 100%;
    margin-right: -385px;
    /* height: 100%; *//* for IE6 リサイズで中央カラムが右寄りになるのを防止 */
}
.layout-three-column-liquid-right .blog {
    margin-right: 385px;
    padding: 18px 15px 10px;
    border-bottom: 1px solid #669;
    border-right: 1px solid #669;
    height: 100%; /* for IE6 */
}
html>body.layout-three-column-liquid-right .blog {
    padding: 10px 15px;
}

/* 2カラムリキッド(右サイドバー) */
.layout-two-column-liquid-right #content {
    width: 100%;
    margin-right: -200px;
    /* height: 100%; *//* for IE6 リサイズで中央カラムが右寄りになるのを防止 */
}
.layout-two-column-liquid-right .blog {
    margin-right: 200px;
    padding: 18px 15px 10px;
    border-bottom: 1px solid #669;
    border-right: 1px solid #669;
    height: 100%; /* for IE6 */
}
html>body.layout-two-column-liquid-right .blog {
    padding: 10px 15px;
}

/* for IE7 */
*:first-child+html .layout-three-column-liquid-right .blog,
*:first-child+html .layout-three-column-liquid .blog,
*:first-child+html .layout-two-column-liquid-right .blog {
    padding-top: 18px;
}

/* リキッドレイアウト・サイドバー */
.layout-three-column-liquid #links-left-box {
    top: 15px;
    left: 0px;
    width: 200px;
}
.layout-three-column-liquid-right #links-left-box {
    top: 15px;
    right: 0px;
    width: 185px;
}
.layout-three-column-liquid #links-right-box,
.layout-three-column-liquid-right #links-right-box,
.layout-two-column-liquid-right #links-right-box {
    top: 15px;
    right: 0px;
    width: 200px;
}
.layout-three-column-liquid #links-left,
.layout-three-column-liquid #links-right,
.layout-two-column-liquid-right #links-right {
    padding: 0 15px;
    height: 95%; /* for IE6 */
}
.layout-three-column-liquid-right #links-left {
    padding: 0 0 0 15px;
    height: 95%; /* for IE6 */
}
.layout-three-column-liquid-right #links-right {
    padding: 0 15px;
    height: 95%; /* for IE6 */
}

/* リキッドレイアウト・フッタ */
.layout-three-column-liquid #footer,
.layout-three-column-liquid-right #footer,
.layout-two-column-liquid-right #footer {
    margin-top: 25px;
    border-top: 1px solid #669;
    color: #fff;
    background: #8fabbe;
    font-size: 12px;
    text-align: center;
    line-height: 2;
}
/* for IE7 */
*:first-child+html .layout-three-column-liquid #footer,
*:first-child+html .layout-three-column-liquid-right #footer,
*:first-child+html .layout-two-column-liquid-right #footer {
    width: 100%; /* for IE7 フッタのレイアウト崩れを防止 */
}

/* 1カラムリキッド(ブログ記事全体) */
.layout-one-column-liquid .blog {
    padding: 15px;
}

/* 1カラムリキッド */
.layout-one-column-liquid #content {

    margin: 0 100px;

    border-bottom: 1px solid #669;
    border-left: 1px solid #669;
    border-right: 1px solid #669;
    background: #fff;
}
/* 1カラムリキッド */
/* タイトルバナー */
.layout-one-column-liquid #header {
    margin-right: 100px;
    margin-left : 100px;
    border-left: 1px solid #669;
    border-right: 1px solid #669;
}

/* 1カラム用 */
body.layout-one-column-liquid {
    background: #36414d;
}

/* フッタ */
.layout-one-column #footer,
.layout-three-column #footer,
.layout-three-column-right #footer,
.layout-two-column-left #footer,
.layout-two-column-right #footer,
.layout-one-column-liquid #footer {
    margin-right: auto;
    margin-left: auto;
    border-left: 1px solid #669;
    border-right: 1px solid #669;
    border-bottom: 1px solid #669;
    color: #ffffff;
    background: #8fabbe;
    font-size: 12px;
    text-align: center;
    line-height: 2;
}

.layout-three-column #footer,
.layout-three-column-right #footer {
    width: 850px;
}
.layout-two-column-left #footer,
.layout-two-column-right #footer {
    width: 665px;
}
.layout-one-column #footer {
    width: 478px;
}
.layout-one-column-liquid #footer {
    margin-right: 100px;
    margin-left : 100px;
}

input,textarea {
    font-family: "Osaka", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", arial, sans-serif;
}

/* カレンダー */
table th.calendar {
    padding-top:2px;
    font-weight: bold;
    font-size:10px;
}
table tr td.calendar {
    font-size:10px;
    padding:2px;
}
.calendar{
    padding:1px 1px 1px 1px;
    width: 20px;
    text-align: center;
    font-size:10px;
    font-weight:normal;
}
.calendar{
    _width: 15px;
}

table.calendar_bg {
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}
.calendar a:link,
.calendar a:visited {
    font-weight:bold;
    text-decoration:none;
    color:#069;
    border:solid 1px #069;
    padding:1px;
    display: block;
}

.calendar a:hover,
.calendar a:active{
    font-weight:bold;
    text-decoration:none;
    color:#d96666;
    border:solid 1px #d96666;
    padding:1px;
    display: block;
}

/*カレンダー送り*/
.calLink {
    text-decoration: none;
    font-weight: bold;
    margin:5px 0px 0px 3px;
    padding: 2px 3px;
    margin-top:0px;
    color:#fff;
    background-color:#ffb0d5;
}

ol.pickup li {
list-style-type: none;
}

.clearfix:after {
    content: ""; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

Comments [2] | Trackbacks [1]

小粋空間 - a cheap joke and a play on words site