Skip to content
Browse files

"Fork me on GitHub".

  • Loading branch information...
1 parent 0a9922f commit 60a09951330d70983caa4f6de7b7cbe8ccc800d7 @fredwu committed
Showing with 81 additions and 16 deletions.
  1. +38 −16 app/stylesheets/base.sass
  2. +1 −0 app/views/layouts/application.html.slim
  3. +42 −0 public/stylesheets/base.css
View
54 app/stylesheets/base.sass
@@ -1,9 +1,5 @@
@import "reset"
-// --------------------
- variables
-// --------------------
-
$primary-colour: #b01000
$secondary-colour: #392a2a
$highlight-colour: #b01000
@@ -11,9 +7,9 @@ $shadow-colour: #ece0d0
$bg-header-colour: #ffeed4
$bg-main-colour: #fffdf8
-// --------------------
- elements
-// --------------------
+/*------------------------------
+ * elements
+ *------------------------------
body, p
font-family: "Lucida Grande", Lucida, "Helvetica Neue", Helvetica, "Myriad Pro", Verdana, Tahoma
@@ -31,9 +27,9 @@ a
color: $highlight-colour
text-decoration: underline
-// --------------------
- supporting structures
-// --------------------
+/*------------------------------
+ * supporting structures
+ *------------------------------
#inner-wrapper
position: relative
@@ -50,9 +46,9 @@ a
height: 15px
background: $secondary-colour
-// --------------------
- main structures
-// --------------------
+/*------------------------------
+ * main structures
+ *------------------------------
body
background: $bg-main-colour
@@ -221,9 +217,9 @@ body
margin-top: 20px
background: url("/images/crowd-footer.png") center no-repeat
-// --------------------
- portrait slider
-// --------------------
+/*------------------------------
+ * portrait slider
+ *------------------------------
.nivo-controlNav
position: absolute
@@ -241,4 +237,30 @@ body
&.active
background-position: 0 -20px
+/*------------------------------
+ * Fork me on Github :-)
+ *------------------------------
+#ribbon
+ background-color: #a00
+ overflow: hidden
+ position: fixed
+ left: -3em
+ top: 2.5em
+ -moz-transform: rotate(-45deg)
+ -webkit-transform: rotate(-45deg)
+ transform: rotate(-45deg)
+ -moz-box-shadow: 0 0 1em $shadow-colour
+ -webkit-box-shadow: 0 0 1em $shadow-colour
+ box-shadow: 0 0 1em $shadow-colour
+ z-index: 999
+ a
+ border: 1px solid #faa
+ color: #fff
+ display: block
+ font: bold 81.25% 'Helvetiva Neue', Helvetica, Arial, sans-serif
+ margin: 0.05em 0 0.075em 0
+ padding: 0.5em 3.5em
+ text-align: center
+ text-decoration: none
+ text-shadow: 0 0 0.5em #444
View
1 app/views/layouts/application.html.slim
@@ -8,6 +8,7 @@ html
== javascript_include_tag :jquery, :'jquery.nivo.slider.pack', :application
body
+ #ribbon== link_to 'Fork me on GitHub', 'https://github.com/fredwu/rubycommitters.org'
#wrapper
#header-wrapper
#inner-wrapper
View
42 public/stylesheets/base.css
@@ -47,6 +47,12 @@ table {
border-collapse: collapse;
border-spacing: 0; }
+/*------------------------------
+ * variables
+ *------------------------------ */
+/*------------------------------
+ * elements
+ *------------------------------ */
body, p {
font-family: "Lucida Grande", Lucida, "Helvetica Neue", Helvetica, "Myriad Pro", Verdana, Tahoma;
font-size: 14px;
@@ -63,6 +69,9 @@ a {
color: #b01000;
text-decoration: underline; }
+/*------------------------------
+ * supporting structures
+ *------------------------------ */
#inner-wrapper {
position: relative;
margin: 0 auto;
@@ -78,6 +87,9 @@ a {
height: 15px;
background: #392a2a; }
+/*------------------------------
+ * main structures
+ *------------------------------ */
body {
background: #fffdf8; }
@@ -240,6 +252,9 @@ body {
margin-top: 20px;
background: url("/images/crowd-footer.png") center no-repeat; }
+/*------------------------------
+ * portrait slider
+ *------------------------------ */
.nivo-controlNav {
position: absolute;
top: 90px;
@@ -255,3 +270,30 @@ body {
cursor: pointer; }
.nivo-controlNav a.active {
background-position: 0 -20px; }
+
+/*------------------------------
+ * Fork me on Github :-)
+ *------------------------------ */
+#ribbon {
+ background-color: #aa0000;
+ overflow: hidden;
+ position: fixed;
+ left: -3em;
+ top: 2.5em;
+ -moz-transform: rotate(-45deg);
+ -webkit-transform: rotate(-45deg);
+ transform: rotate(-45deg);
+ -moz-box-shadow: 0 0 1em #ece0d0;
+ -webkit-box-shadow: 0 0 1em #ece0d0;
+ box-shadow: 0 0 1em #ece0d0;
+ z-index: 999; }
+ #ribbon a {
+ border: 1px solid #ffaaaa;
+ color: white;
+ display: block;
+ font: bold 81.25% "Helvetiva Neue", Helvetica, Arial, sans-serif;
+ margin: 0.05em 0 0.075em 0;
+ padding: 0.5em 3.5em;
+ text-align: center;
+ text-decoration: none;
+ text-shadow: 0 0 0.5em #444444; }

0 comments on commit 60a0995

Please sign in to comment.
Something went wrong with that request. Please try again.