にゃんにゃんさんのために作ったCSSです。
画像URLを削除して残しておきます。
▼スタイルシートここから▼
/* 02-e_3pain_menu */
/* 全体のリンク色などの設定 */
A {
text-decoration: none;
}
/* 未訪問リンク色の設定 */
a:link {
color: #8080c0;
}
/* 訪問済みリンク色の設定 */
a:visited {
color: #8080c0;
}
/* リンクを選択した瞬間の色の設定 */
a:active {
color: #8080c0;
}
/* マウスをかざしたときのリンク色の設定 */
a:hover {
color: #8080c0;
}
/* HTML全体 */
body {
background: #fff;
text-align: center;
margin: 0px;
color: #4c4c4c;
}
/* ブログ本体 */
#tcpbody {
width: 780px;
padding: 0px;
margin: 0px;
text-align: left;
margin-right: auto;
margin-left: auto;
background-color: #fff;
border-style: solid;
border-width: 0px 1px;
border-color: #000000;
}
/* 上部ブログタイトル部分 */
#tctoptitlelay {
background:url(【画像URL】 center bottom no-repeat;
text-align:center;
padding: 0px;
height:【画像高さ】
width:780px;←枠線にぴったりつけるには780pxです
}
/* ブログタイトル文字 ▼メインロゴ画像 */
#tctoptitlelay h1 {text-align:center;}
#tctoptitlelay a{display:block;
height:201px;
width:760px;
font-size:1px;
margin:0 auto;padding:0;
background:url(【ロゴURL】 no-repeat bottom left;
color:#fff;}
#tctoptitlelay a:link{background:url(【ロゴURL】 no-repeat bottom left;
color:#fff;}
#tctoptitlelay a:visited{background:url(【ロゴURL】 no-repeat bottom left;
color:#fff;}
#tctoptitlelay a:hover{background:url(【ロゴURL】 no-repeat bottom left;
color:#fff;}
#tctoptitlelay a:active{background:url(【ロゴURL】 no-repeat bottom left;
color:#fff;}
/* ブログサブタイトル文字 */
#tctoptitlelay p {
font-family: Osaka, "Trebuchet MS", Verdana, Arial, sans-serif;
text-align: left;
padding:0;
margin: 0px auto;
width: 500px;
font-size: 84%;
color: #777;
line-height:1;
}
/* ブログタイトル部分のリンク色設定 */
#tctoptitlelay A, #tctoptitlelay a:link {
color: #fff;
}
/* 左サイドメニュー全体 */
#tcsidelay {
float: left;
width: 165px;
padding: 5px 0px 10px 0px;
margin: 0px;
margin-top: 15px;
background: #fff;
border-style: solid;
border-width: 0px 0px 0px 0px;
border-color: #dbdbdb;
word-break: break-all;
}
/* 左サイドメニュー内部 */
#sidemenu {
color: #4c4c4c;
font-size: 0.9em;
font-weight: normal;
line-height: 1.5em;
margin-bottom: 0.5em;
}
/* 右サイドメニュー全体 */
#tcside2lay {
float: left;
width: 165px;
padding: 5px 0px 10px 0px;
margin: 0px;
margin-top: 15px;
background: #fff;
border-style: solid;
border-width: 0px 0px 0px 0px;
border-color: #dbdbdb;
word-break: break-all;
}
/* 右サイドメニュー内部 */
#sidemenu2 {
color: #4c4c4c;
font-size: 0.9em;
font-weight: normal;
line-height: 1.5em;
margin-bottom: 0.5em;
}
/* 汎用サイドメニューパーツ 全体 */
.blockone {
border-style: solid;
border-width: 0px 0px 0px 0px;
border-color: #dbdbdb;
font-size: small;
list-style: none;
margin: 5px;
}
/* 汎用サイドメニューパーツ タイトル文字 */
.blockone h3 {
color: #4c4c4c;
font-family: Osaka, "Trebuchet MS", Verdana, Arial, sans-serif;
font-weight: bold;
font-size: 1em;
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: #dbdbdb;
padding: 1px 1px 1px 1px;
margin: 0em 0em 0em 0em;
text-align: left;
}
/* 汎用サイドメニューパーツ リスト部分 */
.blockone ul {
list-style: none;
list-style-position: outside;
margin-left: 0px;
padding-left: 10px;
}
/* サイドメニューカレンダーパーツ全体 */
.cal {
color: #666666;
border-style: solid;
border-width: 0px 0px 0px 0px;
border-color: #dbdbdb;
font-size: small;
list-style: none;
margin: 5px;
}
/* サイドメニューカレンダーパーツ タイトル文字 */
.cal h3 {
color: #4c4c4c;
font-family: Osaka, "Trebuchet MS", Verdana, Arial, sans-serif;
font-weight: bold;
font-size: 1em;
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: #dbdbdb;
padding: 1px 1px 1px 1px;
margin: 0em 0em 0em 0em;
text-align: left;
}
/* サイドメニューカレンダーテーブル */
.cal TABLE {
border-collapse: collapse;
width: 140px;
margin-left: 3px;
}
/* サイドメニューカレンダー 年月 */
.cal .caption {
font-weight: bold;
font-size: x-small;
color: #4c4c4c;
font-family: "Trebuchet MS", Verdana, sans-serif;
letter-spacing: 0.3em;
vertical-align: baseline;
text-align: center;
}
/* サイドメニューカレンダー 曜日 */
.cal TH {
font-size: x-small;
font-family: "Trebuchet MS", Verdana, sans-serif;
text-align: center;
font-style: normal;
font-weight: normal;
margin: 0px;
padding: 0px;
}
/* サイドメニューカレンダー 日付 */
.cal TD {
font-size: 8pt;
font-family: "Trebuchet MS", Verdana, sans-serif;
text-align: center;
line-height: 1.5em;
margin: 0px;
padding: 0px;
width: 23px;
}
/* サイドメニューカレンダー 日曜日 */
.cal .sun {
color: #FF0000;
font-family: "Trebuchet MS", Verdana, sans-serif;
}
/* サイドメニューカレンダー 曜日文字 */
.cal .calendar {
color: #525252;
font-family: "Trebuchet MS", Verdana, sans-serif;
}
/* サイドメニュー「最近の投稿」パーツ 全体 */
.recentpost {
border-style: solid;
border-width: 0px 0px 0px 0px;
border-color: #dbdbdb;
font-size: small;
list-style: none;
margin: 5px;
}
/* サイドメニュー「最近の投稿」パーツ タイトル文字 */
.recentpost h3 {
color: #4c4c4c;
font-family: Osaka, "Trebuchet MS", Verdana, Arial, sans-serif;
font-weight: bold;
font-size: 1em;
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: #dbdbdb;
padding: 1px 1px 1px 1px;
margin: 0em 0em 0em 0em;
text-align: left;
}
/* サイドメニュー「最近の投稿」パーツ リスト部分 */
.recentpost ul {
list-style: none;
list-style-position: outside;
margin-left: 0px;
padding-left: 10px;
}
/* サイドメニュー「過去ログ」パーツ 全体 */
.pastlog {
border-style: solid;
border-width: 0px 0px 0px 0px;
border-color: #dbdbdb;
font-size: small;
list-style: none;
margin: 5px;
}
/* サイドメニュー「過去ログ」パーツ タイトル文字 */
.pastlog h3 {
color: #4c4c4c;
font-family: Osaka, "Trebuchet MS", Verdana, Arial, sans-serif;
font-weight: bold;
font-size: 1em;
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: #dbdbdb;
padding: 1px 1px 1px 1px;
margin: 0em 0em 0em 0em;
text-align: left;
}
/* サイドメニュー「過去ログ」パーツ リスト部分 */
.pastlog ul {
list-style: none;
list-style-position: outside;
margin-left: 0px;
padding-left: 10px;
}
/* サイドメニュー「記事カテゴリ」パーツ 全体 */
.cate {
border-style: solid;
border-width: 0px 0px 0px 0px;
border-color: #dbdbdb;
font-size: small;
list-style: none;
margin: 5px;
}
/* サイドメニュー「記事カテゴリ」パーツ タイトル文字 */
.cate h3 {
color: #4c4c4c;
font-family: Osaka, "Trebuchet MS", Verdana, Arial, sans-serif;
font-weight: bold;
font-size: 1em;
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: #dbdbdb;
padding: 1px 1px 1px 1px;
margin: 0em 0em 0em 0em;
text-align: left;
}
/* サイドメニュー「記事カテゴリ」パーツ リスト部分 */
.cate ul {
list-style: none;
list-style-position: outside;
margin-left: 0px;
padding-left: 10px;
}
/* サイドメニュー「リンク集」パーツ 全体 */
.link {
border-style: solid;
border-width: 0px 0px 0px 0px;
border-color: #dbdbdb;
font-size: small;
list-style: none;
margin: 5px;
}
/* サイドメニュー「リンク集」パーツ タイトル文字 */
.link h3 {
color: #4c4c4c;
font-family: Osaka, "Trebuchet MS", Verdana, Arial, sans-serif;
font-weight: bold;
font-size: 1em;
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: #dbdbdb;
padding: 1px 1px 1px 1px;
margin: 0em 0em 0em 0em;
text-align: left;
}
/* サイドメニュー「リンク集」パーツ リスト部分 */
.link ul {
list-style: none;
list-style-position: outside;
margin-left: 0px;
padding-left: 10px;
}
/* サイドメニュー「ページ内検索」パーツ 全体 */
.search {
border-style: solid;
border-width: 0px 0px 0px 0px;
border-color: #dbdbdb;
font-size: small;
list-style: none;
margin: 5px;
}
/* サイドメニュー「ページ内検索」パーツ タイトル文字 */
.search h3 {
color: #4c4c4c;
font-family: Osaka, "Trebuchet MS", Verdana, Arial, sans-serif;
font-weight: bold;
font-size: 1em;
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: #dbdbdb;
padding: 1px 1px 1px 1px;
margin: 0em 0em 0em 0em;
text-align: left;
}
/* サイドメニュー「ページ内検索」パーツ フォーム */
.searchbody {
text-align: center;
}
.search form {
width: 120px;
margin: 0px auto;
padding-top: 6px;
text-align: left;
}
/* サイドメニュー「最近のコメント」パーツ 全体 */
.recentcomm {
border-style: solid;
border-width: 0px 0px 0px 0px;
border-color: #dbdbdb;
font-size: small;
list-style: none;
margin: 5px;
}
/* サイドメニュー「最近のコメント」パーツ タイトル文字 */
.recentcomm h3 {
color: #4c4c4c;
font-family: Osaka, "Trebuchet MS", Verdana, Arial, sans-serif;
font-weight: bold;
font-size: 1em;
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: #dbdbdb;
padding: 1px 1px 1px 1px;
margin: 0em 0em 0em 0em;
text-align: left;
}
/* サイドメニュー「最近のコメント」パーツ リスト部分 */
.recentcomm ul {
list-style: none;
list-style-position: outside;
margin-left: 0px;
padding-left: 10px;
}
/* サイドメニュー「最近のトラックバック」パーツ 全体 */
.recenttb {
border-style: solid;
border-width: 0px 0px 0px 0px;
border-color: #dbdbdb;
font-size: small;
list-style: none;
margin: 5px;
}
/* サイドメニュー「最近のトラックバック」パーツ タイトル文字 */
.recenttb h3 {
color: #4c4c4c;
font-family: Osaka, "Trebuchet MS", Verdana, Arial, sans-serif;
font-weight: bold;
font-size: 1em;
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: #dbdbdb;
padding: 1px 1px 1px 1px;
margin: 0em 0em 0em 0em;
text-align: left;
}
/* サイドメニュー「最近のトラックバック」パーツ リスト部分 */
.recenttb ul {
list-style: none;
list-style-position: outside;
margin-left: 0px;
padding-left: 10px;
}
/* サイドメニュー「最近の投稿画像」パーツ 全体 */
.recentimg {
border-style: solid;
border-width: 0px 0px 0px 0px;
border-color: #dbdbdb;
font-size: small;
list-style: none;
margin: 5px;
}
/* サイドメニュー「最近の投稿画像」パーツ タイトル文字 */
.recentimg h3 {
color: #4c4c4c;
font-family: Osaka, "Trebuchet MS", Verdana, Arial, sans-serif;
font-weight: bold;
font-size: 1em;
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: #dbdbdb;
padding: 1px 1px 1px 1px;
margin: 0em 0em 0em 0em;
text-align: left;
}
/* サイドメニュー「最近の投稿画像」パーツ リスト部分 */
.recentimg ul {
list-style: none;
list-style-position: outside;
margin-left: 0px;
padding-left: 10px;
}
/* サイドメニュー「カウンター」パーツ 全体 */
.counter {
border-style: solid;
border-width: 0px 0px 0px 0px;
border-color: #dbdbdb;
font-size: small;
list-style: none;
margin: 5px;
}
/* サイドメニュー「カウンター」パーツ タイトル文字 */
.counter h3 {
color: #4c4c4c;
font-family: Osaka, "Trebuchet MS", Verdana, Arial, sans-serif;
font-weight: bold;
font-size: 1em;
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: #dbdbdb;
padding: 1px 1px 1px 1px;
margin: 0em 0em 0em 0em;
text-align: left;
}
/* サイドメニュー「カウンター」パーツ リスト部分 */
.counter ul {
list-style: none;
list-style-position: outside;
margin-left: 0px;
padding-left: 10px;
}
/* サイドメニュー「サイドメニュー自由項目」パーツ 全体 */
.sidefree {
border-style: solid;
border-width: 0px 0px 0px 0px;
border-color: #dbdbdb;
font-size: small;
list-style: none;
margin: 5px;
}
/* サイドメニュー「サイドメニュー自由項目」パーツ タイトル文字 */
.sidefree h3 {
color: #4c4c4c;
font-family: Osaka, "Trebuchet MS", Verdana, Arial, sans-serif;
font-weight: bold;
font-size: 1em;
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: #dbdbdb;
padding: 1px 1px 1px 1px;
margin: 0em 0em 0em 0em;
text-align: left;
}
/* サイドメニュー「サイドメニュー自由項目」パーツ リスト部分 */
.sidefree ul {
list-style: none;
list-style-position: outside;
margin-left: 0px;
padding-left: 10px;
}
/* サイドメニュー「サイドメニュー自由項目」パーツ 本体テキスト部分 */
.sidefreebody {
word-break: break-all;
}
/* サイドメニュー「RSS取り込み1」パーツ 全体 */
.rssin01 {
border-style: solid;
border-width: 0px 0px 0px 0px;
border-color: #dbdbdb;
font-size: small;
list-style: none;
margin: 5px;
}
/* サイドメニュー「RSS取り込み1」パーツ タイトル文字 */
.rssin01 h3 {
font-family: Osaka, "Trebuchet MS", Verdana, Arial, sans-serif;
font-weight: bold;
font-size: 1em;
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: #dbdbdb;
padding: 1px 1px 1px 1px;
margin: 0em 0em 0em 0em;
text-align: left;
}
/* サイドメニュー「RSS取り込み1」パーツ リスト部分 */
.rssin01 ul {
list-style: none;
list-style-position: outside;
margin-left: 0px;
padding-left: 10px;
}
/* サイドメニュー「RSS取り込み2」パーツ 全体 */
.rssin02 {
border-style: solid;
border-width: 0px 0px 0px 0px;
border-color: #dbdbdb;
font-size: small;
list-style: none;
margin: 5px;
}
/* サイドメニュー「RSS取り込み2」パーツ タイトル文字 */
.rssin02 h3 {
color: #4c4c4c;
font-family: Osaka, "Trebuchet MS", Verdana, Arial, sans-serif;
font-weight: bold;
font-size: 1em;
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: #dbdbdb;
padding: 1px 1px 1px 1px;
margin: 0em 0em 0em 0em;
text-align: left;
}
/* サイドメニュー「RSS取り込み2」パーツ リスト部分 */
.rssin02 ul {
list-style: none;
list-style-position: outside;
margin-left: 0px;
padding-left: 10px;
}
/* サイドメニューRSS出力用アイコン */
.rssout {
padding-left: 0.5em;
margin-left: 18px;
}
/* 記事本文が入るメインレイアウト全体 */
#tcmainlay {
float: left;
width: 430px;
padding: 0px 0px 0px 0px;
margin: 6px 5px 0px 5px;
background: #fff;
word-break: break-all;
}
/* 投稿記事単位 */
.postdate {
padding: 0px;
margin: 0px;
margin-bottom: 25px;
}
/* 投稿記事の日付テキスト見栄え設定 */
.postdate h2 {
font-family: Osaka, "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: small;
color: #4c4c4c;
margin: 5px;
}
.postdate hr {
border: 1px solid #000;
margin: 5px;
}
/* 投稿記事の題名テキスト見栄え設定 */
.posttitle {
margin: 0px;
font-weight: bold;
border-width: 0px 0px 1px 0px;
border-color: #dbdbdb;
border-style: solid;
}
/* 投稿記事の記事カテゴリテキスト見栄え設定 */
.postcate {
margin: 12px;
color: #ffff00;
font-weight: bold;
}
/* 投稿記事の本文 */
.postbody {
padding-top: 12px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 12px;
font-family: Osaka, "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: small;
line-height: 1.7em;
}
/* コメント・トラックバックへのリンクテキスト */
.postcommtb {
text-align: right;
padding-right: 18px;
border-width: 0px 0px 0px 0px;
border-color: #dbdbdb;
border-style: solid;
font-family: Osaka, "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: small;
}
/* 投稿者名テキスト */
.postname {
text-align: right;
font-family: Osaka, "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: small;
padding-left: 5px;
float:left;
}
/* ページ送りリンクテキスト */
.nextpage form {
margin: 0px;
}
.nextpage {
text-align: right;
font-family: Osaka, "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: small;
margin: 2px;
}
/* トップページ自由項目 */
#tctopfreelay {
background-color: #f6f6f6;
clear: both;
}
/* コメントフォーム「投稿者名」 */
.commfrm1 {
}
/* コメントフォーム「メール」 */
.commfrm2 {
float: left;
}
/* コメントフォーム「投稿する」SUBMITボタン */
.commfrm3 {
float: right;
}
/* コメントフォーム「リンク」 */
.commfrm4 {
clear: left;
}
.commfrm4 textarea{
width: 300px;
}
/* コメントフォーム全体 */
.commfrmall {
border-width: 1px 2px 2px 1px;
border-style: solid;
border-color: #414141;
margin-bottom: 5px;
padding-top: 15px;
padding-left: 10px;
padding-bottom: 10px;
background-color: #f6f6f6;
font-size: small;
width: 400px;
}
/* コメント関連部品全体 */
#comm {
color: #4c4c4c;
margin: 5px;
padding: 5px 5px 5px 5px;
font-size: small;
}
/* コメントフォーム */
#comm form {
width: 350px;
}
.commtxt {
text-align: left;
}
/* コメント書き込みタイトル */
.commtitle {
float: left;
margin: 3px;
color: #4c4c4c;
}
/* コメント書き込み日付 */
.comminfo {
float: right;
margin: 3px;
color: #4c4c4c;
}
/* コメント書き込み本文 */
.commbody {
clear: left;
margin: 5px;
padding: 5px 10px 5px 10px;
color: #4c4c4c;
}
/* コメント書き込み全体 */
.commone {
border-width: 0px 0px 2px 0px;
border-style: dotted;
border-color: #414141;
margin: 7px;
}
/* トラックバック画面全体 */
#tb {
color: #4c4c4c;
margin: 5px;
padding: 5px 5px 5px 5px;
font-size: small;
}
/* トラックバック全体のタイトルテキスト */
.tbtxt {
text-align: left;
}
/* トラックバックURL表示フォーム */
.tburl {
border-width: 1px 2px 2px 1px;
border-style: solid;
border-color: #414141;
padding-top: 15px;
padding-bottom: 10px;
padding-left: 9px;
margin-bottom: 5px;
background-color: #f6f6f6;
font-size: small;
width: 400px;
}
.tbform input{
width: 350px;
}
.tbbtn {
margin-right: auto;
margin-left: auto;
}
/* トラックバック解説文 */
.tbhelp {
border-width: 1px 2px 2px 1px;
border-style: solid;
border-color: #414141;
margin-bottom: 5px;
padding: 5px;
background-color: #fffaee;
font-size: x-small;
width: 400px;
}
/* トラックバック記事タイトル */
.tbtitle {
float: left;
margin: 3px;
color: #4c4c4c;
}
/* トラックバック記事日時 */
.tbinfo {
float: right;
margin: 3px;
color: #4c4c4c;
}
/* トラックバック記事本文 */
.tbbody {
clear: left;
margin: 5px;
padding: 5px 10px 5px 10px;
color: #4c4c4c;
}
/* トラックバック元サイト名 */
.tbfrom {
text-align: right;
margin: 3px;
color: #4c4c4c;
}
/* トラックバック記事一つ分 */
.tbone {
border-width: 0px 0px 2px 0px;
border-style: dotted;
border-color: #414141;
margin: 7px;
}
/* リンクバナー */
.linkbanner {
margin: 8px;
}
/* 下部のログインボタンレイアウト全体 */
#tcloginlay {
width: 780px;
margin-left: 12px;
padding: 0px;
}
/* 下部のログインボタンフォーム */
.loginfrm {
float: left;
padding-top: 12px;
}
/* パスワード保護時のブログタイトルテキスト */
.protecttitle {
color: #fff;
border-style: solid;
border-width: 0px 1px 1px 1px;
border-color: #dbdbdb;
background-color: #dbdbdb;
}
/* パスワード保護時のブログ説明文 */
.protectbody {
font-size: 9pt;
padding: 12px;
width: 460px;
color: #4c4c4c;
background-color: #fff;
}
/* サイドメニュー「プロフィール」パーツ全体 */
.sideprof {
text-align: center;
margin: auto;
width: 120px;
}