[DRE-commits] [tdiary-theme] 01/06: Imported Upstream version 5.0.1

Youhei SASAKI uwabami-guest at moszumanska.debian.org
Sun Aug 21 09:22:12 UTC 2016


This is an automated email from the git hooks/post-receive script.

uwabami-guest pushed a commit to annotated tag debian/5.0.1-1
in repository tdiary-theme.

commit 79f49ccfab4625a6f2f4db3b6899f87e1f5003e1
Author: Youhei SASAKI <uwabami at gfd-dennou.org>
Date:   Sun Aug 21 18:04:51 2016 +0900

    Imported Upstream version 5.0.1
---
 README.md                   |   4 +-
 blog/README                 |   7 +
 blog/blog.css               | 572 ++++++++++++++++++++++++++++++++++++
 genjson.rb                  |   2 +-
 snest/.gitignore            |   6 +
 snest/README                |  30 ++
 snest/gulpfile.js           |  19 ++
 snest/h1back.jpg            | Bin 0 -> 100209 bytes
 snest/package.json          |  16 ++
 snest/scss/_base.scss       | 201 +++++++++++++
 snest/scss/_button.scss     |  37 +++
 snest/scss/_form.scss       | 120 ++++++++
 snest/scss/_sanitize.scss   | 350 ++++++++++++++++++++++
 snest/scss/_table.scss      |  20 ++
 snest/scss/_typography.scss | 151 ++++++++++
 snest/scss/_variables.scss  |  39 +++
 snest/scss/snest.scss       |  10 +
 snest/snest.css             | 685 ++++++++++++++++++++++++++++++++++++++++++++
 snest/snest.css.map         |   1 +
 themebench.html             |   6 +-
 themes.json                 | 111 +++----
 21 files changed, 2334 insertions(+), 53 deletions(-)

diff --git a/README.md b/README.md
index b23fbd5..0e2cd51 100644
--- a/README.md
+++ b/README.md
@@ -6,7 +6,7 @@ For using, copy each themes directory into 'theme' direcroty of tDiary.
 See licenses and copyrights in each theme files. If no license or copyright, it can be distoributed by GPL2, and it has a copyright below: 
 
 ```
-Copyright (c) 2005 TADA Tadashi <sho at spc.gr.jp> 
+Copyright (c) 2005 TADA Tadashi <t at tdtds.jp>
 ```
 
 # Japanese Information
@@ -16,5 +16,5 @@ Copyright (c) 2005 TADA Tadashi <sho at spc.gr.jp>
 著作権およびライセンスは各テーマのファイルに記述してあるものに従いますが、特に明記されていない場合、配布条件はGPL2、著作権は以下になります。
 
 ```
-Copyright (c) 2005 TADA Tadashi <sho at spc.gr.jp> 
+Copyright (c) 2005 TADA Tadashi <t at tdtds.jp>
 ``` 
