Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse code

tweak up the admin forms appearance

  • Loading branch information...
commit 05886cefcff0fbc7537c2e7a2cd6ba5fc556637f 1 parent 3bd87bb
Tim Riley authored
6 app/views/admin/settings/show.haml
@@ -5,15 +5,15 @@
5 5 %p
6 6 = f.label :flickr_user_id, 'Flickr user ID'
7 7 %br
8   - = f.text_field :flickr_user_id
  8 + = f.text_field :flickr_user_id, :class => 'title'
9 9 %p
10 10 = f.label :synchronise_tag, 'Flickr photo tag'
11 11 %br
12   - = f.text_field :synchronise_tag
  12 + = f.text_field :synchronise_tag, :class => 'title'
13 13 %p
14 14 = f.label :password, 'Admin password'
15 15 %br
16   - = f.password_field :password
  16 + = f.password_field :password, :class => 'title'
17 17
18 18 %p
19 19 = f.submit 'Save'
5 app/views/admin/themes/show.haml
@@ -2,10 +2,7 @@
2 2 %p= flash[:notice]
3 3
4 4 - form_for :theme, @theme, :url => admin_theme_path, :html => {:method => :put} do |f|
5   - %p
6   - = f.label :template, 'Template'
7   - %br
8   - = f.text_area :template
  5 + = f.text_area :template
9 6
10 7 %p
11 8 = f.submit 'Save'
41 public/stylesheets/admin.css
@@ -44,7 +44,7 @@ div.nav ul li a {
44 44
45 45 div.admin {
46 46 width: 490px;
47   - background: #000;
  47 + background: #111;
48 48 border: 1px solid #999;
49 49 padding: 5px;
50 50 }
@@ -53,7 +53,7 @@ body {
53 53 margin-top: 1em;
54 54
55 55 font-size: 75%;
56   - color: #fff;
  56 + color: #eee;
57 57 background: #222;
58 58 font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
59 59 }
@@ -69,4 +69,39 @@ a {
69 69 }
70 70 h1 {
71 71 font-size: 2em;
72   -}
  72 +}
  73 +
  74 +
  75 +/* Forms */
  76 +
  77 +label { font-weight: bold; }
  78 +fieldset { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
  79 +legend { font-weight: bold; font-size:1.2em; }
  80 +
  81 +input.text, input.title,
  82 +textarea, select {
  83 + margin:0.5em 0;
  84 + border:1px solid #bbb;
  85 + background-color: #eee;
  86 +}
  87 +
  88 +input.text:focus, input.title:focus,
  89 +textarea:focus, select:focus {
  90 + border:1px solid #666;
  91 +}
  92 +
  93 +input.text,
  94 +input.title { width: 300px; padding:5px; }
  95 +input.title { font-size:1.5em; }
  96 +textarea { width: 478px; height: 400px; padding:5px; }
  97 +
  98 +.error,
  99 +.notice,
  100 +.success { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
  101 +
  102 +.error { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
  103 +.notice { background: #FFF6BF; color: #514721; border-color: #FFD324; }
  104 +.success { background: #E6EFC2; color: #264409; border-color: #C6D880; }
  105 +.error a { color: #8a1f11; }
  106 +.notice a { color: #514721; }
  107 +.success a { color: #264409; }

0 comments on commit 05886ce

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