compass-wordpress 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
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