Advertisement
infernos

0 4. N O C T U R N U S - I N V E R S U S

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