Permalink
Browse files

Fixed up the footer.

  • Loading branch information...
1 parent 66d0bfd commit 851bb90d43f8c105be5a9be81565dc012408a7ae @ryan ryan committed May 18, 2011
Showing with 133 additions and 225 deletions.
  1. +0 −224 assets/stylesheets/overrides.style.css
  2. +132 −0 assets/stylesheets/strobe.css
  3. +1 −1 source/layout.html.erb
@@ -402,228 +402,4 @@ div.filename {
.syntaxhighlighter {
/* FIXES: Chome cuts off underscores on the last line of a code block */
padding-bottom: 1px;
-}
-
-
-
-/* Subscribe (commented out until we have full mailchimp integration)
-
-
-#subscribe {
- position: relative;
- border:1px solid #000;
- height:28px;
- -moz-border-radius: 5px;
- border-radius: 5px;
- background:#282828;
- -webkit-box-shadow: inset 0px 0px 11px #1b1b1b;
- -moz-box-shadow: inset 0px 0px 11px #1b1b1b;
- box-shadow: inset 0px 0px 11px #1b1b1b;
-}
-
-#subscribe .error {
- position:absolute;
- top:100%;
- margin-top:.5em;
- display:none;
- color: #c23b3b;
-}
-
-#subscribe .processing {
- position: absolute;
- top:6px; left:8px;
- display:none;
-}
-
-#subscribe input[name="email"] {
- position:absolute;
- font-size:12px;
- top:2px; left:4px;
- right:5.5em;
- height:22px;
- color:#CCC;
- background:none;
- border:0px;
-}
-
-#subscribe input[name="email"]:active, #subscribe input[name="email"]:focus {
- outline: none;
- border: none;
- -moz-border-radius: 5px;
- border-radius: 5px;
-}
-
-#subscribe button[name="subscribe"] {
- position:absolute;
- top:-1px; right:-1px;
- height:30px;
- color:#FFF;
- width: 7em;
- background:#111;
- cursor: pointer;
- border:1px solid #000;
- -moz-border-radius: 5px;
- border-radius: 5px;
- background: #494949;
- background: -moz-linear-gradient(top, #494949 0%, #404040 50%, #393939 51%, #303030 100%);
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#494949), color-stop(50%,#404040), color-stop(51%,#393939), color-stop(100%,#303030));
- background: -webkit-linear-gradient(top, #494949 0%,#404040 50%,#393939 51%,#303030 100%);
- background: -o-linear-gradient(top, #494949 0%,#404040 50%,#393939 51%,#303030 100%);
- background: -ms-linear-gradient(top, #494949 0%,#404040 50%,#393939 51%,#303030 100%);
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494949', endColorstr='#303030',GradientType=0 );
- background: linear-gradient(top, #494949 0%,#404040 50%,#393939 51%,#303030 100%);
-}
-#subscribe button[name="subscribe"]:disabled {
- opacity: .16;
- cursor: pointer;
-}
-
-/* Footer
---------------------------------------------- */
-
-body > footer {
- text-align: left !important;
- height: 160px;
- overflow: visible;
- padding: 60px 0;
- color: #e9e9e9;
- line-height: 1.2;
- text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
- background: #343434 url(../images/footer/dot.png);
- -webkit-box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.6);
- -moz-box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.6);
- box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.6);
-}
-
-/* Columns */
-
-body > footer .col {
- float: left;
- font-size: 15px;
-}
-
-body > footer > .container > .col a,
-body > footer > .container > .col a:link,
-body > footer > .container > .col a:visited {
- font-size: 15px;
- color: #a1bed5;
-}
-
-body > footer .col:nth-child(1) {
- width: 305px;
-}
-
-body > footer .col:nth-child(2) {
- width: 200px;
- margin: 0px 85px 0px 85px
-}
-
-body > footer .col:nth-child(3) {
- width: 285px;
-}
-
-/* Logo */
-
-body > footer .col:nth-child(1) > a {
- display: inline-block;
- margin-bottom: 24px;
-}
-
-/* License */
-
-body > footer .col:nth-child(1) > #license {
- margin-top: 1px;
- line-height: 22px;
-}
-
-/* Headers */
-
-body > footer h1,
-body > footer h2 {
- margin-bottom: 10px;
- font-weight: bold;
- font-size: 15px;
-}
-
-/* Nav */
-
-body > footer ul {
- overflow: hidden;
- margin-bottom: 25px;
- margin-top: 13px;
-}
-
-body > footer li {
- float: left;
- margin-top: 5px;
-}
-
-body > footer nav li {
- width: 100px;
- margin-top: 5px;
-}
-
-body > footer .social li:nth-child(2) {
- margin: 5px 8px 0 8px
-}
-
-body > footer .social li:nth-child(4) a {
- display: inline-block;
- width: 140px;
- margin: -2px 0 0 5px;
-}
-
-b,
-strong {
- font-weight: bold;
-}
-
-i,
-em {
- font-style: italic;
- font-family: Georgia, Times, "Times New Roman", serif;
-}
-
-#newsletter.button.secondary {
- opacity: 0.55;
- padding: 10px 15px;
- border: 1px solid #000;
- color: #fff;
- font-weight: bold;
- text-shadow: 0 1px 0 #000;
- font-size: 11px !important;
- text-transform: uppercase;
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- border-radius: 4px;
- -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.1), inset 0 1px 0 rgba(255, 255, 255, 0.14);
- -moz-box-shadow: 0 1px 0 rgba(255,255,255,.1), inset 0 1px 0 rgba(255, 255, 255, 0.14);
- box-shadow: 0 1px 0 rgba(255,255,255,.1), inset 0 1px 0 rgba(255, 255, 255, 0.14);
- background: #242424;
- background: -moz-linear-gradient(top, #3b3b3b, #2f2f2f 50%, #242424 51%, #161616);
- background: -ms-linear-gradient(top, #3b3b3b, #2f2f2f 50%, #242424 51%, #161616);
- background: -o-linear-gradient(top, #3b3b3b, #2f2f2f 50%, #242424 51%, #161616);
- background: -webkit-gradient(linear, left top, left bottom, from(#3b3b3b), color-stop(50%, #2f2f2f), color-stop(51%, #242424), to(#161616));
- background: -webkit-linear-gradient(top, #3b3b3b, #2f2f2f 50%, #242424 51%, #161616);
- background: linear-gradient(top, #3b3b3b, #2f2f2f 50%, #242424 51%, #161616);
-}
-
-#newsletter.button.secondary:hover {
- background: #262626;
- background: -moz-linear-gradient(top, #333, #161616);
- background: -ms-linear-gradient(top, #333, #161616);
- background: -o-linear-gradient(top, #333, #161616);
- background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#161616));
- background: -webkit-linear-gradient(top, #333, #161616);
- background: linear-gradient(top, #333, #161616);
-}
-
-#newsletter.button.secondary:active {
- background: #262626;
- background: -moz-linear-gradient(top, #161616, #333);
- background: -ms-linear-gradient(top, #161616, #333);
- background: -o-linear-gradient(top, #161616, #333);
- background: -webkit-gradient(linear, left top, left bottom, from(#161616), to(#333));
- background: -webkit-linear-gradient(top, #161616, #333);
- background: linear-gradient(top, #161616, #333);
}
@@ -163,4 +163,136 @@ a:visited {
outline: 0;
background-color: #000;
background-color: rgba(0, 0, 0, 0.07);
+}
+
+
+/* Footer
+--------------------------------------------- */
+
+body > footer {
+ padding: 40px 0;
+ color: #e9e9e9;
+ font-size: 14px;
+ text-align: left;
+ text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
+ background: #343434 url(../images/footer/dot.png);
+ -webkit-box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.6);
+ -moz-box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.6);
+ box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.6);
+ overflow: hidden;
+}
+
+/* Columns */
+
+body > footer .col {
+ float: left;
+}
+
+body > footer .col:nth-child(1) {
+ width: 305px;
+}
+
+body > footer .col:nth-child(2) {
+ width: 200px;
+ margin: 0 85px;
+}
+
+body > footer .col:nth-child(3) {
+ width: 285px;
+}
+
+/* Logo */
+
+body > footer .col:nth-child(1) > a {
+ display: inline-block;
+ margin-bottom: 24px;
+}
+
+/* Headers */
+
+body > footer h1 {
+ margin-bottom: 1em;
+ font-weight: bold;
+}
+
+/* Nav */
+
+body > footer a:link,
+body > footer a:visited {
+ color: #a1bed5;
+ font-size: inherit;
+}
+
+body > footer ul {
+ overflow: hidden;
+ margin-bottom: 24px;
+}
+
+body > footer li {
+ float: left;
+}
+
+body > footer nav li {
+ width: 100px;
+}
+
+body > footer nav > a img {
+ display: block;
+}
+
+body > footer .social li:nth-child(2) {
+ margin: 0 8px;
+}
+
+body > footer .social li:nth-child(4) {
+ width: 90px;
+ margin: -1px 0 0 5px;
+ line-height: 1.2;
+}
+
+/* Newsletter */
+
+#newsletter.button.secondary {
+ display: inline-block;
+ padding: 10px 15px;
+ border: 1px solid #000;
+ color: #fff;
+ font-weight: bold;
+ font-size: 11px;
+ text-transform: uppercase;
+ text-shadow: 0 1px 0 #000;
+ opacity: 0.5;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+ -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.14);
+ -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.14);
+ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.14);
+ background: #242424;
+ background: -moz-linear-gradient(top, #3b3b3b, #2f2f2f 50%, #242424 51%, #161616);
+ background: -ms-linear-gradient(top, #3b3b3b, #2f2f2f 50%, #242424 51%, #161616);
+ background: -o-linear-gradient(top, #3b3b3b, #2f2f2f 50%, #242424 51%, #161616);
+ background: -webkit-gradient(linear, left top, left bottom, from(#3b3b3b), color-stop(50%, #2f2f2f), color-stop(51%, #242424), to(#161616));
+ background: -webkit-linear-gradient(top, #3b3b3b, #2f2f2f 50%, #242424 51%, #161616);
+ background: linear-gradient(top, #3b3b3b, #2f2f2f 50%, #242424 51%, #161616);
+}
+
+#newsletter.button.secondary:hover {
+ background: #333;
+ background: -moz-linear-gradient(top, #333, #161616);
+ background: -ms-linear-gradient(top, #333, #161616);
+ background: -o-linear-gradient(top, #333, #161616);
+ background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#161616));
+ background: -webkit-linear-gradient(top, #333, #161616);
+ background: linear-gradient(top, #333, #161616);
+}
+
+#newsletter.button.secondary:active {
+ background: #161616;
+ background: -moz-linear-gradient(top, #161616, #333);
+ background: -ms-linear-gradient(top, #161616, #333);
+ background: -o-linear-gradient(top, #161616, #333);
+ background: -webkit-gradient(linear, left top, left bottom, from(#161616), to(#333));
+ background: -webkit-linear-gradient(top, #161616, #333);
+ background: linear-gradient(top, #161616, #333);
}
View
@@ -124,7 +124,7 @@
<li><a href="http://groups.google.com/group/sproutcore"><img src="images/footer/google.png" alt="Google Groups" /></a></li>
<li><a href="http://groups.google.com/group/sproutcore">Subscribe To Mailing List</a></li>
</ul>
- <a href="http://eepurl.com/dK1-Y" target="_blank" id="newsletter" class="button secondary">Sign-Up For Our Newsletter!</a>
+ <a href="http://eepurl.com/dK1-Y" target="_blank" id="newsletter" class="button secondary">Sign Up For Our Newsletter!</a>
<!-- Commented out until we have mailchimp API integration.
<h2>Subscribe To Newsletter</h2>
<div id="subscribe">

0 comments on commit 851bb90

Please sign in to comment.