nwiki 0.3.2 → 0.3.3

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.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: c0aed16f0e2308e306f62ccf1070e3935a0d19c3
4
- data.tar.gz: b34711f74d16692f6b0fb513420dd9a34445b3dc
3
+ metadata.gz: 57865201e9540192ac9f2604a7d8a7d40ddc7b35
4
+ data.tar.gz: 00410085b5ca11a22018af8a340974e88ec03a1b
5
5
  SHA512:
6
- metadata.gz: 4f433bbe0eb36abf487a9ef6692c814c26faec7340a606481eae40751e321f2e7743d6f262fd97f269d3090e5aa0f661405f65dfe549fdb773c3bd96792a24ba
7
- data.tar.gz: 0b4b0dece03c38038e2a24a894baf543107edc549e525b2c5c2e2ec990c15af61a48f183f31497f739a11a88b35598a1e9e15d978297d10e276c9461ff03a792
6
+ metadata.gz: 4ed59cbbb6debbc4515a4fdee7c652af0c72bba3fb22a6ed067ed751ee63a31a29ebc178afeb11095ccf86d200957d07e3f39c56b23ebeefd8db66e338d1fdab
7
+ data.tar.gz: bef9c7c0eaa2531e8ea81c1b7b4944345555cb769970c311a4aa4d664ee2c77644909ccdcfcf782b23c9a7edd2245c68d263726bd030f26b4ecc3e302595e62d
@@ -1,4 +1,6 @@
1
1
  * CHANGELOG
2
+ ** 0.3.3
3
+ - Update Design
2
4
  ** 0.3.2
3
5
  - Set SVG as binaryfile
4
6
  ** 0.3.1
data/config.ru CHANGED
@@ -6,7 +6,6 @@ if ENV['RACK_ENV'] == "development"
6
6
  use Rack::Reloader
7
7
  use Rack::Lint
8
8
  use Rack::Static, :urls => {
9
- "/pure-min.css" => "public/pure-min.css",
10
9
  "/nwiki.css" => "public/nwiki.css",
11
10
  "/default.min.css" => "public/default.min.css",
12
11
  "/highlight.min.js" => "public/highlight.min.js",
@@ -13,46 +13,8 @@ module Nwiki
13
13
  Rack::Mime::MIME_TYPES.merge!({ ".org" => "text/html" })
14
14
 
15
15
  TEMPLATE = -> (wiki, page_title, html) {
16
- erb = ERB.new <<EOS
17
- <!doctype html>
18
- <html>
19
- <head>
20
- <meta charset="utf-8">
21
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
22
- <title><%= page_title %><%= wiki.title %></title>
23
- <link rel="alternate" type="application/atom+xml" title="ATOM Feed" href="/articles.xml">
24
- <link rel="stylesheet" href="/pure-min.css">
25
- <link rel="stylesheet" href="/nwiki.css">
26
- <link rel="stylesheet" href="/default.min.css">
27
- <link rel="stylesheet" href="/solarized_dark.css">
28
- <script src="/highlight.min.js"></script>
29
- </head>
30
-
31
- <body>
32
- <div class="header">
33
- <div class="home-menu pure-menu pure-menu-horizontal pure-menu-fixed">
34
- <h1><a class="pure-menu-heading" href="/articles/"><%= wiki.title %></a></h1>
35
- <h2><%= wiki.subtitle %></h2>
36
- </div>
37
- </div>
38
-
39
- <div class="content-wrapper">
40
- <div class="content">
41
- <div class="pure-g">
42
- <div class="pure-u-1">
43
- <%= html %>
44
- </div>
45
- </div>
46
- </div>
47
- </div>
48
-
49
- <div class="footer l-box is-center">
50
- </div>
51
-
52
- <script>Array.prototype.forEach.call(document.querySelectorAll("pre.src"), function(e){ hljs.highlightBlock(e) });</script>
53
- </body>
54
- </html>
55
- EOS
16
+ template_file = Pathname.new(__FILE__).parent.join("template.html.erb")
17
+ erb = ERB.new(template_file.read)
56
18
  erb.result(binding).force_encoding("UTF-8")
57
19
  }
58
20
 
@@ -0,0 +1,35 @@
1
+ <!doctype html>
2
+ <html>
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title><%= page_title %><%= wiki.title %></title>
7
+ <link rel="alternate" type="application/atom+xml" title="ATOM Feed" href="/articles.xml">
8
+ <link rel="stylesheet" href="/default.min.css">
9
+ <link rel="stylesheet" href="/solarized_dark.css">
10
+ <link rel="stylesheet" href="/nwiki.css">
11
+ <script src="/highlight.min.js"></script>
12
+ </head>
13
+
14
+ <body>
15
+ <div class="header">
16
+ <div>
17
+ <h1 class="brand-title"><a href="/articles/"><%= wiki.title %></a></h1>
18
+ <h2 class="brand-tagline"><%= wiki.subtitle %></h2>
19
+ </div>
20
+ </div>
21
+
22
+ <div class="content">
23
+ <div>
24
+ <%= html %>
25
+ </div>
26
+ </div>
27
+
28
+ <div class="footer">
29
+ <div>
30
+ </div>
31
+ </div>
32
+
33
+ <script>Array.prototype.forEach.call(document.querySelectorAll("pre.src"), function(e){ hljs.highlightBlock(e) });</script>
34
+ </body>
35
+ </html>
@@ -1,3 +1,3 @@
1
1
  module Nwiki
2
- VERSION = '0.3.2'
2
+ VERSION = '0.3.3'
3
3
  end
@@ -4,202 +4,40 @@
4
4
  box-sizing: border-box;
5
5
  }
