diff options
| -rw-r--r-- | _layouts/default.html | 5 | ||||
| -rwxr-xr-x | css/style.css | 57 |
2 files changed, 61 insertions, 1 deletions
diff --git a/_layouts/default.html b/_layouts/default.html index 5108e1b..59ab294 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -28,6 +28,11 @@ sidebar_cats: </head> <body> + <div class="myribbon"> + <a href="http://github.com/help/help.github.com"> + <span>Fork me on GitHub</span> + </a> + </div> {% if page.main_category %} <script type="text/javascript">var main_category = "{{ page.main_category }}"</script> {% else %} 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; +} |