Move social icons to the right column

themes/mongodb/layout.html

@@ -275,15 +275,9 @@
                 {{- render_nextprev() -}}
                 {%- block footer %}
                   <div class="footer">
-                    <div class="copyright col-xs-10">
+                    <div class="copyright">
                       <p>Copyright &copy; 2013 <a class="smalltext" href="http://www.mongodb.com">MongoDB, Inc</a>. Licensed under <a href="http://creativecommons.org/licenses/by-nc-sa/3.0/ ">Creative Commons</a>. MongoDB, Mongo, and the leaf logo are registered trademarks of MongoDB, Inc.</p>
                     </div>
-                    <div class="social">
-                      <a class="twitter-icon" href="https://twitter.com/mongodbinc"><div class="img"></div></a>
-                      <a class="youtube-icon" href="http://www.youtube.com/user/MongoDB"><div class="img"></div></a>
-                      <a class="facebook-icon" href="https://www.facebook.com/mongodb"><div class="img"></div></a>
-                      <a class="gplus-icon" href="https://plus.google.com/u/1/101024085748034940765/posts?cfem=1"><div class="img"></div></a>
-                    </div>
                   </div>
                 {%- endblock %}
               </div>
@@ -299,6 +293,12 @@
         {{ toc }}
       </div>
       {%- block adblock %}{% endblock %}
+      <div class="social">
+        <a class="twitter-icon" href="https://twitter.com/mongodbinc"><div class="img"></div></a>
+        <a class="youtube-icon" href="http://www.youtube.com/user/MongoDB"><div class="img"></div></a>
+        <a class="facebook-icon" href="https://www.facebook.com/mongodb"><div class="img"></div></a>
+        <a class="gplus-icon" href="https://plus.google.com/u/1/101024085748034940765/posts?cfem=1"><div class="img"></div></a>
+      </div>
     </div>
   </div>
 

themes/mongodb/static/mongodb-docs.css_t

@@ -632,7 +632,7 @@ div.versionadded > p > span, div.versionchanged > p > span, div.deprecated > p >
 /* Content */
 .content {
     box-sizing: border-box;
-    width: 1100px;
+    width: 1092px;
 }
 
 .content .main-column {
@@ -668,7 +668,7 @@ div.versionadded > p > span, div.versionchanged > p > span, div.deprecated > p >
 }
 
 #header-db .header-content {
-    width: 1393px;
+    width: 1385px;
     padding-left: 12px;
 
     transition: width 0.4s cubic-bezier(.02,.01,.47,1);
@@ -840,47 +840,47 @@ input.gsc-search-button[title], input.gsc-search-button:hover[title], input.gsc-
 .social {
     float: right;
     height: 21px;
-    margin-top: 30px;
+    margin-top: 15px;
 }
 
-.footer .social .img {
+.right-column .social .img {
     background-repeat: no-repeat;
     background-size: 21px 21px;
     width: 21px;
     height: 21px;
     display: inline-block;
 }
 
-.footer .social .twitter-icon .img {
+.right-column .social .twitter-icon .img {
     background-image: url(http://media.mongodb.org.s3.amazonaws.com/social-twitter.png);
 }
 
-.footer .social .youtube-icon .img {
+.right-column .social .youtube-icon .img {
     background-image: url(http://media.mongodb.org.s3.amazonaws.com/social-youtube.png);
 }
 
-.footer .social .facebook-icon .img {
+.right-column .social .facebook-icon .img {
     background-image: url(http://media.mongodb.org.s3.amazonaws.com/social-facebook.png);
 }
 
-.footer .social .gplus-icon .img {
+.right-column .social .gplus-icon .img {
     background-image: url(http://media.mongodb.org.s3.amazonaws.com/social-gplus.png);
 }
 
 @media only screen and (-webkit-min-device-pixel-ratio: 2) {
-    .footer .social .twitter-icon .img {
+    .right-column .social .twitter-icon .img {
         background-image: url(http://media.mongodb.org.s3.amazonaws.com/[email protected]);
     }
 
-    .footer .social .youtube-icon .img {
+    .right-column .social .youtube-icon .img {
         background-image: url(http://media.mongodb.org.s3.amazonaws.com/[email protected]);
     }
 
-    .footer .social .facebook-icon .img {
+    .right-column .social .facebook-icon .img {
         background-image: url(http://media.mongodb.org.s3.amazonaws.com/[email protected]);
     }
 
-    .footer .social .gplus-icon .img {
+    .right-column .social .gplus-icon .img {
         background-image: url(http://media.mongodb.org.s3.amazonaws.com/[email protected]);
     }
 }
@@ -965,9 +965,6 @@ div.sphinxsidebar h3 a.showlink {
     padding: 11px 0;
     line-height: 24px;
 
-    /*transition: background-color 200ms cubic-bezier(.02,.01,.47,1);
-    -moz-transition: background-color 200ms cubic-bezier(.02,.01,.47,1);
-    -webkit-transition: background-color 200ms cubic-bezier(.02,.01,.47,1);*/
     border-top: 1px solid rgb( 222, 224, 227 );
 }
 
@@ -1177,7 +1174,7 @@ div.sphinxsidebarwrapper div.idxcontents {
 /* Right column TOC */
 
 .content .right-column {
-    width: 300px;
+    width: 292px;
     padding: 0;
     position: fixed;
     left: 1093px;
@@ -1203,7 +1200,7 @@ div.sphinxsidebarwrapper div.idxcontents {
 
 /*hack for correct line height*/
 .right-column > .toc li {
-    line-height: 23px; 
+    line-height: 23px;
 }
 .right-column > .toc li a {
     line-height: 24px;