X-Git-Url: http://git.ithinksw.org/philo.git/blobdiff_plain/810394009cffaa97cd898ce79826ac0e63aabf79..24aa60ec77e9f084f9eb9e31aaead04dfe8e7321:/static/scss/screen.scss

diff --git a/static/scss/screen.scss b/static/scss/screen.scss
index 38ef8e6..d6a043c 100644
--- a/static/scss/screen.scss
+++ b/static/scss/screen.scss
@@ -9,24 +9,21 @@
 		"compass/utilities/general/clearfix";
 		
 @include establish-baseline;
-		
+
+::selection{
+	background: darken(saturate(adjust-hue($page-background, 90deg), 100%), 20%);
+	text-shadow: none !important;
+	color:#FFF !important;
+}
+
 body{
 	background:$page-background;
+	@include background(
+		linear-gradient(top, desaturate(darken($page-background, 15%), 10%) 0, $page-background 250px)
+	);
 	@include body-text;
 }
 
-a{
-	color: darken($foreground, 20%);
-	text-decoration:none;
-	background: darken($page-background, 15%);
-	padding:3px;
-	@include border-radius(3px);
-	&:hover{
-		background: desaturate(darken($page-background, 25%), 10%);
-		text-shadow: 0 1px 0 rgba(255,255,255,.65);
-	};
-}
-
 #container{
 	width: $page-width;
 	margin:20px auto;
@@ -44,6 +41,17 @@ a{
 }
 
 #content{
+	a{
+		color: darken($foreground, 20%);
+		text-decoration:none;
+		background: darken($page-background, 15%);
+		padding:3px;
+		@include border-radius(3px);
+		&:hover{
+			background: desaturate(darken($page-background, 25%), 10%);
+			text-shadow: 0 1px 0 rgba(255,255,255,.65);
+		};
+	}
 	p, ul, ol, header{
 		@include margin-trailer;
 	}
@@ -64,6 +72,23 @@ a{
 		font-family:Menlo, monospace;
 		@include adjust-font-size-to(13px);
 	}
+	.codeblock{
+		@extend code;
+		padding: 10px;
+		display:block;
+		code{
+			margin:0;
+			padding:0;
+			@include box-shadow(none);
+			@include border-radius(0);
+			border:none;
+			display:block;
+		}
+		&.shell code::before{
+			content: "$ ";
+			color:lighten($foreground, 10%);
+		}
+	}
 }
 
 .three-up{
@@ -170,4 +195,20 @@ a{
 		@include adjust-font-size-to(13px);
 		float:right;
 	}
+}
+
+footer{
+	margin-top: 25px;
+	padding-top: 20px;
+	border-top:5px solid $foreground;
+	@include box-shadow(0 1px 0 0 #FFF inset);
+	@include adjust-font-size-to(13px);
+	color:lighten($foreground, 20%);
+	a{
+		text-decoration:none;
+		color:darken($page-background, 40%);
+		&:hover{
+			color:darken($page-background, 80%);
+		}
+	}
 }
\ No newline at end of file