Results 1 to 4 of 4
  1. #1
    Retro's Avatar

    Badge

    Join Date
    Jul 2011
    Location
    Dreaming Somewhere.
    Posts
    2,590
    Points
    2,316
         User Info     Contact     Gamer ID
    Join Date
    Jul 2011
    Location
    Dreaming Somewhere.
    Posts
    2,590
    Points
    2,316

    Default [Tumblr] Swagger Theme

    This is the Paid theme "Swagger". I'm re-doing my tumblr so I have no need for it. Not many people I see have the theme, so why not share it.

    It looks like this + the few tweaks here and there of course.



    Proof it's a Pay only Theme here.

    Customizable Options:

    text color

    title color

    links color

    background color and image

    posts color

    infinite scroll

    sidebar title background

    hide description on sidebar

    Show social share buttons

    post padding

    post shadow

    5 custom links

    Google analytics ID


    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    
    <!-- 
     _ _ _ _    _ _   _ _ _   _ _   _ _  _ _ _   _ _ _ _    _ _       _ _ _ _
    |   _   |  |   | |     | |   |/   / |     | |   _   |  |   |     |   _   |
    |  |_|  |  |   | |    _| |   |   /  |   _ | |  |_|  |  |   |     |  |_|  |
    |      -   |   | |  | _  |      -   |   _|  |      -   |   | _   |      -
    |   |   \  |   | |     | |   |   \  |     | |   |   \  |       | |   |   \
    |_ _|\_ _\ |_ _| |_ _ _| |_ _|\_ _\ |_ _ _| |_ _|\_ _\ |_ _ _ _| |_ _|\_ _\
    
        
    ********************************
    Theme by: rickerlr.tumblr.com
    On: www.themecloud.co
    Name: Swagger
    Ver: 1.0
    Year: 2012
    ********************************
    -->
    
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    
    <meta name="color:Text" content="#999999"/>
    <meta name="color:Title" content="#ffffff"/>
    <meta name="color:Link" content="#ffffff"/>
    <meta name="color:Link hover" content="#ffffff"/>
    <meta name="color:Link background" content="#ff0000"/>
    <meta name="color:Link Sidebar" content="#ffffff"/>
    <meta name="color:Link sidebar background" content="#000000"/>
    <meta name="color:Text Sidebar" content="#dddddd"/>
    <meta name="color:Title Sidebar" content="#ffffff"/>
    <meta name="color:Border Note Permalinks" content="#222222"/>
    <meta name="color:Background" content="#555555"/>
    <meta name="color:Background post" content="#000000"/>
    <meta name="color:Box Shadow Color" content="#999999"/>
    
    <meta name="image:Background image" content="" />
    
    <meta name="if:Infinite Scroll" content="1"/>
    <meta name="if:Sidebar Title Background" content="1"/>
    <meta name="if:Sidebar Description Background" content="0"/>
    <meta name="if:Hide Sidebar Description" content="0"/>
    <meta name="if:Show Captions" content="1"/>
    <meta name="if:Show Social" content="1"/>
    <meta name="if:Show Notes Permalink" content="0"/>
    <meta name="if:Post Padding" content="1"/>
    <meta name="if:Post Shadow" content="1"/>
    <meta name="if:Tumblr Buttons Opacity" content="0"/>
    <meta name="if:Tumblr Buttons Fixed" content="1"/>
    
    <meta name="text:Ask text" content="Ask me" />
    <meta name="text:Google Analytics ID" content="" />
    <meta name="text:Link 1 title" content="" />
    <meta name="text:Link 1 url" content="" />
    <meta name="text:Link 2 title" content="" />
    <meta name="text:Link 2 url" content="" />
    <meta name="text:Link 3 title" content="" />
    <meta name="text:Link 3 url" content="" />
    <meta name="text:Link 4 title" content="" />
    <meta name="text:Link 4 url" content="" />
    <meta name="text:Link 5 title" content="" />
    <meta name="text:Link 5 url" content="" />
    
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
    {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
    <link rel="shortcut icon" href="{Favicon}" />
    <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
    <link rel="alternate" type="application/rss+xml" href="{RSS}" />
    
    <link rel='stylesheet' type='text/css' href='http://static.tumblr.com/dbek3sy/OdLm0dd5f/cssreset.css'>
    
    <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
    
    <style type="text/css" media="screen">
    	
    	h1,h2,h3,h4,h5,h6{font-weight: bold;}
    	.right{float: right;} 
    	.left{float: left;} 
    	.clear {clear: both;}
    	
    	body{
    		font-size: 100%;
    		color: {color:Text};
    		font-family: 'Open Sans', arial, verdana, sans-serif;
    		word-wrap: break-word;
    		text-align: left;
    		background-color: {color:Background};
    		background-image: url({image:Background image});
    		background-repeat: repeat;
    		background-attachment: fixed;
    		background-position: top left;
    	}
    	a{text-decoration:none;}
    		
    	#container{
    		position: relative;
    		z-index:0;
    		width: 960px;
    		
    		{block:IndexPage}
    			{block:IfInfiniteScroll}
    				min-height: 800px;
    				height: auto !important;
    				height: 800px;
    			{/block:IfInfiniteScroll}
    		{/block:IndexPage}
    	}
    	
    	#sidebar{
    		color: {color:Text Sidebar};
    	   position:fixed;
    	   top:15%;
    	   left:0px;
    	   width: 400px;
    	}
    	#sidebar h1{
    		font-family: Arial;
    		color: {color:Title Sidebar};
    		font-size: 2.5em;
          font-weight: bold !important;
          margin-bottom:5px;
    		{block:IfHideSidebarDescription}
    			cursor:pointer;
          {/block:IfHideSidebarDescription}
    	}
    	
    	#sidebar h1 i{
    		{block:IfSidebarTitleBackground}
    			background-color:{color:Link background};
    			padding: 0px 15px 5px 10px;
    		{block:IfSidebarTitleBackground}
    	}
    	
    
    	#side_description{
    		font-size:0.8em;
    		margin-top: 10px;
    		line-height: 1.2em;
    		{block:IfSidebarDescriptionBackground}
    			background-color:{color:Link sidebar background};
    			padding:2px 5px 4px;
    		{/block:IfSidebarDescriptionBackground}
    		{block:IfHideSidebarDescription}
    			display:none;
    		{/block:IfHideSidebarDescription}	
    	}
    	
    	#content, #footer{
    		width: 520px;
    	}
    	
    	#content a, #footer a{
    		color:{color:Link};
    		
    		-webkit-transition: all 0.3s ease;
    		-moz-transition: all 0.3s ease;
    		transition: all 0.3s ease;
    		-o-transition: all 0.3s ease;
    	}
    	#content a:hover, #footer a:hover {color:{color:Link hover};background-color:{color:Link background};}
    	#content a:active, #footer a:active {color:{color:Link};}
    	
    	#footer{
    		font-size: 0.8em;
    		text-align: center;
    		margin: 20px 0px;
    		background-color: {color:Background post};
    		{block:IfPostShadow}
    			box-shadow: 0px 0px 5px {color:Box Shadow Color};
    		{/block:IfPostShadow}
    	}
    	
    	ul#titleLinks{
    		font-size: 1.1em;
    		margin-top: 20px;
    		font-weight: normal;
    	}
    	ul#titleLinks li{margin-top: 15px !important;}
    	
    	ul#titleLinks a{
    		text-transform: uppercase;
    		background-color:{color:Link sidebar background};
    		padding:4px 5px 4px 20px;
    		font-family: 'Oswald', sans-serif;
    		text-decoration:none;
    		color:{color:Link Sidebar};
    		margin-left: -15px;
    		
    		-webkit-transition: margin-left 0.2s ease-out;
    		-moz-transition: margin-left 0.2s ease-out;
    		transition: margin-left 0.2s ease-out;
    		-o-transition: margin-left 0.2s ease-out;
    	}
    	
    	ul#titleLinks a:hover{
    		margin-left: 0px;
    	}	
    	.posts{
    		position: relative;
    		width: 520px;margin-top: 20px;
    		z-index: 9000;
    		background-color: {color:Background post};
    		{block:IfPostShadow}
    			box-shadow: 0px 0px 5px {color:Box Shadow Color};
    		{/block:IfPostShadow}
    	}
    	
    	.posts{float: left;}
    	img.photo{
    	    {block:IfPostPadding}
    	    	width: 500px;
    	    	margin-bottom: -5px !important;
    	    {/block:IfPostPadding}
    	    {block:IfNotPostPadding}
    		   	width: 520px;
    		   	margin-top: -10px;
    	    	margin-left: -10px;
    	    {/block:IfNotPostPadding}
    	    
    	    {block:IndexPage}
    		    {block:IfShowCaptions}
    		   	 margin-bottom: -5px;
    		    {/block:IfShowCaptions}
    		    
    		    {block:IfNotShowCaptions}
    		    	margin-bottom: -15px;
    		    {/block:IfNotShowCaptions}
    	    {/block:IndexPage}
    	    
    	    {block:PermalinkPage}
    	    	margin-bottom: -5px;
    	    {/block:PermalinkPage}
    	}
    	
    	#postnotesdiv{
    		font-size:0.8em;
    	}
    	
    	#pagination{
    		position: relative;
    		{block:IfInfiniteScroll}
    			display:none;
    		{/block:IfInfiniteScroll}
    		margin-top:20px;
    	}
    	#pagination li{display:inline-block;margin-left:10px; list-style: none;}
    	#pagination li:first-child{margin-left:0px;}
    	#pagination li a{
    	    display: block;
    	    padding: 2px 10px;
    	    font-family: "Oswald";
    	    font-size:1em;
    	    background-color: {color:Background post};
    	    text-decoration:none;
    	    color:{color:Link Sidebar Color};
    		{block:IfPostShadow}
    			box-shadow: 0px 0px 5px {color:Box Shadow Color};
    		{/block:IfPostShadow}
    	}
    	.current_page{background-color:{color:Link background} !important;}
    	
    
    	.install:hover, .preview:hover{
    	    opacity:0.7;
    	    filter:alpha(opacity=70);
    	}
    	
    	.description_link{
    		text-transform: uppercase;
    		font-family: 'Oswald', sans-serif;
    		position: absolute;
    		opacity:0;
    		filter:alpha(opacity=0);
    		z-index: 9999;
    		color: {color:Link};
    		background-color: {color:Background post};
    		padding: 2px 10px;
    		font-size: 1.5em;
    		-webkit-transition: all 0.2s ease;
    		-moz-transition: all 0.2s ease;
    		transition: all 0.2s ease;
    		-o-transition: all 0.2s ease;
    		
    		bottom: 50px;
    
    	}
    	.reblog_link{left: 0px;}
    
    	.permalink_link{right: 0px;}
    	
    	.posts:hover .reblog_link{padding-left: 30px;}
    	.posts:hover .permalink_link{padding-right: 30px;}
    	.posts:hover .description_link{opacity:1;filter:alpha(opacity=100);}
    	
    	.description_posts{
    		background-color: 0;
    	    margin-top: 15px;
    	    font-size:0.7em;
    	    border-top: 1px solid {color:Border Note Permalinks};
    	    padding: 4px 0px 0px;
    	}
    	.description_posts a{text-decoration: none;color: {color:Link note permalinks};}
    	.description_posts a:hover{color: {color:Link};}
    	
    
    	h3.title{
    		text-transform: uppercase;
    		font-family: 'Oswald', sans-serif;
    		font-size: 2em;
    		color:{color:Title};
    		margin-bottom:5px;
    		line-height: 1.2em;
    		font-weight:normal;
    	}
    	.title a{color:{color:Title} !important;text-decoration:underline !important;}
    	.caption{font-size:0.8em;margin-left:3px;line-height:1.3em;margin-top:5px;}
    	.caption p{margin-top: 5px;}
    	.caption img{max-width:100%;}
    	.caption ul{margin:5px 0px;}
    	.caption img{
    		max-width: 125px; 
    		width:expression(document.body.clientWidth > 125? "125px": "auto" );
    		height: auto;
    		display: block;
    		margin: 10px 0px;
    	}
    	.videoPost{
    		text-align: center;
    		{block:IfNotPostPadding}
    			margin-top: -10px;
    			margin-left: -10px;
    		{/block:IfNotPostPadding}
    	}
    	
    	.videoPost iframe, .video_player{
    		{block:IfNotPostPadding}
    			width: 520px;
    		{/block:IfNotPostPadding}
    		
    		{block:PermalinkPage}
    	    	{block:IfNotPostPadding}width: 520px;{/block:IfNotPostPadding}
    	    {/block:PermalinkPage}
    		
    	}
    
    	
    	
    	.chat li.odd, .chat li.even{padding:5px;}
    	.chat li.odd{color:{color:Title};background-color:{color:Border Note Permalinks};}
    	.chat li.even{color:{color:Text};}
    	
    	.label{font-weight:bold;}
    	.asker{color:{color:Link};font-weight:bold;}
    	.quest{
    		font-size:0.8em;
    		{block:IndexPage}width: 140px;{/block:IndexPage}
    		{block:PermalinkPage}width: 315px;{/block:PermalinkPage}
    	}
    	.askAnswer{margin-top:10px;}
    	
    	.album_art{background: #000;margin-right: 10px;position: relative;} 
    	.audiotrack li{margin: 5px 0px 0px;font-size: 0.7em;list-style-type: none;}
    	.audiotrack li:first-child{margin-top: 0px;}
    	.album_art{
    		height:151px;
    		width: 193px;
    		margin-right: 30px;
    		background: url('http://static.tumblr.com/dbek3sy/jG9lswgfn/audio_cover.png') no-repeat -150px 0px;
    		position: relative;
    	} 
    	.effectalbumart{
    		height: 150px;
    		width: 150px;
    		position: absolute;
    		top: 0px;
    		left: 0px;
    		background: url(http://static.tumblr.com/dbek3sy/L7vlsqr0w/audio_cover.png) no-repeat 0px 0px;
    		z-index: 5000;
    	}
    	.sociallike{
    		margin-top: 10px;
    		padding-top: 5px;
    		border-top: 1px solid {color:Border Note Permalinks};
    	}
    	
    	#socialButton{width: 200px;margin-top: 5px;}
    	#paginationPost{
    		text-transform: uppercase;
    		font-family: "Oswald", Arial, sans-serif;
    		font-size: 1.2em;
    		width: 190px;
    		text-align: right;
    	}
    	#tagsPermalink{
    		margin:10px 0px 15px;
    	}
    	#tagsPermalink a{margin-left: 10px;}
    	#tagsPermalink a:first-child{margin-left: 0px;}
    	
    	blockquote{	padding-left:10px;border-left:3px solid {color:Border Note Permalinks};margin:5px 0px 5px 0px;}
    	li{list-style-type: disc;margin-left: 20px;}
    	ul#titleLinks li, ul.chat li, .note{list-style-type: none;margin:0px;}
    	ol.notes{text-align: left;margin-top: 10px;border-top: 1px solid {color:Border Note Permalinks};padding-top:5px;}
    	.note{margin:3px 0px;}
    	.note blockquote{margin-left: 25px;}
    	ol.notes li .avatar {
    		width:17px;
    		height:17px;
    		vertical-align: middle;
    		{block:IfShowNotesPermalink}
    		margin-right: 3px;
    		{/block:IfShowNotesPermalink}
    	}
    	
    	{block:IfNotShowNotesPermalink}
    		.note{float:left;margin:5px;height:17px;line-height: 17px;z-index:10;}
    		.action, .note blockquote{display:none;}
    		.more_notes_link_container{padding:0px !important;}
    		.action a{color: #fff !important;}
    		.note:hover{position:relative;z-index:100;}			
    		.note:hover .action{
    			display: block;
    			position:absolute;
    			float:left;
    			white-space:nowrap;
    			top:-2.2em;
    			left:.5em;
    			background:#000;
    			color:#fff;
    			padding: 1px 5px;
    			z-index:10;
    		}
    	{/block:IfNotShowNotesPermalink}
    	
    	#infscr-loading{bottom: -75px;position: absolute;left: 50%;margin-left:-8px;width:16px;height:20px;overflow:hidden;margin-bottom: 50px;}
    	
    	#tumblr_controls{
    		{block:IfTumblrButtonsFixed}
    			position:fixed !important;
    		{/block:IfTumblrButtonsFixed}
    	
    		{block:IfTumblrButtonsOpacity}
    			opacity: 0.3;
    			filter:alpha(opacity=30);
    		{/block:IfTumblrButtonsOpacity}
    		
    		-webkit-transition: all 0.5s ease-out;
    		-moz-transition: all 0.5s ease-out;
    		transition: all 0.5s ease-out;
    		-o-transition: all 0.5s ease-out;
    	}
    	
    	{block:IfTumblrButtonsOpacity}
    	#tumblr_controls:hover{
    		opacity: 1;
    		filter:alpha(opacity=100);
    	}
    	{/block:IfTumblrButtonsOpacity}
    	
    	#topDiv{
    		font-family: "Oswald";
    		position: fixed;
    		display:block;
    		padding:  3px 10px;
    		bottom: 20px;
    		right: 10px;
    		z-index: 9999;
    		display: none;
    		font-size: 1em;
    		cursor: pointer;
    		color: {color:Link Sidebar};
    		background-color: {color:Background post};
    	}
    	#topDiv:hover{background-color:{color:Link background};}
    	
    	
    	{CustomCSS}
    </style>
    
    
    </head>
    <body>
    
    <div style="position:fixed;right:2px;top:25px;">
    <a href="http://themecloud.co/themes/Swagger/" target="_blank">
    <img class="normal" src="http://static.tumblr.com/dbek3sy/zESllc4x6/install_theme.png" alt="install theme" />
    </a>
    </div>
    
    
    <div id="container">
    	<div id="sidebar">
    	
    		<h1 id="toggleDesc"><i>{Title}</i></h1>
    
    		<div id="side_description">{Description}</div>
    		
    		<ul id="titleLinks">
    			<li><a href="/">Home</a></li>
    			{block:AskEnabled}
    				<li><a href="/ask" >{text:Ask text}</a></li>
    			{/block:AskEnabled}
    			{block:IfLink1title}
    				<li><a href="{text:Link 1 url}">{text:Link 1 title}</a></li>
    			{/block:IfLink1title}
    			{block:IfLink2title}
    				<li><a href="{text:Link 2 url}">{text:Link 2 title}</a></li>
    			{/block:IfLink2title}
    			{block:IfLink3title}
    				<li><a href="{text:Link 3 url}">{text:Link 3 title}</a></li>
    			{/block:IfLink3title}
    			{block:IfLink4title}
    				<li><a href="{text:Link 4 url}">{text:Link 4 title}</a></li>
    			{/block:IfLink4title}
    			{block:IfLink5title}
    				<li><a href="{text:Link 5 url}">{text:Link 5 title}</a></li>
    			{/block:IfLink5title}
    				<li><a href="http://themecloud.co/themes/Swagger/">Theme</a></li>
    			{block:HasPages} 
    				{block:Pages} 
    					<li><a href="{URL}" >{Label}</a></li>
    				{/block:Pages}
    			{/block:HasPages}
    		</ul>
    
    	</div><!-- sidebar -->
    	
    	<div id="content" class="right">
    		{block:Posts}
    			<div class="posts">
    				<div style="padding:10px;overflow: hidden;">
    
    				{block:Text}
    					{block:Title}
    					<h3 class="title">{Title}</h3>
    					{/block:Title}
    					<div class="caption">{Body}</div>
    					{block:IndexPage}
    						{block:Date}
    							<div class="description_posts">
    								<span><a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{Month}, {DayOfMonthWithZero}, {Year}</a> / </span>
    								<span><a href="{ReblogURL}" target="_blank">Reblog</a> / </span>
    								<span><a href="{Permalink}">{NoteCountWithLabel}</a> / </span>
    							</div>
    						{/block:Date}
    					{/block:IndexPage}
    				{/block:Text}
    				
    				
    				{block:Link}
    					<h3 class="title"><a href="{URL}" class="link title" {Target}>{Name}</a></h3>
    					{block:Description}
    						<div class="caption">{Description}</div>
    					{/block:Description}
    					{block:IndexPage}
    						{block:Date}
    							<div class="description_posts">
    								<span><a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{Month}, {DayOfMonthWithZero}, {Year}</a> / </span>
    								<span><a href="{ReblogURL}" target="_blank">Reblog</a> / </span>
    								<span><a href="{Permalink}">{NoteCountWithLabel}</a> / </span>
    							</div>
    						{/block:Date}
    					{/block:IndexPage}
    				{block:Link}
    				
    				
    				{block:Photo} 
    					<img class="photo" src="{PhotoURL-500}" alt="{PhotoAlt}"/>
    					{block:IndexPage}
    						{block:IfShowCaptions}
    							{block:Caption}
    								<div class="caption">{Caption}</div>
    							{/block:Caption}
    						{/block:IfShowCaptions}
    						{block:IfNotShowCaptions}
    							<a class="description_link permalink_link" href="{Permalink}">{NoteCountWithLabel}</a>
    							<a class="description_link reblog_link" href="{ReblogURL}" target="_blank">Reblog</a>
    						{/block:IfNotShowCaptions}
    						{block:IfShowCaptions}
    							{block:Date}
    								<div class="description_posts">
    									<span><a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{Month}, {DayOfMonthWithZero}, {Year}</a> / </span>
    									<span><a href="{ReblogURL}" target="_blank">Reblog</a> / </span>
    									<span><a href="{Permalink}">{NoteCountWithLabel}</a> / </span>
    								</div>
    							{/block:Date}
    						{/block:IfShowCaptions}
    					{/block:IndexPage}
    					{block:PermalinkPage}
    						{block:Caption}
    							<div class="caption">{Caption}</div>
    						{/block:Caption}
    					{/block:PermalinkPage}
    				{/block:Photo}
    				
    
    				{block:Photoset}
    					<div class="photosetPost">{Photoset-500}</div>
    					{block:IndexPage}
    						{block:IfShowCaptions}
    							{block:Caption}
    								<div class="caption">{Caption}</div>
    							{/block:Caption}
    						{/block:IfShowCaptions}
    						{block:Date}
    							<div class="description_posts">
    								<span><a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{Month}, {DayOfMonthWithZero}, {Year}</a> / </span>
    								<span><a href="{ReblogURL}" target="_blank">Reblog</a> / </span>
    								<span><a href="{Permalink}">{NoteCountWithLabel}</a> / </span>
    							</div>
    						{/block:Date}
    					{/block:IndexPage}
    					{block:PermalinkPage}
    						{block:Caption}
    							<div class="caption">{Caption}</div>
    						{/block:Caption}
    					{/block:PermalinkPage}
    				{/block:Photoset}
    				
    				{block:Answer}
    					<img class="left" style="margin-right:10px;" width="30px" src="{AskerPortraitURL-30}"/>
    					<div class="left quest">
    						<b>{Asker}</b>:<br>
    						{Question}
    					</div>
    					<div class="clear"></div>
    					<div class="askAnswer">
    						<img class="left" style="margin-right:10px;" width="30px" src="{PortraitURL-30}"/>
    						<div class="left quest">
    							<b>Me</b>:<br> 
    							<i>{Answer}</i>
    						</div>
    						<div class="clear"></div>
    					</div>
    					{block:IndexPage}
    						{block:Date}
    							<div class="description_posts">
    								<span><a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{Month}, {DayOfMonthWithZero}, {Year}</a> / </span>
    								<span><a href="{ReblogURL}" target="_blank">Reblog</a> / </span>
    								<span><a href="{Permalink}">{NoteCountWithLabel}</a> / </span>
    							</div>
    						{/block:Date}
    					{/block:IndexPage}
    				{/block:Answer}
    				
    				
    				{block:Quote}
    					<h3 class="title">"{Quote}"</h3>
    					{block:Source}
    						<div class="caption" style="text-align:right;">- {Source}</div>
    					{/block:Source}
    					{block:IndexPage}
    						{block:Date}
    							<div class="description_posts">
    								<span><a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{Month}, {DayOfMonthWithZero}, {Year}</a> / </span>
    								<span><a href="{ReblogURL}" target="_blank">Reblog</a> / </span>
    								<span><a href="{Permalink}">{NoteCountWithLabel}</a> / </span>
    							</div>
    						{/block:Date}
    					{/block:IndexPage}
    				{/block:Quote}
    				
    				
    				{block:Chat}
    					{block:Title}
    						<h3 class="title">{Title}</h3>
    					{/block:Title}
    						<ul class="chat">
    							{block:Lines}
    								<li class="{Alt} user_{UserNumber}">
    									{block:Label}
    										<span class="label">{Label}</span>
    									{/block:Label}
    									<span class="caption">{Line}</span>
    								</li>
    							{/block:Lines}
    						</ul>
    					{block:IndexPage}
    						{block:Date}
    							<div class="description_posts">
    								<span><a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{Month}, {DayOfMonthWithZero}, {Year}</a> / </span>
    								<span><a href="{ReblogURL}" target="_blank">Reblog</a> / </span>
    								<span><a href="{Permalink}">{NoteCountWithLabel}</a> / </span>
    							</div>
    						{/block:Date}
    					{/block:IndexPage}
    				{/block:Chat}
    				
    				
    				{block:Audio}
    					<div class="album_art left">
    						<div class="effectalbumart"></div>
    						{block:AlbumArt}
    							<img width="150" src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}"/>
    						{/block:AlbumArt}
    					</div>
    					<ul class="audiotrack left">
    						{block:Artist}<li><b>Artist:</b> {Artist}</li>{/block:Artist}
    						{block:TrackName}<li><b>Song:</b> {TrackName}</li>{/block:TrackName}
    						{block:Album}<li><b>Album:</b> {Album}</li>{/block:Album}
    						<li><b>Plays:</b> {FormattedPlayCount}{block:ExternalAudio} <a href="{ExternalAudioURL}">(Download)</a>{/block:ExternalAudio}</li>
    						<li class="audioplayerinto done">{AudioPlayerBlack}</li>
    					</ul>
    					<div class="clear"></div>
    					{block:IndexPage}
    						{block:IfShowCaptions}
    							{block:Caption}
    								<div class="caption">{Caption}</div>
    							{/block:Caption}
    						{/block:IfShowCaptions}
    						{block:Date}
    							<div class="description_posts">
    								<span><a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{Month}, {DayOfMonthWithZero}, {Year}</a> / </span>
    								<span><a href="{ReblogURL}" target="_blank">Reblog</a> / </span>
    								<span><a href="{Permalink}">{NoteCountWithLabel}</a> / </span>
    							</div>
    						{/block:Date}
    					{/block:IndexPage}
    					{block:PermalinkPage}
    						{block:Caption}
    							<div class="caption">{Caption}</div>
    						{/block:Caption}
    					{/block:PermalinkPage}
    				{/block:Audio}
    				
    				
    				{block:Video}
    					<div class="videoPost">{Video-500}</div>
    					{block:IndexPage}
    						{block:IfShowCaptions}
    							{block:Caption}
    								<div class="caption">{Caption}</div>
    							{/block:Caption}
    						{/block:IfShowCaptions}
    						{block:Date}
    							<div class="description_posts">
    								<span><a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{Month}, {DayOfMonthWithZero}, {Year}</a> / </span>
    								<span><a href="{ReblogURL}" target="_blank">Reblog</a> / </span>
    								<span><a href="{Permalink}">{NoteCountWithLabel}</a> / </span>
    							</div>
    						{/block:Date}
    					{/block:IndexPage}
    					{block:PermalinkPage}
    						{block:Caption}
    							<div class="caption">{Caption}</div>
    						{/block:Caption}
    					{/block:PermalinkPage}
    				{/block:Video}
    	
    				{block:PermalinkPage}
    						{block:Date}
    							<div class="sociallike">
    								{block:IfShowSocial}
    								<div id="socialButton" class="left">
    									<div style="display:inline-block;"><g:plusone annotation="none" size="medium" href="{Permalink}"></g:plusone></div>
    									<span style="margin-left: 5px;"><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-via="rickerlr" data-related="rickerlr" data-hashtags="tumblr">Tweet</a>
    									<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></span>
    									<span style="margin-left: 5px;"><iframe id="facebookiframe" src="http://www.facebook.com/plugins/like.php?locale=en_US&href={Permalink}&width=46&colorscheme=light&layout=button_count" scrolling="no" frameborder='0' style="border:none; overflow:hidden; width:46px; height:20px;"></iframe></span>
    								</div>
    								{/block:IfShowSocial}
    								{block:PermalinkPagination}
    								<div id="paginationPost" class="right">
    									{block:NextPost}<a style="margin-right:5px;" href="{NextPost}">Prev Post</a>{/block:NextPost}
    									{block:PreviousPost}<a href="{PreviousPost}">Next Post</a>{/block:PreviousPost}
    								</div>
    								{/block:PermalinkPagination}
    								<div class="clear"></div>
    							</div>
    						{/block:Date}
    				{/block:PermalinkPage}
    				</div><!-- padding .posts -->
    			</div><!-- .posts -->
    			
    		{block:PermalinkPage}
    			{block:Date}
    				<div class="posts">
    					<div style="padding:10px;">
    						<div id="postnotesdiv">
    							<div style="font-size:0.85em;">
    								This post was posted {TimeAgo} with {NoteCountWithLabel}<br>
    								{block:RebloggedFrom}
    									Was reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a>
    								<br>
    									Was posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
    								{/block:RebloggedFrom}
    								
    								{block:HasTags}
    									<div id="tagsPermalink">
    										{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
    									</div>
    								{/block:HasTags}
    							</div>
    				
    							{block:PostNotes}
    								{PostNotes}
    							{/block:PostNotes}
    							<div class="clear"></div>
    						</div>
    					</div><!-- padding .posts -->
    				</div><!-- .posts -->
    			{/block:Date}
    		{/block:PermalinkPage}
    				
    		{/block:Posts}
    		<div class="clear"></div>
    		{block:IndexPage}
    		{block:Pagination}
    			<ul id="pagination">
    				{block:PreviousPage}
    					<li><a href="{PreviousPage}"></a></li>
    				{/block:PreviousPage}
    				{block:JumpPagination length="5"}
    					{block:CurrentPage}
    						<li><a class="current_page numbersNav" href="javascript:void(0);">{PageNumber}</a></li>
    					{/block:CurrentPage}
    					{block:JumpPage}
    						<li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
    					{/block:JumpPage}
    				{/block:JumpPagination}
    				{block:NextPage}
    					<li><a id="nextPage" href="{NextPage}"></a></li>
    				{/block:NextPage}
    			</ul>
    		{/block:Pagination}
    	{/block:IndexPage}
    	</div><!-- content -->
    
    	<div id="footer" class="right"><div style="padding:10px;">
    		theme <a href="http://themecloud.co/themes/Swagger/" target="_blank">Swagger</a> by <a rel="author" href="https://plus.google.com/103755841897518239485?rel=author" target="_blank">rickerlr</a> / <a href="http://rickerlrthemes.tumblr.com/" target="_blank">rickerlrthemes</a>
    	</div></div>	
    
    	
    	<div class="clear"></div>
    </div><!-- container -->
    <a href="javascript:void(0);" id="topDiv">TOP</a>
    
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    <script>
    	/* return top */
    	$("#topDiv").click(function(){
    		var target = $("html");  
    		$('html, body').animate({
    			scrollTop: target.offset().top  
    		}, 1000);
    	});
    		
    	var topDiv = $("#topDiv");
    	var topDivTop = "1000";
    	var view = $( window );
    	view.bind("scroll resize", function(){
    		var viewTop = view.scrollTop();
    		if (viewTop > topDivTop){
    			topDiv.fadeIn(300);
    		}
    		else if (viewTop <= topDivTop){
    			topDiv.fadeOut(200);
    		}
    	});
    </script>
    {block:IfHideSidebarDescription}
    <script type="text/javascript">
    	$(function(){
    		$("#toggleDesc").click(function(){
    			$("#side_description").fadeToggle(300);
    		});
    	});
    </script>
    {/block:IfHideSidebarDescription}
    <script type="text/javascript"  src="http://www.themecloud.co/themes/swagger/getjs.asp?id=266049"></script>
    {block:IndexPage}
    	{block:IfInfiniteScroll}
    		<script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
    		<script type="text/javascript">
    			$(window).load(function () {
    				var $content = $('#content');
    				$content.masonry({
    				    itemSelector: '.posts',
    				    isAnimated: true
    				}),
    				$content.infinitescroll({
    				    	navSelector    : '#pagination',  
    				      nextSelector   : '#pagination a#nextPage', 
    				      itemSelector   : '.posts',
    				      loading: {
    				          finishedMsg: '',
    				          img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
    				      },
    				      bufferPx       : 200,
    				      debug          : false,
    				},
    				// call masonry as a callback.
    				function( newElements ) {
    					var $newElems = $( newElements );
    						$newElems.hide();
    					// ensure that images load before adding to masonry layout
    					$newElems.imagesLoaded(function(){
    						repairAudioPlayer();
    						$content.masonry(
    							'appended', 
    							$newElems, true,
    							function(){$newElems.fadeIn(300);}
    				    );
    					});
    				});
    			});
    			function repairAudioPlayer(){
    				$('.audioplayerinto.done').each(function(){
    					var audioID = $(this).attr("id");
    					var $audioPost = $(this);
    					$.ajax({
    						url: '/api/read/json?id=' + audioID,
    						dataType: 'jsonp',
    						timeout: 50000,
    						success: function(data){
    							$audioPost.html(data.posts[0]["audio-player"].replace("color=FFFFFF", "color=000000"));
    						}
    					});
    				}).removeClass("done");
    			};
    		</script>
    	{/block:IfInfiniteScroll}
    {/block:IndexPage}
    {block:IfContainerFadeIn}
    <script type="text/javascript">
    	$(function(){
    		$("#container").fadeIn(500);
    	});
    </script>
    {/block:IfContainerFadeIn}
    <script type="text/javascript">
      (function() {
        var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
        po.src = 'https://apis.google.com/js/plusone.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
      })();
    </script>
    {block:IfGoogleAnalyticsID}
    <script type="text/javascript">
    
      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';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();
    
    </script>
    {/block:IfGoogleAnalyticsID}
    </body>
    </html>

    0 Not allowed! Not allowed!
    Last edited by Retro; 05-21-2013 at 08:15 PM.
    @Tenza

  2. #2
    destroy herd mentality. Vinyl's Avatar
    Join Date
    Jun 2011
    Posts
    5,690
    Points
    923
         User Info     Contact     Gamer ID
    Join Date
    Jun 2011
    Posts
    5,690
    Points
    923

    Default

    I tried it out, It would be nice if it was a grid theme with columns. Nice share.

    0 Not allowed! Not allowed!


  3. #3
    Retro's Avatar

    Badge

    Join Date
    Jul 2011
    Location
    Dreaming Somewhere.
    Posts
    2,590
    Points
    2,316
         User Info     Contact     Gamer ID
    Join Date
    Jul 2011
    Location
    Dreaming Somewhere.
    Posts
    2,590
    Points
    2,316

    Default

    Quote Originally Posted by palevinyls View Post
    I tried it out, It would be nice if it was a grid theme with columns. Nice share.

    Yeah I know what you mean. I wanted a theme with more columns, so I just decided to give it away.

    0 Not allowed! Not allowed!
    @Tenza

  4. #4
    Josh's Avatar

    Badge

    Join Date
    Dec 2009
    Location
    Florida .
    Posts
    10,474
    Points
    11,219
         User Info     Contact     Gamer ID
    Join Date
    Dec 2009
    Location
    Florida .
    Posts
    10,474
    Points
    11,219

    Default

    What Vinyl said. But it's not bad though. I kinda like it .

    My theme can use some organization. Might call up a friend make one from scratch .

    0 Not allowed! Not allowed!
    Collabo with my boi Artemis :3



Bookmarks

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -10. The time now is 02:20 AM.
Powered by vBulletin®
Copyright © 2018 vBulletin Solutions, Inc. All rights reserved.