add icon on track steps

Melissa Wen
1 parent 7f0587f9
Showing 1 changed file with 11 additions and 3 deletions Show diff stats
_homeblocks.sass
@@ -141,7 +141,7 @@
           margin-left: 20px
           vertical-align: top
           h3
-            color: #575757
+            color: #A2A2A2
             font-family: 'Ubuntu'
             font-size: 14px
             margin: 0
@@ -155,7 +155,7 @@
               background: #FFF
               border: 1px solid #E5E5E5
               border-radius: 5px
-              color: #E5E5E5
+              color: #A2A2A2
               font-family: 'Ubuntu'
               font-size: 16px
               height: 50px
@@ -166,7 +166,7 @@
             .tool_icon
               display: none
             .name
-              color: #E5E5E5
+              color: #A2A2A2
               float: left
               font-family: 'Ubuntu Mediun'
               font-size: 15px
@@ -175,6 +175,12 @@
               line-height: 50px
               margin: 0 0 0 10px
               padding: 0
+            .legend
+              background: url('icons/closed.png') no-repeat left center
+              color: transparent
+              height: 30px
+              margin: 10px 15px
+              width: 22px
           .step_active
             background: #88D1F7
             .position
@@ -182,6 +188,8 @@
               color: #196F87
             .name
               color: #196F87
+            .legend
+              background: url('icons/open.png') no-repeat left center
       .item:first-child 
         .track_content
           .lead
...	...	@@ -141,7 +141,7 @@
141	141	margin-left: 20px
142	142	vertical-align: top
143	143	h3
144		- color: #575757
	144	+ color: #A2A2A2
145	145	font-family: 'Ubuntu'
146	146	font-size: 14px
147	147	margin: 0
...	...	@@ -155,7 +155,7 @@
155	155	background: #FFF
156	156	border: 1px solid #E5E5E5
157	157	border-radius: 5px
158		- color: #E5E5E5
	158	+ color: #A2A2A2
159	159	font-family: 'Ubuntu'
160	160	font-size: 16px
161	161	height: 50px
...	...	@@ -166,7 +166,7 @@
166	166	.tool_icon
167	167	display: none
168	168	.name
169		- color: #E5E5E5
	169	+ color: #A2A2A2
170	170	float: left
171	171	font-family: 'Ubuntu Mediun'
172	172	font-size: 15px
...	...	@@ -175,6 +175,12 @@
175	175	line-height: 50px
176	176	margin: 0 0 0 10px
177	177	padding: 0
	178	+ .legend
	179	+ background: url('icons/closed.png') no-repeat left center
	180	+ color: transparent
	181	+ height: 30px
	182	+ margin: 10px 15px
	183	+ width: 22px
178	184	.step_active
179	185	background: #88D1F7
180	186	.position
...	...	@@ -182,6 +188,8 @@
182	188	color: #196F87
183	189	.name
184	190	color: #196F87
	191	+ .legend
	192	+ background: url('icons/open.png') no-repeat left center
185	193	.item:first-child
186	194	.track_content
187	195	.lead
...	...