bangpound-compass-drupal-zen-plugin 0.1.1 → 0.2.0
Sign up to get free protection for your applications and to get access to all the features.
- data/VERSION.yml +2 -2
- data/d6_zen2/templates/project/{STARTERKIT.info → STARTERKIT.info.txt} +1 -1
- data/d6_zen2/templates/project/backgrounds.sass +29 -0
- data/d6_zen2/templates/project/blocks.sass +87 -0
- data/d6_zen2/templates/project/comments.sass +77 -0
- data/d6_zen2/templates/project/fields.sass +36 -0
- data/d6_zen2/templates/project/forms.sass +129 -0
- data/d6_zen2/templates/project/html-elements.sass +244 -0
- data/d6_zen2/templates/project/layout.sass +7 -0
- data/d6_zen2/templates/project/navigation.sass +34 -0
- data/d6_zen2/templates/project/nodes.sass +85 -0
- data/d6_zen2/templates/project/pages.sass +220 -0
- data/d6_zen2/templates/project/print.sass +55 -0
- data/d6_zen2/templates/project/template.php +2 -2
- data/d6_zen2/templates/project/views-styles.sass +5 -0
- metadata +14 -3
data/VERSION.yml
CHANGED
@@ -0,0 +1,29 @@
|
|
1
|
+
// $Id: backgrounds.css,v 1.1 2009/02/02 03:38:46 johnalbin Exp $
|
2
|
+
|
3
|
+
//
|
4
|
+
@file
|
5
|
+
Background Styling
|
6
|
+
|
7
|
+
The default layout method of Zen doesn't give themers equal-height columns.
|
8
|
+
However, equal-height columns are difficult to achieve and totally
|
9
|
+
unnecessary. Instead, use the Faux Columns method described in the following
|
10
|
+
ALA article:
|
11
|
+
http://www.alistapart.com/articles/fauxcolumns/
|
12
|
+
|
13
|
+
body
|
14
|
+
|
15
|
+
#page
|
16
|
+
|
17
|
+
#page-inner
|
18
|
+
|
19
|
+
#header
|
20
|
+
|
21
|
+
#header-inner
|
22
|
+
|
23
|
+
#main
|
24
|
+
|
25
|
+
#main-inner
|
26
|
+
|
27
|
+
#footer
|
28
|
+
|
29
|
+
#footer-inner
|
@@ -0,0 +1,87 @@
|
|
1
|
+
// $Id: blocks.css,v 1.2 2009/04/30 14:46:24 johnalbin Exp $
|
2
|
+
|
3
|
+
//
|
4
|
+
@file
|
5
|
+
Block Styling
|
6
|
+
|
7
|
+
// Block wrapper
|
8
|
+
.block
|
9
|
+
:margin-bottom 1em
|
10
|
+
// Zebra striping for each block in the region
|
11
|
+
&.region-odd
|
12
|
+
// Zebra striping for each block in the region
|
13
|
+
&.region-even
|
14
|
+
// Zebra striping independent of each region
|
15
|
+
&.odd
|
16
|
+
// Zebra striping independent of each region
|
17
|
+
&.even
|
18
|
+
// Block title
|
19
|
+
h2.title
|
20
|
+
// Block's content wrapper
|
21
|
+
.content
|
22
|
+
|
23
|
+
// Incremental count for each block in the region
|
24
|
+
.region-count-1
|
25
|
+
|
26
|
+
// Incremental count independent of each region
|
27
|
+
.count-1
|
28
|
+
|
29
|
+
// Additional wrapper for block
|
30
|
+
.block-inner
|
31
|
+
|
32
|
+
// Block for the latest news items in the first category
|
33
|
+
#block-aggregator-category-1
|
34
|
+
|
35
|
+
// Block for the latest news items in the first feed
|
36
|
+
#block-aggregator-feed-1
|
37
|
+
|
38
|
+
// First administrator-defined block
|
39
|
+
#block-block-1
|
40
|
+
|
41
|
+
// "Recent blog posts" block
|
42
|
+
#block-blog-0
|
43
|
+
|
44
|
+
// "Book navigation" block for the current book's table of contents
|
45
|
+
#block-book-0
|
46
|
+
|
47
|
+
// "Recent comments" block
|
48
|
+
#block-comments-0
|
49
|
+
|
50
|
+
// "Active forum topics" block
|
51
|
+
#block-forum-0
|
52
|
+
|
53
|
+
// "New forum topics" block
|
54
|
+
#block-forum-1
|
55
|
+
|
56
|
+
// "Primary links" block
|
57
|
+
#block-menu-primary-links
|
58
|
+
|
59
|
+
// "Secondary links" block
|
60
|
+
#block-menu-secondary-links
|
61
|
+
|
62
|
+
// "Syndicate" block for primary RSS feed
|
63
|
+
#block-node-0
|
64
|
+
|
65
|
+
// "Most recent poll" block
|
66
|
+
#block-poll-0
|
67
|
+
|
68
|
+
// "Author information" block for the profile of the page's author
|
69
|
+
#block-profile-0
|
70
|
+
|
71
|
+
// "Search form" block
|
72
|
+
#block-search-0
|
73
|
+
|
74
|
+
// "Popular content" block
|
75
|
+
#block-statistics-0
|
76
|
+
|
77
|
+
// "User login form" block
|
78
|
+
#block-user-0
|
79
|
+
|
80
|
+
// "Navigation" block for Drupal navigation menu
|
81
|
+
#block-user-1
|
82
|
+
|
83
|
+
// "Who's new" block for a list of the newest users
|
84
|
+
#block-user-2
|
85
|
+
|
86
|
+
// "Who's online" block for a list of the online users
|
87
|
+
#block-user-3
|
@@ -0,0 +1,77 @@
|
|
1
|
+
// $Id: comments.css,v 1.3 2009/05/03 09:28:36 johnalbin Exp $ */
|
2
|
+
|
3
|
+
//
|
4
|
+
@file
|
5
|
+
Comment Styling
|
6
|
+
|
7
|
+
|
8
|
+
// Wrapper for the list of comments and its title
|
9
|
+
#comments
|
10
|
+
:margin 1em 0
|
11
|
+
|
12
|
+
// Heading for the list of comments
|
13
|
+
#comments-title
|
14
|
+
|
15
|
+
// Wrapper for a single comment
|
16
|
+
.comment
|
17
|
+
// A new comment since the user last viewed the page.
|
18
|
+
&.new
|
19
|
+
// An odd-numbered comment in the list of comments
|
20
|
+
&.odd
|
21
|
+
// An even-numbered comment in the list of comments
|
22
|
+
&.even
|
23
|
+
// The first comment in the list of comments
|
24
|
+
&.first
|
25
|
+
// The last comment in the list of comments
|
26
|
+
&.last
|
27
|
+
// Comment title
|
28
|
+
h3.title
|
29
|
+
// The picture of the comment author
|
30
|
+
.picture
|
31
|
+
// The "posted by" information
|
32
|
+
.submitted
|
33
|
+
// Comment's content wrapper
|
34
|
+
.content
|
35
|
+
// The user's signature
|
36
|
+
.user-signature
|
37
|
+
// Comment links. See also the ul.links declaration in the pages.css.
|
38
|
+
ul.links
|
39
|
+
|
40
|
+
// Additional wrapper for a single comment
|
41
|
+
.comment-inner
|
42
|
+
|
43
|
+
// Preview of the comment before submitting new or updated comment
|
44
|
+
.comment-preview
|
45
|
+
|
46
|
+
// Unpublished comments
|
47
|
+
.comment-unpublished
|
48
|
+
// Drupal core uses a #fff4f4 background
|
49
|
+
// :background-color #fff4f4
|
50
|
+
// The word "Unpublished" displayed underneath the content. See also the div.unpublished declaration in the nodes.css.
|
51
|
+
div.unpublished
|
52
|
+
|
53
|
+
// Published comments
|
54
|
+
.comment-published
|
55
|
+
|
56
|
+
// A comment created by an anonymous user
|
57
|
+
.comment-by-anon
|
58
|
+
|
59
|
+
// A comment created by the node's author
|
60
|
+
.comment-by-author
|
61
|
+
|
62
|
+
// A comment created by the current user
|
63
|
+
.comment-mine
|
64
|
+
|
65
|
+
// "New" marker for comments that are new for the current user
|
66
|
+
.new
|
67
|
+
:color #c00
|
68
|
+
|
69
|
+
// Nested comments are indented
|
70
|
+
.indented
|
71
|
+
// Drupal core uses a 25px left margin
|
72
|
+
// :margin-left 25px
|
73
|
+
|
74
|
+
// Preview of the comment before submitting new or updated comment
|
75
|
+
.preview .comment
|
76
|
+
// Drupal core uses a #ffffea background
|
77
|
+
// :background-color #ffffea
|
@@ -0,0 +1,36 @@
|
|
1
|
+
// $Id: fields.css,v 1.3 2009/02/15 21:34:45 johnalbin Exp $
|
2
|
+
|
3
|
+
//
|
4
|
+
@file
|
5
|
+
Field Styling
|
6
|
+
|
7
|
+
// Field types
|
8
|
+
|
9
|
+
// Wrapper for any CCK field.
|
10
|
+
.field
|
11
|
+
|
12
|
+
// Always use "datetime" when creating new CCK date fields. "date" and "datestamp" are legacy types.
|
13
|
+
.field-type-datetime
|
14
|
+
|
15
|
+
// Field from filefield module
|
16
|
+
.field-type-filefield
|
17
|
+
|
18
|
+
// Field from imagefield module
|
19
|
+
.field-type-image
|
20
|
+
|
21
|
+
.field-type-nodereference
|
22
|
+
|
23
|
+
.field-type-number-decimal
|
24
|
+
|
25
|
+
.field-type-number-float
|
26
|
+
|
27
|
+
.field-type-number-integer
|
28
|
+
|
29
|
+
.field-type-text
|
30
|
+
|
31
|
+
.field-type-userreference
|
32
|
+
|
33
|
+
// Named fields
|
34
|
+
|
35
|
+
// Underscores in field name are replaced with dashes.
|
36
|
+
.field-field-FIELDNAME
|
@@ -0,0 +1,129 @@
|
|
1
|
+
// $Id: forms.css,v 1.2 2009/02/17 05:43:08 johnalbin Exp $
|
2
|
+
|
3
|
+
//
|
4
|
+
@file
|
5
|
+
Form Styling
|
6
|
+
|
7
|
+
// Wrapper for a form element (or group of form elements) and its label
|
8
|
+
.form-item,
|
9
|
+
.form-checkboxes,
|
10
|
+
.form-radios
|
11
|
+
:margin 1em 0
|
12
|
+
|
13
|
+
// Highlight the form elements that caused a form submission error
|
14
|
+
.form-item
|
15
|
+
input,textarea,select
|
16
|
+
.error
|
17
|
+
:border 2px solid #c00
|
18
|
+
// The label for a form element
|
19
|
+
label
|
20
|
+
:display block
|
21
|
+
:font-weight bold
|
22
|
+
// The label for a radio button or checkbox
|
23
|
+
&.option
|
24
|
+
:display inline
|
25
|
+
:font-weight normal
|
26
|
+
|
27
|
+
// The part of the label that indicates a required field
|
28
|
+
.form-required
|
29
|
+
:color #c00
|
30
|
+
|
31
|
+
// The descriptive help text (separate from the label)
|
32
|
+
.form-item .description
|
33
|
+
:font-size 0.85em
|
34
|
+
|
35
|
+
// Pack groups of checkboxes and radio buttons closer together
|
36
|
+
.form-checkboxes,
|
37
|
+
.form-radios
|
38
|
+
.form-item
|
39
|
+
:margin 0.4em 0
|
40
|
+
|
41
|
+
// The submit button
|
42
|
+
.form-submit
|
43
|
+
|
44
|
+
// Inline labels and form divs
|
45
|
+
.container-inline div, .container-inline label
|
46
|
+
:display inline
|
47
|
+
|
48
|
+
// Tips for Drupal's input formats
|
49
|
+
.tips
|
50
|
+
|
51
|
+
// Search (search-theme-form.tpl.php)
|
52
|
+
|
53
|
+
// Wrapper for the search form
|
54
|
+
#search-box
|
55
|
+
|
56
|
+
// Label that says "Search this site:"
|
57
|
+
#edit-search-theme-form-1-wrapper label
|
58
|
+
:display none
|
59
|
+
|
60
|
+
// Search (search-block-form.tpl.php)
|
61
|
+
|
62
|
+
// Wrapper for the search form
|
63
|
+
#search-block-form
|
64
|
+
|
65
|
+
// Label that says "Search this site:"
|
66
|
+
#edit-search-block-form-1-wrapper label
|
67
|
+
:display none
|
68
|
+
|
69
|
+
|
70
|
+
// Drupal's default login form block
|
71
|
+
|
72
|
+
#user-login-form
|
73
|
+
:text-align left
|
74
|
+
|
75
|
+
|
76
|
+
//
|
77
|
+
OpenID
|
78
|
+
|
79
|
+
The default styling for the OpenID login link seems to assume Garland's
|
80
|
+
styling of list items.
|
81
|
+
|
82
|
+
// OpenID creates a new ul above the login form's links.
|
83
|
+
#user-login-form ul
|
84
|
+
// Position OpenID's ul next to the rest of the links.
|
85
|
+
:margin-bottom 0
|
86
|
+
|
87
|
+
// The "Log in using OpenID" links.
|
88
|
+
#user-login-form li.openid-link,
|
89
|
+
#user-login li.openid-link
|
90
|
+
:margin-top 1em
|
91
|
+
// Un-do some of the padding on the ul list.
|
92
|
+
:margin-left -20px
|
93
|
+
:padding-left 20px
|
94
|
+
:background-position left center
|
95
|
+
|
96
|
+
// The "Cancel OpenID login" links.
|
97
|
+
#user-login-form li.user-link,
|
98
|
+
#user-login li.user-link
|
99
|
+
:margin-top 1em
|
100
|
+
:list-style-type disc
|
101
|
+
:list-style-position outside
|
102
|
+
|
103
|
+
// The OpenID links on the /user form.
|
104
|
+
#user-login
|
105
|
+
li.openid-link,
|
106
|
+
li.user-link
|
107
|
+
// Un-do all of the padding on the ul list.
|
108
|
+
:margin-left -2em
|
109
|
+
|
110
|
+
//
|
111
|
+
Drupal admin tables
|
112
|
+
|
113
|
+
We overrode these styles in html-elements.css, but restore them for the admin
|
114
|
+
section of the site.
|
115
|
+
|
116
|
+
form
|
117
|
+
tbody
|
118
|
+
:border-top 1px solid #ccc
|
119
|
+
th
|
120
|
+
:border-bottom 1px solid #ccc
|
121
|
+
th
|
122
|
+
:text-align left
|
123
|
+
:padding-right 1em
|
124
|
+
:border-bottom 3px solid #ccc
|
125
|
+
thead
|
126
|
+
th
|
127
|
+
:text-align left
|
128
|
+
:padding-right 1em
|
129
|
+
:border-bottom 3px solid #ccc
|
@@ -0,0 +1,244 @@
|
|
1
|
+
// $Id: html-elements.css,v 1.5 2009/05/03 15:39:01 johnalbin Exp $
|
2
|
+
|
3
|
+
@import compass/reset
|
4
|
+
|
5
|
+
//
|
6
|
+
@file
|
7
|
+
HTML Element Styling
|
8
|
+
|
9
|
+
This is the "reset" style sheet. It standardizes the properties of the HTML
|
10
|
+
elements across browsers.
|
11
|
+
|
12
|
+
//
|
13
|
+
Fonts
|
14
|
+
|
15
|
+
Our font size and line height declarations are based on the following ALA
|
16
|
+
article:
|
17
|
+
http://www.alistapart.com/articles/howtosizetextincss
|
18
|
+
|
19
|
+
All modern browsrs use a 16px default font size. Specifying the font-size
|
20
|
+
and line-height in ems (relative to the 16px default font) allows the user
|
21
|
+
to resize the font in the browser and produces the most consistent results
|
22
|
+
across different browsers.
|
23
|
+
|
24
|
+
body
|
25
|
+
// Fixes exaggerated text resizing in IE6 and IE7
|
26
|
+
:font-size 100%
|
27
|
+
|
28
|
+
#page
|
29
|
+
// To use a 12px font size on the page, delete the 14px declarations.
|
30
|
+
// to use a 14px font size on the page, delete the 12px declarations.
|
31
|
+
|
32
|
+
// Use a 12px base font size with a 16px line height
|
33
|
+
// 16px x .75 = 12px
|
34
|
+
:font-size 0.75em
|
35
|
+
// 12px x 1.333 = 16px
|
36
|
+
:line-height 1.333em
|
37
|
+
|
38
|
+
// Use a 14px base font size with a 18px line height
|
39
|
+
// 16px x .875 = 14px
|
40
|
+
:font-size 0.875em
|
41
|
+
// 14px x 1.286 = 18px
|
42
|
+
:line-height 1.286em
|
43
|
+
}
|
44
|
+
|
45
|
+
body, caption, th, td, input, textarea, select, option, legend, fieldset
|
46
|
+
//
|
47
|
+
The following font family declarations are based on the Microsoft core
|
48
|
+
web fonts which are common fonts available on most computer systems. The
|
49
|
+
Bitstream Vera fonts are commonly available on Linux systems where the MS
|
50
|
+
fonts are less common.
|
51
|
+
|
52
|
+
A user's web browser will look at the comma-separated list and will
|
53
|
+
attempt to use each font in turn until it finds one that is available
|
54
|
+
on the user's computer. The final "generic" font (sans-serif or serif)
|
55
|
+
hints at what type of font to use if the web browser doesn't find any
|
56
|
+
of the fonts in the list.
|
57
|
+
|
58
|
+
:font-family "Times New Roman", Times, Georgia, "Bitstream Vera Serif", serif
|
59
|
+
:font-family Times, "Times New Roman", Georgia, "Bitstream Vera Serif", serif
|
60
|
+
:font-family Georgia, "Times New Roman", "Bitstream Vera Serif", serif
|
61
|
+
|
62
|
+
:font-family Verdana, Tahoma, Arial, Helvetica, "Bitstream Vera Sans", sans-serif
|
63
|
+
:font-family Tahoma, Verdana, Arial, Helvetica, "Bitstream Vera Sans", sans-serif
|
64
|
+
:font-family Helvetica, Arial, "Bitstream Vera Sans", sans-serif
|
65
|
+
:font-family Arial, Helvetica, "Bitstream Vera Sans", sans-serif
|
66
|
+
|
67
|
+
:font-family "Bitstream Vera Sans Mono", "Courier New", monospace
|
68
|
+
|
69
|
+
:font-family Tahoma, Verdana, Arial, Helvetica, "Bitstream Vera Sans", sans-serif
|
70
|
+
|
71
|
+
pre, code
|
72
|
+
// Monospace fonts can be hard to read
|
73
|
+
:font-size 1.1em
|
74
|
+
:font-family "Bitstream Vera Sans Mono", "Courier New", monospace
|
75
|
+
|
76
|
+
// Headings
|
77
|
+
|
78
|
+
h1
|
79
|
+
:font-size 2em
|
80
|
+
:line-height 1.3em
|
81
|
+
:margin-top 0
|
82
|
+
//
|
83
|
+
0.5em is equavalent to 1em in the page's base font.
|
84
|
+
Remember, a margin specified in ems is relative to
|
85
|
+
the element's font-size, not to the pages' base
|
86
|
+
font size. So, for example, if we want a 1em margin
|
87
|
+
(relative to the base font), we have to divide that
|
88
|
+
length by the element's font-size:
|
89
|
+
1em / 2em = 0.5em
|
90
|
+
:margin-bottom 0.5em
|
91
|
+
|
92
|
+
h2
|
93
|
+
:font-size 1.5em
|
94
|
+
:line-height 1.3em
|
95
|
+
// Equivalent to 1em in the page's base font: 1 / 1.5 = 0.667em
|
96
|
+
:margin-top 0.667em
|
97
|
+
:margin-bottom 0.667em
|
98
|
+
|
99
|
+
h3
|
100
|
+
:font-size 1.3em
|
101
|
+
:line-height 1.3em
|
102
|
+
// Equivalent to 1em in the page's base font: 1 / 1.3 = 0.769
|
103
|
+
:margin-top 0.769em
|
104
|
+
:margin-bottom 0.769em
|
105
|
+
|
106
|
+
h4, h5, h6
|
107
|
+
:font-size 1.1em
|
108
|
+
:line-height 1.3em
|
109
|
+
// Equivalent to 1em in the page's base font: 1 / 1.1 = 0.909
|
110
|
+
:margin-top 0.909em
|
111
|
+
:margin-bottom 0.909em
|
112
|
+
|
113
|
+
// Block-level elements
|
114
|
+
|
115
|
+
p, ul, ol, dl, pre, table, fieldset
|
116
|
+
:margin 1em 0
|
117
|
+
|
118
|
+
blockquote
|
119
|
+
:margin 1em 2em
|
120
|
+
|
121
|
+
// Lists
|
122
|
+
|
123
|
+
ul, ol
|
124
|
+
:margin-left 0
|
125
|
+
:padding-left 2em
|
126
|
+
|
127
|
+
// Drupal overrides
|
128
|
+
.block ul,
|
129
|
+
.item-list ul
|
130
|
+
:margin 1em 0
|
131
|
+
:padding 0 0 0 2em
|
132
|
+
|
133
|
+
ul ul, ul ol,
|
134
|
+
ol ol, ol ul,
|
135
|
+
.block ul ul, .block ul ol,
|
136
|
+
.block ol ol, .block ol ul,
|
137
|
+
.item-list ul ul, .item-list ul ol,
|
138
|
+
.item-list ol ol, .item-list ol ul
|
139
|
+
:margin 0
|
140
|
+
|
141
|
+
li
|
142
|
+
+reset-box-model
|
143
|
+
|
144
|
+
.item-list ul li
|
145
|
+
+reset-box-model
|
146
|
+
:list-style inherit
|
147
|
+
|
148
|
+
ul.menu li,
|
149
|
+
li.expanded,
|
150
|
+
li.collapsed,
|
151
|
+
li.leaf
|
152
|
+
+reset-box-model
|
153
|
+
|
154
|
+
ul
|
155
|
+
:list-style-type disc
|
156
|
+
ul
|
157
|
+
:list-style-type circle
|
158
|
+
ul
|
159
|
+
:list-style-type square
|
160
|
+
ul
|
161
|
+
:list-style-type circle
|
162
|
+
|
163
|
+
ol
|
164
|
+
:list-style-type decimal
|
165
|
+
ol
|
166
|
+
:list-style-type lower-alpha
|
167
|
+
ol
|
168
|
+
:list-style-type decimal
|
169
|
+
|
170
|
+
dt
|
171
|
+
+reset-box-model
|
172
|
+
|
173
|
+
dd
|
174
|
+
:margin 0 0 0 2em
|
175
|
+
:padding 0
|
176
|
+
|
177
|
+
//
|
178
|
+
Links
|
179
|
+
|
180
|
+
The order of link states are based on Eric Meyer's article:
|
181
|
+
http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states
|
182
|
+
|
183
|
+
a:link
|
184
|
+
|
185
|
+
a:visited
|
186
|
+
|
187
|
+
a:hover,
|
188
|
+
a:focus
|
189
|
+
|
190
|
+
a:active
|
191
|
+
|
192
|
+
//
|
193
|
+
Tables
|
194
|
+
|
195
|
+
Drupal provides table styling which is only useful for its admin section
|
196
|
+
forms, so we override this default CSS. (We set it back in forms.css.)
|
197
|
+
|
198
|
+
table
|
199
|
+
:border-collapse collapse
|
200
|
+
// Prevent cramped-looking tables
|
201
|
+
// :width 100%
|
202
|
+
|
203
|
+
th,
|
204
|
+
thead th,
|
205
|
+
tbody th
|
206
|
+
:text-align left
|
207
|
+
:padding-right 0
|
208
|
+
:border-bottom none
|
209
|
+
|
210
|
+
tbody
|
211
|
+
:border-top none
|
212
|
+
|
213
|
+
// Abbreviations
|
214
|
+
|
215
|
+
abbr
|
216
|
+
:border-bottom 1px dotted #666
|
217
|
+
:cursor help
|
218
|
+
:white-space nowrap
|
219
|
+
|
220
|
+
// Date-based "abbreviations" show computer-friendly timestamps which are not human-friendly.
|
221
|
+
abbr.created
|
222
|
+
:border none
|
223
|
+
:cursor auto
|
224
|
+
:white-space normal
|
225
|
+
|
226
|
+
// Images
|
227
|
+
|
228
|
+
img
|
229
|
+
:border 0
|
230
|
+
|
231
|
+
// Horizontal rules
|
232
|
+
|
233
|
+
hr
|
234
|
+
:height 1px
|
235
|
+
:border 1px solid #666
|
236
|
+
|
237
|
+
// Forms
|
238
|
+
|
239
|
+
form
|
240
|
+
+reset-box-model
|
241
|
+
|
242
|
+
fieldset
|
243
|
+
:margin 1em 0
|
244
|
+
:padding 0.5em
|
@@ -1,3 +1,5 @@
|
|
1
|
+
// $Id: layout-fixed.css,v 1.11 2009/04/27 05:01:54 johnalbin Exp $
|
2
|
+
|
1
3
|
@import zen/zen.sass
|
2
4
|
@import compass/utilities/general/float.sass
|
3
5
|
@import compass/utilities/lists.sass
|
@@ -194,6 +196,11 @@ body
|
|
194
196
|
#closure-blocks
|
195
197
|
// See also the #page declaration above that this div shares.
|
196
198
|
|
199
|
+
// Markup free clearing (See: http://www.positioniseverything.net/easyclearing.html )
|
200
|
+
|
201
|
+
.clearfix
|
202
|
+
+clearfix
|
203
|
+
|
197
204
|
// Prevent overflowing content
|
198
205
|
|
199
206
|
#header,
|
@@ -0,0 +1,34 @@
|
|
1
|
+
// $Id: navigation.css,v 1.1 2009/02/02 03:38:46 johnalbin Exp $
|
2
|
+
|
3
|
+
//
|
4
|
+
@file
|
5
|
+
Navigation Styling
|
6
|
+
|
7
|
+
Remember to NOT add padding or margin to your #sidebar-left or #sidebar-right
|
8
|
+
(see the layout.css file.)
|
9
|
+
|
10
|
+
|
11
|
+
// The active item in a Drupal menu
|
12
|
+
|
13
|
+
li a.active
|
14
|
+
:color #000
|
15
|
+
|
16
|
+
// Navigation bar
|
17
|
+
|
18
|
+
#navbar
|
19
|
+
|
20
|
+
#navbar-inner
|
21
|
+
|
22
|
+
// Primary and Secondary links
|
23
|
+
|
24
|
+
#primary
|
25
|
+
|
26
|
+
#secondary
|
27
|
+
|
28
|
+
// Menu blocks
|
29
|
+
|
30
|
+
.block-menu
|
31
|
+
|
32
|
+
// "Menu block" blocks. See http://drupal.org/project/menu_block
|
33
|
+
|
34
|
+
.block-menu_block
|
@@ -0,0 +1,85 @@
|
|
1
|
+
// $Id: nodes.css,v 1.3 2009/05/03 09:45:49 johnalbin Exp $
|
2
|
+
|
3
|
+
//
|
4
|
+
@file
|
5
|
+
Node Styling
|
6
|
+
|
7
|
+
Style anything that isn't in the $content variable.
|
8
|
+
|
9
|
+
|
10
|
+
// Node wrapper
|
11
|
+
.node
|
12
|
+
// Node title
|
13
|
+
h2.title
|
14
|
+
// The picture of the node author
|
15
|
+
.picture
|
16
|
+
// Wrapper for submitted and terms data
|
17
|
+
.meta
|
18
|
+
// The "posted by" information
|
19
|
+
.submitted
|
20
|
+
// Node terms (taxonomy)
|
21
|
+
.terms
|
22
|
+
// Node's content wrapper
|
23
|
+
.content
|
24
|
+
// Node links. See also the ul.links declaration in the pages.css.
|
25
|
+
ul.links
|
26
|
+
|
27
|
+
// Additional wrapper for node
|
28
|
+
.node-inner
|
29
|
+
|
30
|
+
// A sticky node (displayed before others in a list)
|
31
|
+
.sticky
|
32
|
+
|
33
|
+
// Unpublished nodes
|
34
|
+
.node-unpublished
|
35
|
+
// Drupal core uses a #fff4f4 background
|
36
|
+
// :background-color #fff4f4
|
37
|
+
|
38
|
+
// The word "Unpublished" displayed underneath the content.
|
39
|
+
.node-unpublished,
|
40
|
+
.comment-unpublished
|
41
|
+
div.unpublished
|
42
|
+
:height 0
|
43
|
+
:overflow visible
|
44
|
+
:color #d8d8d8
|
45
|
+
:font-size 75px
|
46
|
+
:line-height 1
|
47
|
+
:font-family Impact, "Arial Narrow", Helvetica, sans-serif
|
48
|
+
:font-weight bold
|
49
|
+
:text-transform uppercase
|
50
|
+
:text-align center
|
51
|
+
// A very nice CSS3 property
|
52
|
+
:word-wrap break-word
|
53
|
+
|
54
|
+
// A node created by the current user
|
55
|
+
.node-mine
|
56
|
+
|
57
|
+
// A node displayed as teaser
|
58
|
+
.node-teaser
|
59
|
+
|
60
|
+
//
|
61
|
+
All nodes are given a node-type-FOO class that describes the type of
|
62
|
+
content that it is. If you create a new content type called
|
63
|
+
"my-custom-type", it will receive a "node-type-my-custom-type" class.
|
64
|
+
|
65
|
+
// Page content node
|
66
|
+
.node-type-page
|
67
|
+
|
68
|
+
// Story content node
|
69
|
+
.node-type-story
|
70
|
+
|
71
|
+
// "New" or "Updated" marker for content that is new or updated for the current user
|
72
|
+
.marker
|
73
|
+
:color #c00
|
74
|
+
|
75
|
+
.node.node-unpublished,.comment.comment-unpublished
|
76
|
+
// Otherwise floated pictures will appear below the "Unpublished" text.
|
77
|
+
.picture
|
78
|
+
:position relative
|
79
|
+
|
80
|
+
|
81
|
+
// Preview of the content before submitting new or updated content
|
82
|
+
.preview .node
|
83
|
+
// Drupal core uses a #ffffea background
|
84
|
+
// :background-color #ffffea
|
85
|
+
|
@@ -0,0 +1,220 @@
|
|
1
|
+
// $Id: pages.css,v 1.6 2009/05/03 09:53:28 johnalbin Exp $
|
2
|
+
|
3
|
+
//
|
4
|
+
@file
|
5
|
+
Page Styling
|
6
|
+
|
7
|
+
Style the markup found in page.tpl.php. Also includes some styling of
|
8
|
+
miscellaneous Drupal elements that appear in the $content variable, such as
|
9
|
+
ul.links, .pager, .more-link, etc.
|
10
|
+
|
11
|
+
// Body
|
12
|
+
|
13
|
+
body
|
14
|
+
:margin 0
|
15
|
+
:padding 10px
|
16
|
+
|
17
|
+
#page
|
18
|
+
|
19
|
+
#page-inner
|
20
|
+
|
21
|
+
// Header
|
22
|
+
|
23
|
+
#header
|
24
|
+
|
25
|
+
#header-inner
|
26
|
+
|
27
|
+
// Wrapper for logo, website name, and slogan
|
28
|
+
#logo-title
|
29
|
+
|
30
|
+
// Wrapper for logo
|
31
|
+
#logo
|
32
|
+
:margin 0 10px 0 0
|
33
|
+
:padding 0
|
34
|
+
|
35
|
+
// The actual logo image
|
36
|
+
#logo-image
|
37
|
+
|
38
|
+
// The name of the website
|
39
|
+
#site-name
|
40
|
+
h1&,div&
|
41
|
+
:margin 0
|
42
|
+
:font-size 2em
|
43
|
+
:line-height 1.3em
|
44
|
+
a:link,a:visited
|
45
|
+
:color #000
|
46
|
+
:text-decoration none
|
47
|
+
a:hover
|
48
|
+
:text-decoration underline
|
49
|
+
|
50
|
+
// The slogan (or tagline) of a website
|
51
|
+
#site-slogan
|
52
|
+
|
53
|
+
// Wrapper for any blocks placed in the header region
|
54
|
+
#header-blocks
|
55
|
+
|
56
|
+
// Main (container for everything else)
|
57
|
+
|
58
|
+
#main
|
59
|
+
|
60
|
+
#main-inner
|
61
|
+
|
62
|
+
// Content
|
63
|
+
|
64
|
+
#content
|
65
|
+
|
66
|
+
#content-inner
|
67
|
+
|
68
|
+
// The mission statement of the site (displayed on homepage)
|
69
|
+
#mission
|
70
|
+
|
71
|
+
// Wrapper for any blocks placed in the "content top" region
|
72
|
+
#content-top
|
73
|
+
|
74
|
+
// Wrapper for breadcrumb, title, messages, tabs, and help
|
75
|
+
#content-header
|
76
|
+
|
77
|
+
// The path to the current page in the form of a list of links
|
78
|
+
.breadcrumb
|
79
|
+
// Undo system.css
|
80
|
+
:padding-bottom 0
|
81
|
+
|
82
|
+
//
|
83
|
+
h1.title The title of the page
|
84
|
+
h2.title Block title or the title of a piece of content when it is given in a list of content
|
85
|
+
h3.title Comment title
|
86
|
+
.title
|
87
|
+
h1&,h2&,h3&
|
88
|
+
:margin 0
|
89
|
+
|
90
|
+
// Some tables have rows marked even or odd.
|
91
|
+
tr
|
92
|
+
&.even
|
93
|
+
// Drupal core uses a #eee background
|
94
|
+
//:background-color #eee
|
95
|
+
&.odd
|
96
|
+
// background-color: #eee; // Drupal core uses a #eee background
|
97
|
+
|
98
|
+
// Important messages (status, warning, and error) for the user. See also the declarations in messages.css.
|
99
|
+
div.messages
|
100
|
+
|
101
|
+
// Normal priority messages
|
102
|
+
div.status
|
103
|
+
|
104
|
+
// Medium priority messages
|
105
|
+
.warning
|
106
|
+
// Warnings that are separate from div.messages status messages.
|
107
|
+
// Drupal core uses a #e09010 background
|
108
|
+
// :color #e09010
|
109
|
+
div&,tr&
|
110
|
+
// Drupal core uses: 1px solid #f0c020
|
111
|
+
// :border 1px solid #f0c020
|
112
|
+
|
113
|
+
// Errors that are separate from div.messages status messages.
|
114
|
+
.error
|
115
|
+
// Drupal core uses a #e55 background
|
116
|
+
// :color #e55
|
117
|
+
div&,tr&
|
118
|
+
// High priority messages. See also the .error declaration above.
|
119
|
+
|
120
|
+
// See also the tabs.css file.
|
121
|
+
div.tabs
|
122
|
+
|
123
|
+
// Help text on a page
|
124
|
+
.help
|
125
|
+
:margin 1em 0
|
126
|
+
|
127
|
+
// Link to more help
|
128
|
+
.more-help-link
|
129
|
+
:font-size 0.85em
|
130
|
+
:text-align right
|
131
|
+
|
132
|
+
// Wrapper for the actual page content
|
133
|
+
#content-area
|
134
|
+
|
135
|
+
// List of links
|
136
|
+
ul
|
137
|
+
&.links
|
138
|
+
:margin 1em 0
|
139
|
+
:padding 0
|
140
|
+
&.inline
|
141
|
+
:margin 0
|
142
|
+
:display inline
|
143
|
+
li
|
144
|
+
:display inline
|
145
|
+
:list-style-type none
|
146
|
+
:padding 0 0.5em
|
147
|
+
|
148
|
+
// A list of page numbers when more than 1 page of content is available
|
149
|
+
.pager
|
150
|
+
:clear both
|
151
|
+
:margin 1em 0
|
152
|
+
:text-align center
|
153
|
+
|
154
|
+
// Each page number in the pager list
|
155
|
+
.pager
|
156
|
+
a,strong.pager-current
|
157
|
+
:padding 0.5em
|
158
|
+
|
159
|
+
// The links to the RSS or Atom feeds for the current list of content
|
160
|
+
.feed-icons
|
161
|
+
:margin 1em 0
|
162
|
+
|
163
|
+
// Aggregator, blog, and forum more link
|
164
|
+
.more-link
|
165
|
+
:text-align right
|
166
|
+
|
167
|
+
// Wrapper for any blocks placed in the "content bottom" region
|
168
|
+
#content-bottom
|
169
|
+
|
170
|
+
//
|
171
|
+
Left sidebar
|
172
|
+
|
173
|
+
Remember to NOT add padding or margin to your #sidebar-left
|
174
|
+
(see the layout.css file.)
|
175
|
+
|
176
|
+
#sidebar-left
|
177
|
+
|
178
|
+
#sidebar-left-inner
|
179
|
+
|
180
|
+
//
|
181
|
+
Right sidebar
|
182
|
+
|
183
|
+
Remember to NOT add padding or margin to your #sidebar-right
|
184
|
+
(see the layout.css file.)
|
185
|
+
|
186
|
+
#sidebar-right
|
187
|
+
|
188
|
+
#sidebar-right-inner
|
189
|
+
|
190
|
+
// Footer
|
191
|
+
|
192
|
+
#footer
|
193
|
+
|
194
|
+
#footer-inner
|
195
|
+
|
196
|
+
//
|
197
|
+
Wrapper for the footer message from Drupal's "Site information"
|
198
|
+
and for any blocks placed in the footer region
|
199
|
+
#footer-message
|
200
|
+
|
201
|
+
// Closure
|
202
|
+
|
203
|
+
// Wrapper for any blocks placed in the closure region
|
204
|
+
#closure-blocks
|
205
|
+
|
206
|
+
//
|
207
|
+
Drupal boxes
|
208
|
+
|
209
|
+
Wrapper for Comment form, Comment viewing options, Menu admin, and
|
210
|
+
Search results.
|
211
|
+
|
212
|
+
// Wrapper for box
|
213
|
+
.box
|
214
|
+
// Box title
|
215
|
+
h2.title
|
216
|
+
// Box's content wrapper
|
217
|
+
.content
|
218
|
+
|
219
|
+
// Additional wrapper for box
|
220
|
+
.box-inner
|
@@ -0,0 +1,55 @@
|
|
1
|
+
// $Id: print.css,v 1.4 2009/02/13 06:39:42 johnalbin Exp $
|
2
|
+
|
3
|
+
//
|
4
|
+
@file
|
5
|
+
Print styling
|
6
|
+
|
7
|
+
We provide some sane print styling for Drupal using Zen's layout method.
|
8
|
+
|
9
|
+
|
10
|
+
// underline all links
|
11
|
+
a:link, a:visited
|
12
|
+
:text-decoration underline !important
|
13
|
+
|
14
|
+
// Don't underline header
|
15
|
+
#site-name
|
16
|
+
a:link,a:visited
|
17
|
+
:text-decoration none !important
|
18
|
+
|
19
|
+
// CSS2 selector to add visible href after links
|
20
|
+
#content
|
21
|
+
a:link:after,a:visited:after
|
22
|
+
:content " (" attr(href) ") "
|
23
|
+
:font-size 0.8em
|
24
|
+
:font-weight normal
|
25
|
+
|
26
|
+
// Un-float the content
|
27
|
+
#content,
|
28
|
+
#content-inner
|
29
|
+
:float none
|
30
|
+
:width 100%
|
31
|
+
:margin 0 !important
|
32
|
+
:padding 0 !important
|
33
|
+
|
34
|
+
// Turn off any background colors or images
|
35
|
+
body,
|
36
|
+
#page, #page-inner,
|
37
|
+
#main, #main-inner,
|
38
|
+
#content, #content-inner
|
39
|
+
:color #000
|
40
|
+
:background-color transparent !important
|
41
|
+
:background-image none !important
|
42
|
+
|
43
|
+
// Hide sidebars and nav elements
|
44
|
+
#skip-to-nav, #navbar, #sidebar-left, #sidebar-right, #footer,
|
45
|
+
.breadcrumb, div.tabs, .links, .taxonomy,
|
46
|
+
.book-navigation, .forum-topic-navigation, .pager, .feed-icons
|
47
|
+
:visibility hidden
|
48
|
+
:display none
|
49
|
+
|
50
|
+
//
|
51
|
+
If you un-comment the "page { overflow-y: hidden; }" ruleset, Firefox clips
|
52
|
+
the content after the first page.
|
53
|
+
|
54
|
+
#page
|
55
|
+
:overflow-y visible
|
@@ -1,5 +1,5 @@
|
|
1
1
|
<?php
|
2
|
-
// $Id: template.php,v 1.
|
2
|
+
// $Id: template.php,v 1.20 2009/04/26 14:15:33 johnalbin Exp $
|
3
3
|
|
4
4
|
/**
|
5
5
|
* @file
|
@@ -135,7 +135,7 @@ function STARTERKIT_preprocess_node(&$vars, $hook) {
|
|
135
135
|
// STARTERKIT_preprocess_node_page() or STARTERKIT_preprocess_node_story().
|
136
136
|
$function = __FUNCTION__ . '_' . $vars['node']->type;
|
137
137
|
if (function_exists($function)) {
|
138
|
-
$function($vars);
|
138
|
+
$function($vars, $hook);
|
139
139
|
}
|
140
140
|
}
|
141
141
|
// */
|
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: bangpound-compass-drupal-zen-plugin
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.
|
4
|
+
version: 0.2.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Benjamin Doherty
|
@@ -9,7 +9,7 @@ autorequire:
|
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
11
|
|
12
|
-
date: 2009-
|
12
|
+
date: 2009-05-06 00:00:00 -07:00
|
13
13
|
default_executable:
|
14
14
|
dependencies: []
|
15
15
|
|
@@ -26,15 +26,26 @@ files:
|
|
26
26
|
- Rakefile
|
27
27
|
- VERSION.yml
|
28
28
|
- d6_zen2/sass/zen/_zen.sass
|
29
|
-
- d6_zen2/templates/project/STARTERKIT.info
|
29
|
+
- d6_zen2/templates/project/STARTERKIT.info.txt
|
30
|
+
- d6_zen2/templates/project/backgrounds.sass
|
31
|
+
- d6_zen2/templates/project/blocks.sass
|
32
|
+
- d6_zen2/templates/project/comments.sass
|
30
33
|
- d6_zen2/templates/project/config.rb
|
31
34
|
- d6_zen2/templates/project/favicon.ico
|
35
|
+
- d6_zen2/templates/project/fields.sass
|
36
|
+
- d6_zen2/templates/project/forms.sass
|
37
|
+
- d6_zen2/templates/project/html-elements.sass
|
32
38
|
- d6_zen2/templates/project/layout.sass
|
33
39
|
- d6_zen2/templates/project/logo.png
|
34
40
|
- d6_zen2/templates/project/manifest.rb
|
41
|
+
- d6_zen2/templates/project/navigation.sass
|
42
|
+
- d6_zen2/templates/project/nodes.sass
|
43
|
+
- d6_zen2/templates/project/pages.sass
|
44
|
+
- d6_zen2/templates/project/print.sass
|
35
45
|
- d6_zen2/templates/project/screenshot.png
|
36
46
|
- d6_zen2/templates/project/template.php
|
37
47
|
- d6_zen2/templates/project/theme-settings.php
|
48
|
+
- d6_zen2/templates/project/views-styles.sass
|
38
49
|
- lib/d6_zen2.rb
|
39
50
|
- lib/d6_zen2/compass_plugin.rb
|
40
51
|
has_rdoc: true
|