Iframe style updates. All links open in new tab

1 files changed, 40 insertions, 4 deletions

diff --git a/theme/sass/default.scss b/theme/sass/default.scss
index 38fd14e..a473b97 100644
--- a/theme/sass/default.scss
+++ b/theme/sass/default.scss
@@ -32,6 +32,8 @@ $slide-top-bottom-padding: 40px;
 $slide-left-right-padding: 60px;
 $slide-border-radius: 5px;
 
+$article-cotent-top-padding: 45px;
+
 /**
  * Theme Styles
  */
@@ -41,6 +43,36 @@ $slide-border-radius: 5px;
   @include text-shadow(none);
 }
 
+::-webkit-scrollbar {
+  height: 16px;
+  overflow: visible;
+  width: 16px;
+}
+::-webkit-scrollbar-thumb {
+  background-color: rgba(0, 0, 0, .1);
+  background-clip: padding-box;
+  border: solid transparent;
+  min-height: 28px;
+  padding: 100px 0 0;
+  @include box-shadow(inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07));
+  border-width: 1px 1px 1px 6px;
+}
+::-webkit-scrollbar-thumb:hover {
+  background-color: rgba(0, 0, 0, 0.5);
+}
+::-webkit-scrollbar-button {
+  height: 0;
+  width: 0;
+}
+::-webkit-scrollbar-track {
+  background-clip: padding-box;
+  border: solid transparent;
+  border-width: 0 0 0 4px;
+}
+::-webkit-scrollbar-corner {
+  background: transparent;
+}
+
 body {
   @include background-image(radial-gradient(50% 50%, #b1dfff 0%,
                                             $brand-blue-secondary2 600px));
@@ -190,12 +222,16 @@ slides > slide {
   }
 
   > hgroup + article {
-    margin-top: 1.5em;
+    margin-top: $article-cotent-top-padding;
 
     p {
       margin-bottom: 1em;
     }
   }
+
+  > article:only-child > iframe {
+    height: 100%;
+  }
 }
 
 slides.layout-widescreen,
@@ -338,10 +374,10 @@ code {
 
 iframe {
   width: 100%;
-  height: 620px;
+  height: $slide-height - ($slide-top-bottom-padding * 2) - ($article-cotent-top-padding * 2);
   background: white;
-  border: 1px solid rgb(192, 192, 192);
-  margin: -1px;
+  border: 1px solid $gray-1;
+  @include box-sizing(border-box);
 }
 
 dt {