LAYOUT: improved layout of about page

diff --git a/css/standard.css b/css/standard.css
index 33d8ae0419e16de4fba30d7596d3a5893bfe03e0..90d44ac7d35ff59711c56327485f63b2b92c6453 100644 (file)
--- a/css/standard.css
+++ b/css/standard.css
@@ -647,20 +647,11 @@ table.openid th {
 .highcall {
   background-color: #fc3;
 }
 .highcall {
   background-color: #fc3;
 }

-.about {
-  margin-left: 20%;
-  margin-right: 20%;
-  padding-top: 10%;
-}

 .about ul {
   margin-left: 2em;
 }
 .about div {
 .about ul {
   margin-left: 2em;
 }
 .about div {

-  width: 12em;
-  height: 6em;
-  margin: 2em;
-  padding: 1em;
-  float: left;
+  margin-top: 3em;

   border: 1px solid black;
 }
 .about .code {
   border: 1px solid black;
 }
 .about .code {

diff --git a/css/standard.less b/css/standard.less
index 1981c7d3c8c93b65a15a32386f9f13ed975656bc..6330a8d18ae6e8521fc132493a4d44c4327b3b35 100644 (file)
--- a/css/standard.less
+++ b/css/standard.less
@@ -646,22 +646,12 @@ table.openid td, table.openid th{
     background-color: #fc3;
 }
 
     background-color: #fc3;
 }
 

-.about {
-    margin-left: 20%;
-    margin-right: 20%;
-    padding-top: 10%;
-}
-

 .about ul {
     margin-left: 2em;
 }
 
 .about div {
 .about ul {
     margin-left: 2em;
 }
 
 .about div {

-    width:12em;
-    height: 6em;
-    margin: 2em;
-    padding: 1em;
-    float:left;
+    margin-top: 3em;

     border: 1px solid black;
 }
 
     border: 1px solid black;
 }
 

diff --git a/js/layout.js b/js/layout.js
index 74a0fe0e33a49aafcddb0ad8d8a12def3262c0d6..88c85e520368e995a561f692003593e46c9366af 100644 (file)
--- a/js/layout.js
+++ b/js/layout.js
@@ -28,3 +28,10 @@ $(".doregister select").wrap('<div class="controls">');
 $(".gravatar").addClass('img-polaroid');
 
 $(".welcomestats").addClass('offset1');
 $(".gravatar").addClass('img-polaroid');
 
 $(".welcomestats").addClass('offset1');

+
+// about
+$('div.about').addClass('row-fluid');
+$('div.code').addClass('offset2 span2');
+$('div.database').addClass('span2');
+$('div.graphics').addClass('span2');
+$('div.translation').addClass('span2');