Permalink
Browse files

Added a bit af styling, looks a lot better now.

  • Loading branch information...
1 parent cda325c commit 3cc34a1292a92101c6bdb7099a877c9a55f69684 @jettro committed Jul 2, 2011
View
Binary file not shown.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
@@ -1,14 +1,46 @@
+/* Positioning */
#heading {
display: block;
+ height: 70px;
}
-#heading a {
+
+#navigation {
+ display: block;
+ padding-left: 40px;
+ margin-bottom: 20px;
+}
+
+#navigation a {
padding-right: 10px;
}
+
#body {
+ position: relative;
display: block;
}
+
#footer {
display: block;
+ text-align: center;
+ padding-top: 100px;
+}
+
+h3 {
+ padding-left: 20px;
+}
+
+.head img {
+ float: left;
+}
+
+.head .title {
+ font-size: x-large;
+ padding-left: 100px;
+}
+
+.head .subtitle {
+ font-size: small;
+ padding-left: 120px;
}
.error {
@@ -21,4 +53,31 @@
.address table th {
text-align: left;
+}
+
+.contacts {
+ width: 500px;
+}
+
+.contacts .name {
+ width: 400px;
+}
+
+span.ui-icon {
+ float: left;
+ margin: 0 4px;
+}
+
+div.icon {
+ margin: 2px;
+ position: relative;
+ padding: 4px 0;
+ cursor: pointer;
+ float: left;
+ list-style: none;
+}
+
+.block {
+ display: block;
+ padding-bottom: 25px;
}
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

Large diffs are not rendered by default.

Oops, something went wrong.
View
@@ -1,19 +1,26 @@
-h1 Change #{address.addressType} Address for #{address.name}
-- if (error)
- div.error
- #{error}
-p You cannot change the type of an address, that what be a create instead of a change due to the chosen model
-div
- form(method="post")
- input(type="hidden", value="#{address.addressType}")
- fieldset
- legend change #{address.addressType} address
- p
- label(for="streetAndNumber") Street and number
- input(type="text", name="streetAndNumber", size="50", value="#{address.streetAndNumber}")
- label(for="zipCode") Zip code
- input(type="text", name="zipCode", size="10", value="#{address.zipCode}")
- label(for="city") City
- input(type="text", name="city", size="50", value="#{address.city}")
- p.buttons
- input(type="submit", value="Update")
+div.ui-widget-content.ui-corner-all.contacts
+ h3.ui-widget-header.ui-corner-all Change #{address.addressType} Address for #{address.name}
+
+ - if (error)
+ div.ui-state-error.ui-corner-all
+ span.ui-icon.ui-icon-alert
+ #{error}
+
+
+ p You cannot change the type of an address, that what be a create instead of a change due to the chosen model
+ div
+ form(method="post")
+ input(type="hidden", value="#{address.addressType}")
+ fieldset
+ legend change #{address.addressType} address
+ p
+ label(for="streetAndNumber") Street and number
+ input(type="text", name="streetAndNumber", size="50", value="#{address.streetAndNumber}")
+ p
+ label(for="zipCode") Zip code
+ input(type="text", name="zipCode", size="10", value="#{address.zipCode}")
+ p
+ label(for="city") City
+ input(type="text", name="city", size="50", value="#{address.city}")
+ p.buttons
+ input(type="submit", value="Update")
View
@@ -1,13 +1,17 @@
-h1 Change Contact Name
-- if (error)
- div.error
- #{error}
-div
- form(method="post")
- fieldset
- legend change contact name
- p
- label(for="new_name") Name:
- input(type="text", name="new_name", size="50", value="#{contact.name}")
- p.buttons
- input(type="submit", value="Update")
+div.ui-widget-content.ui-corner-all.contacts
+ h3.ui-widget-header.ui-corner-all Change Contact Name
+
+ - if (error)
+ div.ui-state-error.ui-corner-all
+ span.ui-icon.ui-icon-alert
+ #{error}
+
+ div
+ form(method="post")
+ fieldset
+ legend change contact name
+ p
+ label(for="new_name") Name:
+ input(type="text", name="new_name", size="50", value="#{contact.name}")
+ p.buttons
+ input(type="submit", value="Update")
View
@@ -1,19 +1,23 @@
-h1 Delete #{address.addressType} Address for #{address.name}
-- if (error)
- div.error
- #{error}
-form(method="post")
- div.address
- h2 #{address.addressType}
- table
- tr
- th street
- td #{address.streetAndNumber}
- tr
- th zip code
- td #{address.zipCode}
- tr
- th city
- td #{address.city}
- p.buttons
- input(type="submit", value="Delete")
+div.ui-widget-content.ui-corner-all.contacts
+ h3.ui-widget-header.ui-corner-all Delete #{address.addressType} Address for #{address.name}
+
+ - if (error)
+ div.ui-state-error.ui-corner-all
+ span.ui-icon.ui-icon-alert
+ #{error}
+
+ form(method="post")
+ div.address
+ h2 #{address.addressType}
+ table
+ tr
+ th street
+ td #{address.streetAndNumber}
+ tr
+ th zip code
+ td #{address.zipCode}
+ tr
+ th city
+ td #{address.city}
+ p.buttons
+ input(type="submit", value="Delete")
View
@@ -1,12 +1,14 @@
-h1 Delete Contact
-- if (error)
- div.error
- #{error}
-div
+div.ui-widget-content.ui-corner-all.contacts
+ h3.ui-widget-header.ui-corner-all Delete Contact
+
+ - if (error)
+ div.ui-state-error.ui-corner-all
+ span.ui-icon.ui-icon-alert
+ #{error}
div
form(method="post")
fieldset
- legend change contact name
+ legend delete contact
p Name: #{contact.name}
p.buttons
input(type="submit", value="Delete")
View
@@ -1,21 +1,28 @@
-h1 Contact: #{contact.name}
-div
- a(href="/contact/#{contact.identifier}/address/new") new address
-div
- - each address in contact.addresses
- div.address
- h2 #{address.addressType}
- table
- tr
- th street
- td #{address.streetAndNumber}
- tr
- th zip code
- td #{address.zipCode}
- tr
- th city
- td #{address.city}
- div
- a(href="/contact/#{contact.identifier}/address/#{address.addressType}/edit") edit
- a(href="/contact/#{contact.identifier}/address/#{address.addressType}/delete") delete
+div.ui-widget-content.ui-corner-all.contacts
+ h3.ui-widget-header.ui-corner-all Contact: #{contact.name}
+ div
+ a(href="/contact/#{contact.identifier}/address/new") new address
+ div
+ - each address in contact.addresses
+ div.address
+ h2 #{address.addressType}
+ table
+ tr
+ th street
+ td #{address.streetAndNumber}
+ tr
+ th zip code
+ td #{address.zipCode}
+ tr
+ th city
+ td #{address.city}
+ div
+ div.icon(title="edit")
+ a(href="/contact/#{contact.identifier}/address/#{address.addressType}/edit")
+ span.ui-icon.ui-icon-pencil edit
+ div.icon(title="delete")
+ a(href="/contact/#{contact.identifier}/address/#{address.addressType}/delete")
+ span.ui-icon.ui-icon-trash delete
+ div.block
+
View
@@ -1,13 +1,16 @@
-h2 Contacts
-
-table
- - each contact in contacts
- tr
- td #{contact.identifier}
- td #{contact.name}
- td
- a(href="/contact/#{contact.identifier}") details |
- a(href="/contact/#{contact.identifier}/edit") edit |
- a(href="/contact/#{contact.identifier}/delete") delete
+div.ui-widget-content.ui-corner-all.contacts
+ h3.ui-widget-header.ui-corner-all Contacts
+ table
+ - each contact in contacts
+ tr
+ td.name
+ a(href="/contact/#{contact.identifier}") #{contact.name}
+ td
+ div.icon(title="edit")
+ a(href="/contact/#{contact.identifier}/edit", title="edit")
+ span.ui-icon.ui-icon-pencil edit
+ div.icon(title="delete")
+ a(href="/contact/#{contact.identifier}/delete", title="delete")
+ span.ui-icon.ui-icon-trash delete
View
@@ -1,17 +1,22 @@
!!! 5
html(lang="en")
head
- title Nodejs presenter
+ title Axon addressbook
link(href="/style/main.css", media="screen", rel="stylesheet", type="text/css")
- link(href="/style/sunny/jquery-ui-1.8.14.custom.css", media="screen", rel="stylesheet", type="text/css")
+ link(href="/style/smoothness/jquery-ui-1.8.14.custom.css", media="screen", rel="stylesheet", type="text/css")
script(src='/js/jquery-1.6.1.min.js')
script(src='/js/jquery-ui-1.8.14.custom.min.js')
script(src='/js/local.js')
body
- div#heading
- a(href="/") List
- a(href="/contact/new") New Contact
+ div#heading.ui-widget-content.ui-corner-top
+ div.head
+ img(src="/images/rolodex.png")
+ div.title Axon addressbook
+ div.subtitle powered by node.js
+ div#navigation.ui-widget-header.ui-corner-bottom
+ a(href="/") List all contacts
+ a(href="/contact/new") New contact
div#body!= body
div#footer
- p footer
+ a(href="http://www.gridshore.nl") www.gridshore.nl
View
@@ -1,23 +1,30 @@
-h1 New Address for #{contact.name}
-- if (error)
- div.error
- #{error}
-p Adding a new address of an existing type will not generate an error, it will overwrite the current one. So beware!
-div
- form(method="post")
- fieldset
- legend new address
- p
- label(for="addressType") Address type
- select(name="addressType")
- option(value="PRIVATE") private
- option(value="WORK") work
- option(value="VACATION") vacation
- label(for="streetAndNumber") Street and number
- input(type="text", name="streetAndNumber", size="50")
- label(for="zipCode") Zip code
- input(type="text", name="zipCode", size="10")
- label(for="city") City
- input(type="text", name="city", size="50")
- p.buttons
- input(type="submit", value="Create")
+div.ui-widget-content.ui-corner-all.contacts
+ h3.ui-widget-header.ui-corner-all New Address for #{contact.name}
+
+ - if (error)
+ div.ui-state-error.ui-corner-all
+ span.ui-icon.ui-icon-alert
+ #{error}
+
+ p Adding a new address of an existing type will not generate an error, it will overwrite the current one. So beware!
+ div
+ form(method="post")
+ fieldset
+ legend new address
+ p
+ label(for="addressType") Address type
+ select(name="addressType")
+ option(value="PRIVATE") private
+ option(value="WORK") work
+ option(value="VACATION") vacation
+ p
+ label(for="streetAndNumber") Street and number
+ input(type="text", name="streetAndNumber", size="50")
+ p
+ label(for="zipCode") Zip code
+ input(type="text", name="zipCode", size="10")
+ p
+ label(for="city") City
+ input(type="text", name="city", size="50")
+ p.buttons
+ input(type="submit", value="Create")
View
@@ -1,8 +1,10 @@
-h1 New Contact
-- if (error)
- div.error
- #{error}
-div
+div.ui-widget-content.ui-corner-all.contacts
+ h3.ui-widget-header.ui-corner-all New Contact
+
+ - if (error)
+ div.ui-state-error.ui-corner-all
+ span.ui-icon.ui-icon-alert
+ #{error}
div
form(method="post")
fieldset

0 comments on commit 3cc34a1

Please sign in to comment.