diff --git a/blog/README b/blog/README
new file mode 100644
index 0000000..38461e0
--- /dev/null
+++ b/blog/README
@@ -0,0 +1,7 @@
+Title: tDiary blog style
+Revision: $Revision: 1.4 $
+Author: ただただし
+Access: t at tdtds.jp
+License: GPL
+Comment: tDiary Blogkitデフォルトテーマ
+
diff --git a/blog/blog.css b/blog/blog.css
new file mode 100644
index 0000000..d764540
--- /dev/null
+++ b/blog/blog.css
@@ -0,0 +1,572 @@
+ at charset "utf-8";
+/*
+Title: tDiary blog style
+Revision: $Revision: 1.4 $
+Author: ただただし
+Access: sho at spc.gr.jp
+License: GPL
+Comment: tDiary blog kitデフォルトテーマ
+
+validated by W3C.
+*/
+
+/*
+ページ全体の基本的な設定。背景色や文字色など
+*/
+body {
+	background-color: #eee;
+	color: #000;
+	margin: 0px;
+}
+
+/*
+リンク文字列に関する設定
+*/
+a:link {
+	text-decoration: none;
+}
+
+a:visited {
+	background-color: transparent;
+	color: #00a;
+	text-decoration: none;
+}
+
+a:hover {
+	text-decoration: underline;
+}
+
+/*
+ページトップにある操作ボタンの並ぶ行の設定
+*/
+div.adminmenu {
+	text-align: center;
+	font-size: 0.9em;
+	clear: both;
+}
+
+/*
+ページトップにある操作ボタン自体の設定
+*/
+span.adminmenu {
+	background-color: transparent;
+	color: #000;
+	border-style: solid;
+	border-color: #aaa;
+	border-width: 0px 1px 0px 1px;
+	padding: 0px 4px 0px 4px;
+}
+
+/*
+日記タイトルの設定
+*/
+h1 {
+	height: 80px;
+	text-align: center;
+	margin: 10px;
+}
+
+/*
+カレンダーの設定
+*/
+div.calendar {
+	border-style: solid;
+	border-color: #ddf;
+	border-width: 2px;
+	padding: 2px;
+	margin-top: 0.5em;
+	margin-bottom: 0.5em;
+	line-height: 1.1em;
+	font-size: 90%;
+}
+
+div.calendar div.year {
+}
+
+/*
+1日の日記全体を囲む枠の設定
+*/
+div.day {
+	border-style: solid;
+	border-color: #ddd;
+	border-width: 0px 0px 4px 0px;
+	padding-bottom: 0em;
+	margin-bottom: 1em;
+}
+
+/*
+タイトル行全体の設定
+*/
+h2 {
+	background-color: #ccc;
+	color: #000;
+	margin: 0em 0em 0.1em 0em;
+	padding-left: 4px;
+}
+
+/*
+日付の設定
+*/
+h2 span.date {
+	font-size: medium;
+}
+
+/*
+タイトルの設定
+*/
+h2 span.title {
+	font-size: large;
+}
+
+/*
+タイトルを除いた1日の日記本文全体の設定
+*/
+div.body {
+	background-color: #f5f5f5;
+	color: #000;
+	padding: 4px;
+	margin-top: 0em;
+	margin-bottom: 0em;
+}
+
+/*
+Last-Modified plugin
+*/
+div.body div.lm {
+	text-align: right;
+	font-size: 80%;
+}
+
+/*
+サブタイトルを含むセクションの設定
+*/
+div.section {
+	margin-top: 0.7em;
+	margin-bottom: 0.7em;
+}
+
+/*
+サブタイトルの設定
+*/
+h3 {
+	font-size: 1em;
+	margin: 0em;
+	font-weight: bold;
+}
+
+/*
+日記の本文(段落)の設定
+*/
+div.section p {
+	margin: 0.5em 1em 0.7em 3em;
+	line-height: 1.5;
+}
+
+/*
+ツッコミ/フォーム/リンク元のキャプション設定
+*/
+div.caption {
+	font-size: 0.9em;
+	font-weight: bold;
+	border-style: solid;
+	border-color: #ccc;
+	border-width: 0px 0px 1px 0px;
+	margin: 0.5em;
+}
+
+/*
+ツッコミ欄全体の設定
+*/
+div.comment {
+	background-color: #f5f5f5;
+	color: #000;
+	border-style: solid;
+	border-color: #ccc;
+	border-width: 2px 0px 0px 0px;
+	padding: 2px;
+	padding-bottom: 1px;
+	margin-top: 0em;
+}
+
+/*
+ツッコミ省略版本文
+*/
+div.commentshort {
+	font-size: 0.9em;
+	margin-left: 4em;
+}
+span.commentator {
+	font-weight: bold;
+}
+div.commentshort p {
+	margin-top: 0.2em;
+	margin-bottom: 0.2em;
+	line-height: 1.2em;
+}
+
+/*
+ツッコミ本体
+*/
+div.commentbody {
+	font-size: 0.9em;
+	margin: 0.5em;
+	line-height: 1.2em;
+}
+
+/*
+ツッコミした人の情報
+*/
+div.commentator {
+	border-style: solid;
+	border-color: #ccc;
+	border-width: 0px 0px 1px 0px;
+	line-height: 1.5em;
+}
+
+/*
+ツッコミ本文
+*/
+div.commentbody p {
+	margin: 0.5em;
+	margin-left: 2em;
+}
+
+/*
+フォーム全体を囲む枠の設定
+*/
+div.form {
+	background-color: #f5f5f5;
+	color: #000;
+	border-style: solid;
+	border-color: #ccc;
+	border-width: 2px 0px 0px 0px;
+	padding: 2px;
+	margin: 0em;
+}
+
+/*
+フォームの設定
+*/
+div.form form {
+	margin: 0em 0em 0em 3em;
+}
+
+div.form form.comment {
+	font-size: 0.9em;
+}
+
+div.field {
+	display: inline;
+	margin-right: 2em;
+}
+form.comment input {
+	background-color: #eee;
+	color: #000;
+	margin-left: 1em;
+}
+
+div.textarea {
+	display: block;
+	vertical-align: top;
+}
+form.comment textarea {
+	display: block;
+	background-color: #eee;
+	color: #000;
+	margin-left: 3em;
+	width: 30em;
+	height: 5em;
+}
+
+div.button {
+	display: block;
+	margin-left: 3em;
+}
+
+/*
+リンク元リスト(Month/Latestモード)の設定
+*/
+div.referer {
+	text-align: right;
+	font-size: 0.9em;
+	background-color: #ddd;
+	color: #000;
+	padding: 2px;
+	padding-bottom: 1px;
+	margin: 0em;
+}
+
+/*
+リンク元リスト(Dayモード)の設定
+*/
+div.refererlist {
+	background-color: #f5f5f5;
+	color: #000;
+	border-style: solid;
+	border-color: #ccc;
+	border-width: 2px 0px 0px 0px;
+	padding: 2px;
+	padding-bottom: 1px;
+}
+
+/*
+リンク元リスト一覧の設定
+*/
+div.refererlist ul {
+	font-size: 0.9em;
+	margin: 0.5em 1em 0.5em 3em;
+	line-height: 1.2em;
+}
+
+/*
+罫線の設定
+*/
+hr {
+	border-style: solid;
+	border-width: 2px 0px 0px 0px;
+	border-color: #ddf;
+}
+
+/*
+日々の日記のセパレータに使われる罫線の設定
+*/
+hr.sep {
+	display: none;
+}
+
+/*
+フッタの設定
+*/
+div.footer {
+	font-size: 0.9em;
+	text-align: right;
+	margin-top: 0.5em;
+	margin-right: 1em;
+	clear: both;
+}
+
+/*
+更新フォーム
+*/
+form.update {
+	padding-top: 0.5em;
+	padding-bottom: 0.5em;
+}
+form.update input, form.update textarea, form.commentstat input {
+	background-color: #eee;
+	color: #000;
+}
+
+form.update span.field {
+	display: inline;
+	margin-left: 0em;
+	margin-right: 0.5em;
+}
+
+form.update div.field.title {
+	display: block;
+	margin-top: 1em;
+}
+form.update div.field.title input {
+	margin-left: 0.5em;
+}
+
+form.update div.textarea {
+	display: block;
+	margin-top: 1em;
+}
+form.update textarea {
+	display: block;
+	margin-left: 3em;
+	margin-bottom: 1em;
+	width: 35em;
+	height: 15em;
+}
+
+form.update span.checkbox.hidediary {
+	margin-left: 1em;
+}
+
+/*
+ツッコミ状態変更フォーム
+*/
+div.comment form {
+	margin-top: 0em;
+	margin-left: 3em;
+}
+
+/*
+エラーメッセージ表示の設定
+*/
+p.message {
+	text-align: center;
+	font-size: large;
+	background-color: #d00;
+	color: #fff;
+	padding: 8px;
+}
+
+/*
+整形済みテキスト(preタグ)の設定
+*/
+pre {
+	background-color: #eee;
+	color: #000;
+	margin-left: 5em;
+	margin-right: 1em;
+	padding: 8px 8px 8px 8px;
+	border-style: solid;
+	border-color: #ccc;
+	border-width: 0px 0px 0px 2px;
+}
+
+/*
+引用(blockquoteタグ)の設定
+*/
+div.body blockquote {
+	border-style: solid;
+	border-color: #ccc;
+	border-width: 2px 2px 2px 2px;
+	margin-left: 5em;
+	margin-right: 3em;
+	padding: 4px 4px 4px 4px;
+}
+div.body blockquote p {
+	margin: 0.5em 0em 0.5em 0em;
+}
+
+/*
+箇条書きの設定
+*/
+div.body ul, div.body ol {
+	margin-left: 6em;
+	margin-right: 3em;
+}
+
+/*
+項目リストの設定
+*/
+div.body dl {
+	margin-left: 5em;
+}
+
+div.body dt {
+	margin-bottom: 0.2em;
+	font-weight: bold;
+}
+
+div.body dd {
+	margin: 0em 3em 0.5em 1em;
+}
+
+/*
+ いくつかのメジャーなプラグイン対応
+ */
+
+/* calendar2 */
+table.calendar {
+	font-size: x-small;
+	line-height: 1.1em;
+	border-style: solid;
+	border-color: #ccc;
+	border-width: 1px;
+}
+
+table.calendar td {
+	margin: 0px;
+	text-align: right;
+	padding: 0px;
+	margin: 0px;
+}
+
+table.calendar td.calendar-prev-month, table.calendar td.calendar-current-month, table.calendar td.calendar-next-month {
+	text-align: center;
+}
+
+/* recent_list */
+p.recentitem {
+	font-size: 0.9em;
+	margin-top: 0px;
+	margin-bottom: 0px;
+}
+
+div.recentsubtitles {
+	font-size: 0.9em;
+	margin-top: 0px;
+	margin-bottom: 1em;
+	margin-left: 1em;
+}
+
+/* footnote */
+div.body span.footnote {
+	vertical-align: super;
+	font-size: 0.7em;
+}
+
+div.footnote {
+	font-size: 0.9em;
+	border-style: solid;
+	border-color: #ccc;
+	border-width: 1px 0px 0px 0px;
+	padding: 0em;
+	margin-left: 6em;
+}
+
+p.footnote {
+	margin: 0.5em;
+	padding: 0em;
+}
+
+/* amazon plugin */
+img.left {
+	border-width: 1px;
+	border-color: #008;
+	float: left;
+	margin: 0.5em;
+}
+
+img.right {
+	border-width: 1px;
+	border-color: #008;
+	float: right;
+	margin: 0.5em;
+}
+
+div.section, div.comment {
+	clear: both;
+}
+
+/*
+サイドバー関連
+*/
+div.main {
+	margin-left: 30%;
+}
+
+div.sidebar {
+	position: absolute;
+	top: 100px;
+	left: 0px;
+	width: 30%;
+	padding-bottom: 100%;
+}
+
+div.sidebar div.sidemenu {
+	border-style: solid;
+	border-color: #ccc;
+	border-width: 1px 0px 0px 0px;
+	font-weight: bold;
+	padding-left: 4px;
+	padding-bottom: 4px;
+}
+
+div.sidebar ul {
+	line-height: 120%;
+	margin: 0em 0em 0.5em 2em;
+	padding: 0px;
+}
+
+div.sidebar form {
+	margin: 0em 0em 0.5em 2em;
+	padding: 0px;
+}
diff --git a/genjson.rb b/genjson.rb
index daeff39..359f184 100644
--- a/genjson.rb
+++ b/genjson.rb
@@ -8,7 +8,7 @@
 require 'json'
 
 themes = {}
