API tools faq
paste
Advertisement
infernos

0 5. H A M A R T I A - T H E M E

infernos
Jan 14th, 2012
17,838
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.21 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <html><head> <title>{title}</title>
  4. <!-
  5.  
  6. -------------| 0 5 . H A M A R T I A by infernos.tumblr.com |--------------
  7.  
  8. ___________________________________________________________________________
  9.  
  10. - R U L E S -
  11.  
  12. 1. Do not remove credits
  13. 2. Do not redistribute
  14. 3. Do not claim it as your own
  15. 4. Do not use this code as a base for creating your own.
  16. 5. Do read installing tips below before asking questions
  17. ___________________________________________________________________________
  18.  
  19. - I N S T A L L I N G -
  20.  
  21. 1. Go to your customize page
  22. 2. Click 'Use Custom HTML' then click on 'EDIT HTML' option
  23. 3. Replace entire code with this code
  24. 4. Go back to 'Appearance' and scroll down. Then 'reset defaults'.
  25. 5. Look through the 'Appearance' options to customize theme options
  26.  
  27. ___________________________________________________________________________
  28.  
  29. - Q U E S T I O N S ? -
  30.  
  31. Please be sure to read the rules/installation guide above before asking me any questions.
  32. http://zious.tumblr.com (Please ask un-anon)
  33.  
  34.  
  35. -!>
  36.  
  37. <link rel="shortcut icon" href="{Favicon}">
  38.  
  39. <meta name="if:Sidebar Description" content="1"/>
  40. <meta name="if:Endless Scroll" content="1"/>
  41. <meta name="if:Image Lazy Load" content="1"/>
  42. <meta name="if:Smaller Posts" content="0"/>
  43. <meta name="if:Larger Posts" content="0">
  44. <meta name="if:Space Between Posts" content="1"/>
  45. <meta name="if:Show Sidebar Image" content="0"/>
  46. <meta name="if:Hidden Description Effect" content="0"/>
  47. <meta name="if:Show Photo Captions" content="0"/>
  48. <meta name="if:Show Post Info" content="0"/>
  49. <meta name="if:Default Links at Top" content="1"/>
  50. <meta name="if:Image Fading Opacity Effect" content="1"/>
  51. <meta name="color:Background" content="#fafafa" />
  52. <meta name="color:Post Background" content="#f9f9f9" />
  53. <meta name="color:Links Color" content="#a2a2a2" />
  54. <meta name="color:Accent Color" content="#97c2af" />
  55. <meta name="color:Text Color" content="#6a6a6a" />
  56. <meta name="color:Description BG Color" content="#000000" />
  57. <meta name="color:Post Info Background" content="#efefef" />
  58. <meta name="color:Scrollbar Face" content="#97c2af">
  59. <meta name="color:Scrollbar Track" content="#fafafa">
  60. <meta name="color:Blockquote Background" content="#ffffff">
  61. <meta name="color:Title Font Color" content="#222222">
  62. <meta name="image:Sidebar Image" content="http://static.tumblr.com/yauabn1/6XRlxru96/untitled.jpg"/>
  63. <meta name="image:Background" content="http://static.tumblr.com/yauabn1/EQplxryjg/xx7m.jpg">
  64. <meta name="image:Top Border" content="http://static.tumblr.com/yauabn1/Ctnlxryfe/16jikia.jpg">
  65. <meta name="image:Post Wrap" content="http://static.tumblr.com/yauabn1/wzmlxrylu/tumblr_ls0w5txuft1r3vazto8_250.png">
  66. <meta name="text:Font Size" content="9" />
  67. <meta name="text:Main Font" content="cambria" />
  68. <meta name="text:Dropdown Link Title" content="Navigation" />
  69. <meta name="text:Line height" content="9" />
  70. <meta name="text:Link 1 URL" content="" />
  71. <meta name="text:Link 1 Name" content="" />
  72. <meta name="text:Link 2 URL" content="" />
  73. <meta name="text:Link 2 Name" content="" />
  74. <meta name="text:Link 3 URL" content="" />
  75. <meta name="text:Link 3 Name" content="" />
  76. <meta name="text:Link 4 URL" content="" />
  77. <meta name="text:Link 4 Name" content="" />
  78. <meta name="text:Link 5 URL" content="" />
  79. <meta name="text:Link 5 Name" content="" />
  80.  
  81. <style type="text/css">
  82. ::-webkit-scrollbar {
  83. width: 8px;
  84. }
  85.  
  86. ::-webkit-scrollbar-track {
  87. -webkit-box-shadow: inset 0 0 0px {color:Scrollbar Track};
  88. }
  89.  
  90. ::-webkit-scrollbar-thumb {
  91. -webkit-box-shadow: inset 0 0 0px {color:Scrollbar Track};
  92. }
  93.  
  94. ::-webkit-scrollbar-track-piece{
  95. background-color: {color:Scrollbar Track};
  96. }
  97.  
  98. ::-webkit-scrollbar-thumb:vertical{
  99. background: {color:Scrollbar Face};
  100. }
  101.  
  102. body{
  103. margin-top:0px;
  104. margin-bottom:0px;
  105. {block:IfNotSmallerPosts}{block:IfNotLargerPosts}width:660px;{/block:IfNotLargerPosts}{/block:IfNotSmallerPosts}
  106. {block:IfSmallerPosts}{block:IfNotLargerPosts}{block:IndexPage}width:510px;{block:IndexPage}{block:PermalinkPage}width:660px;{/block:PermalinkPage}{/block:IfNotLargerPosts}{/block:IfSmallerPosts}
  107. {block:IfLargerPosts}{block:IfNotSmallerPosts}width:760px;{/block:IfNotSmallerPosts}{/block:IfLargerPosts}
  108. margin: auto;
  109. color: {color:Text Color};
  110. background:{color:Background} url({image:Background}) repeat;
  111. background-attachment:fixed;
  112. font-family: {text:Main Font}, cambria, georgia;
  113. font-size:{text:Font Size}px;
  114. line-height:{text:Line height}px;
  115. text-align:justify;
  116. letter-spacing: 0px;
  117. z-index;1;
  118. overflow-x: hidden;
  119. }
  120.  
  121. #postwrap {
  122. float: right;
  123. {block:IfNotSmallerPosts}width:460px;{/block:IfNotSmallerPosts}
  124. {block:IfLargerPosts}{block:IfNotSmallerPosts}width:560px;{block:IfNotSmallerPosts}{/block:IfLargerPosts}
  125. {block:IfSmallerPosts}{block:IfNotLargerPosts}{block:IndexPage}width:310px;{/block:IndexPage}{block:PermalinkPage}width:460px;{/block:PermalinkPage}{/block:IfNotLargerPosts}{/block:IfSmallerPosts}
  126. background:transparent url({image:Post Wrap}) repeat;
  127. background-attachment: fixed;
  128. }
  129.  
  130. #center{
  131. background: transparent;
  132. margin: auto;
  133. {block:IfSmallerPosts}{block:IfNotLargerPosts}{block:IndexPage}width:250px;{/block:IndexPage}{block:PermalinkPage}width:400px;{/block:PermalinkPage}{block:IfNotLargerPosts}{/block:IfSmallerPosts}
  134. {block:IfNotSmallerPosts}{block:IfNotLargerPosts}width:400px;{/block:IfNotLargerPosts}{/block:IfNotSmallerPosts}
  135. {block:IfLargerPosts}{block:IfNotSmallerPosts}width:500px;{/block:IfNotSmallerPosts}{/block:IfLargerPosts}
  136. }
  137.  
  138. #entry {
  139. background: {color:Post Background};
  140. {block:IfNotSmallerPosts}{block:IfNotLargerPosts}width:400px;{/block:IfNotLargerPosts}{/block:IfNotSmallerPosts}
  141. {block:IfSmallerPosts}{block:IfNotLargerPosts}{block:IndexPage}width:250px;{/block:IndexPage}
  142. {block:PermalinkPage}width:400px;{/block:PermalinkPage}{block:IfNotLargerPosts}
  143. {/block:IfSmallerPosts}
  144. {block:IfLargerPosts}{block:IfNotSmallerPosts}width:500px;{/block:IfNotSmallerPosts}{/block:IfLargerPosts}
  145. {block:IfNotSpaceBetweenPosts}margin-bottom:0px;
  146. {/block:IfNotSpaceBetweenPosts}
  147. overflow: hidden;
  148. }
  149.  
  150. #entry:hover .permalink {
  151. opacity: 1;
  152. background: {color:Post Background};
  153. filter:alpha(opacity=100);
  154. -moz-opacity: 1.0;
  155. -khtml-opacity: 1.0;
  156. border-left: 20px solid {color:Post Background};
  157. -webkit-transition: all 0.5s ease;
  158. -moz-transition: all 0.5s ease;
  159. -o-transition: all 0.5s ease;
  160. }
  161.  
  162. #entry img{
  163. {block:IfSmallerPosts}{block:IfNotLargerPosts}{block:IndexPage}
  164. max-width:250px;{/block:IndexPage}{/block:IfNotLargerPosts}{/block:IfSmallerPosts}
  165. {block:IfNotSmallerPosts}{block:IfNotLargerPosts}max-width:400px;{block:IfNotLargerPosts}{/block:IfNotSmallerPosts}
  166. {block:IfLargerPosts}{block:IfNotSmallerPosts}max-width:500px;{/block:IfNotSmallerPosts}{/block:IfLargerPosts}
  167. {block:IfImageFadingOpacityEffect}-webkit-transition: opacity 0.5s linear;
  168. -moz-transition: opacity 0.5s linear;
  169. -o-transition: opacity 0.5s linear;
  170. opacity: 0.9;
  171. filter:alpha(opacity=90);
  172. -moz-opacity: 0.9;
  173. -khtml-opacity: 0.9; {/block:IfImageFadingOpacityEffect}
  174. }
  175.  
  176. #entry img:hover{
  177. -webkit-transition: opacity 0.5s linear;
  178. -moz-transition: opacity 0.5s linear;
  179. -o-transition: opacity 0.5s linear;
  180. opacity: 1;
  181. filter:alpha(opacity=100);
  182. -moz-opacity: 1;
  183. -khtml-opacity: 1;
  184. background-color:none;
  185. }
  186.  
  187. #entry p {
  188. {block:IfSmallerPosts}{block:IfNotLargerPosts}{block:IndexPage}
  189. max-width:250px;{/block:IndexPage}{block:IfNotLargerPosts}{/block:IfSmallerPosts}
  190. {block:IfNotSmallerPosts}max-width:400px;{/block:IfNotSmallerPosts}
  191. {block:IfLargerPosts}{block:IfNotSmallerPosts}max-width:500px;{/block:IfNotSmallerPosts}{/block:IfLargerPosts}
  192. }
  193.  
  194. #tborder {
  195. position: fixed;
  196. height:50px;
  197. width:200%;
  198. margin-top:0px;
  199. margin-left:-50%;
  200. border-bottom: 15px solid {color:Post Background};
  201. background:#000 url({image:Top Border}) repeat;
  202. z-index:3;
  203. }
  204.  
  205. .PermalinkPage{
  206. text-align:center;
  207. margin:auto;
  208. margin-top:23px;
  209. }
  210.  
  211. .permalink {
  212. {block:IndexPage}
  213. background: {color:Blockquote Background};
  214. position:absolute;
  215. {block:IfSmallerPosts}{block:IfNotLargerPosts}margin-left:255px;{/block:IfNotLargerPosts}{/block:IfSmallerPosts}
  216. {block:IfNotSmallerPosts}{block:IfNotLargerPosts}margin-left:405px;{/block:IfNotLargerPosts}{/block:IfNotSmallerPosts}
  217. {block:IfLargerPosts}{block:IfNotSmallerPosts}margin-left:505px;{/block:IfNotSmallerPosts}{/block:IfLargerPosts}
  218. padding:3px;
  219. padding-right:8px;
  220. text-align: left;
  221. -webkit-transition: 0.7s ease-in;
  222. -moz-transition: 0.7s ease-in;
  223. -o-transition: 0.7s ease-in;
  224. opacity:0;
  225. filter:alpha(opacity=0);
  226. -moz-opacity: 0;
  227. -khtml-opacity: 0;
  228. border-left: 0px solid {color:Blockquote Background};
  229. z-index:2;
  230. {block:IfShowPostInfo}display:none;{/block:IfShowPostInfo}
  231. {/block:IndexPage}{block:PermalinkPage}display:none{/block:PermalinkPage}
  232. }
  233.  
  234. .permalink a {
  235. font-color: {color:Links Color};
  236. font-family: consolas;
  237. text-transform: uppercase;
  238. opacity: 0.85;
  239. filter:alpha(opacity=85);
  240. -moz-opacity: 0.85;
  241. -khtml-opacity: 0.85;
  242. }
  243.  
  244. a img{
  245. border:none;
  246. }
  247.  
  248. #photoset{
  249. -webkit-transition: opacity 0.5s linear;
  250. -moz-transition: opacity 0.5s linear;
  251. -o-transition: opacity 0.5s linear;
  252. opacity: 1;
  253. filter:alpha(opacity=100);
  254. -moz-opacity: 1;
  255. -khtml-opacity: 1;
  256. }
  257.  
  258. #photoset:hover{
  259. -webkit-transition: opacity 0.5s linear;
  260. -moz-transition: opacity 0.5s linear;
  261. -o-transition: opacity 0.5s linear;
  262. opacity: 0.9;
  263. filter:alpha(opacity=90);
  264. -moz-opacity: 0.9;
  265. -khtml-opacity: 0.9;
  266. }
  267.  
  268. #postinfo{
  269. {block:IfNotSmallerPosts}{block:IfNotLargerPosts}width:410px;{/block:IfNotLargerPosts}{/block:IfNotSmallerPosts}
  270. {block:IfSmallerPosts}{block:IfNotLargerPosts}width:260px;{/block:IfNotLargerPosts}{/block:IfSmallerPosts}
  271. {block:IfLargerPosts}width:510px;{/block:IfLargerPosts}
  272. font-size: 8px;
  273. font-family: consolas;
  274. letter-spacing: 1px;
  275. margin-left:-10px;
  276. text-transform:uppercase;
  277. padding: 5px;
  278. margin-top: -15px;
  279. margin-bottom:30px;
  280. background: {color:Post Info Background};
  281. }
  282.  
  283.  
  284. {block:IfNotDefaultLinksAtTop}
  285. #sidecontent {
  286. margin-top:85px;
  287. position: fixed;
  288. }
  289.  
  290. #sidecontent a {
  291. color: white;
  292. border-radius: 5px;
  293. -webkit-border-radius: 5px;
  294. -moz-border-radius: 5px;
  295. border-left:0px solid {color:Description BG Color};
  296. font-family: consolas;
  297. text-transform: uppercase;
  298. font-size: 8px;
  299. letter-spacing: 5px;
  300. background: {color:Accent Color};
  301. width: 70px;
  302. height: 8px;
  303. float: left;
  304. margin-bottom: 5px;
  305. padding-top: 8px;
  306. padding-bottom:10px;
  307. text-align: left;
  308. padding-left: 10px;
  309. opacity: 0.88;
  310. filter:alpha(opacity=88);
  311. -moz-opacity: 0.88;
  312. -khtml-opacity: 0.88;
  313. border-right: 15px solid {color:Accent Color};
  314. -webkit-transition: all 0.5s ease-out;
  315. -moz-transition: all 0.5s ease-out;
  316. -o-transition: all 0.5s ease-out;
  317. margin-left:-80px;
  318. }
  319.  
  320. #sidecontent a:hover {
  321. background: {color:Accent Color};
  322. border-left:3px solid {color:Description BG Color};
  323. border-right: 0px solid {color:Description BG Color};
  324. padding-left: 10px;
  325. padding-right:30px;
  326. margin-left:-95px;
  327. opacity: 1;
  328. filter:alpha(opacity=100);
  329. -moz-opacity: 1;
  330. -khtml-opacity: 1;
  331. -webkit-transition: all 0.3s ease-out;
  332. -moz-transition: all 0.3s ease-out;
  333. -o-transition: all 0.3s ease-out;
  334. }
  335. {/block:IfNotDefaultLinksAtTop}
  336.  
  337. {block:IfDefaultLinksAtTop}
  338.  
  339. #sidecontent {
  340. position: fixed;
  341. z-index: 99999;
  342. margin-left:207px;
  343. margin-top:15px;
  344. width: 200px;
  345. }
  346.  
  347. #sidecontent a {
  348. opacity:0.3;
  349. color: white;
  350. display: inline;
  351. padding: 10px;
  352. padding-top:25px;
  353. letter-spacing: 1px;
  354. border-radius: 10px;
  355. -webkit-border-radius: 10px;
  356. -moz-border-radius: 10px;
  357. font-family: consolas;
  358. text-transform: uppercase;
  359. font-size: 8px;
  360. background: transparent;
  361. text-align: center;
  362. margin-right:5px;
  363. -webkit-transition: all 0.5s ease-out;
  364. -moz-transition: all 0.5s ease-out;
  365. -o-transition: all 0.5s ease-out;
  366. }
  367.  
  368. #sidecontent a:hover {
  369. opacity: 1;
  370. background: {color:Accent Color};
  371. -webkit-transition: all 0.3s ease-out;
  372. -moz-transition: all 0.3s ease-out;
  373. -o-transition: all 0.3s ease-out;
  374. }
  375.  
  376. {/block:IfDefaultLinksAtTop}
  377.  
  378.  
  379. #side {
  380. position:fixed;
  381. text-align:left;
  382. {block:IfSidebarImage}top:0px;{/block:IfSidebarImage}
  383. {block:IfNotSidebarImage}top:0px;{block:IfNotSidebarImage}
  384. width:175px;
  385. border-bottom-left-radius:20px;
  386. border-bottom-right-radius:20px;
  387. -webkit-border-bottom-right-radius: 20px;
  388. -webkit-border-bottom-left-radius: 20px;
  389. -moz-border-radius-bottomright: 20px;
  390. -moz-border-radius-bottomleft: 20px;
  391. float: left;
  392. overflow: hidden;
  393. }
  394.  
  395. #tumblelogtitle {
  396. position: fixed;
  397. text-align: center;
  398. background: #f9f9f9;
  399. font-size: 22px;
  400. font-family: {text:Main Font}, cambria;
  401. line-height:16px;
  402. {block:ifHiddenDescriptionEffect}border-bottom: 15px solid {color:Accent Color};
  403. height:43px;
  404. background: transparent;
  405. {/block:ifHiddenDescriptionEffect}
  406. {block:IfNotHiddenDescriptionEffect}
  407. border-bottom: 10px solid {color:Description BG Color};
  408. border-bottom-left-radius:31px;
  409. border-bottom-right-radius:31px;
  410. -webkit-border-bottom-right-radius: 31px;
  411. -webkit-border-bottom-left-radius: 31px;
  412. -moz-border-radius-bottomright: 31px;
  413. -moz-border-radius-bottomleft: 31px;
  414. {/block:ifNotHiddenDescriptionEffect}
  415. letter-spacing: 0px;
  416. text-transform: uppercase;
  417. font-weight: lighter;
  418. font-style: none;
  419. margin-top:0px;
  420. margin-left:0px;
  421. width:175px;
  422. padding-top:7px;
  423. z-index:999;
  424. }
  425.  
  426.  
  427. .description {
  428. background-color:{color:Description BG Color};
  429. width:145px;
  430. {block:IfNotHiddenDescriptionEffect}
  431. border-top: 15px solid {color:Accent Color};
  432. {/block:ifNotHiddenDescriptionEffect}
  433. {block:ifHiddenDescriptionEffect}
  434. margin-top:-5px;
  435. {/block:ifHiddenDescriptionEffect}
  436. font-size:9px;
  437. -webkit-transition: all 1s ease;
  438. -moz-transition: all 1s ease;
  439. -o-transition: all 1s ease;
  440. padding-right:15px;
  441. overflow:hidden;
  442. padding-left:15px;
  443. padding-top:10px;
  444. border-bottom-left-radius:23px;
  445. border-bottom-right-radius:23px;
  446. -webkit-border-bottom-right-radius: 23px;
  447. -webkit-border-bottom-left-radius: 23px;
  448. -moz-border-radius-bottomright: 23px;
  449. -moz-border-radius-bottomleft: 23px;
  450. {block:IfNotSidebarImage}{block:IfNotSidebarDescription}display:none;{/block:IfNotSidebarDescription}{/block:IfNotSidebarImage}
  451. }
  452.  
  453. .description:hover { {block:IfHiddenDescriptionEffect}
  454. {block:IfSidebarDescription}
  455. background: #fff;
  456. margin-top:65px;
  457. {/block:IfSidebarDescription}
  458. -webkit-transition: all 1.3s ease;
  459. -moz-transition: all 1.3s ease;
  460. -o-transition: all 1.3s ease;
  461. {/block:IfHiddenDescriptionEffect}
  462. }
  463.  
  464. #navigation
  465. {
  466. background: transparent;
  467. {block:IfNotSmallerPosts}{block:IfNotLargerPosts}width:630px;{/block:IfNotLargerPosts}{/block:IfNotSmallerPosts}
  468. {block:IfSmallerPosts}{block:IfNotLargerPosts}width:480px;{/block:IfNotLargerPosts}{/block:IfSmallerPosts}
  469. {block:IfLargerPosts}width:720px;{/block:IfLargerPosts}
  470. position: fixed;
  471. float: right;
  472. margin-right:0px;
  473. text-align:right;
  474. opacity:1;
  475. filter:alpha(opacity=100);
  476. -moz-opacity: 1;
  477. -khtml-opacity: 1;
  478. z-index:999;
  479. margin-top:16px;
  480. {block:PermalinkPage}display:none;{/block:PermalinkPage}
  481. }
  482.  
  483. h1{
  484. font-size:9px;
  485. font-weight:lighter;
  486. font-style: none;
  487. text-transform:none;
  488. margin:0px;
  489. padding:0px;
  490. }
  491.  
  492. h2{
  493. font-family: {text:Main Font}, cambria, courier new, rockwell, helvetica;
  494. font-size:20px;
  495. color: {color:Title Font Color};
  496. border-bottom: 1px dashed #999;
  497. margin-bottom:0px;
  498. margin-top:-2px;
  499. padding-bottom:3px;
  500. line-height:17px;
  501. letter-spacing:-2px;
  502. text-transform: uppercase;
  503. font-weight:lighter;
  504. font-style: none;
  505. }
  506.  
  507. a:link, a:active, a:visited{
  508. color: {color:Links Color};
  509. text-decoration:none;
  510. outline: none;
  511. }
  512.  
  513. a:hover{
  514. color: #CCC;
  515. -webkit-transition: 0.6s ease-in;
  516. -moz-transition: 0.6s ease-in;
  517. -o-transition: 0.6s ease-in;
  518. }
  519.  
  520. b, strong{
  521. color:#555555;
  522. font-weight:lighter;
  523. }
  524.  
  525. i, em {
  526. color:#888;
  527. font-weight:lighter;
  528. }
  529.  
  530. p{
  531. margin-top:3px;
  532. margin-bottom:3px;
  533. }
  534.  
  535. blockquote {
  536. background: {color:Blockquote Background};
  537. border-left: 2px dotted {color:Accent Color};
  538. padding:5px;
  539. position:relative;
  540. }
  541.  
  542. blockquote p {
  543. color: #666;
  544. padding:0px;
  545. margin:0px;
  546. line-height:9px;
  547. }
  548.  
  549. .audio{
  550. z-index:3;
  551. background: #000;
  552. display:block;
  553. margin-bottom:0px;
  554. }
  555.  
  556. div.video embed,div.post div.video object {
  557. width:{text:Width}px !important;}
  558.  
  559. .chat {
  560. margin-left: -5px;
  561. }
  562.  
  563. .chat .lines {
  564. margin-left: 5px;
  565. }
  566.  
  567. .chat .lines .line {
  568. margin-top:3px;
  569. padding:1px;
  570. }
  571.  
  572. .chat .lines .line.even {
  573. background-color: #f8f8f8;
  574. }
  575.  
  576. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {
  577. display:none;
  578. }
  579.  
  580. #tumblr_controls{
  581. position: fixed!important;
  582. }
  583.  
  584. </style>
  585. </head>
  586.  
  587. {block:ifEndlessScroll}<script type="text/javascript" src="http://static.tumblr.com/q0etgkr/J5bl3lkz1/tumblrautopagernopage.js"></script>{/block:ifEndlessScroll}
  588.  
  589.  
  590. {block:ifImageLazyLoad}<script type="text/javascript" src="http://static.tumblr.com/twte3d7/BH7lio0yf/jquery.js"></script>
  591. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
  592. <script type="text/javascript" charset="utf-8">
  593. var $j = jQuery.noConflict();
  594. $j(function() {
  595. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  596. $j("#entry img").lazyload({
  597. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  598. effect: "fadeIn",
  599. });
  600. });
  601. </script>{/block:ifImageLazyLoad}
  602.  
  603. </head>
  604.  
  605.  
  606. <body>
  607. <div style="font-size:10px; text-transform:uppercase; color:#aaa; position:fixed; bottom:9px; left:9px;"><a href="http://infernos.tumblr.com" style="color:#111;" title="theme">☲</a></div>
  608. <div id="navigation">{block:ifNotEndlessScroll}{block:NextPage}<a href="{NextPage}" style="font-size:40px;font-family:garamond;font-weight:bold;color:{color:Accent Color}"> «&nbsp; </a> {/block:NextPage}{block:PreviousPage} <a href="{PreviousPage}" style="font-size:40px;font-family:garamond;font-weight:bold;color:{color:Accent Color}"> » </a> {/block:PreviousPage}
  609. {/block:IfNotEndlessScroll}</div>
  610.  
  611. <div id="tborder"></div>
  612. {block:IfDefaultLinksatTop}<div id="sidecontent">
  613. <a href="/" title="index"><img src="http://static.tumblr.com/yauabn1/EGglxrr29/document-text.gif"/></a> <a href="/archive" title="archive"><img src="http://static.tumblr.com/yauabn1/1wZlxrr3s/calendar.gif"/></a> <a href="/ask" title="message"><img src="http://static.tumblr.com/yauabn1/0gBlxrr4u/mail.gif"/></a></div>{/block:IfDefaultLinksatTop}
  614.  
  615. {block:IfNotDefaultLinksatTop}
  616. <div id="sidecontent">
  617. <span style="color:#777;background:transparent;padding-top:3px;padding-bottom:3px;line-height:12px;">
  618. <a href="/"> index </a><br/>
  619. <a href="/archive"> archive </a><br/>
  620. <a href="/ask"> message </a></span>
  621. </div>{/block:IfNotDefaultLinksatTop}
  622.  
  623. {block:IfNotHiddenDescriptionEffect}
  624. <div id="side"><div id="tumblelogtitle">
  625. <a href="/" style="color:#1a1a1a;">{title}</a>
  626. <div style="margin-left:10px;margin-top:3px;"><select style="margin-top:4px;margin-left:-10px;width:175px;font-family:arial;font-size:8px;letter-spacing:1px;color:#444;background-color:#fff;border:1px solid #eaeaea;margin-bottom:6px;" onchange="location.href=this.options[this.selectedIndex].value;"><option value=''>{text:Dropdown Link Title}</option><br />
  627. {block:ifLink1URL}<option value="{text:Link 1 URL}">{text:Link 1 Name}</option><br />{/block:ifLink1URL}
  628. {block:ifLink2URL}<option value="{text:Link 2 URL}">{text:Link 2 Name}</option><br />{/block:ifLink2URL}
  629. {block:ifLink3URL}<option value="{text:Link 3 URL}">{text:Link 3 Name}</option><br />{/block:ifLink3URL}
  630. {block:ifLink4URL}<option value="{text:Link 4 URL}">{text:Link 4 Name}</option><br />{/block:ifLink4URL}
  631. {block:ifLink5URL}<option value="{text:Link 5 URL}">{text:Link 5 Name}</option><br/>{/block:ifLink5URL}
  632. <option value="http://infernos.tumblr.com">credit</option></select></div>
  633. <div class="description" style="font-family:{text:Main Font}, cambria,georgia;line-height:9px; text-transform: none; font-size:{text:Font Size}px;">
  634. {block:IfSidebarDescription}{description}<br/><br/><br/>{block:IfSidebarDescription}
  635. {block:IfShowSidebarImage}
  636. <img src="{image:Sidebar Image}" width="175" style="margin-left:-15px;{block:IfNotSidebarDescription}margin-top:-37px;{/block:IfNotSidebarDescription}">{/block:IfShowSidebarImage}
  637. </div></div>
  638. </div>
  639. </div>{/block:IfNotHiddenDescriptionEffect}
  640.  
  641. {block:IfHiddenDescriptionEffect}
  642. <div id="side"><div id="tumblelogtitle">
  643. <div style="margin-left:10px;margin-top:3px;"><select style="margin-top:4px;margin-left:-10px;width:175px;height:20px;background-color: {color:Post Background};font-family:consolas;text-transform: uppercase; font-size:10px;letter-spacing:1px;color:#444;border:3px solid {color:Accent Color};" onchange="location.href=this.options[this.selectedIndex].value;"><option value=''>{text:Dropdown Link Title}</option><br />
  644. {block:ifLink1URL}<option value="{text:Link 1 URL}">{text:Link 1 Name}</option><br />{/block:ifLink1URL}
  645. {block:ifLink2URL}<option value="{text:Link 2 URL}">{text:Link 2 Name}</option><br />{/block:ifLink2URL}
  646. {block:ifLink3URL}<option value="{text:Link 3 URL}">{text:Link 3 Name}</option><br />{/block:ifLink3URL}
  647. {block:ifLink4URL}<option value="{text:Link 4 URL}">{text:Link 4 Name}</option><br />{/block:ifLink4URL}
  648. {block:ifLink5URL}<option value="{text:Link 5 URL}">{text:Link 5 Name}</option><br/>{/block:ifLink5URL}
  649. <option value="http://infernos.tumblr.com">credit</option></select></div>
  650. </div>
  651. <div class="description">
  652. {block:IfNotSidebarDescription}<div style="height:65px;"></div>{/block:IfNotSidebarDescription}
  653. {block:IfSidebarDescription}<div style="height:60px;overflow:auto;margin-bottom:5px;">{description}</div><center><span style="color: {color:Accent Color};font-size:10px;">▲ </span></center>{/block:IfSidebarDescription}
  654. <center><div style="margin-top:3px;margin-bottom:10px;font-family:cambria, courier new;font-size:18px;line-height:15px;text-transform:uppercase;"><a href="/">{title}</a></div></center>
  655. {block:IfShowSidebarImage}
  656. <img src="{image:Sidebar Image}" width="175" style="border-bottom-left-radius:20px;border-bottom-right-radius:20px;margin-left:-15px;">{/block:IfShowSidebarImage}
  657. </div>
  658. </div></div>
  659. </div>
  660. {/block:IfHiddenDescriptionEffect}
  661.  
  662. <div id="postwrap">
  663. <div id="center">
  664.  
  665. <div style="height:80px;"><!- PLACE HOlDER FOR TOP -!></div>
  666.  
  667.  
  668. {block:IfEndlessScroll}
  669. <div class="autopagerize_page_element">
  670. {/block:IfEndlessScroll}
  671.  
  672. {block:Posts}
  673.  
  674. <div id="entry" style=" margin-left: -10px;padding:10px;{block:IfSpaceBetweenPosts}margin-bottom:15px;{/block:IfSpaceBetweenPosts} ">
  675.  
  676. {block:Photo}
  677. <div id="entry">
  678. <span class="permalink"><a href="{Permalink}" class="morelink">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix} {block:NoteCount}| {NoteCount}{/block:Notecount} </a></span>
  679. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  680. {block:IfSmallerPosts}{block:IfNotLargerPosts}
  681. {block:IndexPage}<a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" border="0" width="250" style="background-color:#f1f1f1;" /></a>{/block:IndexPage}{block:PermalinkPage}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" border="0" width="400" />{/block:PermalinkPage}{/block:IfNotLargerPosts}
  682. {/block:IfSmallerPosts}
  683. {block:IfNotLargerPosts}
  684. {block:IfNotSmallerPosts}{block:IndexPage}<a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" border="0" width="400" /></a>{/block:IndexPage}{block:PermalinkPage}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" border="0" width="400" />{/block:PermalinkPage}{/block:IfNotSmallerPosts}
  685. {/block:IfNotLargerPosts}
  686. {block:IfLargerPosts}{block:IfNotSmallerPosts}{block:IndexPage}<a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" border="0" width="500" /></a>{/block:IndexPage}{block:PermalinkPage}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" border="0" width="500" />{/block:PermalinkPage}{/block:IfNotSmallerPosts}{/block:IfLargerPosts}
  687. {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
  688. {block:IfShowPhotoCaptions}{block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{/block:IfShowPhotoCaptions}
  689. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  690. </div>
  691. {/block:Photo}
  692.  
  693. {block:Photoset}<div id="entry">
  694. <span class="permalink"><a href="{Permalink}" class="morelink">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix} {block:NoteCount}| {NoteCount}{/block:Notecount} </a></span><div class="photoset">{block:IfSmallerPosts}{block:IfNotLargerPosts}
  695. {block:IndexPage}{Photoset-250}{/block:IndexPage} {block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}{/block:IfNotLargerPosts}
  696. {/block:IfSmallerPosts}{block:IfNotLargerPosts}{block:IfNotSmallerPosts}{Photoset-400}{/block:IfNotSmallerPosts}{/block:IfNotLargerPosts}
  697. {block:IfLargerPosts}{block:IfNotSmallerPosts}{block:IndexPage}{Photoset-500}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}{/block:IfNotSmallerPosts}{/block:IfLargerPosts}
  698. {block:IfShowPhotoCaptions}{block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{/block:IfShowPhotoCaptions}
  699. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}</div>
  700. </div>
  701. {/block:Photoset}
  702.  
  703. {block:Video}<div id="entry">
  704. <span class="permalink"><a href="{Permalink}" class="morelink">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix} {block:NoteCount}| {NoteCount}{/block:Notecount} </a></span>
  705. <center>{block:ifSmallerPosts}{block:IfNotLargerPosts}
  706. {block:IndexPage}{Video-250}{/block:IndexPage}{/block:IfNotLargerPosts}
  707. {/block:ifSmallerPosts}{block:IfNotLargerPosts}{block:ifNotSmallerPosts}{block:IndexPage}{Video-400}{/block:IndexPage}{/block:ifNotSmallerPosts}{/block:IfNotLargerPosts}{block:IfLargerPosts}{Video-500}{/block:IfLargerPosts}</center>{block:IfLargerPosts}{block:IfNotSmallerPosts}{block:PermalinkPage}{Video-500}{/block:PermalinkPage}{/block:IfNotSmallerPosts}{/block:IfLargerPosts}{block:PermalinkPage}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}</div>{/block:Video}
  708.  
  709. {block:Audio}
  710. <div id="entry">
  711. <span class="permalink"><a href="{Permalink}" class="morelink">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix} {block:NoteCount}| {NoteCount}{/block:Notecount} </a></span>
  712. <div class="media audio" align="left" style="z-index:3">
  713. {AudioPlayerBlack}
  714. </div>
  715. {block:Caption}
  716. {block:TrackName}
  717. {TrackName} -
  718. {/block:TrackName}{block:Artist}
  719. {Artist}
  720. {/block:Artist}
  721. {/block:Caption}</div>
  722. {/block:Audio}
  723.  
  724. {block:Quote}
  725. <div id="entry">
  726. <span class="permalink"><a href="{Permalink}" class="morelink">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix} {block:NoteCount}| {NoteCount}{/block:Notecount} </a></span>
  727. <div style="margin-top:3px;margin-bottom:3px;"><h2>❝{Quote}❞</h2></div><div style="margin-top:0px;text-align:right;border-top:0px dotted #999;margin-bottom:3px;">{block:Source}— {Source}{/block:Source}</div></div>{/block:Quote}
  728.  
  729. {block:Link}
  730. <div id="entry">
  731. <span class="permalink"><a href="{Permalink}" class="morelink">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix} {block:NoteCount}| {NoteCount}{/block:Notecount} </a></span>
  732. <div style="background-color:none;margin-top:3px; margin-bottom:3px;border-top:0px solid #f0f0f0; border-bottom:0px solid #f0f0f0;padding-top:1px;padding-bottom:1px;"><a href="{URL}" class="link" {Target}><h2><span style="color:{color:Accent Color};">◤ </span>{Name}&nbsp;→</h2></a>
  733. {block:Description}
  734. <div class="caption">
  735. {Description}
  736. </div>
  737. {/block:Description}</div>
  738. </div>
  739. {/block:Link}
  740.  
  741. {block:Text}<div id="entry" style="margin-top:4px;margin-bottom:4px;">
  742. <span class="permalink"><a href="{Permalink}" class="morelink">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix} {block:NoteCount}| {NoteCount}{/block:Notecount} </a></span>
  743. <div style="background-color:none;margin-top:3px; margin-bottom:3px;border-top:0px solid #f0f0f0; border-bottom:0px solid #f0f0f0;padding-top:1px;padding-bottom:1px;">{block:Title}<a href="{Permalink}"><h2><span style="color:{color:Accent Color};">◤ </span>{Title} </h2></a>{/block:Title}{Body}</div></div>{/block:Text}
  744.  
  745. {block:Chat}
  746. <div id="entry">
  747. <span class="permalink"><a href="{Permalink}" class="morelink">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix} {block:NoteCount}| {NoteCount}{/block:Notecount} </a></span>
  748. {block:Title}<a href="{permalink}"><div style="margin-left:5px;margin-bottom:2px;"><h2><span style="color:{color:Accent Color}">◤ </span>{Title}</h2></div></a>{/block:Title}
  749. <div class="chat">
  750. <div class="lines">{block:Lines}
  751. <div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>{/block:Lines}
  752. </div></div>
  753. </div>{/block:Chat}
  754.  
  755.  
  756. {block:Answer}<div id="entry">
  757. <span class="permalink"><a href="{Permalink}" class="morelink">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix} {block:NoteCount}| {NoteCount}{/block:Notecount} </a></span>
  758. <div style="background: {color:Blockquote Background};margin-left:-5px;margin-top:-5px;padding:9px;"><a href="{AskerURL}" style="text-decoraton:underline;">{Asker}</a>: {Question}</div>{Answer}</div>{/block:Answer}
  759. </div>
  760.  
  761. {block:IndexPage}{block:ifShowPostInfo}<div id="postinfo" align="center">{block:NoteCount} <a href="{permalink}">{NoteCount} notes</a> <span style="color:{color:Accent Color};">▶</span>{/block:Notecount} <a href="{permalink}">{ShortMonth} {DayOfMonth}</a> {block:RebloggedFrom} via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a><span style="color:{color:Accent Color};">「</span> originally <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a><span style="color:{color:Accent Color};">」</span>{/block:RebloggedFrom}{block:HasTags}<br> tagged: {block:Tags}▫<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>{/block:ifShowPostInfo}{/block:IndexPage}
  762.  
  763. {block:PermalinkPage}<div class="meta" style="line-height:12px;"><!--METABOX APPEARS ON PERMALINK PAGE-->
  764. <div class="metabox" style="text-align:left;" > <div class="permalinkpage">
  765. {block:Date}<h2>{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</h2>{/block:Date}
  766. {block:HasTags}<i><u>Tagged</u>:</i>{block:tags}&bull;<a href="{TagURL}">{Tag} </a>
  767. {/block:tags}{/block:HasTags}<br /><i><u>Options</u>:</i>
  768. <a href="javascript:history.go(-1)">go back</a> &nbsp; <a href="http://www.tumblr.com/dashboard">go home</a> &nbsp; <a href="/random" id="random_link">random entry</a><br/>{block:RebloggedFrom} <i><u>Via</u>:</i> <a href="{ReblogParentURL}">{ReblogParentName}</a> &nbsp; <i><u>Source</u>:</i> <a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom}<br/><br/>{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  769. </div></div>
  770. {block:PostNotes}
  771. <div class="postnotes" style=" {block:IfNotSmallerPosts}{block:IfNotLargerPosts}width:400px;{/block:IfNotLargerPosts}{/block:IfNotSmallerPosts}
  772. {block:IfSmallerPosts}{block:IfNotLargerPosts}}width:400px;{block:IfNotLargerPosts}
  773. {/block:IfSmallerPosts}
  774. {block:IfLargerPosts}{block:IfNotSmallerPosts}width:500px;{/block:IfNotSmallerPosts}{/block:IfLargerPosts}overflow:hidden;">{PostNotes}</div>
  775. {/block:PostNotes}
  776.  
  777. {/block:PermalinkPage}
  778. {/block:Posts}
  779. {block:IfEndlessScroll}</div>{/block:IfEndlessScroll}
  780.  
  781. </div>
  782. </div>
  783.  
  784. </div>
  785.  
  786. </div>
  787. </body>
  788. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!