lolita 3.4.3 → 4.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (190) hide show
  1. checksums.yaml +4 -4
  2. data/.gitignore +37 -36
  3. data/Gemfile +31 -29
  4. data/README.md +147 -147
  5. data/Rakefile +17 -7
  6. data/app/assets/javascripts/lolita/application.js +5 -6
  7. data/app/assets/javascripts/lolita/tab.js +98 -100
  8. data/app/assets/stylesheets/lolita/PIE-custom.htc +87 -87
  9. data/app/assets/stylesheets/lolita/PIE.htc +81 -81
  10. data/app/assets/stylesheets/lolita/application.css +7 -6
  11. data/app/assets/stylesheets/lolita/default.css.erb +169 -169
  12. data/app/assets/stylesheets/lolita/jquery-ui-1.8.16.lolita.css.erb +567 -567
  13. data/app/assets/stylesheets/lolita/style.css.erb +554 -553
  14. data/app/assets/stylesheets/tinymce/skins/lolita/content.inline.min.css +1 -0
  15. data/app/assets/stylesheets/tinymce/skins/lolita/content.min.css +1 -0
  16. data/app/assets/stylesheets/tinymce/skins/lolita/fonts/readme.md +1 -0
  17. data/app/assets/stylesheets/tinymce/skins/lolita/fonts/tinymce-small.eot +0 -0
  18. data/app/assets/stylesheets/tinymce/skins/lolita/fonts/tinymce-small.svg +175 -0
  19. data/app/assets/stylesheets/tinymce/skins/lolita/fonts/tinymce-small.ttf +0 -0
  20. data/app/assets/stylesheets/tinymce/skins/lolita/fonts/tinymce-small.woff +0 -0
  21. data/app/assets/stylesheets/tinymce/skins/lolita/fonts/tinymce.eot +0 -0
  22. data/app/assets/stylesheets/tinymce/skins/lolita/fonts/tinymce.svg +153 -0
  23. data/app/assets/stylesheets/tinymce/skins/lolita/fonts/tinymce.ttf +0 -0
  24. data/app/assets/stylesheets/tinymce/skins/lolita/fonts/tinymce.woff +0 -0
  25. data/app/assets/stylesheets/tinymce/skins/lolita/img/anchor.gif +0 -0
  26. data/app/assets/stylesheets/tinymce/skins/lolita/img/loader.gif +0 -0
  27. data/app/assets/stylesheets/tinymce/skins/lolita/img/object.gif +0 -0
  28. data/app/assets/stylesheets/tinymce/skins/lolita/img/trans.gif +0 -0
  29. data/app/assets/stylesheets/tinymce/skins/lolita/img/wline.gif +0 -0
  30. data/app/assets/stylesheets/tinymce/skins/lolita/skin.ie7.min.css +1 -0
  31. data/app/assets/stylesheets/tinymce/skins/lolita/skin.min.css +2 -0
  32. data/app/helpers/components/lolita/configuration/list_component.rb +10 -10
  33. data/app/helpers/components/lolita/configuration_component.rb +21 -21
  34. data/app/views/components/lolita/configuration/column/_first.html.haml +1 -1
  35. data/app/views/components/lolita/configuration/column/header/_first.html.haml +1 -1
  36. data/app/views/components/lolita/configuration/column/header/_sort.html.haml +6 -6
  37. data/app/views/components/lolita/configuration/columns/body/_display.html.haml +1 -1
  38. data/app/views/components/lolita/configuration/columns/header/_display.html.haml +5 -5
  39. data/app/views/components/lolita/configuration/field/array/checkbox/_display.html.haml +7 -7
  40. data/app/views/components/lolita/configuration/field/string/text/_display.html.haml +4 -7
  41. data/app/views/components/lolita/configuration/search/_display.html.haml +2 -2
  42. data/app/views/components/lolita/configuration/tab/_display.html.haml +4 -4
  43. data/app/views/components/lolita/configuration/tabs/_form.html.haml +7 -6
  44. data/app/views/components/lolita/configuration/tabs/yo.html +1 -0
  45. data/app/views/kaminari/lolita/_first_page.html.erb +11 -11
  46. data/app/views/kaminari/lolita/_gap.html.erb +8 -8
  47. data/app/views/kaminari/lolita/_last_page.html.erb +11 -11
  48. data/app/views/kaminari/lolita/_next_page.html.erb +11 -11
  49. data/app/views/kaminari/lolita/_page.html.erb +12 -12
  50. data/app/views/kaminari/lolita/_paginator.html.erb +23 -23
  51. data/app/views/kaminari/lolita/_prev_page.html.erb +11 -11
  52. data/app/views/lolita/info/index.html.erb +232 -232
  53. data/author +1 -1
  54. data/config/locales/sv_SE.yml +37 -0
  55. data/config/routes.rb +6 -6
  56. data/lib/generators/lolita/install_generator.rb +22 -19
  57. data/lib/generators/lolita/uninstall_generator.rb +76 -71
  58. data/lib/generators/templates/lolita.rb +17 -14
  59. data/lib/generators/templates/tinymce.yml +22 -0
  60. data/lib/lolita.rb +142 -141
  61. data/lib/lolita/adapter/abstract_adapter.rb +17 -16
  62. data/lib/lolita/adapter/active_record.rb +229 -227
  63. data/lib/lolita/adapter/common_helper.rb +220 -221
  64. data/lib/lolita/adapter/field_helper.rb +18 -18
  65. data/lib/lolita/adapter/mongoid.rb +244 -241
  66. data/lib/lolita/components/base.rb +10 -12
  67. data/lib/lolita/configuration.rb +61 -61
  68. data/lib/lolita/configuration/column.rb +170 -181
  69. data/lib/lolita/configuration/field/big_decimal.rb +12 -12
  70. data/lib/lolita/configuration/field/boolean.rb +12 -12
  71. data/lib/lolita/configuration/field/date.rb +12 -12
  72. data/lib/lolita/configuration/field/hidden.rb +12 -12
  73. data/lib/lolita/configuration/field/integer.rb +11 -11
  74. data/lib/lolita/configuration/field/string.rb +16 -16
  75. data/lib/lolita/configuration/field/time.rb +13 -13
  76. data/lib/lolita/configuration/field_set.rb +25 -25
  77. data/lib/lolita/configuration/filter.rb +130 -116
  78. data/lib/lolita/configuration/list.rb +201 -201
  79. data/lib/lolita/configuration/search.rb +105 -105
  80. data/lib/lolita/controllers/component_helpers.rb +156 -156
  81. data/lib/lolita/controllers/internal_helpers.rb +74 -71
  82. data/lib/lolita/dbi/base.rb +56 -56
  83. data/lib/lolita/hooks/named_hook.rb +125 -125
  84. data/lib/lolita/lazy_loader.rb +54 -54
  85. data/lib/lolita/navigation/tree.rb +132 -132
  86. data/lib/lolita/rails/engine.rb +29 -24
  87. data/lib/lolita/rails/routes.rb +133 -129
  88. data/lib/lolita/ruby_ext/accessors.rb +26 -26
  89. data/lib/lolita/search/simple.rb +75 -75
  90. data/lib/lolita/support/formatter.rb +62 -62
  91. data/lib/lolita/support/formatter/rails.rb +56 -56
  92. data/lib/lolita/system_configuration/base.rb +182 -178
  93. data/lib/lolita/test/matchers.rb +77 -77
  94. data/lib/lolita/version.rb +30 -30
  95. data/lolita.gemspec +35 -34
  96. data/spec/adapter/common_helper_spec.rb +96 -96
  97. data/spec/builder_spec.rb +120 -120
  98. data/spec/configuration/base_spec.rb +23 -23
  99. data/spec/configuration/field_spec.rb +117 -118
  100. data/spec/configuration/filter_spec.rb +145 -131
  101. data/spec/configuration/tab_spec.rb +184 -187
  102. data/spec/configuration/tabs_spec.rb +116 -120
  103. data/spec/generators/lolita/install_generator_spec.rb +70 -55
  104. data/spec/generators/lolita/uninstall_generator_spec.rb +65 -49
  105. data/spec/helpers/url_for_spec.rb +8 -0
  106. data/spec/orm/active_record.rb +53 -0
  107. data/spec/orm/mongoid.rb +2 -13
  108. data/spec/orm/mongoid.yml +6 -0
  109. data/spec/rails_app/app/controllers/application_controller.rb +3 -3
  110. data/spec/rails_app/app/helpers/application_helper.rb +3 -3
  111. data/spec/rails_app/app/orm/active_record/address.rb +3 -0
  112. data/spec/rails_app/app/orm/active_record/category.rb +16 -0
  113. data/spec/rails_app/app/orm/active_record/comment.rb +4 -0
  114. data/spec/rails_app/app/orm/active_record/post.rb +24 -0
  115. data/spec/rails_app/app/orm/active_record/preference.rb +4 -0
  116. data/spec/rails_app/app/orm/active_record/profile.rb +9 -0
  117. data/spec/rails_app/app/orm/active_record/tag.rb +2 -0
  118. data/spec/rails_app/app/{mongoid → orm/mongoid}/address.rb +7 -7
  119. data/spec/rails_app/app/{mongoid → orm/mongoid}/category.rb +18 -19
  120. data/spec/rails_app/app/{mongoid → orm/mongoid}/comment.rb +5 -5
  121. data/spec/rails_app/app/{mongoid → orm/mongoid}/post.rb +30 -30
  122. data/spec/rails_app/app/{mongoid → orm/mongoid}/preference.rb +5 -5
  123. data/spec/rails_app/app/{mongoid → orm/mongoid}/profile.rb +13 -14
  124. data/spec/rails_app/app/{mongoid → orm/mongoid}/tag.rb +3 -3
  125. data/spec/rails_app/app/views/components/lolita/configuration/list/_body_cell.html.erb +1 -1
  126. data/spec/rails_app/config/application.rb +34 -33
  127. data/spec/rails_app/config/boot.rb +7 -8
  128. data/spec/rails_app/config/environment.rb +5 -5
  129. data/spec/rails_app/config/environments/development.rb +22 -23
  130. data/spec/rails_app/config/environments/production.rb +37 -37
  131. data/spec/rails_app/config/environments/test.rb +36 -37
  132. data/spec/rails_app/config/initializers/backtrace_silencers.rb +7 -7
  133. data/spec/rails_app/config/initializers/inflections.rb +2 -2
  134. data/spec/rails_app/config/initializers/secret_token.rb +1 -1
  135. data/spec/rails_app/config/routes.rb +4 -3
  136. data/spec/rails_app/lib/lolita/configuration/field/my_custom_collection.rb +13 -13
  137. data/spec/rails_app/public/javascripts/jquery-1.5.1.min.js +15 -15
  138. data/spec/rails_app/public/javascripts/lolita/main.js +6 -6
  139. data/spec/rails_app/public/javascripts/modernizr-1.7.min.js +1 -1
  140. data/spec/rails_app/public/javascripts/rails.js +137 -137
  141. data/spec/rails_app/public/javascripts/tinymce/langs/en.js +221 -221
  142. data/spec/rails_app/public/javascripts/tinymce/license.txt +504 -504
  143. data/spec/rails_app/public/javascripts/tinymce/themes/advanced/about.htm +52 -52
  144. data/spec/rails_app/public/javascripts/tinymce/themes/advanced/anchor.htm +26 -26
  145. data/spec/rails_app/public/javascripts/tinymce/themes/advanced/charmap.htm +51 -51
  146. data/spec/rails_app/public/javascripts/tinymce/themes/advanced/color_picker.htm +74 -74
  147. data/spec/rails_app/public/javascripts/tinymce/themes/advanced/editor_template_src.js +1328 -1328
  148. data/spec/rails_app/public/javascripts/tinymce/themes/advanced/image.htm +80 -80
  149. data/spec/rails_app/public/javascripts/tinymce/themes/advanced/js/about.js +73 -73
  150. data/spec/rails_app/public/javascripts/tinymce/themes/advanced/js/anchor.js +42 -42
  151. data/spec/rails_app/public/javascripts/tinymce/themes/advanced/js/charmap.js +354 -354
  152. data/spec/rails_app/public/javascripts/tinymce/themes/advanced/js/color_picker.js +329 -329
  153. data/spec/rails_app/public/javascripts/tinymce/themes/advanced/js/image.js +247 -247
  154. data/spec/rails_app/public/javascripts/tinymce/themes/advanced/js/link.js +153 -153
  155. data/spec/rails_app/public/javascripts/tinymce/themes/advanced/js/source_editor.js +56 -56
  156. data/spec/rails_app/public/javascripts/tinymce/themes/advanced/langs/en.js +68 -68
  157. data/spec/rails_app/public/javascripts/tinymce/themes/advanced/langs/en_dlg.js +53 -53
  158. data/spec/rails_app/public/javascripts/tinymce/themes/advanced/link.htm +57 -57
  159. data/spec/rails_app/public/javascripts/tinymce/themes/advanced/shortcuts.htm +47 -47
  160. data/spec/rails_app/public/javascripts/tinymce/themes/advanced/skins/cirkuit/content.css +66 -66
  161. data/spec/rails_app/public/javascripts/tinymce/themes/advanced/skins/cirkuit/dialog.css +117 -117
  162. data/spec/rails_app/public/javascripts/tinymce/themes/advanced/skins/cirkuit/ui.css +988 -988
  163. data/spec/rails_app/public/javascripts/tinymce/themes/advanced/source_editor.htm +25 -25
  164. data/spec/rails_app/public/javascripts/tinymce/tiny_mce_popup.js +4 -4
  165. data/spec/rails_app/public/stylesheets/lolita/default.css +169 -169
  166. data/spec/rails_app/public/stylesheets/lolita/style.css +214 -214
  167. data/spec/spec_helper.rb +44 -51
  168. data/spec/support/cleaner.rb +12 -0
  169. data/vendor/assets/javascripts/application_vendor_lolita.js +5 -4
  170. data/vendor/assets/javascripts/jquery-numeric.js +279 -279
  171. data/vendor/assets/javascripts/modernizr_1_7_min.js +1 -1
  172. data/vendor/assets/stylesheets/jquery-ui-1.8.16.custom.css +567 -567
  173. metadata +105 -72
  174. data/lib/tasks/tinymce-assets.rake +0 -7
  175. data/spec/adapter_helper.rb +0 -43
  176. data/vendor/assets/javascripts/tinymce/themes/advanced/skins/cirkuit/content.css +0 -66
  177. data/vendor/assets/javascripts/tinymce/themes/advanced/skins/cirkuit/dialog.css +0 -117
  178. data/vendor/assets/javascripts/tinymce/themes/advanced/skins/cirkuit/img/butt2.png +0 -0
  179. data/vendor/assets/javascripts/tinymce/themes/advanced/skins/cirkuit/img/button-bg.png +0 -0
  180. data/vendor/assets/javascripts/tinymce/themes/advanced/skins/cirkuit/img/buttons.png +0 -0
  181. data/vendor/assets/javascripts/tinymce/themes/advanced/skins/cirkuit/img/down_arrow.gif +0 -0
  182. data/vendor/assets/javascripts/tinymce/themes/advanced/skins/cirkuit/img/fade-butt.png +0 -0
  183. data/vendor/assets/javascripts/tinymce/themes/advanced/skins/cirkuit/img/icons.png +0 -0
  184. data/vendor/assets/javascripts/tinymce/themes/advanced/skins/cirkuit/img/items.gif +0 -0
  185. data/vendor/assets/javascripts/tinymce/themes/advanced/skins/cirkuit/img/menu-arrow.png +0 -0
  186. data/vendor/assets/javascripts/tinymce/themes/advanced/skins/cirkuit/img/menu-check.png +0 -0
  187. data/vendor/assets/javascripts/tinymce/themes/advanced/skins/cirkuit/img/progress.gif +0 -0
  188. data/vendor/assets/javascripts/tinymce/themes/advanced/skins/cirkuit/img/tabs.gif +0 -0
  189. data/vendor/assets/javascripts/tinymce/themes/advanced/skins/cirkuit/img/toolbarbg.png +0 -0
  190. data/vendor/assets/javascripts/tinymce/themes/advanced/skins/cirkuit/ui.css +0 -988
