Skip to content

Instantly share code, notes, and snippets.

@rbarazi

rbarazi/screen.css

Created May 26, 2010 14:51
Show Gist options
  • Save rbarazi/414584 to your computer and use it in GitHub Desktop.
Save rbarazi/414584 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
screen.css
/* RESET STYLES FROM BLUEPRINT */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
/* OPTIMIZATION FOR BROWSER QUIRKS */
html { overflow-y: scroll; } /* Forces a vertical scrollbar in Mozilla */
img { -ms-interpolation-mode: bicubic; } /* Makes IE scale images smoothly */
div { overflow: auto; } /* Changes rendering of floating divs so they add their height to their parent divs */
a:active, a:focus { outline: none; } /* Disables the dotted outline FireFox puts on active links */
.clear-both { clear: both; height: 0px; overflow: hidden; }
/* BASE TYPOGRAPHY */
body {
font-family: Arial, Helvetica, Tahoma, sans-serif;
font-size: 12px;
line-height: 18px;
color: #313131;
}
h1 {
font-size: 20px;
font-family: Helvetica, Arial, sans-serif;
line-height: 26px;
font-weight: bold;
}
h2 {
font-size: 18px;
line-height: 20px;
}
h3 {
font-size: 14px;
font-weight: bold;
padding: 15px;
}
h4 {
font-size: 12px;
font-weight: bold;
padding: 5px 5px 5px 10px;
}
a {text-decoration: none;}
/* 309 x 196 => 383 x 243 */
.article {display: block; width: 255px; height: 340px; position: relative; float: left; overflow: hidden; border-right: 1px solid #a5a5a5;}
.article img {margin-left: -90px;}
.article-meta {position: absolute; bottom: 0; background: rgba(0, 0, 0, 0.796875); color: #fff; width: 255px;}
.article-credit { position: absolute; right: 15px; font-size: 9px;}
.article-headline {font-size: 20px; font-weight: bold; line-height: 1em; padding: 20px 10px 10px; overflow: hidden;}
.article-abstract {margin: 0px; padding: 0px 10px 15px;}
.article.feature {width: 511px;}
.article.feature .article-meta {width: 511px;}
.article.feature img {margin: 0px; width: 511px;}
/* 309 x 196 => 383 x 243 */
.buzz {width: 383px; height: 243px; position: relative; float: left; overflow: hidden; border-right: 1px solid #a5a5a5;}
.buzz img {width: 383px; height: 243px;}
.buzz-meta {position: absolute; bottom: 0; background: rgba(0, 0, 0, 0.796875); color: #fff; width: 383px;}
.buzz-headline {font-size: 18px; font-weight: bold; line-height: 1em; padding: 10px; overflow: hidden;}
.video {width: 191px; height: 180px; position: relative; float: left; overflow: hidden; border-right: 1px solid #a5a5a5; background: rgba(0, 0, 0, 0.796875); text-align: center;}
.video img {width: 154px; height: 110px; margin-top: 5px; border: 1px solid black;}
.video-meta {position: absolute; bottom: 0; background: rgba(0, 0, 0, 0.796875); color: #fff; width: 191px; text-align: left; padding: 4px;}
.video-headline {font-size: 18px; font-weight: bold; line-height: 1em; padding: 10px; overflow: hidden;}
.standings {width: 767px; border-right: 1px solid #FFF; float: left;}
.standings td, .standings th {border-bottom: 1px solid #e6e6e6; padding: 7px; text-align: center;}
.standings tr.no_border th {border-bottom: none;}
.standings th {font-weight: bold; font-size: 11px;}
.standings .left {text-align: left;}
.standings .blue {background: #F3F9FF;}
.standings .grey {background: #FAFAFA;}
.standings .lb {border-left: 1px solid #E6E6E6;}
.standings .rb {border-right: 1px solid #E6E6E6;}
Raw
table.html
<!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" xml:lang="en-us" lang="en-us">
<head>
<title>TheScore iPad API
</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<link rel='stylesheet' href='http://10.1.1.109:3000/ipad/stylesheets/screen.css' type='text/css' media=''/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$('a.popover').each(function(){
e = $(this);
rect = "rect={{" + e.offset().left + "," + e.offset().top + "},{" + e.outerWidth() + "," + e.outerHeight() + "}}";
href = e.attr('href');
href += '&' + rect
e.attr('href', href);
});
});
</script>
</head>
<body>
<div id='container' style="height: 561px; width: px;">
<table class="standings">
<tr>
<th colspan="5">
</th>
<th class="blue">
</th>
<th colspan="2">
</th>
<th colspan="3" class="lb rb grey">Last 10 Games
</th>
<th colspan="1">
</th>
</tr>
<tr>
<th>
</th>
<th class="left">Team
</th>
<th>
<span class="wins icon">WIN
</span>
</th>
<th>
<span class="losses icon">LOSS
</span>
</th>
<th>
<span class="overtime_losses icon">OTL
</span>
</th>
<th class="blue">
<span class="points icon">PTS
</span>
</th>
<th>
<span class="goal_for icon">GF
</span>
</th>
<th>
<span class="goals_against icon">GA
</span>
</th>
<th class="lb grey">
<span class="win_loss_records icon">Win
</span>
</th>
<th class="grey">
<span class="win_loss_records icon">Loss
</span>
</th>
<th class="rb grey">
<span class="win_loss_records icon">OTL
</span>
</th>
<th class="left">STREAK
</th>
</tr>
<tr>
<td>1
</td>
<td class="left">
<a class="popover" href="popover://10.1.1.109:3000/api/teams/show.html;id=15?content_size=%7B480%2C240%7D">Washington Capitals
</a>
</td>
<td>54
</td>
<td>15
</td>
<td>13
</td>
<td class="blue">121
</td>
<td>318
</td>
<td>233
</td>
<td class="lb grey">6
</td>
<td class="grey">1
</td>
<td class="rb grey">3
</td>
<td class="left">Lost 1
</td>
</tr>
<tr>
<td>2
</td>
<td class="left">
<a class="popover" href="popover://10.1.1.109:3000/api/teams/show.html;id=6?content_size=%7B480%2C240%7D">New Jersey Devils
</a>
</td>
<td>48
</td>
<td>27
</td>
<td>7
</td>
<td class="blue">103
</td>
<td>222
</td>
<td>191
</td>
<td class="lb grey">5
</td>
<td class="grey">2
</td>
<td class="rb grey">3
</td>
<td class="left">Won 2
</td>
</tr>
<tr>
<td>3
</td>
<td class="left">
<a class="popover" href="popover://10.1.1.109:3000/api/teams/show.html;id=2?content_size=%7B480%2C240%7D">Buffalo Sabres
</a>
</td>
<td>45
</td>
<td>27
</td>
<td>10
</td>
<td class="blue">100
</td>
<td>235
</td>
<td>207
</td>
<td class="lb grey">5
</td>
<td class="grey">5
</td>
<td class="rb grey">0
</td>
<td class="left">Lost 1
</td>
</tr>
<tr>
<td>4
</td>
<td class="left">
<a class="popover" href="popover://10.1.1.109:3000/api/teams/show.html;id=10?content_size=%7B480%2C240%7D">Pittsburgh Penguins
</a>
</td>
<td>47
</td>
<td>28
</td>
<td>7
</td>
<td class="blue">101
</td>
<td>257
</td>
<td>237
</td>
<td class="lb grey">5
</td>
<td class="grey">4
</td>
<td class="rb grey">1
</td>
<td class="left">Won 1
</td>
</tr>
<tr>
<td>5
</td>
<td class="left">
<a class="popover" href="popover://10.1.1.109:3000/api/teams/show.html;id=4?content_size=%7B480%2C240%7D">Ottawa Senators
</a>
</td>
<td>44
</td>
<td>32
</td>
<td>6
</td>
<td class="blue">94
</td>
<td>225
</td>
<td>238
</td>
<td class="lb grey">7
</td>
<td class="grey">2
</td>
<td class="rb grey">1
</td>
<td class="left">Lost 2
</td>
</tr>
<tr>
<td>6
</td>
<td class="left">
<a class="popover" href="popover://10.1.1.109:3000/api/teams/show.html;id=1?content_size=%7B480%2C240%7D">Boston Bruins
</a>
</td>
<td>39
</td>
<td>30
</td>
<td>13
</td>
<td class="blue">91
</td>
<td>206
</td>
<td>200
</td>
<td class="lb grey">6
</td>
<td class="grey">3
</td>
<td class="rb grey">1
</td>
<td class="left">Won 3
</td>
</tr>
<tr>
<td>7
</td>
<td class="left">
<a class="popover" href="popover://10.1.1.109:3000/api/teams/show.html;id=9?content_size=%7B480%2C240%7D">Philadelphia Flyers
</a>
</td>
<td>41
</td>
<td>35
</td>
<td>6
</td>
<td class="blue">88
</td>
<td>236
</td>
<td>225
</td>
<td class="lb grey">4
</td>
<td class="grey">5
</td>
<td class="rb grey">1
</td>
<td class="left">Won 1
</td>
</tr>
<tr>
<td>8
</td>
<td class="left">
<a class="popover" href="popover://10.1.1.109:3000/api/teams/show.html;id=3?content_size=%7B480%2C240%7D">Montreal Canadiens
</a>
</td>
<td>39
</td>
<td>33
</td>
<td>10
</td>
<td class="blue">88
</td>
<td>217
</td>
<td>223
</td>
<td class="lb grey">3
</td>
<td class="grey">4
</td>
<td class="rb grey">3
</td>
<td class="left">Lost 3
</td>
</tr>
<tr>
<td>9
</td>
<td class="left">
<a class="popover" href="popover://10.1.1.109:3000/api/teams/show.html;id=8?content_size=%7B480%2C240%7D">New York Rangers
</a>
</td>
<td>38
</td>
<td>33
</td>
<td>11
</td>
<td class="blue">87
</td>
<td>222
</td>
<td>218
</td>
<td class="lb grey">7
</td>
<td class="grey">1
</td>
<td class="rb grey">2
</td>
<td class="left">Lost 1
</td>
</tr>
<tr>
<td>10
</td>
<td class="left">
<a class="popover" href="popover://10.1.1.109:3000/api/teams/show.html;id=11?content_size=%7B480%2C240%7D">Atlanta Thrashers
</a>
</td>
<td>35
</td>
<td>34
</td>
<td>13
</td>
<td class="blue">83
</td>
<td>234
</td>
<td>256
</td>
<td class="lb grey">3
</td>
<td class="grey">5
</td>
<td class="rb grey">2
</td>
<td class="left">Won 1
</td>
</tr>
<tr>
<td>11
</td>
<td class="left">
<a class="popover" href="popover://10.1.1.109:3000/api/teams/show.html;id=12?content_size=%7B480%2C240%7D">Carolina Hurricanes
</a>
</td>
<td>35
</td>
<td>37
</td>
<td>10
</td>
<td class="blue">80
</td>
<td>230
</td>
<td>256
</td>
<td class="lb grey">5
</td>
<td class="grey">3
</td>
<td class="rb grey">2
</td>
<td class="left">Lost 1
</td>
</tr>
<tr>
<td>12
</td>
<td class="left">
<a class="popover" href="popover://10.1.1.109:3000/api/teams/show.html;id=14?content_size=%7B480%2C240%7D">Tampa Bay Lightning
</a>
</td>
<td>34
</td>
<td>36
</td>
<td>12
</td>
<td class="blue">80
</td>
<td>217
</td>
<td>260
</td>
<td class="lb grey">6
</td>
<td class="grey">4
</td>
<td class="rb grey">0
</td>
<td class="left">Won 3
</td>
</tr>
<tr>
<td>13
</td>
<td class="left">
<a class="popover" href="popover://10.1.1.109:3000/api/teams/show.html;id=7?content_size=%7B480%2C240%7D">New York Islanders
</a>
</td>
<td>34
</td>
<td>37
</td>
<td>11
</td>
<td class="blue">79
</td>
<td>222
</td>
<td>264
</td>
<td class="lb grey">5
</td>
<td class="grey">4
</td>
<td class="rb grey">1
</td>
<td class="left">Lost 3
</td>
</tr>
<tr>
<td>14
</td>
<td class="left">
<a class="popover" href="popover://10.1.1.109:3000/api/teams/show.html;id=13?content_size=%7B480%2C240%7D">Florida Panthers
</a>
</td>
<td>32
</td>
<td>37
</td>
<td>13
</td>
<td class="blue">77
</td>
<td>208
</td>
<td>244
</td>
<td class="lb grey">2
</td>
<td class="grey">6
</td>
<td class="rb grey">2
</td>
<td class="left">Lost 2
</td>
</tr>
<tr>
<td>15
</td>
<td class="left">
<a class="popover" href="popover://10.1.1.109:3000/api/teams/show.html;id=5?content_size=%7B480%2C240%7D">Toronto Maple Leafs
</a>
</td>
<td>30
</td>
<td>38
</td>
<td>14
</td>
<td class="blue">74
</td>
<td>214
</td>
<td>267
</td>
<td class="lb grey">4
</td>
<td class="grey">4
</td>
<td class="rb grey">2
</td>
<td class="left">Won 1
</td>
</tr>
</table>
</div>
</body>
</html>
Raw
top_articles.html
<!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" xml:lang="en-us" lang="en-us">
<head>
<title>TheScore iPad API</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel='stylesheet' href='http://10.1.1.109:3000/ipad/stylesheets/screen.css' type='text/css' media='' />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$('a.popover').each(function(){
e = $(this);
rect = "rect={{" + e.offset().left + "," + e.offset().top + "},{" + e.outerWidth() + "," + e.outerHeight() + "}}";
href = e.attr('href');
href += '&' + rect
e.attr('href', href);
});
});
</script>
</head>
<body>
<div id='container' style="height: 340px; width: 2304px;">
<a class="article feature" href="web.table.view://10.1.1.109:3000/api/articles/show?id=29762"> <img alt="Feature" src="http://www-thescore.s3.amazonaws.com/images/1693/feature.jpg?1267431435">
<div class="article-meta">
<div class="article-credit"></div>
<div class="article-headline">Ovechkin Strikes Again!</div>
<div class="article-abstract">Ovi!</div>
</div>
</a> <a class="article " href="web.table.view://10.1.1.109:3000/api/articles/show?id=31988"> <img alt="Feature" src="http://www-thescore.s3.amazonaws.com/images/2118/feature.jpg?1268250122">
<div class="article-meta">
<div class="article-credit"></div>
<div class="article-headline">Amazing Cuban Base-brawl</div>
<div class="article-abstract">Brawl!</div>
</div>
</a> <a class="article " href="web.table.view://10.1.1.109:3000/api/articles/show?id=29165"> <img alt="Feature" src="http://www-thescore.s3.amazonaws.com/images/1600/feature.jpg?1267138792">
<div class="article-meta">
<div class="article-credit"></div>
<div class="article-headline">Alex Ovechkin Was Upset</div>
<div class="article-abstract">Ouch.</div>
</div>
</a> <a class="article " href="web.table.view://10.1.1.109:3000/api/articles/show?id=30766"> <img alt="Feature" src="http://www-thescore.s3.amazonaws.com/images/1885/feature.jpg?1267819651">
<div class="article-meta">
<div class="article-credit">Brian Babineau/Getty Images</div>
<div class="article-headline">Why might Bosh leave Toronto? McGrady has a list of reasons</div>
<div class="article-abstract">Former Toronto Raptor Tracy McGrady spoke hypothetically Friday about why players decide to leave cities like Toronto.</div>
</div>
</a> <a class="article " href="web.table.view://10.1.1.109:3000/api/articles/show?id=41068"> <img alt="Feature" src="http://www-thescore.s3.amazonaws.com/images/4175/feature.jpg?1272655038">
<div class="article-meta">
<div class="article-credit"></div>
<div class="article-headline">VIDEO: Hottest WAGs</div>
<div class="article-abstract">WAGs</div>
</div>
</a> <a class="article " href="web.table.view://10.1.1.109:3000/api/articles/show?id=29295"> <img alt="Feature" src="">
<div class="article-meta">
<div class="article-credit"></div>
<div class="article-headline">NHL trade deadline: Who's selling, who's buying?</div>
<div class="article-abstract"><div>
Philadelphia, PA (Sports Network) - General managers have had the entire
Winter Olympic break to ponder making some roster moves, but the action can
finally start taking place when the NHL resumes activities on March 1.
</div></div>
</div>
</a> <a class="article " href="web.table.view://10.1.1.109:3000/api/articles/show?id=40784"> <img alt="Feature" src="http://www-thescore.s3.amazonaws.com/images/4095/feature.jpg?1272483590">
<div class="article-meta">
<div class="article-credit">Gregory Shamus/Getty Images</div>
<div class="article-headline">LeBron has critical words for Raptors</div>
<div class="article-abstract">LeBron: "It just didn't seem like [Toronto] even wanted to make the playoffs"</div>
</div>
</a> <a class="article " href="web.table.view://10.1.1.109:3000/api/articles/show?id=39984"> <img alt="Feature" src="http://www-thescore.s3.amazonaws.com/images/3925/feature.jpg?1272050714">
<div class="article-meta">
<div class="article-credit"></div>
<div class="article-headline">Best. Celebration. Ever.</div>
<div class="article-abstract">WIN!</div>
</div>
</a>
</div>
</body>
</html>
Raw
top_buzz.html
<!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" xml:lang="en-us" lang="en-us">
<head>
<title>TheScore iPad API</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel='stylesheet' href='http://10.1.1.109:3000/ipad/stylesheets/screen.css' type='text/css' media='' />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$('a.popover').each(function(){
e = $(this);
rect = "rect={{" + e.offset().left + "," + e.offset().top + "},{" + e.outerWidth() + "," + e.outerHeight() + "}}";
href = e.attr('href');
href += '&' + rect
e.attr('href', href);
});
});
</script>
</head>
<body>
<div id='container' style="height: 243px; width: 3072px;">
<a class="buzz feature" href="web.view://10.1.1.109:3000/api/buzz/show.html?id=41841"> <img alt="Feature" src="http://www-thescore.s3.amazonaws.com/images/4381/original.jpg?1273131485">
<div class="buzz-meta">
<div class="buzz-headline">WAGs For Umbro</div>
</div>
</a><a class="buzz " href="web.view://10.1.1.109:3000/api/buzz/show.html?id=41839"> <img alt="Feature" src="http://www-thescore.s3.amazonaws.com/images/4378/original.jpg?1273131278">
<div class="buzz-meta">
<div class="buzz-headline">NHL Play Of The Night: Niemi</div>
</div>
</a><a class="buzz " href="web.view://10.1.1.109:3000/api/buzz/show.html?id=41838"> <img alt="Feature" src="http://www-thescore.s3.amazonaws.com/images/4377/original.jpg?1273130923">
<div class="buzz-meta">
<div class="buzz-headline">FAIL: Motorcycle Jumper</div>
</div>
</a><a class="buzz " href="web.view://10.1.1.109:3000/api/buzz/show.html?id=41837"> <img alt="Feature" src="http://www-thescore.s3.amazonaws.com/images/4376/original.jpg?1273130632">
<div class="buzz-meta">
<div class="buzz-headline">Morning Link Dump - 05/06/10</div>
</div>
</a><a class="buzz " href="web.view://10.1.1.109:3000/api/buzz/show.html?id=41781"> <img alt="Feature" src="http://www-thescore.s3.amazonaws.com/images/4356/original.jpg?1273095201">
<div class="buzz-meta">
<div class="buzz-headline">FAIL: A Cake For Cox</div>
</div>
</a><a class="buzz " href="web.view://10.1.1.109:3000/api/buzz/show.html?id=41777"> <img alt="Feature" src="http://www-thescore.s3.amazonaws.com/images/4352/original.jpg?1273092843">
<div class="buzz-meta">
<div class="buzz-headline">World Record Jump Rope</div>
</div>
</a><a class="buzz " href="web.view://10.1.1.109:3000/api/buzz/show.html?id=41771"> <img alt="Feature" src="http://www-thescore.s3.amazonaws.com/images/4351/original.jpg?1273091557">
<div class="buzz-meta">
<div class="buzz-headline">Playoff Round One Highlights</div>
</div>
</a><a class="buzz " href="web.view://10.1.1.109:3000/api/buzz/show.html?id=41759"> <img alt="Feature" src="http://www-thescore.s3.amazonaws.com/images/4345/original.jpg?1273083416">
<div class="buzz-meta">
<div class="buzz-headline">The Break: Episode 99</div>
</div>
</a>
</div>
</body>
</html>
Raw
top_videos.html
<!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" xml:lang="en-us" lang="en-us">
<head>
<title>TheScore iPad API</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel='stylesheet' href='http://10.1.1.109:3000/ipad/stylesheets/screen.css' type='text/css' media='' />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$('a.popover').each(function(){
e = $(this);
rect = "rect={{" + e.offset().left + "," + e.offset().top + "},{" + e.outerWidth() + "," + e.outerHeight() + "}}";
href = e.attr('href');
href += '&' + rect
e.attr('href', href);
});
});
</script>
</head>
<body>
<div id='container' style="height: 180px; width: 3072px;">
<a class="video" href="web.view://10.1.1.109:3000/api/videos/show.html?id=2287927500"> <img src="http://thescore.vo.llnwd.net/o25/fromGVG/05252010_NBA_PON_145x110.jpg">
<div class="video-meta">
<div class="video-runtime">00:23</div>
<div class="video-title">NBA Play of the Night: May 25</div>
</div>
</a> <a class="video" href="web.view://10.1.1.109:3000/api/videos/show.html?id=2287922900"> <img src="http://thescore.vo.llnwd.net/o25/fromGVG/05252010_LAKERS_@_SUNS_145x110.jpg">
<div class="video-meta">
<div class="video-runtime">01:20</div>
<div class="video-title">Suns 115 Lakers 106</div>
</div>
</a> <a class="video" href="web.view://10.1.1.109:3000/api/videos/show.html?id=2287909840"> <img src="http://thescore.vo.llnwd.net/o25/fromGVG/diego.jpg">
<div class="video-meta">
<div class="video-runtime">01:51</div>
<div class="video-title">Cup Countdown with Diego Forlan</div>
</div>
</a> <a class="video" href="web.view://10.1.1.109:3000/api/videos/show.html?id=2287903100"> <img src="http://thescore.vo.llnwd.net/o25/fromGVG/ANATHUMB.jpg">
<div class="video-meta">
<div class="video-runtime">01:22</div>
<div class="video-title">Cup Countdown with Ana Ivanovic</div>
</div>
</a> <a class="video" href="web.view://10.1.1.109:3000/api/videos/show.html?id=2287896820"> <img src="http://thescore.vo.llnwd.net/o25/fromGVG/branded__622086.jpg">
<div class="video-meta">
<div class="video-runtime">01:12</div>
<div class="video-title">Branded: World Cup Predictions from the World's Top Women's Tennis Players</div>
</div>
</a> <a class="video" href="web.view://10.1.1.109:3000/api/videos/show.html?id=2287867920"> <img src="http://thescore.vo.llnwd.net/o25/fromGVG/CABBIE_AND_DANIEL_CARCILLO_145x110.jpg">
<div class="video-meta">
<div class="video-runtime">03:09</div>
<div class="video-title">Fan Favourite Dan Carcillo</div>
</div>
</a> <a class="video" href="web.view://10.1.1.109:3000/api/videos/show.html?id=2287863260"> <img src="http://thescore.vo.llnwd.net/o25/fromGVG/KOOL_ON_ICE_HABS_05_25_145x110.jpg">
<div class="video-meta">
<div class="video-runtime">02:20</div>
<div class="video-title">Kool On Ice: The Montreal Canadiens</div>
</div>
</a> <a class="video" href="web.view://10.1.1.109:3000/api/videos/show.html?id=2287854740"> <img src="http://thescore.vo.llnwd.net/o25/fromGVG/MJRECAP25052010_145x110.jpg">
<div class="video-meta">
<div class="video-runtime">01:00</div>
<div class="video-title">The Morning Jones Recap: 05/25/10</div>
</div>
</a> <a class="video" href="web.view://10.1.1.109:3000/api/videos/show.html?id=2287850960"> <img src="http://thescore.vo.llnwd.net/o25/fromGVG/4d_Thumb05-25.jpg">
<div class="video-meta">
<div class="video-runtime">03:54</div>
<div class="video-title">05 - 25 The Break w/Renee Paquette</div>
</div>
</a> <a class="video" href="web.view://10.1.1.109:3000/api/videos/show.html?id=2287843620"> <img src="http://thescore.vo.llnwd.net/o25/fromGVG/579Pic.jpg">
<div class="video-meta">
<div class="video-runtime">16:19</div>
<div class="video-title">The Jones: May 25</div>
</div>
</a> <a class="video" href="web.view://10.1.1.109:3000/api/videos/show.html?id=2287826620"> <img src="http://thescore.vo.llnwd.net/o25/fromGVG/CCUTS_MAY_24_THUMBNAIL.jpg">
<div class="video-meta">
<div class="video-runtime">03:00</div>
<div class="video-title">Court Cuts Conference Finals</div>
</div>
</a> <a class="video" href="web.view://10.1.1.109:3000/api/videos/show.html?id=2287822420"> <img src="http://thescore.vo.llnwd.net/o25/fromGVG/MAGICCELTICSWEBMAY24_145x110.jpg">
<div class="video-meta">
<div class="video-runtime">01:14</div>
<div class="video-title">Magic 96 Celtics 92 (OT)</div>
</div>
</a>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment