表示されている記事

スポンサーサイト

一定期間更新がないため広告を表示しています


テンプレートを変えてみました

テンプレートを変えてみました:http://jugemtemplate.jugem.jp/?tid=10

変更した箇所のバックアップ用として記事の続きに…

<!doctype html>
<html lang="ja">
<head>
<meta charset="{site_encoding}">

<!-- disable iPhone inital scale -->
<meta name="viewport" content="width=device-width; initial-scale=1.0">

<title>{site_title}</title>

<!-- favicon -->
<link rel="shortcut icon" href="http://image.jugemkey.jp/user/jugemtemplate/16" />

<!-- Bootstrap core CSS -->
<!-- link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" -->
   
<!-- font awesome CSS -->
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css">

<!-- main css -->
<link rel="stylesheet" href="{site_css}" type="text/css" />

<!-- feed -->
<link rel="alternate" type="application/rss+xml" title="RSS" href="{site_rss}" />
<link rel="alternate" type="application/atom+xml" href="{site_atom}" />

<!-- scroll.js -->
<script type="text/javascript" src="./template/more/js/scroll.js" /></script>
<!-- /scroll.js -->

<!-- jquery.min.js -->
<script src="http://code.jquery.com/jquery.js"></script>
<!-- /jquery.min.js -->

<!-- bootstrap -->
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<!-- /bootstrap -->

<!-- html5.js for IE less than 9 -->
<!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<!-- css3-mediaqueries.js for IE less than 9 -->
<!--[if lt IE 9]>
    <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->

<!-- OGP -->
<meta property="og:image" content="http://img-cdn.jg.jugem.jp/127/1958749/20120624_2396839.png" />
{og_image}

</head>

<body id="{eid}{page}{cid}{month}{day}{search}{pid}{index}">

<div id="pagewrap">

    <header id="header">

        <hgroup>
            <!-- BEGIN title -->
            <h1 id="site-logo">{blog_name}</h1>
            <h3 id="site-description">{blog_description}</h3>
            <!-- END title -->
        </hgroup>

        <nav>
            <ul id="main-nav" class="clearfix">
                <li><a href="./">Home</a></li>
                <li><a href="./?mode=rss">RSS1.0</a></li>
                <li><a href="./?mode=atom">Atom0.3</a></li>
            </ul>
            <!-- /#main-nav -->
        </nav>

        <form method="get" action="./" id="searchform">
            <input id="search" name="search" class="search" placeholder="Search" />
        </form>

    </header>
    <!-- /#header -->
   
    <div id="content">

        <!-- BEGIN entry -->
        <div class="post clearfix">

        <div class="entry">
            <header>
                <h2 class="post-title">{entry_title_link}</h2>
                <p class="post-meta">{entry_date}</p>
            </header>

            <article>

            <div class="entryBody">{entry_description}</div>
<div>
<script type="text/javascript">with(document){write(images[0].src);}</script>
</div>
            </article>
            <!-- /.post -->

            <!-- 続きを読むのカスタマイズ -->
            <div class="entrySequel">
            <!-- BEGIN entry_sequel_link -->
            <div class="readMore"><a href="./?eid={entry_sequel_id}">read more</a></div>
            <!-- END entry_sequel_link -->
            <!-- BEGIN entry_sequel_items --><div class="entrySequel">{entry_sequel_text}</div><!-- END entry_sequel_items -->
            </div>
            <!-- END 続きを読むのカスタマイズ -->

            <ul class="entrystate">
            <li>No.{entryarea_id}</li>
            <li>{category_name}</li>
            <li>{comment_num}</li>
            <li>{trackback_num}</li>
            <li class="eidDisplayNone"><a href="{entry_permalink}">permalink</a></li>
            <li class="indexDisplayNone"><a href="./manage/?mode=write&eid={entryarea_id}" title="この記事を編集する" target="_blank">edit</a></li>
            </ul>

        {trackback_auto_discovery}

        </div><!-- class="entry" -->


