egghead-styles 1.0.29

Sign up to get free protection for your applications and to get access to all the features.
Files changed (81) hide show
  1. checksums.yaml +7 -0
  2. data/README.md +36 -0
  3. data/app/assets/images/elements/egg.svg +8 -0
  4. data/app/assets/images/elements/section-title-bg.png +0 -0
  5. data/app/assets/stylesheets/_old/admin/dashboard.css.scss +7 -0
  6. data/app/assets/stylesheets/_old/admin/discount_codes.css.scss +3 -0
  7. data/app/assets/stylesheets/_old/admin/promos.css.scss +3 -0
  8. data/app/assets/stylesheets/_old/admin/special_offers.css.scss +3 -0
  9. data/app/assets/stylesheets/_old/components/_jumbotron.css.scss +65 -0
  10. data/app/assets/stylesheets/_old/components/_navbar.css.scss +91 -0
  11. data/app/assets/stylesheets/_old/components/_pricing-table.css.scss +188 -0
  12. data/app/assets/stylesheets/_old/components/_sales-item.css.scss +29 -0
  13. data/app/assets/stylesheets/_old/components/_search.css.scss +81 -0
  14. data/app/assets/stylesheets/_old/components/components.css.scss +5 -0
  15. data/app/assets/stylesheets/_old/forum/egghead/admin/groups.css.scss +7 -0
  16. data/app/assets/stylesheets/_old/forum/egghead/forums.css.scss +24 -0
  17. data/app/assets/stylesheets/_old/forum/egghead/topics.css.scss +23 -0
  18. data/app/assets/stylesheets/_old/forum/forum-egghead.css.scss +2 -0
  19. data/app/assets/stylesheets/_old/instructor/dashboard.css.scss +3 -0
  20. data/app/assets/stylesheets/_old/koudoku/pricing-table.css.scss +93 -0
  21. data/app/assets/stylesheets/_old/pages/articles/articles.css.scss +189 -0
  22. data/app/assets/stylesheets/_old/pages/home/home.css.scss +29 -0
  23. data/app/assets/stylesheets/_old/pages/instructor/instructor.css.scss +12 -0
  24. data/app/assets/stylesheets/_old/pages/jobs/jobs.css.scss +117 -0
  25. data/app/assets/stylesheets/_old/pages/lessons/lessons.css.scss +321 -0
  26. data/app/assets/stylesheets/_old/pages/pages.css.scss +7 -0
  27. data/app/assets/stylesheets/_old/pages/series/series.css.scss +0 -0
  28. data/app/assets/stylesheets/_old/pages/training/training.css.scss +19 -0
  29. data/app/assets/stylesheets/_old/player.css.scss +1 -0
  30. data/app/assets/stylesheets/_old/scaffolds.css.scss +69 -0
  31. data/app/assets/stylesheets/_old/socialbar.css.scss +71 -0
  32. data/app/assets/stylesheets/_old/syntax.css.scss +81 -0
  33. data/app/assets/stylesheets/_old/util/_padding.css.scss +8 -0
  34. data/app/assets/stylesheets/_old/util/util.css.scss +1 -0
  35. data/app/assets/stylesheets/application.css.scss +85 -0
  36. data/app/assets/stylesheets/components/_advantages.css.scss +17 -0
  37. data/app/assets/stylesheets/components/_autocomplete-input.css.scss +74 -0
  38. data/app/assets/stylesheets/components/_cc-form.css.scss +99 -0
  39. data/app/assets/stylesheets/components/_corporate-logos.css.scss +27 -0
  40. data/app/assets/stylesheets/components/_home.css.scss +15 -0
  41. data/app/assets/stylesheets/components/_instructor-list.css.scss +29 -0
  42. data/app/assets/stylesheets/components/_onoff_switch.css.scss +46 -0
  43. data/app/assets/stylesheets/components/_pricing-grid.css.scss +177 -0
  44. data/app/assets/stylesheets/components/_search.css.scss +321 -0
  45. data/app/assets/stylesheets/components/forum/_forum.scss +267 -0
  46. data/app/assets/stylesheets/components/forum/_posts.scss +105 -0
  47. data/app/assets/stylesheets/components/lessons/_lesson-email-blocker.css.scss +83 -0
  48. data/app/assets/stylesheets/components/lessons/_lesson-playlist-control.css.scss +301 -0
  49. data/app/assets/stylesheets/components/lessons/_lesson-review-page.css.scss +30 -0
  50. data/app/assets/stylesheets/components/lessons/_lesson-series-list.css.scss +170 -0
  51. data/app/assets/stylesheets/components/lessons/_lesson_pro_placeholder.css.scss +0 -0
  52. data/app/assets/stylesheets/components/lessons/_lessons-list.scss +52 -0
  53. data/app/assets/stylesheets/components/lessons/_popular-lesson-list.css.scss +69 -0
  54. data/app/assets/stylesheets/components/playlists/_add-to-button.scss +289 -0
  55. data/app/assets/stylesheets/components/playlists/_playlist.css.scss +29 -0
  56. data/app/assets/stylesheets/components/technology/_technology-pages.css.scss +3 -0
  57. data/app/assets/stylesheets/components/technology/page-all-technologies/_page-all-technologies.css.scss +798 -0
  58. data/app/assets/stylesheets/components/technology/page-single-technology/_page-single-technology.css.scss +1 -0
  59. data/app/assets/stylesheets/components/technology/shared/_shared.css.scss +66 -0
  60. data/app/assets/stylesheets/globals/_bootstrap-and-overrides.css.scss +66 -0
  61. data/app/assets/stylesheets/globals/_colors.css.scss +23 -0
  62. data/app/assets/stylesheets/globals/_fonts.css.scss +1533 -0
  63. data/app/assets/stylesheets/globals/_grid-helpers.scss +26 -0
  64. data/app/assets/stylesheets/globals/_mixins.css.scss +129 -0
  65. data/app/assets/stylesheets/globals/_variables.css.scss +144 -0
  66. data/app/assets/stylesheets/plugins/chosen.css.scss +93 -0
  67. data/app/assets/stylesheets/plugins/flipclock.css.scss +440 -0
  68. data/app/assets/stylesheets/sections/_footer.css.scss +87 -0
  69. data/app/assets/stylesheets/sections/_header.css.scss +256 -0
  70. data/app/assets/stylesheets/sections/_hero.css.scss +455 -0
  71. data/app/assets/stylesheets/shared/_alerts.css.scss +46 -0
  72. data/app/assets/stylesheets/shared/_buttons.css.scss +54 -0
  73. data/app/assets/stylesheets/shared/_forms.css.scss +478 -0
  74. data/app/assets/stylesheets/shared/_miscellaneous.scss +7 -0
  75. data/app/assets/stylesheets/shared/_pagination.scss +80 -0
  76. data/app/assets/stylesheets/shared/_styles.css.scss +1373 -0
  77. data/app/assets/stylesheets/shared/_titles.css.scss +39 -0
  78. data/app/assets/stylesheets/shared/_typography.css.scss +305 -0
  79. data/lib/egghead/styles.rb +10 -0
  80. data/lib/egghead/styles/version.rb +5 -0
  81. metadata +152 -0