-Dir.glob('*/README') do |readme|
+Dir.glob('*/README').sort.each do |readme|
 	theme, = readme.split(/\//)
 	attrs = {}
 	open(readme, &:read).split(/\n\n/m)[0].each_line do |l|
diff --git a/snest/.gitignore b/snest/.gitignore
new file mode 100644
index 0000000..fd68bd3
--- /dev/null
+++ b/snest/.gitignore
@@ -0,0 +1,6 @@
+.bundle
+.sass-cache
+Gemfile
+Gemfile.lock
+vendor
+node_modules
diff --git a/snest/README b/snest/README
new file mode 100644
index 0000000..039b442
--- /dev/null
+++ b/snest/README
@@ -0,0 +1,30 @@
+Title: snest.net
+Author: Sensuke Osawa
+Access: senosa at gmail.com
+License: GPL
+Comment: Responsive, Mobile friendly, using Sass preprocessor.
+
+Copyright 2016 (C) Sensuke Osawa <senosa at gmail.com>
+
+gulpを使ってscssファイルの変更を監視し自動でコンパイルする手順。
+
+```
+# node.jsインストール
+#   nodebrewを使うなどお好みでどうぞ。
+
+# gulpをグローバルにインストール
+npm install -g gulp
+
+# tdiary/tdiary-themeリポジトリをクローン
+git clone https://github.com/tdiary/tdiary-theme.git
+
+# gulpをローカルにインストール
+cd /path/to/tdiary-theme/snest
+npm install
+npm install gulp
+
+# watchタスクの開始
+gulp scss:watch
+```
+
+以後、scssディレクトリ内を変更すると自動でsnest.cssが更新されます。
diff --git a/snest/gulpfile.js b/snest/gulpfile.js
new file mode 100644
index 0000000..b247064
--- /dev/null
+++ b/snest/gulpfile.js
@@ -0,0 +1,19 @@
+var gulp = require('gulp');
+var sass = require('gulp-sass');
+var sourcemaps = require('gulp-sourcemaps');
+var cssnext = require('gulp-cssnext');
+
+gulp.task('scss', function () {
+  return gulp.src('./scss/**/*.scss')
+    .pipe(sourcemaps.init())
+    .pipe(sass.sync().on('error', sass.logError))
+    .pipe(cssnext({
+      browsers: "iOS 8"
+    }))
+    .pipe(sourcemaps.write('.'))
+    .pipe(gulp.dest('.'));
+});
+
+gulp.task('scss:watch', function () {
+  gulp.watch('./scss/**/*.scss', ['scss']);
+});
diff --git a/snest/h1back.jpg b/snest/h1back.jpg
new file mode 100644
index 0000000..51b13f9
Binary files /dev/null and b/snest/h1back.jpg differ
diff --git a/snest/package.json b/snest/package.json
new file mode 100644
index 0000000..820f2b6
--- /dev/null
+++ b/snest/package.json
@@ -0,0 +1,16 @@
+{
+  "name": "snest",
+  "version": "0.0.1",
+  "description": "snest theme for tDiary",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "senosa",
+  "license": "GPL",
+  "devDependencies": {
+    "gulp-cssnext": "^1.0.1",
+    "gulp-sass": "^2.3.1",
+    "gulp-sourcemaps": "^1.6.0"
+  }
+}
diff --git a/snest/scss/_base.scss b/snest/scss/_base.scss
new file mode 100644
index 0000000..ada4147
--- /dev/null
+++ b/snest/scss/_base.scss
@@ -0,0 +1,201 @@
+.whole-content,
+div.adminmenu,
+.content,
+.footer,
+.main,
+.sidebar,
+.sidebar-item,
+.day
+.body,
+.comment,
+.referer,
+nav,
+header,
+aside,
+hr {
+  margin: 0 auto;
+  margin-bottom: $pad-base;
+  width: 100%;
+}
+
+.whole-content {
+  padding: $pad-base $pad-small 0;
+  max-width: 816px;
+}
+
+div.adminmenu,
+nav {
+  span.adminmenu a {
+    padding: $pad-xsmall $pad-small $pad-xsmall 0;
+   }
+}
+
+header {
+  background-image: url(h1back.jpg);
+  background-size: cover;
+  background-position: center;
+  height: 182px;
+  border: $border;
+  position: relative;
+}
+
+.commentbody,
+.commentshort {
+  border-left: 8px solid $divider;
+  margin-left: $pad-xsmall;
+  padding-left: $pad-small;
+  body.update & {
+    border: none;
+    margin: 0;
+    padding: 0;
+  }
+}
+
+.commentshort p {
+  margin: 0;
+}
+
+.sidebar {
+  border-top: $border;
+  input[type=search] {
+    width: 100%;
+  }
+  span.adminmenu a {
+    color: $secondary;
+  }
+}
+
+.footer {
+  border-top: $border;
+  padding-top: $pad-base;
+  text-align: center;
+  font-size: $font-size-small;
+}
+
+div.profile {
+  border: none;
+  max-width: 320px;
+  margin: 0 auto;
+  span {
+    color: $text;
+    font-size: inherit;
+    margin-bottom: $pad-small;
+    &.profile-name {
+      font-size: $font-size-large;
+      font-weight: bold;
+    }
+  }
+  ul {
+    text-align: center;
+    list-style: none;
+    margin: 0;
+    padding: 0;
+  }
+  li {
+    margin-bottom: $pad-small;
+  }
+}
+
+form.update > div {
+  padding-bottom: $pad-base;
+}
+
+hr {
+  border-top: $border;
+  &.sep {
+    border: 0;
+  }
+}
+
+body:not(.update) hr.sep {
+  position: relative;
+  padding: $pad-large 0;
+  &::before,
+  &::after {
+    content: " ";
+    display: block;
+    height: $pad-large;
+    width: $pad-large;
+    background-color: $divider;
+    border-radius: 50%;
+    position: absolute;
+    top: $pad-large/4*3;
+    left: 50%;
+    margin: 0;
+  }
+  &::before {
+    margin-left: -($pad-large - $pad-large/4);
+  }
+  &::after {
+    margin-left: -$pad-large/4;
+  }
+}
+
+img {
+  display: block;
+  height: auto;
+  max-width: 100%;
+  vertical-align: baseline;
+  margin: 0 auto;
+  border: $border;
+  &.photo {
+    margin: 0 auto;
+    float: none;
+  }
+  #flickr_photos > & {
+    display: inline-block;;
+  }
+}
+
+span.amazon-detail {
+  padding: $pad-small;
+  background-color: $white;
+  border: $border;
+  > br {
+    display: none;
+  }
+}
+
+img.amazon-detail.left {
+  margin: 0 $pad-small $pad-small 0;
+}
+
+span.amazon-author {
+  font-size: inherit;
+}
+
+span.amazon-label,
+span.amazon-price {
+  font-size: $font-size-small;
+}
+
+ at media screen and (min-width: $break-small) {
+  .sidebar {
+    display: flex;
+    flex-wrap: wrap;
+    div.sidebar-item {
+      flex: 0 0 50%;
+    }
+    aside.search,
+    aside.recent {
+      flex: 0 0 55%;
+    }
+    aside.kakolog,
+    aside.profile {
+      flex: 0 0 45%;
+      padding-left: $pad-large;
+    }
+  }
+}
+
+ at media screen and (min-width: $break-tablet) {
+  header {
+    height: 302px;
+  }
+}
+
+ at media screen and (min-width: $break-large) {
+  .whole-content {
+    padding: $pad-base 0 0;
+  }
+}
diff --git a/snest/scss/_button.scss b/snest/scss/_button.scss
new file mode 100644
index 0000000..29111e0
--- /dev/null
+++ b/snest/scss/_button.scss
@@ -0,0 +1,37 @@
+input[type=button],
+input[type=submit],
+input[type=reset],
+button {
+  background: $link-color;
+  border: $border;
+  border-radius: $radius;
+  color: $white;
+  cursor: pointer;
+  display: inline-block;
+  margin: 0;
+  padding: $pad-xsmall $pad-small;
+  text-align: center;
+  vertical-align: middle;
+  white-space: nowrap;
+}
+
+input[type=button]:hover,
+input[type=submit]:hover,
+input[type=reset]:hover,
+button:hover {
+  background: darken($link-color, 10);
+}
+
+input[type=button]:focus,
+input[type=submit]:focus,
+input[type=reset]:focus,
+button:focus {
+  background: darken($link-color, 10);
+}
+
+input[type=button]:active,
+input[type=submit]:active,
+input[type=reset]:active,
+button:active {
+  background: darken($secondary, 10);
+}
diff --git a/snest/scss/_form.scss b/snest/scss/_form.scss
new file mode 100644
index 0000000..1c8aa3a
--- /dev/null
+++ b/snest/scss/_form.scss
@@ -0,0 +1,120 @@
+input[type="text"],
+input[type="password"],
+input[type="email"],
+input[type="url"],
+input[type="date"],
+input[type="month"],
+input[type="time"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="week"],
+input[type="number"],
+input[type="search"],
+input[type="tel"],
+select,
+textarea {
+  border: $border;
+  border-radius: $radius;
+  padding: $pad-xsmall;
+  display: inline-block;
+  vertical-align: middle;
+}
+
+input:not([type]) {
+  -webkit-appearance: none;
+  background-clip: padding-box;
+  border: $border;
+  border-radius: $radius;
+  padding: $pad-xsmall;
+  display: inline-block;
+  text-align: left;
+}
+
+input[name="name"] {
+  display: block;
+  max-width: 100%;
+}
+
+input#title {
+  max-width: 100%;
+}
+
+input[type="text"]:focus,
+input[type="password"]:focus,
+input[type="email"]:focus,
+input[type="url"]:focus,
+input[type="date"]:focus,
+input[type="month"]:focus,
+input[type="time"]:focus,
+input[type="datetime"]:focus,
+input[type="datetime-local"]:focus,
+input[type="week"]:focus,
+input[type="number"]:focus,
+input[type="search"]:focus,
+input[type="tel"]:focus,
+input[type="color"]:focus,
+select:focus,
+textarea:focus {
+  border-color: $primary;
+}
+
+input:not([type]):focus {
+  border-color: $primary;
+}
+
+input[type="file"]:focus,
+input[type="radio"]:focus,
+input[type="checkbox"]:focus {
+  outline: 1px thin $divider;
+}
+
+input[type="text"][disabled],
+input[type="password"][disabled],
+input[type="email"][disabled],
+input[type="url"][disabled],
+input[type="date"][disabled],
+input[type="month"][disabled],
+input[type="time"][disabled],
+input[type="datetime"][disabled],
+input[type="datetime-local"][disabled],
+input[type="week"][disabled],
+input[type="number"][disabled],
+input[type="search"][disabled],
+input[type="tel"][disabled],
+input[type="color"][disabled],
+select[disabled],
+textarea[disabled] {
+  background-color: $divider;
+  color: $secondary;
+  cursor: not-allowed;
+}
+
+input:not([type])[disabled] {
+  background-color: $divider;
+  color: $secondary;
+  cursor: not-allowed;
+}
+
+input[readonly],
+select[readonly],
+textarea[readonly] {
+  border-color: $divider;
+  color: $secondary;}
+
+select {
+  -webkit-appearance: menulist-button;
+}
+
+textarea {
+  display: block;
+  margin-bottom: $pad-small;
+  max-width: 100%;
+  width: 100%;
+  .update & {
+    width: inherit;
+  }
+}
+
+.field.title {
+  margin: $pad-small 0;
+}
diff --git a/snest/scss/_sanitize.scss b/snest/scss/_sanitize.scss
new file mode 100644
index 0000000..927bf54
--- /dev/null
+++ b/snest/scss/_sanitize.scss
@@ -0,0 +1,350 @@
+/*! sanitize.css v3.3.0 | CC0 1.0 Public Domain | github.com/10up/sanitize.css */
+
+// Latest tested: Android 6, Chrome 48, Edge 13, Firefox 44, Internet Explorer 11, iOS 9, Opera 35, Safari 9, Windows Phone 8.1
+
+/*
+ * Normalization
+ */
+
+abbr[title] {
+	text-decoration: underline; // Chrome 48+, Edge 12+, Internet Explorer 11-, Safari 9+
+	text-decoration: underline dotted; // Firefox 40+
+}
+
+audio:not([controls]) {
+	display: none; // Chrome 44-, iOS 8+, Safari 9+
+}
+
+b,
+strong {
+	font-weight: bolder; // Edge 12+, Safari 6.2+, and Chrome 18+
+}
+
+button {
+	-webkit-appearance: button; // iOS 8+
+	overflow: visible; // Internet Explorer 11-
+}
+
+button,
+input {
+	&::-moz-focus-inner {
+		border: 0; // Firefox 4+
+		padding: 0; // Firefox 4+
+	}
+
+	&:-moz-focusring {
+		outline: 1px dotted ButtonText; // Firefox 4+
+	}
+}
+
+button,
+select {
+	text-transform: none; // Firefox 40+, Internet Explorer 11-
+}
+
+details {
+	display: block; // Edge 12+, Firefox 40+, Internet Explorer 11-, Windows Phone 8.1+
+}
+
+hr {
+	overflow: visible; // Internet Explorer 11-, Edge 12+
+}
+
+html {
+	-ms-overflow-style: -ms-autohiding-scrollbar; // Edge 12+, Internet Explorer 11-
+	overflow-y: scroll; // All browsers without overlaying scrollbars
+	-webkit-text-size-adjust: 100%; // iOS 8+, Windows Phone 8.1+
+}
+
+input {
+	-webkit-border-radius: 0; // iOS 8+
+
+	&[type="button"],
+	&[type="reset"],
+	&[type="submit"] {
+		-webkit-appearance: button; // iOS 8+
+	}
+
+	&[type="number"] {
+		width: auto; // Firefox 36+
+	}
+
+	&[type="search"] {
+		-webkit-appearance: textfield; // Chrome 45+, Safari 9+
+
+		&::-webkit-search-cancel-button,
+		&::-webkit-search-decoration {
+			-webkit-appearance: none; // Chrome 45+, Safari 9+
+		}
+	}
+}
+
+main {
+	display: block; // Android 4.3-, Internet Explorer 11-, Windows Phone 8.1+
+}
+
+pre {
+	overflow: auto; // Internet Explorer 11-
+}
+
+progress {
+	display: inline-block; // Internet Explorer 11-, Windows Phone 8.1+
+}
+
+summary {
+	display: block; // Firefox 40+, Internet Explorer 11-, Windows Phone 8.1+
+}
+
+svg:not(:root) {
+	overflow: hidden; // Internet Explorer 11-
+}
+
+template {
+	display: none; // Android 4.3-, Internet Explorer 11-, iOS 7-, Safari 7-, Windows Phone 8.1+
+}
+
+textarea {
+	overflow: auto; // Edge 12+, Internet Explorer 11-
+}
+
+[hidden] {
+	display: none; // Internet Explorer 10-
+}
+
+/*
+ * Universal inheritance
+ */
+
+*,
+::before,
+::after {
+	box-sizing: inherit;
+}
+
+* {
+	font-size: inherit;
+	line-height: inherit;
+}
+
+::before,
+::after {
+	text-decoration: inherit;
+	vertical-align: inherit;
+}
+
+button,
+input,
+select,
+textarea {
+	font-family: inherit;
+	font-style: inherit;
+	font-weight: inherit;
+}
+
+
+
+/*
+ * Opinionated defaults
+ */
+
+// specify the margin and padding of all elements
+
+* {
+	margin: 0;
+	padding: 0;
+}
+
+// specify the border style and width of all elements
+
+*,
+::before,
+::after {
+	border-style: solid;
+	border-width: 0;
+}
+
+// remove the tapping delay from clickable elements
+
+a,
+area,
+button,
+input,
+label,
+select,
+textarea,
+[tabindex] {
+	touch-action: manipulation;
+}
+
+// specify the standard appearance of selects
+
+select {
+	-moz-appearance: none;    // Firefox 40+
+	-webkit-appearance: none; // Chrome 45+
+
+	&::-ms-expand {
+		display: none;        // Edge 12+, Internet Explorer 11-
+	}
+
+	&::-ms-value {
+		color: currentColor;  // Edge 12+, Internet Explorer 11-
+	}
+}
+
+// use current current as the default fill of svg elements
+
+svg {
+	fill: currentColor;
+}
+
+// specify the progress cursor of updating elements
+
+[aria-busy="true"] {
+	cursor: progress;
+}
+
+// specify the pointer cursor of trigger elements
+
+[aria-controls] {
+	cursor: pointer;
+}
+
+// specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements
+
+[aria-disabled] {
+	cursor: default;
+}
+
+// specify the style of visually hidden yet accessible elements
+
+[hidden][aria-hidden="false"] {
+	clip: rect(0 0 0 0);
+	display: inherit;
+	position: absolute;
+
+	&:focus {
+		clip: auto;
+	}
+}
+
+
+
+/*
+ * Configurable defaults
+ */
+
+// specify the core styles of all elements
+
+* {
+	background-repeat: if(variable-exists(background-repeat), $background-repeat, no-repeat);
+}
+
+// specify the root styles of the document
+
+:root {
+	background-color: if(variable-exists(root-background-color), $root-background-color, #ffffff);
+	box-sizing: if(variable-exists(root-box-sizing), $root-box-sizing, border-box);
+	color: if(variable-exists(root-color), $root-color, #000000);
+	cursor: if(variable-exists(root-cursor), $root-cursor, default);
+	font: if(variable-exists(root-font-size), $root-font-size, 100%)/#{if(variable-exists(root-line-height), $root-line-height, 1.5)} if(variable-exists(root-font-family), $root-font-family, sans-serif);
+}
+
+// specify the text decoration of anchors
+
+a {
+	text-decoration: if(variable-exists(anchor-text-decoration), $anchor-text-decoration, none);
+}
+
+// specify the alignment of media elements
+
+audio,
+canvas,
+iframe,
+img,
+svg,
+video {
+	vertical-align: if(variable-exists(media-element-vertical-align), $media-element-vertical-align, middle);
+}
+
+// specify the background color of form elements
+
+button,
+input,
+select,
+textarea {
+	background-color: if(variable-exists(form-element-background-color), $form-element-background-color, transparent);
+	color: if(variable-exists(form-element-color), $form-element-color, inherit);
+}
+
+// specify the minimum height of form elements
+
+button,
+[type="button"],
+[type="date"],
+[type="datetime"],
+[type="datetime-local"],
+[type="email"],
+[type="month"],
+[type="number"],
+[type="password"],
+[type="reset"],
+[type="search"],
+[type="submit"],
+[type="tel"],
+[type="text"],
+[type="time"],
+[type="url"],
+[type="week"],
+select,
+textarea {
+	min-height: if(variable-exists(form-element-min-height), $form-element-min-height, 1.5em);
+}
+
+// specify the font family of code elements
+
+code,
+kbd,
+pre,
+samp {
+	font-family: if(variable-exists(monospace-font-family), $monospace-font-family, monospace), monospace;
+}
+
+// specify the list style of nav lists
+
+nav ol,
+nav ul {
+	list-style: if(variable-exists(nav-list-style), $nav-list-style, none);
+}
+
+// specify the font size of small elements
+
+small {
+	font-size: if(variable-exists(small-font-size), $small-font-size, 75%);
+}
+
+// specify the border styling of tables
+
+table {
+	border-collapse: if(variable-exists(table-border-collapse), $table-border-collapse, collapse);
+	border-spacing: if(variable-exists(table-border-spacing), $table-border-spacing, 0);
+}
+
+// specify the resizability of textareas
+
+textarea {
+	resize: if(variable-exists(textarea-resize), $textarea-resize, vertical);
+}
+
+// specify the background color, font color, and drop shadow of text selections
+
+::-moz-selection {
+	background-color: if(variable-exists(selection-background-color), $selection-background-color, #b3d4fc); // required when declaring ::selection
+	color: if(variable-exists(selection-color), $selection-color, #ffffff);
+	text-shadow: if(variable-exists(selection-text-shadow), $selection-text-shadow, none);
+}
+
+::selection {
+	background-color: if(variable-exists(selection-background-color), $selection-background-color, #b3d4fc); // required when declaring ::selection
+	color: if(variable-exists(selection-color), $selection-color, #ffffff);
+	text-shadow: if(variable-exists(selection-text-shadow), $selection-text-shadow, none);
+}
diff --git a/snest/scss/_table.scss b/snest/scss/_table.scss
new file mode 100644
index 0000000..6278aaa
--- /dev/null
+++ b/snest/scss/_table.scss
@@ -0,0 +1,20 @@
+table {
+  border-top: $border;
+  margin-bottom: $pad-base;
+}
+
+thead th {
+  border-bottom: 2px solid $divider;
+  text-align: left;
+}
+
+tbody {
+  border-bottom: $border;
+}
+
+th,
+td {
+  border-bottom: $border;
+  padding: $pad-small;
+  vertical-align: inherit;
+}
diff --git a/snest/scss/_typography.scss b/snest/scss/_typography.scss
new file mode 100644
index 0000000..b164f31
--- /dev/null
+++ b/snest/scss/_typography.scss
@@ -0,0 +1,151 @@
+body {
+  color: $text;
+  font-family: $font-family;
+  font-size: $font-size-base;
+  line-height: $line-height-base;
+}
+
+h1,
+h2,
+h3,
+.update div.caption,
+div.sidebar h3,
+h4,
+h5,
+h6 {
+  line-height: 1.2;
+  font-weight: 500;
+  margin: $pad-large 0 $pad-base;
+}
+
+h1 {
+  font-size: $font-size-diary-title;
+  border-bottom: $border;
+  header & {
+    width: 100%;
+    background-color: rgba(255, 255, 255, .35);
+    border: 0;
+    font-family: $serif;
+    text-align: center;
+    padding: $pad-xsmall $pad-small;
+    position: absolute;
+    bottom: 0;
+  }
+}
+
+h2 {
+  font-size: $font-size-date-title;
+}
+
+.update div.caption,
+h3 {
+  color: $primary;
+  font-size: $font-size-section-title;
+  div.sidebar & {
+    font-size: $font-size-diary-title;
+  }
+}
+
+h4,
+h5,
+h6 {
+  font-weight: 600;
+  margin: $pad-base 0 $pad-xsmall;
+}
+
+h4 {
+  color: $primary;
+  font-size: $font-size-large;
+  border-bottom: 2px solid $primary;
+  margin: $pad-large 0 $pad-base;
+}
+
+h5 {
+  font-size: $font-size-base;
+}
+
+h6 {
+  font-size: $font-size-small;
+}
+
+p {
+  margin-bottom: $pad-base;
+}
+
+p.message,
+span.message {
+  background-color: $red;
+}
+
+a {
+  color: $link-color;
+  &:visited {
+    color: $link-visited-color;
+  }
+  .section & {
+    text-decoration: underline;
+  }
+  .section &.amazon-detail,
+  .section h3 & {
+    text-decoration: none;
+  }
+}
+
+pre {
+  background: $grey;
+  font-family: $monospace;
+  margin-bottom: $pad-base;
+  padding: $pad-small;
+  white-space: pre-wrap;
+}
+
+code {
+  font-family: $monospace;
+}
+
+strong {
+  color: $red;
+}
+
+em {
+  font-weight: 600;
+  padding-right: $pad-xsmall;
+}
+
+ul,
+ol {
+  padding-left: $pad-large;
+  margin-bottom: $pad-base;
+  & & {
+    margin-bottom: 0;
+  }
+  .textarea & {
+    padding: 0;
+    margin-bottom: $pad-small;
+  }
+}
+
+dl {
+  margin-bottom: $pad-base;
+}
+
+dd {
+  margin-left: $pad-large;
+}
+
+blockquote {
+  border-left: 2px solid $primary;
+  font-family: $serif;
+  font-style: italic;
+  margin-bottom: $pad-base;
+  padding-left: $pad-base;
+}
+
+p.source {
+  font-size: $font-size-small;
+  margin: -$pad-base 0 0;
+}
+
+div.day div.tags {
+  font-size: $font-size-small;
+}
diff --git a/snest/scss/_variables.scss b/snest/scss/_variables.scss
new file mode 100644
index 0000000..defa365
--- /dev/null
+++ b/snest/scss/_variables.scss
@@ -0,0 +1,39 @@
+// Base
+$pad-base: 16px;
+$pad-xsmall: 4px;
+$pad-small: 8px;
+$pad-large: 32px;
+
+// Color
+$primary: #385466;
+$grey: #efefef;
+$white: #fff;
+$red: #a12800;
+$text: rgba(0, 0, 0, .9);
+$secondary: rgba(0, 0, 0, .55);
+$divider: rgba(0, 0, 0, .15);
+$link-color: #116ebd;
+$link-visited-color: #551A8B;
+
+$radius: 4px;
+$border: 1px solid $divider;
+
+// Font
+$font-size-base: 16px;
+$font-size-small: round($font-size-base * 0.85);
+$font-size-xsmall: round($font-size-base * 0.5);
+$font-size-large: round($font-size-base * 1.15);
+$font-size-diary-title: round($font-size-base * 1.5);
+$font-size-date-title: round($font-size-base * 1.15);
+$font-size-section-title: round($font-size-base * 1.85);
+$line-height-base: 1.8;
+
+$sans-serif: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
+$serif: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
+$monospace: "Ricty", "Consolas", "Courier New", "Osaka-等幅", Osaka-mono, "MS ゴシック", "MS Gothic", monospace;
+$font-family: $sans-serif;
+
+// Responsive
+$break-small: 568px;
+$break-tablet: 768px;
+$break-large: 848px;
diff --git a/snest/scss/snest.scss b/snest/scss/snest.scss
new file mode 100644
index 0000000..3965d2b
--- /dev/null
+++ b/snest/scss/snest.scss
@@ -0,0 +1,10 @@
+ at charset "UTF-8";
+
+ at import
+"sanitize",
+"variables",
+"base",
+"typography",
+"form",
+"button",
+"table";
diff --git a/snest/snest.css b/snest/snest.css
new file mode 100644
index 0000000..440e249
--- /dev/null
+++ b/snest/snest.css
@@ -0,0 +1,685 @@
+ at charset "UTF-8";
+/*! sanitize.css v3.3.0 | CC0 1.0 Public Domain | github.com/10up/sanitize.css */
+/*
+ * Normalization
+ */
+abbr[title] {
+  text-decoration: underline;
+  text-decoration: underline dotted; }
+
+audio:not([controls]) {
+  display: none; }
+
+b,
+strong {
+  font-weight: bolder; }
+
+button {
+  -webkit-appearance: button;
+  overflow: visible; }
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+  border: 0;
+  padding: 0; }
+
+button:-moz-focusring,
+input:-moz-focusring {
+  outline: 1px dotted ButtonText; }
+
+button,
+select {
+  text-transform: none; }
+
+details {
+  display: block; }
+
+hr {
+  overflow: visible; }
+
+html {
+  -ms-overflow-style: -ms-autohiding-scrollbar;
+  overflow-y: scroll;
+  -webkit-text-size-adjust: 100%; }
+
+input {
+  -webkit-border-radius: 0; }
+  input[type="button"], input[type="reset"], input[type="submit"] {
+    -webkit-appearance: button; }
+  input[type="number"] {
+    width: auto; }
+  input[type="search"] {
+    -webkit-appearance: textfield; }
+    input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
+      -webkit-appearance: none; }
+
+main {
+  display: block; }
+
+pre {
+  overflow: auto; }
+
+progress {
+  display: inline-block; }
+
+summary {
+  display: block; }
+
+svg:not(:root) {
+  overflow: hidden; }
+
+template {
+  display: none; }
+
+textarea {
+  overflow: auto; }
+
+[hidden] {
+  display: none; }
+
+/*
+ * Universal inheritance
+ */
+*,
+::before,
+::after {
+  box-sizing: inherit; }
+
+* {
+  font-size: inherit;
+  line-height: inherit; }
+
+::before,
+::after {
+  text-decoration: inherit;
+  vertical-align: inherit; }
+
+button,
+input,
+select,
+textarea {
+  font-family: inherit;
+  font-style: inherit;
+  font-weight: inherit; }
+
+/*
+ * Opinionated defaults
+ */
+* {
+  margin: 0;
+  padding: 0; }
+
+*,
+::before,
+::after {
+  border-style: solid;
+  border-width: 0; }
+
+a,
+area,
+button,
+input,
+label,
+select,
+textarea,
+[tabindex] {
+  touch-action: manipulation; }
+
+select {
+  -moz-appearance: none;
+  -webkit-appearance: none; }
+  select::-ms-expand {
+    display: none; }
+  select::-ms-value {
+    color: currentColor; }
+
+svg {
+  fill: currentColor; }
+
+[aria-busy="true"] {
+  cursor: progress; }
+
+[aria-controls] {
+  cursor: pointer; }
+
+[aria-disabled] {
+  cursor: default; }
+
+[hidden][aria-hidden="false"] {
+  clip: rect(0 0 0 0);
+  display: inherit;
+  position: absolute; }
+  [hidden][aria-hidden="false"]:focus {
+    clip: auto; }
+
+/*
+ * Configurable defaults
+ */
+* {
+  background-repeat: no-repeat; }
+
+:root {
+  background-color: #ffffff;
+  box-sizing: border-box;
+  color: #000000;
+  cursor: default;
+  font: 66.66667% sans-serif; }
+
+a {
+  text-decoration: none; }
+
+audio,
+canvas,
+iframe,
+img,
+svg,
+video {
+  vertical-align: middle; }
+
+button,
+input,
+select,
+textarea {
+  background-color: transparent;
+  color: inherit; }
+
+button,
+[type="button"],
+[type="date"],
+[type="datetime"],
+[type="datetime-local"],
+[type="email"],
+[type="month"],
+[type="number"],
+[type="password"],
+[type="reset"],
+[type="search"],
+[type="submit"],
+[type="tel"],
+[type="text"],
+[type="time"],
+[type="url"],
+[type="week"],
+select,
+textarea {
+  min-height: 1.5em; }
+
+code,
+kbd,
+pre,
+samp {
+  font-family: monospace, monospace; }
+
+nav ol,
+nav ul {
+  list-style: none; }
+
+small {
+  font-size: 75%; }
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0; }
+
+textarea {
+  resize: vertical; }
+
+::selection {
+  background-color: #b3d4fc;
+  color: #ffffff;
+  text-shadow: none; }
+
+.whole-content,
+div.adminmenu,
+.content,
+.footer,
+.main,
+.sidebar,
+.sidebar-item,
+.day
+.body,
+.comment,
+.referer,
+nav,
+header,
+aside,
+hr {
+  margin: 0 auto;
+  margin-bottom: 16px;
+  width: 100%; }
+
+.whole-content {
+  padding: 16px 8px 0;
+  max-width: 816px; }
+
+div.adminmenu span.adminmenu a,
+nav span.adminmenu a {
+  padding: 4px 8px 4px 0; }
+
+header {
+  background-image: url(h1back.jpg);
+  background-size: cover;
+  background-position: center;
+  height: 182px;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  position: relative; }
+
+.commentbody,
+.commentshort {
+  border-left: 8px solid rgba(0, 0, 0, 0.15);
+  margin-left: 4px;
+  padding-left: 8px; }
+  body.update .commentbody, body.update
+  .commentshort {
+    border: none;
+    margin: 0;
+    padding: 0; }
+
+.commentshort p {
+  margin: 0; }
+
+.sidebar {
+  border-top: 1px solid rgba(0, 0, 0, 0.15); }
+  .sidebar input[type=search] {
+    width: 100%; }
+  .sidebar span.adminmenu a {
+    color: rgba(0, 0, 0, 0.55); }
+
+.footer {
+  border-top: 1px solid rgba(0, 0, 0, 0.15);
+  padding-top: 16px;
+  text-align: center;
+  font-size: 14px; }
+
+div.profile {
+  border: none;
+  max-width: 320px;
+  margin: 0 auto; }
+  div.profile span {
+    color: rgba(0, 0, 0, 0.9);
+    font-size: inherit;
+    margin-bottom: 8px; }
+    div.profile span.profile-name {
+      font-size: 18px;
+      font-weight: bold; }
+  div.profile ul {
+    text-align: center;
+    list-style: none;
+    margin: 0;
+    padding: 0; }
+  div.profile li {
+    margin-bottom: 8px; }
+
+form.update > div {
+  padding-bottom: 16px; }
+
+hr {
+  border-top: 1px solid rgba(0, 0, 0, 0.15); }
+  hr.sep {
+    border: 0; }
+
+body:not(.update) hr.sep {
+  position: relative;
+  padding: 32px 0; }
+  body:not(.update) hr.sep::before, body:not(.update) hr.sep::after {
+    content: " ";
+    display: block;
+    height: 32px;
+    width: 32px;
+    background-color: rgba(0, 0, 0, 0.15);
+    border-radius: 50%;
+    position: absolute;
+    top: 24px;
+    left: 50%;
+    margin: 0; }
+  body:not(.update) hr.sep::before {
+    margin-left: -24px; }
+  body:not(.update) hr.sep::after {
+    margin-left: -8px; }
+
+img {
+  display: block;
+  height: auto;
+  max-width: 100%;
+  vertical-align: baseline;
+  margin: 0 auto;
+  border: 1px solid rgba(0, 0, 0, 0.15); }
+  img.photo {
+    margin: 0 auto;
+    float: none; }
+  #flickr_photos > img {
+    display: inline-block; }
+
+span.amazon-detail {
+  padding: 8px;
+  background-color: #fff;
+  border: 1px solid rgba(0, 0, 0, 0.15); }
+  span.amazon-detail > br {
+    display: none; }
+
+img.amazon-detail.left {
+  margin: 0 8px 8px 0; }
+
+span.amazon-author {
+  font-size: inherit; }
+
+span.amazon-label,
+span.amazon-price {
+  font-size: 14px; }
+
+ at media screen and (min-width: 568px) {
+  .sidebar {
+    display: -webkit-flex;
+    display: flex;
+    -webkit-flex-wrap: wrap;
+            flex-wrap: wrap; }
+    .sidebar div.sidebar-item {
+      -webkit-flex: 0 0 50%;
+              flex: 0 0 50%; }
+    .sidebar aside.search,
+    .sidebar aside.recent {
+      -webkit-flex: 0 0 55%;
+              flex: 0 0 55%; }
+    .sidebar aside.kakolog,
+    .sidebar aside.profile {
+      -webkit-flex: 0 0 45%;
+              flex: 0 0 45%;
+      padding-left: 32px; } }
+
+ at media screen and (min-width: 768px) {
+  header {
+    height: 302px; } }
+
+ at media screen and (min-width: 848px) {
+  .whole-content {
+    padding: 16px 0 0; } }
+
+body {
+  color: rgba(0, 0, 0, 0.9);
+  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
+  font-size: 16px;
+  line-height: 1.8; }
+
+h1,
+h2,
+h3,
+.update div.caption,
+div.sidebar h3,
+h4,
+h5,
+h6 {
+  line-height: 1.2;
+  font-weight: 500;
+  margin: 32px 0 16px; }
+
+h1 {
+  font-size: 24px;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
+  header h1 {
+    width: 100%;
+    background-color: rgba(255, 255, 255, 0.35);
+    border: 0;
+    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
+    text-align: center;
+    padding: 4px 8px;
+    position: absolute;
+    bottom: 0; }
+
+h2 {
+  font-size: 18px; }
+
+.update div.caption,
+h3 {
+  color: #385466;
+  font-size: 30px; }
+  div.sidebar .update div.caption, div.sidebar
+  h3 {
+    font-size: 24px; }
+
+h4,
+h5,
+h6 {
+  font-weight: 600;
+  margin: 16px 0 4px; }
+
+h4 {
+  color: #385466;
+  font-size: 18px;
+  border-bottom: 2px solid #385466;
+  margin: 32px 0 16px; }
+
+h5 {
+  font-size: 16px; }
+
+h6 {
+  font-size: 14px; }
+
+p {
+  margin-bottom: 16px; }
+
+p.message,
+span.message {
+  background-color: #a12800; }
+
+a {
+  color: #116ebd; }
+  a:visited {
+    color: #551A8B; }
+  .section a {
+    text-decoration: underline; }
+  .section a.amazon-detail,
+  .section h3 a {
+    text-decoration: none; }
+
+pre {
+  background: #efefef;
+  font-family: "Ricty", "Consolas", "Courier New", "Osaka-等幅", Osaka-mono, "MS ゴシック", "MS Gothic", monospace;
+  margin-bottom: 16px;
+  padding: 8px;
+  white-space: pre-wrap; }
+
+code {
+  font-family: "Ricty", "Consolas", "Courier New", "Osaka-等幅", Osaka-mono, "MS ゴシック", "MS Gothic", monospace; }
+
+strong {
+  color: #a12800; }
+
+em {
+  font-weight: 600;
+  padding-right: 4px; }
+
+ul,
+ol {
+  padding-left: 32px;
+  margin-bottom: 16px; }
+  ul ul,
+  ol ul, ul
+  ol,
+  ol
+  ol {
+    margin-bottom: 0; }
+  .textarea ul, .textarea
+  ol {
+    padding: 0;
+    margin-bottom: 8px; }
+
+dl {
+  margin-bottom: 16px; }
+
+dd {
+  margin-left: 32px; }
+
+blockquote {
+  border-left: 2px solid #385466;
+  font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
+  font-style: italic;
+  margin-bottom: 16px;
+  padding-left: 16px; }
+
+p.source {
+  font-size: 14px;
+  margin: -16px 0 0; }
+
+div.day div.tags {
+  font-size: 14px; }
+
+input[type="text"],
+input[type="password"],
+input[type="email"],
+input[type="url"],
+input[type="date"],
+input[type="month"],
+input[type="time"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="week"],
+input[type="number"],
+input[type="search"],
+input[type="tel"],
+select,
+textarea {
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  border-radius: 4px;
+  padding: 4px;
+  display: inline-block;
+  vertical-align: middle; }
+
+input:not([type]) {
+  -webkit-appearance: none;
+  background-clip: padding-box;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  border-radius: 4px;
+  padding: 4px;
+  display: inline-block;
+  text-align: left; }
+
+input[name="name"] {
+  display: block;
+  max-width: 100%; }
+
+input#title {
+  max-width: 100%; }
+
+input[type="text"]:focus,
+input[type="password"]:focus,
+input[type="email"]:focus,
+input[type="url"]:focus,
+input[type="date"]:focus,
+input[type="month"]:focus,
+input[type="time"]:focus,
+input[type="datetime"]:focus,
+input[type="datetime-local"]:focus,
+input[type="week"]:focus,
+input[type="number"]:focus,
+input[type="search"]:focus,
+input[type="tel"]:focus,
+input[type="color"]:focus,
+select:focus,
+textarea:focus {
+  border-color: #385466; }
+
+input:not([type]):focus {
+  border-color: #385466; }
+
+input[type="file"]:focus,
+input[type="radio"]:focus,
+input[type="checkbox"]:focus {
+  outline: 1px thin rgba(0, 0, 0, 0.15); }
+
+input[type="text"][disabled],
+input[type="password"][disabled],
+input[type="email"][disabled],
+input[type="url"][disabled],
+input[type="date"][disabled],
+input[type="month"][disabled],
+input[type="time"][disabled],
+input[type="datetime"][disabled],
+input[type="datetime-local"][disabled],
+input[type="week"][disabled],
+input[type="number"][disabled],
+input[type="search"][disabled],
+input[type="tel"][disabled],
+input[type="color"][disabled],
+select[disabled],
+textarea[disabled] {
+  background-color: rgba(0, 0, 0, 0.15);
+  color: rgba(0, 0, 0, 0.55);
+  cursor: not-allowed; }
+
+input:not([type])[disabled] {
+  background-color: rgba(0, 0, 0, 0.15);
+  color: rgba(0, 0, 0, 0.55);
+  cursor: not-allowed; }
+
+input[readonly],
+select[readonly],
+textarea[readonly] {
+  border-color: rgba(0, 0, 0, 0.15);
+  color: rgba(0, 0, 0, 0.55); }
+
+select {
+  -webkit-appearance: menulist-button; }
+
+textarea {
+  display: block;
+  margin-bottom: 8px;
+  max-width: 100%;
+  width: 100%; }
+  .update textarea {
+    width: inherit; }
+
+.field.title {
+  margin: 8px 0; }
+
+input[type=button],
+input[type=submit],
+input[type=reset],
+button {
+  background: #116ebd;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  border-radius: 4px;
+  color: #fff;
+  cursor: pointer;
+  display: inline-block;
+  margin: 0;
+  padding: 4px 8px;
+  text-align: center;
+  vertical-align: middle;
+  white-space: nowrap; }
+
+input[type=button]:hover,
+input[type=submit]:hover,
+input[type=reset]:hover,
+button:hover {
+  background: #0d538e; }
+
+input[type=button]:focus,
+input[type=submit]:focus,
+input[type=reset]:focus,
+button:focus {
+  background: #0d538e; }
+
+input[type=button]:active,
+input[type=submit]:active,
+input[type=reset]:active,
+button:active {
+  background: rgba(0, 0, 0, 0.55); }
+
+table {
+  border-top: 1px solid rgba(0, 0, 0, 0.15);
+  margin-bottom: 16px; }
+
+thead th {
+  border-bottom: 2px solid rgba(0, 0, 0, 0.15);
+  text-align: left; }
+
+tbody {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
+
+th,
+td {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
+  padding: 8px;
+  vertical-align: inherit; }
+
+/*# sourceMappingURL=snest.css.map */
diff --git a/snest/snest.css.map b/snest/snest.css.map
new file mode 100644
index 0000000..f1d19b9
--- /dev/null
+++ b/snest/snest.css.map
@@ -0,0 +1 @@
+{"version":3,"file":"snest.css","sources":["snest.scss","_sanitize.scss","_variables.scss","_base.scss","_typography.scss","_form.scss","_button.scss","_table.scss"],"sourcesContent":["@charset \"UTF-8\";\n\n at import\n\"sanitize\",\n\"variables\",\n\"base\",\n\"typography\",\n\"form\",\n\"button\",\n\"table\";\n","/*! sanitize.css v3.3.0 | CC0 1.0 Public Domain | github.com/10up/sanitize.css */\n\n// Latest tested: Android 6, Chrome 48, Edge 13, Firefox 44, Internet Explorer 11, iOS 9, Op [...]
\ No newline at end of file
diff --git a/themebench.html b/themebench.html
index a1bdf95..7da70c7 100644
--- a/themebench.html
+++ b/themebench.html
@@ -6,9 +6,9 @@
 	<meta name="viewport" content="width=device-width,initial-scale=1">
 	<meta http-equiv="Last-Modified" content="Tue, 09 Aug 2011 10:28:09 GMT">
 	<meta http-equiv="Content-Script-Type" content="text/javascript; charset=UTF-8">
-	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js" type="text/javascript"></script>
+	<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js" type="text/javascript"></script>
 	<meta http-equiv="content-style-type" content="text/css">
-	<link rel="stylesheet" href="http://www.tdiary.org/theme/base.css" type="text/css" media="all">
+	<link rel="stylesheet" href="//tdiary.github.io/tdiary-theme/base.css" type="text/css" media="all">
 	<link id="theme" rel="stylesheet" href="gustav/gustav.css" type="text/css" media="all">
 	<title>tDiary theme benchmark</title>
 	<script type="text/javascript"><!--
@@ -60,6 +60,7 @@
 	<option value="black_mamba">black_mamba</option>
 	<option value="blackboard">blackboard</option>
 	<option value="blackbox">blackbox</option>
+	<option value="blog">blog</option>
 	<option value="blue-border">blue-border</option>
 	<option value="blue-dash">blue-dash</option>
 	<option value="blue-feather">blue-feather</option>
@@ -323,6 +324,7 @@
 	<option value="smoking_gray">smoking_gray</option>
 	<option value="smoking_white">smoking_white</option>
 	<option value="snake">snake</option>
+	<option value="snest">snest</option>
 	<option value="snow_man">snow_man</option>
 	<option value="snowy">snowy</option>
 	<option value="soda">soda</option>
diff --git a/themes.json b/themes.json
index 63032df..24b8e74 100644
--- a/themes.json
+++ b/themes.json
@@ -210,6 +210,14 @@
       "license": "GPL",
       "comment": "ブラックボックスなテーマ"
     },
+    "blog": {
+      "title": "tDiary blog style",
+      "revision": "$Revision: 1.4 $",
+      "author": "ただただし",
+      "access": "t at tdtds.jp",
+      "license": "GPL",
+      "comment": "tDiary Blogkitデフォルトテーマ"
+    },
     "blue-border": {
       "title": "Blue-border",
       "author": "Nana",
@@ -522,12 +530,6 @@
       "license": "GPL",
       "comment": "犬アンカー"
     },
-    "dot": {
-      "title": "dot",
-      "revision": "$Revision: 1.5 $",
-      "author": "Nana",
-      "license": "GPL"
-    },
     "dot-lime": {
       "title": "dot",
       "author": "id:DocSeri",
@@ -556,6 +558,12 @@
       "license": "GPL",
       "comment": "角を意識しない水玉パターンです。"
     },
+    "dot": {
+      "title": "dot",
+      "revision": "$Revision: 1.5 $",
+      "author": "Nana",
+      "license": "GPL"
+    },
     "dotted_line-blue": {
       "title": "dotted_line-blue",
       "author": "id:hikoichi",
@@ -810,6 +818,13 @@
       "license": "GPL",
       "comment": "なんとなくゴールドっぽいテーマ "
     },
+    "gray-note": {
+      "title": "Gray-note",
+      "author": "Nana",
+      "access": "http://moo.boo.jp",
+      "license": "GPL",
+      "comment": "ルーズリーフっぽくしてみました"
+    },
     "gray": {
       "title": "Gray",
       "revision": "$Revision: 1.2 $",
@@ -818,13 +833,6 @@
       "license": "GPL",
       "comment": "日記の枠が○っこいのです。"
     },
-    "gray-note": {
-      "title": "Gray-note",
-      "author": "Nana",
-      "access": "http://moo.boo.jp",
-      "license": "GPL",
-      "comment": "ルーズリーフっぽくしてみました"
-    },
     "gray2": {
       "title": "gray2",
       "revision": "$Revision: 1.1 $",
@@ -889,13 +897,6 @@
       "access": "http://moo.boo.jp",
       "license": "GPL"
     },
-    "hatena": {
-      "title": "はてなダイアリー",
-      "author": "Junya Kondo",
-      "access": "jkondo at hatena.ne.jp",
-      "license": "GPL",
-      "comment": "はてなダイアリーのテーマ"
-    },
     "hatena-black": {
       "title": "はてなダイアリー",
       "author": "Junya Kondo",
@@ -994,6 +995,13 @@
       "license": "GPL",
       "comment": "はてなダイアリーのテーマ"
     },
+    "hatena": {
+      "title": "はてなダイアリー",
+      "author": "Junya Kondo",
+      "access": "jkondo at hatena.ne.jp",
+      "license": "GPL",
+      "comment": "はてなダイアリーのテーマ"
+    },
     "hatena_cinnamon": {
       "title": "cinnamon",
       "author": "hatena",
@@ -1388,13 +1396,6 @@
       "license": "GPL",
       "comment": ""
     },
-    "mixi": {
-      "title": "mixi",
-      "author": "kosaka",
-      "access": "kosaka at tnat.net",
-      "license": "GPL",
-      "comment": "mixi"
-    },
     "mixi-blue": {
       "title": "mixi-blue",
       "author": "kosaka",
@@ -1416,6 +1417,13 @@
       "license": "GPL",
       "comment": "桃mixi"
     },
+    "mixi": {
+      "title": "mixi",
+      "author": "kosaka",
+      "access": "kosaka at tnat.net",
+      "license": "GPL",
+      "comment": "mixi"
+    },
     "mizu": {
       "title": "水",
       "revision": "$Revision: 1.2 $",
@@ -1595,13 +1603,6 @@
       "license": "GPL",
       "comment": "色あせた古い舗装の様なテーマ"
     },
-    "orange": {
-      "title": "Orange",
-      "author": "Nana",
-      "access": "http://moo.boo.jp",
-      "license": "GPL",
-      "comment": ""
-    },
     "orange-blue": {
       "title": "Orange-Blue",
       "author": "Nana",
@@ -1615,6 +1616,13 @@
       "license": "GPL",
       "comment": "星の王子さま♪"
     },
+    "orange": {
+      "title": "Orange",
+      "author": "Nana",
+      "access": "http://moo.boo.jp",
+      "license": "GPL",
+      "comment": ""
+    },
     "orange_flower": {
       "title": "Orange Flower",
       "revision": "$Revision: 1.1 $",
@@ -1681,13 +1689,6 @@
       "license": "GPL",
       "comment": ""
     },
-    "petith": {
-      "title": "Petith",
-      "author": "Nana",
-      "access": "http://moo.boo.jp",
-      "license": "GPL",
-      "comment": "小さなハートの枠がかわいいテーマ"
-    },
     "petith-b": {
       "title": "Petith Black",
       "author": "Nana",
@@ -1695,6 +1696,13 @@
       "comment": "Petithの黒バック版",
       "license": "GPL"
     },
+    "petith": {
+      "title": "Petith",
+      "author": "Nana",
+      "access": "http://moo.boo.jp",
+      "license": "GPL",
+      "comment": "小さなハートの枠がかわいいテーマ"
+    },
     "pettan": {
       "title": "Pettan",
       "author": "Nana",
@@ -2084,6 +2092,13 @@
       "license": "GPL",
       "comment": "名前とは裏腹にシンプルで大人しいテーマ"
     },
+    "snest": {
+      "title": "snest.net",
+      "author": "Sensuke Osawa",
+      "access": "senosa at gmail.com",
+      "license": "GPL",
+      "comment": "Responsive, Mobile friendly, using Sass preprocessor."
+    },
     "snow_man": {
       "title": "雪だるま",
       "author": "しんちゃん",
@@ -2314,13 +2329,6 @@
       "license": "GPL",
       "comment": "Web2.0っぽいテーマ"
     },
-    "white": {
-      "title": "White",
-      "author": "s.sawada",
-      "access": "moonwave at ba2.so-net.ne.jp",
-      "license": "GPL",
-      "comment": "白いテーマ"
-    },
     "white-lingerie": {
       "title": "White Lingerie",
       "author": "Sarsya",
@@ -2328,6 +2336,13 @@
       "license": "GPL",
       "comment": "白いランジェリーのテーマ"
     },
+    "white": {
+      "title": "White",
+      "author": "s.sawada",
+      "access": "moonwave at ba2.so-net.ne.jp",
+      "license": "GPL",
+      "comment": "白いテーマ"
+    },
     "white_flower": {
       "title": "White Flower",
       "revision": "$Revision: 1.1 $",

-- 
Alioth's /usr/local/bin/git-commit-notice on /srv/git.debian.org/git/pkg-ruby-extras/tdiary-theme.git



More information about the Pkg-ruby-extras-commits mailing list