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,25 +1,25 @@
1
- <html xmlns="http://www.w3.org/1999/xhtml">
2
- <head>
3
- <title>{#advanced_dlg.code_title}</title>
4
- <script type="text/javascript" src="../../tiny_mce_popup.js"></script>
5
- <script type="text/javascript" src="js/source_editor.js"></script>
6
- </head>
7
- <body onresize="resizeInputs();" style="display:none; overflow:hidden;">
8
- <form name="source" onsubmit="saveContent();return false;" action="#">
9
- <div style="float: left" class="title"><label for="htmlSource">{#advanced_dlg.code_title}</label></div>
10
-
11
- <div id="wrapline" style="float: right">
12
- <input type="checkbox" name="wraped" id="wraped" onclick="toggleWordWrap(this);" class="wordWrapCode" /><label for="wraped">{#advanced_dlg.code_wordwrap}</label>
13
- </div>
14
-
15
- <br style="clear: both" />
16
-
17
- <textarea name="htmlSource" id="htmlSource" rows="15" cols="100" style="width: 100%; height: 100%; font-family: 'Courier New',Courier,monospace; font-size: 12px;" dir="ltr" wrap="off" class="mceFocus"></textarea>
18
-
19
- <div class="mceActionPanel">
20
- <input type="submit" role="button" name="insert" value="{#update}" id="insert" />
21
- <input type="button" role="button" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" id="cancel" />
22
- </div>
23
- </form>
24
- </body>
25
- </html>
1
+ <html xmlns="http://www.w3.org/1999/xhtml">
2
+ <head>
3
+ <title>{#advanced_dlg.code_title}</title>
4
+ <script type="text/javascript" src="../../tiny_mce_popup.js"></script>
5
+ <script type="text/javascript" src="js/source_editor.js"></script>
6
+ </head>
7
+ <body onresize="resizeInputs();" style="display:none; overflow:hidden;">
8
+ <form name="source" onsubmit="saveContent();return false;" action="#">
9
+ <div style="float: left" class="title"><label for="htmlSource">{#advanced_dlg.code_title}</label></div>
10
+
11
+ <div id="wrapline" style="float: right">
12
+ <input type="checkbox" name="wraped" id="wraped" onclick="toggleWordWrap(this);" class="wordWrapCode" /><label for="wraped">{#advanced_dlg.code_wordwrap}</label>
13
+ </div>
14
+
15
+ <br style="clear: both" />
16
+
17
+ <textarea name="htmlSource" id="htmlSource" rows="15" cols="100" style="width: 100%; height: 100%; font-family: 'Courier New',Courier,monospace; font-size: 12px;" dir="ltr" wrap="off" class="mceFocus"></textarea>
18
+
19
+ <div class="mceActionPanel">
20
+ <input type="submit" role="button" name="insert" value="{#update}" id="insert" />
21
+ <input type="button" role="button" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" id="cancel" />
22
+ </div>
23
+ </form>
24
+ </body>
25
+ </html>
@@ -1,5 +1,5 @@
1
-
2
- // Uncomment and change this document.domain value if you are loading the script cross subdomains
3
- // document.domain = 'moxiecode.com';
4
-
1
+
2
+ // Uncomment and change this document.domain value if you are loading the script cross subdomains
3
+ // document.domain = 'moxiecode.com';
4
+
5
5
  var tinymce=null,tinyMCEPopup,tinyMCE;tinyMCEPopup={init:function(){var b=this,a,c;a=b.getWin();tinymce=a.tinymce;tinyMCE=a.tinyMCE;b.editor=tinymce.EditorManager.activeEditor;b.params=b.editor.windowManager.params;b.features=b.editor.windowManager.features;b.dom=b.editor.windowManager.createInstance("tinymce.dom.DOMUtils",document);if(b.features.popup_css!==false){b.dom.loadCSS(b.features.popup_css||b.editor.settings.popup_css)}b.listeners=[];b.onInit={add:function(e,d){b.listeners.push({func:e,scope:d})}};b.isWindow=!b.getWindowArg("mce_inline");b.id=b.getWindowArg("mce_window_id");b.editor.windowManager.onOpen.dispatch(b.editor.windowManager,window)},getWin:function(){return(!window.frameElement&&window.dialogArguments)||opener||parent||top},getWindowArg:function(c,b){var a=this.params[c];return tinymce.is(a)?a:b},getParam:function(b,a){return this.editor.getParam(b,a)},getLang:function(b,a){return this.editor.getLang(b,a)},execCommand:function(d,c,e,b){b=b||{};b.skip_focus=1;this.restoreSelection();return this.editor.execCommand(d,c,e,b)},resizeToInnerSize:function(){var a=this;setTimeout(function(){var b=a.dom.getViewPort(window);a.editor.windowManager.resizeBy(a.getWindowArg("mce_width")-b.w,a.getWindowArg("mce_height")-b.h,a.id||window)},10)},executeOnLoad:function(s){this.onInit.add(function(){eval(s)})},storeSelection:function(){this.editor.windowManager.bookmark=tinyMCEPopup.editor.selection.getBookmark(1)},restoreSelection:function(){var a=tinyMCEPopup;if(!a.isWindow&&tinymce.isIE){a.editor.selection.moveToBookmark(a.editor.windowManager.bookmark)}},requireLangPack:function(){var b=this,a=b.getWindowArg("plugin_url")||b.getWindowArg("theme_url");if(a&&b.editor.settings.language&&b.features.translate_i18n!==false&&b.editor.settings.language_load!==false){a+="/langs/"+b.editor.settings.language+"_dlg.js";if(!tinymce.ScriptLoader.isDone(a)){document.write('<script type="text/javascript" src="'+tinymce._addVer(a)+'"><\/script>');tinymce.ScriptLoader.markDone(a)}}},pickColor:function(b,a){this.execCommand("mceColorPicker",true,{color:document.getElementById(a).value,func:function(e){document.getElementById(a).value=e;try{document.getElementById(a).onchange()}catch(d){}}})},openBrowser:function(a,c,b){tinyMCEPopup.restoreSelection();this.editor.execCallback("file_browser_callback",a,document.getElementById(a).value,c,window)},confirm:function(b,a,c){this.editor.windowManager.confirm(b,a,c,window)},alert:function(b,a,c){this.editor.windowManager.alert(b,a,c,window)},close:function(){var a=this;function b(){a.editor.windowManager.close(window);tinymce=tinyMCE=a.editor=a.params=a.dom=a.dom.doc=null}if(tinymce.isOpera){a.getWin().setTimeout(b,0)}else{b()}},_restoreSelection:function(){var a=window.event.srcElement;if(a.nodeName=="INPUT"&&(a.type=="submit"||a.type=="button")){tinyMCEPopup.restoreSelection()}},_onDOMLoaded:function(){var b=tinyMCEPopup,d=document.title,e,c,a;if(b.domLoaded){return}b.domLoaded=1;if(b.features.translate_i18n!==false){c=document.body.innerHTML;if(tinymce.isIE){c=c.replace(/ (value|title|alt)=([^"][^\s>]+)/gi,' $1="$2"')}document.dir=b.editor.getParam("directionality","");if((a=b.editor.translate(c))&&a!=c){document.body.innerHTML=a}if((a=b.editor.translate(d))&&a!=d){document.title=d=a}}if(!b.editor.getParam("browser_preferred_colors",false)||!b.isWindow){b.dom.addClass(document.body,"forceColors")}document.body.style.display="";if(tinymce.isIE){document.attachEvent("onmouseup",tinyMCEPopup._restoreSelection);b.dom.add(b.dom.select("head")[0],"base",{target:"_self"})}b.restoreSelection();b.resizeToInnerSize();if(!b.isWindow){b.editor.windowManager.setTitle(window,d)}else{window.focus()}if(!tinymce.isIE&&!b.isWindow){tinymce.dom.Event._add(document,"focus",function(){b.editor.windowManager.focus(b.id)})}tinymce.each(b.dom.select("select"),function(f){f.onkeydown=tinyMCEPopup._accessHandler});tinymce.each(b.listeners,function(f){f.func.call(f.scope,b.editor)});if(b.getWindowArg("mce_auto_focus",true)){window.focus();tinymce.each(document.forms,function(g){tinymce.each(g.elements,function(f){if(b.dom.hasClass(f,"mceFocus")&&!f.disabled){f.focus();return false}})})}document.onkeyup=tinyMCEPopup._closeWinKeyHandler},_accessHandler:function(a){a=a||window.event;if(a.keyCode==13||a.keyCode==32){a=a.target||a.srcElement;if(a.onchange){a.onchange()}return tinymce.dom.Event.cancel(a)}},_closeWinKeyHandler:function(a){a=a||window.event;if(a.keyCode==27){tinyMCEPopup.close()}},_wait:function(){if(document.attachEvent){document.attachEvent("onreadystatechange",function(){if(document.readyState==="complete"){document.detachEvent("onreadystatechange",arguments.callee);tinyMCEPopup._onDOMLoaded()}});if(document.documentElement.doScroll&&window==window.top){(function(){if(tinyMCEPopup.domLoaded){return}try{document.documentElement.doScroll("left")}catch(a){setTimeout(arguments.callee,0);return}tinyMCEPopup._onDOMLoaded()})()}document.attachEvent("onload",tinyMCEPopup._onDOMLoaded)}else{if(document.addEventListener){window.addEventListener("DOMContentLoaded",tinyMCEPopup._onDOMLoaded,false);window.addEventListener("load",tinyMCEPopup._onDOMLoaded,false)}}}};tinyMCEPopup.init();tinyMCEPopup._wait();
@@ -1,169 +1,169 @@
1
- html, body, div, span, object, iframe,
2
- h1, h2, h3, h4, h5, h6, p, blockquote, pre,
3
- abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
4
- small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
5
- fieldset, form, label, legend,
6
- table, caption, tbody, tfoot, thead, tr, th, td,
7
- article, aside, canvas, details, figcaption, figure,
8
- footer, header, hgroup, menu, nav, section, summary,
9
- time, mark, audio, video {
10
- margin: 0;
11
- padding: 0;
12
- border: 0;
13
- font-size: 100%;
14
- font: inherit;
15
- vertical-align: baseline;
16
- }
17
-
18
- article, aside, details, figcaption, figure,
19
- footer, header, hgroup, menu, nav, section {
20
- display: block;
21
- }
22
-
23
- blockquote, q { quotes: none; }
24
-
25
- blockquote:before, blockquote:after,
26
- q:before, q:after { content: ''; content: none; }
27
-
28
- ins { background-color: #ff9; color: #000; text-decoration: none; }
29
-
30
- mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
31
-
32
- del { text-decoration: line-through; }
33
-
34
- abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
35
-
36
- table { border-collapse: collapse; border-spacing: 0; }
37
-
38
- hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
39
-
40
- input, select { vertical-align: middle; }
41
-
42
- body { font:13px/1.231 sans-serif; *font-size:small; }
43
- select, input, textarea, button { font: 99% "Helvetica Neue", Arial, sans-serif; }
44
-
45
- pre, code, kbd, samp { font-family: monospace, sans-serif; }
46
-
47
-
48
-
49
-
50
- a:hover, a:active { outline: none; }
51
-
52
- ul, ol { margin-left: 2em; }
53
- ol { list-style-type: decimal; }
54
- nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
55
-
56
- small { font-size: 85%; }
57
- strong, th { font-weight: bold; }
58
-
59
- td { vertical-align: top; }
60
-
61
- sup { top: -0.5em; }
62
- sub { bottom: -0.25em; }
63
-
64
- pre {
65
- white-space: pre; white-space: pre-wrap; word-wrap: break-word;
66
- padding: 15px;
67
- }
68
-
69
- textarea { overflow: auto; } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
70
-
71
- .ie6 legend, .ie7 legend { margin-left: -7px; }
72
-
73
- input[type="radio"] { vertical-align: text-bottom; }
74
- input[type="checkbox"] { vertical-align: bottom; }
75
- .ie7 input[type="checkbox"] { vertical-align: baseline; }
76
- .ie6 input { vertical-align: text-bottom; }
77
-
78
- label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
79
-
80
- button, input, select, textarea { margin: 0; }
81
-
82
- input:valid, textarea:valid { }
83
- input:invalid, textarea:invalid {
84
- border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red;
85
- }
86
- .no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }
87
-
88
-
89
- ::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
90
- ::selection { background:#FF5E99; color:#fff; text-shadow: none; }
91
-
92
- a:link { -webkit-tap-highlight-color: #FF5E99; }
93
-
94
- button { width: auto; overflow: visible; }
95
-
96
- .ie7 img { -ms-interpolation-mode: bicubic; }
97
-
98
- body, select, input, textarea {
99
- color: #444;
100
- font-family: "Helvetica Neue", Arial, sans-serif;
101
- }
102
-
103
- h1, h2, h3, h4, h5, h6 { font-weight: normal; }
104
-
105
-
106
- .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
107
- .hidden { display: none; visibility: hidden; }
108
-
109
- .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
110
- .visuallyhidden.focusable:active,
111
- .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
112
- .invisible { visibility: hidden; }
113
-
114
- .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
115
- .clearfix:after { clear: both; }
116
- .clearfix { zoom: 1; }
117
-
118
-
119
- button::-moz-focus-inner {
120
- border: 0;
121
- }
122
-
123
-
124
- /**
125
- * Media queries for responsive design.
126
- *
127
- * These follow after primary styles so they will successfully override.
128
- */
129
-
130
- @media all and (orientation:portrait) {
131
- /* Style adjustments for portrait mode goes here */
132
-
133
- }
134
-
135
- @media all and (orientation:landscape) {
136
- /* Style adjustments for landscape mode goes here */
137
-
138
- }
139
-
140
- /* Grade-A Mobile Browsers (Opera Mobile, Mobile Safari, Android Chrome)
141
- consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
142
- @media screen and (max-device-width: 480px) {
143
-
144
-
145
- /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you: j.mp/textsizeadjust */
146
- /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
147
- }
148
-
149
-
150
- /**
151
- * Print styles.
152
- *
153
- * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
154
- */
155
- @media print {
156
- * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
157
- -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
158
- a, a:visited { color: #444 !important; text-decoration: underline; }
159
- a[href]:after { content: " (" attr(href) ")"; }
160
- abbr[title]:after { content: " (" attr(title) ")"; }
161
- .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
162
- pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
163
- thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
164
- tr, img { page-break-inside: avoid; }
165
- @page { margin: 0.5cm; }
166
- p, h2, h3 { orphans: 3; widows: 3; }
167
- h2, h3{ page-break-after: avoid; }
168
- }
169
-
1
+ html, body, div, span, object, iframe,
2
+ h1, h2, h3, h4, h5, h6, p, blockquote, pre,
3
+ abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
4
+ small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
5
+ fieldset, form, label, legend,
6
+ table, caption, tbody, tfoot, thead, tr, th, td,
7
+ article, aside, canvas, details, figcaption, figure,
8
+ footer, header, hgroup, menu, nav, section, summary,
9
+ time, mark, audio, video {
10
+ margin: 0;
11
+ padding: 0;
12
+ border: 0;
13
+ font-size: 100%;
14
+ font: inherit;
15
+ vertical-align: baseline;
16
+ }
17
+
18
+ article, aside, details, figcaption, figure,
19
+ footer, header, hgroup, menu, nav, section {
20
+ display: block;
21
+ }
22
+
23
+ blockquote, q { quotes: none; }
24
+
25
+ blockquote:before, blockquote:after,
26
+ q:before, q:after { content: ''; content: none; }
27
+
28
+ ins { background-color: #ff9; color: #000; text-decoration: none; }
29
+
30
+ mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
31
+
32
+ del { text-decoration: line-through; }
33
+
34
+ abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
35
+
36
+ table { border-collapse: collapse; border-spacing: 0; }
37
+
38
+ hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
39
+
40
+ input, select { vertical-align: middle; }
41
+
42
+ body { font:13px/1.231 sans-serif; *font-size:small; }
43
+ select, input, textarea, button { font: 99% "Helvetica Neue", Arial, sans-serif; }
44
+
45
+ pre, code, kbd, samp { font-family: monospace, sans-serif; }
46
+
47
+
48
+
49
+
50
+ a:hover, a:active { outline: none; }
51
+
52
+ ul, ol { margin-left: 2em; }
53
+ ol { list-style-type: decimal; }
54
+ nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
55
+
56
+ small { font-size: 85%; }
57
+ strong, th { font-weight: bold; }
58
+
59
+ td { vertical-align: top; }
60
+
61
+ sup { top: -0.5em; }
62
+ sub { bottom: -0.25em; }
63
+
64
+ pre {
65
+ white-space: pre; white-space: pre-wrap; word-wrap: break-word;
66
+ padding: 15px;
67
+ }
68
+
69
+ textarea { overflow: auto; } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
70
+
71
+ .ie6 legend, .ie7 legend { margin-left: -7px; }
72
+
73
+ input[type="radio"] { vertical-align: text-bottom; }
74
+ input[type="checkbox"] { vertical-align: bottom; }
75
+ .ie7 input[type="checkbox"] { vertical-align: baseline; }
76
+ .ie6 input { vertical-align: text-bottom; }
77
+
78
+ label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
79
+
80
+ button, input, select, textarea { margin: 0; }
81
+
82
+ input:valid, textarea:valid { }
83
+ input:invalid, textarea:invalid {
84
+ border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red;
85
+ }
86
+ .no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }
87
+
88
+
89
+ ::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
90
+ ::selection { background:#FF5E99; color:#fff; text-shadow: none; }
91
+
92
+ a:link { -webkit-tap-highlight-color: #FF5E99; }
93
+
94
+ button { width: auto; overflow: visible; }
95
+
96
+ .ie7 img { -ms-interpolation-mode: bicubic; }
97
+
98
+ body, select, input, textarea {
99
+ color: #444;
100
+ font-family: "Helvetica Neue", Arial, sans-serif;
101
+ }
102
+
103
+ h1, h2, h3, h4, h5, h6 { font-weight: normal; }
104
+
105
+
106
+ .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
107
+ .hidden { display: none; visibility: hidden; }
108
+
109
+ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
110
+ .visuallyhidden.focusable:active,
111
+ .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
112
+ .invisible { visibility: hidden; }
113
+
114
+ .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
115
+ .clearfix:after { clear: both; }
116
+ .clearfix { zoom: 1; }
117
+
118
+
119
+ button::-moz-focus-inner {
120
+ border: 0;
121
+ }
122
+
123
+
124
+ /**
125
+ * Media queries for responsive design.
126
+ *
127
+ * These follow after primary styles so they will successfully override.
128
+ */
129
+
130
+ @media all and (orientation:portrait) {
131
+ /* Style adjustments for portrait mode goes here */
132
+
133
+ }
134
+
135
+ @media all and (orientation:landscape) {
136
+ /* Style adjustments for landscape mode goes here */
137
+
138
+ }
139
+
140
+ /* Grade-A Mobile Browsers (Opera Mobile, Mobile Safari, Android Chrome)
141
+ consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
142
+ @media screen and (max-device-width: 480px) {
143
+
144
+
145
+ /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you: j.mp/textsizeadjust */
146
+ /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
147
+ }
148
+
149
+
150
+ /**
151
+ * Print styles.
152
+ *
153
+ * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
154
+ */
155
+ @media print {
156
+ * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
157
+ -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
158
+ a, a:visited { color: #444 !important; text-decoration: underline; }
159
+ a[href]:after { content: " (" attr(href) ")"; }
160
+ abbr[title]:after { content: " (" attr(title) ")"; }
161
+ .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
162
+ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
163
+ thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
164
+ tr, img { page-break-inside: avoid; }
165
+ @page { margin: 0.5cm; }
166
+ p, h2, h3 { orphans: 3; widows: 3; }
167
+ h2, h3{ page-break-after: avoid; }
168
+ }
169
+
@@ -1,214 +1,214 @@
1
- body {background: #f3f3f3; font-size: 13px;}
2
-
3
- a, a:visited, a:active {color: #7ac1ed; text-decoration: none;}
4
-
5
- /* identically looking button styles for links and both types of html buttons */
6
- button, a.button, input[type="button"] {
7
- padding: 4px 10px;
8
- border: none;
9
- font-size: 13px;
10
- text-decoration: none;
11
- -moz-border-radius: 3px;
12
- -webkit-border-radius: 3px;
13
- border-radius: 3px;
14
- -moz-box-sizing: border-box;
15
- -webkit-box-sizing: border-box;
16
- box-sizing: border-box;
17
- }
18
- a.button {padding: 4px 11px; color: #8f8f8f;}
19
- input[type="button"] {vertical-align: top; padding: 3px 9px;}
20
- h1 {font-size: 28px; font-weight: normal; letter-spacing: -1px; line-height: 85px;}
21
-
22
- #container {width: 90%; margin: 0 auto;}
23
-
24
- /* header styles */
25
- header {position: relative; height: 85px;}
26
- header h1 {padding-left: 15px;}
27
- header nav {position: absolute; top: 10px; right: 0;}
28
- header nav .username {margin-right: 15px;}
29
- /* ----------------------------------------------*/
30
-
31
- /* vertical middle container */
32
- #main {position: relative; padding-left: 150px;} /* setting the left portion width for navigation */
33
-
34
- #main .box form {background: #FFF; padding: 30px 25px;}
35
- #main .box form label {color: #c3c3c3; font-size: 13px;}
36
- #main .box form .field {margin: 10px 0;}
37
- #main .box form .field:first-child input {
38
- font-size: 24px;
39
- -moz-border-radius: 5px;
40
- -webkit-border-radius: 5px;
41
- border-radius: 5px;
42
- padding: 5px 10px;
43
- }
44
- #main .box form .field-value { margin-top: 5px;}
45
- #main .box form .field-value input {
46
- border: 1px solid #cdcdcd;
47
- -moz-border-radius: 3px;
48
- -webkit-border-radius: 3px;
49
- border-radius: 3px;
50
- -moz-box-sizing: border-box;
51
- -webkit-box-sizing: border-box;
52
- box-sizing: border-box;
53
- padding: 3px 10px;
54
- width: 100%;
55
- color: #494949;
56
- }
57
- #main .box form .field-value input:focus {background: #ebf9fc;}
58
- #main .box form .field-value textarea {
59
- width: 100%;
60
- -moz-box-sizing: border-box;
61
- -webkit-box-sizing: border-box;
62
- box-sizing: border-box; /* IE7 does not support it, IE8 does */
63
- }
64
-
65
- /* error fields and notifications */
66
- .field_with_errors input,
67
- .field_with_errors textarea {background: #ffe6e7;}
68
-
69
- #flash {
70
- position: fixed;
71
- top: 0;
72
- left: 0;
73
- width: 100%;
74
- padding: 25px 0;
75
- background: rgba(256,256,256,0.9);
76
- font-size: 16px;
77
- text-align: center;
78
- cursor: pointer;
79
- z-index: 2;
80
- }
81
-
82
- /* ---------------------------------- */
83
-
84
- /* save box */
85
- #main .box .save {padding: 20px 10px;}
86
- #main .box .last-save {color: #808080; margin-bottom: 5px;}
87
- #main .box .save button {width: 100%; padding: 10px 0; font-size: 24px; background: #ab8def; color: #ffd;}
88
- /* ---------------------------------- */
89
-
90
-
91
- /* navigation styles on left */
92
- #main nav {position: absolute; left: 0; min-width: 150px; margin-top: 5px;} /* width just for now */
93
- #main nav ul {margin-bottom: 50px;}
94
- #main nav ul li a {display: block; padding: 10px 15px; color: #737373;}
95
- #main nav ul li.active a {
96
- background: #d9d9d9;
97
- background: -moz-linear-gradient(left, #e1e1e1, #d5d5d5);
98
- background: -webkit-linear-gradient(left, #e1e1e1, #d5d5d5);
99
- border: 2px solid #d5d5d5;
100
- border-right: none;
101
- -moz-border-radius: 5px 0 0 5px;
102
- -webkit-border-radius: 5px 0 0 5px;
103
- border-radius: 5px 0 0 5px;
104
- }
105
- /* --------------------------------------------- */
106
-
107
- /* main content part */
108
- #content {overflow: visible; position: relative;} /* overflow for clearing containing floats */
109
- #content .secondary {position: absolute; right: 0; width: 23%;}
110
- #content.with-secondary {padding-right: 25%;}
111
- /* --------------------------------------------- */
112
-
113
- footer {height: 50px;} /* for not leaving empty space in bottom */
114
-
115
- /* boxes that, possibly, will be draggable/droppable */
116
- #main .box { /* list-container for small/big bordered box that takes all available parent width */
117
- border: 5px solid #d5d5d5;
118
- -moz-border-radius: 5px;
119
- -webkit-border-radius: 5px;
120
- border-radius: 5px;
121
- }
122
-
123
- .boxtitle {position: relative;}
124
- .boxtitle h1 {padding: 35px 25px 15px; line-height: 1;} /* h1 contains bgcolor, color and text position because arrow needs different bg and it follows after */
125
- .boxtitle .arrow {
126
- position: absolute;
127
- left: 50%;
128
- border-color: #2f2f2f transparent transparent;
129
- border-style: solid;
130
- border-width: 10px 10px 0;
131
- }
132
-
133
- /* different colors*/
134
- .black {
135
- background: #2f2f2f;
136
- background: -moz-linear-gradient(top, #686868, #2f2f2f);
137
- background: -webkit-linear-gradient(top, #686868, #2f2f2f);
138
- }
139
- .black, a.black {color: #f1f1f1;}
140
- .grey {
141
- background: #ededed; /* for IE, Opera */
142
- background: -moz-linear-gradient(top, #ededed, #e2e2e2);
143
- background: -webkit-linear-gradient(top, #ededed, #e2e2e2);
144
- }
145
- .grey, a.grey {color: #8f8f8f;}
146
- /* --------------------------------------------- */
147
-
148
- /* list view styles */
149
- .tools {overflow: hidden; line-height: 50px; height: 50px; padding-left: 25px; padding-top: 10px;}
150
- .tools .actions {float: left;}
151
- .tools .filters {float: right;}
152
- .tools > div > * {margin-right: 10px;}
153
-
154
- a.create {
155
- display: block;
156
- background: #9d81f8;
157
- background: -moz-linear-gradient(top, #ae91eb, #9d81f8);
158
- background: -webkit-linear-gradient(top, #ae91eb, #9d81f8);
159
- padding-right: 30px;
160
- line-height: 35px;
161
- text-align: right;
162
- color: #efefef;
163
- }
164
- .create img {position: absolute; right: -20px;}
165
-
166
- .list {overflow-x: auto;} /* additional html element that encloses table for horizontal overflow scrollbar if too wide */
167
- .list table {width: 100%;}
168
- .list table td,
169
- .list table th {line-height: 35px; padding: 0 20px; white-space: nowrap;}
170
- .list table td input {vertical-align: middle;}
171
- .list table thead {background: #d5d5d5;}
172
- .list table thead th {text-align: left;}
173
- .list table thead th a {color: #a5a5a5;}
174
- .list table thead th.active a {color: #6c6c6c;} /* Style for active header */
175
- .list table tbody tr {border-bottom: 1px solid #e3e3e3;}
176
- .list table tbody tr:last-child {border-bottom: none;} /* CSS3 selector for now, may be enough */
177
- .list table tbody tr:hover { /* Style was for in-place editing, using now on hover for demonstration purposes */
178
- background: #ebf9fc;
179
- -moz-box-shadow: inset 0px 1px 1px #ddd;
180
- -webkit-box-shadow: inset 0px 1px 1px #ddd;
181
- box-shadow: inset 0px 1px 1px #ddd;
182
- }
183
-
184
- /* --------------------------------------------- */
185
-
186
- /* TinyMCE advanced theme's skin "Cirkuit" overrides */
187
-
188
- #content .cirkuitSkin table.mceLayout {
189
- border: 0;
190
- }
191
- #content .cirkuitSkin td.mceToolbar {
192
- -moz-border-radius: 5px 5px 0 0;
193
- -webkit-border-radius: 5px 5px 0 0;
194
- border-radius: 5px 5px 0 0;
195
- border: 1px solid #ebebeb;
196
- background: #ededed; /* for IE, Opera */
197
- background: -moz-linear-gradient(top, #ededed, #e2e2e2);
198
- background: -webkit-linear-gradient(top, #ededed, #e2e2e2);
199
- padding: 10px;
200
- }
201
- #content .cirkuitSkin .mceIframeContainer {
202
- border: 1px solid #ebebeb;
203
- border-top: 0;
204
- }
205
- #content .cirkuitSkin .mceIframeContainer iframe {
206
- padding: 10px;
207
- -moz-box-sizing: border-box;
208
- -webkit-box-sizing: border-box;
209
- box-sizing: border-box; /* IE7 does not support it, IE8 does */
210
- }
211
-
212
- /* --------------------------------------------- */
213
-
214
-
1
+ body {background: #f3f3f3; font-size: 13px;}
2
+
3
+ a, a:visited, a:active {color: #7ac1ed; text-decoration: none;}
4
+
5
+ /* identically looking button styles for links and both types of html buttons */
6
+ button, a.button, input[type="button"] {
7
+ padding: 4px 10px;
8
+ border: none;
9
+ font-size: 13px;
10
+ text-decoration: none;
11
+ -moz-border-radius: 3px;
12
+ -webkit-border-radius: 3px;
13
+ border-radius: 3px;
14
+ -moz-box-sizing: border-box;
15
+ -webkit-box-sizing: border-box;
16
+ box-sizing: border-box;
17
+ }
18
+ a.button {padding: 4px 11px; color: #8f8f8f;}
19
+ input[type="button"] {vertical-align: top; padding: 3px 9px;}
20
+ h1 {font-size: 28px; font-weight: normal; letter-spacing: -1px; line-height: 85px;}
21
+
22
+ #container {width: 90%; margin: 0 auto;}
23
+
24
+ /* header styles */
25
+ header {position: relative; height: 85px;}
26
+ header h1 {padding-left: 15px;}
27
+ header nav {position: absolute; top: 10px; right: 0;}
28
+ header nav .username {margin-right: 15px;}
29
+ /* ----------------------------------------------*/
30
+
31
+ /* vertical middle container */
32
+ #main {position: relative; padding-left: 150px;} /* setting the left portion width for navigation */
33
+
34
+ #main .box form {background: #FFF; padding: 30px 25px;}
35
+ #main .box form label {color: #c3c3c3; font-size: 13px;}
36
+ #main .box form .field {margin: 10px 0;}
37
+ #main .box form .field:first-child input {
38
+ font-size: 24px;
39
+ -moz-border-radius: 5px;
40
+ -webkit-border-radius: 5px;
41
+ border-radius: 5px;
42
+ padding: 5px 10px;
43
+ }
44
+ #main .box form .field-value { margin-top: 5px;}
45
+ #main .box form .field-value input {
46
+ border: 1px solid #cdcdcd;
47
+ -moz-border-radius: 3px;
48
+ -webkit-border-radius: 3px;
49
+ border-radius: 3px;
50
+ -moz-box-sizing: border-box;
51
+ -webkit-box-sizing: border-box;
52
+ box-sizing: border-box;
53
+ padding: 3px 10px;
54
+ width: 100%;
55
+ color: #494949;
56
+ }
57
+ #main .box form .field-value input:focus {background: #ebf9fc;}
58
+ #main .box form .field-value textarea {
59
+ width: 100%;
60
+ -moz-box-sizing: border-box;
61
+ -webkit-box-sizing: border-box;
62
+ box-sizing: border-box; /* IE7 does not support it, IE8 does */
63
+ }
64
+
65
+ /* error fields and notifications */
66
+ .field_with_errors input,
67
+ .field_with_errors textarea {background: #ffe6e7;}
68
+
69
+ #flash {
70
+ position: fixed;
71
+ top: 0;
72
+ left: 0;
73
+ width: 100%;
74
+ padding: 25px 0;
75
+ background: rgba(256,256,256,0.9);
76
+ font-size: 16px;
77
+ text-align: center;
78
+ cursor: pointer;
79
+ z-index: 2;
80
+ }
81
+
82
+ /* ---------------------------------- */
83
+
84
+ /* save box */
85
+ #main .box .save {padding: 20px 10px;}
86
+ #main .box .last-save {color: #808080; margin-bottom: 5px;}
87
+ #main .box .save button {width: 100%; padding: 10px 0; font-size: 24px; background: #ab8def; color: #ffd;}
88
+ /* ---------------------------------- */
89
+
90
+
91
+ /* navigation styles on left */
92
+ #main nav {position: absolute; left: 0; min-width: 150px; margin-top: 5px;} /* width just for now */
93
+ #main nav ul {margin-bottom: 50px;}
94
+ #main nav ul li a {display: block; padding: 10px 15px; color: #737373;}
95
+ #main nav ul li.active a {
96
+ background: #d9d9d9;
97
+ background: -moz-linear-gradient(left, #e1e1e1, #d5d5d5);
98
+ background: -webkit-linear-gradient(left, #e1e1e1, #d5d5d5);
99
+ border: 2px solid #d5d5d5;
100
+ border-right: none;
101
+ -moz-border-radius: 5px 0 0 5px;
102
+ -webkit-border-radius: 5px 0 0 5px;
103
+ border-radius: 5px 0 0 5px;
104
+ }
105
+ /* --------------------------------------------- */
106
+
107
+ /* main content part */
108
+ #content {overflow: visible; position: relative;} /* overflow for clearing containing floats */
109
+ #content .secondary {position: absolute; right: 0; width: 23%;}
110
+ #content.with-secondary {padding-right: 25%;}
111
+ /* --------------------------------------------- */
112
+
113
+ footer {height: 50px;} /* for not leaving empty space in bottom */
114
+
115
+ /* boxes that, possibly, will be draggable/droppable */
116
+ #main .box { /* list-container for small/big bordered box that takes all available parent width */
117
+ border: 5px solid #d5d5d5;
118
+ -moz-border-radius: 5px;
119
+ -webkit-border-radius: 5px;
120
+ border-radius: 5px;
121
+ }
122
+
123
+ .boxtitle {position: relative;}
124
+ .boxtitle h1 {padding: 35px 25px 15px; line-height: 1;} /* h1 contains bgcolor, color and text position because arrow needs different bg and it follows after */
125
+ .boxtitle .arrow {
126
+ position: absolute;
127
+ left: 50%;
128
+ border-color: #2f2f2f transparent transparent;
129
+ border-style: solid;
130
+ border-width: 10px 10px 0;
131
+ }
132
+
133
+ /* different colors*/
134
+ .black {
135
+ background: #2f2f2f;
136
+ background: -moz-linear-gradient(top, #686868, #2f2f2f);
137
+ background: -webkit-linear-gradient(top, #686868, #2f2f2f);
138
+ }
139
+ .black, a.black {color: #f1f1f1;}
140
+ .grey {
141
+ background: #ededed; /* for IE, Opera */
142
+ background: -moz-linear-gradient(top, #ededed, #e2e2e2);
143
+ background: -webkit-linear-gradient(top, #ededed, #e2e2e2);
144
+ }
145
+ .grey, a.grey {color: #8f8f8f;}
146
+ /* --------------------------------------------- */
147
+
148
+ /* list view styles */
149
+ .tools {overflow: hidden; line-height: 50px; height: 50px; padding-left: 25px; padding-top: 10px;}
150
+ .tools .actions {float: left;}
151
+ .tools .filters {float: right;}
152
+ .tools > div > * {margin-right: 10px;}
153
+
154
+ a.create {
155
+ display: block;
156
+ background: #9d81f8;
157
+ background: -moz-linear-gradient(top, #ae91eb, #9d81f8);
158
+ background: -webkit-linear-gradient(top, #ae91eb, #9d81f8);
159
+ padding-right: 30px;
160
+ line-height: 35px;
161
+ text-align: right;
162
+ color: #efefef;
163
+ }
164
+ .create img {position: absolute; right: -20px;}
165
+
166
+ .list {overflow-x: auto;} /* additional html element that encloses table for horizontal overflow scrollbar if too wide */
167
+ .list table {width: 100%;}
168
+ .list table td,
169
+ .list table th {line-height: 35px; padding: 0 20px; white-space: nowrap;}
170
+ .list table td input {vertical-align: middle;}
171
+ .list table thead {background: #d5d5d5;}
172
+ .list table thead th {text-align: left;}
173
+ .list table thead th a {color: #a5a5a5;}
174
+ .list table thead th.active a {color: #6c6c6c;} /* Style for active header */
175
+ .list table tbody tr {border-bottom: 1px solid #e3e3e3;}
176
+ .list table tbody tr:last-child {border-bottom: none;} /* CSS3 selector for now, may be enough */
177
+ .list table tbody tr:hover { /* Style was for in-place editing, using now on hover for demonstration purposes */
178
+ background: #ebf9fc;
179
+ -moz-box-shadow: inset 0px 1px 1px #ddd;
180
+ -webkit-box-shadow: inset 0px 1px 1px #ddd;
181
+ box-shadow: inset 0px 1px 1px #ddd;
182
+ }
183
+
184
+ /* --------------------------------------------- */
185
+
186
+ /* TinyMCE advanced theme's skin "Cirkuit" overrides */
187
+
188
+ #content .cirkuitSkin table.mceLayout {
189
+ border: 0;
190
+ }
191
+ #content .cirkuitSkin td.mceToolbar {
192
+ -moz-border-radius: 5px 5px 0 0;
193
+ -webkit-border-radius: 5px 5px 0 0;
194
+ border-radius: 5px 5px 0 0;
195
+ border: 1px solid #ebebeb;
196
+ background: #ededed; /* for IE, Opera */
197
+ background: -moz-linear-gradient(top, #ededed, #e2e2e2);
198
+ background: -webkit-linear-gradient(top, #ededed, #e2e2e2);
199
+ padding: 10px;
200
+ }
201
+ #content .cirkuitSkin .mceIframeContainer {
202
+ border: 1px solid #ebebeb;
203
+ border-top: 0;
204
+ }
205
+ #content .cirkuitSkin .mceIframeContainer iframe {
206
+ padding: 10px;
207
+ -moz-box-sizing: border-box;
208
+ -webkit-box-sizing: border-box;
209
+ box-sizing: border-box; /* IE7 does not support it, IE8 does */
210
+ }
211
+
212
+ /* --------------------------------------------- */
213
+
214
+