lokka 0.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (197) hide show
  1. data/Gemfile +48 -0
  2. data/LICENSE +20 -0
  3. data/README.ja.rdoc +46 -0
  4. data/README.rdoc +46 -0
  5. data/Rakefile +116 -0
  6. data/VERSION +1 -0
  7. data/bin/autotest +16 -0
  8. data/bin/bluefeather +16 -0
  9. data/bin/convert_to_should_syntax +16 -0
  10. data/bin/css2sass +16 -0
  11. data/bin/edit_json.rb +16 -0
  12. data/bin/erubis +16 -0
  13. data/bin/exceptional +16 -0
  14. data/bin/haml +16 -0
  15. data/bin/html2haml +16 -0
  16. data/bin/jeweler +16 -0
  17. data/bin/lokka +4 -0
  18. data/bin/prettify_json.rb +16 -0
  19. data/bin/rackup +16 -0
  20. data/bin/rake +16 -0
  21. data/bin/rcov +16 -0
  22. data/bin/sass +16 -0
  23. data/bin/sass-convert +16 -0
  24. data/bin/tilt +16 -0
  25. data/bin/unit_diff +16 -0
  26. data/config.ru +3 -0
  27. data/config.yml +4 -0
  28. data/i18n/en.yml +149 -0
  29. data/i18n/ja.yml +149 -0
  30. data/init.rb +7 -0
  31. data/install.rb +16 -0
  32. data/lib/lokka.rb +138 -0
  33. data/lib/lokka/app.rb +562 -0
  34. data/lib/lokka/before.rb +29 -0
  35. data/lib/lokka/bread_crumb.rb +34 -0
  36. data/lib/lokka/category.rb +33 -0
  37. data/lib/lokka/comment.rb +26 -0
  38. data/lib/lokka/entry.rb +70 -0
  39. data/lib/lokka/helpers.rb +214 -0
  40. data/lib/lokka/option.rb +23 -0
  41. data/lib/lokka/site.rb +19 -0
  42. data/lib/lokka/tag.rb +5 -0
  43. data/lib/lokka/theme.rb +17 -0
  44. data/lib/lokka/user.rb +77 -0
  45. data/lib/sqlite3.dll +0 -0
  46. data/lokka.exe +0 -0
  47. data/lokka.exy +15 -0
  48. data/lokka.gemspec +373 -0
  49. data/lokka.ico +0 -0
  50. data/lokka.rb +11 -0
  51. data/public/admin/categories/edit.haml +6 -0
  52. data/public/admin/categories/form.haml +18 -0
  53. data/public/admin/categories/index.haml +15 -0
  54. data/public/admin/categories/new.haml +5 -0
  55. data/public/admin/comments/edit.haml +6 -0
  56. data/public/admin/comments/form.haml +29 -0
  57. data/public/admin/comments/index.haml +22 -0
  58. data/public/admin/comments/new.haml +5 -0
  59. data/public/admin/css/editor.css +10 -0
  60. data/public/admin/css/jquery.cleditor.css +24 -0
  61. data/public/admin/css/style.css +710 -0
  62. data/public/admin/edit.haml +42 -0
  63. data/public/admin/favicon.ico +0 -0
  64. data/public/admin/images/add.png +0 -0
  65. data/public/admin/images/aside_arrow.png +0 -0
  66. data/public/admin/images/buttons.gif +0 -0
  67. data/public/admin/images/category.png +0 -0
  68. data/public/admin/images/comment.png +0 -0
  69. data/public/admin/images/dashboard.png +0 -0
  70. data/public/admin/images/file.png +0 -0
  71. data/public/admin/images/files.png +0 -0
  72. data/public/admin/images/mail-attachment.png +0 -0
  73. data/public/admin/images/plugin.png +0 -0
  74. data/public/admin/images/post.png +0 -0
  75. data/public/admin/images/setting.png +0 -0
  76. data/public/admin/images/tag.png +0 -0
  77. data/public/admin/images/theme.png +0 -0
  78. data/public/admin/images/toolbar.gif +0 -0
  79. data/public/admin/images/user.png +0 -0
  80. data/public/admin/index.haml +1 -0
  81. data/public/admin/js/editor.js +7 -0
  82. data/public/admin/js/jquery.cleditor.js +1132 -0
  83. data/public/admin/js/jquery.cleditor.min.js +31 -0
  84. data/public/admin/layout.haml +91 -0
  85. data/public/admin/pages/edit.haml +6 -0
  86. data/public/admin/pages/form.haml +33 -0
  87. data/public/admin/pages/index.haml +23 -0
  88. data/public/admin/pages/new.haml +5 -0
  89. data/public/admin/plugins/index.haml +4 -0
  90. data/public/admin/posts/edit.haml +6 -0
  91. data/public/admin/posts/form.haml +33 -0
  92. data/public/admin/posts/index.haml +23 -0
  93. data/public/admin/posts/new.haml +5 -0
  94. data/public/admin/show.haml +7 -0
  95. data/public/admin/signup.haml +17 -0
  96. data/public/admin/site/edit.haml +13 -0
  97. data/public/admin/tags/edit.haml +6 -0
  98. data/public/admin/tags/form.haml +10 -0
  99. data/public/admin/tags/index.haml +19 -0
  100. data/public/admin/themes/index.haml +13 -0
  101. data/public/admin/users/edit.haml +6 -0
  102. data/public/admin/users/form.haml +22 -0
  103. data/public/admin/users/index.haml +24 -0
  104. data/public/admin/users/new.haml +5 -0
  105. data/public/plugin/lokka-google_analytics/lib/lokka/google_analytics.rb +29 -0
  106. data/public/plugin/lokka-google_analytics/views/index.haml +15 -0
  107. data/public/plugin/lokka-hello/lib/lokka/hello.rb +15 -0
  108. data/public/plugin/lokka-markdown/lib/lokka/markdown.rb +12 -0
  109. data/public/plugin/lokka-rbconfig/lib/lokka/rbconfig.rb +11 -0
  110. data/public/plugin/lokka-rbconfig/views/index.haml +7 -0
  111. data/public/plugin/lokka-rbconfig/views/style.css +12 -0
  112. data/public/system/404.haml +20 -0
  113. data/public/system/500.haml +19 -0
  114. data/public/system/comments/form.haml +22 -0
  115. data/public/system/favicon.ico +0 -0
  116. data/public/system/index.builder +25 -0
  117. data/public/system/style.css +8 -0
  118. data/public/theme/default/entries.erb +40 -0
  119. data/public/theme/default/entry.erb +23 -0
  120. data/public/theme/default/layout.erb +74 -0
  121. data/public/theme/default/quote.gif +0 -0
  122. data/public/theme/default/screenshot.png +0 -0
  123. data/public/theme/default/style.css +1147 -0
  124. data/public/theme/jarvi/entries.erb +26 -0
  125. data/public/theme/jarvi/entry.erb +14 -0
  126. data/public/theme/jarvi/favicon.ico +0 -0
  127. data/public/theme/jarvi/images/aside_dt.gif +0 -0
  128. data/public/theme/jarvi/images/aside_dt.png +0 -0
  129. data/public/theme/jarvi/images/footer.gif +0 -0
  130. data/public/theme/jarvi/images/footer.psd +0 -0
  131. data/public/theme/jarvi/images/header_deascription_ul.gif +0 -0
  132. data/public/theme/jarvi/images/header_language.gif +0 -0
  133. data/public/theme/jarvi/images/header_nav.gif +0 -0
  134. data/public/theme/jarvi/images/html.gif +0 -0
  135. data/public/theme/jarvi/images/index_content.gif +0 -0
  136. data/public/theme/jarvi/images/index_content_footer.gif +0 -0
  137. data/public/theme/jarvi/images/index_content_header.gif +0 -0
  138. data/public/theme/jarvi/images/index_header_nav.gif +0 -0
  139. data/public/theme/jarvi/images/section_header_title.gif +0 -0
  140. data/public/theme/jarvi/images/wide_content.gif +0 -0
  141. data/public/theme/jarvi/images/wide_content_body.gif +0 -0
  142. data/public/theme/jarvi/images/wide_content_h3.gif +0 -0
  143. data/public/theme/jarvi/layout.erb +55 -0
  144. data/public/theme/jarvi/screenshot.png +0 -0
  145. data/public/theme/jarvi/style.css +618 -0
  146. data/public/theme/lokka-org/article.haml +9 -0
  147. data/public/theme/lokka-org/entries.haml +9 -0
  148. data/public/theme/lokka-org/entry.haml +1 -0
  149. data/public/theme/lokka-org/favicon.ico +0 -0
  150. data/public/theme/lokka-org/images/aside_dt.gif +0 -0
  151. data/public/theme/lokka-org/images/aside_dt.png +0 -0
  152. data/public/theme/lokka-org/images/download_button.jpg +0 -0
  153. data/public/theme/lokka-org/images/footer.gif +0 -0
  154. data/public/theme/lokka-org/images/footer.psd +0 -0
  155. data/public/theme/lokka-org/images/header_capture.gif +0 -0
  156. data/public/theme/lokka-org/images/header_capture.jpg +0 -0
  157. data/public/theme/lokka-org/images/header_capture_a.gif +0 -0
  158. data/public/theme/lokka-org/images/header_deascription_ul.gif +0 -0
  159. data/public/theme/lokka-org/images/header_h1_a.gif +0 -0
  160. data/public/theme/lokka-org/images/header_language.gif +0 -0
  161. data/public/theme/lokka-org/images/header_nav.gif +0 -0
  162. data/public/theme/lokka-org/images/heder_nav_home.gif +0 -0
  163. data/public/theme/lokka-org/images/heder_nav_home.jpg +0 -0
  164. data/public/theme/lokka-org/images/html.gif +0 -0
  165. data/public/theme/lokka-org/images/index_content.gif +0 -0
  166. data/public/theme/lokka-org/images/index_content_footer.gif +0 -0
  167. data/public/theme/lokka-org/images/index_content_header.gif +0 -0
  168. data/public/theme/lokka-org/images/index_header_h1.gif +0 -0
  169. data/public/theme/lokka-org/images/index_header_nav.gif +0 -0
  170. data/public/theme/lokka-org/images/language_a.png +0 -0
  171. data/public/theme/lokka-org/images/section_header_title.gif +0 -0
  172. data/public/theme/lokka-org/images/wide_content.gif +0 -0
  173. data/public/theme/lokka-org/images/wide_content_body.gif +0 -0
  174. data/public/theme/lokka-org/images/wide_content_h3.gif +0 -0
  175. data/public/theme/lokka-org/index.haml +5 -0
  176. data/public/theme/lokka-org/layout.haml +72 -0
  177. data/public/theme/lokka-org/quote.gif +0 -0
  178. data/public/theme/lokka-org/screenshot.png +0 -0
  179. data/public/theme/lokka-org/style.css +806 -0
  180. data/public/theme/p0t/article.haml +10 -0
  181. data/public/theme/p0t/entries.haml +9 -0
  182. data/public/theme/p0t/entry.haml +7 -0
  183. data/public/theme/p0t/favicon.ico +0 -0
  184. data/public/theme/p0t/images/quote.gif +0 -0
  185. data/public/theme/p0t/layout.haml +68 -0
  186. data/public/theme/p0t/screenshot.png +0 -0
  187. data/public/theme/p0t/style.css +359 -0
  188. data/public/theme/vicuna-mono/entries.erb +40 -0
  189. data/public/theme/vicuna-mono/entry.erb +23 -0
  190. data/public/theme/vicuna-mono/layout.erb +76 -0
  191. data/public/theme/vicuna-mono/quote.gif +0 -0
  192. data/public/theme/vicuna-mono/screenshot.png +0 -0
  193. data/public/theme/vicuna-mono/style.css +1156 -0
  194. data/test/helper.rb +23 -0
  195. data/test/lokka/app_test.rb +15 -0
  196. data/test/lokka/post_test.rb +17 -0
  197. metadata +965 -0
