├── html ├── posttypes │ ├── post-audio.html │ ├── post-link.html │ ├── post-image.html │ ├── post-quote-short.html │ ├── post-chat.html │ ├── post-video.html │ ├── post-answer.html │ ├── post-quote-long.html │ ├── post-photoset.html │ └── post-text.html ├── header.html ├── post.html ├── footer.html ├── posts.html └── posts_detail_view.html ├── .gitignore ├── sass ├── _text.sass ├── _posts_detail.sass ├── _mixins.sass ├── _variables.sass ├── _toc.sass ├── _main-section.sass ├── style.sass ├── _paginate.sass ├── _permalink-paginate.sass ├── _date-and-tags.sass ├── _ask.sass ├── _header.sass ├── _notes.sass ├── _layout.sass ├── _site-meta.sass ├── _tags.sass ├── _nav-global.sass ├── _footer.sass ├── _posts.sass ├── _post-types.sass ├── _post.sass └── vendor │ ├── normalize.css │ └── skeleton.css ├── package.json ├── README.md ├── LICENSE ├── gulpfile.js └── tumblr-esa-theme.html /html/posttypes/post-audio.html: -------------------------------------------------------------------------------- 1 |
2 | ??? 3 |
4 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules/ 2 | dist/ 3 | 4 | dump.rdb 5 | /*.html 6 | !/tumblr-esa-theme.html 7 | -------------------------------------------------------------------------------- /sass/_text.sass: -------------------------------------------------------------------------------- 1 | a 2 | color: $green 3 | text-decoration: none 4 | +tra(color) 5 | &:hover 6 | color: darken($green, 5%) 7 | text-decoration: underline 8 | -------------------------------------------------------------------------------- /sass/_posts_detail.sass: -------------------------------------------------------------------------------- 1 | .posts-detail 2 | .post 3 | margin: 0 0 100px 4 | 5 | .post-meta 6 | overflow: hidden 7 | 8 | > li 9 | float: left 10 | margin-right: 10px 11 | -------------------------------------------------------------------------------- /sass/_mixins.sass: -------------------------------------------------------------------------------- 1 | =tra($property) 2 | transition: $property .2s ease 3 | 4 | =link 5 | color: $green 6 | margin: 0 7 | padding: 0 8 | cursor: pointer 9 | +tra(color) 10 | &:hover 11 | color: darken($green, 5%) 12 | -------------------------------------------------------------------------------- /sass/_variables.sass: -------------------------------------------------------------------------------- 1 | // color 2 | $beige: #efede0 3 | $green: #0a9b94 4 | $orange: #f29600 5 | $gray: #555 6 | 7 | // font 8 | $font: "Lato", 'Helvetica Neue', Helvetica, Arial, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", sans-serif 9 | -------------------------------------------------------------------------------- /html/posttypes/post-link.html: -------------------------------------------------------------------------------- 1 |
2 |

tumblr.com

3 |

Log in | Tumblr

4 |
5 |

リンクの説明文。

説明文が入ります。

6 |
7 |
8 | -------------------------------------------------------------------------------- /sass/_toc.sass: -------------------------------------------------------------------------------- 1 | .toc 2 | font-size: 14px 3 | margin-bottom: 3em 4 | 5 | .toc-toggle 6 | +link() 7 | margin: 0 0 5px 8 | font-weight: bold 9 | 10 | .fa 11 | margin-right: 5px 12 | 13 | ul 14 | display: none 15 | 16 | li 17 | margin: 0 18 | -------------------------------------------------------------------------------- /sass/_main-section.sass: -------------------------------------------------------------------------------- 1 | .main-section 2 | padding: 10px 20px 3 | background: white 4 | @media (min-width: 750px) 5 | padding: 20px 40px 40px 6 | 7 | h1 8 | font-size: 2rem 9 | margin: 1em 0 10 | 11 | .fa 12 | color: rgba(black, .3) 13 | margin: 0 10px 0 0 14 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "devDependencies": { 3 | "gulp": "^3.8.11", 4 | "gulp-minify-css": "^1.1.1", 5 | "gulp-sass": "^2.0.1", 6 | "gulp-watch": "^4.2.4", 7 | "gulp-autoprefixer": "^2.3.0", 8 | "del": "^1.1.1", 9 | "gulp-rename": "^1.2.2", 10 | "gulp-concat": "^2.5.2" 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /html/posttypes/post-image.html: -------------------------------------------------------------------------------- 1 |
2 | 3 | 4 | 5 |
6 |

ここはキャプションです


ほげほげ


ほげ

blame!

7 |
8 |
9 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # 動作サンプル 2 | http://torinoesa.tumblr.com 3 | 4 | # 使い方 5 | 6 | 1. tumblrのテーマ編集画面を開く 7 | 2. HTML編集 > を押してコード入力画面を開く 8 | 3. `tumblr-esa-theme.html` の中身を貼り付ける 9 | 10 | # オプション 11 | - SNSアカウント名を入れるとフッターに表示されます 12 | - 記事一覧画面に投稿内容を表示させることができます 13 | - tumblrの設定で「質問を受け付ける」を有効にすると、本家のフィードバックフォームに似たものがフッターに表示されます 14 | - tunblrの設定で「ゲスト投稿」を有効にすると、リンクがナビゲーションに追加されます。 15 | - 固定ページもナビゲーションに追加されます。 16 | 17 | # 既知の問題 18 | - 記事一覧画面でautopagerizeが効かない 19 | -------------------------------------------------------------------------------- /html/posttypes/post-quote-short.html: -------------------------------------------------------------------------------- 1 |
2 |
“アイエエエエ! ニンジャ!? ニンジャナンデ!?(忍殺語)”
3 |
4 | アイエエエエ! ニンジャ!? ニンジャナンデ!?とは (アイエエエエニンジャニンジャナンデとは) [単語記事] - ニコニコ大百科
5 |
6 |
7 | -------------------------------------------------------------------------------- /sass/style.sass: -------------------------------------------------------------------------------- 1 | @import 'vendor/normalize' 2 | @import 'vendor/skeleton' 3 | 4 | @import '_mixins' 5 | @import '_variables' 6 | @import '_layout' 7 | @import '_text' 8 | @import '_paginate' 9 | @import '_permalink-paginate' 10 | @import '_header' 11 | @import '_footer' 12 | @import '_nav-global' 13 | @import '_site-meta' 14 | @import '_main-section' 15 | @import '_tags' 16 | @import '_posts' 17 | @import '_post' 18 | @import '_posts_detail' 19 | @import '_ask' 20 | @import '_toc' 21 | @import '_date-and-tags' 22 | @import '_notes' 23 | -------------------------------------------------------------------------------- /sass/_paginate.sass: -------------------------------------------------------------------------------- 1 | // pagenate 2 | .paginate 3 | overflow: hidden 4 | font-size: 12px 5 | margin: 10px 0 6 | @media (min-width: 1200px) 7 | width: 80% 8 | 9 | li 10 | list-style: none 11 | float: left 12 | margin: 0 10px 0 0 13 | 14 | a 15 | color: rgba(black, .35) 16 | &:hover 17 | color: darken($green, 5%) 18 | text-decoration: none 19 | &.active 20 | color: black 21 | 22 | .number 23 | font-size: 17px 24 | position: relative 25 | top: -7px 26 | padding: 0 3px 27 | -------------------------------------------------------------------------------- /sass/_permalink-paginate.sass: -------------------------------------------------------------------------------- 1 | .permalink-paginate 2 | overflow: hidden 3 | font-size: 13px 4 | margin: 10px 0 5 | padding-bottom: 20px 6 | @media (min-width: 1200px) 7 | width: 80% 8 | 9 | li 10 | list-style: none 11 | 12 | .fa 13 | opacity: .5 14 | +tra(opacity) 15 | 16 | a 17 | &:hover 18 | text-decoration: none 19 | .fa 20 | opacity: 1 21 | 22 | .prev 23 | float: left 24 | .fa 25 | margin-right: 3px 26 | 27 | .next 28 | float: right 29 | .fa 30 | margin-left: 3px 31 | -------------------------------------------------------------------------------- /html/posttypes/post-chat.html: -------------------------------------------------------------------------------- 1 |
2 | 20 |
21 | -------------------------------------------------------------------------------- /sass/_date-and-tags.sass: -------------------------------------------------------------------------------- 1 | .date-and-tags 2 | margin: 0 0 3px 3 | font-size: 14px 4 | overflow: hidden 5 | 6 | li 7 | list-style: none 8 | float: left 9 | margin: 0 7px 0 0 10 | color: rgba(black, .4) !important 11 | &:first-child 12 | margin-left: 0 13 | &:after 14 | content: '/' 15 | color: rgba(black, .1) 16 | margin-left: 6px 17 | 18 | .posttype 19 | text-transform: capitalize 20 | 21 | a 22 | color: rgba(black, .4) 23 | &:hover 24 | color: darken($green, 5%) 25 | 26 | 27 | .posts 28 | .date-and-tags 29 | li 30 | span 31 | display: none 32 | -------------------------------------------------------------------------------- /html/posttypes/post-video.html: -------------------------------------------------------------------------------- 1 |
2 | 3 |
4 |

「シドニアの騎士」(原作:弐瓶勉/講談社「アフタヌーン」連載)のTVアニメ新シリ­ーズとなる「シドニアの騎士 第九惑星戦役」が
2015年4月10日(日)よりMBS、TBS、CBC、BS-TBS“アニメイズム­”枠にて放送開始!
監督は前作副監督の瀬下寛之が監督を務め、最新のデジタル技術を駆使した迫力の映像と­5.1chサラウンドによるこだわりの音響効果はそのままに、物語のさらなる展開に色­を添える。
新シリーズより登場する謎のキャラクター“つむぎ”を始めとする個性豊かなキャラクタ­ー、そしてポリゴン・ピクチュアズによる圧倒的な映像美と息をつかせぬ展開にご期待く­ださい。

5 |
6 |
7 | -------------------------------------------------------------------------------- /sass/_ask.sass: -------------------------------------------------------------------------------- 1 | // 質問フォーム 2 | .ask 3 | h2 4 | font-size: 20px 5 | margin: 0 0 10px 6 | 7 | textarea 8 | background: rgba(black, .1) 9 | box-shadow: inset 0 0 2px rgba(black, .1) 10 | width: 100% 11 | +tra(background) 12 | &:focus 13 | background: white 14 | 15 | .btn 16 | text-align: right 17 | 18 | .btn-esa-primary 19 | font-size: 14px 20 | border: 1px solid rgba(black, .3) 21 | box-shadow: inset 0 1px 0 rgba(white, .3) 22 | color: #fff 23 | background: $green 24 | border-color: darken($green, 5%) 25 | text-transform: none 26 | +tra(background) 27 | &:hover 28 | background: darken($green, 10%) 29 | color: #fff 30 | -------------------------------------------------------------------------------- /sass/_header.sass: -------------------------------------------------------------------------------- 1 | // header 2 | .header 3 | background: $green 4 | overflow: hidden 5 | 6 | .user-icon 7 | margin: 0 8 | padding: 0 9 | float: left 10 | line-height: 1 11 | font-size: 0 12 | 13 | a 14 | position: relative 15 | top: 0 16 | padding: 10px 17 | display: inline-block 18 | +tra(all) 19 | &:hover 20 | top: -10px 21 | opacity: .8 22 | 23 | img 24 | width: 32px 25 | height: 32px 26 | 27 | 28 | 29 | 30 | @media (min-width: 750px) 31 | .header 32 | background: $green 33 | position: fixed 34 | width: 80px 35 | height: 100% 36 | z-index: 4 37 | text-align: center 38 | 39 | .user-icon 40 | float: none 41 | a 42 | padding: 20px 0 10px 43 | img 44 | width: 64px 45 | height: 64px 46 | -------------------------------------------------------------------------------- /sass/_notes.sass: -------------------------------------------------------------------------------- 1 | // notes, reblog chain 2 | ol.notes 3 | padding: 0px 4 | margin: 25px 0px 5 | list-style-type: none 6 | border-bottom: 2px solid rgba(black, .05) 7 | font-size: 12px 8 | color: rgba(black, .5) 9 | 10 | .note 11 | margin: 0 12 | padding: 10px 13 | border-bottom: 1px solid rgba(black, .05) 14 | 15 | .avatar 16 | vertical-align: -4px 17 | margin-right: 10px 18 | width: 16px 19 | height: 16px 20 | 21 | .answer_content 22 | font-weight: normal 23 | 24 | blockquote 25 | border-color: #eee 26 | padding: 4px 10px 27 | margin: 10px 0px 0px 25px 28 | 29 | a 30 | text-decoration: none 31 | 32 | .more_notes_link_container 33 | padding: 0 34 | 35 | .more_notes_link 36 | padding: 10px 37 | display: block 38 | +tra(background) 39 | &:hover 40 | background: rgba(black, .05) 41 | text-decoration: none 42 | 43 | .tumblelog, 44 | .action > a 45 | margin-right: 5px 46 | 47 | .source_tumblelog 48 | margin: 0 5px 49 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2015 Kazuhiko Maeda 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | 23 | -------------------------------------------------------------------------------- /sass/_layout.sass: -------------------------------------------------------------------------------- 1 | body 2 | background: $beige 3 | font-family: Lato, 'Helvetica Neue', Arial, 'ヒラギノ角ゴPro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'MS Pゴシック', sans-serif 4 | 5 | 6 | .img-circle 7 | border-radius: 100% 8 | 9 | 10 | 11 | /* Larger than mobile */ 12 | // @media (min-width: 400px) 13 | 14 | /* Larger than phablet (also point when grid becomes active) */ 15 | // @media (min-width: 550px) 16 | 17 | /* Larger than tablet */ 18 | @media (min-width: 750px) 19 | 20 | .container 21 | max-width: 100% 22 | width: 100% 23 | 24 | .article 25 | margin-left: 80px 26 | 27 | .container 28 | margin: 0 29 | 30 | 31 | 32 | /* Larger than desktop */ 33 | // @media (min-width: 1000px) 34 | 35 | /* Larger than Desktop HD */ 36 | // @media (min-width: 1200px) 37 | 38 | 39 | 40 | #posttypenavi 41 | position: fixed 42 | top: 50px 43 | right: 10px 44 | 45 | button 46 | padding: 5px 47 | height: auto 48 | line-height: 1 49 | margin: 0 3px 0 0 50 | letter-spacing: 0 51 | 52 | 53 | // enable footer ask form = disable sidebar ask form 54 | .ask-footer 55 | #nav-ask 56 | display: none 57 | 58 | // enable sidebar ask form = disable footer ask form 59 | .ask-sidebar 60 | footer 61 | .ask 62 | display: none 63 | -------------------------------------------------------------------------------- /sass/_site-meta.sass: -------------------------------------------------------------------------------- 1 | // タイトルとか検索の部分 ベージュ 2 | .site-meta 3 | $search-width: 100px 4 | 5 | background: $beige 6 | padding: 10px 7 | position: relative 8 | overflow: hidden 9 | @media (min-width: 750px) 10 | padding: 10px 20px 11 | 12 | h1 13 | color: rgba(black, .2) 14 | font-size: 1.3em 15 | font-weight: bold 16 | margin: 0 17 | margin-right: $search-width + 10px 18 | @media (min-width: 750px) 19 | font-size: 150% 20 | margin-right: $search-width + 70px + 10px 21 | 22 | a 23 | color: rgba(black, .2) 24 | &:hover 25 | color: rgba(black, .4) 26 | text-decoration: none 27 | 28 | 29 | .search, 30 | .search-tumblr 31 | position: absolute 32 | top: 10px 33 | right: 10px 34 | width: $search-width 35 | @media (min-width: 750px) 36 | width: $search-width + 70px 37 | 38 | .search-input 39 | font-size: 14px 40 | border-radius: 20px 41 | height: 26px 42 | width: $search-width 43 | @media (min-width: 750px) 44 | width: $search-width + 70px 45 | 46 | .search-button 47 | +link() 48 | color: rgba(black, .3) 49 | font-size: 12px 50 | position: absolute 51 | right: 12px 52 | top: 7px 53 | line-height: 1 54 | &:hover 55 | color: rgba(black, .5) 56 | -------------------------------------------------------------------------------- /sass/_tags.sass: -------------------------------------------------------------------------------- 1 | .tags 2 | overflow: hidden 3 | 4 | li 5 | font-size: 13px 6 | list-style: none 7 | float: left 8 | margin: 0 10px 0 0 9 | 10 | .count 11 | color: rgba(black, .3) 12 | background: rgba(black, .08) 13 | border-radius: 20px 14 | margin-left: 5px 15 | padding: 2px 7px 16 | font-size: 9px 17 | font-family: 'Avenir Next', Avenir, sans-serif 18 | font-weight: bold 19 | letter-spacing: -.5px 20 | 21 | a 22 | &:hover 23 | text-decoration: none 24 | &:before 25 | content: '# ' 26 | opacity: .5 27 | 28 | 29 | // Tumblr Tag Cloud Widget 30 | // http://post-theory.com/tumblr-tag-cloud-javascript 31 | #tagCloud 32 | ul 33 | overflow: hidden 34 | 35 | li 36 | font-size: 13px 37 | list-style: none 38 | float: left 39 | margin: 0 10px 0 0 40 | 41 | .tc-count 42 | color: rgba(black, .3) 43 | background: rgba(black, .08) 44 | border-radius: 20px 45 | margin-left: 5px 46 | font-size: 9px 47 | font-family: 'Avenir Next', Avenir, sans-serif 48 | font-weight: bold 49 | letter-spacing: -.5px 50 | min-width: 30px 51 | display: inline-block 52 | text-align: center 53 | 54 | a 55 | &:hover 56 | text-decoration: none 57 | &:before 58 | content: '# ' 59 | opacity: .5 60 | -------------------------------------------------------------------------------- /sass/_nav-global.sass: -------------------------------------------------------------------------------- 1 | .global-nav 2 | float: left 3 | @media (min-width: 750px) 4 | float: none 5 | height: 100% 6 | border-top: 1px solid rgba(black, .05) 7 | 8 | li 9 | float: left 10 | margin-bottom: 0 11 | list-style: none 12 | @media (min-width: 750px) 13 | border-bottom: 1px solid rgba(black, .05) 14 | float: none 15 | margin: 0 16 | padding: 0 17 | 18 | a 19 | display: inline-block 20 | padding: 10px 15px 21 | color: rgba(black, .15) 22 | font-size: 26px 23 | line-height: 32px 24 | &.active, 25 | &:hover 26 | color: rgba(white, .5) 27 | span 28 | color: white 29 | @media (min-width: 750px) 30 | display: block 31 | margin: 5px 0 32 | padding: 5px 0 33 | &:hover 34 | text-decoration: none 35 | 36 | @media (max-width: 750px) 37 | .slim 38 | a 39 | padding: 10px 40 | 41 | .thin 42 | a 43 | padding: 10px 5px 44 | 45 | 46 | // ナビゲーションのラベル 47 | span 48 | display: none 49 | @media (min-width: 750px) 50 | display: block 51 | font-size: 14px 52 | text-align: center 53 | line-height: 1 54 | 55 | 56 | // iconサイズ調整 57 | .fa-home 58 | font-size: 28px 59 | 60 | .fa-tags, 61 | .fa-file-text-o, 62 | .fa-group 63 | font-size: 24px 64 | 65 | .fa-comment-o 66 | position: relative 67 | top: -1px 68 | -------------------------------------------------------------------------------- /html/posttypes/post-answer.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |
4 | 5 |
6 | ithelonelyone 7 |
Hey I saw this big red butt honey bee and all I could think about was a bee in floofy pantsHey I saw this big red butt honey bee and all I could think about was a bee in floofy pants
8 |
9 |
10 |
11 | 12 |
13 |
14 | 15 |
16 | 17 |

