Signed-off-by: Jeremy Perry jeremy.perry@redhat.com --- src/app/views/provider/new.html.erb | 4 +-- src/public/stylesheets/dcloud.css | 46 ++++++++++++++++++++++++---------- 2 files changed, 33 insertions(+), 17 deletions(-)
diff --git a/src/app/views/provider/new.html.erb b/src/app/views/provider/new.html.erb index f73c15c..ba60da8 100644 --- a/src/app/views/provider/new.html.erb +++ b/src/app/views/provider/new.html.erb @@ -1,8 +1,7 @@ -<div id="provider_form"> +<div class="dcloud_form"> <%= error_messages_for 'provider' %>
<h2>Add a cloud provider</h2><br /> - <fieldset> <% form_for :provider do |f| %> <ul> <li><label>Name<span>Provide a descriptive name for this provider connection.</span></label><%= f.text_field :name, :class => "txtfield" %></li> @@ -11,5 +10,4 @@ </ul> <%= submit_tag "Save", :class => "submit" %> <% end %> - </fieldset> </div> \ No newline at end of file diff --git a/src/public/stylesheets/dcloud.css b/src/public/stylesheets/dcloud.css index 8ccf511..b7c06cd 100644 --- a/src/public/stylesheets/dcloud.css +++ b/src/public/stylesheets/dcloud.css @@ -1,7 +1,8 @@ -fieldset { +form { border: none; margin: 0; padding: 0; + display: inline-block; }
input, select { @@ -9,7 +10,28 @@ input, select { font-size: 1.4em; }
-#provider_form { +.fieldWithErrors { + display:inline-block; + padding: 3px; + background: #fff7b2; + border: 3px solid #fff7b2; +} + +.errorExplanation { + margin: 0 0 24px 0; + padding: 9px; + background: #fff7b2; + color: #867a5e; + -moz-border-radius: 3px; +} + +#errorExplanation h2 { + font-size: 14px; + font-weight: bold; + color: #867a5e; +} + +.dcloud_form { background: #e8e8e8; border: solid 8px #f5f5f5; -moz-border-radius: 10px; @@ -21,7 +43,7 @@ input, select { padding: 36px; }
-#provider_form h2{ +.dcloud_form h2 { font-size: 1.9em; font-weight: normal; color: #43728e; @@ -29,7 +51,7 @@ input, select { padding: 0; }
-#provider_form ul { +.dcloud_form ul { list-style-image: none; list-style-position: outside; list-style-type: none; @@ -37,7 +59,7 @@ input, select { padding: 0; }
-#provider_form ul label { +.dcloud_form ul label { display: block; float: left; padding: 3px 0 24px 0; @@ -46,7 +68,7 @@ input, select { color: #616161; }
-#provider_form ul label span { +.dcloud_form ul label span { display: block; float: left; width: 160px; @@ -54,27 +76,23 @@ input, select { color: #9a9a9a; }
- -#provider_form ul li { +.dcloud_form ul li { clear:both; -/* margin-bottom: 18px; */ }
-#provider_form .txtfield { +.dcloud_form .txtfield { border:2px solid #becfe4; color:#333; display:block; float:left; -/* margin:5px 0 7px; */ outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; padding:3px; - width:330px; + width:318px; }
- -#provider_form .submit { +.dcloud_form .submit { float: right; margin-top: 18px; display: inline;
deltacloud-devel@lists.fedorahosted.org