common_interface 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (143) hide show
  1. data/Rakefile +66 -0
  2. data/lib/common_interface.rb +39 -0
  3. data/lib/common_interface/README.md +51 -0
  4. data/lib/common_interface/demo/basic.rb +96 -0
  5. data/lib/common_interface/demo/site.rb +10 -0
  6. data/lib/common_interface/demo/view_helper.rb +17 -0
  7. data/lib/common_interface/public/common_interface/asset_packages.yml +89 -0
  8. data/lib/common_interface/public/common_interface/images/img1.jpg +0 -0
  9. data/lib/common_interface/public/common_interface/images/img1_200.jpg +0 -0
  10. data/lib/common_interface/public/common_interface/images/img1_icon.jpg +0 -0
  11. data/lib/common_interface/public/common_interface/images/img1_thumb.jpg +0 -0
  12. data/lib/common_interface/public/common_interface/images/img2.jpg +0 -0
  13. data/lib/common_interface/public/common_interface/images/img2_200.jpg +0 -0
  14. data/lib/common_interface/public/common_interface/images/img2_icon.jpg +0 -0
  15. data/lib/common_interface/public/common_interface/images/img2_thumb.jpg +0 -0
  16. data/lib/common_interface/public/common_interface/images/img3.jpg +0 -0
  17. data/lib/common_interface/public/common_interface/images/img3_200.jpg +0 -0
  18. data/lib/common_interface/public/common_interface/images/img3_icon.jpg +0 -0
  19. data/lib/common_interface/public/common_interface/images/img3_thumb.jpg +0 -0
  20. data/lib/common_interface/public/common_interface/images/video_icon.png +0 -0
  21. data/lib/common_interface/public/common_interface/js/aspects.js +0 -0
  22. data/lib/common_interface/public/common_interface/js/basic.js +229 -0
  23. data/lib/common_interface/public/common_interface/js/files_upload.js +115 -0
  24. data/lib/common_interface/public/common_interface/js/items.js +118 -0
  25. data/lib/common_interface/public/common_interface/js/style.js +50 -0
  26. data/lib/common_interface/public/common_interface/lib/jquery.elastic.js +117 -0
  27. data/lib/common_interface/public/common_interface/lib/jquery.fancybox/blank.gif +0 -0
  28. data/lib/common_interface/public/common_interface/lib/jquery.fancybox/fancy_close.png +0 -0
  29. data/lib/common_interface/public/common_interface/lib/jquery.fancybox/fancy_loading.png +0 -0
  30. data/lib/common_interface/public/common_interface/lib/jquery.fancybox/fancy_nav_left.png +0 -0
  31. data/lib/common_interface/public/common_interface/lib/jquery.fancybox/fancy_nav_right.png +0 -0
  32. data/lib/common_interface/public/common_interface/lib/jquery.fancybox/fancy_shadow_e.png +0 -0
  33. data/lib/common_interface/public/common_interface/lib/jquery.fancybox/fancy_shadow_n.png +0 -0
  34. data/lib/common_interface/public/common_interface/lib/jquery.fancybox/fancy_shadow_ne.png +0 -0
  35. data/lib/common_interface/public/common_interface/lib/jquery.fancybox/fancy_shadow_nw.png +0 -0
  36. data/lib/common_interface/public/common_interface/lib/jquery.fancybox/fancy_shadow_s.png +0 -0
  37. data/lib/common_interface/public/common_interface/lib/jquery.fancybox/fancy_shadow_se.png +0 -0
  38. data/lib/common_interface/public/common_interface/lib/jquery.fancybox/fancy_shadow_sw.png +0 -0
  39. data/lib/common_interface/public/common_interface/lib/jquery.fancybox/fancy_shadow_w.png +0 -0
  40. data/lib/common_interface/public/common_interface/lib/jquery.fancybox/fancy_title_left.png +0 -0
  41. data/lib/common_interface/public/common_interface/lib/jquery.fancybox/fancy_title_main.png +0 -0
  42. data/lib/common_interface/public/common_interface/lib/jquery.fancybox/fancy_title_over.png +0 -0
  43. data/lib/common_interface/public/common_interface/lib/jquery.fancybox/fancy_title_right.png +0 -0
  44. data/lib/common_interface/public/common_interface/lib/jquery.fancybox/fancybox-x.png +0 -0
  45. data/lib/common_interface/public/common_interface/lib/jquery.fancybox/fancybox-y.png +0 -0
  46. data/lib/common_interface/public/common_interface/lib/jquery.fancybox/fancybox.png +0 -0
  47. data/lib/common_interface/public/common_interface/lib/jquery.fancybox/jquery.easing-1.3.pack.js +72 -0
  48. data/lib/common_interface/public/common_interface/lib/jquery.fancybox/jquery.fancybox-1.3.1.js +1077 -0
  49. data/lib/common_interface/public/common_interface/lib/jquery.fancybox/jquery.fancybox.css +363 -0
  50. data/lib/common_interface/public/common_interface/lib/jquery.fancybox/jquery.fancybox.js +44 -0
  51. data/lib/common_interface/public/common_interface/lib/jquery.fancybox/jquery.mousewheel-3.0.2.pack.js +13 -0
  52. data/lib/common_interface/public/common_interface/lib/jquery.form.js +660 -0
  53. data/lib/common_interface/public/common_interface/lib/jquery.hoverIntent.js +111 -0
  54. data/lib/common_interface/public/common_interface/lib/jquery.jgrowl/jquery.jgrowl.css +128 -0
  55. data/lib/common_interface/public/common_interface/lib/jquery.jgrowl/jquery.jgrowl.js +307 -0
  56. data/lib/common_interface/public/common_interface/lib/jquery.js +4376 -0
  57. data/lib/common_interface/public/common_interface/lib/jquery.json.js +178 -0
  58. data/lib/common_interface/public/common_interface/lib/jquery.swfupload/cancel.png +0 -0
  59. data/lib/common_interface/public/common_interface/lib/jquery.swfupload/jquery.swfupload.js +64 -0
  60. data/lib/common_interface/public/common_interface/lib/jquery.swfupload/style.css +8 -0
  61. data/lib/common_interface/public/common_interface/lib/jquery.swfupload/swfupload/swfupload.js +980 -0
  62. data/lib/common_interface/public/common_interface/lib/jquery.swfupload/swfupload/swfupload.queue.js +98 -0
  63. data/lib/common_interface/public/common_interface/lib/jquery.swfupload/swfupload/swfupload.swf +0 -0
  64. data/lib/common_interface/public/common_interface/lib/jquery.swfupload/swfupload/wdp_buttons_upload_61x22.png +0 -0
  65. data/lib/common_interface/public/common_interface/lib/jquery.template.js +255 -0
  66. data/lib/common_interface/public/common_interface/lib/jquery.ui/images/ui-bg_diagonals-thick_18_b81900_40x40.png +0 -0
  67. data/lib/common_interface/public/common_interface/lib/jquery.ui/images/ui-bg_diagonals-thick_20_666666_40x40.png +0 -0
  68. data/lib/common_interface/public/common_interface/lib/jquery.ui/images/ui-bg_flat_10_000000_40x100.png +0 -0
  69. data/lib/common_interface/public/common_interface/lib/jquery.ui/images/ui-bg_glass_100_f6f6f6_1x400.png +0 -0
  70. data/lib/common_interface/public/common_interface/lib/jquery.ui/images/ui-bg_glass_100_fdf5ce_1x400.png +0 -0
  71. data/lib/common_interface/public/common_interface/lib/jquery.ui/images/ui-bg_glass_65_ffffff_1x400.png +0 -0
  72. data/lib/common_interface/public/common_interface/lib/jquery.ui/images/ui-bg_gloss-wave_35_f6a828_500x100.png +0 -0
  73. data/lib/common_interface/public/common_interface/lib/jquery.ui/images/ui-bg_highlight-soft_100_eeeeee_1x100.png +0 -0
  74. data/lib/common_interface/public/common_interface/lib/jquery.ui/images/ui-bg_highlight-soft_75_ffe45c_1x100.png +0 -0
  75. data/lib/common_interface/public/common_interface/lib/jquery.ui/images/ui-icons_222222_256x240.png +0 -0
  76. data/lib/common_interface/public/common_interface/lib/jquery.ui/images/ui-icons_228ef1_256x240.png +0 -0
  77. data/lib/common_interface/public/common_interface/lib/jquery.ui/images/ui-icons_ef8c08_256x240.png +0 -0
  78. data/lib/common_interface/public/common_interface/lib/jquery.ui/images/ui-icons_ffd27a_256x240.png +0 -0
  79. data/lib/common_interface/public/common_interface/lib/jquery.ui/images/ui-icons_ffffff_256x240.png +0 -0
  80. data/lib/common_interface/public/common_interface/lib/jquery.ui/jquery.ui.css +406 -0
  81. data/lib/common_interface/public/common_interface/lib/jquery.ui/jquery.ui.js +71 -0
  82. data/lib/common_interface/public/common_interface/themes/default/_aspects.scss +58 -0
  83. data/lib/common_interface/public/common_interface/themes/default/_basic.scss +228 -0
  84. data/lib/common_interface/public/common_interface/themes/default/_components.scss +151 -0
  85. data/lib/common_interface/public/common_interface/themes/default/_custom_reset.scss +12 -0
  86. data/lib/common_interface/public/common_interface/themes/default/_elastic.scss +72 -0
  87. data/lib/common_interface/public/common_interface/themes/default/_items.scss +88 -0
  88. data/lib/common_interface/public/common_interface/themes/default/_mixins.scss +39 -0
  89. data/lib/common_interface/public/common_interface/themes/default/_special.scss +34 -0
  90. data/lib/common_interface/public/common_interface/themes/default/_variables.scss +15 -0
  91. data/lib/common_interface/public/common_interface/themes/default/_yui_reset.scss +127 -0
  92. data/lib/common_interface/public/common_interface/themes/default/elastic.js +307 -0
  93. data/lib/common_interface/public/common_interface/themes/default/elastic.print.css +8 -0
  94. data/lib/common_interface/public/common_interface/themes/default/reset.css +157 -0
  95. data/lib/common_interface/public/common_interface/themes/default/reset.scss +5 -0
  96. data/lib/common_interface/public/common_interface/themes/default/style.css +580 -0
  97. data/lib/common_interface/public/common_interface/themes/default/style.js +84 -0
  98. data/lib/common_interface/public/common_interface/themes/default/style.scss +11 -0
  99. data/lib/common_interface/public/common_interface/themes/simple_organization/_fixes.scss +130 -0
  100. data/lib/common_interface/public/common_interface/themes/simple_organization/_original.scss +852 -0
  101. data/lib/common_interface/public/common_interface/themes/simple_organization/img/comment-arrow.gif +0 -0
  102. data/lib/common_interface/public/common_interface/themes/simple_organization/img/comment-gravatar.gif +0 -0
  103. data/lib/common_interface/public/common_interface/themes/simple_organization/img/comment-reply.gif +0 -0
  104. data/lib/common_interface/public/common_interface/themes/simple_organization/img/logo-small.gif +0 -0
  105. data/lib/common_interface/public/common_interface/themes/simple_organization/img/logo.gif +0 -0
  106. data/lib/common_interface/public/common_interface/themes/simple_organization/img/main-two-columns-left.gif +0 -0
  107. data/lib/common_interface/public/common_interface/themes/simple_organization/img/main-two-columns.gif +0 -0
  108. data/lib/common_interface/public/common_interface/themes/simple_organization/img/sample-event.jpg +0 -0
  109. data/lib/common_interface/public/common_interface/themes/simple_organization/img/sample-gravatar.gif +0 -0
  110. data/lib/common_interface/public/common_interface/themes/simple_organization/img/sample-image.jpg +0 -0
  111. data/lib/common_interface/public/common_interface/themes/simple_organization/img/sample-thumbnail.jpg +0 -0
  112. data/lib/common_interface/public/common_interface/themes/simple_organization/original/archives.html +389 -0
  113. data/lib/common_interface/public/common_interface/themes/simple_organization/original/comments.html +486 -0
  114. data/lib/common_interface/public/common_interface/themes/simple_organization/original/empty-page.html +107 -0
  115. data/lib/common_interface/public/common_interface/themes/simple_organization/original/img/comment-arrow.gif +0 -0
  116. data/lib/common_interface/public/common_interface/themes/simple_organization/original/img/comment-gravatar.gif +0 -0
  117. data/lib/common_interface/public/common_interface/themes/simple_organization/original/img/comment-reply.gif +0 -0
  118. data/lib/common_interface/public/common_interface/themes/simple_organization/original/img/logo-small.gif +0 -0
  119. data/lib/common_interface/public/common_interface/themes/simple_organization/original/img/logo.gif +0 -0
  120. data/lib/common_interface/public/common_interface/themes/simple_organization/original/img/main-two-columns-left.gif +0 -0
  121. data/lib/common_interface/public/common_interface/themes/simple_organization/original/img/main-two-columns.gif +0 -0
  122. data/lib/common_interface/public/common_interface/themes/simple_organization/original/img/sample-event.jpg +0 -0
  123. data/lib/common_interface/public/common_interface/themes/simple_organization/original/img/sample-gravatar.gif +0 -0
  124. data/lib/common_interface/public/common_interface/themes/simple_organization/original/img/sample-image.jpg +0 -0
  125. data/lib/common_interface/public/common_interface/themes/simple_organization/original/img/sample-thumbnail.jpg +0 -0
  126. data/lib/common_interface/public/common_interface/themes/simple_organization/original/index.html +307 -0
  127. data/lib/common_interface/public/common_interface/themes/simple_organization/original/left-sidebar.html +307 -0
  128. data/lib/common_interface/public/common_interface/themes/simple_organization/original/no-subnavigation.html +290 -0
  129. data/lib/common_interface/public/common_interface/themes/simple_organization/original/single-column.html +209 -0
  130. data/lib/common_interface/public/common_interface/themes/simple_organization/original/style-demo.html +355 -0
  131. data/lib/common_interface/public/common_interface/themes/simple_organization/original/style.css +658 -0
  132. data/lib/common_interface/public/common_interface/themes/simple_organization/style.css +965 -0
  133. data/lib/common_interface/public/common_interface/themes/simple_organization/style.scss +2 -0
  134. data/lib/common_interface/public/common_interface/themes/simple_organization/tmp/comments.html +486 -0
  135. data/lib/common_interface/public/common_interface/themes/simple_organization/tmp/tmp.html +307 -0
  136. data/lib/common_interface/tmp/html.html +39 -0
  137. data/lib/common_interface/tmp/js.js +78 -0
  138. data/lib/common_interface/view_helper.rb +52 -0
  139. data/readme.md +49 -0
  140. data/spec/basic_spec.rb +63 -0
  141. data/spec/helper.rb +8 -0
  142. data/spec/spec.opts +4 -0
  143. metadata +221 -0
