beta version stamp in GUI

static/css/comex.css

@@ -281,6 +281,23 @@ h2.catfirst {
   color: #910;
 }
 
+/* like a green stamp */
+.stamp {
+  font-family: Courier, "Courier 10 Pitch", "Courier Code", "Nimbus Mono L", "Liberation Mono", monospace;
+  transform: rotate(15deg);
+  font-weight: bolder;
+  color: white;
+  /*background-color: #004C26;*/
+  /*background-color: #6395DF;*/
+  background-color: #449D44;
+  font-size: 16px;
+  padding: .5em;
+  border: 1px solid rgba(0, 0, 0, .5);
+  border-radius: .4em;
+  margin-top: -60px;
+  opacity: 0.75;
+}
+
 
 /* page sections: style snippets from old bootstrap h2 */
 h2.oldstyle {

templates/rootindex.html

@@ -52,7 +52,12 @@
         <div id="loading" style="padding-left:-175px; margin-left: 27%;">
             <img src="/static/css/loading.gif" style="border: 0px; opacity: 0.05; " />
         </div>
-        <h2 class="oldstyle maintitle">Welcome to the complex systems community explorer (beta version)</h2>
+
+        <div>
+        <h2 class="oldstyle maintitle">Welcome to the complex systems community explorer</h2>
+        <p class="stamp pull-up-right">beta version</p>
+        <p></p>
+        </div>
 
       </div>
       <div class="spacer col-lg-1 col-md-1 hidden-sm-down">&nbsp;</div>
@@ -112,7 +117,7 @@
                <span class="glyphicon glyphicon-repeat"></span> Suggestions or comments ? <a href="http://moma.csregistry.org/feedback"  target="BLANK">Please feedback.</a> <br/> -->
            </p>
       </div>
-      <div class="spacer col-lg-1 hidden-md-down">&nbsp;</div>
+      <div class="spacer col-lg-1 col-md-1 hidden-sm-down">&nbsp;</div>
       <!-- ### ( 1 small column for news and announcements ) ### -->
       <div class="col-lg-3 col-md-3 col-sm-12">
           <h2 class="oldstyle" style="font-size:1.5em;text-align:center;">