Add a forking ribbon

1 files changed, 56 insertions, 1 deletions

diff --git a/css/style.css b/css/style.css
index a3bad81..ca223e7 100755
--- a/css/style.css
+++ b/css/style.css
@@ -57,4 +57,59 @@ code {white-space: nowrap;}
 
 
 /* Tender widget fix */
-#tender_window {position: fixed !important;}
\ No newline at end of file
+#tender_window {position: fixed !important;}
+
+
+/****************************/
+/*      Forking ribbon      */
+/****************************/
+
+@font-face {
+  font-family: Collegiate;
+  src: url("/Collegiate.ttf");
+}
+
+.myribbon {
+  position: absolute;
+  top: 0;
+  overflow: hidden;
+  height: 12em;
+  right: 0;
+}
+
+.myribbon a, myribbon a:hover { text-decoration: none; }
+
+.myribbon a {
+  /* Font */
+  font-family: Collegiate, sans-serif;
+  letter-spacing: -.1px;
+  opacity: 0.95;
+  font-size: 125%;
+  line-height: 1.35em;
+
+  /* Position */
+  display: block;
+  position: relative;
+  top: 2.5em;
+  right: -2.6em;
+  padding: 0.25em 0;
+
+  /* Sit and spin */
+  -moz-transform: rotate(45deg);
+  -webkit-transform: rotate(45deg);
+
+  /* Defaults friendly for white pages. */
+  -moz-box-shadow: 0 0 13px #888;
+  -webkit-box-shadow: 0 0 13px #888;
+  color: #FFF;
+  text-shadow: 0 0 0.5em #444;
+
+  /* Culla */
+  background-color: #9a0000;
+  background: -webkit-gradient(linear, left bottom, left top, from(#9a0000), to(#a90000));
+}
+
+.myribbon a span {
+  padding: 0.1em 3em;
+  border: 1px solid #bf6060;
+}