@@ -0,0 +1,40 @@
1
+ <% unless index? %>
2
+ <h2><%= @title %></h2>
3
+ <% end %>
4
+ <div class="section articles">
5
+ <% @posts.each do |post| %>
6
+ <div class="section article">
7
+ <div class="header">
8
+ <h3><a href="<%= post.link %>"><%= post.title %></a></h3>
9
+ <ul class="info">
10
+ <li class="date"><%= post.created_at %></li>
11
+ <% unless post.category.nil? %>
12
+ <li class="category"><a href="<%= post.category.link %>"><%= post.category.title %></a></li>
13
+ <% end %>
14
+ <% unless post.tags.size.zero? %>
15
+ <li class="tags"><%= post.tags_to_html %></li>
16
+ <% end %>
17
+ <li class="auther"><%= post.user.name %></li>
18
+ </ul>
19
+ </div>
20
+ <div class="body">
21
+ <%= post.body %>
22
+ </div>
23
+ <div class="footer">
24
+ <% if logged_in? %>
25
+ <p><a href="<%= post.edit_link %>"><%= t.edit %></a></p>
26
+ <% end %>
27
+ </div>
28
+ </div>
29
+ <% end %>
30
+ <div class="pager">
31
+ <ul>
32
+ <% if @posts.pager.previous_page %>
33
+ <li class="previous"><a href="?page=<%= @posts.pager.previous_page %>">Newer</a></li>
34
+ <% end %>
35
+ <% if @posts.pager.next_page %>
36
+ <li class="next"><a href="?page=<%= @posts.pager.next_page %>">Older</a></li>
37
+ <% end %>
38
+ </ul>
39
+ </div>
40
+ </div>
@@ -0,0 +1,23 @@
1
+ <div class="section article">
2
+ <div class="header">
3
+ <h2><%= @entry.title %></h2>
4
+ <ul class="info">
5
+ <li class="date"><%= l @entry.created_at.to_time %></li>
6
+ <% unless @entry.category.nil? %>
7
+ <li class="category"><a href="<%= @entry.category.link %>"><%= @entry.category.title %></a></li>
8
+ <% end %>
9
+ <% unless @entry.tags.size.zero? %>
10
+ <li class="tags"><%= @entry.tags_to_html %></li>
11
+ <% end %>
12
+ <li class="auther"><%= @entry.user.name %></li>
13
+ </ul>
14
+ </div>
15
+ <div class="body">
16
+ <%= @entry.body %>
17
+ </div>
18
+ <div class="footer">
19
+ <% if logged_in? %>
20
+ <p><a href="<%= @entry.edit_link %>"><%= t.edit %></a></p>
21
+ <% end %>
22
+ </div>
23
+ </div>
@@ -0,0 +1,76 @@
1
+ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2
+ <html xmlns="http://www.w3.org/1999/xhtml">
3
+ <head>
4
+ <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />
5
+ <meta http-equiv="Content-Style-Type" content="text/css" />
6
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
7
+ <title><%= @title %></title>
8
+ <link href="/index.atom" rel="alternate" title="<%= @title %>" type="application/atom+xml" />
9
+ <link rel="stylesheet" href="<%= @theme.path %>/style.css" type="text/css" />
10
+ <%= header %>
11
+ </head>
12
+ <body>
13
+ <div id="header">
14
+ <h1><a href="/"><%= @site.title %></a></h1>
15
+ <div class="description"><%= @site.description %></div>
16
+ <div id="bread_crumb">
17
+ <%= bread_crumb %>
18
+ </div>
19
+ </div>
20
+ <div id="content">
21
+ <div id="main">
22
+ <%= yield %>
23
+ </div>
24
+ <div id="aside">
25
+ <dl>
26
+ <dt>About</dt>
27
+ <dd><p>Text ...</p></dd>
28
+ <dt>Recent Entries</dt>
29
+ <dd>
30
+ <ul>
31
+ <% Post.recent(5).each do |post| %>
32
+ <li><a href="<%= post.link %>"><%= post.title %></a></li>
33
+ <% end %>
34
+ </ul>
35
+ </dd>
36
+ <dt>Categories</dt>
37
+ <dd><%= category_tree %></dd>
38
+ <dt>Tags</dt>
39
+ <dd>
40
+ <ul>
41
+ <% Tag.all.each do |tag| %>
42
+ <li><a href="<%= tag.link %>"><%= tag.name %></a></li>
43
+ <% end %>
44
+ </ul>
45
+ </dd>
46
+ <dt>Archives</dt>
47
+ <dd>
48
+ <ul>
49
+ <% months.each do |month| %>
50
+ <li><a href="/<%= month.year %>/<%= month.month %>/"><%= month.year %>/<%= month.month %></a></li>
51
+ <% end %>
52
+ </ul>
53
+ </dd>
54
+ <dt>Search</dt>
55
+ <dd>
56
+ <form action="/search/" method="get">
57
+ <input type="text" name="query" class="text_field" />
58
+ <button class="submit" onclick="submit()">Search</button>
59
+ </form>
60
+ </dd>
61
+ <dt>Others</dt>
62
+ <dd>
63
+ <ul>
64
+ <li><a href="/admin/">Admin</a></li>
65
+ <li><a href="/index.atom">Feed</a></li>
66
+ </ul>
67
+ </dd>
68
+ </dl>
69
+ </div>
70
+ </div>
71
+ <div id="footer">
72
+ <div class="poweredby">powered by <a href="http://github.com/komagata/lokka">Lokka</a></div>
73
+ </div>
74
+ <%= footer %>
75
+ </body>
76
+ </html>
@@ -0,0 +1,1156 @@
1
+ /*
2
+ Name: Vicuna Mono
3
+ Description: Simple monochrome theme.
4
+ URL: http://lokka.org/
5
+ Author: Masaki Komagata <komagata@gmail.com>
6
+ Author URL: http://docs.komagata.org/
7
+ Version: 0.0.2
8
+ */
9
+
10
+ @charset "UTF-8";
11
+
12
+ /*
13
+ Skin Name: Mono Skin - Core Style
14
+ Author: vicuna.jp
15
+ */
16
+
17
+ /* Yahoo fonts.css 2.7.0
18
+ http://developer.yahoo.net/yui/license.txt
19
+ - Font size Adjustment.
20
+ http://developer.yahoo.com/yui/examples/fonts/fonts-size_source.html
21
+ */ body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
22
+
23
+ /*========================================
24
+
25
+ Elements
26
+
27
+ ========================================*/
28
+
29
+ body {
30
+ color: #222;
31
+ background-color: #ddd;
32
+ }
33
+
34
+ /* Link
35
+ ---------------*/
36
+
37
+ a:link {
38
+ color: #000;
39
+ }
40
+
41
+ a:visited {
42
+ color: #333;
43
+ }
44
+
45
+ a:hover {
46
+ color: #555;
47
+ text-decoration: none;
48
+ }
49
+
50
+ a:focus,
51
+ textarea:focus,
52
+ input:focus {
53
+ outline: 1px solid #aaa;
54
+ }
55
+
56
+ /* Text
57
+ ---------------*/
58
+
59
+ h1 {
60
+ margin: 0;
61
+ line-height: 1.5;
62
+ font-size: 167%;
63
+ color: #000;
64
+ }
65
+
66
+ h2 {
67
+ margin: 0;
68
+ padding: 1em 30px;
69
+ line-height: 1.5;
70
+ border-bottom: 1px solid #eee;
71
+ font-size: 167%;
72
+ color: #000;
73
+ }
74
+
75
+ body.mainIndex h1 {
76
+ display: none;
77
+ }
78
+
79
+ h3 {
80
+ font-size: 131%;
81
+ }
82
+
83
+ h4 {
84
+ margin-top: 2em;
85
+ font-size: 116%;
86
+ }
87
+
88
+ p {
89
+ margin: 1em 0;
90
+ }
91
+
92
+ blockquote {
93
+ margin: 1em 0 1em 20px;
94
+ padding: 8px 10px 5px 40px;
95
+ border: 1px solid #eee;
96
+ color: #444;
97
+ background-image: url(quote.gif);
98
+ background-repeat: no-repeat;
99
+ background-position: 5px 5px;
100
+
101
+ border-radius: 6px;
102
+ -webkit-border-radius: 6px;
103
+ -moz-border-radius: 6px;
104
+ }
105
+
106
+ blockquote p {
107
+ margin-top: 0.5em;
108
+ margin-bottom: 0.5em;
109
+ }
110
+
111
+ pre {
112
+ padding: 15px 20px;
113
+ background-color: #f5f5f5;
114
+ overflow: auto;
115
+ width: 90%;
116
+ _width: 95%; /* for IE6 */
117
+
118
+ border-radius: 6px;
119
+ -webkit-border-radius: 6px;
120
+ -moz-border-radius: 6px;
121
+ }
122
+
123
+ em {
124
+ font-weight: bold;
125
+ font-style: normal;
126
+ }
127
+
128
+ strong {
129
+ font-size: 109%;
130
+ }
131
+
132
+ /* List
133
+ ---------------*/
134
+
135
+ ul,
136
+ ol {
137
+ margin: 1em 30px;
138
+ padding: 0;
139
+ list-style-position: outside;
140
+ }
141
+
142
+ ul ul,ul ol,ul ol,ol ol {
143
+ margin: 0.3em 0 0.3em 15px;
144
+ }
145
+
146
+ /* form
147
+ ---------------*/
148
+
149
+ form {
150
+ margin: 1em 0;
151
+ background-color: #f5f5f5;
152
+ }
153
+
154
+ fieldset {
155
+ padding: 1px 0;
156
+ border: none;
157
+ }
158
+
159
+ legend {
160
+ padding: 4px 10px;
161
+ background-color: #fff;
162
+ }
163
+
164
+ input,
165
+ textarea {
166
+ padding: 0.2em;
167
+ border-width: 1px;
168
+ border-style: solid;
169
+ border-color: #ccc;
170
+ background-color: #fff;
171
+ }
172
+
173
+ input:hover,
174
+ textarea:hover {
175
+ border-color: #999;
176
+ }
177
+
178
+ textarea {
179
+ padding: 0.5em 10px;
180
+ }
181
+
182
+ button.submit {
183
+ padding: 5px 10px;
184
+ border: none;
185
+ font-size: 85%;
186
+ font-weight: bold;
187
+ text-transform: uppercase;
188
+ color: #fff;
189
+ background-color: #000;
190
+ }
191
+
192
+ button.submit:hover {
193
+ background-color: #666;
194
+ }
195
+
196
+ input.radio {
197
+ border: none;
198
+ background-color: transparent;
199
+ background-image: none;
200
+ }
201
+
202
+ /* Table
203
+ ---------------*/
204
+
205
+ table {
206
+ margin: 1em 0;
207
+ border: 1px solid #ccc;
208
+ background-color: #fff;
209
+ }
210
+
211
+ caption {
212
+ padding-bottom: 0.3em;
213
+ }
214
+
215
+ th,
216
+ td {
217
+ padding: 0.3em 10px;
218
+ border-collapse: separate;
219
+ border-spacing: 1px;
220
+ }
221
+
222
+ th {
223
+ border-right: 1px solid #ddd;
224
+ color: #333;
225
+ background-color: #f5f5f5;
226
+ }
227
+
228
+ td {
229
+ border-right: 1px solid #eee;
230
+ border-top: 1px solid #eee;
231
+ }
232
+
233
+ /* Others
234
+ ---------------*/
235
+
236
+ hr {
237
+ margin: 1.5em 0;
238
+ border: none;
239
+ border-top: 1px dotted #ccc;
240
+ }
241
+
242
+ /*========================================
243
+
244
+ #header
245
+
246
+ ========================================*/
247
+
248
+ #header {
249
+ padding: 1px 0;
250
+ background-color: #fff;
251
+ }
252
+
253
+ /* Website Title
254
+ ---------------*/
255
+
256
+ #header h1 {
257
+ margin: 25px 30px 10px;
258
+ line-height: 1;
259
+ font-size: 144%;
260
+ font-weight: bold;
261
+ }
262
+
263
+ #header h1 a {
264
+ text-decoration: none;
265
+ color: #000;
266
+ }
267
+
268
+ #header h1 a:hover {
269
+ color: #000;
270
+ }
271
+
272
+ #header .description {
273
+ margin: 0 30px 25px;
274
+ font-size: 92%;
275
+ }
276
+
277
+ #bread_crumb ol {
278
+ margin: 1em 30px;
279
+ list-style: none;
280
+ }
281
+
282
+ #bread_crumb ol li {
283
+ display: inline;
284
+ font-size: 14px;
285
+ }
286
+
287
+ #bread_crumb ol li:before {
288
+ content: " > ";
289
+ }
290
+
291
+ #bread_crumb ol li:first-child:before {
292
+ content: "";
293
+ }
294
+
295
+ /* ul#globalNavi
296
+ ---------------*/
297
+
298
+ ul#globalNavi {
299
+ margin: 0 0 -1px 0;
300
+ padding: 0;
301
+ border-top: 1px solid #eee;
302
+ line-height: 1;
303
+ list-style-type: none;
304
+ background-color: #fff;
305
+ }
306
+
307
+ ul#globalNavi li {
308
+ margin: 0;
309
+ padding: 0;
310
+ float: left;
311
+ /*
312
+ width: 110px;
313
+ */
314
+ text-align: center;
315
+ }
316
+
317
+ ul#globalNavi li a {
318
+ border-right: 1px solid #eee;
319
+ padding: 9px 20px;
320
+ display: block;
321
+ position: relative; /* for IE6 */
322
+ color: #333;
323
+ background-color: #fff;
324
+ text-decoration: none;
325
+ }
326
+
327
+ ul#globalNavi li a:hover,
328
+ ul#globalNavi li.current a {
329
+ color: #000;
330
+ background-color: #f5f5f5;
331
+ }
332
+
333
+ /*========================================
334
+
335
+ #content
336
+
337
+ ========================================*/
338
+
339
+ #content {
340
+ padding-bottom: 1px;
341
+ border-top: 1px solid #eee;
342
+ background-color: #fff;
343
+ }
344
+
345
+ p.topicPath {
346
+ margin: 0 30px 10px;
347
+ padding-top: 8px;
348
+ line-height: 1.6;
349
+ }
350
+
351
+ p.topicPath a {
352
+ text-decoration: none;
353
+ }
354
+
355
+ p.topicPath span.current {
356
+ padding: 1px 10px;
357
+ border: 1px solid #eee;
358
+ color: #000;
359
+ background-color: #f5f5f5;
360
+ }
361
+
362
+ /*=========================
363
+ > #main
364
+ =========================*/
365
+
366
+ /* > .article
367
+ ---------------*/
368
+
369
+ .article {
370
+ padding: 1em 30px;
371
+ _height: 1px; /* for IE6 */
372
+ *min-height: 1px; /* for IE7 */
373
+ }
374
+
375
+ /* body.archives */
376
+
377
+ body.archives .article {
378
+ margin-top: 0;
379
+ }
380
+
381
+ /* Entry Title
382
+ ---------------*/
383
+ .article .header h2 {
384
+ border-bottom: 4px solid #eee;
385
+ margin: 0;
386
+ padding: 0.3em 0;
387
+ }
388
+
389
+
390
+ .article .header h3 {
391
+ border-bottom: 4px solid #eee;
392
+ margin: 0;
393
+ padding: 0.3em 0;
394
+ }
395
+
396
+ .article .header h2 a,
397
+ .article .header h3 a {
398
+ text-decoration: none;
399
+ }
400
+
401
+ .article .header h2 a:link,
402
+ .article .header h3 a:link {
403
+ color: #000;
404
+ }
405
+
406
+ .article .header h2 a:visited,
407
+ .article .header h3 a:visited {
408
+ color: #333;
409
+ }
410
+
411
+ .article .header h2 a:hover,
412
+ .article .header h3 a:hover {
413
+ color: #333;
414
+ text-decoration: underline;
415
+ }
416
+
417
+ .article .header ul.info {
418
+ margin: 0px 0px 10px 0px;
419
+ padding: 0;
420
+ list-style: none;
421
+ }
422
+
423
+ .article .header ul.info li {
424
+ display: inline;
425
+ margin-top: 8px;
426
+ }
427
+ .article .header ul.info li.tags {
428
+ padding-right: 0px;
429
+ }
430
+
431
+ .article .header ul.info li.tags ul {
432
+ margin: 0px;
433
+ padding-right: 10px;
434
+ }
435
+
436
+ .article .header ul.info li.tags ul li {
437
+ margin: 0px;
438
+ padding-right: 0px;
439
+ font-size: 100%;
440
+ border: none;
441
+ }
442
+
443
+ .article .header ul.info ul li:before {
444
+ content: ", ";
445
+ }
446
+
447
+ .article .header ul.info ul li:first-child:before {
448
+ content: "";
449
+ }
450
+
451
+ .article .body {
452
+ margin: 0;
453
+ padding: 1em 0px;
454
+ }
455
+
456
+ .article .footer {
457
+ margin: 0;
458
+ padding: 1em 0px;
459
+ }
460
+
461
+ /* ul.info
462
+ ---------------*/
463
+
464
+ .article ul.info {
465
+ margin: 0 0 1em 0;
466
+ padding: 0.3em 0;
467
+ list-style-type: none;
468
+ }
469
+
470
+ .article ul.info li {
471
+ margin: 0.3em 10px 0.3em 0;
472
+ padding-right: 10px;
473
+ border-right: 1px solid #eee;
474
+ color: #444;
475
+ float: left;
476
+ font-size: 85%;
477
+ }
478
+
479
+ .article ul.info li a {
480
+ text-decoration: none;
481
+ }
482
+
483
+ /*body.individual ul.info */
484
+
485
+ body.individual .article ul.info,
486
+ body.archives .article ul.info {
487
+ margin: 0 -30px 1.5em;
488
+ padding: 0.3em 30px;
489
+ position: relative;
490
+ top: -1px;
491
+ }
492
+
493
+ body.individual .article ul.info li,
494
+ body.archives .article ul.info li{
495
+ padding: 0 0 0 10px;
496
+ border-right: none;
497
+ border-left: 1px solid #ccc;
498
+ }
499
+
500
+ /* Text Style
501
+ ---------------*/
502
+
503
+ .textBody p {
504
+ line-height: 1.7;
505
+ }
506
+
507
+ .textBody h2 {
508
+ margin-top: 2em;
509
+ }
510
+
511
+ .textBody dl {
512
+ padding: 0.5em 20px;
513
+ border: 1px solid #eee;
514
+ }
515
+
516
+ .textBody dt {
517
+ margin: 0.7em 0;
518
+ padding-bottom: 0.3em;
519
+ border-bottom: 1px dotted #ccc;
520
+ font-weight: bold;
521
+ color: #000;
522
+ }
523
+
524
+ .textBody dd {
525
+ color: #666;
526
+ margin: 0.5em 0;
527
+ }
528
+
529
+ /* p.continue
530
+ ---------------*/
531
+
532
+ .textBody p.continue {
533
+ margin: 2em 0 1.5em;
534
+ font-weight: bold;
535
+ }
536
+
537
+ .textBody p.continue a {
538
+ padding: 5px 10px;
539
+ color: #fff;
540
+ background-color: #000;
541
+ text-decoration: none;
542
+ }
543
+
544
+ .textBody p.continue a:link {
545
+ color: #eee;
546
+ }
547
+
548
+ .textBody p.continue a:visited {
549
+ color: #eee;
550
+ background-color: #999;
551
+ }
552
+
553
+ .textBody p.continue a:hover {
554
+ color: #eee;
555
+ background-color: #333;
556
+ }
557
+
558
+
559
+ /* ul.reaction
560
+ ---------------*/
561
+
562
+ .article ul.reaction {
563
+ margin: 1em 0;
564
+ border-top: 1px solid #eee;
565
+ list-style-type: none;
566
+ }
567
+
568
+ .article ul.reaction li {
569
+ margin: 0 10px 0 0;
570
+ padding: 5px 10px 0 0;
571
+ border-right: 1px solid #eee;
572
+ float: left;
573
+ }
574
+
575
+ /* page navi
576
+ ---------------*/
577
+
578
+ p.archives {
579
+ margin: 1em 30px;
580
+ }
581
+
582
+ p.return {
583
+ margin: 0 30px;
584
+ padding: 0.7em 0;
585
+ text-align: right;
586
+ clear: both;
587
+ }
588
+
589
+ /* Newer | Older */
590
+
591
+ ul#flip1 {
592
+ margin: 0 0 0 30px;
593
+ list-style-type: none;
594
+ position: relative;
595
+ top: 1px;
596
+ }
597
+
598
+ ul#flip1 li {
599
+ float: left;
600
+ width: 60px;
601
+ font-size: 92%;
602
+ text-align: center;
603
+ line-height: 1;
604
+ }
605
+
606
+ ul#flip1 li a {
607
+ margin-right: 2px;
608
+ padding: 4px 0 3px;
609
+ border: 1px solid #eee;
610
+ border-bottom: none;
611
+ display: block;
612
+ text-decoration: none;
613
+ color: #666;
614
+ background-color: #fff;
615
+ }
616
+
617
+ ul#flip1 li a:hover {
618
+ color: #000;
619
+ }
620
+
621
+ ul#flip2 {
622
+ margin: 1em 0;
623
+ padding: 0.8em 15px;
624
+ border: 1px solid #eee;
625
+ list-style-position: inside;
626
+ }
627
+
628
+ /*=========================
629
+ #Comments,
630
+ #Trackbacks
631
+ =========================*/
632
+
633
+ #comments,
634
+ #trackback {
635
+ margin: 2em 0;
636
+ _height: 1px; /* for IE6 */
637
+ }
638
+
639
+ #comments h2,
640
+ #trackback h2 {
641
+ padding: 0.5em 15px;
642
+ border: none;
643
+ font-size: 116%;
644
+ color: #333;
645
+ background-color: #eee;
646
+ }
647
+
648
+ #comments dl.log dt,
649
+ #trackback dl.log dt {
650
+ margin: 0.8em 0 0;
651
+ font-weight: bold;
652
+ }
653
+
654
+ #comments dl.log dt span.name,
655
+ #trackback dl.log dt span.name {
656
+ color: #000;
657
+ }
658
+
659
+ #comments dl.log dt span.date,
660
+ #trackback dl.log dt span.date {
661
+ margin-left: 10px;
662
+ color: #666;
663
+ font-weight: normal;
664
+ }
665
+
666
+ #comments dl.log dd,
667
+ #trackback dl.log dd {
668
+ margin: 0;
669
+ padding: 0.8em 0 1em;
670
+ border-bottom: 1px solid #eee;
671
+ }
672
+
673
+ #comments dl.log dd p,
674
+ #trackback dl.log dd p {
675
+ margin: 0;
676
+ }
677
+
678
+ /* Comment form
679
+ ---------------*/
680
+
681
+ form.post dl {
682
+ margin: 0.5em 20px;
683
+ }
684
+
685
+ form.post p {
686
+ margin: 1em 20px;
687
+ }
688
+
689
+ form.post dl dt {
690
+ margin: 0.5em 0;
691
+ }
692
+
693
+ form.post dl dd {
694
+ margin: 0;
695
+ }
696
+
697
+ form.post .action {
698
+ margin: 0.5em 20px 1em;
699
+ }
700
+
701
+ form.post .action input {
702
+ margin: 0 5px 0 0;
703
+ }
704
+
705
+ form.post textarea {
706
+ width: 80%;
707
+ max-width: 85%;
708
+ }
709
+
710
+ /* Trackback info
711
+ ---------------*/
712
+
713
+ #trackback dl.info {
714
+ padding: 0.8em 15px;
715
+ border-right: 1px solid #eee;
716
+ border-bottom: 1px solid #eee;
717
+ background-color: #f5f5f5;
718
+ }
719
+
720
+ #trackback dl.info dd {
721
+ margin: 0.3em 20px;
722
+ }
723
+
724
+ #trackback dl.info dd.URL {
725
+ margin: 0.5em 0;
726
+ padding: 0.5em 10px;
727
+ border-top: 1px solid #eee;
728
+ border-left: 1px solid #eee;
729
+ background-color: #fff;
730
+ color: #000;
731
+ }
732
+
733
+ /*=========================
734
+ #aside
735
+ =========================*/
736
+
737
+ #aside dl {
738
+ margin: 5px 0;
739
+ padding-bottom: 5px;
740
+ }
741
+
742
+ #aside dl dt {
743
+ margin: 5px 10px;
744
+ padding: 4px 0;
745
+ border-bottom: 3px solid #eee;
746
+ font-weight: bold;
747
+ color: #000;
748
+ }
749
+
750
+ #aside dl dd {
751
+ margin: 0 10px;
752
+ padding: 1px 0;
753
+ }
754
+
755
+ #aside dl dd ul {
756
+ margin: 5px 10px 5px 20px;
757
+ }
758
+
759
+ #aside dl dd ul li {
760
+ margin: 0.5em 0;
761
+ }
762
+
763
+ #aside dl dd ul li a {
764
+ text-decoration: none;
765
+ }
766
+
767
+ /* Feeds
768
+ ---------------*/
769
+
770
+ #aside dl dd ul.feed {
771
+ margin-left: 10px;
772
+ list-style-type: none;
773
+ list-style-position: outside;
774
+ }
775
+
776
+ #aside dl dd ul.feed li {
777
+ margin-left: 0;
778
+ }
779
+
780
+ #aside dl dd ul.feed li a {
781
+ padding-left: 20px;
782
+ background: url(images/icon/icon_feed.gif) no-repeat;
783
+ }
784
+
785
+ /* #aside dl dd >
786
+ ---------------*/
787
+
788
+ #aside p {
789
+ margin: 0.3em 0;
790
+ }
791
+
792
+ #aside dl dd ul ul {
793
+ margin-left: 15px;
794
+ }
795
+
796
+ #aside dl dd dl {
797
+ margin: 0.3em 0;
798
+ border: 1px solid #eee;
799
+ }
800
+
801
+ #aside dl dd dl dt {
802
+ font-weight: normal;
803
+ }
804
+
805
+ #aside dl dd form {
806
+ margin: 0;
807
+ padding: 1px 5px;
808
+ border: none;
809
+ }
810
+
811
+ #aside dl dd form legend {
812
+ display: none;
813
+ }
814
+
815
+ #aside dl dd form input.text_field {
816
+ width: 45%;
817
+ }
818
+
819
+ #aside dl dd form input.submit {
820
+ padding: 0.2em 2px;
821
+ font-size: 10px;
822
+ }
823
+
824
+ /*========================================
825
+
826
+ #footer
827
+
828
+ ========================================*/
829
+
830
+ #footer {
831
+ padding: 1px 0 1em;
832
+ }
833
+
834
+ #footer a {
835
+ color: #999;
836
+ text-decoration: none;
837
+ }
838
+
839
+ #footer a:hover {
840
+ color: #fff;
841
+ }
842
+
843
+ #footer ul {
844
+ margin: 0.7em 0;
845
+ text-align: right;
846
+ color: #ddd;
847
+ font-size: 85%;
848
+ }
849
+
850
+ #footer ul li {
851
+ margin-left: 5px;
852
+ display: inline;
853
+ }
854
+
855
+ #footer .poweredby {
856
+ margin: 10px 0;
857
+ text-align: right;
858
+ }
859
+
860
+ #footer address {
861
+ text-align: right;
862
+ font-style: normal;
863
+ color: #555;
864
+ }
865
+
866
+ /*========================================
867
+
868
+ Class
869
+
870
+ ========================================*/
871
+
872
+ /* Headline
873
+ ---------------*/
874
+
875
+ dl.headline {
876
+ margin: 0.5em 0;
877
+ }
878
+
879
+ dl.headline dt span.date {
880
+ font-size: 85%;
881
+ }
882
+
883
+ dl.headline dd {
884
+ margin: 0.5em 0 1.2em;
885
+ padding-bottom: 1.2em;
886
+ border-bottom: 3px solid #eee;
887
+ }
888
+
889
+ dl.headline dd ul {
890
+ margin: 0;
891
+ list-style-type: none;
892
+ }
893
+
894
+ dl.headline dd ul li {
895
+ margin: 0.3em 5px 0.3em 0;
896
+ display: inline;
897
+ font-size: 92%;
898
+ }
899
+
900
+ dl.headline dd ul li.textBody {
901
+ display: block;
902
+ font-size: 100%;
903
+ }
904
+
905
+ /* ul.thumb
906
+ ---------------*/
907
+
908
+ ul.thumb,
909
+ #aside ul.thumb {
910
+ margin: 0;
911
+ padding: 0;
912
+ list-style: none;
913
+ }
914
+
915
+ ul.thumb li {
916
+ margin: 0;
917
+ padding: 0;
918
+ float: left;
919
+ width: 33%;
920
+ overflow: hidden;
921
+ font-size: 0;
922
+ }
923
+
924
+ ul.thumb li a img {
925
+ border: none;
926
+ border-left: 1px solid #fff;
927
+ border-bottom: 1px solid #fff;
928
+ }
929
+
930
+ ul.thumb li a:hover img {
931
+ border-bottom: 1px solid #000;
932
+ }
933
+
934
+ /* Tag cloud
935
+ ---------------*/
936
+
937
+ ul.tagCloud {
938
+ margin: 1em 0;
939
+ line-height: 1;
940
+ _height: 1px; /* for IE6 */
941
+ font-family: Arial, Helvetica, sans-serif;
942
+ font-size: 13px;
943
+ }
944
+
945
+ #aside dl dd ul.tagCloud {
946
+ margin: 0.2em 0;
947
+ }
948
+
949
+ ul.tagCloud li {
950
+ margin: 0;
951
+ padding: 0;
952
+ display: inline;
953
+ font-size: 100%;
954
+ }
955
+
956
+ ul.tagCloud li a {
957
+ text-decoration: none;
958
+ }
959
+
960
+ /* Tag level 1 > 6 */
961
+
962
+ ul.tagCloud li.level1 a {
963
+ font-size: 167%;
964
+ font-weight: bold;
965
+ color: #000;
966
+ }
967
+
968
+ ul.tagCloud li.level2 a {
969
+ font-size: 136%;
970
+ font-weight: bold;
971
+ color: #333;
972
+ }
973
+
974
+ ul.tagCloud li.level3 a {
975
+ font-size: 122%;
976
+ font-weight: bold;
977
+ color: #555;
978
+ }
979
+
980
+ ul.tagCloud li.level4 a {
981
+ font-size: 114%;
982
+ color: #777;
983
+ }
984
+
985
+ ul.tagCloud li.level5 a {
986
+ font-size: 92%;
987
+ color: #999;
988
+ }
989
+
990
+ ul.tagCloud li.level6 a {
991
+ font-size: 77%;
992
+ color: #aaa;
993
+ }
994
+
995
+ /* On Mouse */
996
+ ul.tagCloud li a:hover {
997
+ color: #000;
998
+ }
999
+
1000
+ /* Calendar
1001
+ ---------------*/
1002
+
1003
+ table.calendar {
1004
+ margin: 0 auto 5px;
1005
+ border-color: #ddd;
1006
+ width: 95%;
1007
+ _width: 90%; /* for IE6 */
1008
+ }
1009
+
1010
+ table.calendar th,
1011
+ table.calendar td {
1012
+ padding: 0;
1013
+ line-height: 1.8;
1014
+ font-size: 85%;
1015
+ text-align: center;
1016
+ }
1017
+
1018
+ table.calendar th {
1019
+ line-height: 2;
1020
+ font-weight: normal;
1021
+ }
1022
+
1023
+ table.calendar th.sat {
1024
+ font-weight: bold;
1025
+ background-color: #e5e5e5;
1026
+ }
1027
+
1028
+ table.calendar th.sun {
1029
+ font-weight: bold;
1030
+ background-color: #e5e5e5;
1031
+ }
1032
+
1033
+ table.calendar td {
1034
+ color: #888;
1035
+ padding: 0;
1036
+ width: 14%;
1037
+ }
1038
+
1039
+ table.calendar td a {
1040
+ display: block;
1041
+ font-weight: bold;
1042
+ text-decoration: none;
1043
+ color: #333;
1044
+ background-color: #eee;
1045
+ }
1046
+
1047
+ table.calendar td a:visited {
1048
+ color: #333;
1049
+ background-color: #fff;
1050
+ }
1051
+
1052
+ table.calendar td a:hover {
1053
+ color: #000;
1054
+ background-color: #eee;
1055
+ }
1056
+
1057
+ /* Option
1058
+ ---------------*/
1059
+
1060
+ .option {
1061
+ margin: 1em 30px;
1062
+ padding: 1px 10px;
1063
+ border: 1px solid #eee;
1064
+ }
1065
+
1066
+ /* Clearfix
1067
+ ---------------*/
1068
+
1069
+ ul#globalNavi,
1070
+ #content,
1071
+ .article ul.info,
1072
+ .article .textBody,
1073
+ ul.reaction,
1074
+ ul.thumb,
1075
+ ul.flip,
1076
+ body.multi2 #aside,
1077
+ body.multi2-l #aside {
1078
+ _height: 1px;
1079
+ min-height: 1px;
1080
+ /*¥*//*/
1081
+ height: 1px;
1082
+ overflow: hidden;
1083
+ /**/
1084
+ }
1085
+
1086
+ ul#globalNavi:after,
1087
+ #content:after,
1088
+ .article ul.info:after,
1089
+ .article .textBody:after,
1090
+ .article ul.reaction:after,
1091
+ ul.thumb:after,
1092
+ ul.flip:after {
1093
+ height: 0;
1094
+ visibility: hidden;
1095
+ content: ".";
1096
+ display: block;
1097
+ clear: both;
1098
+ }
1099
+
1100
+ .clear {
1101
+ display: block;
1102
+ clear: both;
1103
+ }
1104
+
1105
+ /* IE6 - なにがあってもカラム落ちを防ぐ
1106
+ ---------------*/
1107
+
1108
+ #main,
1109
+ #aside dl.navi,
1110
+ #aside dl.others {
1111
+ _overflow: hidden;
1112
+ }
1113
+
1114
+ /* layouts */
1115
+
1116
+ body {
1117
+ margin: 0 10px;
1118
+ text-align: center;
1119
+ }
1120
+
1121
+ #header,
1122
+ #content,
1123
+ #footer {
1124
+ width: 95%; /*(60%~ | 600px~ | 60em~) etc.*/
1125
+ min-width: 600px;
1126
+ max-width: 1000px;
1127
+ margin: 0 auto;
1128
+ position: relative;
1129
+ text-align: left;
1130
+ }
1131
+
1132
+ /*========================================
1133
+
1134
+ Double Column Layout - Sidebar on right
1135
+
1136
+ <body class="double">
1137
+
1138
+ ┏━━━┓┏┓
1139
+ ┃━━━┃┃┃
1140
+ ┗━━━┛┗┛
1141
+
1142
+ ========================================*/
1143
+
1144
+ body #main {
1145
+ width: 75%;
1146
+ float: left;
1147
+ margin-right: -1px;
1148
+ border-right: 1px solid #eee;
1149
+ border-bottom: 1px solid #eee;
1150
+ }
1151
+
1152
+ body #aside {
1153
+ width: 25%;
1154
+ float: left;
1155
+ clear: right;
1156
+ }