jumbo-jekyll-theme 3.0.40 → 3.0.41

Sign up to get free protection for your applications and to get access to all the features.
Files changed (245) hide show
  1. checksums.yaml +4 -4
  2. metadata +17 -246
  3. data/LICENSE.txt +0 -21
  4. data/README.md +0 -26
  5. data/_config.yml +0 -127
  6. data/_data/authors.yml +0 -7
  7. data/_data/footer.yml +0 -57
  8. data/_data/nav.yml +0 -75
  9. data/_data/news.yaml +0 -230
  10. data/_data/settings.yml +0 -93
  11. data/_data/sidebar-nav.yml +0 -23
  12. data/_data/sticky-tab-bar.yml +0 -29
  13. data/_includes/author-pagination.html +0 -36
  14. data/_includes/authors-posts.html +0 -49
  15. data/_includes/breadcrumb.html +0 -95
  16. data/_includes/carousel-header.html +0 -15
  17. data/_includes/css.html +0 -11
  18. data/_includes/custom.html +0 -1
  19. data/_includes/display-blog-posts.html +0 -67
  20. data/_includes/disqus-comments.html +0 -8
  21. data/_includes/footer.html +0 -68
  22. data/_includes/github-edit.html +0 -60
  23. data/_includes/google-analytics-script.html +0 -9
  24. data/_includes/gtm-noscript.html +0 -5
  25. data/_includes/gtm-script.html +0 -7
  26. data/_includes/head.html +0 -44
  27. data/_includes/hero-banner.html +0 -21
  28. data/_includes/image.html +0 -6
  29. data/_includes/javascript.html +0 -9
  30. data/_includes/jumbotron.html +0 -71
  31. data/_includes/linaro-404.html +0 -10
  32. data/_includes/linaro-svg.html +0 -1
  33. data/_includes/media.html +0 -11
  34. data/_includes/members.html +0 -63
  35. data/_includes/nav.html +0 -132
  36. data/_includes/newsletter-script.html +0 -30
  37. data/_includes/owl-carousel-homepage.html +0 -103
  38. data/_includes/pagination-authors.html +0 -36
  39. data/_includes/pagination-news.html +0 -36
  40. data/_includes/pagination.html +0 -36
  41. data/_includes/post-sidebar.html +0 -74
  42. data/_includes/post-tags.html +0 -9
  43. data/_includes/read_time.html +0 -2
  44. data/_includes/schema.html +0 -50
  45. data/_includes/sidebar.html +0 -55
  46. data/_includes/sticky-tab-bar.html +0 -61
  47. data/_includes/thumbnail_image.html +0 -10
  48. data/_includes/universal-nav.html +0 -28
  49. data/_includes/youtube.html +0 -7
  50. data/_layouts/author-layout.html +0 -13
  51. data/_layouts/author.html +0 -7
  52. data/_layouts/container-breadcrumb-tabs.html +0 -10
  53. data/_layouts/container-breadcrumb.html +0 -19
  54. data/_layouts/container.html +0 -8
  55. data/_layouts/default.html +0 -27
  56. data/_layouts/error.html +0 -23
  57. data/_layouts/jumbotron-container.html +0 -19
  58. data/_layouts/jumbotron.html +0 -12
  59. data/_layouts/post-index.html +0 -18
  60. data/_layouts/post-old.html +0 -70
  61. data/_layouts/post.html +0 -149
  62. data/_layouts/redirect.html +0 -11
  63. data/_sass/_bootstrap-compass.scss +0 -9
  64. data/_sass/_bootstrap-mincer.scss +0 -19
  65. data/_sass/_bootstrap-sprockets.scss +0 -9
  66. data/_sass/_bootstrap.scss +0 -56
  67. data/_sass/app/blog.scss +0 -59
  68. data/_sass/app/contact.scss +0 -3
  69. data/_sass/app/custom.scss +0 -1
  70. data/_sass/app/overrides.scss +0 -37
  71. data/_sass/app/search.scss +0 -1
  72. data/_sass/blog.scss +0 -9
  73. data/_sass/bootstrap/_alerts.scss +0 -73
  74. data/_sass/bootstrap/_badges.scss +0 -68
  75. data/_sass/bootstrap/_breadcrumbs.scss +0 -28
  76. data/_sass/bootstrap/_button-groups.scss +0 -244
  77. data/_sass/bootstrap/_buttons.scss +0 -168
  78. data/_sass/bootstrap/_carousel.scss +0 -270
  79. data/_sass/bootstrap/_close.scss +0 -36
  80. data/_sass/bootstrap/_code.scss +0 -69
  81. data/_sass/bootstrap/_component-animations.scss +0 -37
  82. data/_sass/bootstrap/_dropdowns.scss +0 -216
  83. data/_sass/bootstrap/_forms.scss +0 -617
  84. data/_sass/bootstrap/_glyphicons.scss +0 -307
  85. data/_sass/bootstrap/_grid.scss +0 -84
  86. data/_sass/bootstrap/_input-groups.scss +0 -171
  87. data/_sass/bootstrap/_jumbotron.scss +0 -54
  88. data/_sass/bootstrap/_labels.scss +0 -66
  89. data/_sass/bootstrap/_list-group.scss +0 -130
  90. data/_sass/bootstrap/_media.scss +0 -66
  91. data/_sass/bootstrap/_mixins.scss +0 -40
  92. data/_sass/bootstrap/_modals.scss +0 -150
  93. data/_sass/bootstrap/_navbar.scss +0 -662
  94. data/_sass/bootstrap/_navs.scss +0 -242
  95. data/_sass/bootstrap/_normalize.scss +0 -424
  96. data/_sass/bootstrap/_pager.scss +0 -54
  97. data/_sass/bootstrap/_pagination.scss +0 -89
  98. data/_sass/bootstrap/_panels.scss +0 -271
  99. data/_sass/bootstrap/_popovers.scss +0 -131
  100. data/_sass/bootstrap/_print.scss +0 -101
  101. data/_sass/bootstrap/_progress-bars.scss +0 -87
  102. data/_sass/bootstrap/_responsive-embed.scss +0 -35
  103. data/_sass/bootstrap/_responsive-utilities.scss +0 -179
  104. data/_sass/bootstrap/_scaffolding.scss +0 -161
  105. data/_sass/bootstrap/_tables.scss +0 -234
  106. data/_sass/bootstrap/_theme.scss +0 -291
  107. data/_sass/bootstrap/_thumbnails.scss +0 -38
  108. data/_sass/bootstrap/_tooltip.scss +0 -101
  109. data/_sass/bootstrap/_type.scss +0 -298
  110. data/_sass/bootstrap/_utilities.scss +0 -55
  111. data/_sass/bootstrap/_variables.scss +0 -932
  112. data/_sass/bootstrap/_wells.scss +0 -29
  113. data/_sass/bootstrap/mixins/_alerts.scss +0 -14
  114. data/_sass/bootstrap/mixins/_background-variant.scss +0 -12
  115. data/_sass/bootstrap/mixins/_border-radius.scss +0 -18
  116. data/_sass/bootstrap/mixins/_buttons.scss +0 -65
  117. data/_sass/bootstrap/mixins/_center-block.scss +0 -7
  118. data/_sass/bootstrap/mixins/_clearfix.scss +0 -22
  119. data/_sass/bootstrap/mixins/_forms.scss +0 -88
  120. data/_sass/bootstrap/mixins/_gradients.scss +0 -58
  121. data/_sass/bootstrap/mixins/_grid-framework.scss +0 -81
  122. data/_sass/bootstrap/mixins/_grid.scss +0 -122
  123. data/_sass/bootstrap/mixins/_hide-text.scss +0 -21
  124. data/_sass/bootstrap/mixins/_image.scss +0 -33
  125. data/_sass/bootstrap/mixins/_labels.scss +0 -12
  126. data/_sass/bootstrap/mixins/_list-group.scss +0 -32
  127. data/_sass/bootstrap/mixins/_nav-divider.scss +0 -10
  128. data/_sass/bootstrap/mixins/_nav-vertical-align.scss +0 -9
  129. data/_sass/bootstrap/mixins/_opacity.scss +0 -8
  130. data/_sass/bootstrap/mixins/_pagination.scss +0 -24
  131. data/_sass/bootstrap/mixins/_panels.scss +0 -24
  132. data/_sass/bootstrap/mixins/_progress-bar.scss +0 -10
  133. data/_sass/bootstrap/mixins/_reset-filter.scss +0 -8
  134. data/_sass/bootstrap/mixins/_reset-text.scss +0 -18
  135. data/_sass/bootstrap/mixins/_resize.scss +0 -6
  136. data/_sass/bootstrap/mixins/_responsive-visibility.scss +0 -21
  137. data/_sass/bootstrap/mixins/_size.scss +0 -10
  138. data/_sass/bootstrap/mixins/_tab-focus.scss +0 -9
  139. data/_sass/bootstrap/mixins/_table-row.scss +0 -28
  140. data/_sass/bootstrap/mixins/_text-emphasis.scss +0 -12
  141. data/_sass/bootstrap/mixins/_text-overflow.scss +0 -8
  142. data/_sass/bootstrap/mixins/_vendor-prefixes.scss +0 -222
  143. data/_sass/core.scss +0 -18
  144. data/_sass/core/animations.scss +0 -125
  145. data/_sass/core/blog.scss +0 -438
  146. data/_sass/core/breadcrumb.scss +0 -98
  147. data/_sass/core/carousel-header.scss +0 -91
  148. data/_sass/core/carousel-styles.scss +0 -4
  149. data/_sass/core/carousel.scss +0 -312
  150. data/_sass/core/cookieconsent.scss +0 -39
  151. data/_sass/core/critical.scss +0 -0
  152. data/_sass/core/custom.scss +0 -3
  153. data/_sass/core/error.scss +0 -186
  154. data/_sass/core/fa.scss +0 -2336
  155. data/_sass/core/featherlight.scss +0 -158
  156. data/_sass/core/flipclock.scss +0 -434
  157. data/_sass/core/fly.scss +0 -10
  158. data/_sass/core/font-awesome.min.scss +0 -4
  159. data/_sass/core/fonts.scss +0 -3
  160. data/_sass/core/footer.scss +0 -146
  161. data/_sass/core/forms.scss +0 -3
  162. data/_sass/core/homepage.scss +0 -19
  163. data/_sass/core/jumbotron.scss +0 -116
  164. data/_sass/core/lightbox.scss +0 -212
  165. data/_sass/core/nav.scss +0 -958
  166. data/_sass/core/owl.carousel.min.scss +0 -6
  167. data/_sass/core/owl.theme.default.min.scss +0 -6
  168. data/_sass/core/social-media-icons.scss +0 -67
  169. data/_sass/core/syntax.scss +0 -65
  170. data/_sass/core/tables.scss +0 -145
  171. data/_sass/core/theme.scss +0 -714
  172. data/_sass/core/universal-nav.scss +0 -161
  173. data/_sass/core/youtube-lazy.scss +0 -51
  174. data/_sass/core/youtube.scss +0 -65
  175. data/_sass/home.scss +0 -2
  176. data/assets/css/main-blog.scss +0 -19
  177. data/assets/css/main-error.scss +0 -14
  178. data/assets/css/main-search.scss +0 -13
  179. data/assets/css/main.scss +0 -12
  180. data/assets/fonts/fontawesome-webfont.eot +0 -0
  181. data/assets/fonts/fontawesome-webfont.svg +0 -2671
  182. data/assets/fonts/fontawesome-webfont.ttf +0 -0
  183. data/assets/fonts/fontawesome-webfont.woff +0 -0
  184. data/assets/fonts/fontawesome-webfont.woff2 +0 -0
  185. data/assets/fonts/fontello.eot +0 -0
  186. data/assets/fonts/fontello.svg +0 -44
  187. data/assets/fonts/glyphicons-halflings-regular.ttf +0 -0
  188. data/assets/fonts/glyphicons-halflings-regular.woff +0 -0
  189. data/assets/fonts/glyphicons-halflings-regular.woff2 +0 -0
  190. data/assets/fonts/lato-regular/LICENSE.txt +0 -93
  191. data/assets/fonts/lato-regular/Lato-regular.eot +0 -0
  192. data/assets/fonts/lato-regular/Lato-regular.svg +0 -435
  193. data/assets/fonts/lato-regular/Lato-regular.ttf +0 -0
  194. data/assets/fonts/lato-regular/Lato-regular.woff +0 -0
  195. data/assets/fonts/lato-regular/Lato-regular.woff2 +0 -0
  196. data/assets/images/Linaro-Logo.svg +0 -1
  197. data/assets/images/Linaro-Logo_light.png +0 -0
  198. data/assets/images/Linaro-Logo_standard.svg +0 -1
  199. data/assets/images/Linaro-Sprinkle.png +0 -0
  200. data/assets/images/avatar-placeholder.png +0 -0
  201. data/assets/images/breadcrumb-image.jpg +0 -0
  202. data/assets/images/close.png +0 -0
  203. data/assets/images/content/background-image1.jpg +0 -0
  204. data/assets/images/content/background-image2.png +0 -0
  205. data/assets/images/content/background-image3.jpg +0 -0
  206. data/assets/images/favicon.ico +0 -0
  207. data/assets/images/favicon.png +0 -0
  208. data/assets/images/loading.gif +0 -0
  209. data/assets/images/next.png +0 -0
  210. data/assets/images/owl.video.play.png +0 -0
  211. data/assets/images/placeholder.png +0 -0
  212. data/assets/images/prev.png +0 -0
  213. data/assets/images/social-media-image.png +0 -0
  214. data/assets/js/app/blog-comments.js +0 -50
  215. data/assets/js/app/custom.js +0 -0
  216. data/assets/js/app/facebook.js +0 -8
  217. data/assets/js/app/fly.js +0 -45
  218. data/assets/js/app/home.js +0 -46
  219. data/assets/js/app/main.js +0 -163
  220. data/assets/js/app/scroll-to-anchors.js +0 -10
  221. data/assets/js/app/search.js +0 -29
  222. data/assets/js/app/sticky-tab-bar.js +0 -71
  223. data/assets/js/app/tables.js +0 -35
  224. data/assets/js/app/youtube-lazy.js +0 -25
  225. data/assets/js/package-blog.js +0 -14
  226. data/assets/js/package-extended.js +0 -15
  227. data/assets/js/package-home.js +0 -14
  228. data/assets/js/package-main.js +0 -14
  229. data/assets/js/package-search.js +0 -10
  230. data/assets/js/vendor/bootstrap.js +0 -2377
  231. data/assets/js/vendor/cognito.js +0 -11
  232. data/assets/js/vendor/cookieconsent.js +0 -1495
  233. data/assets/js/vendor/disqus-loader.js +0 -87
  234. data/assets/js/vendor/featherlight.js +0 -641
  235. data/assets/js/vendor/jquery.js +0 -10364
  236. data/assets/js/vendor/jquery.rss.js +0 -333
  237. data/assets/js/vendor/jquery.validate.js +0 -1601
  238. data/assets/js/vendor/lazysizes.js +0 -698
  239. data/assets/js/vendor/loadCSS.js +0 -35
  240. data/assets/js/vendor/ls.unveilhooks.js +0 -145
  241. data/assets/js/vendor/mc.js +0 -255
  242. data/assets/js/vendor/owl.carousel.js +0 -3475
  243. data/assets/js/vendor/picturefill.js +0 -1471
  244. data/assets/js/vendor/shuffle.js +0 -2004
  245. data/robots.txt +0 -9
