/**************************************************************
reset
**************************************************************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,
em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,
b,u,i,center,dl,dt,dd,ol,ul,li,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
font-weight:normal;
background: transparent;
line-height: 1;
text-align:left;
}
fieldset, img {
margin: 0;
padding: 0;
border: 0;
outline: 0;
overflow:hidden;
line-height: 1;
}
ol,ul { list-style: none; }
blockquote,q { quotes: none; }
blockquote:before,blockquote:after,
q:before,q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus { outline: 0;}
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
/**************************************************************
common
**************************************************************/
body {
font-size:15px;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック',sans-serif;
color:#333333;
}
input, textarea{
padding:2px;
border:1px solid #cccccc;
background:#ffffff;
color:#333333;
}
a:link,a:visited{
outline:0;
text-decoration:underline;
color:#666666;
}
a:hover,a:active {
outline:0;
color:#999999;
text-decoration:none;
}
strong,b {
font-weight:bold;
}
#MainBlock {
margin:0 auto;
width:960px;
}
.clear {
height:0;
line-height:0;
clear:both;
}
.left {
text-align:left;
}
.center {
text-align:center;
}
.right {
text-align:right;
}
/**************************************************************************************
トップブロック用デザイン
**************************************************************************************/
/*一番上のブロック(タイトルが書かれる場所)の設定*/
#TopBlock {
}
/*ページタイトル文字部分の設定*/
#TopTitle {}
#TopText {
padding:1em 0 0;
font-size:170%;
font-weight:bold;
line-height:1.5;
}
#TopText a:link, #TopText a:visited {
font-weight:bold;
text-decoration:none;
color:#333333;
}
#TopText a:hover {
font-weight:bold;
}
/*ページタイトルの下に来るブログの説明文書*/
#TopExplanation {
padding:0.5em 0;
line-height:1.4;
}
/**************************************************************************************
フッターブロック用デザイン
**************************************************************************************/
/*一番下のブロック(著作権表示が書かれる場所)の設定*/
#FooterBlock {
border-top:1px solid #999;
padding:1em 0 3em;
}
#FooterBlock ul {
text-align:center;
}
#FooterBlock li {
display:inline;
padding:0 0.2em;
}
/**************************************************************************************
プラグインブロック用デザイン
**************************************************************************************/
/*プラグイン表示箇所全体の設定*/
.PluginBlock {
padding:15px 0 2em;
width:300px;
float:right;
}
/*プラグイン表示箇所の背景や余白設定*/
.PluginInnerBlock {
padding:1em 0;
}
/*プラグインのタイトル(名称)部分の設定*/
.PluginTitle {
font-weight:bold;
border-bottom:1px solid #999999;
line-height:1.4;
}
/*プラグインの説明部分の設定*/
.PluginExplanation {
line-height:1.4;
}
/*プラグインが表示される場所の設定*/
.PluginContents {
padding:0.5em 0;
line-height:1.4;
}
.PluginContents li {
line-height:1.4;
}
/**************************************************************************************
記事ブロック用デザイン
**************************************************************************************/
/*記事繰り返し処理全ての部分の設定*/
#EntryBlock {
padding:0 0 2em;
width:630px;
float:left;
}
/*記事表示部分の背景や余白等の設定*/
.EntryInnerBlock {
margin:1em 0 0;
}
/*各記事タイトル部分の設定*/
.EntryTitle {
padding:0.5em 0 0.2em;
font-size:140%;
line-height:1.4;
border-bottom:1px solid #999999;
}
.EntryTitle a:link, .EntryTitle a:visited {
font-weight:bold;
text-decoration:none;
color:#333333;
}
.EntryTitle a:hover {
color:#999999;
}
/*各記事タイトル部分の文字色設定*/
.EntryTitleFont {}
/*各記事やコメント、トラックバックなどの総合のブロック部分*/
.EntryTextBox {}
/*記事本文が記載される部分*/
.EntryText {
padding:1em 0;
line-height:1.4;
}
.EntryText * {
line-height:1.4;
}
.EntryText img {
padding:0 1em 0.5em;
}
.EntryText ul {
margin:0.5em 0;
list-style:disc inside;
}
.EntryText ol {
margin:0.5em 0;
list-style:decimal inside;
}
.EntryText td,
.EntryText th {
padding:0.5em;
border:1px solid #999999;
}
.EntryText blockquote,
.EntryText quote {
margin:1em 0 1em 3em;
}
/*「つづきを読む」が記載される部分*/
.EntryPsText {
padding:1em 0;
}
.EntryPsText a {
padding-left:13px;
background:url(http://bfile.shinobi.jp/img//ico-arrow1.gif) no-repeat 0 50%;
}
/*拍手ボタンの設定*/
.NinjaClap {
padding:1em 0 0;
}
.NinjaClap a img {
margin:0 0.5em;
vertical-align:middle;
}
/*記事へのリンク(コメントやトラックバック等)の背景*/
.EntryFooter {
padding:0.3em 0 1em;
text-align:right;
border-top:1px solid #999999;
}
.EntryFooter ul {}
.EntryFooter li {
padding:0 0 0 1em;
display:inline-block;
float:right;
}
.EntryFooter li a:link, .EnryFooter li a:visited {
display:inline-block;
padding:0 0 0 13px;
background:url(http://bfile.shinobi.jp/img/ico-arrow1.gif) no-repeat 0 50%;
text-decoration:none;
}
.EntryFooter li a:hover {
text-decoration:underline;
}
/*記事の投稿者名が記載されている部分*/
.EntryUserName {}
/*記事を投稿した日が記載されている部分*/
.EntryWriteDate {}
/*記事のカテゴリ名が記載されている部分*/
.EntryCategory {}
/*記事へのコメントリンクが記載されている部分*/
.EntryComment {}
/*次の記事やHOMEへのリンクが表示される背景部分*/
.PageLinkBlock {
margin:0 auto;
display:block;
padding:2em 0;
}
.PageLinkBlock ul {
text-align:center;
}
.PageLinkBlock li{
padding:0 0.3em;
display:inline;
}
.PageLinkBlock li a.prev {
padding-right:13px;
background:url(http://bfile.shinobi.jp/img/ico-arrow2.gif) no-repeat 100% 50%;
}
.PageLinkBlock li a.next {
padding-left:13px;
background:url(http://bfile.shinobi.jp/img/ico-arrow1.gif) no-repeat 0 50%;
}
.PageLink10 {
padding:2em 0 0;
text-indent:center;
}
/**************************************************************************************
各コメント表示部分の設定
**************************************************************************************/
/*コメント全体の設定*/
.CommentBlock{
padding:1em 0 0;
}
/*この記事にコメントする と書かれてる部分の設定*/
.CommentMenuTitle{
padding:0.5em 0 0.2em;
font-size:115%;
font-weight:bold;
line-height:1.4;
border-bottom:1px solid #999999;
}
/*コメントを投稿するフォーム全体の設定*/
.CommentFormBlock{
padding:1em 0 0;
}
/*コメントフォーム項目名設定*/
.CommentFormBlock table {
margin:0 auto;
}
.CommentFormTh{
padding:0 0.5em 0.5em 0;
white-space:nowrap;
text-align:right;
vertical-align:middle;
}
/*コメントフォーム入力欄設定*/
.CommentFormTd{
padding:0 0 0.5em 0;
}
/*inputタグやtextareaの設定*/
.CommentForms{
width:480px;
}
textarea.CommentForms{
resize:none;
font-size:15px;
}
.CommentFormBlock select{
border:1px solid #cccccc;
}
.CommentForms_pass{
width:150px;
vertical-align:middle;
}
.CommentFormTd.emoji img {
padding-left:0.5em;
vertical-align:middle;
}
/*コメントフォーム送信ボタンの設定*/
.CommentFormSubmit{
clear:both;
padding:1em 0;
text-align:center;
}
.CommentFormSubmit input {
padding:0.5em 1em;
background:#efefef;
cursor:pointer;
}
.CommentFormSubmit input:hover {
background:#f9f9f9;
color:#999999;
}
/*コメントのタイトル、コメント、コメント情報の全ての背景部分*/
.CommentTextBox{
padding:1em 0 0;
}
/*コメントのタイトル部分*/
.CommentTitle{
padding:0.5em 0 0.2em;
font-size:110%;
font-weight:bold;
line-height:1.4;
border-bottom:1px solid #999999;
}
/*コメント部分*/
.CommentText {
padding:1em 0;
line-height:1.4;
}
.CommentText * {
line-height:1.4;
}
/*投稿者や投稿時間などが表示されている部分*/
.CommentFooter{
padding:0.3em 0 1em;
text-align:right;
border-top:1px solid #999999;
}
.CommentFooter li{
padding:0 0 0 1em;
display:inline-block;
float:right;
}
.CommentFooter li a:link, .EntryFooter li a:visited {
display:inline-block;
padding:0 0 0 13px;
background:url(http://bfile.shinobi.jp/img/ico-arrow1.gif) no-repeat 0 50%;
text-decoration:none;
}
.CommentFooter li a:hover {
text-decoration:underline;
}
/*投稿者名の部分*/
.CommentUserName{}
/*投稿者のホームページへのリンク部分*/
.CommentURL{}
/*投稿された時間が記載されている部分*/
.CommentWriteDate{
margin-left:1em;
padding:0 0 0 13px;
background:url(http://bfile.shinobi.jp/img/ico-arrow1.gif) no-repeat 0 50%;
text-decoration:none;
color:#666666;
}
/*コメント編集へのリンク部分*/
.CommentEdit{}
/*-------------------------------------------------------
コメント -> コメント編集部分デザイン
-------------------------------------------------------*/
.CommentBlock.edit {
margin:2em auto;
padding:2em;
border:1px solid #cccccc;
width:630px;
}
/*-------------------------------------------------------
コメント -> 管理者返信部分デザイン
-------------------------------------------------------*/
/* 管理者返信部分全体の設定 */
.CommentResBlock {
padding-left:4em;
}
/* 管理者返信部分内側の設定 */
.CommentResBox {
padding:1em 0 0;
}
/* 管理者返信のタイトル */
.CommentResTitle {
padding:0.5em 0 0.2em;
font-size:110%;
font-weight:bold;
line-height:1.4;
border-bottom:1px solid #999999;
}
/* 管理者返信の本文 */
.CommentResText {
padding:1em 0;
line-height:1.4;
}
/* 管理者返信のフッター */
.CommentResFooter {
padding:0.3em 0 1em;
text-align:right;
border-top:1px solid #999999;
}
.CommentResFooter ul {}
.CommentResFooter li {
margin-left:1em;
padding:0 0 0 13px;
display:inline-block;
float:right;
background:url(http://bfile.shinobi.jp/img/ico-arrow1.gif) no-repeat 0 50%;
text-decoration:none;
color:#666666;
}
/**************************************************************************************
各プラグイン共通項目用設定
**************************************************************************************/
/*各プラグイン処理内の基本デザイン*/
.plugin_data * {
padding:0 0 0.2em;
line-height:1.4;
}
/*各プラグイン処理内基本デザインの下に記載する日付など*/
.plugin_data_date {
text-align:right;
}
/**************************************************************************************
カレンダープラグイン用デザイン
**************************************************************************************/
/*カレンダー日付移動用テーブル(前月、次月へのリンクなど)*/
.CalendarMoveTable {
margin:0 auto;
width:80%;
border-top:1px solid #999;
border-right:1px solid #999;
border-left:1px solid #999;
}
.CalendarMoveTable td {
height:23px;
text-align:center;
vertical-align:middle;
}
.CalendarMoveTable td a:link,
.CalendarMoveTable td a:visited,
.CalendarMoveTable td a:hover {
text-decoration:none;
}
/*カレンダー日付移動用テーブル、
タグ部分のデザイン*/
.CalendarMoveTr {}
/*カレンダー日付移動用テーブル内、左側td部分のデザイン*/
.CalendarPrevTd a {
padding-left:1em;
background:url(http://bfile.shinobi.jp/img/ico-arrow2.gif) no-repeat 0 50%;
}
/*カレンダー日付移動用テーブル内、中央td部分のデザイン*/
.CalendarNowTd {}
/*カレンダー日付移動用テーブル内、右側td部分のデザイン*/
.CalendarNextTd a {
padding-right:1em;
background:url(http://bfile.shinobi.jp/img/ico-arrow1.gif) no-repeat right 50%;
}
/*カレンダー表示用テーブル*/
.CalendarTable {
margin:0 auto;
width:80%;
}
.CalendarTable th, .CalendarTable td {
height:23px;
border:1px solid #999;
text-align:center;
vertical-align:middle;
}
/*-------------------------------------------------------
カレンダーテーブル -> 曜日表示部分デザイン
-------------------------------------------------------*/
/*曜日表示部分(
タグ部分)のデザイン*/
.CalendarWdayTr {}
/*曜日表示部分、日曜日のタグ部分デザイン*/
.CalendarWdaySun {
text-align:center;
color:#dd3333;
background:#ffeeee;
font-weight:bold;
}
/*曜日表示部分、土曜日の | タグ部分デザイン*/
.CalendarWdaySat {
text-align:center;
color:#3333dd;
background:#eeeeff;
font-weight:bold;
}
/*曜日表示部分、平日の | タグ部分デザイン*/
.CalendarWday {
text-align:center;
font-weight:bold;
color#666666;
background:#efefef;
}
/*-------------------------------------------------------
カレンダーテーブル -> 日付表示部分デザイン
-------------------------------------------------------*/
/*日付表示部分( |
タグ部分)のデザイン*/
.CalendarTr {}
/*日付表示部分、日曜日のタグ部分デザイン*/
.CalendarTdSun {
text-align:center;
}
/*日付表示部分、土曜日の | タグ部分デザイン*/
.CalendarTdSat {
text-align:center;
}
/*日付表示部分、平日曜日の | タグ部分デザイン*/
.CalendarTd {
text-align:center;
color#666666;
}
/*記事が存在する場所の設定*/
.CalendarTdLink {}
.CalendarTdLink a {
padding:4px 0;
display:block;
height:15px;
text-align:center;
}
.CalendarTdLink a:hover {
}
/*記事が存在する日付の文字色の設定*/
.CalendarTdLinkFont {
font-weight:bold;
}
/**************************************************************************************
ブログ内検索用デザイン
**************************************************************************************/
.blogsearch .box {
width:200px;
padding:3px;
}
.blogsearch .btn {
background:#efefef;
cursor:pointer;
}
.blogsearch .btn:hover {
background:#f9f9f9;
color:#999999;
}
/**************************************************************************************
バーコード用デザイン
**************************************************************************************/
.qrcode_image {
text-align:center;
}
/**************************************************************************************
SyntaxHighlighterデザイン
**************************************************************************************/
.syntaxhighlighter a,
.syntaxhighlighter div,
.syntaxhighlighter code,
.syntaxhighlighter table,
.syntaxhighlighter table td,
.syntaxhighlighter table tr,
.syntaxhighlighter table tbody,
.syntaxhighlighter table thead,
.syntaxhighlighter table caption,
.syntaxhighlighter textarea {
-moz-border-radius: 0 0 0 0 !important;
-webkit-border-radius: 0 0 0 0 !important;
background: none !important;
border: 0 !important;
bottom: auto !important;
float: none !important;
height: auto !important;
left: auto !important;
line-height: 1.1em !important;
margin: 0 !important;
outline: 0 !important;
overflow: visible !important;
padding: 0 !important;
position: static !important;
right: auto !important;
text-align: left !important;
top: auto !important;
vertical-align: baseline !important;
width: auto !important;
box-sizing: content-box !important;
font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;
font-weight: normal !important;
font-style: normal !important;
font-size: 1em !important;
min-height: inherit !important;
min-height: auto !important;
}
.syntaxhighlighter {
width: 100% !important;
margin: 1em 0 1em 0 !important;
position: relative !important;
overflow: auto !important;
font-size: 1em !important;
}
.syntaxhighlighter.source {
overflow: hidden !important;
}
.syntaxhighlighter .bold {
font-weight: bold !important;
}
.syntaxhighlighter .italic {
font-style: italic !important;
}
.syntaxhighlighter .line {
white-space: pre !important;
}
.syntaxhighlighter table {
width: 100% !important;
}
.syntaxhighlighter table caption {
text-align: left !important;
padding: .5em 0 0.5em 1em !important;
}
.syntaxhighlighter table td.code {
width: 100% !important;
}
.syntaxhighlighter table td.code .container {
position: relative !important;
}
.syntaxhighlighter table td.code .container textarea {
box-sizing: border-box !important;
position: absolute !important;
left: 0 !important;
top: 0 !important;
width: 100% !important;
height: 100% !important;
border: none !important;
background: white !important;
padding-left: 1em !important;
overflow: hidden !important;
white-space: pre !important;
}
.syntaxhighlighter table td.gutter .line {
text-align: right !important;
padding: 0 0.5em 0 1em !important;
}
.syntaxhighlighter table td.code .line {
padding: 0 1em !important;
}
.syntaxhighlighter.nogutter td.code .container textarea, .syntaxhighlighter.nogutter td.code .line {
padding-left: 0em !important;
}
.syntaxhighlighter.show {
display: block !important;
}
.syntaxhighlighter.collapsed table {
display: none !important;
}
.syntaxhighlighter.collapsed .toolbar {
padding: 0.1em 0.8em 0em 0.8em !important;
font-size: 1em !important;
position: static !important;
width: auto !important;
height: auto !important;
}
.syntaxhighlighter.collapsed .toolbar span {
display: inline !important;
margin-right: 1em !important;
}
.syntaxhighlighter.collapsed .toolbar span a {
padding: 0 !important;
display: none !important;
}
.syntaxhighlighter.collapsed .toolbar span a.expandSource {
display: inline !important;
}
.syntaxhighlighter .toolbar {
position: absolute !important;
right: 1px !important;
top: 1px !important;
width: 11px !important;
height: 11px !important;
font-size: 10px !important;
z-index: 10 !important;
}
.syntaxhighlighter .toolbar span.title {
display: inline !important;
}
.syntaxhighlighter .toolbar a {
display: block !important;
text-align: center !important;
text-decoration: none !important;
padding-top: 1px !important;
}
.syntaxhighlighter .toolbar a.expandSource {
display: none !important;
}
.syntaxhighlighter.ie {
font-size: .9em !important;
padding: 1px 0 1px 0 !important;
}
.syntaxhighlighter.ie .toolbar {
line-height: 8px !important;
}
.syntaxhighlighter.ie .toolbar a {
padding-top: 0px !important;
}
.syntaxhighlighter.printing .line.alt1 .content,
.syntaxhighlighter.printing .line.alt2 .content,
.syntaxhighlighter.printing .line.highlighted .number,
.syntaxhighlighter.printing .line.highlighted.alt1 .content,
.syntaxhighlighter.printing .line.highlighted.alt2 .content {
background: none !important;
}
.syntaxhighlighter.printing .line .number {
color: #bbbbbb !important;
}
.syntaxhighlighter.printing .line .content {
color: black !important;
}
.syntaxhighlighter.printing .toolbar {
display: none !important;
}
.syntaxhighlighter.printing a {
text-decoration: none !important;
}
.syntaxhighlighter.printing .plain, .syntaxhighlighter.printing .plain a {
color: black !important;
}
.syntaxhighlighter.printing .comments, .syntaxhighlighter.printing .comments a {
color: #008200 !important;
}
.syntaxhighlighter.printing .string, .syntaxhighlighter.printing .string a {
color: blue !important;
}
.syntaxhighlighter.printing .keyword {
color: #006699 !important;
font-weight: bold !important;
}
.syntaxhighlighter.printing .preprocessor {
color: gray !important;
}
.syntaxhighlighter.printing .variable {
color: #aa7700 !important;
}
.syntaxhighlighter.printing .value {
color: #009900 !important;
}
.syntaxhighlighter.printing .functions {
color: #ff1493 !important;
}
.syntaxhighlighter.printing .constants {
color: #0066cc !important;
}
.syntaxhighlighter.printing .script {
font-weight: bold !important;
}
.syntaxhighlighter.printing .color1, .syntaxhighlighter.printing .color1 a {
color: gray !important;
}
.syntaxhighlighter.printing .color2, .syntaxhighlighter.printing .color2 a {
color: #ff1493 !important;
}
.syntaxhighlighter.printing .color3, .syntaxhighlighter.printing .color3 a {
color: red !important;
}
.syntaxhighlighter.printing .break, .syntaxhighlighter.printing .break a {
color: black !important;
}
/**
* SyntaxHighlighter
* http://alexgorbatchev.com/SyntaxHighlighter
*
* SyntaxHighlighter is donationware. If you are using it, please donate.
* http://alexgorbatchev.com/SyntaxHighlighter/donate.html
*
* @version
* 3.0.83 (July 02 2010)
*
* @copyright
* Copyright (C) 2004-2010 Alex Gorbatchev.
*
* @license
* Dual licensed under the MIT and GPL licenses.
*/
.syntaxhighlighter {
background-color: white !important;
}
.syntaxhighlighter .line.alt1 {
background-color: white !important;
}
.syntaxhighlighter .line.alt2 {
background-color: white !important;
}
.syntaxhighlighter .line.highlighted.alt1, .syntaxhighlighter .line.highlighted.alt2 {
background-color: #e0e0e0 !important;
}
.syntaxhighlighter .line.highlighted.number {
color: black !important;
}
.syntaxhighlighter table caption {
color: black !important;
}
.syntaxhighlighter .gutter {
color: #afafaf !important;
}
.syntaxhighlighter .gutter .line {
border-right: 3px solid #6ce26c !important;
}
.syntaxhighlighter .gutter .line.highlighted {
background-color: #6ce26c !important;
color: white !important;
}
.syntaxhighlighter.printing .line .content {
border: none !important;
}
.syntaxhighlighter.collapsed {
overflow: visible !important;
}
.syntaxhighlighter.collapsed .toolbar {
color: blue !important;
background: white !important;
border: 1px solid #6ce26c !important;
}
.syntaxhighlighter.collapsed .toolbar a {
color: blue !important;
}
.syntaxhighlighter.collapsed .toolbar a:hover {
color: red !important;
}
.syntaxhighlighter .toolbar {
color: white !important;
background: #6ce26c !important;
border: none !important;
}
.syntaxhighlighter .toolbar a {
color: white !important;
}
.syntaxhighlighter .toolbar a:hover {
color: black !important;
}
.syntaxhighlighter .plain, .syntaxhighlighter .plain a {
color: black !important;
}
.syntaxhighlighter .comments, .syntaxhighlighter .comments a {
color: #008200 !important;
}
.syntaxhighlighter .string, .syntaxhighlighter .string a {
color: blue !important;
}
.syntaxhighlighter .keyword {
color: #006699 !important;
}
.syntaxhighlighter .preprocessor {
color: gray !important;
}
.syntaxhighlighter .variable {
color: #aa7700 !important;
}
.syntaxhighlighter .value {
color: #009900 !important;
}
.syntaxhighlighter .functions {
color: #ff1493 !important;
}
.syntaxhighlighter .constants {
color: #0066cc !important;
}
.syntaxhighlighter .script {
font-weight: bold !important;
color: #006699 !important;
background-color: none !important;
}
.syntaxhighlighter .color1, .syntaxhighlighter .color1 a {
color: gray !important;
}
.syntaxhighlighter .color2, .syntaxhighlighter .color2 a {
color: #ff1493 !important;
}
.syntaxhighlighter .color3, .syntaxhighlighter .color3 a {
color: red !important;
}
.syntaxhighlighter .keyword {
font-weight: bold !important;
}
|