</div>

        <!-- END entry -->

        <!-- BEGIN related_entry -->
        <div id="relatedentry">
        <div class="relatedentryTitle">同じカテゴリーの記事</div>
        <ul>
        <!-- BEGIN related_entry_items -->
        <li><a href="./?eid={related_entry_item_id}">{related_entry_item_title}</a>&nbsp;{related_entry_item_date}</li>
        <!-- END related_entry_items -->
        </ul>
        </div>
        <!-- END related_entry -->

        <!-- BEGIN sequel -->
        <div id="entryNavi">
        <div class="entryNaviTitle">前後の記事</div>
        <ul>
        <li>前の記事:<a href="{prev_permalink}">{prev_title}</a></li>
        <li>次の記事:<a href="{next_permalink}">{next_title}</a></li>
        </ul>
        </div>
        <!-- END sequel -->

        <div id="socialButton">
        <div>
        {tweet_button_none}
        {facebook_button}
        {hatena_bookmark_standard}
        {google_plus_one_medium}
        </div>
        </div>

        <div id="zenbackBlock">
        <!-- X:S ZenBackWidget --><script type="text/javascript">document.write(unescape("%3Cscript")+" src='http://widget.zenback.jp/?base_uri=http%3A//jugemtemplate.jugem.jp/&nsid=92039282453149312%3A%3A105511156583509410&rand="+Math.ceil((new Date()*1)*Math.random())+"' type='text/javascript'"+unescape("%3E%3C/script%3E"));</script><!-- X:E ZenBackWidget -->
        </div>

        <!-- BEGIN comment_area -->
        <div id="commentArea">
        <div class="commentTitle">コメント</div>
        <!-- BEGIN comment -->
        <div class="commenBlock">
        <div class="commentName">{comment_id}:{comment_name_only}さんからのコメント</div>
        <div class="commentDescription">{comment_description}</div>
        <div class="commentTime">{comment_year}/{comment_month}/{comment_day}&nbsp;{comment_eng_week}&nbsp;{comment_hour_24}:{comment_minute}</div>
        </div>
        <!-- END comment -->
        <form name="comment_area" id="comment_area" action="./?mode=comment" method="post">
        <input type="hidden" name="entry_id" value="{entry_id}" class="input" />
        <label for="name">name:</label><br />
        <input type="text" tabindex="1" name="name" id="name" value="{cookie_name}" class="input" /><br />
        <label for="email">email:</label><br />
        <input type="text" tabindex="2" name="email" id="email" value="{cookie_email}" class="input" /><br />
        <label for="url">url:</label><br />
        <input type="text" tabindex="3" name="url" id="url" value="{cookie_url}" class="input" /><br />   
        <label for="description">comments:</label><br />
        <textarea tabindex="4" id="description" name="description" rows="5"></textarea><br />        
        <input tabindex="5" type="submit" value="コメント送信"  onclick="javascript:setval();" />
        </form>
        </div>
        <!-- END comment_area -->

        <!-- BEGIN trackback_area -->
        <div id="trackbackArea">
        <div class="trackbackTitle">トラックバックURL</div>
        <input type="text" value="{trackback_url}" />
        <!-- BEGIN trackback -->
        <div>{trackback_title}</div>
        <div>{trackback_blog_name}</div>
        <div>{trackback_excerpt}</div>
        <div>{trackback_year}/{trackback_month}/{trackback_day}&nbsp;{trackback_eng_week}&nbsp;{trackback_hour_24}:{trackback_minute}</div>
        <!-- END trackback -->
        </div>
        <!-- END trackback_area -->

        <!-- BEGIN profile_area -->
        <div id="profile">
        <div id="profileTitle">{profile_name}のプロフィール</div>
        <div id="profileBody">{profile_description}</div>
        </div>
        <!-- END profile_area -->

        <!-- BEGIN page -->
        <div id="pager">
        <div class="paGer">{full_pager_link}</div>
        </div>
        <!-- END page -->

    </div>
    <!-- /#content -->
   

    <aside id="sidebar">

        <!-- BEGIN calendar -->
        <section class="widget">
            <h4 class="widgettitle">Calendar</h4>
            <table border="0" cellpadding="0" cellspacing="1">
            <tr align="center">
            <td class="cell" style="color:#ff6600;">S</td>
            <td class="cell" style="color:#000000;">M</td>
            <td class="cell" style="color:#000000;">T</td>
            <td class="cell" style="color:#000000;">W</td>
            <td class="cell" style="color:#000000;">T</td>
            <td class="cell" style="color:#000000;">F</td>
            <td class="cell" style="color:#3b5b99;">S</td>
            </tr>
            </table>
            {calendar}
        </section>
        <!-- /.widget -->
        <!-- END calendar -->

        <!-- BEGIN category -->
        <section class="widget">
            <h4 class="widgettitle">Category</h4>
            <ul>
            <!-- BEGIN category_items -->
                <li><a href="./?cid={category_item_id}">{category_item_name}</a> ({category_item_num})</li>
            <!-- END category_items -->
            </ul>
        </section>
        <!-- /.widget -->
        <!-- END category -->

        <!-- BEGIN archives -->
        <section class="widget">
            <h4 class="widgettitle">Archives</h4>
            <ul>
            <!-- BEGIN archives_items -->
                <li><a href="./?moth={archives_item_id}">{archives_item_eng}</a> ({archives_item_num})</li>
            <!-- END archives_items -->
            </ul>
        </section>
        <!-- /.widget -->
        <!-- END archives -->

        <!-- BEGIN latest_entry -->
        <section class="widget">
            <h4 class="widgettitle">Latest Entries</h4>
            <ul>
            <!-- BEGIN latest_entry_items -->
                <li><a href="./?eid={latest_entry_item_id}">{latest_entry_item_title}</a> ({latest_entry_item_year}.{latest_entry_item_month}.{latest_entry_item_day})</li>
            <!-- END latest_entry_items -->
            </ul>
        </section>
        <!-- /.widget -->
        <!-- END latest_entry -->


        <section class="widget">
            <h4 class="widgettitle">Last year Entries</h4>
            <ul>
        <!-- BEGIN last_year_entry_list -->
            <li><a href="./?eid={last_year_entry_list_id}">{last_year_entry_list_title}</li>
        <!-- END last_year_entry_list -->
            </ul>
        </section>
        <!-- /.widget -->


        <!-- BEGIN recent_comment -->
        <section class="widget">
            <h4 class="widgettitle">Recent Comment</h4>
            <ul>
            <!-- BEGIN recent_comment_items -->
                <li><a href="./?eid={recent_comment_item_entry_id}">{recent_comment_item_title}</a><br />{recent_comment_item_name}</li>
            <!-- END recent_comment_items -->
            </ul>
        </section>
        <!-- /.widget -->
        <!-- END recent_comment -->

        <!-- BEGIN recent_trackback -->
        <section class="widget">
            <h4 class="widgettitle">Recent Trackback</h4>
            <ul>
            <!-- BEGIN recent_trackback_items -->
                <li><a href="./?eid={recent_trackback_item_entry_id}">{recent_trackback_item_title}</a><br />{recent_trackback_item_blog_name}<br />{recent_trackback_item_title}</li>
            <!-- END recent_trackback_items -->
            </ul>
        </section>
        <!-- /.widget -->
        <!-- END recent_trackback -->


        <section class="widget">
            <h4 class="widgettitle">Recommend</h4>
        <ul><!-- BEGIN amazon -->
            <li>{amazon_item}</li>
        <!-- END amazon --></ul>
        </section>
        <!-- /.widget -->


        <!-- BEGIN freespace1 -->
        <section class="widget">
            <h4 class="widgettitle">{freespace_title1}</h4>
            {freespace_contents1}
        </section>
        <!-- /.widget -->
        <!-- END freespace1 -->

        <!-- BEGIN freespace2 -->
        <section class="widget">
            <h4 class="widgettitle">{freespace_title2}</h4>
            {freespace_contents2}
        </section>
        <!-- /.widget -->
        <!-- END freespace2 -->

        <!-- BEGIN freespace3 -->
        <section class="widget">
            <h4 class="widgettitle">{freespace_title3}</h4>
            {freespace_contents3}
        </section>
        <!-- /.widget -->
        <!-- END freespace3 -->

        <!-- BEGIN freespace4 -->
        <section class="widget">
            <h4 class="widgettitle">{freespace_title4}</h4>
            {freespace_contents4}
        </section>
        <!-- /.widget -->
        <!-- END freespace4 -->

        <!-- BEGIN freespace5 -->
        <section class="widget">
            <h4 class="widgettitle">{freespace_title5}</h4>
            {freespace_contents5}
        </section>
        <!-- /.widget -->
        <!-- END freespace5 -->

       
        <section class="widget">
            <h4 class="widgettitle">Link</h4>

        <!-- BEGIN link -->

        <ul>
        <!-- BEGIN link_items -->
        <li><a href="{link_item_url}" target="_blank">{link_item_name}</a></li>
        <!-- END link_items -->
        </ul>

        <!-- END link -->
        </section>
       
        <section class="widget">
            <h4 class="widgettitle">Outline</h4>
            {user_list}
            <ul>
                <li><i class="icon-rss-sign"></i>&nbsp;<a href="./?mode=rss">RSS1.0</a></li>
                <li><i class="icon-rss-sign"></i>&nbsp;<a href="./?mode=atom">Atom0.3</a></li>
                <li>最初の記事:{first_entry_date}</li>
                <li>最近の記事:{last_entry_date}</li>
                <li>記事の総数:{all_entry_count}</li>
                <li><a title="管理者ページにログインする" href="./manage/">Login</a></li>
                <li><a title="管理者ページからログアウトする" href="./manage/?mode=logout">Logout</a></li>
            </ul>
        </section>
        <!-- /.widget -->

        <section class="widget clearfix">
            <h4 class="widgettitle">Sponsor</h4>
            {ad}
        </section>
        <!-- /.widget -->
                       
    </aside>
    <!-- /#sidebar -->

    <footer id="footer">
   
        <p>{copyright}</p>

    </footer>
    <!-- /#footer -->
   
