beef-layout 0.2.0 → 0.2.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (31) hide show
  1. data/Rakefile +2 -2
  2. data/VERSION +1 -1
  3. data/{layout.gemspec → beef-layout.gemspec} +12 -18
  4. data/generators/layout_files/layout_files_generator.rb +4 -19
  5. data/generators/layout_files/templates/application_layout.html.erb +69 -54
  6. data/generators/layout_files/templates/public/javascripts/Gotham_Medium_500.font.js +10 -0
  7. data/generators/layout_files/templates/public/javascripts/cufon-yui.js +7 -0
  8. data/generators/layout_files/templates/public/stylesheets/forms.css +7 -0
  9. data/generators/layout_files/templates/public/stylesheets/ie7.css +8 -1
  10. data/generators/layout_files/templates/public/stylesheets/layout.css +166 -12
  11. data/generators/layout_files/templates/public/stylesheets/lightwindow.css +376 -0
  12. data/generators/layout_files/templates/public/stylesheets/print.css +0 -0
  13. data/generators/layout_files/templates/public/stylesheets/reset.css +5 -0
  14. data/generators/layout_files/templates/public/stylesheets/skin.css +102 -1
  15. data/generators/layout_files/templates/public/stylesheets/textile-editor.css +60 -0
  16. data/generators/layout_files/templates/public/stylesheets/typography.css +141 -15
  17. metadata +11 -19
  18. data/generators/layout_files/templates/public/stylesheets/wireframe/ie6.css +0 -26
  19. data/generators/layout_files/templates/public/stylesheets/wireframe/ie7.css +0 -1
  20. data/generators/layout_files/templates/public/stylesheets/wireframe/images/2nd_nav_bg.gif +0 -0
  21. data/generators/layout_files/templates/public/stylesheets/wireframe/images/body_bg.gif +0 -0
  22. data/generators/layout_files/templates/public/stylesheets/wireframe/images/content_wrap_bg.gif +0 -0
  23. data/generators/layout_files/templates/public/stylesheets/wireframe/images/content_wrap_e_bg.gif +0 -0
  24. data/generators/layout_files/templates/public/stylesheets/wireframe/images/featurebox2_bg.gif +0 -0
  25. data/generators/layout_files/templates/public/stylesheets/wireframe/images/featurebox_bg.gif +0 -0
  26. data/generators/layout_files/templates/public/stylesheets/wireframe/images/header_bg.gif +0 -0
  27. data/generators/layout_files/templates/public/stylesheets/wireframe/images/sprites.gif +0 -0
  28. data/generators/layout_files/templates/public/stylesheets/wireframe/images/td_bg.gif +0 -0
  29. data/generators/layout_files/templates/public/stylesheets/wireframe/images/thumb_100wide.gif +0 -0
  30. data/generators/layout_files/templates/public/stylesheets/wireframe/main.css +0 -289
  31. data/generators/layout_files/templates/public/stylesheets/wireframe/print.css +0 -51
@@ -0,0 +1,60 @@
1
+ div.textile-toolbar span.ed_sep {
2
+ xposition: relative;
3
+ xtop: -4px;
4
+ padding: 0;
5
+ height: 6px;
6
+ width: 2px;
7
+ margin: 0 2px;
8
+ border-left: solid 1px #d5d5d5;
9
+ border-right: solid 1px #f5f5f5;
10
+ }
11
+
12
+ div.textile-toolbar button {
13
+ margin: 0;
14
+ background-color: #f0f0ee;
15
+ background-repeat: no-repeat;
16
+ border: 1px solid #f0f0ee;
17
+ padding: 2px 0;
18
+ }
19
+
20
+ div.textile-toolbar button.standard {
21
+ text-align: center;
22
+ width: 24px;
23
+ }
24
+
25
+ div.textile-toolbar button img {
26
+ vertical-align: text-bottom;
27
+ }
28
+
29
+ div.textile-toolbar button:hover,
30
+ div.textile-toolbar button.unselected:hover {
31
+ border: 1px solid #999;
32
+ }
33
+
34
+ div.textile-toolbar button.selected {
35
+ border: 1px solid #ce9100;
36
+ background-color: #ffffff;
37
+ }
38
+
39
+ div.textile-toolbar button.unselected {
40
+ border: 1px solid #f0f0ee;
41
+ background-color: #f0f0ee;
42
+ }
43
+
44
+ div.textile-toolbar button.publish {
45
+ padding:5px;
46
+ display:block;
47
+ }
48
+
49
+ div.textile-toolbar {
50
+ background-color: #f0f0ee;
51
+ padding: 3px;
52
+ margin-bottom: 4px;
53
+ }
54
+
55
+ div.preview-area {
56
+ background: #FFF;
57
+ border: 1px solid #666;
58
+ color: #666;
59
+ overflow: auto;
60
+ }
@@ -3,23 +3,149 @@
3
3
  Font related information only (ie. font-*, text-*, line-height )
