styles

Michael Parenteau
1 parent 51d753f6
Showing 3 changed files with 22 additions and 8 deletions Show diff stats
app/views/users/show.html.haml
public/stylesheets/application.css
public/stylesheets/images/icons/success.png
@@ -3,7 +3,7 @@
   = link_to 'edit', edit_user_path(@user), :class => 'button'
   = link_to 'destroy', user_path(@user), :method => :delete, :confirm => 'Seriously?', :class => 'button'
  
-%table
+%table.single_user
   %tr
     %th Email
     %td.main= @user.email
@@ -205,8 +205,18 @@ a.action  { float: right; font-size: 0.9em;}
   background-color: #F9F9F9;
   line-height: 1em;
 }
-#flash-messages .notice, #flash-messages .success { background: transparent url(images/icons/success.png) 16px 50% no-repeat; }
-#flash-messages .error                            { background: transparent url(images/icons/error.png)   16px 50% no-repeat; }
+#flash-messages .notice {
+  background-color: #b5eeff;
+  border: 1px solid #6cf;
+}
+#flash-messages li.success { 
+  background: #cfc url(images/icons/success.png) 16px 50% no-repeat;
+  border: 1px solid #6c3;
+}
+#flash-messages li.error { 
+  background: #fcc url(images/icons/error.png)   16px 50% no-repeat;
+  border: 1px solid #f99;
+}
 #flash-messages .alert {
   background: #ffc url(images/icons/warning.png) 10px 7px no-repeat;
   border-color: #e4bb69;
@@ -231,7 +241,7 @@ form label {
 }
 form label.inline { display: inline; }
 form .checkbox label { display: inline; }
-form .required label { color: #BF3838;}
+form .required label { color: #990000;}
 form input[type=text], form input[type=password] {
   width: 96%; padding: 0.8em;
   font-size: 1em;
@@ -329,7 +339,7 @@ form legend + .nested {
 /* Tables */
 table { 
   width: 100%; 
-  border: 1px solid #C6C6C6; 
+  border: 1px solid #C6C6C6;
   margin-bottom: 1.5em; 
   border-collapse: separate;
 }
@@ -349,6 +359,9 @@ table th { background-color: #E2E2E2; font-weight: bold; text-transform: upperca
 table tbody tr:nth-child(odd) td { background-color: #F9F9F9; }
 table .main { width: 100%; }
  
+table.single_user {
+  border-top: none;
+}
 /* Code */
 pre {
   padding: 0.8em;
@@ -443,10 +456,11 @@ a.button {
   line-height: 30px;
 }
 a:hover.button {
-  box-shadow: 0px 0px 4px #69C;
-  -moz-box-shadow: 0px 0px 4px #69C;
-  -webkit-box-shadow: 0px 0px 4px #69C;
+  box-shadow: 0px 0px 4px #ccc;
+  -moz-box-shadow: 0px 0px 4px #ccc;
+  -webkit-box-shadow: 0px 0px 4px #ccc;
   text-decoration: none;
+  background-color: #eee;
 }
 a.button.active {
   border-color: #fff;
...	...	@@ -3,7 +3,7 @@
3	3	= link_to 'edit', edit_user_path(@user), :class => 'button'
4	4	= link_to 'destroy', user_path(@user), :method => :delete, :confirm => 'Seriously?', :class => 'button'
5	5
6		-%table
	6	+%table.single_user
7	7	%tr
8	8	%th Email
9	9	%td.main= @user.email
...	...
...	...	@@ -205,8 +205,18 @@ a.action { float: right; font-size: 0.9em;}
205	205	background-color: #F9F9F9;
206	206	line-height: 1em;
207	207	}
208		-#flash-messages .notice, #flash-messages .success { background: transparent url(images/icons/success.png) 16px 50% no-repeat; }
209		-#flash-messages .error { background: transparent url(images/icons/error.png) 16px 50% no-repeat; }
	208	+#flash-messages .notice {
	209	+ background-color: #b5eeff;
	210	+ border: 1px solid #6cf;
	211	+}
	212	+#flash-messages li.success {
	213	+ background: #cfc url(images/icons/success.png) 16px 50% no-repeat;
	214	+ border: 1px solid #6c3;
	215	+}
	216	+#flash-messages li.error {
	217	+ background: #fcc url(images/icons/error.png) 16px 50% no-repeat;
	218	+ border: 1px solid #f99;
	219	+}
210	220	#flash-messages .alert {
211	221	background: #ffc url(images/icons/warning.png) 10px 7px no-repeat;
212	222	border-color: #e4bb69;
...	...	@@ -231,7 +241,7 @@ form label {
231	241	}
232	242	form label.inline { display: inline; }
233	243	form .checkbox label { display: inline; }
234		-form .required label { color: #BF3838;}
	244	+form .required label { color: #990000;}
235	245	form input[type=text], form input[type=password] {
236	246	width: 96%; padding: 0.8em;
237	247	font-size: 1em;
...	...	@@ -329,7 +339,7 @@ form legend + .nested {
329	339	/* Tables */
330	340	table {
331	341	width: 100%;
332		- border: 1px solid #C6C6C6;
	342	+ border: 1px solid #C6C6C6;
333	343	margin-bottom: 1.5em;
334	344	border-collapse: separate;
335	345	}
...	...	@@ -349,6 +359,9 @@ table th { background-color: #E2E2E2; font-weight: bold; text-transform: upperca
349	359	table tbody tr:nth-child(odd) td { background-color: #F9F9F9; }
350	360	table .main { width: 100%; }
351	361
	362	+table.single_user {
	363	+ border-top: none;
	364	+}
352	365	/* Code */
353	366	pre {
354	367	padding: 0.8em;
...	...	@@ -443,10 +456,11 @@ a.button {
443	456	line-height: 30px;
444	457	}
445	458	a:hover.button {
446		- box-shadow: 0px 0px 4px #69C;
447		- -moz-box-shadow: 0px 0px 4px #69C;
448		- -webkit-box-shadow: 0px 0px 4px #69C;
	459	+ box-shadow: 0px 0px 4px #ccc;
	460	+ -moz-box-shadow: 0px 0px 4px #ccc;
	461	+ -webkit-box-shadow: 0px 0px 4px #ccc;
449	462	text-decoration: none;
	463	+ background-color: #eee;
450	464	}
451	465	a.button.active {
452	466	border-color: #fff;
...	...