</div>
<!-- /#pagewrap -->

<div id="scRoll">
<div class="top"><a href="javascript:scrollTop(0,0)" onclick="slowdownScroll();return false;" onkeypress="slowdownScroll();return false;" title="ページトップに移動">▲</a></div>
<div class="bottom"><a href="javascript:(function(){window.scrollTo(0,document.documentElement.scrollHeight);})();" title="ページボトムに移動">▼</a></div>
</div>

<!-------------------------- jQuery Plugin -------------------------->
<!-- shadowbox.js -->
<link rel="stylesheet" type="text/css" href="http://imaging.jugem.jp/manage/js/shadowbox/shadowbox.css">
<script type="text/javascript" src="http://imaging.jugem.jp/manage/js/shadowbox/shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init({
language:   "ja",
players:    ["qt","flv","html","iframe","img","qt","swf","wmp"]
});
</script>
<!-- /shadowbox.js -->

<!-- Youtube -->
<script>

$(function() {

    // Find all YouTube videos
    var $allVideos = $("iframe[src^='http://www.youtube.com']"),

        // The element that is fluid width
        $fluidEl = $(".entryBody");

    // Figure out and save aspect ratio for each video
    $allVideos.each(function() {

        $(this)
            .data('aspectRatio', this.height / this.width)
           
            // and remove the hard coded width/height
            .removeAttr('height')
            .removeAttr('width');

    });

    // When the window is resized
    // (You'll probably want to debounce this)
    $(window).resize(function() {

        var newWidth = $fluidEl.width();
       
        // Resize all videos according to their own aspect ratio
        $allVideos.each(function() {

            var $el = $(this);
            $el
                .width(newWidth)
                .height(newWidth * $el.data('aspectRatio'));

        });

    // Kick off one resize to fix all videos on page load
    }).resize();

});</script>