@@ -1,158 +0,0 @@
1
- /**
2
- * Featherlight – ultra slim jQuery lightbox
3
- * Version 1.7.13 - http://noelboss.github.io/featherlight/
4
- *
5
- * Copyright 2018, Noël Raoul Bossart (http://www.noelboss.com)
6
- * MIT Licensed.
7
- **/
8
-
9
- html.with-featherlight {
10
- /* disable global scrolling when featherlights are visible */
11
- overflow: hidden;
12
- }
13
-
14
- .featherlight {
15
- display: none;
16
-
17
- /* dimensions: spanning the background from edge to edge */
18
- position:fixed;
19
- top: 0; right: 0; bottom: 0; left: 0;
20
- z-index: 2147483647; /* z-index needs to be >= elements on the site. */
21
-
22
- /* position: centering content */
23
- text-align: center;
24
-
25
- /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */
26
- white-space: nowrap;
27
-
28
- /* styling */
29
- cursor: pointer;
30
- background: #333;
31
- /* IE8 "hack" for nested featherlights */
32
- background: rgba(0, 0, 0, 0);
33
- }
34
-
35
- /* support for nested featherlights. Does not work in IE8 (use JS to fix) */
36
- .featherlight:last-of-type {
37
- background: rgba(0, 0, 0, 0.8);
38
- }
39
-
40
- .featherlight:before {
41
- /* position: trick to center content vertically */
42
- content: '';
43
- display: inline-block;
44
- height: 100%;
45
- vertical-align: middle;
46
- }
47
-
48
- .featherlight .featherlight-content {
49
- /* make content container for positioned elements (close button) */
50
- position: relative;
51
-
52
- /* position: centering vertical and horizontal */
53
- text-align: left;
54
- vertical-align: middle;
55
- display: inline-block;
56
-
57
- /* dimensions: cut off images */
58
- overflow: auto;
59
- padding: 25px 25px 0;
60
- border-bottom: 25px solid transparent;
61
-
62
- /* dimensions: handling large content */
63
- margin-left: 5%;
64
- margin-right: 5%;
65
- max-height: 95%;
66
-
67
- /* styling */
68
- background: #fff;
69
- cursor: auto;
70
-
71
- /* reset white-space wrapping */
72
- white-space: normal;
73
- }
74
-
75
- /* contains the content */
76
- .featherlight .featherlight-inner {
77
- /* make sure its visible */
78
- display: block;
79
- }
80
-
81
- /* don't show these though */
82
- .featherlight script.featherlight-inner,
83
- .featherlight link.featherlight-inner,
84
- .featherlight style.featherlight-inner {
85
- display: none;
86
- }
87
-
88
- .featherlight .featherlight-close-icon {
89
- /* position: centering vertical and horizontal */
90
- position: absolute;
91
- z-index: 9999;
92
- top: 0;
93
- right: 0;
94
-
95
- /* dimensions: 25px x 25px */
96
- line-height: 25px;
97
- width: 25px;
98
-
99
- /* styling */
100
- cursor: pointer;
101
- text-align: center;
102
- font-family: Arial, sans-serif;
103
- background: #fff; /* Set the background in case it overlaps the content */
104
- background: rgba(255, 255, 255, 0.3);
105
- color: #000;
106
- border: none;
107
- padding: 0;
108
- }
109
-
110
- /* See http://stackoverflow.com/questions/16077341/how-to-reset-all-default-styles-of-the-html5-button-element */
111
- .featherlight .featherlight-close-icon::-moz-focus-inner {
112
- border: 0;
113
- padding: 0;
114
- }
115
-
116
- .featherlight .featherlight-image {
117
- /* styling */
118
- width: 100%;
119
- }
120
-
121
-
122
- .featherlight-iframe .featherlight-content {
123
- /* removed the border for image croping since iframe is edge to edge */
124
- border-bottom: 0;
125
- padding: 0;
126
- -webkit-overflow-scrolling: touch;
127
- }
128
-
129
- .featherlight iframe {
130
- /* styling */
131
- border: none;
132
- }
133
-
134
- .featherlight * { /* See https://github.com/noelboss/featherlight/issues/42 */
135
- -webkit-box-sizing: border-box;
136
- -moz-box-sizing: border-box;
137
- box-sizing: border-box;
138
- }
139
-
140
- /* handling phones and small screens */
141
- @media only screen and (max-width: 1024px) {
142
- .featherlight .featherlight-content {
143
- /* dimensions: maximize lightbox with for small screens */
144
- margin-left: 0;
145
- margin-right: 0;
146
- max-height: 98%;
147
-
148
- padding: 10px 10px 0;
149
- border-bottom: 10px solid transparent;
150
- }
151
- }
152
-
153
- /* hide non featherlight items when printing */
154
- @media print {
155
- html.with-featherlight > * > :not(.featherlight) {
156
- display: none;
157
- }
158
- }
@@ -1,434 +0,0 @@
1
- /* Get the bourbon mixin from http://bourbon.io */
2
- /* Reset */
3
- .flip-clock-wrapper * {
4
- -webkit-box-sizing: border-box;
5
- -moz-box-sizing: border-box;
6
- -ms-box-sizing: border-box;
7
- -o-box-sizing: border-box;
8
- box-sizing: border-box;
9
- -webkit-backface-visibility: hidden;
10
- -moz-backface-visibility: hidden;
11
- -ms-backface-visibility: hidden;
12
- -o-backface-visibility: hidden;
13
- backface-visibility: hidden;
14
- }
15
-
16
- .flip-clock-wrapper a {
17
- cursor: pointer;
18
- text-decoration: none;
19
- color: #000; }
20
-
21
- .flip-clock-wrapper a:hover {
22
- color: #fff; }
23
-
24
- .flip-clock-wrapper ul {
25
- list-style: none; }
26
-
27
- .flip-clock-wrapper.clearfix:before,
28
- .flip-clock-wrapper.clearfix:after {
29
- content: " ";
30
- display: table; }
31
-
32
- .flip-clock-wrapper.clearfix:after {
33
- clear: both; }
34
-
35
- .flip-clock-wrapper.clearfix {
36
- *zoom: 1; }
37
-
38
- /* Main */
39
- .flip-clock-wrapper {
40
- font: normal 11px "Helvetica Neue", Helvetica, sans-serif;
41
- -webkit-user-select: none;
42
- }
43
-
44
- .flip-clock-meridium {
45
- background: none !important;
46
- box-shadow: 0 0 0 !important;
47
- font-size: 36px !important; }
48
-
49
- .flip-clock-meridium a { color: #313333; }
50
-
51
- .flip-clock-wrapper {
52
- text-align: center;
53
- position: relative;
54
- width: 100%;
55
- margin-bottom: 1em;
56
- margin-left: 1em;
57
- margin-right: 1em;
58
- margin-top: 30px;
59
- }
60
-
61
- .flip-clock-wrapper:before,
62
- .flip-clock-wrapper:after {
63
- content: " "; /* 1 */
64
- display: table; /* 2 */
65
- }
66
- .flip-clock-wrapper:after {
67
- clear: both;
68
- }
69
-
70
- /* Skeleton */
71
- .flip-clock-wrapper ul {
72
- position: relative;
73
- float: left;
74
- margin: 5px;
75
- width: 60px;
76
- height: 90px;
77
- font-size: 80px;
78
- line-height: 87px;
79
- // border-radius: 6px;
80
- background: #fff;
81
- }
82
-
83
- .flip-clock-wrapper ul li {
84
- z-index: 1;
85
- position: absolute;
86
- left: 0;
87
- top: 0;
88
- width: 100%;
89
- height: 100%;
90
- line-height: 87px;
91
- text-decoration: none !important;
92
- }
93
-
94
- .flip-clock-wrapper ul li:first-child {
95
- z-index: 2; }
96
-
97
- .flip-clock-wrapper ul li a {
98
- display: block;
99
- height: 100%;
100
- -webkit-perspective: 200px;
101
- -moz-perspective: 200px;
102
- perspective: 200px;
103
- margin: 0 !important;
104
- overflow: visible !important;
105
- cursor: default !important; }
106
-
107
- .flip-clock-wrapper ul li a div {
108
- z-index: 1;
109
- position: absolute;
110
- left: 0;
111
- width: 100%;
112
- height: 50%;
113
- font-size: 80px;
114
- overflow: hidden;
115
- outline: 1px solid transparent; }
116
-
117
- .flip-clock-wrapper ul li a div .shadow {
118
- position: absolute;
119
- width: 100%;
120
- height: 100%;
121
- z-index: 2; }
122
-
123
- .flip-clock-wrapper ul li a div.up {
124
- -webkit-transform-origin: 50% 100%;
125
- -moz-transform-origin: 50% 100%;
126
- -ms-transform-origin: 50% 100%;
127
- -o-transform-origin: 50% 100%;
128
- transform-origin: 50% 100%;
129
- top: 0; }
130
-
131
- .flip-clock-wrapper ul li a div.up:after {
132
- content: "";
133
- position: absolute;
134
- top: 44px;
135
- left: 0;
136
- z-index: 5;
137
- width: 100%;
138
- height: 3px;
139
- background-color: #fff;
140
- background-color: rgba(0, 0, 0, 0.4); }
141
-
142
- .flip-clock-wrapper ul li a div.down {
143
- -webkit-transform-origin: 50% 0;
144
- -moz-transform-origin: 50% 0;
145
- -ms-transform-origin: 50% 0;
146
- -o-transform-origin: 50% 0;
147
- transform-origin: 50% 0;
148
- bottom: 0;
149
- border-bottom-left-radius: 6px;
150
- border-bottom-right-radius: 6px;
151
- }
152
-
153
- .flip-clock-wrapper ul li a div div.inn {
154
- position: absolute;
155
- left: 0;
156
- z-index: 1;
157
- width: 100%;
158
- height: 200%;
159
- color: #000;
160
- // text-shadow: 0 1px 2px #000;
161
- text-align: center;
162
- background-color: #fff;
163
- // border-radius: 6px;
164
- font-size: 70px; }
165
-
166
- .flip-clock-wrapper ul li a div.up div.inn {
167
- top: 0; }
168
-
169
- .flip-clock-wrapper ul li a div.down div.inn {
170
- bottom: 0; }
171
-
172
- /* PLAY */
173
- .flip-clock-wrapper ul.play li.flip-clock-before {
174
- z-index: 3; }
175
-
176
- .flip-clock-wrapper .flip { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7); }
177
-
178
- .flip-clock-wrapper ul.play li.flip-clock-active {
179
- -webkit-animation: asd 0.5s 0.5s linear both;
180
- -moz-animation: asd 0.5s 0.5s linear both;
181
- animation: asd 0.5s 0.5s linear both;
182
- z-index: 5; }
183
-
184
- .flip-clock-divider {
185
- float: left;
186
- display: inline-block;
187
- position: relative;
188
- width: 20px;
189
- height: 100px; }
190
-
191
- .flip-clock-divider:first-child {
192
- width: 0; }
193
-
194
- .flip-clock-dot {
195
- display: block;
196
- background: #000;
197
- width: 10px;
198
- height: 10px;
199
- position: absolute;
200
- border-radius: 50%;
201
- box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
202
- left: 5px; }
203
-
204
- .flip-clock-divider .flip-clock-label {
205
- position: absolute;
206
- top: -1.5em;
207
- right: -86px;
208
- color: black;
209
- text-shadow: none; }
210
-
211
- .flip-clock-divider.minutes .flip-clock-label {
212
- right: -88px; }
213
-
214
- .flip-clock-divider.seconds .flip-clock-label {
215
- right: -91px; }
216
-
217
- .flip-clock-dot.top {
218
- top: 30px; }
219
-
220
- .flip-clock-dot.bottom {
221
- bottom: 30px; }
222
-
223
- @-webkit-keyframes asd {
224
- 0% {
225
- z-index: 2; }
226
-
227
- 20% {
228
- z-index: 4; }
229
-
230
- 100% {
231
- z-index: 4; } }
232
-
233
- @-moz-keyframes asd {
234
- 0% {
235
- z-index: 2; }
236
-
237
- 20% {
238
- z-index: 4; }
239
-
240
- 100% {
241
- z-index: 4; } }
242
-
243
- @-o-keyframes asd {
244
- 0% {
245
- z-index: 2; }
246
-
247
- 20% {
248
- z-index: 4; }
249
-
250
- 100% {
251
- z-index: 4; } }
252
-
253
- @keyframes asd {
254
- 0% {
255
- z-index: 2; }
256
-
257
- 20% {
258
- z-index: 4; }
259
-
260
- 100% {
261
- z-index: 4; } }
262
-
263
- .flip-clock-wrapper ul.play li.flip-clock-active .down {
264
- z-index: 2;
265
- -webkit-animation: turn 0.5s 0.5s linear both;
266
- -moz-animation: turn 0.5s 0.5s linear both;
267
- animation: turn 0.5s 0.5s linear both; }
268
-
269
- @-webkit-keyframes turn {
270
- 0% {
271
- -webkit-transform: rotateX(90deg); }
272
-
273
- 100% {
274
- -webkit-transform: rotateX(0deg); } }
275
-
276
- @-moz-keyframes turn {
277
- 0% {
278
- -moz-transform: rotateX(90deg); }
279
-
280
- 100% {
281
- -moz-transform: rotateX(0deg); } }
282
-
283
- @-o-keyframes turn {
284
- 0% {
285
- -o-transform: rotateX(90deg); }
286
-
287
- 100% {
288
- -o-transform: rotateX(0deg); } }
289
-
290
- @keyframes turn {
291
- 0% {
292
- transform: rotateX(90deg); }
293
-
294
- 100% {
295
- transform: rotateX(0deg); } }
296
-
297
- .flip-clock-wrapper ul.play li.flip-clock-before .up {
298
- z-index: 2;
299
- -webkit-animation: turn2 0.5s linear both;
300
- -moz-animation: turn2 0.5s linear both;
301
- animation: turn2 0.5s linear both; }
302
-
303
- @-webkit-keyframes turn2 {
304
- 0% {
305
- -webkit-transform: rotateX(0deg); }
306
-
307
- 100% {
308
- -webkit-transform: rotateX(-90deg); } }
309
-
310
- @-moz-keyframes turn2 {
311
- 0% {
312
- -moz-transform: rotateX(0deg); }
313
-
314
- 100% {
315
- -moz-transform: rotateX(-90deg); } }
316
-
317
- @-o-keyframes turn2 {
318
- 0% {
319
- -o-transform: rotateX(0deg); }
320
-
321
- 100% {
322
- -o-transform: rotateX(-90deg); } }
323
-
324
- @keyframes turn2 {
325
- 0% {
326
- transform: rotateX(0deg); }
327
-
328
- 100% {
329
- transform: rotateX(-90deg); } }
330
-
331
- .flip-clock-wrapper ul li.flip-clock-active {
332
- z-index: 3; }
333
-
334
- /* SHADOW */
335
- .flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
336
- background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
337
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
338
- background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
339
- background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
340
- background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
341
- background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
342
- -webkit-animation: show 0.5s linear both;
343
- -moz-animation: show 0.5s linear both;
344
- animation: show 0.5s linear both; }
345
-
346
- .flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
347
- background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
348
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
349
- background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
350
- background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
351
- background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
352
- background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
353
- -webkit-animation: hide 0.5s 0.3s linear both;
354
- -moz-animation: hide 0.5s 0.3s linear both;
355
- animation: hide 0.5s 0.3s linear both; }
356
-
357
- /*DOWN*/
358
- .flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
359
- background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
360
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
361
- background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
362
- background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
363
- background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
364
- background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
365
- -webkit-animation: show 0.5s linear both;
366
- -moz-animation: show 0.5s linear both;
367
- animation: show 0.5s linear both; }
368
-
369
- .flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
370
- background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
371
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
372
- background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
373
- background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
374
- background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
375
- background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
376
- -webkit-animation: hide 0.5s 0.3s linear both;
377
- -moz-animation: hide 0.5s 0.3s linear both;
378
- animation: hide 0.5s 0.2s linear both; }
379
-
380
- @-webkit-keyframes show {
381
- 0% {
382
- opacity: 0; }
383
-
384
- 100% {
385
- opacity: 1; } }
386
-
387
- @-moz-keyframes show {
388
- 0% {
389
- opacity: 0; }
390
-
391
- 100% {
392
- opacity: 1; } }
393
-
394
- @-o-keyframes show {
395
- 0% {
396
- opacity: 0; }
397
-
398
- 100% {
399
- opacity: 1; } }
400
-
401
- @keyframes show {
402
- 0% {
403
- opacity: 0; }
404
-
405
- 100% {
406
- opacity: 1; } }
407
-
408
- @-webkit-keyframes hide {
409
- 0% {
410
- opacity: 1; }
411
-
412
- 100% {
413
- opacity: 0; } }
414
-
415
- @-moz-keyframes hide {
416
- 0% {
417
- opacity: 1; }
418
-
419
- 100% {
420
- opacity: 0; } }
421
-
422
- @-o-keyframes hide {
423
- 0% {
424
- opacity: 1; }
425
-
426
- 100% {
427
- opacity: 0; } }
428
-
429
- @keyframes hide {
430
- 0% {
431
- opacity: 1; }
432
-
433
- 100% {
434
- opacity: 0; } }