codebuild 0.5.0 → 0.6.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (175) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +5 -0
  3. data/LICENSE.txt +1 -1
  4. data/README.md +10 -2
  5. data/docs/.gitignore +4 -0
  6. data/docs/CNAME +1 -0
  7. data/docs/Gemfile +3 -0
  8. data/docs/LICENSE +21 -0
  9. data/docs/README.md +25 -0
  10. data/docs/_config.yml +73 -0
  11. data/docs/_docs/contributing.md +99 -0
  12. data/docs/_docs/conventions.md +51 -0
  13. data/docs/_docs/deploy.md +69 -0
  14. data/docs/_docs/dsl.md +12 -0
  15. data/docs/_docs/dsl/project.md +80 -0
  16. data/docs/{dsl → _docs/dsl}/role.md +39 -1
  17. data/docs/_docs/dsl/schedule.md +29 -0
  18. data/docs/_docs/examples.md +12 -0
  19. data/docs/_docs/examples/ecs.md +94 -0
  20. data/docs/_docs/examples/jets.md +68 -0
  21. data/docs/_docs/examples/ruby.md +44 -0
  22. data/docs/_docs/github_oauth.md +51 -0
  23. data/docs/_docs/install.md +14 -0
  24. data/docs/_docs/next-steps.md +16 -0
  25. data/docs/_docs/settings.md +34 -0
  26. data/docs/_docs/start.md +46 -0
  27. data/docs/_docs/type-option.md +72 -0
  28. data/docs/_docs/variables.md +90 -0
  29. data/docs/_includes/commands.html +86 -0
  30. data/docs/_includes/content.html +25 -0
  31. data/docs/_includes/edit-on-github.html +9 -0
  32. data/docs/_includes/footer.html +41 -0
  33. data/docs/_includes/google_analytics.html +10 -0
  34. data/docs/_includes/head.html +45 -0
  35. data/docs/_includes/js.html +18 -0
  36. data/docs/_includes/nav.html +17 -0
  37. data/docs/_includes/prev_next.md +19 -0
  38. data/docs/_includes/reference.md +1 -0
  39. data/docs/_includes/subnav.html +38 -0
  40. data/docs/_includes/tutorials.md +38 -0
  41. data/docs/_layouts/default.html +12 -0
  42. data/docs/_reference/codebuild-completion.md +44 -0
  43. data/docs/_reference/codebuild-completion_script.md +25 -0
  44. data/docs/_reference/codebuild-delete.md +26 -0
  45. data/docs/_reference/codebuild-deploy.md +58 -0
  46. data/docs/_reference/codebuild-init.md +87 -0
  47. data/docs/_reference/codebuild-start.md +43 -0
  48. data/docs/_reference/codebuild-version.md +21 -0
  49. data/docs/_sass/_bootstrap-overrides.scss +40 -0
  50. data/docs/_sass/_contact.scss +49 -0
  51. data/docs/_sass/_cta.scss +37 -0
  52. data/docs/_sass/_download.scss +31 -0
  53. data/docs/_sass/_features.scss +47 -0
  54. data/docs/_sass/_footer.scss +49 -0
  55. data/docs/_sass/_global.scss +102 -0
  56. data/docs/_sass/_main.scss +364 -0
  57. data/docs/_sass/_masthead.scss +70 -0
  58. data/docs/_sass/_mixins.scss +79 -0
  59. data/docs/_sass/_navbar.scss +92 -0
  60. data/docs/_sass/_syntax.scss +65 -0
  61. data/docs/_sass/_table.scss +34 -0
  62. data/docs/_sass/_timeline.scss +207 -0
  63. data/docs/_sass/_variables.scss +24 -0
  64. data/docs/bin/web +8 -0
  65. data/docs/docs.md +22 -0
  66. data/docs/favicon.ico +0 -0
  67. data/docs/img/docs/codebuild-output.png +0 -0
  68. data/docs/img/logos/boltops-logo-full.png +0 -0
  69. data/docs/img/logos/boltops-logo.png +0 -0
  70. data/docs/img/logos/project-logo.png +0 -0
  71. data/docs/index.html +35 -0
  72. data/docs/js/nav.js +39 -0
  73. data/docs/js/new-age.js +38 -0
  74. data/docs/js/new-age.min.js +6 -0
  75. data/docs/new-age.scss +20 -0
  76. data/docs/quick-start.md +72 -0
  77. data/docs/reference.md +12 -0
  78. data/docs/support.md +22 -0
  79. data/docs/vendor/bootstrap/css/bootstrap-grid.css +1339 -0
  80. data/docs/vendor/bootstrap/css/bootstrap-grid.css.map +1 -0
  81. data/docs/vendor/bootstrap/css/bootstrap-grid.min.css +1 -0
  82. data/docs/vendor/bootstrap/css/bootstrap-grid.min.css.map +1 -0
  83. data/docs/vendor/bootstrap/css/bootstrap-reboot.css +459 -0
  84. data/docs/vendor/bootstrap/css/bootstrap-reboot.css.map +1 -0
  85. data/docs/vendor/bootstrap/css/bootstrap-reboot.min.css +1 -0
  86. data/docs/vendor/bootstrap/css/bootstrap-reboot.min.css.map +1 -0
  87. data/docs/vendor/bootstrap/css/bootstrap.css +9320 -0
  88. data/docs/vendor/bootstrap/css/bootstrap.css.map +1 -0
  89. data/docs/vendor/bootstrap/css/bootstrap.min.css +6 -0
  90. data/docs/vendor/bootstrap/css/bootstrap.min.css.map +1 -0
  91. data/docs/vendor/bootstrap/js/bootstrap.js +3535 -0
  92. data/docs/vendor/bootstrap/js/bootstrap.min.js +7 -0
  93. data/docs/vendor/font-awesome/css/font-awesome.css +2337 -0
  94. data/docs/vendor/font-awesome/css/font-awesome.min.css +4 -0
  95. data/docs/vendor/font-awesome/fonts/FontAwesome.otf +0 -0
  96. data/docs/vendor/font-awesome/fonts/fontawesome-webfont.eot +0 -0
  97. data/docs/vendor/font-awesome/fonts/fontawesome-webfont.svg +2671 -0
  98. data/docs/vendor/font-awesome/fonts/fontawesome-webfont.ttf +0 -0
  99. data/docs/vendor/font-awesome/fonts/fontawesome-webfont.woff +0 -0
  100. data/docs/vendor/font-awesome/fonts/fontawesome-webfont.woff2 +0 -0
  101. data/docs/vendor/font-awesome/less/animated.less +34 -0
  102. data/docs/vendor/font-awesome/less/bordered-pulled.less +25 -0
  103. data/docs/vendor/font-awesome/less/core.less +12 -0
  104. data/docs/vendor/font-awesome/less/fixed-width.less +6 -0
  105. data/docs/vendor/font-awesome/less/font-awesome.less +18 -0
  106. data/docs/vendor/font-awesome/less/icons.less +789 -0
  107. data/docs/vendor/font-awesome/less/larger.less +13 -0
  108. data/docs/vendor/font-awesome/less/list.less +19 -0
  109. data/docs/vendor/font-awesome/less/mixins.less +60 -0
  110. data/docs/vendor/font-awesome/less/path.less +15 -0
  111. data/docs/vendor/font-awesome/less/rotated-flipped.less +20 -0
  112. data/docs/vendor/font-awesome/less/screen-reader.less +5 -0
  113. data/docs/vendor/font-awesome/less/stacked.less +20 -0
  114. data/docs/vendor/font-awesome/less/variables.less +799 -0
  115. data/docs/vendor/font-awesome/scss/_animated.scss +34 -0
  116. data/docs/vendor/font-awesome/scss/_bordered-pulled.scss +25 -0
  117. data/docs/vendor/font-awesome/scss/_core.scss +12 -0
  118. data/docs/vendor/font-awesome/scss/_fixed-width.scss +6 -0
  119. data/docs/vendor/font-awesome/scss/_icons.scss +789 -0
  120. data/docs/vendor/font-awesome/scss/_larger.scss +13 -0
  121. data/docs/vendor/font-awesome/scss/_list.scss +19 -0
  122. data/docs/vendor/font-awesome/scss/_mixins.scss +60 -0
  123. data/docs/vendor/font-awesome/scss/_path.scss +15 -0
  124. data/docs/vendor/font-awesome/scss/_rotated-flipped.scss +20 -0
  125. data/docs/vendor/font-awesome/scss/_screen-reader.scss +5 -0
  126. data/docs/vendor/font-awesome/scss/_stacked.scss +20 -0
  127. data/docs/vendor/font-awesome/scss/_variables.scss +799 -0
  128. data/docs/vendor/font-awesome/scss/font-awesome.scss +18 -0
  129. data/docs/vendor/jquery-easing/jquery.easing.compatibility.js +59 -0
  130. data/docs/vendor/jquery-easing/jquery.easing.js +166 -0
  131. data/docs/vendor/jquery-easing/jquery.easing.min.js +1 -0
  132. data/docs/vendor/jquery/jquery.js +10253 -0
  133. data/docs/vendor/jquery/jquery.min.js +4 -0
  134. data/docs/vendor/simple-line-icons/css/simple-line-icons.css +778 -0
  135. data/docs/vendor/simple-line-icons/fonts/Simple-Line-Icons.eot +0 -0
  136. data/docs/vendor/simple-line-icons/fonts/Simple-Line-Icons.svg +200 -0
  137. data/docs/vendor/simple-line-icons/fonts/Simple-Line-Icons.ttf +0 -0
  138. data/docs/vendor/simple-line-icons/fonts/Simple-Line-Icons.woff +0 -0
  139. data/docs/vendor/simple-line-icons/fonts/Simple-Line-Icons.woff2 +0 -0
  140. data/docs/vendor/simple-line-icons/less/simple-line-icons.less +982 -0
  141. data/docs/vendor/simple-line-icons/scss/simple-line-icons.scss +979 -0
  142. data/docs/vendor/tether/tether.js +1811 -0
  143. data/docs/vendor/tether/tether.min.js +1 -0
  144. data/exe/cb +1 -1
  145. data/exe/codebuild +1 -1
  146. data/lib/codebuild.rb +0 -1
  147. data/lib/codebuild/aws_services/helpers.rb +1 -1
  148. data/lib/codebuild/cli.rb +2 -1
  149. data/lib/codebuild/core.rb +2 -2
  150. data/lib/codebuild/dsl/project.rb +3 -3
  151. data/lib/codebuild/help/init.md +38 -2
  152. data/lib/codebuild/help/start.md +7 -1
  153. data/lib/codebuild/init.rb +19 -9
  154. data/lib/codebuild/project.rb +3 -2
  155. data/lib/codebuild/role.rb +2 -0
  156. data/lib/codebuild/schedule.rb +5 -0
  157. data/lib/codebuild/setting.rb +2 -3
  158. data/lib/codebuild/stack.rb +25 -0
  159. data/lib/codebuild/start.rb +22 -3
  160. data/lib/codebuild/variables.rb +17 -0
  161. data/lib/codebuild/version.rb +1 -1
  162. data/lib/template/{.codebuild → project}/buildspec.yml +7 -7
  163. data/lib/template/{.codebuild → project}/project.rb.tt +8 -0
  164. data/lib/template/{.codebuild → project}/role.rb +0 -0
  165. data/lib/template/project/schedule.rb +3 -0
  166. data/lib/template/top/settings.yml +9 -0
  167. data/lib/template/top/variables/base.rb +1 -0
  168. data/lib/template/top/variables/development.rb +1 -0
  169. data/lib/template/top/variables/production.rb +1 -0
  170. metadata +150 -11
  171. data/docs/dsl/project.md +0 -46
  172. data/docs/dsl/schedule.md +0 -12
  173. data/docs/github_oauth.md +0 -39
  174. data/docs/type.md +0 -39
  175. data/lib/template/.codebuild/settings.yml +0 -13
@@ -0,0 +1,70 @@
1
+ // Styling for the masthead
2
+ header.masthead {
3
+ position: relative;
4
+ overflow-y: hidden;
5
+ width: 100%;
6
+ min-height: auto;
7
+ color: white;
8
+ background-color: #020766;
9
+ // background: url('../img/bg-pattern.png'), $theme-secondary;
10
+ // background: url('../img/bg-pattern.png'), -webkit-linear-gradient(to left, $theme-secondary, $theme-tertiary);
11
+ // background: url('../img/bg-pattern.png'), linear-gradient(to left, $theme-secondary, $theme-tertiary);
12
+ .header-content {
13
+ position: relative;
14
+ padding: 100px 0 50px;
15
+ text-align: center;
16
+ .header-content-inner {
17
+ position: relative;
18
+ max-width: 500px;
19
+ margin: 0 auto;
20
+ h1 {
21
+ font-size: 30px;
22
+ margin-top: 0;
23
+ margin-bottom: 30px;
24
+ }
25
+ .list-badges {
26
+ margin-bottom: 25px;
27
+ img {
28
+ height: 50px;
29
+ margin-bottom: 25px;
30
+ }
31
+ }
32
+ }
33
+ }
34
+ .device-container {
35
+ max-width: 300px;
36
+ margin: 0 auto 100px;
37
+ .screen img {
38
+ border-radius: 3px;
39
+ }
40
+ }
41
+ @media (min-width: 768px) {
42
+ min-height: 100%;
43
+ .header-content {
44
+ height: 100vh;
45
+ min-height: 600px;
46
+ padding: 0;
47
+ text-align: left;
48
+ .header-content-inner {
49
+ position: absolute;
50
+ top: 50%;
51
+ max-width: none;
52
+ margin: 0;
53
+ transform: translateY(-50%);
54
+ h1 {
55
+ font-size: 35px;
56
+ }
57
+ }
58
+ }
59
+ .device-container {
60
+ max-width: none;
61
+ max-height: calc(100vh - 100px);
62
+ margin: 100px auto 0;
63
+ }
64
+ }
65
+ @media (min-width: 992px) {
66
+ .header-content .header-content-inner h1 {
67
+ font-size: 50px;
68
+ }
69
+ }
70
+ }
@@ -0,0 +1,79 @@
1
+ // Mixins
2
+ @mixin transition-all() {
3
+ -webkit-transition: all .35s;
4
+ -moz-transition: all .35s;
5
+ transition: all .35s;
6
+ }
7
+
8
+ @mixin background-cover() {
9
+ -webkit-background-size: cover;
10
+ -moz-background-size: cover;
11
+ -o-background-size: cover;
12
+ background-size: cover;
13
+ }
14
+
15
+ @mixin button-variant($color, $background, $border) {
16
+ color: $color;
17
+ border-color: $border;
18
+ background-color: $background;
19
+ &:focus,
20
+ &.focus {
21
+ color: $color;
22
+ border-color: darken($border, 25%);
23
+ background-color: darken($background, 10%);
24
+ }
25
+ &:hover {
26
+ color: $color;
27
+ border-color: darken($border, 12%);
28
+ background-color: darken($background, 10%);
29
+ }
30
+ &:active,
31
+ &.active,
32
+ .open > &.dropdown-toggle {
33
+ color: $color;
34
+ border-color: darken($border, 12%);
35
+ background-color: darken($background, 10%);
36
+ &:hover,
37
+ &:focus,
38
+ &.focus {
39
+ color: $color;
40
+ border-color: darken($border, 25%);
41
+ background-color: darken($background, 17%);
42
+ }
43
+ }
44
+ &:active,
45
+ &.active,
46
+ .open > &.dropdown-toggle {
47
+ background-image: none;
48
+ }
49
+ &.disabled,
50
+ &[disabled],
51
+ fieldset[disabled] & {
52
+ &:hover,
53
+ &:focus,
54
+ &.focus {
55
+ border-color: $border;
56
+ background-color: $background;
57
+ }
58
+ }
59
+ .badge {
60
+ color: $background;
61
+ background-color: $color;
62
+ }
63
+ }
64
+
65
+ @mixin heading-font {
66
+ font-family: 'Catamaran', 'Helvetica', 'Arial', 'sans-serif';
67
+ font-weight: 200;
68
+ letter-spacing: 1px;
69
+ }
70
+
71
+ @mixin body-font {
72
+ font-family: 'Muli', 'Helvetica', 'Arial', 'sans-serif';
73
+ }
74
+
75
+ @mixin alt-font {
76
+ font-family: 'Lato', 'Helvetica', 'Arial', 'sans-serif';
77
+ letter-spacing: 2px;
78
+ text-transform: uppercase;
79
+ }
@@ -0,0 +1,92 @@
1
+ // Styling for the navbar
2
+ #mainNav {
3
+ border-color: fade-out($gray-darker, .95);
4
+ background-color: white;
5
+ color: #777;
6
+
7
+ border-bottom-color: #efefef;
8
+ border-bottom-width: 2px;
9
+ border-bottom-style: solid;
10
+
11
+ @include transition-all;
12
+ @include heading-font;
13
+ .navbar-brand {
14
+ color: #222;
15
+ @include heading-font;
16
+ &:hover,
17
+ &:focus {
18
+ color: darken($theme-primary, 10%);
19
+ }
20
+ @media (min-width: 992px) {
21
+ font-size: 2em;
22
+ }
23
+ }
24
+ .navbar-toggler {
25
+ font-size: 12px;
26
+ padding: 8px 10px;
27
+ color: $gray-darker;
28
+ }
29
+ .navbar-nav {
30
+ > li {
31
+ > a {
32
+ font-size: 1.05em;
33
+ @include alt-font;
34
+ &.active {
35
+ color: $theme-primary !important;
36
+ background-color: transparent;
37
+ &:hover {
38
+ background-color: transparent;
39
+ }
40
+ }
41
+ }
42
+ > a,
43
+ > a:focus {
44
+ color: $gray-darker;
45
+ &:hover {
46
+ color: $theme-primary;
47
+ }
48
+ }
49
+ }
50
+ }
51
+ @media (min-width: 992px) {
52
+ border-bottom-color: #efefef;
53
+ border-bottom-width: 2px;
54
+ border-bottom-style: solid;
55
+
56
+ background-color: transparent;
57
+ background-color: white;
58
+
59
+ .navbar-brand {
60
+ color: fade(#777, 70%);
61
+ &:hover,
62
+ &:focus {
63
+ color: #777;
64
+ }
65
+ }
66
+ .navbar-nav > li > a,
67
+ .navbar-nav > li > a:focus {
68
+ // color: fade-out(#777, .3);
69
+ &:hover {
70
+ color: #777;
71
+ }
72
+ }
73
+ &.navbar-shrink {
74
+ border-color: fade-out($gray-darker, .9);
75
+ background-color: white;
76
+ .navbar-brand {
77
+ color: $gray-darker;
78
+ &:hover,
79
+ &:focus {
80
+ color: $theme-primary;
81
+ }
82
+ }
83
+ .navbar-nav > li > a,
84
+ .navbar-nav > li > a:focus {
85
+ color: $gray-darker;
86
+ &:hover {
87
+ color: $theme-primary;
88
+ }
89
+ }
90
+ }
91
+ }
92
+ }
@@ -0,0 +1,65 @@
1
+ .highlight { background: #ffffff; }
2
+ .highlight .c { color: #999988; font-style: italic } /* Comment */
3
+ .highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
4
+ .highlight .k { font-weight: bold } /* Keyword */
5
+ .highlight .o { font-weight: bold } /* Operator */
6
+ .highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
7
+ .highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
8
+ .highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
9
+ .highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
10
+ .highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
11
+ .highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
12
+ .highlight .ge { font-style: italic } /* Generic.Emph */
13
+ .highlight .gr { color: #aa0000 } /* Generic.Error */
14
+ .highlight .gh { color: #999999 } /* Generic.Heading */
15
+ .highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
16
+ .highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
17
+ .highlight .go { color: #888888 } /* Generic.Output */
18
+ .highlight .gp { color: #555555 } /* Generic.Prompt */
19
+ .highlight .gs { font-weight: bold } /* Generic.Strong */
20
+ .highlight .gu { color: #aaaaaa } /* Generic.Subheading */
21
+ .highlight .gt { color: #aa0000 } /* Generic.Traceback */
22
+ .highlight .kc { font-weight: bold } /* Keyword.Constant */
23
+ .highlight .kd { font-weight: bold } /* Keyword.Declaration */
24
+ .highlight .kp { font-weight: bold } /* Keyword.Pseudo */
25
+ .highlight .kr { font-weight: bold } /* Keyword.Reserved */
26
+ .highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
27
+ .highlight .m { color: #009999 } /* Literal.Number */
28
+ .highlight .s { color: #d14 } /* Literal.String */
29
+ .highlight .na { color: #008080 } /* Name.Attribute */
30
+ .highlight .nb { color: #0086B3 } /* Name.Builtin */
31
+ .highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
32
+ .highlight .no { color: #008080 } /* Name.Constant */
33
+ .highlight .ni { color: #800080 } /* Name.Entity */
34
+ .highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
35
+ .highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
36
+ .highlight .nn { color: #555555 } /* Name.Namespace */
37
+ .highlight .nt { color: #000080 } /* Name.Tag */
38
+ .highlight .nv { color: #008080 } /* Name.Variable */
39
+ .highlight .ow { font-weight: bold } /* Operator.Word */
40
+ .highlight .w { color: #bbbbbb } /* Text.Whitespace */
41
+ .highlight .mf { color: #009999 } /* Literal.Number.Float */
42
+ .highlight .mh { color: #009999 } /* Literal.Number.Hex */
43
+ .highlight .mi { color: #009999 } /* Literal.Number.Integer */
44
+ .highlight .mo { color: #009999 } /* Literal.Number.Oct */
45
+ .highlight .sb { color: #d14 } /* Literal.String.Backtick */
46
+ .highlight .sc { color: #d14 } /* Literal.String.Char */
47
+ .highlight .sd { color: #d14 } /* Literal.String.Doc */
48
+ .highlight .s2 { color: #d14 } /* Literal.String.Double */
49
+ .highlight .se { color: #d14 } /* Literal.String.Escape */
50
+ .highlight .sh { color: #d14 } /* Literal.String.Heredoc */
51
+ .highlight .si { color: #d14 } /* Literal.String.Interpol */
52
+ .highlight .sx { color: #d14 } /* Literal.String.Other */
53
+ .highlight .sr { color: #009926 } /* Literal.String.Regex */
54
+ .highlight .s1 { color: #d14 } /* Literal.String.Single */
55
+ .highlight .ss { color: #990073 } /* Literal.String.Symbol */
56
+ .highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
57
+ .highlight .vc { color: #008080 } /* Name.Variable.Class */
58
+ .highlight .vg { color: #008080 } /* Name.Variable.Global */
59
+ .highlight .vi { color: #008080 } /* Name.Variable.Instance */
60
+ .highlight .il { color: #009999 } /* Literal.Number.Integer.Long */
61
+
62
+ // fix css the pre code block that is generated with ```
63
+ .highlighter-rouge .highlight {
64
+ background: #ecf0f1;
65
+ }
@@ -0,0 +1,34 @@
1
+ table {
2
+ width: 100%;
3
+ background-color: #ecf0f1;
4
+ margin-bottom: 20px;
5
+ }
6
+
7
+ thead {
8
+ }
9
+
10
+ tr {
11
+
12
+ }
13
+
14
+ thead th {
15
+ background-color: #000000;
16
+ text-transform: uppercase;
17
+ color: #cdcdce;
18
+ }
19
+
20
+ tbody {
21
+ }
22
+
23
+ tr {
24
+ }
25
+
26
+ tbody td {
27
+ box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
28
+ color: black;
29
+ }
30
+
31
+ th,
32
+ td {
33
+ padding: 10px;
34
+ }
@@ -0,0 +1,207 @@
1
+ section#timeline {
2
+ border-top-style: solid;
3
+ border-top-width: 2px;
4
+ border-top-color: #cacaca;
5
+ }
6
+
7
+ .timeline {
8
+ position: relative;
9
+ padding: 0;
10
+ list-style: none;
11
+ }
12
+
13
+ .timeline:before {
14
+ content: "";
15
+ position: absolute;
16
+ top: 0;
17
+ bottom: 0;
18
+ left: 40px;
19
+ width: 2px;
20
+ margin-left: -1.5px;
21
+ background-color: #f1f1f1;
22
+ }
23
+
24
+ .timeline>li {
25
+ position: relative;
26
+ margin-bottom: 50px;
27
+ min-height: 50px;
28
+ }
29
+
30
+ .timeline>li:before,
31
+ .timeline>li:after {
32
+ content: " ";
33
+ display: table;
34
+ }
35
+
36
+ .timeline>li:after {
37
+ clear: both;
38
+ }
39
+
40
+ .timeline>li .timeline-panel {
41
+ float: right;
42
+ position: relative;
43
+ width: 100%;
44
+ padding: 0 20px 0 100px;
45
+ text-align: left;
46
+ }
47
+
48
+ .timeline>li .timeline-panel:before {
49
+ right: auto;
50
+ left: -15px;
51
+ border-right-width: 15px;
52
+ border-left-width: 0;
53
+ }
54
+
55
+ .timeline>li .timeline-panel:after {
56
+ right: auto;
57
+ left: -14px;
58
+ border-right-width: 14px;
59
+ border-left-width: 0;
60
+ }
61
+
62
+ .timeline>li .timeline-image {
63
+ z-index: 100;
64
+ position: absolute;
65
+ left: 0;
66
+ width: 80px;
67
+ height: 80px;
68
+ margin-left: 0;
69
+ border: 7px solid #f1f1f1;
70
+ border-radius: 100%;
71
+ text-align: center;
72
+ color: #fff;
73
+ background-color: #fed136;
74
+ }
75
+
76
+ .timeline>li .timeline-image h4 {
77
+ margin-top: 26px;
78
+ font-size: 18px;
79
+ line-height: 14px;
80
+ }
81
+
82
+ .timeline>li.timeline-inverted>.timeline-panel {
83
+ float: right;
84
+ padding: 0 20px 0 100px;
85
+ text-align: left;
86
+ }
87
+
88
+ .timeline>li.timeline-inverted>.timeline-panel:before {
89
+ right: auto;
90
+ left: -15px;
91
+ border-right-width: 15px;
92
+ border-left-width: 0;
93
+ }
94
+
95
+ .timeline>li.timeline-inverted>.timeline-panel:after {
96
+ right: auto;
97
+ left: -14px;
98
+ border-right-width: 14px;
99
+ border-left-width: 0;
100
+ }
101
+
102
+ .timeline>li:last-child {
103
+ margin-bottom: 0;
104
+ }
105
+
106
+ .timeline .timeline-heading h4 {
107
+ margin-top: 0;
108
+ color: inherit;
109
+ }
110
+
111
+ .timeline .timeline-heading h4.subheading {
112
+ text-transform: none;
113
+ }
114
+
115
+ .timeline .timeline-body>p,
116
+ .timeline .timeline-body>ul {
117
+ margin-bottom: 0;
118
+ }
119
+
120
+ @media(min-width:768px) {
121
+ .timeline:before {
122
+ left: 50%;
123
+ }
124
+
125
+ .timeline>li {
126
+ margin-bottom: 100px;
127
+ min-height: 100px;
128
+ }
129
+
130
+ .timeline>li .timeline-panel {
131
+ float: left;
132
+ width: 41%;
133
+ padding: 0 20px 20px 30px;
134
+ text-align: right;
135
+ }
136
+
137
+ .timeline>li .timeline-image {
138
+ left: 50%;
139
+ width: 100px;
140
+ height: 100px;
141
+ margin-left: -50px;
142
+ }
143
+
144
+ .timeline>li .timeline-image h4 {
145
+ margin-top: 32px;
146
+ font-size: 20px;
147
+ line-height: 18px;
148
+ }
149
+
150
+ .timeline>li.timeline-inverted>.timeline-panel {
151
+ float: right;
152
+ padding: 0 30px 20px 20px;
153
+ text-align: left;
154
+ }
155
+ }
156
+
157
+ @media(min-width:992px) {
158
+ .timeline>li {
159
+ min-height: 150px;
160
+ }
161
+
162
+ .timeline>li .timeline-panel {
163
+ padding: 0 20px 20px;
164
+ }
165
+
166
+ .timeline>li .timeline-image {
167
+ width: 150px;
168
+ height: 150px;
169
+ margin-left: -75px;
170
+ }
171
+
172
+ .timeline>li .timeline-image h4 {
173
+ margin-top: 55px;
174
+ font-size: 38px;
175
+ line-height: 26px;
176
+ }
177
+
178
+ .timeline>li.timeline-inverted>.timeline-panel {
179
+ padding: 0 20px 20px;
180
+ }
181
+ }
182
+
183
+ @media(min-width:1200px) {
184
+ .timeline>li {
185
+ min-height: 170px;
186
+ }
187
+
188
+ .timeline>li .timeline-panel {
189
+ padding: 0 20px 20px 100px;
190
+ }
191
+
192
+ .timeline>li .timeline-image {
193
+ width: 170px;
194
+ height: 170px;
195
+ margin-left: -85px;
196
+ }
197
+
198
+ .timeline>li .timeline-image h4 {
199
+ /*margin-top: 40px;*/
200
+ margin-top: 65px;
201
+ font-size: 42px;
202
+ }
203
+
204
+ .timeline>li.timeline-inverted>.timeline-panel {
205
+ padding: 0 100px 20px 20px;
206
+ }
207
+ }