jumbo-jekyll-theme-test 1.0.0

data/_sass/core/twitter-feed.scss

@@ -0,0 +1,414 @@
+
+div#birds-container {
+top: 200px;
+position: relative;
+}
+
+@media(max-width:$screen-xs-min){
+    div#birds-container {
+        top: -80px;
+        position: relative;
+    }
+}
+
+
+#linaro-latest-tweets .linaro-tweet {
+padding: 20px;
+}
+
+#linaro-latest-tweets .tweet-header {
+overflow: auto;
+padding: 5px;
+border-bottom: 1px solid #eee;
+}
+
+#linaro-latest-tweets .tweet-inner-content {
+    padding-top: 0;
+    padding: 5px;
+    padding-top:0px;
+    padding-right:0px;
+    border-bottom: 1px solid #eee;
+    overflow: hidden;
+}
+#linaro-latest-tweets .tweet-footer {
+overflow: auto;
+padding-top: 0;
+padding: 5px;
+}
+
+// Anything below the large container size
+@media(min-width:$screen-lg-min){
+    #linaro-latest-tweets .tweet-user-name {
+        padding-left: 35px;
+    }
+}
+
+
+
+p.tweet-content::-webkit-scrollbar {
+    width: 10px;
+}
+
+p.tweet-content::-webkit-scrollbar-track {
+    border: 1px solid #eee;
+}
+
+p.tweet-content::-webkit-scrollbar-thumb {
+    border-radius: 0px;
+    border: 1px solid #eee;
+    background-color: #eee;
+}
+
+
+#linaro-latest-tweets  p.tweet-content{
+    font-size: 16px;
+    margin-bottom: 0;
+    height: 130px;
+    padding-right: 5px;
+    overflow-y: scroll;
+}
+
+
+#linaro-latest-tweets  div.tweet-img{
+    width: 100%;
+    padding:0px;
+    margin-top: 0px;
+    height: 170px;
+}
+
+#linaro-latest-tweets  div.tweet-img > img {
+width: 100%;
+height: auto;
+margin-top: 5px;
+}
+
+#linaro-latest-tweets  .tweet-inner {
+border: 1px solid #eee;
+overflow: auto;
+background-color: white;
+z-index: 99999;
+}
+
+.row.tweet-row {
+padding: 10px;
+margin-top:100px;
+margin-bottom: 100px;
+}
+
+#linaro-latest-tweets p.interact {
+margin-bottom: 0;
+float: left;
+width: auto;
+padding-left:5px;
+font-size: 12px;
+}
+#linaro-latest-tweets p.interact > a {
+color: #b3b3b3;
+transition: all .5s linear;
+}
+#linaro-latest-tweets p.interact > a:hover {
+color: #252525;
+}
+#linaro-latest-tweets p.interact > a > i {
+margin-bottom: 0;
+float: left;
+width: 20px;
+margin-right:5px;
+}
+
+
+#linaro-latest-tweets p.tweet-infos {
+margin-bottom: 0px;
+font-size: 12px;
+text-align: right;
+}
+
+#linaro-latest-tweets .tweet-user-img {
+padding: 0;
+}
+#linaro-latest-tweets .tweet-user-img > img {
+    border: 1px solid #eee;
+}
+#linaro-latest-tweets .tweet-user-name {
+   padding:0;
+   padding-left: 20px;
+}
+#linaro-latest-tweets .tweet-user-name a {
+color: #252525;
+}
+#linaro-latest-tweets .tweet-user-name a >  h3 {
+padding: 0;
+margin: 0;
+margin-top: 5px;
+font-size: 16px;
+}
+
+#linaro-latest-tweets .tweet-user-name  a > small {
+padding: 0;
+margin: 0;
+margin-top: 5px;
+font-size: 12px;
+}
+#linaro-latest-tweets .tweet-user-img > a > img {
+border: 1px solid #eee;
+height: 50px;
+}
+
+#linaro-latest-tweets .twitter-bird  {
+    
+padding: 0;
+margin: 0;
+margin-top: 5px;
+font-size: 12px;
+color: #1da1f2;
+transition: all .5s linear;
+}
+#linaro-latest-tweets .twitter-bird > a  {
+color: #1da1f2;
+transition: all .5s linear;
+}
+
+#linaro-latest-tweets .twitter-bird > a:hover {
+color: #106ca5;
+}
+
+
+
+
+.flying-twitter-bird > svg > g > path {
+fill:  #dae1e5;  
+}
+
+.flying-twitter-bird > svg {
+transform: rotate(22deg);
+}
+
+
+.flying-twitter-bird {
+position: absolute;
+left: 0px;
+
+opacity: 0;
+
+animation: movement 30s linear infinite;
+
+transition: all 100ms ease;
+
+}
+
+.flying-twitter-bird.small {
+animation-delay: 6s;
+}
+.flying-twitter-bird.small {
+width: 20px;
+height: 20px;
+}
+.flying-twitter-bird.small.two{
+margin-top: 200px;
+animation-delay: 12s;
+}
+.flying-twitter-bird.small.three {
+margin-top: 160px;
+animation-delay: 18s;
+}
+.flying-twitter-bird.small.four {
+margin-top: 70px;
+animation-delay: 24s;
+}
+.flying-twitter-bird.small.five {
+margin-top: 200px;
+animation-delay: 30s;
+}
+
+.flying-twitter-bird.big {
+height: 60px;
+width: 60px;
+}
+.flying-twitter-bird.big.two {
+margin-top: 200px;    
+animation-delay: 10s;
+}
+
+.flying-twitter-bird.big.three {
+margin-top: 150px;    
+animation-delay: 15s;
+}
+
+.flying-twitter-bird.big.four {
+margin-top: 70px;    
+animation-delay: 20s;
+}
+
+.flying-twitter-bird.big.five {
+margin-top: 180px;    
+animation-delay: 22s;
+}
+
+
+
+
+@keyframes movement{
+0% {
+  left: 0px;
+  transform: rotate(30deg);
+  transform: translateY(0px);
+}
+1%{
+    opacity: 0;
+}
+2%{
+    opacity: .1;
+}
+3%{
+    opacity: .3;
+}
+4%{
+    opacity: .5;
+}
+5%{
+    opacity: .7;
+}
+10% {
+    opacity: 1;
+    transform: rotate(29deg);
+    transform: translateY(2px);
+}
+20% {
+    transform: rotate(28deg);
+    transform: translateY(5px);
+}
+30% {
+    transform: rotate(27deg);
+    transform: translateY(10px);
+}
+40% {
+    transform: rotate(26deg);
+    transform: translateY(15px);
+}
+50% {
+    transform: rotate(26deg);
+    transform: translateY(15px);
+    left: 50vw
+}
+60% {
+    transform: rotate(26deg);
+    transform: translateY(15px);
+}
+70% {
+    transform: rotate(27deg);
+    transform: translateY(10px);
+}
+80% {
+    transform: rotate(28deg);
+    transform: translateY(5px);
+}
+90% {
+    transform: rotate(29deg);
+    transform: translateY(2px);
+}
+95%{
+    opacity: 1;
+}
+96%{
+    opacity: .7;
+}
+97%{
+    opacity: .5;
+}
+98%{
+    opacity: .3;
+}
+99%{
+    opacity: .1;
+}
+100% {
+    transform: rotate(30deg);
+    transform: translateY(0px);
+    opacity: 0;
+    left: 90vw;
+}
+}
+
+@media(max-width:$screen-xs-min){
+@keyframes movement{
+    0% {
+      left: 0px;
+      transform: rotate(30deg);
+      transform: translateY(0px);
+    }
+    1%{
+        opacity: 0;
+    }
+    2%{
+        opacity: .1;
+    }
+    3%{
+        opacity: .3;
+    }
+    4%{
+        opacity: .5;
+    }
+    5%{
+        opacity: .7;
+    }
+    10% {
+        opacity: 1;
+        transform: rotate(29deg);
+        transform: translateY(2px);
+    }
+    20% {
+        transform: rotate(28deg);
+        transform: translateY(5px);
+    }
+    30% {
+        transform: rotate(27deg);
+        transform: translateY(10px);
+    }
+    40% {
+        transform: rotate(26deg);
+        transform: translateY(15px);
+    }
+    50% {
+        transform: rotate(26deg);
+        transform: translateY(15px);
+        left: 50vw
+    }
+    60% {
+        transform: rotate(26deg);
+        transform: translateY(15px);
+    }
+    70% {
+        transform: rotate(27deg);
+        transform: translateY(10px);
+    }
+    80% {
+        transform: rotate(28deg);
+        transform: translateY(5px);
+    }
+    90% {
+        transform: rotate(29deg);transform: translateY(2px);
+        transform: translateY(2px);
+    }
+    95%{
+        opacity: 1;
+    }
+    96%{
+        opacity: .7;
+    }
+    97%{
+        opacity: .5;
+    }
+    98%{
+        opacity: .3;
+    }
+    99%{
+        opacity: .1;
+    }
+    100% {
+        transform: rotate(30deg);
+        transform: translateY(0px);
+        opacity: 0;
+        left: 80vw;
+    }
+}
+}

