added templates/styles for static pages

cms/static/sass/_static-pages.scss

@@ -0,0 +1,64 @@
+.static-pages {
+  .new-static-page-button {
+    @include grey-button;
+    display: block;
+    text-align: center;
+    padding: 12px 0;
+  }
+
+  .static-page-item {
+    position: relative;    
+    margin: 10px 0;
+    padding: 22px 20px;
+    border: 1px solid $darkGrey;
+    border-radius: 3px;
+    background: #fff;    
+    @include box-shadow(0 1px 2px rgba(0, 0, 0, .1));
+
+    .page-name {
+      font-size: 19px;
+      font-weight: 700;
+    }
+
+    .item-actions {
+      margin-top: 19px;
+      margin-right: 12px;
+    }
+  }
+}
+
+.edit-static-page {
+  .main-wrapper {
+    margin-top: 40px;
+  }
+
+  .static-page-details {
+    @extend .window;
+    padding: 32px 40px;
+
+    .row {
+      border: none;
+    }
+  }
+
+  .page-display-name-input {
+    width: 100%;
+    font-size: 20px;
+  }
+
+  .page-contents {
+    @include box-sizing(border-box);
+    width: 100%;
+    height: 360px;
+    padding: 15px;
+    border: 1px solid #b0b6c2;
+    border-radius: 2px;
+    @include linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .3));
+    background-color: #edf1f5;
+    @include box-shadow(0 1px 2px rgba(0, 0, 0, .1) inset);
+    font-family: Monaco, monospace;
+    font-size: 13px;
+    color: #3c3c3c;
+    outline: 0;
+  }
+}

cms/static/sass/base-style.scss

@@ -14,6 +14,7 @@
 @import "subsection";
 @import "unit";
 @import "assets";
+@import "static-pages";
 @import "course-info";
 @import "landing";
 @import "graphics";

cms/templates/edit-static-page.html

@@ -0,0 +1,41 @@
+<%inherit file="base.html" />
+<%! from django.core.urlresolvers import reverse %>
+<%block name="title">Edit Static Page</%block>
+<%block name="bodyclass">edit-static-page</%block>
+
+<%block name="content">
+<div class="main-wrapper">
+  <div class="inner-wrapper">
+    <div class="main-column">
+      <article class="static-page-details">
+        <div class="row">
+          <label>Display Name:</label>
+          <input type="text" value="Syllabus" class="page-display-name-input" data-metadata-name="display_name"/>
+        </div>
+        <div class="row">
+          <label>Page Content:</label>
+          <textarea class="page-contents"></textarea>
+        </div>
+      </article>
+    </div>
+    <div class="sidebar">
+      <div class="unit-properties window">
+        <h4>Page Settings</h4>
+        <div class="window-contents">
+          <div class="row visibility">
+            <label class="inline-label">Visibility:</label>
+            <select>
+              <option>Public</option>
+              <option>Private</option>
+            </select>
+          </div>
+          <div class="row unit-actions">
+            <a href="#" class="save-button">Save</a>
+            <a href="#" target="_blank" class="preview-button">Preview</a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+</%block>

cms/templates/static-pages.html

@@ -0,0 +1,41 @@
+<%inherit file="base.html" />
+<%! from django.core.urlresolvers import reverse %>
+<%block name="title">Static Pages</%block>
+<%block name="bodyclass">static-pages</%block>
+
+<%block name="content">
+<div class="main-wrapper">
+  <div class="inner-wrapper">
+    <h1>Static Pages</h1>
+    <div class="page-actions">
+      
+    </div>
+    <article class="static-page-overview">
+      <a href="#" class="new-static-page-button wip-box"><span class="plus-icon"></span> New Static Page</a>
+      <ul class="static-page-list">
+        <li class="static-page-item">
+          <a href="#" class="page-name">Course Info</a>
+          <div class="item-actions">
+            <a href="#" class="edit-button wip"><span class="delete-icon"></span></a>
+            <a href="#" class="drag-handle wip"></a>
+          </div>
+        </li>
+        <li class="static-page-item">
+          <a href="#" class="page-name">Textbook</a>
+          <div class="item-actions">
+            <a href="#" class="edit-button wip"><span class="delete-icon"></span></a>
+            <a href="#" class="drag-handle wip"></a>
+          </div>
+        </li>
+        <li class="static-page-item">
+          <a href="#" class="page-name">Syllabus</a>
+          <div class="item-actions">
+            <a href="#" class="edit-button wip"><span class="delete-icon"></span></a>
+            <a href="#" class="drag-handle wip"></a>
+          </div>
+        </li>
+      </ul>
+    </article>
+  </div>
+</div>
+</%block>