4
4
  See http://www.alistapart.com/articles/howtosizetextincss for sizing technique
5
5
  for a quick note - just hit this: http://jontangerine.com/silo/css/pixels-to-ems/ very easy guide to use.
6
+
7
+ 10px {font-size:0.625em;}
8
+ 11px {font-size:0.688em;}
9
+ 12px {font-size:0.75em;}
10
+ 13px {font-size:0.813em;}
11
+ 14px {font-size:0.875em;}
12
+ 15px {font-size:0.938em;}
13
+ 16px {font-size:1em;}
14
+ 17px {font-size:1.063em;}
15
+ 18px {font-size:1.125em;}
16
+ 19px {font-size:1.188em;}
17
+ 20px {font-size:1.25em;}
18
+ 21px {font-size:1.313em;}
19
+ 22px {font-size:1.375em;}
20
+ 23px {font-size:1.438em;}
21
+ 24px {font-size:1.5em;}
22
+
6
23
  */
7
- body {
8
- font-family: "Lucida Sans Unicode", "Lucida Grande", arial, verdana, sans-serif;
9
- }
10
24
 
11
- /* 34px */
12
- h1 {
13
- font-size: 2.125em;
14
- }
25
+ /* so:font-family */
15
26
 
16
- /* 26px */
17
- h2 {
18
- font-size: 1.625em;
27
+ body, textarea {
28
+ font-family: 'Arial', verdana, sans-serif;
19
29
  }
20
30
 
21
- /* 14px */
22
- ul#navigation,
23
- #footer {
24
- font-size: 0.875em;
25
- }
31
+ /* eo:font-family */
32
+
33
+ /* so:font-sizes */
34
+
35
+ /* 10px */
36
+ {
37
+ font-size:0.625em;
38
+ }
39
+
40
+ /* 11px */
41
+ {
42
+ font-size:0.688em;
43
+ }
44
+
45
+ /* 12px */
46
+ {
47
+ font-size:0.75em;
48
+ }
49
+
50
+ /* 13px */
51
+ {
52
+ font-size:0.813em;
53
+ }
54
+
55
+ /* 14px */
56
+ {
57
+ font-size:0.875em;
58
+ }
59
+
60
+ /* 15px */
61
+ {
62
+ font-size:0.938em;
63
+ }
64
+
65
+ /* 16px */
66
+ {
67
+ font-size:1em;
68
+ }
69
+
70
+ /* 17px */
71
+ {
72
+ font-size:1.063em;
73
+ }
74
+
75
+ /* 18px */
76
+ {
77
+ font-size:1.125em;
78
+ }
79
+
80
+ /* 19px */
81
+ {
82
+ font-size:1.188em;
83
+ }
84
+
85
+ /* 20px */
86
+ {
87
+ font-size:1.25em;
88
+ }
89
+
90
+ /* 21px */
91
+ {
92
+ font-size:1.313em;
93
+ }
94
+
95
+ /* 22px */
96
+ {
97
+ font-size:1.375em;
98
+ }
99
+
100
+ /* 23px */
101
+ {
102
+ font-size:1.438em;
103
+ }
104
+
105
+ /* 24px */
106
+ {
107
+ font-size:1.5em;
108
+ }
109
+
110
+ /* eo:font-sizes */
111
+
112
+ /* so:font-styles */
113
+
114
+ /* Bold */
115
+ {
116
+ font-weight: bold;
117
+ }
118
+
119
+ /* Italic */
120
+ {
121
+ font-style: italic;
122
+ }
123
+
124
+ /* Underline */
125
+ {
126
+ text-decoration: underline;
127
+ }
128
+
129
+ /* Unordered List */
130
+ #main-content ul {
131
+ list-style-type: disc;
132
+ }
133
+
134
+ /* Ordered List */
135
+ #main-content ol {
136
+ list-style-type: decimal;
137
+ }
138
+
139
+ /* Uppercase */
140
+ {
141
+ text-transform: uppercase;
142
+ }
143
+
144
+ /* Normal */
145
+ {
146
+ text-decoration: none;
147
+ font-weight: normal;
148
+ font-style: normal;
149
+ }
150
+
151
+ /* eo:font-styles */
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: beef-layout
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.2.0
4
+ version: 0.2.2
5
5
  platform: ruby
