API tools faq
paste
Advertisement
kschwartz1997

i adore you

kschwartz1997
Aug 29th, 2014
413
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.74 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.  
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7. <head><title>{Title}</title>
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11.  
  12. <!--- Theme by Karyn aka ofhs
  13. Please DO NOT steal the coding, remove the credit, etc you get it. Thanks so much for using my theme and if you need any help with it i am here!!--->
  14.  
  15. <meta name="color:Background" content="#ffffff"/>
  16.  
  17. <meta name="color:Text" content="#a8a8a8"/>
  18. <meta name="color:title" content="#000000"/>
  19. <meta name="color:Sidebar Links" content="#b8b8b8"/>
  20. <meta name="color:DescriptionText" content="#b8b8b8"/>
  21. <meta name="color:Hover" content="#f2f2f2"/>
  22. <meta name="color:Scrollbar" content="#000000"/>
  23. <meta name="color:ScrollbarBg" content="#ffffff"/>
  24. <meta name="color:Post Links" content="#c0bfbf"/>
  25. <meta name="color:links1" content="#b8b8b8"/>
  26. <meta name="color:links2" content="#b8b8b8"/>
  27. <meta name="color:sidebarlinks hover" content="#ffffff"/>
  28. <meta name="image:Sidebar" content=""/>
  29. <meta name="image:Background" content=""/>
  30. <meta name="text:Link 1" content="" />
  31. <meta name="text:Link 1 Text" content="" />
  32. <meta name="text:Link 2" content="" />
  33. <meta name="text:Link 2 Text" content="" />
  34. <meta name="text:Link 3" content="" />
  35. <meta name="text:Link 3 Text" content="" />
  36. <meta name="text:Link 4" content="" />
  37. <meta name="text:Link 4 Text" content="" />
  38.  
  39.  
  40. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  41. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  42. <script>
  43. (function($){
  44. $(document).ready(function(){
  45. $("a[title]").style_my_tooltips({
  46. tip_follows_cursor:true,
  47. tip_delay_time:100,
  48. tip_fade_speed:300,
  49. attribute:"title"
  50. });
  51. });
  52. })(jQuery);
  53. </script>
  54.  
  55.  
  56.  
  57. <style type="text/css">
  58.  
  59. ::-webkit-scrollbar-thumb {
  60. height:auto;
  61. background-color:{color:Scrollbar};
  62. }
  63.  
  64. ::-webkit-scrollbar {
  65. height:9px;
  66. width:4px;
  67. background-color:{color:ScrollbarBg};
  68. }
  69.  
  70. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Scrollbar}; border-top:1px solid {color:ScrollbarBg}; border-bottom:1px solid {color:ScrollbarBg};}
  71. ::-webkit-scrollbar-button:vertical {height:5px; background:{color:Scrollbar}; display:block;}
  72. ::-webkit-scrollbar-button:horizontal {display:none;}
  73. ::-webkit-scrollbar {background-color:{color:ScrollbarBg}; height:0px; width:8px;}
  74.  
  75. ::-moz-selection {background-color:{color:Scrollbar};}
  76. ::selection {background-color:{color:Scrollbar};}
  77.  
  78. body {
  79. background:{color:background};
  80. margin:0px;
  81. color:{color:text};
  82. font-family:calibri;
  83. font-size:10px;
  84. line-height:100%;
  85. letter-spacing:0px;
  86. text-align:justify;
  87. background-image:url('{image:Background}');
  88. }
  89.  
  90. a {
  91. text-decoration:none;
  92. outline:none;
  93. -moz-outline-style:none;
  94. color:{color:Post Links};
  95. }
  96.  
  97. img {
  98. border:none;
  99. }
  100.  
  101. blockquote {
  102. padding-left:5px;
  103. border-left:2px solid;
  104. }
  105.  
  106. blockquote blockquote {
  107. padding-left:5px;
  108. border-left:2px solid;
  109. }
  110.  
  111. h1 {
  112. font-size:8px;
  113. letter-spacing:2px;
  114. text-transform:lowercase;
  115. font-family:'calibri';
  116. font-style:none;
  117. line-height:10px;
  118. text-align:left;
  119. padding:0px;
  120. }
  121.  
  122. a:hover {
  123. color:#000000;
  124. -moz-transition-duration:0.3s;
  125. -webkit-transition-duration:0.3s;
  126. -o-transition-duration:0.3s;
  127. }
  128.  
  129.  
  130.  
  131.  
  132. /*ENTRIES*/
  133.  
  134. #entries {
  135. padding:10px;
  136. width:400px;
  137. margin-left:450px;
  138. margin-top:3px;
  139. font-size:10px;
  140. font-family:'calibri';
  141. letter-spacing:0px;
  142.  
  143. }
  144.  
  145. #post {
  146. width:400px;
  147. padding-bottom:20px;
  148. font-size:12px;
  149. font-family:arial;
  150. font-weight:bold;
  151. word-wrap:break-word;
  152. padding:25px;
  153. margin-top:30px;
  154. -o-transition-duration:0.5s;
  155. -ms-transition-duration:0.5s;
  156. -moz-transition-duration:0.5s;
  157. -webkit-transition-duration:0.5s;
  158. }
  159.  
  160. #post:hover {
  161. box-shadow:0.1em 0.1em 0.4em #aaa;
  162. transition-duration:0.5s;
  163. -o-transition-duration:0.5s;
  164. -ms-transition-duration:0.5s;
  165. -moz-transition-duration:0.5s;
  166. -webkit-transition-duration:0.5s;
  167. }
  168.  
  169. /*SIDEBAR*/
  170.  
  171. #sidebar {
  172. position:fixed;
  173. margin-top:300px;
  174. margin-left:250px;
  175.  
  176. }
  177.  
  178. #sidebarimage {
  179. width 145px;
  180. opacity:1;
  181. transition-duration:0.7s;
  182. -o-transition-duration:0.7s;
  183. -ms-transition-duration:0.7s;
  184. -moz-transition-duration:0.7s;
  185. -webkit-transition-duration:0.7s;
  186. }
  187.  
  188. #sidebarimage img {
  189. width:200px;
  190. margin-top:-100px;
  191. padding:0px;
  192. margin-left:-80px;
  193. box-shadow: 3px 3px 5px #aaa;
  194.  
  195. }
  196.  
  197. #sidebar:hover #sidebarimage{
  198. opacity:0;
  199. -webkit-filter:blur(3px);
  200. transition-duration:0.5s;
  201. -o-transition-duration:0.5s;
  202. -ms-transition-duration:0.5s;
  203. -moz-transition-duration:0.5s;
  204. -webkit-transition-duration:0.5s;
  205. }
  206.  
  207. #title {
  208. color:{color:title};
  209. font-size:20px;
  210. font-family:arial;
  211. position:fixed;
  212. margin-top:-90px;
  213. border-bottom:2px solid {color:title};
  214. letter-spacing:3px;
  215. font-weight:bold;
  216. line-height:80%;
  217. margin-left:-75px;
  218. transition-duration:0.5s;
  219. opacity:0;
  220. text-shadow: 3px 1px #dfdfdf;
  221. -o-transition-duration:0.5s;
  222. -ms-transition-duration:0.5s;
  223. -moz-transition-duration:0.5s;
  224. -webkit-transition-duration:0.5s;
  225.  
  226. }
  227.  
  228.  
  229.  
  230. #title a {
  231. color:{color:title};
  232. transition-duration:0.5s;
  233. -o-transition-duration:0.5s;
  234. -ms-transition-duration:0.5s;
  235. -moz-transition-duration:0.5s;
  236. -webkit-transition-duration:0.5s;
  237. }
  238.  
  239. #title a:hover {
  240. letter-spacing:1.5px;
  241. transition-duration:0.5s;
  242. -o-transition-duration:0.5s;
  243. -ms-transition-duration:0.5s;
  244. -moz-transition-duration:0.5s;
  245. -webkit-transition-duration:0.5s;
  246. }
  247.  
  248. #sidebar:hover #title{
  249. opacity:1;
  250. transition-duration:0.5s;
  251. -o-transition-duration:0.5s;
  252. -ms-transition-duration:0.5s;
  253. -moz-transition-duration:0.5s;
  254. -webkit-transition-duration:0.5s;
  255. }
  256.  
  257.  
  258. .links {
  259. width:152px;
  260. font-family:arial;
  261. font-weight:bold;
  262. padding: 7px;
  263. text-align:center;
  264. text-transform:lowercase;
  265. position:fixed;
  266. margin-top:-50px;
  267. margin-left:-65px;
  268. opacity:0;
  269. transition-duration:0.5s;
  270. -o-transition-duration:0.5s;
  271. -ms-transition-duration:0.5s;
  272. -moz-transition-duration:0.5s;
  273. -webkit-transition-duration:0.5s;
  274. }
  275.  
  276.  
  277.  
  278. .links a {
  279. width:94px;
  280. padding:3px;
  281. font-size:10px;
  282. letter-spacing:0px;
  283. text-decoration:italic;
  284. color:{color:Sidebar Links};
  285. transition-duration:0.5s;
  286. -o-transition-duration:0.5s;
  287. -ms-transition-duration:0.5s;
  288. -moz-transition-duration:0.5s;
  289. -webkit-transition-duration:0.5s;
  290. }
  291.  
  292.  
  293.  
  294. .links a:hover {
  295. color:{color:sidebarlinks hover};
  296. box-shadow:0.1em 0.1em 0.4em #aaa;
  297. transition-duration:0.5s;
  298. -o-transition-duration:0.5s;
  299. -ms-transition-duration:0.5s;
  300. -moz-transition-duration:0.5s;
  301. -webkit-transition-duration:0.5s;
  302. }
  303.  
  304. .links a:hover:NTH-OF-TYPE(ODD) {BACKGROUND-COLOR: {color:links1}}
  305. .links a:hover:NTH-OF-TYPE(EVEN) {BACKGROUND-COLOR: {color:links2};}
  306.  
  307.  
  308. #sidebar:hover .links {
  309. opacity:1;
  310. transition-duration:0.5s;
  311. -o-transition-duration:0.5s;
  312. -ms-transition-duration:0.5s;
  313. -moz-transition-duration:0.5s;
  314. -webkit-transition-duration:0.5s;
  315. }
  316.  
  317. #description {
  318. text-align:justify;
  319. font-family:arial;
  320. font-weight:bold;
  321. letter-spacing:1px;
  322. color:{color:DescriptionText};
  323. width:200px;
  324. margin-top:-92px;
  325. margin-left:-76px;
  326. font-size:11px;
  327. position:fixed;
  328. text-transform:none;
  329. opacity:0;
  330. transition-duration:0.5s;
  331. -o-transition-duration:0.5s;
  332. -ms-transition-duration:0.5s;
  333. -moz-transition-duration:0.5s;
  334. -webkit-transition-duration:0.5s;
  335. }
  336.  
  337. #description a {
  338. color:{color:DescriptionText};
  339. transition-duration:0.5s;
  340. -o-transition-duration:0.5s;
  341. -ms-transition-duration:0.5s;
  342. -moz-transition-duration:0.5s;
  343. -webkit-transition-duration:0.5s;
  344. }
  345.  
  346. #description a: hover {
  347. letter-spacing:1.5px;
  348. transition-duration:0.5s;
  349. -o-transition-duration:0.5s;
  350. -ms-transition-duration:0.5s;
  351. -moz-transition-duration:0.5s;
  352. -webkit-transition-duration:0.5s;
  353. }
  354.  
  355. #sidebar:hover #description{
  356. opacity:1;
  357. transition-duration:0.5s;
  358. -o-transition-duration:0.5s;
  359. -ms-transition-duration:0.5s;
  360. -moz-transition-duration:0.5s;
  361. -webkit-transition-duration:0.5s;
  362. }
  363.  
  364. #pagination {
  365. font-style:bold;
  366. position:fixed;
  367. font-weight:bold;
  368. padding:2px;
  369. font-family:'arial';
  370. color:{color:Sidebar Links};
  371. letter-spacing:0px;
  372. font-size:15px;
  373. text-align:center;
  374. opacity:0;
  375. margin-top:-25px;
  376. margin-left:0px;
  377. text-transform:lowercase;
  378. }
  379.  
  380. #pagination a{
  381. transition-duration:0.5s;
  382. -o-transition-duration:0.5s;
  383. -ms-transition-duration:0.5s;
  384. -moz-transition-duration:0.5s;
  385. -webkit-transition-duration:0.5s;
  386. }
  387.  
  388. #pagination a:hover{
  389. color:{color:Hover};
  390. text-shadow:0 0 1px #000;
  391. text-decoration:underline;
  392. transition-duration:0.5s;
  393. -o-transition-duration:0.5s;
  394. -ms-transition-duration:0.5s;
  395. -moz-transition-duration:0.5s;
  396. -webkit-transition-duration:0.5s;
  397. }
  398.  
  399. #sidebar:hover #pagination{
  400. opacity:1;
  401. transition-duration:0.5s;
  402. -o-transition-duration:0.5s;
  403. -ms-transition-duration:0.5s;
  404. -moz-transition-duration:0.5s;
  405. -webkit-transition-duration:0.5s;
  406. }
  407.  
  408. /*POST INFO*/
  409.  
  410. #info {
  411. margin-top:9px;
  412. text-align:center;
  413. }
  414. #info a {
  415. padding:1px 5px;
  416. font-family:calibri;
  417. font-size:10px;
  418. letter-spacing:1px;
  419. text-transform:uppercase;
  420. text-align:center;
  421. color:{color:text};
  422. -webkit-transition:all 0.3s ease-out;
  423. -moz-transition:all 0.3s ease-out;
  424. transition:all 0.3s ease-out;
  425.  
  426. }
  427. #info a:hover {
  428. color:#ffffff;
  429. background-color:{color:hover};
  430. box-shadow:0.1em 0.1em 0.4em #aaa;
  431. -webkit-transition:all 0.3s ease-out;
  432. -moz-transition:all 0.3s ease-out;
  433. transition:all 0.3s ease-out;
  434.  
  435. }
  436.  
  437. #info a:hover:NTH-OF-TYPE(ODD) {BACKGROUND-COLOR: {color:links1}}
  438. #info a:hover:NTH-OF-TYPE(EVEN) {BACKGROUND-COLOR: {color:links2};}
  439.  
  440. #tags {
  441. padding:1px 5px;
  442. text-align:center;
  443. font-family:calibri;
  444. margin-top:4px;
  445. font-size:8px;
  446. letter-spacing:1px;
  447. text-transform:uppercase;
  448. color:{color:text};
  449.  
  450. }
  451. #tags a:hover {
  452. border-bottom:0px;
  453. color:{color:hover};
  454.  
  455. }
  456.  
  457.  
  458. .audio {overflow:hidden;}
  459.  
  460. .audio img {max-width:84px; }
  461.  
  462. .playbutton {
  463. background-color:#fff;
  464. width: 30px;
  465. height: 30px;
  466. overflow: hidden;
  467. position: relative;
  468. margin:10px 9px 8px 10px;
  469. z-index: 99;
  470. opacity:.6;}
  471.  
  472. .playbox {
  473. background-color: #fff;
  474. border-radius:30px;
  475. position: absolute;
  476. margin:17px;
  477. z-index: 99;
  478. opacity:.3;
  479. -webkit-transition: all 0.5s ease-in-out;
  480. -moz-transition: all 0.5s ease-in-out;
  481. -o-transition: all 0.5s ease-in-out;}
  482.  
  483. .playbox:hover{
  484. opacity:.8;
  485. -webkit-transition: all 0.5s ease-in-out;
  486. -moz-transition: all 0.5s ease-in-out;
  487. -o-transition: all 0.5s ease-in-out;}
  488.  
  489. .cover {
  490. position: relative; }
  491.  
  492.  
  493. /*QUESTION*/
  494.  
  495. #ask img {
  496. margin-right:4px;
  497. margin-top:4px;
  498. float:left;
  499. }
  500.  
  501. #ask span {
  502. font-style:italic;
  503. }
  504.  
  505. /*CREDIT*/
  506.  
  507. #credit {
  508. padding: 2px;
  509. color:#000;
  510. position:fixed;
  511. bottom:5px;
  512. right:0px;
  513. font-size:10px;
  514. letter-spacing:1px;
  515. font-family:arial;
  516. -moz-transition-duration: .6s;
  517. -webkit-transition-duration: .6s;
  518. -o-transition-duration: .6s;
  519. }
  520.  
  521. #credit a {
  522. color: #000;
  523. padding: 5px;
  524. -moz-transition-duration: .6s;
  525. -webkit-transition-duration: .6s;
  526. -o-transition-duration: .6s;
  527. }
  528.  
  529.  
  530. #credit a:hover{
  531. background: black;
  532. color: white;
  533. -moz-transition-duration:0.3s;
  534. -webkit-transition-duration:0.3s;
  535. -o-transition-duration:0.3s;
  536. }
  537.  
  538. #s-m-t-tooltip {
  539. max-width: 300px;
  540. padding: 0 2px;
  541. margin-top: -15px;
  542. margin-left: 7px;
  543. font-family: arial;
  544. font-weight:bold;
  545. background-color: {color:Background};
  546. text-transform: uppercase;
  547. color: {color:Text};
  548. z-index: 1000;
  549. }
  550. {CustomCSS}</style></head><body>
  551.  
  552.  
  553.  
  554. <div id="sidebar">
  555. <div id="title">{title}</div>
  556. <div id="sidebarimage">
  557.  
  558.  
  559. <img src="{image:Sidebar}">
  560. </a>
  561. </div>
  562.  
  563. <div class="links">
  564.  
  565. <a href="{text:Link 1}">{text:Link 1 Text}</a>
  566. <a href="{text:Link 2}">{text:Link 2 Text}</a>
  567. <a href="{text:Link 3}">{text:Link 3 Text}</a>
  568. <a href="{text:Link 4}">{text:Link 4 Text}</a>
  569.  
  570.  
  571. </div>
  572. <div id="description">{Description}</div>
  573. {block:Pagination}
  574. <div id="pagination">
  575. {block:PreviousPage}
  576. <a href="{PreviousPage}" title="previous page">←</a>
  577. {/block:PreviousPage}
  578. {block:NextPage}
  579. <a href="{NextPage}"title="next page">→</a>
  580. {/block:NextPage}
  581. </div>
  582. {/block:Pagination}
  583. </div>
  584. </div>
  585. </div>
  586.  
  587. <div id="entries">
  588. {block:Posts}
  589. <div id="post">
  590.  
  591. {block:Text}
  592. <h1>{block:Title}{Title}{/block:Title}</h1>
  593. {Body}{/block:Text}
  594.  
  595. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}
  596. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  597.  
  598. {block:Photoset}{Photoset-400}{block:Caption}{Caption}
  599. {/block:Caption}{/block:Photoset}
  600.  
  601. {block:Quote}<h2>"{Quote}"</h2>
  602. {block:Source}<div class="qsource"> —{Source}</div>
  603. {/block:Source}{/block:Quote}
  604.  
  605. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  606.  
  607. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  608.  
  609. {block:Audio}
  610. <table><tr><td style="width: 90px;"><div class="audio">
  611. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  612. {block:AlbumArt}<img src="{AlbumArtURL}" class="cover"/>{/block:AlbumArt}</td><td style="width: 300px; font:10px calibri; letter-spacing:2px; text-transform:uppercase;">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  613. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  614. {block:Album}<b>Album:</b> {Album}<br />{/block:Album}
  615. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div></td></tr></table>
  616. {block:Caption}{Caption}{/block:Caption}
  617. {/block:Audio}
  618.  
  619. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  620.  
  621. {block:Answer} <div id="ask">
  622. <p><img src="{AskerPortraitURL-30}"><span>{Asker}</span> asked: {Question}</p>
  623. <p>{block:Answerer}<span>{Answerer}</span> replied: {/block:Answerer}{Answer}</p>
  624. </div> <!--ask-->{/block:Answer}
  625.  
  626. <div id="info">
  627. {block:PermalinkPage}{/block:PermalinkPage}
  628.  
  629. {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}
  630.  
  631. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  632.  
  633. {block:RebloggedFrom}<a href="{ReblogParentURL}">via {ReblogParentName}</a>{/block:RebloggedFrom}
  634.  
  635. {block:ContentSource}<a href="{SourceURL}" title="{SourceTitle}">Source</a>{/block:ContentSource}</div>
  636.  
  637. <div id="tags">{block:hastags}{block:Tags}#<a href="{TagURL}">{Tag}</a>&emsp;{/block:Tags}{/block:hastags}</div>
  638. </div>
  639.  
  640. {block:PostNotes}{PostNotes}{/block:PostNotes}
  641. {/block:Posts}
  642. </div></div></div>
  643.  
  644.  
  645. <div id="credit"><a title="theme by Karyn" href="http://ofhs.tumblr.com/"><b>KS</b></a></center></div>
  646. </div>
  647. </div>
  648.  
  649.  
  650.  
  651. </body></html>
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!