Flag beta docs with a big red capsule

2 files changed, 26 insertions, 3 deletions

diff --git a/doc/build/templates/base.html b/doc/build/templates/base.html
index a0b52be1b..fa4d87845 100644
--- a/doc/build/templates/base.html
+++ b/doc/build/templates/base.html
@@ -24,6 +24,10 @@
     extension = kwargs['extension']
     kwargs.setdefault('paged', True)
     kwargs.setdefault('toc', toc)
+
+    version_cls = 'versionnum'
+    if 'beta' in version:
+        version_cls += ' prerelease'
 %>
 
 <div id="topanchor"><a name="top">&nbsp;</a></div>
@@ -33,7 +37,10 @@
 
 <div id="pagecontrol"><a href="index.${extension}">Multiple Pages</a> | <a href="documentation.${extension}">One Page</a></div>
 
-<div class="versionheader">Version: ${version}   Last Updated: ${time.strftime('%x %X', time.localtime(last_updated))}</div>
+<div class="versionheader">
+  Version: <span class="${version_cls}">${version}</span>
+  Last Updated: ${time.strftime('%x %X', time.localtime(last_updated))}
+</div>
 
 ${next.body(**kwargs)}
 
diff --git a/doc/docs.css b/doc/docs.css
index 72cf4d6a8..21972a034 100644
--- a/doc/docs.css
+++ b/doc/docs.css
@@ -193,11 +193,27 @@ h3 {
 }
 #docs a.codepoplink:hover {
     text-decoration: none;
-	color:#fff;
-	border:1px solid #900;    
+    color:#fff;
+    border:1px solid #900;
     background-color: #900;
 }
 
+.versionheader {
+    margin-top: 0.5em;
+}
+.versionnum {
+    font-weight: bold;
+}
+.prerelease {
+    border: solid #c25757 2px;
+    border-radius: 4px;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    background-color: #c21a1a;
+    color: white;
+    padding: 0.05em 0.2em;
+}
+
 @media print {
   #nav { display: none; }
   #pagecontrol { display: none; }