6
6
  authors:
7
7
  - Steve England
@@ -9,7 +9,7 @@ autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
11
 
12
- date: 2009-08-26 00:00:00 -07:00
12
+ date: 2010-02-18 00:00:00 +00:00
13
13
  default_executable:
14
14
  dependencies: []
15
15
 
@@ -29,40 +29,32 @@ files:
29
29
  - README.rdoc
30
30
  - Rakefile
31
31
  - VERSION
32
+ - beef-layout.gemspec
32
33
  - generators/layout_files/layout_files_generator.rb
33
34
  - generators/layout_files/templates/application_layout.html.erb
35
+ - generators/layout_files/templates/public/javascripts/Gotham_Medium_500.font.js
34
36
  - generators/layout_files/templates/public/javascripts/application.js
37
+ - generators/layout_files/templates/public/javascripts/cufon-yui.js
35
38
  - generators/layout_files/templates/public/stylesheets/forms.css
36
39
  - generators/layout_files/templates/public/stylesheets/ie6.css
37
40
  - generators/layout_files/templates/public/stylesheets/ie7.css
38
41
  - generators/layout_files/templates/public/stylesheets/layout.css
42
+ - generators/layout_files/templates/public/stylesheets/lightwindow.css
39
43
  - generators/layout_files/templates/public/stylesheets/mobile.css
40
44
  - generators/layout_files/templates/public/stylesheets/print.css
41
45
  - generators/layout_files/templates/public/stylesheets/reset.css
42
46
  - generators/layout_files/templates/public/stylesheets/skin.css
47
+ - generators/layout_files/templates/public/stylesheets/textile-editor.css
43
48
  - generators/layout_files/templates/public/stylesheets/typography.css
44
49
  - generators/layout_files/templates/public/stylesheets/wireframe.css
45
- - generators/layout_files/templates/public/stylesheets/wireframe/ie6.css
46
- - generators/layout_files/templates/public/stylesheets/wireframe/ie7.css
47
- - generators/layout_files/templates/public/stylesheets/wireframe/images/2nd_nav_bg.gif
48
- - generators/layout_files/templates/public/stylesheets/wireframe/images/body_bg.gif
49
- - generators/layout_files/templates/public/stylesheets/wireframe/images/content_wrap_bg.gif
50
- - generators/layout_files/templates/public/stylesheets/wireframe/images/content_wrap_e_bg.gif
51
- - generators/layout_files/templates/public/stylesheets/wireframe/images/featurebox2_bg.gif
52
- - generators/layout_files/templates/public/stylesheets/wireframe/images/featurebox_bg.gif
53
- - generators/layout_files/templates/public/stylesheets/wireframe/images/header_bg.gif
54
- - generators/layout_files/templates/public/stylesheets/wireframe/images/sprites.gif
55
- - generators/layout_files/templates/public/stylesheets/wireframe/images/td_bg.gif
56
- - generators/layout_files/templates/public/stylesheets/wireframe/images/thumb_100wide.gif
57
- - generators/layout_files/templates/public/stylesheets/wireframe/main.css
58
- - generators/layout_files/templates/public/stylesheets/wireframe/print.css
59
- - layout.gemspec
60
50
  - lib/layout.rb
61
51
  - rails/init.rb
62
52
  - test/layout_test.rb
63
53
  - test/test_helper.rb
64
- has_rdoc: false
54
+ has_rdoc: true
65
55
  homepage: http://github.com/beef/Layout
56
+ licenses: []
57
+
66
58
  post_install_message:
67
59
  rdoc_options:
68
60
  - --charset=UTF-8
@@ -83,7 +75,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
83
75
  requirements: []
84
76
 
85
77
  rubyforge_project:
86
- rubygems_version: 1.2.0
78
+ rubygems_version: 1.3.5
87
79
  signing_key:
88
80
  specification_version: 3
89
81
  summary: Generates basic beef layout
