stylin 0.1.0

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 (111) hide show
  1. data/MIT-LICENSE +20 -0
  2. data/Rakefile +21 -0
  3. data/app/assets/javascripts/stylin/application.js +4 -0
  4. data/app/assets/javascripts/stylin/highlight.pack.js +1 -0
  5. data/app/assets/javascripts/stylin/kss.js +54 -0
  6. data/app/assets/javascripts/stylin/styleguides.js +2 -0
  7. data/app/assets/stylesheets/stylin/_header.scss +12 -0
  8. data/app/assets/stylesheets/stylin/_navigation.css.scss +12 -0
  9. data/app/assets/stylesheets/stylin/application.css.scss +5 -0
  10. data/app/assets/stylesheets/stylin/highlight/arta.css +160 -0
  11. data/app/assets/stylesheets/stylin/highlight/ascetic.css +50 -0
  12. data/app/assets/stylesheets/stylin/highlight/brown_paper.css +105 -0
  13. data/app/assets/stylesheets/stylin/highlight/dark.css +105 -0
  14. data/app/assets/stylesheets/stylin/highlight/default.css +153 -0
  15. data/app/assets/stylesheets/stylin/highlight/docco.css +132 -0
  16. data/app/assets/stylesheets/stylin/highlight/far.css +113 -0
  17. data/app/assets/stylesheets/stylin/highlight/foundation.css +133 -0
  18. data/app/assets/stylesheets/stylin/highlight/github.css +125 -0
  19. data/app/assets/stylesheets/stylin/highlight/googlecode.css +147 -0
  20. data/app/assets/stylesheets/stylin/highlight/idea.css +122 -0
  21. data/app/assets/stylesheets/stylin/highlight/ir_black.css +105 -0
  22. data/app/assets/stylesheets/stylin/highlight/magula.css +123 -0
  23. data/app/assets/stylesheets/stylin/highlight/mono-blue.css +62 -0
  24. data/app/assets/stylesheets/stylin/highlight/monokai.css +127 -0
  25. data/app/assets/stylesheets/stylin/highlight/monokai_sublime.css +149 -0
  26. data/app/assets/stylesheets/stylin/highlight/obsidian.css +154 -0
  27. data/app/assets/stylesheets/stylin/highlight/pojoaque.css +106 -0
  28. data/app/assets/stylesheets/stylin/highlight/railscasts.css +182 -0
  29. data/app/assets/stylesheets/stylin/highlight/rainbow.css +112 -0
  30. data/app/assets/stylesheets/stylin/highlight/school_book.css +113 -0
  31. data/app/assets/stylesheets/stylin/highlight/solarized_dark.css +107 -0
  32. data/app/assets/stylesheets/stylin/highlight/solarized_light.css +107 -0
  33. data/app/assets/stylesheets/stylin/highlight/sunburst.css +160 -0
  34. data/app/assets/stylesheets/stylin/highlight/tomorrow-night-blue.css +93 -0
  35. data/app/assets/stylesheets/stylin/highlight/tomorrow-night-bright.css +92 -0
  36. data/app/assets/stylesheets/stylin/highlight/tomorrow-night-eighties.css +92 -0
  37. data/app/assets/stylesheets/stylin/highlight/tomorrow-night.css +93 -0
  38. data/app/assets/stylesheets/stylin/highlight/tomorrow.css +90 -0
  39. data/app/assets/stylesheets/stylin/highlight/vs.css +89 -0
  40. data/app/assets/stylesheets/stylin/highlight/xcode.css +158 -0
  41. data/app/assets/stylesheets/stylin/highlight/zenburn.css +117 -0
  42. data/app/assets/stylesheets/stylin/styleguides.css.scss +106 -0
  43. data/app/controllers/stylin/application_controller.rb +11 -0
  44. data/app/controllers/stylin/styleguides_controller.rb +13 -0
  45. data/app/helpers/stylin/application_helper.rb +4 -0
  46. data/app/helpers/stylin/navigation_helper.rb +50 -0
  47. data/app/helpers/stylin/styleguides_helper.rb +29 -0
  48. data/app/models/styleguide.rb +69 -0
  49. data/app/views/layouts/stylin/_navigation.html.erb +3 -0
  50. data/app/views/layouts/stylin/application.html.erb +26 -0
  51. data/app/views/stylin/styleguides/_section.html.erb +31 -0
  52. data/app/views/stylin/styleguides/index.html.erb +5 -0
  53. data/app/views/stylin/styleguides/show.html.erb +3 -0
  54. data/config/routes.rb +5 -0
  55. data/lib/generators/stylin/install_generator.rb +12 -0
  56. data/lib/generators/stylin/views_generator.rb +10 -0
  57. data/lib/generators/templates/stylin.yml +7 -0
  58. data/lib/generators/templates/views/layouts/stylin/_navigation.html.erb +3 -0
  59. data/lib/generators/templates/views/layouts/stylin/application.html.erb +23 -0
  60. data/lib/generators/templates/views/stylin/styleguides/_section.html.erb +30 -0
  61. data/lib/generators/templates/views/stylin/styleguides/index.html.erb +5 -0
  62. data/lib/generators/templates/views/stylin/styleguides/show.html.erb +3 -0
  63. data/lib/stylin.rb +8 -0
  64. data/lib/stylin/engine.rb +37 -0
  65. data/lib/stylin/version.rb +3 -0
  66. data/lib/tasks/stylin_tasks.rake +12 -0
  67. data/spec/dummy/README.rdoc +28 -0
  68. data/spec/dummy/Rakefile +6 -0
  69. data/spec/dummy/app/assets/javascripts/application.js +13 -0
  70. data/spec/dummy/app/assets/stylesheets/application.css.scss +1 -0
  71. data/spec/dummy/app/assets/stylesheets/buttons.css +51 -0
  72. data/spec/dummy/app/assets/stylesheets/forms.css +51 -0
  73. data/spec/dummy/app/controllers/application_controller.rb +5 -0
  74. data/spec/dummy/app/helpers/application_helper.rb +2 -0
  75. data/spec/dummy/app/styleguides/buttons.html +1 -0
  76. data/spec/dummy/app/views/layouts/application.html.erb +14 -0
  77. data/spec/dummy/bin/bundle +3 -0
  78. data/spec/dummy/bin/rails +4 -0
  79. data/spec/dummy/bin/rake +4 -0
  80. data/spec/dummy/config.ru +4 -0
  81. data/spec/dummy/config/application.rb +23 -0
  82. data/spec/dummy/config/boot.rb +5 -0
  83. data/spec/dummy/config/database.yml +25 -0
  84. data/spec/dummy/config/environment.rb +5 -0
  85. data/spec/dummy/config/environments/development.rb +29 -0
  86. data/spec/dummy/config/environments/production.rb +80 -0
  87. data/spec/dummy/config/environments/test.rb +36 -0
  88. data/spec/dummy/config/initializers/backtrace_silencers.rb +7 -0
  89. data/spec/dummy/config/initializers/filter_parameter_logging.rb +4 -0
  90. data/spec/dummy/config/initializers/inflections.rb +16 -0
  91. data/spec/dummy/config/initializers/mime_types.rb +5 -0
  92. data/spec/dummy/config/initializers/secret_token.rb +12 -0
  93. data/spec/dummy/config/initializers/session_store.rb +3 -0
  94. data/spec/dummy/config/initializers/wrap_parameters.rb +14 -0
  95. data/spec/dummy/config/locales/en.yml +23 -0
  96. data/spec/dummy/config/routes.rb +3 -0
  97. data/spec/dummy/config/stylin.yml +3 -0
  98. data/spec/dummy/db/development.sqlite3 +0 -0
  99. data/spec/dummy/db/production.sqlite3 +0 -0
  100. data/spec/dummy/db/schema.rb +16 -0
  101. data/spec/dummy/db/test.sqlite3 +0 -0
  102. data/spec/dummy/log/development.log +4143 -0
  103. data/spec/dummy/log/production.log +4 -0
  104. data/spec/dummy/log/test.log +380 -0
  105. data/spec/dummy/public/404.html +58 -0
  106. data/spec/dummy/public/422.html +58 -0
  107. data/spec/dummy/public/500.html +57 -0
  108. data/spec/dummy/public/favicon.ico +0 -0
  109. data/spec/models/styleguide_spec.rb +55 -0
  110. data/spec/spec_helper.rb +22 -0
  111. metadata +327 -0
