fix github ribbon

acarioni · acarioni · commit 8691e9119c0c · 2023-05-02T16:32:21.000+02:00
diff --git a/src/css/im.css b/src/css/im.css
@@ -15,6 +15,32 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+ .ribbon {
+  background-color: #003D06;
+  overflow: hidden;
+  white-space: nowrap;
+  position: absolute;
+  right: -50px;
+  top: 40px;
+  -webkit-transform: rotate(45deg);
+     -moz-transform: rotate(45deg);
+      -ms-transform: rotate(45deg);
+       -o-transform: rotate(45deg);
+          transform: rotate(45deg);
+	-webkit-box-shadow: 0 0 10px #888;
+     -moz-box-shadow: 0 0 10px #888;
+          box-shadow: 0 0 10px #888;
+}
+.ribbon a {
+  color: #fff;
+  display: block;
+  font: bold 81.25% 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  margin: 1px 0;
+  padding: 10px 50px;
+  text-align: center;
+  text-decoration: none;
+  text-shadow: 0 0 5px #444;
+}
 a
 {
   color: #009900;
diff --git a/src/index.html b/src/index.html
@@ -55,7 +55,9 @@
 
 <body leftmargin="3" topmargin="0" marginwidth="3" marginheight="5" >
 
-  <a href="https://github.com/Lightstreamer/Lightstreamer-example-3DWorld-client-javascript"><img style="position: absolute; top: 0; right: 0; border: 0; z-index:1" src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub"></a>
+  <div class="ribbon">
+    <a href="https://github.com/Lightstreamer/Lightstreamer-example-3DWorld-client-javascript">Fork me on GitHub</a>
+  </div>
   <div id="wrop">
  
             <script>
