API tools faq
paste
themesbyjames

Overwatch

themesbyjames
Mar 18th, 2012
600
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.18 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!-- -------------------------------------------------------------
  3.  
  4. THEME: OVERWATCH
  5. ~ THANK YOU AND CONGRATULATIONS FOR CHOOSING THEMESBYJAMES ~
  6. CREATED 2012 HTTP://THEMESBYJAMES.TUMBLR.COM
  7.  
  8. ------------------------------------------------------------- -->
  9.  
  10. <!DOCTYPE HTML><head>
  11. <title>{title}</title>
  12. <!-- DEFAULT VARIABLES -->
  13. <meta name="text:Font Size" content="11px"/>
  14. <meta name="font:Body" content="Arial, Helvetica, sans-serif"/>
  15. <meta name="text:Link One" content="" />
  16. <meta name="text:Link One Title" content="" />
  17. <meta name="text:Link Two" content="" />
  18. <meta name="text:Link Two Title" content="" />
  19. <meta name="text:Link Three" content="" />
  20. <meta name="text:Link Three Title" content="" />
  21. <meta name="text:Link Four" content="" />
  22. <meta name="text:link Four Title" content="" />
  23. <meta name="text:link Five" content="" />
  24. <meta name="text:link Five Title" content="" />
  25. <meta name="color:Background" content="#FFFFFF"/>
  26. <meta name="color:Sidebar" content="#FFF"/>
  27. <meta name="color:Center" content="#ffffff"/>
  28. <meta name="color:Text" content="#8A8A8A"/>
  29. <meta name="color:Link" content="#000"/>
  30. <meta name="color:Hover" content="#8A8A8A"/>
  31. <meta name="color:Scrollbar" content="#130C11"/>
  32. <meta name="image:Background" content="http://static.tumblr.com/ek9ly4s/i6Fm12595/pagebg.png"/>
  33. <meta name="image:Sidebar" content=""/>
  34. <meta name="image:Banner" content=""/>
  35. <meta name="if:Show Sidebar Image" content="0"/>
  36. <meta name="if:Show Banner Image" content="0"/>
  37. <meta name="if:Background Image Stretched" content="0"/>
  38. <meta name="if:Link Style One" content="0"/>
  39. <meta name="if:Link Style Two" content="1"/>
  40. <meta name="if:Box Shadows" content="0"/>
  41. <meta name="if:Faded Images" content="0"/>
  42. <meta name="if:Inverted Fade" content="0"/>
  43. <meta name="if:Light Center" content="1"/>
  44. <meta name="if:Hover Photo Description" content="1"/>
  45. <meta name="if:Show Description" content="1"/>
  46. <meta name="if:Show Default Links" content="1">
  47. <meta name="if:Install Button" content="1"/>
  48. <!-- FOREIGN CONTENT & SCRIPT -->
  49. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  50. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  51. <meta name="viewport" content="width=720" />
  52. <link rel="shortcut icon" href="{Favicon}">
  53. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  54. <link href='http://fonts.googleapis.com/css?family=Viga' rel='stylesheet' type='text/css'>
  55. <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
  56.  
  57. <style type="text/css">
  58.  
  59. body{
  60. margin:0px;
  61. background-color: {color:Background};
  62. background-repeat: repeat;
  63. color:{color:Text};
  64. font-family: {font:body};
  65. font-size: {text:font size};
  66. background-image:url({image:Background});
  67. {block:ifbackgroundimagestretched} background-size: 100%;{/block:ifbackgroundimagestretched}
  68. background-attachment: fixed;
  69. }
  70.  
  71. #install{
  72. top:27px !important;margin: 0 0 0 0;right:6px !important; position:fixed !important;}
  73.  
  74. iframe#tumblr_controls {top: 1px !important;margin: 0 0 0 0;right:4px !important;position:fixed !important;}
  75.  
  76. {block:ifInvertedFade}img{-webkit-transition: opacity 0.7s linear; opacity: 50;}img:hover{-webkit-transition: opacity 0.2s linear; opacity: .60;}
  77. {/block:ifInvertedFade}
  78.  
  79. {block:ifFadedImages}img{-webkit-transition: opacity 0.8s linear; opacity: 0.75;}img:hover{-webkit-transition: opacity 0.8s linear; opacity: 1;}
  80. {/block:ifFadedImages}
  81.  
  82. ::-webkit-scrollbar {width: 5px; height: 5px; background: {color:Background}; }
  83. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar}; -webkit-border-radius: 4ex; }
  84.  
  85. blockquote, q {
  86. quotes: "«" "»" "'" "'";
  87. padding-left: 5px;
  88. }
  89. a, a:link, a:active, a:visited{
  90.  
  91. color:{color:Link};
  92. text-decoration: none;
  93. webkit-transition: all 0.2s linear;
  94. -webkit-transition: all 0.2s linear;
  95. -moz-transition: all 0.2s linear;
  96. transition: all 0.2s linear;
  97.  
  98. }
  99. a:hover {
  100. color:{color:Hover};
  101. text-decoration: none;
  102. }
  103.  
  104. @font-face {
  105. font-family: 'BebasRegular';
  106. src: url('http://static.tumblr.com/rhoet4k/JEtlxr3nb/bebas___-webfont.eot');
  107. src: url('http://static.tumblr.com/rhoet4k/JEtlxr3nb/bebas___-webfont.eot?#iefix') format('embedded-opentype'),
  108. url('http://static.tumblr.com/rhoet4k/8dnlxr3ot/bebas___-webfont.woff') format('woff'),
  109. url('http://static.tumblr.com/rhoet4k/WV4lxr3nw/bebas___-webfont.ttf') format('truetype'),
  110. url('http://static.tumblr.com/rhoet4k/Yxolxr3ni/bebas___-webfont.svg#BebasRegular') format('svg');
  111. font-weight: normal;
  112. font-style: normal;
  113. }
  114.  
  115. .blogtitle {
  116. font-family: 'BebasRegular';
  117. font-style:none;
  118. font-size:50px;
  119. color:{color:link};
  120. -webkit-transition: 0.5s ease-in;
  121. -webkit-text-stroke: 1px transparent;
  122. text-align:center;
  123. text-decoration:none;
  124. letter-spacing:3px;
  125. text-transform:normal;
  126. width:100%;
  127. background-color:transparent;
  128. }
  129.  
  130.  
  131. #light{
  132. position:absolute;
  133. position:fixed;
  134. margin-top:-5px;
  135. margin-bottom:-10px;
  136. margin-left:280px;
  137. background:#fff;
  138. width: 770px;
  139. height: 1500px;
  140. background:url('http://static.tumblr.com/ek9ly4s/lgwm10zgs/trans.png');
  141. }
  142.  
  143.  
  144. #banner{
  145. background:{color:Center};
  146. position:absolute;
  147. margin-top:25px;
  148. margin-left:300px;
  149. width: 715px;
  150. padding:10px;
  151. height: 80px;
  152. {block:ifboxshadows}
  153. moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
  154. -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
  155. box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
  156. -webkit-transition: all 0.5s ease-out;
  157. -moz-transition: all 0.5s ease-out;
  158. transition: all 0.5s ease-out;
  159. {/block:ifboxshadows}
  160. }
  161.  
  162. .banner_image{
  163. max-width: 715px;
  164. max-height: 80px;
  165. }
  166.  
  167. #content{
  168. margin-top:140px;
  169. position:absolute;
  170. margin-left:200px;
  171. padding:5px;
  172. background-color:{color:Center};
  173. width: 500px;
  174. max-width:500px;
  175. height:auto;
  176. left: 324px;
  177. text-align: left;
  178. {block:ifboxshadows}
  179. moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
  180. -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
  181. box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
  182. -webkit-transition: all 0.5s ease-out;
  183. -moz-transition: all 0.5s ease-out;
  184. transition: all 0.5s ease-out;
  185. {/block:ifboxshadows}
  186. }
  187.  
  188.  
  189. .description{
  190. margin:5px 0 10px;
  191. padding:5px 0 10px;
  192. color:{color:text};
  193. border-bottom:3px solid {color:text};
  194. font-weight: 700;}
  195.  
  196. #nav{
  197. margin-top:140px;
  198. position:absolute;
  199. margin-left:305px;
  200. background:#fff;
  201. width: 200px;
  202. padding:5px;
  203. height:auto;
  204. background-color:{color:Center};
  205. left: -5px;
  206. {block:ifboxshadows}
  207. moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
  208. -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
  209. box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
  210. -webkit-transition: all 0.5s ease-out;
  211. -moz-transition: all 0.5s ease-out;
  212. transition: all 0.5s ease-out;
  213. {/block:ifboxshadows}
  214. }
  215.  
  216. #nav_links{
  217. margin-top:565px;
  218. position:absolute;
  219. margin-left:305px;
  220. background:#fff;
  221. width: 200px;
  222. padding:5px;
  223. height:auto;
  224. background-color:#FFF;
  225. left: -5px;
  226. }
  227.  
  228. {block:ifhoverphotodescription}
  229. #hover {
  230. padding:0px;
  231. text-align:center;
  232. }
  233.  
  234. #hover .hover2 {
  235. filter: alpha(opacity = 0);
  236. opacity:0;
  237. -webkit-transition: all .6s ease-out;
  238. -moz-transition: all .6s ease-out;
  239. transition: all .6s ease-out;
  240. position:relative;
  241. font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  242. font-size: 10px;
  243. line-height:11px;
  244. margin-top:-15px;
  245. text-transform:none;
  246. padding-right: 0px;
  247. font-weight:normal;
  248. color:#000;
  249. }
  250. #hover:hover .hover2 {
  251. -webkit-transition: all .6s ease-out;
  252. -moz-transition: all .6s ease-out;
  253. transition: all .6s ease-out;
  254. filter: alpha(opacity = 0);
  255. filter: alpha(opacity = 100);
  256. opacity:100;
  257. margin-top:5px;
  258. }
  259. {/block:ifhoverphotodescription}
  260.  
  261. /*** CSS ***/
  262. blockquote{margin:10px;color:{color:text};padding:10px}div.post div.conversation ul{list-style-type:none}ol.notes{padding:0;font-weight:normal;margin:0;list-style-type:none!important;border-bottom:0;line-height:17px;margin-left:50px;letter-spacing:.5px;text-align:left}.notes img{display:none}ul{list-style-type:bullet}ul:hover{color:#999}ol{list-style-type:upper-roman}ul:hover{color:#999}blockquote{padding:0 0 2px 5px;margin:0 0 2px 1px}blockquote p,ul{margin:0;padding:0}ul,ol,li{list-style:none;margin:5px;padding:0}.user_1 .label,.user_2 .label,.user_3 .label,.user_4 .label,.user_5 .label,.user_6 .label,.user_7 .label,.user_8 .label,.user_9 .label{font-weight:bold}#answer{margin-top:8px;margin-left:-34px}.title{font-family:{font:Body};font-weight:bold;font-size:20px;line-height:23px;letter-spacing:-1px;color:{color:title};padding:1px 1px 0 1px;text-transform:uppercase}.title2{font-family:{font:Body};font-weight:bold;font-size:15px;line-height:23px;letter-spacing:-1px;color:{color:title};padding:1px 1px 0 1px}.answer_post img{height:30px!important;max-width:30px!important;min-width:30px!important;width:30px!important}.answer_post .asker_portrait{float:left;width:30px;margin-right:10px}.answer_post .question{float:left;font-size:10px;font-weight:bold;margin:0 0 15px;width:360px}.answer_post .answer{clear:both;font-style:italic;margin-left:40px;margin-top:10px}.quotesymbols{font-size:30px;opacity:.5;line-height:-10px}.border{background:{color:Borders and header title};border:0 none;height:3px;margin:12px auto;width:270px;{block:IfShowPostBorders}display:none;{/block:IfShowPostBorders}}.permalink_photo_notes{color:#fff;display:block;font-family:'Oswald',arial,serif;font-size:60px;opacity:0;position:absolute;text-align:center;top:44%;width:500px;z-index:1000!important;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-o-transition:all .5s linear}.permalink_photo_notes a{border-bottom:solid 3px white;padding:0 0 10px}#entry:hover .permalink_photo_notes{opacity:1;display:block;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear}.permalink_photo_notes a{color:#fff}#entry:hover .permalink_photo_notes:hover{opacity:1;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-o-transition:all .15s linear}#photo{width:500px}#photo div#picture{position:relative;overflow:hidden}#photo img{max-width:500px;display:block}div#photo div#picture div#info{position:absolute;opacity:0;top:0;left:0;width:500px;height:100%;font-size:5px;visibility:hidden;z-index:998;text-align:center;background-color:#000;opacity .7s linear;-webkit-transition:all .6s ease-out;-moz-transition:all .6s ease-out;-o-transition:all .6s ease-out}#entry div#photo div#picture:hover div#info{opacity .7s linear;opacity:.9;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out}div#photo div#picture div#info div#holder{position:absolute;z-index:999;color:#000}div#photo div#picture div#info div#holder a,div#photo div#picture div#info div#holder a:hover{text-decoration:none;color:{color:Notes photo post hover};-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}div#photo div#picture:hover div#info{visibility:visible}.permalink{display:block;font-size:9px;text-align:right;float:left;position:absolute;margin-bottom:-40px;margin-top:15px;height:25px;width:100px;width:auto;margin-left:-150px}div#entry .permalink1 a{color:#aaa}div#entry .permalink1 a:hover{color:#333;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}div#entry .permalink1{width:auto;{block:IfBackgroundImage}background-color:{color:center};{/block:IfBackgroundImage}height:auto;position:absolute;width:100px;margin-top:-15px;text-align:left;padding-top:10px;padding-right:10px;padding-bottom:10px;font-style:italic;border-right:4px solid{color:Borders and header title};text-align:right;color:{color:permalink};overflow:hidden;line-height:12px;font-size:10px;letter-spacing:0;white-space:nowrap;-webkit-transition:opacity .7s linear;opacity:.0;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;transition:all .5s linear}div#entry:hover .permalink1{letter-spacing:0;overflow:visible;-webkit-transition:opacity .7s linear;opacity:1;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;transition:all .2s linear}div.padd{width:100%;line-height:11px;padding-top:0;padding-left:5px;margin:0}#answer{margin-top:10px;margin-left:-34px}#sidebar_info{margin-left:55px;height:auto;color:#aaa;padding:10px 0;width:170px;background-color:{color:center};padding-bottom:15px;border-left:4px solid{color:Borders and header title}}#sidebar_info_inside{{block:IfBackgroundImage}background-color:{color:center};{/block:IfBackgroundImage}height:auto;padding:10px;color:#aaa;padding:0 10px}#sidebar_info h1{font-size:19px;line-height:50px;font-family:'Oswald',arial,serif;font-weight:normal;color:{color:title};letter-spacing:0;display:inline}#permalink_post_info{width:200px;position:fixed;height:auto;{block:IfBackgroundImage}background-color:{color:center};{/block:IfBackgroundImage}border-left:4px solid{color:Borders and header title};text-align:left;margin-left:530px;padding-top:50px;padding-bottom:50px;padding:10px}
  263.  
  264. /***-----------------------Sidebar Links------------------------***/
  265. {block:ifLinkStyleOne}
  266. .links{
  267. display: block;
  268. font-size: 13px;
  269. text-align: center;
  270. margin-left: 0px;
  271. background-color:#EEEBEB;
  272. -webkit-transition: all 0.4s ease-out;
  273. -moz-transition: all 0.4s ease-out;
  274. transition: all 0.4s ease-out;
  275. }
  276.  
  277. .links a {
  278. padding:0.5px;
  279. padding-top:4px;
  280. margin-top:1px;
  281. margin-left:0px;
  282. display:block;
  283. font-family: '0pen Sans', sans-serif;
  284. font-size:10px;
  285. text-align: left;
  286. text-transform:uppercase;
  287. text-decoration:none;
  288. color: {color:Link};
  289. background-color:#cdcdcd;
  290. -webkit-transition: all 0.4s ease-out;
  291. -moz-transition: all 0.4s ease-out;
  292. transition: all 0.4s ease-out;
  293. }
  294.  
  295. .links a:hover{
  296. color: #eee;
  297. background-color:#aaa;
  298. -webkit-transition: all 0.4s ease-out;
  299. -moz-transition: all 0.4s ease-out;
  300. transition: all 0.4s ease-out;
  301. border-left:10px solid #00072C;
  302. text-align:center;
  303. }
  304. {/block:ifLinkStyleOne}
  305.  
  306. {block:ifLinkStyleTwo}
  307. .nav a {
  308. padding:3px;
  309. padding-top:4px;
  310. margin-top:2px;
  311. margin-left:0px;
  312. display:block;
  313. font-family:'Viga', arial, sans-serif;
  314. font-size:14px;
  315. text-align: left;
  316. text-transform:uppercase;
  317. text-decoration:none;
  318. color: #000;
  319. background-color:#EEEBEB;
  320. -webkit-transition: all 0.5s ease-out;
  321. -moz-transition: all 0.5s ease-out;
  322. transition: all 0.5s ease-out;
  323. }
  324. .nav a:hover{
  325. color: #fff;
  326. background-color:#cdcdcd;
  327. border-right:62px solid #000;
  328. -webkit-transition: all 0.3s ease-out;
  329. -moz-transition: all 0.3s ease-out;
  330. transition: all 0.3s ease-out;
  331. text-decoration:none;
  332. }
  333. {/block:ifLinkStyleTwo}
  334. /***-----------------------End Sidebar Links------------------------***/
  335.  
  336. </style>
  337. </head>
  338. <body>
  339.  
  340. {block:iflightcenter}
  341. <div id="light">
  342. <!-- Lightbox -->
  343. </div>{block:iflightcenter}
  344.  
  345. <div id="banner">
  346. {block:ifnotShowbannerimage}
  347. <div class="blogtitle">
  348. <a href="/">{title}</a>
  349. {/block:ifnotShowbannerimage}
  350. {block:ifShowbannerimage}
  351. <div style="padding-top:0px; padding-bottom:0px;">
  352. <div align="center">
  353. <span style="position: relative;">
  354. <a href="/">
  355. <img src="{image:banner}" style="
  356. border:0px solid;" /></span></a></div>
  357. {/block:ifShowbannerimage}
  358. </div>
  359. </center>
  360. </div>
  361.  
  362. <div id="nav">
  363. <div id="hover">
  364. {block:ifShowsidebarimage}
  365. <div style="padding-top:0px; padding-bottom:0px;">
  366. <div align="center">
  367. <span style="position: relative;">
  368. <a href="/">
  369. <img src="{image:sidebar}" width=200 style="
  370. border:0px solid;
  371. border-color:#000000;" /></span></div>
  372. </div>
  373. </a>
  374. {/block:ifShowsidebarimage}
  375. {block:IfShowDescription}<div class="hover2">
  376. {description}<p></div></div>{/block:IfShowDescription}
  377. <div class="nav a">
  378. <span class="links">
  379. {block:ifshowdefaultlinks}
  380. <a href="/">Home</a>
  381. <a href="/ask">Message</a>
  382. <a href="/archive">History</a>
  383. {/block:ifshowdefaultlinks}
  384.  
  385. {block:ifLinkOneTitle}
  386. <a href="{text:Link One}" class="link">{text:Link One Title}</a>
  387. {/block:ifLinkOneTitle}
  388. {block:ifLinkTwoTitle}
  389. <a href="{text:Link Two}" class="link">{text:Link Two Title}</a>
  390. {/block:ifLinkTwoTitle}
  391. {block:ifLinkThreeTitle}
  392. <a href="{text:Link Three}" class="link">{text:Link Three Title}</a>
  393. {/block:ifLinkThreeTitle}
  394. {block:ifLinkFourTitle}
  395. <a href="{text:Link Four}" class="link">{text:Link Four Title}</a>
  396. {/block:ifLinkFourTitle}
  397. {block:ifLinkFiveTitle}
  398. <a href="{text:Link Five}" class="link">{text:Link Five Title}</a>
  399. {/block:ifLinkFiveTitle}
  400.  
  401. <a href="http://final-stand.tumblr.com">Theme</a>
  402. </span>
  403. <br>
  404. </div></div>
  405.  
  406. <script>
  407. var visible = 0;
  408. $(window).scroll(function() {
  409. if($(window).scrollTop()>="150") {
  410. if(visible == 0){
  411. $("#sidebar").stop().fadeTo("medium", 1);
  412. visible = 1;
  413. }
  414. }
  415. else {
  416. if(visible == 1){
  417. $("#sidebar").stop().fadeTo("medium", 0.0);
  418. visible = 0;
  419. }
  420. }
  421. });
  422. </script>
  423.  
  424. <div id="content">
  425. <div class = "autopagerize_page_element" >
  426.  
  427. {block:Posts}
  428. <div id="entry">
  429. {block:PermalinkPage}
  430. {block:Date}
  431. <div id="permalink_post_info">
  432. Posted: <font color="{color:link}">{TimeAgo}</font><br>
  433. Date: <font color="{color:link}">{DayOfMonth} {Month} {Year}</font><br>
  434. {block:NoteCount}Notes: <font color="{color:link}">{NoteCountWithLabel}</font><br>{/block:NoteCount}
  435. {block:HasTags}
  436. Tagged as: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br>
  437. {/block:HasTags}
  438. {block:RebloggedFrom}
  439. Reblogged from: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  440. Posted: <a href="{ReblogRootURL}">{ReblogRootName}</a> <br>
  441. {/block:RebloggedFrom}
  442. {block:Source}
  443. Source: {Source}<br>
  444. {/block:Source}
  445. </div>
  446. {/block:Date}
  447. {/block:PermalinkPage}
  448.  
  449. {block:Quote}
  450. <center>
  451. <span class="quotesymbols">&#10077;</span>
  452. <span class="title">{Quote}</span>
  453. <span class="quotesymbols">&#10078;</span><br>
  454. {block:Source}{Source}{/block:Source}</center>
  455. <br><div align="right"><a href="{permalink}">Permalink</a></div>
  456. {/block:Quote}
  457.  
  458. {block:Text}
  459. {block:Title}<span class="title">
  460. {Title}</span>{/block:Title}
  461. {Body}<br><div align="right"><a href="{permalink}">Permalink</a></div>
  462. {/block:Text}
  463.  
  464. {block:Link}
  465. <a href="{URL}" class="title">{Name}</a>
  466. {block:Description}{Description}{/block:Description}
  467. <br><div align="right"><a href="{permalink}">Permalink</a></div>
  468. {block:Link}
  469.  
  470. {block:Answer}
  471. <div class="answer_post">
  472. <img class="asker_portrait" src="{AskerPortraitURL-30}"/>
  473. <div class="question">
  474. {Asker} asked:<br>
  475. {Question}
  476. </div>
  477. <div class="answer">{Answer}</div>
  478. </div><br><div align="right"><a href="{permalink}">Permalink</a></div>
  479. {/block:Answer}
  480.  
  481.  
  482. {block:Photo}
  483. <div class="post">
  484. <div id="extraonephoto">
  485. <div id="photo">
  486. {block:IndexPage}
  487. <div id="picture">
  488. {block:Date}
  489. <a href="{permalink}"><div class="permalink_photo">
  490.  
  491. </div></a>
  492. <div class="permalink_photo_notes">
  493. <a href="{permalink}">{block:NoteCount} {NoteCount}{/block:NoteCount}</a>
  494. </div>
  495. <div id="info">
  496. <div id="holder">
  497. </div></div>
  498. {/block:Date}
  499. <img src="{PhotoURL-500}" alt="{PhotoAlt}"></div>
  500. {block:ifshowphotoCaption}
  501. {block:Caption}{Caption}{/block:Caption}{/block:ifshowphotoCaption}
  502. {/block:IndexPage}
  503. {block:PermalinkPage}
  504. {LinkOpenTag}
  505. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width=500px/><br><br>
  506. {LinkCloseTag}
  507. {block:Caption}{Caption}{/block:Caption}
  508. {/block:PermalinkPage}
  509. </div></div></div>
  510. {/block:Photo}
  511.  
  512. {block:Chat}
  513. {block:Title}<span class="title">{Title}</span>{/block:Title}
  514. <ul class="chat">
  515. {block:Lines}
  516. <li class="user_{UserNumber}">
  517. {block:Label}
  518. <span class="label">{Label}</span>
  519. {/block:Label}
  520. {Line}
  521. </li>
  522. {/block:Lines}
  523. </ul><br><div align="right"><a href="{permalink}">Permalink</a></div>
  524. {/block:Chat}
  525. {block:Audio}
  526. <center><div style="width:400px; height:20px;">
  527. <div style="float:left">{AudioPlayerGrey}</div>
  528. <div style="margin-top:8px; float:right;"><small>
  529. {FormattedPlayCount} plays {block:ExternalAudio} //
  530. <a href="{ExternalAudioURL}">Download?</a>
  531. {/block:ExternalAudio}</small>
  532. </div></div></center><br>
  533. {block:Caption}{Caption}{/block:Caption}
  534. {/block:Audio}
  535.  
  536. {block:Video}
  537. <center>
  538. {Video-500}<br>
  539. {block:Caption}{Caption}{/block:Caption}
  540. </center><br><div align="right"><a href="{permalink}">Permalink</a></div>
  541. {/block:Video}
  542.  
  543. <div class="border"></div>
  544. </div>
  545. {block:PostNotes}
  546. <br>{PostNotes}<br>
  547. {/block:PostNotes}
  548. {/block:Posts}
  549. </div></div><div><div><div>
  550. {block:ifInstallButton}<div id="install"><a href="http://themesbyjames.tumblr.com/"><img src="http://static.tumblr.com/8jq17g7/Re3lqefyw/install.png" style="
  551. border:0px solid;" /></a></div>{/block:ifInstallButton}
  552.  
  553. </body></html><!--END OF THEME-->
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!