Advertisement
Guest User

optimism

a guest
Aug 7th, 2014
2,112
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.28 KB | None | 0 0
  1.  
  2. <!----© THEME BY slutjensen.tumblr.com for public use-----DON'T REMOVE CREDIT--->
  3.  
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5. <head><title>{title}</title>
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  9.  
  10.  
  11. <meta name="color:Background" content="#ffffff"/>
  12.  
  13. <meta name="color:title" content="#838282"/>
  14. <meta name="color:Text" content="#838282"/>
  15. <meta name="color:link" content="#b8b8b8"/>
  16. <meta name="color:linkhover" content="#838282"/>
  17.  
  18.  
  19. <meta name="if:show borders" content="1" />
  20. <meta name="color:border yo" content="#baa5a4"/>
  21. <meta name="color:link box" content="#baa5a4"/>
  22. <meta name="color:link text pop" content="#baa5a4"/>
  23. <meta name="color:scrollbar" content="#838282"/>
  24.  
  25.  
  26. <meta name="image:sidebar" content=""/>
  27. <meta name="text:name" content="">
  28. <meta name="text:age" content="">
  29. <meta name="text:location" content="">
  30. <meta name="text:biography" content="">
  31.  
  32. <meta name="color:name" content="#baa5a4"/>
  33. <meta name="color:age" content="#baa5a4"/>
  34. <meta name="color:location" content="#838282"/>
  35.  
  36.  
  37.  
  38. <meta name="text:LinkA" content="">
  39. <meta name="text:LinkA URL" content="/">
  40. <meta name="text:LinkB" content="">
  41. <meta name="text:LinkB URL" content="/">
  42. <meta name="text:LinkC" content="">
  43. <meta name="text:LinkC URL" content="/">
  44. <meta name="text:LinkD" content="">
  45. <meta name="text:LinkD URL" content="/">
  46. <meta name="text:LinkE" content="">
  47. <meta name="text:LinkE URL" content="/">
  48.  
  49.  
  50.  
  51. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  52. <style>
  53. div#qTip {
  54. padding:5px;
  55. margin:1px 0px 0px 1px;
  56. display:none;
  57. text-align:center;
  58. text-decoration:none;
  59. position:absolute;
  60. font-size:8px;
  61. font-weight:bold;
  62. max-width:90px;
  63. line-height:10px;
  64. font-family:calibri;
  65. z-index:10000;
  66. border:1px solid {color:link text pop};
  67. background-color:#fff;
  68. color:{color:link text pop};
  69. text-transform:uppercase;
  70. letter-spacing:1px;
  71. }
  72. </style>
  73.  
  74.  
  75.  
  76. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  77. <script type="text/javascript">
  78. $(document).ready(function () {
  79. $("#clk").toggle(function() {
  80. $("#upd").show();
  81. }, function() {
  82. $("#upd").hide();
  83. });
  84. });
  85. </script>
  86.  
  87. <style type="text/css">
  88.  
  89.  
  90. *, body, a {cursor: url('http://img69.imageshack.us/img69/7673/cursorw.png'), auto;}
  91.  
  92.  
  93.  
  94. ::-webkit-scrollbar {
  95.  
  96. width: 4px;
  97. height: 3px; background: #fafafa;
  98. }
  99. ::-webkit-scrollbar-thumb {background-color:{color:border yo}; ;}
  100.  
  101. body {
  102. background:{color:background};
  103. margin:0px;
  104. color:{color:text};
  105. font-family:times;
  106. font-size:10px;
  107. line-height:100%;
  108. }
  109.  
  110. a {
  111. color:{color:link};
  112. text-decoration:none;
  113. -webkit-transition: all 0.8s ease-in-out;
  114. -moz-transition: all 05s ease-in-out;
  115. transition: all 0.8s ease-in-out;
  116. }
  117.  
  118.  
  119. a:hover {
  120. color:{color:linkhover};
  121. -webkit-transition: all 0.8s ease-in-out;
  122. -moz-transition: all 0.8s ease-in-out;
  123. transition: all 0.8s ease-in-out;
  124. }
  125.  
  126. img {
  127. border:none;
  128. }
  129.  
  130. blockquote {
  131. padding-left:5px;
  132. border-left:2px solid;
  133. }
  134.  
  135. blockquote blockquote {
  136. padding-left:5px;
  137. border-left:2px solid;
  138. }
  139.  
  140. h1 {
  141. font-size:13px;
  142. font-style:italic;
  143. font-weight:100;
  144. text-align:center;
  145. letter-spacing:1px;
  146. text-transform:lowercase;
  147. font-family:baskerville;
  148. }
  149.  
  150.  
  151.  
  152. #entries {
  153.  
  154. border:20px solid {color:border yo};
  155. {/block:ifshowborders}
  156. background:#fff;
  157.  
  158.  
  159. width:500px;
  160. margin-left:535px;
  161. margin-top:0px;
  162. -webkit-transition: all 0.8s ease-in-out;
  163. -moz-transition: all 0.8s ease-in-out;
  164. transition: all 0.8s ease-in-out;
  165. }
  166.  
  167.  
  168. #post {
  169.  
  170.  
  171. width:500px;
  172. text-align:center;
  173. z-index:9999999999999999999999999;
  174.  
  175. padding-bottom:40px;
  176. -webkit-transition: all 0.8s ease-in-out;
  177. -moz-transition: all 0.8s ease-in-out;
  178. transition: all 0.8s ease-in-out;
  179.  
  180. }
  181.  
  182. #post:hover {
  183.  
  184. -webkit-filter: grayscale(100%);
  185. -moz-filter: grayscale(100%);
  186. -ms-filter: grayscale(100%);
  187. -o-filter: grayscale(100%);
  188.  
  189. -webkit-transition: all 0.8s ease-in-out;
  190. -moz-transition: all 0.8s ease-in-out;
  191. transition: all 0.8s ease-in-out;
  192. }
  193.  
  194. #sidebar {
  195.  
  196. width:200px;
  197. height:250px;
  198. position:fixed;
  199. margin-left:200px;
  200. margin-top:299px;
  201.  
  202.  
  203. }
  204.  
  205.  
  206. #sidebarimage {
  207.  
  208. width 250px;
  209. -webkit-transition: all 0.8s ease-in-out;
  210. -moz-transition: all 0.8s ease-in-out;
  211. -o-transition: all 0.8s ease-in-out;
  212.  
  213. }
  214.  
  215.  
  216.  
  217. #sidebar:hover #titlegross {
  218. margin-top:173px;
  219. -webkit-transition: all 0.8s ease-in-out;
  220. -moz-transition: all 0.8s ease-in-out;
  221. -o-transition: all 0.8s ease-in-out;
  222.  
  223. }
  224.  
  225. #sidebarimage img {
  226. opacity:1;
  227. position:Fixed;
  228. width:180px;
  229. height:180px;
  230. margin-top:-113px;
  231. margin-left:-4px;
  232. }
  233.  
  234.  
  235.  
  236.  
  237.  
  238. #lmao {
  239. z-index:1;
  240. background:{color:background};
  241. position:fixed;
  242. width:300px;
  243. height:900px;
  244.  
  245. -moz-transform:rotate(45deg);
  246. -webkit-transform:rotate(45deg);
  247. width:200px;
  248. height:200px;
  249. margin-top:100px;
  250. margin-left:100px;
  251.  
  252. }
  253.  
  254.  
  255.  
  256. #texter {
  257.  
  258.  
  259.  
  260.  
  261. font-family:helvetica;
  262.  
  263. letter-spacing:0px;
  264. line-height: 112%;
  265. font-size:9px;
  266.  
  267. padding:5px;
  268. word-spacing:0px;
  269. border-top:1;
  270. text-align:left;
  271.  
  272.  
  273. margin-left:177px;
  274. z-index:2;
  275. margin-top:-120px;
  276. position:fixed;
  277.  
  278.  
  279. color:#c1c1c1;
  280. width:115px;
  281.  
  282.  
  283. -moz-transition-duration:.5s;
  284. -webkit-transition-duration:.5s;
  285. -o-transition-duration:.5s;
  286.  
  287.  
  288. }
  289.  
  290. #texter a:hover {
  291. background:#000;
  292.  
  293. padding-top:1px;
  294. -webkit-transition: all 0.8s ease-in-out;
  295. -moz-transition: all 0.8s ease-in-out;
  296. -o-transition: all 0.8s ease-in-out;
  297.  
  298. }
  299.  
  300.  
  301.  
  302. #goyeah {
  303. position:fixed;
  304. background:{color:border yo};
  305. width:180px;
  306. height:20px;
  307. position:fixed;
  308. margin-left:170px;
  309. margin-top:47px;
  310. }
  311.  
  312. {/block:ifshowborders}
  313.  
  314. #plus {
  315.  
  316. display:block;
  317. position:fixed;
  318. margin-left:510px;
  319. margin-top:297px;
  320. width:22px;
  321. line-height:100%;
  322.  
  323. height:50px;
  324. }
  325.  
  326. #plus a{
  327.  
  328.  
  329. text-align:center;
  330. display:block;
  331.  
  332.  
  333.  
  334. color:#fff;
  335. padding-left:4px;
  336. padding-top:4px;
  337. padding-bottom:6px;
  338. padding-right:4px;
  339. font-family:helvetica;
  340.  
  341.  
  342. font-size:20px;
  343. color:#fff;
  344. background:#989898;
  345.  
  346.  
  347. -webkit-transition: all 0.6s ease-in-out;
  348. -moz-transition: all 0.6s ease-in-out;
  349. -o-transition: all 0.6s ease-in-out;
  350.  
  351. }
  352.  
  353.  
  354.  
  355.  
  356.  
  357.  
  358. #plus a:hover {
  359. color:#fff;
  360. background:{color:link box};
  361. -webkit-transition: all 0.6s ease-in-out;
  362. -moz-transition: all 0.6s ease-in-out;
  363. -o-transition: all 0.6s ease-in-out;
  364.  
  365. }
  366.  
  367.  
  368.  
  369.  
  370. #info {
  371.  
  372. width:400px;
  373. text-align:center;
  374. font-weight:bold;
  375. font-size:7px;
  376. margin-top:7px;
  377. letter-spacing:1px;
  378. padding:6px;
  379. padding-bottom:3px;
  380. font-family:times;
  381. color:#bababa;
  382. margin-left:45px;
  383. text-transform:uppercase;
  384. background:#fafafa;
  385. border:1px solid#eee;
  386.  
  387. }
  388.  
  389. #info a {
  390.  
  391. color:{color:link};
  392.  
  393. }
  394.  
  395. #info a:hover {
  396. color:{color:linkhover};
  397. }
  398.  
  399. #question {
  400. margin-top:10px;
  401. text-align:center;
  402. color:{color:text};
  403. line-height:120%;
  404. letter-spacing:1px;
  405. margin-left:10px;
  406. font-size:8px;
  407. padding:5px;
  408. width:400px;
  409. border-bottom:1px solid #ececec;
  410.  
  411. }
  412.  
  413. #answer {
  414.  
  415. text-align:center;
  416. padding:5px;
  417. color:{color:text};
  418. }
  419.  
  420. #askermage {
  421. text-align:left;
  422. border:2px solid #000;
  423. }
  424.  
  425.  
  426.  
  427.  
  428. #tags {
  429. line-height:390%;
  430. margin-top:3px;
  431. padding:4px;
  432. margin-left:45px;
  433. width:400px;
  434. text-align:center;
  435. font-size:6px;
  436. letter-spacing:1px;
  437. text-transform:uppercase;
  438. opacity:1;
  439.  
  440. }
  441.  
  442. #tags a{
  443.  
  444. text-align:center;
  445. margin-left:4px;
  446. color:{color:link};
  447. background:#fafafa;
  448. padding:5px;
  449. -webkit-transition: all 0.8s ease-in-out;
  450. -moz-transition: all 0.8s ease-in-out;
  451. transition: all 0.8s ease-in-out;
  452. }
  453.  
  454.  
  455. #tags a:hover {
  456. color:#fff;
  457. background:#989898;-webkit-transition: all 0.8s ease-in-out;
  458. -moz-transition: all 0.8s ease-in-out;
  459. transition: all 0.8s ease-in-out;
  460. }
  461.  
  462.  
  463.  
  464. #linkor {
  465.  
  466. line-height:300%;
  467. width:60px;
  468. height:400px;
  469. margin-top:236px;
  470. margin-left:169px;
  471. display:block;
  472. position:fixed;
  473.  
  474. }
  475.  
  476. #linkor a{
  477. display:block;
  478. background:#fff;
  479. border:1.5px solid {color:link box};
  480. color:transparent;
  481. background:;
  482. width:15px;
  483. height:15px;
  484. padding:2px;
  485. margin-top:5px;
  486. -moz-transition-duration:.5s;
  487. -webkit-transition-duration:.5s;
  488. -o-transition-duration:.5s;
  489. }
  490.  
  491. #linkor a:hover{
  492. background:{color:link box};
  493. -moz-transition-duration:.5s;
  494. -webkit-transition-duration:.5s;
  495. -o-transition-duration:.5s;
  496. }
  497.  
  498.  
  499. #askerimg {
  500. text-align:left;
  501. border:3px solid {color:link box};
  502.  
  503.  
  504.  
  505.  
  506. }
  507.  
  508. #loser {
  509. z-index:0;
  510. position:fixed;
  511. left:500px;
  512.  
  513. margin-top:-40px;
  514. }
  515.  
  516. #kinda {
  517. background:#fff;
  518. border:1px solid #eee;
  519. text-align:left;
  520. width:120px;
  521. font-weight:Bold;
  522. height:120px;
  523. margin-left:22px;
  524. margin-top:-89px;
  525. padding:5px;
  526. font-family:calibri;
  527. text-transform:uppercase;
  528. font-size:8.5px;
  529. opacity:0;
  530. color:#b5b5b5;
  531.  
  532. position:fixed;
  533. -moz-transition-duration:.5s;
  534. -webkit-transition-duration:.5s;
  535. -o-transition-duration:.5s;
  536. }
  537.  
  538. #sidebar:hover #kinda {
  539. opacity:1;
  540. -moz-transition-duration:.5s;
  541. -webkit-transition-duration:.5s;
  542. -o-transition-duration:.5s;
  543. }
  544.  
  545. #kinda a{
  546. color:{color:you};
  547.  
  548. }
  549.  
  550. #kinda a:hover
  551. {text-decoration:underline;}
  552.  
  553. .sfm input {
  554. background-color:#f5f5f5;
  555. font-size:8px;
  556.  
  557. border:0px;
  558. text-transform:uppercase;
  559. margin-top:0px;
  560. color:#999;
  561. letter-spacing:1px;
  562. padding:4px 8px;
  563. font-family:calibri, helvetica, arial;
  564. }
  565.  
  566.  
  567.  
  568.  
  569.  
  570. #credit {
  571.  
  572. font-size:12px;
  573. font-family:arial;
  574. font-weight:bold;
  575. letter-spacing:-1px;
  576. color:{color:link};
  577. padding:5px;
  578. border:0px solid #e9e9e9;
  579. position:fixed;
  580. right:1px;
  581. bottom:1px
  582. ;-webkit-transition: all 0.5s ease-out;
  583. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  584.  
  585. }
  586.  
  587.  
  588.  
  589.  
  590. #what:hover #credit {
  591.  
  592. color:#c4c4c4;
  593. -moz-transform:rotate(90deg);
  594. -webkit-transform:rotate(90deg);
  595. right:-17px;
  596. bottom:15px;
  597. ;-webkit-transition: all 0.5s ease-out;
  598. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  599.  
  600.  
  601. }
  602.  
  603. #themes {
  604. opacity:0;
  605. position:fixed;
  606. width:55px;
  607. text-align:right;
  608. font-family:arial;
  609. font-size:10px;
  610. font-weight:bold;
  611. letter-spacing:-1px;
  612. color:#c4c4c4;
  613. background:#fafafa;
  614. border:1px solid #eee;
  615. padding:3px;
  616. bottom:6px;
  617. right:8px; ;-webkit-transition: all 0.5s ease-out;
  618. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  619.  
  620. }
  621.  
  622. #what {
  623.  
  624.  
  625. z-index:2345678999;
  626. background:transparent;
  627. width:50px;
  628. height:20px;
  629. bottom:1px;
  630. right:1px;
  631.  
  632. position:fixed;
  633. ;-webkit-transition: all 0.5s ease-out;
  634. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  635. }
  636.  
  637. #what:hover #themes {
  638. right:19px;
  639.  
  640. opacity:1;
  641. ;-webkit-transition: all 0.5s ease-out;
  642. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  643. }
  644. #theme a{
  645. color:{color:link box};
  646. }
  647.  
  648.  
  649.  
  650.  
  651. #sf {
  652. background:url('http://static.tumblr.com/f1skqpy/Oxbn13qun/search_icon.png') #f5f5f5 left center no-repeat; background-size:10px 10px;
  653. }
  654.  
  655. {CustomCSS}</style></head><body>
  656.  
  657. <div id="loser"><img src="{image:lmao}"></div>
  658.  
  659.  
  660. <div id="plus">
  661. {block:Pagination}
  662.  
  663. <div style="margin-top:26px;">
  664.  
  665. {block:NextPage}<a href="{NextPage}" title="next">+</a>{/block:NextPage}
  666.  
  667.  
  668. </div>
  669.  
  670. <div style="margin-top:-40px;">
  671.  
  672. {block:PreviousPage}<a href="{PreviousPage}" title="previous">-</a>{/block:PreviousPage}
  673.  
  674.  
  675. </div>
  676.  
  677.  
  678. </div>
  679.  
  680. {/block:Pagination}
  681. </div>
  682.  
  683.  
  684. <div id="linkor">
  685.  
  686. <a href="{text:LinkA URL}" title="{text:LinkA}">o</a>
  687. <a href="{text:LinkB URL}" title="{text:LinkB}">o</a>
  688. <a href="{text:LinkC URL}" title="{text:LinkC}">o</a>
  689. <a href="{text:LinkD URL}" title="{text:LinkD}">o</a>
  690. <a href="{text:LinkE URL}" title="{text:LinkE}">o</a>
  691. </div>
  692.  
  693.  
  694.  
  695.  
  696. <div id="sidebar">
  697.  
  698. <div id="goyeah"></div>
  699.  
  700.  
  701.  
  702.  
  703.  
  704. <div id="texter">
  705.  
  706.  
  707.  
  708.  
  709.  
  710. <div style="color:{color:title};
  711. font-size:31px;
  712. font-weight:Bold;
  713. letter-spacing:-3px;
  714.  
  715. text-align:left;
  716. width:130px;
  717.  
  718. line-height:75%;
  719.  
  720. font-family:Arial;">{title}</div>
  721.  
  722.  
  723. <div style="margin-top:3px;height:53px;overflow:auto;border:0px solid #eee;padding:3px;">
  724. {description}
  725.  
  726.  
  727. </div>
  728. </div>
  729.  
  730.  
  731.  
  732.  
  733.  
  734.  
  735. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  736.  
  737.  
  738.  
  739. <div id="kinda">
  740.  
  741. <div style="border-bottom:1px solid #eee;padding-bottom:0px;">
  742.  
  743. <kinda style="text-align:left;font-family:helvetica;text-transform:uppercase;font-size:10px;color:{color:name};letter-spacing:0px;font-weight:bold;">+ {text:name},
  744.  
  745. </kinda><kinda style="text-align:left;font-family:helvetica;text-transform:uppercase;font-size:10px;color:{color:age};letter-spacing:0px;font-weight:bold;"> {text:age},</kinda>
  746.  
  747. <kinda style="text-align:left;font-family:helvetica;text-transform:uppercase;font-size:10px;color:{color:location};letter-spacing:0px;font-weight:bold;"> {text:location}</kinda>
  748.  
  749. </div>
  750.  
  751. <div style="text-align:center; margin-top:3px;">
  752.  
  753. <div style="height:70px;overflow:auto;padding:3px;">
  754. {text:biography}
  755. </div>
  756.  
  757.  
  758. <div style="position:fixed;margin-top:7px;margin-left:7px;">
  759. <script language="javascript">
  760.  
  761. function send()
  762. {document.theform.submit()}
  763.  
  764. </script>
  765.  
  766. <form action="/search" method="get" class="sfm" name="theform">
  767.  
  768. <input type="text" name="q" value="" id="sf" />
  769.  
  770. </form>
  771.  
  772.  
  773. </div> </div></div>
  774.  
  775.  
  776.  
  777. </div></div>
  778. </div>
  779. </div>
  780.  
  781.  
  782. <div id="entries">{block:Posts}<div id="post">
  783.  
  784. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  785.  
  786. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  787.  
  788. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  789.  
  790. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  791.  
  792. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  793.  
  794. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  795.  
  796. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  797.  
  798. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  799.  
  800. {block:Answer}<div id="question">
  801. <i>
  802. {Asker}:</i> {Question}</div><div id="answer">{Answer}</div>{/block:answer}
  803.  
  804. {block:Date}<div id="info"><a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a> {block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a> {/block:NoteCount} {block:RebloggedFrom} — <a href="{ReblogParentURL}">via</a> {/block:RebloggedFrom}
  805. {block:ContentSource} , <a href="{SourceURL}">source</a>{/block:ContentSource} {/block:Date}</div>
  806. {block:HasTags}
  807. <div id="tags">
  808. {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>
  809. {/block:HasTags}
  810. <div class="postnote">
  811. {block:PostNotes}{PostNotes}{/block:PostNotes}
  812. </div>
  813. </div>
  814. {/block:Posts}
  815.  
  816.  
  817.  
  818. <div id="what">
  819.  
  820. <div id="credit"><a href="http://slutjensen.tumblr.com">
  821.  
  822. dear cas,</div><div id="themes">themes by <what style="font-size:13px;">slutjensen</what></div></div>
  823.  
  824.  
  825.  
  826.  
  827. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement