API tools faq
paste
Advertisement
okesan

sparkle theme 1

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