lolita 3.4.2 → 3.4.3
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/.gitignore +36 -36
- data/Gemfile +29 -29
- data/README.md +147 -147
- data/Rakefile +6 -6
- data/app/assets/javascripts/lolita/application.js +6 -6
- data/app/assets/javascripts/lolita/tab.js +100 -100
- data/app/assets/stylesheets/lolita/PIE-custom.htc +87 -87
- data/app/assets/stylesheets/lolita/PIE.htc +81 -81
- data/app/assets/stylesheets/lolita/application.css +6 -6
- data/app/assets/stylesheets/lolita/default.css.erb +169 -169
- data/app/assets/stylesheets/lolita/jquery-ui-1.8.16.lolita.css.erb +567 -567
- data/app/assets/stylesheets/lolita/style.css.erb +553 -553
- data/app/helpers/components/lolita/configuration/list_component.rb +10 -10
- data/app/helpers/components/lolita/configuration_component.rb +20 -20
- data/app/views/components/lolita/configuration/column/_first.html.haml +1 -1
- data/app/views/components/lolita/configuration/column/header/_first.html.haml +1 -1
- data/app/views/components/lolita/configuration/column/header/_sort.html.haml +6 -6
- data/app/views/components/lolita/configuration/columns/header/_display.html.haml +5 -5
- data/app/views/components/lolita/configuration/field/array/checkbox/_display.html.haml +7 -7
- data/app/views/components/lolita/configuration/field/string/text/_display.html.haml +7 -7
- data/app/views/components/lolita/configuration/search/_display.html.haml +2 -2
- data/app/views/components/lolita/configuration/tab/_display.html.haml +3 -3
- data/app/views/components/lolita/configuration/tabs/_form.html.haml +6 -6
- data/app/views/kaminari/lolita/_first_page.html.erb +11 -11
- data/app/views/kaminari/lolita/_gap.html.erb +8 -8
- data/app/views/kaminari/lolita/_last_page.html.erb +11 -11
- data/app/views/kaminari/lolita/_next_page.html.erb +11 -11
- data/app/views/kaminari/lolita/_page.html.erb +12 -12
- data/app/views/kaminari/lolita/_paginator.html.erb +23 -23
- data/app/views/kaminari/lolita/_prev_page.html.erb +11 -11
- data/app/views/lolita/info/index.html.erb +232 -232
- data/author +1 -1
- data/config/routes.rb +6 -6
- data/lib/generators/lolita/install_generator.rb +19 -19
- data/lib/generators/lolita/uninstall_generator.rb +70 -70
- data/lib/generators/templates/lolita.rb +13 -13
- data/lib/lolita.rb +140 -140
- data/lib/lolita/adapter/abstract_adapter.rb +15 -15
- data/lib/lolita/adapter/active_record.rb +227 -227
- data/lib/lolita/adapter/common_helper.rb +221 -221
- data/lib/lolita/adapter/field_helper.rb +18 -18
- data/lib/lolita/adapter/mongoid.rb +241 -241
- data/lib/lolita/components/base.rb +11 -11
- data/lib/lolita/configuration.rb +60 -60
- data/lib/lolita/configuration/column.rb +181 -181
- data/lib/lolita/configuration/field/big_decimal.rb +12 -12
- data/lib/lolita/configuration/field/boolean.rb +12 -12
- data/lib/lolita/configuration/field/date.rb +12 -12
- data/lib/lolita/configuration/field/hidden.rb +12 -12
- data/lib/lolita/configuration/field/integer.rb +11 -11
- data/lib/lolita/configuration/field/string.rb +16 -16
- data/lib/lolita/configuration/field/time.rb +13 -13
- data/lib/lolita/configuration/field_set.rb +25 -25
- data/lib/lolita/configuration/filter.rb +116 -116
- data/lib/lolita/configuration/list.rb +200 -200
- data/lib/lolita/configuration/search.rb +104 -104
- data/lib/lolita/controllers/component_helpers.rb +156 -156
- data/lib/lolita/controllers/internal_helpers.rb +71 -71
- data/lib/lolita/controllers/url_helpers.rb +7 -7
- data/lib/lolita/dbi/base.rb +56 -56
- data/lib/lolita/hooks/named_hook.rb +125 -125
- data/lib/lolita/lazy_loader.rb +54 -54
- data/lib/lolita/navigation/tree.rb +132 -132
- data/lib/lolita/rails/engine.rb +23 -23
- data/lib/lolita/rails/routes.rb +129 -129
- data/lib/lolita/ruby_ext/accessors.rb +26 -26
- data/lib/lolita/search/simple.rb +75 -75
- data/lib/lolita/support/formatter.rb +62 -62
- data/lib/lolita/support/formatter/rails.rb +56 -56
- data/lib/lolita/system_configuration/base.rb +178 -178
- data/lib/lolita/test/matchers.rb +77 -77
- data/lib/lolita/version.rb +30 -30
- data/lib/tasks/tinymce-assets.rake +6 -6
- data/lolita.gemspec +34 -34
- data/spec/adapter/common_helper_spec.rb +95 -95
- data/spec/adapter_helper.rb +42 -42
- data/spec/builder_spec.rb +120 -120
- data/spec/configuration/base_spec.rb +22 -22
- data/spec/configuration/field_spec.rb +118 -118
- data/spec/configuration/filter_spec.rb +131 -131
- data/spec/configuration/tab_spec.rb +187 -187
- data/spec/configuration/tabs_spec.rb +120 -120
- data/spec/generators/lolita/install_generator_spec.rb +54 -54
- data/spec/generators/lolita/uninstall_generator_spec.rb +48 -48
- data/spec/orm/mongoid.rb +12 -12
- data/spec/rails_app/app/controllers/application_controller.rb +3 -3
- data/spec/rails_app/app/helpers/application_helper.rb +3 -3
- data/spec/rails_app/app/mongoid/address.rb +7 -7
- data/spec/rails_app/app/mongoid/category.rb +18 -18
- data/spec/rails_app/app/mongoid/comment.rb +5 -5
- data/spec/rails_app/app/mongoid/post.rb +30 -30
- data/spec/rails_app/app/mongoid/preference.rb +5 -5
- data/spec/rails_app/app/mongoid/profile.rb +13 -13
- data/spec/rails_app/app/mongoid/tag.rb +3 -3
- data/spec/rails_app/app/views/components/lolita/configuration/list/_body_cell.html.erb +1 -1
- data/spec/rails_app/config/application.rb +33 -33
- data/spec/rails_app/config/boot.rb +7 -7
- data/spec/rails_app/config/environment.rb +5 -5
- data/spec/rails_app/config/environments/development.rb +23 -23
- data/spec/rails_app/config/environments/production.rb +37 -37
- data/spec/rails_app/config/environments/test.rb +37 -37
- data/spec/rails_app/config/initializers/backtrace_silencers.rb +7 -7
- data/spec/rails_app/config/initializers/inflections.rb +2 -2
- data/spec/rails_app/config/initializers/secret_token.rb +1 -1
- data/spec/rails_app/config/routes.rb +2 -2
- data/spec/rails_app/lib/lolita/configuration/field/my_custom_collection.rb +13 -13
- data/spec/rails_app/public/javascripts/jquery-1.5.1.min.js +15 -15
- data/spec/rails_app/public/javascripts/lolita/main.js +6 -6
- data/spec/rails_app/public/javascripts/modernizr-1.7.min.js +1 -1
- data/spec/rails_app/public/javascripts/rails.js +137 -137
- data/spec/rails_app/public/javascripts/tinymce/langs/en.js +221 -221
- data/spec/rails_app/public/javascripts/tinymce/license.txt +504 -504
- data/spec/rails_app/public/javascripts/tinymce/themes/advanced/about.htm +52 -52
- data/spec/rails_app/public/javascripts/tinymce/themes/advanced/anchor.htm +26 -26
- data/spec/rails_app/public/javascripts/tinymce/themes/advanced/charmap.htm +51 -51
- data/spec/rails_app/public/javascripts/tinymce/themes/advanced/color_picker.htm +74 -74
- data/spec/rails_app/public/javascripts/tinymce/themes/advanced/editor_template_src.js +1328 -1328
- data/spec/rails_app/public/javascripts/tinymce/themes/advanced/image.htm +80 -80
- data/spec/rails_app/public/javascripts/tinymce/themes/advanced/js/about.js +73 -73
- data/spec/rails_app/public/javascripts/tinymce/themes/advanced/js/anchor.js +42 -42
- data/spec/rails_app/public/javascripts/tinymce/themes/advanced/js/charmap.js +354 -354
- data/spec/rails_app/public/javascripts/tinymce/themes/advanced/js/color_picker.js +329 -329
- data/spec/rails_app/public/javascripts/tinymce/themes/advanced/js/image.js +247 -247
- data/spec/rails_app/public/javascripts/tinymce/themes/advanced/js/link.js +153 -153
- data/spec/rails_app/public/javascripts/tinymce/themes/advanced/js/source_editor.js +56 -56
- data/spec/rails_app/public/javascripts/tinymce/themes/advanced/langs/en.js +68 -68
- data/spec/rails_app/public/javascripts/tinymce/themes/advanced/langs/en_dlg.js +53 -53
- data/spec/rails_app/public/javascripts/tinymce/themes/advanced/link.htm +57 -57
- data/spec/rails_app/public/javascripts/tinymce/themes/advanced/shortcuts.htm +47 -47
- data/spec/rails_app/public/javascripts/tinymce/themes/advanced/skins/cirkuit/content.css +66 -66
- data/spec/rails_app/public/javascripts/tinymce/themes/advanced/skins/cirkuit/dialog.css +117 -117
- data/spec/rails_app/public/javascripts/tinymce/themes/advanced/skins/cirkuit/ui.css +988 -988
- data/spec/rails_app/public/javascripts/tinymce/themes/advanced/source_editor.htm +25 -25
- data/spec/rails_app/public/javascripts/tinymce/tiny_mce_popup.js +4 -4
- data/spec/rails_app/public/stylesheets/lolita/default.css +169 -169
- data/spec/rails_app/public/stylesheets/lolita/style.css +214 -214
- data/spec/spec_helper.rb +51 -51
- data/vendor/assets/javascripts/application_vendor_lolita.js +4 -4
- data/vendor/assets/javascripts/jquery-numeric.js +279 -279
- data/vendor/assets/javascripts/modernizr_1_7_min.js +1 -1
- data/vendor/assets/javascripts/tinymce/themes/advanced/skins/cirkuit/content.css +66 -66
- data/vendor/assets/javascripts/tinymce/themes/advanced/skins/cirkuit/dialog.css +117 -117
- data/vendor/assets/javascripts/tinymce/themes/advanced/skins/cirkuit/ui.css +988 -988
- data/vendor/assets/stylesheets/jquery-ui-1.8.16.custom.css +567 -567
- metadata +4 -3
|
@@ -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
|
+
|