ahu419

forgetfulthemes007

Aug 14th, 2013
2,975
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.92 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3.  
  4. <html>
  5.  
  6. <head>
  7.  
  8. <!--
  9.  
  10. **BEST VIEWED IN GOOGLE CHROME**
  11.  
  12. Terms + Conditions:
  13. -Don't remove the credit
  14. -Taking inspiration is not the same as blatantly copying ideas and/or code
  15. -Don't use as base code
  16.  
  17. Default Settings-->
  18.  
  19. <meta name="color:background" content="#ffffff" />
  20. <meta name="color:content" content="#fafafa" />
  21. <meta name="color:desc" content="#000000" />
  22. <meta name="color:simg" content="#518eab" />
  23. <meta name="color:simg hover" content="#e8e4f3" />
  24. <meta name="color:post" content="#090a0a" />
  25. <meta name="color:tagging font hover" content="#228ca2" />
  26. <meta name="color:info link hover" content="#058fac" />
  27. <meta name="color:post border" content="#d3e3e7" />
  28. <meta name="color:block" content="#d1d8df" />
  29. <meta name="color:title" content="#518eab" />
  30. <meta name="color:text" cont88ient="#bbd1e7" />
  31. <meta name="color:link" content="#0b80b1" />
  32. <meta name="color:link hover" content="#aea6c4" />
  33. <meta name="color:scrollbar" content="518eab" />
  34. <meta name="color:subtitle" content="#000000" />
  35.  
  36. <meta name="image:sidebar" content="" />
  37. <meta name="image:squaresimg" content="" />
  38. <meta name="image:background" content="" />
  39.  
  40. <meta name="text:subtitle" content="" />
  41. <meta name="text:Link1" content="/" />
  42. <meta name="text:Link1 Title" content="link 1" />
  43. <meta name="text:Link2" content="/" />
  44. <meta name="text:Link2 Title" content="link 2" />
  45. <meta name="text:Link3" content="/" />
  46. <meta name="text:Link3 Title" content="link 3" />
  47. <meta name="text:Link4" content="/" />
  48. <meta name="text:Link4 Title" content="link 4" />
  49. <meta name="text:Link5" content="/" />
  50. <meta name="text:Link5 Title" content="link 5" />
  51. <title>{Title}</title>
  52.  
  53. <link rel="shortcut icon" href="{Favicon}"/>
  54. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  55. {block:Description} <meta name="description" content="{MetaDescription}"/> {/block:Description}
  56.  
  57. <script type="text/javascript"
  58. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  59.  
  60. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  61. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  62. <script type="text/javascript" charset="utf-8">
  63. var $j = jQuery.noConflict();
  64. $j(function() {
  65. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  66. $j("img").lazyload({
  67. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  68. effect: "fadeIn",
  69. });
  70. });
  71. </script>
  72.  
  73. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  74.  
  75. <script src="jquery.js"></script>
  76.  
  77.  
  78. <style type="text/css">
  79.  
  80.  
  81. body {
  82. background-color:{color:background};
  83. background-attachment:fixed;
  84. background-image:url('{image:background}');
  85. font-family:times new roman;
  86. font-size:10px;
  87. line-height:11px;
  88. letter-spacing:1px;
  89. color:{color:text};
  90. text-wrap:normal
  91. word-wrap:break-word;
  92. height:100%;
  93. right:2px;
  94. overflow-y:scroll;
  95. overflow-x:hidden;
  96. }
  97.  
  98. html {
  99. overflow-y:auto;
  100. background-color:transparent;
  101. }
  102.  
  103. html {
  104. overflow-y:auto;
  105. background-color:transparent;
  106. }
  107.  
  108. ::-webkit-scrollbar {
  109. width:10px;
  110. height:auto;
  111. background:{color:background};
  112. }
  113.  
  114. ::-webkit-scrollbar-thumb:vertical {
  115. background-color:{color:scrollbar};
  116. height:0px;
  117. }
  118.  
  119. ::-webkit-scrollbar-thumb:horizontal {
  120. background-color:{color:scrollbar};
  121. height:0px;
  122. }
  123.  
  124. a, a:active, a:visited{
  125. text-decoration:none;
  126. color:{color:link};
  127. }
  128.  
  129. a:hover {
  130. color:{color:link hover};
  131. -webkit-transition-duration:.5s;
  132. -moz-transition-duration:.5s;
  133. -o-transition: all 0.5s ease-in-out;
  134. transition: all 0.5s ease-in-out;
  135. }
  136.  
  137. #main {
  138. background-color:transparent;
  139. background-attachment:fixed;
  140. background-image: url('{image:Background}');
  141. position:absolute;
  142. width:1250px;
  143. height:100%;
  144. }
  145.  
  146. .sidebar {
  147. width:200px;
  148. height:100%;
  149. margin-top:-8px;
  150. z-index:10000;
  151. opacity:1;
  152. margin-left:-10px;
  153. position:fixed;
  154. background-image: url('{image:sidebar}');
  155. }
  156.  
  157. .squaresimg {
  158. position:fixed;
  159. z-index:9999;
  160. margin-left:265px;
  161. margin-top:105px;
  162. }
  163.  
  164. .squaresimg img {
  165. width:50px;
  166. height:50px;
  167. border:15px solid {color:simg};
  168. }
  169.  
  170. .squaresimg img:hover {
  171. border:15px solid {color:simg hover};
  172. }
  173.  
  174. #linkage {
  175. text-align:left;
  176. padding-top:10px;
  177. margin-left:5px;
  178. position:fixed;
  179. margin-top:250px;
  180. width:180px;
  181. z-index:10002;
  182. font-size:20px;
  183. font-style:italic;
  184. color:#073655;
  185. line-height:20px;
  186. padding:10px 5px 10px 0px;
  187. }
  188.  
  189. #linkage a {
  190. width:auto;
  191. font-size:15px;
  192. letter-spacing:2px;
  193. padding:1px;
  194. padding-top:2px;
  195. margin-bottom:2px;
  196. padding-left:4px;
  197. margin-right:6px;
  198. height:6px;
  199. color:white;
  200. line-height:15px;
  201. font-family:times new roman;
  202. text-transform:lowercase;
  203. font-style:normal;
  204. font-style:italic;
  205. display:inline-block;
  206. }
  207.  
  208. .subtitle {
  209. font-family:times new roman;
  210. font-style:italic;
  211. font-size:10px;
  212. line-height:12px;
  213. width:110px;
  214. text-align:justify;
  215. margin-top:20px;
  216. position:relative;
  217. margin-left:65px;
  218. color:{color:subtitle};
  219. z-index:9999;
  220. }
  221.  
  222. .subtitle a {
  223. color:black;
  224. }
  225.  
  226. #desc {
  227. margin-left:190px;
  228. position:fixed;
  229. margin-top:175px;
  230. z-index:10004;
  231. opacity:1;
  232. }
  233.  
  234. #desc:hover {
  235. -webkit-transition-duration:.5s;
  236. -moz-transition-duration:.5s;
  237. -o-transition: all 0.5s ease-in-out;
  238. transition: all 0.5s ease-in-out;
  239. }
  240.  
  241. .desctext {
  242. width:145px;
  243. margin-top:30px;
  244. padding:0px 45px 0px 45px;
  245. font-family:times new roman;
  246. text-align:justify;
  247. color:{color:desc};
  248. font-size:10px;
  249. line-height:12px;
  250. letter-spacing:2px;
  251. }
  252.  
  253. .desctext a {
  254. font-style:italic;
  255. margin-right:2px;
  256. letter-spacing:0px;
  257. }
  258.  
  259.  
  260. .pagelink {
  261. text-align:center;
  262. margin-top:10px;
  263. margin-left:25px;
  264. z-index:10002;
  265. font-size:10px;
  266. width:180px;
  267. position:relative;
  268. line-height:35px;
  269. letter-spacing:0px;
  270. font-family:times new roman;
  271. }
  272.  
  273. .pagelink a {
  274. color:black;
  275. }
  276.  
  277. #question {
  278. font-size:13px;
  279. line-height:13px;
  280. font-family:times new roman;
  281. text-align:left;
  282. margin-top:-52px;
  283. background-color:{color:background};
  284. padding:15px 15px 9px 65px;
  285. color:{color:text};
  286. }
  287.  
  288. .asker {
  289. font-size:10px;
  290. margin-top:0px;
  291. font-style:italic;
  292. margin-left:5px;
  293. color:{color:text};
  294. }
  295.  
  296. .asker a {
  297. color:{color:text};
  298. }
  299.  
  300. .askerportrait {
  301. margin-left:0px;
  302. position:relative;
  303. width:50px;
  304. }
  305.  
  306. .askerportrait img {
  307. width:30px;
  308. border:10px solid {color:simg};
  309. }
  310.  
  311. .askerportrait img:hover {
  312. border:10px solid {color:simg hover};
  313. }
  314.  
  315.  
  316. .answer {
  317. margin-top:5px;
  318. }
  319.  
  320. #content {
  321. position:absolute;
  322. height:auto;
  323. left:440px;
  324. width:400px;
  325. margin-left:-8px;
  326. font-family:{font:body};
  327. background-color:{color:content};
  328. margin-bottom:10px;
  329. padding:5px 60px 45px 60px;
  330. margin-top:-8px;
  331. }
  332.  
  333. #post {
  334. width:400px;
  335. margin-left:0px;
  336. margin-right:0px;
  337. margin-top:65px;
  338. margin-bottom:-10px;
  339. padding:20px 0px 15px 0px;
  340. border-bottom:1px solid {color:post border};
  341. }
  342.  
  343. #info {
  344. position:relative;
  345. margin-top:-3px;
  346. margin-right:5px;
  347. z-index:10001;
  348. color:black;
  349. background-color:{color:content};
  350. font-size:8px;
  351. padding:8px 7px 0px 7px;
  352. letter-spacing:1px;
  353. text-align:left;
  354. float:right;
  355. }
  356.  
  357. #info a {
  358. color:black;
  359. font-size:8px;
  360. font-family:times new roman;
  361. font-style:italic;
  362. padding-bottom:1px;
  363. text-transform:uppercase;
  364. }
  365.  
  366. #info a:hover {
  367. color:{color:info link hover};
  368. -webkit-transition-duration:0.5s;
  369. -moz-transition-duration:0.5s;
  370. -o-transition: all 0.5s ease-in-out;
  371. transition: all 0.5s ease-in-out;
  372. }
  373.  
  374.  
  375. .tagging {
  376. position:relative;
  377. padding:0px 5px 4px 15px;
  378. margin-left:-5px;
  379. width:400px;
  380. margin-top:20px;
  381. margin-bottom:85px;
  382. z-index:10005;
  383. font-size:9px;
  384. font-family:times new roman;
  385. }
  386.  
  387.  
  388. .tagging a {
  389. position:relative;
  390. margin-right:7px;
  391. color:black;
  392. height:0px;
  393. font-size:10px;
  394. margin-left:2px;
  395.  
  396. }
  397.  
  398. .tagging a:hover {
  399. color:{color:tagging font hover};
  400. text-shadow: 0.5px 0 .2px {color:tagging font hover}, -0.5px 0 .2px {color:tagging font hover};
  401. -webkit-transition-duration:.25s;
  402. -moz-transition-duration:.25s;
  403. -o-transition: all 0.25s ease-in-out;
  404. transition: all 0.25s ease-in-out;
  405. }
  406.  
  407. big a {
  408. font-size:14px;
  409. font-weight:bold;
  410. line-height:17px;
  411. font-style:italic;
  412. text-shadow:2px 2px 0px white;
  413. color:{color:big};
  414. text-transform:none;
  415. font-family:playfair display;
  416. }
  417.  
  418. big a:hover {
  419. color:{color:link};
  420. }
  421.  
  422. h1{
  423. font-size:20px;
  424. line-height:20px;
  425. font-family:times new roman;
  426. font-style:italic;
  427. text-align:left;
  428. color:{color:title};
  429. }
  430.  
  431. h1 a {
  432. color:{color:title};
  433. }
  434.  
  435. h1 a:hover {
  436. color:{color:link hover};
  437. -webkit-transition-duration:.5s;
  438. -moz-transition-duration:.5s;
  439. -o-transition: all 0.5s ease-in-out;
  440. transition: all 0.5s ease-in-out;
  441. }
  442.  
  443. blockquote {
  444. margin-left:10px;
  445. padding:3px 6px 3px 10px;
  446. margin-bottom:-5px;
  447. border-left:1px solid {color:block};
  448. width:360px;
  449. }
  450.  
  451. .quote {
  452. font-size:13px;
  453. line-height:15px;
  454. width:350px;
  455. margin-left:25px;
  456. font-family:times new roman;
  457. font-style:italic;
  458. padding-top:-5px;
  459. text-align:justify;
  460. }
  461.  
  462. .quotesource {
  463. width:400px;
  464. font-size:10px;
  465. font-family:times new roman;
  466. padding:2px;
  467. text-align:center;
  468. margin-top:0px;
  469. letter-spacing:1px;
  470. }
  471.  
  472. .user_1 .label {
  473. color:{color:link};
  474. font-weight:bold;
  475. }
  476.  
  477. .user_2 .label {
  478. color:{color:text};
  479. font-weight:bold
  480. }
  481. .user_3 .label {
  482. color:{color:link};
  483. font-weight:bold;
  484. }
  485.  
  486. .user_4 .label {
  487. color:{color:text};
  488. font-weight:bold
  489. }
  490. .user_5 .label {
  491. color:{color:link};
  492. font-weight:bold;
  493. }
  494.  
  495. .user_6 .label {
  496. color:{color:text};
  497. font-weight:bold
  498. }
  499.  
  500. .user_7 .label {
  501. color:{color:link};
  502. font-weight:bold
  503. }
  504.  
  505. .user_8 .label {
  506. color:{color:text};
  507. font-weight:bold
  508. }
  509.  
  510. .user_9 .label {
  511. color:{color:link};
  512. font-weight:bold
  513. }
  514.  
  515. .user_10 .label {
  516. color:{color:text};
  517. font-weight:bold
  518. }
  519.  
  520. ul.chat, .chat ol, .chat li {
  521. list-style:none;
  522. margin:0px;
  523. padding:0px;
  524. line-height:15px;
  525. }
  526.  
  527. ol.notes, .notes li {background-color:transparent;
  528. color:{color:text};
  529. margin-top:5px;
  530. list-style:none; margin-left:-20px; }
  531.  
  532. #audentryprob {
  533. display:block;
  534. height:auto;
  535. position:relative;
  536. text-align:left;
  537. }
  538.  
  539. .audentry {
  540. width:350px;
  541. padding:25px;
  542. background-color:{color:background};
  543. }
  544.  
  545. .albumart {
  546. margin-left:0px;
  547. width:80px;
  548. }
  549.  
  550. .albumart img {
  551. width:55px;
  552. border:15px solid {color:simg};
  553. }
  554.  
  555. .albumart img:hover {
  556. border:15px solid {color:simg hover};
  557. }
  558.  
  559. .audiodata {
  560. font-size:10px;
  561. line-height:12px;
  562. margin-bottom:-43px;
  563. margin-left:100px;
  564. }
  565.  
  566. .audioplayer {
  567. width:200px;
  568. height:30px;
  569. overflow:hidden;
  570. margin-left:100px;
  571. margin-top:-38px;
  572. }
  573.  
  574. .audiocaption {
  575. width:350px;
  576. margin-top:25px;
  577. }
  578.  
  579. #tumblr_controls_a {
  580. background: none !important;
  581. border: 0px !important;
  582. box-shadow: 0px 0px 0px rgba(0,0,0,0) !important;}
  583.  
  584.  
  585.  
  586. </style>
  587.  
  588.  
  589. </head>
  590.  
  591.  
  592. <body>
  593.  
  594. <div id="main">
  595.  
  596. <div class="squaresimg"><a href="/"><img src="{image:squaresimg}"></img></a>
  597. </div>
  598. <div class="sidebar"></div>
  599.  
  600.  
  601.  
  602.  
  603.  
  604. <div id="sidebar"></div>
  605.  
  606. <div id="desc"><div class="desctext">
  607. <a href="/ask">ask</a>
  608. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  609. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  610. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  611. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  612. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}
  613. <a href="http://streetlighter.tumblr.com">theme</a> · {Description} <p>
  614. </div>
  615.  
  616. <div class="subtitle">{text:subtitle}</div>
  617. <div class="pagelink">
  618. {block:Pagination}
  619.  
  620. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  621. {block:PreviousPage}— <a href="{PreviousPage}">prev</a>{/block:PreviousPage}
  622.  
  623. {/block:Pagination}
  624. </div>
  625. </div>
  626.  
  627. </div>
  628.  
  629.  
  630.  
  631. <div id="content">
  632.  
  633.  
  634. {block:Posts}
  635.  
  636.  
  637. <div id="post">
  638.  
  639.  
  640. {block:Text}
  641. {block:Title}
  642. <h1><a href="{Permalink}">{Title}</a></h1>
  643. {/block:Title}
  644. {Body}
  645. {/block:Text}
  646.  
  647. {block:Photo}
  648. {block:Title}
  649. <h1><a href="{Permalink}">{Title}</a></h1>
  650. {/block:Title}
  651. <center>{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
  652. {block:Caption}
  653. {Caption}
  654. {/block:Caption}
  655. {/block:Photo}
  656.  
  657. {block:Photoset}
  658. <center>{Photoset-400}</center>
  659. {block:Caption}
  660. {Caption}
  661. {/block:Caption}
  662. {/block:Photoset}
  663.  
  664. {block:Quote}
  665. {block:Title}
  666. <h1><a href="{Permalink}">{Title}</a></h1>
  667. {/block:Title}
  668. <div class="quote">{Quote}</div>
  669. {block:Source}<br>
  670. <div class="quotesource">{Source}</div>
  671. {/block:Source}
  672. {/block:Quote}
  673.  
  674. {block:Link}
  675. <h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>
  676. {block:Description}
  677. <div class="description">{Description}</div>
  678. {/block:description}
  679.  
  680. {/block:Link}
  681. {block:Chat}
  682. {block:Title}
  683. <h1><a href="{Permalink}">{Title}</a></h1>
  684. {/block:Title}
  685. <ul class="chat">
  686. {block:Lines}
  687. <li class="user_{UserNumber}">
  688. {block:Label}
  689. <span class="label">
  690. {Label}
  691. </span>
  692. {/block:Label}
  693. &nbsp;{Line}</li>
  694. {/block:Lines}
  695. </ul>
  696. {/block:Chat}
  697.  
  698. {block:Answer}
  699. <div class="askerportrait">
  700. <img src="{AskerPortraitURL-30}"></img></div>
  701. <div id="question">{Question}
  702.  
  703. <div class="asker">{Asker}</div></div><br>
  704. <div class="answer">{Answer}</div>
  705. {/block:Answer}
  706.  
  707. {block:Video}
  708. {block:Title}
  709. <h1><a href="{Permalink}">{Title}</a></h1>
  710. {/block:Title}
  711. <center>{Video-400}</center>
  712. {block:Caption}
  713. <div class="caption">{Caption}</div>
  714. {/block:Caption}
  715. {/block:Video}
  716.  
  717. {block:Audio}
  718.  
  719. <div id="audentryprob">
  720. <div class="audentry">
  721. <div class="audiodata"<a href="{Permalink}">{block:TrackName}
  722. · "{TrackName}"
  723. {/block:TrackName}
  724. {block:Artist}
  725. <br> · {Artist}
  726. {/block:Artist}{block:Album}
  727. <br> · <i>{Album}</i>
  728. {/block:Album}</a></div>
  729. <div class="albumart">{block:AlbumArt}
  730. <img src="{AlbumArtURL}"></img>
  731. {/block:AlbumArt}</div>
  732. <div class="audioplayer">{AudioPlayerGrey}</div>
  733. {block:Caption}
  734. <div class="audiocaption">{Caption}</div>
  735. {/block:Caption}
  736.  
  737. </div>
  738. </div>{/block:Audio}
  739. </div>
  740.  
  741. <div id="info"> {block:Date}<a href="{Permalink}">{DayOfMonth}th {ShortMonth} {Year}</a>{/block:Date}
  742. {block:NoteCount} · <a href="{Permalink}">{NoteCount}</a>{/block:NoteCount} {block:RebloggedFrom} · <a href="{ReblogParentURL}">via</a> {/block:RebloggedFrom} {block:ContentSource} & <a href="{SourceURL}">orig</a>{/block:ContentSource} · <a href="{ReblogURL}"target="_blank">reblog</a>
  743. </div>
  744. <div class="tagging">
  745. {block:HasTags} {block:Tags}<a href="/tagged/{Tag}">x {Tag}</a> {/block:Tags}{/block:HasTags}</div>
  746.  
  747. {/block:Posts}
  748. {block:PostNotes}{PostNotes}{/block:PostNotes}
  749.  
  750. </div>
  751.  
  752. </div>
  753.  
  754. </div>
  755.  
  756. </div>
  757.  
  758. </body>
  759.  
  760. </html>
  761.  
  762. <!--Nothing more to see here!-->
Advertisement
Add Comment
Please, Sign In to add comment