compass-wordpress 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. data/LICENSE +20 -0
  2. data/README.rdoc +18 -0
  3. data/Rakefile +22 -0
  4. data/VERSION +1 -0
  5. data/lib/compass-wordpress.rb +4 -0
  6. data/lib/wordpress/compass_extension.rb +7 -0
  7. data/sass/wordpress/_library.sass +13 -0
  8. data/sass/wordpress/library/_border_radius.sass +47 -0
  9. data/sass/wordpress/library/_button_style.sass +45 -0
  10. data/sass/wordpress/library/_clearfix.sass +24 -0
  11. data/sass/wordpress/library/_easy_box_shadow.sass +8 -0
  12. data/sass/wordpress/library/_float.sass +16 -0
  13. data/sass/wordpress/library/_gradient.sass +15 -0
  14. data/sass/wordpress/library/_hacks.sass +8 -0
  15. data/sass/wordpress/library/_link_colors.sass +24 -0
  16. data/sass/wordpress/library/_list_borders.sass +7 -0
  17. data/sass/wordpress/library/_opacity.sass +18 -0
  18. data/sass/wordpress/library/_reset.sass +13 -0
  19. data/sass/wordpress/library/_sprite_hover.sass +4 -0
  20. data/sass/wordpress/library/_sprite_img.sass +52 -0
  21. data/sass/wordpress/library/_typography.sass +177 -0
  22. data/sass/wordpress/thematic/_2c_r_fixed.sass +63 -0
  23. data/sass/wordpress/thematic/_default.sass +701 -0
  24. data/sass/wordpress/thematic/_images.sass +41 -0
  25. data/sass/wordpress/thematic/_plugins.sass +13 -0
  26. data/sass/wordpress/thematic/_typography.sass +27 -0
  27. data/templates/project/manifest.rb +4 -0
  28. data/templates/project/print.sass +0 -0
  29. data/templates/project/readme.txt +1 -0
  30. data/templates/project/screen.sass +1 -0
  31. data/templates/project/style.css +20 -0
  32. data/templates/thematic/functions.php +25 -0
  33. data/templates/thematic/manifest.rb +5 -0
  34. data/templates/thematic/print.sass +0 -0
  35. data/templates/thematic/readme.txt +11 -0
  36. data/templates/thematic/screen.sass +8 -0
  37. data/templates/thematic/style.css +20 -0
  38. metadata +102 -0
