Commit "before breakfast" progress

design/style.css

@@ -237,8 +237,8 @@ th {
   }
   .table td,
   .table th,
-  .DataTable td,
-  .DataTable th {
+  table td,
+  table th {
     background-color: #fff !important;
   }
   .btn > .caret,
@@ -251,7 +251,7 @@ th {
     border: 1px solid #000;
   }
   .table,
-  .DataTable {
+  table {
     border-collapse: collapse !important;
   }
   .table-bordered th,
@@ -389,6 +389,12 @@ body > .footer {
 body > .footer p {
   margin-bottom: 0;
 }
+.PageDescription {
+  margin-bottom: 20px;
+}
+.Empty {
+  text-align: center;
+}
 h1,
 h2,
 h3,
@@ -1400,55 +1406,55 @@ address {
     margin-left: 0%;
   }
 }
-.DataTable {
+table {
   width: 100%;
   margin-bottom: 20px;
 }
-.DataTable > thead > tr > th,
-.DataTable > tbody > tr > th,
-.DataTable > tfoot > tr > th,
-.DataTable > thead > tr > td,
-.DataTable > tbody > tr > td,
-.DataTable > tfoot > tr > td {
+table > thead > tr > th,
+table > tbody > tr > th,
+table > tfoot > tr > th,
+table > thead > tr > td,
+table > tbody > tr > td,
+table > tfoot > tr > td {
   padding: 8px;
   line-height: 1.428571429;
   vertical-align: top;
   border-top: 1px solid #dddddd;
 }
-.DataTable > thead > tr > th {
+table > thead > tr > th {
   vertical-align: bottom;
   border-bottom: 2px solid #dddddd;
 }
-.DataTable > caption + thead > tr:first-child > th,
-.DataTable > colgroup + thead > tr:first-child > th,
-.DataTable > thead:first-child > tr:first-child > th,
-.DataTable > caption + thead > tr:first-child > td,
-.DataTable > colgroup + thead > tr:first-child > td,
-.DataTable > thead:first-child > tr:first-child > td {
+table > caption + thead > tr:first-child > th,
+table > colgroup + thead > tr:first-child > th,
+table > thead:first-child > tr:first-child > th,
+table > caption + thead > tr:first-child > td,
+table > colgroup + thead > tr:first-child > td,
+table > thead:first-child > tr:first-child > td {
   border-top: 0;
 }
-.DataTable > tbody + tbody {
+table > tbody + tbody {
   border-top: 2px solid #dddddd;
 }
-.DataTable .DataTable {
+table table {
   background-color: #ffffff;
 }
 .DataTable > tbody > tr:hover > td,
 .DataTable > tbody > tr:hover > th {
   background-color: #f5f5f5;
 }
-.DataTable > thead > tr > td.active,
-.DataTable > tbody > tr > td.active,
-.DataTable > tfoot > tr > td.active,
-.DataTable > thead > tr > th.active,
-.DataTable > tbody > tr > th.active,
-.DataTable > tfoot > tr > th.active,
-.DataTable > thead > tr.active > td,
-.DataTable > tbody > tr.active > td,
-.DataTable > tfoot > tr.active > td,
-.DataTable > thead > tr.active > th,
-.DataTable > tbody > tr.active > th,
-.DataTable > tfoot > tr.active > th {
+table > thead > tr > td.active,
+table > tbody > tr > td.active,
+table > tfoot > tr > td.active,
+table > thead > tr > th.active,
+table > tbody > tr > th.active,
+table > tfoot > tr > th.active,
+table > thead > tr.active > td,
+table > tbody > tr.active > td,
+table > tfoot > tr.active > td,
+table > thead > tr.active > th,
+table > tbody > tr.active > th,
+table > tfoot > tr.active > th {
   background-color: #f5f5f5;
 }
 .DataTable > tbody > tr > td.active:hover,
@@ -1457,18 +1463,18 @@ address {
 .DataTable > tbody > tr.active:hover > th {
   background-color: #e8e8e8;
 }
-.DataTable > thead > tr > td.success,
-.DataTable > tbody > tr > td.success,
-.DataTable > tfoot > tr > td.success,
-.DataTable > thead > tr > th.success,
-.DataTable > tbody > tr > th.success,
-.DataTable > tfoot > tr > th.success,
-.DataTable > thead > tr.success > td,
-.DataTable > tbody > tr.success > td,
-.DataTable > tfoot > tr.success > td,
-.DataTable > thead > tr.success > th,
-.DataTable > tbody > tr.success > th,
-.DataTable > tfoot > tr.success > th {
+table > thead > tr > td.success,
+table > tbody > tr > td.success,
+table > tfoot > tr > td.success,
+table > thead > tr > th.success,
+table > tbody > tr > th.success,
+table > tfoot > tr > th.success,
+table > thead > tr.success > td,
+table > tbody > tr.success > td,
+table > tfoot > tr.success > td,
+table > thead > tr.success > th,
+table > tbody > tr.success > th,
+table > tfoot > tr.success > th {
   background-color: #dff0d8;
 }
 .DataTable > tbody > tr > td.success:hover,
@@ -1477,18 +1483,18 @@ address {
 .DataTable > tbody > tr.success:hover > th {
   background-color: #d0e9c6;
 }
-.DataTable > thead > tr > td.info,
-.DataTable > tbody > tr > td.info,
-.DataTable > tfoot > tr > td.info,
-.DataTable > thead > tr > th.info,
-.DataTable > tbody > tr > th.info,
-.DataTable > tfoot > tr > th.info,
-.DataTable > thead > tr.info > td,
-.DataTable > tbody > tr.info > td,
-.DataTable > tfoot > tr.info > td,
-.DataTable > thead > tr.info > th,
-.DataTable > tbody > tr.info > th,
-.DataTable > tfoot > tr.info > th {
+table > thead > tr > td.info,
+table > tbody > tr > td.info,
+table > tfoot > tr > td.info,
+table > thead > tr > th.info,
+table > tbody > tr > th.info,
+table > tfoot > tr > th.info,
+table > thead > tr.info > td,
+table > tbody > tr.info > td,
+table > tfoot > tr.info > td,
+table > thead > tr.info > th,
+table > tbody > tr.info > th,
+table > tfoot > tr.info > th {
   background-color: #d9edf7;
 }
 .DataTable > tbody > tr > td.info:hover,
@@ -1497,18 +1503,18 @@ address {
 .DataTable > tbody > tr.info:hover > th {
   background-color: #c4e3f3;
 }
-.DataTable > thead > tr > td.warning,
-.DataTable > tbody > tr > td.warning,
-.DataTable > tfoot > tr > td.warning,
-.DataTable > thead > tr > th.warning,
-.DataTable > tbody > tr > th.warning,
-.DataTable > tfoot > tr > th.warning,
-.DataTable > thead > tr.warning > td,
-.DataTable > tbody > tr.warning > td,
-.DataTable > tfoot > tr.warning > td,
-.DataTable > thead > tr.warning > th,
-.DataTable > tbody > tr.warning > th,
-.DataTable > tfoot > tr.warning > th {
+table > thead > tr > td.warning,
+table > tbody > tr > td.warning,
+table > tfoot > tr > td.warning,
+table > thead > tr > th.warning,
+table > tbody > tr > th.warning,
+table > tfoot > tr > th.warning,
+table > thead > tr.warning > td,
+table > tbody > tr.warning > td,
+table > tfoot > tr.warning > td,
+table > thead > tr.warning > th,
+table > tbody > tr.warning > th,
+table > tfoot > tr.warning > th {
   background-color: #fcf8e3;
 }
 .DataTable > tbody > tr > td.warning:hover,
@@ -1517,18 +1523,18 @@ address {
 .DataTable > tbody > tr.warning:hover > th {
   background-color: #faf2cc;
 }
-.DataTable > thead > tr > td.danger,
-.DataTable > tbody > tr > td.danger,
-.DataTable > tfoot > tr > td.danger,
-.DataTable > thead > tr > th.danger,
-.DataTable > tbody > tr > th.danger,
-.DataTable > tfoot > tr > th.danger,
-.DataTable > thead > tr.danger > td,
-.DataTable > tbody > tr.danger > td,
-.DataTable > tfoot > tr.danger > td,
-.DataTable > thead > tr.danger > th,
-.DataTable > tbody > tr.danger > th,
-.DataTable > tfoot > tr.danger > th {
+table > thead > tr > td.danger,
+table > tbody > tr > td.danger,
+table > tfoot > tr > td.danger,
+table > thead > tr > th.danger,
+table > tbody > tr > th.danger,
+table > tfoot > tr > th.danger,
+table > thead > tr.danger > td,
+table > tbody > tr.danger > td,
+table > tfoot > tr.danger > td,
+table > thead > tr.danger > th,
+table > tbody > tr.danger > th,
+table > tfoot > tr.danger > th {
   background-color: #f2dede;
 }
 .DataTable > tbody > tr > td.danger:hover,
@@ -1538,18 +1544,21 @@ address {
   background-color: #ebcccc;
 }
 @media (max-width: 767px) {
-  .table-responsive > .DataTable {
+  .table-responsive > table {
     margin-bottom: 0;
   }
-  .table-responsive > .DataTable > thead > tr > th,
-  .table-responsive > .DataTable > tbody > tr > th,
-  .table-responsive > .DataTable > tfoot > tr > th,
-  .table-responsive > .DataTable > thead > tr > td,
-  .table-responsive > .DataTable > tbody > tr > td,
-  .table-responsive > .DataTable > tfoot > tr > td {
+  .table-responsive > table > thead > tr > th,
+  .table-responsive > table > tbody > tr > th,
+  .table-responsive > table > tfoot > tr > th,
+  .table-responsive > table > thead > tr > td,
+  .table-responsive > table > tbody > tr > td,
+  .table-responsive > table > tfoot > tr > td {
     white-space: nowrap;
   }
 }
+.Preferences table.PreferenceGroup {
+  width: 100%;
+}
 fieldset {
   padding: 0;
   margin: 0;
@@ -1957,6 +1966,7 @@ select::-webkit-input-placeholder {
   color: #999999;
 }
 .TextBox {
+  height: 100px;
   min-height: 100px;
 }
 form label {
@@ -2780,7 +2790,8 @@ a.Bookmark:focus {
 a.Bookmarked:before {
   content: "\e006";
 }
-.MenuItems {
+.MenuItems,
+.FlyoutMenu {
   position: absolute;
   top: 100%;
   left: 0;
@@ -2800,13 +2811,15 @@ a.Bookmarked:before {
   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
   background-clip: padding-box;
 }
-.MenuItems li > hr {
+.MenuItems li > hr,
+.FlyoutMenu li > hr {
   height: 1px;
   margin: 9px 0;
   overflow: hidden;
   background-color: #e5e5e5;
 }
-.MenuItems li > a {
+.MenuItems li > a,
+.FlyoutMenu li > a {
   display: block;
   padding: 3px 20px;
   clear: both;
@@ -2816,23 +2829,28 @@ a.Bookmarked:before {
   white-space: nowrap;
 }
 .MenuItems li > a:hover,
-.MenuItems li > a:focus {
+.FlyoutMenu li > a:hover,
+.MenuItems li > a:focus,
+.FlyoutMenu li > a:focus {
   text-decoration: none;
   color: #262626;
   background-color: #f5f5f5;
 }
-.Open > .MenuItems {
+.Open > .MenuItems,
+.Open > .FlyoutMenu {
   display: block;
 }
 .OptionsMenu .MenuItems {
   left: auto;
   right: 0;
 }
-.MenuItems ul {
+.MenuItems ul,
+.FlyoutMenu ul {
   padding: 0;
   list-style: none;
 }
-.MenuItems li > hr {
+.MenuItems li > hr,
+.FlyoutMenu li > hr {
   border: 0;
 }
 .ToggleFlyout {
@@ -3694,6 +3712,7 @@ a.Bookmarked:before {
 .PanelInfo {
   list-style: none;
 }
+.Empty,
 .MessageForm,
 .MessageList .Item {
   margin-bottom: 20px;
@@ -3703,59 +3722,60 @@ a.Bookmarked:before {
   -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
 }
+.Empty,
 .MessageForm .Form-Body,
 .MessageList .Item-Body {
   padding: 15px;
 }
-.panel > .DataTable,
-.panel > .table-responsive > .DataTable {
+.panel > table,
+.panel > .table-responsive > table {
   margin-bottom: 0;
 }
-.panel > .DataTable:first-child > thead:first-child > tr:first-child td:first-child,
-.panel > .table-responsive:first-child > .DataTable:first-child > thead:first-child > tr:first-child td:first-child,
-.panel > .DataTable:first-child > tbody:first-child > tr:first-child td:first-child,
-.panel > .table-responsive:first-child > .DataTable:first-child > tbody:first-child > tr:first-child td:first-child,
-.panel > .DataTable:first-child > thead:first-child > tr:first-child th:first-child,
-.panel > .table-responsive:first-child > .DataTable:first-child > thead:first-child > tr:first-child th:first-child,
-.panel > .DataTable:first-child > tbody:first-child > tr:first-child th:first-child,
-.panel > .table-responsive:first-child > .DataTable:first-child > tbody:first-child > tr:first-child th:first-child {
+.panel > table:first-child > thead:first-child > tr:first-child td:first-child,
+.panel > .table-responsive:first-child > table:first-child > thead:first-child > tr:first-child td:first-child,
+.panel > table:first-child > tbody:first-child > tr:first-child td:first-child,
+.panel > .table-responsive:first-child > table:first-child > tbody:first-child > tr:first-child td:first-child,
+.panel > table:first-child > thead:first-child > tr:first-child th:first-child,
+.panel > .table-responsive:first-child > table:first-child > thead:first-child > tr:first-child th:first-child,
+.panel > table:first-child > tbody:first-child > tr:first-child th:first-child,
+.panel > .table-responsive:first-child > table:first-child > tbody:first-child > tr:first-child th:first-child {
   border-top-left-radius: 3px;
 }
-.panel > .DataTable:first-child > thead:first-child > tr:first-child td:last-child,
-.panel > .table-responsive:first-child > .DataTable:first-child > thead:first-child > tr:first-child td:last-child,
-.panel > .DataTable:first-child > tbody:first-child > tr:first-child td:last-child,
-.panel > .table-responsive:first-child > .DataTable:first-child > tbody:first-child > tr:first-child td:last-child,
-.panel > .DataTable:first-child > thead:first-child > tr:first-child th:last-child,
-.panel > .table-responsive:first-child > .DataTable:first-child > thead:first-child > tr:first-child th:last-child,
-.panel > .DataTable:first-child > tbody:first-child > tr:first-child th:last-child,
-.panel > .table-responsive:first-child > .DataTable:first-child > tbody:first-child > tr:first-child th:last-child {
+.panel > table:first-child > thead:first-child > tr:first-child td:last-child,
+.panel > .table-responsive:first-child > table:first-child > thead:first-child > tr:first-child td:last-child,
+.panel > table:first-child > tbody:first-child > tr:first-child td:last-child,
+.panel > .table-responsive:first-child > table:first-child > tbody:first-child > tr:first-child td:last-child,
+.panel > table:first-child > thead:first-child > tr:first-child th:last-child,
+.panel > .table-responsive:first-child > table:first-child > thead:first-child > tr:first-child th:last-child,
+.panel > table:first-child > tbody:first-child > tr:first-child th:last-child,
+.panel > .table-responsive:first-child > table:first-child > tbody:first-child > tr:first-child th:last-child {
   border-top-right-radius: 3px;
 }
-.panel > .DataTable:last-child > tbody:last-child > tr:last-child td:first-child,
-.panel > .table-responsive:last-child > .DataTable:last-child > tbody:last-child > tr:last-child td:first-child,
-.panel > .DataTable:last-child > tfoot:last-child > tr:last-child td:first-child,
-.panel > .table-responsive:last-child > .DataTable:last-child > tfoot:last-child > tr:last-child td:first-child,
-.panel > .DataTable:last-child > tbody:last-child > tr:last-child th:first-child,
-.panel > .table-responsive:last-child > .DataTable:last-child > tbody:last-child > tr:last-child th:first-child,
-.panel > .DataTable:last-child > tfoot:last-child > tr:last-child th:first-child,
-.panel > .table-responsive:last-child > .DataTable:last-child > tfoot:last-child > tr:last-child th:first-child {
+.panel > table:last-child > tbody:last-child > tr:last-child td:first-child,
+.panel > .table-responsive:last-child > table:last-child > tbody:last-child > tr:last-child td:first-child,
+.panel > table:last-child > tfoot:last-child > tr:last-child td:first-child,
+.panel > .table-responsive:last-child > table:last-child > tfoot:last-child > tr:last-child td:first-child,
+.panel > table:last-child > tbody:last-child > tr:last-child th:first-child,
+.panel > .table-responsive:last-child > table:last-child > tbody:last-child > tr:last-child th:first-child,
+.panel > table:last-child > tfoot:last-child > tr:last-child th:first-child,
+.panel > .table-responsive:last-child > table:last-child > tfoot:last-child > tr:last-child th:first-child {
   border-bottom-left-radius: 3px;
 }
-.panel > .DataTable:last-child > tbody:last-child > tr:last-child td:last-child,
-.panel > .table-responsive:last-child > .DataTable:last-child > tbody:last-child > tr:last-child td:last-child,
-.panel > .DataTable:last-child > tfoot:last-child > tr:last-child td:last-child,
-.panel > .table-responsive:last-child > .DataTable:last-child > tfoot:last-child > tr:last-child td:last-child,
-.panel > .DataTable:last-child > tbody:last-child > tr:last-child th:last-child,
-.panel > .table-responsive:last-child > .DataTable:last-child > tbody:last-child > tr:last-child th:last-child,
-.panel > .DataTable:last-child > tfoot:last-child > tr:last-child th:last-child,
-.panel > .table-responsive:last-child > .DataTable:last-child > tfoot:last-child > tr:last-child th:last-child {
+.panel > table:last-child > tbody:last-child > tr:last-child td:last-child,
+.panel > .table-responsive:last-child > table:last-child > tbody:last-child > tr:last-child td:last-child,
+.panel > table:last-child > tfoot:last-child > tr:last-child td:last-child,
+.panel > .table-responsive:last-child > table:last-child > tfoot:last-child > tr:last-child td:last-child,
+.panel > table:last-child > tbody:last-child > tr:last-child th:last-child,
+.panel > .table-responsive:last-child > table:last-child > tbody:last-child > tr:last-child th:last-child,
+.panel > table:last-child > tfoot:last-child > tr:last-child th:last-child,
+.panel > .table-responsive:last-child > table:last-child > tfoot:last-child > tr:last-child th:last-child {
   border-bottom-right-radius: 3px;
 }
-.panel > .panel-body + .DataTable {
+.panel > .panel-body + table {
   border-top: 1px solid #dddddd;
 }
-.panel > .DataTable > tbody:first-child > tr:first-child th,
-.panel > .DataTable > tbody:first-child > tr:first-child td {
+.panel > table > tbody:first-child > tr:first-child th,
+.panel > table > tbody:first-child > tr:first-child td {
   border-top: 0;
 }
 .MessageList .Item-Header {
@@ -3771,6 +3791,7 @@ a.Bookmarked:before {
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
+.Empty,
 .MessageForm,
 .MessageList .Item {
   border-color: #dddddd;
@@ -3780,6 +3801,35 @@ a.Bookmarked:before {
   background-color: #f5f5f5;
   border-color: #dddddd;
 }
+a.Close,
+a.Delete {
+  float: right;
+  font-size: 21px;
+  font-weight: bold;
+  line-height: 1;
+  color: #000000;
+  text-shadow: 0 1px 0 #ffffff;
+  opacity: 0.2;
+  filter: alpha(opacity=20);
+}
+a.Close:hover,
+a.Close:focus,
+a.Delete:hover,
+a.Delete:focus {
+  color: #000000;
+  text-decoration: none;
+  cursor: pointer;
+  opacity: 0.5;
+  filter: alpha(opacity=50);
+}
+buttona.Close,
+buttona.Delete {
+  padding: 0;
+  cursor: pointer;
+  background: transparent;
+  border: 0;
+  -webkit-appearance: none;
+}
 .Overlay {
   display: none;
   overflow: auto;
@@ -3814,6 +3864,10 @@ a.Bookmarked:before {
   border-bottom: 1px solid #e5e5e5;
   min-height: 16.428571429px;
 }
+.modal-header a.Close,
+.modal-header a.Delete {
+  margin-top: -2px;
+}
 .Overlay > .Popup h1 {
   margin: 0;
   line-height: 1.428571429;
@@ -3878,12 +3932,25 @@ a.Bookmarked:before {
   font-size: 12px;
   line-height: 20px;
 }
+.Item .Author .PhotoWrap {
+  float: left;
+  padding-right: 12px;
+}
 .Item .Options {
   float: right;
 }
 .Item-Header .PhotoWrap {
   float: left;
 }
+.Item.Category .CategoryName {
+  margin: 0;
+  font-size: 14px;
+  line-height: 1.428571429;
+}
+.Item.Activity:hover,
+.Item.ActivityComment:hover {
+  background-color: #ffffff;
+}
 .PageTitle .Options {
   float: right;
 }
@@ -3930,6 +3997,7 @@ a.Bookmarked:before {
 }
 .DataList {
   margin: 20px 0;
+  list-style: none;
 }
 .DataList:empty {
   display: none;
@@ -3987,12 +4055,25 @@ a.Bookmarked:before {
     float: right;
   }
 }
+.PagerWrap,
+.PageControls,
+.BeforeCommentHeading {
+  margin: 20px 0;
+}
+.PagerWrap:empty,
+.PageControls:empty,
+.BeforeCommentHeading:empty {
+  display: none;
+}
 .PagerWrap .Pager,
 .PageControls .Pager,
 .BeforeCommentHeading .Pager {
   float: right;
   margin: 0;
 }
+.BeforeCommentHeading {
+  display: block;
+}
 .CommentHeading {
   display: none;
 }
@@ -4006,8 +4087,13 @@ a.Bookmarked:before {
 .MeBox .MeMenu {
   float: left;
 }
+.MeBox .PhotoWrap {
+  margin-top: 9px;
+  margin-bottom: 9px;
+}
 .MeBox .PhotoWrap img {
-  margin: -6px 0;
+  width: 32px;
+  height: 32px;
   vertical-align: top;
 }
 .MeBox .ToggleFlyout {
@@ -4045,6 +4131,8 @@ a.Bookmarked:before {
 .panel-body:after,
 .modal-footer:before,
 .modal-footer:after,
+.Item:before,
+.Item:after,
 .Item-Header:before,
 .Item-Header:after,
 .PagerWrap:before,
@@ -4057,6 +4145,8 @@ a.Bookmarked:before {
 .MeBox:after,
 .MeBox .MeMenu:before,
 .MeBox .MeMenu:after,
+.Empty:before,
+.Empty:after,
 .FilterMenu:before,
 .FilterMenu:after,
 .Overlay > .Popup .Buttons:before,
@@ -4081,12 +4171,14 @@ a.Bookmarked:before {
 .navbar-collapse:after,
 .panel-body:after,
 .modal-footer:after,
+.Item:after,
 .Item-Header:after,
 .PagerWrap:after,
 .PageControls:after,
 .BeforeCommentHeading:after,
 .MeBox:after,
 .MeBox .MeMenu:after,
+.Empty:after,
 .FilterMenu:after,
 .Overlay > .Popup .Buttons:after,
 .MessageForm .Form-Body:after,

less/components/close.less

+//
+// # Close
+//
+// No styleguide reference.
+
+// Library
+// -----------------------------------------------------------------------------
+
+@import (reference) "@{bootstrap}/close";
+
+
+// Extensions
+// -----------------------------------------------------------------------------
+
+a.Close,
+a.Delete {
+  &:extend(.close all);
+}

less/components/dropdowns.less

@@ -5,7 +5,8 @@
 
 @import (reference) "@{bootstrap}/dropdowns";
 
-.MenuItems {
+.MenuItems,
+.FlyoutMenu {
   &:extend(.dropdown-menu);
 
   ul {

less/components/vanilla/discussion.less

@@ -4,6 +4,8 @@
 // No styleguide reference.
 
 .Item {
+  &:extend(.clearfix all);
+
   .Title {
     &,
     a {
@@ -30,6 +32,11 @@
     }
   }
 
+  .Author .PhotoWrap {
+    float: left;
+    padding-right: @padding-base-horizontal;
+  }
+
   .AuthorInfo {
     &:extend(.text-muted);
   }
@@ -51,6 +58,21 @@
   }
 }
 
+.Item.Category {
+  .CategoryName {
+    margin: 0;
+    font-size: @font-size-base;
+    line-height: @line-height-base;
+  }
+}
+
+.Item.Activity,
+.Item.ActivityComment {
+  &:hover {
+    background-color: @list-group-bg;
+  }
+}
+
 .PageTitle {
   .Options {
     float: right;

less/components/vanilla/listings.less

@@ -5,6 +5,7 @@
 
 .DataList {
   margin: 20px 0;
+  list-style: none;
   &:extend(.list-group);
 
   &:empty {
@@ -29,7 +30,6 @@
 }
 
 .DataTable {
-  &:extend(.table all);
   &:extend(.table-hover all);
 
   > tbody > tr > td {
@@ -116,14 +116,23 @@
 .PagerWrap,
 .PageControls,
 .BeforeCommentHeading {
+  margin: 20px 0;
   &:extend(.clearfix all);
 
+  &:empty {
+    display: none;
+  }
+
   .Pager {
     float: right;
     margin: 0;
   }
 }
 
+.BeforeCommentHeading {
+  display: block;
+}
+
 .CommentHeading {
   display: none;
 }

less/components/vanilla/mebox.less

@@ -13,8 +13,11 @@
   }
 
   .PhotoWrap {
+    .navbar-vertical-align(32px);
+
     img {
-      margin: ((32px - @line-height-computed) / -2) 0;
+      width: 32px;
+      height: 32px;
       vertical-align: top;
     }
   }

less/shared/forms.less

@@ -24,6 +24,7 @@ select {
 }
 
 .TextBox {
+  height: 100px;
   min-height: 100px;
   &:extend(textarea.form-control);
 }

less/shared/scaffolding.less

@@ -43,3 +43,14 @@ body > .footer {
     margin-bottom: 0;
   }
 }
+
+.PageDescription {
+  margin-bottom: 20px;
+}
+
+.Empty {
+  text-align: center;
+  &:extend(.panel);
+  &:extend(.panel-default);
+  &:extend(.panel-body);
+}

less/shared/tables.less

@@ -6,4 +6,16 @@
 // Library
 // -----------------------------------------------------------------------------
 
-@import (reference) "@{bootstrap}/tables";
\ No newline at end of file
+@import (reference) "@{bootstrap}/tables";
+
+
+// Extensions
+// -----------------------------------------------------------------------------
+
+table {
+  &:extend(.table all);
+
+  .Preferences &.PreferenceGroup {
+    width: 100%;
+  }
+}

less/shared/utilities.less

@@ -3,9 +3,16 @@
 //
 // No styleguide reference.
 
+// Library
+// -----------------------------------------------------------------------------
+
 @import (once) "@{bootstrap}/utilities";
 @import (once) "@{bootstrap}/responsive-utilities";
 
+
+// Extensions
+// -----------------------------------------------------------------------------
+
 .Aside {
   &:extend(.pull-right);
 }

less/style.less

@@ -35,6 +35,8 @@
 @import "components/badges";
 @import "components/list-group";
 @import "components/panels";
+@import "components/close";
+
 @import "components/modals";
 
 // Vanilla Components

views/default.master.tpl

@@ -38,9 +38,9 @@
               {discussions_link}
               {activity_link}
             </ul>
-            <!-- <ul class="nav navbar-nav navbar-right">
+            <ul class="nav navbar-nav navbar-right">
               {module name="MeModule"}
-            </ul> -->
+            </ul>
           </div><!--/.nav-collapse -->
         </div>
       </nav>