Skip to content

Instantly share code, notes, and snippets.

@projectxcappe

projectxcappe/mvpsportscards.html

Created September 6, 2011 17:46
Show Gist options
  • Save projectxcappe/1198398 to your computer and use it in GitHub Desktop.
Save projectxcappe/1198398 to your computer and use it in GitHub Desktop.
Download ZIP
Tumblr theme -> www.mvpsportscards.net
Raw
mvpsportscards.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="color:Links" content="#ba1820" />
<meta name="image:Background" content="" />
<meta name="if:Show People I Follow" content=""/>
<meta name="if:Show Tags" content="1" />
<meta name="if:Show Description" content="" />
<meta name="text:Disqus Shortname" content="" />
<meta name="text:Slogan" content="This is where your Slogan / Short Subtitle goes. Edit this at Customization Section" />
<meta name="text:Google Analytics ID" content="" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
{block:IndexPage}<title>{Title}</title>
{/block:IndexPage}
{block:PostSummary}<title>{Title} | {PostSummary}</title>{/block:PostSummary}
<meta name="description" content="{MetaDescription}" />
<link rel="shortcut icon" href="{Favicon}">
<link rel="apple-touch-icon" href="{PortraitURL-128}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<script src="http://static.tumblr.com/qsifglb/TAZl74u6k/cufon-yui.js" type="text/javascript"></script>
<script type="text/javascript" src="http://static.tumblr.com/gpln05e/5B9kyw210/league-gothic.font.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
// jQuery Not Required
Cufon.replace('.header, h1, .pagination, .author, .link, .menu, .menu a, .sub_top', { fontFamily: 'league gothic'});
</script>
{block:IfGoogleAnalyticsID}
<script type="text/javascript">
//<![CDATA[
var _gaq = _gaq || [];
_gaq.push(['_setAccount', '{text:Google Analytics ID}']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ga);
})();
//]]>
</script>
{/block:IfGoogleAnalyticsID}
<style type="text/css">
body,td,th {
font-family: Helvetica, Verdana, Geneva, sans-serif;
font-size: 12px;
color: #333;
text-decoration: none;
word-spacing: Normal;
letter-spacing: 0;
text-indent: 0px;
line-height: 16px;
text-transform: uppercase;
}
body {
background: #f4efeb url(http://zeroeightysix.com/MVP/mvpbg.jpg);
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
a {
color: {color:Links};
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color:{color:Links};
}
a:hover {
text-decoration: none;
color: {color:Links};
}
a:active {
text-decoration: none;
color: {color:Links};
}
.wrapper{
width:980px;
margin:auto;
margin-top:50px;
}
.header{
font-size:56px;
text-transform:uppercase;
color:{color:Links};
width:100%;
text-align:center;
}
.sub_top{
color:#333;
font-size:18px;
text-transform:uppercase;
text-align:center;
padding-top:20px;
}
.sub_top a{
color: #990000;
}
.18{
width:90%;
margin:auto;
text-transform:uppercase;
font-size:12px;
padding-bottom:10px;
text-align:center;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
.dp_lines{
height:1px;
border-top:thin #000 solid;
border-bottom:thin #000 solid;
width:100%
}
.dp{
-moz-border-radius-topright:40px;
-webkit-border-top-right-radius:40px;
-moz-border-radius-bottomright:40px;
-webkit-border-bottom-right-radius:40px;
-moz-border-radius-topleft:40px;
-webkit-border-top-left-radius:40px;
-moz-border-radius-bottomleft:40px;
-webkit-border-bottom-left-radius:40px;
-moz-border-radius-topright:40px;
-webkit-border-top-right-radius:40px;
width:900px;
height:196px;
margin:auto;
margin-top:-40px;
border:thin none #000;
background:url(http://zeroeightysix.com/MVP/header.png);
}
.pagination{
font-size:24px;
text-align:center;
padding:10px;
text-transform:uppercase;
}
/* ------------------ The Masonry Controls -------------------*/
#tumblelog {
margin:auto;
margin-top:10px;
}
#tumblelog:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#tumblelog .story {
margin:5px;
width:310px;
-moz-border-radius-topright:4px;
-webkit-border-top-right-radius:4px;
-moz-border-radius-bottomright:4px;
-webkit-border-bottom-right-radius:4px;
-moz-border-radius-topleft:4px;
-webkit-border-top-left-radius:4px;
-moz-border-radius-bottomleft:4px;
-webkit-border-bottom-left-radius:4px;
-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.55);
-khtml-box-shadow: 0px 0px 2px rgba(0,0,0,0.55);
-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.55);
background:{color:Content Background};
float:left;
background:#f4efeb;
}
/* ------------------ HEADER CONTROLS -------------------*/
h1, h1 a{
font-size: 18px;
text-transform:none;
font-weight:400;
margin-top: 10px;
margin-bottom: 10px;
color:#101010;
line-height:normal;
text-transform:uppercase
}
h2, h2 a{
font-size: 18px;
text-transform:none;
font-weight:400;
margin-top: 10px;
margin-bottom: 10px;
color:#101010;
line-height:normal;
text-transform:uppercase
}
h3, h3 a{
font-size: 18px;
text-transform:none;
font-weight:400;
margin-top: 10px;
margin-bottom: 10px;
color:#101010;
line-height:normal;
text-transform:uppercase
}
h5, h5 a{
font-size: 18px;
text-transform:none;
font-weight:400;
margin-top: 10px;
margin-bottom: 10px;
color:#101010;
line-height:normal;
text-transform:uppercase
}
h4, h4 a{
font-size: 18px;
text-transform:none;
font-weight:400;
margin-top: 10px;
margin-bottom: 10px;
color:#101010;
line-height:normal;
text-transform:uppercase
}
h6, h6 a{
font-size: 18px;
text-transform:none;
font-weight:400;
margin-top: 10px;
margin-bottom: 10px;
color:#101010;
line-height:normal;
text-transform:uppercase
}
/* ------------------ Padding Controls -------------------*/
.laman, .bubble, .captions{
padding:10px;
}
captions{
background:#f8f8f8;
padding:6px;
-moz-border-radius-bottomright:4px;
-webkit-border-bottom-right-radius:4px;
-webkit-border-top-left-radius:4px;
-moz-border-radius-bottomleft:4px;
-webkit-border-bottom-left-radius:4px;
}
/* ------------------ Image Controls -------------------*/
}
#tumblelog .textposts img {
max-width: 280px;
margin:8px;
}
#tumblelog .photos img {
max-width: 310px;
border:0px;
}
/* ------------------ Quote Posts -------------------*/
#tumblelog .quote, .quote a{
width:93%;
background:#e1d7d0;
text-transform:none;
color:#101010;
-moz-border-radius-topright:6px;
-webkit-border-top-right-radius:6px;
-moz-border-radius-bottomright:6px;
-webkit-border-bottom-right-radius:6px;
-moz-border-radius-topleft:6px;
-webkit-border-top-left-radius:6px;
-moz-border-radius-bottomleft:4px;
-webkit-border-bottom-left-radius:6px;
-moz-border-radius-topright:6px;
-webkit-border-top-right-radius:6px;
font-size:16px;
font-family:Georgia;
margin-left:auto;
margin-right:auto;
margin-top:15px;
font-style:italic;
}
.author, .author a{
font-size: 18px;
font-weight: 400;
text-shadow: none;
text-decoration: none;
text-transform: none;
letter-spacing: 0em;
word-spacing: 0em;
line-height: 1em;
margin-left:25px;
color: {color:Links};
}
.link, .link a{
font-size:28px;
font-weight: 400;
text-shadow: none;
text-decoration: none;
text-transform: none;
letter-spacing: 0em;
word-spacing: 0em;
line-height: 1em;
color: {color:Links};
}
/* ------------------ Audio Posts -------------------*/
#tumblelog .musicplayer{
width:230px;
margin-left:100px;
background: #fff;
position:relative;
-moz-border-radius-topright:4px;
-webkit-border-top-right-radius:4px;
margin-top:0px;
padding-top:5px;
font-size:16px;
font-weight:bold;
padding:5px;
}
#tumblelog .musicaption{
width:230px;
margin-left:100px;
background: #fff;
position:relative;
-moz-border-radius-bottomright:4px;
-webkit-border-bottom-right-radius:4px;
margin-top:0px;
padding:5px;
height:46px;
overflow:hidden;
}
#tumblelog .album{
width:100px;
height:100px;
background: #fff;
-moz-border-radius-topright:4px;
-webkit-border-top-right-radius:4px;
-moz-border-radius-bottomright:4px;
-webkit-border-bottom-right-radius:4px;
-moz-border-radius-topleft:4px;
-webkit-border-top-left-radius:4px;
-moz-border-radius-bottomleft:4px;
-webkit-border-bottom-left-radius:4px;
-moz-border-radius-topright:4px;
-webkit-border-top-right-radius:4px;
float:left;
}
/* --------------- Arrow Controls ------------------- */
.arrow-up{
border-color: transparent transparent #f8f8f8 transparent;
border-style:solid;
border-width:10px;
height:0px;
width:0px;
z-index: 2; /* displayed under bubble */
margin-top:-20px;
position:relative;
margin-left:30px;
}
.arrow-down{
border-color: #eee transparent transparent transparent;
border-style:solid;
border-width:15px;
height:0px;
width:0px;
z-index: 2; /* displayed under bubble */
margin-top:0px;
position:relative;
margin-left:45px;
#e1d7d0
}
.arrow-left{
border-color: transparent #fff transparent transparent;
border-style:solid;
border-width:15px;
height:0px;
width:0px;
z-index: 2; /* displayed under bubble */
margin-left:-30px;
position:relative;
float:left;
margin-top:20px;
}
/* --------------- NOTES Attributes ------------------- */
ol.notes {
padding: 0px;
margin: 25px 0px;
list-style-type: none;
border-bottom: solid 1px #ccc;
}
ol.notes li.note {
padding: 10px;
}
ol.notes li.note img.avatar {
vertical-align: -4px;
margin-right: 10px;
width: 16px;
height: 16px;
border:0;
}
ol.notes li.note span.action {
font-weight: bold;
}
ol.notes li.note .answer_content {
font-weight: normal;
}
ol.notes li.note blockquote {
padding: 4px;
margin: 5px;
}
ol.notes li.note blockquote a {
text-decoration: none;
}
/* --------------- Caption Attributes ------------------- */
.nota{
border-top:thin #eae3de solid;
padding:4px;
margin-top:8px;
font-size:10px;
text-transform:uppercase;
}
.nota a{
font-size:10px;
text-transform:uppercase;
color:#666;
}
.even{
color:#000;
font-weight:300;
}
.odd{
color: {color:Links};
font-weight:300;
}
.form
{
background-color:transparent;
border:thin #999 solid;
-moz-border-radius-topright:4px;
-webkit-border-top-right-radius:4px;
-moz-border-radius-bottomright:4px;
-webkit-border-bottom-right-radius:4px;
-moz-border-radius-topleft:4px;
-webkit-border-top-left-radius:4px;
-moz-border-radius-bottomleft:4px;
-webkit-border-bottom-left-radius:4px;
color:#101010;
padding:4px;
font-size:10px;
text-transform:UPPERCASE;
}
.small{
font-size:11px;
text-transform:UPPERCASE;
}
.footer{
text-transform:uppercase;
font-size:10px;
text-align:center;
}
</style>
<style type="text/css">{CustomCSS}</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/qsifglb/a5ll5rdk7/jquery.masonry.js"></script>
<script type="text/javascript">
$(window).load(function(){
$('#tumblelog').masonry({ columnWidth: 8 });
});
</script>
</head>
<body>
<div class="wrapper">
<div class="dp"></div>
<p align="center" ><b>Providing the best customer service anywhere. A unique store where your collecting needs will be met.</b><br />
303-972-8393<br />
6685 W Ken Caryl Ave <br />
Littleton, CO <br />
80128 <br /></p>
<div class="dp_lines"></div>
<div class="sub_top"><a href="/">Home</a> /<a href="http://stores.ebay.com/KMVP-SPORTSCARDS?_rdc=1"> Store</a> {block:AskEnabled}/ <a href="/ask">Ask Me Anything</a> {/block:AskEnabled}
{block:IfShowPeopleIFollow} /
<a href="#" onclick="toggle_visibility('foo');">Recommended Blogs</a>
{/block:IfShowPeopleIFollow}
{block:HasPages}
{block:Pages}
/ <a href="{URL}" class="page">{Label}</a>
{/block:Pages}
{/block:HasPages}
/ <a href="/archive">archive</a></div>
<div id="tumblelog">
{block:IfShowDescription}
<div class="story">
<div class="textposts">
<div class="laman"><h1>Something 18 Me</h1>
{Description}</div>
</div> {/block:IfShowDescription}
{block:Posts}
<div class="story">
<!-- ANSWER POSTS -->
{block:Answer}
<div class="quote">
<div class="bubble"><h2>{Question}</h2></div></div>
<div class="arrow-down"></div>
<div class="author"><h3>{Asker}</h3></div>
<div class="laman">{Answer} </div>
{/block:Answer}
<!-- REGULAR POSTS -->
{block:Text}
<div class="textposts">
<div class="laman">{block:Title} <h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
{Body}</div></div>
{/block:Text}
<!-- LINK POSTS -->
{block:Link}
<div class="textposts">
<div class="laman">
<h1><a href="{URL}" target="_blank">{Name} &#8594;</a></h1>
{block:Description}
{Description}
{/block:Description}
</div>
</div>
{/block:Link}
<!-- CHAT POSTS -->
{block:Chat}
<div class="textposts">
<div class="laman">{block:Title} <h1><a href="{Permalink}">{Title}</a></h1><br>
{/block:Title}
{block:Lines}
<span class="{Alt} user_{UserNumber}">
{block:Label}
<b>{Label}</b>
{/block:Label}
{Line}
</span><br>
{/block:Lines}
</ul>
</div>
</div>
{/block:Chat}
<!-- QUOTEPOSTS -->
{block:Quote}
<div class="quote">
<div class="bubble">
{Quote}</div></div>
<div class="arrow-down"></div>
{block:Source}<div class="author">
{Source}</div> {/block:Source}
{/block:Quote}
<!-- PHOTO POSTS -->
{block:Photo}
<div class="photos">
<center>
{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}" />{LinkCloseTag}</center>
<div class="arrow-up"></div>
<div class="captions">{block:Caption}
{Caption}{/block:Caption}
</div>
</div>
{/block:Photo}
<!-- PHOTOSET POSTS -->
{block:Photoset}
<div class="photos"><br>
<center>
{Photoset-250}</center>
<div class="arrow-up"></div>
<div class="captions">{block:Caption}
{Caption}{/block:Caption}
</div>
</div>
{/block:Photoset}
<!-- VIDEO POSTS -->
{block:Video}
<div class="photos">
<br>
<center>
{Video-250}</center>
<div class="arrow-up"></div>
<div class="captions">{block:Caption}
{Caption}{/block:Caption}
</div>
</div>
{/block:Video}
<!-- AUDIO POSTS -->
{block:Audio}
{block:AlbumArt}<img src="{AlbumArtURL}" width="310" />
{/block:AlbumArt}<div style="background:#000;text-align:left;width:100%;">{AudioPlayerBlack}
</div>
<div style="padding:3px;color:{color:Links};font-weight:bold;">{block:TrackName}
Track: {TrackName}
{/block:TrackName}<br>{block:Artist}
Artist: {Artist}
{/block:Artist}
</div>
{block:Caption}<div style="padding:3px;">Caption: {Caption}</div>{/block:Caption}
{/block:Audio}
<!-- END ALL CONTENTS HERE AND START THE FOOTER OF EACH POST -->
{block:ContentSource}
<div style="font-size:10px;text-transform:uppercase;">
<a href="{SourceURL}" target="_blank"> Source :
{block:SourceLogo} <img src="http://zeroeightysix.com/MVP/header.png" width="900px"
height="196px" alt="{SourceTitle}" /> {/block:SourceLogo}
{block:NoSourceLogo}
{SourceTitle}
{/block:NoSourceLogo} </a> </div>{/block:ContentSource}
<div class="nota"><a href="#">{TimeAgo}</a> | <a href="{Permalink}">{NoteCountWithLabel}</a> | <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" >Reblog</a> | {block:IfDisqusShortname}| <a class="dsq-comment-count" href="{Permalink}#disqus_thread">Comments</a>{/block:IfDisqusShortname}
{block:IfShowTags}
{block:HasTags} <br> {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags}
{/block:IfShowTags}
</div>
</div>
<!-- DISPLAY THE NOTES OF THE CURRENT POST -->
{block:PostNotes}
<div class="story textposts">
<div class="contain">
{PostNotes}
</div>
</div>
{/block:PostNotes}
{/block:Posts}
<!-- DISQUS COMMENTING SYSTEM -->
{block:IfDisqusShortname}
<script type="text/javascript">var disqus_url = "{Permalink}"; var disqus_title ="{block:PostTitle}{PostTitle}{/block:PostTitle}";</script>{block:Permalink}<div class="story textposts">
<div class="laman"><div id="disqus_thread"></div>
<script type="text/javascript">
/**
* var disqus_identifier; [Optional but recommended: Define a unique identifier (e.g. post id or slug) for this thread]
*/
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = 'http://{text:Disqus Shortname}.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript=codewalkz">comments powered by Disqus.</a></noscript>
<a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
</div>
</div>
{/block:Permalink}<script type="text/javascript">
var disqus_shortname = '{text:Disqus Shortname}';
(function () {
var s = document.createElement('script'); s.async = true;
s.src = 'http://disqus.com/forums/{text:Disqus Shortname}/count.js';
(document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
}());
</script>
{/block:IfDisqusShortname}
<!-- END THE CONTENTS -->
</div>
<br>
<div class="dp_lines"></div>
<div class="pagination">{block:Pagination}
{block:PreviousPage}
<a href="{PreviousPage}" style="padding-right:4px;">Previous</a>
{/block:PreviousPage}
{block:JumpPagination length="15"}
{block:CurrentPage}
<span class="current_page" style="padding-right:4px;">{PageNumber}</span>
{/block:CurrentPage}
{block:JumpPage}
<a class="jump_page" href="{URL}" style="padding-right:4px;" >{PageNumber}</a>
{/block:JumpPage}
{/block:JumpPagination}
{block:NextPage}
<a href="{NextPage}" style="padding-right:4px;">Next</a>
{/block:NextPage}
{/block:Pagination}
{block:PermalinkPagination}
<div style="width:40%;float:left;text-align:left;">{block:PreviousPost} <a href="{PreviousPost}"><< Older Post</a> {/block:PreviousPost}</div>
<div style="width:40%;float:right;text-align:right;">{block:NextPost} <a href="{NextPost}" >Next Post >> </font></a> {/block:NextPost}</div>
{/block:PermalinkPagination}
<div class="dp_lines"></div>
{block:IfShowPeopleIFollow}
{block:Following}
<h1> Blogs I follow: </h1>
{block:Followed}
<a href="{FollowedURL}"><img src="{FollowedPortraitURL-24}" vspace="2" hspace="2" /></a>
{/block:Followed}
{/block:Following}
<div class="dp_lines"></div>
{/block:IfShowPeopleIFollow}
</div>
<div class="footer"><small>&copy; 2010.<a href="http://www.zeroeightysix.com">ZeroEightySix</a> Theme By <a href="http://iam7th.tumblr.com">Iam7th</a> | Powered By <a href="http://www.tumblr.com">Tumblr</a></small></div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment