/* @override http://macs.local/gwd/gapps/css/theme/daw.css */ /* Based on the Sky theme for reveal.js. */ @import url(https://fonts.googleapis.com/css?family=Quicksand:400,700,400italic,700italic); @import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700); @import url(http://fonts.googleapis.com/css?family=Lato:300,400); @-moz-font-face{ font-family: Catull; src: url(font/catull.ttf); font-weight:400; } @-webkit-font-face{ font-family: Catull; src: url(font/catull.ttf); font-weight:400; } @-o-font-face{ font-family: Catull; src: url(font/catull.ttf); font-weight:400; } @-ms-font-face{ font-family: Catull; src: url(font/catull.ttf); font-weight:400; } @font-face{ font-family: Catull; src: url(font/catull.ttf); font-weight:400; } .reveal a:not(.image) { line-height: 1.3em; } /********************************************* * GLOBAL STYLES *********************************************/ body { background: #ffffff; } .reveal { font-family: "Open Sans", sans-serif; font-size: 36px; font-weight: normal; letter-spacing: -0.02em; color: #333333; } ::selection { color: white; background: #134674; text-shadow: none; } /********************************************* * HEADERS *********************************************/ .reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 { margin: 0 0 20px 0; color: #333333; font-family: "Open Sans", sans-serif; line-height: 0.9em; letter-spacing: -0.05em; text-shadow: none; } /********************************************* * LINKS *********************************************/ .reveal a:not(.image) { color: #0047F1; 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: #0047F1; text-shadow: none; border: none; } .reveal .roll span:after { color: #fff; background: #0047F1; } /********************************************* * IMAGES *********************************************/ .reveal section img { margin: 15px 0px; background: rgba(255, 255, 255, 0.12); border: 4px solid #333333; 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 img.noborder { border: none; box-shadow: none; } .reveal a:hover img { background: rgba(255, 255, 255, 0.2); border-color: #3b759e; 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: #3b759e; } .reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled { border-left-color: #3b759e; } .reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled { border-bottom-color: #3b759e; } .reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled { border-top-color: #3b759e; } .reveal .controls div.navigate-left.enabled:hover { border-right-color: #74a7cb; } .reveal .controls div.navigate-right.enabled:hover { border-left-color: #74a7cb; } .reveal .controls div.navigate-up.enabled:hover { border-bottom-color: #74a7cb; } .reveal .controls div.navigate-down.enabled:hover { border-top-color: #74a7cb; } /********************************************* * PROGRESS BAR *********************************************/ .reveal .progress { background: rgba(0, 0, 0, 0.2); } .reveal .progress span { background: #3b759e; -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: #3b759e; } /********************************************* * Custom - windhamdavid *********************************************/ .reveal h1 { font-size:100px; text-shadow:0px 3px 3px rgba(0,0,0,0.25); letter-spacing: -0.01em; } .reveal h1.light, .reveal h2.light, .reveal h3.light, .reveal h4.light { color: #e1e1e1; } .reveal p.light { color: #e1e1e1; } .bg-block { background: #fff; padding: 20px; opacity:0.9; filter:alpha(opacity=90); /* For IE8 and earlier */ } .bg-block h4 { padding: 30px; } .reveal .theend { background: #000; } .reveal span.raised { color:#cecece; text-shadow: 1px 1px 1px #000; } .reveal span.highlight { color:#000; background-color:#ffff00; } .reveal p.footnotes { font-size:14px; margin-bottom:5px; padding-bottom:5px; } .reveal a.light { color:#FF70F4; } #logo { margin-bottom:30px; } @-webkit-keyframes pulse { 0% {color: #0047F1;} 25% {color: #DD172C;} 50% {color: #F9A600;} 75% {color: #0047F1;} 100% {color: #00930E;} } .reveal h1.colors span.g { font-family: "Catull" ,Sans-Serif; -webkit-text-shadow: 0px 3px 3px rgba(0,0,0,0.25); -moz-text-shadow: 0px 3px 3px rgba(0,0,0,0.25); text-shadow: 0px 3px 3px rgba(0,0,0,0.25); color:#0047F1; -webkit-animation: pulse 5s infinite alternate; } } @-webkit-keyframes pulse { 0% {color: #0047F1;} 25% {color: #DD172C;} 50% {color: #F9A600;} 75% {color: #0047F1;} 100% {color: #00930E;} } .reveal h1.colors span.g2 { font-family: "Catull" ,Sans-Serif; -webkit-text-shadow: 0px 3px 3px rgba(0,0,0,0.25); -moz-text-shadow: 0px 3px 3px rgba(0,0,0,0.25); text-shadow: 0px 3px 3px rgba(0,0,0,0.25); color: #45CEEF; -webkit-animation: pulse 6s infinite alternate; } } @-webkit-keyframes pulse { 0% {color: #0047F1;} 25% {color: #DD172C;} 50% {color: #F9A600;} 75% {color: #0047F1;} 100% {color: #00930E;} } .reveal h1.colors span.o { font-family: "Catull" ,Sans-Serif; -webkit-text-shadow: 0px 3px 3px rgba(0,0,0,0.25); -moz-text-shadow: 0px 3px 3px rgba(0,0,0,0.25); text-shadow: 0px 3px 3px rgba(0,0,0,0.25); color: #45CEEF; -webkit-animation: pulse 7s infinite alternate; } } @-webkit-keyframes pulse { 0% {color: #0047F1;} 25% {color: #DD172C;} 50% {color: #F9A600;} 75% {color: #0047F1;} 100% {color: #00930E;} } .reveal h1.colors span.o2 { font-family: "Catull" ,Sans-Serif; -webkit-text-shadow: 0px 3px 3px rgba(0,0,0,0.25); -moz-text-shadow: 0px 3px 3px rgba(0,0,0,0.25); text-shadow: 0px 3px 3px rgba(0,0,0,0.25); color: #45CEEF; -webkit-animation: pulse 8s infinite alternate; } } @-webkit-keyframes pulse { 0% {color: #0047F1;} 25% {color: #DD172C;} 50% {color: #F9A600;} 75% {color: #0047F1;} 100% {color: #00930E;} } .reveal h1.colors span.l { font-family: "Catull" ,Sans-Serif; -webkit-text-shadow: 0px 3px 3px rgba(0,0,0,0.25); -moz-text-shadow: 0px 3px 3px rgba(0,0,0,0.25); text-shadow: 0px 3px 3px rgba(0,0,0,0.25); color: #45CEEF; -webkit-animation: pulse 9s infinite alternate; } } @-webkit-keyframes pulse { 0% {color: #0047F1;} 25% {color: #DD172C;} 50% {color: #F9A600;} 75% {color: #0047F1;} 100% {color: #00930E;} } .reveal h1.colors span.e { font-family: "Catull" ,Sans-Serif; -webkit-text-shadow: 0px 3px 3px rgba(0,0,0,0.25); -moz-text-shadow: 0px 3px 3px rgba(0,0,0,0.25); text-shadow: 0px 3px 3px rgba(0,0,0,0.25); color: #45CEEF; -webkit-animation: pulse 11s infinite alternate; } } #heart { position: relative; width: 100px; height: 90px; } #heart:before, #heart:after { position: absolute; content: ""; left: 50px; top: 0; width: 50px; height: 80px; background: #DD172C; -moz-border-radius: 50px 50px 0 0; border-radius: 50px 50px 0 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; } #heart:after { left: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin :100% 100%; } .reveal h2.thanks { text-shadow:0px 3px 3px rgba(0,0,0,0.25); letter-spacing: 0.01em; } span.t { font-family: "Catull" ,Sans-Serif; -webkit-text-shadow: 0px 3px 3px rgba(0,0,0,0.25); -moz-text-shadow: 0px 3px 3px rgba(0,0,0,0.25); text-shadow: 0px 3px 3px rgba(0,0,0,0.25); color:#0047F1; } span.h { font-family: "Catull" ,Sans-Serif; -webkit-text-shadow: 0px 3px 3px rgba(0,0,0,0.25); -moz-text-shadow: 0px 3px 3px rgba(0,0,0,0.25); text-shadow: 0px 3px 3px rgba(0,0,0,0.25); color:#DD172C; } span.a { font-family: "Catull" ,Sans-Serif; -webkit-text-shadow: 0px 3px 3px rgba(0,0,0,0.25); -moz-text-shadow: 0px 3px 3px rgba(0,0,0,0.25); text-shadow: 0px 3px 3px rgba(0,0,0,0.25); color:#F9A600; } span.n { font-family: "Catull" ,Sans-Serif; -webkit-text-shadow: 0px 3px 3px rgba(0,0,0,0.25); -moz-text-shadow: 0px 3px 3px rgba(0,0,0,0.25); text-shadow: 0px 3px 3px rgba(0,0,0,0.25); color:#0047F1; } span.k { font-family: "Catull" ,Sans-Serif; -webkit-text-shadow: 0px 3px 3px rgba(0,0,0,0.25); -moz-text-shadow: 0px 3px 3px rgba(0,0,0,0.25); text-shadow: 0px 3px 3px rgba(0,0,0,0.25); color:#00930E; } span.y { font-family: "Catull" ,Sans-Serif; -webkit-text-shadow: 0px 3px 3px rgba(0,0,0,0.25); -moz-text-shadow: 0px 3px 3px rgba(0,0,0,0.25); text-shadow: 0px 3px 3px rgba(0,0,0,0.25); color:#E61B31; } span.o { font-family: "Catull" ,Sans-Serif; -webkit-text-shadow: 0px 3px 3px rgba(0,0,0,0.25); -moz-text-shadow: 0px 3px 3px rgba(0,0,0,0.25); text-shadow: 0px 3px 3px rgba(0,0,0,0.25); color:#00930E; } span.u { font-family: "Catull" ,Sans-Serif; -webkit-text-shadow: 0px 3px 3px rgba(0,0,0,0.25); -moz-text-shadow: 0px 3px 3px rgba(0,0,0,0.25); text-shadow: 0px 3px 3px rgba(0,0,0,0.25); color:#F9A600; } /* color key GWD50 005723 Google - 0047F1 DD172C F9A600 0047F1 00930E E61B31 */ /* color key GWD50 005723 Normal - 008F0B - Green | A68B08 - Yellow | 9C2500 - Red | 70089C - Purple | 0865A6 - Blue Inverted - FF70F4 - Pink | 5974F7 - Blue | 63DAFF - Teal | 8FF763 - Green | F79A59 - Orange /*