API tools faq
paste
Advertisement
bittersveet

mmmmmm

bittersveet
Feb 12th, 2016
86
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.04 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.  
  3. <!--
  4. ╭╮╭━┳╮╭━┳━━━┳━━━┳╮╱╭┳━━━━╮╭━━━━┳╮╱╭┳━━━┳━╮╭━┳━━━┳━━━╮
  5. ┃┃┃╭┫┃┃╭┫╭━╮┃╭━╮┃┃╱┃┣━━╮━┃┃╭╮╭╮┃┃╱┃┃╭━━┫┃╰╯┃┃╭━━┫╭━╮┃
  6. ┃╰╯╯┃╰╯╯┃┃╱┃┃┃╱╰┫╰━╯┃╱╭╯╭╯╰╯┃┃╰┫╰━╯┃╰━━┫╭╮╭╮┃╰━━┫╰━━╮
  7. ┃╭╮┃┃╭╮┃┃┃╱┃┃┃╱╭┫╭━╮┃╭╯╭╯╱╱╱┃┃╱┃╭━╮┃╭━━┫┃┃┃┃┃╭━━┻━━╮┃
  8. ┃┃┃╰┫┃┃╰┫╰━╯┃╰━╯┃┃╱┃┣╯━╰━╮╱╱┃┃╱┃┃╱┃┃╰━━┫┃┃┃┃┃╰━━┫╰━╯┃
  9. ╰╯╰━┻╯╰━┻━━━┻━━━┻╯╱╰┻━━━━╯╱╱╰╯╱╰╯╱╰┻━━━┻╯╰╯╰┻━━━┻━━━╯
  10. THEME BY KKOCHZ.TUMBLR.COM ( SASHA ) AND GIVEN
  11. AWAY WITH LOTS AND LOTS OF LOVE! YOU ARE FREE
  12. TO EDIT AND TWEAK THIS THEME TO YOUR DESIRE
  13. BUT DO NOT USE IT AS A BASE, AND IF YOU TAKE
  14. ANYTHING OUT OF THIS THEME PLEASE MAKE SURE TO
  15. CREDIT ME! PLEASE DO NOT DELETE THIS CREDIT
  16. AND I HOPE THAT YOU ENJOY YOURSELF!
  17.  
  18. THEME NAME: gemini
  19. INSPIRATION: taeyeon's solo album "I"
  20. IMG CREDIT: allkpop.com
  21.  
  22. -->
  23.  
  24. <html xmlns="http://www.w3.org/1999">
  25. <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
  26. <head>
  27.  
  28. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
  29. <script src="http://static.tumblr.com/qvtfufx/H56mpjuti/jquery.fitvids.js" type="text/javascript"></script>
  30. <script type="text/javascript">
  31. $('vid').fitVids();
  32. </script>
  33.  
  34. <!--- popup ---->
  35. <script type="text/javascript"
  36. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  37. <script>
  38. $(document).ready(function() {
  39. //
  40. $('a.poplight[href^=#]').click(function() {
  41. var popID = $(this).attr('rel'); //Get Popup Name
  42. var popURL = $(this).attr('href'); //Get Popup href to define size
  43. var query= popURL.split('?');
  44. var dim= query[1].split('&');
  45. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  46. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  47. var popMargTop = ($('#' + popID).height() + 80) / 2;
  48. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  49. //Apply Margin to Popup
  50. $('#' + popID).css({
  51. 'margin-top' : -popMargTop,
  52. 'margin-left' : -popMargLeft
  53. });
  54. $('body').append('<div id="fade"></div>');
  55. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  56. return false;
  57. });
  58. $('a.close, #fade').live('click', function() {
  59. $('#fade , .popup_block').fadeOut(function() {
  60. $('#fade, a.close').remove(); //fade them both out
  61. });
  62. return false;
  63. });
  64. });
  65. </script>
  66. <!--- no more popup ---->
  67.  
  68. <title>{Title}</title>
  69. <link rel="shortcut icon" href="{FavIcon}">
  70. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  71. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  72.  
  73.  
  74.  
  75.  
  76.  
  77.  
  78.  
  79. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  80. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  81. <script>
  82. (function($){
  83. $(document).ready(function(){
  84. $("[title],a[title],img[title]").style_my_tooltips({
  85. tip_follows_cursor:true,
  86. tip_delay_time:100,
  87. tip_fade_speed:280,
  88. attribute:"title"
  89. });
  90. });
  91. })(jQuery);
  92. </script>
  93.  
  94. <meta name="color:Background" content="#fff" />
  95. <meta name="color:Text" content="#bbbbbb"/>
  96. <meta name="color:Tooltip Bg" content="#efefef"/>
  97. <meta name="color:Title" content="#ffffff"/>
  98. <meta name="color:Desc Link" content="#000000"/>
  99. <meta name="color:Post Title and Quote" content="#777777" />
  100. <meta name="color:Posts Border" content="#ffffff"/>
  101. <meta name="color:Link" content="#313b52"/>
  102. <meta name="color:Link Hover" content="#aaaaaa"/>
  103. <meta name="color:Posts" content="#f0f0f0"/>
  104. <meta name="color:Blockquote" content="#000000" />
  105.  
  106. <meta name="color:Desc Background" content="#ffffff" />
  107. <meta name="color:Desc Text" content="#aaaaaa" />
  108.  
  109. <meta name="text:link1" content=""/>
  110. <meta name="text:link2" content=""/>
  111. <meta name="text:link3" content=""/>
  112. <meta name="text:link4" content=""/>
  113. <meta name="text:link5" content=""/>
  114. <meta name="text:link6" content=""/>
  115. <meta name="text:link7" content=""/>
  116. <meta name="text:link8" content=""/>
  117.  
  118.  
  119. <meta name="image:bg" content=""/>
  120. <meta name="image:sdbr1" content=""/>
  121. <meta name="image:topbar" content=""/>
  122.  
  123.  
  124.  
  125. <style type="text/css">
  126.  
  127. /* Fonts */
  128. @font-face
  129. { font-family: "roboto_bold"; src: url('https://dl.dropboxusercontent.com/s/da2vd75mk89nonm/Roboto-Bold.ttf?dl=0');format("opentype"); }
  130. @font-face
  131. { font-family: "roboto_condensed"; src: url('https://dl.dropboxusercontent.com/s/6zmbp0j8hio58po/Roboto-Condensed.ttf?dl=0');format("opentype"); }
  132. @font-face
  133. { font-family: "roboto_thin"; src: url('https://dl.dropboxusercontent.com/s/t1gal3pgxigperx/Roboto-Thin.ttf?dl=0');format("opentype"); }
  134. @font-face
  135. { font-family:"nope"; src: url('https://dl.dropboxusercontent.com/s/b2fdyhgtkgjeon2/04b_08__.ttf?dl=1'); format(“truetype”);}
  136. @font-face
  137. { font-family:"gasara"; src: url('https://dl.dropboxusercontent.com/s/rs1x228jf7c97uf/gasara.ttf?dl=1'); format(“truetype”);}
  138. @font-face
  139. { font-family:dearjoe; src: url('https://dl.dropboxusercontent.com/s/m242u2lubena0f4/dearjoe.ttf?dl=1'); format(“truetype”);}
  140. @font-face
  141. { font-family:"avant"; src: url('https://dl.dropboxusercontent.com/s/11icl382vxmy46n/avant_pixel.ttf?dl=1'); format(“truetype”);}
  142. @font-face
  143. { font-family:"haeccity"; src:url('https://dl.dropboxusercontent.com/s/48102ianng6pss6/haeccity.ttf');}
  144. @font-face
  145. { font-family: "silkscreen"; src: url('https://dl.dropboxusercontent.com/s/4bj79wi75v77m0r/slkscr.ttf?dl=1'); format(“truetype”);}
  146. @font-face
  147. {font-family:"tulpenone";src: url('https://dl.dropboxusercontent.com/s/fj1hvihfqtt55v7/tulpenone-regular.ttf?dl=1'); format("truetype");}
  148. @font-face
  149. { font-family:"infinity"; src: url('https://dl.dropboxusercontent.com/s/iu2cdcvw311lk2m/infinity.ttf'); format(“truetype”);}
  150. @font-face
  151. { font-family: "southern_aire"; src: url('https://dl.dropboxusercontent.com/s/9u9rbhl7odlulf0/southernaire_personal_use_only.ttf?dl=1'); format(“truetype”);}
  152. @font-face
  153. { font-family:"wendy"; src: url('https://dl.dropboxusercontent.com/s/jpwyhv9nt8si48m/wendy.ttf?dl=1'); format(“truetype”);}
  154. @font-face
  155. { font-family: "bebas neue"; src: url('https://dl.dropboxusercontent.com/s/scbj3da4dz3dfmf/bebasneue.otf?dl=1'); format(“truetype”);}
  156. @font-face
  157. {font-family: "od";src: url('https://dl.dropboxusercontent.com/s/xt7ad73teuu1usx/Old%20English%20Five.ttf?dl=1'); format(“truetype”);}
  158. @font-face
  159. { font-family: "canterbury"; src: url('https://dl.dropboxusercontent.com/s/a8vsa3e2dz6f4qb/canterbury.ttf?dl=1'); format(“truetype”);}
  160. @font-face
  161. { font-family: "college"; src: url('https://dl.dropboxusercontent.com/s/w6qujikdwdyjild/CollegeSlabSC.otf?dl=1'); format(“truetype”);}
  162. @font-face
  163. { font-family:"typewriter"; src: url('https://dl.dropboxusercontent.com/s/1zkidpxmtb4my66/type_writer.ttf?dl=1'); format(“truetype”);}
  164. @font-face
  165. { font-family: "tinytots"; src: url('https://dl.dropboxusercontent.com/s/wue8fybrbpv7qhz/tinytots.ttf');}
  166. @font-face
  167. { font-family:"angelique"; src: url('https://dl.dropboxusercontent.com/s/15hvjlabq5s44ul/Angelique%20ma%20douce%20Colombe.ttf?dl=1'); format(“truetype”); }
  168. @font-face
  169. { font-family:"quil"; src: url('https://dl.dropboxusercontent.com/s/vjx3n6utzrjjr2r/QUIL_S_T.TTF'); format(“truetype”);}
  170.  
  171.  
  172. /* Body */
  173.  
  174. ::-webkit-scrollbar {
  175. width: 6px;
  176. height: 4px;
  177. background: {color:Background};
  178. }
  179.  
  180. ::-webkit-scrollbar-thumb {
  181. background-color: #000000;
  182. -webkit-border-radius: 1ex;
  183. }
  184.  
  185.  
  186.  
  187. body {
  188. background-color:{color:Background};
  189. background-image:url({image:bg});
  190. background-position: bottom left;
  191. background-attachment:fixed;
  192. background-repeat: repeat;
  193. background-size:none;
  194. margin:0px;
  195. color:{color:text};
  196. font-family:Arial, Helvetica;
  197. font-size:9px;
  198. line-height:100%;
  199. }
  200.  
  201. a {
  202. text-decoration:none;
  203. -moz-outline-style:none;
  204. -moz-transition:all ease 0.6s;
  205. -webkit-transition:all ease 0.6s;
  206. -o-transition:all ease 0.6s;
  207. transition:all ease 0.6s;
  208. color:{color:link};
  209. }
  210.  
  211. i, em {
  212. color:#1E455B;
  213. }
  214.  
  215. b, strong {
  216. color:#5D8DCF;
  217. }
  218.  
  219. img {
  220. border:none;
  221. }
  222.  
  223.  
  224. h1 {
  225. font-size:12px;
  226. text-transform:uppercase;
  227. }
  228.  
  229. blockquote {
  230. width:90%;
  231. margin-left:5px;
  232. padding-left:5px;
  233. padding-top:0px;
  234. padding-bottom:0px;
  235. border-left:1px solid {color:Blockquote};
  236.  
  237. }
  238.  
  239. blockquote blockquote {
  240. width:90%;
  241. margin-left:5px;
  242. padding-left:5px;
  243. padding-top:0px;
  244. padding-bottom:0px;
  245. border-left:1px solid {color:Blockquote};
  246. }
  247.  
  248. blockquote img {
  249. max-width:100%;
  250. }
  251.  
  252.  
  253. a:hover {
  254. color:#161616; }
  255.  
  256. #all {
  257. position:relative;
  258. margin-top:00px;
  259. padding:20px;
  260. width:250px;
  261. height:100%;
  262. margin-left:500px;
  263. margin-bottom:70px;
  264. font-size:10px;
  265. }
  266.  
  267. /* Post */
  268.  
  269. #posts {
  270. position: relative;
  271. width:250px;
  272. padding:20px;
  273. background-color:{color:Posts};
  274. font-family:helvetica;
  275. font-size:11px;
  276. line-height:11px;
  277. text-align:justify;
  278. word-wrap:break-word;
  279. margin-top:10px;
  280. margin-bottom:10px;
  281. margin-left:10px;
  282. }
  283.  
  284. .sources {
  285. filter:alpha(opacity=0);
  286. opacity:0;
  287. }
  288.  
  289.  
  290. /* Audio posts */
  291. .audio {
  292. height:60px;
  293. padding:5px;
  294. margin-bottom:5px;
  295. }
  296.  
  297. .audio-album {
  298. position:absolute;
  299. width:60px;
  300. }
  301.  
  302. .audio-player {
  303. position:absolute;
  304. width:25px;
  305. height:25px;
  306. margin-left:15px;
  307. margin-top:15px;
  308. opacity:0.9;
  309. overflow:hidden;
  310. border:2px solid {color:Border};
  311. }
  312.  
  313. .audio-info {
  314. margin-top:-2px;
  315. position:relative;
  316. margin-left:70px;
  317. padding:5px;
  318. }
  319.  
  320. /* Perma */
  321.  
  322. #perma {
  323. margin-top:3px;
  324. padding-top:5px;
  325. padding-left:10px;
  326. padding-bottom:5px;
  327. letter-spacing:0;
  328. border:solid {color:Posts Border} 1px;
  329. color:{color:Link};
  330. background-color:{color:Desc Background};
  331. font-family:roboto_condensed;
  332. font-size:10px;
  333. font-weight:bold;
  334. text-transform:uppercase;
  335. text-align:left;
  336. }
  337. #perma a {
  338. color:{color:Link};
  339. }
  340. #perma a:hover {
  341. color:{color:Link Hover};
  342. }
  343.  
  344. #notes {
  345. width:250px;
  346. font-family:helvetica;
  347. font-weight:bold;
  348. font-size:8px;
  349. letter-spacing:1px;
  350. text-transform:uppercase;
  351. }
  352. #notes ol {
  353. padding:0;
  354. }
  355. #notes ol li {
  356. list-style-type:none;
  357. padding:3px;
  358. }
  359.  
  360. #notes img {
  361. display:none;
  362. }
  363.  
  364. /* Post img, video & photoset settings */
  365.  
  366. #posts img {
  367. max-width:100%;
  368. max-height:auto;
  369. }
  370.  
  371. .photoset
  372. { max-width:100%; }
  373.  
  374. #photo img {
  375. max-width:100%;
  376. }
  377.  
  378. #pset, #vid {
  379. max-width:100%;
  380. margin-bottom:-2px;
  381.  
  382. }
  383.  
  384.  
  385. /* Popup Box */
  386.  
  387. .popup_block{
  388. display:none;
  389. background:#fff;
  390. text-align:justify;
  391. padding:20px;
  392. font-family:helvetica;
  393. font-weight:bold;
  394. font-size:7px;
  395. color:#000;
  396. border:1px solid #000;
  397. float:left;
  398. position:fixed;
  399. text-transform:uppercase;
  400. top:50%;left:50%;
  401. z-index: 99999;
  402. }
  403.  
  404. *html #fade {position: absolute;}
  405. *html .popup_block {position: absolute;}
  406. #fade {
  407. display:none;
  408. position:fixed;
  409. left:0px;
  410. top:0px;
  411. width:100%;
  412. height:100%;
  413. z-index:9999;
  414. background:#fff;
  415. }
  416.  
  417. /* Sidebar */
  418.  
  419. #topbar {
  420. background-image: url({image:topbar});
  421. background-repeat:none;
  422. position:fixed;
  423. z-index:-99;
  424. top:0px;
  425. left:0px;
  426. width:478px;
  427. height:100%;
  428. }
  429.  
  430. #fuckingwrapper {
  431. position:fixed;
  432. top:0px;
  433. left:10px;
  434. width:6000px;
  435. height:100%;
  436. z-index:0;
  437. }
  438.  
  439. .gemini img {
  440. position:absolute;
  441. left:00px;
  442. top:200px;
  443. width:200px;
  444. z-index:1;
  445. border:solid #fff 10px;
  446. border-radius:200px 200px 0px 200px;
  447. }
  448.  
  449. .title1 {
  450. color: white;
  451. text-shadow: 2px 2px 4px #000000;
  452. font-family:helvetica;
  453. font-size:25px;
  454. letter-spacing:-2px;
  455. text-align:left;
  456. position:absolute;
  457. z-index:99;
  458. font-style:none;
  459. top:280px;
  460. left:220px;
  461. font-weight:900;
  462. width:250px;
  463. line-height:1px;
  464. text-transform:uppercase;
  465. }
  466.  
  467. .desc1 {
  468. padding:10px;
  469. color:#696969;
  470. font-family:helvetica;
  471. font-size:7px;
  472. letter-spacing:1px;
  473. text-align:left;
  474. position:absolute;
  475. z-index:100;
  476. font-style:none;
  477. top:300px;
  478. left:215px;
  479. font-weight:bold;
  480. width:240px;
  481. height:auto;
  482. line-height:100%;
  483. text-transform:uppercase;
  484.  
  485. }
  486.  
  487. .mainlink1 {
  488. background-color:{color:Desc Background};
  489. padding:5px;
  490. color:#000;
  491. font-family:helvetica;
  492. font-size:11px;
  493. letter-spacing:1px;
  494. text-align:right;
  495. position:absolute;
  496. z-index:99;
  497. font-style:none;
  498. top:385px;
  499. left:226px;
  500. font-weight:bold;
  501. width:1px;
  502. border-radius:50px;
  503. height:auto;
  504. line-height:13px;
  505. text-transform:uppercase;
  506. }
  507.  
  508. .mainlink1 a {
  509. color:{color:Desc Link};
  510. }
  511.  
  512. .mainlink1 a:hover {
  513. color:{color:Desc Link2};
  514. }
  515.  
  516. .mainlink2 {
  517. background-color:{color:Desc Background};
  518. padding:5px;
  519. color:#000;
  520. font-family:helvetica;
  521. font-size:11px;
  522. letter-spacing:1px;
  523. text-align:right;
  524. position:absolute;
  525. z-index:99;
  526. font-style:none;
  527. top:385px;
  528. left:245px;
  529. font-weight:bold;
  530. width:1px;
  531. height:auto;
  532. border-radius:50px;
  533. line-height:13px;
  534. text-transform:uppercase;
  535. }
  536.  
  537. .mainlink2 a {
  538. color:{color:Desc Link};
  539. }
  540.  
  541. .mainlink2 a:hover {
  542. color:{color:Desc Link2};
  543. }
  544.  
  545. .mainlink3 {
  546. background-color:{color:Desc Background};
  547. padding:5px;
  548. color:#000;
  549. font-family:helvetica;
  550. font-size:11px;
  551. letter-spacing:1px;
  552. text-align:right;
  553. position:absolute;
  554. z-index:99;
  555. font-style:none;
  556. top:385px;
  557. left:264px;
  558. font-weight:bold;
  559. width:1px;
  560. border-radius:50px;
  561. height:auto;
  562. line-height:13px;
  563. text-transform:uppercase;
  564. }
  565.  
  566. .mainlink3 a {
  567. color:{color:Desc Link};
  568. }
  569.  
  570. .mainlink3 a:hover {
  571. color:{color:Desc Link2};
  572. }
  573.  
  574. .mainlink4 {
  575. background-color:{color:Desc Background};
  576. padding:5px;
  577. color:#000;
  578. font-family:helvetica;
  579. font-size:11px;
  580. letter-spacing:1px;
  581. text-align:right;
  582. position:absolute;
  583. z-index:99;
  584. font-style:none;
  585. top:385px;
  586. left:283px;
  587. font-weight:bold;
  588. width:1px;
  589. border-radius:50px;
  590. height:auto;
  591. line-height:13px;
  592. text-transform:uppercase;
  593. }
  594.  
  595. .mainlink4 a {
  596. color:{color:Desc Link};
  597. }
  598.  
  599. .mainlink4 a:hover {
  600. color:{color:Desc Link2};
  601. }
  602.  
  603. .mainlink5 {
  604. background-color:{color:Desc Background};
  605. padding:5px;
  606. color:#000;
  607. font-family:helvetica;
  608. font-size:11px;
  609. letter-spacing:1px;
  610. text-align:right;
  611. position:absolute;
  612. z-index:99;
  613. font-style:none;
  614. top:385px;
  615. left:301px;
  616. font-weight:bold;
  617. width:1px;
  618. border-radius:50px;
  619. height:auto;
  620. line-height:13px;
  621. text-transform:uppercase;
  622. }
  623.  
  624. .mainlink5 a {
  625. color:{color:Desc Link};
  626. }
  627.  
  628. .mainlink5 a:hover {
  629. color:{color:Desc Link2};
  630. }
  631.  
  632.  
  633. /* Post Title */
  634.  
  635. #h2 {
  636. color:{color:post title and quote};
  637. font-family:"verdana";
  638. font-size:12px;
  639. font-weight:900;
  640. line-height:15px;
  641. text-align:left;
  642. text-transform:uppercase;
  643. }
  644.  
  645. /* Quote */
  646.  
  647. #quotemark {
  648. font-size:53px;
  649. color:#7795a0;
  650. opacity:0.8;
  651. font-family:"Calibri";
  652. margin-top:20px;
  653. position:absolute;
  654. }
  655.  
  656. #quote {
  657. display:block;
  658. font-style:italic;
  659. margin-left:50px;
  660. font-family:georgia;
  661. font-weight:400;
  662. font-size:12px;
  663. line-height:150%;
  664. }
  665.  
  666. #quotesource {
  667. color:#FFFFFF;
  668. margin-top:20px;
  669. text-align:right;
  670. display:block;
  671. padding:20px;
  672. background-color:#090909;
  673. font-style:none;
  674. font-weight:100;
  675. font-size:10px;
  676. margin-bottom:15px;
  677. text-transform:uppercase;
  678. }
  679.  
  680. /* Chat */
  681.  
  682. #chat {
  683. padding-top:2px;
  684. padding-bottom:3px;
  685. padding-left:5px;
  686. padding-right:5px;
  687. line-height:11px;
  688. color:#999999;
  689. }
  690.  
  691. #chat.even {
  692. background-color:#f2f2f2;
  693. }
  694.  
  695. /* Question */
  696.  
  697. .q {
  698. font-style:none;
  699. padding:10px 0;
  700. font-size:10px;
  701. position:relative;
  702. border-bottom:1px solid #ececec;
  703. }
  704.  
  705. .as {
  706. position:Absolute;
  707. bottom:-10px;
  708. background:{color:posts};
  709. line-height:20px;
  710. font-style:none;
  711. font-family:verdana;
  712. display:block;
  713. padding:0 10px;
  714. right:0;
  715. text-align:right;
  716. text-transform:uppercase;
  717. letter-spacing:1px;
  718. font-size:7px;
  719. font-weight:bold;
  720. }
  721.  
  722. .as a {color:{color:text};}
  723.  
  724. .as a:hover {color:{color:link hover};}
  725.  
  726. .a {margin-top:10px;}
  727.  
  728.  
  729. /* Audio */
  730.  
  731. #audio {
  732. width:100%;
  733. overflow:hidden;
  734. padding-left:5px;
  735. padding-right:5px;
  736. background-color:#fff;
  737. line-height:2px;
  738. color:#999999;
  739. }
  740.  
  741. #audio_player {
  742. width:20px;
  743. height:15px;
  744. border-left:17px solid #f4f4f4;
  745. border-right:17px solid #f4f4f4;
  746. border-top:16px solid #f4f4f4;
  747. border-bottom:16px solid #f4f4f4;
  748. background-color:#f4f4f4;
  749. display:block;
  750. overflow:hidden;
  751. -moz-transition:all linear 0.8s;
  752. -webkit-transition:all linear 0.8s;
  753. -o-transition:all linear 0.8s;
  754. transition:all linear 0.8s;
  755. }
  756.  
  757. #audio_track {
  758. font-size:10px;
  759. font-style:none;
  760. }
  761.  
  762.  
  763. /* Hover Title Style */
  764.  
  765. #s-m-t-tooltip {
  766. max-width:250px;
  767. padding:10px 10px;
  768. margin:20px 0px 0px 20px;
  769. background-color:#1C1C1C;
  770. font-family:verdana;
  771. font-size:9px;
  772. color:#FFFFFF;
  773. letter-spacing:0px;
  774. text-transform:uppercase;
  775. z-index:999999999999;}
  776.  
  777.  
  778. </style>
  779.  
  780. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  781.  
  782. </head>
  783.  
  784.  
  785.  
  786.  
  787. <body>
  788.  
  789. <div id="topbar"> </div>
  790.  
  791. <div id="fuckingwrapper">
  792.  
  793. <div class="gemini">
  794. <img src="{image:sdbr1}"/>
  795. </div>
  796.  
  797. <div class="title1">{Title}</div>
  798.  
  799. <div class="desc1">
  800. <span style="text-transform:uppercase;background:{color:Desc Background};text-align:right;font-size:7px;font-family:helvetica;letter-spacing:2px;color:{color:Desc Text};padding:3px;line-height:17px;">{Description}</span>
  801. </div>
  802.  
  803.  
  804.  
  805.  
  806. <a href="/" title="go back."><div class="mainlink1"></div></a>
  807. <a href="/ask" title="inbox."><div class="mainlink2"></div></a>
  808. <a href="/d" title="disclaimer."><div class="mainlink3"></div></a>
  809. <a href="/muses" a title="muse list.">
  810. <div class="mainlink4"></div></a>
  811. <a href="http://kkochz.tumblr.com" title="theme credit."><div class="mainlink5"></div></a>
  812.  
  813.  
  814. </div>
  815.  
  816.  
  817. <div id="all">
  818. <div class="autopagerize_page_element">
  819. {block:Posts}
  820. <div id="posts">
  821.  
  822. {block:Text}
  823.  
  824. {block:Title}<div id="h2">{Title}</div>{/block:Title}
  825.  
  826. {Body}
  827.  
  828. {/block:Text}
  829.  
  830. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-250}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  831.  
  832. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  833.  
  834. {block:Photoset}{Photoset-250}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  835.  
  836. {block:Quote}
  837. <div id="quotemark">❝</div>
  838. <div id="quote">{Quote}</div>
  839. {block:Source}<div id="quotesource">— {Source}</div>{/block:Source}
  840. {/block:Quote}
  841.  
  842. {block:Audio}
  843. <div class="audio">
  844. {block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}">{/block:AlbumArt}
  845. <div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  846. <div class="audio-info">
  847. {block:TrackName}<b>Title:</b> {TrackName}<br>{/block:TrackName}
  848. {block:Artist}<b>Artist:</b> {Artist}<br>{/block:Artist}
  849. {block:Album}<b>Album:</b> {Album}<br>{/block:Album}
  850. {block:PlayCount}<b>Plays:</b> {PlayCount}<br>{/block:PlayCount}
  851. </div></div>{block:Caption}{Caption}{/block:Caption}
  852. {/block:Audio}
  853.  
  854. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  855.  
  856. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  857.  
  858.  
  859. {block:Answer}
  860. <div class="q"><i>{Question}</i><div class="as">sent by {Asker}</div></div><div class="a">{Answer}</div>
  861. {/block:Answer}
  862.  
  863.  
  864. <div id="perma">
  865. {block:IndexPage}
  866. {block:Date} <a href="{Permalink}">{TimeAgo}</a>{/block:Date}
  867. {block:NoteCount} • {NoteCountWithLabel}{/block:NoteCount}{block:RebloggedFrom} • <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom} • <a href="{ReblogURL}" >reblog</a>
  868. {block:HasTags} • <a title="{block:Tags}#{Tag} {/block:Tags}"> tags</a> {/block:HasTags}
  869. {/block:IndexPage}
  870. {block:PermalinkPage}
  871. {block:Date}Posted <a href="{Permalink}">{TimeAgo}</a> • {DayOfWeek}, {DayOfMonth}. {ShortMonth}, {Year}{/block:Date}
  872. {block:NoteCount} • {NoteCountWithLabel}{/block:NoteCount}{block:RebloggedFrom} • <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> • <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom}
  873. {block:HasTags}<br>{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  874. {/block:PermalinkPage}
  875. </div>
  876. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  877. </div>
  878.  
  879. <div class="sources">
  880. {block:ContentSource}
  881. Source: <a href="{SourceURL}">{SourceTitle} </a>
  882. {/block:ContentSource}
  883. {block:RebloggedFrom}
  884. Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  885. {/block:RebloggedFrom}</div>
  886.  
  887. {/block:Posts}</div>
  888.  
  889. </div>
  890. </div>
  891.  
  892. </head>
  893.  
  894. </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!