data/_sass/core/universal-nav.scss

@@ -0,0 +1,154 @@
+nav#universal-nav {
+    color: white;
+    height: 0px;
+    padding-bottom:0px;
+    border-bottom: 0px;
+    border-top:0px;
+    margin-bottom: 0px;
+    background-color:$brand-primary;
+    z-index:9999;
+}
+
+#universal-nav.navbar-default .navbar-nav>li>a{
+    color: #fefefe;
+    font-size: 12px;
+    padding-top: 8px;
+    padding-bottom:7px;
+    margin: 0px;
+    border:none;
+    letter-spacing:1px;
+    text-transform: uppercase;
+    padding-left:20px;  
+    padding-right:20px;
+    text-align:center;
+    transition: all 400ms ease;
+}
+
+#universal-nav.navbar-default .navbar-nav>li.active>a {
+    color: white;
+    background-color: darken($brand-primary, 40%);
+    opacity: 1;
+    
+    transition: all 200ms ease;
+}
+#universal-nav.navbar-default .navbar-nav>li.active>a:hover {
+    color: white;
+    background-color: #000;
+    opacity: 1;
+}
+
+#universal-nav li {
+    color: black;
+    margin-bottom: 0px;
+}
+
+.navbar {min-height:36px !important}
+
+#universal-nav button.navbar-toggle {
+    margin-top:0px;
+    padding-right:5px;
+}
+
+#universal-nav div#navbar-collapse {
+    margin-top:0px;
+    top:0px;
+    background-color:white;
+}
+
+
+#universal-nav div#navbar::-webkit-scrollbar { 
+    display: none; 
+}
+
+#universal-nav.navbar-default .navbar-nav .open .dropdown-menu>li>a {
+    text-align: center;
+    color: white;
+    padding: 5px;
+    margin-top: 0px;
+}
+#universal-nav.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
+    text-align: center;
+    color:black;
+}
+#universal-nav li.dropdown-header {
+    text-align: center;
+    background-color: #eee;
+}
+#universal-nav li.dropdown-header:hover {
+    text-align: center;
+    background-color:#eee;
+}
+
+a.dropdown-toggle {}
+
+#universal-nav ul.nav.navbar-nav {
+    margin-top:0px;
+}
+
+#universal-nav ul.dropdown-menu {
+    padding-top: 0px !important;
+    background-color: #000;
+}
+
+#universal-nav button[aria-expanded="false"] span.glyphicon.glyphicon-chevron-up {
+    display: none;
+    top:-1px;
+    position:relative;
+}
+#universal-nav button[aria-expanded="true"] span.glyphicon.glyphicon-chevron-down {
+    display: none;
+    top:-1px;
+    position:relative;
+}
+#universal-nav button[aria-expanded="true"] span.glyphicon.glyphicon-chevron-up {
+    display: block;
+    top:-1px;
+    position:relative;
+}
+#universal-nav button[aria-expanded="false"] span.glyphicon.glyphicon-chevron-down {
+    display: block;
+    top:-1px;
+    position:relative;
+}
+#universal-nav.navbar-default .navbar-nav>li>a:hover{
+    color: white;
+    background-color:#000;
+}
+
+#universal-nav.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
+    text-align: center;
+    color:black;
+}
+#universal-nav.navbar-default .navbar-nav .open .dropdown-menu>li>a {
+    text-align: center;
+    color: white;
+    padding: 5px;
+    margin-top: 0px;
+}
+#universal-nav .dropdown-menu .divider {
+    background-color: #cecece;
+}
+
+#universal-nav .navbar-right ul.dropdown-menu {
+    left: auto;
+    right: 0px;
+}
+
+// Mobile Styles
+@media(max-width:$screen-sm-min - 1){
+    #universal-nav div#navbar {
+        background-color: white;
+        color: black;
+        z-index:9999999;
+        position: absolute;
+        top:31px;
+        width:100%;
+    }
+    #universal-nav.navbar-default .navbar-nav>li>a{
+        color: #000000;
+    }
+    #universal-nav.navbar-default .navbar-nav>li>a:hover{
+        color: black;
+        background-color:#ffffff;
+    }
+}