3 files changed, 135 insertions, 0 deletions
diff --git a/scss/pysite/pages/main/jams/_team_list.scss b/scss/pysite/pages/main/jams/_team_list.scss
new file mode 100644
index 00000000..83ec8aaa
--- /dev/null
+++ b/scss/pysite/pages/main/jams/_team_list.scss
@@ -0,0 +1,41 @@
+@import "variables";
+
+$page_classes: (jam-team-list);
+
+@each $class in $page_classes {
+  .#{$class} {
+    .team-list-cards {
+      margin-top: 20px;
+    }
+
+    .team-links {
+      text-align: center;
+    }
+
+    .team-subtitle {
+      margin-bottom: 0;
+    }
+
+    .team-card-own {
+      border: solid 1px $primary_background;
+    }
+
+    .team-member-avatars {
+      padding: 10px;
+      text-align: center;
+
+      .team-member-avatar-link {
+        margin: 0 5px;
+
+        .team-member-avatar {
+          height: 32px;
+        }
+      }
+
+      .team-member-avatar-link:hover,
+      .team-member-avatar-link:active {
+        text-decoration: none;
+      }
+    }
+  }
+}
diff --git a/scss/pysite/pages/main/jams/_team_view.scss b/scss/pysite/pages/main/jams/_team_view.scss
new file mode 100644
index 00000000..fb5e8a07
--- /dev/null
+++ b/scss/pysite/pages/main/jams/_team_view.scss
@@ -0,0 +1,92 @@
+$page_classes: (jam-team-view);
+
+$gitlab_activity_background: #F5F5F5;
+$pasta_background: #EAF5FF;
+$pasta_text: #0366D6;
+
+@each $class in $page_classes {
+  .#{$class} {
+    .participant-card-list {
+      margin-bottom: 25px;
+    }
+
+    .participant-card {
+      margin-bottom: 10px;
+      padding: 20px;
+
+      .participant-avatar {
+        height: 2.5rem;
+        margin-right: 10px;
+      }
+
+      .participant-links {
+        float: right;
+      }
+    }
+
+    .gitlab-activity {
+      background-color: $gitlab_activity_background;
+      height: 500px;
+      overflow-x: hidden;
+      overflow-y: auto;
+      width: 100%;
+
+      .gitlab-activity-loading {
+        align-items: center;
+        display: flex;
+        height: 100%;
+        justify-content: center;
+        width: 100%;
+
+        .gitlab-activity-spinner {
+          text-align: center;
+          width: 100%;
+        }
+      }
+
+      .gitlab-activity-events {
+        height: auto;
+        width: 100%;
+      }
+
+      .gitlab-activity-event-item {
+        background-color: $white;
+        border: solid 1px $muted_colour;
+        border-bottom-width: 0;
+        box-sizing: border-box;
+        display: flex;
+        justify-content: center;
+        padding: 10px;
+        vertical-align: middle;
+        width: 100%;
+
+        .gitlab-activity-event-item-content {
+          width: 100%;
+        }
+
+        .pasta {
+          background-color: $pasta_background;
+          border-radius: 3px;
+          color: $pasta_text;
+          font-family: Consolas, monaco, monospace;
+          font-size: 12px;
+          margin-right: 10px;
+          padding: 3px 5px;
+        }
+      }
+
+      .gitlab-activity-event-item:nth-last-child(2) {
+        border-bottom-width: 1px;
+      }
+
+      .gitlab-activity-events-footer {
+        color: $muted_colour;
+        display: flex;
+        justify-content: center;
+        padding: 10px;
+        text-align: center;
+        vertical-align: middle;
+      }
+    }
+  }
+}
diff --git a/scss/pysite/style.scss b/scss/pysite/style.scss
index 083a9fc7..23f8b1bb 100644
--- a/scss/pysite/style.scss
+++ b/scss/pysite/style.scss
@@ -50,6 +50,8 @@
 
 @import "pages/main/jams/index";
 @import "pages/main/jams/join";
+@import "pages/main/jams/team_view";
+@import "pages/main/jams/team_list";
 
 // Sectional: Staff Blueprint
 @import "pages/staff/common";