<!-------------------------- /jQuery Plugin -------------------------->
</body>
</html>
/*
RESET
--------------------------------------------------------------------------------*/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
    margin: 0;
    padding: 0;
}

img, fieldset {
    border: 0;
}

/* set image max width to 100% */
img {
    max-width: 100%;
    height: auto;
    width: auto¥9; /* ie8 */
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

/*
GENERAL STYLING
--------------------------------------------------------------------------------*/
body {
    background: #f5f8ff;
    font: .81em/150% "Helvetica Neue",Arial,"Hiragino Kaku Gothic Pro",Meiryo,"MS PGothic",sans-serif;
    color: #666;
}
a {
    color: #3b5b99;
    text-decoration: none;
    outline: none;
}
a:hover {
    text-decoration: underline;
}
p {
    margin: 0 0 1.2em;
    padding: 0;
}

/* list */
ul, ol {
    margin: 1em 0 1.4em 24px;
    padding: 0;
    line-height: 140%;
}
li {
    margin: 0 0 .5em 0;
    padding: 0;
}

/* headings */
h1, h2, h3, h4, h5, h6 {
    line-height: 1.4em;
    margin: 20px 0 .4em;
    color: #000;
}
h1 {
    font-size: 2em;
}
h2 {
    font-size: 1.6em;
}
h3 {
    font-size: 1.4em;
}
h4 {
    font-size: 1.2em;
}
h5 {
    font-size: 1.1em;
}
h6 {
    font-size: 1em;
}

/* reset webkit search input styles */
input[type=search] {
    -webkit-appearance: none;
    outline: none;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
    display: none;
}

/*
STRUCTURE
--------------------------------------------------------------------------------*/
#pagewrap {
    width: 980px;
    margin: 0 auto;
}

