Permalink
Browse files

use coffee & scss. :D

  • Loading branch information...
linjunpop committed Apr 3, 2012
1 parent ab62622 commit 04d349bbb3ca2bc905474b981baf2d0cb95c1ce1
View
@@ -0,0 +1,2 @@
+.DS_Store
+.sass-cache
View
@@ -1,8 +1,8 @@
<html>
<head>
- <link rel="stylesheet" href="/stylesheets/application.css" >
- <script type="text/javascript" src="/scripts/zepto.min.js"></script>
- <script type="text/javascript" src="/scripts/application.js"></script>
+ <link rel="stylesheet" href="/stylesheets/css/application.css" >
+ <script type="text/javascript" src="/vendor/javascripts/zepto.min.js"></script>
+ <script type="text/javascript" src="/scripts/javascript/application.js"></script>
</head>
<body>
<ul id="links">
View
@@ -1,11 +0,0 @@
-$(function() {
- $(document).on( 'click', '.link', function() {
- url = $(this).data('target');
- chrome.tabs.create(
- { 'url': url },
- function(tab) {
- // Tab opened.
- }
- );
- });
-});
@@ -0,0 +1,8 @@
+$ ->
+ $(document).on 'click', '.link', ->
+ url = $(@).data('target')
+ chrome.tabs.create
+ 'url': url
+ (tab) ->
+ # Tab opened.
+
@@ -0,0 +1,13 @@
+(function() {
+
+ $(function() {
+ return $(document).on('click', '.link', function() {
+ var url;
+ url = $(this).data('target');
+ return chrome.tabs.create({
+ 'url': url
+ }, function(tab) {});
+ });
+ });
+
+}).call(this);
@@ -1,49 +0,0 @@
-body {
- padding: 8px;
- margin: 0px;
- background: #F1F1F1;
- border: 1px solid #D2D2D2;
- width: 200px;
- border-radius: 3px;
- font-family: arial;
-}
-
-#links {
- list-style:none;
- margin: 0px;
- padding: 0px;
- font-weight: bold;
-}
-li.link {
- color: #A0A0A0;
- border: 1px solid #BBB;
- height: 27px;
- text-align: center;
- vertical-align: middle;
- border-radius: 2px 0 0 2px;
- margin: 0 0 4px 0;
- line-height: 1.6em;
- background-image: -webkit-gradient(linear,left top,left bottom,from(#EEE),to(#E0E0E0));
- text-transform: uppercase;
-}
-li.link:hover {
- cursor: hand;
- background-color: #D14836;
- background-image: -webkit-linear-gradient(top,#dd4b39,#d14836);
- border: 1px solid transparent;
- color: white;
- text-shadow: 0 1px rgba(0, 0, 0, 0.1);
-}
-#all_items {
- background-color: #4D90FE;
- background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
- border: 1px solid #3079ED;
- color: white;
- text-shadow: 0 1px rgba(0, 0, 0, 0.1);
-}
-#all_items:hover {
- background-color: #357AE8;
- background-image: -webkit-linear-gradient(top,#4d90fe,#357AE8);
- border: 1px solid #2F5BB7;
- color: black;
-}
@@ -0,0 +1,45 @@
+body {
+ padding: 8px;
+ margin: 0px;
+ background: #F1F1F1;
+ border: 1px solid #D2D2D2;
+ width: 200px;
+ border-radius: 3px;
+ font-family: arial; }
+
+#links {
+ list-style: none;
+ margin: 0px;
+ padding: 0px;
+ font-weight: bold; }
+
+li.link {
+ color: #A0A0A0;
+ border: 1px solid #BBB;
+ height: 27px;
+ text-align: center;
+ vertical-align: middle;
+ border-radius: 2px 0 0 2px;
+ margin: 0 0 4px 0;
+ line-height: 1.6em;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#e0e0e0));
+ text-transform: uppercase; }
+ li.link:hover {
+ cursor: hand;
+ background-color: #D14836;
+ background-image: -webkit-linear-gradient(top, #dd4b39, #d14836);
+ border: 1px solid transparent;
+ color: white;
+ text-shadow: 0 1px rgba(0, 0, 0, 0.1); }
+
+#all-items {
+ background-color: #4D90FE;
+ background-image: -webkit-linear-gradient(top, #4d90fe, #4787ed);
+ border: 1px solid #3079ED;
+ color: white;
+ text-shadow: 0 1px rgba(0, 0, 0, 0.1); }
+ #all-items:hover {
+ background-color: #357AE8;
+ background-image: -webkit-linear-gradient(top, #4d90fe, #357ae8);
+ border: 1px solid #2F5BB7;
+ color: black; }
@@ -0,0 +1,51 @@
+body {
+ padding: 8px;
+ margin: 0px;
+ background: #F1F1F1;
+ border: 1px solid #D2D2D2;
+ width: 200px;
+ border-radius: 3px;
+ font-family: arial;
+}
+
+#links {
+ list-style:none;
+ margin: 0px;
+ padding: 0px;
+ font-weight: bold;
+}
+li.link {
+ color: #A0A0A0;
+ border: 1px solid #BBB;
+ height: 27px;
+ text-align: center;
+ vertical-align: middle;
+ border-radius: 2px 0 0 2px;
+ margin: 0 0 4px 0;
+ line-height: 1.6em;
+ background-image: -webkit-gradient(linear,left top,left bottom,from(#EEE),to(#E0E0E0));
+ text-transform: uppercase;
+
+ &:hover {
+ cursor: hand;
+ background-color: #D14836;
+ background-image: -webkit-linear-gradient(top,#dd4b39,#d14836);
+ border: 1px solid transparent;
+ color: white;
+ text-shadow: 0 1px rgba(0, 0, 0, 0.1);
+ }
+}
+#all-items {
+ background-color: #4D90FE;
+ background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
+ border: 1px solid #3079ED;
+ color: white;
+ text-shadow: 0 1px rgba(0, 0, 0, 0.1);
+
+ &:hover {
+ background-color: #357AE8;
+ background-image: -webkit-linear-gradient(top,#4d90fe,#357AE8);
+ border: 1px solid #2F5BB7;
+ color: black;
+ }
+}
File renamed without changes.

0 comments on commit 04d349b

Please sign in to comment.