Semantic class names

media/css/core.css

@@ -563,8 +563,8 @@ p.build-missing { font-size: .8em; color: #9d9a55; margin: 0 0 3px; }
 /* footer */
 
 #footer { background: url(../images/header-home-bg.svg) top left repeat #465158; border-bottom: 1px solid #333; padding: 65px 0; color: #BCC1C3; }
-#footer .column33 { float: left; width: 33.33%; }
-#footer .column50 { float: left; width: 50%; }
+#footer .column-rtd, #footer .column-about, #footer .column-logo { float: left; width: 33.33%; }
+#footer .column-copyright, #footer .column-setlang { float: left; width: 50%; }
 #footer .footerlogo { width: 64px; height: 64px; background: url(../images/logo.png) top left no-repeat; }
 #footer h4 { font-size: 18px; color: #e3e3e3; text-shadow: none; }
 #footer li { margin-bottom: 5px; }

readthedocs/templates/base.html

@@ -90,7 +90,7 @@
 
         {% block footer-content %}
 
-        <div class="column33">
+        <div class="column-logo">
           <div class="footerlogo"></div>
 
           <ul class="social">
@@ -99,7 +99,7 @@
           </ul>
         </div>
 
-        <div class="column33">
+        <div class="column-about">
           <h4>{%  trans "About Us" %}</h4>
 
           <ul>
@@ -117,7 +117,7 @@
           </ul>
         </div>
 
-        <div class="column33">
+        <div class="column-rtd">
           <h4>{%  trans "Read the Docs" %}</h4>
 
           <ul>
@@ -150,13 +150,13 @@
         <div class="clearfix"></div>
 
         <div class="footer-bottom">
-          <div class="column50">
+          <div class="column-copyright">
             <p>
               <small>&copy; Copyright 2010-{% now "Y" %}, {% trans "Read the Docs, Inc & contributors" %}</small>
             </p>
           </div>
 
-          <div class="column50">
+          <div class="column-setlang">
             {% get_current_language as current_lang %}
             <form action="/i18n/setlang/" method="post" style="float: right">
               <input name="next" type="hidden" value="/" />