@@ -1,26 +0,0 @@
1
- /*
2
- LEGAL
3
- =====
4
- Copyright: Daemon Pty Limited 2006, http://www.daemon.com.au
5
- Community: Mollio http://www.mollio.org $
6
- License: Released Under the "Common Public License 1.0",
7
- http://www.opensource.org/licenses/cpl.php
8
- License: Released Under the "Creative Commons License",
9
- http://creativecommons.org/licenses/by/2.5/
10
- License: Released Under the "GNU Creative Commons License",
11
- http://creativecommons.org/licenses/GPL/2.0/
12
- */
13
-
14
- #header {width:100%}
15
-
16
- #nav-secondary a {width:143px}
17
-
18
- #resultslist-wrap li dl {display:inline}
19
-
20
-
21
- /*
22
- I've added position:relative to these items below to fix the IE Peakaboo bug.
23
- more about it here: http://www.positioniseverything.net/explorer/peekaboo.html
24
- */
25
- ol.code, .featurebox, #content ul, #sidebar ul {position:relative}
26
-
@@ -1,289 +0,0 @@
1
- /*
2
- LEGAL
3
- =====
4
- Copyright: Daemon Pty Limited 2006, http://www.daemon.com.au
5
- Community: Mollio http://www.mollio.org $
6
- License: Released Under the "Common Public License 1.0",
7
- http://www.opensource.org/licenses/cpl.php
8
- License: Released Under the "Creative Commons License",
9
- http://creativecommons.org/licenses/by/2.5/
10
- License: Released Under the "GNU Creative Commons License",
11
- http://creativecommons.org/licenses/GPL/2.0/
12
- */
13
-
14
- /* THE BIG GUYS */
15
- * {margin:0;padding:0}
16
- body {padding: 0 0 20px;color:#333;font:83%/1.5 arial,tahoma,verdana,sans-serif}
17
-
18
- /* LINKS */
19
- a {text-decoration:none;}
20
- a:link,a:link,a:link,a:hover {background:transparent;text-decoration:underline;cursor:pointer}
21
- a:link {color:#c00}
22
- a:visited {color:#999}
23
- a:hover,a:active {color:}
24
-
25
- /* FORMS */
26
- form {margin: 0 0 1.5em}
27
- input {font-family: arial,tahoma,verdana,sans-serif;margin: 2px 0}
28
- fieldset {border: none}
29
- label {display:block;padding: 5px 0}
30
- label br {clear:left}
31
-
32
- /* FORMS - general classes */
33
- input.f-submit {padding: 1px 3px;background:#666;color:#fff;font-weight:bold;font-size:96%}
34
-
35
- /* FORMS - f-wrap-1 - simple form, headings on left, form elements on right */
36
- form.f-wrap-1 {width:100%;padding: .5em 0;background: #f6f6f6 url("images/featurebox_bg.gif") no-repeat 100% 100%;border-top: 1px solid #d7d7d7;position:relative}
37
- form.f-wrap-1 fieldset {width:auto;margin: 0 1em}
38
- form.f-wrap-1 h3 {margin:0 0 .6em;font: bold 155% arial;color:#c00}
39
- form.f-wrap-1 label {clear:left;float:left;width:100%;border-top: 1px solid #fff}
40
-
41
- /* hide from IE mac \*/
42
- form.f-wrap-1 label {float:none}
43
- /* end hiding from IE5 mac */
44
-
45
- form.f-wrap-1 label input, form.f-wrap-1 label textarea, form.f-wrap-1 label select {width:15em;float:left;margin-left:10px}
46
-
47
- form.f-wrap-1 label b {float:left;width:8em;line-height: 1.7;display:block;position:relative}
48
- form.f-wrap-1 label b .req {color:#c00;font-size:150%;font-weight:normal;position:absolute;top:-.1em;line-height:1;left:-.4em;width:.3em;height:.3em}
49
- form.f-wrap-1 div.req {color:#666;font-size:96%;font-weight:normal;position:absolute;top:.4em;right:.4em;left:auto;width:13em;text-align:right}
50
- form.f-wrap-1 div.req b {color:#c00;font-size:140%}
51
- form.f-wrap-1 label select {width: 15.5em}
52
- form.f-wrap-1 label textarea.f-comments {width: 20em}
53
- form.f-wrap-1 div.f-submit-wrap {padding: 5px 0 5px 8em}
54
- form.f-wrap-1 input.f-submit {margin: 0 0 0 10px}
55
-
56
- form.f-wrap-1 fieldset.f-checkbox-wrap, form.f-wrap-1 fieldset.f-radio-wrap {clear:left;float:left;width:32em;border:none;margin:0;padding-bottom:.7em}
57
- form.f-wrap-1 fieldset.f-checkbox-wrap b, form.f-wrap-1 fieldset.f-radio-wrap b {float:left;width:8em;line-height: 1.7;display:block;position:relative;padding-top:.3em}
58
- form.f-wrap-1 fieldset.f-checkbox-wrap fieldset, form.f-wrap-1 fieldset.f-radio-wrap fieldset {float:left;width:13em;margin: 3px 0 0 10px}
59
- form.f-wrap-1 fieldset.f-checkbox-wrap label, form.f-wrap-1 fieldset.f-radio-wrap label {float:left;width:13em;border:none;margin:0;padding:2px 0;margin-right:-3px}
60
- form.f-wrap-1 label input.f-checkbox, form.f-wrap-1 label input.f-radio {width:auto;float:none;margin:0;padding:0}
61
-
62
- form.f-wrap-1 label span.errormsg {position:absolute;top:0;right:-10em;left:auto;display:block;width:16em;background: transparent url(images/errormsg_bg.gif) no-repeat 0 0}
63
- form.f-wrap-1 label span.errormsg b {padding: 10px 0;margin: 0 10px 0 30px;color:#B30800;font-weight:bold;display:block;width:auto;float:none;line-height:1.3}
64
-
65
- /* TYPOGRAPHY */
66
- p, ul, ol {margin: 0 0 1.5em}
67
- h1, h2, h3, h4, h5, h6 {letter-spacing: -1px;font-family: arial,verdana,sans-serif;margin: 1.2em 0 .3em;color:#000;border-bottom: 1px solid #eee;padding-bottom: .1em}
68
- h1 {font-size: 196%;margin-top:.6em}
69
- h2 {font-size: 136%}
70
- h3 {font-size: 126%}
71
- h4 {font-size: 116%}
72
- h5 {font-size: 106%}
73
- h6 {font-size: 96%}
74
- .highlight {color:#E17000}
75
- .subdued {color:#999}
76
- .error {color:#c00;font-weight:bold}
77
- .success {color:#390;font-weight:bold}
78
- .caption {color:#999;font-size:11px}
79
- .date {font: bold 82% arial;color:#bbb;display:block;letter-spacing: 1px}
80
- small {font-size:11px}
81
-
82
- /* LISTS */
83
- ul {margin: .3em 0 1.5em 0;list-style-type:none}
84
- ul.related {margin-top: -1em}
85
- ol {margin: .5em .5em 1.5em}
86
- ol li {margin-left: 1.4em;padding-left: 0;background: none; list-style-type: decimal}
87
- li {line-height: 1.4em;padding-left: 25px;background: transparent url("images/sprites.gif") no-repeat 0 0}
88
- li.doc {background-position: 3px -500px}
89
- ul.nomarker li {background:none;padding-left:0}
90
-
91
- dl {margin: 0 0 1em 0}
92
- dt {font-weight:bold;margin-top: 1.3em}
93
- dl dl {margin: 0 0 1.5em 30px}
94
-
95
- /* GENERAL */
96
- img {border:none}
97
- hr {margin: 1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}
98
- .clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px}
99
-
100
- /* LAYOUT - HEADER */
101
- #header {background: #666 url("images/sprites.gif") repeat-x 0 100%;margin: 0 0 25px;padding: 0 0 8px}
102
-
103
- #header #site-name {font: 265% arial;letter-spacing: -.05em;margin:0 0 0 40px;padding:3px 0;color:#ccc;border:none}
104
-
105
- /* NAV - top horizontal nav */
106
- #nav, #nav ul {padding: 0;margin: 0;list-style: none}
107
- #nav {font-weight:bold;height:2.09em;font: bold 96% arial;margin: 0 105px 0 40px}
108
- #nav li {position:relative;background: #999;float: left;width: 10em;display:block;margin: 0;border-bottom: 3px solid #666;border-right: 3px solid #252525;padding:0}
109
- #nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {text-decoration:none;cursor:pointer;color:#fff;display: block;padding: 4px 10px 2px}
110
- #nav a:hover {color:#000}
111
-
112
- #nav li ul {border-left: 1px solid #c00;background: #f6f6f6 url("images/featurebox_bg.gif") no-repeat 100% 100%;width:15.8em;font-size:90%;margin-top:3px;position: absolute;font-weight:normal;left: -999em}
113
- #nav li:hover ul, #nav li.sfhover ul {left: 0;z-index:99999}
114
-
115
- #nav li li {background:none;float:none;border:none;border: 1px solid #999;border-top:1px solid #fff;border-right:none;border-left:none;padding-left:0}
116
- #nav li li.last {border-bottom:none}
117
- #nav li li a, #nav li li a:link, #nav li li a:visited, #nav li li a:hover {color:#000;padding: 3px 10px 2px;width:14em}
118
- #nav li li a:hover {color:#fff;background:#c00}
119
-
120
- #nav li.active {background: #c00;border-bottom: 3px solid #c00}
121
- #nav li.active ul {border:none;background: #c00 url("images/featurebox2_bg.gif") no-repeat 100% 100%}
122
- #nav li.active a:link, #nav li.active a:visited, #nav li.active a:hover, #nav li.active a:active {}
123
- #nav li.active a:hover {color:#000}
124
-
125
- #nav li.active li {border:none;border-top: 1px solid #c15c5c;border-bottom: 1px solid #870000}
126
- #nav li.active li.last {border-bottom: none}
127
- #nav li.active li a:link, #nav li.active li a:visited, #nav li.active li a:hover, #nav li.active li a:active {color:#fff}
128
- #nav li.active li a:hover {background: #666 url("images/sprites.gif") repeat-x 0 99%;color:#fff}
129
-
130
- #nav li.active li.active a:link, #nav li.active li.active a:visited, #nav li.active li.active a:hover, #nav li.active li.active a:active {color:#fff;font-weight:bold;background: #666 url("images/sprites.gif") repeat-x 0 99%}
131
-
132
- /* hide from IE mac \*/
133
- #nav li {width:auto}
134
- /* end hiding from IE5 mac */
135
-
136
- /* SEARCH */
137
- #search {color:#fff;font-weight:bold;position:absolute;top:10px;right:110px;left:auto;width:18em}
138
- #search form {margin:0}
139
- #search input {width:8em;margin: 0 0 -1px;height:1.2em}
140
- #search label {padding:5px 0 0;display:inline}
141
- #search input.f-submit {width:auto;font-size:81%;margin:0 0 -.15em;height:1.95em}
142
-
143
- /* POWERED BY - mollio logo in this case */
144
- #poweredby {width:96px;height:63px;position:absolute;top:-102px;right:0}
145
-
146
- /* LAYOUT - main body of page */
147
- #wrap {min-width:960px;max-width:1020px;margin: 0 auto;position:relative}
148
- #content-wrap {position:relative;width:100%}
149
- #utility {position:absolute;top:0;left:25px;width:165px;border-top: 5px solid #999;padding-bottom: 40px}
150
- #sidebar {position:absolute;top:0;right:25px;width:20%;border-top: 5px solid #999;padding-top: 1px;padding-bottom: 40px}
151
-
152
- #content {margin: 0 50px}
153
- #content #breadcrumb {margin-top:-5px;font-size:93%;font-weight:bold}
154
- #content #breadcrumb a:link, #content #breadcrumb a:visited {text-decoration:none}
155
- #content #breadcrumb a:hover, #content #breadcrumb a:active {text-decoration:underline}
156
-
157
- .featurebox {color:#333;padding: 15px 20px 20px;border-top: 1px solid #d7d7d7;margin: 0 0 1.5em;background: #f6f6f6 url("images/featurebox_bg.gif") no-repeat 100% 100%}
158
- .featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0 .3em;border-bottom: 1px solid #c00;color:#c00}
159
- .featurebox p {border:none;margin: 0 0 1em;color:#444}
160
- .featurebox a {font-weight:bold}
161
-
162
- .thumbnail {margin: 0 0 0 10px;position:relative;z-index:9999;border: 1px solid #eee;float:right;width:100px;padding:5px;background:#fff}
163
- .thumbnail img {border: 1px solid #000}
164
-
165
- .pagination {background: #f2f2f2;color:#666;padding: 4px 2px 4px 7px;border: 1px solid #ddd;margin: 0 0 1.5em}
166
- .pagination p {position:relative;text-align:right}
167
- .pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc}
168
- .pagination p a:hover {background:#c00;color:#fff}
169
- .pagination p span {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc;color:#ccc}
170
- .pagination * {margin:0}
171
- .pagination h4 {margin-top:-1.45em;padding:0;border:none}
172
-
173
- #resultslist-wrap {margin: 0 0 1.5em;font-size:92%}
174
- #resultslist-wrap dt, #resultslist-wrap dl {margin: 0}
175
- #resultslist-wrap dt {font: bold 85% arial;padding: 3px 0}
176
- #resultslist-wrap li {padding: 0 0 1em;margin:0 0 0 1.2em;font: bold 145% arial}
177
- #resultslist-wrap li dd {font: normal 73% arial}
178
- #resultslist-wrap li dl {margin:0}
179
- #resultslist-wrap dd {line-height:1.3}
180
- #resultslist-wrap dd.filetype, #resultslist-wrap dd.date {color:#999;display:inline;padding-right:.5em}
181
-
182
- /* TABLES */
183
- .table1 {border: 2px solid #900;border-collapse:collapse;width:100%}
184
- .table1 td {background: #fff url("images/sprites.gif") repeat-x 0 -1600px;padding:3px;border: 1px solid #fff}
185
- .table1 th {text-align:left;border: 1px solid #fff}
186
- .table1 thead th {color:#fff;font-size:145%;background: #900 url("images/sprites.gif") repeat-x 0 -1300px;padding: 10px 6px}
187
- .table1 tbody th {color:#fff;font-size:115%;background: #88b8db url("images/sprites.gif") repeat-x 0 -1400px;padding: 6px}
188
- .table1 tbody th.sub {font-size:100%;color:#000;background: #efefef url("images/sprites.gif") repeat-x 0 -1500px;padding: 6px}
189
-
190
- /* TABLES - calendar */
191
- .calendar {width:200px;font-size:92%}
192
- .calendar td {text-align:center;border: 1px solid #ddd}
193
- .calendar th {text-align:center}
194
- .calendar thead th {padding: 3px 2px}
195
- .calendar tbody th {padding: 2px}
196
- .calendar tbody th.sub {padding: 2px}
197
-
198
- /* 'MORE' LINK - provides an accessible alternative to just using 'more' as a link at the end of paragraphs */
199
- a.morelink:link, a.morelink:visited, a.morelink:hover, a.morelink:active {background: transparent url("images/sprites.gif") no-repeat 5px -500px;padding-left:21px}
200
- a.morelink:hover {background: transparent url("images/sprites.gif") 5px -400px}
201
- .morelink span {position:absolute;left:-9999px;width:900px}
202
-
203
- /* CODE - formatting for code inserted into body - more here: http://dizque.lacalabaza.net/temp/lipt/ */
204
- ol.code {font-family: monospace;position:relative}
205
- ol.code li {color: #666;margin-bottom: 1px}
206
- ol.code code {color: #000;display: block}
207
- ol.code .cmt {color: #4077d2}
208
- li.tab0 code {padding-left: 4em}
209
- li.tab1 code {padding-left: 8em}
210
- li.tab2 code {padding-left: 12em}
211
- li.tab3 code {padding-left: 16em}
212
- li.tab4 code {padding-left: 20em}
213
- li.tab5 code {padding-left: 24em}
214
- ol.code li {background: #f3f3f3 url("images/td_bg.gif") no-repeat 100% 100%}
215
- p.note {margin: 1em;border: 1px solid #ddd;background: #f0f0f0;padding: 1em}
216
-
217
- /* LAYOUT TYPE B */
218
- #type-b #content-wrap {background: transparent url("images/content_wrap_bg.gif") repeat-y 30px 0;}
219
- #type-b #content {margin: 0 23px 0 235px}
220
-
221
- /* LAYOUT TYPE C */
222
- #type-c #content-wrap {background: transparent url("images/content_wrap_bg.gif") repeat-y 30px 0}
223
- #type-c #content {margin: 0 25% 0 235px}
224
-
225
- /* LAYOUT TYPE D */
226
- #type-d #content {margin: 0 25% 0 50px}
227
-
228
- /* LAYOUT TYPE E */
229
- #type-e #content-wrap {background: transparent url("images/content_wrap_e_bg.gif") repeat-y 100% 0}
230
- #type-e #utility {position:absolute;top:0;left:auto;right:25px;width:165px;border-top: 5px solid #999}
231
- #type-e #content {margin: 0 243px 0 50px}
232
-
233
- /* LAYOUT TYPE F */
234
- #type-f #content-wrap {background: transparent url("images/content_wrap_e_bg.gif") repeat-y 100% 0}
235
- #type-f #content {margin: 0 235px 0 25%}
236
- #type-f #utility {left:auto;right:25px}
237
- #type-f #sidebar {right:auto;left:25px}
238
-
239
- /* SECONDARY NAVIGATION - vertical navigation */
240
- #nav-secondary, #nav-secondary ul {position:static}
241
- #nav-secondary, #nav-secondary li {list-style: none;margin:0;padding:0;background:#fff}
242
- #nav-secondary {padding-top:0;border-top: 1px solid #ccc;margin-top: 1px}
243
- #nav-secondary a {line-height:1.8;padding: 5px 0 5px 23px;background: #fff url("images/sprites.gif") no-repeat 10px -695px;font: bold 86% arial;display:block}
244
- #nav-secondary a, #nav-secondary a:link, #nav-secondary a:visited, #nav-secondary a:hover, #nav-secondary a:active {text-decoration:none;cursor:pointer}
245
- #nav-secondary a:link {color:#000}
246
- #nav-secondary a:visited {color:#000}
247
- #nav-secondary a:hover {color:#c00;background: #fee url("images/sprites.gif") no-repeat 10px -695px}
248
- #nav-secondary li.active a:link, #nav-secondary li.active a:visited, #nav-secondary li.active a:hover, #nav-secondary li.active a:active {color:#c00}
249
- #nav-secondary li {border-top: 1px solid #fff;border-bottom: 1px solid #ccc}
250
-
251
- /* SECONDARY NAVIGATION - 2nd TIER */
252
- #nav-secondary ul {margin: 0 0 1em 23px;padding:0}
253
- #nav-secondary li.active li a, #nav-secondary li.active li a:link, #nav-secondary li.active li a:visited {line-height:1.5;background: #fff url("images/sprites.gif") no-repeat 0 -798px;padding:0 0 0 12px;font-weight:normal;width:auto;color:#000;width:130px;display:block}
254
- #nav-secondary li.active li a:hover, #nav-secondary li.active li a:active {color: #c00}
255
- #nav-secondary li.active li {border: none;margin:0}
256
-
257
- #nav-secondary li.active li.active a:link,
258
- #nav-secondary li.active li.active a:visited,
259
- #nav-secondary li.active li.active a:hover,
260
- #nav-secondary li.active li.active a:active {font-weight:bold}
261
-
262
- /* SECONDARY NAVIGATION - 3rd TIER */
263
- #nav-secondary ul ul {margin: 0 0 1em 13px;padding:0}
264
- #nav-secondary li.active li.active li a, #nav-secondary li.active li.active li a:link, #nav-secondary li.active li.active li a:visited {width:117px}
265
- #nav-secondary li.active li.active li a:link,
266
- #nav-secondary li.active li.active li a:visited,
267
- #nav-secondary li.active li.active li a:hover,
268
- #nav-secondary li.active li.active li a:active {font-weight:normal}
269
- #nav-secondary li.active li.active li.active a:link,
270
- #nav-secondary li.active li.active li.active a:visited,
271
- #nav-secondary li.active li.active li.active a:hover,
272
- #nav-secondary li.active li.active li.active a:active {font-weight:bold}
273
-
274
- /* SECONDARY NAVIGATION - 4th TIER */
275
- #nav-secondary ul ul ul {margin: 0 0 1em 13px;padding:0}
276
- #nav-secondary li.active li.active li.active li a, #nav-secondary li.active li.active li.active li a:link, #nav-secondary li.active li.active li.active li a:visited {width:104px}
277
- #nav-secondary li.active li.active li.active li a:link,
278
- #nav-secondary li.active li.active li.active li a:visited,
279
- #nav-secondary li.active li.active li.active li a:hover,
280
- #nav-secondary li.active li.active li.active li a:active {font-weight:normal}
281
- #nav-secondary li.active li.active li.active li.active a:link,
282
- #nav-secondary li.active li.active li.active li.active a:visited,
283
- #nav-secondary li.active li.active li.active li.active a:hover,
284
- #nav-secondary li.active li.active li.active li.active a:active {font-weight:bold}
285
-
286
- /* LAYOUT - FOOTER */
287
- #footer {clear:both; border-top: 1px solid #E3E8EE;padding: 10px 0 30px;font-size:86%;color:#999; background:#fff;}
288
- #footer p {margin:0}
289
- #footer a:link {color:#999}