@@ -0,0 +1,84 @@
1
+ //
2
+ // Discussion
3
+ //
4
+ $.callAfterUpdate('discussion', function(){
5
+ var discussion = $('.ddiscussion');
6
+ if(!discussion.blank() && !discussion.find('.dcomment').blank()) discussion.find('.ddivider').show();
7
+ });
8
+
9
+ //
10
+ // JS for CSS
11
+ //
12
+ $.refresh_js_css = function(){
13
+ try{
14
+ Elastic.refresh();
15
+ }catch(e){
16
+ log("Elastic not defined!");
17
+ };
18
+ }
19
+
20
+
21
+ //
22
+ // Border around nested Items
23
+ //
24
+ $.callOnceForEvery('selectable_item', '.dselectable_item', function(){
25
+ var item = $(this);
26
+ if(!item.parents('._item').blank()){
27
+ $(this).addClass('dselectable_item_padding');
28
+ $(this).hoverIntent(
29
+ function(){$(this).addClass('dselectable_item_hover')},
30
+ function(){$(this).removeClass('dselectable_item_hover')}
31
+ );
32
+ }
33
+ });
34
+
35
+
36
+ //
37
+ // Hover Controls
38
+ //
39
+ $.callOnceForEvery('dhover_controls_container', '.dhover_controls_container', function(){
40
+ $(this).hoverIntent(
41
+ function(){$(this).find('> .dhover_controls').show()},
42
+ function(){$(this).find('> .dhover_controls').hide()}
43
+ );
44
+ });
45
+
46
+
47
+ //
48
+ // Folder
49
+ //
50
+ // Empty title
51
+ $.callOnceForEvery('empty_folder_title', '.folder', function(){
52
+ $(this).hover(
53
+ function(){
54
+ $(this).find('> .empty_title').show()
55
+ },
56
+ function(){
57
+ $(this).find('> .empty_title').hide()
58
+ }
59
+ );
60
+ });
61
+
62
+
63
+ //
64
+ // Table
65
+ //
66
+ $.callOnceForEvery('oddlines', '._table ._row:odd', function(){
67
+ $(this).removeClass('deven').addClass('dodd');
68
+ });
69
+ $.callOnceForEvery('even_lines', '._table ._row:even', function(){
70
+ $(this).removeClass('dodd').addClass('deven');
71
+ });
72
+
73
+
74
+ //
75
+ // Elastic
76
+ //
77
+ $.callAfterUpdate('elastic', function(){$.refresh_js_css();}, 1);
78
+
79
+
80
+ //
81
+ // Flex TextArea
82
+ //
83
+ // callOnceForEvery doesn't works, becouse flex textarea doesn't works for hidden textareas that are resides inside 'more' button.
84
+ $.callAfterUpdate('autoresize_textarea', function(){$('textarea').elastic();});
@@ -0,0 +1,11 @@
1
+ @import "variables";
2
+ @import "mixins";
3
+
4
+ @import "elastic";
5
+ /*@import "custom_reset";*/
6
+
7
+ @import "basic";
8
+ @import "special";
9
+ @import "components";
10
+ @import "items";
11
+ @import "aspects";
@@ -0,0 +1,130 @@
1
+ /*
2
+ Hardcoded changes:
3
+
4
+ .label => .decoration
5
+ delete input from reset styles section
6
+ #main-nav => .main-nav
7
+ */
8
+
9
+ /* User menu */
10
+ .user_menu {
11
+ float: right;
12
+
13
+ .um_item > a {color: #445566;}
14
+
15
+ .delimiter {
16
+ margin-right: 1px;
17
+ border-right: 1px solid #DDDDDD;
18
+ }
19
+ }
20
+
21
+ /* Top panel */
22
+ .main-nav {
23
+ float: right;
24
+
25
+ li {
26
+ margin-top: 0px;
27
+ margin-bottom: 0px;
28
+ margin-right: 0px;
29
+ margin-left: 1.5em;
30
+ }
31
+ }
32
+
33
+ #logo-rem {border-right: none;}
34
+
35
+ /* Users are loading logo different sises, we resize it by CSS */
36
+ #logo img {
37
+ height: 100px;
38
+ width: 235px;
39
+ }
40
+
41
+ /* Style for Search Tool */
42
+ input[type=text] {
43
+ background: #FCFCFC;
44
+ border: 1px inset #AAA;
45
+ margin: 0.5em 0;
46
+ padding: 4px 5px;
47
+ }
48
+
49
+ /* Tags */
50
+ .tags {
51
+ text-align: center;
52
+
53
+ span{margin: 5px;}
54
+
55
+ .size-1{font-size: 120%;}
56
+ .size-2{font-size: 150%;}
57
+ .size-3{font-size: 180%;}
58
+ .size-4{font-size: 220%;}
59
+
60
+ .selected_tag a {
61
+ background: #557799;
62
+ color: white;
63
+ padding: 2px 5px 0;
64
+ }
65
+ }
66
+
67
+ /* Tags on page */
68
+ .item_tags a {
69
+ color:#999999 !important;
70
+ font-size:11px;
71
+ }
72
+
73
+ /* Hidding item tags and controls on homepage */
74
+ .home {
75
+ .item_tags, .item_details {display: none};
76
+ > .more {float: right;}
77
+ }
78
+
79
+ /* Item controls */
80
+ .item_controls a {
81
+ margin-left: 5px;
82
+ float: right;
83
+ color: #557799;
84
+ text-decoration: underline;
85
+ }
86
+
87
+ /* Theme Placeholder */
88
+ ._theme_wrapper {
89
+ border:1px solid #7A7A7A;
90
+ margin:2px;
91
+ padding:2px;
92
+ }
93
+
94
+ /* More */
95
+ .more a {
96
+ color: #999999;
97
+ }
98
+
99
+ /* Comment */
100
+ .comment-gravatar img {
101
+ width: 40px;
102
+ height: 40px;
103
+ }
104
+
105
+ /* Styles */
106
+ .so_markup {
107
+ .left {
108
+ float: left;
109
+ margin: 5px;
110
+ margin-left: 0;
111
+ margin-right: 5px;
112
+ }
113
+
114
+ .right {
115
+ float: right;
116
+ margin: 5px;
117
+ margin-right: 0;
118
+ margin-left: 5px;
119
+ }
120
+
121
+ a {text-decoration:underline;}
122
+ h1, h2, h3, h4, h5, h6 {clear: both;}
123
+ object {
124
+ clear: both;
125
+ display: block;
126
+ margin-bottom: 5px;
127
+ }
128
+
129
+ .space {height: 1em;}
130
+ }
@@ -0,0 +1,852 @@
1
+ /*
2
+ Template name: Simple Organization
3
+ Template URI: http://templates.arcsin.se/simple-organization-website-template/
4
+ Release date: 2009-09-20
5
+ Last updated: 2009-09-24
6
+ Description: A simple and elegant template suitable for organizations.
7
+ Author: Viktor Persson
8
+ Author URI: http://arcsin.se/
9
+
10
+ This template is licensed under a Creative Commons Attribution 2.5 License:
11
+ http://templates.arcsin.se/license/
12
+ */
13
+ /*
14
+ Reset
15
+ ------------------------------------------------------------------- */
16
+ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, select {
17
+ margin: 0;
18
+ padding: 0;
19
+ border: 0;
20
+ font-weight: inherit;
21
+ font-style: inherit;
22
+ font-size: 100%;
23
+ font-family: inherit;
24
+ vertical-align: baseline; }
25
+
26
+ table {
27
+ border-collapse: collapse;
28
+ border-spacing: 0; }
29
+
30
+ caption, th, td {
31
+ text-align: left;
32
+ font-weight: normal; }
33
+
34
+ table, td, th {
35
+ vertical-align: middle; }
36
+
37
+ blockquote:before, blockquote:after, q:before, q:after {
38
+ content: ""; }
39
+
40
+ blockquote, q {
41
+ quotes: "" ""; }
42
+
43
+ a img {
44
+ border: none; }
45
+
46
+ :focus {
47
+ outline: 0; }
48
+
49
+ /*
50
+ General
51
+ ------------------------------------------------------------------- */
52
+ html {
53
+ height: 100%;
54
+ padding-bottom: 1px;
55
+ /* force scrollbars */ }
56
+
57
+ body {
58
+ background: #FFF;
59
+ color: #444;
60
+ font: normal 75% sans-serif;
61
+ line-height: 1.5; }
62
+
63
+ /*
64
+ Typography
65
+ ------------------------------------------------------------------- */
66
+ /* Headings */
67
+ h1, h2, h3, h4, h5, h6 {
68
+ color: #444;
69
+ font-weight: normal;
70
+ line-height: 1;
71
+ margin-bottom: 0.3em; }
72
+
73
+ h4, h5, h6 {
74
+ font-weight: bold; }
75
+
76
+ h1 {
77
+ font-size: 2.6em; }
78
+
79
+ h2 {
80
+ font-size: 2em; }
81
+
82
+ h3 {
83
+ font-size: 1.5em; }
84
+
85
+ h4 {
86
+ font-size: 1.25em; }
87
+
88
+ h5 {
89
+ font-size: 1.1em; }
90
+
91
+ h6 {
92
+ font-size: 1em; }
93
+
94
+ h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
95
+ margin: 0; }
96
+
97
+ /* Links */
98
+ a:focus, a:hover {
99
+ color: #039; }
100
+
101
+ a {
102
+ color: #456;
103
+ text-decoration: none; }
104
+
105
+ a:hover {
106
+ text-decoration: underline; }
107
+
108
+ a.feed {
109
+ background: url("img/icon-feed.gif") no-repeat left center;
110
+ padding-left: 18px; }
111
+
112
+ a.more {
113
+ color: #579;
114
+ font-weight: bold; }
115
+
116
+ a.more:hover {
117
+ color: #234; }
118
+
119
+ /* Text elements */
120
+ p {
121
+ margin-bottom: 1em; }
122
+
123
+ abbr, acronym {
124
+ border-bottom: 1px dotted #666; }
125
+
126
+ address {
127
+ margin-bottom: 1.5em; }
128
+
129
+ blockquote {
130
+ margin: 1.5em; }
131
+
132
+ del, blockquote {
133
+ color: #666; }
134
+
135
+ em, dfn, blockquote, address {
136
+ font-style: italic; }
137
+
138
+ strong, dfn {
139
+ font-weight: bold; }
140
+
141
+ sup, sub {
142
+ line-height: 0; }
143
+
144
+ pre {
145
+ margin: 1.5em 0;
146
+ white-space: pre; }
147
+
148
+ pre, code, tt {
149
+ font: 1em monospace;
150
+ line-height: 1.5; }
151
+
152
+ /* Lists */
153
+ li ul, li ol {
154
+ margin-left: 1.5em; }
155
+
156
+ ul, ol {
157
+ margin: 0 0 1.5em 1.5em; }
158
+
159
+ ul {
160
+ list-style-type: disc; }
161
+
162
+ ol {
163
+ list-style-type: decimal;
164
+ margin-left: 1.9em; }
165
+
166
+ dl {
167
+ margin: 0 0 1.5em 0; }
168
+
169
+ dl dt {
170
+ font-weight: bold; }
171
+
172
+ dd {
173
+ margin-left: 1.5em; }
174
+
175
+ /* Special lists */
176
+ ul.plain-list li, ul.nice-list li, ul.tabbed li {
177
+ list-style: none;
178
+ margin-top: 0; }
179
+
180
+ ul.tabbed {
181
+ display: inline;
182
+ margin: 0; }
183
+
184
+ ul.tabbed li {
185
+ float: left; }
186
+
187
+ ul.plain-list {
188
+ margin: 0; }
189
+
190
+ ul.nice-list {
191
+ margin-left: 0; }
192
+
193
+ ul.nice-list li {
194
+ border-top: 1px solid #EEE;
195
+ list-style: none;
196
+ padding: 4px 0; }
197
+
198
+ ul.nice-list li:first-child {
199
+ border-top: none; }
200
+
201
+ ul.nice-list li .right {
202
+ color: #999; }
203
+
204
+ /* Tables */
205
+ table {
206
+ margin-bottom: 1.4em;
207
+ width: 100%; }
208
+
209
+ th {
210
+ font-weight: bold; }
211
+
212
+ thead th {
213
+ background: #C3D9FF; }
214
+
215
+ th, td, caption {
216
+ padding: 4px 10px 4px 5px; }
217
+
218
+ tr.even td {
219
+ background: #F2F6FA; }
220
+
221
+ tfoot {
222
+ font-style: italic; }
223
+
224
+ caption {
225
+ background: #EEE; }
226
+
227
+ table.data-table {
228
+ border: 1px solid #CCB;
229
+ margin-bottom: 2em;
230
+ width: 100%; }
231
+
232
+ table.data-table th {
233
+ background: #F0F0F0;
234
+ border: 1px solid #DDD;
235
+ color: #555;
236
+ text-align: left; }
237
+
238
+ table.data-table tr {
239
+ border-bottom: 1px solid #DDD; }
240
+
241
+ table.data-table td, table th {
242
+ padding: 10px; }
243
+
244
+ table.data-table td {
245
+ background: #F6F6F6;
246
+ border: 1px solid #DDD; }
247
+
248
+ table.data-table tr.even td {
249
+ background: #FCFCFC; }
250
+
251
+ /* Misc classes */
252
+ .small {
253
+ font-size: 0.9em; }
254
+
255
+ .smaller {
256
+ font-size: 0.8em; }
257
+
258
+ .smallest {
259
+ font-size: 0.7em; }
260
+
261
+ .large {
262
+ font-size: 1.15em; }
263
+
264
+ .larger {
265
+ font-size: 1.25em; }
266
+
267
+ .largest {
268
+ font-size: 1.35em; }
269
+
270
+ .hidden {
271
+ display: none; }
272
+
273
+ .quiet, .quiet a {
274
+ color: #999; }
275
+
276
+ .loud, .loud a {
277
+ color: #000; }
278
+
279
+ .highlight, .highlight a {
280
+ background: #ff0; }
281
+
282
+ .text-left {
283
+ text-align: left; }
284
+
285
+ .text-right {
286
+ text-align: right; }
287
+
288
+ .text-center {
289
+ text-align: center; }
290
+
291
+ .text-separator {
292
+ padding: 0 5px; }
293
+
294
+ .error, .notice, .success {
295
+ border: 1px solid #DDD;
296
+ margin-bottom: 1em;
297
+ padding: 0.6em 0.8em; }
298
+
299
+ .error {
300
+ background: #FBE3E4;
301
+ color: #8A1F11;
302
+ border-color: #FBC2C4; }
303
+
304
+ .error a {
305
+ color: #8A1F11; }
306
+
307
+ .notice {
308
+ background: #FFF6BF;
309
+ color: #514721;
310
+ border-color: #FFD324; }
311
+
312
+ .notice a {
313
+ color: #514721; }
314
+
315
+ .success {
316
+ background: #E6EFC2;
317
+ color: #264409;
318
+ border-color: #C6D880; }
319
+
320
+ .success a {
321
+ color: #264409; }
322
+
323
+ /* Labels */
324
+ .decoration {
325
+ border-left-style: solid;
326
+ border-left-width: 4px;
327
+ margin-bottom: 0.2em;
328
+ padding-left: 10px; }
329
+
330
+ .decoration-blue {
331
+ border-left-color: #55AADA; }
332
+
333
+ .decoration-green {
334
+ border-left-color: #B7D897; }
335
+
336
+ .decoration-orange {
337
+ border-left-color: #FA8F6F; }
338
+
339
+ /*
340
+ Forms
341
+ ------------------------------------------------------------------- */
342
+ label {
343
+ cursor: pointer;
344
+ font-weight: bold; }
345
+
346
+ label.checkbox, label.radio {
347
+ font-weight: normal; }
348
+
349
+ legend {
350
+ font-weight: bold;
351
+ font-size: 1.2em; }
352
+
353
+ textarea {
354
+ overflow: auto; }
355
+
356
+ input.text, textarea, select {
357
+ background: #FCFCFC;
358
+ border: 1px inset #AAA;
359
+ margin: 0.5em 0;
360
+ padding: 4px 5px; }
361
+
362
+ input.text:focus, textarea:focus, select:focus {
363
+ background: #FFFFF5; }
364
+
365
+ input.button {
366
+ background: #DDD;
367
+ border: 1px outset #AAA;
368
+ padding: 4px 5px; }
369
+
370
+ input.button:active {
371
+ border-style: inset; }
372
+
373
+ /* Specific */
374
+ form .required {
375
+ font-weight: bold; }
376
+
377
+ .form-error {
378
+ border-color: #F00; }
379
+
380
+ .form-row {
381
+ padding: 5px 0; }
382
+
383
+ .form-row-submit {
384
+ border-top: 1px solid #DDD;
385
+ padding: 8px 0 10px 76px;
386
+ margin-top: 10px; }
387
+
388
+ .legend {
389
+ background: #F0FAF0;
390
+ border: 1px solid #D6DFD6;
391
+ font-size: 1.5em;
392
+ margin: 0;
393
+ padding: 8px 14px; }
394
+
395
+ .form-property, .form-value {
396
+ float: left; }
397
+
398
+ .form-property {
399
+ padding-top: 8px;
400
+ text-align: right;
401
+ width: 60px; }
402
+
403
+ .form-value {
404
+ padding-left: 16px; }
405
+
406
+ .form-error {
407
+ border-color: #F00; }
408
+
409
+ /*
410
+ Alignment
411
+ ------------------------------------------------------------------- */
412
+ /* General */
413
+ .center, .aligncenter {
414
+ display: block;
415
+ margin-left: auto;
416
+ margin-right: auto; }
417
+
418
+ /* Images */
419
+ img.bordered, img.alignleft, img.alignright, img.aligncenter {
420
+ background-color: #FFF;
421
+ border: 1px solid #DDD;
422
+ padding: 3px; }
423
+
424
+ img.alignleft, img.left {
425
+ margin: 0 1.5em 1em 0; }
426
+
427
+ img.alignright, img.right {
428
+ margin: 0 0 1em 1.5em; }
429
+
430
+ /* Floats */
431
+ .left, .alignleft {
432
+ float: left; }
433
+
434
+ .right, .alignright {
435
+ float: right; }
436
+
437
+ .clear, .clearer {
438
+ clear: both; }
439
+
440
+ .clearer {
441
+ display: block;
442
+ font-size: 0;
443
+ line-height: 0;
444
+ height: 0; }
445
+
446
+ /*
447
+ Separators
448
+ ------------------------------------------------------------------- */
449
+ .content-separator, .archive-separator {
450
+ background: #E5E5E5;
451
+ clear: both;
452
+ color: #FFE;
453
+ display: block;
454
+ font-size: 0;
455
+ line-height: 0;
456
+ height: 1px; }
457
+
458
+ .content-separator {
459
+ margin: 32px 0; }
460
+
461
+ .archive-separator {
462
+ margin-bottom: 20px; }
463
+
464
+ /*
465
+ Posts
466
+ ------------------------------------------------------------------- */
467
+ .post {
468
+ margin-bottom: 20px; }
469
+
470
+ .post img.left, .post img.right {
471
+ margin-bottom: 0; }
472
+
473
+ .post-date {
474
+ color: #777;
475
+ margin: 2px 0 10px; }
476
+
477
+ .post-date a {
478
+ color: #444; }
479
+
480
+ .post-meta a {
481
+ color: #345; }
482
+
483
+ .post-meta a:hover {
484
+ color: #001; }
485
+
486
+ .post-body {
487
+ font-size: 1.1em; }
488
+
489
+ .post-body a {
490
+ color: #039; }
491
+
492
+ .post-body a:hover {
493
+ color: #039; }
494
+
495
+ .post-body img.left, .post-body img.right {
496
+ margin-bottom: 1em; }
497
+
498
+ /* Archives */
499
+ .archive-pagination {
500
+ color: #777;
501
+ padding: 10px 0; }
502
+
503
+ .archive-pagination-top {
504
+ border-bottom: 2px solid #DDD;
505
+ margin-bottom: 24px; }
506
+
507
+ .archive-pagination-bottom {
508
+ border-top: 2px solid #DDD;
509
+ margin-top: 24px; }
510
+
511
+ .archive-post-date {
512
+ background: #F5F5F5;
513
+ border-bottom: 1px solid #C5C5C5;
514
+ border-right: 1px solid #CFCFCF;
515
+ float: left;
516
+ margin-right: 12px;
517
+ padding: 2px 0 5px;
518
+ text-align: center;
519
+ width: 46px; }
520
+
521
+ .archive-post-title .post-date {
522
+ margin: 0; }
523
+
524
+ .archive-post-title {
525
+ padding-top: 4px; }
526
+
527
+ .archive-post-day {
528
+ font: normal 1.6em Georgia,serif; }
529
+
530
+ /*
531
+ Comments
532
+ ------------------------------------------------------------------- */
533
+ .comment-input-text textarea {
534
+ width: 80%; }
535
+
536
+ /* Comment list */
537
+ .comment-list-wrapper {
538
+ background: #F6F6F6;
539
+ margin: 10px 0 0;
540
+ padding: 5px 12px 10px 7px; }
541
+
542
+ .comment-list {
543
+ margin: 0;
544
+ padding: 0; }
545
+
546
+ .comment-list li {
547
+ list-style: none; }
548
+
549
+ .comment-list ul {
550
+ margin-bottom: 0; }
551
+
552
+ .comment-profile-wrapper {
553
+ text-align: center;
554
+ width: 105px; }
555
+
556
+ .comment-gravatar {
557
+ margin-bottom: 3px; }
558
+
559
+ .comment-content-wrapper {
560
+ float: right;
561
+ width: 481px; }
562
+
563
+ .comment-parent, .comment-single {
564
+ margin-top: 15px; }
565
+
566
+ .comment-list ul.children, #comments #respond ul {
567
+ border-left: 1px solid #CCC;
568
+ margin: 0 0 0 130px; }
569
+
570
+ .comment-list ul.children ul.children {
571
+ margin-left: 15px; }
572
+
573
+ .comment-list ul.children li {
574
+ background: url("img/comment-reply.gif") no-repeat left top;
575
+ margin: 0;
576
+ padding: 10px 0 0 15px; }
577
+
578
+ .comment-body {
579
+ background: #FFF;
580
+ border: 1px solid #DDD;
581
+ padding: 10px 12px 0; }
582
+
583
+ .comment-list ul.children .comment-body {
584
+ background: #FCFCFC; }
585
+
586
+ .comment-author {
587
+ padding-top: 2px; }
588
+
589
+ .comment-text p {
590
+ margin-bottom: 0.8em; }
591
+
592
+ .comment .post-date, .comment-author {
593
+ font-size: 0.9em; }
594
+
595
+ .comment .post-date .right a {
596
+ color: #BBB; }
597
+
598
+ .comment .post-date .right a:hover {
599
+ color: #234; }
600
+
601
+ .comment-arrow {
602
+ background: url("img/comment-arrow.gif") no-repeat left top;
603
+ display: block;
604
+ float: left;
605
+ height: 45px;
606
+ margin: 3px 0 -45px -41px;
607
+ position: absolute;
608
+ width: 29px; }
609
+
610
+ /* Respond */
611
+ #respond li {
612
+ list-style: none; }
613
+
614
+ #respond {
615
+ background: #F6F6F6;
616
+ padding: 10px 12px; }
617
+
618
+ #respond ul {
619
+ margin: 0; }
620
+
621
+ #respond .legend {
622
+ margin-bottom: 10px; }
623
+
624
+ #comments #respond {
625
+ padding: 0; }
626
+
627
+ #comments #respond .legend {
628
+ border-bottom: 0;
629
+ margin-bottom: 0; }
630
+
631
+ #comments #respond ul {
632
+ background: url("img/comment-reply.gif") no-repeat left top;
633
+ padding: 10px 0 0 15px; }
634
+
635
+ #comments ul.children #respond ul {
636
+ margin-left: 30px;
637
+ padding: 0; }
638
+
639
+ #comments #respond .comment-profile-wrapper, #comments #respond .comment-arrow {
640
+ display: none; }
641
+
642
+ #comments #respond .comment-body {
643
+ background: #FFF; }
644
+
645
+ #comments #respond .comment-content-wrapper {
646
+ float: none;
647
+ width: 100%; }
648
+
649
+ /*
650
+ Layout
651
+ ------------------------------------------------------------------- */
652
+ /* Common */
653
+ #top, #sub-nav {
654
+ border-bottom: 1px solid #DDD; }
655
+
656
+ /* Wrapper */
657
+ #site-wrapper {
658
+ margin: 0 auto;
659
+ width: 920px; }
660
+
661
+ /* Header */
662
+ #header {
663
+ padding-top: 24px; }
664
+
665
+ /* Top */
666
+ #top {
667
+ padding-bottom: 32px; }
668
+
669
+ /* Logo */
670
+ #logo {
671
+ border-right: 1px solid #DDD;
672
+ padding: 10px 40px 10px 0;
673
+ margin-right: 40px; }
674
+
675
+ /* Splash */
676
+ #splash {
677
+ padding-top: 32px; }
678
+
679
+ /* Navigation */
680
+ .navigation a {
681
+ color: #888;
682
+ text-decoration: none; }
683
+
684
+ .navigation a:hover {
685
+ color: #002; }
686
+
687
+ .navigation li.current-tab a {
688
+ color: #222; }
689
+
690
+ .main-nav li:first-child, #sub-nav li:first-child {
691
+ margin-left: 0; }
692
+
693
+ /* Main navigation */
694
+ .main-nav {
695
+ padding-top: 72px; }
696
+
697
+ .main-nav li {
698
+ margin: 0 1.5em; }
699
+
700
+ .main-nav a {
701
+ font-size: 1.8em;
702
+ line-height: 2em;
703
+ padding-bottom: 2px; }
704
+
705
+ .main-nav li.current-tab a {
706
+ color: #333; }
707
+
708
+ .main-nav a:hover {
709
+ color: #002; }
710
+
711
+ .main-nav li.current-tab a {
712
+ border-bottom: 2px solid #94CC5F; }
713
+
714
+ /* Subnav */
715
+ #sub-nav {
716
+ border-bottom: 1px solid #DDD;
717
+ padding: 12px 0; }
718
+
719
+ #sub-nav a {
720
+ font-size: 1.2em;
721
+ text-decoration: none; }
722
+
723
+ #sub-nav li {
724
+ margin: 0 1em; }
725
+
726
+ #sub-nav li.current-tab a {
727
+ font-weight: bold; }
728
+
729
+ /* Main */
730
+ .main {
731
+ margin: 24px 0; }
732
+
733
+ .main#main-two-columns {
734
+ background: url("img/main-two-columns.gif") repeat-y right top; }
735
+
736
+ .main#main-two-columns-left {
737
+ background: url("img/main-two-columns-left.gif") repeat-y left top; }
738
+
739
+ .main#main-two-columns #main-content, .main#main-two-columns-left #main-content {
740
+ width: 620px; }
741
+
742
+ /* Sidebar */
743
+ #sidebar {
744
+ width: 255px; }
745
+
746
+ /* Columns */
747
+ .col3, .col3-mid {
748
+ width: 31%; }
749
+
750
+ .col3-mid {
751
+ margin-left: 3%; }
752
+
753
+ /* Sections */
754
+ .section {
755
+ margin-bottom: 24px; }
756
+
757
+ .section-title {
758
+ background-color: #F9F9F9;
759
+ border-top: 2px solid #DDD;
760
+ color: #7A7A7A;
761
+ font: bold 1.2em sans-serif;
762
+ margin-bottom: 16px;
763
+ padding: 7px 10px 6px; }
764
+
765
+ #sidebar .section-title {
766
+ margin-bottom: 8px; }
767
+
768
+ /* Footer */
769
+ #footer {
770
+ border-top: 1px solid #DDD;
771
+ color: #777;
772
+ padding: 16px 0 4px; }
773
+
774
+ #footer-left {
775
+ width: 459px; }
776
+
777
+ #footer-right {
778
+ width: 459px;
779
+ text-align: right; }
780
+
781
+ #footer p {
782
+ margin-bottom: 0.4em; }
783
+
784
+ #footer .text-separator {
785
+ padding: 0 3px;
786
+ color: #BBB; }
787
+
788
+ #footer a:hover {
789
+ color: #000; }
790
+
791
+ /*
792
+ Misc overriding classes
793
+ ------------------------------------------------------------------- */
794
+ /* Border */
795
+ .noborder {
796
+ border: 0; }
797
+
798
+ .notborder {
799
+ border-top: 0; }
800
+
801
+ .norborder {
802
+ border-right: 0; }
803
+
804
+ .nobborder {
805
+ border-bottom: 0; }
806
+
807
+ .nolborder {
808
+ border-left: 0; }
809
+
810
+ /* Margin */
811
+ .nomargin {
812
+ margin: 0; }
813
+
814
+ .notmargin {
815
+ margin-top: 0; }
816
+
817
+ .normargin {
818
+ margin-right: 0; }
819
+
820
+ .nobmargin {
821
+ margin-bottom: 0; }
822
+
823
+ .nolmargin {
824
+ margin-left: 0; }
825
+
826
+ /* Padding */
827
+ .nopadding {
828
+ padding: 0; }
829
+
830
+ .notpadding {
831
+ padding-top: 0; }
832
+
833
+ .norpadding {
834
+ padding-right: 0; }
835
+
836
+ .nobpadding {
837
+ padding-bottom: 0; }
838
+
839
+ .nolpadding {
840
+ padding-left: 0; }
841
+
842
+ /*
843
+ IE Fixes (zzz)
844
+ ------------------------------------------------------------------- */
845
+ * html .navigation, * html #footer, * html #splash, * html .comment ul {
846
+ height: 0.01%; }
847
+
848
+ * html #footer-left {
849
+ width: 500px; }
850
+
851
+ .navigation, #splash, .comment ul {
852
+ min-height: 0.01%; }