API tools faq
paste
Advertisement
xoxomomo

Lala

xoxomomo
Apr 3rd, 2014
1,055
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.28 KB | None | 0 0
raw download clone embed print report
  1. <!--property of krysterium. do not remove credit please~ -->
  2. <html>
  3. <head>
  4.  
  5. <link rel="shortcut icon" href="{Favicon}" />
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  7. <title>{Title}</title>
  8. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  9.  
  10.  
  11. <meta name="if:bwposts" content="0"/>
  12. <meta name="if:250px" content="0"/>
  13. <meta name="if:400px" content="1"/>
  14.  
  15. <meta name="color:background" content="#ffffff">
  16. <meta name="color:text" content="#a2a09b" />
  17. <meta name="color:bold" content="#bf4f6a" />
  18. <meta name="color:link hover" content="#aaaaaa" />
  19. <meta name="color:title" content="#bf4f6a" />
  20. <meta name="color:link" content="#ffa3b9" />
  21. <meta name="color:post" content="#eeeeee" />
  22. <meta name="color:scrollbar" content="#ffa3b9" />
  23. <meta name="color:scrollbg" content="#ffffff" />
  24. <meta name="color:sidebar text" content="#888888" />
  25. <meta name="color:sidebar bg" content="#ffffff" />
  26.  
  27. <meta name="image:sidebar" content=""/>
  28. <meta name="image:background" content""/>
  29.  
  30. <meta name="text:Link1" content="/" />
  31. <meta name="text:Link1 Title" content="LINK 1" />
  32. <meta name="text:Link2" content="/" />
  33. <meta name="text:Link2 Title" content="LINK 2" />
  34. <meta name="text:Link3" content="/" />
  35. <meta name="text:Link3 Title" content="LINK 3" />
  36.  
  37. </head>
  38.  
  39.  
  40. <style type="text/css">
  41.  
  42. @font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf'); }
  43. @font-face { font-family: "gasara";
  44. src: url('https://dl.dropboxusercontent.com/s/24nv0xvhuak9ahs/gasara.ttf'); format("truetype");}
  45. @font-face { font-family: "ronda"; src: url('https://dl.dropboxusercontent.com/s/wqr4y32dvgxlm5k/pf_ronda_seven.ttf'); }
  46. @font-face { font-family: "lala"; src: url('https://dl.dropboxusercontent.com/s/hz1yj8qvkvfdwua/111.woff');}
  47. @font-face { font-family: "caviardreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }
  48. @font-face { font-family: "learningcurve"; src: url('http://static.tumblr.com/rmj06l2/paAlm4ymo/learningcurve.ttf'); }
  49.  
  50. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px;}
  51. ::-webkit-scrollbar { height:7px;width:3px; background-color:{color:scrollbg};}
  52.  
  53. #s-m-t-tooltip {
  54. z-index: 9999;
  55. background: {color:post};
  56. font-size: 10px;
  57. line-height: 11px;
  58. font-family: garamond;
  59. letter-spacing: 1px;
  60. text-transform: lowercase;
  61. color: {color:text};
  62. max-width: 120px;
  63. word-wrap: break-word;
  64. padding: 2px 5px 2px 6px;
  65. display: block;
  66. z-index:99999;
  67. border-top: 1px solid {color:bold};
  68. border-bottom: 1px solid {color:bold};
  69. margin: 20px 10px 10px 10px }
  70.  
  71. .ask {
  72. text-align:center;
  73. margin:7px 0px 0px 0px;
  74. padding:5px;
  75. }
  76.  
  77. body {
  78. color:{color:text};
  79. background-color:{color:background};
  80. background-image: url('{image:Background}');
  81. background-repeat:no-repeat;
  82. background-position:bottom right;
  83. background-attachment:fixed;
  84. font-family:cambria;
  85. font-size:11px;
  86. line-height:110%;
  87. text-align:justify
  88. }
  89.  
  90. a {color: {color:link}; text-decoration:none;
  91. -webkit-transition: all 0.4s ease-in;
  92. -moz-transition: all 0.4s ease-in;
  93. -o-transition: all 0.4s ease-in;
  94. transition: all 0.4s ease-in;
  95. }
  96.  
  97. a:hover {
  98. color:{color:link hover};
  99. -webkit-transition: all 0.4s ease-in;
  100. -moz-transition: all 0.4s ease-in;
  101. -o-transition: all 0.4s ease-in;
  102. transition: all 0.4s ease-in;}
  103.  
  104. color:{color:title};font-style:auto;
  105. -webkit-transition: all 0.4s ease-in;
  106. -moz-transition: all 0.4s ease-in;
  107. -o-transition: all 0.4s ease-in;
  108. transition: all 0.4s ease-in;
  109. }
  110.  
  111. small{font-size:auto}
  112.  
  113. big{font-size:auto}
  114.  
  115. b, strong{color:{color:bold}}
  116.  
  117. i, em {color:{color:text}}
  118.  
  119. p{margin-top:6px; margin-bottom:6px}
  120.  
  121. pre, xmp, plaintext, listing {
  122. display: block;
  123. white-space: pre;
  124. background: {color:sidebar bg};
  125. padding: 5px;
  126. word-wrap: break-word;
  127. font-size: 9px;}
  128.  
  129. blockquote {
  130. padding:0px;
  131. padding-left:10px;
  132. margin:8px;
  133. border-left:2px solid {color:bold} ;
  134. border-radius:10px;
  135. }
  136.  
  137. img a{border:none; width:100%}
  138.  
  139. #container {
  140. background-color:transparent;
  141. width: 800px;
  142. text-align: center;
  143. margin: 0 auto -10px auto;
  144. }
  145.  
  146. #entries {
  147. margin: 22px 0 -10px 260px;
  148. margin-left: 410px;
  149. float:left;
  150. text-align: justify;
  151. }
  152.  
  153. .posts {
  154. margin: 0px 0 15px 0;
  155. {block:if250px}
  156. width: 250px;
  157. {/block:if250px}
  158. {block:if400px}
  159. width: 400px;
  160. {/block:if400px}
  161. text-align: justify;
  162. padding: 10px;
  163. background:{color:post};
  164. }
  165.  
  166. .posts img {
  167. max-width: 100%;
  168. opacity: 0.75;
  169. {block:ifbwposts}
  170. -webkit-filter: grayscale(1);
  171. {/block:ifbwposts}
  172. -webkit-transition: all 0.5s ease-in-out;
  173. -moz-transition: all 0.5s ease-in-out;
  174. -o-transition: all 0.5s ease-in-out;
  175. -ms-transition: all 0.5s ease-in-out;
  176. transition: all 0.5s ease-in-out;
  177. }
  178.  
  179.  
  180. .posts img:hover {
  181. opacity: 0.92;
  182. {block:ifbwposts}
  183. -webkit-filter: grayscale(0);
  184. {/block:ifbwposts}
  185. -webkit-transition: all 0.5s ease-in-out;
  186. -moz-transition: all 0.5s ease-in-out;
  187. -o-transition: all 0.5s ease-in-out;
  188. -ms-transition: all 0.5s ease-in-out;
  189. transition: all 0.5s ease-in-out;
  190. }
  191.  
  192. .photoset {
  193. opacity: 0.75;
  194. margin-bottom: -2px;
  195. {block:ifbwposts}
  196. -webkit-filter: grayscale(1);
  197. {/block:ifbwposts}
  198. -webkit-transition: all 0.5s ease-in-out;
  199. -moz-transition: all 0.5s ease-in-out;
  200. -o-transition: all 0.5s ease-in-out;
  201. -ms-transition: all 0.5s ease-in-out;
  202. transition: all 0.5s ease-in-out;
  203. }
  204.  
  205. .photoset:hover {
  206. opacity: 0.92;
  207. {block:ifbwposts}
  208. -webkit-filter: grayscale(0);
  209. {/block:ifbwposts}
  210. }
  211.  
  212. #sideline {
  213. position:fixed;
  214. top:0px;
  215. left:0px;
  216. height:100%;
  217. width:5px;
  218. border-left:10px solid {color:link};
  219. border-right:5px solid {color:link};
  220. }
  221.  
  222. #line1 {
  223. position:fixed;
  224. top:95px;
  225. left:80px;
  226. width:130px;
  227. border-bottom:1px solid {color:link};
  228. }
  229.  
  230. #line2 {
  231. position:fixed;
  232. top:80px;
  233. left:95px;
  234. height:178px;
  235. border-right:1px solid {color:link};
  236. }
  237.  
  238. #line3 {
  239. position:fixed;
  240. top:240px;
  241. left:80px;
  242. width:50px;
  243. border-bottom:1px solid {color:link};
  244. }
  245.  
  246. #line4 {
  247. position:fixed;
  248. top:240px;
  249. left:190px;
  250. width:141px;
  251. border-bottom:1px solid {color:link};
  252. }
  253.  
  254. #line5 {
  255. position:fixed;
  256. top:80px;
  257. left:316px;
  258. height:178px;
  259. border-right:1px solid {color:link};
  260. }
  261.  
  262. #line6 {
  263. position:fixed;
  264. top:95px;
  265. left:274px;
  266. width:58px;
  267. border-bottom:1px solid {color:link};
  268. }
  269.  
  270. #links1 {
  271. position:fixed;
  272. top:90px;
  273. left:215px;
  274. }
  275.  
  276. #links1 a {
  277. display:inline-block;
  278. font-size:20px;
  279. }
  280.  
  281. #links2 {
  282. position:fixed;
  283. top:236px;
  284. left:133px;
  285. }
  286.  
  287. #links2 a{
  288. display:inline-block;
  289. font-size:20px;
  290. }
  291.  
  292. #two {
  293. position:fixed;
  294. left:100px;
  295. top:100px;
  296. padding:3px;
  297. width:200px;
  298. -webkit-transition-duration:0.8s;
  299. -moz-transition-duration: 0.8s;
  300. z-index:99999; }
  301.  
  302. #two img {
  303. width: 200px;
  304. height:125px;
  305. padding:3px;
  306. -webkit-transition-duration:0.8s;
  307. -moz-transition-duration: 0.8s;
  308. -webkit-filter:grayscale(50%); }
  309.  
  310.  
  311. #twodesc {
  312. position:fixed;
  313. width:200px;
  314. height:125px;
  315. left:106px;
  316. top:106px;
  317. font-family:garamond;
  318. font-size:11px;
  319. opacity:0;
  320. overflow:auto;
  321. text-transform:none;
  322. text-align: center;
  323. background-color:{color:sidebar bg};
  324. z-index:5;
  325. -webkit-transition-duration:0.9s;
  326. -moz-transition-duration: 0.9s; }
  327.  
  328. #twodesc a {
  329. color:{color:link};
  330. z-index:5;
  331. }
  332.  
  333. #twodesc a:hover {
  334. color:{color:hover};
  335. z-index:5;
  336. }
  337.  
  338. #two:hover #twodesc {
  339. opacity:0.9;
  340. -webkit-transition-duration:0.9s;
  341. -moz-transition-duration: 0.9s; }
  342.  
  343. #two:hover #twodesc {
  344. opacity:0.9;
  345. -webkit-transition-duration:0.9s;
  346. -moz-transition-duration: 0.9s; }
  347.  
  348.  
  349. #pagination {
  350. position:fixed;
  351. font-family:gasara;
  352. text-align:center;
  353. font-size:10px;
  354. top:250px;
  355. left:220px;
  356. }
  357.  
  358. #cred {
  359. position:fixed;
  360. bottom:10px;
  361. left:25px;
  362. font-size:8px;
  363. font-family:gasara;
  364. color:{color:text};
  365. text-transform:uppercase;
  366. letter-spacing: 0px;
  367. font-style:normal;
  368. }
  369.  
  370. h1 {
  371. color:{color:title};
  372. font-family:caviardreams;
  373. font-size:22px;
  374. line-height:25px;
  375. letter-spacing:1px;
  376. font-weight:italic;
  377. text-transform:none;
  378. margin:0px;
  379. padding:7px;
  380. text-align:center
  381. }
  382.  
  383. h2 {
  384. color:{color:text};
  385. font-family:ronda;
  386. font-size:9px;
  387. line-height:12px;
  388. letter-spacing:0px;
  389. font-weight:normal;
  390. text-transform:none;
  391. margin:0px;
  392. padding:0px;
  393. margin-bottom:-5px;
  394. text-align:center;
  395. }
  396.  
  397. .quote {
  398. font-family:learningcurve;
  399. font-size:20px;
  400. line-height:21px;
  401. text-align:center;
  402. }
  403.  
  404. #info {
  405. margin-top:10px;
  406. margin-bottom:-5px;
  407. {block:if250px}
  408. width: 250px;
  409. {block:if250px}
  410. {block:if400px}
  411. width:400px;
  412. {/block:if400px}
  413. color:{color:text};
  414. background-color:{color:post};
  415. font-size:8px;
  416. letter-spacing:3px;
  417. font-family:silkscreen;
  418. text-align:left;
  419. text-transform:lowercase;
  420. border-top:1px solid {color:bold};
  421. }
  422.  
  423. #perma {
  424. {block:if250px}
  425. width: 250px;
  426. {block:if250px}
  427. {block:if400px}
  428. width:400px;
  429. {/block:if400px}
  430. font-size:8px;
  431. font-family:silkscreen;
  432. text-align:left;
  433. text-transform:lowercase;
  434.  
  435. }
  436.  
  437.  
  438. #questions a {color:{color:link}}
  439.  
  440. .audio{background-color:black; display:block}
  441.  
  442. .user_1 .label {color:{color:link}; font-weight:bold}
  443. .user_2 .label {color:{color:text}; font-weight:bold}
  444. .user_3 .label {color:{color:link}; font-weight:bold}
  445. .user_4 .label {color:{color:text}; font-weight:bold}
  446.  
  447. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px}
  448.  
  449. .notes img{width:10px; position:relative; top:1px}
  450. ol.notes, .notes li{width:490px; list-style:none; margin:0px 0 -1px 5px; padding:0px}
  451.  
  452. .tumblr_audio_player {height: 40px; {block:if250px}width: 250px;{/block:if250px}{block:if400px}width: 400px;{/block:if400px}}
  453.  
  454. </style>
  455. <style type="text/css">{CustomCSS}</style>
  456.  
  457. <link href="#s-m-t-tooltip" rel="stylesheet" type="text/css" />
  458.  
  459. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  460. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  461. <script>
  462. (function($){
  463. $(document).ready(function(){
  464. $("[title]").style_my_tooltips();
  465. });
  466. })(jQuery);
  467. </script>
  468.  
  469. </head>
  470. <body>
  471.  
  472. <div id="container">
  473.  
  474. <div id="sideline"></div>
  475.  
  476. <div id="line1"></div>
  477. <div id="line2"></div>
  478. <div id="line3"></div>
  479. <div id="line4"></div>
  480. <div id="line5"></div>
  481. <div id="line6"></div>
  482.  
  483. <div id="links1">
  484. <a href="/" title="home">▣</a>
  485. <a href="/ask" title="message">▣</a>
  486. <a href="/archive" title="archive">▣</a>
  487. </div>
  488.  
  489. <div id="links2">
  490. <a href="{text:Link1}" title="{text:Link1 title}">▣</a>
  491. <a href="{text:Link2}" title="{text:Link2 title}">▣</a>
  492. <a href="{text:Link3}" title="{text:Link3 title}">▣</a>
  493. </div>
  494.  
  495. <div id="two">
  496. <div id="twodesc">
  497. <br>{description}<br><br>
  498. </div>
  499. <img src="{image:sidebar}"/>
  500. </div>
  501.  
  502. <div id="pagination">{block:Pagination}
  503. {block:PreviousPage}<a href="{PreviousPage}">newer </a>{/block:PreviousPage} - {CurrentPage} of {TotalPages} - {block:NextPage}<a href="{NextPage}"> older</a>{/block:NextPage}
  504. {/block:Pagination}</div>
  505. </div>
  506.  
  507. <div id="cred"><a href="http://krysterium.tumblr.com/" title="krysterium">theme</a></div>
  508.  
  509. <div id="entries">
  510. {block:posts}
  511.  
  512. <div class="posts">
  513. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  514.  
  515.  
  516. {block:Quote}<div class="quote">“{Quote}” <br>— {Source}<br></div>{/block:Quote}
  517.  
  518. {block:Link}<a href="{URL}"><h1>{Name}</h1></a>
  519. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  520.  
  521. {block:Photo}<center>{block:if250px}<img src="{PhotoURL-250}"/>{/block:if250px}{block:if400px}<img src="{PhotoURL-400}"/>{/block:if400px}</center>
  522. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  523.  
  524. {block:Photoset}<center>{block:if250px}{Photoset-250}{/block:if250px}{block:if400px}{Photoset-400}{/block:if400px}</center>
  525. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  526.  
  527. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  528.  
  529. {block:Answer}<div class="ask"><div style="text-align: center; font-size: 20px; font-family: caviardreams; text-transform: none; letter-spacing: 3px; margin: 3px 0px 3px 0px;">- <a href="http://tumblrbot.tumblr.com/" class="asker">{Asker}:</div><div style="text-align: center; font-size: 9px; text-transform: none; letter-spacing: 1px; margin: 10px 0px 3px 0px;">{Question}</div></div>&nbsp;{Answer}{/block:Answer}
  530.  
  531.  
  532. {block:Audio}<div id="_">{AudioPlayerWhite}<br>
  533. {block:Caption}{Caption}{/block:Caption}<br clear="all" /></div> {/block:Audio}
  534.  
  535. {block:Video}
  536. {block:if250px}{Video-250}{/block:if250px}{block:if400px}{Video-400}{/block:if400px}<br> {block:Caption}{Caption}{/block:Caption}
  537. {/block:Video}
  538.  
  539.  
  540. <div id="info"><center><div style="margin-top:5px"><a href="{Permalink}" title="notes">{NoteCount}</a> + <a href="{ReblogURL}" target="_blank">reblog</a> + </span><a title="{TimeAgo}">▣</a> {block:HasTags} + <a href="{Permalink}" title="{block:Tags} #{Tag}{/block:Tags}">tags</a>{/block:HasTags}</div></center></div></div>
  541.  
  542. {block:PermalinkPage}
  543. <div id="perma">
  544. <center>{block:RebloggedFrom}
  545. <br>Reblogged via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  546. <br>Original post: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  547. {/block:RebloggedFrom}{block:ContentSource} (<a href="{SourceURL}">source</a>){/block:ContentSource}
  548. <br>
  549. {block:HasTags}{block:Tags}<b>#</b> <a href="{TagURL}">{Tag} </a> {/block:Tags}{/block:HasTags}</center>
  550. <br />
  551. {block:PostNotes}{PostNotes}{/block:PostNotes}</div></div>
  552. {/block:PermalinkPage}
  553.  
  554. {/block:Posts}
  555. </div>
  556.  
  557.  
  558.  
  559.  
  560. </body>
  561. </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!