Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

New more minimal look & feel.

  • Loading branch information...
commit 9af4328e84ec1dff2e4066064f926411d37f0993 1 parent 919f30c
@cwninja cwninja authored
Showing with 35 additions and 16 deletions.
  1. +34 −15 public/master.css
  2. +1 −1  views/index.erb
View
49 public/master.css
@@ -1,8 +1,11 @@
+@import "http://fonts.googleapis.com/css?family=Droid+Sans+Mono";
+
+
body {
background: #a00;
color: #444;
font-size: 1.2em;
- font-family: sans-serif;
+ font-family: "helvetica neue", sans-serif;
margin: 0;
}
@@ -21,26 +24,33 @@ form {
code {
font-size: 0.7em;
+ font-family: "Droid Sans Mono", monospace;
}
#content {
background: #fff;
width: 600px;
- position: absolute;
- left: 50%;
- margin-left: -300px;
- margin-top: 2em;
- padding: 1em;
- border: 1px solid #000;
- box-shadow: 0 0 3em #fff; -moz-box-shadow: 0 0 3em #fff; -webkit-box-shadow: 0 0 3em #fff;
- border-radius: 1em; -moz-border-radius: 1em; -webkit-border-radius: 1em;
+ margin: 0 auto;
+ overflow: hidden;
+ padding: 0.5em 0 1em 0;
text-align: center;
}
#content h1 {
margin: 0;
color: #a00;
- text-shadow: #444 1px 1px 3px;
+ font-weight: 600;
+ text-shadow: #aaa 1px 1px 1px;
+}
+
+h2 {
+ font-weight: 200;
+ font-size: 1em;
+ color: #000;
+ margin: 0 0 .5em 0;
+ padding: 0.3em 0;
+ background: #aaa;
+ border-radius: .5em .5em 0 0; -moz-border-radius: .5em .5em 0 0; -webkit-border-radius: .5em .5em 0 0;
}
ul.gemlist {
@@ -55,10 +65,9 @@ ul.gemlist {
ul.gemlist li {
margin: 1em;
background: #eee;
- border: 1px solid #444;
- padding: .4em;
border-radius: .5em; -moz-border-radius: .5em; -webkit-border-radius: .5em;
position: relative;
+ overflow: hidden;
}
ul.gemlist li strong {
@@ -68,22 +77,32 @@ ul.gemlist li strong {
ul.gemlist li .delete-form {
position: relative;
- padding: 0.25em 0;
+ overflow: hidden;
+ margin: 2px 0;
}
ul.gemlist li .delete-form button {
visibility: hidden;
position: absolute;
right: 0;
- top: 0;
+ bottom: 0;
+ border-radius: .5em 0 0 .5em; -moz-border-radius: .5em 0 0 .5em; -webkit-border-radius: .5em 0 0 .5em;
+ background: #c55;
+ border: 0;
+ color: #fff;
+ margin: 0;
}
ul.gemlist li .delete-form:hover button {
visibility: visible;
}
.details {
+ margin: 0;
+ overflow: hidden;
margin-top: 1em;
font-size: 0.7em;
- border-top: 1px solid #ccc;
+ border-radius: 0 0 .5em .5em; -moz-border-radius: 0 0 .5em .5em; -webkit-border-radius: 0 0 .5em .5em;
+ border-top: 1px dashed #ddd;
+ background: #ddd;
}
#alpha_index {
View
2  views/index.erb
@@ -7,7 +7,7 @@
<% @gems.each do |name, versions| %>
<li <%= %{id="jump_#{name[0..0]}"} if @index_gems.delete(name[0..0]) %>>
- <strong><%= name %> (<%= versions.size == 1 ? versions.first : "#{versions.first} - #{versions.last}" %>)</strong>
+ <h2><%= name %> (<%= versions.size == 1 ? versions.first : "#{versions.first} - #{versions.last}" %>)</h2>
<% versions.each do |version| %>
<form class="delete-form" method="post" action="/gems/<%= name %>-<%= version %>.gem">
<code>gem install <%= name %> -v "<%= version %>"</code>
Please sign in to comment.
Something went wrong with that request. Please try again.