/*
HEADER
--------------------------------------------------------------------------------*/
#header {
    position: relative;
    height: 160px;
}

/* site logo */
#site-logo {
    position: absolute;
    top: 10px;
}
#site-logo a {
    font: bold 30px/100% Arial, Helvetica, sans-serif;
    color: #3b5b99;
    text-decoration: none;
}

/* site description */
#site-description {
    font: normal 100%/130% "Helvetica Neue",Arial,"Hiragino Kaku Gothic Pro",Meiryo,"MS PGothic",sans-serif;
    color: #3b5b99;
    position: absolute;
    top: 55px;
}

/* searchform */
#searchform {
    position: absolute;
    right: 10px;
    bottom: 6px;
    z-index: 100;
    width: 160px;
}
#searchform #search {
    width: 140px;
    float: right;
    background: #fff;
    border: none;
    padding: 6px 10px;
    /* border radius */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    /* box shadow */
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
    /* transition */
    -webkit-transition: width .7s;
    -moz-transition: width .7s;
    transition: width .7s;
}

/*
MAIN NAVIGATION
--------------------------------------------------------------------------------*/
#main-nav {
    width: 100%;
    background: #ccc;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 100;
    /* gradient */
    background: #3b5b99; /*url()*/
    background: -webkit-gradient(linear, left top, left bottom, from(#f5f8ff), to(#3b5b99));
    background: -moz-linear-gradient(top,  #f5f8ff,  #3b5b99);
    background: linear-gradient(-90deg, #f5f8ff, #3b5b99);
    /* rounded corner */
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    /* box shadow */
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);
}
#main-nav li {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    position: relative;
}
#main-nav li:first-child {
    margin-left: 10px;
}
#main-nav a {
    line-height: 100%;
    font-weight: bold;
    color: #fff;
    display: block;
    padding: 14px 15px;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0,0,0,.5);
}
#main-nav a:hover {
    color: #fff;
    background: #5f81c1;
    /* gradient */
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#3b5b99));
    background: -moz-linear-gradient(top,  #ffffff,  #3b5b99);
    background: linear-gradient(-90deg, #ffffff, #3b5b99);
}

.paGer {text-align:center;}
#pager {}
    #pager span.current{
    background-color:#ffffff;
    padding:4px 7px;
    color:#000000;
    font-weight:bold;
}
#pager span a{
    background-color:#ffffff;
    color:#000000;
    padding:4px 7px;
    text-decoration:none;
}
#pager span a:hover,#pager span a:active {
    background-color:#ffffff;
    color:#3b5b99;
    text-decoration:none;
}

/*トップに戻るボタン*/
#scRoll {position:fixed;right:20px;bottom:20px;z-index: 100;}
#scRoll .top {width:20px;height:20px;}
#scRoll .bottom {width:20px;height:20px;}

#scRoll a {color:#3b5b99;text-decoration:none;}
#scRoll a:link {color:#3b5b99;text-decoration:none;}
#scRoll a:visited {color:#3b5b99;text-decoration:none;}
#scRoll a:hover {color:#3b5b99;text-decoration:underline;}
#scRoll a:active {color:#3b5b99;text-decoration:none;}

/*
CONTENT
--------------------------------------------------------------------------------*/
#content {
    background: #fff;
    margin: 30px 0 30px;
    padding: 20px 35px;
    width: 600px;
    float: left;
    /* rounded corner */
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    /* box shadow */
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
    box-shadow: 0 1px 3px rgba(0,0,0,.4);
}

