Commits

msssk committed 0c78379

change: color/fx updates - changed to a blue theme

Comments (0)

Files changed (1)

 
 body {
 	color: hsl(0, 0%, 80%);
-	background-color: hsl(0, 0%, 30%);
+	background-color: hsl(219, 9%, 52%);
 	font-family: Calibri, Helvetica, Arial, sans-serif;
 	font-size: 1.1em;
 }
 
 header {
 	color: hsl(0, 0%, 88%);
-	background-color: hsl(0, 0%, 42%);
+	background-color: hsl(196, 6%, 39%);
 	padding: 20px;
 	border-top-left-radius: 12px 9px;
 	border-top-right-radius: 12px 9px;
 	margin-top: 3px;
+	box-shadow: 0 0 8px 2px hsl(219, 9%, 28%);
 }
 
 header h1 {
 	border-bottom-right-radius: 6px;
 	margin: 5px 5px 5px 0;
 	background: #c6c6c6; /* Old browsers */
-	background: -moz-linear-gradient(top, hsla(0,0%,78%,1) 0%, hsla(0,0%,60%,1) 100%); /* FF3.6+ */
-	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsla(0,0%,78%,1)), color-stop(100%,hsla(0,0%,60%,1))); /* Chrome,Safari4+ */
-	background: -webkit-linear-gradient(top, hsla(0,0%,78%,1) 0%,hsla(0,0%,60%,1) 100%); /* Chrome10+,Safari5.1+ */
-	background: -o-linear-gradient(top, hsla(0,0%,78%,1) 0%,hsla(0,0%,60%,1) 100%); /* Opera11.10+ */
-	background: linear-gradient(top, hsla(0,0%,78%,1) 0%,hsla(0,0%,60%,1) 100%); /* W3C */
+	background: -moz-linear-gradient(top, hsla(204,11%,78%,1) 0%, hsla(204,11%,63%,1) 100%); /* FF3.6+ */
+	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsla(204,11%,78%,1)), color-stop(100%,hsla(204,11%,63%,1))); /* Chrome,Safari4+ */
+	background: -webkit-linear-gradient(top, hsla(204, 11%, 78%,1) 0%,hsla(204, 11%, 63%,1) 100%); /* Chrome10+,Safari5.1+ */
+	background: -o-linear-gradient(top, hsla(204,11%,78%,1) 0%,hsla(204,11%,63%,1) 100%); /* Opera11.10+ */
+	background: linear-gradient(top, hsla(204, 11%, 78%,1) 0%,hsla(204, 11%, 68%,1) 100%); /* W3C */
 	min-height: 20em;
+	box-shadow: -2px 0 8px hsl(219, 9%, 28%);
 }
 
 #section-navigation h2 {
 	width: 600px;
 	padding: 6px;
 	margin: 5px 0;
-	background-color: hsl(90, 30%, 38%);
+	background-color: hsl(204, 41%, 27%);
 	border-radius: 6px;
 	min-height: 31em;
 }
 
 #content h2 {
-	text-shadow: 3px 2px 2px hsl(90, 25%, 28%);
+	text-shadow: 3px 2px 2px hsl(204, 36%, 17%);
 	margin: 0;
 }
 
 #content a,
 #content a:active,
 #content a:visited {
-	color: #036;
-	text-shadow: 2px 1px 1px hsl(90, 25%, 48%);
+	color: hsl(50, 48%, 61%);
+	text-shadow: 2px 1px 1px hsl(204, 36%, 27%);
 }
 
 #content a:hover {
-	text-shadow: 2px 1px 1px hsl(90, 25%, 38%);
+	text-shadow: 2px 1px 1px hsl(204, 36%, 37%);
 }
 
 #aside {
 	border-bottom-left-radius: 6px;
 	margin: 5px 0 5px 5px;
 	background: #c6c6c6; /* Old browsers */
-	background: -moz-linear-gradient(top, hsla(0,0%,78%,1) 0%, hsla(0,0%,60%,1) 100%); /* FF3.6+ */
-	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsla(0,0%,78%,1)), color-stop(100%,hsla(0,0%,60%,1))); /* Chrome,Safari4+ */
-	background: -webkit-linear-gradient(top, hsla(0,0%,78%,1) 0%,hsla(0,0%,60%,1) 100%); /* Chrome10+,Safari5.1+ */
-	background: -o-linear-gradient(top, hsla(0,0%,78%,1) 0%,hsla(0,0%,60%,1) 100%); /* Opera11.10+ */
-	background: linear-gradient(top, hsla(0,0%,78%,1) 0%,hsla(0,0%,60%,1) 100%); /* W3C */
+	background: -moz-linear-gradient(top, hsla(204,11%,78%,1) 0%, hsla(204,11%,63%,1) 100%); /* FF3.6+ */
+	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsla(204,11%,78%,1)), color-stop(100%,hsla(204,11%,63%,1))); /* Chrome,Safari4+ */
+	background: -webkit-linear-gradient(top, hsla(204,11%,78%,1) 0%,hsla(204,11%,63%,1) 100%); /* Chrome10+,Safari5.1+ */
+	background: -o-linear-gradient(top, hsla(204,11%,78%,1) 0%,hsla(204,11%,63%,1) 100%); /* Opera11.10+ */
+	background: linear-gradient(top, hsla(204,11%,78%,1) 0%,hsla(204,11%,63%,1) 100%); /* W3C */
 	min-height: 20em;
+	box-shadow: 2px 0 8px hsl(219, 9%, 28%);
 }
 
 #aside h3 { margin: 0; }
 footer {
 	font-size: 0.8em;
 	color: hsl(0, 0%, 80%);
-	background-color: hsl(0, 0%, 42%);
+	background-color: hsl(196, 6%, 39%);;
 	clear: left;
 	padding: 8px;
 	height: 1%;
 	border-bottom-left-radius: 12px 9px;
 	border-bottom-right-radius: 12px 9px;
 	margin-bottom: 3px;
+	box-shadow: 0 0 8px 2px hsl(219, 9%, 28%);
 }
 
 a.gChromeLink,