@@ -0,0 +1,81 @@
1
+ .st-result-listing {
2
+ font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
3
+ font-size: 13px;
4
+ letter-spacing: 0.8px;
5
+ margin-top: 40px;
6
+ }
7
+
8
+ form input.st-search-input {
9
+ font-size: 12px;
10
+ padding: 5px 9px 5px 27px;
11
+ height: 18px;
12
+ width: 200px;
13
+ color: #666;
14
+ border: 1px solid #ccc;
15
+ outline: none;
16
+ background: #fcfcfc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUFJREFUeNqU0j0oRWEcx/Hj3ifvlMHL7C1lY7mDwUBKkoksBjKJxWIQu7xlOybDLVGukhhMZDFbxGBS8nIjKR3E96nf0dPjuuVfn+6tc35P//P8/yYMw8CpbgygGQlcYw8H+Ai8MvotxQImgt81hk1M4cEPF2IV43jCGo7wjk5MYhhlGMKbG+7BKO4wiGPn8DO1vIN+jGA9fpjQaUksecG4zjGPL3VQ5IZb9OAw+LtO1FkjatxwUuEoTzjSbRu9/xO+0W97nnArqvXuoxve1/9p1OUIlmNGU7EX9+KGt3GKNuyiC5WoQAe2NJFP3PpzzmoR0khpxle6h3pnkeKJPCPjbtglerVFfWhSVxfqJtK4qrChTMY4XdjVm9O21aIA92LrFcv6HHtAsclxQVnxa0WfsqgDUib4X9muStCA2W8BBgDJ0EeGeFZ8WAAAAABJRU5ErkJggg==) no-repeat 7px 7px;
17
+ }
18
+
19
+ div.st-search-summary {
20
+ border-bottom: 1px solid #ccc;
21
+ padding-bottom: 7px;
22
+ margin: 12px 0;
23
+ }
24
+
25
+ div.st-result-listing {
26
+ width: 600px;
27
+ }
28
+
29
+ div.st-result-listing h2 {
30
+ font-size: 13px;
31
+ font-weight: normal;
32
+ color: #333;
33
+ margin: 0;
34
+ }
35
+
36
+ div.st-result-listing h2 .st-query {
37
+ font-style: italic;
38
+ color: #666;
39
+ }
40
+
41
+ div.st-result-listing h3 {
42
+ font-size: 12px;
43
+ margin: 5px 0;
44
+ }
45
+
46
+ div.st-result {
47
+ border-bottom: 1px solid #ddd;
48
+ padding-bottom: 12px;
49
+ margin-bottom: 12px;
50
+ }
51
+
52
+ div.st-result.final {
53
+ border-bottom: none;
54
+ margin-bottom: 0;
55
+ }
56
+
57
+ div.st-result .st-snippet {
58
+ color: #333;
59
+ }
60
+
61
+ div.st-result .st-date {
62
+ color: #999;
63
+ }
64
+
65
+ .st-pagination {
66
+ border-top: 1px solid #ccc;
67
+ margin-top: 5px;
68
+ padding-top: 5px;
69
+ }
70
+
71
+ .st-prev {
72
+ margin-right: 20px;
73
+ }
74
+
75
+ .st-loading-message {
76
+ font-size: 16px;
77
+ font-style: italic;
78
+ color: #999;
79
+ margin: 10px auto;
80
+ }
81
+
@@ -0,0 +1,5 @@
1
+ @import "navbar";
2
+ @import "sales-item";
3
+ @import "jumbotron";
4
+ @import "search";
5
+ @import "pricing-table";
@@ -0,0 +1,7 @@
1
+ #groups thead th {
2
+ background: #0088cc;
3
+ color: white;
4
+ padding: 10px;
5
+ border-bottom: 3px solid #232323;
6
+ font-size: 110%;
7
+ }
@@ -0,0 +1,24 @@
1
+ .forum .title {
2
+ font-size: 25px;
3
+ }
4
+
5
+ .forums thead th {
6
+ background: #0088cc;
7
+ color: white;
8
+ padding: 10px;
9
+ border-bottom: 3px solid #232323;
10
+ font-size: 110%;
11
+ }
12
+
13
+ .forums .last_post {
14
+ font-style: italic;
15
+
16
+ time {
17
+ color: #aaa;
18
+ font-size: 75%;
19
+ }
20
+ }
21
+
22
+ #forum #forum_topic_links {
23
+ margin-bottom: 10px;
24
+ }
@@ -0,0 +1,23 @@
1
+ .topics thead th {
2
+ background: #0088cc;
3
+ color: white;
4
+ padding: 5px;
5
+ border-bottom: 3px solid #232323;
6
+ font-size: 110%;
7
+ }
8
+
9
+ .topic td.byline {
10
+ padding: 10px;
11
+ }
12
+
13
+ .topic .subject {
14
+ font-size: 20px;
15
+ }
16
+
17
+ .new_topic textarea {
18
+ min-height: 250px;
19
+ }
20
+
21
+ #topic #menu {
22
+ margin-bottom: 10px;
23
+ }
@@ -0,0 +1,2 @@
1
+ //@import "../../_globals/bootstrap-and-overrides";
2
+ @import "egghead/*";
@@ -0,0 +1,3 @@
1
+ // Place all the styles related to the instructor/dashboard controller here.
2
+ // They will automatically be included in application.css.
3
+ // You can use Sass (SCSS) here: http://sass-lang.com/
@@ -0,0 +1,93 @@
1
+ .card-cvc {
2
+ width: auto;
3
+ }
4
+ ul.koudoku-pricing-table {
5
+
6
+ position: relative;
7
+ margin: 20px 0;
8
+ padding: 0px;
9
+ list-style-type: none;
10
+
11
+ .pricing-logo {
12
+ height: 150px;
13
+ width: auto;
14
+ text-align: center;
15
+ }
16
+
17
+
18
+ li.plan {
19
+
20
+ text-align: center;
21
+
22
+ margin-top: 17px;
23
+
24
+ margin-left: 0;
25
+
26
+ position: relative;
27
+ z-index: 99;
28
+
29
+ .thumbnail {
30
+ background-color: #f5f5f5;
31
+ }
32
+ &.plan-primary {
33
+ .thumbnail {
34
+ background-color: #f9f9f9;
35
+ }
36
+
37
+ margin-top: 0px;
38
+
39
+ margin-left: -5px;
40
+ margin-right: -5px;
41
+
42
+ z-index: 100;
43
+
44
+ h3 {
45
+ font-size: 32.5px;
46
+ line-height: 51px;
47
+ }
48
+ h4 {
49
+ line-height: 22px;
50
+ }
51
+ a, input[type=submit] {
52
+ font-size: 21.5px;
53
+ line-height: 26px;
54
+ }
55
+ ul.features {
56
+ margin-bottom: 12px;
57
+ li {
58
+ font-size: 12pt;
59
+ }
60
+ }
61
+ }
62
+
63
+ .call-to-action {
64
+ margin: 10px 0;
65
+ }
66
+
67
+ .features {
68
+ margin: 0;
69
+ li {
70
+ list-style: none;
71
+ padding: 8px;
72
+ line-height: 18px;
73
+ vertical-align: top;
74
+ border-top: 1px solid #dddddd;
75
+ }
76
+ li:first-child {
77
+ border-top: none;
78
+ }
79
+ }
80
+
81
+ }
82
+
83
+
84
+ .social-proof {
85
+ padding: 17px 0;
86
+ blockquote {
87
+ h2, h3, h4 {
88
+ padding: 5px 0;
89
+ }
90
+ }
91
+ }
92
+
93
+ }
@@ -0,0 +1,189 @@
1
+ .articles-list {
2
+ @extend .list-unstyled;
3
+ .articles-list-item {
4
+ background: $site-color-grey;
5
+ padding: 40px;
6
+ margin-bottom: 2px;
7
+ &:last-child {
8
+ margin-bottom: 0;
9
+ }
10
+ @include respond-to(tablets-small) {
11
+ padding: 20px;
12
+ }
13
+ @include respond-to(phones) {
14
+ padding: 10px;
15
+ }
16
+ .title {
17
+ font-size: 24px;
18
+ line-height: 28px;
19
+ font-weight: 600;
20
+ a {
21
+ &:hover {
22
+ text-decoration: underline;
23
+ }
24
+ }
25
+ }
26
+ }
27
+ .article-image-holder {
28
+ padding-left: 40px;
29
+ text-align: right;
30
+ width: 240px;
31
+ @include respond-to(tablets-small) {
32
+ padding-left: 30px;
33
+ }
34
+ @include respond-to(phones) {
35
+ padding-left: 0;
36
+ }
37
+ img {
38
+ width: 170px;
39
+ display: block;
40
+ @include respond-to(tablets-small) {
41
+ width: 130px;
42
+ }
43
+ @include respond-to(phones) {
44
+ width: 100%;
45
+ }
46
+ }
47
+ }
48
+ .article-item-text {
49
+ font-size: 16px;
50
+ line-height: 22px;
51
+ color: $site-color-medium-graphite;
52
+ }
53
+ .read-more {
54
+ a {
55
+ color: $link-color;
56
+ }
57
+ .icon {
58
+ font-size: 12px;
59
+ color: $link-color;
60
+ }
61
+ .icon-right {
62
+ margin-left: 3px;
63
+ }
64
+ }
65
+ .article-content-holder,
66
+ .article-image-holder {
67
+ @include respond-to(phones) {
68
+ display: block;
69
+ margin-bottom: 20px;
70
+ width: 100%;
71
+ padding-left: 0;
72
+ &:last-child {
73
+ margin-bottom: 0;
74
+ }
75
+ }
76
+ }
77
+ }
78
+
79
+ .article-content {
80
+ padding-bottom: 30px;
81
+ line-height: 26px;
82
+ p {
83
+ margin-bottom: 20px;
84
+ }
85
+ h3 {
86
+ margin-bottom: 20px;
87
+ }
88
+ .lesson-info-box {
89
+ margin-top: 35px;
90
+ margin-bottom: 35px;
91
+ padding: 40px;
92
+ background: $site-color-grey;
93
+ @extend .clearfix;
94
+ .part-description {
95
+ overflow: hidden;
96
+ }
97
+ .text {
98
+ font-size: 16px;
99
+ line-height: 22px;
100
+ margin-bottom: 30px;
101
+ }
102
+ .part-video-holder {
103
+ float: right;
104
+ padding-left: 40px;
105
+ }
106
+ @include respond-to(phones) {
107
+ margin-top: 25px;
108
+ margin-bottom: 25px;
109
+ padding: 20px;
110
+ .part-video-holder {
111
+ float: none;
112
+ margin-bottom: 25px;
113
+ padding: 0;
114
+ img {
115
+ width: 100%;
116
+ }
117
+ }
118
+ }
119
+ }
120
+ }
121
+ .article-header-title {
122
+ margin-bottom: 25px;
123
+ }
124
+ .article-author {
125
+ display: block;
126
+ margin-bottom: 30px;
127
+ }
128
+ .article-header-image {
129
+ margin-bottom: 30px;
130
+ > img {
131
+ @extend .img-responsive;
132
+ }
133
+ }
134
+ .link-watch-now {
135
+ font-size: 16px;
136
+ line-height: 22px;
137
+ .icon {
138
+ font-size: 14px;
139
+ margin-left: 2px;
140
+ }
141
+ }
142
+
143
+ // Author Info
144
+ .author-info-holder {
145
+ @extend .media;
146
+ margin: 0 0 30px 0;
147
+ padding: 30px 40px;
148
+ background: $site-color-blue-light;
149
+ .part-avatar {
150
+ @extend .media-left;
151
+ padding-right: 30px;
152
+ }
153
+ .part-description {
154
+ @extend .media-body;
155
+ }
156
+ .avatar {
157
+ width: 150px;
158
+ }
159
+ .author-title {
160
+ margin: 15px 0 10px 0;
161
+ &:hover {
162
+ a {
163
+ text-decoration: underline;
164
+ }
165
+ }
166
+ }
167
+ @include respond-to(phones) {
168
+ margin: 0 0 25px 0;
169
+ padding: 20px;
170
+ .part-avatar {
171
+ padding-right: 0;
172
+ display: block;
173
+ margin-bottom: 15px;
174
+ text-align: center;
175
+ }
176
+ .part-description {
177
+ display: block;
178
+ width: 100%;
179
+ }
180
+ .avatar {
181
+ display: inline-block;
182
+ width: 70px;
183
+ }
184
+ .author-title {
185
+ margin-top: 0;
186
+ text-align: center;
187
+ }
188
+ }
189
+ }
@@ -0,0 +1,29 @@
1
+ .thumbnail {
2
+
3
+ .lesson-header {
4
+ text-align: center;
5
+ .pro-badge {
6
+ background-color: $pro-badge-background;
7
+ @include border-radius(3px);
8
+ padding-left: 3px;
9
+ padding-right: 3px;
10
+ font-weight: bold;
11
+ color: $pro-badge-foreground;
12
+ display: inline-block;
13
+ }
14
+ .title {
15
+ display: inline-block;
16
+ padding-right: 3px;
17
+ }
18
+
19
+ }
20
+ }
21
+
22
+ .cta-home {
23
+ background-color: #f1f5f7;
24
+ padding: 15px;
25
+ @include border-radius(10px);
26
+ border: 1px solid #777777
27
+ }
28
+
29
+ input[type="text"]#website { display: none; }