Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

tweak up the admin forms appearance

  • Loading branch information...
commit 05886cefcff0fbc7537c2e7a2cd6ba5fc556637f 1 parent 3bd87bb
@timriley authored
View
6 app/views/admin/settings/show.haml
@@ -5,15 +5,15 @@
%p
= f.label :flickr_user_id, 'Flickr user ID'
%br
- = f.text_field :flickr_user_id
+ = f.text_field :flickr_user_id, :class => 'title'
%p
= f.label :synchronise_tag, 'Flickr photo tag'
%br
- = f.text_field :synchronise_tag
+ = f.text_field :synchronise_tag, :class => 'title'
%p
= f.label :password, 'Admin password'
%br
- = f.password_field :password
+ = f.password_field :password, :class => 'title'
%p
= f.submit 'Save'
View
5 app/views/admin/themes/show.haml
@@ -2,10 +2,7 @@
%p= flash[:notice]
- form_for :theme, @theme, :url => admin_theme_path, :html => {:method => :put} do |f|
- %p
- = f.label :template, 'Template'
- %br
- = f.text_area :template
+ = f.text_area :template
%p
= f.submit 'Save'
View
41 public/stylesheets/admin.css
@@ -44,7 +44,7 @@ div.nav ul li a {
div.admin {
width: 490px;
- background: #000;
+ background: #111;
border: 1px solid #999;
padding: 5px;
}
@@ -53,7 +53,7 @@ body {
margin-top: 1em;
font-size: 75%;
- color: #fff;
+ color: #eee;
background: #222;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}
@@ -69,4 +69,39 @@ a {
}
h1 {
font-size: 2em;
-}
+}
+
+
+/* Forms */
+
+label { font-weight: bold; }
+fieldset { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
+legend { font-weight: bold; font-size:1.2em; }
+
+input.text, input.title,
+textarea, select {
+ margin:0.5em 0;
+ border:1px solid #bbb;
+ background-color: #eee;
+}
+
+input.text:focus, input.title:focus,
+textarea:focus, select:focus {
+ border:1px solid #666;
+}
+
+input.text,
+input.title { width: 300px; padding:5px; }
+input.title { font-size:1.5em; }
+textarea { width: 478px; height: 400px; padding:5px; }
+
+.error,
+.notice,
+.success { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
+
+.error { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
+.notice { background: #FFF6BF; color: #514721; border-color: #FFD324; }
+.success { background: #E6EFC2; color: #264409; border-color: #C6D880; }
+.error a { color: #8a1f11; }
+.notice a { color: #514721; }
+.success a { color: #264409; }
Please sign in to comment.
Something went wrong with that request. Please try again.