Permalink
Browse files

Merge pull request #448 from reinteractive-open/feature/redesign_footer

Completes styling of sponsor list in the footer
  • Loading branch information...
2 parents 95b9671 + 3be3c6a commit 6f2f0a2f427aea5f19a721f2fd3d447b75511625 @sferik sferik committed Nov 17, 2012
@@ -99,26 +99,80 @@
<li><%= link_to t('.footer.statistics'), stats_url %></li>
<li><%= link_to t('.footer.about'), page_url("about") %></li>
</ul>
+
+
<ul class="sponsors">
- <li><%= link_to t('.footer.supported_by', :supporter => image_tag('rubycentral.png')).html_safe, "http://rubycentral.org",
- :title => t('.footer.supported_by_title', :supporter => 'Ruby Central'),
- :id => "rubycentral" %></li>
- <li><%= link_to t('.footer.hosted_by', :supporter => image_tag('bluebox.png')).html_safe, "http://www.bluebox.net",
- :title => t('.footer.hosted_by_title', :supporter => 'BlueBox'),
- :id => "bluebox" %></li>
- <li><%= link_to t('.footer.designed_by', :designer => image_tag('thoughtbot.png')).html_safe, "http://thoughtbot.com",
- :title => t('.footer.designed_by_title', :designer => 'Thoughtbot'),
- :id => "thoughtbot" %></li>
- <li><%= link_to t('.footer.resolved_with', :resolver => image_tag('dnsimple.png')).html_safe, "http://dnsimple.com",
- :title => t('.footer.resolved_with_title', :resolver => 'DNSimple'),
- :id => "dnsimple" %></li>
- <li><%= link_to t('.footer.optimized_by', :optimizer => image_tag('newrelic.png')).html_safe, "http://newrelic.com",
- :title => t('.footer.optimized_by_title', :optimizer => 'NewRelic'),
- :id => "newrelic" %></li>
- <li><%= link_to t('.footer.tracking_by', :tracker => image_tag('gauges.png')).html_safe, "http://gaug.es",
- :title => t('.footer.tracking_by_title', :tracker => 'Gauges'),
- :id => "gauges" %></li>
+
+ <div class="row">
+
+ <li id="stillalive" class="sponsor">
+ <span class="sponsor_text">Supported by</span>
+ <div class="sponsor_logo">
+ <%= link_to image_tag('sponsors/rubycentral.png', :alt => 'Ruby Central'), "http://rubycentral.org", :class => 'bottom' %>
+ </div>
+ </li>
+
+ <li id="stillalive" class="sponsor">
+ <span class="sponsor_text">Hosted by</span>
+ <div class="sponsor_logo">
+ <%= link_to image_tag('sponsors/bluebox.png', :alt => 'Bluebox'), "http://bluebox.net", :class => 'bottom' %>
+ </div>
+ </li>
+
+ <li id="stillalive" class="sponsor">
+ <span class="sponsor_text">Designed by</span>
+ <div class="sponsor_logo">
+ <%= link_to image_tag('sponsors/thoughtbot.png', :alt => 'Thoughtbot'), "http://thoughtbot.com", :class => 'bottom' %>
+ </div>
+ </li>
+
+ <li id="stillalive" class="sponsor">
+ <span class="sponsor_text">Resolved with</span>
+ <div class="sponsor_logo">
+ <%= link_to image_tag('sponsors/dnsimple.png', :alt => 'dnsimple'), "http://dnsimple.com", :class => 'bottom' %>
+ </div>
+ </li>
+
+ </div> <!-- .row -->
+
+ <div class="row">
+
+ <li id="stillalive" class="sponsor">
+ <span class="sponsor_text">Optimized by</span>
+ <div class="sponsor_logo">
+ <%= link_to image_tag('sponsors/newrelic.png', :alt => 'New Relic'), "http://newrelic.com", :class => 'bottom' %>
+ </div>
+ </li>
+
+ <li id="stillalive" class="sponsor">
+ <span class="sponsor_text">Tracking by</span>
+ <div class="sponsor_logo">
+ <%= link_to image_tag('sponsors/gauges.png', :alt => 'Gauges'), "http://gaug.es", :class => 'bottom' %>
+ </div>
+ </li>
+
+ <li id="stillalive" class="sponsor">
+ <span class="sponsor_text">Monitored by</span>
+
+ <div class="sponsor_logo">
+ <%= link_to image_tag('sponsors/stillalive_hover.png', :alt => 'StillAlive'), "http://stillalive.com", :class => 'bottom' %>
+ <%= link_to image_tag('sponsors/stillalive.png', :alt => 'StillAlive'), "http://stillalive.com", :class => 'top' %>
+ </div>
+ </li>
+
+ <li id="stillalive" class="sponsor">
+ <span class="sponsor_text"></span>
+
+ <div class="sponsor_logo">
+
+ </div>
+ </li>
+
+ </div> <!-- .row -->
+
</ul>
+
+
</div>
</div>
<%= javascript_include_tag "jquery.min", "jquery.easing.1.3", "jquery.color", "jquery_ujs", "announcements", "application", :cache => true %>
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@@ -930,18 +930,15 @@ table {
}
.footer {
- height: 100px;
+ padding-bottom: 60px;
}
.footer ul li a {
color: #9E8686;
}
.footer ul.major {
- width: 290px;
padding-left: 10px;
- padding-top: 25px;
- position: absolute;
z-index: 2;
}
@@ -951,41 +948,93 @@ table {
float: left;
}
-.footer ul.major li a {
+.footer ul.major li a,
+.footer ul.major li a:visited {
font-size: 1.8em;
+ -webkit-transition: all 0.1s linear;
+ -moz-transition: all 0.1s linear;
+ -o-transition: all 0.1s linear;
+ transition: all 0.1s linear;
+}
+
+.footer ul.major li a:hover {
+ color: #fff;
+ text-decoration: none;
}
.footer ul.minor {
- width: 290px;
- position: absolute;
- clear: both;
+ float: right;
padding-top: 17px;
padding-left: 10px;
- margin-top: 35px;
z-index: 1;
+ position: relative;
+ top: -16px;
}
.footer ul.minor li {
display: inline-block;
padding-right: 8px;
}
-.footer ul.minor li a {
- font-size: 1.1em;
+.footer ul.minor li a,
+.footer ul.minor li a:visited {
+ font-size: 1.4em;
+ -webkit-transition: all 0.1s linear;
+ -moz-transition: all 0.1s linear;
+ -o-transition: all 0.1s linear;
+ transition: all 0.1s linear;
+}
+
+.footer ul.minor li a:hover {
+ color: #fff;
+ text-decoration: none;
}
.footer ul.sponsors {
- float: right;
+ clear: both
padding-top: 5px;
- width: 485px;
- height: 90px;
- text-align: right;
+ text-align: left;
+ margin-top: 60px;
+}
+
+.footer ul.sponsors .row {
+ padding-bottom: 58px;
+ padding-top: 20px;
}
.footer ul.sponsors li {
display: inline-block;
text-align: center;
- width: 75px;
+ width: 175px;
+}
+
+.footer ul.sponsors li span.sponsor_text {
+ color: #745252;
+ font-size: 1.2em;
+ font-family: Georgia,serif;
+ font-style: italic;
+}
+
+.footer ul.sponsors li .sponsor_logo {
+ position: relative;
+ width: 70px;
+ height: 70px;
+ display: inline;
+ margin-left: 7px;
+ top: -30px;
+}
+
+.footer ul.sponsors li .sponsor_logo a {
+ position: absolute;
+ left: 0;
+ -webkit-transition: opacity 0.2s ease-in-out;
+ -moz-transition: opacity 0.2s ease-in-out;
+ -o-transition: opacity 0.2s ease-in-out;
+ transition: opacity 0.2s ease-in-out;
+}
+
+.footer ul.sponsors li .sponsor_logo a.top:hover {
+ opacity: 0;
}
.footer ul.sponsors li a {

0 comments on commit 6f2f0a2

Please sign in to comment.