API tools faq
paste
Advertisement
infernos

N O C T U R N U S (Centered version)

infernos
Feb 5th, 2012
30,450
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.59 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.  
  7. IMPORTANT: TO REVERSE SOME OPTIONS IN CUSTOMIZE PAGE (UNDER APPEARANCE), YOU MUST CHECK AND THEN UNCHECK THE OPTION.
  8. FOR EXAMPLE: If you select the 'Smaller Posts' option, but want to reverse it afterwords, you must re-select the 'Smaller Posts' option then unselect it.
  9.  
  10. ------------| 0 3 . N O C T U R N U S by infernos.tumblr.com |-------------
  11.  
  12. It's my third theme! I hope you guys enjoy! :D
  13. ___________________________________________________________________________
  14.  
  15. - R U L E S -
  16.  
  17. 1. Do not remove credits
  18. 2. Do not redistribute
  19. 3. Do not claim it as your own
  20. 4. Do not use this code as a base for creating your own.
  21. 5. Do read installing tips below before asking questions
  22. ___________________________________________________________________________
  23.  
  24. - I N S T A L L I N G -
  25.  
  26. 1. Go to your customize page
  27. 2. Click 'Use Custom HTML' then click on 'EDIT HTML' option
  28. 3. Replace entire code with this code
  29. 4. Go back to 'Appearance' and scroll down. Then 'reset defaults'.
  30. 5. Customize options on the side
  31.  
  32. UNDER 'APPEARANCE':
  33. You can customize/select:
  34. -Optional endless scroll
  35. -Optional sidebar image
  36. -Customizable background and border background
  37. -Option for top border or left border
  38. -Option for smaller posts
  39. -Custom links
  40.  
  41. ^IMPORTANT NOTE:
  42. In order to undo some of those options you may select, you have to recheck
  43. and then uncheck.
  44. ___________________________________________________________________________
  45.  
  46. - Q U E S T I O N S ? -
  47.  
  48. Please be sure to read the rules/installation guide above before asking me any questions.
  49. My main blog is http://infernos.tumblr.com
  50.  
  51.  
  52. -!>
  53.  
  54.  
  55. <link rel="shortcut icon" href="{favicon}">
  56. <meta name="if:Endless Scroll" content="1"/>
  57. <meta name="if:Image Lazy Load" content="1"/>
  58. <meta name="if:Smaller Posts" content="0"/>
  59. <meta name="if:Larger Posts" content="0" />
  60. <meta name="if:Visible Sidebar Image" content="1"/>
  61. <meta name="if:Border on Top" content="1" />
  62. <meta name="if:Border on Left" content="0" />
  63. <meta name="if:Circular Sidebar Image" content="1" />
  64. <meta name="if:Show Photo Captions" content="0" />
  65. <meta name="image:Sidebar Image" content="http://static.tumblr.com/yauabn1/n8Ylw8br9/untitled.jpg"/>
  66. <meta name="image:Background" content="" />
  67. <meta name="image:Border BG" content="http://24.media.tumblr.com/tumblr_ls0w5txuft1r3vazto11_r1_400.png" />
  68. <meta name="font:Body font" content="Arial"/>
  69. <meta name="color:Links" content="#777777" />
  70. <meta name="color:Text Color" content="#555555" />
  71. <meta name="color:Background Color" content="#000000"/>
  72. <meta name="color:Post Background Color" content="#090909"/>
  73. <meta name="color:Titles Background Color" content="#020202" />
  74. <meta name="color:Sidebar Links BG" content="#0d0d0d" />
  75. <meta name="color:Hover Permalink Color" content="#777777" />
  76. <meta name="text:Font Size" content="8" />
  77. <meta name="text:Letter Spacing" content="1" />
  78. <meta name="text:Line Height" content="10" />
  79. <meta name="text:Link 1 URL" content="" />
  80. <meta name="text:Link 1 Name" content="" />
  81. <meta name="text:Link 2 URL" content="" />
  82. <meta name="text:Link 2 Name" content="" />
  83. <meta name="text:Link 3 URL" content="" />
  84. <meta name="text:Link 3 Name" content="" />
  85. <meta name="text:Link 4 URL" content="" />
  86. <meta name="text:Link 4 Name" content="" />
  87. <meta name="text:Link 5 URL" content="" />
  88. <meta name="text:Link 5 Name" content="" />
  89.  
  90. <style type="text/css">
  91.  
  92. ::-webkit-scrollbar {width: 7px;}
  93.  
  94. ::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px {color:Background Color};}
  95.  
  96. ::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 6px #333;}
  97.  
  98. ::-webkit-scrollbar:double-button {{color:Background Color};}
  99.  
  100. ::-webkit-scrollbar-track-piece{background-color:{color:Background Color};}
  101.  
  102. ::-webkit-scrollbar-thumb:vertical{background-color:#333;}
  103.  
  104. body{
  105. {block:IfNotLargerPosts}{block:IfNotSmallerPosts}width:600px;
  106. {/block:IfNotSmallerPosts}{/block:IfNotLargerPosts}
  107. {block:IfSmallerPosts}{block:IfNotLargerPosts}{block:IndexPage}
  108. width:450px;{/block:IndexPage}
  109. {block:PermalinkPage}width:600px;{/block:PermalinkPage}
  110. {/block:IfNotLargerPosts}{/block:IfSmallerPosts}
  111. {block:IfLargerPosts}{block:IfNotSmallerPosts}{block:IndexPage}
  112. width:700px;{/block:IndexPage}
  113. {block:PermalinkPage}width:700px;{/block:PermalinkPage}
  114. {/block:IfNotSmallerPosts}
  115. {/block:IfLargerPosts} margin: auto;
  116. margin-top:0px;
  117. margin-bottom:20px;
  118. color: {color:Text Color};
  119. background: {color:Background Color} url({image:Background}) repeat;
  120. background-attachment: fixed;
  121. font-family: {font:Body font};
  122. letter-spacing: {text:Letter Spacing}px;
  123. font-size: {text:Font Size}px;
  124. line-height:{text:Line height}px;
  125. text-align:justify;
  126. z-index;1;
  127. overflow-x: hidden;
  128. }
  129.  
  130. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  131. #tumblr_controls{position: fixed!important}
  132.  
  133. #center{
  134. margin-left:230px;
  135. {block:IfSmallerPosts}{block:IfNotLargerPosts}
  136. {block:IndexPage}width:270px;{/block:IndexPage}
  137. {block:PermalinkPage}width:420px;{/block:PermalinkPage}
  138. {/block:IfNotLargerPosts}{/block:IfSmallerPosts}
  139. {block:IfNotLargerPosts}{block:IfNotSmallerPosts}width:420px;
  140. {/block:IfNotSmallerPosts}{block:IfNotLargerPosts}
  141. {block:IfLargerPosts}width:520px;{/block:IfLargerPosts}
  142. }
  143.  
  144. #titulo {
  145. position:fixed;
  146. font-family: consolas;
  147. font-size:20px;
  148. color: #1f1f1f;
  149. text-transform: none;
  150. {block:IfBorderOnTop}letter-spacing:14px;
  151. margin-top:13px;
  152. margin-left:230px;
  153. width:750px;{/block:IfBorderOnTop}
  154. {block:IfBorderOnLeft} display: none; {/block:IfBorderOnLeft}
  155. z-index:9999;
  156. }
  157.  
  158. a:link, a:active, a:visited{
  159. font-size: {text:Font size};
  160. color: {color:Links};
  161. text-decoration:none;
  162. outline: none;
  163. }
  164.  
  165. a:hover{
  166. -webkit-transition: 0.6s ease-in; color:#444;
  167. -moz-transition: 0.6s ease-in; color:#444;
  168. }
  169.  
  170. #content {
  171. position:absolute;
  172. {block:IfSmallerPosts}{block:IfNotLargerPosts}
  173. {block:IndexPage}width:250px;{/block:IndexPage}
  174. {block:PermalinkPage}width:400px;{/block:PermalinkPage}
  175. {/block:IfNotLargerPosts}{/block:IfSmallerPosts}
  176. {block:IfLargerPosts}{block:IfNotSmallerPosts}
  177. width: 500px; {/block:IfNotSmallerPosts}{/block:IfLargerPosts}
  178. {block:IfNotLargerPosts}
  179. {block:IfNotSmallerPosts}width:400px;{/block:IfNotSmallerPosts}
  180. {/block:IfNotLargerPosts}
  181. margin-top:80px;
  182. }
  183.  
  184. #entry {
  185. background-color:{color:Post Background Color};
  186. {block:IfNotLargerPosts}{block:IfNotSmallerPosts}width:400px;
  187. {/block:IfNotSmallerPosts}{/block:IfNotLargerPosts}
  188. {block:IfSmallerPosts}{block:IfNotLargerPosts}{block:IndexPage}
  189. width:250px;{/block:IndexPage}
  190. {block:PermalinkPage}width:400px;{/block:PermalinkPage}
  191. {/block:IfNotLargerPosts}{/block:IfSmallerPosts}
  192. {block:IfLargerPosts}{block:IfNotSmallerPosts}{block:IndexPage}
  193. width:500px;{/block:IndexPage}
  194. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  195. {/block:IfNotSmallerPosts}
  196. {/block:IfLargerPosts}
  197. z-index:1;
  198. overflow: hidden;
  199. }
  200.  
  201. #entry p {
  202. {block:IfSmallerPosts}{block:IfNotLargerPosts}{block:IndexPage}
  203. max-width:250px;{/block:IndexPage} {block:PermalinkPage}max-width:400px;{/block:PermalinkPage}
  204. {/block:IfNotLargerPosts}{/block:IfSmallerPosts}
  205. {block:IfLargerPosts}{block:IfNotSmallerPosts}
  206. max-width: 500px; {/block:IfNotSmallerPosts}{/block:IfLargerPosts}
  207. {block:IfNotLargerPosts}
  208. {block:IfNotSmallerPosts}max-width:400px;{/block:IfNotSmallerPosts}
  209. {/block:IfNotLargerPosts}
  210. }
  211.  
  212. #entry img{
  213. {block:IfSmallerPosts}{block:IfNotLargerPosts}{block:IndexPage}
  214. max-width:250px;{/block:IndexPage} {block:PermalinkPage}max-width:400px;{/block:PermalinkPage}
  215. {/block:IfNotLargerPosts}{/block:IfSmallerPosts}
  216. {block:IfLargerPosts}{block:IfNotSmallerPosts}
  217. max-width: 500px; {/block:IfNotSmallerPosts}{/block:IfLargerPosts}
  218. {block:IfNotLargerPosts}
  219. {block:IfNotSmallerPosts}max-width:400px;{/block:IfNotSmallerPosts}
  220. {/block:IfNotLargerPosts}
  221. }
  222.  
  223. #entry:hover .permalink {
  224. opacity: 1;
  225. filter:alpha(opacity=100);
  226. -moz-opacity: 1;
  227. -khtml-opacity: 1;
  228. border-left: 25px {color:Post Background Color} solid;
  229. padding:3px;
  230. padding-bottom:1px;
  231. text-align: left;
  232. font-size: 9px;
  233. -webkit-transition: all 0.7s ease;
  234. -moz-transition: all 0.7s ease;
  235. -o-transition: all 0.7s ease;
  236. }
  237.  
  238. img{
  239. -moz-transition: opacity 0.5s linear;
  240. -webkit-transition: opacity 0.5s linear;
  241. -o-transition: opacity 0.5s linear;
  242. transition: opacity 0.5s linear;
  243. opacity: 0.8;
  244. filter:alpha(opacity=80);
  245. -moz-opacity: 0.8;
  246. -khtml-opacity: 0.8;
  247. }
  248.  
  249. img:hover {
  250. -moz-transition: opacity 0.5s linear;
  251. -webkit-transition: opacity 0.5s linear;
  252. -o-transition: opacity 0.5s linear;
  253. transition: opacity 0.5s linear;
  254. opacity: 1;
  255. filter:alpha(opacity=100);
  256. -moz-opacity: 1;
  257. -khtml-opacity: 1;
  258. background-color:none;
  259. }
  260.  
  261. .photoset {
  262. -moz-transition: opacity 0.5s linear;
  263. -webkit-transition: opacity 0.5s linear;
  264. -o-transition: opacity 0.5s linear;
  265. transition: opacity 0.5s linear;
  266. opacity: 0.8;
  267. filter:alpha(opacity=80);
  268. -moz-opacity: 0.8;
  269. -khtml-opacity: 0.8;
  270. }
  271.  
  272. .photoset:hover {
  273. -moz-transition: opacity 0.5s linear;
  274. -webkit-transition: opacity 0.5s linear;
  275. -o-transition: opacity 0.5s linear;
  276. transition: opacity 0.5s linear;
  277. opacity: 1;
  278. filter:alpha(opacity=100);
  279. -moz-opacity: 1;
  280. -khtml-opacity: 1;
  281. background-color:none;
  282. }
  283.  
  284. #lborder {
  285. {block:IfBorderOnLeft}
  286. position: fixed;
  287. height:110%;
  288. width:200px;
  289. margin-left:13px;
  290. margin-top:-15px;
  291. background: url({image:Border BG}) repeat;
  292. z-index:999;
  293. {block:IfBorderOnTop}display:none;{/block:IfBorderOnTop}
  294. {/block:IfBorderOnLeft}
  295. }
  296.  
  297. #tborder {
  298. {block:IfBorderOnTop}
  299. position: fixed;
  300. height:50px;
  301. width:110%;
  302. left:-10px;
  303. border-bottom:15px solid {color:Background Color};
  304. margin-top:0px;
  305. background: url({image:Border BG}) repeat;
  306. z-index:999; {/block:IfBorderOnTop}
  307. }
  308.  
  309. #side {
  310. position:fixed;
  311. text-align:right;
  312. top:240px;
  313. width:190px;
  314. padding:5px;
  315. background: {color:Post Background Color};
  316. margin-left:13px;
  317. z-index:99999;
  318. }
  319.  
  320. #portrait {
  321. {block:IfVisibleSidebarImage}
  322. margin-left: 13px;
  323. top:130px;
  324. position: fixed;
  325. {block:IfCircularSidebarImage}
  326. top:85px;
  327. margin-left:42px;
  328. {block:IfCircularSidebarImage}
  329. z-index:9999;
  330. {/block:IfVisibleSidebarImage}
  331. }
  332.  
  333. #portrait .profilepic{
  334. {block:IfVisibleSidebarImage}
  335. background: url({image:Sidebar Image});
  336. background-position: center;
  337. opacity: 0.9; filter:alpha(opacity=90);-moz-opacity: 0.9;-khtml-opacity: 0.9;
  338. overflow:hidden;
  339. width: 200px;
  340. height: 110px;
  341. {block:IfCircularSidebarImage}
  342. width: 126px;
  343. height: 126px;
  344. border: 10px solid {color:Post Background Color};
  345. -webkit-border-radius: 70px;
  346. -moz-border-radius: 70px;
  347. border-radius: 70px; {/block:IfCircularSidebarImage}
  348. -webkit-transition: all 1s ease;
  349. -moz-transition: all 1s ease;
  350. -o-transition: all 1s ease;
  351. {/block:IfVisibleSidebarImage}
  352. }
  353.  
  354. #portrait:hover .profilepic{
  355. {block:IfVisibleSidebarImage}
  356. opacity: 1;
  357. filter:alpha(opacity=100);
  358. -moz-opacity: 1;
  359. -khtml-opacity: 1;
  360. overflow:hidden;
  361. margin: auto;
  362. -webkit-border-radius: 0px;
  363. -moz-border-radius: 0px;
  364. border-radius: 0px;
  365. -webkit-transition: all 0.8s ease;
  366. -moz-transition: all 0.8s ease;
  367. -o-transition: all 0.8s ease;
  368. {/block:IfVisibleSidebarImage}
  369. }
  370.  
  371. #desc {
  372. margin-left:0px;
  373. margin-top: 0px;
  374. width:190px;
  375. position: fixed;
  376. text-align:right;
  377. opacity:1;
  378. z-index:4;
  379. -webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: 1s ease-in-out;
  380. }
  381.  
  382. #tumblelogtitle {
  383. font-family: consolas;
  384. width: 190px;
  385. color: #888;
  386. font-size:9px;
  387. border-bottom: 1px dotted #333;
  388. padding-bottom:2px;
  389. line-height:11px;
  390. letter-spacing: 7px;
  391. text-transform: uppercase;
  392. font-weight:lighter;
  393. font-style: none;
  394. }
  395.  
  396.  
  397. #blogtitle .description {
  398. width:190px;
  399. height: auto;
  400. overflow:hidden;
  401. }
  402.  
  403. #sidecontent {
  404. margin-top:10px;
  405. width: 190px;
  406. }
  407.  
  408. #sidecontent a {
  409. color: {color:Links};
  410. font-family: consolas;
  411. text-transform: uppercase;
  412. font-size: 8px;
  413. letter-spacing: 5px;
  414. background: {color:Sidebar Links BG};
  415. width: 180px;
  416. height: 8px;
  417. float: left;
  418. margin-left: -5px;
  419. margin-bottom: 3px;
  420. padding-top: 3px;
  421. padding-bottom:5px;
  422. text-align: right;
  423. padding-right: 5px;
  424. border-right: 15px solid {color:Post Background Color};
  425. -webkit-transition: all 0.5s ease-out;
  426. -moz-transition: all 0.5s ease-out;
  427. -o-transition: all 0.5s ease-out;
  428.  
  429. }
  430.  
  431. #sidecontent a:hover {
  432. background: {color:Post Background Color};
  433. width: 190px;
  434. height: 8px;
  435. text-align: right;
  436. float: left;
  437. border-right: 0px solid {color:Post Background Color};
  438. padding-left: 5px;
  439. padding-right: 10px;
  440. padding-bottom: 5px;
  441. -webkit-transition: all 0.3s ease-out;
  442. -moz-transition: all 0.3s ease-out;
  443. -o-transition: all 0.3s ease-out;
  444. }
  445.  
  446. #navigationnext
  447. {
  448. background: {color:Post Background Color};
  449. width:195px;
  450. margin-left:-5px;
  451. padding-right: 5px;
  452. position: fixed;
  453. text-align:right;
  454. opacity:1;
  455. z-index:4;
  456. bottom:80px;
  457. {block:PermalinkPage}display:none;{/block:PermalinkPage}
  458. {block:IfEndlessScroll}display:none;{/block:IfEndlessScroll}
  459. }
  460.  
  461. #navigationprev
  462. {
  463. background: {color:Post Background Color};
  464. width:195px;
  465. margin-left: -5px;
  466. padding-right: 5px;
  467. position: fixed;
  468. text-align:right;
  469. opacity:1;
  470. z-index:4;
  471. bottom:50px;
  472. {block:PermalinkPage}display:none;{/block:PermalinkPage}
  473. {block:IfEndlessScroll}display:none;{/block:IfEndlessScroll}
  474. }
  475.  
  476. .chat {
  477. background-color: {color:Post Background Color};
  478. margin-left: -5px;
  479. }
  480.  
  481. .chat .lines {
  482. margin-left: 0px;
  483. }
  484.  
  485. .chat .lines .line {
  486. background-color: {color:Post Background Color};
  487. margin-top:3px;
  488. padding:1px;
  489. }
  490.  
  491. .chat .lines .line.even {
  492. background-color: {color:Titles Background Color};
  493. }
  494.  
  495. h1{
  496. color:#555;
  497. font-size:9px;
  498. font-weight:lighter;
  499. font-style: none;
  500. text-transform:none;
  501. margin:0px;
  502. padding:0px;
  503. }
  504. h2{
  505. color: #888;
  506. font-family: consolas;
  507. font-size:9px;
  508. background: {color:Titles Background Color};
  509. padding: 5px;
  510. line-height:10px;
  511. letter-spacing: 4px;
  512. text-transform: uppercase;
  513. font-weight:lighter;
  514. font-style: none;
  515. }
  516. h3{
  517. color: #888;
  518. font-family: consolas;
  519. font-size:9px;
  520. line-height:15px;
  521. letter-spacing: 1px;
  522. text-transform: uppercase;
  523. font-weight:lighter;
  524. font-style: none;
  525. }
  526. h4{
  527. font-size:10.5px;
  528. line-height:15px;
  529. letter-spacing:0px;
  530. font-weight:lighter;
  531. font-style: normal;
  532. text-transform:none;
  533. margin:0px;
  534. padding:0px;
  535. text-align:left;
  536. }
  537.  
  538. b, strong{
  539. color:#888;
  540. font-weight:lighter;}
  541. i, em {
  542. color:#777;
  543. font-weight:lighter;
  544. }
  545. p{
  546. margin-top:3px;
  547. margin-bottom:3px;
  548. }
  549. blockquote img{
  550. display:block;
  551. max-width: 359px;
  552. {block:IfSmallerPosts}{block:IndexPage}max-width:220px;{/block:IndexPage}{/block:IfSmallerPosts}
  553. }
  554.  
  555. blockquote p {
  556. color: #666;
  557. padding:0px;
  558. margin:0px;
  559. line-height:9px;
  560. {block:IfSmallerPosts}{block:IfNotLargerPosts}{block:IndexPage}
  561. max-width:225px;{/block:IndexPage} {block:PermalinkPage}max-width:375px;{/block:PermalinkPage}
  562. {/block:IfNotLargerPosts}{/block:IfSmallerPosts}
  563. {block:IfLargerPosts}{block:IfNotSmallerPosts}
  564. max-width: 475px; {/block:IfNotSmallerPosts}{/block:IfLargerPosts}
  565. {block:IfNotLargerPosts}
  566. {block:IfNotSmallerPosts}max-width:375px;{/block:IfNotSmallerPosts}
  567. {/block:IfNotLargerPosts}
  568. }
  569.  
  570. blockquote {
  571. background: {color:Titles Background Color};
  572. background-repeat: repeat;
  573. border-left: 5px solid {color:Sidebar Links BG};
  574. padding:5px;
  575. position:relative;
  576. }
  577.  
  578.  
  579. a img{
  580. border:none;
  581. }
  582. .audio{
  583. z-index:3;
  584. background: #000000;
  585. display:block;
  586. margin-bottom:5px;}
  587.  
  588. .PermalinkPage{
  589. {block:IfLargerPosts}{block:IfNotSmallerPosts}
  590. width:500px;{/block:IfNotSmallerPosts}{/block:IfLargerPosts}
  591. text-align:center;
  592. margin:auto;
  593. margin-top:23px;
  594. }
  595. .permalink {
  596. {block:IndexPage}
  597. background:{color:Post Background Color} url({image:Border BG}) repeat;
  598. position:absolute;
  599. {block:IfSmallerPosts}{block:IfNotLargerPosts}margin-left:254px;
  600. {/block:IfNotLargerPosts}{/block:IfSmallerPosts}
  601. {block:IfLargerPosts}{block:IfNotSmallerPosts}margin-left:504px;
  602. {/block:IfNotSmallerPosts}{/block:IfLargerPosts}
  603. {block:IfNotLargerPosts}{block:IfNotSmallerPosts}margin-left:404px;
  604. {/block:IfNotSmallerPosts}
  605. {/block:IfNotLargerPosts}
  606. padding:3px;
  607. padding-bottom:1px;
  608. text-align: left;
  609. font-size: 9px;
  610. border-left: 0px solid {color:Post Background Color};
  611. -webkit-transition: all 1s ease;
  612. -moz-transition: all 1s ease;
  613. -o-transition: all 1s ease;
  614. opacity:0;filter:alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;
  615. z-index:99;
  616. {/block:IndexPage}{block:PermalinkPage}display:none{/block:PermalinkPage}
  617. }
  618.  
  619. .permalink a {
  620. color: {color:Hover Permalink Color};
  621. font-size:7px;
  622. text-transform: uppercase;
  623. opacity: 0.7;filter:alpha(opacity=70);-moz-opacity: 0.7;
  624. -khtml-opacity: 0.7;
  625. }
  626. .permalink a:hover {
  627. color:#ccc;
  628. opacity: 1;}
  629. div.video embed,div.post div.video object {
  630. width:{text:Width}px !important;
  631. }
  632.  
  633. img{
  634. {block:IfNotLargerPosts} max-width:400px;{/block:IfNotLargerPosts}
  635. {block:IfLargerPosts}max-width:500px;{/block:IfLargerPosts}
  636. }
  637.  
  638. </style>
  639.  
  640.  
  641. </head>
  642. {block:ifEndlessScroll}<script type="text/javascript" src="http://static.tumblr.com/zh7ydxo/1MVlwa3ai/tumblrautopagernopage.js"></script>{/block:ifEndlessScroll}
  643.  
  644.  
  645. {block:ifImageLazyLoad}<script type="text/javascript" src="http://static.tumblr.com/zh7ydxo/CIvlwa3c5/jquery.js"></script>
  646.  
  647. <script type="text/javascript" src="http://static.tumblr.com/zh7ydxo/CtWlwa3d9/lazyload.js"></script>
  648.  
  649. <script type="text/javascript" charset="utf-8">
  650.  
  651. var $j = jQuery.noConflict();
  652.  
  653. $j(function() {
  654.  
  655. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  656.  
  657. $j("img").lazyload({
  658.  
  659. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  660.  
  661. effect: "fadeIn",
  662.  
  663. });
  664.  
  665. });
  666.  
  667. </script> {/block:ifImageLazyLoad}
  668.  
  669. </head>
  670.  
  671.  
  672. </head>
  673. <div id="lborder"></div>
  674. <div id="tborder"></div>
  675.  
  676. <body>
  677. <div style="font-size:15px; text-transform:uppercase; color:#111; position:fixed; bottom:9px; right:9px;"><a href="http://infernos.tumblr.com" style="color:#111;">☲</a></div>
  678. {block:IfBorderOnTop}<div id="titulo"><a href="/" style="color:#1f1f1f;">{name}</a></div>{/block:IfBorderOnTop}
  679. <div id="portrait">
  680. <a href='/' title='{Name}'><div class=
  681. "profilepic"><span style="font:35px consolas;text-transform: uppercase; color:#000;letter-spacing:7px;"><center><div style="border-radius:65px;overflow:hidden;"></div></center></></div></a></div>
  682. <div id="side">
  683. <div id="blogtitle">
  684. <div id="tumblelogtitle">
  685. <a href="/">{title}</a></div> <div class="description">{description}
  686. </div></div>
  687. <div id="desc">
  688. <div id="sidecontent">
  689. <span style="color:#777;background:transparent;padding-top:3px;padding-bottom:3px;line-height:12px;">
  690. {block:ifLink1URL}<a href="{text:Link 1 URL}">{text:Link 1 Name}</a><br />{/block:ifLink1URL}
  691. {block:ifLink2URL}<a href="{text:Link 2 URL}">{text:Link 2 Name}</a><br />{/block:ifLink2URL}
  692. {block:ifLink3URL}<a href="{text:Link 3 URL}">{text:Link 3 Name}</a><br />{/block:ifLink3URL}
  693. {block:ifLink4URL}<a href="{text:Link 4 URL}">{text:Link 4 Name}</a><br />{/block:ifLink4URL}
  694. {block:ifLink5URL}<a href="{text:Link 5 URL}">{text:Link 5 Name}</a><br />{/block:ifLink5URL}
  695. <a href="/archive"> archive </a><br/></span>
  696. <a href="/ask"> message </a><br/></span>
  697. <a href="http://infernos.tumblr.com"> credit </a></span>
  698. </div>
  699.  
  700.  
  701. {block:ifNotEndlessScroll}{block:NextPage} <div id="navigationnext"><a href="{NextPage}" style="font-size:16px; color:#a2a2a2; font-family:garamond; line-height:22px; font-weight:bold;"> ← </a>
  702. </div>{/block:NextPage}
  703. {block:PreviousPage} <div id="navigationprev"> <a href="{PreviousPage}" style="font-size:16px; color:#a2a2a2; font-family:garamond; line-height:22px; font-weight:bold;"> → </a>
  704. </div> {/block:PreviousPage}
  705. {/block:IfNotEndlessScroll}
  706. </div>
  707. </div>
  708.  
  709. <div id="content">
  710.  
  711.  
  712. <div></div>
  713.  
  714. </div></div>
  715. {block:IfBorderonTop}<div style="height:60px;"></div>{/block:IfBorderonTop}
  716.  
  717.  
  718. {block:IfEndlessScroll}
  719. <div class="autopagerize_page_element">
  720. {/block:IfEndlessScroll}
  721. <div id="center">
  722. {block:Posts}
  723.  
  724. <div id="entry" style="padding:10px;margin-top:15px;">
  725.  
  726. {block:Photo}
  727. <div id="entry">
  728. <span class="permalink"><a href="{Permalink}" class="morelink">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}{block:NoteCount} | {NoteCountWithLabel}{/block:Notecount} </a></span>
  729. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  730. {block:IfSmallerPosts}{block:IfNotLargerPosts}
  731. {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}
  732. {/block:IfSmallerPosts}
  733. {block:IfNotLargerPosts}
  734. {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}
  735. {/block:IfNotLargerPosts}
  736. {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}
  737. {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
  738. {block:IfShowPhotoCaptions}{block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{/block:IfShowPhotoCaptions}
  739. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  740. </div>
  741. {/block:Photo}
  742.  
  743. {block:Photoset}<div id="entry">
  744. <span class="permalink"><a href="{Permalink}" class="morelink">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}{block:NoteCount} | {NoteCountWithLabel}{/block:Notecount} </a></span>
  745. <div class="photoset">{block:IfSmallerPosts}{block:IfNotLargerPosts}
  746. {block:IndexPage}{Photoset-250}{/block:IndexPage} {block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}{/block:IfNotLargerPosts}
  747. {/block:IfSmallerPosts}{block:IfNotLargerPosts}{block:IfNotSmallerPosts}{Photoset-400}{/block:IfNotSmallerPosts}{/block:IfNotLargerPosts}
  748. {block:IfLargerPosts}{block:IfNotSmallerPosts}{block:IndexPage}{Photoset-500}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}{/block:IfNotSmallerPosts}{/block:IfLargerPosts}
  749. {block:IfShowPhotoCaptions}{block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{/block:IfShowPhotoCaptions}
  750. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}</div>
  751. </div>
  752. {/block:Photoset}
  753.  
  754. {block:Video}<div id="entry">
  755. <span class="permalink"><a href="{Permalink}" class="morelink">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}{block:NoteCount} | {NoteCountWithLabel}{/block:Notecount} </a></span>
  756. <center>{block:ifSmallerPosts}{block:IfNotLargerPosts}
  757. {block:IndexPage}{Video-250}{/block:IndexPage}{/block:IfNotLargerPosts}
  758. {/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}
  759.  
  760.  
  761. {block:Audio}
  762. <div id="entry">
  763. <span class="permalink"><a href="{Permalink}" class="morelink">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}{block:NoteCount} | {NoteCountWithLabel}{/block:Notecount} </a></span>
  764. <div class="media audio" align="left" style="z-index:3">
  765. {AudioPlayerBlack}
  766. </div>
  767. {block:Caption}
  768. <div class="audioinfo">
  769. {block:TrackName}
  770. {TrackName} -
  771. {/block:TrackName}{block:Artist}
  772. {Artist}
  773. {/block:Artist}
  774. </div>
  775. {/block:Caption}</div>
  776. {/block:Audio}
  777.  
  778.  
  779. {block:Quote}
  780. <div id="entry">
  781. <span class="permalink"><a href="{Permalink}" class="morelink">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}{block:NoteCount} | {NoteCountWithLabel}{/block:Notecount} </a></span>
  782. <h3>❝{Quote}❞</h3><div style="margin-top:0px;text-align:right;border-top:1px dotted #999;margin-bottom:3px;">{block:Source}— {Source}{/block:Source}</div></div>{/block:Quote}
  783.  
  784. {block:Link}
  785. <div id="entry">
  786. <span class="permalink"><a href="{Permalink}" class="morelink">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}{block:NoteCount} | {NoteCountWithLabel}{/block:Notecount} </a></span>
  787. <a href="{URL}" class="link" {Target}><h2>{Name}&nbsp;→</h2></a>
  788. {block:Description}
  789. {Description}
  790. {/block:Description}</div>
  791. {/block:Link}
  792.  
  793. {block:Text}<div id="entry">
  794. <span class="permalink"><a href="{Permalink}" class="morelink">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}{block:NoteCount} | {NoteCountWithLabel}{/block:Notecount} </a></span>
  795. {block:Title}<a href="{permalink}"> <h2>{Title}</h2></a>{/block:Title}{Body}</div>{/block:Text}
  796.  
  797. {block:Chat}
  798. <div id="entry" style="padding:5px;">
  799. <span class="permalink"><a href="{Permalink}" class="morelink">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}{block:NoteCount} | {NoteCountWithLabel}{/block:Notecount} </a></span>
  800. {block:Title}<a href="{permalink}"><div style="margin-left:5px;margin-bottom:2px;"><h2>{Title}</h2></div></a>{/block:Title}
  801. <div class="chat">
  802. <div class="lines">{block:Lines}
  803. <div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>{/block:Lines}
  804. </div></div></div>
  805. {/block:Chat}
  806.  
  807. {block:Answer}<div id="entry">
  808. <span class="permalink"><a href="{Permalink}" class="morelink">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}{block:NoteCount} | {NoteCountWithLabel}{/block:Notecount} </a></span>
  809. <div style="padding:2px; background: {color:Titles Background Color};"><a href="{AskerURL}" style="text-decoraton:underline;">{Asker}</a>: {Question}</div>{Answer}</div>{/block:Answer}
  810.  
  811. </div>
  812.  
  813.  
  814.  
  815. {block:PermalinkPage}<div class="meta" style="line-height:12px;"><!--METABOX APPEARS ON PERMALINK PAGE-->
  816. <div class="metabox" style="text-align:left;" > <div class="permalinkpage">
  817. {block:Date}<h2>{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</h2>{/block:Date}
  818. {block:HasTags}<i><u>Tagged</u>:</i>{block:tags}&bull;<a href="{TagURL}">{Tag} </a>
  819. {/block:tags}{/block:HasTags}<br /><i><u>Options</u>:</i>
  820. <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}
  821. </div></div>
  822. {block:PostNotes}
  823. <div class="postnotes" style="width:400px;{block:IfLargerPosts}width:500px;{/block:IfLargerPosts} overflow:hidden;">{PostNotes}</div>
  824. {/block:PostNotes}
  825. </div>
  826. {/block:PermalinkPage}
  827.  
  828. {/block:Posts}
  829. </div>
  830.  
  831. {block:IfEndlessScroll}</div>{/block:IfEndlessScroll}
  832.  
  833. </div>
  834.  
  835. </div>
  836. </body>
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!