X-Git-Url: http://git.ithinksw.org/philo.git/blobdiff_plain/af7fa05ae7ba985fc27b17dceeacabd4175f1d7f..07358a0e08bfaa601cd385d0b0854e5b78eea543:/static/scss/screen.scss

diff --git a/static/scss/screen.scss b/static/scss/screen.scss
index b531c1a..f758abd 100644
--- a/static/scss/screen.scss
+++ b/static/scss/screen.scss
@@ -48,7 +48,7 @@
 }
 
 section{
-	@include transition(all, .15s, linear);
+	@include transition(background, .15s, linear);
 }
 
 body{
@@ -70,13 +70,14 @@ body{
 	@include adjust-font-size-to(60px);
 	font-family:$headingfonts;
 	position:relative;
-}
+}	
 
-.installButton{
+$buttoncolor:#EEE;
+$buttonbottom:darken($buttoncolor, 10%);
+$buttonfore:darken($buttoncolor, 80%);
+
+.installButton, .docsButton{
 	height:30px;
-	$buttoncolor:#EEE;
-	$buttonbottom:darken($buttoncolor, 10%);
-	$buttonfore:darken($buttoncolor, 80%);
 	color:$buttonfore;
 	text-decoration:none;
 	font-size:25px;
@@ -96,10 +97,8 @@ body{
 	top:10px;
 	right:0;
 	&::after{
-		content: '\2b07';
 		font-size:20px;
 		line-height:20px;
-		padding:7px 1px 3px 4px;
 		width:25px;
 		@include border-radius(15px);
 		@include box-shadow(0 1px 0 0 #FFF, 0 1px 2px 0 rgba(0,0,0,.15) inset);
@@ -121,8 +120,25 @@ body{
 		}
 	}
 }
+.docsButton{
+	right: 200px;
+	width:100px;
+	text-align:center;
+}
+.installButton{
+	&::after{
+		content: '\2b07';
+		padding:7px 1px 3px 4px;
+	}
+}
 
 #content{
+	em{
+		font-style:italic;
+	}
+	strong{
+		font-weight:bold;
+	}
 	a{
 		color: darken($page-background, 60%);;
 		border-bottom:1px solid darken($page-background, 20%);
@@ -193,6 +209,7 @@ body{
 			background:rgba(255,255,255,.5);
 			@include border-radius(5px);
 			border:1px solid darken($page-background, 5%);
+			@include box-shadow(0 1px 0 0 #FFF, 0 1px 0 0 #FFF inset);
 		}
 
 		section :last-child{
@@ -263,7 +280,8 @@ body{
 
 #whatIs{
 	padding:10px;
-	background:$foreground;
+	background: $foreground;
+	@include background(linear-gradient(bottom, lighten($foreground, 10%), $foreground));
 	margin-bottom:20px;
 	line-height:30px;
 	font-size:20px;