API tools faq
paste
Advertisement
dancingdesire

Candy Cane

dancingdesire
Mar 18th, 2015
2,653
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.92 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <!--
  6. THEME: CANDY CANE
  7. by sha @nilk
  8.  
  9. do not:
  10. - touch the credit
  11. - copy or use as a base
  12. - steal any parts of the code
  13. - combine my codes with others'
  14. - redistribute or claim as yours
  15.  
  16. more themes @pixle. enjoy!
  17. -->
  18.  
  19. <head>
  20.  
  21. <link rel="shortcut icon" href="{Favicon}" />
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  23.  
  24. <title>{Title}</title>
  25.  
  26. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  27.  
  28. <meta name="image:background" content="" />
  29. <meta name="image:box background" content="" />
  30.  
  31. <meta name="color:background" content="#fbfbfb" />
  32. <meta name="color:box background" content="#fff" />
  33. <meta name="color:border" content="#f0f0f0" />
  34. <meta name="color:link" content="#cccccc" />
  35. <meta name="color:text" content="#dad8d8" />
  36. <meta name="color:bold" content="#bebebe" />
  37. <meta name="color:italic" content="#bebebe" />
  38.  
  39. <meta name="text:faq" content="here you can add text for an faq. it's located above the popup ask." />
  40. <meta name="text:URL" content="enter your url without .tumblr.com for popup askbox and/or custom controls to work" />
  41. <meta name="text:updates tab" content="use <li></li> for line" />
  42. <meta name="text:updates tab height" content="100px" />
  43. <meta name="text:updates tab width" content="80px" />
  44.  
  45. <meta name="text:link 1" content="link 1" />
  46. <meta name="text:link 1 url" content="" />
  47. <meta name="text:link 2" content="link 2" />
  48. <meta name="text:link 2 url" content="" />
  49. <meta name="text:link 3" content="link 3" />
  50. <meta name="text:link 3 url" content="" />
  51.  
  52. <meta name="if:tile background" content="1" />
  53. <meta name="if:show caption" content="1" />
  54. <meta name="if:show tags" content="1" />
  55. <meta name="if:popup ask" content="1" />
  56. <meta name="if:faq" content="1" />
  57. <meta name="if:updates tab" content="1" />
  58. <meta name="if:custom controls" content="1" />
  59.  
  60. <!-- TOOLTIP -->
  61. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  62. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  63. <script>
  64. (function($){
  65. $(document).ready(function(){
  66. $("[title]").style_my_tooltips();
  67. });
  68. })(jQuery);
  69. </script>
  70.  
  71. <!-- JQUERY -->
  72. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  73.  
  74. <!-- POPUPS -->
  75. <script type="text/javascript"
  76. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  77. <script>
  78. $(document).ready(function() {
  79. //
  80. $('a.poplight[href^=#]').click(function() {
  81. var popID = $(this).attr('rel'); //Get Popup Name
  82. var popURL = $(this).attr('href'); //Get Popup href to define size
  83. var query= popURL.split('?');
  84. var dim= query[1].split('&');
  85. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  86. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  87. var popMargTop = ($('#' + popID).height() + 80) / 2;
  88. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  89. //Apply Margin to Popup
  90. $('#' + popID).css({
  91. 'margin-top' : -popMargTop,
  92. 'margin-left' : -popMargLeft
  93. });
  94. $('body').append('<div id="fade"></div>');
  95. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  96. return false;
  97. });
  98. $('a.close, #fade').live('click', function() {
  99. $('#fade , .popup_block').fadeOut(function() {
  100. $('#fade, a.close').remove(); //fade them both out
  101. });
  102. return false;
  103. });
  104. });
  105. </script>
  106.  
  107. <!-- FONTS -->
  108. <link href='http://fonts.googleapis.com/css?family=Lato:300,400|Open+Sans:400,300,600' rel='stylesheet' type='text/css'>
  109.  
  110. <!-- ICONS -->
  111. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  112.  
  113. <style type="text/css">
  114.  
  115. /* GENERAL */
  116.  
  117. body {
  118. background:{color:background};
  119. background:{color:background};
  120. background-image:url('{image:background}');
  121. background-attachment:fixed;
  122. {block:ifNotTileBackground}
  123. background-size:cover;
  124. {/block:ifNotTileBackground}
  125. color:{color:text};
  126. font-family:'open sans', arial, calibri, 'trebuchet ms';
  127. font-size:10px;
  128. line-height:15px;
  129. text-align:justify;
  130. cursor:{block:ifMiniCursor}url(http://static.tumblr.com/kvisgoa/OC0nhsnlr/tiny_black_cursor.png),{/block:ifMiniCursor} auto;
  131. }
  132. #controls {
  133. {block:IndexPage}
  134. position:fixed;
  135. top:10px;
  136. right:15px;
  137. z-index:99999999;
  138. {/block:IndexPage}
  139. {block:PermalinkPage}
  140. display:none;
  141. {/block:PermalinkPage}
  142. }
  143. #controls i {
  144. color:{color:text};
  145. font-size:9px;
  146. display:inline-block;
  147. margin-left:1px;
  148. margin-top:0px;
  149. padding:5px;
  150. z-index:99999999;
  151. }
  152. #controls a {
  153. background:{color:box background};
  154. background-image:url('{image:box background}');
  155. background-attachment:fixed;
  156. {block:ifNotTileBackground}
  157. background-size:cover;
  158. {/block:ifNotTileBackground}
  159. border:1px solid {color:border};
  160. box-shadow:5px 5px rgba(0,0,0,0.07);
  161. padding:5px 3px;
  162. margin-left:3px;
  163. z-index:99999999;
  164. -webkit-transition: background-color 0.3s ease-out;
  165. -moz-transition: background-color 0.3s ease-out;
  166. -o-transition: background-color 0.3s ease-out;
  167. transition: background-color 0.3s ease-out;
  168. }
  169. iframe#tumblr_controls {
  170. {block:ifCustomControls}
  171. {block:IndexPage}
  172. display:none;
  173. {/block:IndexPage}
  174. {block:PermalinkPage}
  175. top:0%;
  176. right:0%;
  177. position:fixed;
  178. z-index:999999999!important;
  179. -webkit-filter: invert(100%);
  180. opacity:.15;
  181. {/block:PermalinkPage}
  182. {/block:ifCustomControls}
  183. {block:ifNotCustomControls}
  184. top:0%;
  185. right:0%;
  186. position:fixed;
  187. z-index:999999999!important;
  188. -webkit-filter: invert(100%);
  189. opacity:.15;
  190. {/block:ifNotCustomControls}
  191. }
  192. a {
  193. color:{color:link};
  194. text-decoration:none;
  195. cursor:{block:ifMiniCursor}url(http://static.tumblr.com/kvisgoa/v2cnhsnmi/tiny_black_pointer.png),{/block:ifMiniCursor} pointer;
  196. }
  197. a:hover {
  198. text-decoration:underline;
  199. }
  200. small {
  201. font-size:10px;
  202. }
  203. b, strong {
  204. color:{color:bold};
  205. }
  206. i, em {
  207. color:{color:italic};
  208. font-style:oblique;
  209. }
  210. pre {
  211. white-space: pre-wrap;
  212. white-space: -moz-pre-wrap;
  213. white-space: -pre-wrap;
  214. white-space: -o-pre-wrap;
  215. word-wrap: break-word;
  216. }
  217. h1 {
  218. color:{color:link};
  219. padding-bottom:10px;
  220. font-size:15px;
  221. text-transform:lowercase;
  222. }
  223. h2 {
  224. color:{color:link};
  225. padding-bottom:10px;
  226. font-size:15px;
  227. text-transform:lowercase;
  228. -webkit-transition:all 0.3s ease-in-out;
  229. -moz-transition:all 0.3s ease-in-out;
  230. -o-transition:all 0.3s ease-in-out;
  231. }
  232. h2:hover {
  233. color:{color:text};
  234. }
  235. blockquote {
  236. padding:0px;
  237. padding-left:10px;
  238. margin:8px;
  239. border-left:1px solid {color:text};
  240. }
  241. img {
  242. border:none;
  243. max-width:100%;
  244. }
  245.  
  246. /* POSTS */
  247. #entries {
  248. margin-top:150px;
  249. margin-left:560px;
  250. background:{color:box background};
  251. background-image:url('{image:box background}');
  252. background-attachment:fixed;
  253. {block:ifNotTileBackground}
  254. background-size:cover;
  255. {/block:ifNotTileBackground}
  256. padding-top:10px;
  257. height:500px;
  258. max-height:500px;
  259. overflow:auto;
  260. width:450px;
  261. border:1px solid {color:border};
  262. box-shadow:10px 10px rgba(0,0,0,0.07);
  263. }
  264. .posts {
  265. float:center;
  266. position:relative;
  267. background-color:transparent;
  268. margin-left:100px;
  269. margin-bottom:20%;
  270. padding-bottom:5px;
  271. width: 250px;
  272. margin-right:15%;
  273. margin-top:5%;
  274. }
  275. .posts img, iframe.photoset {
  276. background:transparent;
  277. max-width:100%;
  278. }
  279. .posts h1 {
  280. font-size:10px;
  281. text-transform:uppercase;
  282. background:{color:box background};
  283. color:{color:link};
  284. letter-spacing:1px;
  285. padding:10px;
  286. font-weight:normal;
  287. }
  288. .posts h2 {
  289. font-size:10px;
  290. text-transform:uppercase;
  291. background:{color:box background};
  292. color:{color:link};
  293. letter-spacing:1px;
  294. padding:10px;
  295. font-weight:normal;
  296. -webkit-transition:all 0.3s ease-in-out;
  297. -moz-transition:all 0.3s ease-in-out;
  298. -o-transition:all 0.3s ease-in-out;
  299. }
  300. .posts h2:hover {
  301. color:{color:text};
  302. }
  303. .posts li {
  304. list-style:disc;
  305. }
  306. .caption {
  307. padding:10px;
  308. background:{color:box background};
  309. margin-top:10px;
  310. max-width:250px;
  311. z-index:9999999;
  312. }
  313.  
  314. /* SIDEBAR */
  315. #sidebar {
  316. background:{color:box background};
  317. background-image:url('{image:box background}');
  318. background-attachment:fixed;
  319. {block:ifNotTileBackground}
  320. background-size:cover;
  321. {/block:ifNotTileBackground}
  322. top:150px;
  323. left:350px;
  324. position:fixed;
  325. width:150px;
  326. height:auto;
  327. border:1px solid {color:border};
  328. box-shadow:10px 10px rgba(0,0,0,0.07);
  329. }
  330. .links {
  331. text-align:left;
  332. margin:5px 5px;
  333. line-height:2.6;
  334. z-index:9999999;
  335. }
  336. .links a, .links .search {
  337. position:relative;
  338. color:{color:text};
  339. font-size:7px;
  340. margin-left:10px;
  341. text-transform:uppercase;
  342. letter-spacing:1px;
  343. display:inline-block;
  344. }
  345. .links a:hover, .links .search:hover {
  346. text-decoration:underline;
  347. }
  348. .links a:hover {
  349. background:{color:box background};
  350. }
  351. .links .search .query {
  352. border:0;
  353. outline:0;
  354. text-align:left;
  355. background-color: transparent;
  356. color:{color:text};
  357. font-size:7px;
  358. text-transform:uppercase;
  359. letter-spacing:1px;
  360. -webkit-transition: all 0.3s ease-in-out;
  361. -moz-transition: all 0.3s ease-in-out;
  362. -o-transition: all 0.3s ease-in-out;
  363. -ms-transition: all 0.3s ease-in-out;
  364. transition: all 0.3s ease-in-out;
  365. }
  366. ::-webkit-input-placeholder {color: {color:text};}
  367. :-moz-placeholder {color: {color:text}; opacity:1;}
  368. ::-moz-placeholder {color: {color:text}; opacity:1;}
  369. :-ms-input-placeholder {color: {color:text};}
  370. input:focus::-webkit-input-placeholder {color: transparent;}
  371. input:focus:-moz-placeholder {color: transparent;}
  372. input:focus::-moz-placeholder {color: transparent;}
  373. input:focus:-ms-input-placeholder { color: transparent;}
  374.  
  375. /* PAGINATION */
  376. #pagination {
  377. top:635px;
  378. left:1070px;
  379. position:fixed;
  380. width:100px;
  381. height:auto;
  382. text-transform:uppercase;
  383. text-align:center;
  384. font-size:7px;
  385. letter-spacing:1px;
  386. padding:5px 0px;
  387. background:{color:box background};
  388. background-image:url('{image:box background}');
  389. background-attachment:fixed;
  390. {block:ifNotTileBackground}
  391. background-size:cover;
  392. {/block:ifNotTileBackground}
  393. border:1px solid {color:border};
  394. box-shadow:10px 10px rgba(0,0,0,0.07);
  395. }
  396. #pagination a {
  397. display:inline-block;
  398. margin-right:10px;
  399. margin-left:10px;
  400. }
  401. #pagination a:hover {
  402. background:{color:box background};
  403. }
  404.  
  405. /* UPDATES */
  406. #update {
  407. position:fixed;
  408. top:11px;
  409. left:17px;
  410. margin:2px;
  411. text-align:left;
  412. text-transform:uppercase;
  413. letter-spacing:1px;
  414. font-size:7px;
  415. height:15px;
  416. width:{text:updates tab width};
  417. padding:5px;
  418. overflow:hidden;
  419. background:{color:box background};
  420. background-image:url('{image:box background}');
  421. background-attachment:fixed;
  422. {block:ifNotTileBackground}
  423. background-size:cover;
  424. {/block:ifNotTileBackground}
  425. border:1px solid {color:border};
  426. box-shadow:10px 10px rgba(0,0,0,0.07);
  427. -webkit-transition:opacity 0.5s ease-in;
  428. -webkit-transition:all 0.5s ease-in;
  429. -moz-transition:all 0.5s ease-in;
  430. transition:all 0.5s ease-in;
  431. z-index:9999999;
  432. }
  433. #update:hover {
  434. height:{text:updates tab height};
  435. -webkit-transition:opacity 0.5s ease-in;
  436. -webkit-transition:all 0.5s ease-in;
  437. -moz-transition:all 0.5s ease-in;
  438. transition:all 0.5s ease-in;
  439. }
  440. #update ul {
  441. padding-top:1px;
  442. padding-left:0px;
  443. }
  444. #update li {
  445. padding-top:5px;
  446. padding-bottom:5px;
  447. list-style:none;
  448. border-top:1px solid {color:border};
  449. }
  450. #update a:hover {
  451. background:{color:box background};
  452. }
  453.  
  454. /* CREDIT */
  455. #thm {
  456. position:fixed;
  457. margin:2px;
  458. bottom:15px;
  459. left:20px;
  460. text-transform:uppercase;
  461. font-size:7px;
  462. letter-spacing:1px;
  463. z-index:999999999999;
  464. }
  465. #thm a:hover {
  466. background:{color:box background};
  467. }
  468.  
  469. /* POPUPS */
  470. #fade {
  471. display: none;
  472. background:{color:background};
  473. position: fixed; top: 0; left:0;
  474. width: 100%; height: 100%;
  475. z-index: 999999999;
  476. }
  477. .popup_block {
  478. display: none;
  479. float: left;
  480. position: fixed;
  481. top:50%;
  482. left:50%;
  483. z-index: 9999999999999999;
  484. width:400px;
  485. overflow:visible;
  486. padding:20px;
  487. background:{color:box background};
  488. background-image:url('{image:box background}');
  489. background-attachment:fixed;
  490. {block:ifNotTileBackground}
  491. background-size:cover;
  492. {/block:ifNotTileBackground}
  493. border:1px solid {color:border};
  494. box-shadow:10px 10px rgba(0,0,0,0.07);
  495. }
  496. .popup_block a {
  497. color:{color:link};
  498. }
  499. .popup_block a:hover {
  500. color:{color:text};
  501. }
  502. .popup_block b, strong {
  503. color:{color:text};
  504. }
  505. *html #fade {position: absolute;}
  506. *html .popup_block {position: absolute;}
  507. .archive iframe {
  508. }
  509. .popup_block li {
  510. list-style:disc;
  511. line-height:17px;
  512. }
  513. .popup_block blockquote {
  514. line-height:20px;
  515. }
  516. #text {
  517. width:400px;
  518. background:{color:box background};
  519. line-height:17px;
  520. font-size:7px;
  521. text-transform:uppercase;
  522. color:{color:text};
  523. font-family:'open sans', 'trebuchet ms';
  524. letter-spacing:1px;
  525. text-align:center;
  526. }
  527.  
  528. /* POPUP ASK */
  529. #message {
  530. padding:10px;
  531. font-size:8px;
  532. text-transform:uppercase;
  533. letter-spacing:1px;
  534. font-family:calibri, 'trebuchet ms', arial;
  535. margin-top:0px;
  536. }
  537.  
  538. /* TEXT */
  539. .text {
  540. padding:10px;
  541. background:{color:box background};
  542. }
  543.  
  544. /* ASKS */
  545. .question {
  546. background-color:{color:box background};
  547. color:{color:text};
  548. padding:10px;
  549. }
  550. .asker {
  551. text-decoration:underline;
  552. color:{color:text};
  553. }
  554. .answer {
  555. margin-top:10px;
  556. padding:10px;
  557. background:{color:box background};
  558. }
  559.  
  560. /* AUDIO */
  561. .audiobg {
  562. background-color:{color:box background};
  563. }
  564. .playbutton {
  565. width:25px;
  566. height:30px;
  567. opacity:0.5;
  568. margin:5px 24px 13px 5px;
  569. overflow:hidden;
  570. position:absolute;
  571. z-index:9;
  572. -webkit-transition: all 0.6s ease-in-out;
  573. -moz-transition: all 0.6s ease-in-out;
  574. -o-transition: all 0.6s ease-in-out;
  575. }
  576. .audioinfo {
  577. font-size:10px;
  578. text-align:right;
  579. text-transform:lowercase;
  580. margin-left:100px;
  581. max-height:30px;
  582. height:30px;
  583. overflow:auto;
  584. line-height:15px;
  585. padding:10px 10px 0px 0px;
  586. }
  587.  
  588. /* QUOTES */
  589. .quotation {
  590. width:250px;
  591. padding-top:10px;
  592. background:{color:box background};
  593. }
  594. .quotation i {
  595. margin-left:47%;
  596. color:{color:text};
  597. font-size:20px;
  598. background:{color:box background};
  599. }
  600. .quote {
  601. font-size:7px;
  602. letter-spacing:1px;
  603. text-align:center;
  604. text-transform:uppercase;
  605. padding:10px;
  606. background:{color:box background};
  607. }
  608. .quotesource {
  609. font-size:7px;
  610. letter-spacing:1px;
  611. text-align:right;
  612. text-transform:uppercase;
  613. padding:10px;
  614. background:{color:box background};
  615. }
  616.  
  617. /* CHATS */
  618. .chat .odd {
  619. background:{color:box background};
  620. }
  621. .chat .even {
  622. background:{color:background};
  623. }
  624. ul.chat, .chat ol, .chat li {
  625. list-style:none;
  626. margin:0px;
  627. padding:5px;
  628. background:transparent;
  629. font-size:7px;
  630. letter-spacing:1px;
  631. }
  632.  
  633. /* VIDEOS */
  634. .video {
  635. opacity:.5;
  636. -webkit-transition: all 0.6s ease-in-out;
  637. -moz-transition: all 0.6s ease-in-out;
  638. -o-transition: all 0.6s ease-in-out;
  639. }
  640. .video:hover {
  641. opacity:.7;
  642. }
  643.  
  644. /* INFO */
  645. .permabox {
  646. width:250px;
  647. height:auto;
  648. background-color:transparent;
  649. font-size:7px;
  650. letter-spacing:1px;
  651. text-transform:uppercase;
  652. position:absolute;
  653. bottom:-15px;
  654. margin-left:0px;
  655. z-index:11;
  656. text-align:left;
  657. }
  658. .permabox a {
  659. color:{color:text};
  660. text-decoration:underline;
  661. }
  662. .permabox a:hover {
  663. background:{color:box background};
  664. }
  665. .tags {
  666. position:absolute;
  667. opacity:0;
  668. margin-top:20px;
  669. margin-left:0px;
  670. width:230px;
  671. text-align:left;
  672. font-size:7px;
  673. text-transform:uppercase;
  674. letter-spacing:1px;
  675. z-index:10;
  676. -webkit-transition: all 0.3s ease-in-out;
  677. -moz-transition: all 0.3s ease-in-out;
  678. -o-transition: all 0.3s ease-in-out;
  679. }
  680. .tags a {
  681. color:{color:text};
  682. text-decoration:underline;
  683. margin-right:3px;
  684. }
  685. .tags a:hover {
  686. background:{color:box background};
  687. }
  688. .posts:hover .tags {
  689. opacity:1;
  690. }
  691. .infobox {
  692. position:relative;
  693. width:240px;
  694. height:auto;
  695. font-size:7px;
  696. letter-spacing:1px;
  697. text-align:left;
  698. margin-left:100px;
  699. margin-top:-50px;
  700. padding:5px;
  701. text-transform:uppercase;
  702. background-color:{color:box background};
  703. z-index:999999;
  704. }
  705. .infobox a {
  706. color:{color:link};
  707. padding:3px;
  708. -webkit-transition: all 0.3s ease-in-out;
  709. -moz-transition: all 0.3s ease-in-out;
  710. -o-transition: all 0.3s ease-in-out;
  711. }
  712. .infobox a:hover {
  713. color:{color:text};
  714. }
  715. ol.notes {
  716. position:relative;
  717. text-align:left;
  718. background:{color:box background};
  719. color:{color:text};
  720. font-size:7px;
  721. text-transform:uppercase;
  722. letter-spacing:1px;
  723. padding:5px;
  724. width:240px;
  725. height:auto;
  726. max-height:300px;
  727. margin-left:100px;
  728. margin-top:65px;
  729. margin-bottom:30px;
  730. overflow-x:hidden;
  731. overflow-y:auto;
  732. list-style:none;
  733. line-height:20px;
  734. z-index:99;
  735. }
  736. ol.notes li.note {
  737. border-bottom:1px solid {color:border};
  738. margin:5px 0px;
  739. }
  740. ol.notes li.note img.avatar {
  741. display:none!important;
  742. }
  743. ol.notes li.note a {
  744. padding:0px;
  745. color:{color:link};
  746. -webkit-transition:all 0.3s ease-in-out;
  747. -moz-transition:all 0.3s ease-in-out;
  748. -o-transition:all 0.3s ease-in-out;
  749. }
  750. ol.notes li.note a:hover {
  751. color:{color:text};
  752. background:transparent;
  753. }
  754.  
  755. /* STYLE */
  756. #s-m-t-tooltip {
  757. color:{color:bold};
  758. background:{color:background};
  759. font: 7px 'trebuchet ms';
  760. letter-spacing:1px;
  761. text-align:center;
  762. text-transform:uppercase;
  763. display:inline-block;
  764. position:fixed;
  765. overflow:hidden;
  766. margin:15px;
  767. max-width:150px;
  768. padding:5px 7px 4px 8px;
  769. z-index:99999999999999999999999999;
  770. }
  771. ::-webkit-scrollbar-thumb:vertical {
  772. background-color:{color:border};
  773. height:50px;
  774. width:10px;
  775. }
  776. ::-webkit-scrollbar-thumb:horizontal {
  777. background-color:{color:box background};
  778. }
  779. ::-webkit-scrollbar {
  780. background-color:{color:box background};
  781. margin-left:20px;
  782. height: 5px;
  783. width: 3px;
  784. }
  785. :-moz-selection {
  786. background: {color:background};
  787. color: {color:text};
  788. }
  789. ::selection {
  790. background: {color:background};
  791. color: {color:text};
  792. }
  793.  
  794. /* LIGHTBOX */
  795. #vignette {
  796. visibility:hidden;
  797. }
  798. #tumblr_lightbox img {
  799. box-shadow:none!important;
  800. border-radius:0!important;
  801. }
  802. #tumblr_lightbox {
  803. background-color:transparent!important;
  804. }
  805. #tumblr_lightbox div:nth-child(2) {
  806. background-color: {color:background}; opacity: .8;
  807. }
  808. #tumblr_lightbox a img {
  809. border:0px;!important;
  810. }
  811. #tumblr_lightbox_left_link, #tumblr_lightbox_right_link {
  812. visibility:hidden;
  813. }
  814. #tumblr_lightbox_caption {
  815. visibility:hidden;
  816. }
  817.  
  818. </style>
  819.  
  820. <!-- TOOLTIP -->
  821. <link href="#s-m-t-tooltip" rel="stylesheet" type="text/css" />
  822.  
  823. </head>
  824. <body>
  825.  
  826. <!-- SIDEBAR -->
  827. <div id="sidebar">
  828. <div class="links">
  829. <a href="/">home</a>
  830. <a href="{block:ifPopupAsk}#?w=400" rel="01" class="poplight{/block:ifPopupAsk}{block:ifNotPopupAsk}/ask{/block:ifNotPopupAsk}">ask</a>
  831. <a href="/archive">past</a>
  832. <a href="{text:link 1 url}">{text:link 1}</a>
  833. <a href="{text:link 2 url}">{text:link 2}</a>
  834. <a href="{text:link 3 url}">{text:link 3}</a>
  835. <form action="/search" method="get" class="search"><input type="text" name="q" value="{SearchQuery}" class="query" placeholder="search"></form>
  836. </div>
  837. </div>
  838.  
  839. {block:ifUpdatesTab}
  840. <!-- UPDATES -->
  841. <div id="update">
  842. updates
  843. <ul>
  844. {text:updates tab}
  845. </ul>
  846. </div>
  847. {/block:ifUpdatesTab}
  848. <!-- CREDIT -->
  849. <div id="thm">
  850. <a href="http://nilk.tumblr.com">thm</a>
  851. </div>
  852. <!-- CONTROLS -->
  853. {block:ifCustomControls}
  854. <div id="controls">
  855. <a href="http://tumblr.com/follow/{text:URL}" title="follow">
  856. <i class="fa fa-plus"></i></a>
  857. <a href="https://www.tumblr.com/send/{text:URL}?redirect_to=http%3A%2F%2{text:URL}%2F" title="fanmail">
  858. <i class="fa fa-envelope"></i></a>
  859. <a href="http://tumblr.com/" title="dashhboard">
  860. <i class="fa fa-home" style="font-size:12px"></i></a>
  861. </div>
  862. {/block:ifCustomControls}
  863.  
  864. <!-- POSTS -->
  865. <div id="entries">
  866. {block:Posts}
  867. <div class="posts">
  868. {block:Text}
  869. {block:Title}<h1>{Title}</h1>{/block:Title}
  870. <div class="text">{Body}</div>
  871. {/block:Text}
  872. {block:IndexPage}
  873. {block:Photo}
  874. <center><img src="{PhotoURL-HighRes}"/></center>
  875. {block:ifShowCaption}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifShowCaption}
  876. {/block:Photo}
  877.  
  878. {block:Photoset}
  879. <center>{Photoset-250}</center>
  880. {block:ifShowCaption}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifShowCaption}
  881. {/block:Photoset}
  882.  
  883. {block:Answer}
  884. <div class="question"><div class="asker">{Asker} asked:</div> {Question}</div>
  885. <div class="answer">{Answer}</div>
  886. {block:ifShowCaption}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifShowCaption}
  887. {/block:Answer}
  888.  
  889. {block:Audio}
  890. <div class="audiobg">
  891. <div class="audio">
  892. <div class="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  893. <div class="art"></div>
  894. <div class="audioinfo">{block:Artist}{Artist}{/block:Artist} — {block:TrackName}<i>{TrackName}</i>{/block:TrackName}</div>
  895. </div></div>
  896. {block:ifShowCaption}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifShowCaption}
  897. {/block:Audio}
  898.  
  899. {block:Quote}
  900. <div class="quotation">
  901. <i class="fa fa-quote-left"></i>
  902. </div>
  903. <div class="quote">{Quote}</div>
  904. <div class="quotesource">— {block:Source}{Source}{/block:Source}</div>
  905. {block:ifShowCaption}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifShowCaption}
  906. {/block:Quote}
  907.  
  908. {block:Chat}
  909. {block:Title}<h1>{Title}</h1>{/block:Title}
  910. <ul class="chat">{block:Lines}<li class="{Alt} user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>
  911. {block:ifShowCaption}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifShowCaption}
  912. {/block:Chat}
  913.  
  914. {block:Link}
  915. <a href="{URL}"><h2><i class="fa fa-angle-right"></i></i> {Name}</h2></a>
  916. {block:Description}<div class="caption">{Description}</div>{/block:Description}
  917. {/block:Link}
  918.  
  919. {block:Video}
  920. <div class="video">{Video-250}</div>
  921. {block:ifShowCaption}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifShowCaption}
  922. {/block:Video}
  923.  
  924. <div class="permabox">
  925. <a href="{Permalink}">{block:Date}{12HourWithZero}:{Minutes}</a> /{/block:Date} <a href="{ReblogURL}" target="_blank" class="details">reblog</a>
  926. </div>
  927. {block:ifShowTags}
  928. <div class="tags">
  929. {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  930. {/block:ifShowTags}
  931.  
  932. {/block:IndexPage}
  933.  
  934. {block:PermalinkPage}
  935.  
  936. {block:Photo}
  937. <center><img src="{PhotoURL-HighRes}"/></center>
  938. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  939. {/block:Photo}
  940.  
  941. {block:Photoset}
  942. <center>{Photoset-250}</center>
  943. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  944. {/block:Photoset}
  945.  
  946. {block:Answer}
  947. <div class="question"><div class="asker">{Asker} asked:</div> {Question}</div>
  948. <div class="answer">{Answer}</div>
  949. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  950. {/block:Answer}
  951.  
  952. {block:Audio}
  953. <div class="audiobg">
  954. <div class="audio">
  955. <div class="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  956. <div class="art"></div>
  957. <div class="audioinfo">{block:Artist}{Artist}{/block:Artist} — {block:TrackName}<i>{TrackName}</i>{/block:TrackName}</div>
  958. </div></div>
  959. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  960. {/block:Audio}
  961.  
  962. {block:Quote}
  963. <div class="quotation">
  964. <i class="fa fa-quote-left"></i>
  965. </div>
  966. <div class="quote">{Quote}</div>
  967. <div class="quotesource">— {block:Source}{Source}{/block:Source}</div>
  968. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  969. {/block:Quote}
  970.  
  971. {block:Chat}
  972. {block:Title}<h1>{Title}</h1>{/block:Title}
  973. <ul class="chat">{block:Lines}<li class="{Alt} user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>
  974. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  975. {/block:Chat}
  976.  
  977. {block:Link}
  978. <a href="{URL}"><h2><i class="fa fa-angle-right"></i> {Name}</h2></a>
  979. {block:Description}<div class="caption">{Description}</div>{/block:Description}
  980. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  981. {/block:Link}
  982.  
  983. {block:Video}
  984. <div class="video">{Video-250}</div>
  985. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  986. {/block:Video}
  987.  
  988. {/block:PermalinkPage}
  989.  
  990. </div>
  991. <!-- INFO -->
  992. {block:PermalinkPage}
  993. <div class="infobox">
  994. {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}<br>
  995. {block:Date}{ShortMonth} {DayOfMonth} {Year}{/block:Date}{block:NoteCount} / {NoteCountWithLabel}{/block:NoteCount}<br>
  996. {block:RebloggedFrom}from: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource} source: <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}
  997. </div>
  998. {block:PostNotes}{PostNotes}{/block:PostNotes}
  999. {/block:PermalinkPage}
  1000. {/block:Posts}
  1001. </div>
  1002. </div>
  1003.  
  1004. <!-- PAGINATION -->
  1005. {block:IndexPage}
  1006. {block:Pagination}
  1007. <div id="pagination">
  1008. {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}
  1009. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  1010. </div>
  1011. {/block:Pagination}
  1012. {/block:IndexPage}
  1013.  
  1014. </body>
  1015.  
  1016. {block:ifPopupAsk}
  1017. <!-- POPUP ASK -->
  1018. <div id="01" class="popup_block">
  1019. {block:ifFaq}
  1020. <div id="text">
  1021. <div id="message">{text:Faq}</div>
  1022. </div>
  1023. <br>
  1024. {/block:ifFaq}
  1025. <center>
  1026. <iframe frameborder="0" scrolling="yes" width="400" height="250" src="http://www.tumblr.com/ask_form/{text:URL}.tumblr.com" style="background-color:transparent" id="ask_form">
  1027. </center>
  1028. </div>
  1029. {/block:ifPopupAsk}
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!