@@ -0,0 +1,154 @@
1
+ /**
2
+ * Obsidian style
3
+ * ported by Alexander Marenin (http://github.com/ioncreature)
4
+ */
5
+
6
+ .hljs {
7
+ display: block; padding: 0.5em;
8
+ background: #282B2E;
9
+ }
10
+
11
+ .hljs-keyword,
12
+ .hljs-literal,
13
+ .hljs-change,
14
+ .hljs-winutils,
15
+ .hljs-flow,
16
+ .lisp .hljs-title,
17
+ .clojure .hljs-built_in,
18
+ .nginx .hljs-title,
19
+ .css .hljs-id,
20
+ .tex .hljs-special {
21
+ color: #93C763;
22
+ }
23
+
24
+ .hljs-number {
25
+ color: #FFCD22;
26
+ }
27
+
28
+ .hljs {
29
+ color: #E0E2E4;
30
+ }
31
+
32
+ .css .hljs-tag,
33
+ .css .hljs-pseudo {
34
+ color: #D0D2B5;
35
+ }
36
+
37
+ .hljs-attribute,
38
+ .hljs .hljs-constant {
39
+ color: #668BB0;
40
+ }
41
+
42
+ .xml .hljs-attribute {
43
+ color: #B3B689;
44
+ }
45
+
46
+ .xml .hljs-tag .hljs-value {
47
+ color: #E8E2B7;
48
+ }
49
+
50
+ .hljs-code,
51
+ .hljs-class .hljs-title,
52
+ .hljs-header {
53
+ color: white;
54
+ }
55
+
56
+ .hljs-class,
57
+ .hljs-hexcolor {
58
+ color: #93C763;
59
+ }
60
+
61
+ .hljs-regexp {
62
+ color: #D39745;
63
+ }
64
+
65
+ .hljs-at_rule,
66
+ .hljs-at_rule .hljs-keyword {
67
+ color: #A082BD;
68
+ }
69
+
70
+ .hljs-doctype {
71
+ color: #557182;
72
+ }
73
+
74
+ .hljs-link_url,
75
+ .hljs-tag,
76
+ .hljs-tag .hljs-title,
77
+ .hljs-bullet,
78
+ .hljs-subst,
79
+ .hljs-emphasis,
80
+ .haskell .hljs-type,
81
+ .hljs-preprocessor,
82
+ .hljs-pragma,
83
+ .ruby .hljs-class .hljs-parent,
84
+ .hljs-built_in,
85
+ .sql .hljs-aggregate,
86
+ .django .hljs-template_tag,
87
+ .django .hljs-variable,
88
+ .smalltalk .hljs-class,
89
+ .hljs-javadoc,
90
+ .django .hljs-filter .hljs-argument,
91
+ .smalltalk .hljs-localvars,
92
+ .smalltalk .hljs-array,
93
+ .hljs-attr_selector,
94
+ .hljs-pseudo,
95
+ .hljs-addition,
96
+ .hljs-stream,
97
+ .hljs-envvar,
98
+ .apache .hljs-tag,
99
+ .apache .hljs-cbracket,
100
+ .tex .hljs-command,
101
+ .hljs-prompt {
102
+ color: #8CBBAD;
103
+ }
104
+
105
+ .hljs-string {
106
+ color: #EC7600;
107
+ }
108
+
109
+ .hljs-comment,
110
+ .java .hljs-annotation,
111
+ .hljs-blockquote,
112
+ .hljs-horizontal_rule,
113
+ .python .hljs-decorator,
114
+ .hljs-template_comment,
115
+ .hljs-pi,
116
+ .hljs-deletion,
117
+ .hljs-shebang,
118
+ .apache .hljs-sqbracket,
119
+ .tex .hljs-formula {
120
+ color: #818E96;
121
+ }
122
+
123
+ .hljs-keyword,
124
+ .hljs-literal,
125
+ .css .hljs-id,
126
+ .hljs-phpdoc,
127
+ .hljs-title,
128
+ .hljs-header,
129
+ .haskell .hljs-type,
130
+ .vbscript .hljs-built_in,
131
+ .sql .hljs-aggregate,
132
+ .rsl .hljs-built_in,
133
+ .smalltalk .hljs-class,
134
+ .diff .hljs-header,
135
+ .hljs-chunk,
136
+ .hljs-winutils,
137
+ .bash .hljs-variable,
138
+ .apache .hljs-tag,
139
+ .tex .hljs-special,
140
+ .hljs-request,
141
+ .hljs-at_rule .hljs-keyword,
142
+ .hljs-status {
143
+ font-weight: bold;
144
+ }
145
+
146
+ .coffeescript .javascript,
147
+ .javascript .xml,
148
+ .tex .hljs-formula,
149
+ .xml .javascript,
150
+ .xml .vbscript,
151
+ .xml .css,
152
+ .xml .hljs-cdata {
153
+ opacity: 0.5;
154
+ }
@@ -0,0 +1,106 @@
1
+ /*
2
+
3
+ Pojoaque Style by Jason Tate
4
+ http://web-cms-designs.com/ftopict-10-pojoaque-style-for-highlight-js-code-highlighter.html
5
+ Based on Solarized Style from http://ethanschoonover.com/solarized
6
+
7
+ */
8
+
9
+ .hljs {
10
+ display: block; padding: 0.5em;
11
+ color: #DCCF8F;
12
+ background: url(./pojoaque.jpg) repeat scroll left top #181914;
13
+ }
14
+
15
+ .hljs-comment,
16
+ .hljs-template_comment,
17
+ .diff .hljs-header,
18
+ .hljs-doctype,
19
+ .lisp .hljs-string,
20
+ .hljs-javadoc {
21
+ color: #586e75;
22
+ font-style: italic;
23
+ }
24
+
25
+ .hljs-keyword,
26
+ .css .rule .hljs-keyword,
27
+ .hljs-winutils,
28
+ .javascript .hljs-title,
29
+ .method,
30
+ .hljs-addition,
31
+ .css .hljs-tag,
32
+ .clojure .hljs-title,
33
+ .nginx .hljs-title {
34
+ color: #B64926;
35
+ }
36
+
37
+ .hljs-number,
38
+ .hljs-command,
39
+ .hljs-string,
40
+ .hljs-tag .hljs-value,
41
+ .hljs-phpdoc,
42
+ .tex .hljs-formula,
43
+ .hljs-regexp,
44
+ .hljs-hexcolor {
45
+ color: #468966;
46
+ }
47
+
48
+ .hljs-title,
49
+ .hljs-localvars,
50
+ .hljs-function .hljs-title,
51
+ .hljs-chunk,
52
+ .hljs-decorator,
53
+ .hljs-built_in,
54
+ .lisp .hljs-title,
55
+ .clojure .hljs-built_in,
56
+ .hljs-identifier,
57
+ .hljs-id {
58
+ color: #FFB03B;
59
+ }
60
+
61
+ .hljs-attribute,
62
+ .hljs-variable,
63
+ .lisp .hljs-body,
64
+ .smalltalk .hljs-number,
65
+ .hljs-constant,
66
+ .hljs-class .hljs-title,
67
+ .hljs-parent,
68
+ .haskell .hljs-type {
69
+ color: #b58900;
70
+ }
71
+
72
+ .css .hljs-attribute {
73
+ color: #b89859;
74
+ }
75
+
76
+ .css .hljs-number,
77
+ .css .hljs-hexcolor {
78
+ color: #DCCF8F;
79
+ }
80
+
81
+ .css .hljs-class {
82
+ color: #d3a60c;
83
+ }
84
+
85
+ .hljs-preprocessor,
86
+ .hljs-pragma,
87
+ .hljs-pi,
88
+ .hljs-shebang,
89
+ .hljs-symbol,
90
+ .hljs-symbol .hljs-string,
91
+ .diff .hljs-change,
92
+ .hljs-special,
93
+ .hljs-attr_selector,
94
+ .hljs-important,
95
+ .hljs-subst,
96
+ .hljs-cdata {
97
+ color: #cb4b16;
98
+ }
99
+
100
+ .hljs-deletion {
101
+ color: #dc322f;
102
+ }
103
+
104
+ .tex .hljs-formula {
105
+ background: #073642;
106
+ }
@@ -0,0 +1,182 @@
1
+ /*
2
+
3
+ Railscasts-like style (c) Visoft, Inc. (Damien White)
4
+
5
+ */
6
+
7
+ .hljs {
8
+ display: block;
9
+ padding: 0.5em;
10
+ background: #232323;
11
+ color: #E6E1DC;
12
+ }
13
+
14
+ .hljs-comment,
15
+ .hljs-template_comment,
16
+ .hljs-javadoc,
17
+ .hljs-shebang {
18
+ color: #BC9458;
19
+ font-style: italic;
20
+ }
21
+
22
+ .hljs-keyword,
23
+ .ruby .hljs-function .hljs-keyword,
24
+ .hljs-request,
25
+ .hljs-status,
26
+ .nginx .hljs-title,
27
+ .method,
28
+ .hljs-list .hljs-title {
29
+ color: #C26230;
30
+ }
31
+
32
+ .hljs-string,
33
+ .hljs-number,
34
+ .hljs-regexp,
35
+ .hljs-tag .hljs-value,
36
+ .hljs-cdata,
37
+ .hljs-filter .hljs-argument,
38
+ .hljs-attr_selector,
39
+ .apache .hljs-cbracket,
40
+ .hljs-date,
41
+ .tex .hljs-command,
42
+ .markdown .hljs-link_label {
43
+ color: #A5C261;
44
+ }
45
+
46
+ .hljs-subst {
47
+ color: #519F50;
48
+ }
49
+
50
+ .hljs-tag,
51
+ .hljs-tag .hljs-keyword,
52
+ .hljs-tag .hljs-title,
53
+ .hljs-doctype,
54
+ .hljs-sub .hljs-identifier,
55
+ .hljs-pi,
56
+ .input_number {
57
+ color: #E8BF6A;
58
+ }
59
+
60
+ .hljs-identifier {
61
+ color: #D0D0FF;
62
+ }
63
+
64
+ .hljs-class .hljs-title,
65
+ .haskell .hljs-type,
66
+ .smalltalk .hljs-class,
67
+ .hljs-javadoctag,
68
+ .hljs-yardoctag,
69
+ .hljs-phpdoc {
70
+ text-decoration: none;
71
+ }
72
+
73
+ .hljs-constant {
74
+ color: #DA4939;
75
+ }
76
+
77
+
78
+ .hljs-symbol,
79
+ .hljs-built_in,
80
+ .ruby .hljs-symbol .hljs-string,
81
+ .ruby .hljs-symbol .hljs-identifier,
82
+ .markdown .hljs-link_url,
83
+ .hljs-attribute {
84
+ color: #6D9CBE;
85
+ }
86
+
87
+ .markdown .hljs-link_url {
88
+ text-decoration: underline;
89
+ }
90
+
91
+
92
+
93
+ .hljs-params,
94
+ .hljs-variable,
95
+ .clojure .hljs-attribute {
96
+ color: #D0D0FF;
97
+ }
98
+
99
+ .css .hljs-tag,
100
+ .hljs-rules .hljs-property,
101
+ .hljs-pseudo,
102
+ .tex .hljs-special {
103
+ color: #CDA869;
104
+ }
105
+
106
+ .css .hljs-class {
107
+ color: #9B703F;
108
+ }
109
+
110
+ .hljs-rules .hljs-keyword {
111
+ color: #C5AF75;
112
+ }
113
+
114
+ .hljs-rules .hljs-value {
115
+ color: #CF6A4C;
116
+ }
117
+
118
+ .css .hljs-id {
119
+ color: #8B98AB;
120
+ }
121
+
122
+ .hljs-annotation,
123
+ .apache .hljs-sqbracket,
124
+ .nginx .hljs-built_in {
125
+ color: #9B859D;
126
+ }
127
+
128
+ .hljs-preprocessor,
129
+ .hljs-preprocessor *,
130
+ .hljs-pragma {
131
+ color: #8996A8 !important;
132
+ }
133
+
134
+ .hljs-hexcolor,
135
+ .css .hljs-value .hljs-number {
136
+ color: #A5C261;
137
+ }
138
+
139
+ .hljs-title,
140
+ .hljs-decorator,
141
+ .css .hljs-function {
142
+ color: #FFC66D;
143
+ }
144
+
145
+ .diff .hljs-header,
146
+ .hljs-chunk {
147
+ background-color: #2F33AB;
148
+ color: #E6E1DC;
149
+ display: inline-block;
150
+ width: 100%;
151
+ }
152
+
153
+ .diff .hljs-change {
154
+ background-color: #4A410D;
155
+ color: #F8F8F8;
156
+ display: inline-block;
157
+ width: 100%;
158
+ }
159
+
160
+ .hljs-addition {
161
+ background-color: #144212;
162
+ color: #E6E1DC;
163
+ display: inline-block;
164
+ width: 100%;
165
+ }
166
+
167
+ .hljs-deletion {
168
+ background-color: #600;
169
+ color: #E6E1DC;
170
+ display: inline-block;
171
+ width: 100%;
172
+ }
173
+
174
+ .coffeescript .javascript,
175
+ .javascript .xml,
176
+ .tex .hljs-formula,
177
+ .xml .javascript,
178
+ .xml .vbscript,
179
+ .xml .css,
180
+ .xml .hljs-cdata {
181
+ opacity: 0.7;
182
+ }
@@ -0,0 +1,112 @@
1
+ /*
2
+
3
+ Style with support for rainbow parens
4
+
5
+ */
6
+
7
+ .hljs {
8
+ display: block; padding: 0.5em;
9
+ background: #474949; color: #D1D9E1;
10
+ }
11
+
12
+
13
+ .hljs-body,
14
+ .hljs-collection {
15
+ color: #D1D9E1;
16
+ }
17
+
18
+ .hljs-comment,
19
+ .hljs-template_comment,
20
+ .diff .hljs-header,
21
+ .hljs-doctype,
22
+ .lisp .hljs-string,
23
+ .hljs-javadoc {
24
+ color: #969896;
25
+ font-style: italic;
26
+ }
27
+
28
+ .hljs-keyword,
29
+ .clojure .hljs-attribute,
30
+ .hljs-winutils,
31
+ .javascript .hljs-title,
32
+ .hljs-addition,
33
+ .css .hljs-tag {
34
+ color: #cc99cc;
35
+ }
36
+
37
+ .hljs-number { color: #f99157; }
38
+
39
+ .hljs-command,
40
+ .hljs-string,
41
+ .hljs-tag .hljs-value,
42
+ .hljs-phpdoc,
43
+ .tex .hljs-formula,
44
+ .hljs-regexp,
45
+ .hljs-hexcolor {
46
+ color: #8abeb7;
47
+ }
48
+
49
+ .hljs-title,
50
+ .hljs-localvars,
51
+ .hljs-function .hljs-title,
52
+ .hljs-chunk,
53
+ .hljs-decorator,
54
+ .hljs-built_in,
55
+ .lisp .hljs-title,
56
+ .hljs-identifier
57
+ {
58
+ color: #b5bd68;
59
+ }
60
+
61
+ .hljs-class .hljs-keyword
62
+ {
63
+ color: #f2777a;
64
+ }
65
+
66
+ .hljs-variable,
67
+ .lisp .hljs-body,
68
+ .smalltalk .hljs-number,
69
+ .hljs-constant,
70
+ .hljs-class .hljs-title,
71
+ .hljs-parent,
72
+ .haskell .hljs-label,
73
+ .hljs-id,
74
+ .lisp .hljs-title,
75
+ .clojure .hljs-title .hljs-built_in {
76
+ color: #ffcc66;
77
+ }
78
+
79
+ .hljs-tag .hljs-title,
80
+ .hljs-rules .hljs-property,
81
+ .django .hljs-tag .hljs-keyword,
82
+ .clojure .hljs-title .hljs-built_in {
83
+ font-weight: bold;
84
+ }
85
+
86
+ .hljs-attribute,
87
+ .clojure .hljs-title {
88
+ color: #81a2be;
89
+ }
90
+
91
+ .hljs-preprocessor,
92
+ .hljs-pragma,
93
+ .hljs-pi,
94
+ .hljs-shebang,
95
+ .hljs-symbol,
96
+ .hljs-symbol .hljs-string,
97
+ .diff .hljs-change,
98
+ .hljs-special,
99
+ .hljs-attr_selector,
100
+ .hljs-important,
101
+ .hljs-subst,
102
+ .hljs-cdata {
103
+ color: #f99157;
104
+ }
105
+
106
+ .hljs-deletion {
107
+ color: #dc322f;
108
+ }
109
+
110
+ .tex .hljs-formula {
111
+ background: #eee8d5;
112
+ }