reindropz

ORIG.

Jun 27th, 2012
53
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.19 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. <head>
  4. <html>
  5. <title>{Title}</title>
  6.  
  7. <!--
  8. ___________________________________________________________________________
  9.  
  10. CORPUS THEME BY NOCTOS @ TUMBLR
  11. ___________________________________________________________________________
  12.  
  13. -->
  14.  
  15. <link rel="shortcut icon" href="{Favicon}">
  16. {block:Description}
  17. <meta name="description" content="{MetaDescription}" />
  18. {/block:Description}
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20.  
  21. <meta name="text:font" content="cambria" />
  22. <meta name="text:font size" content="9px" />
  23.  
  24. <meta name="image:background" content="" />
  25. <meta name="image:side" content="http://static.tumblr.com/nj7bgyh/iLKm3gsx7/tumblr_lxxy6b9t2a1r6hoxao1_500.jpg" />
  26. <meta name="image:side links BG" content="http://media.tumblr.com/tumblr_m3d3ogLzYw1qklwal.png" />
  27. <meta name="color:background" content="#fff" />
  28. <meta name="color:text" content="#777" />
  29. <meta name="color:links" content="#b4b4b4" />
  30. <meta name="color:links hover" content="#494949" />
  31. <meta name="color:bordering" content="#eee" />
  32. <meta name="color:side links TXT" content="#b3b3b3" />
  33. <meta name="color:side links BG hover" content="#eee" />
  34. <meta name="color:side links TXT hover" content="#b3b3b3" />
  35. <meta name="color:side title" content="#fff" />
  36. <meta name="color:post BG" content="#fff" />
  37. <meta name="color:post title BG" content="#fafafa" />
  38.  
  39. <meta name="if:endless scroll" content="1" />
  40. <meta name="if:show captions" content="0" />
  41. <meta name="if:post bordering" content="1" />
  42.  
  43. <meta name="if:small posts" content="1" />
  44. <meta name="if:medium posts" content="0" />
  45. <meta name="if:large posts" content="0" />
  46.  
  47. <meta name="text:link one" content="" />
  48. <meta name="text:link one title" content="" />
  49. <meta name="text:link two" content="" />
  50. <meta name="text:link two title" content="" />
  51. <meta name="text:link three" content="" />
  52. <meta name="text:link three title" content="" />
  53. <meta name="text:link four" content="" />
  54. <meta name="text:link four title" content="" />
  55. <meta name="text:link five" content="" />
  56. <meta name="text:link five title" content="" />
  57.  
  58. <style type="text/css">
  59.  
  60. {CustomCSS}
  61.  
  62. ::-webkit-scrollbar-thumb:vertical {background-color:{color:bordering};width:6px;border:1px solid #fff;}
  63. ::-webkit-scrollbar {height:0px;width:5px;background-color:{color:background};}
  64.  
  65. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.5;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  66.  
  67. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  68.  
  69.  
  70. body {
  71. background-image: url('{image:background}');
  72. background-attachment:fixed;
  73. background-color:{color:background};
  74. font-family:{text:font};
  75. font-size:{text:font size};
  76. color:{color:text};
  77. }
  78.  
  79. a {
  80. color:{color:links};
  81. text-decoration:none;
  82. -webkit-transition: all 0.6s ease-in;
  83. -moz-transition: all 0.6s ease-in;
  84. -o-transition: all 0.6s ease-in;
  85. }
  86.  
  87. a:hover {
  88. color:{color:links hover};
  89. }
  90.  
  91. h1 {
  92. margin-top:0px;
  93. margin-bottom:-5px;
  94. font-size:16px;
  95. font-weight:lighter;
  96. letter-spacing:-1.5px;
  97. text-transform:uppercase;
  98. background-color:{color:post title BG};
  99. padding-left:6px;
  100. }
  101.  
  102. blockquote {
  103. padding-left:10px;
  104. border-left:1px solid {color:text};
  105. }
  106.  
  107. .audi img {
  108. max-width:100px;
  109. float:left;
  110. margin-right:5px;
  111. }
  112.  
  113. #content {
  114. {block:indexpage}
  115. {block:ifsmallposts}
  116. margin-left:43%;
  117. width:250px;
  118. {/block:ifsmallposts}
  119. {block:ifmediumposts}
  120. margin-left:34%;
  121. width:400px;
  122. {/block:ifmediumposts}
  123. {block:iflargeposts}
  124. margin-left:32%;
  125. width:500px;
  126. {/block:iflargeposts}
  127. {/block:indexpage}
  128. {block:permalinkpage}
  129. margin-left:32%;
  130. width:500px;
  131. {/block:permalinkpage}
  132. }
  133.  
  134. .post {
  135. float:left;
  136. overflow:hidden;
  137. {block:indexpage}
  138. padding:8px;
  139. margin-bottom:8px;
  140. background-color:{color:post BG};
  141. {block:ifpostbordering}
  142. border:1px solid {color:bordering};
  143. {/block:ifpostbordering}
  144. {block:ifsmallposts}
  145. width:250px;
  146. {/block:ifsmallposts}
  147. {block:ifmediumposts}
  148. width:400px;
  149. {/block:ifmediumposts}
  150. {block:iflargeposts}
  151. width:500px;
  152. {/block:iflargeposts}
  153. {/block:indexpage}
  154. {block:permalinkpage}
  155. width:500px;
  156. {/block:permalinkpage}
  157. }
  158.  
  159.  
  160. .permalinkbox {
  161. position:relative;
  162. margin-top:-28px;
  163. float:right;
  164. margin-right:8px;
  165. -webkit-transition: all 0.6s ease-in;
  166. -moz-transition: all 0.6s ease-in;
  167. -o-transition: all 0.6s ease-in;
  168. z-index:1;
  169. opacity:0;
  170. {block:permalinkpage}
  171. display:none;
  172. {/block:permalinkpage}
  173. }
  174.  
  175. .permalink {
  176. background-color:{color:post BG};
  177. text-align:center;
  178. padding:4px;
  179. opacity:0.9;
  180. font-family:calibri;
  181. font-size:9px;
  182. text-transform:uppercase;
  183. -webkit-transition: all 0.6s ease-in;
  184. -moz-transition: all 0.6s ease-in;
  185. -o-transition: all 0.6s ease-in;
  186. }
  187.  
  188. .permalink:hover {
  189. opacity:1;
  190. }
  191.  
  192. .post:hover .permalinkbox {
  193. opacity:1;
  194. }
  195.  
  196. .notes img {
  197. height:0px;
  198. width:0px;
  199. }
  200.  
  201. .img {
  202. position:fixed;
  203. {block:indexpage}
  204. {block:ifsmallposts}
  205. left:43%;
  206. {/block:ifsmallposts}
  207. {block:ifmediumposts}
  208. left:34%;
  209. {/block:ifmediumposts}
  210. {block:iflargeposts}
  211. left:32%;
  212. {/block:iflargeposts}
  213. {/block:indexpage}
  214. {block:permalinkpage}
  215. left:32%;
  216. {/block:permalinkpage}
  217. top:30%;
  218. width:170px;
  219. overflow:hidden;
  220. background-color:{color:post BG};
  221. padding:8px 8px 5px 8px;
  222. border:1px solid {color:bordering};
  223. margin-left:-340px;
  224. }
  225.  
  226. #side {
  227. width:240px;
  228. position:fixed;
  229. {block:indexpage}
  230. {block:ifsmallposts}
  231. left:43%;
  232. {/block:ifsmallposts}
  233. {block:ifmediumposts}
  234. left:34%;
  235. {/block:ifmediumposts}
  236. {block:iflargeposts}
  237. left:32%;
  238. {/block:iflargeposts}
  239. {/block:indexpage}
  240. {block:permalinkpage}
  241. left:32%;
  242. {/block:permalinkpage}
  243. top:30%;
  244. margin-left:-284px;
  245. }
  246.  
  247. .desc {
  248. margin-top:50px;
  249. width:100px;
  250. float:right;
  251. }
  252.  
  253. .link {
  254. z-index:1;
  255. float:right;
  256. margin-bottom:2px;
  257. background-image: url('{image:side links BG}');
  258. background-color:transparent;
  259. color:{color:side links TXT};
  260. font-family:consolas;
  261. font-size:8px;
  262. letter-spacing:1px;
  263. text-transform:uppercase;
  264. width:90px;
  265. padding-left:10px;
  266. -webkit-transition: all 0.8s ease-in;
  267. -moz-transition: all 0.8s ease-in;
  268. -o-transition: all 0.8s ease-in;
  269. }
  270.  
  271. .link:hover {
  272. background-color:{color:side links BG hover};
  273. background-image:none;
  274. color:{color:side links TXT hover};
  275. }
  276.  
  277. .titleholder {
  278. width:170px;
  279. text-align:center;
  280. position:absolute;
  281. margin-top:-30px;
  282. }
  283.  
  284. .title a {
  285. font-family:constantia;
  286. font-size:16px;
  287. color:{color:side title};
  288. text-transform:uppercase;
  289. }
  290.  
  291. .pgna {
  292. position:fixed;
  293. {block:indexpage}
  294. {block:ifsmallposts}
  295. left:43%;
  296. {/block:ifsmallposts}
  297. {block:ifmediumposts}
  298. left:34%;
  299. {/block:ifmediumposts}
  300. {block:iflargeposts}
  301. left:32%;
  302. {/block:iflargeposts}
  303. {/block:indexpage}
  304. {block:permalinkpage}
  305. left:32%;
  306. {/block:permalinkpage}
  307. top:30%;
  308. margin-left:-390px;
  309. text-align:right;
  310. margin-top:9px;
  311. }
  312.  
  313. </style>
  314. {block:ifendlessscroll}
  315. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  316. {/block:ifendlessscroll}
  317. </head>
  318. <body>
  319.  
  320. {block:ifnotendlessscroll}
  321. {block:Pagination}
  322. <div class="pgna">
  323. {block:NextPage}
  324. <a href="{NextPage}">NEXT</a><br>
  325. {/block:NextPage}
  326. {block:PreviousPage}
  327. <a href="{PreviousPage}">PREVIOUS</a>
  328. {/block:PreviousPage}
  329. </div>
  330. {/block:Pagination}
  331. {/block:ifnotendlessscroll}
  332.  
  333. <div id="side">
  334. <div class="img">
  335. <img style="width:170px;" src="{image:side}">
  336. <div class="titleholder"><div class="title"><a href="/">{Title}</a></div></div>
  337. </div>
  338. <div class="desc">{Description}
  339. <div style="border-bottom:1px solid {color:bordering};padding-top:8px;margin-bottom:8px;"></div>
  340. <a href="/" title="index"><div class="link">index</div></a>
  341. <a href="/ask" title="ask"><div class="link">message</div></a>
  342. <a href="/archive" title="archive"><div class="link">history</div></a>
  343. {block:iflinkone}<a href="{text:link one}" title="{text:link one title}"><div class="link">{text:link one title}</div></a>{/block:iflinkone}{block:iflinktwo}<a href="{text:link two}" title="{text:link two title}"><div class="link">{text:link two title}</div></a>{/block:iflinktwo}{block:iflinkthree}<a href="{text:link three}" title="{text:link three title}"><div class="link">{text:link three title}</div></a>{/block:iflinkthree}
  344. {block:iflinkfour}<a href="{text:link four}" title="{text:link four title}"><div class="link">{text:link four title}</div></a>{/block:iflinkfour}{block:iflinkfive}<a href="{text:link five}" title="{text:link five title}"><div class="link">{text:link five title}</div></a>{/block:iflinkfive}
  345. </div>
  346. </div>
  347.  
  348. <div id="content">
  349.  
  350. {block:Posts}
  351.  
  352. {block:Text}
  353. <div class="post">
  354. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  355. {body}
  356. <div class="permalinkbox">
  357. <div class="permalink">
  358. <a href="{Permalink}">{DayOfMonth}.{MonthNumber}.{Year}</a> [ {NoteCountWithLabel} ]
  359. </div>
  360. </div>
  361. {block:indexpage}
  362. {block:ifshowcaptions}
  363. {Caption}
  364. {/block:ifshowcaptions}
  365. {/block:indexpage}
  366. {block:permalinkpage}
  367. {Caption}
  368. {/block:permalinkpage}
  369. </div>
  370. {/block:Text}
  371.  
  372. {block:Photo}
  373. <div style="padding-bottom:5px;" class="post">
  374. {block:indexpage}
  375. {LinkOpenTag}
  376. <meta name="{PhotoAlt}" content="{PhotoAlt}"/>
  377. {block:ifsmallposts}
  378. <img src="{PhotoURL-250}">
  379. {/block:ifsmallposts}
  380. {block:ifmediumposts}
  381. <img style="width:400px;" src="{PhotoURL-500}">
  382. {/block:ifmediumposts}
  383. {block:iflargeposts}
  384. <img src="{PhotoURL-500}">
  385. {/block:iflargeposts}
  386. {LinkCloseTag}
  387. {/block:indexpage}
  388. {block:permalinkpage}
  389. <img src="{PhotoURL-500}">
  390. {/block:permalinkpage}
  391. <div class="permalinkbox">
  392. <div class="permalink">
  393. <a href="{Permalink}">{DayOfMonth}.{MonthNumber}.{Year}</a> [ {NoteCountWithLabel} ]
  394. </div>
  395. </div>
  396. {block:indexpage}
  397. {block:ifshowcaptions}
  398. {Caption}
  399. {/block:ifshowcaptions}
  400. {/block:indexpage}
  401. {block:permalinkpage}
  402. {Caption}
  403. {/block:permalinkpage}
  404. </div>
  405. {/block:Photo}
  406.  
  407. {block:Photoset}
  408. <div class="post">
  409. {block:indexpage}
  410. {block:ifsmallposts}
  411. {Photoset-250}
  412. {/block:ifsmallposts}
  413. {block:ifmediumposts}
  414. {Photoset-400}
  415. {/block:ifmediumposts}
  416. {block:iflargeposts}
  417. {Photoset-500}
  418. {/block:iflargeposts}
  419. {/block:indexpage}
  420. {block:permalinkpage}
  421. {Photoset-500}
  422. {/block:permalinkpage}
  423. <div class="permalinkbox">
  424. <div class="permalink">
  425. <a href="{Permalink}">{DayOfMonth}.{MonthNumber}.{Year}</a> [ {NoteCountWithLabel} ]
  426. </div>
  427. </div>
  428. {block:indexpage}
  429. {block:ifshowcaptions}
  430. {Caption}
  431. {/block:ifshowcaptions}
  432. {/block:indexpage}
  433. {block:permalinkpage}
  434. {Caption}
  435. {/block:permalinkpage}
  436. </div>
  437. {/block:Photoset}
  438.  
  439. {block:Chat}
  440. <div class="post">
  441. {block:Title}<h1 style="margin-bottom:5px;">{Title}</h1>{/block:Title}
  442. {block:Lines}
  443. <li style="list-style:none;">
  444. {block:Label}
  445. {Label}
  446. {/block:Label}
  447. <i>
  448. {Line}
  449. </i>
  450. </li>
  451. {/block:Lines}
  452. <div class="permalinkbox">
  453. <div class="permalink">
  454. <a href="{Permalink}">{DayOfMonth}.{MonthNumber}.{ShortYear}</a> [ {NoteCountWithLabel} ]
  455. </div>
  456. </div>
  457. {block:indexpage}
  458. {block:ifshowcaptions}
  459. {Caption}
  460. {/block:ifshowcaptions}
  461. {/block:indexpage}
  462. {block:permalinkpage}
  463. {Caption}
  464. {/block:permalinkpage}
  465. </div>
  466. {/block:Chat}
  467.  
  468. {block:Link}
  469. <div class="post">
  470. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  471. {block:Description}
  472. {Description}
  473. {/block:Description}
  474. <div class="permalinkbox">
  475. <div class="permalink">
  476. <a href="{Permalink}">{DayOfMonth}.{MonthNumber}.{Year}</a> [ {NoteCountWithLabel} ]
  477. </div>
  478. </div>
  479. {block:indexpage}
  480. {block:ifshowcaptions}
  481. {Caption}
  482. {/block:ifshowcaptions}
  483. {/block:indexpage}
  484. {block:permalinkpage}
  485. {Caption}
  486. {/block:permalinkpage}
  487. </div>
  488. {/block:Link}
  489.  
  490. {block:Video}
  491. <div class="post">
  492. {block:indexpage}
  493. {block:ifsmallposts}
  494. {Video-250}
  495. {/block:ifsmallposts}
  496. {block:ifmediumposts}
  497. {Video-400}
  498. {/block:ifmediumposts}
  499. {block:iflargeposts}
  500. {Video-500}
  501. {/block:iflargeposts}
  502. {/block:indexpage}
  503. {block:permalinkpage}
  504. {Video-500}
  505. {/block:permalinkpage}
  506. <div class="permalinkbox">
  507. <div class="permalink">
  508. <a href="{Permalink}">{DayOfMonth}.{MonthNumber}.{Year}</a> [ {NoteCountWithLabel} ]
  509. </div>
  510. </div>
  511. {block:indexpage}
  512. {block:ifshowcaptions}
  513. {Caption}
  514. {/block:ifshowcaptions}
  515. {/block:indexpage}
  516. {block:permalinkpage}
  517. {Caption}
  518. {/block:permalinkpage}
  519. </div>
  520. {/block:Video}
  521.  
  522. {block:Audio}
  523. <div class="post">
  524. <div style="margin-bottom:5px;background-color:#000;width:100%;">{AudioPlayerBlack}</div><div class="audi">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>{block:Artist}<b>ARTIST:</b> {Artist}{/block:Artist}<br>{block:Album}<b>ALBUM:</b> {Album}{/block:Album}<br>{Block:TrackName}<b>TRACK:</b> {TrackName}{/block:TrackName}</p><b>PLAYS:</b> {PlayCountWithLabel}
  525. <div class="permalinkbox">
  526. <div class="permalink">
  527. <a href="{Permalink}">{DayOfMonth}.{MonthNumber}.{Year}</a> [ {NoteCountWithLabel} ]
  528. </div>
  529. </div>
  530. {block:indexpage}
  531. {block:ifshowcaptions}
  532. {Caption}
  533. {/block:ifshowcaptions}
  534. {/block:indexpage}
  535. {block:permalinkpage}
  536. {Caption}
  537. {/block:permalinkpage}
  538. </div>
  539. {/block:Audio}
  540.  
  541. {block:Quote}
  542. <div class="post">
  543. "{Quote}"
  544. <div style="border-bottom:1px solid {color:bordering};margin-bottom:3px;padding-top:5px;"></div><div style="text-align:right;">
  545. {block:Source}― <i>{Source}</i>{/block:Source}</div>
  546. <div class="permalinkbox">
  547. <div class="permalink">
  548. <a href="{Permalink}">{DayOfMonth}.{MonthNumber}.{Year}</a> [ {NoteCountWithLabel} ]
  549. </div>
  550. </div>
  551. {block:indexpage}
  552. {block:ifshowcaptions}
  553. {Caption}
  554. {/block:ifshowcaptions}
  555. {/block:indexpage}
  556. {block:permalinkpage}
  557. {Caption}
  558. {/block:permalinkpage}
  559. </div>
  560. {/block:Quote}
  561.  
  562. {block:Answer}
  563. <div class="post">
  564. <div style="padding:5px;background-color:{color:post title BG};">{Asker}: {Question}</div>{Answer}
  565. <div class="permalinkbox">
  566. <div class="permalink">
  567. <a href="{Permalink}">{DayOfMonth}.{MonthNumber}.{Year}</a> [ {NoteCountWithLabel} ]
  568. </div>
  569. </div>
  570. {block:indexpage}
  571. {block:ifshowcaptions}
  572. {Caption}
  573. {/block:ifshowcaptions}
  574. {/block:indexpage}
  575. {block:permalinkpage}
  576. {Caption}
  577. {/block:permalinkpage}
  578. </div>
  579. {/block:Answer}
  580.  
  581. {block:PermalinkPage}
  582. <div style="float:left;width:500px;">{block:Date}
  583. <div style="font-weight:bold;font-size:12px;border-bottom:1px solid {color:bordering};margin-bottom:3px;text-transform:uppercase;">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} {Year} ({12Hour}:{Minutes}{AmPm})</div>{/block:Date}{block:PostNotes}{NoteCountWithLabel}<br>{block:PostNotes}{block:HasTags}tagged:{block:Tags}#<a href="{TagURL}" title="{Tag}">{Tag} </a>{/block:Tags}<br>{/block:HasTags}{block:RebloggedFrom}via: <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a><br>original: <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>{/block:RebloggedFrom}{block:Date}<div style="border-bottom:1px solid {color:bordering};padding-top:3px;margin-bottom:3px;"></div>navigation: <a href="{ReblogURL}" title="reblog this post">reblog</a>, <a href="/">index</a>, <a href="/random" title="random post">random</a>{/block:Date}{block:NoteCount}<div style="border-bottom:1px solid {color:bordering};padding-top:3px;"></div><div class="notes">{PostNotes}</div>{/block:NoteCount}</div>
  584. {/block:PermalinkPage}
  585.  
  586. {/block:Posts}
  587.  
  588. </div>
  589.  
  590. <!-- CREDIT -->
  591. <a style="position:fixed;bottom:5px;right:5px;color:#777;opacity:0.7;font-family:consolas;font-size:8px;" href="http://noctos.tumblr.com" title="theme by noctos">THEME</a>
  592. <!-- CREDIT -->
  593.  
  594. </body>
  595. </html>
Advertisement
Add Comment
Please, Sign In to add comment