did you know that bees wear suspenders

18 |
19 |
20 |
21 | 22 |
23 | 24 |
25 |
26 | -------------------------------------------------------------------------------- /sass/_footer.sass: -------------------------------------------------------------------------------- 1 | // 下部主本体 2 | .footer 3 | background: $beige 4 | padding: 20px 20px 40px 5 | color: rgba(black, .3) 6 | overflow: hidden 7 | 8 | a 9 | color: rgba(black, .3) 10 | &:hover 11 | text-decoration: none 12 | color: rgba(black, .5) 13 | 14 | .site-title 15 | text-align: center 16 | margin-bottom: 10px 17 | 18 | .user-icon 19 | img 20 | width: 48px 21 | vertical-align: middle 22 | margin: 0 8px 8px 0 23 | .title 24 | font-size: 20px 25 | font-weight: bold 26 | .description 27 | display: block 28 | font-size: 12px 29 | 30 | .sns-icons 31 | font-size: 18px 32 | margin: 0 auto 40px 33 | text-align: center 34 | 35 | li 36 | list-style: none 37 | margin-right: 10px 38 | display: inline 39 | 40 | .github 41 | a:hover 42 | color: #000 43 | .twitter 44 | a:hover 45 | color: #55acee 46 | .facebook 47 | a:hover 48 | color: #3b5998 49 | .google 50 | a:hover 51 | color: #dd4b39 52 | .instagram 53 | a:hover 54 | color: #3f729b 55 | .linkedin 56 | a:hover 57 | color: #86888a 58 | .pinterest 59 | a:hover 60 | color: #cc2127 61 | 62 | .copyright 63 | font-size: 12px 64 | text-align: center 65 | a 66 | font-weight: bold 67 | 68 | #ask_form 69 | max-width: 100% 70 | 71 | 72 | @media (min-width: 750px) 73 | padding: 20px 40px 40px 74 | -------------------------------------------------------------------------------- /html/posttypes/post-quote-long.html: -------------------------------------------------------------------------------- 1 |
2 |

 私は、その男の写真を三葉、見たことがある。


 一葉は、その男の、幼年時代、とでも言うべきであろうか、十歳前後かと推定される頃の写真であって、その子供が大勢の女のひとに取りかこまれ、(それは、その子供の姉たち、妹たち、それから、従姉妹(いとこ)たちかと想像される)庭園の池のほとりに、荒い縞の袴(はかま)をはいて立ち、首を三十度ほど左に傾け、醜く笑っている写真である。醜く? けれども、鈍い人たち(つまり、美醜などに関心を持たぬ人たち)は、面白くも何とも無いような顔をして、
