/**************************************************************************************
全ブロックの共通設定
**************************************************************************************/
/*BODY全体に関する設定*/
body {
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-arrow-color: #ffffff;
scrollbar-track-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
margin: 0px 0px 0px 10px;
overflow: auto;
overflow-x:hidden;
color:#5f5f5f;
font-size:80%;
font-family: Verdana,"MS Pゴシック",Osaka,sans-serif;
line-height:1.4;
background-color:white;
text-align: left;
margin-left:auto;
margin-right:auto;
}
/*
の全ての設定*/
td {
text-align:left;
}
/*table全ての設定*/
table{
border-collapse: collapse;
font-size:100%;
}
/*通常のリンクの設定*/
a{text-decoration:none;}
a:link{color:cornflowerblue;}
/*過去に見たことがあるページのリンクの設定*/
a:visited{color:cornflowerblue;}
/*カーソルが合っている状態のリンクの設定*/
a:active{color:dodgerblue;}
/*アクティブ状態のリンクの設定*/
a:hover{color:cyan;}
}
/*全体の設定*/
#mainBlock {
width:750px;
text-align: center;
margin-left:auto;
margin-right:auto;
background-color:white;
}
/*テキスト左寄せ*/
.left {
text-align:left;
}
/*テキスト中央寄せ*/
.center {
text-align:center;
}
/*テキスト右寄せ*/
.right {
text-align:right;
}
/*検索ボタンのデザイン*/
.btn{color:#5f5f5f;background-color:white;
border: #5f5f5f 1px solid;width:100px;margin-left:5px;margin-right:5px;
}
/*検索フォームのデザイン*/
.box{color:#5f5f5f;background-color:white;
border: #5f5f5f 1px solid;width:140px;margin-left:5px;margin-right:5px;
}
/*反転用*/
.hanten{color:white;}
/*横長カレンダー用*/
.car{text-align:center;font-size:80%;color:#6f6f6f;font-weight:bold;
background-color:paleturquoise;
margin-bottom:5px;margin-left:5px;width:750px;
}
/*追記クリック後に出る+マークの設定*/
.ps{
text-align:center;
color:cornflowerblue;
margin-top:30px;
margin-bottom:30px;
}
/**************************************************************************************
トップブロック用デザイン
**************************************************************************************/
/*一番上のブロック(タイトルが書かれる場所)の設定*/
#TopBlock {
width:750px;
height: 50px;
text-align: left;
background-color:white;
padding:0px 10px 10px 10px;
}
/*ページタイトル文字部分の設定*/
#TopTitle {
padding: 15px 0px 0px 20px;
}
/*ページタイトル文字色の設定*/
.TopTitleFont {
font-size:14px;
font-weight:bold;
}
/*ページタイトルの下に来るブログの説明文書*/
#TopExplanation {
padding: 10px 0px 0px 20px;
font-size:10px;
}
/**************************************************************************************
フッターブロック用デザイン
**************************************************************************************/
/*一番下のブロック(著作権表示が書かれる場所)の設定*/
#FooterBlock {
font-size:10px;
clear:both;
width:750px;
height: 60px;
text-align: center;
border-top:1px #5f5f5f dotted;
padding:2px;
margin:10px 10px 0px 10px;
color:cornflowerblue;
background-color:white;
}
/*フッター用のリンクの設定*/
#FooterBlock a{text-decoration:none;}
#FooterBlock a:link {color:gray;}
/*過去に見たことがあるページのリンクの設定*/
#FooterBlock a:visited{color:steelblue;}
/*カーソルが合っている状態のリンクの設定*/
#FooterBlock a:hover {color:cyan;}
/*アクティブ状態のリンクの設定*/
#FooterBlock a:active {color:yellow;}
/**************************************************************************************
プラグインブロック用デザイン
**************************************************************************************/
/*プラグイン表示箇所全体の設定*/
.PluginBlock {
width: 220px;
height:450px;
overflow:auto;
text-align: left;
float: left;
font-size:80%;
line-height:1.2;
margin:0px 0px 10px 2px;
background-color:white;
scrollbar-face-color: white;
scrollbar-highlight-color: white;
scrollbar-shadow-color: white;
scrollbar-track-color: paleturquoise;
scrollbar-3dlight-color: paleturquoise;
scrollbar-arrow-color: paleturquoise;
scrollbar-darkshadow-color: paleturquoise}
/*プラグイン表示箇所の背景や余白設定*/
.PluginInnerBlock {
padding:5px;
}
/*プラグインのタイトル(名称)部分の設定*/
.PluginTitle {
border-bottom:1px #606060 solid;
}
/*プラグインの説明部分の設定*/
.PluginExplanation {
padding: 5px 10px 5px 10px ;
}
/*プラグインが表示される場所の設定*/
.PluginContents {
padding: 5px;
}
/**************************************************************************************
記事ブロック用デザイン
**************************************************************************************/
/*記事繰り返し処理全ての部分の設定*/
#EntryBlock {
width: 515px;
height:450px;
overflow:auto;
float: left;
text-align: left;
margin:0px 0px 10px 5px;
background-color:white;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-3dlight-color: paleturquoise;
scrollbar-arrow-color: paleturquoise;
scrollbar-track-color: paleturquoise;
scrollbar-darkshadow-color: paleturquoise;
}
/*記事表示部分の背景や余白等の設定*/
.EntryInnerBlock {
padding: 0px 10px 10px 10px;
text-align: left;
background-color:white;
}
/*各記事タイトル部分の設定*/
.EntryTitle {
height:30px;
text-align: left;
padding-top:5px;
margin-top:10px;
border-top:3px cornflowerblue dotted;
border-bottom:3px cornflowerblue dotted;
}
/*各記事タイトル部分の文字色設定*/
.EntryTitleFont {margin:5px;}
/*各記事やコメント、トラックバックなどの総合のブロック部分*/
.EntryTextBox {
margin: 5px 0px;
}
/*記事本文が記載される部分*/
.EntryText {
padding: 10px;
}
/*追記文書が記載される部分*/
.EntryPsText {
text-align: right;
padding: 15px;
border-top:1px dashed cornflowerblue;
border-bottom:1px dashed cornflowerblue;
margin:10px 5px 10px 100px;
}
/*追記用のリンクの設定*/
.EntryPsText a{text-decoration:underline;}
.EntryPsText a:link {color:darkseagreen;}
/*過去に見たことがあるページのリンクの設定*/
.EntryPsText a:visited{color:green;}
/*カーソルが合っている状態のリンクの設定*/
.EntryPsText a:hover {color:yellowgreen;}
/*アクティブ状態のリンクの設定*/
.EntryPsText a:active {color:yellow;}
/*記事へのリンク(コメントやトラックバック等)の背景*/
.EntryFooter {
text-align:right;
padding:5px;
}
/*記事の投稿者名が記載されている部分*/
.EntryUserName {
font-size:80%;
}
/*記事を投稿した日が記載されている部分*/
.EntryWriteDate {
margin-left: 5px;
font-size:80%;
}
/*記事のカテゴリ名が記載されている部分*/
.EntryCategory {
margin-left: 5px;
font-size:80%;
}
/*記事へのコメントリンクが記載されている部分*/
.EntryComment {
margin-left: 5px;
font-size:80%;
}
/*記事へのトラックバックリンクが記載されている部分*/
.EntryTrackback {
margin-left: 5px;
font-size:80%;
}
/*次の記事やHOMEへのリンクが表示される背景部分*/
.PageLinkBlock{
text-align:center;
width:470px;
padding:10px;
color:orange;
background-color:white;
}
/*TOPの次の記事やHOMEへのリンクが表示される背景部分*/
.PageLinkBlock2{
text-align:right;
padding:10px;
font-size:9px;
background-color:white;
width:750px;
}
/**************************************************************************************
各コメント表示部分の設定
**************************************************************************************/
/*コメント全体の設定*/
.CommentBlock{
padding:10px;
}
/*この記事にコメントする と書かれてる部分の設定*/
.CommentMenuTitle{
background-color:paleturquoise;
text-align: left;
padding-left:7px;
}
/*コメントのタイトル、コメント、コメント情報の全ての背景部分*/
.CommentTextBox{
margin: 50px 5px 0px 0px;
}
/*コメントのタイトル部分*/
.CommentTitle{
text-align: left;
background-color:paleturquoise;
padding:2px 0px 2px 6px;
}
/*コメントのタイトル部分(編集時)*/
.CommentTitle2{
width:500px;
text-align: center;
background-color:paleturquoise;
font-size:90%;
padding:2px 0px 2px 0px;
}
/*コメント部分*/
.CommentText{
padding: 10px;
}
/*投稿者や投稿時間などが表示されている部分*/
.CommentFooter{
text-align:right;
padding:2px 5px 2px 0px;
}
/*投稿者名の部分*/
.CommentUserName{
margin-left: 5px;
}
/*投稿者のホームページへのリンク部分*/
.CommentURL{
margin-left: 5px;
}
/*投稿された時間が記載されている部分*/
.CommentWriteDate{
margin-left: 5px;
}
/*コメント編集へのリンク部分*/
.CommentEdit{
margin-left: 5px;
}
/*コメントを投稿するフォーム全体の設定*/
.CommentFormBlock{
margin-bottom:20px;
}
/*コメントフォーム用テーブル*/
.CommentFormTable{
font-size:85%;
}
/*コメントフォームTHタグ設定*/
.CommentFormTh{
padding-top:5px;
text-align:right;
}
/*コメントフォームTDタグ設定*/
.CommentFormTd{
padding-top:5px;
text-align:left;
}
/*コメントフォーム送信ボタンのTDタグ設定*/
.CommentFormSubmit{
text-align:center;
}
/*inputタグやtextareaの設定*/
.CommentForms{
color:#5f5f5f;background-color:white;
border: cornflowerblue 1px solid;
font-size:12px;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-3dlight-color: paleturquoise;
scrollbar-arrow-color: paleturquoise;
scrollbar-track-color: paleturquoise;
scrollbar-darkshadow-color: paleturquoise;
}
/*非公開用ボタン*/
.secret{color:steelblue;}
/*コメントフォームの送信・リセットボタン設定*/
.combtn{color:#606060;background-color:white;
border: gray 1px solid;width:25px;}
/*コメントフォームの送信・リセットボタン設定(コメント編集時)*/
.combtn{color:#606060;background-color:white;
border: gray 1px solid;width:50px;margin-top:5px;}
/**************************************************************************************
トラックバック表示部分の設定
**************************************************************************************/
/*トラックバック全体の設定*/
.TrackbackBlock{
padding:10px;
}
/*トラックバックメニューのタイトル部分*/
.TrackbackMenuTitle{
background-color:paleturquoise;
text-align: left;
padding-left:7px;
}
/*トラックバックのタイトル、記事、リンク部分の総合設定*/
.TrackbackTextBox{
margin: 5px 0px;
}
/*トラックバックタイトルの部分*/
.TrackbackTitle{
text-align: left;
}
/*トラックバックの記事部分*/
.TrackbackText{
padding: 10px;
line-height:140%;
}
/*投稿されたブログ名やリンクなどを表示する部分の設定*/
.TrackbackFooter{
text-align:right;
padding:5px;
}
/*トラックバック元のブログ名部分*/
.TrackbackUserName{
margin-left: 5px;
}
/*トラックバック元へのリンク部分*/
.TrackbackFromURL{
margin-left: 5px;
}
/*トラックバックされた日付部分*/
.TrackbackWriteDate{
margin-left: 5px;
}
/*この記事のトラックバック と書かれた部分の設定*/
.TrackbackURLTitle{
padding-left:10px;
margin-top:2px;
text-align: left;
font-size: 12px;
}
/*トラックバックする為のURLが記載されているフォーム部分の設定*/
.TrackbackURL{font-size:11px;
}
/**************************************************************************************
各プラグイン共通項目用設定
**************************************************************************************/
/*各プラグイン処理内の基本デザイン*/
.Plugin_data {
text-align:left;
padding:5px;
}
/*各プラグイン処理内基本デザインの下に記載する日付など*/
.Plugin_data_date {
text-align:right;
}
/**************************************************************************************
カレンダープラグイン用デザイン
**************************************************************************************/
/*カレンダー日付移動用テーブル(前月、次月へのリンクなど)*/
.CalendarMoveTable {
padding:3px;
width:80%;
text-align:center;
}
/*カレンダー日付移動用テーブル、 | タグ部分のデザイン*/
.CalendarMoveTr {text-align:center;
}
/*カレンダー日付移動用テーブル内、左側td部分のデザイン*/
.CalendarPrevTd {text-align:center;
}
/*カレンダー日付移動用テーブル内、中央td部分のデザイン*/
.CalendarNowTd {text-align:center;
}
/*カレンダー日付移動用テーブル内、右側td部分のデザイン*/
.CalendarNextTd {text-align:center;
}
/*カレンダー表示用テーブル*/
.CalendarTable {text-align:center;
width:80%;
padding:3px;
}
/*-------------------------------------------------------
カレンダーテーブル -> 曜日表示部分デザイン
-------------------------------------------------------*/
/*曜日表示部分(
タグ部分)のデザイン*/
.CalendarWdayTr {
}
/*曜日表示部分、日曜日のタグ部分デザイン*/
.CalendarWdaySun {
}
/*曜日表示部分、平日の | タグ部分デザイン*/
.CalendarWday {
}
/*曜日表示部分、土曜日の | タグ部分デザイン*/
.CalendarWdaySat {
}
/*-------------------------------------------------------
カレンダーテーブル -> 日付表示部分デザイン
-------------------------------------------------------*/
/*日付表示部分( |
タグ部分)のデザイン*/
.CalendarTr {text-align:center;
}
/*日付表示部分、日曜日のタグ部分デザイン*/
.CalendarTdSun {text-align:center;
}
/*日付表示部分、土曜日の | タグ部分デザイン*/
.CalendarTdSat {text-align:center;
}
/*日付表示部分、平日曜日の | タグ部分デザイン*/
.CalendarTd {text-align:center;
}
/*記事が存在する場所の設定*/
.CalendarTdLink {text-align:center;background-color:paleturquoise;
}
/*記事が存在する日付の文字色の設定*/
.CalendarTdLinkFont {text-align:center;
}
/*-------------------------------------------------------
コメント -> 管理者返信部分デザイン
-------------------------------------------------------*/
.CommentResBlock {
padding:10px 20px 10px 50px;
}
.CommentResBox {
border:solid 1px #909090;
padding:10px 10px 2px 10px;
}
.CommentResTitle {
border-bottom:1px solid #909090;
margin:0px 10px 0px 10px;
}
.CommentResText {
padding:10px 10px 0px 10px;
}
.CommentResFooter {
text-align:right;
margin:10px 3px 0px 3px;
} |