fix github ribbon

acarioni · acarioni · commit edd18229e405 · 2023-05-02T16:34:50.000+02:00
diff --git a/src/css/style.css b/src/css/style.css
@@ -16,6 +16,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;
+}
 .mainTitle {
 	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 20px;
diff --git a/src/index.html b/src/index.html
@@ -28,7 +28,9 @@
 </head>
 
 <body vlink="#6c21b1" link="#0000ee" bgcolor="#ffffff" bottommargin="0" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
-  <a href="https://github.com/Lightstreamer/Lightstreamer-example-RSS-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-RSS-client-javascript">Fork me on GitHub</a>
+  </div>
   <div id="wrap">
     <table border="0" cellspacing="0" cellpadding="0">
       <tr>
