Some eyecandy

pastebin/templates/pastebin/geometry_list.html

@@ -14,18 +14,21 @@
   <div id="prompt">
       <!-- if IE without GCF, prompt goes here -->
   </div>
-  
+
   <h1>All public pastes</h1>
   <div class="pure-g-r">
     <div class="pure-u-2-3">
         <div class="textcontainer">
-        
+
         <table class="pure-table pure-table-bordered">
           <thead>
             <tr>
               <th>Name</th>
               <th>Uploader</th>
-              <th>Size (w x h x d)</th>
+              <th>
+                  Size<br/>
+                  (w x h x d)
+              </th>
               <th>Polygons</th>
               <th>Expires</th>
               <th>Date</th>
@@ -41,7 +44,10 @@
                 Anonymous
               {% endif %}
             </td>
-            <td>{{geometry.get_width}} x {{geometry.get_height}} x {{geometry.get_depth}}</td>
+            <td>{{geometry.get_width | floatformat}}
+                x {{geometry.get_height | floatformat}}
+                x {{geometry.get_depth | floatformat}}
+            </td>
             <td>{{geometry.get_polycount}}</td>
             <td>
                 {% if geometry.get_expiration_date %}
@@ -75,4 +81,3 @@
   </div>
 </div>
 {% endblock %}
-

pastebin/templates/pastebin/latest_geometries.html

@@ -4,9 +4,9 @@
     {% for geometry in latest_geometries %}
       <li>
         <i class="icon-file"></i>
-        <a href="{{geometry.get_absolute_url}}">{{geometry.name}}</a> 
-        - {{geometry.date}}
+        <a href="{{geometry.get_absolute_url}}">{{geometry.name}}</a><br/>
+        {{geometry.date}}
       </li>
     {% endfor %}
   </ul>
-</div>
+</div>

static_common/css/layout.css

@@ -6,7 +6,8 @@
   font-style: normal; }
 
 body {
-  font-family: "DejaVu Sans"; }
+  font-family: "DejaVu Sans";
+  font-size: 14px; }
 
 #header {
   margin: 5px;
@@ -22,7 +23,7 @@ body {
   margin-right: 4px;
   border-width: 6px;
   border-style: solid;
-  border-color: #eeeeee;
+  border-color: #eee;
   border-radius: 3px;
   background-color: #eee;
   height: 60%; }
@@ -36,7 +37,7 @@ body {
   margin-right: 4px;
   border-width: 6px;
   border-style: solid;
-  border-color: #eeeeee;
+  border-color: #eee;
   border-radius: 3px;
   background-color: #eee;
   min-height: 60%; }
@@ -48,7 +49,7 @@ body {
   margin-right: 4px;
   border-width: 6px;
   border-style: solid;
-  border-color: #eeeeee;
+  border-color: #eee;
   border-radius: 3px;
   background-color: #eee;
   padding-top: 4px;
@@ -62,6 +63,8 @@ body {
       color: #7E98E5; }
   .textcontainer table {
     background-color: #ffffff; }
+    .textcontainer table td {
+      font-size: 13px; }
     .textcontainer table .odd-row {
       background-color: #e4eef2; }
   .textcontainer .uploads-list {
@@ -79,25 +82,25 @@ body {
     text-decoration: none; }
 
 #fileinfos .button-green, .textcontainer .button-green {
-  color: white;
+  color: #ffffff;
   background-color: #1CB841; }
   #fileinfos .button-green:visited, .textcontainer .button-green:visited {
-    color: white; }
+    color: #ffffff; }
   #fileinfos .button-green:hover, .textcontainer .button-green:hover {
-    color: white; }
+    color: #ffffff; }
 
 #fileinfos .button-red, .textcontainer .button-red {
-  color: white;
+  color: #ffffff;
   background-color: #ca3c3c; }
   #fileinfos .button-red:visited, .textcontainer .button-red:visited {
-    color: white; }
+    color: #ffffff; }
   #fileinfos .button-red:hover, .textcontainer .button-red:hover {
-    color: white; }
+    color: #ffffff; }
 
 #fileinfos .button-lightblue, .textcontainer .button-lightblue {
-  color: white;
+  color: #ffffff;
   background-color: #42B8DD; }
   #fileinfos .button-lightblue:visited, .textcontainer .button-lightblue:visited {
-    color: white; }
+    color: #ffffff; }
   #fileinfos .button-lightblue:hover, .textcontainer .button-lightblue:hover {
-    color: white; }
+    color: #ffffff; }

static_common/css/layout.scss

@@ -11,6 +11,7 @@
 
 body{
 	font-family: "DejaVu Sans";
+	font-size: 14px;
 }
 
 
@@ -38,7 +39,7 @@ body{
 	border: {
 		width: $radius;
 		style: solid;
-		color: $color; 
+		color: $color;
 		radius: $radius/2;
 	}
 }
@@ -103,6 +104,10 @@ body{
 	table {
 		background-color: #ffffff;
 
+		td {
+			font-size: 13px;
+		}
+
 		.odd-row {
 			background-color: #e4eef2;
 		}
@@ -148,5 +153,3 @@ body{
 	@include fixlinkcolor(#ffffff);
 	background-color: #42B8DD;
 }
-
-