From e77df513647f2f250360b0aade1f287f245dd0d6 Mon Sep 17 00:00:00 2001
From: HEnG <heng4786@gmail.com>
Date: Sun, 1 Feb 2015 16:59:57 +0800
Subject: [PATCH] update head style.

---
 images/ripple.png | Bin 0 -> 985 bytes
 index.html        |   2 +-
 main.css          |  12 ++++++++----
 3 files changed, 9 insertions(+), 5 deletions(-)
 create mode 100644 images/ripple.png

diff --git a/images/ripple.png b/images/ripple.png
new file mode 100644
index 0000000000000000000000000000000000000000..8ee9072119e98ec5ac8fdaf51d1b129fd8a80b9d
GIT binary patch
literal 985
zcmaJ=&ui0A9M7B%H<)-4(bHRsFqzHoXcL;1E@`&nQbt!;kEY368{6b%$(v0JB8WS9
z6E7YHf`}In9(MIGJ$R6Th$r#nf8c#E^`&b&51WCP_k+*p^Zk6k@B5yvRhDOGuFp^u
zHCtXWs$`xfW9s5L@_+dz^PEiAaH)>h(I)QN5u}PPYCur-?Ix^3+wE<AhIxvbobzgR
zT(?$L2l<ShVwl7a37ewwg(S3{HpHL-n_i&NzuxcDz;iWvL$)|8)M3k8=|^zAU#U6$
zwxhUoVG-mLl?eC{+aU2fL98YkJ<wIjIz47-Fo58;MjxB1TWdf^5d<<LXC020z#WC*
zWnRkhw}8O$BFl*^FJ^f`<rI~d!SJI=w8-65tA;s@MRpq9!Z=h}w%hG8U6DailjRjf
zVL5>nge*a1<6eO6Bpbw;k%9qZC-Oq<p#Y?cb^~o=jV4ZyQ}DyFY!DC2L<+_xcF6J!
zm!>oVTGs!ezCT9CxC&4Fo+=#IdLd-1Fh<*vLoRMJlZFaaJ%TnyQ4OKasETVXgi+i=
zA<%U&zu^Tg>c%$*aLZE5L5%Idfn`IZi2&nyu9_1hsVGRLqGED9Uy^dATuD)Gi-IJV
zbW>j%aSh~b`!K*Gu6x2Y&*Y|^;D;o#0VD4Lbj=9)V34uuo$5uD#hh-OsW;@hr+OK1
z&(4D-X4v#z|GDSU5ow-uIqq7r8TUO5NV7+zt4-#uMP5XuY!qwBk4BGsv^aU`!};dc
z!ouCd!@V$meK2vu=ybk6+4-d9e|}pHr>9I4?C!j{I(KyV_0^w0zmJwL>=z#P_wHZG
eJli?QQWI0u?w3rVeR=+4`q;{)it%pg-s8XfO*NJP

literal 0
HcmV?d00001

diff --git a/index.html b/index.html
index bb0702d..c7f9892 100644
--- a/index.html
+++ b/index.html
@@ -17,7 +17,7 @@ <h1>Avalon todo</h1>
                 <input type="text" id="new" class="inp" placeholder="type some thing u wanna to do..." autofocus ms-keypress="newOne" />
 
                 <ul class="todo-list">
-                     <li ms-repeat="things" class="todo-item" ms-class-editable="editIndex === $index" ms-dblclick="edit($index)">
+                     <li ms-repeat="things" class="todo-item" ms-class-done="el.done" ms-class-editable="editIndex === $index" ms-dblclick="edit($index)">
                          <div class="normal">
                              <input type="checkbox" ms-duplex-checked="el.done" data-duplex-changed="update" />
                              <span>{{el.content}}</span>
diff --git a/main.css b/main.css
index eade417..4f1aabd 100644
--- a/main.css
+++ b/main.css
@@ -13,10 +13,7 @@ li {
 #todo {
 	width: 520px;
 	background: #FFF;
-	position: absolute;
-	left: 50%;
-	top: 50%;
-	margin: -150px 0 100px -260px;
+	margin: 200px auto 100px auto;
 	box-shadow: rgba(0, 0, 0, 0.2) 0 2px 6px 0;
 	border-radius: 5px;
 	overflow: hidden;
@@ -32,6 +29,8 @@ li {
 	box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px 0 inset;
 }
 .head h1 {
+	background: #E09F9F;
+	color: #FFF;
 	font-size: 36px;
 	font-weight: 400;
 	text-align: center;
@@ -39,6 +38,7 @@ li {
 }
 .content {
 	padding: 20px;
+	background: url(images/ripple.png) repeat-x;
 }
 .todo-list {
 	margin-top: 10px;
@@ -77,4 +77,8 @@ li {
 }
 .editable .edit {
 	display: block;
+}
+.done .normal {
+	color: #e3e3e3;
+	text-decoration: line-through;
 }
\ No newline at end of file