diff --git a/colab/static/css/footer.css b/colab/static/css/footer.css
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/colab/static/css/footer.css
diff --git a/colab/static/css/header.css b/colab/static/css/header.css
new file mode 100644
index 0000000..06f84b7
--- /dev/null
+++ b/colab/static/css/header.css
@@ -0,0 +1,46 @@
+/* Header */
+
+#header-searchbox {
+    width: 190px;
+}
+
+#header-hr {
+    margin-top: 0;
+}
+
+.navbar-default .navbar-brand,
+.navbar a.dropdown-toggle.user {
+    padding: 0;
+    margin-top: 5px;
+    margin-left: 10px;
+}
+
+.navbar-brand img {
+    height: 40px;
+}
+
+#user-menu .wrapper {
+    padding: 3px 10px;
+    white-space: nowrap;
+}
+
+#user-menu .wrapper a {
+    margin: 5px 0;
+}
+
+#user-menu .user-info {
+    display: inline-block;
+    vertical-align: top;
+    padding-left: 5px;
+}
+
+#user-menu .user-info span {
+    display: block;
+}
+
+#user-menu .dropdown-menu .thumbnail {
+    width: 100px;
+    display: inline-block;
+}
+
+/* End of Header */
\ No newline at end of file
diff --git a/colab/static/css/screen.css b/colab/static/css/screen.css
index 833cacf..afb604f 100644
--- a/colab/static/css/screen.css
+++ b/colab/static/css/screen.css
@@ -7,54 +7,6 @@ li hr {
     margin: 10px 0;
 }
 
-/* Header */
-
-#header-searchbox {
-    width: 190px;
-}
-
-#header-hr {
-    margin-top: 0;
-}
-
-.navbar-default .navbar-brand,
-.navbar a.dropdown-toggle.user {
-    padding: 0;
-    margin-top: 5px;
-    margin-left: 10px;
-}
-
-.navbar-brand img {
-    height: 40px;
-}
-
-#user-menu .wrapper {
-    padding: 3px 10px;
-    white-space: nowrap;
-}
-
-#user-menu .wrapper a {
-    margin: 5px 0;
-}
-
-#user-menu .user-info {
-    display: inline-block;
-    vertical-align: top;
-    padding-left: 5px;
-}
-
-#user-menu .user-info span {
-    display: block;
-}
-
-#user-menu .dropdown-menu .thumbnail {
-    width: 80px;
-    display: inline-block;
-}
-
-/* End of Header */
-
-
 /* From message-preview.html*/
 .quiet {
     color: #999;
--
libgit2 0.21.2