Permalink
Browse files

+ new css

  • Loading branch information...
floere committed Mar 8, 2012
1 parent 510faf7 commit 5189ee900e4b96029c9b8a62ee0d8b72751fac40
@@ -7,14 +7,14 @@ class Helper
@@localized_input = lambda { |options|
search_button_text = options[:button] || 'search'
<<-HTML
-<div class="dashboard empty">
- <div class="feedback">
+<form class="empty">
+ <!-- <div class="feedback"> -->
<div class="status"></div>
- <input type="text" autocorrect="off" class="query"/>
+ <input type="search" autocorrect="off" class="query"/>
<div class="reset" title="clear"></div>
- </div>
+ <!-- </div> -->
<input type="button" class="search_button" value="#{search_button_text}">
-</div>
+</form>
HTML
}
@@localized_results = lambda { |options|
@@ -32,7 +32,7 @@ class Helper
}
@@localized_interface = lambda { |options|
<<-HTML
-<div id="picky">
+<section class="picky">
#{@@localized_input[options]}
#{@@localized_results[options]}
</div>
@@ -1,25 +1,26 @@
GEM
remote: http://rubygems.org/
specs:
- activesupport (3.1.3)
+ activesupport (3.2.2)
+ i18n (~> 0.6)
multi_json (~> 1.0)
backports (2.3.0)
eventmachine (0.12.10)
- haml (3.1.3)
+ haml (3.1.4)
i18n (0.6.0)
- multi_json (1.0.3)
- picky-client (3.6.1)
+ multi_json (1.1.0)
+ picky-client (4.2.4)
activesupport (>= 3.0.0)
yajl-ruby (>= 0.7.8)
- rack (1.3.5)
- rack-protection (1.1.4)
+ rack (1.4.1)
+ rack-protection (1.2.0)
rack
rack-test (0.6.1)
rack (>= 1.0)
rake (0.9.2.2)
- sinatra (1.3.1)
- rack (~> 1.3, >= 1.3.4)
- rack-protection (~> 1.1, >= 1.1.2)
+ sinatra (1.3.2)
+ rack (~> 1.3, >= 1.3.6)
+ rack-protection (~> 1.2)
tilt (~> 1.3, >= 1.3.3)
sinatra-contrib (1.3.1)
backports (>= 2.0)
Binary file not shown.
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="32px" height="64px" viewBox="0 0 32 64" enable-background="new 0 0 32 64" xml:space="preserve">
+<path fill="#C0C0C8" d="M16,2C8.268,2,2,8.268,2,16s6.268,14,14,14s14-6.268,14-14S23.732,2,16,2z M24.5,21.5l-3,3L16,19l-5.5,5.5
+ l-3-3L13,16l-5.5-5.5l3-3L16,13l5.5-5.5l3,3L19,16L24.5,21.5z"/>
+<path fill="#A0A0A8" d="M16,34C8.268,34,2,40.268,2,48s6.268,14,14,14s14-6.268,14-14S23.732,34,16,34z M24.5,53.5l-3,3L16,51
+ l-5.5,5.5l-3-3L13,48l-5.5-5.5l3-3L16,45l5.5-5.5l3,3L19,48L24.5,53.5z"/>
+</svg>
@@ -0,0 +1,135 @@
+#picky {
+ overflow: hidden; }
+ #picky > div.header {
+ display: none; }
+ #picky div.dashboard {
+ position: relative;
+ overflow: hidden;
+ background-color: lightGrey;
+ padding: 5px 5px 7px 5px;
+ height: 26px;
+ margin-bottom: 3px; }
+ #picky div.dashboard.empty .status {
+ background-color: #8cacda; }
+ #picky div.dashboard.empty .feedback {
+ background-color: #d0e2ff; }
+ #picky div.dashboard.none .status {
+ background-color: red; }
+ #picky div.dashboard.none .feedback {
+ background-color: #ffdddd; }
+ #picky div.dashboard.support .status {
+ background-color: #ff6600; }
+ #picky div.dashboard.support .feedback {
+ background-color: #faf3d0; }
+ #picky div.dashboard.ok .status {
+ background-color: #09be01; }
+ #picky div.dashboard.ok .feedback {
+ background-color: #bcf0b3; }
+ #picky div.dashboard .feedback {
+ width: 85%;
+ float: left;
+ border: 1px solid #cccccc;
+ padding: 0;
+ margin: 0; }
+ #picky div.dashboard .feedback .status {
+ float: left;
+ width: 45px;
+ height: 26px;
+ line-height: 26px;
+ text-align: center;
+ padding: 0 0 0 2px;
+ font-weight: bold;
+ color: white;
+ margin-right: 5px; }
+ #picky div.dashboard .feedback .status.alert {
+ background-color: lightgreen; }
+ #picky div.dashboard .feedback input.query {
+ float: left;
+ width: 80%;
+ height: 100%;
+ font-size: 1em;
+ font-weight: bold;
+ border-style: solid;
+ border-width: 0px 0px 3px 0px;
+ border-color: transparent;
+ margin: 0;
+ padding: 4px 0 0 0;
+ outline: none;
+ background: none; }
+ #picky div.dashboard .feedback .reset {
+ float: right;
+ width: 18px;
+ height: 18px;
+ margin: 3px 3px 0px 0px;
+ cursor: pointer;
+ opacity: 0; }
+ #picky div.dashboard input.search_button {
+ margin: 5px 0px 5px 2%; }
+ #picky div.results {
+ margin-top: 0px;
+ padding: 0px; }
+ #picky div.results div.header, #picky div.results div.addination {
+ color: #555555;
+ background-color: #eeeeee;
+ padding: 6px 5px 5px 8px; }
+ #picky div.results div.header .tothetop, #picky div.results div.addination .tothetop {
+ float: right; }
+ #picky div.results div.header .tothetop a, #picky div.results div.addination .tothetop a {
+ display: block;
+ width: 20px;
+ height: 20px; }
+ #picky div.results ol.results {
+ list-style-type: none;
+ padding: 0px;
+ margin: 0px; }
+ #picky div.results div.addination {
+ position: relative;
+ text-align: center;
+ color: #276abb;
+ cursor: pointer; }
+ #picky .no_results {
+ display: none; }
+ #picky .allocations {
+ clear: both;
+ overflow: hidden;
+ background-color: white;
+ padding-bottom: 2px; }
+ #picky .allocations ol.hidden {
+ display: none; }
+ #picky .allocations ol.more:hover {
+ background-color: #cccccc;
+ cursor: pointer; }
+ #picky .allocations ol.more {
+ background-color: #eeeeee;
+ display: none;
+ text-align: center;
+ height: 32px;
+ line-height: 32px; }
+ #picky .allocations ol.more li {
+ text-align: center; }
+ #picky .allocations ol {
+ list-style-position: outside;
+ list-style: none;
+ padding: 0;
+ margin: 0px;
+ overflow: hidden; }
+ #picky .allocations ol li {
+ margin: 0px;
+ margin-bottom: 3px;
+ padding: 10px 13px;
+ cursor: pointer;
+ display: block;
+ font: menu;
+ font-size: 1em;
+ line-height: 16px;
+ background-color: #f3f3f3;
+ overflow: hidden;
+ color: #276abb; }
+ #picky .allocations ol li .text {
+ max-width: 90%;
+ float: left; }
+ #picky .allocations ol li .count {
+ float: right;
+ color: #cccccc; }
+ #picky .allocations ol li:hover {
+ background-color: #d0e2ff; }
Oops, something went wrong.

0 comments on commit 5189ee9

Please sign in to comment.