API tools faq
paste
Advertisement
uyuhun

old theme

uyuhun
Jan 18th, 2020
121
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.80 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4. #01 VIEW 2.0
  5. BY MARIESTHEMES.TUMBLR.COM
  6.  
  7. this work is licensed under a Creative Commons Attribution-NonCommercia
  8. -NoDerivatives 4.0 International License
  9.  
  10. photoset script ©pixelunion.net
  11. video & souncloud scripts ©shythemes.tumblr.com
  12.  
  13.  
  14. -->
  15.  
  16. <html>
  17. <head>
  18. <script type="text/javascript">
  19. // <![CDATA[
  20. var colour="#FF7BD6";
  21. var sparkles=120;
  22.  
  23. /****************************
  24. * Tinkerbell Magic Sparkle *
  25. * (c) 2005 mf2fm web-design *
  26. * http://www.mf2fm.com/rv *
  27. * DON'T EDIT BELOW THIS BOX *
  28. ****************************/
  29. var x=ox=400;
  30. var y=oy=300;
  31. var swide=800;
  32. var shigh=600;
  33. var sleft=sdown=0;
  34. var tiny=new Array();
  35. var star=new Array();
  36. var starv=new Array();
  37. var starx=new Array();
  38. var stary=new Array();
  39. var tinyx=new Array();
  40. var tinyy=new Array();
  41. var tinyv=new Array();
  42.  
  43. window.onload=function() { if (document.getElementById) {
  44. var i, rats, rlef, rdow;
  45. for (var i=0; i<sparkles; i++) {
  46. var rats=createDiv(3, 3);
  47. rats.style.visibility="hidden";
  48. document.body.appendChild(tiny[i]=rats);
  49. starv[i]=0;
  50. tinyv[i]=0;
  51. var rats=createDiv(5, 5);
  52. rats.style.backgroundColor="transparent";
  53. rats.style.visibility="hidden";
  54. var rlef=createDiv(1, 5);
  55. var rdow=createDiv(5, 1);
  56. rats.appendChild(rlef);
  57. rats.appendChild(rdow);
  58. rlef.style.top="2px";
  59. rlef.style.left="0px";
  60. rdow.style.top="0px";
  61. rdow.style.left="2px";
  62. document.body.appendChild(star[i]=rats);
  63. }
  64. set_width();
  65. sparkle();
  66. }}
  67.  
  68. function sparkle() {
  69. var c;
  70. if (x!=ox || y!=oy) {
  71. ox=x;
  72. oy=y;
  73. for (c=0; c<sparkles; c++) if (!starv[c]) {
  74. star[c].style.left=(starx[c]=x)+"px";
  75. star[c].style.top=(stary[c]=y)+"px";
  76. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  77. star[c].style.visibility="visible";
  78. starv[c]=50;
  79. break;
  80. }
  81. }
  82. for (c=0; c<sparkles; c++) {
  83. if (starv[c]) update_star(c);
  84. if (tinyv[c]) update_tiny(c);
  85. }
  86. setTimeout("sparkle()", 40);
  87. }
  88.  
  89. function update_star(i) {
  90. if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  91. if (starv[i]) {
  92. stary[i]+=1+Math.random()*3;
  93. if (stary[i]<shigh+sdown) {
  94. star[i].style.top=stary[i]+"px";
  95. starx[i]+=(i%5-2)/5;
  96. star[i].style.left=starx[i]+"px";
  97. }
  98. else {
  99. star[i].style.visibility="hidden";
  100. starv[i]=0;
  101. return;
  102. }
  103. }
  104. else {
  105. tinyv[i]=50;
  106. tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  107. tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  108. tiny[i].style.width="2px";
  109. tiny[i].style.height="2px";
  110. star[i].style.visibility="hidden";
  111. tiny[i].style.visibility="visible"
  112. }
  113. }
  114.  
  115. function update_tiny(i) {
  116. if (--tinyv[i]==25) {
  117. tiny[i].style.width="1px";
  118. tiny[i].style.height="1px";
  119. }
  120. if (tinyv[i]) {
  121. tinyy[i]+=1+Math.random()*3;
  122. if (tinyy[i]<shigh+sdown) {
  123. tiny[i].style.top=tinyy[i]+"px";
  124. tinyx[i]+=(i%5-2)/5;
  125. tiny[i].style.left=tinyx[i]+"px";
  126. }
  127. else {
  128. tiny[i].style.visibility="hidden";
  129. tinyv[i]=0;
  130. return;
  131. }
  132. }
  133. else tiny[i].style.visibility="hidden";
  134. }
  135.  
  136. document.onmousemove=mouse;
  137. function mouse(e) {
  138. set_scroll();
  139. y=(e)?e.pageY:event.y+sdown;
  140. x=(e)?e.pageX:event.x+sleft;
  141. }
  142.  
  143. function set_scroll() {
  144. if (typeof(self.pageYOffset)=="number") {
  145. sdown=self.pageYOffset;
  146. sleft=self.pageXOffset;
  147. }
  148. else if (document.body.scrollTop || document.body.scrollLeft) {
  149. sdown=document.body.scrollTop;
  150. sleft=document.body.scrollLeft;
  151. }
  152. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  153. sleft=document.documentElement.scrollLeft;
  154. sdown=document.documentElement.scrollTop;
  155. }
  156. else {
  157. sdown=0;
  158. sleft=0;
  159. }
  160. }
  161.  
  162. window.onresize=set_width;
  163. function set_width() {
  164. if (typeof(self.innerWidth)=="number") {
  165. swide=self.innerWidth;
  166. shigh=self.innerHeight;
  167. }
  168. else if (document.documentElement && document.documentElement.clientWidth) {
  169. swide=document.documentElement.clientWidth;
  170. shigh=document.documentElement.clientHeight;
  171. }
  172. else if (document.body.clientWidth) {
  173. swide=document.body.clientWidth;
  174. shigh=document.body.clientHeight;
  175. }
  176. }
  177.  
  178. function createDiv(height, width) {
  179. var div=document.createElement("div");
  180. div.style.position="absolute";
  181. div.style.height=height+"px";
  182. div.style.width=width+"px";
  183. div.style.overflow="hidden";
  184. div.style.backgroundColor=colour;
  185. return (div);
  186. }
  187. // ]]>
  188. </script>
  189.  
  190. <title>{Title}</title>
  191. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  192. <link rel="shortcut icon" href="{Favicon}" />
  193. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  194.  
  195. <link href='http://fonts.googleapis.com/css?family=Roboto:400,700,900' rel='stylesheet' type='text/css'>
  196.  
  197. <!-- VARIABLES -->
  198.  
  199. <meta name="color:Background" content="#ffffff" />
  200. <meta name="color:Sidebar" content="#ffffff" />
  201. <meta name="color:Entry" content="#ffffff" />
  202. <meta name="color:Borders" content="#f5f5f5" />
  203.  
  204. <meta name="color:Text" content="#000000" />
  205. <meta name="color:Description" content="#000000" />
  206. <meta name="color:Link" content="#FF7BD6" />
  207. <meta name="color:Link hover" content="#f5f5f5" />
  208.  
  209. <meta name="color:Accent" content="#fcfcfc" />
  210. <meta name="color:Selection" content="#FF7BD6" />
  211. <meta name="color:Scrollbar" content="#FF7BD6" />
  212.  
  213. <meta name="color:chat background1" content="#fcfcfc" />
  214. <meta name="color:chat background2" content="#f5f5f5" />
  215.  
  216. <meta name="image:Sidebar" content=""/>
  217. <meta name="image:Background" content=""/>
  218.  
  219. <meta name="if:Visible caption" content="1" />
  220. <meta name="if:Caption on side" content="1" />
  221. <meta name="if:Round sidebar image" content="1" />
  222.  
  223. <meta name="select:Post size" content="500" title="500px">
  224. <meta name="select:Post size" content="400" title="400px">
  225. <meta name="select:Post size" content="300" title="300px">
  226. <meta name="select:Post size" content="250" title="250px">
  227.  
  228. <meta name="text:Link1" content="/" />
  229. <meta name="text:Link1 title" content="home" />
  230. <meta name="text:Link2" content="/ask" />
  231. <meta name="text:Link2 title" content="ask" />
  232. <meta name="text:Link3" content="/" />
  233. <meta name="text:Link3 title" content="link3" />
  234. <meta name="text:Link4" content="/" />
  235. <meta name="text:Link4 title" content="link4" />
  236.  
  237. <style type="text/css">
  238.  
  239. /* TUMBLR CONTROLS AND LIGHTBOX */
  240.  
  241. .tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop {
  242. top:7px!important;
  243. right:7px!important;
  244. position:fixed!important;
  245. opacity:0.5!important;
  246. -webkit-filter:invert(0.8)!important;
  247. -moz-filter:invert(0.8)!important;
  248. filter:invert(0.8)!important;
  249. }
  250.  
  251. .vignette {opacity:0.0;}
  252.  
  253. .tmblr-lightbox {background-color:rgba(245,245,245,0.8)!important;}
  254. .lightbox-image {box-shadow:none!important; border:5px solid #ffffff!important; -webkit-border-radius:5px!important; -moz-border-radius:5px!important; border-radius:5px!important;}
  255. .tmblr-lightbox a {border:5px solid #ffffff!important;}
  256. .lightbox-caption {visibility:hidden;}
  257.  
  258. /* BODY, LINKS, SCROLLBARS */
  259.  
  260. body {
  261. color:{color:text};
  262. background-color:{color:background};
  263. {block:ifbackgroundimage}background-image:url('{image:background}');{/block:ifbackgroundimage}
  264. background-position:left top;
  265. background-attachment:fixed;
  266. background-repeat:repeat;
  267. font-size:10px;
  268. font-family:roboto;
  269. line-height:110%;
  270. text-align:left;
  271. }
  272.  
  273. a:link, a:active, a:visited {color:{color:link}; text-decoration:none; font-family:roboto; font-size:7px; letter-spacing:1px; text-transform:uppercase; -webkit-transition:0.6s; -moz-transition:0.6s; transition:0.6s;}
  274. a:hover {color:{color:link hover}; -webkit-transition:0.6s; -moz-transition:0.6s; transition:0.6s;}
  275.  
  276. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; border:5px solid {color:background};}
  277. ::-webkit-scrollbar-thumb:horizontal {display:none;}
  278. ::-webkit-scrollbar {background-color:{color:background}; height:0px; width:11px;}
  279.  
  280. ::-moz-selection {background-color:{color:selection};}
  281. ::selection {background-color:{color:selection};}
  282.  
  283. /* SIDEBAR */
  284.  
  285. #sidebar {
  286. bottom:90px;
  287. left:120px;
  288. width:130px;
  289. height:auto;
  290. padding:10px;
  291. position:fixed;
  292. overflow:hidden;
  293. text-align:right;
  294. color:{color:description};
  295. background-color:{color:sidebar};
  296. }
  297.  
  298. #sidebar img {
  299. width:80px;
  300. height:80px;
  301. -webkit-border-radius:5px;
  302. -moz-border-radius:5px;
  303. border-radius:5px;
  304. {block:ifroundsidebarimage}-webkit-border-radius:80px;
  305. -moz-border-radius:80px;
  306. border-radius:80px;{/block:ifroundsidebarimage}
  307. }
  308.  
  309. #blogtitle {
  310. font-size:7px;
  311. letter-spacing:2px;
  312. text-transform:uppercase;
  313. padding:16px 0px 2px 0px;
  314. font-family:roboto;
  315. -webkit-transition:all 0.3s ease-out;
  316. -moz-transition:all 0.3s ease-out;
  317. transition:all 0.3s ease-out;
  318. }
  319.  
  320. #blogtitle:hover {
  321. color:{color:description};
  322. letter-spacing:1px;
  323. -webkit-transition:all 0.3s ease-out;
  324. -moz-transition:all 0.3s ease-out;
  325. transition:all 0.3s ease-out;
  326. }
  327.  
  328. #description {
  329. font-family:roboto;
  330. font-size:7px;
  331. letter-spacing:1px;
  332. text-transform:uppercase;
  333. text-align:justify;
  334. padding:10px 0px 2px 0px;
  335. line-height:1.8;
  336. }
  337.  
  338. .navigation {
  339. padding:8px 0px;
  340. text-align:right;
  341. }
  342.  
  343. .navigation a {
  344. padding:2px 0px;
  345. font-family:roboto;
  346. font-size:7px;
  347. letter-spacing:1px;
  348. text-transform:uppercase;
  349. display:block;
  350. border:none;
  351. color:{color:description};
  352. -webkit-transition:all 0.3s ease-out;
  353. -moz-transition:all 0.3s ease-out;
  354. transition:all 0.3s ease-out;
  355. }
  356.  
  357. .navigation a:hover {
  358. color:{color:link};
  359. letter-spacing:3px;
  360. -webkit-transition:all 0.3s ease-out;
  361. -moz-transition:all 0.3s ease-out;
  362. transition:all 0.3s ease-out;
  363. }
  364.  
  365. /* POSTS */
  366.  
  367. #content {margin:70px 300px;}
  368.  
  369. #posts {
  370. width:{select:Post size}px;
  371. margin:60px 0px;
  372. padding:15px;
  373. word-wrap:break-word;
  374. line-height:1.4;
  375. text-align:justify;
  376. background-color:{color:entry};
  377. }
  378.  
  379. #posts img {
  380. height:auto;
  381. max-width:100%;
  382. }
  383.  
  384. #photo img {
  385. width:100%;
  386. -webkit-border-radius:5px;
  387. -moz-border-radius:5px;
  388. border-radius:5px;
  389. }
  390.  
  391. #info {
  392. font-family:roboto;
  393. font-size:7px;
  394. text-align:left;
  395. letter-spacing:1px;
  396. text-transform:uppercase;
  397. line-height:1.3;
  398. padding-top:8px;
  399. }
  400.  
  401. #caption {
  402. z-index:99999999;
  403. width:200px;
  404. opacity:0.0;
  405. padding:0px 10px;
  406. background-color:{color:entry};
  407. max-height:calc(100% + 60px);
  408. overflow-y:auto;
  409. margin-left:calc({select:Post size}px + 10px);
  410. -webkit-transition:all 0.3s ease-out;
  411. -moz-transition:all 0.3s ease-out;
  412. transition:all 0.3s ease-out;
  413. }
  414.  
  415. #posts:hover #caption {
  416. opacity:1.0;
  417. -webkit-transition:all 0.3s ease-out;
  418. -moz-transition:all 0.3s ease-out;
  419. transition:all 0.3s ease-out;
  420. }
  421.  
  422. #caption small, #caption sup, #caption sub, #caption big {font-size:10px;}
  423. #caption blockquote {margin:0px;}
  424.  
  425. #caption2 {
  426. padding:10px 0px 6px 0px;
  427. -webkit-transition:all 0.3s ease-out;
  428. -moz-transition:all 0.3s ease-out;
  429. transition:all 0.3s ease-out;
  430. }
  431.  
  432. #caption2 small, #caption2 sup, #caption2 sub, #caption2 big {font-size:10px;}
  433. #caption2 blockquote {margin:0px;}
  434.  
  435. .post-content {position:relative;}
  436. .hover {position:absolute; top:0px; right:0px; bottom:0px; left:0px;}
  437.  
  438. .hover .captions {
  439. z-index:999;
  440. width:217px;
  441. max-height:calc(100% - 2px);
  442. border-left:1px solid {color:borders};
  443. padding-left:15px;
  444. -moz-box-sizing:border-box;
  445. box-sizing:border-box;
  446. overflow:hidden;
  447. position:absolute;
  448. margin-left:-16px;
  449. top:0px;
  450. opacity:0.0;
  451. -webkit-transition:all 0.3s ease-out;
  452. -moz-transition:all 0.3s ease-out;
  453. transition:all 0.3s ease-out;
  454. }
  455.  
  456. #posts:hover .captions {
  457. opacity:1.0;
  458. -webkit-transition:all 0.3s ease-out;
  459. -moz-transition:all 0.3s ease-out;
  460. transition:all 0.3s ease-out;
  461. }
  462.  
  463. .captions .text {visibility:hidden;}
  464. .captions small, .captions sup, .captions sub, .captions big {font-size:10px;}
  465.  
  466. .tumblr_video_container {
  467. width:auto!important;
  468. height:auto!important;
  469. z-index:99999999!important;
  470. }
  471.  
  472. /* ASK POSTS */
  473.  
  474. #asker {
  475. text-align:left;
  476. font-size:7px;
  477. line-height:1.8;
  478. letter-spacing:2px;
  479. margin-bottom:13px;
  480. padding-bottom:15px;
  481. text-transform:uppercase;
  482. border-bottom:1px solid {color:borders};
  483. font-family:roboto;
  484. }
  485.  
  486. #asker a {
  487. letter-spacing:2px;
  488. }
  489.  
  490. #asker img {
  491. float:left;
  492. margin-top:0px;
  493. margin-right:9px;
  494. height:23px;
  495. -webkit-border-radius:140px;
  496. -moz-border-radius:140px;
  497. border-radius:140px;
  498. }
  499.  
  500. #question {
  501. background-color:{color:accent};
  502. padding:16px;
  503. font-size:7px;
  504. letter-spacing:1px;
  505. text-transform:uppercase;
  506. font-family:roboto;
  507. line-height:1.8;
  508. font-family:roboto;
  509. -webkit-border-radius:5px;
  510. -moz-border-radius:5px;
  511. border-radius:5px;
  512. }
  513.  
  514. #answer2 {
  515. margin-top:5px;
  516. background-color:{color:accent};
  517. padding:16px;
  518. font-size:7px;
  519. letter-spacing:1px;
  520. text-transform:uppercase;
  521. font-family:roboto;
  522. line-height:1.8;
  523. font-family:roboto;
  524. -webkit-border-radius:5px;
  525. -moz-border-radius:5px;
  526. border-radius:5px;
  527. }
  528.  
  529. #answerer {
  530. text-align:right;
  531. font-size:7px;
  532. line-height:1.8;
  533. letter-spacing:2px;
  534. margin-bottom:13px;
  535. padding-bottom:15px;
  536. text-transform:uppercase;
  537. border-bottom:1px solid {color:borders};
  538. font-family:roboto;
  539. }
  540.  
  541. #answerer a {letter-spacing:2px;}
  542.  
  543. #answerer img {
  544. float:right;
  545. margin-top:0px;
  546. margin-left:9px;
  547. height:23px;
  548. -webkit-border-radius:140px;
  549. -moz-border-radius:140px;
  550. border-radius:140px;
  551. }
  552.  
  553. #answer {margin-top:12px;}
  554. #replies {margin-top:12px;}
  555.  
  556. /* AUDIO POSTS */
  557.  
  558. .audiopost {
  559. padding:16px;
  560. height:42px;
  561. overflow:hidden;
  562. margin-bottom:3px;
  563. background-color:{color:accent};
  564. -webkit-border-radius:5px;
  565. -moz-border-radius:5px;
  566. border-radius:5px;
  567. }
  568.  
  569. .playerbackground {
  570. opacity:0.0;
  571. width:24px;
  572. height:24px;
  573. padding:9px;
  574. z-index:99999;
  575. position:absolute;
  576. background-color:white;
  577. -webkit-transition:all 0.3s ease-out;
  578. -moz-transition:all 0.3s ease-out;
  579. transition:all 0.3s ease-out;
  580. }
  581.  
  582. #posts:hover .playerbackground {
  583. opacity:1.0;
  584. -webkit-transition:all 0.3s ease-out;
  585. -moz-transition:all 0.3s ease-out;
  586. transition:all 0.3s ease-out;
  587. }
  588.  
  589. .player {
  590. width:20px;
  591. height:30px;
  592. margin-top:-1px;
  593. margin-left:-1px;
  594. overflow:hidden;
  595. }
  596.  
  597. .audioimage {
  598. width:42px;
  599. padding-right:9px;
  600. border-right:1px solid {color:borders};
  601. position:absolute;
  602. z-index:999;
  603. }
  604.  
  605. .audioinfo {
  606. margin-left:61px;
  607. margin-top:-1px;
  608. line-height:1.7;
  609. font-size:7px;
  610. z-index:99999;
  611. letter-spacing:1px;
  612. text-align:justify;
  613. text-transform:uppercase;
  614. font-family:roboto;
  615. }
  616.  
  617. /* CHAT POSTS */
  618.  
  619. ul.chat {margin:0px; padding:0px; font-size:7px; letter-spacing:1px; text-align:justify; text-transform:uppercase; font-family:roboto}
  620. .chat li {list-style-type:none; margin-left:0px; padding:8px;}
  621. .chat li:before {content:none; padding-right:0px;}
  622.  
  623. .odd .label {color:{color:link};}
  624. .even .label {color:{color:text};}
  625.  
  626. .chat li.odd {background-color:{color:chat background1};}
  627. .chat li.even {background-color:{color:chat background2};}
  628. .chat li:first-child {-webkit-border-top-left-radius:5px; -moz-border-top-left-radius:5px; border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-top-right-radius:5px; border-top-right-radius:5px;}
  629. .chat li:last-child {-webkit-border-bottom-left-radius:5px; -moz-border-bottom-left-radius:5px; border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-bottom-right-radius:5px; border-bottom-right-radius:5px;}
  630.  
  631. /* TEXT VARIABLES */
  632.  
  633. h1 {
  634. color:{color:link};
  635. font-size:12px;
  636. font-weight:bold;
  637. font-family:roboto;
  638. letter-spacing:1px;
  639. padding-bottom:5px;
  640. text-transform:uppercase;
  641. text-align:left;
  642. }
  643.  
  644. h2 {
  645. font-size:10px;
  646. font-weight:normal;
  647. font-family:roboto;
  648. line-height:1.6;
  649. letter-spacing:0px;
  650. text-transform:none;
  651. padding:16px;
  652. text-align:justify;
  653. background-color:{color:accent};
  654. -webkit-border-radius:5px;
  655. -moz-border-radius:5px;
  656. border-radius:5px;
  657. }
  658.  
  659. h3 {
  660. color:{color:link};
  661. font-size:12px;
  662. font-weight:bold;
  663. font-family:roboto;
  664. letter-spacing:1px;
  665. padding-bottom:5px;
  666. text-transform:uppercase;
  667. text-align:left;
  668. -webkit-transition:all 0.3s ease-out;
  669. -moz-transition:all 0.3s ease-out;
  670. transition:all 0.3s ease-out;
  671. }
  672.  
  673. h3:hover {
  674. color:{color:text};
  675. -webkit-transition:all 0.3s ease-out;
  676. -moz-transition:all 0.3s ease-out;
  677. transition:all 0.3s ease-out;
  678. }
  679.  
  680. .source {text-align:right; padding:4px 0px 2px 0px; text-transform:uppercase; letter-spacing:1px; font-size:7px;}
  681.  
  682. blockquote {
  683. border-left:1px solid {color:borders};
  684. padding-left:10px;
  685. margin:0px 0px 0px 10px
  686. }
  687.  
  688. blockquote img {max-width:100%; height:auto;}
  689.  
  690. b {color:{color:link};}
  691. p {margin-top:7px; margin-bottom:7px;}
  692. pre {padding:13px; text-align:justify; background-color:{color:accent};}
  693. ul {padding:0px 0px 0px 10px;}
  694. li {list-style:none; padding:2px 0px 1px 0px;}
  695. li:before {content:'––––'; letter-spacing:-3px; padding-right:10px; color:{color:borders};}
  696.  
  697. /* NOTES */
  698.  
  699. ol.notes {margin:-25px 0px 0px 0px; width:{select:Post size}px; list-style-type:none; background-color:{color:entry}; padding:15px;}
  700.  
  701. ol.notes li.note {border-top:1px solid {color:borders}; padding:10px 0px;}
  702. ol.notes li.note:first-child, ol.notes li.note:before {content:none; padding-right:0px; border:none;}
  703. ol.notes li.note img.avatar {float:left; margin:-3px 10px 0px 0px; height:17px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; {block:ifroundsidebarimage}-webkit-border-radius:80px; -moz-border-radius:80px; border-radius:80px;{/block:ifroundsidebarimage}}
  704. ol.notes li.note blockquote {border-color:{color:accent}; padding:2px 5px; margin:5px 0px 0px 25px;}
  705.  
  706. /* CREDIT DO NOT DELETE OR ALTER */
  707.  
  708. .credit a {
  709. width:auto;
  710. height:auto;
  711. bottom:25px;
  712. right:25px;
  713. padding:5px;
  714. z-index:999999999;
  715. font-size:7px;
  716. letter-spacing:1px;
  717. color:{color:link};
  718. position:fixed;
  719. text-align:center;
  720. font-family:tahoma;
  721. text-transform:uppercase;
  722. background-color:{color:entry};
  723. border:1px solid {color:link};
  724. -webkit-border-radius:140px;
  725. -moz-border-radius:140px;
  726. border-radius:140px;
  727. }
  728.  
  729. .credit a:hover {
  730. color:{color:entry};
  731. background-color:{color:link};
  732. }
  733.  
  734. /* TOOLTIPS */
  735.  
  736. #s-m-t-tooltip {
  737. max-width:300px;
  738. padding:3px 7px 3px 8px;
  739. margin:-20px 0px 0px 20px;
  740. background-color:{color:link};
  741. color:{color:entry};
  742. font-size:7px;
  743. text-transform:uppercase;
  744. z-index:999999999999;
  745. letter-spacing:2px;
  746. -webkit-border-radius:5px;
  747. -moz-border-radius:5px;
  748. border-radius:5px;
  749. }
  750.  
  751. /* CUSTOM CSS */
  752.  
  753. {CustomCSS}
  754.  
  755. </style></head>
  756. <body>
  757.  
  758.  
  759. <div id="sidebar">
  760. {block:ifsidebarimage}<img src="{image:sidebar}"/>{/block:ifsidebarimage}
  761.  
  762. <div id="blogtitle"><span style="font-size:11px; letter-spacing:0px;">››</span> {Title}</span></div>
  763.  
  764. <div id="description">
  765. {block:Description}{Description}{/block:Description}
  766. </div>
  767.  
  768. <div class="navigation">
  769. {block:iflink1}<a href="{text:Link1}"><span style="font-size:11px; letter-spacing:0px;">››</span> {text:Link1 Title}</a>{/block:iflink1}
  770. {block:iflink2}<a href="{text:Link2}"><span style="font-size:11px; letter-spacing:0px;">››</span> {text:Link2 Title}</a>{/block:iflink2}
  771. {block:iflink3}<a href="{text:Link3}"><span style="font-size:11px; letter-spacing:0px;">››</span> {text:Link3 Title}</a>{/block:iflink3}
  772. {block:iflink4}<a href="{text:Link4}"><span style="font-size:11px; letter-spacing:0px;">››</span> {text:Link4 Title}</a>{/block:iflink4}
  773.  
  774. {block:Pagination}
  775. {block:PreviousPage}<a href="{PreviousPage}"><span style="font-size:11px; letter-spacing:0px;">››</span> previous</a>{/block:PreviousPage}
  776. {block:NextPage}<a href="{NextPage}"><span style="font-size:11px; letter-spacing:0px;">››</span> next</a>{/block:NextPage}
  777. {/block:Pagination}
  778. </div></div>
  779.  
  780. <span class="credit">
  781. <a href="http://mariesthemes.tumblr.com/" title="theme by mariesthemes">mt</a>
  782. </span>
  783.  
  784. <div id="content">
  785. {block:Posts}
  786. <div id="posts">
  787.  
  788. {block:Quote}
  789. <h2>{Quote}</h2>
  790. {block:Source}
  791. <div class="source">— {Source}</div>{/block:Source}
  792. {/block:Quote}
  793.  
  794. {block:Title}
  795. <h1>{Title}</h1>
  796. {/block:Title}
  797.  
  798. {block:Text}
  799. {Body}
  800. {/block:Text}
  801.  
  802. {block:Link}
  803. <a href="{URL}" {Target}><h3>{Name}</h3></a>
  804. {block:Description}{Description}{/block:Description}
  805. {/block:Link}
  806.  
  807. {block:Chat}<ul class="chat">
  808. {block:Lines}<li class="{Alt} user_{UserNumber}">
  809. {block:Label}<span class="label">{Label}</span>{/block:Label}
  810. {Line}</li>{/block:Lines}
  811. </ul>{/block:Chat}
  812.  
  813. {block:Answer}
  814. <div id="question"><div id="asker"><img src="{AskerPortraitURL-24}">question sent by <br>{Asker}.tumblr.com</div> {Question}</div>
  815. {block:Answerer}<div id="answer2"><div id="answerer"><img src="{AnswererPortraitURL-24}">question answered by<br>{Answerer}.tumblr.com</div>{/block:Answerer}
  816. <div id="answer">{Answer}</div>
  817. {block:Answerer}</div><div id="replies">{Replies}</div>{/block:Answerer}
  818. {/block:Answer}
  819.  
  820. {block:Video}
  821. <div class="video">{Video-500}</div>
  822. {/block:Video}
  823.  
  824. <div class="post-content">
  825.  
  826. {block:IndexPage}{block:ifvisiblecaption}{block:ifcaptiononside}<div class="hover" {block:Video}style="display:none;"{/block:Video}>
  827. <div class="captions"><div class="text">{Caption}</div></div>
  828. <div id="caption">{Caption}</div>
  829. </div>{/block:ifcaptiononside}{/block:ifvisiblecaption}{/block:IndexPage}
  830.  
  831. {block:Photo}<div id="photo">
  832. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  833. </div>{/block:Photo}
  834.  
  835. {block:Photoset}
  836. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo">
  837. <img alt="{PhotoAlt}" src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  838. {/block:Photoset}
  839.  
  840. {block:Audio}
  841. <div class="audiopost">
  842. <div class="playerbackground"><div class="player">
  843. {AudioPlayerWhite}</div></div>
  844. <img class="audioimage" img src="http://i.imgur.com/bVnx0IY.png"/>
  845. {block:AlbumArt}
  846. <img class="audioimage" src="{AlbumArtURL}" />
  847. {/block:AlbumArt}
  848. <div class="audioinfo">
  849. <span style="color:{color:link}; letter-spacing:2px;"><span{block:TrackName} style="display: none;"{block:TrackName}>unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</span>
  850. <br>by <span{block:Artist} style="display: none;"{block:Artist}>unknown artist</span>{block:Artist}{Artist}{/block:Artist}
  851. <br>from <span{block:Album} style="display: none;"{block:Album}>unknown album</span>{block:Album}{Album}{/block:Album}
  852. {block:Playcount}<br>{Playcount} Plays{/block:Playcount}
  853. </div></div>{/block:Audio}
  854. </div>
  855.  
  856. {block:PermalinkPage}
  857. {block:Caption}<div id="caption2">{Caption}</div>{/block:Caption}
  858. {/block:PermalinkPage}
  859.  
  860. {block:IndexPage}{block:ifvisiblecaption}{block:ifnotcaptiononside}
  861. {block:Caption}<div id="caption2">{Caption}</div>{/block:Caption}
  862. {/block:ifnotcaptiononside}{/block:ifvisiblecaption}{/block:IndexPage}
  863.  
  864. {block:Date}<div id="info">
  865. <span style="font-size:11px; letter-spacing:0px;">››</span> <a href="{Permalink}">{TimeAgo}</a>
  866. with {NoteCountWithLabel}
  867.  
  868. {block:RebloggedFrom}<br><span style="font-size:11px; letter-spacing:0px;">››</span> via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  869. {block:ContentSource}– <a href="{SourceURL}" title="{SourceTitle}">source</a>{/block:ContentSource}
  870.  
  871. {block:hastags}<br>
  872. {block:Tags}<span style="padding-right:4px;"><a href="{TagURL}"><span style="font-size:11px; color:{color:text}; letter-spacing:0px;">››</span> {Tag}</a> </span>{/block:Tags}
  873. {/block:hastags}
  874. </div>{/block:Date}
  875. </div>
  876.  
  877. {block:PostNotes}{PostNotes}{/block:PostNotes}
  878. {/block:Posts}
  879. </div>
  880.  
  881. <!-- SCRIPTS -->
  882.  
  883. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  884. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  885.  
  886. <script>
  887. (function($){
  888. $(document).ready(function(){
  889. $("[title]").style_my_tooltips({
  890. tip_follows_cursor:true,
  891. tip_delay_time:90,
  892. tip_fade_speed:600,
  893. attribute:"title"});
  894. });})(jQuery);
  895. </script>
  896.  
  897. <link href='http://static.tumblr.com/7bmjmb1/eHantn10w/photoset.css' rel='stylesheet' type='text/css'>
  898. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  899.  
  900. <script>
  901. $(document).ready(function() {
  902. $('.photo-slideshow').pxuPhotoset({
  903. 'ligthbox': true, // uses the default Tumblr lightbox, change to false to use your own
  904. 'rounded' : 'corners', // corners, all or false
  905. 'highRes' : true, // will use high res images
  906. 'gutter' : '3px', // spacing between the images
  907. }, function() {
  908. $(this).animate({opacity:1});
  909. });});
  910. </script>
  911.  
  912. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  913.  
  914. </body>
  915. </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!