Studio: revises and syncs up activation message UI with dashboard UI

cms/templates/activation_active.html

 <%inherit file="base.html" />
 
 <%block name="content">
+<div class="wrapper-mast wrapper sr">
+  <header class="mast">
+    <h1 class="page-header">${_("Studio Account Activation")}</h1>
+  </header>
+</div>
 
-<section class="tos">
-<div>
+<div class="wrapper-content wrapper">
+  <section class="content activation is-active">
+    <article class="content-primary" role="main">
+    </article>
 
-<section class="activation">
-  <h1>Account already active!</h1>
-  <p> This account has already been activated. <a href="/signin">Log in here</a>.</p>
-</div>
-</section>
+    <div class="notice notice-incontext notice-instruction has-actions">
+      <div class="msg">
+        <h2 class="title">${_("Your account is already active")}</h2>
+        <div class="copy">
+          <p>${_("This account, set up using (%(email)s), has already been activated. Please sign in to start working within edX Studio.") % dict(email=user.email)}</p>
+        </div>
+      </div>
 
-</%block>
+      <ul class="list-actions">
\ No newline at end of file
+        <li class="action-item">
+          <a href="/signin" class="action-primary action-signin">${_("Sign into Studio")}</a>
+        </li>
+      </ul>
+    </div>
+  </section>
+</div>
+</%block>

cms/templates/activation_complete.html

 <%inherit file="base.html" />
 
 <%block name="content">
+<div class="wrapper-mast wrapper sr">
+  <header class="mast">
+    <h1 class="page-header">${_("Studio Account Activation")}</h1>
+  </header>
+</div>
+
+<div class="wrapper-content wrapper">
+  <section class="content activation is-complete">
+    <article class="content-primary" role="main">
+    </article>
 
-<section class="tos">
-<div>
-  <h1>Activation Complete!</h1>
-  <p>Thanks for activating your account. <a href="/signin">Log in here</a>.</p>
+    <div class="notice notice-incontext notice-instruction has-actions">
+      <div class="msg">
+        <h1 class="title">${_("Your account activation is complete!")}</h1>
+        <div class="copy">
+          <p>${_("Thank you for activating your account. You may now sign in and start using edX Studio to author courses.")}</p>
+        </div>
+      </div>
+
+      <ul class="list-actions">
+        <li class="action-item">
+          <a href="/signin" class="action-primary action-signin">${_("Sign into Studio")}</a>
+        </li>
+      </ul>
+    </div>
+  </section>
 </div>
-</section>
+</%block>
+
 
-</%block>
\ No newline at end of file

cms/templates/activation_invalid.html

 <%inherit file="base.html" />
 
 <%block name="content">
-<section class="tos">
-<div>
-<h1>Activation Invalid</h1>
+<div class="wrapper-mast wrapper sr">
+  <header class="mast">
+    <h1 class="page-header">${_("Studio Account Activation")}</h1>
+  </header>
+</div>
+
+<div class="wrapper-content wrapper">
+  <section class="content activation is-invalid">
+    <article class="content-primary" role="main">
+    </article>
 
-<p>Something went wrong. Check to make sure the URL you went to was
-  correct -- e-mail programs will sometimes split it into two
-  lines. If you still have issues, e-mail us to let us know what happened
-  at <a href="mailto:bugs@mitx.mit.edu">bugs@mitx.mit.edu</a>.</p>
+    <div class="notice notice-incontext notice-instruction has-actions">
+      <div class="msg">
+        <h1 class="title">${_('Your account activation is invalid')}</h1>
+        <div class="copy">
+          <p>${_("We're sorry. Something went wrong with your activation. Check to make sure the URL you went to was correct &mdash; e-mail programs will sometimes split it into two lines.")}</p>
+          <p>${_("If you still have issues, contact edX Support. In the meatime, you can also return to")} <a href="/">{_('the Studio homepage.')}</a></p>
+        </div>
+      </div>
 
-  <p>Or you can go back to the <a href="/">home page</a>.</p>
+      <ul class="list-actions">
+        <li class="action-item">
+          <a href="http://help.edge.edx.org/discussion/new" class="action action-primary show-tender">${_('Contact edX Support')}</a>
+        </li>
+      </ul>
+    </div>
+  </section>
 </div>
-</section>
-</%block>
+</%block>
+
\ No newline at end of file
+
+