API tools faq
paste
Advertisement
v4nekomura

Theme #9: Little Twin Stars ☆彡

v4nekomura
Apr 14th, 2017
4,353
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.05 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <!--
  4. ♡♡ If you enjoy my themes, please consider supporting me @ ko-fi.com/animedoll ♡♡
  5.  
  6. 『09.03』 fixed the links' scrollbar, now it doesn't overlap
  7.  
  8.  
  9. Theme #9: Little Twin Stars ☆彡 by animedoll
  10.  
  11. ★ Rules ★
  12. 1. Don't remove credit.
  13. 2. Don't repost/reclaim it as your own theme.
  14. 3. Don't use this as a base code. Google some basecodes if u need one.
  15. 4. If you find any bugs let me know! I'll try to fix it & update the
  16. code.
  17. ʚ♡ɞ That's all,have fun with this theme ʚ♡ɞ
  18. -->
  19. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  20. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  21. <script>
  22. (function($){
  23. $(document).ready(function(){
  24. $("[title]").style_my_tooltips();
  25. });
  26. })(jQuery);
  27. </script>
  28. <title>{Title}</title>
  29. <link rel="shortcut icon" href="{image:Favicon}">
  30. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  31. {block:Description}
  32. <meta name="description" content="{MetaDescription}">
  33. {/block:Description}
  34. <meta name="image:icon" content="http://imgur.com/x6Rzeta">
  35. <meta name="image:favicon" content="">
  36. <meta name="image:cursor" content="">
  37. <meta name="image:render" content="">
  38. <meta name="image:bg" content="">
  39. <meta name="color:text" content="#888888">
  40. <meta name="color:perma link" content="#82868A">
  41. <meta name="color:perma background" content="#fffbd7">
  42. <meta name="color:background" content="#fffbd7">
  43. <meta name="color:background gradient" content="#fffbd7">
  44. <meta name="color:album" content="#82868A">
  45. <meta name="color:link" content="#c27a25">
  46. <meta name="color:blockquote" content="#3bb5bb"/>
  47. <meta name="color:caption" content="#888888"/>
  48. <meta name="color:ask" content="#3bb5bb"/>
  49. <meta name="color:ask bg" content="#3bb5bb"/>
  50. <meta name="color:sb background" content="#ffffff"/>
  51. <meta name="color:post background" content="#ffffff"/>
  52. <meta name="color:post borders" content="#ffffff"/>
  53. <meta name="color:post shadow" content="#82868A">
  54. <meta name="color:hover text background" content="#b370aa"/>
  55. <meta name="color:chat even bg" content="#ffe6db"/>
  56. <meta name="color:chat odd bg" content="#ffb2fa"/>
  57. <meta name="color:scrollbar" content="#f2c1c7">
  58.  
  59. <meta name="if:250px"content="1">
  60. <meta name="if:400px"content="0">
  61. <meta name="if:container bg"content="0">
  62. <meta name="if:custom cursor"content="0">
  63. <meta name="if:full bg" content="0">
  64. <meta name="if:render"content="0">
  65. <meta name="if:gradient"content="0">
  66. <meta name="if:show captions"content="1">
  67. <meta name="if:post shadow"content="0">
  68. <meta name="if:transparent posts"content="0">
  69. <meta name="if:transparent sb"content="0">
  70. <meta name="if:sb shadow"content="0">
  71. <meta name="if:show desc"content="1">
  72. <meta name="if:show links"content="1">
  73. <meta name="if:show updates"content="1">
  74.  
  75. <meta name="text:updates" content="put whatever here">
  76. <meta name="text:post border style" content="solid">
  77. <meta name="text:opacity" content="0.9">
  78. <meta name="text:render x" content="10px">
  79. <meta name="text:render y" content="-5px">
  80. <meta name="text:link 1" content="home">
  81. <meta name="text:URL 1" content="/">
  82. <meta name="text:link 2" content="mail">
  83. <meta name="text:URL 2" content="/ask">
  84. <meta name="text:link 3" content="link 3">
  85. <meta name="text:URL 3" content="/">
  86. <meta name="text:link 4" content="link 4">
  87. <meta name="text:URL 4" content="/">
  88. <meta name="text:link 5" content="link 5">
  89. <meta name="text:URL 5" content="/">
  90. <meta name="text:link 6" content="link 6">
  91. <meta name="text:URL 6" content="/">
  92. <meta name="text:link 7" content="link 7">
  93. <meta name="text:URL 7" content="/">
  94. <link rel="stylesheet" href="//brick.a.ssl.fastly.net/Lato:400,700,400i">
  95.  
  96. <style>
  97.  
  98. ::-webkit-scrollbar {
  99. height: 9px;
  100. width: 8px;
  101. -webkit-border-radius: 0px;
  102. background:{color:scrollbar};
  103. }
  104.  
  105. ::-webkit-scrollbar-thumb{
  106. background:{color:scrollbar};
  107. border:1px solid white;
  108. border-radius:9em;
  109. }
  110.  
  111. ::-webkit-scrollbar-track{
  112. border:3px solid white;
  113. }
  114.  
  115. html {
  116. font-size:80%;
  117. height: 100%;
  118. }
  119.  
  120. body {
  121. height: 100%;
  122. font-family:calibri;
  123. font-size:11px;
  124. letter-spacing:1px;
  125. color: {color:text};
  126. background-image:url("{image:bg}");
  127. background-color:{color:background};
  128. background-attachment: fixed;
  129. {block:iffullbg}
  130. background-repeat:repeat;
  131. background-size:cover;
  132. {/block:iffullbg}
  133. {block:ifcustomcursor}
  134. cursor:url({image:cursor}), auto;
  135. {/block:ifcustomcursor}
  136. overflow-x:hidden;
  137. {block:ifgradient}
  138. -o-linear-gradient(bottom, {color:background gradient}, {color:background} ); background-image: -moz-linear-gradient(bottom, {color:background gradient}, {color:background});
  139. background-image: -webkit-linear-gradient(bottom, {color:background gradient}, {color:background});
  140. background-image: -ms-linear-gradient(bottom, {color:background gradient}, {color:background});
  141. background-image: linear-gradient(bottom, {color:background gradient}, {color:background});
  142. {/block:ifgradient}
  143. }
  144.  
  145. a {
  146. color: {color:link};
  147. text-decoration:none;
  148. transition: all 0.2s ease;
  149. {block:ifcustomcursor}
  150. cursor:url({image:cursor}), auto;
  151. {/block:ifcustomcursor}
  152. }
  153.  
  154. a:hover {
  155. background-color:{color:link};
  156. color:white;
  157. {block:ifcustomcursor}
  158. cursor:url({image:cursor}), auto;
  159. {/block:ifcustomcursor}
  160. }
  161.  
  162. #container {
  163. overflow-x: hidden;
  164. overflow-y: hidden;
  165. {block:if250px}
  166. width:659px;
  167. margin-left:350px;
  168. {/block:if250px}
  169. {block:if400px}
  170. width:518px;
  171. margin-left:430px;
  172. {/block:if400px}
  173. {block:ifnotcontainerbg}
  174. margin-top:-9px;
  175. {/block:ifnotcontainerbg}
  176. {block:ifcontainerbg}
  177. background-repeat:repeat;
  178. margin-top:-9px;
  179. overflow-x:hidden;
  180. background-color:white;
  181. padding-bottom:20px;
  182. border-bottom: 4px double {color:post borders};
  183. border-left: 4px double {color:post borders};
  184. border-right: 4px double {color:post borders};
  185. {/block:ifcontainerbg}}
  186.  
  187. .entry {
  188. float:left;
  189. {block:if250px}
  190. width:250px;
  191. margin-left:45px;
  192. {/block:if250px}
  193. {block:if400px}
  194. width:400px;
  195. margin-left:53px;
  196. {/block:if400px}
  197. padding:5px;
  198. border:1px {text:post border style} {color:post borders};
  199. background-color:{color:post background};
  200. margin-top:35px;
  201. {block:iftransparentposts}
  202. background-color:transparent;
  203. {/block:iftransparentposts}
  204. {block:ifpostshadow}
  205. -webkit-box-shadow: 7px 7px 0px 0px {color:post shadow};
  206. -moz-box-shadow: 7px 7px 0px 0px {color:post shadow};
  207. box-shadow: 7px 7px 0px 0px {color:post shadow};
  208. {/block:ifpostshadow}
  209. }
  210.  
  211. .links {
  212. background-color:{color:sb background};
  213. border:1px {text:post border style} {color:post borders};
  214. margin-left:130px;
  215. padding:5px 10px 5px 10px;
  216. margin-top:-110px;
  217. z-index:15;
  218. overflow:auto;
  219. font-size:13px;
  220. width: 80px;
  221. position:fixed;
  222. height: 65px;
  223. overflow-x:hidden;
  224. {block:iftransparentsb}
  225. background-color:transparent;
  226. {/block:iftransparentsb}
  227. {block:ifsbshadow}
  228. -webkit-box-shadow: 7px 7px 0px 0px {color:post shadow};
  229. -moz-box-shadow: 7px 7px 0px 0px {color:post shadow};
  230. box-shadow: 7px 7px 0px 0px {color:post shadow};
  231. {/block:ifsbshadow}
  232. }
  233.  
  234. .links a:hover {
  235. {block:ifcustomcursor}
  236. cursor:url({image:cursor}), auto;
  237. {/block:ifcustomcursor}
  238. }
  239. #desctop {
  240. text-align:left;
  241. background-color:{color:perma background};
  242. font-size:12px;
  243. height:15px;
  244. margin-top:-10px;
  245. left:160px;
  246. width:95px;
  247. position:fixed;
  248. padding:0px 5px 0px 5px;
  249. border: solid 1px {color:post borders};
  250. z-index:111;
  251. }
  252.  
  253. #desctop a {
  254. color:{color:perma link};
  255. }
  256.  
  257. #desctop a:hover {
  258. opacity:0.8;
  259. background-color:{color:perma link};
  260. color:{color:perma background};
  261. {block:ifcustomcursor}
  262. cursor:url({image:cursor}), auto;
  263. {/block:ifcustomcursor}
  264. }
  265.  
  266. .desc {
  267. background-color:{color:sb background};
  268. border:1px {text:post border style} {color:post borders};
  269. margin-left:70px;
  270. padding:10px;
  271. font-size:12px;
  272. margin-top:0px;
  273. z-index:1000;
  274. height:auto;
  275. width: 85px;
  276. position:fixed;
  277. z-index:50;
  278. {block:iftransparentsb}
  279. background-color:transparent;
  280. {/block:iftransparentsb}
  281. {block:ifsbshadow}
  282. -webkit-box-shadow: 7px 7px 0px 0px {color:post shadow};
  283. -moz-box-shadow: 7px 7px 0px 0px {color:post shadow};
  284. box-shadow: 7px 7px 0px 0px {color:post shadow};
  285. {/block:ifsbshadow}
  286. }
  287.  
  288. #more {
  289. background-color:{color:sb background};
  290. border:1px {text:post border style} {color:post borders};
  291. margin-left:-80px;
  292. padding:10px;
  293. font-size:11px;
  294. margin-top:-120px;
  295. z-index:1000;
  296. height:40px;
  297. overflow-y: auto;
  298. overflow-x:hidden;
  299. width: 105px;
  300. position:fixed;
  301. z-index:50;
  302. {block:iftransparentsb}
  303. background-color:transparent;
  304. {/block:iftransparentsb}
  305. {block:ifsbshadow}
  306. -webkit-box-shadow: 7px 7px 0px 0px {color:post shadow};
  307. -moz-box-shadow: 7px 7px 0px 0px {color:post shadow};
  308. box-shadow: 7px 7px 0px 0px {color:post shadow};
  309. {/block:ifsbshadow}
  310. }
  311.  
  312. #dont {
  313. margin-left:40px;
  314. padding:10px;
  315. font-size:11px;
  316. margin-top:280px;
  317. z-index:1000;
  318. height:85px;
  319. width: 85px;
  320. }
  321.  
  322. #moretop {
  323. text-align:left;
  324. background-color:{color:perma background};
  325. font-size:12px;
  326. height:15px;
  327. margin-top:-134px;
  328. left:60px;
  329. width:115px;
  330. position:fixed;
  331. padding:0px 5px 0px 5px;
  332. border: solid 1px {color:post borders};
  333. z-index:111;
  334. }
  335.  
  336. #moretop a {
  337. color:{color:perma link};
  338. }
  339.  
  340. #moretop a:hover {
  341. opacity:0.8;
  342. background-color:{color:perma link};
  343. color:{color:perma background};
  344. {block:ifcustomcursor}
  345. cursor:url({image:cursor}), auto;
  346. {/block:ifcustomcursor}
  347. }
  348.  
  349. #linkstop {
  350. text-align:right;
  351. background-color:{color:perma background};
  352. font-size:12px;
  353. height:15px;
  354. margin-top:-22px;
  355. left:220px;
  356. width:90px;
  357. position:fixed;
  358. padding:0px 5px 1px 5px;
  359. border: solid 1px {color:post borders};
  360. z-index:10;
  361. }
  362.  
  363. #linkstop a {
  364. color:{color:perma link};
  365. }
  366.  
  367. #linkstop a:hover {
  368. opacity:0.8;
  369. background-color:{color:perma link};
  370. color:{color:perma background};
  371. {block:ifcustomcursor}
  372. cursor:url({image:cursor}), auto;
  373. {/block:ifcustomcursor}
  374. }
  375.  
  376. #desc a {
  377. font-family:Arial;
  378. font-weight:bold;
  379. text-decoration: none;
  380. color: white;
  381. text-shadow: -1px 0 {color:link}, 0 1px {color:link},
  382. 1px 0 {color:link}, 0 -1px {color:link};
  383. font-weight:bold;
  384. }
  385.  
  386. #window {
  387. text-align:right;
  388. background-color:{color:perma background};
  389. font-size:12px;
  390. height:15px;
  391. margin-top:240px;
  392. left:100px;
  393. letter-spacing:2px;
  394. width:84px;
  395. position:fixed;
  396. padding:0px 5px 0px 5px;
  397. border: solid 1px {color:post borders};
  398. z-index:100;
  399. }
  400.  
  401. #window a {
  402. color:{color:perma link};
  403. }
  404.  
  405. #window a:hover {
  406. opacity:0.8;
  407. background-color:{color:perma link};
  408. color:{color:perma background};
  409. {block:ifcustomcursor}
  410. cursor:url({image:cursor}), auto;
  411. {/block:ifcustomcursor}
  412. }
  413.  
  414. .icon {
  415. width: 90px;
  416. position:fixed;
  417. margin-top:256px;
  418. left:100px;
  419. height:90px;
  420. text-align:center;
  421. font-size:8pt;
  422. padding:2px;
  423. border:1px {text:post border style} {color:post borders};
  424. background-color:{color:sb background};
  425. overflow:hidden;
  426. {block:iftransparentsb}
  427. background-color:transparent;
  428. {/block:iftransparentsb}
  429. {block:ifsbshadow}
  430. -webkit-box-shadow: 7px 7px 0px 0px {color:post shadow};
  431. -moz-box-shadow: 7px 7px 0px 0px {color:post shadow};
  432. box-shadow: 7px 7px 0px 0px {color:post shadow};
  433. {/block:ifsbshadow}
  434. z-index:99;
  435. }
  436.  
  437. #sidebar {
  438. width: 260px;
  439. height:200px;
  440. position: fixed;
  441. margin-top: -10px;
  442. left: 90px;
  443. }
  444.  
  445. .next {
  446. position:fixed;
  447. top:70px;
  448. {block:if400px}
  449. margin-left:983px;
  450. {/block:if400px}
  451. {block:if250px}
  452. margin-left:1030px;
  453. {/block:if250px}
  454. font-size:15px;
  455. padding:3px;
  456. font-style: italic;
  457. z-index:800;
  458. }
  459.  
  460. .next a {
  461. color:{color:link};
  462. text-shadow: -1px 0 white, 0 1px white,
  463. 1px 0 white, 0 -1px white;
  464. }
  465.  
  466. .next a:hover {
  467. border-bottom:1px dashed color:{color:link};
  468. background-color:{color:background};
  469. opacity:0.6;
  470. {block:ifcustomcursor}
  471. cursor:url({image:cursor}), auto;
  472. {/block:ifcustomcursor}
  473. }
  474.  
  475. .prev {
  476. position:fixed;
  477. top:70px;
  478. {block:if400px}
  479. margin-left:355px;
  480. {/block:if400px}
  481. {block:if250px}
  482. margin-left:300px;
  483. {/block:if250px}
  484. font-size:15px;
  485. padding:3px;
  486. font-style: italic;
  487. z-index:800;
  488. }
  489.  
  490. .prev a {
  491. color:{color:link};
  492. text-shadow: -1px 0 white, 0 1px white,
  493. 1px 0 white, 0 -1px white;
  494. }
  495.  
  496. .prev a:hover {
  497. border-bottom:1px dashed color:{color:link};
  498. background-color:{color:background};
  499. opacity:0.6;
  500. {block:ifcustomcursor}
  501. cursor:url({image:cursor}), auto;
  502. {/block:ifcustomcursor}
  503. }
  504.  
  505. img,iframe {
  506. max-width: 100%;
  507. }
  508.  
  509. pre,code {
  510. font-family: Consolas, Monaco, 'Andale Mono', monospace;
  511. white-space: pre;
  512. }
  513.  
  514. pre {
  515. overflow: auto;
  516. }
  517.  
  518. .chat ul {
  519. list-style: none;
  520. margin: 0;
  521. padding: 0;
  522. }
  523. .chat label {
  524. list-style: none;
  525. margin: 0;
  526. padding: 0;
  527. }
  528.  
  529. .chat li {
  530. margin-bottom: 2%;
  531. padding: 2%;
  532. }
  533.  
  534. .chat .odd {
  535. background: {color:chat odd bg};
  536. }
  537.  
  538. .chat .even {
  539. background: {color:chat even bg};
  540. }
  541.  
  542. .bubble img {max-width: 100% }
  543.  
  544. .bubble {
  545. color: {color:ask};
  546. font-size:10px;
  547. background: {color:ask bg};
  548. {block:if250px}
  549. width:170px;
  550. {/block:if250px}
  551. {block:if400px}
  552. width:320px;
  553. margin-left:30px;
  554. {/block:if400px}
  555. padding:7px;
  556. -webkit-border-radius: 4px;
  557. -moz-border-radius: 4px;
  558. border-radius: 0.8em;
  559. margin-left:55px;
  560. }
  561.  
  562. .bubble a {
  563. color: {color:ask};
  564. }
  565.  
  566. .bubble2 {
  567. color: {color:ask};
  568. {block:if250px}
  569. width:160px;
  570. {/block:if250px}
  571. {block:if400px}
  572. width:310px;
  573. margin-left:30px;
  574. {/block:if400px}
  575. height:auto;
  576. padding:7px;
  577. position: relative;
  578. -moz-border-radius: 10px;
  579. -webkit-border-radius: 10px;
  580. border-radius: 10px;
  581. z-index:10;
  582. }
  583.  
  584. .bubble2:before {
  585. content:"";
  586. position: absolute;
  587. right: 100%;
  588. top: 8px;
  589. width: 0;
  590. height: 0;
  591. border-top: 6px solid transparent;
  592. border-right: 8px solid {color:ask bg};
  593. border-bottom: 6px solid transparent;
  594. z-index:10;
  595. }
  596.  
  597. #info {
  598. {block:if250px}
  599. width:240px;
  600. {/block:if250px}
  601. {block:if400px}
  602. width:340px;
  603. {/block:if400px}
  604. padding:10px;
  605. margin-left:45px;
  606. margin-top:10px;
  607. color:{color:text};
  608. letter-spacing:2px;
  609. text-align:left;
  610. }
  611.  
  612. #perma a {
  613. color:{color:perma link};
  614. }
  615.  
  616. #perma a:hover {
  617. opacity:0.8;
  618. background-color:{color:perma link};
  619. color:{color:perma background};
  620. {block:ifcustomcursor}
  621. cursor:url({image:cursor}), auto;
  622. {/block:ifcustomcursor}
  623. }
  624.  
  625. #perma {
  626. text-align:right;
  627. margin-bottom:4px;
  628. background-color:{color:perma background};
  629. font-size:12px;
  630. height:15px;
  631. margin-top:-16px;
  632. margin-left:-6px;
  633. letter-spacing:2px;
  634. {block:if250px}
  635. width:250px;
  636. {/block:if250px}
  637. {block:if400px}
  638. width:400px;
  639. {/block:if400px}
  640. padding:0px 5px 0px 5px;
  641. border: solid 1px {color:post borders};
  642. }
  643.  
  644. .note {
  645. {block:if250px}
  646. width:249px;
  647. margin-left:20px;
  648. {/block:if250px}
  649. {block:if400px}
  650. width:399px;
  651. margin-left:22px;
  652. {/block:if400px}
  653. }
  654.  
  655. .note li {
  656. {block:if250px}
  657. width:260px;
  658. {/block:if250px}
  659. {block:if400px}
  660. width:410px;
  661. {/block:if400px}
  662. padding:10px;
  663. margin-top:-1px;
  664. font-size:10px;
  665. letter-spacing:2px;
  666. text-align:left;
  667. list-style-type:none;
  668. line-height:160%;
  669. }
  670.  
  671. .notes img {
  672. display:none!important;
  673. }
  674.  
  675. .audioinfo {
  676. letter-spacing:2px;
  677. font-family:calibri;
  678. font-size:9px;
  679. margin-top:-65px;
  680. margin-left: 130px;
  681. height:100px;
  682. text-align:left;
  683. }
  684.  
  685. .playbox {
  686. background-color: #fff;
  687. position: absolute;
  688. z-index: 1000;
  689. margin-top: 30px;
  690. margin-left: 31px;
  691. opacity: 0.5;
  692. -moz-border-radius: 50%;
  693. -webkit-border-radius: 50%;
  694. border-radius: 50%;
  695. }
  696.  
  697. .playbutton {
  698. width: 12px;
  699. height: 30px;
  700. overflow: hidden;
  701. position: relative;
  702. z-index: 1000;
  703. margin: 15px 24px 15px 25px;
  704. }
  705.  
  706. .cover {
  707. left:10px;
  708. top:10px;
  709. width:130px;
  710. position:
  711. relative;
  712. border:1px solid {color:album};
  713. -moz-border-radius: 50%;
  714. -webkit-border-radius: 50%;
  715. border-radius: 50%;
  716. }
  717.  
  718. ol.notes {
  719. list-style: none;
  720. padding: 0;
  721. margin: 0;
  722. }
  723.  
  724. ol.notes li.note img.avatar {
  725. display: none;
  726. }
  727.  
  728. #text {
  729. padding-left:2px;
  730. padding-right:1px;
  731. padding-bottom:1px;
  732. position:fixed;
  733. bottom:10px;
  734. height:14px;
  735. left:10px;
  736. font-size:11px;
  737. background-color:{color:background};
  738. border:solid 1px {color:link};
  739. color:gray;
  740. z-index:999;
  741. }
  742.  
  743. blockquote {
  744. border-left:1px solid {color:blockquote};
  745. padding-left:5px;
  746. color:{color:caption};
  747. max-width:250px;
  748. text-align:left;
  749. margin-left: .3rem;
  750. margin-left:-2px;
  751. }
  752.  
  753. #quote{
  754. text-align:center;
  755. font-size:14px;
  756. line-height:18px;
  757. font-weight:bold;
  758. }
  759.  
  760. #s-m-t-tooltip {
  761. z-index:9999;
  762. background:{color:hover text background};
  763. font-size:10px;
  764. border-radius:0.9em;
  765. line-height:11px;
  766. font-family:helvetica;
  767. letter-spacing:1px;
  768. text-transform:normal;
  769. color:#ffffff;
  770. max-width:150px;
  771. word-wrap:break-word;
  772. padding:2px 5px 2px 6px;
  773. display:block;
  774. margin:24px 14px 7px 12px;
  775. -webkit-box-shadow:2px 2px 2px rgba(50, 50, 50, 0.10);
  776. -moz-box-shadow:2px 2px 2px rgba(50, 50, 50, 0.10);
  777. box-shadow:2px 2px 2px rgba(50, 50, 50, 0.10);
  778. }
  779.  
  780. .photo {
  781. opacity: {text:opacity};
  782. filter:alpha(opacity=20);
  783. -moz-opacity: 0.2;
  784. -webkit-transition: all 0.9s ease;
  785. -moz-transition: all 0.9s ease;
  786. -o-transition: all 0.9s ease;
  787. }
  788.  
  789. .photo:hover {
  790. opacity: 1;
  791. filter:alpha(opacity=100);
  792. -moz-opacity: 1;
  793. -webkit-transition: all 0.9s ease;
  794. -moz-transition: all 0.9s ease;
  795. -o-transition: all 0.9s ease;
  796. {block:ifcustomcursor}
  797. cursor:url({image:cursor}), auto;
  798. {/block:ifcustomcursor}
  799. }
  800.  
  801. iframe.photoset {
  802. opacity:{text:opacity};
  803. filter:alpha(opacity=20);
  804. -moz-opacity: 0.2;
  805. -webkit-transition: all 0.9s ease;
  806. -moz-transition: all 0.9s ease;
  807. -o-transition: all 0.9s ease;
  808. }
  809.  
  810. iframe.photoset:hover {
  811. opacity: 1;
  812. filter:alpha(opacity=100);
  813. -moz-opacity: 1;
  814. -webkit-transition: all 0.9s ease;
  815. -moz-transition: all 0.9s ease;
  816. -o-transition: all 0.9s ease;
  817. {block:ifcustomcursor}
  818. cursor:url({image:cursor}), auto;
  819. {/block:ifcustomcursor}
  820. }
  821.  
  822. .hidden {visibility: hidden;}
  823. .unhidden {visibility: visible;}
  824.  
  825. </style>
  826. </head>
  827.  
  828. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  829. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  830. <script type="text/javascript">
  831. $(window).load(function () {
  832. $('#container').masonry(),
  833. $('.masonryWrap').infinitescroll({
  834. itemSelector : ".entry",
  835. navSelector : "div.navigation",
  836. nextSelector : ".navigation a#next",
  837. bufferPx : 10000,
  838. extraScrollPx: 10000,
  839. loadingImg : "",
  840. loadingText : "",
  841. },
  842. function() { $('#container').masonry({ appendedContent: $(this) });
  843. });
  844. });</script>
  845. <body>
  846. <script type="text/javascript">
  847. function unhide(divID) {
  848. var item = document.getElementById(divID);
  849. if (item) {
  850. item.className=(item.className=='hidden')?'unhidden':'hidden';
  851. }
  852. }
  853. </script>
  854. {block:ifrender}
  855. <div style="z-index:-10;position:fixed; bottom: {text:render y}; right:{text:render x};"><img src="{image:render}"/></div>
  856. {/block:ifrender}
  857. <div id="window">
  858. <a href="javascript:unhide('navi');" title="navigation">▬</a>
  859. <a href="javascript:unhide('bio');" title="description">❐</a>
  860. <a href="javascript:unhide('dont');" title="extra">✖</a>
  861.  
  862. </div>
  863. <div id="sidebar">
  864.  
  865. {block:ifnotshowupdates}<div id="dont" class= hidden>{/block:ifnotshowupdates}
  866. {block:ifshowupdates}<div id="dont">{/block:ifshowupdates}
  867.  
  868. <div id="moretop"><b>info.txt</b>
  869. <div style="text-align:right;margin-top:-15px;">
  870. <a href="javascript:unhide('ex');">✖</a></div></div>
  871. <div id="more">
  872. {text:updates}
  873. </div>
  874. </div>
  875.  
  876. {block:ifnotshowlinks}<div id="navi" class= hidden>{/block:ifnotshowlinks}
  877. {block:ifshowlinks}<div id="navi">{/block:ifshowlinks}
  878. <div class="links">
  879. <div id="linkstop">
  880. <a href="javascript:unhide('navi');">✖</a><div style="z-index:1000;text-align:left;margin-top:-15px;"><b>navi.exe</b></div></div>
  881. <a href="/">home</a><br>
  882. <a href="/ask">message</a><br>
  883. <a href="{text:url 1}">{text:link 1}</a><br>
  884. <a href="{text:url 2}">{text:link 2}</a><br>
  885. <a href="{text:url 3}">{text:link 3}</a><br>
  886. <a href="{text:url 4}">{text:link 4}</a><br>
  887. <a href="{text:url 5}">{text:link 5}</a><br>
  888. <a href="{text:url 6}">{text:link 6}</a><br>
  889. <a href="{text:url 7}">{text:link 7}</a><br>
  890. <a href="http://animedoll.tumblr.com" title="theme by animedoll">theme</a>
  891. </div>
  892.  
  893. </div>
  894. {block:ifnotshowdesc}<div id="bio" class= hidden>{/block:ifnotshowdesc}
  895. {block:ifshowdesc}<div id="bio">{/block:ifshowdesc}
  896. <div id="desctop"><b>desc.txt</b>
  897. <div style="text-align:right;margin-top:-15px;">
  898. <a href="javascript:unhide('bio');">✖</a></div>
  899. </div>
  900.  
  901. <div class="desc">
  902. {Description}
  903. </div></div></div>
  904. <div class="icon">
  905. <img src="{image:icon}">
  906. </div>
  907. <div id="container">
  908. {block:Posts}
  909. <article class="entry">
  910. {block:IndexPage}
  911. {block:Date}
  912. <div id="perma">
  913. <a href="{ReblogURL}" target="_blank" class="details" title="reblog">▬</a>
  914. <a href="{Permalink}" target="_blank" class="details" title="view this post">❐</a>
  915. <a href="{Permalink}" target="_blank" class="details" title="posted on {ShortDayOfWeek} {MonthNumberWithZero} {ShortMonth} {Year}">✖</a></div>
  916. {/block:Date}
  917. {/block:IndexPage}
  918.  
  919. {block:text}
  920. <section class="text">
  921. {block:Title}
  922. <h2>{Title}</h2>
  923. {/block:Title}
  924. {Body}
  925. {/block:text}
  926.  
  927. {block:Answer}
  928. <div class="askerportrait"><img style="border:2px solid {color:ask bg};border-radius:50px;margin-left:1px;" src="{AskerPortraitURL-40}" align="left" /></a>
  929. </div>
  930. <div class="bubble"><div class="bubble2">{Question}</div><div style="text-align:right;font-style: italic;">—{Asker}</div></div>
  931. {Answer}
  932. {block:ifshowcaptions}
  933. <div class="blockquote">
  934. {block:Caption}<p>{Caption}{/block:Caption}</div>
  935. {/block:ifshowcaptions}
  936. {/block:Answer}
  937.  
  938.  
  939. {block:Audio}
  940. <div class="playbox"><div class="playbutton">{block:AudioPlayer}
  941. {AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  942. {block:AlbumArt}
  943. <img style="width:100px;" src="{AlbumArtURL}" class="cover">
  944. {/block:AlbumArt}
  945. <div class="audioinfo">
  946. {block:TrackName}
  947. <b>Title:</b> {TrackName}
  948. {/block:TrackName}
  949. {block:Artist}
  950. <br><b>Artist:</b> {Artist}
  951. {/block:Artist}
  952. </div>
  953. <p>
  954. {block:ifshowcaptions}
  955. <div class="blockquote">
  956. {block:Caption}<p>{Caption}{/block:Caption}</div>
  957. {/block:ifshowcaptions}
  958. {/block:Audio}
  959.  
  960. {block:Quote}
  961. <div id="quote">“{Quote}”</div>
  962. {block:Source}<div id="source">— {Source}</div>{/block:Source}
  963. <div class="blockquote">
  964. <p>{block:Caption}{Caption}{/block:Caption}</div>
  965. {block:ifshowcaptions}
  966. <div class="blockquote">
  967. {block:Caption}<p>{Caption}{/block:Caption}</div>
  968. {/block:ifshowcaptions}
  969. {/block:Quote}
  970.  
  971. {block:Link}
  972. <div id="quote">
  973. <a href="{URL}">{Name} »</a></div>
  974. {block:Description}{Description}{/block:Description}
  975. {block:ifshowcaptions}
  976. <div class="blockquote">
  977. {block:Caption}<p>{Caption}{/block:Caption}</div>
  978. {/block:ifshowcaptions}
  979. {/block:Link}
  980.  
  981. {block:Chat}
  982. {block:Title}<center><h1>{Title}</h1></center>{/block:Title}
  983. <div class="chat">
  984. <ul>
  985. {block:Lines}<li class="{Alt}">{block:Label} {Label} {/block:Label}{Line}</li>{/block:Lines}
  986. </ul>
  987. </div>
  988. {block:ifshowcaptions}
  989. <div class="blockquote">
  990. {block:Caption}<p>{Caption}{/block:Caption}</div>
  991. {/block:ifshowcaptions}
  992. {/block:Chat}
  993.  
  994. {block:Video}
  995. <section class="video">
  996. {block:if250px}
  997. {Video-250}
  998. {/block:if250px}
  999. {block:if400px}
  1000. {Video-400}
  1001. {/block:if400px}
  1002. {block:ifshowcaptions}
  1003. <div class="blockquote">
  1004. {block:Caption}<p>{Caption}{/block:Caption}</div>
  1005. {/block:ifshowcaptions}
  1006. {/block:Video}
  1007.  
  1008. {block:Photo}
  1009. <center>
  1010. {block:if250px}
  1011. <img class="photo" src="{PhotoURL-250}">
  1012. {/block:if250px}
  1013. {block:if400px}
  1014. <img class="photo" src="{PhotoURL-400}">
  1015. {/block:if400px}
  1016. </center>
  1017. {block:ifshowcaptions}
  1018. <div class="blockquote">
  1019. {block:Caption}<p>{Caption}{/block:Caption}</div>
  1020. {/block:ifshowcaptions}
  1021. {/block:Photo}
  1022.  
  1023. {block:Photoset}
  1024. <center>
  1025. {block:if250px}
  1026. {Photoset-250}
  1027. {/block:if250px}
  1028. {block:if400px}
  1029. {Photoset-400}
  1030. {/block:if400px}
  1031. </center>
  1032. {block:ifshowcaptions}
  1033. <div class="blockquote">
  1034. {block:Caption}<p>{Caption}{/block:Caption}</div>
  1035. {/block:ifshowcaptions}
  1036. {/block:Photoset}
  1037. </section>
  1038. </article>
  1039.  
  1040. {block:PermalinkPage}
  1041. {block:Date}
  1042. <div id="info">
  1043. {block:ifnotshowcaptions}
  1044. <div class="blockquote">
  1045. {block:Caption}<p>{Caption}{/block:Caption}</div>
  1046. {/block:ifnotshowcaptions}
  1047. <br>
  1048. <b>notes:</b> {NoteCountWithLabel}</br>
  1049. <b>date:</b> {ShortMonth} {DayOfMonthWithZero}, {Year}<br>
  1050. {block:RebloggedFrom}
  1051. <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1052. {/block:RebloggedFrom} {block:ContentSource}
  1053. <br><b>src:</b> <a href="{SourceURL}">{SourceTitle}</a>
  1054. {/block:ContentSource}
  1055. {block:HasTags}
  1056. <br><b>tags:</b>
  1057. {block:Tags}
  1058. <a href="{TagURL}">#{Tag}</a>
  1059. {/block:Tags}
  1060. {/block:HasTags}
  1061. </div>
  1062. {/block:Date}
  1063. {/block:PermalinkPage}
  1064. <div class="note">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  1065. {/block:Posts}
  1066. </div>
  1067. </body>
  1068.  
  1069. {block:Pagination}
  1070. <div class="next">
  1071. {block:NextPage}
  1072. <a href="{NextPage}" title="next page">next</a>
  1073. {/block:NextPage}
  1074. </div>
  1075. <div class="prev">
  1076. {block:PreviousPage}
  1077. <a href="{PreviousPage}" title="previous page">prev</a>
  1078. {/block:PreviousPage}
  1079. </div>
  1080. {/block:Pagination}
  1081. {block:ifnotshowlinks}<div id="text"><a href="/">✖</a></div>{/block:ifnotshowlinks}
  1082.  
  1083. </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!