Issue 2148 - Rewrite the testpages test suite

static/css/testpages.css

 * { box-sizing: border-box; }
 
 html, body {
   margin: 0;
   padding: 0;
   
   font-size: 16px;
   font-family: Helvetica, sans-serif;
   
   background-color: #f2f2f2;
@@ skipping 63 matching lines @@
 .stripes-green {
   border: 2px solid #02c219;
   background-image: repeating-linear-gradient(45deg, #22b522, #22b522 10px, #0c0 10px, #0c0 20px);
 }
 
 .stripes-red {
   border: 2px solid #12bd1f;
   background-image: repeating-linear-gradient(45deg, #f00, #f00 10px, #c00 10px, #c00 20px);
 }
 
+.stripes-blue {
+  border: 2px solid #0079cc;
+  background-image: repeating-linear-gradient(45deg, #2231b5, #2231b5, 10px, #0079cc 10px, #0079cc 20px);;
+}
+
 
 /* Site Layout/Panels */
 
 .site-container {
   width: 1000px;
   max-width: 100%;
   margin: 0 auto 0 auto;
   padding: 0 .75rem 0 .75rem;
 }
 
@@ skipping 115 matching lines @@
   margin-top: 0;
   margin-bottom: .5rem;
 }
 
 .testcase-filter {
   border: 0px solid #ababab;
 
   margin-top: .5rem;
 }
 
+#testcase-scripttarget {
+  padding: .5rem;
+}
+
 .testcase-filter .filter {
   background-color: #e0e0e0;
   margin: 0;
   padding: .5rem;
   padding-bottom: .75rem;
   padding-top: .75rem;
    border-bottom: 1px solid #ccc;
   font-family: monospace;
   overflow-x: scroll;
   word-break: keep-all;
@@ skipping 32 matching lines @@
 .testcase-es-regex-3 {
   width: 100px;
 }
 
 @media( min-width: 720px ) {
   .abp-container {
     width: 75%;
         max-width: 900px;
   }
 }