logo & refacor

app/assets/stylesheets/application.css.scss

@@ -5,6 +5,8 @@
 
 *= require_self
 *= require theme/errors
+*= require theme/logo
+*= require theme/layout
 *= require pages/domains
 *= require slides
 */
@@ -14,12 +16,3 @@
 @import "active_scaffold";
 @import "overrides";
 
-#main {
-    margin-top: 40px;
-}
-
-.footer {
-    margin-top: 25px;
-    padding: 15px 0 15px;
-    border-top: 1px solid #E5E5E5;
-}

app/assets/stylesheets/theme/layout.css.scss

@@ -0,0 +1,10 @@
+#main {
+    margin-top: 40px;
+}
+
+.footer {
+    margin-top: 25px;
+    padding: 15px 0 15px;
+    border-top: 1px solid #E5E5E5;
+}
+

app/assets/stylesheets/theme/logo.css.scss

@@ -0,0 +1,13 @@
+@import "compass/css3/border-radius";
+@import "compass/css3/box-shadow";
+@import "compass/css3/text-shadow";
+
+.navbar .brand {
+  color: #53d4ff;
+  border: 2px solid #53d4ff;
+  @include border-radius(10px);
+  @include text-shadow(0 1px 0 rgba(0, 0, 0, 0.6),0 0 6px rgba(143, 181, 200, 1),0 0 10px rgba(143, 181, 200, .7));
+  @include box-shadow(0 1px 0 rgba(0, 0, 0, 0.6),0 0 6px rgba(143, 181, 200, 1),0 0 10px rgba(143, 181, 200, .7));
+  padding: 2px 8px 2px 8px;
+  margin: 6px 18px 2px 6px;
+}