Fixed issue with issue markers style

Author: vhardy

css3-regions/Overview.html

@@ -35,22 +35,27 @@
              opacity: 1;
              color: #46A4E9;
          }
+         
+         .issue.resolved, .issue.stale, .issue.moved {
+             display: none;
+         }
+         
+         
+         #region-style-example p, #region-style-example pre {
+         	clear: both;
+         }
 
-         div.issue-marker {
-             color: red;
-             margin: 1em 0;
-             font-weight: normal;
-             padding: .5em;
-             border-left: .5em solid #E05252;
-             background: #FBE9E9;
+         #region_styling_illustration {
+         	margin: 0px auto;
+         	width: 70ex;
          }
 
-         div.issue-marker a {
-             color: red;
+         #default-fragment-shader:before {
+             content: "Default fragment shader";
          }
-         
-         .issue.resolved, .issue.stale, .issue.moved {
-             display: none;
+
+         #default-vertex-shader:before {
+             content: "Default vertex shader";
          }
        </style>
   <link href="http://www.w3.org/StyleSheets/TR/W3C-ED.css" rel=stylesheet

css3-regions/Overview.src.html

@@ -38,25 +38,31 @@
              opacity: 1;
              color: #46A4E9;
          }
+         
+         .issue.resolved, .issue.stale, .issue.moved {
+             display: none;
+         }
+         
+         
+         #region-style-example p, #region-style-example pre {
+         	clear: both;
+         }
 
-         div.issue-marker {
-             color: red;
-             margin: 1em 0;
-             font-weight: normal;
-             padding: .5em;
-             border-left: .5em solid #E05252;
-             background: #FBE9E9;
+         #region_styling_illustration {
+         	margin: 0px auto;
+         	width: 70ex;
          }
 
-         div.issue-marker a {
-             color: red;
+         #default-fragment-shader:before {
+             content: "Default fragment shader";
          }
-         
-         .issue.resolved, .issue.stale, .issue.moved {
-             display: none;
+
+         #default-vertex-shader:before {
+             content: "Default vertex shader";
          }
        </style>
-  <link rel="stylesheet" type="text/css"
+       
+       <link rel="stylesheet" type="text/css"
         href="http://www.w3.org/StyleSheets/TR/W3C-ED.css">
 
         <link id="st" href="alternate-spec-style.css" rel="stylesheet" 

css3-regions/alternate-spec-style.css

@@ -358,4 +358,17 @@ table.values-desc td:first-child {
 
 img[alt='W3C'] {
     display: none;
-}
+}
+
+
+ 
+.issue-marker {
+     position: absolute;
+     width: 20ex;
+     margin-left: -22ex;
+     text-align: right;
+ }
+ 
+.issue-marker a {
+     color: #c00;
+ }