[#7876] ticket:766 Add css for list display mode of projects macro
diff --git a/Allura/allura/nf/allura/css/site_style.css b/Allura/allura/nf/allura/css/site_style.css
index 01f6c8e..df0b932 100644
--- a/Allura/allura/nf/allura/css/site_style.css
+++ b/Allura/allura/nf/allura/css/site_style.css
@@ -2484,6 +2484,49 @@
   margin: 0 0 0 -7px;
   padding: 0;
 }
+.list.card {
+  width: 740px;
+  display: inline;
+  float: left;
+  overflow: hidden;
+  *zoom: 1;
+  margin: 0 10px;
+  border-radius: 0 0 0 0;
+  border-width: 0px;
+  background: none 0 0 #fff;
+  border-bottom: 1px solid #ccc;
+  box-shadow: none;
+  height: 60px;
+  padding: 5px;
+}
+.list.card h2 {
+  font-size: 1em;
+  position: absolute;
+  top: 5px;
+  line-height: 0;
+  width: 460px;
+}
+.list.card.proj_icon h2 { left: 55px; }
+.list.card.proj_icon p.desc { left: 56px; }
+.list.card p.desc {
+  font-size: 0.85em;
+  height: 1.15em !important;
+  position: absolute;
+  top: 30px;
+  width: 460px;
+}
+.list.card .sfdl {
+  position: absolute;
+  right: 20px;
+  top: 14px;
+}
+.list.card .feature {
+  padding: 2em 3.6em .4em 2.7em;
+}
+.list.card .box.notch {
+  background-image: -webkit-gradient(linear, 67% 435%, 100% 0%, color-stop(0.9, rgb(255,255,255)), color-stop(0.9, #555));
+  background-image: -moz-linear-gradient(100% 25% 230deg,#555, rgb(255,255,255), rgb(255,255,255) 1%);
+}
 
 /* Discussion */
 #comment .row {