rewrite demo page

matsubo · Apr 20, 2011 · 0f593da · 0f593da
1 parent a9a5713
commit 0f593da
Show file tree

Hide file tree

Showing 262 changed files with 873 additions and 13 deletions.
diff --git a/README b/README
@@ -1 +1,3 @@
-in progress.....
+Please upgrade emoji image!!
+
+lib/emoji-sprite/emoji.gif
diff --git a/spirate.csv → data/spirate.csv b/spirate.csv → data/spirate.csv
diff --git a/emoji.css → lib/emoji-sprite/emoji.css b/emoji.css → lib/emoji-sprite/emoji.css
@@ -1,4 +1,4 @@
-.emoji {background-image: url(emoji2.gif); background-repeat: no-repeat; width:16px; height: 16px; margin:0; padding: 0; display: inline-block;}
+.emoji {background-image: url(emoji.gif); background-repeat: no-repeat; width:16px; height: 16px; margin:0; padding: 0; display: inline-block;}
 
 .emoji.sun { background-position:  -2px -2px }
 .emoji.cloud { background-position:  -22px -2px }

diff --git a/emoji2.gif → lib/emoji-sprite/emoji.gif b/emoji2.gif → lib/emoji-sprite/emoji.gif
diff --git a/sample/.script.js.swp b/sample/.script.js.swp
diff --git a/emoji.gif → sample/img/emoji.gif b/emoji.gif → sample/img/emoji.gif
diff --git a/sample/img/emotions/24hours.gif b/sample/img/emotions/24hours.gif
diff --git a/sample/img/emotions/airplane.gif b/sample/img/emotions/airplane.gif
diff --git a/sample/img/emotions/angry.gif b/sample/img/emotions/angry.gif
diff --git a/sample/img/emotions/annoy.gif b/sample/img/emotions/annoy.gif
diff --git a/sample/img/emotions/apple.gif b/sample/img/emotions/apple.gif
diff --git a/sample/img/emotions/appli01.gif b/sample/img/emotions/appli01.gif
diff --git a/sample/img/emotions/appli02.gif b/sample/img/emotions/appli02.gif
diff --git a/sample/img/emotions/aquarius.gif b/sample/img/emotions/aquarius.gif
diff --git a/sample/img/emotions/aries.gif b/sample/img/emotions/aries.gif
diff --git a/sample/img/emotions/art.gif b/sample/img/emotions/art.gif
diff --git a/sample/img/emotions/atm.gif b/sample/img/emotions/atm.gif
diff --git a/sample/img/emotions/bag.gif b/sample/img/emotions/bag.gif
diff --git a/sample/img/emotions/ban.gif b/sample/img/emotions/ban.gif
diff --git a/sample/img/emotions/banana.gif b/sample/img/emotions/banana.gif
diff --git a/sample/img/emotions/bank.gif b/sample/img/emotions/bank.gif
diff --git a/sample/img/emotions/bar.gif b/sample/img/emotions/bar.gif
diff --git a/sample/img/emotions/baseball.gif b/sample/img/emotions/baseball.gif
diff --git a/sample/img/emotions/basketball.gif b/sample/img/emotions/basketball.gif
diff --git a/sample/img/emotions/bearing.gif b/sample/img/emotions/bearing.gif
diff --git a/sample/img/emotions/beer.gif b/sample/img/emotions/beer.gif
diff --git a/sample/img/emotions/bell.gif b/sample/img/emotions/bell.gif
diff --git a/sample/img/emotions/bicycle.gif b/sample/img/emotions/bicycle.gif
diff --git a/sample/img/emotions/birthday.gif b/sample/img/emotions/birthday.gif
diff --git a/sample/img/emotions/bleah.gif b/sample/img/emotions/bleah.gif
diff --git a/sample/img/emotions/bomb.gif b/sample/img/emotions/bomb.gif
diff --git a/sample/img/emotions/book.gif b/sample/img/emotions/book.gif
diff --git a/sample/img/emotions/bottle.gif b/sample/img/emotions/bottle.gif
diff --git a/sample/img/emotions/boutique.gif b/sample/img/emotions/boutique.gif
diff --git a/sample/img/emotions/bread.gif b/sample/img/emotions/bread.gif
diff --git a/sample/img/emotions/bud.gif b/sample/img/emotions/bud.gif
diff --git a/sample/img/emotions/building.gif b/sample/img/emotions/building.gif
diff --git a/sample/img/emotions/bullettrain.gif b/sample/img/emotions/bullettrain.gif
diff --git a/sample/img/emotions/bus.gif b/sample/img/emotions/bus.gif
diff --git a/sample/img/emotions/by-d.gif b/sample/img/emotions/by-d.gif
diff --git a/sample/img/emotions/cafe.gif b/sample/img/emotions/cafe.gif
diff --git a/sample/img/emotions/cake.gif b/sample/img/emotions/cake.gif
diff --git a/sample/img/emotions/camera.gif b/sample/img/emotions/camera.gif
diff --git a/sample/img/emotions/cancer.gif b/sample/img/emotions/cancer.gif
diff --git a/sample/img/emotions/capricornus.gif b/sample/img/emotions/capricornus.gif
diff --git a/sample/img/emotions/car.gif b/sample/img/emotions/car.gif
diff --git a/sample/img/emotions/carouselpony.gif b/sample/img/emotions/carouselpony.gif
diff --git a/sample/img/emotions/cat.gif b/sample/img/emotions/cat.gif
diff --git a/sample/img/emotions/catface.gif b/sample/img/emotions/catface.gif
diff --git a/sample/img/emotions/cd.gif b/sample/img/emotions/cd.gif
diff --git a/sample/img/emotions/chair.gif b/sample/img/emotions/chair.gif
diff --git a/sample/img/emotions/cherry.gif b/sample/img/emotions/cherry.gif
diff --git a/sample/img/emotions/cherryblossom.gif b/sample/img/emotions/cherryblossom.gif
diff --git a/sample/img/emotions/chick.gif b/sample/img/emotions/chick.gif
diff --git a/sample/img/emotions/clear.gif b/sample/img/emotions/clear.gif
diff --git a/sample/img/emotions/clip.gif b/sample/img/emotions/clip.gif
diff --git a/sample/img/emotions/clock.gif b/sample/img/emotions/clock.gif
diff --git a/sample/img/emotions/cloud.gif b/sample/img/emotions/cloud.gif
diff --git a/sample/img/emotions/clover.gif b/sample/img/emotions/clover.gif
diff --git a/sample/img/emotions/club.gif b/sample/img/emotions/club.gif
diff --git a/sample/img/emotions/coldsweats01.gif b/sample/img/emotions/coldsweats01.gif
diff --git a/sample/img/emotions/coldsweats02.gif b/sample/img/emotions/coldsweats02.gif
diff --git a/sample/img/emotions/confident.gif b/sample/img/emotions/confident.gif
diff --git a/sample/img/emotions/copyright.gif b/sample/img/emotions/copyright.gif
diff --git a/sample/img/emotions/crown.gif b/sample/img/emotions/crown.gif
diff --git a/sample/img/emotions/crying.gif b/sample/img/emotions/crying.gif
diff --git a/sample/img/emotions/cute.gif b/sample/img/emotions/cute.gif
diff --git a/sample/img/emotions/d-point.gif b/sample/img/emotions/d-point.gif
diff --git a/sample/img/emotions/danger.gif b/sample/img/emotions/danger.gif
diff --git a/sample/img/emotions/dash.gif b/sample/img/emotions/dash.gif
diff --git a/sample/img/emotions/delicious.gif b/sample/img/emotions/delicious.gif
diff --git a/sample/img/emotions/denim.gif b/sample/img/emotions/denim.gif
diff --git a/sample/img/emotions/despair.gif b/sample/img/emotions/despair.gif
diff --git a/sample/img/emotions/diamond.gif b/sample/img/emotions/diamond.gif
diff --git a/sample/img/emotions/dog.gif b/sample/img/emotions/dog.gif
diff --git a/sample/img/emotions/dollar.gif b/sample/img/emotions/dollar.gif
diff --git a/sample/img/emotions/door.gif b/sample/img/emotions/door.gif
diff --git a/sample/img/emotions/down.gif b/sample/img/emotions/down.gif
diff --git a/sample/img/emotions/downwardleft.gif b/sample/img/emotions/downwardleft.gif
diff --git a/sample/img/emotions/downwardright.gif b/sample/img/emotions/downwardright.gif
diff --git a/sample/img/emotions/drama.gif b/sample/img/emotions/drama.gif
diff --git a/sample/img/emotions/ear.gif b/sample/img/emotions/ear.gif
diff --git a/sample/img/emotions/eight.gif b/sample/img/emotions/eight.gif
diff --git a/sample/img/emotions/empty.gif b/sample/img/emotions/empty.gif
diff --git a/sample/img/emotions/end.gif b/sample/img/emotions/end.gif
diff --git a/sample/img/emotions/enter.gif b/sample/img/emotions/enter.gif
diff --git a/sample/img/emotions/event.gif b/sample/img/emotions/event.gif
diff --git a/sample/img/emotions/eye.gif b/sample/img/emotions/eye.gif
diff --git a/sample/img/emotions/eyeglass.gif b/sample/img/emotions/eyeglass.gif
diff --git a/sample/img/emotions/fastfood.gif b/sample/img/emotions/fastfood.gif
diff --git a/sample/img/emotions/faxto.gif b/sample/img/emotions/faxto.gif
diff --git a/sample/img/emotions/fish.gif b/sample/img/emotions/fish.gif
diff --git a/sample/img/emotions/five.gif b/sample/img/emotions/five.gif
diff --git a/sample/img/emotions/flag.gif b/sample/img/emotions/flag.gif
diff --git a/sample/img/emotions/flair.gif b/sample/img/emotions/flair.gif
diff --git a/sample/img/emotions/foot.gif b/sample/img/emotions/foot.gif
diff --git a/sample/img/emotions/four.gif b/sample/img/emotions/four.gif
diff --git a/sample/img/emotions/free.gif b/sample/img/emotions/free.gif
diff --git a/sample/img/emotions/freedial.gif b/sample/img/emotions/freedial.gif
diff --git a/sample/img/emotions/fuji.gif b/sample/img/emotions/fuji.gif
diff --git a/sample/img/emotions/full.gif b/sample/img/emotions/full.gif
diff --git a/sample/img/emotions/fullmoon.gif b/sample/img/emotions/fullmoon.gif
diff --git a/sample/img/emotions/game.gif b/sample/img/emotions/game.gif
diff --git a/sample/img/emotions/gasstation.gif b/sample/img/emotions/gasstation.gif
diff --git a/sample/img/emotions/gawk.gif b/sample/img/emotions/gawk.gif
diff --git a/sample/img/emotions/gemini.gif b/sample/img/emotions/gemini.gif
diff --git a/sample/img/emotions/golf.gif b/sample/img/emotions/golf.gif
diff --git a/sample/img/emotions/good.gif b/sample/img/emotions/good.gif
diff --git a/sample/img/emotions/hairsalon.gif b/sample/img/emotions/hairsalon.gif
diff --git a/sample/img/emotions/happy01.gif b/sample/img/emotions/happy01.gif
diff --git a/sample/img/emotions/happy02.gif b/sample/img/emotions/happy02.gif
diff --git a/sample/img/emotions/heart.gif b/sample/img/emotions/heart.gif
diff --git a/sample/img/emotions/heart01.gif b/sample/img/emotions/heart01.gif
diff --git a/sample/img/emotions/heart02.gif b/sample/img/emotions/heart02.gif
diff --git a/sample/img/emotions/heart03.gif b/sample/img/emotions/heart03.gif
diff --git a/sample/img/emotions/heart04.gif b/sample/img/emotions/heart04.gif
diff --git a/sample/img/emotions/horse.gif b/sample/img/emotions/horse.gif
diff --git a/sample/img/emotions/hospital.gif b/sample/img/emotions/hospital.gif
diff --git a/sample/img/emotions/hotel.gif b/sample/img/emotions/hotel.gif
diff --git a/sample/img/emotions/house.gif b/sample/img/emotions/house.gif
diff --git a/sample/img/emotions/id.gif b/sample/img/emotions/id.gif
diff --git a/sample/img/emotions/impact.gif b/sample/img/emotions/impact.gif
diff --git a/sample/img/emotions/info01.gif b/sample/img/emotions/info01.gif
diff --git a/sample/img/emotions/info02.gif b/sample/img/emotions/info02.gif
diff --git a/sample/img/emotions/japanesetea.gif b/sample/img/emotions/japanesetea.gif
diff --git a/sample/img/emotions/karaoke.gif b/sample/img/emotions/karaoke.gif
diff --git a/sample/img/emotions/key.gif b/sample/img/emotions/key.gif
diff --git a/sample/img/emotions/kissmark.gif b/sample/img/emotions/kissmark.gif
diff --git a/sample/img/emotions/leftright.gif b/sample/img/emotions/leftright.gif
diff --git a/sample/img/emotions/leo.gif b/sample/img/emotions/leo.gif
diff --git a/sample/img/emotions/libra.gif b/sample/img/emotions/libra.gif
diff --git a/sample/img/emotions/loveletter.gif b/sample/img/emotions/loveletter.gif
diff --git a/sample/img/emotions/lovely.gif b/sample/img/emotions/lovely.gif
diff --git a/sample/img/emotions/mail.gif b/sample/img/emotions/mail.gif
diff --git a/sample/img/emotions/mailto.gif b/sample/img/emotions/mailto.gif
diff --git a/sample/img/emotions/maple.gif b/sample/img/emotions/maple.gif
diff --git a/sample/img/emotions/memo.gif b/sample/img/emotions/memo.gif
diff --git a/sample/img/emotions/mist.gif b/sample/img/emotions/mist.gif
diff --git a/sample/img/emotions/mobaq.gif b/sample/img/emotions/mobaq.gif
diff --git a/sample/img/emotions/mobilephone.gif b/sample/img/emotions/mobilephone.gif
diff --git a/sample/img/emotions/moneybag.gif b/sample/img/emotions/moneybag.gif
diff --git a/sample/img/emotions/moon1.gif b/sample/img/emotions/moon1.gif
diff --git a/sample/img/emotions/moon2.gif b/sample/img/emotions/moon2.gif
diff --git a/sample/img/emotions/moon3.gif b/sample/img/emotions/moon3.gif
diff --git a/sample/img/emotions/motorsports.gif b/sample/img/emotions/motorsports.gif
diff --git a/sample/img/emotions/movie.gif b/sample/img/emotions/movie.gif
diff --git a/sample/img/emotions/music.gif b/sample/img/emotions/music.gif
diff --git a/sample/img/emotions/new.gif b/sample/img/emotions/new.gif
diff --git a/sample/img/emotions/newmoon.gif b/sample/img/emotions/newmoon.gif
diff --git a/sample/img/emotions/ng.gif b/sample/img/emotions/ng.gif
diff --git a/sample/img/emotions/night.gif b/sample/img/emotions/night.gif
diff --git a/sample/img/emotions/nine.gif b/sample/img/emotions/nine.gif
diff --git a/sample/img/emotions/noodle.gif b/sample/img/emotions/noodle.gif
diff --git a/sample/img/emotions/nosmoking.gif b/sample/img/emotions/nosmoking.gif
diff --git a/sample/img/emotions/note.gif b/sample/img/emotions/note.gif
diff --git a/sample/img/emotions/notes.gif b/sample/img/emotions/notes.gif
diff --git a/sample/img/emotions/ok.gif b/sample/img/emotions/ok.gif
diff --git a/sample/img/emotions/on.gif b/sample/img/emotions/on.gif
diff --git a/sample/img/emotions/one.gif b/sample/img/emotions/one.gif
diff --git a/sample/img/emotions/paper.gif b/sample/img/emotions/paper.gif
diff --git a/sample/img/emotions/parking.gif b/sample/img/emotions/parking.gif
diff --git a/sample/img/emotions/pass.gif b/sample/img/emotions/pass.gif
diff --git a/sample/img/emotions/pc.gif b/sample/img/emotions/pc.gif
diff --git a/sample/img/emotions/pen.gif b/sample/img/emotions/pen.gif
diff --git a/sample/img/emotions/pencil.gif b/sample/img/emotions/pencil.gif
diff --git a/sample/img/emotions/penguin.gif b/sample/img/emotions/penguin.gif
diff --git a/sample/img/emotions/phoneto.gif b/sample/img/emotions/phoneto.gif
diff --git a/sample/img/emotions/pig.gif b/sample/img/emotions/pig.gif
diff --git a/sample/img/emotions/pisces.gif b/sample/img/emotions/pisces.gif
diff --git a/sample/img/emotions/pocketbell.gif b/sample/img/emotions/pocketbell.gif
diff --git a/sample/img/emotions/postoffice.gif b/sample/img/emotions/postoffice.gif
diff --git a/sample/img/emotions/pouch.gif b/sample/img/emotions/pouch.gif
diff --git a/sample/img/emotions/pout.gif b/sample/img/emotions/pout.gif
diff --git a/sample/img/emotions/present.gif b/sample/img/emotions/present.gif
diff --git a/sample/img/emotions/punch.gif b/sample/img/emotions/punch.gif
diff --git a/sample/img/emotions/r-mark.gif b/sample/img/emotions/r-mark.gif
diff --git a/sample/img/emotions/rain.gif b/sample/img/emotions/rain.gif
diff --git a/sample/img/emotions/recycle.gif b/sample/img/emotions/recycle.gif
diff --git a/sample/img/emotions/restaurant.gif b/sample/img/emotions/restaurant.gif
diff --git a/sample/img/emotions/ribbon.gif b/sample/img/emotions/ribbon.gif
diff --git a/sample/img/emotions/riceball.gif b/sample/img/emotions/riceball.gif
diff --git a/sample/img/emotions/ring.gif b/sample/img/emotions/ring.gif
diff --git a/sample/img/emotions/rock.gif b/sample/img/emotions/rock.gif
diff --git a/sample/img/emotions/rouge.gif b/sample/img/emotions/rouge.gif
diff --git a/sample/img/emotions/run.gif b/sample/img/emotions/run.gif
diff --git a/sample/img/emotions/rvcar.gif b/sample/img/emotions/rvcar.gif
diff --git a/sample/img/emotions/sad.gif b/sample/img/emotions/sad.gif
diff --git a/sample/img/emotions/sagittarius.gif b/sample/img/emotions/sagittarius.gif
diff --git a/sample/img/emotions/sandclock.gif b/sample/img/emotions/sandclock.gif
diff --git a/sample/img/emotions/school.gif b/sample/img/emotions/school.gif
diff --git a/sample/img/emotions/scissors.gif b/sample/img/emotions/scissors.gif
diff --git a/sample/img/emotions/scorpius.gif b/sample/img/emotions/scorpius.gif
diff --git a/sample/img/emotions/search.gif b/sample/img/emotions/search.gif
diff --git a/sample/img/emotions/secret.gif b/sample/img/emotions/secret.gif
diff --git a/sample/img/emotions/seven.gif b/sample/img/emotions/seven.gif
diff --git a/sample/img/emotions/shadow.gif b/sample/img/emotions/shadow.gif
diff --git a/sample/img/emotions/sharp.gif b/sample/img/emotions/sharp.gif
diff --git a/sample/img/emotions/shine.gif b/sample/img/emotions/shine.gif
diff --git a/sample/img/emotions/ship.gif b/sample/img/emotions/ship.gif
diff --git a/sample/img/emotions/shock.gif b/sample/img/emotions/shock.gif
diff --git a/sample/img/emotions/shoe.gif b/sample/img/emotions/shoe.gif
diff --git a/sample/img/emotions/sign01.gif b/sample/img/emotions/sign01.gif
diff --git a/sample/img/emotions/sign02.gif b/sample/img/emotions/sign02.gif
diff --git a/sample/img/emotions/sign03.gif b/sample/img/emotions/sign03.gif
diff --git a/sample/img/emotions/sign04.gif b/sample/img/emotions/sign04.gif
diff --git a/sample/img/emotions/sign05.gif b/sample/img/emotions/sign05.gif
diff --git a/sample/img/emotions/signaler.gif b/sample/img/emotions/signaler.gif
diff --git a/sample/img/emotions/six.gif b/sample/img/emotions/six.gif
diff --git a/sample/img/emotions/ski.gif b/sample/img/emotions/ski.gif
diff --git a/sample/img/emotions/slate.gif b/sample/img/emotions/slate.gif
diff --git a/sample/img/emotions/sleepy.gif b/sample/img/emotions/sleepy.gif
diff --git a/sample/img/emotions/smile.gif b/sample/img/emotions/smile.gif
diff --git a/sample/img/emotions/smoking.gif b/sample/img/emotions/smoking.gif
diff --git a/sample/img/emotions/snail.gif b/sample/img/emotions/snail.gif
diff --git a/sample/img/emotions/snow.gif b/sample/img/emotions/snow.gif
diff --git a/sample/img/emotions/snowboard.gif b/sample/img/emotions/snowboard.gif
diff --git a/sample/img/emotions/soccer.gif b/sample/img/emotions/soccer.gif
diff --git a/sample/img/emotions/soon.gif b/sample/img/emotions/soon.gif
diff --git a/sample/img/emotions/spa.gif b/sample/img/emotions/spa.gif
diff --git a/sample/img/emotions/spade.gif b/sample/img/emotions/spade.gif
diff --git a/sample/img/emotions/sports.gif b/sample/img/emotions/sports.gif
diff --git a/sample/img/emotions/sprinkle.gif b/sample/img/emotions/sprinkle.gif
diff --git a/sample/img/emotions/subway.gif b/sample/img/emotions/subway.gif
diff --git a/sample/img/emotions/sun.gif b/sample/img/emotions/sun.gif
diff --git a/sample/img/emotions/sweat01.gif b/sample/img/emotions/sweat01.gif
diff --git a/sample/img/emotions/sweat02.gif b/sample/img/emotions/sweat02.gif
diff --git a/sample/img/emotions/t-shirt.gif b/sample/img/emotions/t-shirt.gif
diff --git a/sample/img/emotions/taurus.gif b/sample/img/emotions/taurus.gif
diff --git a/sample/img/emotions/telephone.gif b/sample/img/emotions/telephone.gif
diff --git a/sample/img/emotions/tennis.gif b/sample/img/emotions/tennis.gif
diff --git a/sample/img/emotions/think.gif b/sample/img/emotions/think.gif
diff --git a/sample/img/emotions/three.gif b/sample/img/emotions/three.gif
diff --git a/sample/img/emotions/thunder.gif b/sample/img/emotions/thunder.gif
diff --git a/sample/img/emotions/ticket.gif b/sample/img/emotions/ticket.gif
diff --git a/sample/img/emotions/tm.gif b/sample/img/emotions/tm.gif
diff --git a/sample/img/emotions/toilet.gif b/sample/img/emotions/toilet.gif
diff --git a/sample/img/emotions/train.gif b/sample/img/emotions/train.gif
diff --git a/sample/img/emotions/tulip.gif b/sample/img/emotions/tulip.gif
diff --git a/sample/img/emotions/tv.gif b/sample/img/emotions/tv.gif
diff --git a/sample/img/emotions/two.gif b/sample/img/emotions/two.gif
diff --git a/sample/img/emotions/typhoon.gif b/sample/img/emotions/typhoon.gif
diff --git a/sample/img/emotions/up.gif b/sample/img/emotions/up.gif
diff --git a/sample/img/emotions/updown.gif b/sample/img/emotions/updown.gif
diff --git a/sample/img/emotions/upwardleft.gif b/sample/img/emotions/upwardleft.gif
diff --git a/sample/img/emotions/upwardright.gif b/sample/img/emotions/upwardright.gif
diff --git a/sample/img/emotions/virgo.gif b/sample/img/emotions/virgo.gif
diff --git a/sample/img/emotions/watch.gif b/sample/img/emotions/watch.gif
diff --git a/sample/img/emotions/wave.gif b/sample/img/emotions/wave.gif
diff --git a/sample/img/emotions/weep.gif b/sample/img/emotions/weep.gif
diff --git a/sample/img/emotions/wheelchair.gif b/sample/img/emotions/wheelchair.gif
diff --git a/sample/img/emotions/wine.gif b/sample/img/emotions/wine.gif
diff --git a/sample/img/emotions/wink.gif b/sample/img/emotions/wink.gif
diff --git a/sample/img/emotions/wobbly.gif b/sample/img/emotions/wobbly.gif
diff --git a/sample/img/emotions/wrench.gif b/sample/img/emotions/wrench.gif
diff --git a/sample/img/emotions/xmas.gif b/sample/img/emotions/xmas.gif
diff --git a/sample/img/emotions/yacht.gif b/sample/img/emotions/yacht.gif
diff --git a/sample/img/emotions/yen.gif b/sample/img/emotions/yen.gif
diff --git a/sample/img/emotions/zero.gif b/sample/img/emotions/zero.gif
diff --git a/sample/img/gradient_light.jpg b/sample/img/gradient_light.jpg
diff --git a/sample/styles.css b/sample/styles.css
@@ -0,0 +1,226 @@
+*{
+	/* Universal reset: */
+	margin:0;
+	padding:0;
+}
+
+header,footer,
+article,section,
+hgroup,nav,
+figure{
+	/* Giving a display value to the HTML5 rendered elements: */
+	display:block;
+}
+
+body{
+	/* Setting the default text color, size, page background and a font stack: */
+	font-size:0.825em;
+	color:#fcfcfc;
+	background-color:#355664;
+	font-family:Arial, Helvetica, sans-serif;
+}
+
+/* Hyperlink Styles: */
+
+a, a:visited {
+	color:#0196e3;
+	text-decoration:none;
+	outline:none;
+}
+
+a:hover{
+	text-decoration:underline;
+}
+
+a img{
+	border:none;
+}
+
+/* Headings: */
+
+h1,h2,h3{
+	font-family:"Myriad Pro","Helvetica Neue",Helvetica,Arial,Sans-Serif;
+	text-shadow:0 1px 1px black;
+}
+
+h1{
+	/* The logo text */
+	font-size:3.5em;
+	padding:0.5em 0 0;
+	text-transform:uppercase;
+}
+
+h3{
+	/* The slogan text */
+	font-family:forte,"Myriad Pro","Helvetica Neue",Helvetica,Arial,Sans-Serif;
+	font-size:2em;
+	font-weight:normal;
+	margin:0 0 1em;
+}
+
+
+h2{
+	font-size:2.2em;
+	font-weight:normal;
+	letter-spacing:0.01em;
+	text-transform:uppercase;
+}
+
+p{
+	line-height:1.5em;
+	padding-bottom:1em;
+}
+
+.line{
+	/* The dividing line: */
+	height:1px;
+	background-color:#24404c;
+	border-bottom:1px solid #416371;
+	margin:1em 0;
+	overflow:hidden;
+}
+
+article .line{
+	/* The dividing line inside of the article is darker: */
+	background-color:#15242a;
+	border-bottom-color:#204656;
+	margin:1.3em 0;
+}
+
+footer .line{
+	margin:2em 0;
+}
+
+nav{
+	background:url(img/gradient_light.jpg) repeat-x 50% 50% #f8f8f8;
+	padding:0 5px;
+	position:absolute;
+	right:0;
+	top:4em;
+
+	border:1px solid #FCFCFC;
+
+	-moz-box-shadow:0 1px 1px #333333;
+	-webkit-box-shadow:0 1px 1px #333333;
+	box-shadow:0 1px 1px #333333;
+}
+
+/* The clearfix hack to clear the floats: */
+
+.clear:after{
+	content: ".";
+	display: block;
+	height: 0;
+	clear: both;
+	visibility: hidden;
+}
+
+/* The navigation styling: */
+
+nav ul li{
+	display:inline;
+}
+
+nav ul li a,
+nav ul li a:visited{
+	color:#565656;
+	display:block;
+	float:left;
+	font-size:1.25em;
+	font-weight:bold;
+	margin:5px 2px;
+	padding:7px 10px 4px;
+	text-shadow:0 1px 1px white;
+	text-transform:uppercase;
+}
+
+nav ul li a:hover{
+	text-decoration:none;
+	background-color:#f0f0f0;
+}
+
+nav, article, nav ul li a,figure{
+	/* Applying CSS3 rounded corners: */
+	-moz-border-radius:10px;
+	-webkit-border-radius:10px;
+	border-radius:10px;
+}
+
+/* Article styles: */
+
+#page{
+	width:960px;
+	margin:0 auto;
+	position:relative;
+}
+
+article{
+	background-color:#213E4A;
+	margin:3em 0;
+	padding:20px;
+
+	text-shadow:0 2px 0 black;
+}
+
+figure{
+	border:3px solid #142830;
+	float:right;
+	height:300px;
+	margin-left:15px;
+	overflow:hidden;
+	width:500px;
+
+  text-align:center;
+  background-color: #AAAAAA;
+  width: 420px;
+  height: 280px;
+
+  padding: 10px;
+
+}
+
+
+
+figure:hover{
+	-moz-box-shadow:0 0 2px #4D7788;
+	-webkit-box-shadow:0 0 2px #4D7788;
+	box-shadow:0 0 2px #4D7788;
+}
+
+
+/* Footer styling: */
+
+footer{
+	margin-bottom:30px;
+	text-align:center;
+	font-size:0.825em;
+}
+
+
+footer p{
+	margin-bottom:-2.5em;
+	position:relative;
+}
+
+footer a,footer a:visited{
+	color:#cccccc;
+	background-color:#213e4a;
+	display:block;
+	padding:2px 4px;
+	z-index:100;
+	position:relative;
+}
+
+footer a:hover{
+	text-decoration:none;
+	background-color:#142830;
+}
+
+footer a.by{
+	float:left;
+
+}
+
+footer a.up{
+	float:right;
+}