@@ -1,553 +1,554 @@
1
- html,body{
2
- height: 100%;
3
- }
4
- *:focus {outline: none;}
5
- body {background: #f3f3f3; font-size: 13px;}
6
-
7
- a, a:visited, a:active {color: #7ac1ed; text-decoration: none;}
8
- h1 {font-size: 28px; font-weight: normal; letter-spacing: -1px; line-height: 85px;}
9
- input[type="button"] {vertical-align: top; padding: 3px 9px;}
10
- .placeholder {color: #aaa;}
11
- ::placeholder {color: #aaa;}
12
- :-moz-placeholder {color: #aaa;}
13
- ::-webkit-input-placeholder {color: #aaa;}
14
-
15
- #container {
16
- width: 90%;
17
- min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -30px;
18
- }
19
- #container:before{ /* Opera and IE8 "redraw" bug fix */
20
- content:"";
21
- float:left;
22
- height:100%;
23
- margin-top:-999em;
24
- }
25
-
26
- /* colors */
27
- .semi-dark{
28
- color: #737373;
29
- }
30
- .light-dark{
31
- color:#d5d5d5;
32
- }
33
- .light{
34
- color:#F1F1F1
35
- }
36
-
37
- /* same button styles for links and both types of html buttons */
38
- button, a.button, input[type="button"] {
39
- padding: 4px 10px;
40
- border: none;
41
- font-size: 13px;
42
- text-decoration: none;
43
- -moz-border-radius: 3px;
44
- -webkit-border-radius: 3px;
45
- border-radius: 3px;
46
- -moz-box-sizing: border-box;
47
- -webkit-box-sizing: border-box;
48
- box-sizing: border-box;
49
- }
50
- a.button {padding: 4px 11px; color: #8f8f8f;}
51
- /* ----------------------------------------------*/
52
-
53
- /* header styles */
54
- header {position: relative; height: 85px;}
55
- header h1 {padding-left: 15px;}
56
- header nav {position: absolute; top: 10px; right: 0;}
57
- header nav .username {margin-right: 15px;}
58
- /* ----------------------------------------------*/
59
-
60
- /* vertical middle container */
61
-
62
- #main {position: relative; padding-left: 150px; margin-bottom: 50px;} /* setting the left portion width for navigation */
63
-
64
- /* ---------------------------------------------- */
65
-
66
- /* form styles */
67
-
68
- #main .box form {background: #FFF; padding: 30px 25px;}
69
- #main .box form input {background: #FFF;}
70
- #main .box form label {color: #c3c3c3; font-size: 13px;}
71
- #main .box form select {min-width: 150px;}
72
- #main .box form .field_date_time select, #main .box form .field_time select,#main .box form .field_date select {min-width: 0px;}
73
- #main .box form .field {margin: 10px 0; overflow: hidden;}
74
- #main .box form .field:first-child input {
75
- font-size: 24px;
76
- -moz-border-radius: 5px;
77
- -webkit-border-radius: 5px;
78
- border-radius: 5px;
79
- padding: 5px 10px;
80
- }
81
- #main .box form .field_string,
82
- #main .box form .field_integer,
83
- #main .box form .field_big_decimal,
84
- #main .box form .field_array { margin-top: 17px;}
85
- #main .box form .field-value { margin-top: 5px;}
86
- #main .box form .field-value input, #main .box form .field-value textarea {
87
- border: 1px solid #cdcdcd;
88
- -moz-border-radius: 3px;
89
- -webkit-border-radius: 3px;
90
- border-radius: 3px;
91
- -moz-box-sizing: border-box;
92
- -webkit-box-sizing: border-box;
93
- box-sizing: border-box;
94
- padding: 3px 10px;
95
- width: 100%;
96
- color: #494949;
97
- }
98
- #main .box form .field-value input:focus {background: #ebf9fc;}
99
- #main .box form .field-value textarea {
100
- width: 100%;
101
- -moz-box-sizing: border-box;
102
- -webkit-box-sizing: border-box;
103
- box-sizing: border-box; /* IE7 does not support it, IE8 does */
104
- }
105
-
106
- /* for checkboxes */
107
- #main .box form .field_boolean { margin-top: 17px; }
108
- #main .box form .field_boolean .field-value { margin-top: 0; }
109
- #main .box form .field_boolean .field-value input { width: auto; }
110
- /* ----------------------------------------------*/
111
-
112
- /* nested forms */
113
-
114
- #main .box form .nested_form {margin: 10px 0;}
115
- #main .box form .nested_form label {display: block; margin-bottom: 5px;}
116
- #main .box form .nested_form .fields {
117
- margin: 5px 0 5px 50px;
118
- padding-bottom: 5px;
119
- border-bottom: 1px dashed #DDD;
120
- }
121
- #main .box form .nested_form.simple .nested-form-fields-container{
122
- max-height: 100px;
123
- overflow: auto;
124
- }
125
- #main .box form .nested_form p {margin-left: 50px;}
126
- #main .box form .nested_form input {
127
- border: 1px solid #cdcdcd;
128
- -moz-border-radius: 3px;
129
- -webkit-border-radius: 3px;
130
- border-radius: 3px;
131
- -moz-box-sizing: border-box;
132
- -webkit-box-sizing: border-box;
133
- box-sizing: border-box;
134
- padding: 2px 5px;
135
- color: #494949;
136
- }
137
-
138
- #main .box form .nested_form .field_boolean label { margin-bottom: 0; }
139
-
140
- /* -------------------------------- */
141
-
142
- /* autocomplete field*/
143
-
144
- .autocomplete-container ul {
145
- margin-left: 30px;
146
- }
147
- .autocomplete-container ul li {
148
- list-style-type: none;
149
- margin: 5px 0;
150
- padding-bottom: 5px;
151
- border-bottom: 1px dashed #DDD;
152
- overflow: hidden;
153
- }
154
- .autocomplete-container ul li a {
155
- float: right;
156
- }
157
- .ui-menu .ui-menu-item a {
158
- font-size: 10px;
159
- }
160
-
161
- /* -------------------------------- */
162
-
163
- /* error fields and notifications */
164
-
165
- #main .box form .field_with_errors input,
166
- #main .box form .field_with_errors textarea {background: #ffe6e7;}
167
- .inline-errors {padding-top: 3px; color:#F66; font-size: 110%;}
168
- .errorExplanation {color:#F66; font-size: 110%; padding:25px 25px 0; background:white;}
169
-
170
- .nested_form .fields .field_with_errors {display: inline;}
171
-
172
- #flash {
173
- position: fixed;
174
- top: 0;
175
- left: 0;
176
- width: 100%;
177
- padding: 25px 0;
178
- background: #fff;
179
- background: rgba(255,255,255,0.9);
180
- font-size: 16px;
181
- text-align: center;
182
- cursor: pointer;
183
- z-index: 5;
184
- }
185
-
186
- /* ---------------------------------- */
187
-
188
- /* save box */
189
-
190
- #main .box .save {padding: 20px 10px;}
191
- #main .box .last-save {color: #808080; margin-bottom: 5px;}
192
- #main .box .save button {
193
- width: 100%;
194
- padding: 10px 0;
195
- font-size: 24px;
196
- background: #AB8DEF;
197
- color: #FFD;
198
- margin-bottom: 10px;
199
- line-height: 24px;
200
- }
201
- #main .box .save button.small {
202
- font-size: 16px;
203
- line-height: 20px;
204
- padding: 5px 0;
205
- }
206
- #main .box .save button:active {position: relative; top: 1px;}
207
-
208
- /* ---------------------------------- */
209
-
210
-
211
- /* navigation styles on left */
212
-
213
- #main nav {position: absolute; left: 0; width: 150px; margin-top: 5px;} /* width just for now */
214
- #main nav ul {margin-bottom: 50px;}
215
- #main nav ul.subtree{margin-bottom: 0px;}
216
- #main nav ul li a {display: block; padding: 10px 15px; color: #737373;}
217
- #main nav ul li.active a {
218
- background: #d9d9d9;
219
- background: -moz-linear-gradient(left, #e1e1e1, #d5d5d5);
220
- background: -webkit-linear-gradient(left, #e1e1e1, #d5d5d5);
221
- border: 2px solid #d5d5d5;
222
- border-right: none;
223
- -moz-border-radius: 5px 0 0 5px;
224
- -webkit-border-radius: 5px 0 0 5px;
225
- border-radius: 5px 0 0 5px;
226
- }
227
- #main nav ul li.with-subtree a{
228
- border-radius: 5px 0 0 0;
229
- }
230
- #main nav ul li.active ul.subtree a{
231
- background: #fff;
232
- background: -moz-linear-gradient(left, #fff, #fff);
233
- background: -webkit-linear-gradient(left, #fff, #fff);
234
- border: 1px solid #f9f9f9;
235
- border-radius: 0 0 0 0;
236
- }
237
- #main nav ul li.active ul.subtree li.last-in-subtree a{
238
- border-radius: 0 0 0 5px;
239
- }
240
- /* --------------------------------------------- */
241
-
242
- /* main content part */
243
-
244
- #content {overflow: visible; position: relative;} /* overflow for clearing containing floats */
245
- #content .secondary {position: absolute; right: 0; width: 23%;}
246
- #content.with-secondary {padding-right: 25%;}
247
-
248
- /* --------------------------------------------- */
249
-
250
- footer {
251
- height: 30px;
252
- text-align: right;
253
- width:90%;
254
- clear:both;
255
- margin: 0 auto;
256
- }
257
- .push{
258
- padding-bottom: 30px;
259
- }
260
- /* for not leaving empty space in bottom */
261
- #powered{
262
- font-size: 11px;
263
- margin-right:10px;
264
- }
265
-
266
- /* boxes that, possibly, will be draggable/droppable */
267
-
268
- #main .box { /* list-container for small/big bordered box that takes all available parent width */
269
- border: 5px solid #d5d5d5;
270
- -moz-border-radius: 5px;
271
- -webkit-border-radius: 5px;
272
- border-radius: 5px;
273
- margin-bottom: 10px;
274
- }
275
-
276
- .boxtitle {position: relative; z-index: 2}
277
- .boxtitle h1 {padding: 35px 25px 15px; line-height: 1; cursor: pointer;}
278
- .boxtitle h2.title {position:relative;font-weight: normal;font-size: 28px;float: left;padding: 35px 25px 15px; line-height: 1; cursor: pointer;} /* h1 contains bgcolor, color and text position because arrow needs different bg and it follows after */
279
- .boxtitle h2.title .arrow{ display:none; }
280
- .boxtitle h2.title.active .arrow{ display:block;}
281
-
282
- .boxtitle .arrow {
283
- position: absolute;
284
- left: 50%;
285
- border-color: #2f2f2f transparent transparent;
286
- border-style: solid;
287
- border-width: 10px 10px 0;
288
- margin-left: -10px;
289
- }
290
- .boxtitle .title .arrow{
291
- left: 50%;
292
- margin-left: -10px;
293
- bottom: -10px;
294
- }
295
-
296
- .boxtitle.grey .arrow {
297
- border-color: #e2e2e2 transparent transparent;
298
- }
299
-
300
- #main .tabs .tab {display: none;}
301
- #main .tabs .tab.active {display: block;}
302
-
303
- #main .tab.box.default {border: none;} /* styles for not-on-top grey boxes */
304
- #main .tab.box.default .boxtitle {
305
- border-radius: 5px 5px 0 0;
306
- -moz-border-radius: 5px 5px 0 0;
307
- -webkit-border-radius: 5px 5px 0 0;
308
- }
309
- #main .tab.box.default form {
310
- border: 5px solid #e2e2e2;
311
- border-top: none;
312
- border-radius: 0 0 5px 5px;
313
- -moz-border-radius: 0 0 5px 5px;
314
- -webkit-border-radius: 0 0 5px 5px;
315
- }
316
-
317
-
318
- #main .tab.box.minimized .boxtitle {
319
- border-radius: 5px;
320
- -moz-border-radius: 5px;
321
- -webkit-border-radius: 5px;
322
- height: 50px;
323
- }
324
- #main .tab.box.minimized .boxtitle h1 {font-size: 16px; line-height: 50px; padding: 0 0 0 15px;}
325
- #main .tab.box.minimized .boxtitle .arrow {display: none;}
326
- #main .tab.box.minimized form {display: none;}
327
-
328
- /* ----------------------------------------------*/
329
-
330
- /* different colors*/
331
- .black {
332
- background: #2f2f2f;
333
- background: -moz-linear-gradient(top, #686868, #2f2f2f);
334
- background: -webkit-linear-gradient(top, #686868, #2f2f2f);
335
- }
336
- .black, a.black {color: #f1f1f1;}
337
- .grey {
338
- background: #ededed; /* for IE, Opera */
339
- background: -moz-linear-gradient(top, #e4e4e4, #e2e2e2);
340
- background: -webkit-linear-gradient(top, #e4e4e4, #e2e2e2);
341
- }
342
- .grey, a.grey {color: #8f8f8f;}
343
- /* --------------------------------------------- */
344
-
345
- /* list view styles */
346
- .tools {overflow: hidden; line-height: 50px; height: 50px; padding-left: 25px; padding-top: 10px;}
347
- .tools .actions {float: left;}
348
- .tools .filters {float: right;}
349
- .tools > div > * {margin-right: 10px;}
350
-
351
- a.create {
352
- position: relative;
353
- display: block;
354
- z-index: 1;
355
- background: #9d81f8;
356
- background: -moz-linear-gradient(top, #ae91eb, #9d81f8);
357
- background: -webkit-linear-gradient(top, #ae91eb, #9d81f8);
358
- padding-right: 30px;
359
- line-height: 37px;
360
- text-align: right;
361
- color: #efefef;
362
- }
363
- .create img {position: absolute; right: -18px;}
364
-
365
- .list {overflow-x: auto;} /* additional html element that encloses table for horizontal overflow scrollbar if too wide */
366
- .list table {width: 100%;}
367
- .list table td,
368
- .list table th {line-height: 35px; padding: 0 20px; white-space: nowrap;}
369
- .list table td input {vertical-align: middle;}
370
- .list table thead {background: #d5d5d5;}
371
- .list table thead th {text-align: left;}
372
- .list table thead th {font-weight:normal;}
373
- .list table thead th a {color: #a5a5a5;}
374
- .list table thead th.active a {color: #6c6c6c;} /* Style for active header */
375
- .list table tbody tr {border-bottom: 1px solid #e3e3e3;}
376
- .list table tbody tr:last-child {border-bottom: none;} /* CSS3 selector for now, may be enough */
377
- .list table tbody tr:hover { /* Style was for in-place editing, using now on hover for demonstration purposes */
378
- background: #ebf9fc;
379
- -moz-box-shadow: inset 0px 1px 1px #ddd;
380
- -webkit-box-shadow: inset 0px 1px 1px #ddd;
381
- box-shadow: inset 0px 1px 1px #ddd;
382
- }
383
- .list table tbody tr .tool-cell {width: 5%;}
384
- .list table tbody tr .tool-cell a {visibility: hidden; margin-right: 5px;}
385
- .list table tbody tr:hover .tool-cell a {visibility: visible;}
386
-
387
- .list table td a:active {position: relative; top: 1px;}
388
-
389
- /*nested list*/
390
- .nested-list .list table thead tr:hover,
391
- .list table tbody tr.nested-list:hover{
392
- background: transparent;
393
- box-shadow: none;
394
- }
395
- tr.nested-list td{
396
- padding: 0 0 0 20px;
397
- }
398
- #main .box.nested-list{
399
- border: none;
400
- }
401
-
402
- /* search in list view */
403
-
404
- #main .boxtitle .black .search {
405
- position: absolute;
406
- right: 15px;
407
- top: 25px;
408
- background: none;
409
- padding: 0;
410
- }
411
- #main .boxtitle .black .search input {
412
- font-size: 13px;
413
- background: #fff url(<%= asset_data_uri "lolita/search_icon.png" %>) no-repeat 5px center;
414
- padding: 0 10px 0 18px;
415
- border: 1px solid #ccc;
416
- border-radius: 10px;
417
- -moz-border-radius: 10px;
418
- -webkit-border-radius: 10px;
419
- height: 20px;
420
- line-height: 20px\9;
421
- }
422
-
423
- /* -------------------------------------------------------------------------------- */
424
-
425
- /* filter in list view */
426
-
427
- #main form.filter {
428
- padding: 10px 20px;
429
- }
430
- #main .filter div.field {
431
- display: inline-block;
432
- margin-right: 10px;
433
- }
434
- #main .box form.filter .field {
435
- overflow: inherit;
436
- }
437
- .filter button[type='submit'] {
438
- float: right;
439
- margin-top: 8px;
440
- }
441
- /* --------------------------------------------- */
442
-
443
- /* Pagination */
444
-
445
- #main nav.pagination {
446
- width: 100%;
447
- margin-top: 20px;
448
- text-align: center;
449
- position: absolute;
450
- }
451
- #main .nested-list nav.pagination{
452
- position:relative;
453
- }
454
- #main nav.pagination span.current,
455
- #main nav.pagination span.page a {
456
- display: inline-block;
457
- min-width: 25px; height: 25px; line-height: 25px;
458
- font-size: 13px;
459
- border: 1px solid #d5d5d5;
460
- padding: 0 5px;
461
- }
462
- #main nav.pagination span.page a:hover {background: #d5d5d5;}
463
- #main nav.pagination span.current {background: #9d81f8; color: #fff;}
464
- #main nav.pagination span.first,
465
- #main nav.pagination span.prev {margin-right: 5px}
466
- #main nav.pagination span.next,
467
- #main nav.pagination span.last {margin-left: 5px;}
468
-
469
- /* --------------------------------------------- */
470
-
471
- /* TinyMCE advanced theme's skin "Cirkuit" overrides */
472
-
473
- #content .cirkuitSkin table.mceLayout {
474
- border: 0;
475
- }
476
- #content .cirkuitSkin td.mceToolbar {
477
- -moz-border-radius: 5px 5px 0 0;
478
- -webkit-border-radius: 5px 5px 0 0;
479
- border-radius: 5px 5px 0 0;
480
- border: 1px solid #ebebeb;
481
- background: #ededed; /* for IE, Opera */
482
- background: -moz-linear-gradient(top, #ededed, #e2e2e2);
483
- background: -webkit-linear-gradient(top, #ededed, #e2e2e2);
484
- padding: 10px;
485
- }
486
- #content .cirkuitSkin .mceIframeContainer {
487
- border: 1px solid #ebebeb;
488
- border-top: 0;
489
- }
490
- #content .cirkuitSkin .mceIframeContainer iframe {
491
- padding: 10px;
492
- -moz-box-sizing: border-box;
493
- -webkit-box-sizing: border-box;
494
- box-sizing: border-box; /* IE7 does not support it, IE8 does */
495
- }
496
- .habtm-container{
497
- float:left;
498
- margin-bottom: 3px;
499
- }
500
- .habtm-container label{
501
- float:right;
502
- color: #666 !important;
503
- width: 150px;
504
- }
505
- .habtm-container input{
506
- width:30px !important;
507
- float:left;
508
- margin-right: 5px;
509
- }
510
- .clear{
511
- clear:both;
512
- }
513
- /* --------------------------------------------- */
514
-
515
-
516
- /* IE7 fixes */
517
- .ie7 #main .box,
518
- .ie7 #main nav ul li.active a,
519
- .ie7 button, a.button, input[type="button"],
520
- .ie7 #main .box form .field-value input,
521
- .ie7 #main .box form .field-value textarea,
522
- .ie7 .black,
523
- .ie7 #flash
524
- {behavior: url(/stylesheets/lolita/PIE-custom.htc)}
525
- .ie7 #main .box form .field-value input,
526
- .ie7 #main .box form .field-value textarea
527
- {position: relative;}
528
- .ie7 #main .box a.create {zoom: 1}
529
- .ie7 #main nav {zoom: 1}
530
- .ie7 #main nav ul {zoom: 1}
531
- .ie7 #main nav ul li {zoom: 1}
532
- .ie7 #main nav ul li a {zoom: 1}
533
- .ie7 a.create img {top: 0;}
534
- .ie7 header nav a.username {position: relative; top: -4px;}
535
- .ie7 .black {-pie-background: linear-gradient(top, #686868, #2f2f2f);}
536
- .ie7 #flash {-pie-background: rgba(255,255,255,0.9);}
537
- /* ----------------------------------------------*/
538
-
539
- /* IE8 fixes */
540
- .ie8 #main .box,
541
- .ie8 #main nav ul li.active a,
542
- .ie8 button, a.button, input[type="button"],
543
- .ie8 #main .box form .field-value input,
544
- .ie8 #main .box form .field-value textarea,
545
- .ie8 .black,
546
- .ie8 #flash
547
- {behavior: url(/stylesheets/lolita/PIE.htc)}
548
- .ie8 #main .box form .field-value input,
549
- .ie8 #main .box form .field-value textarea
550
- {position: relative;}
551
- .ie8 .black {-pie-background: linear-gradient(top, #686868, #2f2f2f);}
552
- .ie8 #flash {-pie-background: rgba(255,255,255,0.9);}
553
- /* ----------------------------------------------*/
1
+ html,body{
2
+ height: 100%;
3
+ }
4
+ *:focus {outline: none;}
5
+ body {background: #f3f3f3; font-size: 13px;}
6
+
7
+ a, a:visited, a:active {color: #7ac1ed; text-decoration: none;}
8
+ h1 {font-size: 28px; font-weight: normal; letter-spacing: -1px; line-height: 85px;}
9
+ input[type="button"] {vertical-align: top; padding: 3px 9px;}
10
+ .placeholder {color: #aaa;}
11
+ ::placeholder {color: #aaa;}
12
+ :-moz-placeholder {color: #aaa;}
13
+ ::-webkit-input-placeholder {color: #aaa;}
14
+
15
+ #container {
16
+ width: 90%;
17
+ min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -30px;
18
+ }
19
+ #container:before{ /* Opera and IE8 "redraw" bug fix */
20
+ content:"";
21
+ float:left;
22
+ height:100%;
23
+ margin-top:-999em;
24
+ }
25
+
26
+ /* colors */
27
+ .semi-dark{
28
+ color: #737373;
29
+ }
30
+ .light-dark{
31
+ color:#d5d5d5;
32
+ }
33
+ .light{
34
+ color:#F1F1F1
35
+ }
36
+
37
+ /* same button styles for links and both types of html buttons */
38
+ button, a.button, input[type="button"] {
39
+ padding: 4px 10px;
40
+ border: none;
41
+ font-size: 13px;
42
+ text-decoration: none;
43
+ -moz-border-radius: 3px;
44
+ -webkit-border-radius: 3px;
45
+ border-radius: 3px;
46
+ -moz-box-sizing: border-box;
47
+ -webkit-box-sizing: border-box;
48
+ box-sizing: border-box;
49
+ }
50
+ a.button {padding: 4px 11px; color: #8f8f8f;}
51
+ /* ----------------------------------------------*/
52
+
53
+ /* header styles */
54
+ header {position: relative; height: 85px;}
55
+ header h1 {padding-left: 15px;}
56
+ header nav {position: absolute; top: 10px; right: 0;}
57
+ header nav .username {margin-right: 15px;}
58
+ /* ----------------------------------------------*/
59
+
60
+ /* vertical middle container */
61
+
62
+ #main {position: relative; padding-left: 150px; margin-bottom: 50px;} /* setting the left portion width for navigation */
63
+
64
+ /* ---------------------------------------------- */
65
+
66
+ /* form styles */
67
+
68
+ #main .box form {background: #FFF; padding: 30px 25px;}
69
+ #main .box form input {background: #FFF;}
70
+ #main .box form label {color: #c3c3c3; font-size: 13px;}
71
+ #main .box form select {min-width: 150px;}
72
+ #main .box form .field_date_time select, #main .box form .field_time select,#main .box form .field_date select {min-width: 0px;}
73
+ #main .box form .field {margin: 10px 0; overflow: hidden;}
74
+ #main .box form .field:first-child input {
75
+ font-size: 24px;
76
+ -moz-border-radius: 5px;
77
+ -webkit-border-radius: 5px;
78
+ border-radius: 5px;
79
+ padding: 5px 10px;
80
+ }
81
+ #main .box form .field_string,
82
+ #main .box form .field_integer,
83
+ #main .box form .field_big_decimal,
84
+ #main .box form .field_array { margin-top: 17px;}
85
+ #main .box form .field-value { margin-top: 5px;}
86
+ #main .box form .field-value input, #main .box form .field-value textarea {
87
+ border: 1px solid #cdcdcd;
88
+ -moz-border-radius: 3px;
89
+ -webkit-border-radius: 3px;
90
+ border-radius: 3px;
91
+ -moz-box-sizing: border-box;
92
+ -webkit-box-sizing: border-box;
93
+ box-sizing: border-box;
94
+ padding: 3px 10px;
95
+ width: 100%;
96
+ color: #494949;
97
+ }
98
+ #main .box form .field-value input:focus {background: #ebf9fc;}
99
+ #main .box form .field-value textarea {
100
+ width: 100%;
101
+ -moz-box-sizing: border-box;
102
+ -webkit-box-sizing: border-box;
103
+ box-sizing: border-box; /* IE7 does not support it, IE8 does */
104
+ }
105
+
106
+ /* for checkboxes */
107
+ #main .box form .field_boolean { margin-top: 17px; }
108
+ #main .box form .field_boolean .field-value { margin-top: 0; }
109
+ #main .box form .field_boolean .field-value input { width: auto; }
110
+ /* ----------------------------------------------*/
111
+
112
+ /* nested forms */
113
+
114
+ #main .box form .nested_form {margin: 10px 0;}
115
+ #main .box form .nested_form label {display: block; margin-bottom: 5px;}
116
+ #main .box form .nested_form .fields {
117
+ margin: 5px 0 5px 50px;
118
+ padding-bottom: 5px;
119
+ border-bottom: 1px dashed #DDD;
120
+ }
121
+ #main .box form .nested_form.simple .nested-form-fields-container{
122
+ max-height: 100px;
123
+ overflow: auto;
124
+ }
125
+ #main .box form .nested_form p {margin-left: 50px;}
126
+ #main .box form .nested_form input {
127
+ border: 1px solid #cdcdcd;
128
+ -moz-border-radius: 3px;
129
+ -webkit-border-radius: 3px;
130
+ border-radius: 3px;
131
+ -moz-box-sizing: border-box;
132
+ -webkit-box-sizing: border-box;
133
+ box-sizing: border-box;
134
+ padding: 2px 5px;
135
+ color: #494949;
136
+ }
137
+
138
+ #main .box form .nested_form .field_boolean label { margin-bottom: 0; }
139
+
140
+ /* -------------------------------- */
141
+
142
+ /* autocomplete field*/
143
+
144
+ .autocomplete-container ul {
145
+ margin-left: 30px;
146
+ }
147
+ .autocomplete-container ul li {
148
+ list-style-type: none;
149
+ margin: 5px 0;
150
+ padding-bottom: 5px;
151
+ border-bottom: 1px dashed #DDD;
152
+ overflow: hidden;
153
+ }
154
+ .autocomplete-container ul li a {
155
+ float: right;
156
+ }
157
+ .ui-menu .ui-menu-item a {
158
+ font-size: 10px;
159
+ }
160
+
161
+ /* -------------------------------- */
162
+
163
+ /* error fields and notifications */
164
+
165
+ #main .box form .field_with_errors input,
166
+ #main .box form .field_with_errors textarea {background: #ffe6e7;}
167
+ .inline-errors {padding-top: 3px; color:#F66; font-size: 110%;}
168
+ .errorExplanation {color:#F66; font-size: 110%; padding:25px 25px 0; background:white;}
169
+
170
+ .nested_form .fields .field_with_errors {display: inline;}
171
+
172
+ #flash {
173
+ position: fixed;
174
+ top: 0;
175
+ left: 0;
176
+ width: 100%;
177
+ padding: 25px 0;
178
+ background: #fff;
179
+ background: rgba(255,255,255,0.9);
180
+ font-size: 16px;
181
+ text-align: center;
182
+ cursor: pointer;
183
+ z-index: 5;
184
+ }
185
+
186
+ /* ---------------------------------- */
187
+
188
+ /* save box */
189
+
190
+ #main .box .save {padding: 20px 10px;}
191
+ #main .box .last-save {color: #808080; margin-bottom: 5px;}
192
+ #main .box .save button {
193
+ width: 100%;
194
+ padding: 10px 0;
195
+ font-size: 24px;
196
+ background: #AB8DEF;
197
+ color: #FFD;
198
+ margin-bottom: 10px;
199
+ line-height: 24px;
200
+ }
201
+ #main .box .save button.small {
202
+ font-size: 16px;
203
+ line-height: 20px;
204
+ padding: 5px 0;
205
+ }
206
+ #main .box .save button:active {position: relative; top: 1px;}
207
+
208
+ /* ---------------------------------- */
209
+
210
+
211
+ /* navigation styles on left */
212
+
213
+ #main nav {position: absolute; left: 0; width: 150px; margin-top: 5px;} /* width just for now */
214
+ #main nav ul {margin-bottom: 50px;}
215
+ #main nav ul.subtree{margin-bottom: 0px;}
216
+ #main nav ul li a {display: block; padding: 10px 15px; color: #737373;}
217
+ #main nav ul li.active a {
218
+ background: #d9d9d9;
219
+ background: -moz-linear-gradient(left, #e1e1e1, #d5d5d5);
220
+ background: -webkit-linear-gradient(left, #e1e1e1, #d5d5d5);
221
+ border: 2px solid #d5d5d5;
222
+ border-right: none;
223
+ -moz-border-radius: 5px 0 0 5px;
224
+ -webkit-border-radius: 5px 0 0 5px;
225
+ border-radius: 5px 0 0 5px;
226
+ }
227
+ #main nav ul li.with-subtree a{
228
+ border-radius: 5px 0 0 0;
229
+ }
230
+ #main nav ul li.active ul.subtree a{
231
+ background: #fff;
232
+ background: -moz-linear-gradient(left, #fff, #fff);
233
+ background: -webkit-linear-gradient(left, #fff, #fff);
234
+ border: 1px solid #f9f9f9;
235
+ border-radius: 0 0 0 0;
236
+ }
237
+ #main nav ul li.active ul.subtree li.last-in-subtree a{
238
+ border-radius: 0 0 0 5px;
239
+ }
240
+ /* --------------------------------------------- */
241
+
242
+ /* main content part */
243
+
244
+ #content {overflow: visible; position: relative;} /* overflow for clearing containing floats */
245
+ #content .secondary {position: absolute; right: 0; width: 23%;}
246
+ #content.with-secondary {padding-right: 25%;}
247
+
248
+ /* --------------------------------------------- */
249
+
250
+ footer {
251
+ height: 30px;
252
+ text-align: right;
253
+ width:90%;
254
+ clear:both;
255
+ margin: 0 auto;
256
+ }
257
+ .push{
258
+ padding-bottom: 30px;
259
+ }
260
+ /* for not leaving empty space in bottom */
261
+ #powered{
262
+ font-size: 11px;
263
+ margin-right:10px;
264
+ }
265
+
266
+ /* boxes that, possibly, will be draggable/droppable */
267
+
268
+ #main .box { /* list-container for small/big bordered box that takes all available parent width */
269
+ border: 5px solid #d5d5d5;
270
+ -moz-border-radius: 5px;
271
+ -webkit-border-radius: 5px;
272
+ border-radius: 5px;
273
+ margin-bottom: 10px;
274
+ }
275
+
276
+ .boxtitle {position: relative; z-index: 2}
277
+ .boxtitle h1 {padding: 35px 25px 15px; line-height: 1; cursor: pointer;}
278
+ .boxtitle h2.title {position:relative;font-weight: normal;font-size: 28px;float: left;padding: 35px 25px 15px; line-height: 1; cursor: pointer;} /* h1 contains bgcolor, color and text position because arrow needs different bg and it follows after */
279
+ .boxtitle h2.title .arrow{ display:none; }
280
+ .boxtitle h2.title.active .arrow{ display:block;}
281
+
282
+ .boxtitle .arrow {
283
+ position: absolute;
284
+ left: 50%;
285
+ border-color: #2f2f2f transparent transparent;
286
+ border-style: solid;
287
+ border-width: 10px 10px 0;
288
+ margin-left: -10px;
289
+ }
290
+ .boxtitle .title .arrow{
291
+ left: 50%;
292
+ margin-left: -10px;
293
+ bottom: -10px;
294
+ }
295
+
296
+ .boxtitle.grey .arrow {
297
+ border-color: #e2e2e2 transparent transparent;
298
+ }
299
+
300
+ #main .tabs .tab {display: none;}
301
+ #main .tabs .tab.active {display: block;}
302
+
303
+ #main .tab.box.default {border: none;} /* styles for not-on-top grey boxes */
304
+ #main .tab.box.default .boxtitle {
305
+ border-radius: 5px 5px 0 0;
306
+ -moz-border-radius: 5px 5px 0 0;
307
+ -webkit-border-radius: 5px 5px 0 0;
308
+ }
309
+ #main .tab.box.default form {
310
+ border: 5px solid #e2e2e2;
311
+ border-top: none;
312
+ border-radius: 0 0 5px 5px;
313
+ -moz-border-radius: 0 0 5px 5px;
314
+ -webkit-border-radius: 0 0 5px 5px;
315
+ }
316
+
317
+
318
+ #main .tab.box.minimized .boxtitle {
319
+ border-radius: 5px;
320
+ -moz-border-radius: 5px;
321
+ -webkit-border-radius: 5px;
322
+ height: 50px;
323
+ }
324
+ #main .tab.box.minimized .boxtitle h1 {font-size: 16px; line-height: 50px; padding: 0 0 0 15px;}
325
+ #main .tab.box.minimized .boxtitle .arrow {display: none;}
326
+ #main .tab.box.minimized form {display: none;}
327
+
328
+ /* ----------------------------------------------*/
329
+
330
+ /* different colors*/
331
+ .black {
332
+ background: #2f2f2f;
333
+ background: -moz-linear-gradient(top, #686868, #2f2f2f);
334
+ background: -webkit-linear-gradient(top, #686868, #2f2f2f);
335
+ }
336
+ .black, a.black {color: #f1f1f1;}
337
+ .grey {
338
+ background: #ededed; /* for IE, Opera */
339
+ background: -moz-linear-gradient(top, #e4e4e4, #e2e2e2);
340
+ background: -webkit-linear-gradient(top, #e4e4e4, #e2e2e2);
341
+ }
342
+ .grey, a.grey {color: #8f8f8f;}
343
+ /* --------------------------------------------- */
344
+
345
+ /* list view styles */
346
+ .tools {overflow: hidden; line-height: 50px; height: 50px; padding-left: 25px; padding-top: 10px;}
347
+ .tools .actions {float: left;}
348
+ .tools .filters {float: right;}
349
+ .tools > div > * {margin-right: 10px;}
350
+
351
+ a.create {
352
+ position: relative;
353
+ display: block;
354
+ z-index: 1;
355
+ background: #9d81f8;
356
+ background: -moz-linear-gradient(top, #ae91eb, #9d81f8);
357
+ background: -webkit-linear-gradient(top, #ae91eb, #9d81f8);
358
+ padding-right: 30px;
359
+ line-height: 37px;
360
+ text-align: right;
361
+ color: #efefef;
362
+ }
363
+ .create img {position: absolute; right: -18px;}
364
+
365
+ .list {overflow-x: auto;} /* additional html element that encloses table for horizontal overflow scrollbar if too wide */
366
+ .list table {width: 100%;}
367
+ .list table td,
368
+ .list table th {line-height: 35px; padding: 0 20px; white-space: nowrap;}
369
+ .list table td input {vertical-align: middle;}
370
+ .list table thead {background: #d5d5d5;}
371
+ .list table thead th {text-align: left;}
372
+ .list table thead th {font-weight:normal;}
373
+ .list table thead th a {color: #a5a5a5;}
374
+ .list table thead th.active a {color: #6c6c6c;} /* Style for active header */
375
+ .list table tbody tr {border-bottom: 1px solid #e3e3e3;}
376
+ .list table tbody tr:last-child {border-bottom: none;} /* CSS3 selector for now, may be enough */
377
+ .list table tbody tr:hover { /* Style was for in-place editing, using now on hover for demonstration purposes */
378
+ background: #ebf9fc;
379
+ -moz-box-shadow: inset 0px 1px 1px #ddd;
380
+ -webkit-box-shadow: inset 0px 1px 1px #ddd;
381
+ box-shadow: inset 0px 1px 1px #ddd;
382
+ }
383
+ .list table tbody tr .tool-cell {width: 5%;}
384
+ .list table tbody tr .tool-cell a {visibility: hidden; margin-right: 5px;}
385
+ .list table tbody tr:hover .tool-cell a {visibility: visible;}
386
+
387
+ .list table td a:active {position: relative; top: 1px;}
388
+
389
+ /*nested list*/
390
+ .nested-list .list table thead tr:hover,
391
+ .list table tbody tr.nested-list:hover{
392
+ background: transparent;
393
+ box-shadow: none;
394
+ }
395
+ tr.nested-list td{
396
+ padding: 0 0 0 20px;
397
+ }
398
+ #main .box.nested-list{
399
+ border: none;
400
+ }
401
+
402
+ /* search in list view */
403
+
404
+ #main .boxtitle .black .search {
405
+ position: absolute;
406
+ right: 15px;
407
+ top: 25px;
408
+ background: none;
409
+ padding: 0;
410
+ }
411
+ #main .boxtitle .black .search input {
412
+ font-size: 13px;
413
+ background: #fff url(<%= asset_data_uri "lolita/search_icon.png" %>) no-repeat 5px center;
414
+ padding: 0 10px 0 18px;
415
+ border: 1px solid #ccc;
416
+ border-radius: 10px;
417
+ -moz-border-radius: 10px;
418
+ -webkit-border-radius: 10px;
419
+ height: 20px;
420
+ line-height: 20px\9;
421
+ }
422
+
423
+ /* -------------------------------------------------------------------------------- */
424
+
425
+ /* filter in list view */
426
+
427
+ #main form.filter {
428
+ padding: 10px 20px;
429
+ }
430
+ #main .filter div.field {
431
+ display: inline-block;
432
+ margin-right: 10px;
433
+ }
434
+
435
+ #main .box form.filter .field {
436
+ overflow: inherit;
437
+ }
438
+ .filter button[type='submit'] {
439
+ float: right;
440
+ margin-top: 8px;
441
+ }
442
+ /* --------------------------------------------- */
443
+
444
+ /* Pagination */
445
+
446
+ #main nav.pagination {
447
+ width: 100%;
448
+ margin-top: 20px;
449
+ text-align: center;
450
+ position: absolute;
451
+ }
452
+ #main .nested-list nav.pagination{
453
+ position:relative;
454
+ }
455
+ #main nav.pagination span.current,
456
+ #main nav.pagination span.page a {
457
+ display: inline-block;
458
+ min-width: 25px; height: 25px; line-height: 25px;
459
+ font-size: 13px;
460
+ border: 1px solid #d5d5d5;
461
+ padding: 0 5px;
462
+ }
463
+ #main nav.pagination span.page a:hover {background: #d5d5d5;}
464
+ #main nav.pagination span.current {background: #9d81f8; color: #fff;}
465
+ #main nav.pagination span.first,
466
+ #main nav.pagination span.prev {margin-right: 5px}
467
+ #main nav.pagination span.next,
468
+ #main nav.pagination span.last {margin-left: 5px;}
469
+
470
+ /* --------------------------------------------- */
471
+
472
+ /* TinyMCE advanced theme's skin "Cirkuit" overrides */
473
+
474
+ #content .cirkuitSkin table.mceLayout {
475
+ border: 0;
476
+ }
477
+ #content .cirkuitSkin td.mceToolbar {
478
+ -moz-border-radius: 5px 5px 0 0;
479
+ -webkit-border-radius: 5px 5px 0 0;
480
+ border-radius: 5px 5px 0 0;
481
+ border: 1px solid #ebebeb;
482
+ background: #ededed; /* for IE, Opera */
483
+ background: -moz-linear-gradient(top, #ededed, #e2e2e2);
484
+ background: -webkit-linear-gradient(top, #ededed, #e2e2e2);
485
+ padding: 10px;
486
+ }
487
+ #content .cirkuitSkin .mceIframeContainer {
488
+ border: 1px solid #ebebeb;
489
+ border-top: 0;
490
+ }
491
+ #content .cirkuitSkin .mceIframeContainer iframe {
492
+ padding: 10px;
493
+ -moz-box-sizing: border-box;
494
+ -webkit-box-sizing: border-box;
495
+ box-sizing: border-box; /* IE7 does not support it, IE8 does */
496
+ }
497
+ .habtm-container{
498
+ float:left;
499
+ margin-bottom: 3px;
500
+ }
501
+ .habtm-container label{
502
+ float:right;
503
+ color: #666 !important;
504
+ width: 150px;
505
+ }
506
+ .habtm-container input{
507
+ width:30px !important;
508
+ float:left;
509
+ margin-right: 5px;
510
+ }
511
+ .clear{
512
+ clear:both;
513
+ }
514
+ /* --------------------------------------------- */
515
+
516
+
517
+ /* IE7 fixes */
518
+ .ie7 #main .box,
519
+ .ie7 #main nav ul li.active a,
520
+ .ie7 button, a.button, input[type="button"],
521
+ .ie7 #main .box form .field-value input,
522
+ .ie7 #main .box form .field-value textarea,
523
+ .ie7 .black,
524
+ .ie7 #flash
525
+ {behavior: url(/stylesheets/lolita/PIE-custom.htc)}
526
+ .ie7 #main .box form .field-value input,
527
+ .ie7 #main .box form .field-value textarea
528
+ {position: relative;}
529
+ .ie7 #main .box a.create {zoom: 1}
530
+ .ie7 #main nav {zoom: 1}
531
+ .ie7 #main nav ul {zoom: 1}
532
+ .ie7 #main nav ul li {zoom: 1}
533
+ .ie7 #main nav ul li a {zoom: 1}
534
+ .ie7 a.create img {top: 0;}
535
+ .ie7 header nav a.username {position: relative; top: -4px;}
536
+ .ie7 .black {-pie-background: linear-gradient(top, #686868, #2f2f2f);}
537
+ .ie7 #flash {-pie-background: rgba(255,255,255,0.9);}
538
+ /* ----------------------------------------------*/
539
+
540
+ /* IE8 fixes */
541
+ .ie8 #main .box,
542
+ .ie8 #main nav ul li.active a,
543
+ .ie8 button, a.button, input[type="button"],
544
+ .ie8 #main .box form .field-value input,
545
+ .ie8 #main .box form .field-value textarea,
546
+ .ie8 .black,
547
+ .ie8 #flash
548
+ {behavior: url(/stylesheets/lolita/PIE.htc)}
549
+ .ie8 #main .box form .field-value input,
550
+ .ie8 #main .box form .field-value textarea
551
+ {position: relative;}
552
+ .ie8 .black {-pie-background: linear-gradient(top, #686868, #2f2f2f);}
553
+ .ie8 #flash {-pie-background: rgba(255,255,255,0.9);}
554
+ /* ----------------------------------------------*/