飽きたので、またやりたくなったら再開するために貼っておく
@charset "EUC-JP"; /* ---------------------------------------------------------------------------------------------------------------- 概要:テンプレート・個別CSS 制作日:2008/09/08 更新日: レイアウト: #container 大枠 |-- #common-header … 共通ヘッダ(固定) |-- #logo … ロゴ |-- #navigation-h … 編集・管理用ツール・ナビゲーション |-- #wiki-container … 共通ヘッダ以降を囲む枠 |-- #wiki-header … ウィキのヘッダ |-- #wiki-title … ウィキのタイトル表示(h1) |-- #wiki-description … ウィキの説明文表示(p) |-- #wiki-menu … 閲覧用ツール・ナビゲーション |-- .search-box … ウィキ内検索 |-- #wiki-content … 3カラム(2カラム)をつつむ枠 |-- #main … 中央カラム |-- #page-header … ページタイトル表示(h2) |-- #page-body … 本文表示(ページの編集はここの中で完結する) |-- #page-footer … ページにまつわる各種リンク |-- #pege-posted … コメント、トラックバック、クリップ |-- #pege-category … ページが属するカテゴリとサブカテゴリ |-- #pege-tags … ページにつけるタグ(複数表示) |-- #page-attachedfile … ページに追加されたファイルを表示 |-- #sub … サイドカラム(優先) |-- #extra … サイドカラム |-- #common-footer … 共通フッタ 各ページで使い回す部分: * google adsense * tagcloud 個別ページ: * コメント一覧・トラックバック一覧(サイドカラムなし) * ページ一覧(サイドカラムなし) * 検索一覧・タグ一覧(サイドカラムなし) * 履歴(サイドカラムなし) * 差分(サイドカラムなし) * 読者表示(サイドカラムあり) 共通ヘッダの高さ:35px; ---------------------------------------------------------------------------------------------------------------- */ * { word-break:break-all; padding:0px; margin:0px; font-size:100%; } *html #container a ,*html #container input ,*html #container textarea{ position:relative;/*PNG BAG Fix*/ } body { color:#770013; background:url(http://image.blog.livedoor.jp/vkgtaro/imgs/7/b/7bafe7bd.jpg) repeat 0% 29px; text-align:center; font-size:83%; } a:link { color:#ff5c77; text-decoration:none; } a:visited { color:#ff5c77; text-decoration:none; } a:hover { text-decoration:underline; } a:active { color:#ff5c77; text-decoration:none; } /* layout -- レイアウト 各カラムの幅を変更したい場合は、ここで指定して下さい。 何も指定しない場合は「#sub = 250px」「#extra = 200px」となります。 ---------------------------------------------------------------------------------------------------------------- */ div#wiki-content {} div#wiki-content div#main {} div#wiki-content div#main div.column-inner {} div#wiki-content div#sub {} div#wiki-content div#sub div.column-inner {} div#wiki-content div#extra {} div#wiki-content div#extra div.column-inner {} /* #container -- body直下の指定 共通ヘッダを含む幅を指定したい場合はここで幅を指定して下さい。 ただし775px以下の大きさには指定しないで下さい ---------------------------------------------------------------------------------------------------------------- */ div#container { margin: 40px auto 0; text-align: left; width: 800px; } /* #common-footer -- 共通フッタ ---------------------------------------------------------------------------------------------------------------- */ div#common-footer { background:#FFB6C1; padding:5px; } div#common-footer div.column-inner { background:#FF0000; padding:5px; } /* #wiki-container -- 個別ウィキ用のエリア 固定の共通ヘッダを除くの幅を指定したい場合はここで幅を指定して下さい。 ---------------------------------------------------------------------------------------------------------------- */ div#wiki-container { margin:0 20px; } /* #wiki-header タイトルの背景に画像を指定したい場合はここで指定して下さい。 ---------------------------------------------------------------------------------------------------------------- */ div#wiki-header { height:120px; background:url(http://image.blog.livedoor.jp/vkgtaro/imgs/3/d/3d91e149.png) no-repeat 0 0; } *html #banner{ background:none; width:800px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://image.blog.livedoor.jp/vkgtaro/imgs/3/d/3d91e149.png); } div#wiki-header div.column-inner { } div#wiki-header div.column-inner-2 { } div#wiki-header div.column-inner-3 { } div#wiki-title { padding:5px; } div#wiki-header div#wiki-title h1 { padding:30px 0px 5px 20px; font-size:20px; color:#ddd; } div#wiki-title a:link { color:#ddd; } div#wiki-title a:visited {} div#wiki-title a:hover {} div#wiki-title a:active {} div#wiki-header div#wiki-description { color:#ddd; } div#wiki-header div#wiki-description p { color:#ddd; } /* #wiki-menu ---------------------------------------------------------------------------------------------------------------- */ div#wiki-menu { background:url(http://image.blog.livedoor.jp/vkgtaro/imgs/3/d/3d91e149.png) no-repeat 0 0; padding:5px; } *html div#wiki-menu { background:none; width:800px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://image.blog.livedoor.jp/vkgtaro/imgs/3/d/3d91e149.png); } ul#navigation-m { } ul#navigation-m li {} ul#navigation-m li.top { } ul#navigation-m li.list { } ul#navigation-m li.tags { } div#wiki-menu div.search-box { padding:5px; } div#wiki-menu div.search-box form {} div#wiki-menu div.search-box ul {} div#wiki-menu div.search-box ul li {} div#wiki-menu div.search-box ul li input.form-text {} div#wiki-menu div.search-box ul li input.form-button {} div#wiki-menu ul.tool-list {} div#wiki-menu ul.tool-list li { padding:5px; } /* #wiki-content ---------------------------------------------------------------------------------------------------------------- */ div#wiki-content { } div#wiki-content div#main {} div#wiki-content div#main div.column-inner { } div#wiki-content div.sidecolumn {} div#wiki-content div.sidecolumn div.column-inner {} div#wiki-content div#sub {} div#wiki-content div#sub div.column-inner { } div#wiki-content div#extra {} div#wiki-content div#extra div.column-inner { } /* #main ---------------------------------------------------------------------------------------------------------------- */ div#main {} div#main div.column-inner {} /* #main - page-container -------------------------------------------------------- */ div#page-container { background:transparent url(http://image.blog.livedoor.jp/vkgtaro/imgs/a/f/aff34608.png) repeat-y scroll 0 0; } div#page-container div.box-inner { } /* .empty-box データがない時に表示する。 「page-header/page-body/page-footer」の代用 -------------------------------------------------------- */ div.empty-box {} div.empty-box div.box-inner {} div.empty-box div.box-inner-2 {} div.empty-box div.box-inner-3 {} div.empty-box p { font-weight:bold; font-size:120%; padding:50px 0; } /* #main - page-header -------------------------------------------------------- */ div#page-header { background:transparent url(http://image.blog.livedoor.jp/vkgtaro/imgs/1/8/18ec1014.png) no-repeat scroll 0 0; } div#page-header div.box-inner { padding: 5px; } div#page-header div.title { } div#page-header div.title div.inner { } div#page-header div.title h2 { } div#page-header div.title ul.tool-list { } div#page-header div.title ul.tool-list li { } div#page-header div.title p.history { } div#page-header div.title p.history a {} div#page-header p.update { } div#page-header p.update a {} /* #main - page-body -------------------------------------------------------- */ div#page-body { } div#page-body div.box-inner { } div#page-body div.user-area { } /* #main - page-footer -------------------------------------------------------- */ div#page-footer { background:#2E8B57; padding:5px; } div#page-footer div.box-inner { background:#3CB371; padding:5px; } div#information-box { background:#40E0D0; padding:5px; } ul#page-posted { background:#008080; } ul#page-posted li {} ul#page-posted li.comment {} ul#page-posted li.trackback {} ul#page-category { background:#7FFFD4; } ul#page-category li {} ul#page-category li.title {} ul#page-category li.parent {} ul#page-category li.child {} ul#page-tags { background:#00BFFF; } ul#page-tags li {} ul#page-tags li.title {} ul#page-tags li.tags {} /* #main - page-attachedfile -------------------------------------------------------- */ div#page-attachedfile { background:#0000FF; padding:5px; } div#page-attachedfile div.box-inner { background:#1E90FF; padding:5px; } div#page-attachedfile div.title { background:#00FFFF; padding:5px; } div#page-attachedfile ul {} div#page-attachedfile ul li { background:#00CED1; padding:5px; } div#page-attachedfile ul li p { background:#7FFFD4; } /* #main tag ユーザーが書き込むウィキタグ→htmlタグのスタイルを指定 ---------------------------------------------------------------------------------------------------------------- */ div.user-area { line-height:150%; } div.user-area p { margin-bottom:10px; } div.user-area hr { margin:10px auto; } div.user-area table { margin:10px 0; } div.user-area table th, div.user-area table td { padding:5px; border:#000 solid 1px; } div.user-area table th { background:#999; } div.user-area table td { background:#fff; } div.user-area div.title-1, div.user-area div.title-2, div.user-area div.title-3 { margin-bottom:5px; } div.user-area div.title-1 h3, div.user-area div.title-2 h4, div.user-area div.title-3 h5 { font-weight:bold; float:left; } div.user-area div.title-1 { background:#FF0000; padding:5px; } div.user-area div.title-1 h3 { font-size:140%; background:#F4A460; } div.user-area div.title-2 { background:#FF4500; padding:5px; } div.user-area div.title-2 h4 { font-size:120%; background:#F4A460; } div.user-area div.title-3 { background:#FF8C00; padding:5px; } div.user-area div.title-3 h5 { background:#F4A460; } div.user-area ul.list-1, div.user-area ul.list-2, div.user-area ul.list-3 { margin:0; padding:0 0 0 20px; line-height:130%; } div.user-area ul.list-1 li, div.user-area ul.list-2 li, div.user-area ul.list-3 li { margin-bottom:5px; } div.user-area ul.list-1 { list-style-type:disc; } div.user-area ul.list-2 { list-style-type:circle; } div.user-area ul.list-3 { list-style-type:square; } div.user-area ol.list-1 li, div.user-area ol.list-2 li, div.user-area ol.list-3 li { margin-bottom:5px; } div.user-area ol.list-1 { list-style-type:decimal; } div.user-area ol.list-2 { list-style-type:lower-roman; } div.user-area ol.list-3 { list-style-type:lower-alpha; } /* .sidecolumn ---------------------------------------------------------------------------------------------------------------- */ /* #sub -------------------------------------------------------- */ div#wiki-content div#sub {} div#wiki-content div#sub div.column-inner {} div#sub div.form-box form {} div#sub div.form-box form input.form-text {} div#sub div.form-box form input.form-button {} /* #extra -------------------------------------------------------- */ div#wiki-content div#extra {} div#wiki-content div#extra div.column-inner {} div#extra div.form-box form {} div#extra div.form-box form input.form-text {} div#extra div.form-box form input.form-button {} /* .sidecolumn 「extra」「sub」どちらのカラムにも共通するものはここで指定して下さい。 -------------------------------------------------------- */ div.sidecolumn {} div.sidecolumn div.column-inner {} div.side-box,div.free-box,div.sidecolumn div.form-box {} div.side-box div.box-inner,div.free-box div.box-inner,div.sidecolumn div.form-box div.box-inner {} div.side-box div.title,div.free-box div.title,div.sidecolumn div.form-box div.title {} div.side-box div.title h2,div.free-box div.title h2,div.sidecolumn div.form-box div.title h2 {} div.side-box div.body,div.free-box div.body,div.sidecolumn div.form-box div.body {} div.side-box div.body div.inner,div.free-box div.body div.inner,div.sidecolumn div.form-box div.body div.inner {} div.sidecolumn div.ld-plugin div.inner {} div.sidecolumn div.ld-plugin div.inner p.count {} div.sidecolumn div.ld-plugin div.inner p.button {} div.side-box { background:#191970; padding:5px; } div.side-box div.box-inner { background:#4169E1; padding:5px; } div.side-box div.title { background:#0000FF; padding:5px; } div.side-box div.title h2 { background:#00BFFF; } div.side-box div.body { background:#87CEFA; padding:5px; } div.side-box div.body div.inner { background:#E0FFFF; padding:5px; } div.side-box ul {} div.side-box ul li {} div.side-box ul li span { background:#008080; } div.side-box ul.parent-list {} div.side-box ul.parent-list li { background:#7FFFD4; padding:5px; } div.side-box ul.parent-list li h3 { background:#66CDAA; } div.side-box ul.parent-list li h3 a {} div.side-box ul.child-list {} div.side-box ul.child-list li { background:#F5FFFA; padding:5px; } div.side-box ul.child-list li a {} div.side-box div.tagcloud { background:#DDA0DD!important; padding:5px; } div.free-box { background:#32CD32; padding:5px; } div.free-box div.box-inner { background:#90EE90; padding:5px; } div.free-box div.title { background:#6B8E23; padding:5px; } div.free-box div.title h2 { background:#228B22; } div.free-box div.body { background:#9ACD32; padding:5px; } div.free-box div.body div.inner { background:#8FBC8F; padding:5px; } div.sidecolumn div.form-box form {} div.sidecolumn div.form-box form input.form-text {} div.sidecolumn div.form-box form input.form-button {} div.sidecolumn div.form-box { background:#800000; padding:5px; } div.sidecolumn div.form-box div.box-inner { background:#FF4500; padding:5px; } div.sidecolumn div.form-box div.title { background:#CD853F; padding:5px; } div.sidecolumn div.form-box div.title h2 { background:#808000; } div.sidecolumn div.form-box div.body { background:#DAA520; padding:5px; } div.sidecolumn div.form-box div.body div.inner { background:#FFFF00; padding:5px; } /* 「div.side-box」と並列なもの 「recent」更新情報「category」カテゴリ「comment」 -- リストを使用 div.sidecolumn div.recent {} div.sidecolumn div.recent {} div.sidecolumn div.recent div.box-inner {} div.sidecolumn div.recent div.title {} div.sidecolumn div.recent div.title h2 {} div.sidecolumn div.recent div.body {} div.sidecolumn div.recent div.body div.inner {} div.sidecolumn div.recent ul {} div.sidecolumn div.recent ul li {} div.sidecolumn div.recent ul.parent-list {} div.sidecolumn div.recent ul.parent-list li {} div.sidecolumn div.recent ul.parent-list li h3 {} div.sidecolumn div.recent ul.parent-list li h3 a {} div.sidecolumn div.recent ul.child-list {} div.sidecolumn div.recent ul.child-list li {} div.sidecolumn div.recent ul.child-list li a {} div.sidecolumn div.category {} div.sidecolumn div.category {} div.sidecolumn div.category div.box-inner {} div.sidecolumn div.category div.title {} div.sidecolumn div.category div.title h2 {} div.sidecolumn div.category div.body {} div.sidecolumn div.category div.body div.inner {} div.sidecolumn div.category ul {} div.sidecolumn div.category ul li {} div.sidecolumn div.category ul.parent-list {} div.sidecolumn div.category ul.parent-list li {} div.sidecolumn div.category ul.parent-list li h3 {} div.sidecolumn div.category ul.parent-list li h3 a {} div.sidecolumn div.category ul.child-list {} div.sidecolumn div.category ul.child-list li {} div.sidecolumn div.category ul.child-list li a {} div.sidecolumn div.comment {} div.sidecolumn div.comment {} div.sidecolumn div.comment div.box-inner {} div.sidecolumn div.comment div.title {} div.sidecolumn div.comment div.title h2 {} div.sidecolumn div.comment div.body {} div.sidecolumn div.comment div.body div.inner {} div.sidecolumn div.comment ul {} div.sidecolumn div.comment ul li {} div.sidecolumn div.comment ul li span {} /* コメント一覧・トラックバック一覧 コメントは個別ページ(個数制限あり、「#page-footer」内に配置)、コメントページ(全件表示「#page-body」内に配置) --------------------------------------------------------------------------------------------------------------- */ div#comment-box, div#trackback-box { margin-top:10px; background:#C71585; padding:5px; } div#comment-box div.title, div#trackback-box div.title { background:#FF69B4; padding:5px; } div#comment-box div.title h3, div#trackback-box div.title h3 { background:#DDA0DD; } div#comment-box div.body, div#trackback-box div.body { background:#FF69B4; padding:5px; } div#comment-box div.body div.text, div#trackback-box div.body div.text { background:#EE82EE; padding:5px; } div#comment-box div.body div.text p, div#trackback-box div.body div.text p { background:#FFC0CB; } div#comment-box div.body div.text span.posted, div#trackback-box div.body div.text span.posted { background:#FFF0F5; } /* 個別ページ内での設定 */ div.page-index div#comment-box {} div.page-index div#comment-box div.title {} div.page-index div#comment-box div.title h3 {} div.page-index div#comment-box div.body {} div.page-index div#comment-box div.body div.text {} div.page-index div#comment-box div.body div.text p {} div.page-index div#comment-box div.body div.text span.posted {} /* コメントページ内での設定 */ div.page-comment div#comment-box {} div.page-comment div#comment-box div.title {} div.page-comment div#comment-box div.body {} div.page-comment div#comment-box div.body div.text {} div.page-comment div#comment-box div.body div.text p {} div.page-comment div#comment-box div.body div.text span.posted {} /* トラックバックフォーム */ div#trackback-box div.entry {} div#trackback-box div.entry label {} div#trackback-box div.entry input {} /* 投稿フォーム */ div.page-comment div#page-body div.form-box {} div.page-comment div#page-body div.form-box div.title {} div.page-comment div#page-body div.form-box div.title h3 {} div.page-comment div#page-body div.form-box table {} div.page-comment div#page-body div.form-box table tr {} div.page-comment div#page-body div.form-box table th {} div.page-comment div#page-body div.form-box table td {} div.page-comment div#page-body div.form-box table td p {} div.page-comment div#page-body div.form-box table td input#author {} div.page-comment div#page-body div.form-box table td input#email {} div.page-comment div#page-body div.form-box table td input#url {} div.page-comment div#page-body div.form-box table td input#captcha {} div.page-comment div#page-body div.form-box table td textarea {} div.page-comment div#page-body div.form-box table td.button {} div.page-comment div#page-body div.form-box table td.button input {} /* ページ一覧 ---------------------------------------------------------------------------------------------------------------- */ div#main div.form-box {} div#main div.form-box select {} div#main div.form-box input {} div.paging-top {} div.paging-bottom {} div.paging-top p {} div.paging-bottom p {} ul.paging-list {} ul.paging-list li {} ul.paging-list li.prev {} ul.page-list {} ul.page-list li {} ul.page-list li.last {} ul.page-list li span {} ul.page-list li span img {} /* 検索一覧・タグ一覧 ---------------------------------------------------------------------------------------------------------------- */ div.page-result {} div.page-result div.tagcloud {} div.result-box {} div.result-box p.title {} div.result-box p.title strong {} div.result-box div.paging-top {} div.result-box div.paging-bottom {} div.result-box div.body {} div.result-box div.body h3.keyword {} div.result-box div.body p.text {} div.result-box div.body p.url {} /* 履歴 小見出し、リストはデフォルトではwikipageのカキコミエリアと同じものがでる。 ページ独自の指定がしたい場合はここで設定 ---------------------------------------------------------------------------------------------------------------- */ div.page-history p {} div.page-history p.update {} div.page-history p.update img {} /* 復元ポイントリスト */ div.page-history div.user-area ul.point-list {} /* 履歴リスト */ div.page-history div.user-area ul.history-list {} div.page-history div.user-area div.title-1 {} div.page-history div.user-area div.title-1 h3 {} div.page-history div.user-area ul.list-1 {} div.page-history div.user-area ul.list-1 li {} /* 差分 ---------------------------------------------------------------------------------------------------------------- */ div.page-diff {} div.page-diff div.information-box {} div.page-diff div.information-box p {} div.page-diff div.information-box p.category {} /* 差分表示・追加 */ div.page-diff .line-add {} /* 差分表示・削除 */ div.page-diff .line-delete {} /* 差分表示・囲み */ div.page-diff div.diff-box {} /* 読者表示 小見出し、リストはデフォルトではwikipageのカキコミエリアと同じものがでる。 ページ独自の指定がしたい場合はここで設定 ---------------------------------------------------------------------------------------------------------------- */ div.page-readmember {} div.page-readmember div.user-area {} div.page-readmember div.user-area div.title-1 {} div.page-readmember div.user-area div.title-1 h3 {} div.page-readmember div.user-area ul.list-1 {} div.page-readmember div.user-area ul.list-1 li {} /* google adsense ---------------------------------------------------------------------------------------------------------------- */ div.adsense-box { background:#fff; } div#main div.adsense-box { padding:5px; width:480px; margin:10px auto; display:block!important; } div.sidecolumn div.adsense-box { padding:5px; margin:0 auto 10px; display:block!important; } div.adsense-box p { text-align:right; color:#000; font-weight:bold; line-height:100%; } div.adsense-box ul { list-style:none; margin:0; padding:0; } div.adsense-box ul li {} div.adsense-box ul li a { display:block; text-decoration:none; padding:5px; } div.adsense-box ul li a:hover { background:#ffffdf; } div.adsense-box ul li span.ads-title { color:#00f; font-weight:bold; line-height:100%; } div.adsense-box ul li span.ads-url { color:#008000; font-size:90%; line-height:100%; } div.adsense-box ul li span.ads-text { display:block; color:#333; font-size:90%; margin-top:5px; line-height:100%; } div.adsense-main-top { background:#DAA520; } div.adsense-main-bottom { background:#D8BFD8; } div.adsense-sub { background:#F4A460; } div.adsense-extra { background:#FF1493; } /* tagcloud ---------------------------------------------------------------------------------------------------------------- */ div.tagcloud {} div.tagcloud span {} .tagcloud_base a:link {} .tagcloud_base a:visited {} .tagcloud_base a:active {} .tagcloud_base a:hover {} .tagcloud_used a:link {} .tagcloud_used a:visited {} .tagcloud_used a:active {} .tagcloud_used a:hover {} .tagcloud_t0 a:link {} .tagcloud_t0 a:visited {} .tagcloud_t0 a:active {} .tagcloud_t0 a:hover {} .tagcloud_t1 a:link {} .tagcloud_t1 a:visited {} .tagcloud_t1 a:active {} .tagcloud_t1 a:hover {} .tagcloud_t2 a:link {} .tagcloud_t2 a:visited {} .tagcloud_t2 a:active {} .tagcloud_t2 a:hover {} .tagcloud_t3 a:link {} .tagcloud_t3 a:visited {} .tagcloud_t3 a:active {} .tagcloud_t3 a:hover {} .tagcloud_t4 a:link {} .tagcloud_t4 a:visited {} .tagcloud_t4 a:active {} .tagcloud_t4 a:hover {}
タグ
コメントをかく