Skip to content
Browse files

Style tweaks, add red paddle buttons, add personal credit

  • Loading branch information...
1 parent 2dca769 commit 95435705801fcd99a6b037fd2d50d0110c1499ba @ejc ejc committed Jan 5, 2011
View
6 app/views/layouts/application.html.haml
@@ -7,4 +7,8 @@
= csrf_meta_tag
= analytics_tag
%body
- = yield
+ = yield
+ .footer
+ .credits
+ .ejc.logo= link_to image_tag('ejc_inset.png', :alt => 'Designed by E.J. Coughlin <3'), 'http://twitter.com/ejc'
+ .ejc.words= link_to 'Designed by E.J. Coughlin <3', 'http://twitter.com/ejc'
View
BIN public/images/button_down.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN public/images/button_next.png
Deleted file not rendered
View
BIN public/images/button_up.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN public/images/ejc_inset.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN public/images/fork_me_ruby_red.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN public/images/scroll_bg.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
56 public/stylesheets/scrollable.css
@@ -1,52 +1,22 @@
-/*
-root element for the scrollable.
-when scrolling occurs this element stays still.
-*/
-.scrollcontainer {width: 100%;background: url(/images/scroll_bg.png);position:relative;height:641px;}
-.scrollcenter {width: 990px;margin: 0 auto;position: relative;}
+.scrollcontainer {width: 100%;background: url(/images/scroll_bg.png);position: relative;height: 591px;}
+.scrollcenter {width: 1100px;margin: 0 auto;position: relative;}
+.scrollable {position: absolute;overflow: hidden;width: 990px;height: 530px;padding: 10px 0;border: none;left: 68px;top: 15px}
-.scrollable{/* required settings */
-position:absolute;overflow:hidden;width:990px;height:530px;padding: 10px 0;border:none;left:40px;top:15px}
-
-/*
-root element for scrollable items. Must be absolutely positioned
-and it should have a extremely large width to accomodate scrollable items.
-it's enough that you set the width and height for the root element and
-not for this element.
-*/
-.scrollable .items{/* this cannot be too large */
-height:20000em;position:absolute;clear:both;}
-
-.items div {float:left;}
-
-/* single scrollable item */
-.scrollable img{}
+.scrollable .items {height: 20000em;position: absolute;clear: both;}
+.items div {float: left;}
/* active item */
-.scrollable .active{border:2px solid #000;position:relative;cursor:default;}
+.scrollable .active {border: 2px solid #000;position: relative;cursor: default;}
/* prev, next, prevPage and nextPage buttons */
-.scrollcontainer a.browse {
- background:#fff;
- display:block;
- width:30px;
- height:30px;
- margin:0;
- cursor:pointer;
- font-size:1px;
- position:absolute;
-}
-
+.scrollcontainer a.browse {background: #fff;display: block;width: 62px;height: 36px;margin: 0;cursor: pointer;font-size: 1px;position: absolute;}
.scrollcontainer a.right,
-.scrollcontainer a.left {top:-30px;}
+.scrollcontainer a.left {top: 2px;}
/* right */
-.scrollcontainer a.right { background: url(/images/button_next.png);width: 75px;height: 20px;right:-20px;}
-.scrollcontainer a.left { background: url(/images/button_next.png);width: 75px;height: 20px;left:45px;}
-
-
-
+.scrollcontainer a.right {background: url(/images/button_down.png);right: 0px;}
+.scrollcontainer a.left {background: url(/images/button_up.png);left: 0;}
+.scrollcontainer a.right:active,
+.scrollcontainer a.left:active {background-position: 0 -36px;}
/* disabled navigational button */
-.scrollcontainer a.disabled {
- visibility:hidden !important;
-}
+.scrollcontainer a.disabled {visibility: hidden !important;}
View
11 public/stylesheets/site.css
@@ -1,11 +1,11 @@
body {background: #333 url(/images/dark_noise.png);}
.fork a {position: absolute;top:0;left: 0;width:149px;height: 149px;display:block;text-indent: -9000px;background: url(/images/fork_me_ruby_red.png) no-repeat;}
-.header {width:600px; margin: 30px auto 0;height:115px;}
+.header {width:600px; margin: 40px auto 0;height:115px;}
.header h1 {text-indent: -9000px;background: url(/images/logo_inset.png) no-repeat;width:600px;height:80px;margin: 0 0 0 0;}
/* Member Cards */
-.item {float: left;width: 300px !important;height:250px;padding:15px 5px 5px 15px;margin: 0 10px 10px 0;background: transparent url(/images/user_card.png) no-repeat;}
+.item {float: left;width: 300px !important;height:250px;padding:15px 5px 5px 15px;margin: 0 3px 10px 0;background: transparent url(/images/user_card.png) no-repeat;}
.column {}
@@ -36,4 +36,9 @@ body {background: #333 url(/images/dark_noise.png);}
.icon a.linkedin {background-position: -46px 0;}
.icon a.facebook {background-position: -61px 0;}
.icon a.iddy {background-position: -77px 0;}
-.icon a.mixi {background-position: -92px 0;}
+.icon a.mixi {background-position: -92px 0;}
+
+.footer {width: 100%;padding: 20px 0 0;}
+.footer .credits {width: 310px;margin:0 auto;position: relative;}
+.footer .credits .ejc {float: left;}
+.footer .credits .ejc.words {margin: 17px}
View
4 public/stylesheets/typography.css
@@ -1,4 +1,3 @@
-/* @override http://localhost:3000/stylesheets/typography.css?1294243160 */
/* --------------------------------------------------------------
typography.css
@@ -37,7 +36,7 @@ body {
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, arial, sans-serif; color: #181818; font-weight: normal; }
h1 { font-size: 3em; line-height: 1; margin: .2em 0 0.5em; }
-h2 { font-size: 1.8em; margin-bottom: 10px;}
+h2 { font-size: 2em; margin-bottom: 10px;}
h3 { font-size: .8em; line-height: 1.25em; margin: 0 0 3px; text-transform: uppercase;font-weight:normal;}
h4 { font-size: 1.4em; line-height: 1.25; margin: 0 0 6px; }
h5 { font-size: 1em; margin: 0 0 6px; }
@@ -52,3 +51,4 @@ h1:first-child, h2:first-child { margin-top: 0; }
.meta, .meta a {color: #333;text-shadow:1px 1px #FFF;}
.meta a {color: #ab0d00;text-decoration:none;}
.meta a:hover {color: #ab0d00;text-decoration:underline;}
+.footer .credits .ejc.words a {color: #111;text-shadow: 1px 1px #555;text-decoration: none;font-weight:550;font-size:1.1em; }

0 comments on commit 9543570

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