可愛い坊ちゃんですね
 といい加減なお世辞を言っても、まんざら空(から)お世辞に聞えないくらいの、謂(い)わば通俗の「可愛らしさ」みたいな影もその子供の笑顔に無いわけではないのだが、しかし、いささかでも、美醜に就いての訓練を経て来たひとなら、ひとめ見てすぐ、
「なんて、いやな子供だ」
 と頗(すこぶ)る不快そうに呟(つぶや)き、毛虫でも払いのける時のような手つきで、その写真をほうり投げるかも知れない。
 まったく、その子供の笑顔は、よく見れば見るほど、何とも知れず、イヤな薄気味悪いものが感ぜられて来る。どだい、それは、笑顔でない。この子は、少しも笑ってはいないのだ。その証拠には、この子は、両方のこぶしを固く握って立っている。人間は、こぶしを固く握りながら笑えるものでは無いのである。猿だ。猿の笑顔だ。ただ、顔に醜い皺(しわ)を寄せているだけなのである。「皺くちゃ坊ちゃん」とでも言いたくなるくらいの、まことに奇妙な、そうして、どこかけがらわしく、へんにひとをムカムカさせる表情の写真であった。私はこれまで、こんな不思議な表情の子供を見た事が、いちども無かった。


 第二葉の写真の顔は、これはまた、びっくりするくらいひどく変貌(へんぼう)していた。学生の姿である。高等学校時代の写真か、大学時代の写真か、はっきりしないけれども、とにかく、おそろしく美貌の学生である。しかし、これもまた、不思議にも、生きている人間の感じはしなかった。学生服を着て、胸のポケットから白いハンケチを覗(のぞ)かせ、籐椅子(とういす)に腰かけて足を組み、そうして、やはり、笑っている。こんどの笑顔は、皺くちゃの猿の笑いでなく、かなり巧みな微笑になってはいるが、しかし、人間の笑いと、どこやら違う。血の重さ、とでも言おうか、生命(いのち)の渋さ、とでも言おうか、そのような充実感は少しも無く、それこそ、鳥のようではなく、羽毛のように軽く、ただ白紙一枚、そうして、笑っている。つまり、一から十まで造り物の感じなのである。キザと言っても足りない。軽薄と言っても足りない。ニヤケと言っても足りない。おしゃれと言っても、もちろん足りない。しかも、よく見ていると、やはりこの美貌の学生にも、どこか怪談じみた気味悪いものが感ぜられて来るのである。私はこれまで、こんな不思議な美貌の青年を見た事が、いちども無かった。


 もう一葉の写真は、最も奇怪なものである。まるでもう、としの頃がわからない。頭はいくぶん白髪のようである。それが、ひどく汚い部屋(部屋の壁が三箇所ほど崩れ落ちているのが、その写真にハッキリ写っている)の片隅で、小さい火鉢に両手をかざし、こんどは笑っていない。どんな表情も無い。謂わば、坐って火鉢に両手をかざしながら、自然に死んでいるような、まことにいまわしい、不吉なにおいのする写真であった。奇怪なのは、それだけでない。その写真には、わりに顔が大きく写っていたので、私は、つくづくその顔の構造を調べる事が出来たのであるが、額は平凡、額の皺も平凡、眉も平凡、眼も平凡、鼻も口も顎(あご)も、ああ、この顔には表情が無いばかりか、印象さえ無い。特徴が無いのだ。たとえば、私がこの写真を見て、眼をつぶる。既に私はこの顔を忘れている。部屋の壁や、小さい火鉢は思い出す事が出来るけれども、その部屋の主人公の顔の印象は、すっと霧消して、どうしても、何としても思い出せない。画にならない顔である。漫画にも何もならない顔である。眼をひらく。あ、こんな顔だったのか、思い出した、というようなよろこびさえ無い。極端な言い方をすれば、眼をひらいてその写真を再び見ても、思い出せない。そうして、ただもう不愉快、イライラして、つい眼をそむけたくなる。


 所謂(いわゆる)「死相」というものにだって、もっと何か表情なり印象なりがあるものだろうに、人間のからだに駄馬の首でもくっつけたなら、こんな感じのものになるであろうか、とにかく、どこという事なく、見る者をして、ぞっとさせ、いやな気持にさせるのだ。私はこれまで、こんな不思議な男の顔を見た事が、やはり、いちども無かった。

3 |
4 | -------------------------------------------------------------------------------- /html/posttypes/post-photoset.html: -------------------------------------------------------------------------------- 1 |
2 |
9 |
10 |

famima desu.