@@ -0,0 +1,63 @@
1
+ // LAYOUT: One-Column (Right) Fixed
2
+ // DESCRIPTION: Two-column 950px fixed layout with one sidebar right of content
3
+
4
+ body
5
+ min-width: 960px
6
+
7
+ #header
8
+ position: relative
9
+
10
+ #branding
11
+ width: 940px
12
+ margin: 0 auto
13
+
14
+ #access
15
+ position: relative
16
+ overflow: hidden
17
+
18
+ .menu
19
+ width: 940px
20
+ margin: 0 auto
21
+
22
+ #main
23
+ width: 960px
24
+ margin: 0 auto
25
+ overflow: hidden
26
+ position: relative
27
+
28
+ #container
29
+ width: 620px
30
+ float: left
31
+
32
+ #content
33
+ margin: 0 0 0 10px
34
+ width: 540px
35
+ overflow: hidden
36
+
37
+ .main-aside
38
+ width: 300px
39
+ float: right
40
+ position: relative
41
+ right: 10px
42
+
43
+ #secondary
44
+ clear: right
45
+
46
+ #footer
47
+ clear: both
48
+
49
+ #subsidiary
50
+ width: 940px
51
+ margin: 0 auto
52
+ overflow: hidden
53
+ .aside
54
+ width: 300px
55
+ float: left
56
+ margin: 0 20px 0 0
57
+ #third
58
+ margin: 0
59
+
60
+ #siteinfo
61
+ clear: both
62
+ width: 940px
63
+ margin: 0 auto
@@ -0,0 +1,701 @@
1
+
2
+
3
+ // Global Elements
4
+ body, input, textarea
5
+ font: 15px Georgia, serif
6
+ line-height: 22px
7
+
8
+ p, ul, ol, dd, pre
9
+ margin-bottom: 22px
10
+
11
+ pre, code
12
+ font: 14px Monaco, monospace
13
+ line-height: 22px
14
+
15
+ blockquote
16
+ color: #666
17
+ font-style: italic
18
+
19
+ table
20
+ border: 1px solid #ccc
21
+ border-width: 1px 1px 0 1px
22
+ font-size: 13px
23
+ line-height: 18px
24
+ margin: 0 0 22px 0
25
+ text-align: left
26
+
27
+ caption
28
+ text-align: left
29
+
30
+ tr
31
+ border-bottom: 1px solid #ccc
32
+
33
+ th, td
34
+ padding: .7em 1.25em
35
+
36
+ hr
37
+ background-color: #ccc
38
+ border: 0
39
+ color: #ccc
40
+ height: 1px
41
+ margin-bottom: 22px
42
+
43
+ a:link
44
+ color: #004B91
45
+
46
+ a:visited
47
+ color: #743399
48
+
49
+ a:active, a:hover
50
+ color: #FF4B33
51
+
52
+ // Header
53
+ #header
54
+ z-index: 2
55
+
56
+ #branding
57
+ padding: 88px 0 44px 0
58
+
59
+ #blog-title
60
+ font-family: Arial,sans-serif
61
+ font-size: 34px
62
+ font-weight: bold
63
+ line-height: 40px
64
+ a
65
+ color: #000
66
+ text-decoration: none
67
+ &:active, &:hover
68
+ color: #FF4B33
69
+
70
+ #blog-description
71
+ color: #666
72
+ font-size: 13px
73
+ font-style: italic
74
+ font-weight: normal
75
+ line-height: 1.5
76
+ margin: 0
77
+
78
+ // Menu
79
+ .skip-link
80
+ display: none
81
+
82
+ #access
83
+ border-bottom: 1px solid #ccc
84
+ height: 32px
85
+ font-size: 13px
86
+ overflow: visible
87
+ z-index: 100
88
+
89
+ // ESSENTIAL STYLES
90
+ .sf-menu, .sf-menu *
91
+ margin: 0
92
+ padding: 0
93
+ list-style: none
94
+
95
+ .sf-menu
96
+ line-height: 1.0
97
+ ul
98
+ position: absolute
99
+ top: -999em
100
+ // left offset of submenus need to match (see below)
101
+ width: 10em
102
+ li
103
+ width: 100%
104
+ li
105
+ float: left
106
+ position: relative
107
+ // fixes IE7 'sticky bug'
108
+ &:hover
109
+ visibility: inherit
110
+ a
111
+ display: block
112
+ position: relative
113
+
114
+ .sf-menu li:hover ul,
115
+ .sf-menu li.sfHover ul
116
+ left: 0
117
+ // match top ul list item height
118
+ top: 2.5em
119
+ z-index: 99
120
+
121
+ ul.sf-menu li:hover li ul,
122
+ ul.sf-menu li.sfHover li ul
123
+ top: -999em
124
+
125
+ ul.sf-menu li li:hover ul,
126
+ ul.sf-menu li li.sfHover ul
127
+ // match ul width
128
+ left: 10em
129
+ top: 0
130
+
131
+ ul.sf-menu li li:hover li ul,
132
+ ul.sf-menu li li.sfHover li ul
133
+ top: -999em
134
+
135
+ ul.sf-menu li li li:hover ul,
136
+ ul.sf-menu li li li.sfHover ul
137
+ // match ul width
138
+ left: 10em
139
+ top: 0
140
+
141
+
142
+ // THEMATIC SKIN
143
+ .sf-menu
144
+ border-right: 1px solid #ccc
145
+ float: left
146
+ a
147
+ border-left: 1px solid #ccc
148
+ border-top: 1px solid #ccc
149
+ border-bottom: 1px solid #ccc
150
+ color: #666
151
+ padding: 9px 13px
152
+ text-decoration: none
153
+ // visited pseudo selector so IE6 applies text color
154
+ &:visited
155
+ color: inherit
156
+ .current_page_item, .current_page_ancestor, .current_page_parent
157
+ a
158
+ border-bottom-color: #fff
159
+ li
160
+ background: #fff
161
+ li
162
+ background: #fff
163
+ li
164
+ background: #9AAEDB
165
+
166
+ ul
167
+ border-right: 1px solid #ccc
168
+ border-bottom: 1px solid #ccc
169
+ ul
170
+ margin-top: 0
171
+ a
172
+ background: #fafafa
173
+ border-bottom: none
174
+ &:hover
175
+ color: #FF4B33
176
+ li:hover, li.sfHover, a:focus, a:hover, a:active
177
+ background: #fafafa
178
+ outline: 0
179
+ border-bottom-color: #ccc
180
+
181
+ li:hover ul, li.sfHover ul
182
+ // overriding essential styles
183
+ top: 32px
184
+
185
+ // Content
186
+ #main
187
+ clear: both
188
+ padding: 66px 0 22px 0
189
+
190
+ .attachment .page-title
191
+ font-style: italic
192
+
193
+ .page-title
194
+ font-size: 13px
195
+ line-height: 18px
196
+ padding: 0 0 44px 0
197
+ a
198
+ color: #666
199
+ text-decoration: none
200
+ &:active, &:hover
201
+ color: #FF4B33
202
+ span
203
+ font-style: italic
204
+ .meta-nav
205
+ font-style: normal
206
+
207
+ .hentry
208
+ padding: 0 0 22px 0
209
+
210
+ .single .hentry
211
+ padding: 0
212
+
213
+ .home #content .sticky
214
+ border: 1px solid #ccc
215
+ margin: 0 0 66px 0
216
+ padding: 22px 20px 0 20px
217
+
218
+ .entry-title
219
+ font-family: Arial,sans-serif
220
+ font-size: 26px
221
+ font-weight: bold
222
+ line-height: 26px
223
+ padding: 0 0 7px 0
224
+ a
225
+ color: #000
226
+ text-decoration: none
227
+ &:active, &:hover
228
+ color: #FF4B33
229
+
230
+ .entry-meta
231
+ color: #666
232
+ font-size: 13px
233
+ font-style: italic
234
+ line-height: 18px
235
+ .author
236
+ .n
237
+ font-size: 11px
238
+ font-style: normal
239
+ letter-spacing: 0.05em
240
+ text-transform: uppercase
241
+ a
242
+ color: #666
243
+ text-decoration: none
244
+ &:active, &:hover
245
+ color: #FF4B33
246
+ abbr
247
+ border: none
248
+ cursor: text
249
+ font-size: 11px
250
+ font-style: normal
251
+ letter-spacing: 0.05em
252
+ text-transform: uppercase
253
+
254
+ .entry-content
255
+ padding: 22px 0 0 0
256
+ h1, h2
257
+ font-family: Arial,sans-serif
258
+ font-size: 19px
259
+ font-weight: bold
260
+ padding: 28px 0 14px 0
261
+ h3
262
+ font-size: 17px
263
+ font-style: italic
264
+ padding: 28px 0 14px 0
265
+ h4
266
+ font-size: 11px
267
+ font-family: Arial,sans-serif
268
+ font-weight: bold
269
+ text-transform: uppercase
270
+ letter-spacing: 0.05em
271
+ table
272
+ margin-left: 1px
273
+ embed
274
+ margin: 0 0 22px 0
275
+
276
+ .entry-utility
277
+ color: #666
278
+ font-size: 13px
279
+ line-height: 18px
280
+ margin: 0 0 44px 0
281
+ a
282
+ color: #666
283
+ font-style: italic
284
+ text-decoration: none
285
+ &:active, &:hover
286
+ color: #FF4B33
287
+
288
+ .page-link
289
+ font-size: 13px
290
+ font-weight: bold
291
+ line-height: 18px
292
+ margin: 0 0 22px 0
293
+ padding: 22px 0 0 0
294
+ word-spacing: 0.5em
295
+ a
296
+ border: 1px solid #ccc
297
+ color: #666
298
+ font-weight: normal
299
+ padding: 0.5em 0.75em
300
+ text-decoration: none
301
+ &:active, &:hover
302
+ color: #FF4B33
303
+
304
+ #links-page, #archives-page
305
+ list-style: none
306
+ margin-left: 0
307
+ overflow: hidden
308
+ .content-column
309
+ float: left
310
+ margin-right: 20px
311
+ width: 45%
312
+
313
+ .gallery
314
+ padding: 0 0 22px 0
315
+
316
+ .wp-caption-text, .gallery-caption
317
+ color: #666
318
+ font-size: 13px
319
+ line-height: 18px
320
+
321
+ #author-info
322
+ margin: 0 0 44px 0
323
+ overflow: hidden
324
+ .avatar
325
+ float: left
326
+ margin: .3em 1em 0 0
327
+
328
+ // Attachments
329
+ .attachment-jpeg #container,
330
+ .attachment-png #container
331
+ width: 100%
332
+
333
+ .attachment-jpeg #content,
334
+ .attachment-png #content
335
+ width: 930px
336
+
337
+ .attachment-jpeg #comments,
338
+ .attachment-png #comments
339
+ width: 540px
340
+ overflow: hidden
341
+
342
+ .attachment-jpeg .main-aside,
343
+ .attachment-png .main-aside
344
+ display: none
345
+
346
+ // Navigation
347
+ .navigation
348
+ color: #666
349
+ font-size: 13px
350
+ line-height: 18px
351
+ margin: 0px 0 22px 0
352
+ overflow: hidden
353
+ a
354
+ color: #666
355
+ font-style: italic
356
+ text-decoration: none
357
+ &:active, &:hover
358
+ color: #FF4B33
359
+ .meta-nav
360
+ font-style: normal
361
+
362
+ .nav-previous
363
+ float: left
364
+ width: 50%
365
+
366
+ .nav-next
367
+ float: right
368
+ width: 50%
369
+ text-align: right
370
+
371
+ #nav-above, #nav-below
372
+ width: 100%
373
+
374
+ #nav-above
375
+ display: none
376
+
377
+ .paged #nav-above
378
+ display: block
379
+ padding: 0 0 44px 0
380
+
381
+ // Comments
382
+ #comments,
383
+ #comments input,
384
+ #comments textarea
385
+ font-size: 13px
386
+ line-height: 18px
387
+
388
+ #comments
389
+ padding: 22px 0 0 0
390
+ code
391
+ font-size: 12px
392
+ line-height: 18px
393
+ h3
394
+ font-family: Arial,sans-serif
395
+ font-size: 15px
396
+ font-weight: bold
397
+ line-height: 22px
398
+ padding: 0 0 18px 0
399
+
400
+ #comments-list
401
+ padding: 0 0 18px 0
402
+ ol, ul
403
+ list-style: none
404
+ margin: 0
405
+ ol
406
+ border: 1px solid #ccc
407
+ border-bottom: none
408
+ margin: 0 0 18px 0
409
+ li
410
+ background: #fafafa
411
+ border: 1px solid #ccc
412
+ margin: 0 0 18px 0
413
+ padding: 18px 1.5em 0 1.5em
414
+ position: relative
415
+ &.alt
416
+ background: #fff
417
+ &.bypostauthor
418
+ background: #FFFFCC
419
+ &.avatar
420
+ position: absolute
421
+ top: 22px
422
+ left: 1.5em
423
+ width: 36px
424
+ height: 36px
425
+ .comment-author
426
+ font-weight: bold
427
+ padding: 9px 0 0 46px
428
+ .comment-meta
429
+ color: #666
430
+ font-size: 11px
431
+ padding: 0 0 9px 46px
432
+ a
433
+ color: #666
434
+ font-style: italic
435
+ text-decoration: none
436
+ &:active, &:hover
437
+ color: #FF4B33
438
+
439
+ .comment-reply-link
440
+ font-size: 11px
441
+ padding: 0 0 18px 0
442
+ text-align: right
443
+ a
444
+ color: #666
445
+ font-style: italic
446
+ text-decoration: none
447
+ &:active, &:hover
448
+ color: #FF4B33
449
+
450
+ .comment-navigation
451
+ font-weight: bold
452
+ padding: 0 0 18px 0
453
+ margin-right: 0.5em
454
+ a
455
+ border: 1px solid #ccc
456
+ color: #666
457
+ font-weight: normal
458
+ padding: 0.5em 0.75em
459
+ text-decoration: none
460
+ &:active, &:hover
461
+ color: #FF4B33
462
+ a, span
463
+ margin-right: 0.5em
464
+
465
+ #trackbacks-list .comment-content
466
+ position: absolute
467
+ left: -9000px
468
+
469
+ #respond
470
+ background: #fff
471
+ margin-bottom: 22px
472
+ overflow: hidden
473
+ padding: 18px 0 0 0
474
+ position: relative
475
+
476
+ #comments-list #respond
477
+ border-bottom: 1px solid #ccc
478
+ margin: 0 0 18px 0
479
+ padding: 18px 1.5em
480
+ ul #respond
481
+ border: 1px solid #ccc
482
+ margin: 0
483
+
484
+ #cancel-comment-reply
485
+ font-size: 11px
486
+ position: absolute
487
+ top: 18px
488
+ right: 1.5em
489
+ a
490
+ color: #666
491
+
492
+ #respond .required
493
+ color: #FF4B33
494
+ font-weight: bold
495
+
496
+ .form-section
497
+ label
498
+ font-size: 11px
499
+ input
500
+ margin: 0 0 18px 0
501
+ width: 98%
502
+ textarea
503
+ width: 99%
504
+
505
+ #form-allowed-tags
506
+ p
507
+ color: #666
508
+ font-size: 11px
509
+ margin: 0
510
+ span
511
+ font-style: italic
512
+ code
513
+ font-size: 11px
514
+ line-height: normal
515
+
516
+ .form-submit
517
+ padding: 18px 0 0 0
518
+ text-align: right
519
+
520
+ .subscribe-to-comments
521
+ color: #666
522
+ float: left
523
+ font-size: 11px
524
+ margin: 0
525
+ padding: 18px 0 0 0
526
+
527
+ .solo-subscribe-to-comments
528
+ color: #666
529
+ font-size: 11px
530
+ padding: 18px 0 0 0
531
+
532
+ .comment_license
533
+ color: #666
534
+ clear: both
535
+ font-size: 11px
536
+ margin: 0
537
+ padding: 18px 0 0 0
538
+
539
+
540
+ // Asides, Sidebars & Widget-Ready Areas
541
+ .aside,
542
+ .aside input
543
+ font-size: 13px
544
+ line-height: 18px
545
+ margin-bottom: 6px
546
+
547
+ .aside
548
+ color: #666
549
+ .current_page_item
550
+ a
551
+ color: #FF4B33
552
+ .page_item
553
+ a
554
+ color: #666
555
+ &:hover, &:active
556
+ color: #FF4B33
557
+ #searchsubmit
558
+ display: none
559
+ .widget_tag_cloud
560
+ margin: 0 0 22px 0
561
+ p, ul, ol, dd, pre
562
+ margin-bottom: 18px
563
+ pre, code
564
+ font-size: 12px
565
+ line-height: 18px
566
+ h3
567
+ font-size: 15px
568
+ font-style: italic
569
+ line-height: 22px
570
+ a
571
+ text-decoration: none
572
+ caption
573
+ font-size: 11px
574
+ font-family: Arial,sans-serif
575
+ font-weight: bold
576
+ text-transform: uppercase
577
+ letter-spacing: 0.05em
578
+ a
579
+ color: #666
580
+ &:active, &:hover
581
+ color: #FF4B33
582
+ ul
583
+ list-style: none
584
+ margin-left: 0
585
+ ul ul
586
+ list-style: disc
587
+ margin: 0 0 22px 20px
588
+ ul ul li
589
+ padding: 1px 0
590
+ ul ul ul
591
+ margin-bottom: 0
592
+ form, table
593
+ margin-bottom: 22px
594
+ table
595
+ border: none
596
+ thead
597
+ border: 1px solid #ccc
598
+ tbody
599
+ border: 1px solid #ccc
600
+ th, td
601
+ border-right: 1px solid #ccc
602
+ padding: .25em .8em
603
+ tfoot
604
+ tr
605
+ border: none
606
+ td
607
+ border-color: transparent
608
+
609
+ // Main Asides
610
+ .main-aside
611
+ ul
612
+ padding: 0 20px
613
+ ul ul
614
+ padding: 0
615
+
616
+ #primary
617
+ border: 1px solid #ccc
618
+ padding: 18px 0 0 0
619
+ margin-bottom: 22px
620
+
621
+ // Content Asides
622
+ #content
623
+ .aside
624
+ border: 1px solid #ccc
625
+ margin: 0 0 22px 0
626
+ padding: 18px 0 0 0
627
+ h3
628
+ font-family: Georgia,serif
629
+ font-weight: normal
630
+ font-size: 17px
631
+ font-style: italic
632
+ padding: 0 0 7px 0
633
+ text-transform: none
634
+ ul
635
+ padding: 0 20px
636
+ ul ul
637
+ padding: 0
638
+
639
+ // Footer Asides
640
+ #subsidiary
641
+ padding: 33px 0 0 0
642
+
643
+ // Footer
644
+ #footer
645
+ border-top: 1px solid #ccc
646
+ margin-top: 22px
647
+
648
+ #siteinfo
649
+ color: #666
650
+ font-size: 11px
651
+ line-height: 18px
652
+ padding: 22px 0 44px 0
653
+ a
654
+ color: #666
655
+ &:active, &:hover
656
+ color: #FF4B33
657
+
658
+ // PageNavi
659
+ /* Using !important to override PageNavi CSS */
660
+
661
+ .wp-pagenavi
662
+ +global-reset
663
+ margin: 0
664
+ padding: 0
665
+
666
+ .wp-pagenavi
667
+ margin: 0 0 0 -.5em
668
+ padding: 0.5em 0
669
+ a, a:link, span
670
+ border: 1px solid #ccc
671
+ color: #666
672
+ font-style: normal
673
+ margin: 0 .375em
674
+ padding: 0.5em 0.25em
675
+ a:visited
676
+ border: 1px solid #ccc
677
+ color: #666
678
+ a:hover
679
+ border: 1px solid #ccc
680
+ color: #FF4B33
681
+ a:active
682
+ border: 1px solid #ccc
683
+ color: #FF4B33
684
+ span
685
+ &.pages
686
+ border: none
687
+ color: #666
688
+ margin: 0
689
+ padding: 0
690
+ &.current
691
+ border: none
692
+ color: #666
693
+ font-weight: normal
694
+ margin: 0
695
+ padding: 0
696
+ &.extend
697
+ background-color: #FFFFFF
698
+ border: 1px solid #000000
699
+ color: #000000
700
+ margin: 2px
701
+ padding: 2px 4px