@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); /** * Default theme for reveal.js. * * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se */ @font-face { font-family: 'League Gothic'; src: url("../../lib/font/league_gothic-webfont.eot"); src: url("../../lib/font/league_gothic-webfont.eot?#iefix") format("embedded-opentype"), url("../../lib/font/league_gothic-webfont.woff") format("woff"), url("../../lib/font/league_gothic-webfont.ttf") format("truetype"), url("../../lib/font/league_gothic-webfont.svg#LeagueGothicRegular") format("svg"); font-weight: normal; font-style: normal; } /********************************************* * GLOBAL STYLES *********************************************/ body { background: #1c1e20; background: -moz-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #555a5f), color-stop(100%, #1c1e20)); background: -webkit-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%); background: -o-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%); background: -ms-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%); background: radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%); background-color: #2b2b2b; } body-loopback { background: #91BD46; background: -moz-linear-gradient(top, #91BD46 0%, #335A30 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #91BD46), color-stop(100%, #335A30)); background: -webkit-linear-gradient(top, #91BD46 0%, #335A30 100%); background: -o-linear-gradient(top, #91BD46 0%, #335A30 100%); background: -ms-linear-gradient(top, #91BD46 0%, #335A30 100%); background: linear-gradient(to bottom, #91BD46 0%, #335A30 100%); } .reveal { font-family: "Lato", sans-serif; font-size: 36px; font-weight: normal; letter-spacing: 0.02em; color: #eeeeee; } .reveal .footer-logos { z-index: 10; position: fixed; left: 30px; bottom: 20px; } .reveal .footer-logos .ts { width: 82px; margin-top: -35px; } .reveal .footer-logos .famous { width: 28px; margin-left: 15px; } .reveal .footer-logos .angularjs { width: 120px; margin-left: 15px; margin-top: -30px; } .reveal .footer-logos .strongloop { width: 150px; margin-left: 15px; margin-top: -40px; color: blue; fill: red; top: 10px; position: relative; background-color: white; border-radius: 4px; padding-left: 4px; padding-right: 4px; } .reveal ul li { margin-bottom: 25px; } .green { color: rgb(11,188,52); } .subli { color: smoke; font-size: x-large !important; font-style: italic !important; } li.li-mbaas { margin-top: -20px !important; } .img-li { width:50px; position: relative; top: 25px; margin:10px; padding: 10px; } ::selection { color: white; background: #ff5e99; text-shadow: none; } /********************************************* * HEADERS *********************************************/ .reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 { margin: 0 0 20px 0; color: white; font-family: "League Gothic", Impact, sans-serif; line-height: 0.9em; letter-spacing: 0.02em; stext-transform: uppercase; text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); } .reveal h1 { text-shadow: 0 1px 0 #cccccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbbbbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaaaaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 20px 20px rgba(0, 0, 0, 0.15); } /********************************************* * LINKS *********************************************/ .reveal a:not(.image) { color: #FFF; text-decoration: none; -webkit-transition: color .15s ease; -moz-transition: color .15s ease; -ms-transition: color .15s ease; -o-transition: color .15s ease; transition: color .15s ease; } .reveal a:not(.image):hover { color: #FFF; text-shadow: none; border: none; } .reveal .roll span:after { color: #fff; background: #0d99a5; } /********************************************* * IMAGES *********************************************/ .reveal section img { margin: 15px 0px; background: rgba(255, 255, 255, 0.12); border: 4px solid #eeeeee; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; } .reveal section .no-border { border: none; box-shadow: none; background: none; } .reveal a:hover img { background: rgba(255, 255, 255, 0.2); border-color: #13daec; box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); } /********************************************* * NAVIGATION CONTROLS *********************************************/ .reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled { border-right-color: #fff; } .reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled { border-left-color: #fff; } .reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled { border-bottom-color: #fff; } .reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled { border-top-color: #fff; } .reveal .controls div.navigate-left.enabled:hover { border-right-color: #fff; } .reveal .controls div.navigate-right.enabled:hover { border-left-color: #fff; } .reveal .controls div.navigate-up.enabled:hover { border-bottom-color: #fff; } .reveal .controls div.navigate-down.enabled:hover { border-top-color: #fff; } /********************************************* * PROGRESS BAR *********************************************/ .reveal .progress { background: rgba(0, 0, 0, 0.2); } .reveal .progress span { background: #13daec; -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); -ms-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); -o-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); } /********************************************* * SLIDE NUMBER *********************************************/ .reveal .slide-number { color: #fff; } .reveal pre { width: 100%; } .strong { color: #17ff2e; } .yoobic .strong { color: #fff; } .money body { background: url("https://cloud.githubusercontent.com/assets/4806944/4646184/1af61a92-5471-11e4-8f40-a2c69206b49c.gif"); background-position: center; background-size: 100%; background-color: black; background-repeat: no-repeat; } .facebook body { background: url("http://www.lifenews.com/wp-content/uploads/2014/02/markzuckerberg.jpg"); background-position: center; background-size: 100%; background-color: black; background-repeat: no-repeat; } .obama body { background: url("http://i.giphy.com/IMuqnp96sdhyE.gif"); background-position: center; background-size: 100%; background-color: black; background-repeat: no-repeat; } .louis body { background: url("http://i.giphy.com/8mZK9do4ZvxQc.gif"); background-position: center; background-size: 100%; background-color: black; background-repeat: no-repeat; } .boring body { background: url("http://i.giphy.com/jSxK33dwEMbkY.gif"); background-position: center; background-size: 100%; background-color: black; background-repeat: no-repeat; } .recruiting body { background: url("http://www.edenvirginhair.com/wp-content/uploads/2014/08/we-are-recruiting.png"); background-position: center; background-size: 100%; background-color: black; background-repeat: no-repeat; } .rainman1 body { background: url("https://cloud.githubusercontent.com/assets/4806944/4852934/169c42e8-6081-11e4-8702-bb4c98246a6d.gif"); background-position: center; background-size: 100%; background-color: black; background-repeat: no-repeat; } .rainman2 body { background: url("https://cloud.githubusercontent.com/assets/4806944/4852937/180c3ee4-6081-11e4-9a68-7edd231925be.gif"); background-position: center; background-size: 100%; background-color: black; background-repeat: no-repeat; } .evolution body { background: url("https://cloud.githubusercontent.com/assets/4806944/7630066/2e76fb84-fa3b-11e4-8e23-13140cf8f447.gif"); background-position: left; background-size: 40%; background-color: black; background-repeat: no-repeat; } .reveal table { margin: 0 auto; border-collapse: collapse; border-spacing: 0; } .reveal table th { font-weight: bold; } .reveal table th, .reveal table td { text-align: left; padding: 0.2em 0.5em 0.2em 0.5em; border-bottom: 1px solid; } .reveal table tr:last-child td { border-bottom: none; } .white-image { width: 120px; background-color: white; border-radius: 10px; } section img { border-radius: 10px; }