11 |
12 |
13 | -------------------------------------------------------------------------------- /sass/_posts.sass: -------------------------------------------------------------------------------- 1 | // 連結型投稿 2 | .posts 3 | @media (min-width: 1200px) 4 | width: 80% 5 | 6 | .post-title-list 7 | border-bottom: 1px solid rgba(black, .1) 8 | margin: 0 9 | padding: 15px 0 35px 10 | list-style: none 11 | overflow: hidden 12 | position: relative 13 | 14 | .user-icon 15 | width: 64px 16 | float: left 17 | position: relative 18 | 19 | img 20 | width: 64px 21 | +tra(opacity) 22 | &:hover 23 | opacity: .8 24 | 25 | .reblogged 26 | color: rgba(black, .5) 27 | text-shadow: 0 0 1px white, 0 0 1px white, 0 0 1px white, 0 0 1px white, 0 0 1px white, 0 0 1px white, 0 0 1px white, 0 0 1px white 28 | position: absolute 29 | top: 0 30 | left: 0 31 | 32 | .post-content 33 | margin-left: 64px + 15px 34 | 35 | 36 | .post-title 37 | font-size: 1.5em 38 | margin: 0 0 5px 39 | a 40 | color: black 41 | &:hover 42 | color: darken($green, 5%) 43 | text-decoration: none 44 | 45 | 46 | .post-meta 47 | margin: 0 48 | > li 49 | list-style: none 50 | margin: 0 10px 0 0 51 | padding: 0 10px 0 0 52 | float: left 53 | border-right: 1px solid rgba(black, .1) 54 | line-height: 1.3 55 | color: rgba(black, .2) 56 | a 57 | color: rgba(black, .2) 58 | &:hover 59 | color: darken($green, 5%) 60 | .fa-heart 61 | color: hotpink 62 | 63 | .fa 64 | font-size: 13px 65 | margin-right: 5px 66 | 67 | // tumblr suki, reblog button 68 | .like_button 69 | display: inline 70 | 71 | iframe 72 | height: 17px 73 | 74 | .reblog_button 75 | display: inline-block !important 76 | width: auto !important 77 | height: auto !important 78 | svg 79 | width: 13px 80 | height: 13px 81 | position: relative 82 | top: 2px 83 | &:hover 84 | svg 85 | color: darken($green, 5%) 86 | fill: currentColor 87 | 88 | 89 | .post-update 90 | position: absolute 91 | right: 0 92 | bottom: 15px 93 | font-size: .8em 94 | color: rgba(black, .4) 95 | margin: 0 96 | 97 | a 98 | margin: 0 5px 0 0 99 | -------------------------------------------------------------------------------- /sass/_post-types.sass: -------------------------------------------------------------------------------- 1 | &.video 2 | .caption 3 | margin: 2em 0 4 | color: rgba(black, .8) 5 | 6 | &.image, 7 | &.photo 8 | img 9 | max-width: 100% 10 | 11 | .caption 12 | margin: 2em 0 13 | color: rgba(black, .8) 14 | 15 | &.photoset 16 | .photoset_row 17 | width: 700px 18 | white-space: nowrap 19 | overflow: hidden 20 | margin-top: 10px 21 | 22 | .photoset_photo 23 | display: inline-block 24 | vertical-align: top 25 | margin-left: 10px 26 | &:first-child 27 | margin-left: 0 !important 28 | 29 | .caption 30 | margin: 2em 0 31 | color: rgba(black, .8) 32 | 33 | &.chat 34 | ul 35 | list-style: none 36 | margin: 0 37 | 38 | li 39 | color: rgba(black, .6) 40 | 41 | .label 42 | font-weight: bold 43 | margin-right: 10px 44 | color: rgba(black, .8) 45 | 46 | &.link 47 | .host 48 | font-size: 12px 49 | font-weight: bold 50 | margin: 0 51 | + h2 52 | margin-top: 10px 53 | 54 | .caption, 55 | .excerpt 56 | color: rgba(black, .5) 57 | background: rgba(black, .05) 58 | margin: 0 0 1em 59 | padding: 1em 60 | border-radius: 5px 61 | font-size: .8em 62 | p:last-child 63 | margin: 0 64 | 65 | .author 66 | font-weight: bold 67 | 68 | 69 | &.answer 70 | .asker-block, 71 | .answerer-block 72 | overflow: hidden 73 | margin: 20px 0 74 | 75 | .asker-avatar, 76 | .answerer-avatar 77 | float: left 78 | margin-right: 20px 79 | 80 | .asker-text, 81 | .answerer-text 82 | margin-left: 84px 83 | background: rgba(black, .05) 84 | padding: 10px 20px 85 | border-radius: 5px 86 | position: relative 87 | &:after 88 | right: 100% 89 | top: 34px 90 | border: solid transparent 91 | content: " " 92 | height: 0 93 | width: 0 94 | position: absolute 95 | pointer-events: none 96 | border-color: rgba(136, 183, 213, 0) 97 | border-right-color: rgba(black, .05) 98 | border-width: 8px 99 | margin-top: -8px 100 | 101 | .asker 102 | // font-size: 12px 103 | 104 | &.quote 105 | blockquote 106 | font-size: 2em 107 | color: rgba(black, .5) 108 | margin: 1.5em .5em 109 | font-style: italic 110 | 111 | .quote-source 112 | font-size: 12px 113 | 114 | span 115 | font-weight: bold 116 | margin-right: .5em 117 | -------------------------------------------------------------------------------- /gulpfile.js: -------------------------------------------------------------------------------- 1 | var gulp = require('gulp'); 2 | var del = require('del'); 3 | var sass = require('gulp-sass'); 4 | var autoprefixer = require('gulp-autoprefixer'); 5 | var minifyCss = require('gulp-minify-css'); 6 | var rename = require('gulp-rename'); 7 | var concat = require('gulp-concat'); 8 | var watch = require('gulp-watch'); 9 | 10 | gulp.task('default', ['clean', 'sass', 'autoprefixer', 'build-posts-html', 'build-posts-detail-html', 'build-post-html', 'watch']); 11 | 12 | 13 | 14 | // css, html clean 15 | gulp.task('clean', function() { 16 | del(['./dist/*']); 17 | }); 18 | 19 | // sass compile 20 | gulp.task('sass', function () { 21 | gulp.src('./sass/**/*.sass') 22 | .pipe(sass.sync().on('error', sass.logError)) 23 | .pipe(gulp.dest('./dist')); 24 | }); 25 | 26 | // autoprefixer 27 | gulp.task('autoprefixer', function() { 28 | return gulp.src('./dist/style.css') 29 | .pipe(autoprefixer({ 30 | browsers: ['last 2 versions'], 31 | cascade: false 32 | })) 33 | .pipe(minifyCss()) 34 | .pipe(rename({suffix: '.min'})) 35 | .pipe(gulp.dest('./dist')); 36 | }); 37 | 38 | 39 | // image compress 40 | 41 | 42 | // html concat 43 | gulp.task('build-posts-html', function() { 44 | return gulp.src(['./html/header.html', './html/posts.html', './html/footer.html']) 45 | .pipe(concat('posts.html')) 46 | .pipe(gulp.dest('./dist/')); 47 | }); 48 | 49 | gulp.task('build-posts-detail-html', function() { 50 | return gulp.src(['./html/header.html', './html/posts_detail_view.html', './html/footer.html']) 51 | .pipe(concat('posts_detail_view.html')) 52 | .pipe(gulp.dest('./dist/')); 53 | }); 54 | 55 | gulp.task('build-post-html', function() { 56 | return gulp.src([ 57 | './html/header.html', 58 | './html/post.html', 59 | './html/posttypes/post-text.html', 60 | './html/posttypes/post-image.html', 61 | './html/posttypes/post-photoset.html', 62 | './html/posttypes/post-link.html', 63 | './html/posttypes/post-quote-short.html', 64 | './html/posttypes/post-quote-long.html', 65 | './html/posttypes/post-chat.html', 66 | './html/posttypes/post-audio.html', 67 | './html/posttypes/post-video.html', 68 | './html/posttypes/post-answer.html', 69 | './html/footer.html' 70 | ]) 71 | .pipe(concat('post.html')) 72 | .pipe(gulp.dest('./dist/')); 73 | }); 74 | 75 | 76 | // watch 77 | gulp.task('watch', function() { 78 | gulp.watch(['./sass/**/*.sass', './html/*'], ['clean', 'sass', 'autoprefixer', 'build-posts-html', 'build-posts-detail-html', 'build-post-html']); 79 | }); 80 | -------------------------------------------------------------------------------- /html/header.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 |

18 | 19 |

20 | 30 |
31 | 32 | 33 | 34 |
35 |
36 |

愛のままにわがままに 僕は君だけを傷つけない

37 | 38 | 43 | 44 |
45 | 46 | 47 |
48 |
49 | -------------------------------------------------------------------------------- /html/post.html: -------------------------------------------------------------------------------- 1 |
2 |
3 | 4 | 5 |
6 |
7 | 17 | 22 |
23 |
24 | 25 |
26 | 27 | 32 |
33 | 34 | 35 | 39 |
40 | -------------------------------------------------------------------------------- /html/posttypes/post-text.html: -------------------------------------------------------------------------------- 1 |
2 |

今日やったこと

3 | 24 |

明日あたりにやる

25 | 51 |

発生した問題

52 | 55 |

スケジュール

56 |

見出しレベル2

57 | 62 |
    63 |
  1. hogehoge
  2. 64 |
  3. hogehoge
  4. 65 |
  5. hogehoge
  6. 66 |
67 |

5月

68 | 76 |

ice box

77 | 85 |

所感

86 | 87 |
88 | 89 | 90 |

nihongo:

91 |

皆さん、こんにちは! 暑すぎず快適で、お天気もいいこの季節を思いっきり楽しんでますか?

友達や同僚と集まるというときには、気軽にアツマレを利用してみてはいかがでしょうか。友達同士のご飯会やライブなどのイベント企画でも、あるいはTumblr上のファン同士のオフ会みたいなものでも、どんなタイプ/規模の集まりでも問題ありません! Tumblrのアツマレは、気軽に楽しくユーザーの皆さんに集まっていただきたいというものなんです。
*なお、登録、企画には少しお時間に余裕を持ってお願いします。無料のアツマレキット(ステッカー、名札など)がお手元に届くまでに2〜3週間、場合によってはもう少しかかることもありますのでご注意ください。

企画はこちらから登録していただければ、アツマレの公式カレンダーに表示されます。スタッフブログでご紹介させていただきますので、楽しんだ後は、ぜひTumblrまで感想を教えてください!

92 | 93 |

94 | [parent] Tumblr Nihongo - nihongo 95 | 96 |

97 | 98 |

99 | [root] Tumblr Nihongo - nihongo 100 | 101 |

102 | 103 | 104 |
105 | -------------------------------------------------------------------------------- /sass/_post.sass: -------------------------------------------------------------------------------- 1 | .post 2 | @media (min-width: 1200px) 3 | width: 80% 4 | 5 | .post-header 6 | margin: 1em 0 7 | position: relative 8 | 9 | .date-and-tags 10 | font-size: 16px 11 | 12 | + .post-meta 13 | margin-top: 1em 14 | 15 | .post-title 16 | word-wrap: break-word 17 | a 18 | color: rgba(black, .8) 19 | &:hover 20 | color: darken($green, 5%) 21 | text-decoration: none 22 | 23 | .post-meta 24 | font-size: 13px 25 | border-bottom: 3px solid rgba(black, .1) 26 | padding-bottom: 1em 27 | 28 | > li 29 | list-style: none 30 | line-height: 1.3 31 | margin-bottom: 5px 32 | color: rgba(black, .35) 33 | a 34 | color: rgba(black, .35) 35 | &:hover 36 | color: darken($green, 5%) 37 | text-decoration: none 38 | .fa-heart 39 | color: hotpink 40 | 41 | // tumblr suki, reblog button 42 | .like_button 43 | display: inline 44 | margin-right: 5px 45 | + span 46 | color: rgba(black, .35) 47 | 48 | .reblog_button 49 | display: inline-block !important 50 | margin-right: 5px 51 | position: relative 52 | top: 2px 53 | width: auto !important 54 | height: auto !important 55 | svg 56 | width: 13px 57 | height: 13px 58 | margin-right: 5px 59 | position: relative 60 | top: 2px 61 | &:hover 62 | svg 63 | color: darken($green, 5%) 64 | fill: currentColor 65 | 66 | span 67 | margin-right: 5px 68 | 69 | .count 70 | display: inline-block 71 | min-width: 20px 72 | text-align: center 73 | color: rgba(black, .35) 74 | background: rgba(black, .08) 75 | border-radius: 20px 76 | padding: 2px 7px 77 | font-size: 9px 78 | font-family: 'Avenir Next', Avenir, sans-serif 79 | font-weight: bold 80 | letter-spacing: -.5px 81 | position: relative 82 | top: -2px 83 | 84 | .fa 85 | margin-right: 5px 86 | 87 | .fa-comment 88 | color: rgba(black, .2) 89 | 90 | // tumblr Suki button 91 | // .like_button 92 | // display: inline 93 | // margin-right: 3px 94 | // 95 | // iframe 96 | // width: 13px 97 | 98 | // Add This Plugin 99 | .addthis_sharing_toolbox 100 | position: absolute 101 | top: 0 102 | right: 0 103 | 104 | .post-body 105 | margin: 0 0 60px 106 | overflow: hidden 107 | word-wrap: break-word 108 | 109 | h1 110 | font-size: 1.8em 111 | border-bottom: 3px solid rgba(black, .1) 112 | margin: 30px 0 10px 113 | padding-bottom: 10px 114 | color: rgba(black, .7) 115 | 116 | h2 117 | font-size: 1.4em 118 | margin: 30px 0 10px 119 | padding: 0 0 10px 120 | border-bottom: 1px solid rgba(black, .1) 121 | 122 | h3 123 | margin: 30px 0 10px 124 | font-size: 1.2em 125 | font-weight: bold 126 | 127 | 128 | ul 129 | list-style: disc 130 | margin: 20px 0 20px 40px 131 | ul 132 | list-style: circle 133 | margin: 0 0 0 40px 134 | font-size: 100% 135 | 136 | ol 137 | list-style: decimal 138 | margin: 20px 0 20px 40px 139 | 140 | li 141 | margin: 10px 0 142 | 143 | .emoji 144 | width: 20px 145 | height: 20px 146 | vertical-align: text-bottom 147 | 148 | img, 149 | max-width: 100% 150 | height: auto 151 | 152 | iframe, 153 | .html_photoset 154 | max-width: 100% 155 | 156 | blockquote 157 | margin: 2em 1em 158 | color: rgba(black, .8) 159 | font-style: italic 160 | @media (min-width: 750px) 161 | margin: 2.5em 162 | 163 | 164 | @import '_post-types' 165 | -------------------------------------------------------------------------------- /html/footer.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 29 |
30 | 31 | 32 | 33 | 34 | 93 | 94 | 95 | 96 | 97 | 98 | -------------------------------------------------------------------------------- /html/posts.html: -------------------------------------------------------------------------------- 1 |
2 |