/* post */
.post {
    margin-bottom: 40px;
}
.post-title {
    margin: 0 0 5px;
    padding: 0px;
    font: bold 16px/120% Arial, Helvetica, sans-serif;
    border-bottom: 1px dotted #3b5b99;
    z-index: 100;
}
.post-title a {
    text-decoration: none;
    color: #000;
}
.post-meta {
    margin: 0 0 10px;
    font-size: 90%;
}

/* post image */
.post-image {
    margin: 0 0 15px;
}

/* 記事 */
.entry {margin-bottom: 20px;}

/* 記事の本文 */
.entryBody {}

/* 記事内の画像 */
.pict {
    max-width: 100%;
    height: auto;
    width: auto¥9; /* ie8 */
}

/* 記事の装飾 */
/*参考:blockquote*/
blockquote {
    margin:5px 0px;padding:10px;border:1px dotted #3b5b99;
}
blockquote[title]:before {
    margin:0px 0px 5px 0px;
    display: block;
    content: attr(title);
    color: #3b5b99;
}
blockquote[cite]:after {
    display: block;
    content: attr(cite);
    color: #3b5b99;
    text-align: right;
}

/*参考:cite*/
cite {margin:0px 0px 5px 0px;display:block;}
cite p {display:block;overflow:hidden;}
cite:before {
    margin: 0px 10px 0px 0px;
    padding: 0px 6px 0px 6px;
    background-color: #f5f8ff; /*-- 背景色 --*/
    float:left;
    display:block;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    color:#3b5b99;
    content: "c i t a t i o n"; /*-- 説明文 --*/
}
cite ol, cite ul {overflow:hidden;}
cite ol li, cite ul li {margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
cite ol li a, cite ul li a {display:inline;}

/*.memo*/
div.memo {margin:0px 0px 5px 0px;display:block;}
div.memo a {display:block;}
div.memo p {overflow:hidden;}
div.memo:before {
    margin: 0px 10px 0px 0px;
    padding: 0px 6px 0px 6px;
    background-color: #f5f8ff; /*-- 背景色 --*/
    float:left;
    display:block;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    color:#3b5b99;
    content: "m e m o"; /*-- 説明文 --*/
}
div.memo ol li, div.memo ul li {overflow:hidden;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}

/*参照元を表示する:div.titleLabel*/
div.titleLabel {margin: 0px 0px 5px 0px;}
div.titleLabel[title]:before {
    color:#3b5b99;
    background-color:#f5f8ff;
    text-align: center;
    margin-right:6px;
    padding: 0px 0px 0px 0px;
    width: 86px;
    display: block;
    float: left;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    content: attr(title);
}
div.titleLabel p, div.titleLabel ol, div.titleLabel ul {overflow:hidden;}
div.titleLabel ol li {list-style-type:decimal;}
div.titleLabel ul li {list-style-type:disc;}

/* 続きを読む */
.entrySequel .readMore {text-align:right;}
.entrySequel .readMore a {color:#3b5b99;}

/* 記事の続き */
.entrySequel {}

/* 記事の情報 */
ul.entrystate {margin:5px 0px 0px 0px;padding:4px 4px 4px 4px;background-color:#f5f8ff;}
ul.entrystate li {color:#3b5b99;display:inline;padding:2px 4px 0px 0px;}
ul.entrystate li a {color:#3b5b99;text-decoration:none;}
ul.entrystate li a:link {color:#3b5b99;text-decoration:none;}
ul.entrystate li a:visited {color:#3b5b99;text-decoration:none;}
ul.entrystate li a:hover {color:#3b5b99;text-decoration:underline;}
ul.entrystate li a:active {color:#3b5b99;text-decoration:none;}

/* コード用 */
pre {
padding: 0;margin: 5px 0px 5px 0px;background: #f5f8ff;line-height: 20px;border: none;color: #000000;width: auto;overflow: auto;overflow-Y:hidden;}
pre code {margin: 0 20px 0 20px;padding: 10px 0;display: block;}
code {margin: 20px 0;}

/* 記事の関連 */
#relatedentry, #entryNavi {}
.relatedentryTitle, .entryNaviTitle, .commentTitle, .trackbackTitle {font-weight: bold;}

#commentArea, #trackbackArea {margin-bottom: 20px;}
#commentArea .input {width: 60%;}
#commentArea textarea {width: 80%; margin: 0 0 10px 0; resize: vertical; overflow: auto;}
#trackbackArea input {width: 60%;}

#zenbackBlock {display:none;}

body#eid #zenbackBlock {display:inline;}

#socialButton {display:none;}
body#eid #socialButton {display:inline;}

#profile {}

/*
SIDEBAR
--------------------------------------------------------------------------------*/
#sidebar {
    width: 280px;
    float: right;
    margin: 30px 0 30px;
}
.widget {
    background: #fff;
    margin: 0 0 30px;
    padding: 10px 20px;
    /* rounded corner */
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    /* box shadow */
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
    box-shadow: 0 1px 3px rgba(0,0,0,.4);
}
.widgettitle {
    margin: 0 0 5px;
    padding: 0;    
}
.widget ul {
    margin: 0;
    padding: 0;
}
.widget li {
    margin: 0;
    padding: 6px 0;
    list-style: none;
    clear: both;
    border-top: solid 1px #eee;
}

/* Calendar */
.cell {width: 34px; height: 26px;}
.cell a {font-weight: bold;}

/*Amazon Web サービスの表示のタグ*/
.amazon {}
.amazon_pict {
    max-width: 100%;
    height: auto;
    width: auto¥9; /* ie8 */
}
.amazon_text {font-size:0.81em;}

.amazon_Image {clear:left; margin:0 0 20px 0;}
.amazon_text { display:none; }
.amazon_text strong { display:none; }
.amazon_monocolle { display:none; }
.amazon_pict {width: 60px; float:left; margin:0 5px 0 0;}
.amzntxt {}
.amznMycomment {overflow: hidden; font-size:10px; border-left:1px solid #cccccc; padding:0 0 0 6px;}

/*
FOOTER
--------------------------------------------------------------------------------*/
#footer {
    clear: both;
    color: #ccc;
    font-size: 85%;
}
#footer a {
    color: #ccc;
}

/*
CLEARFIX
--------------------------------------------------------------------------------*/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; zoom: 1; }


/*
smaller than 980
--------------------------------------------------------------------------------*/
@media screen and (max-width: 980px) {

    /* pagewrap */
    #pagewrap {
        width: 95%;
    }

    /* content */
    #content {
        width: 60%;
        padding: 3% 4%;
    }

    /* sidebar */
    #sidebar {
        width: 30%;
    }
    #sidebar .widget {
        padding: 8% 7%;
        margin-bottom: 10px;
    }

    /* embedded videos */
    .video embed,
    .video object,
    .video iframe {
        width: 100%;
        height: auto;
        min-height: 300px;
    }

}

/*
smaller than 650
--------------------------------------------------------------------------------*/
@media screen and (max-width: 650px) {

    /* header */
    #header {
        height: auto;
    }

    /* search form */
    #searchform {
        position: absolute;
        top: 5px;
        right: 0;
        z-index: 100;
        height: 40px;
    }
    #searchform #search {
        width: 70px;
    }
    #searchform #search:focus {
        width: 150px;
    }

    /* main nav */
    #main-nav {
        position: static;
    }

    /* site logo */
    #site-logo {
        margin: 15px 100px 5px 0;
        position: static;
    }

    /* site description */
    #site-description {
        margin: 0 0 15px;
        position: static;
    }

    /* content */
    #content {
        width: auto;
        float: none;
        margin: 20px 0;
    }

    /* sidebar */
    #sidebar {
        width: 100%;
        margin: 0;
        float: none;
    }
    #sidebar .widget {
        padding: 3% 4%;
        margin: 0 0 10px;
    }

    /* embedded videos */
    .video embed,
    .video object,
    .video iframe {
        min-height: 250px;
    }

}

/*
smaller than 560
--------------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {

    /* disable webkit text size adjust (for iPhone) */
    html {
        -webkit-text-size-adjust: none;
    }

    /* main nav */
    #main-nav a {
        font-size: 90%;
        padding: 10px 8px;
    }

}
/*
font-awesome
--------------------------------------------------------------------------------*/
.icon-rss-sign {color:#ff6600;}
.icon-twitter {color:#00acee;}

スポンサーサイト


コメント
コメントする








   
この記事のトラックバックURL
トラックバック