Team details page.

TNL-1906

lms/static/sass/elements/_controls.scss

@@ -403,3 +403,16 @@
       margin-bottom: none;
     }
   }
+
+  .btn-link {
+    @extend %btn-pl-secondary-base;
+
+    background-image: none;
+
+    &:focus,
+    &:hover {
+      background-image: none !important;
+      background-color: transparent !important;
+      color: $link-color;
+    }
+  }

lms/static/sass/shared/_tooltips.scss

@@ -10,3 +10,54 @@
   text-align: center;
   -webkit-font-smoothing: antialiased;
 }
+
+
+// custom tool tip style.
+@mixin tooltip-hover-style ($margin-top) {
+  p {
+    @extend %ui-depth2;
+      background: $dark-gray;
+      border-radius: ($baseline/5);
+      color: $white;
+      font-family: $sans-serif;
+      line-height: lh();
+      opacity: 0.0;
+      padding: 6px;
+      position: absolute;
+      text-shadow: 0 -1px 0 $black;
+      @include transition(all .1s $ease-in-out-quart 0s);
+      white-space: pre;
+      visibility: hidden;
+      pointer-events: none;
+      right: 0;
+
+      &:empty {
+        background: none;
+
+        &::after {
+          display: none;
+        }
+      }
+
+      &::after {
+        background: $dark-gray;
+        content: " ";
+        display: block;
+        height: ($baseline/2);
+        right: 18px;
+        position: absolute;
+        top: ($baseline + ($baseline/4));
+        @include transform(rotate(45deg));
+        width: ($baseline/2);
+      }
+  }
+
+  &:hover, &:focus {
+    p {
+      display: block;
+      margin-top: $margin-top;
+      opacity: 1.0;
+      visibility: visible;
+    }
+  }
+}

lms/static/sass/views/_teams.scss

@@ -346,6 +346,64 @@
     }
   }
 
+  .team-profile {
+
+    .page-content-main {
+      display: inline-block;
+      width: flex-grid(8, 12);
+      vertical-align: top;
+
+      .forum-new-post-form,
+      .edit-post-form {
+        min-width: 700px;
+      }
+    }
+
+    .page-content-secondary {
+      display: inline-block;
+      width: flex-grid(4,12);
+      @include margin-left($baseline * 0.75);
+      margin-bottom: $baseline;
+
+      @extend %t-copy-sub1;
+      color: $gray-l1;
+
+      div, .team-detail-header {
+        margin-bottom: ($baseline/4);
+      }
+
+      .image-url {
+        border: 2px solid $outer-border-color;
+        border-radius: ($baseline/4);
+        margin-bottom: ($baseline/4);
+      }
+
+      .leave-team {
+        margin-bottom: $baseline;
+        margin-top: ($baseline/2);
+      }
+
+      .invite-header, .invite-text {
+        margin-bottom: ($baseline/2);
+      }
+
+      .invite-team {
+        margin-top: ($baseline);
+        margin-bottom: ($baseline/2);
+      }
+      .invite-link-input {
+        width: 100%;
+      }
+
+      .member-profile {
+        position: relative;
+        display: inline-block;
+
+        @include tooltip-hover-style(-($baseline*2));
+      }
+    }
+  }
+
   .create-team {
 
     legend {