From 6ea094abf5a8019cf862e5ec0ffcef3cabdacccf Mon Sep 17 00:00:00 2001
From: Luke Shumaker <LukeShu@sbcglobal.net>
Date: Sun, 25 Sep 2011 16:21:52 -0400
Subject: Alter the header when the window/screen is too narrow.
---
style.scss | 40 +++++++++++++++++++++++++++++++++++++++-
1 file changed, 39 insertions(+), 1 deletion(-)
diff --git a/style.scss b/style.scss
index bb767c6..8022eef 100644
--- a/style.scss
+++ b/style.scss
@@ -98,7 +98,45 @@ body {
}
}
-/*div.menu-wp_nav_menu-container {
+@media (max-width: 1050px) {
+ body #page header#branding hgroup {
+ #team-name {
+ font-size: 60px;
+ }
+ h2 {
+ font-size: 30px;
+ }
+ }
+}
+@media (max-width: 800px) {
+ body #page header#branding hgroup {
+ height: auto;
+ background-image: none;
+
+ #team-name{
+ font-size: 3em;
+ }
+ h2 {
+ font-size: 2em;
+ }
+ #team-number {
+ font-size: 5em;
+ position: relative;
+ right: auto;
+ &:before {
+ text-shadow: none;
+ transform: none;
+ content: "FRC";
+ color: white;
+ font-family: serif;
+ font-size: 0.2em;
+ vertical-align: text-top;
+ }
+ }
+ }
+}
+/*
+div.menu-wp_nav_menu-container {
margin: 0 .5em !important;
}
*/
\ No newline at end of file
--
cgit v1.2.3-2-g168b