API tools faq
paste
tontonmae10

counter shot! {tumblr theme}

tontonmae10
Jul 30th, 2017
1,806
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.76 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4.  
  5.  
  6. thank u for 300+ followers!
  7. if u know how to code html then feel free to change the
  8. theme's credit icon. just don't remove it.
  9.  
  10. this theme is called "counter shot!" idk why.
  11. if you have any issues, message me @harcil and
  12. i'll help you out with coding and stuff.
  13.  
  14.  
  15.  
  16.  
  17.  
  18. -->
  19.  
  20.  
  21. <!DOCTYPE html>
  22. <head>
  23.  
  24. <script type="text/javascript"
  25. src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js" ></script>
  26.  
  27. <meta charset="utf-8">
  28. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  29. {block:Description}
  30. <meta name="description" content="{MetaDescription}" />
  31. {/block:Description}
  32.  
  33. <meta name="text:border size" content="1">
  34. <meta name="text:padding" content="10">
  35. <meta name="text:font size" content="12">
  36.  
  37. <meta name="color:text color">
  38. <meta name="color:background color">
  39. <meta name="color:sidebar txt">
  40. <meta name="color:post bg">
  41. <meta name="color:sidebar bg">
  42. <meta name="color:border">
  43. <meta name="color:footer bg">
  44. <meta name="color:link color">
  45. <meta name="color:link border">
  46. <meta name="color:link hover">
  47.  
  48.  
  49. <meta name="image:background">
  50. <meta name="image:sidebar" content=""/>
  51. <meta name="image:favicon" content=""/>
  52. <meta name="image:header" content=""/>
  53. <meta name="image:footer">
  54.  
  55. <meta name="text:link01" content="">
  56. <meta name="text:link02" content="">
  57. <meta name="text:link03" content="">
  58.  
  59. <meta name="text:link1 title" content="">
  60. <meta name="text:link2 title" content="">
  61. <meta name="text:link3 title" content="">
  62.  
  63. <meta name="image:link1" content="">
  64. <meta name="image:link2" content="">
  65. <meta name="image:link3" content="">
  66.  
  67.  
  68.  
  69.  
  70. <title>{Title}</title>
  71.  
  72. <link rel="shortcut icon" href="{image:favicon}">
  73. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  74. <link rel="stylesheet" href="http://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  75.  
  76. <script src="http://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  77.  
  78.  
  79. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  80.  
  81.  
  82. <style type="text/css">
  83.  
  84.  
  85. body {
  86. margin:0px;
  87. background:#fff;
  88. font-family: arial, helvetica, sans-serif;
  89. font-size:{text:font size}px;
  90. line-height:130%;
  91. color: {color:text color};
  92. text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
  93. background-image:url('{image:background}');
  94. background-repeat: repeat; background-attachment: fixed;
  95. font-family: {select:font};
  96. background-color:{color:background color};
  97.  
  98. }
  99.  
  100. p{
  101. margin:0 0 10px 0;
  102. padding:0;
  103. }
  104.  
  105. pre {
  106. white-space: pre-wrap;
  107. white-space: -moz-pre-wrap;
  108. white-space: -pre-wrap;
  109. white-space: -o-pre-wrap;
  110. word-wrap: break-word;
  111. }
  112.  
  113. a{
  114. color:{color:link color};
  115. text-shadow: -1px 0 {color:link border}, 0 1px {color:link border}, 1px 0 {color:link border}, 0 -1px {color:link border};
  116.  
  117. }
  118.  
  119. a:hover{
  120. color:{color:link hover};
  121. }
  122.  
  123. li{
  124. margin-left:-15px;
  125. }
  126.  
  127. #wrapper{
  128. width:600px;
  129. margin:50px auto;
  130. }
  131.  
  132. #title {
  133. margin: 10px;
  134. margin-right: 40px;
  135. text-align:center;
  136. font-size: 40px;
  137. font-weight: bold;
  138. }
  139.  
  140. #title img {
  141. max-width:100%;
  142. display:block;
  143. padding-bottom: 4px;
  144. }
  145.  
  146. #sidebar{
  147. width:110px;
  148. position:fixed;
  149. color:{color:sidebar txt};
  150. border: {text:border size}px {color:border} solid;
  151. -moz-border-radius:11px;
  152. -webkit-border-radius:11px;
  153. background-color:{color:sidebar bg};
  154. padding: {text:padding}px;
  155. position:fixed;
  156. margin-top:10px;
  157. margin-left:-120px;
  158. text-align: center;
  159. }
  160.  
  161. #content{
  162. width:600px;
  163. overflow:hidden;
  164. padding: 10px 10px 10px 10px;
  165. margin-top:00px;
  166. margin-left:70px;
  167. }
  168.  
  169. #credit{
  170. font-size:20px;
  171.  
  172. }
  173.  
  174. #footerbox{
  175. border:{text:border size}px {color:border} solid;
  176. -moz-border-radius:11px;
  177. -webkit-border-radius:11px;
  178. padding:5px;
  179. background:{color:footer bg};
  180.  
  181. }
  182.  
  183. #s-m-t-tooltip {
  184. margin-left:15px;
  185. margin-top:-21px;
  186. letter-spacing:0px;
  187. font-family:arial;
  188. text-transform:auto;
  189. font-size:12px;
  190. color:{color:footer bg};
  191. padding: 2px;
  192. z-index:99999999999999999999999;
  193. -webkit-transition:all 1.5s;
  194. -moz-transition:all 1.5s;
  195. -ms-transition:all 1.5s;
  196. -o-transition:all 1.5s;
  197. transition:all 1.5s;
  198. }
  199.  
  200. .post{
  201. width:400px;
  202. margin:0 0 50px 0;
  203. overflow:hidden;
  204. border: {text:border size}px {color:border} solid;
  205. -moz-border-radius:11px;
  206. -webkit-border-radius:11px;
  207. background-color:{color:post bg};
  208. padding: {text:padding}px;
  209. }
  210.  
  211. #sidebar img, .post img{
  212. max-width:100%;
  213. -moz-border-radius:11px;
  214. -webkit-border-radius:11px;
  215. }
  216.  
  217. #nav{
  218. margin:50px 0 0 0;
  219. }
  220.  
  221.  
  222. .media{
  223. margin:0 0 10px 0;
  224. }
  225.  
  226. .title{
  227. font-weight:normal;
  228. font-size:18px;
  229. margin:0 0 10px 0;
  230. }
  231.  
  232. .quote{
  233. font-weight:normal;
  234. font-size:16px;
  235. font-style:italic;
  236. margin:0 0 10px 0;
  237. }
  238.  
  239. .question{
  240. margin-bottom:10px;
  241. }
  242.  
  243. blockquote{
  244. margin:0 0 10px 10px;
  245. padding:0 0 0 10px;
  246. border-left:solid 1px #000;
  247. }
  248.  
  249. .post .footer{
  250. margin:0;
  251. text-align:left;
  252. }
  253.  
  254. ol.notes{
  255. list-style-type:none;
  256. padding:0;
  257. margin:0;
  258. }
  259.  
  260. ol.notes li.note img{
  261. width:16px;
  262. height:16px;
  263. }
  264.  
  265. ol.notes li.note{
  266. margin:0px;
  267. }
  268.  
  269. {CustomCSS}
  270.  
  271. <script src=“http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js”></script>
  272. <script src=“http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js”></script>
  273. <script>
  274. (function($){
  275. $(document).ready(function(){
  276. $(“a[title]”).style_my_tooltips({
  277. tip_follows_cursor:true,
  278. tip_delay_time:7,
  279. tip_fade_speed:7,
  280. attribute:“title”
  281. });
  282. });
  283. })(jQuery);
  284. </script>
  285.  
  286. </style>
  287. </head>
  288.  
  289. <body>
  290.  
  291.  
  292.  
  293.  
  294. <div id="wrapper">
  295.  
  296.  
  297. <div id="title">
  298. <a href="/">
  299. <div align="center"><img src="{image:Header}"/></a></div>
  300. </div>
  301.  
  302. <div id="sidebar">
  303. <a href="{URL}"><img src="{image:sidebar}"></a>
  304. {/block:SubmissionsEnabled}
  305. {block:HasPages}
  306. {block:Pages}
  307. <a href="{URL}">{Label}</a>
  308. {/block:Pages}
  309. {/block:HasPages}
  310. {Description}
  311. <br>
  312. <div align="center">
  313. <a href="{text:link01}" title="{text:link1 title}"><img src="{image:link1}"></a>
  314. <a href="{text:link02}" title="{text:link2 title}"><img src="{image:link2}"></a>
  315. <a href="{text:link03}" title="{text:link3 title}"><img src="{image:link3}"></a></div>
  316.  
  317. </div>
  318.  
  319.  
  320. <div id="content">
  321. {block:Posts}
  322.  
  323. <div class="post">
  324.  
  325.  
  326. {block:Text}
  327. {block:Title}
  328. <div class="title">{Title}</div>
  329. {/block:Title}
  330. {Body}
  331. {/block:Text}
  332.  
  333. {block:Photo}
  334. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  335. {/block:Photo}
  336.  
  337. {block:Photoset}
  338. <div class="media">{Photoset-400}</div>
  339. {/block:Photoset}
  340.  
  341. {block:Quote}
  342. <div class="quote">"{Quote}"</div>
  343. {block:Source}
  344. <div class="quotesource">{Source}</div>
  345. {/block:Source}
  346. {/block:Quote}
  347.  
  348. {block:Link}
  349. <div class="title"><a href="{URL}">{Name}</a></div>
  350. {block:Description}
  351. {/block:Description}
  352. {/block:Link}
  353.  
  354. {block:Chat}
  355. {block:Title}
  356. <div class="title">{Title}</div>
  357. {/block:Title}
  358.  
  359. {block:Lines}
  360. <div class="{Alt} user_{UserNumber}">
  361. {block:Label}
  362. <b>{Label}</b>{/block:Label}
  363. &nbsp;{Line}
  364. </div>
  365. {/block:Lines}
  366. {/block:Chat}
  367.  
  368. {block:Video}
  369. <div class="media">{Video-400}</div>
  370. {/block:Video}
  371.  
  372. {block:Audio}
  373. <div class="media">
  374. {block:AlbumArt}<img src="{AlbumArtURL}" width=70>{/block:AlbumArt}
  375. {AudioPlayerWhite}
  376. {block:TrackName}{TrackName}<br>{/block:TrackName}
  377. {block:Artist}{Artist}<br>{/block:Artist}
  378. {block:Album}{Album}{/block:Album}
  379. </div>
  380. {block:Caption}{Caption}{/block:Caption}
  381. {/block:Audio}
  382.  
  383. {block:Answer}
  384. <div class="question">{Asker}: {Question}</div>
  385. <div class="caption">{Answer}</div>
  386. {/block:Answer}
  387.  
  388.  
  389. {block:Date}
  390. <div class="footer">
  391. <div id="footerbox">
  392. tagged: {block:Tags}<a href="{TagURL}">{Tag}</a> / {/block:Tags}{/block:HasTags}
  393. </div></div>
  394. <br>
  395. <div align="center"><img src="{image:footer}"></div>
  396. {block:PermalinkPage}
  397. {block:NoteCount}
  398. {block:PostNotes}{PostNotes}{/block:PostNotes}
  399. {/block:NoteCount}
  400. {/block:PermalinkPage}
  401. {/block:Date}
  402.  
  403.  
  404.  
  405. </div>
  406. {/block:Posts}
  407.  
  408.  
  409.  
  410. {block:Pagination}
  411. <div id="nav">
  412. {block:PreviousPage}<a href="{PreviousPage}">{lang:Previous}</a>{/block:PreviousPage}
  413. {block:NextPage}<a href="{NextPage}">{lang:Next}</a>{/block:NextPage}
  414.  
  415. </div>
  416. {/block:Pagination}
  417. </div>
  418. </div>
  419.  
  420.  
  421. </div>
  422.  
  423.  
  424.  
  425. <div style="position:fixed;bottom:0px;left:0px;padding:3px;"><a href="http://www.harcil.tumblr.com"><img src="http://68.media.tumblr.com/3fcccb540252361088d42c65c504499d/tumblr_inline_mmzqorHMLi1qz4rgp.gif" alt=""></a></div>
  426.  
  427. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  428. <script>window.jQuery || document.write('<script src="http://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  429.  
  430. <div id="credit">
  431. </a></div>
  432.  
  433.  
  434. </body>
  435.  
  436.  
  437.  
  438.  
  439. </html>
  440.  
  441. <style type="text/css">
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!