6
6
 
7
- /*
8
- * -- BASE STYLES --
9
- * Most of these are inherited from Base, but I want to change a few.
10
- */
11
- body {
12
- line-height: 1.2em;
13
- color: #7f8c8d;
14
- font-size: 13px;
7
+ html {
8
+ max-width: 768px;
9
+ margin: 0 auto;
15
10
  }
16
11
 
17
- h1,
18
- h2,
19
- h3,
20
- h4,
21
- h5,
22
- h6,
23
- label {
24
- color: #34495e;
12
+ .brand-title,
13
+ .brand-tagline {
14
+ display: inline;
25
15
  }
26
16
 
27
- .pure-img-responsive {
28
- max-width: 100%;
29
- height: auto;
30
- }
31
-
32
- /*
33
- * -- LAYOUT STYLES --
34
- * These are some useful classes which I will need
35
- */
36
- .l-box {
37
- padding: 1em;
38
- }
39
-
40
- .l-box-lrg {
41
- padding: 2em;
42
- border-bottom: 1px solid rgba(0,0,0,0.1);
43
- }
44
-
45
- .is-center {
46
- text-align: center;
47
- }
48
-
49
-
50
-
51
- /*
52
- * -- PURE FORM STYLES --
53
- * Style the form inputs and labels
54
- */
55
- .pure-form label {
56
- margin: 1em 0 0;
57
- font-weight: bold;
58
- font-size: 100%;
59
- }
60
-
61
- .pure-form input[type] {
62
- border: 2px solid #ddd;
63
- box-shadow: none;
64
- font-size: 100%;
65
- width: 100%;
66
- margin-bottom: 1em;
67
- }
68
-
69
- /*
70
- * -- PURE BUTTON STYLES --
71
- * I want my pure-button elements to look a little different
72
- */
73
- .pure-button {
74
- background-color: #1f8dd6;
75
- color: white;
76
- padding: 0.5em 2em;
77
- border-radius: 5px;
78
- }
79
-
80
- a.pure-button-primary {
81
- background: white;
82
- color: #1f8dd6;
83
- border-radius: 5px;
84
- font-size: 120%;
85
- }
86
-
87
-
88
- /*
89
- * -- MENU STYLES --
90
- * I want to customize how my .pure-menu looks at the top of the page
91
- */
92
-
93
- .home-menu {
94
- padding: 0.5em;
95
- text-align: center;
96
- box-shadow: 0 1px 1px rgba(0,0,0, 0.10);
97
- }
98
- .home-menu {
99
- background: #2d3e50;
100
- }
101
- .pure-menu.pure-menu-fixed {
102
- /* Fixed menus normally have a border at the bottom. */
103
- border-bottom: none;
104
- /* I need a higher z-index here because of the scroll-over effect. */
105
- z-index: 4;
106
- }
107
-
108
- .home-menu .pure-menu-heading {
109
- color: white;
110
- font-weight: 400;
111
- font-size: 120%;
112
- }
113
-
114
- .home-menu .pure-menu-selected a {
115
- color: white;
116
- }
117
-
118
- .home-menu a {
119
- color: #6FBEF3;
120
- }
121
- .home-menu li a:hover,
122
- .home-menu li a:focus {
123
- background: none;
124
- border: none;
125
- color: #AECFE5;
126
- }
127
-
128
- /*
129
- * -- CONTENT STYLES --
130
- * This represents the content area (everything below the blue section)
131
- */
132
- .content-wrapper {
133
- /* These styles are required for the "scroll-over" effect */
134
- position: absolute;
135
- top: 156px;
136
- width: 100%;
137
- min-height: 12%;
138
- z-index: 2;
139
- background: white;
140
-
141
- }
142
-
143
- /* This is the class used for the main content headers (<h2>) */
144
- .content-head {
17
+ .brand-title {
145
18
  font-weight: 400;
146
- text-transform: uppercase;
147
- letter-spacing: 0.1em;
148
- margin: 2em 0 1em;
149
- }
150
-
151
- /* This is a modifier class used when the content-head is inside a ribbon */
152
- .content-head-ribbon {
153
- color: white;
19
+ font-size: 3em;
20
+ letter-spacing: -0.2em;
154
21
  }
155
22
 
156
- /* This is the class used for the content sub-headers (<h3>) */
157
- .content-subhead {
158
- color: #1f8dd6;
23
+ .brand-title a {
24
+ text-decoration: none;
25
+ color: #000000;
159
26
  }
160
- .content-subhead i {
161
- margin-right: 7px;
162
- }
163
27
 
164
- /* This is the class used for the dark-background areas. */
165
- .ribbon {
166
- background: #2d3e50;
167
- color: #aaa;
28
+ .brand-tagline {
29
+ font-weight: 100;
30
+ font-size: 1em;
168
31
  }
169
32
 
170
- /* This is the class used for the footer */
171
- .footer {
172
- background: #111;
33
+ code {
34
+ background: #002b36;
35
+ color: #839496;
36
+ padding: 0.2em;
173
37
  }
174
38
 
175
- /*
176
- * -- TABLET (AND UP) MEDIA QUERIES --
177
- * On tablets and other medium-sized devices, we want to customize some
178
- * of the mobile styles.
179
- */
180
- @media (min-width: 48em) {
181
-
182
- /* We increase the body font size */
183
- body {
184
- font-size: 16px;
185
- }
186
- /* We want to give the content area some more padding */
187
- .content {
188
- padding: 1em;
189
- }
190
-
191
- /* We can align the menu header to the left, but float the
192
- menu items to the right. */
193
- .home-menu {
194
- text-align: left;
195
- }
196
- .home-menu ul {
197
- float: right;
198
- }
199
-
200
- /* We remove the border-separator assigned to .l-box-lrg */
201
- .l-box-lrg {
202
- border: none;
203
- }
204
-
39
+ blockquote{
40
+ background: #eeeeee;
41
+ font-style: italic;
42
+ padding: 0.2em 1em;
205
43
  }
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: nwiki
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.3.2
4
+ version: 0.3.3
5
5
  platform: ruby
6
6
  authors:
7
7
  - niku
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2015-08-11 00:00:00.000000000 Z
11
+ date: 2015-09-21 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: rack
@@ -172,13 +172,13 @@ files:
172
172
  - lib/nwiki/frontend/app/feed.rb
173
173
  - lib/nwiki/frontend/app/html.rb
174
174
  - lib/nwiki/frontend/app/top.rb
175
+ - lib/nwiki/frontend/template.html.erb
175
176
  - lib/nwiki/utils.rb
176
177
  - lib/nwiki/version.rb
177
178
  - nwiki.gemspec
178
179
  - public/default.min.css
179
180
  - public/highlight.min.js
180
181
  - public/nwiki.css
181
- - public/pure-min.css
182
182
  - public/solarized_dark.css
183
183
  - spec/examples/sample.git/HEAD
184
184
  - spec/examples/sample.git/config
@@ -262,7 +262,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
262
262
  version: '0'
263
263
  requirements: []
264
264
  rubyforge_project:
265
- rubygems_version: 2.4.5
265
+ rubygems_version: 2.4.5.1
266
266
  signing_key:
267
267
  specification_version: 4
268
268
  summary: Write a gem summary
@@ -1,11 +0,0 @@
1
- /*!
2
- Pure v0.6.0
3
- Copyright 2014 Yahoo! Inc. All rights reserved.
4
- Licensed under the BSD License.
5
- https://github.com/yahoo/pure/blob/master/LICENSE.md
6
- */
7
- /*!
8
- normalize.css v^3.0 | MIT License | git.io/normalize
9
- Copyright (c) Nicolas Gallagher and Jonathan Neal
10
- */
11
- /*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.hidden,[hidden]{display:none!important}.pure-img{max-width:100%;height:auto;display:block}.pure-g{letter-spacing:-.31em;*letter-spacing:normal;*word-spacing:-.43em;text-rendering:optimizespeed;font-family:FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif;display:-webkit-flex;-webkit-flex-flow:row wrap;display:-ms-flexbox;-ms-flex-flow:row wrap;-ms-align-content:flex-start;-webkit-align-content:flex-start;align-content:flex-start}.opera-only :-o-prefocus,.pure-g{word-spacing:-.43em}.pure-u{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-g [class *="pure-u"]{font-family:sans-serif}.pure-u-1,.pure-u-1-1,.pure-u-1-2,.pure-u-1-3,.pure-u-2-3,.pure-u-1-4,.pure-u-3-4,.pure-u-1-5,.pure-u-2-5,.pure-u-3-5,.pure-u-4-5,.pure-u-5-5,.pure-u-1-6,.pure-u-5-6,.pure-u-1-8,.pure-u-3-8,.pure-u-5-8,.pure-u-7-8,.pure-u-1-12,.pure-u-5-12,.pure-u-7-12,.pure-u-11-12,.pure-u-1-24,.pure-u-2-24,.pure-u-3-24,.pure-u-4-24,.pure-u-5-24,.pure-u-6-24,.pure-u-7-24,.pure-u-8-24,.pure-u-9-24,.pure-u-10-24,.pure-u-11-24,.pure-u-12-24,.pure-u-13-24,.pure-u-14-24,.pure-u-15-24,.pure-u-16-24,.pure-u-17-24,.pure-u-18-24,.pure-u-19-24,.pure-u-20-24,.pure-u-21-24,.pure-u-22-24,.pure-u-23-24,.pure-u-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-1-24{width:4.1667%;*width:4.1357%}.pure-u-1-12,.pure-u-2-24{width:8.3333%;*width:8.3023%}.pure-u-1-8,.pure-u-3-24{width:12.5%;*width:12.469%}.pure-u-1-6,.pure-u-4-24{width:16.6667%;*width:16.6357%}.pure-u-1-5{width:20%;*width:19.969%}.pure-u-5-24{width:20.8333%;*width:20.8023%}.pure-u-1-4,.pure-u-6-24{width:25%;*width:24.969%}.pure-u-7-24{width:29.1667%;*width:29.1357%}.pure-u-1-3,.pure-u-8-24{width:33.3333%;*width:33.3023%}.pure-u-3-8,.pure-u-9-24{width:37.5%;*width:37.469%}.pure-u-2-5{width:40%;*width:39.969%}.pure-u-5-12,.pure-u-10-24{width:41.6667%;*width:41.6357%}.pure-u-11-24{width:45.8333%;*width:45.8023%}.pure-u-1-2,.pure-u-12-24{width:50%;*width:49.969%}.pure-u-13-24{width:54.1667%;*width:54.1357%}.pure-u-7-12,.pure-u-14-24{width:58.3333%;*width:58.3023%}.pure-u-3-5{width:60%;*width:59.969%}.pure-u-5-8,.pure-u-15-24{width:62.5%;*width:62.469%}.pure-u-2-3,.pure-u-16-24{width:66.6667%;*width:66.6357%}.pure-u-17-24{width:70.8333%;*width:70.8023%}.pure-u-3-4,.pure-u-18-24{width:75%;*width:74.969%}.pure-u-19-24{width:79.1667%;*width:79.1357%}.pure-u-4-5{width:80%;*width:79.969%}.pure-u-5-6,.pure-u-20-24{width:83.3333%;*width:83.3023%}.pure-u-7-8,.pure-u-21-24{width:87.5%;*width:87.469%}.pure-u-11-12,.pure-u-22-24{width:91.6667%;*width:91.6357%}.pure-u-23-24{width:95.8333%;*width:95.8023%}.pure-u-1,.pure-u-1-1,.pure-u-5-5,.pure-u-24-24{width:100%}.pure-button{display:inline-block;zoom:1;line-height:normal;white-space:nowrap;vertical-align:middle;text-align:center;cursor:pointer;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pure-button::-moz-focus-inner{padding:0;border:0}.pure-button{font-family:inherit;font-size:100%;padding:.5em 1em;color:#444;color:rgba(0,0,0,.8);border:1px solid #999;border:0 rgba(0,0,0,0);background-color:#E6E6E6;text-decoration:none;border-radius:2px}.pure-button-hover,.pure-button:hover,.pure-button:focus{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0);background-image:-webkit-gradient(linear,0 0,0 100%,from(transparent),color-stop(40%,rgba(0,0,0,.05)),to(rgba(0,0,0,.1)));background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));background-image:-moz-linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.1));background-image:-o-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))}.pure-button:focus{outline:0}.pure-button-active,.pure-button:active{box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 0 6px rgba(0,0,0,.2) inset;border-color:#000\9}.pure-button[disabled],.pure-button-disabled,.pure-button-disabled:hover,.pure-button-disabled:focus,.pure-button-disabled:active{border:0;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);filter:alpha(opacity=40);-khtml-opacity:.4;-moz-opacity:.4;opacity:.4;cursor:not-allowed;box-shadow:none}.pure-button-hidden{display:none}.pure-button::-moz-focus-inner{padding:0;border:0}.pure-button-primary,.pure-button-selected,a.pure-button-primary,a.pure-button-selected{background-color:#0078e7;color:#fff}.pure-form input[type=text],.pure-form input[type=password],.pure-form input[type=email],.pure-form input[type=url],.pure-form input[type=date],.pure-form input[type=month],.pure-form input[type=time],.pure-form input[type=datetime],.pure-form input[type=datetime-local],.pure-form input[type=week],.pure-form input[type=number],.pure-form input[type=search],.pure-form input[type=tel],.pure-form input[type=color],.pure-form select,.pure-form textarea{padding:.5em .6em;display:inline-block;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px;vertical-align:middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pure-form input:not([type]){padding:.5em .6em;display:inline-block;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pure-form input[type=color]{padding:.2em .5em}.pure-form input[type=text]:focus,.pure-form input[type=password]:focus,.pure-form input[type=email]:focus,.pure-form input[type=url]:focus,.pure-form input[type=date]:focus,.pure-form input[type=month]:focus,.pure-form input[type=time]:focus,.pure-form input[type=datetime]:focus,.pure-form input[type=datetime-local]:focus,.pure-form input[type=week]:focus,.pure-form input[type=number]:focus,.pure-form input[type=search]:focus,.pure-form input[type=tel]:focus,.pure-form input[type=color]:focus,.pure-form select:focus,.pure-form textarea:focus{outline:0;border-color:#129FEA}.pure-form input:not([type]):focus{outline:0;border-color:#129FEA}.pure-form input[type=file]:focus,.pure-form input[type=radio]:focus,.pure-form input[type=checkbox]:focus{outline:thin solid #129FEA;outline:1px auto #129FEA}.pure-form .pure-checkbox,.pure-form .pure-radio{margin:.5em 0;display:block}.pure-form input[type=text][disabled],.pure-form input[type=password][disabled],.pure-form input[type=email][disabled],.pure-form input[type=url][disabled],.pure-form input[type=date][disabled],.pure-form input[type=month][disabled],.pure-form input[type=time][disabled],.pure-form input[type=datetime][disabled],.pure-form input[type=datetime-local][disabled],.pure-form input[type=week][disabled],.pure-form input[type=number][disabled],.pure-form input[type=search][disabled],.pure-form input[type=tel][disabled],.pure-form input[type=color][disabled],.pure-form select[disabled],.pure-form textarea[disabled]{cursor:not-allowed;background-color:#eaeded;color:#cad2d3}.pure-form input:not([type])[disabled]{cursor:not-allowed;background-color:#eaeded;color:#cad2d3}.pure-form input[readonly],.pure-form select[readonly],.pure-form textarea[readonly]{background-color:#eee;color:#777;border-color:#ccc}.pure-form input:focus:invalid,.pure-form textarea:focus:invalid,.pure-form select:focus:invalid{color:#b94a48;border-color:#e9322d}.pure-form input[type=file]:focus:invalid:focus,.pure-form input[type=radio]:focus:invalid:focus,.pure-form input[type=checkbox]:focus:invalid:focus{outline-color:#e9322d}.pure-form select{height:2.25em;border:1px solid #ccc;background-color:#fff}.pure-form select[multiple]{height:auto}.pure-form label{margin:.5em 0 .2em}.pure-form fieldset{margin:0;padding:.35em 0 .75em;border:0}.pure-form legend{display:block;width:100%;padding:.3em 0;margin-bottom:.3em;color:#333;border-bottom:1px solid #e5e5e5}.pure-form-stacked input[type=text],.pure-form-stacked input[type=password],.pure-form-stacked input[type=email],.pure-form-stacked input[type=url],.pure-form-stacked input[type=date],.pure-form-stacked input[type=month],.pure-form-stacked input[type=time],.pure-form-stacked input[type=datetime],.pure-form-stacked input[type=datetime-local],.pure-form-stacked input[type=week],.pure-form-stacked input[type=number],.pure-form-stacked input[type=search],.pure-form-stacked input[type=tel],.pure-form-stacked input[type=color],.pure-form-stacked input[type=file],.pure-form-stacked select,.pure-form-stacked label,.pure-form-stacked textarea{display:block;margin:.25em 0}.pure-form-stacked input:not([type]){display:block;margin:.25em 0}.pure-form-aligned input,.pure-form-aligned textarea,.pure-form-aligned select,.pure-form-aligned .pure-help-inline,.pure-form-message-inline{display:inline-block;*display:inline;*zoom:1;vertical-align:middle}.pure-form-aligned textarea{vertical-align:top}.pure-form-aligned .pure-control-group{margin-bottom:.5em}.pure-form-aligned .pure-control-group label{text-align:right;display:inline-block;vertical-align:middle;width:10em;margin:0 1em 0 0}.pure-form-aligned .pure-controls{margin:1.5em 0 0 11em}.pure-form input.pure-input-rounded,.pure-form .pure-input-rounded{border-radius:2em;padding:.5em 1em}.pure-form .pure-group fieldset{margin-bottom:10px}.pure-form .pure-group input,.pure-form .pure-group textarea{display:block;padding:10px;margin:0 0 -1px;border-radius:0;position:relative;top:-1px}.pure-form .pure-group input:focus,.pure-form .pure-group textarea:focus{z-index:3}.pure-form .pure-group input:first-child,.pure-form .pure-group textarea:first-child{top:1px;border-radius:4px 4px 0 0;margin:0}.pure-form .pure-group input:first-child:last-child,.pure-form .pure-group textarea:first-child:last-child{top:1px;border-radius:4px;margin:0}.pure-form .pure-group input:last-child,.pure-form .pure-group textarea:last-child{top:-2px;border-radius:0 0 4px 4px;margin:0}.pure-form .pure-group button{margin:.35em 0}.pure-form .pure-input-1{width:100%}.pure-form .pure-input-2-3{width:66%}.pure-form .pure-input-1-2{width:50%}.pure-form .pure-input-1-3{width:33%}.pure-form .pure-input-1-4{width:25%}.pure-form .pure-help-inline,.pure-form-message-inline{display:inline-block;padding-left:.3em;color:#666;vertical-align:middle;font-size:.875em}.pure-form-message{display:block;color:#666;font-size:.875em}@media only screen and (max-width :480px){.pure-form button[type=submit]{margin:.7em 0 0}.pure-form input:not([type]),.pure-form input[type=text],.pure-form input[type=password],.pure-form input[type=email],.pure-form input[type=url],.pure-form input[type=date],.pure-form input[type=month],.pure-form input[type=time],.pure-form input[type=datetime],.pure-form input[type=datetime-local],.pure-form input[type=week],.pure-form input[type=number],.pure-form input[type=search],.pure-form input[type=tel],.pure-form input[type=color],.pure-form label{margin-bottom:.3em;display:block}.pure-group input:not([type]),.pure-group input[type=text],.pure-group input[type=password],.pure-group input[type=email],.pure-group input[type=url],.pure-group input[type=date],.pure-group input[type=month],.pure-group input[type=time],.pure-group input[type=datetime],.pure-group input[type=datetime-local],.pure-group input[type=week],.pure-group input[type=number],.pure-group input[type=search],.pure-group input[type=tel],.pure-group input[type=color]{margin-bottom:0}.pure-form-aligned .pure-control-group label{margin-bottom:.3em;text-align:left;display:block;width:100%}.pure-form-aligned .pure-controls{margin:1.5em 0 0}.pure-form .pure-help-inline,.pure-form-message-inline,.pure-form-message{display:block;font-size:.75em;padding:.2em 0 .8em}}.pure-menu{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pure-menu-fixed{position:fixed;left:0;top:0;z-index:3}.pure-menu-list,.pure-menu-item{position:relative}.pure-menu-list{list-style:none;margin:0;padding:0}.pure-menu-item{padding:0;margin:0;height:100%}.pure-menu-link,.pure-menu-heading{display:block;text-decoration:none;white-space:nowrap}.pure-menu-horizontal{width:100%;white-space:nowrap}.pure-menu-horizontal .pure-menu-list{display:inline-block}.pure-menu-horizontal .pure-menu-item,.pure-menu-horizontal .pure-menu-heading,.pure-menu-horizontal .pure-menu-separator{display:inline-block;*display:inline;zoom:1;vertical-align:middle}.pure-menu-item .pure-menu-item{display:block}.pure-menu-children{display:none;position:absolute;left:100%;top:0;margin:0;padding:0;z-index:3}.pure-menu-horizontal .pure-menu-children{left:0;top:auto;width:inherit}.pure-menu-allow-hover:hover>.pure-menu-children,.pure-menu-active>.pure-menu-children{display:block;position:absolute}.pure-menu-has-children>.pure-menu-link:after{padding-left:.5em;content:"\25B8";font-size:small}.pure-menu-horizontal .pure-menu-has-children>.pure-menu-link:after{content:"\25BE"}.pure-menu-scrollable{overflow-y:scroll;overflow-x:hidden}.pure-menu-scrollable .pure-menu-list{display:block}.pure-menu-horizontal.pure-menu-scrollable .pure-menu-list{display:inline-block}.pure-menu-horizontal.pure-menu-scrollable{white-space:nowrap;overflow-y:hidden;overflow-x:auto;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;padding:.5em 0}.pure-menu-horizontal.pure-menu-scrollable::-webkit-scrollbar{display:none}.pure-menu-separator{background-color:#ccc;height:1px;margin:.3em 0}.pure-menu-horizontal .pure-menu-separator{width:1px;height:1.3em;margin:0 .3em}.pure-menu-heading{text-transform:uppercase;color:#565d64}.pure-menu-link{color:#777}.pure-menu-children{background-color:#fff}.pure-menu-link,.pure-menu-disabled,.pure-menu-heading{padding:.5em 1em}.pure-menu-disabled{opacity:.5}.pure-menu-disabled .pure-menu-link:hover{background-color:transparent}.pure-menu-active>.pure-menu-link,.pure-menu-link:hover,.pure-menu-link:focus{background-color:#eee}.pure-menu-selected .pure-menu-link,.pure-menu-selected .pure-menu-link:visited{color:#000}.pure-table{border-collapse:collapse;border-spacing:0;empty-cells:show;border:1px solid #cbcbcb}.pure-table caption{color:#000;font:italic 85%/1 arial,sans-serif;padding:1em 0;text-align:center}.pure-table td,.pure-table th{border-left:1px solid #cbcbcb;border-width:0 0 0 1px;font-size:inherit;margin:0;overflow:visible;padding:.5em 1em}.pure-table td:first-child,.pure-table th:first-child{border-left-width:0}.pure-table thead{background-color:#e0e0e0;color:#000;text-align:left;vertical-align:bottom}.pure-table td{background-color:transparent}.pure-table-odd td{background-color:#f2f2f2}.pure-table-striped tr:nth-child(2n-1) td{background-color:#f2f2f2}.pure-table-bordered td{border-bottom:1px solid #cbcbcb}.pure-table-bordered tbody>tr:last-child>td{border-bottom-width:0}.pure-table-horizontal td,.pure-table-horizontal th{border-width:0 0 1px;border-bottom:1px solid #cbcbcb}.pure-table-horizontal tbody>tr:last-child>td{border-bottom-width:0}