Posts

3 | 23 | 24 | 25 |
26 |
27 | 28 |
29 | 40 |

fukayatsu: レバニラ炒め

41 | 46 |

Updated by fukayatsu 2 d

47 |
48 |
49 |
50 | 51 |
52 | 57 |

58 | 63 |

Updated by fukayatsu 2 d

64 |
65 |
66 |
67 | 68 |
69 | 80 |

fukayatsu: レバニラ炒め

81 | 86 |

Updated by fukayatsu 2 d

87 |
88 |
89 |
90 | 91 | 92 | 104 |
105 | -------------------------------------------------------------------------------- /sass/vendor/normalize.css: -------------------------------------------------------------------------------- 1 | /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ 2 | 3 | /** 4 | * 1. Set default font family to sans-serif. 5 | * 2. Prevent iOS text size adjust after orientation change, without disabling 6 | * user zoom. 7 | */ 8 | 9 | html { 10 | font-family: sans-serif; /* 1 */ 11 | -ms-text-size-adjust: 100%; /* 2 */ 12 | -webkit-text-size-adjust: 100%; /* 2 */ 13 | } 14 | 15 | /** 16 | * Remove default margin. 17 | */ 18 | 19 | body { 20 | margin: 0; 21 | } 22 | 23 | /* HTML5 display definitions 24 | ========================================================================== */ 25 | 26 | /** 27 | * Correct `block` display not defined for any HTML5 element in IE 8/9. 28 | * Correct `block` display not defined for `details` or `summary` in IE 10/11 29 | * and Firefox. 30 | * Correct `block` display not defined for `main` in IE 11. 31 | */ 32 | 33 | article, 34 | aside, 35 | details, 36 | figcaption, 37 | figure, 38 | footer, 39 | header, 40 | hgroup, 41 | main, 42 | menu, 43 | nav, 44 | section, 45 | summary { 46 | display: block; 47 | } 48 | 49 | /** 50 | * 1. Correct `inline-block` display not defined in IE 8/9. 51 | * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. 52 | */ 53 | 54 | audio, 55 | canvas, 56 | progress, 57 | video { 58 | display: inline-block; /* 1 */ 59 | vertical-align: baseline; /* 2 */ 60 | } 61 | 62 | /** 63 | * Prevent modern browsers from displaying `audio` without controls. 64 | * Remove excess height in iOS 5 devices. 65 | */ 66 | 67 | audio:not([controls]) { 68 | display: none; 69 | height: 0; 70 | } 71 | 72 | /** 73 | * Address `[hidden]` styling not present in IE 8/9/10. 74 | * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. 75 | */ 76 | 77 | [hidden], 78 | template { 79 | display: none; 80 | } 81 | 82 | /* Links 83 | ========================================================================== */ 84 | 85 | /** 86 | * Remove the gray background color from active links in IE 10. 87 | */ 88 | 89 | a { 90 | background-color: transparent; 91 | } 92 | 93 | /** 94 | * Improve readability when focused and also mouse hovered in all browsers. 95 | */ 96 | 97 | a:active, 98 | a:hover { 99 | outline: 0; 100 | } 101 | 102 | /* Text-level semantics 103 | ========================================================================== */ 104 | 105 | /** 106 | * Address styling not present in IE 8/9/10/11, Safari, and Chrome. 107 | */ 108 | 109 | abbr[title] { 110 | border-bottom: 1px dotted; 111 | } 112 | 113 | /** 114 | * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. 115 | */ 116 | 117 | b, 118 | strong { 119 | font-weight: bold; 120 | } 121 | 122 | /** 123 | * Address styling not present in Safari and Chrome. 124 | */ 125 | 126 | dfn { 127 | font-style: italic; 128 | } 129 | 130 | /** 131 | * Address variable `h1` font-size and margin within `section` and `article` 132 | * contexts in Firefox 4+, Safari, and Chrome. 133 | */ 134 | 135 | h1 { 136 | font-size: 2em; 137 | margin: 0.67em 0; 138 | } 139 | 140 | /** 141 | * Address styling not present in IE 8/9. 142 | */ 143 | 144 | mark { 145 | background: #ff0; 146 | color: #000; 147 | } 148 | 149 | /** 150 | * Address inconsistent and variable font size in all browsers. 151 | */ 152 | 153 | small { 154 | font-size: 80%; 155 | } 156 | 157 | /** 158 | * Prevent `sub` and `sup` affecting `line-height` in all browsers. 159 | */ 160 | 161 | sub, 162 | sup { 163 | font-size: 75%; 164 | line-height: 0; 165 | position: relative; 166 | vertical-align: baseline; 167 | } 168 | 169 | sup { 170 | top: -0.5em; 171 | } 172 | 173 | sub { 174 | bottom: -0.25em; 175 | } 176 | 177 | /* Embedded content 178 | ========================================================================== */ 179 | 180 | /** 181 | * Remove border when inside `a` element in IE 8/9/10. 182 | */ 183 | 184 | img { 185 | border: 0; 186 | } 187 | 188 | /** 189 | * Correct overflow not hidden in IE 9/10/11. 190 | */ 191 | 192 | svg:not(:root) { 193 | overflow: hidden; 194 | } 195 | 196 | /* Grouping content 197 | ========================================================================== */ 198 | 199 | /** 200 | * Address margin not present in IE 8/9 and Safari. 201 | */ 202 | 203 | figure { 204 | margin: 1em 40px; 205 | } 206 | 207 | /** 208 | * Address differences between Firefox and other browsers. 209 | */ 210 | 211 | hr { 212 | -moz-box-sizing: content-box; 213 | box-sizing: content-box; 214 | height: 0; 215 | } 216 | 217 | /** 218 | * Contain overflow in all browsers. 219 | */ 220 | 221 | pre { 222 | overflow: auto; 223 | } 224 | 225 | /** 226 | * Address odd `em`-unit font size rendering in all browsers. 227 | */ 228 | 229 | code, 230 | kbd, 231 | pre, 232 | samp { 233 | font-family: monospace, monospace; 234 | font-size: 1em; 235 | } 236 | 237 | /* Forms 238 | ========================================================================== */ 239 | 240 | /** 241 | * Known limitation: by default, Chrome and Safari on OS X allow very limited 242 | * styling of `select`, unless a `border` property is set. 243 | */ 244 | 245 | /** 246 | * 1. Correct color not being inherited. 247 | * Known issue: affects color of disabled elements. 248 | * 2. Correct font properties not being inherited. 249 | * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. 250 | */ 251 | 252 | button, 253 | input, 254 | optgroup, 255 | select, 256 | textarea { 257 | color: inherit; /* 1 */ 258 | font: inherit; /* 2 */ 259 | margin: 0; /* 3 */ 260 | } 261 | 262 | /** 263 | * Address `overflow` set to `hidden` in IE 8/9/10/11. 264 | */ 265 | 266 | button { 267 | overflow: visible; 268 | } 269 | 270 | /** 271 | * Address inconsistent `text-transform` inheritance for `button` and `select`. 272 | * All other form control elements do not inherit `text-transform` values. 273 | * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. 274 | * Correct `select` style inheritance in Firefox. 275 | */ 276 | 277 | button, 278 | select { 279 | text-transform: none; 280 | } 281 | 282 | /** 283 | * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` 284 | * and `video` controls. 285 | * 2. Correct inability to style clickable `input` types in iOS. 286 | * 3. Improve usability and consistency of cursor style between image-type 287 | * `input` and others. 288 | */ 289 | 290 | button, 291 | html input[type="button"], /* 1 */ 292 | input[type="reset"], 293 | input[type="submit"] { 294 | -webkit-appearance: button; /* 2 */ 295 | cursor: pointer; /* 3 */ 296 | } 297 | 298 | /** 299 | * Re-set default cursor for disabled elements. 300 | */ 301 | 302 | button[disabled], 303 | html input[disabled] { 304 | cursor: default; 305 | } 306 | 307 | /** 308 | * Remove inner padding and border in Firefox 4+. 309 | */ 310 | 311 | button::-moz-focus-inner, 312 | input::-moz-focus-inner { 313 | border: 0; 314 | padding: 0; 315 | } 316 | 317 | /** 318 | * Address Firefox 4+ setting `line-height` on `input` using `!important` in 319 | * the UA stylesheet. 320 | */ 321 | 322 | input { 323 | line-height: normal; 324 | } 325 | 326 | /** 327 | * It's recommended that you don't attempt to style these elements. 328 | * Firefox's implementation doesn't respect box-sizing, padding, or width. 329 | * 330 | * 1. Address box sizing set to `content-box` in IE 8/9/10. 331 | * 2. Remove excess padding in IE 8/9/10. 332 | */ 333 | 334 | input[type="checkbox"], 335 | input[type="radio"] { 336 | box-sizing: border-box; /* 1 */ 337 | padding: 0; /* 2 */ 338 | } 339 | 340 | /** 341 | * Fix the cursor style for Chrome's increment/decrement buttons. For certain 342 | * `font-size` values of the `input`, it causes the cursor style of the 343 | * decrement button to change from `default` to `text`. 344 | */ 345 | 346 | input[type="number"]::-webkit-inner-spin-button, 347 | input[type="number"]::-webkit-outer-spin-button { 348 | height: auto; 349 | } 350 | 351 | /** 352 | * 1. Address `appearance` set to `searchfield` in Safari and Chrome. 353 | * 2. Address `box-sizing` set to `border-box` in Safari and Chrome 354 | * (include `-moz` to future-proof). 355 | */ 356 | 357 | input[type="search"] { 358 | -webkit-appearance: textfield; /* 1 */ 359 | -moz-box-sizing: content-box; 360 | -webkit-box-sizing: content-box; /* 2 */ 361 | box-sizing: content-box; 362 | } 363 | 364 | /** 365 | * Remove inner padding and search cancel button in Safari and Chrome on OS X. 366 | * Safari (but not Chrome) clips the cancel button when the search input has 367 | * padding (and `textfield` appearance). 368 | */ 369 | 370 | input[type="search"]::-webkit-search-cancel-button, 371 | input[type="search"]::-webkit-search-decoration { 372 | -webkit-appearance: none; 373 | } 374 | 375 | /** 376 | * Define consistent border, margin, and padding. 377 | */ 378 | 379 | fieldset { 380 | border: 1px solid #c0c0c0; 381 | margin: 0 2px; 382 | padding: 0.35em 0.625em 0.75em; 383 | } 384 | 385 | /** 386 | * 1. Correct `color` not being inherited in IE 8/9/10/11. 387 | * 2. Remove padding so people aren't caught out if they zero out fieldsets. 388 | */ 389 | 390 | legend { 391 | border: 0; /* 1 */ 392 | padding: 0; /* 2 */ 393 | } 394 | 395 | /** 396 | * Remove default vertical scrollbar in IE 8/9/10/11. 397 | */ 398 | 399 | textarea { 400 | overflow: auto; 401 | } 402 | 403 | /** 404 | * Don't inherit the `font-weight` (applied by a rule above). 405 | * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. 406 | */ 407 | 408 | optgroup { 409 | font-weight: bold; 410 | } 411 | 412 | /* Tables 413 | ========================================================================== */ 414 | 415 | /** 416 | * Remove most spacing between table cells. 417 | */ 418 | 419 | table { 420 | border-collapse: collapse; 421 | border-spacing: 0; 422 | } 423 | 424 | td, 425 | th { 426 | padding: 0; 427 | } -------------------------------------------------------------------------------- /sass/vendor/skeleton.css: -------------------------------------------------------------------------------- 1 | /* 2 | * Skeleton V2.0.4 3 | * Copyright 2014, Dave Gamache 4 | * www.getskeleton.com 5 | * Free to use under the MIT license. 6 | * http://www.opensource.org/licenses/mit-license.php 7 | * 12/29/2014 8 | */ 9 | 10 | 11 | /* Table of contents 12 | –––––––––––––––––––––––––––––––––––––––––––––––––– 13 | - Grid 14 | - Base Styles 15 | - Typography 16 | - Links 17 | - Buttons 18 | - Forms 19 | - Lists 20 | - Code 21 | - Tables 22 | - Spacing 23 | - Utilities 24 | - Clearing 25 | - Media Queries 26 | */ 27 | 28 | 29 | /* Grid 30 | –––––––––––––––––––––––––––––––––––––––––––––––––– */ 31 | .container { 32 | position: relative; 33 | width: 100%; 34 | max-width: 1180px; 35 | margin: 0 auto; 36 | padding: 0 20px; 37 | box-sizing: border-box; } 38 | .column, 39 | .columns { 40 | width: 100%; 41 | float: left; 42 | box-sizing: border-box; } 43 | 44 | /* For devices larger than 400px */ 45 | @media (min-width: 400px) { 46 | .container { 47 | width: 85%; 48 | padding: 0; } 49 | } 50 | 51 | /* For devices larger than 550px */ 52 | @media (min-width: 550px) { 53 | .container { 54 | width: 80%; } 55 | .column, 56 | .columns { 57 | margin-left: 4%; } 58 | .column:first-child, 59 | .columns:first-child { 60 | margin-left: 0; } 61 | 62 | .one.column, 63 | .one.columns { width: 4.66666666667%; } 64 | .two.columns { width: 13.3333333333%; } 65 | .three.columns { width: 22%; } 66 | .four.columns { width: 30.6666666667%; } 67 | .five.columns { width: 39.3333333333%; } 68 | .six.columns { width: 48%; } 69 | .seven.columns { width: 56.6666666667%; } 70 | .eight.columns { width: 65.3333333333%; } 71 | .nine.columns { width: 74.0%; } 72 | .ten.columns { width: 82.6666666667%; } 73 | .eleven.columns { width: 91.3333333333%; } 74 | .twelve.columns { width: 100%; margin-left: 0; } 75 | 76 | .one-third.column { width: 30.6666666667%; } 77 | .two-thirds.column { width: 65.3333333333%; } 78 | 79 | .one-half.column { width: 48%; } 80 | 81 | /* Offsets */ 82 | .offset-by-one.column, 83 | .offset-by-one.columns { margin-left: 8.66666666667%; } 84 | .offset-by-two.column, 85 | .offset-by-two.columns { margin-left: 17.3333333333%; } 86 | .offset-by-three.column, 87 | .offset-by-three.columns { margin-left: 26%; } 88 | .offset-by-four.column, 89 | .offset-by-four.columns { margin-left: 34.6666666667%; } 90 | .offset-by-five.column, 91 | .offset-by-five.columns { margin-left: 43.3333333333%; } 92 | .offset-by-six.column, 93 | .offset-by-six.columns { margin-left: 52%; } 94 | .offset-by-seven.column, 95 | .offset-by-seven.columns { margin-left: 60.6666666667%; } 96 | .offset-by-eight.column, 97 | .offset-by-eight.columns { margin-left: 69.3333333333%; } 98 | .offset-by-nine.column, 99 | .offset-by-nine.columns { margin-left: 78.0%; } 100 | .offset-by-ten.column, 101 | .offset-by-ten.columns { margin-left: 86.6666666667%; } 102 | .offset-by-eleven.column, 103 | .offset-by-eleven.columns { margin-left: 95.3333333333%; } 104 | 105 | .offset-by-one-third.column, 106 | .offset-by-one-third.columns { margin-left: 34.6666666667%; } 107 | .offset-by-two-thirds.column, 108 | .offset-by-two-thirds.columns { margin-left: 69.3333333333%; } 109 | 110 | .offset-by-one-half.column, 111 | .offset-by-one-half.columns { margin-left: 52%; } 112 | 113 | } 114 | 115 | 116 | /* Base Styles 117 | –––––––––––––––––––––––––––––––––––––––––––––––––– */ 118 | /* NOTE 119 | html is set to 62.5% so that all the REM measurements throughout Skeleton 120 | are based on 10px sizing. So basically 1.5rem = 15px :) */ 121 | html { 122 | font-size: 62.5%; } 123 | body { 124 | font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */ 125 | line-height: 1.6; 126 | font-weight: 400; 127 | font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; 128 | color: #222; } 129 | 130 | 131 | /* Typography 132 | –––––––––––––––––––––––––––––––––––––––––––––––––– */ 133 | h1, h2, h3, h4, h5, h6 { 134 | margin-top: 0; 135 | margin-bottom: 2rem; 136 | font-weight: 300; } 137 | h1 { font-size: 4.0rem; line-height: 1.2; ;} 138 | h2 { font-size: 3.6rem; line-height: 1.25; } 139 | h3 { font-size: 3.0rem; line-height: 1.3; } 140 | h4 { font-size: 2.4rem; line-height: 1.35; } 141 | h5 { font-size: 1.8rem; line-height: 1.5; } 142 | h6 { font-size: 1.5rem; line-height: 1.6; } 143 | 144 | /* Larger than phablet */ 145 | @media (min-width: 550px) { 146 | h1 { font-size: 5.0rem; } 147 | h2 { font-size: 4.2rem; } 148 | h3 { font-size: 3.6rem; } 149 | h4 { font-size: 3.0rem; } 150 | h5 { font-size: 2.4rem; } 151 | h6 { font-size: 1.5rem; } 152 | } 153 | 154 | p { 155 | margin-top: 0; } 156 | 157 | 158 | /* Links 159 | –––––––––––––––––––––––––––––––––––––––––––––––––– */ 160 | a { 161 | color: #1EAEDB; } 162 | a:hover { 163 | color: #0FA0CE; } 164 | 165 | 166 | /* Buttons 167 | –––––––––––––––––––––––––––––––––––––––––––––––––– */ 168 | .button, 169 | button, 170 | input[type="submit"], 171 | input[type="reset"], 172 | input[type="button"] { 173 | display: inline-block; 174 | height: 38px; 175 | padding: 0 30px; 176 | color: #555; 177 | text-align: center; 178 | font-size: 11px; 179 | font-weight: 600; 180 | line-height: 38px; 181 | letter-spacing: .1rem; 182 | text-transform: uppercase; 183 | text-decoration: none; 184 | white-space: nowrap; 185 | background-color: transparent; 186 | border-radius: 4px; 187 | border: 1px solid #bbb; 188 | cursor: pointer; 189 | box-sizing: border-box; } 190 | .button:hover, 191 | button:hover, 192 | input[type="submit"]:hover, 193 | input[type="reset"]:hover, 194 | input[type="button"]:hover, 195 | .button:focus, 196 | button:focus, 197 | input[type="submit"]:focus, 198 | input[type="reset"]:focus, 199 | input[type="button"]:focus { 200 | color: #333; 201 | border-color: #888; 202 | outline: 0; } 203 | .button.button-primary, 204 | button.button-primary, 205 | input[type="submit"].button-primary, 206 | input[type="reset"].button-primary, 207 | input[type="button"].button-primary { 208 | color: #FFF; 209 | background-color: #33C3F0; 210 | border-color: #33C3F0; } 211 | .button.button-primary:hover, 212 | button.button-primary:hover, 213 | input[type="submit"].button-primary:hover, 214 | input[type="reset"].button-primary:hover, 215 | input[type="button"].button-primary:hover, 216 | .button.button-primary:focus, 217 | button.button-primary:focus, 218 | input[type="submit"].button-primary:focus, 219 | input[type="reset"].button-primary:focus, 220 | input[type="button"].button-primary:focus { 221 | color: #FFF; 222 | background-color: #1EAEDB; 223 | border-color: #1EAEDB; } 224 | 225 | 226 | /* Forms 227 | –––––––––––––––––––––––––––––––––––––––––––––––––– */ 228 | input[type="email"], 229 | input[type="number"], 230 | input[type="search"], 231 | input[type="text"], 232 | input[type="tel"], 233 | input[type="url"], 234 | input[type="password"], 235 | textarea, 236 | select { 237 | height: 38px; 238 | padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */ 239 | background-color: #fff; 240 | border: 1px solid #D1D1D1; 241 | border-radius: 4px; 242 | box-shadow: none; 243 | box-sizing: border-box; } 244 | /* Removes awkward default styles on some inputs for iOS */ 245 | input[type="email"], 246 | input[type="number"], 247 | input[type="search"], 248 | input[type="text"], 249 | input[type="tel"], 250 | input[type="url"], 251 | input[type="password"], 252 | textarea { 253 | -webkit-appearance: none; 254 | -moz-appearance: none; 255 | appearance: none; } 256 | textarea { 257 | min-height: 65px; 258 | padding-top: 6px; 259 | padding-bottom: 6px; } 260 | input[type="email"]:focus, 261 | input[type="number"]:focus, 262 | input[type="search"]:focus, 263 | input[type="text"]:focus, 264 | input[type="tel"]:focus, 265 | input[type="url"]:focus, 266 | input[type="password"]:focus, 267 | textarea:focus, 268 | select:focus { 269 | border: 1px solid #33C3F0; 270 | outline: 0; } 271 | label, 272 | legend { 273 | display: block; 274 | margin-bottom: .5rem; 275 | font-weight: 600; } 276 | fieldset { 277 | padding: 0; 278 | border-width: 0; } 279 | input[type="checkbox"], 280 | input[type="radio"] { 281 | display: inline; } 282 | label > .label-body { 283 | display: inline-block; 284 | margin-left: .5rem; 285 | font-weight: normal; } 286 | 287 | 288 | /* Lists 289 | –––––––––––––––––––––––––––––––––––––––––––––––––– */ 290 | ul { 291 | list-style: circle inside; } 292 | ol { 293 | list-style: decimal inside; } 294 | ol, ul { 295 | padding-left: 0; 296 | margin-top: 0; } 297 | ul ul, 298 | ul ol, 299 | ol ol, 300 | ol ul { 301 | margin: 1.5rem 0 1.5rem 3rem; 302 | font-size: 90%; } 303 | li { 304 | margin-bottom: 1rem; } 305 | 306 | 307 | /* Code 308 | –––––––––––––––––––––––––––––––––––––––––––––––––– */ 309 | code { 310 | padding: .2rem .5rem; 311 | margin: 0 .2rem; 312 | font-size: 90%; 313 | white-space: nowrap; 314 | background: #F1F1F1; 315 | border: 1px solid #E1E1E1; 316 | border-radius: 4px; } 317 | pre > code { 318 | display: block; 319 | padding: 1rem 1.5rem; 320 | white-space: pre; } 321 | 322 | 323 | /* Tables 324 | –––––––––––––––––––––––––––––––––––––––––––––––––– */ 325 | th, 326 | td { 327 | padding: 12px 15px; 328 | text-align: left; 329 | border-bottom: 1px solid #E1E1E1; } 330 | th:first-child, 331 | td:first-child { 332 | padding-left: 0; } 333 | th:last-child, 334 | td:last-child { 335 | padding-right: 0; } 336 | 337 | 338 | /* Spacing 339 | –––––––––––––––––––––––––––––––––––––––––––––––––– */ 340 | button, 341 | .button { 342 | margin-bottom: 1rem; } 343 | input, 344 | textarea, 345 | select, 346 | fieldset { 347 | margin-bottom: 1.5rem; } 348 | pre, 349 | blockquote, 350 | dl, 351 | figure, 352 | table, 353 | p, 354 | ul, 355 | ol, 356 | form { 357 | margin-bottom: 2.5rem; } 358 | 359 | 360 | /* Utilities 361 | –––––––––––––––––––––––––––––––––––––––––––––––––– */ 362 | .u-full-width { 363 | width: 100%; 364 | box-sizing: border-box; } 365 | .u-max-full-width { 366 | max-width: 100%; 367 | box-sizing: border-box; } 368 | .u-pull-right { 369 | float: right; } 370 | .u-pull-left { 371 | float: left; } 372 | 373 | 374 | /* Misc 375 | –––––––––––––––––––––––––––––––––––––––––––––––––– */ 376 | hr { 377 | margin-top: 3rem; 378 | margin-bottom: 3.5rem; 379 | border-width: 0; 380 | border-top: 1px solid #E1E1E1; } 381 | 382 | 383 | /* Clearing 384 | –––––––––––––––––––––––––––––––––––––––––––––––––– */ 385 | 386 | /* Self Clearing Goodness */ 387 | .container:after, 388 | .row:after, 389 | .u-cf { 390 | content: ""; 391 | display: table; 392 | clear: both; } 393 | 394 | 395 | /* Media Queries 396 | –––––––––––––––––––––––––––––––––––––––––––––––––– */ 397 | /* 398 | Note: The best way to structure the use of media queries is to create the queries 399 | near the relevant code. For example, if you wanted to change the styles for buttons 400 | on small devices, paste the mobile query code up in the buttons section and style it 401 | there. 402 | */ 403 | 404 | 405 | /* Larger than mobile */ 406 | @media (min-width: 400px) {} 407 | 408 | /* Larger than phablet (also point when grid becomes active) */ 409 | @media (min-width: 550px) {} 410 | 411 | /* Larger than tablet */ 412 | @media (min-width: 750px) {} 413 | 414 | /* Larger than desktop */ 415 | @media (min-width: 1000px) {} 416 | 417 | /* Larger than Desktop HD */ 418 | @media (min-width: 1200px) {} 419 | -------------------------------------------------------------------------------- /html/posts_detail_view.html: -------------------------------------------------------------------------------- 1 |
2 |

Posts

3 | 23 | 24 | 25 | 26 |
27 |
28 |
29 |
    30 |
  • text
  • 31 |
  • 2015
  • 32 |
  • 05
  • 33 |
  • 24
  • 34 |
35 |

36 | 37 |

38 | 43 |
44 |
45 | 46 |
47 |

ジュウシマツ住職とは (ジュウシマツジュウショクとは) [単語記事] - ニコニコ大百科

2004年行われた企画「浜田・山崎・田中 絶対笑ってはいけない温泉宿 1泊2日の旅 in 湯河原」にて出演者が参詣した禅寺に、歴代住職の写真に並んでジュウシマツの写真が「5代目 ジュウシマツ住職」として掲げられ登場した。この時、出演者は誰も笑わなかったが視聴者には非常に好評で、その後ネット上にて二次表現されており漫☆画太郎のババアのポーズで「バーカ」など独自の文化を形成している。

48 |
49 | 50 |
51 |
52 |
53 |
    54 |
  • text
  • 55 |
  • 2015
  • 56 |
  • 05
  • 57 |
  • 24
  • 58 |
59 |

60 | 61 | ジュウシマツ住職とは 62 | 63 |

64 | 69 |
70 |
71 | 72 |
73 |

ジュウシマツ住職とは (ジュウシマツジュウショクとは) [単語記事] - ニコニコ大百科

2004年行われた企画「浜田・山崎・田中 絶対笑ってはいけない温泉宿 1泊2日の旅 in 湯河原」にて出演者が参詣した禅寺に、歴代住職の写真に並んでジュウシマツの写真が「5代目 ジュウシマツ住職」として掲げられ登場した。この時、出演者は誰も笑わなかったが視聴者には非常に好評で、その後ネット上にて二次表現されており漫☆画太郎のババアのポーズで「バーカ」など独自の文化を形成している。

74 |
75 | 76 |
77 |
78 |
79 |
    80 |
  • text
  • 81 |
  • 2015
  • 82 |
  • 05
  • 83 |
  • 24
  • 84 |
85 |

86 | 87 | ジュウシマツ住職とは 88 | 89 |

90 | 95 |
96 |
97 | 98 |
99 |

ジュウシマツ住職とは (ジュウシマツジュウショクとは) [単語記事] - ニコニコ大百科

2004年行われた企画「浜田・山崎・田中 絶対笑ってはいけない温泉宿 1泊2日の旅 in 湯河原」にて出演者が参詣した禅寺に、歴代住職の写真に並んでジュウシマツの写真が「5代目 ジュウシマツ住職」として掲げられ登場した。この時、出演者は誰も笑わなかったが視聴者には非常に好評で、その後ネット上にて二次表現されており漫☆画太郎のババアのポーズで「バーカ」など独自の文化を形成している。

100 |
101 | 102 |
103 |
104 |
105 |
    106 |
  • text
  • 107 |
  • 2015
  • 108 |
  • 05
  • 109 |
  • 24
  • 110 |
111 |

112 | 113 | ジュウシマツ住職とは 114 | 115 |

116 | 121 |
122 |
123 | 124 |
125 |

ジュウシマツ住職とは (ジュウシマツジュウショクとは) [単語記事] - ニコニコ大百科

2004年行われた企画「浜田・山崎・田中 絶対笑ってはいけない温泉宿 1泊2日の旅 in 湯河原」にて出演者が参詣した禅寺に、歴代住職の写真に並んでジュウシマツの写真が「5代目 ジュウシマツ住職」として掲げられ登場した。この時、出演者は誰も笑わなかったが視聴者には非常に好評で、その後ネット上にて二次表現されており漫☆画太郎のババアのポーズで「バーカ」など独自の文化を形成している。

126 |
127 | 128 |
129 |
130 |
131 |
    132 |
  • text
  • 133 |
  • 2015
  • 134 |
  • 05
  • 135 |
  • 24
  • 136 |
137 |

138 | 139 | ジュウシマツ住職とは 140 | 141 |

142 | 147 |
148 |
149 | 150 |
151 |

ジュウシマツ住職とは (ジュウシマツジュウショクとは) [単語記事] - ニコニコ大百科

2004年行われた企画「浜田・山崎・田中 絶対笑ってはいけない温泉宿 1泊2日の旅 in 湯河原」にて出演者が参詣した禅寺に、歴代住職の写真に並んでジュウシマツの写真が「5代目 ジュウシマツ住職」として掲げられ登場した。この時、出演者は誰も笑わなかったが視聴者には非常に好評で、その後ネット上にて二次表現されており漫☆画太郎のババアのポーズで「バーカ」など独自の文化を形成している。

152 |
153 | 154 |
155 |
156 | 157 | 158 | 170 |
171 | -------------------------------------------------------------------------------- /tumblr-esa-theme.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | {block:PostSummary}{PostSummary} - {/block:PostSummary}{Title} 7 | 8 | 9 | {block:Hidden} 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | {/block:Hidden} 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | {block:PermalinkPage} 43 | {block:Posts} 44 | {block:Photo} 45 | 46 | {/block:Photo} 47 | {block:Photoset} 48 | {block:Photos} 49 | 50 | {/block:Photos} 51 | {/block:Photoset} 52 | {/block:Posts} 53 | {/block:PermalinkPage} 54 | 55 | {block:Description} 56 | 57 | {/block:Description} 58 | {block:IndexPage} 59 | 60 | 61 | {/block:IndexPage} 62 | {block:PermalinkPage} 63 | 64 | 65 | {/block:PermalinkPage} 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 |
76 |

77 | 78 | {block:ShowAvatar}{/block:ShowAvatar} 79 | {block:HideAvatar}{/block:HideAvatar} 80 | 81 |

82 | 96 |
97 | 98 | 99 | 100 |
101 |
102 |

{Title}

103 | 104 | 109 | {block:Hidden} 110 | 111 | 115 | {/block:Hidden} 116 |
117 | 118 |
119 | {block:IndexPage} 120 |

Posts

121 | 141 | {/block:IndexPage} 142 | 143 | 144 | 145 | {block:IndexPage} 146 | 147 | {block:Hidden} 148 | 151 | {/block:Hidden} 152 | 153 | {block:IfShowContentsInPosts} 154 |
155 | {block:Posts} 156 |
157 |
158 |
159 | 171 |

172 | 173 | {block:Text}{block:Title}{Title}{/block:Title}{/block:Text} 174 | {block:Link}{Name}{/block:Link} 175 | {block:Chat}{block:Title}{Title}{/block:Title}{/block:Chat} 176 | {block:Answer}{Question}{/block:Answer} 177 | 178 |

179 | 184 |
185 | 186 |
187 | {block:Text} 188 | {Body} 189 | {/block:Text} 190 | 191 | {block:Photo} 192 |

193 | {block:Caption}
{Caption}
{/block:Caption} 194 | {/block:Photo} 195 | 196 | {block:Panorama} 197 |
198 | {block:Caption}
{Caption}
{/block:Caption} 199 | {/block:Panorama} 200 | 201 | {block:Photoset} 202 | {Photoset} 203 | {block:Caption}
{Caption}
{/block:Caption} 204 | {/block:Photoset} 205 | 206 | {block:Quote} 207 |
208 |
{Quote}
209 | {block:Source} 210 |
211 | source: 212 | {Source} 213 |
214 | {/block:Source} 215 |
216 | {/block:Quote} 217 | 218 | {block:Link} 219 | {block:Thumbnail}

{/block:Thumbnail} 220 | {block:Host}

{Host}

{/block:Host} 221 |

{Name}

222 | {block:Description}
{Description}
{/block:Description} 223 | {block:Author}
via {Author}
{/block:Author} 224 | {block:Excerpt}
{Excerpt}
{/block:Excerpt} 225 | {/block:Link} 226 | 227 | {block:Chat} 228 |
    229 | {block:Lines} 230 |
  • 231 | {block:Label} 232 | {Label} 233 | {/block:Label} 234 | {Line} 235 |
  • 236 | {/block:Lines} 237 |
238 | {/block:Chat} 239 | 240 | {block:Audio} 241 | {block:AudioEmbed}
{AudioEmbed}
{/block:AudioEmbed} 242 | {block:AudioPlayer}
{AudioPlayer}
{/block:AudioPlayer} 243 | {block:Caption}
{Caption}
{/block:Caption} 244 | {/block:Audio} 245 | 246 | {block:Video} 247 | {Video-700} 248 | {block:Caption} 249 |
250 | {Caption} 251 |
252 |

{PlayCountWithLabel}

253 | {/block:Caption} 254 | {/block:Video} 255 | 256 | {block:Answer} 257 |
258 |
259 | 260 |
261 | {Asker} 262 |
{Question}
263 |
264 |
265 |
266 | 267 | {block:Answerer} 268 |
269 |
270 | 271 |
272 |
{Answerer}
273 |
{Answer}
274 |
275 |
276 |
277 | {/block:Answerer} 278 | 279 |
280 | {Replies} 281 |
282 | {/block:Answer} 283 | 284 | {block:RebloggedFrom} 285 |

{ReblogRootTitle} - {ReblogRootName}

286 | {/block:RebloggedFrom} 287 | 288 | {block:More}Read More{/block:More} 289 |
290 | 291 | {PostNotes} 292 | 293 |
294 |
295 | {/block:Posts} 296 |
297 | {/block:IfShowContentsInPosts} 298 | 299 | 300 | 301 | {block:Hidden} 302 | 305 | {/block:Hidden} 306 | 307 | {block:IfNotShowContentsInPosts} 308 |
309 | {block:Posts} 310 |
311 | 312 | {block:ShowAvatar}{/block:ShowAvatar} 313 | {block:HideAvatar}{/block:HideAvatar} 314 | {block:RebloggedFrom}{/block:RebloggedFrom} 315 | 316 |
317 | 329 |

330 | 331 | {block:Text}{block:Title}{Title}{/block:Title}{/block:Text} 332 | {block:Photo}{block:Caption}{PlaintextCaption}{/block:Caption}{/block:Photo} 333 | {block:Quote}{Quote}{/block:Quote} 334 | {block:Link}{Name}{/block:Link} 335 | {block:Chat}{block:Title}{Title}{/block:Title} {block:Lines}{Line}{/block:Lines}{/block:Chat} 336 | {block:Audio}{block:Caption}{PlaintextCaption}{/block:Caption}{/block:Audio} 337 | {block:Video}{block:Caption}{PlaintextCaption}{/block:Caption}{/block:Video} 338 | {block:Answer}{Question}{/block:Answer} 339 | 340 |

341 | 346 |

Updated by {PostAuthorName} {TimeAgo}

347 |
348 |
349 | {/block:Posts} 350 |
351 | {/block:IfNotShowContentsInPosts} 352 | {/block:IndexPage} 353 | 354 | 355 | 356 | {block:Hidden} 357 | 360 | {/block:Hidden} 361 | 362 | {block:PermalinkPage} 363 | {block:Posts} 364 |
365 |
366 | 378 |

379 | 380 | {block:Text}{block:Title}{Title}{/block:Title}{/block:Text} 381 | {block:Link}{Name}{/block:Link} 382 | {block:Chat}{block:Title}{Title}{/block:Title}{/block:Chat} 383 | {block:Answer}{Question}{/block:Answer} 384 | 385 |

386 | 391 |
392 |
393 | 394 |
395 | {block:Text} 396 | {Body} 397 | {/block:Text} 398 | 399 | {block:Photo} 400 |

401 | {block:Caption}
{Caption}
{/block:Caption} 402 | {/block:Photo} 403 | 404 | {block:Panorama} 405 |
406 | {block:Caption}
{Caption}
{/block:Caption} 407 | {/block:Panorama} 408 | 409 | {block:Photoset} 410 | {Photoset} 411 | {block:Caption}
{Caption}
{/block:Caption} 412 | {/block:Photoset} 413 | 414 | {block:Quote} 415 |
416 |
{Quote}
417 | {block:Source} 418 |
419 | source: 420 | {Source} 421 |
422 | {/block:Source} 423 |
424 | {/block:Quote} 425 | 426 | {block:Link} 427 | {block:Thumbnail}

{/block:Thumbnail} 428 | {block:Host}

{Host}

{/block:Host} 429 |

{Name}

430 | {block:Description}
{Description}
{/block:Description} 431 | {block:Author}
via {Author}
{/block:Author} 432 | {block:Excerpt}
{Excerpt}
{/block:Excerpt} 433 | {/block:Link} 434 | 435 | {block:Chat} 436 |
    437 | {block:Lines} 438 |
  • 439 | {block:Label} 440 | {Label} 441 | {/block:Label} 442 | {Line} 443 |
  • 444 | {/block:Lines} 445 |
446 | {/block:Chat} 447 | 448 | {block:Audio} 449 | {block:AudioEmbed}
{AudioEmbed}
{/block:AudioEmbed} 450 | {block:AudioPlayer}
{AudioPlayer}
{/block:AudioPlayer} 451 | {block:Caption}
{Caption}
{/block:Caption} 452 | {/block:Audio} 453 | 454 | {block:Video} 455 | {Video-700} 456 | {block:Caption} 457 |
458 | {Caption} 459 |
460 |

{PlayCountWithLabel}

461 | {/block:Caption} 462 | {/block:Video} 463 | 464 | {block:Answer} 465 |
466 |
467 | 468 |
469 | {Asker} 470 |
{Question}
471 |
472 |
473 |
474 | 475 | {block:Answerer} 476 |
477 |
478 | 479 |
480 |
{Answerer}
481 |
{Answer}
482 |
483 |
484 |
485 | {/block:Answerer} 486 | 487 |
488 | {Replies} 489 |
490 | {/block:Answer} 491 | 492 | {block:RebloggedFrom} 493 |

{ReblogRootTitle} - {ReblogRootName}

494 | {/block:RebloggedFrom} 495 |
496 | 497 | 502 | 503 | {PostNotes} 504 | 505 | {block:IfDisqusShortname} 506 |
507 | 519 | 520 | blog comments powered by Disqus 521 | {/block:IfDisqusShortname} 522 | 523 |
524 | 525 | {block:PermalinkPagination} 526 | 535 | {/block:PermalinkPagination} 536 | 537 | {/block:Posts} 538 | {/block:PermalinkPage} 539 | 540 | 541 | {block:Pagination} 542 | 543 | 557 | {/block:Pagination} 558 |
559 | 560 | 561 | 562 | 591 |
592 | 593 | 594 | 595 | {block:IfEnableEndlessScroll}{/block:IfEnableEndlessScroll} 596 | {block:IfAddThis}{/block:IfAddThis} 597 | 685 | 686 | 687 | 688 | 689 | 690 | --------------------------------------------------------------------------------