lokka 0.1.1

Sign up to get free protection for your applications and to get access to all the features.
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,9 @@
1
+ .header
2
+ %h2.title= link_to post.title, post.link
3
+ .article.section
4
+ .body
5
+ ~ post.body
6
+ .footer
7
+ .created_at= l post.created_at.to_time
8
+ - if logged_in?
9
+ %p= link_to t.edit, post.edit_link
@@ -0,0 +1,9 @@
1
+ .articles.section
2
+ - @posts.each do |post|
3
+ = partial :article, :locals => {:post => post}
4
+ .pager
5
+ %ul
6
+ - if @posts.pager.previous_page
7
+ %li.previous= link_to t.newer, "?page=#{@posts.pager.previous_page}"
8
+ - if @posts.pager.next_page
9
+ %li.next= link_to t.older, "?page=#{@posts.pager.next_page}"
@@ -0,0 +1 @@
1
+ = partial :article, :locals => {:post => @entry}
@@ -0,0 +1,5 @@
1
+ - page = Page.first(:slug => "home-#{r18n.locale.code}") || Page.new
2
+ .section
3
+ .header
4
+ %h2= page.title
5
+ .body= page.body
@@ -0,0 +1,72 @@
1
+ !!! XML
2
+ !!!
3
+ %html
4
+ %head
5
+ %meta{'http-equiv' => 'Content-Type', 'content' => 'text/html; charset=utf-8'}
6
+ %meta{'http-equiv' => 'Content-Style-Type', 'content' => 'text/css'}
7
+ %meta{'http-equiv' => 'Content-Script-Type', 'content' => 'text/javascript'}
8
+ - if entry?
9
+ %title== #{@entry.title} - #{@site.title}
10
+ - else
11
+ %title== #{@site.title} - CMS for Cloud
12
+ %link{:rel => 'shortcut icon', :href => "#{@theme.path}/favicon.ico"}
13
+ %link{:title => @site.title, :rel => 'alternate', :href => '/index.atom', :type => 'application/atom+xml'}
14
+ %link{:rel => 'stylesheet', :href => "#{@theme.path}/style.css", :type => 'text/css'}
15
+ %script{:src => "http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js", :type => "text/javascript"}
16
+ = header
17
+ %body{:class => @theme_types.join(' ')}
18
+ #header
19
+ .language
20
+ %ul.wide
21
+ %li
22
+ %a{:href => '?locale=en'} English
23
+ %li
24
+ %a{:href => '?locale=ja'} 日本語
25
+ - if index?
26
+ .section.wide
27
+ .eye_catch
28
+ %h1= @site.title
29
+ %h2 CMS for Cloud
30
+ .description
31
+ = t.what_about_lokka
32
+ %ul
33
+ %li.cloud cloud
34
+ %li.ruby= link_to 'ruby', 'http://www.ruby-lang.org/en/'
35
+ .capture= link_to 'download', 'http://github.com/komagata/lokka/downloads'
36
+
37
+ .nav
38
+ %ul.wide
39
+ %li= link_to t.home, "/"
40
+ %li= link_to t.getting_started, "/getting-started-#{r18n.locale.code}"
41
+ %li= link_to t.contributor, "/contributor-#{r18n.locale.code}"
42
+ %li= link_to t.demo, 'http://demo.lokka.org/'
43
+ %li= link_to t.download, 'http://github.com/komagata/lokka/downloads'
44
+ %li= link_to t.source_code, 'http://github.com/komagata/lokka'
45
+
46
+ - else
47
+ .section.wide
48
+ %h1= link_to @site.title, "/"
49
+ .nav
50
+ %ul
51
+ %li= link_to t.home, "/"
52
+ %li= link_to t.getting_started, "/getting-started-#{r18n.locale.code}"
53
+ %li= link_to t.contributor, "/contributor-#{r18n.locale.code}"
54
+ %li= link_to t.demo, 'http://demo.lokka.org/'
55
+ %li= link_to t.download, 'http://github.com/komagata/lokka/downloads'
56
+ %li= link_to t.source_code, 'http://github.com/komagata/lokka'
57
+ - unless index?
58
+ .bred_crumbs.wide
59
+ = bread_crumb
60
+ #container
61
+ #main= yield
62
+ #aside
63
+ %dl
64
+ %dt= t.recent_entries
65
+ %dd
66
+ %ul
67
+ - Post.recent(5).each do |post|
68
+ %li= link_to post.title, post.link
69
+ #footer
70
+ .copy
71
+ Lokka
72
+ = footer
@@ -0,0 +1,806 @@
1
+ @charset "utf-8";
2
+ /* CSS Document */
3
+
4
+ /* --clearfix-- */
5
+ .clearfix:after,
6
+ div:after,
7
+ ul:after,
8
+ dl:after,
9
+ form:after,
10
+ blockquote:after {
11
+ content: ".";
12
+ display: block;
13
+ height: 0px;
14
+ clear: both;
15
+ visibility: hidden;
16
+ }
17
+
18
+ .clearfix,
19
+ div,
20
+ ul,
21
+ dl,
22
+ form,
23
+ blockquote {
24
+ min-height: 1px;
25
+ display: block; /* ブロックレベル要素に */
26
+ }
27
+
28
+ /*
29
+ ブラウザの初期設定をリセットする為のCSS
30
+ */
31
+
32
+ /* --HTML-- */
33
+ html {
34
+ overflow-y:scroll;
35
+ background-image: url(images/html.gif);
36
+ }
37
+
38
+ /* --BODY-- */
39
+ body {
40
+ padding:0;
41
+ line-height: 1.4;
42
+ font-family:"Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,"ヒラギノ丸ゴ Pro W4",HiraMaruPro-W4,"ヒラギノ角ゴ Pro W3",HiraKakuPro-W3,Osaka,sans-serif;
43
+ font-size: 13px;
44
+ color: #444;
45
+ margin: 0;
46
+ }
47
+
48
+ /* --OTHER TAGS-- */
49
+ a img, fieldset, img {
50
+ border:0;
51
+ }
52
+
53
+ blockquote, dd, div, dl, dt, fieldset, form,
54
+ h1, h2, h3, h4, h5, h6, input, li, ol, p, pre,
55
+ select, span, textarea, td, th, ul {
56
+ margin:0;
57
+ padding:0;
58
+ }
59
+
60
+ h1, h2, h3, h4, h5, h6, input , dt {
61
+ font-family:"Myriad Pro SemiBold","Myriad Bold","Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,"ヒラギノ角ゴ Pro W6",HiraKakuPro-W6,Osaka,sans-serif;
62
+ }
63
+
64
+ abbr, acronym {
65
+ border:0;
66
+ }
67
+
68
+ address, caption, cite, code, dfn, em, th, strong, var {
69
+ font-style:normal;
70
+ font-weight:normal;
71
+ }
72
+
73
+ caption, th {
74
+ text-align:left;
75
+ }
76
+
77
+ code, kbd, pre, samp, tt {
78
+ font-family:monospace;
79
+ line-height:100%;
80
+ }
81
+
82
+ /* for IE7 */
83
+ *+html code, kbd, pre, samp, tt {
84
+ font-size:108%;
85
+ }
86
+
87
+ h1, h2, h3, h4, h5, h6 {
88
+ font-size:100%;
89
+ font-weight:normal;
90
+ line-height: 1;
91
+ }
92
+ input, select, textarea{
93
+ font-size:100%;
94
+ font-family: 'Lucida Grande',Verdana,Arial,'Hiragino Kaku Gothic Pro',Meiryo,'メイリオ',sans-serif;
95
+ }
96
+
97
+ ol, ul {
98
+ list-style:none;
99
+ }
100
+
101
+ q:before, q:after {
102
+ content:'';
103
+ }
104
+
105
+ /* tables still need 'cellspacing="0"' */
106
+ table {
107
+ border-collapse:collapse;
108
+ border-spacing:0;
109
+ font-size:100%;
110
+ }
111
+
112
+ a {
113
+ overflow: hidden
114
+ }
115
+
116
+ a:link,a:visited {
117
+ color: #1f8fb8;
118
+ }
119
+ a:hover,a:active {
120
+ color: #ec189a;
121
+ }
122
+
123
+ .hidden {
124
+ display: none;
125
+ visibility: hidden;
126
+ }
127
+ .wide {
128
+ margin-right: auto;
129
+ margin-left: auto;
130
+ width: 970px;
131
+ }
132
+
133
+
134
+ #header .section {
135
+ padding-top: 15px;
136
+ }
137
+
138
+
139
+ /* header language */
140
+ #header .language {
141
+ background-image: url(images/header_language.gif);
142
+ height: 37px;
143
+ padding-top: 3px;
144
+ }
145
+ #header .language li {
146
+ margin-right: 15px;
147
+ margin-top: 5px;
148
+ margin-bottom: 5px;
149
+ float: right;
150
+ }
151
+ #header .language li a {
152
+ display: block;
153
+ height: 23px;
154
+ line-height: 23px;
155
+ text-decoration: none;
156
+ font-size: 12px;
157
+ background-image: url(images/language_a.png);
158
+ width: 107px;
159
+ text-align: center;
160
+ }
161
+ #header .language li a:link,
162
+ #header .language li a:visited {
163
+ text-shadow:1px 1px 0px #000;
164
+ color: #f3f3f3;
165
+ background-position: 0px 0px;
166
+ }
167
+ #header .language li a:hover,
168
+ #header .language li a:active {
169
+ text-shadow:1px 1px 0px #000;
170
+ color: #f3f3f3;
171
+ background-position: 0px bottom;
172
+ }
173
+
174
+
175
+
176
+ #header h1 a {
177
+ background-image: url(images/header_h1_a.gif);
178
+ display: block;
179
+ float: left;
180
+ height: 60px;
181
+ width: 270px;
182
+ text-indent: -9999px;
183
+ }
184
+ #header h1 a:link,
185
+ #header h1 a:visited {
186
+ background-position: left top;
187
+ }
188
+ #header h1 a:hover,
189
+ #header h1 a:active {
190
+ background-position: left -60px;
191
+ }
192
+
193
+ /* header nav */
194
+ #header .nav {
195
+ font-family: 'Lucida Grande',Verdana,Arial,'Hiragino Kaku Gothic Pro',Meiryo,'メイリオ',sans-serif;
196
+ float: right;
197
+ width: 700px;
198
+ padding-top: 26px;
199
+ }
200
+ .index #header .nav {
201
+ float: none;
202
+ width: 100%;
203
+ padding-top: 0px;
204
+ }
205
+ #header .nav li {
206
+ display: block;
207
+ float: left;
208
+ margin-right: 15px;
209
+ }
210
+ #header .nav li a {
211
+ display:block;
212
+ float:left;
213
+ line-height: 23px;
214
+ text-decoration: none;
215
+ white-space: nowrap;
216
+ height: 23px;
217
+ padding-right: 10px;
218
+ padding-left: 10px;
219
+ font-size: 14px;
220
+ font-weight: bold;
221
+ }
222
+ #header .nav li a:link,
223
+ #header .nav li a:visited {
224
+ margin: 1px;
225
+ text-shadow:1px 1px 0px #000;
226
+ color: #f3f3f3;
227
+ }
228
+ #header .nav li a:hover,
229
+ #header .nav li a:active {
230
+ margin: 0px;
231
+ text-shadow:1px 1px 0px #f3f3f3;
232
+ -webkit-box-shadow: #fde217 0px 0px 3px;
233
+ -moz-box-shadow: #fde217 0px 0px 3px;
234
+ -webkit-border-radius: 15px;
235
+ -moz-border-radius: 15px;
236
+ border-radius: 15px;
237
+ background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f3f3f3), to(#ccc));
238
+ background: -moz-linear-gradient(#f3f3f3, #bbb);
239
+ box-shadow: #000 1px 1px 3px;
240
+ -webkit-box-shadow: #000 1px 1px 2px;
241
+ -moz-box-shadow: #000 1px 1px 2px;
242
+ border: 1px solid #aaa;
243
+ color: #333;
244
+ }
245
+
246
+ /* header bred_crumbs */
247
+ #header .bred_crumbs {
248
+ clear:both;
249
+ padding-top: 15px;
250
+ padding-bottom: 15px;
251
+ padding-right: 10px;
252
+ padding-left: 10px;
253
+ font-size: 12px;
254
+ }
255
+ #header .bred_crumbs li {
256
+ display:inline;
257
+ color: #ccc;
258
+ }
259
+ #header .bred_crumbs li a {
260
+ display:inline;
261
+ color: #90A3D2;
262
+ }
263
+ #header .bred_crumbs li a:link,
264
+ #header .bred_crumbs li a:visited {
265
+ text-decoration: none;
266
+ }
267
+ #header .bred_crumbs li a:hover,
268
+ #header .bred_crumbs li a:active {
269
+ text-decoration: none;
270
+ color: #C39;
271
+ }
272
+ #header .bred_crumbs li a:after {
273
+ content:"\00bb";
274
+ color: #ccc;
275
+ margin-right: 1.2em;
276
+ margin-left: 1.2em;
277
+ }
278
+
279
+ /* header eye_catch */
280
+ #header .eye_catch {
281
+ width: 500px;
282
+ float: right;
283
+ color: #FFF;
284
+ }
285
+ #header .eye_catch h1 {
286
+ background-image: url(images/index_header_h1.gif);
287
+ height: 85px;
288
+ text-indent: -9999px;
289
+ display: block;
290
+ text-align: center;
291
+ float: left;
292
+ width: 350px;
293
+ }
294
+ #header .eye_catch h2 {
295
+ font-size: 16px;
296
+ display: block;
297
+ line-height: 45px;
298
+ float: left;
299
+ height: 45px;
300
+ padding-left: 10px;
301
+ width: 140px;
302
+ padding-top: 40px;
303
+ }
304
+ #header .eye_catch .description {
305
+ display: block;
306
+ clear: both;
307
+ padding-top: 15px;
308
+ }
309
+ #header .eye_catch .description p {
310
+ color: #FFF;
311
+ font-size: 14px;
312
+ line-height: 1.8;
313
+ }
314
+ #header .eye_catch .description ul {
315
+ background-image: url(images/header_deascription_ul.gif);
316
+ height: 55px;
317
+ padding-left: 10px;
318
+ margin-top: 20px;
319
+ background-repeat: no-repeat;
320
+ }
321
+ #header .eye_catch .description li {
322
+ display: block;
323
+ float: left;
324
+ margin-right: 15px;
325
+ height: 55px;
326
+ }
327
+ #header .eye_catch .description li a {
328
+ display:block;
329
+ height: 55px;
330
+ text-indent: -9999px;
331
+ float:left;
332
+ }
333
+ #header .eye_catch .description li.cloud {
334
+ width:95px;
335
+ margin-right: 35px;
336
+ text-indent: -9999px;
337
+ }
338
+ #header .eye_catch .description li.ruby a {
339
+ width:95px;
340
+ }
341
+
342
+ /* header capture */
343
+ #header .capture {
344
+ width: 435px;
345
+ height:320px;
346
+ float: left;
347
+ background-image: url(images/header_capture.jpg);
348
+ background-repeat: no-repeat;
349
+ }
350
+ #header .capture a {
351
+ display: block;
352
+ margin-top: 222px;
353
+ height: 50px;
354
+ margin-right: 86px;
355
+ margin-left: 88px;
356
+ text-indent: -9999px;
357
+ background-image: url(images/download_button.jpg);
358
+ background-repeat: no-repeat;
359
+ }
360
+ #header .capture a:link,
361
+ #header .capture a:visited {
362
+ background-position: 0px -60px;
363
+ }
364
+ #header .capture a:hover,
365
+ #header .capture a:active {
366
+ background-position: 0px 0px;
367
+ }
368
+
369
+
370
+
371
+
372
+
373
+
374
+ /* index header */
375
+ .index #header .section {
376
+ padding-bottom: 15px;
377
+ padding-top: 25px;
378
+ }
379
+ .index #header .nav {
380
+ background-image: url(images/index_header_nav.gif);
381
+ height: 25px;
382
+ clear: both;
383
+ margin-bottom: 20px;
384
+ margin-top: 0px;
385
+ padding-top: 10px;
386
+ padding-bottom: 10px;
387
+ }
388
+ .index #header .nav li {
389
+ margin-right: 15px;
390
+ line-height: 25px;
391
+ }
392
+ .index #header .nav li.home {
393
+ margin-top: 0px;
394
+ margin-bottom: 0px;
395
+ margin-right: 18px;
396
+ }
397
+ .index #header .nav li.home a {
398
+ display: block;
399
+ height: 40px;
400
+ line-height: 30px;
401
+ text-decoration: none;
402
+ font-size: 16px;
403
+ background-image: url(images/heder_nav_home.gif) !important;
404
+ text-indent: -9999px;
405
+ width: 105px;
406
+ padding: 0px;
407
+ }
408
+ .index #header .nav li.home a:link,
409
+ .index #header .nav li.home a:visited {
410
+ margin: 0px;
411
+ background-position: 0px 0px;
412
+ }
413
+ .index #header .nav li.home a:hover,
414
+ .index #header .nav li.home a:active {
415
+ background-position: 0px -40px;
416
+ border-top-style: none;
417
+ border-right-style: none;
418
+ border-bottom-style: none;
419
+ border-left-style: none;
420
+ background-color: transparent;
421
+ box-shadow: none;
422
+ -webkit-box-shadow: none;
423
+ -moz-box-shadow: none;
424
+ }
425
+ .index #header .nav li a {
426
+ display: block;
427
+ height: 25px;
428
+ line-height: 25px;
429
+ text-decoration: none;
430
+ padding-right: 10px;
431
+ padding-left: 10px;
432
+ font-size: 16px;
433
+ }
434
+
435
+ #container {
436
+ margin-bottom:25px;
437
+ clear: both;
438
+ width:970px;
439
+ margin-left:auto;
440
+ margin-right:auto;
441
+ }
442
+
443
+ #main {
444
+ float: left;
445
+ width: 700px;
446
+ color: #ddd;
447
+ }
448
+
449
+
450
+ /* main section */
451
+ #main .section {
452
+ padding-top: 0px;
453
+ border: none;
454
+ margin-bottom: 20px;
455
+ background-image: url(images/index_content_footer.gif);
456
+ background-position: left bottom;
457
+ padding-bottom: 10px;
458
+ }
459
+ #main .header {
460
+ border: none;
461
+ background-image: url(images/index_content_header.gif);
462
+ padding-top: 15px;
463
+ padding-right: 25px;
464
+ padding-left: 25px;
465
+ margin: 0px;
466
+ padding-bottom: 25px;
467
+ }
468
+ #main.header h3,
469
+ #main .header h2 {
470
+ font-size: 30px;
471
+ display: block;
472
+ padding-bottom: 6px;
473
+ background-image: url(images/section_header_title.gif);
474
+ background-repeat: repeat-x;
475
+ background-position: left bottom;
476
+ margin: 0px;
477
+ line-height: 1.3;
478
+ }
479
+ #main .section .body {
480
+ border: none;
481
+ background-image: url(images/index_content.gif);
482
+ padding-right: 25px;
483
+ padding-left: 25px;
484
+ }
485
+ #main .section h3 {
486
+ font-size: 20px;
487
+ line-height: 1.3;
488
+ font-weight: bold;
489
+ margin-bottom: 18px;
490
+ }
491
+ #main h2.title a {
492
+ color: #ddd;
493
+ text-decoration: none;
494
+ text-shadow:1px 1px 0px #444;
495
+ }
496
+ #main .section .body p {
497
+ font-size: 14px;
498
+ line-height: 1.7;
499
+ margin-bottom: 1.8em;
500
+ }
501
+ #main .section .body h3 {
502
+ font-size: 20px;
503
+ line-height: 1.3;
504
+ margin-bottom: 1.2em;
505
+ font-weight:bold;
506
+ text-shadow:1px 1px 0px #444;
507
+ display: block;
508
+ background-color: #374978;
509
+ -webkit-border-radius: 8px;
510
+ -moz-border-radius: 8px;
511
+ border-radius: 8px;
512
+ padding-top: 8px;
513
+ padding-right: 15px;
514
+ padding-bottom: 8px;
515
+ padding-left: 15px;
516
+ border-top-width: 1px;
517
+ border-right-width: 1px;
518
+ border-bottom-width: 1px;
519
+ border-left-width: 1px;
520
+ border-top-style: solid;
521
+ border-right-style: solid;
522
+ border-bottom-style: solid;
523
+ border-left-style: solid;
524
+ border-bottom-color: #334d7d;
525
+ border-left-color: #334d7d;
526
+ border-top-color: #162d58;
527
+ border-right-color: #162d58;
528
+ background: -moz-linear-gradient(top, #374978, #2e406d);
529
+ background: -webkit-gradient(linear, center top, center bottom, from(#374978), to(#2e406d));
530
+ }
531
+ #main .section .body h4 {
532
+ font-size: 16px;
533
+ line-height: 1.3;
534
+ margin-bottom: 1.2em;
535
+ font-weight:bold;
536
+ }
537
+ #main .section .body h5 {
538
+ font-size: 14px;
539
+ line-height: 1.3;
540
+ margin-bottom: 1.3em;
541
+ font-weight:bold;
542
+ }
543
+ #main .section .body h6 {
544
+ font-size: 13px;
545
+ line-height: 1.3;
546
+ margin-bottom: 1.4em;
547
+ font-weight:bold;
548
+ }
549
+ #main .section .body dl {
550
+ font-size: 13px;
551
+ margin-bottom: 1.5em;
552
+ background-color: #394a76;
553
+ margin-right: 15px;
554
+ margin-left: 15px;
555
+ padding-top: 15px;
556
+ padding-right: 20px;
557
+ padding-bottom: 5px;
558
+ padding-left: 20px;
559
+ -webkit-border-radius: 12px;
560
+ -moz-border-radius: 12px;
561
+ border-radius: 12px;
562
+ }
563
+ #main .section .body dt {
564
+ font-size: 13px;
565
+ line-height: 1.3;
566
+ margin-bottom: 1.4em;
567
+ font-weight:bold;
568
+ }
569
+ #main .section .body dd {
570
+ font-size: 13px;
571
+ line-height: 1.7;
572
+ margin-bottom: 1.4em;
573
+ }
574
+ #main .section .body blockquote {
575
+ font-size: 13px;
576
+ margin-bottom: 1.5em;
577
+ background-color: #546490;
578
+ margin-right: 15px;
579
+ margin-left: 15px;
580
+ padding-top: 15px;
581
+ padding-right: 20px;
582
+ padding-bottom: 5px;
583
+ padding-left: 20px;
584
+ -webkit-border-radius: 0px 12px 12px 0px;
585
+ -moz-border-radius: 0px 12px 12px 0px;
586
+ border-radius: 0px 12px 12px 0px;
587
+ border-left-width: 12px;
588
+ border-left-style: solid;
589
+ border-left-color: #2b3f71;
590
+ color: #06112d;
591
+ }
592
+ #main .section .body ol {
593
+ font-size: 14px;
594
+ margin-bottom:2.2em;
595
+ list-style-type: decimal;
596
+ padding-left: 30px;
597
+ display: block;
598
+ }
599
+ #main .section .body ul {
600
+ font-size: 14px;
601
+ margin-bottom:1.4em;
602
+ list-style-type: disc;
603
+ padding-left: 30px;
604
+ }
605
+ #main .section .body li {
606
+ line-height: 1.4;
607
+ margin-bottom: 0.8em;
608
+ }
609
+ #main .section .body a:link,
610
+ #main .section .body a:visited {
611
+ color: #82a5ff;
612
+ }
613
+ #main .section .body a:hover,
614
+ #main .section .body a:active {
615
+ color: #C39;
616
+ }
617
+ #main .section .body pre {
618
+ margin-bottom: 1.8em;
619
+ background-color: #222;
620
+ display: block;
621
+ padding: 12px;
622
+ color: #0F0;
623
+ }
624
+ #main .section .body .object {
625
+ text-align: center;
626
+ border: 5px solid #506498;
627
+ margin-bottom: 2em;
628
+ background-color: #374978;
629
+ }
630
+ #main .section .body .object div {
631
+ text-align: center;
632
+ margin-right: auto;
633
+ margin-left: auto;
634
+ }
635
+ #main .section .body hr {
636
+ text-align: center;
637
+ margin-bottom: 3em;
638
+ border-top-width: 3px;
639
+ border-bottom-width: 1px;
640
+ border-top-style: solid;
641
+ border-right-style: none;
642
+ border-bottom-style: solid;
643
+ border-left-style: none;
644
+ border-top-color: #39486E;
645
+ border-bottom-color: #506498;
646
+ margin-top: 1em;
647
+ }
648
+ #main .section .footer {
649
+ clear: both;
650
+ padding-right: 25px;
651
+ padding-left: 25px;
652
+ padding-bottom: 15px;
653
+ }
654
+ #main .section .footer .created_at {
655
+ clear: both;
656
+ display: block;
657
+ float: right;
658
+ background-color: #374978;
659
+ font-size: 12px;
660
+ padding-top: 5px;
661
+ padding-right: 12px;
662
+ padding-bottom: 5px;
663
+ padding-left: 12px;
664
+ border-top-width: 1px;
665
+ border-right-width: 1px;
666
+ border-bottom-width: 1px;
667
+ border-left-width: 1px;
668
+ border-top-style: solid;
669
+ border-right-style: solid;
670
+ border-bottom-style: solid;
671
+ border-left-style: solid;
672
+ border-bottom-color: #495a89;
673
+ border-left-color: #495a89;
674
+ border-top-color: #2d3f6d;
675
+ border-right-color: #2d3f6d;
676
+ -webkit-border-radius: 8px;
677
+ -moz-border-radius: 8px;
678
+ border-radius: 8px;
679
+ background: -moz-linear-gradient(top, #374978, #2e406d);
680
+ background: -webkit-gradient(linear, center top, center bottom, from(#374978), to(#2e406d));
681
+ }
682
+
683
+
684
+
685
+ #aside {
686
+ float: right;
687
+ width: 250px;
688
+ }
689
+
690
+ #aside dt {
691
+ background-repeat: no-repeat;
692
+ font-size: 18px;
693
+ display: block;
694
+ margin-bottom: 10px;
695
+ line-height: 1.3;
696
+ color: #ddd;
697
+ background-image: url(images/aside_dt.png);
698
+ background-position: left center;
699
+ padding-left: 20px;
700
+ margin-left: 8px;
701
+ text-shadow:1px 1px 0px #444;
702
+ }
703
+ #aside dd {
704
+ background-repeat: no-repeat;
705
+ background-color: #506498;
706
+ padding-right: 10px;
707
+ padding-bottom: 10px;
708
+ padding-left: 10px;
709
+ -webkit-border-radius: 8px;
710
+ -moz-border-radius: 8px;
711
+ border-radius: 8px;
712
+ padding-top: 2px;
713
+ margin-bottom: 25px;
714
+ display: block;
715
+ }
716
+ #aside dd li {
717
+ background-repeat: no-repeat;
718
+ background-color: #506498;
719
+ display: block;
720
+ border-bottom-width: 1px;
721
+ border-bottom-style: dotted;
722
+ border-bottom-color: #697cac;
723
+ padding-top: 8px;
724
+ padding-bottom: 8px;
725
+ }
726
+ #aside dd li:last-child {
727
+ border: none;
728
+ padding-bottom: 0px;
729
+ }
730
+ #aside dd li a {
731
+ display: block;
732
+ text-decoration: none;
733
+ padding-top: 5px;
734
+ padding-right: 12px;
735
+ padding-bottom: 5px;
736
+ padding-left: 12px;
737
+ font-size: 13px;
738
+ }
739
+ #aside dd li a:link,
740
+ #aside dd li a:visited {
741
+ color:#ccc;
742
+ }
743
+ #aside dd li a:hover,
744
+ #aside dd li a:active {
745
+ background-color: #41527E;
746
+ -webkit-border-radius: 8px;
747
+ -moz-border-radius: 8px;
748
+ border-radius: 8px;
749
+ color:#fff;
750
+ }
751
+
752
+
753
+
754
+ /* #main .section */
755
+
756
+ /* #footer .content */
757
+
758
+ #footer{
759
+ background-color:#333;
760
+ padding-top: 25px;
761
+ padding-bottom: 30px;
762
+ background-image: url(images/footer.gif);
763
+ background-repeat: repeat-x;
764
+ background-position: left top;
765
+ clear: both;
766
+ }
767
+ #footer .sections {
768
+ margin-right: auto;
769
+ margin-left: auto;
770
+ width: 970px;
771
+ margin-bottom: 35px;
772
+ }
773
+ #footer .section {
774
+ width: 320px;
775
+ float: left;
776
+ }
777
+ #footer .section h3 {
778
+ color: #FFF;
779
+ display: block;
780
+ line-height: 1.3;
781
+ font-size: 16px;
782
+ margin-bottom: 12px;
783
+ }
784
+ #footer .language ul {
785
+ text-align: center;
786
+ margin-bottom: 0.5em;
787
+ }
788
+ #footer .language li {
789
+ display: inline;
790
+ margin: 0.3em;
791
+ }
792
+ #footer .copy {
793
+ color: #FFF;
794
+ text-align: center;
795
+ display: block;
796
+ }
797
+ #footer .copy a:link,
798
+ #footer .copy a:visited {
799
+ text-decoration: none;
800
+ color: #FFF;
801
+ }
802
+ #footer .copy a:hover,
803
+ #footer .copy a:active {
804
+ color: #ec189a;
805
+ text-decoration: underline;
806
+ }