Permalink
Browse files

Clean whitespace in Media example

  • Loading branch information...
1 parent dbcf8c0 commit a678fd24ff2c92a31e01c02888d122ae9dd1ccd7 @edward edward committed May 21, 2011
Showing with 10 additions and 19 deletions.
  1. +10 −19 core/media/media.html
View
@@ -1,42 +1,37 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
-<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-<title>Media Block</title>
-<link rel="stylesheet" type="text/css" media="all" href="../../all.css" />
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <title>Media Block</title>
+ <link rel="stylesheet" type="text/css" media="all" href="../../all.css" />
</head>
<body>
<div class="page">
- <div class="body">
- <h1>Media Block</h1>
+ <div class="body">
+ <h1>Media Block</h1>
<p>Use any sized image or flash for the right or left area. Any content in the body including nesting other media blocks.</p>
<div class="media">
<a href="http://twitter.com/stubbornella" class="img icon"><img src="assets/crystal_project/16x16/actions/1day.png" width="16" height="16" alt="1day" /></a>
<div class="bd">event date</div>
</div>
-
- <div class="media attribution">
+ <div class="media attribution">
<a href="http://twitter.com/stubbornella" class="img"><img src="http://placehold.it/32x32" alt="img" height="32" width="32" /></a>
<div class="bd">
- <p class="ptn"><a href="http://twitter.com/stubbornella">@Stubbornella</a> <span class="detail">14 minutes ago</span></p>
+ <p class="ptn"><a href="http://twitter.com/stubbornella">@Stubbornella</a> <span class="detail">14 minutes ago</span></p>
</div>
</div>
-
-
<div class="media">
<a href="http://twitter.com/stubbornella" class="img"><img src="http://placehold.it/64x64" alt="img" width="64" height="64" /></a>
<a href="http://twitter.com/stubbornella" class="imgExt">X</a>
<div class="bd">
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
-
-
<div class="media">
<a href="http://twitter.com/stubbornella" class="img"><img src="http://placehold.it/128x128" alt="img" /></a>
<!--<a href="http://twitter.com/stubbornella" class="imgExt">X</a>-->
@@ -49,19 +44,15 @@
</div>
</div>
-
-
-
<!-- TODO: make media player into a skin -->
<div class="media">
<a href="http://twitter.com/stubbornella" class="img" style="background-image:url(http://placehold.it/510x290); width:510px; height:290px;"><img src="assets/crystal_project/32x32/actions/player_play.png" alt="img" style="position:relative; top:50%; left:50%;margin-left: -32px; margin-top:-32px;opacity: .8;" height="64" width="64" /></a>
<div class="bd">
- <p>Last week I went to Yahoo! to give a talk about design performance for YUI theater.</p>
+ <p>Last week I went to Yahoo! to give a talk about design performance for YUI theater.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
-
- </div>
+ </div>
</div>
</body>
</html>

0 comments on commit a678fd2

Please sign in to comment.