API tools faq
paste
Advertisement
jaesoonie

THEME #44

jaesoonie
Jul 30th, 2014
3,302
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 37.51 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <!--
  5.  
  6.  
  7.  
  8. ᴛʜᴇᴍᴇ #44;
  9. © ᴍᴀᴅᴇ ʙʏ ᴄʜʟᴏᴇ
  10. [ ʏ-ᴏɴɢɪɴ.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ ] & [ sᴏᴏɴᴊᴜɴs.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ ]
  11.  
  12. ᴛʜᴇᴍᴇs ᴄᴀɴ ʙᴇ ғᴏᴜɴᴅ ᴀᴛ:
  13. [ sᴏᴏɴ-co.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ ]
  14.  
  15.  
  16. - ᴅᴏɴ'ᴛ sᴛᴇᴀʟ ɪᴛ.
  17. - ᴘʟᴇᴀsᴇ ʟᴇᴀᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛ ᴏɴ ᴛʜᴇ ᴛʜᴇᴍᴇ.
  18.  
  19.  
  20.  
  21. -->
  22.  
  23. <head>
  24. <title>{Title}</title>
  25. <link rel="shortcut icon" href="{Favicon}">
  26. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><script type="text/javascript"
  27. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  28.  
  29. <link href='http://fonts.googleapis.com/css?family=Old+Standard+TT:400,400italic,700' rel='stylesheet' type='text/css'>
  30.  
  31. <meta name="select:Font" content="trebuchet ms" title="Trebuchet ms"/>
  32. <meta name="select:Font" content="arial" title="Arial"/>
  33. <meta name="select:Font" content="calibri" title="Calibri"/>
  34. <meta name="select:Font" content="consolas" title="Consolas"/>
  35. <meta name="select:Font" content="times" title="Times New Roman"/>
  36. <meta name="select:Font" content="tunga" title="Tunga"/>
  37. <meta name="select:Font" content="century gothic" title="Century Gothic"/>
  38. <meta name="select:Font" content="cambria" title="Cambria"/>
  39. <meta name="select:Font" content="georgia" title="Georgia"/>
  40.  
  41. <meta name="color:Side Background" content="#cde7ee" />
  42. <meta name="color:Blog Background" content="#cde7ee" />
  43.  
  44. <meta name="color:Borders" content="#fff" />
  45. <meta name="color:Pagination Font" content="#fff" />
  46. <meta name="color:Pagination Background" content="#cde7ee" />
  47. <meta name="color:Navigation Font" content="#fff" />
  48. <meta name="color:Navigation Background" content="#fbe5af" />
  49. <meta name="color:Links Font" content="#fff" />
  50. <meta name="color:Links Background" content="#cde7ee" />
  51. <meta name="color:Title Font" content="#ffffff" />
  52. <meta name="color:Title Background" content="#fbe5af" />
  53. <meta name="color:Description Font" content="#fff" />
  54. <meta name="color:Description Background" content="#cde7ee" />
  55.  
  56. <meta name="color:Post Title Font" content="#fbe5af" />
  57. <meta name="color:Text Posts Background" content="#f5f5f5" />
  58. <meta name="color:All General Text" content="#565656" />
  59. <meta name="color:Bold Text" content="#6f6e6e" />
  60. <meta name="color:Italic Text" content="#b9b8b8" />
  61. <meta name="color:Hyperlinks" content="#a1deee"/>
  62. <meta name="color:Hyperlinks Hover" content="#fff" />
  63.  
  64. <meta name="color:Notes Font" content="#cde7ee" />
  65. <meta name="color:Notes Background" content="#fff" />
  66. <meta name="color:Info Font" content="#fff" />
  67. <meta name="color:Info Background" content="#f5f5f5" />
  68. <meta name="color:Tags Font" content="#fff" />
  69. <meta name="color:Tags Background" content="#cde7ee" />
  70.  
  71. <meta name="color:Tooltip Background" content="#fbe5af" />
  72. <meta name="color:Tooltip Font" content="#ffffff" />
  73. <meta name="color:Question Background" content="#fbe5af" />
  74. <meta name="color:Asker Background" content="#cde7ee" />
  75. <meta name="color:Asker Font" content="#fff" />
  76.  
  77. <meta name="image:Sidebar Background" content="" />
  78. <meta name="image:Navigation Background" content="" />
  79. <meta name="image:Special Cursor Default" content="" />
  80. <meta name="image:Special Cursor Pointer" content="" />
  81.  
  82. <meta name="text:Text Size" content="10px" />
  83. <meta name="text:Post Distance" content="150px"/>
  84. <meta name="text:Line Height" content="130%"/>
  85.  
  86. <meta name="text:Home" content="home" />
  87. <meta name="text:Ask" content="message" />
  88. <meta name="text:Archive" content="archive" />
  89. <meta name="text:Archive Link" content="/archive" />
  90. <meta name="text:Link1" content="/" />
  91. <meta name="text:Link1 Title" content="link 1" />
  92. <meta name="text:Link2" content="/" />
  93. <meta name="text:Link2 Title" content="link 2" />
  94. <meta name="text:Link3" content="/" />
  95. <meta name="text:Link3 Title" content="link 3" />
  96. <meta name="text:Link4" content="/" />
  97. <meta name="text:Link4 Title" content="link 4" />
  98. <meta name="text:Link5" content="/" />
  99. <meta name="text:Link5 Title" content="link 5" />
  100.  
  101. <meta name="if:250px" content="0"/>
  102. <meta name="if:400px" content="0"/>
  103. <meta name="if:500px" content="1"/>
  104.  
  105. <meta name="if:InfiniteScroll" content="0">
  106. <meta name="if:Caption" content="1">
  107. <meta name="text:Opacity Value" content="1"/>
  108. <meta name="if:Greyscale" content="0"/>
  109.  
  110. <meta name="select:Cursor" content="default" title="default">
  111. <meta name="select:Cursor" content="crosshair" title="crosshair">
  112. <meta name="select:Cursor" content="help" title="help">
  113. <meta name="select:Cursor" content="sw-resize" title="resize">
  114.  
  115. <script type="text/javascript"
  116. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  117. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  118. <script>
  119. (function($){
  120. $(document).ready(function(){
  121. $("[title]").style_my_tooltips();
  122. });
  123. })(jQuery);
  124. </script>
  125.  
  126. <style type="text/css">
  127.  
  128.  
  129.  
  130. /* --- general --- */
  131.  
  132.  
  133.  
  134. iframe, img, embed, object, video {max-width: 100%;border: none;}
  135.  
  136.  
  137. body { font-family:{select:Font};line-height:{text:Line Height};color:{color:All General Text};word-wrap: break-word;font-size:{text:Text Size};background:{color:Blog Background};cursor:{select:Cursor};}
  138.  
  139.  
  140.  
  141. a {
  142. text-decoration:none;
  143. cursor:pointer;
  144. color:{color:Hyperlinks};
  145. -webkit-transition: all 0.7s ease-in-out;
  146. -moz-transition: all 0.7s ease-in-out;
  147. -o-transition: all 0.7s ease-in-out;
  148. -ms-transition: all 0.7s ease-in-out;
  149. transition: all 0.7s ease-in-out;}
  150.  
  151. a:link, a:active, a:visited {
  152. color: {color:Hyperlinks};
  153. -webkit-transition: all 0.7s ease-in-out;
  154. -moz-transition: all 0.7s ease-in-out;
  155. -o-transition: all 0.7s ease-in-out;
  156. -ms-transition: all 0.7s ease-in-out;
  157. transition: all 0.7s ease-in-out;}
  158.  
  159. a:hover {color:{color:Hyperlinks Hover};}
  160.  
  161.  
  162. b, strong {
  163. font-weight:700;
  164. color:{color:Bold Text};}
  165.  
  166. i, em {
  167. font-weight:light;
  168. color:{color:Italic Text};}
  169.  
  170. h2 { font:bold 15px arial;}
  171.  
  172.  
  173. blockquote {
  174. margin: 3px;
  175. padding:0px 3px 0px 3px;
  176. line-height:120%;
  177. border-left: 2px solid #fff;
  178. background-color:{color:Text Posts Background};}
  179.  
  180. #caption {
  181. padding: 10px;
  182. color:{color:All General Text};
  183. background-color:{color:Text Posts Background};
  184. text-align:justify;}
  185.  
  186. pre, xmp, plaintext, listing {
  187. display: block;
  188. white-space: pre;
  189. background: {color:Text Posts Background};
  190. padding: 5px;
  191. word-wrap: break-word;
  192. font: 10px consolas;}
  193.  
  194.  
  195.  
  196.  
  197. /* --- sidebar --- */
  198.  
  199.  
  200.  
  201.  
  202. #side {
  203. z-index:0;
  204. background:{color:Side Background} url('{image:Sidebar Background}');
  205. background-position:center;
  206. background-size:cover;
  207. position:fixed;
  208. top:0;
  209. height:100%;
  210. width:270px;
  211. left:0px;}
  212.  
  213.  
  214. #sidebar {
  215. position:absolute;
  216. z-index:9999999;
  217. letter-spacing:1px;
  218. padding:5px;
  219. left:40px;}
  220.  
  221. #sidebar_error {position:fixed;top:165px;}
  222.  
  223. #title {
  224. border: 2px solid {color:Borders};
  225. position:relative;
  226. width:150px;
  227. margin-bottom:5px;
  228. font: 17px 'Old Standard TT';
  229. text-transform:uppercase;
  230. letter-spacing:2px;
  231. line-height:115%;
  232. text-align:center;
  233. padding:10px;
  234. color:{color:Title Font};
  235. background:{color:Title Background};}
  236.  
  237. #title a {color:{color:Title Font};}
  238.  
  239. #navigation {
  240. width: 160px;
  241. padding:8px 5px 5px 5px;
  242. text-align:center;
  243. z-index:9;
  244. position:relative;
  245. text-transform:uppercase;
  246. color:{color:Navigation Font};
  247. background:{color:Navigation Background};
  248. margin-top:20px;
  249. border:2px solid {color:Borders};
  250. font: 13px 'Old Standard TT';
  251. opacity:0;
  252. -webkit-transition: 0.7s linear 0.5s;
  253. -moz-transition: 0.7s linear 0.5s;
  254. -o-transition: 0.7s linear 0.5s;
  255. -ms-transition: 0.7s linear 0.5s;
  256. transition: 0.7s linear 0.5s;}
  257.  
  258. #navigation a {color:{color:Navigation Font};}
  259.  
  260. #navigation_error {position:relative;margin-top:20px;}
  261.  
  262. #navigation_error:before {
  263. border-left:2px solid {color:Borders};
  264. top:-22px;
  265. left:85px;
  266. height:0%;
  267. content:'';
  268. display:block;
  269. position:absolute;
  270. -webkit-transition: all 0.5s ease-in-out;
  271. -moz-transition: all 0.5s ease-in-out;
  272. -o-transition: all 0.5s ease-in-out;
  273. -ms-transition: all 0.5s ease-in-out;
  274. transition: all 0.5s ease-in-out;}
  275.  
  276.  
  277. #sidebar:hover #navigation_error:before {height:23px;}
  278. #sidebar:hover #navigation {opacity:1;}
  279.  
  280.  
  281. #description {
  282. border: 2px solid {color:Borders};
  283. margin-top:0px;
  284. width: 148px;
  285. font: oblique 8px arial;
  286. letter-spacing:1px;
  287. line-height:100%;
  288. padding:11px;
  289. text-align: justify;
  290. color:{color:Description Font};
  291. background:{color:Description Background};}
  292.  
  293.  
  294. #pagination {
  295. margin:auto;
  296. position:relative;
  297. text-align:center;
  298. font:8px arial;
  299. letter-spacing:3px;
  300. text-transform:lowercase;
  301. width: 160px;
  302. margin-bottom:5px;
  303. padding:5px;
  304. border: 2px solid {color:Borders};
  305. color:{color:Pagination Font};
  306. background:{color:Pagination Background};
  307. {block:permalinkpage}display:none;{/block:permalinkpage}
  308. {block:ifinfinitescroll}display:none;{/block:ifinfinitescroll}
  309. -webkit-transition: all 0.7s ease-in-out;
  310. -moz-transition: all 0.7s ease-in-out;
  311. -o-transition: all 0.7s ease-in-out;
  312. -ms-transition: all 0.7s ease-in-out;
  313. transition: all 0.7s ease-in-out;}
  314.  
  315. #pagn {display:inline-block;text-align:center;padding:2px 4px 2px 4px;}
  316. #pagp {display:inline-block;text-align:center;padding:2px 4px 2px 4px;}
  317.  
  318. #pagination a{color:{color:Pagination Font}; cursor:pointer;}
  319. #sidebar:hover #pagination {opacity:1;}
  320.  
  321.  
  322.  
  323.  
  324. /* --- posts --- */
  325.  
  326.  
  327.  
  328. #wall00 {background:#fff;margin-left:262px;z-index:-1;min-height:1000px;position:absolute;top:-10px;{block:if250px}width:340px;{/block:if250px}{block:if400px}width:490px;{block:if400px}{block:if500px}width:595px;{block:if500px}{block:permalinkpage}width:595px;{/block:permalinkpage}}
  329.  
  330.  
  331. #container{
  332. background:white;
  333. padding:60px 50px 20px 40px;
  334. margin-left:260px;
  335. z-index:99999;
  336. margin-top:-10px;
  337. {block:indexpage}
  338. {block:if250px}width:255px;{/block:if250px}
  339. {block:if400px}width:405px;{block:if400px}
  340. {block:if500px}width:505px;{block:if500px}
  341. {block:indexpage}
  342. {block:permalinkpage}width:505px;{/block:permalinkpage}}
  343.  
  344. #posts{
  345. padding:7px;
  346. z-index:99999;
  347. background:white;
  348. {block:indexpage}
  349. {block:if250px}
  350. width:250px;
  351. {/block:if250px}
  352. {block:if400px}
  353. width:400px;
  354. {block:if400px}
  355. {block:if500px}
  356. width:500px;
  357. {block:if500px}
  358. margin-bottom:{text:Post Distance};
  359. {/block:indexpage}
  360. {block:PermalinkPage}
  361. width:500px;margin-bottom:20px;
  362. {/block:PermalinkPage}}
  363.  
  364. .titles{
  365. color:{color:Post Title Font};
  366. font: 20px 'Old Standard TT';
  367. line-height: 100%;
  368. text-align:left;
  369. padding:9px;
  370. letter-spacing:2px;
  371. position:relative;}
  372.  
  373. .titles:before {
  374. top:100%;left:0;width:0%;
  375. content:'';
  376. display:block;
  377. position:absolute;
  378. border-bottom:1px solid {color:Post Title Font};
  379. -webkit-transition: all 0.7s ease-in-out;
  380. -moz-transition: all 0.7s ease-in-out;
  381. -o-transition: all 0.7s ease-in-out;
  382. -ms-transition: all 0.7s ease-in-out;
  383. transition: all 0.7s ease-in-out;}
  384.  
  385. #posts:hover .titles:before{width: 100%;}
  386.  
  387.  
  388.  
  389. #opandgrey {
  390. opacity:{text:Opacity Value};
  391. -webkit-transition-duration:0.8s;
  392. -moz-transition-duration: 0.8s;
  393. transition: all 0.8s ease-in-out;
  394. {block:ifgreyscale}
  395. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");filter: gray;
  396. -webkit-filter: grayscale(100%);-webkit-transition-duration:0.8s;-moz-transition-duration: 0.8s;transition: all 0.8s ease-in-out;{/block:ifgreyscale}}
  397. #opandgrey:hover{{block:indexpage}opacity:1;-webkit-transition-duration:0.8s;-moz-transition-duration: 0.8s;-webkit-filter: grayscale(0%);{/block:indexpage}}
  398.  
  399. #posts img {
  400. max-width:100%;
  401. {block:permalinkpage}max-width:450px;height:auto;{/block:permalinkpage};}
  402.  
  403. #text {
  404. padding: 15px;
  405. text-align:justify;
  406. background:{color:Text Posts Background};}
  407.  
  408. #quote {
  409. position:relative;
  410. text-align:justify;
  411. font: oblique bold 15px arial;
  412. letter-spacing:1px;
  413. line-height: 100%;
  414. padding: 20px 20px 15px 20px;
  415. color:{color:Title Font};
  416. background:{color:Title Background};}
  417.  
  418. #source {font: oblique 9px cambria;letter-spacing:1px; text-align:right;padding: 5px; margin-top:20px;color:{color:Title Font};position:relative;border-top:1px solid #fff;}
  419. #source a {color:{color:Title Font};}
  420.  
  421. .chat ul{padding:0px 0px 0px 0px;margin:0px;}
  422. .chat li{margin-bottom:1px;padding:10px;list-style-type:none;}
  423. .chat li.odd {background:#f5f5f5;}
  424. .chat li.even {background:#fcfcfc;}
  425. span.chats {color:#222;font: 10px calibri; font-weight:700;letter-spacing:1px;text-transform:uppercase;}
  426.  
  427. .audioplayer {position:relative;display:inline-block;width:100%;height:55px;}
  428. .player {left: 5px;top: 5px;padding:10px;background:#f5f5f5;overflow:hidden;}
  429. .button {position: relative;width: 40px;height: 40px;}
  430. .tumblr_audio_player {margin-left:50px;height:40px;background:#111;border:5px solid #fff;margin-top:-5px;}
  431. .audioalbum {position: absolute;left: 5px;top: 5px;overflow: hidden;width: 40px;height: 40px;border:5px solid #fff;}
  432. .audioalbum img {width: 100%;height: auto;}
  433. .audioinfo {width:auto;margin-top:-50px; padding:0px;text-align:left; font-family:consolas;letter-spacing:1px;font-size:9px;font-weight:bold;color:#777;text-transform:uppercase;overflow:hidden;margin-left:120px;}
  434.  
  435. #asker {
  436. line-height: 100%;
  437. text-align:left;
  438. letter-spacing:1px;
  439. text-transform:uppercase;
  440. color:{color:Asker Font};
  441. font: 17px 'Old Standard TT';
  442. background:{color:Asker Background};
  443. margin-bottom:3px;
  444. -webkit-transition: all 0.7s ease-in-out;
  445. -moz-transition: all 0.7s ease-in-out;
  446. -o-transition: all 0.7s ease-in-out;
  447. -ms-transition: all 0.7s ease-in-out;
  448. transition: all 0.7s ease-in-out;}
  449.  
  450. #asker img {padding:3px;background:#fff;margin:8px;width:20px;}
  451. #asker a {color:{color:Asker Font};}
  452.  
  453. #questions {
  454. text-align:justify;
  455. padding:20px;
  456. font:oblique bold 11px calibri;
  457. margin-bottom:5px;
  458. letter-spacing:1px;
  459. background:{color:Question Background};
  460. border:3px double #fff;}
  461.  
  462.  
  463.  
  464.  
  465. /* --- post information --- */
  466.  
  467.  
  468.  
  469.  
  470. .info {
  471. {block:indexpage}
  472. position:absolute;
  473. letter-spacing:1px;
  474. font: 8px consolas;
  475. text-align:center;
  476. text-transform:uppercase;
  477. color:{color:Info Font};
  478. z-index:2;
  479. padding:3px;
  480. line-height:180%;
  481. margin-left:490px;
  482. margin-top:-6px;
  483. width:120px;
  484. opacity:0;
  485. {block:indexpage}
  486. {block:if250px}
  487. margin-left:340px;
  488. {/block:if250px}
  489. {block:if400px}
  490. margin-left:490px;
  491. {block:if400px}
  492. {block:if500px}
  493. margin-left:590px;
  494. {block:if500px}
  495. {/block:indexpage}
  496. -webkit-transition: 0.7s linear 0.6s;
  497. -moz-transition: 0.7s linear 0.6s;
  498. -o-transition: 0.7s linear 0.6s;
  499. -ms-transition: 0.7s linear 0.6s;
  500. transition: 0.7s linear 0.6s;
  501. {/block:indexpage}
  502. {block:PermalinkPage}
  503. display:none;
  504. {/block:PermalinkPage}}
  505.  
  506. .info_error {position:absolute;
  507. {block:indexpage}
  508. {block:if250px}
  509. margin-left:255px;
  510. {/block:if250px}
  511. {block:if400px}
  512. margin-left:405px;
  513. {block:if400px}
  514. {block:if500px}
  515. margin-left:505px;
  516. {block:if500px}
  517. {/block:indexpage}}
  518.  
  519. .info_error:before {
  520. border-top:1px solid {color:Title Background};
  521. outline:1px solid #fff;
  522. top:8px;
  523. left:0;
  524. width:0px;
  525. content:'';
  526. display:block;
  527. position:absolute;
  528. -webkit-transition: all 0.6s ease-in-out;
  529. -moz-transition: all 0.6s ease-in-out;
  530. -o-transition: all 0.6s ease-in-out;
  531. -ms-transition: all 0.6s ease-in-out;
  532. transition: all 0.6s ease-in-out;}
  533.  
  534. #posts:hover .info_error:before {width:80px;}
  535.  
  536. .tagging{
  537. {block:indexpage}
  538. background:#f5f5f5;
  539. text-transform:uppercase;
  540. font-family: calibri;
  541. font-size:8px;
  542. opacity:0;
  543. line-height:140%;
  544. text-align:justify;
  545. word-wrap: break-word;
  546. border-top:1px solid #fff;
  547. -webkit-transition: all 0.7s ease-in-out;
  548. -moz-transition: all 0.7s ease-in-out;
  549. -o-transition: all 0.7s ease-in-out;
  550. -ms-transition: all 0.7s ease-in-out;
  551. transition: all 0.7s ease-in-out;
  552. {/block:indexpage}
  553. {block:PermalinkPage}
  554. display:none;
  555. {/block:PermalinkPage}}
  556.  
  557.  
  558. #posts:hover .tagging, #posts:hover .info {opacity:1;}
  559. .info a{color:{color:Info Font};}
  560. .tagging a{color:{color:Tags Font};background:{color:Tags Background};padding:0 2px 0 2px;}
  561.  
  562.  
  563.  
  564.  
  565. /* --- permalink --- */
  566.  
  567.  
  568.  
  569.  
  570. #infoperm{
  571. font-family: arial;
  572. font-size:10px;
  573. text-transform:lowercase;
  574. letter-spacing:1px;
  575. text-align:center;
  576. margin-top:3px;
  577. padding-top: 8px;
  578. padding-bottom: 8px;
  579. background-color: #f5f5f5;}
  580.  
  581. #tagperm{
  582. font-family:calibri;
  583. text-transform:normal;
  584. text-transform:uppercase;
  585. font-size:8px;
  586. letter-spacing: 1px;
  587. text-align:justify;
  588. margin-top: 3px;
  589. padding: 13px;
  590. background-color: #f5f5f5;}
  591.  
  592. #notecount{
  593. font:bold 20px consolas;
  594. text-transform:normal;
  595. letter-spacing: -1px;
  596. text-align:center;
  597. margin-top:5px;
  598. margin-bottom: 10px;
  599. padding: 1px;
  600. color:#333;
  601. background-color:#f5f5f5;}
  602.  
  603. #infoperm a {{color:hyperlinks};}
  604. #tagperm a {{color:hyperlinks};}
  605. #tagperm a:hover {color:{color:hyperlinks hover};}
  606.  
  607. .pnotes {
  608. width:490px;
  609. text-align: left;
  610. overflow:auto;
  611. line-height:15px;
  612. padding:5px;
  613. background:#f5f5f5;
  614. font:10px arial;}
  615.  
  616. .pnotes img{width:26px;margin:5px;border:5px solid #f5f5f5;}
  617. .pnotes li{list-style-type:none; padding:4px;margin-bottom:5px;background:#fff;margin-left:-40px;border-radius:4px;}
  618. ol.notes {margin: 10px;}
  619. img.avatar {
  620. vertical-align: -19px;
  621. width: 26px;
  622. height: 26px;
  623. padding: 1px;}
  624.  
  625.  
  626.  
  627. /* --- etc --- */
  628.  
  629.  
  630. .sidr{
  631. display:none;
  632. position:fixed;
  633. top:0;
  634. background:{color:Navigation Background} url('{image:Navigation Background}');
  635. background-position:center;
  636. background-size:cover;
  637. height:100%;
  638. z-index:99;
  639. width:270px;
  640. overflow-x:none;
  641. overflow-y:auto;
  642. color:#bbb;
  643. text-align:right;}
  644. .sidr.left{left:-270px;right:auto;}
  645. .sidr ul{display:block;margin-top:160px;padding:5px;}
  646. .sidr ul li{display:block;margin:auto;text-align:center;}
  647.  
  648. .sidr ul li a,.sidr ul li span{
  649. display:block;
  650. margin:5px;
  651. width:120px;
  652. font: 8px calibri;
  653. text-transform:uppercase;
  654. letter-spacing:2px;
  655. color:{color:Links Font};
  656. padding:5px;
  657. background:{color:Links Background};
  658. border:2px solid {color:Borders};
  659. margin-left:60px;}
  660.  
  661. .sidr ul li a:hover {color:#fff;}
  662.  
  663.  
  664. #chloe {font-size:8px;font-family:consolas;text-align:center;letter-spacing:2px;padding: 5px 8px 5px 8px;z-index:99999;position:fixed;bottom:0px;right:0px;color:#fff;background:{color:Tooltip Background};}
  665. #chloe a {color:{color:Tooltip Font};}
  666.  
  667. #s-m-t-tooltip {display: block;background: {color:Tooltip Background};font-size: 8px;font-family: calibri;letter-spacing: 1px;text-transform: uppercase;line-height:130%;color: {color:Tooltip Font};text-align: center;margin-left: 25px;padding:6px;min-width: 40px;max-width: 150px;z-index: 9999999999;}
  668.  
  669. iframe#tumblr_controls {right:0px !important;position:fixed !important;opacity:0.5;z-index:999999;-webkit-transition-duration:0.8s;-moz-transition-duration: 0.8s;}
  670. iframe#tumblr_controls:hover {opacity:1;-webkit-transition-duration:0.8s;-moz-transition-duration: 0.8s;}
  671.  
  672. ::-webkit-scrollbar-track {background-color:{color:Blog Background};}
  673. ::-webkit-scrollbar-thumb {background-color:{color:Blog Background};border:2px solid #fff;}
  674. ::-webkit-scrollbar {width:7px;height:7px;}
  675.  
  676. ::selection {color: #bbb; background: #f5f5f5; }
  677. ::-moz-selection {color: #bbb; background: #f5f5f5; }
  678. ::-webkit-selection {color: #bbb; background: #f5f5f5; }
  679.  
  680. </style>
  681.  
  682. </head>
  683. <body>
  684.  
  685.  
  686. <div id="side"></div>
  687.  
  688. <div id="sidebar">
  689.  
  690. <div id="sidebar_error">
  691. <div id="pagination">
  692. {block:Pagination}
  693. {block:PreviousPage}
  694. <div id="pagp"><a href="{PreviousPage}"> back</a>
  695. </div>
  696. {/block:PreviousPage}
  697. —
  698. {block:NextPage}
  699. <div id="pagn"><a href="{NextPage}">forth </a>
  700. </div>
  701. {/block:NextPage}
  702. {/block:Pagination}
  703. </div>
  704.  
  705. <div id="title"><a href="/">{Title}</a></div>
  706.  
  707. <div id="description">{block:Description}{Description}{/block:Description}</div>
  708.  
  709. <div id="navigation_error"></div>
  710.  
  711. <div id="navigation"><a id="simple-menu" href="#sidr">navigation</a></div>
  712.  
  713. </div></div>
  714.  
  715. <div id="sidr">
  716. <ul>
  717. <li><a href="/">{text:Home}</a></li>
  718. <li><a href="/ask">{text:Ask}</a></li>
  719. <li><a href="{text:archive link}">{text:archive}</a></li>
  720. {block:ifLink1}<li><a href="{text:Link1}">{text:Link1 Title}</a></li>{/block:ifLink1}
  721. {block:ifLink2}<li><a href="{text:Link2}">{text:Link2 Title}</a></li>{/block:ifLink2}
  722. {block:ifLink3}<li><a href="{text:Link3}">{text:Link3 Title}</a></li>{/block:ifLink3}
  723. {block:ifLink4}<li><a href="{text:Link4}">{text:Link4 Title}</a></li>{/block:ifLink4}
  724. {block:ifLink5}<li><a href="{text:Link5}">{text:Link5 Title}</a></li>{/block:ifLink5}
  725. {block:ifLink6}<li><a href="{text:Link6}">{text:Link6 Title}</a></li>{/block:ifLink6}
  726. </ul>
  727. </div>
  728.  
  729. <script src="http://static.tumblr.com/camqjbz/Dk0n8c0on/jquery.sidr.min.js"></script>
  730. <script>
  731. $(document).ready(function() {
  732. $('#simple-menu').sidr({
  733. speed:600,
  734. });
  735. });
  736. </script>
  737.  
  738.  
  739.  
  740. <!-----------posts-------------->
  741.  
  742.  
  743.  
  744. <div id="wall00"></div>
  745. <div id="container">
  746.  
  747. {block:Posts}
  748. <div id="posts">
  749.  
  750.  
  751.  
  752.  
  753. {block:Quote}
  754.  
  755. <div class="info_error"></div>
  756. <div class="info">
  757. <span style="background:{color:Notes Background};color:{color:Notes Font};font:20px consolas;padding:2px 10px 2px 10px;">{NoteCount}</span>{block:Date} <br><br>— <a href="{Permalink}" title="permalink">{TimeAgo}</a> —{/block:Date} {block:RebloggedFrom} <br><span style="border:1px solid #fff;padding:1px 5px 1px 5px;"><a href="{ReblogParentURL}" title="{ReblogParentName}">from</a></span> & <span style="border:1px solid #fff;padding:1px 5px 1px 5px;"><a href="{ReblogRootURL}" title="{ReblogRootName}">cred</a></span>{/block:RebloggedFrom} <br> <a href="{ReblogURL}" title="reblog this post">reblog this post?</a>
  758. </div>
  759.  
  760. <div id="quote">{Quote}<div id="source">{Source}</div></div>
  761.  
  762. <div class="tagging">
  763. {block:HasTags}{block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}
  764. </div>
  765.  
  766. {/block:Quote}
  767.  
  768.  
  769.  
  770.  
  771.  
  772. {block:Photo}
  773.  
  774. {block:indexpage}
  775.  
  776. <div class="info_error"></div>
  777. <div class="info">
  778. <span style="background:{color:Notes Background};color:{color:Notes Font};font:20px consolas;padding:2px 10px 2px 10px;">{NoteCount}</span>{block:Date} <br><br>— <a href="{Permalink}" title="permalink">{TimeAgo}</a> —{/block:Date} {block:RebloggedFrom} <br><span style="border:1px solid #fff;padding:1px 5px 1px 5px;"><a href="{ReblogParentURL}" title="{ReblogParentName}">from</a></span> & <span style="border:1px solid #fff;padding:1px 5px 1px 5px;"><a href="{ReblogRootURL}" title="{ReblogRootName}">cred</a></span>{/block:RebloggedFrom} <br> <a href="{ReblogURL}" title="reblog this post">reblog this post?</a>
  779. </div>
  780.  
  781. <div id="opandgrey">
  782.  
  783. <center>
  784. <img src="{PhotoURL-500}" style="
  785. {block:if250px}width:250px;{/block:if250px}
  786. {block:if400px}width:400px;{/block:if400px}
  787. {block:if500px}width:500px;{/block:if500px}"/>
  788. </center>
  789.  
  790. </div>
  791.  
  792. {block:ifcaption}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:ifcaption}
  793.  
  794. <div class="tagging">
  795. {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  796. </div>
  797.  
  798. {/block:indexpage}
  799.  
  800. {block:permalinkpage}
  801. <center>
  802. <img src="{PhotoURL-500}" alt="{PhotoAlt}" style="max-width:500px;">
  803. </center>
  804. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  805. {/block:permalinkpage}
  806.  
  807. {/block:Photo}
  808.  
  809.  
  810.  
  811.  
  812.  
  813. {block:Photoset}
  814.  
  815. {block:indexpage}
  816.  
  817. <div class="info_error"></div>
  818. <div class="info">
  819. <span style="background:{color:Notes Background};color:{color:Notes Font};font:20px consolas;padding:2px 10px 2px 10px;">{NoteCount}</span>{block:Date} <br><br>— <a href="{Permalink}" title="permalink">{TimeAgo}</a> —{/block:Date} {block:RebloggedFrom} <br><span style="border:1px solid #fff;padding:1px 5px 1px 5px;"><a href="{ReblogParentURL}" title="{ReblogParentName}">from</a></span> & <span style="border:1px solid #fff;padding:1px 5px 1px 5px;"><a href="{ReblogRootURL}" title="{ReblogRootName}">cred</a></span>{/block:RebloggedFrom} <br> <a href="{ReblogURL}" title="reblog this post">reblog this post?</a>
  820. </div>
  821.  
  822. <div id="opandgrey">
  823.  
  824. <center>
  825. {block:if250px}{Photoset-250}{/block:if250px}
  826. {block:if400px}{Photoset-400}{/block:if400px}
  827. {block:if500px}{Photoset-500}{/block:if500px}
  828. </center>
  829.  
  830.  
  831. </div>
  832.  
  833. {block:ifcaption}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:ifcaption}
  834.  
  835. <div class="tagging">
  836. {block:HasTags}{block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:HasTags}
  837. </div>
  838.  
  839. {/block:indexpage}
  840.  
  841. {block:permalinkpage}
  842. <center>{Photoset-500}</center>
  843. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  844. {/block:permalinkpage}
  845.  
  846. {/block:Photoset}
  847.  
  848.  
  849.  
  850.  
  851.  
  852. {block:Link}
  853.  
  854. <div class="info_error"></div>
  855. <div class="info">
  856. <span style="background:{color:Notes Background};color:{color:Notes Font};font:20px consolas;padding:2px 10px 2px 10px;">{NoteCount}</span>{block:Date} <br><br>— <a href="{Permalink}" title="permalink">{TimeAgo}</a> —{/block:Date} {block:RebloggedFrom} <br><span style="border:1px solid #fff;padding:1px 5px 1px 5px;"><a href="{ReblogParentURL}" title="{ReblogParentName}">from</a></span> & <span style="border:1px solid #fff;padding:1px 5px 1px 5px;"><a href="{ReblogRootURL}" title="{ReblogRootName}">cred</a></span>{/block:RebloggedFrom} <br> <a href="{ReblogURL}" title="reblog this post">reblog this post?</a>
  857. </div>
  858.  
  859. <a href="{URL}" class="link" {Target}>
  860. <div class="titles">{Name} ▹</div>
  861. </a>
  862. {block:Description}
  863. <div id="text">{Description}</div>
  864. {/block:Description}
  865.  
  866. <div class="tagging">
  867. {block:HasTags}{block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}
  868. </div>
  869.  
  870. {block:Link}
  871.  
  872.  
  873.  
  874.  
  875.  
  876. {block:Chat}
  877.  
  878. <div class="info_error"></div>
  879. <div class="info">
  880. <span style="background:{color:Notes Background};color:{color:Notes Font};font:20px consolas;padding:2px 10px 2px 10px;">{NoteCount}</span>{block:Date} <br><br>— <a href="{Permalink}" title="permalink">{TimeAgo}</a> —{/block:Date} {block:RebloggedFrom} <br><span style="border:1px solid #fff;padding:1px 5px 1px 5px;"><a href="{ReblogParentURL}" title="{ReblogParentName}">from</a></span> & <span style="border:1px solid #fff;padding:1px 5px 1px 5px;"><a href="{ReblogRootURL}" title="{ReblogRootName}">cred</a></span>{/block:RebloggedFrom} <br> <a href="{ReblogURL}" title="reblog this post">reblog this post?</a>
  881. </div>
  882.  
  883. {block:Title}
  884. <div class="titles">{Title}</div>
  885. {/block:Title}
  886. <div class="chat">
  887. <ul>
  888. {block:Lines}
  889. <li class="{Alt} u{UserNumber}">
  890. {block:Label}<span class="chats">{Label}</span>{/block:Label}
  891. {Line}</li>
  892. {/block:Lines}
  893. </ul>
  894. </div>
  895.  
  896. <div class="tagging">
  897. {block:HasTags}{block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}
  898. </div>
  899.  
  900. {/block:Chat}
  901.  
  902.  
  903.  
  904.  
  905.  
  906. {block:Audio}
  907.  
  908. <div class="info_error"></div>
  909. <div class="info">
  910. <span style="background:{color:Notes Background};color:{color:Notes Font};font:20px consolas;padding:2px 10px 2px 10px;">{NoteCount}</span>{block:Date} <br><br>— <a href="{Permalink}" title="permalink">{TimeAgo}</a> —{/block:Date} {block:RebloggedFrom} <br><span style="border:1px solid #fff;padding:1px 5px 1px 5px;"><a href="{ReblogParentURL}" title="{ReblogParentName}">from</a></span> & <span style="border:1px solid #fff;padding:1px 5px 1px 5px;"><a href="{ReblogRootURL}" title="{ReblogRootName}">cred</a></span>{/block:RebloggedFrom} <br> <a href="{ReblogURL}" title="reblog this post">reblog this post?</a>
  911. </div>
  912.  
  913. {block:AudioPlayer}
  914. <div class="audioplayer">
  915. {block:AlbumArt}<div class="audioalbum"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  916. <div class="player">
  917. <div class="button">{AudioPlayerGrey}</div>
  918. </div>
  919. <div class="audioinfo">{block:TrackName}{TrackName}{/block:TrackName}{block:Artist} // {Artist}{/block:Artist} {block:PlayCount}// {PlayCountWithLabel}{/block:PlayCount}
  920. </div>
  921. </div>
  922. {/block:AudioPlayer}
  923.  
  924. {block:ifcaption}{block:Caption}<br><br><div id="caption">{Caption}</div>{/block:Caption}{/block:ifcaption}
  925.  
  926. <div class="tagging">
  927. {block:HasTags}{block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}
  928. </div>
  929.  
  930. {/block:Audio}
  931.  
  932.  
  933.  
  934.  
  935.  
  936. {block:Text}
  937.  
  938. {block:indexpage}
  939.  
  940. <div class="info_error"></div>
  941. <div class="info">
  942. <span style="background:{color:Notes Background};color:{color:Notes Font};font:20px consolas;padding:2px 10px 2px 10px;">{NoteCount}</span>{block:Date} <br><br>— <a href="{Permalink}" title="permalink">{TimeAgo}</a> —{/block:Date} {block:RebloggedFrom} <br><span style="border:1px solid #fff;padding:1px 5px 1px 5px;"><a href="{ReblogParentURL}" title="{ReblogParentName}">from</a></span> & <span style="border:1px solid #fff;padding:1px 5px 1px 5px;"><a href="{ReblogRootURL}" title="{ReblogRootName}">cred</a></span>{/block:RebloggedFrom} <br> <a href="{ReblogURL}" title="reblog this post">reblog this post?</a>
  943. </div>
  944.  
  945. <div id="opandgrey">
  946.  
  947. {block:Title}
  948. <div class="titles">{Title}</div>
  949. {/block:Title}
  950. <div id="text">{Body}</div>
  951.  
  952. </div>
  953.  
  954. <div class="tagging">
  955. {block:HasTags}{block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}
  956. </div>
  957.  
  958. {/block:indexpage}
  959.  
  960. {block:permalinkpage}
  961. {block:Title}
  962. <div class="titles">{Title}</div>
  963. {/block:Title}
  964. <div id="text">{Body}</div>
  965. {/block:permalinkpage}
  966.  
  967. {/block:Text}
  968.  
  969.  
  970.  
  971.  
  972.  
  973. {block:Video}
  974.  
  975. {block:indexpage}
  976.  
  977. <div class="info_error"></div>
  978. <div class="info">
  979. <span style="background:{color:Notes Background};color:{color:Notes Font};font:20px consolas;padding:2px 10px 2px 10px;">{NoteCount}</span>{block:Date} <br><br>— <a href="{Permalink}" title="permalink">{TimeAgo}</a> —{/block:Date} {block:RebloggedFrom} <br><span style="border:1px solid #fff;padding:1px 5px 1px 5px;"><a href="{ReblogParentURL}" title="{ReblogParentName}">from</a></span> & <span style="border:1px solid #fff;padding:1px 5px 1px 5px;"><a href="{ReblogRootURL}" title="{ReblogRootName}">cred</a></span>{/block:RebloggedFrom} <br> <a href="{ReblogURL}" title="reblog this post">reblog this post?</a>
  980. </div>
  981.  
  982. <center>
  983. {block:if250px}{Video-250}{/block:if250px}
  984. {block:if400px}{Video-400}{/block:if400px}
  985. {block:if500px}{Video-500}{/block:if500px}
  986. </center>
  987.  
  988. {block:ifcaption}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:ifcaption}
  989.  
  990. <div class="tagging">
  991. {block:HasTags}{block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}
  992. </div>
  993.  
  994. {/block:indexpage}
  995.  
  996. {block:permalinkpage}
  997. <center>{Video-500}</center>
  998. {block:Caption}{Caption}{/block:Caption}
  999. {/block:permalinkpage}
  1000.  
  1001. {block:Video}
  1002.  
  1003.  
  1004.  
  1005.  
  1006.  
  1007. {block:Answer}
  1008.  
  1009. <div class="info_error"></div>
  1010. <div class="info">
  1011. <span style="background:{color:Notes Background};color:{color:Notes Font};font:20px consolas;padding:2px 10px 2px 10px;">{NoteCount}</span>{block:Date} <br><br>— <a href="{Permalink}" title="permalink">{TimeAgo}</a> —{/block:Date} {block:RebloggedFrom} <br><span style="border:1px solid #fff;padding:1px 5px 1px 5px;"><a href="{ReblogParentURL}" title="{ReblogParentName}">from</a></span> & <span style="border:1px solid #fff;padding:1px 5px 1px 5px;"><a href="{ReblogRootURL}" title="{ReblogRootName}">cred</a></span>{/block:RebloggedFrom} <br> <a href="{ReblogURL}" title="reblog this post">reblog this post?</a>
  1012. </div>
  1013.  
  1014. <div id="asker">
  1015. <img src="{AskerPortraitURL-30}" style="vertical-align:-14px;"> {Asker}:</div>
  1016. <div id="questions">{Question}</div>
  1017. <div id="text">{Answer}</div>
  1018.  
  1019. <div class="tagging">
  1020. {block:HasTags}{block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:HasTags}
  1021. </div>
  1022.  
  1023. {/block:Answer}
  1024.  
  1025.  
  1026.  
  1027.  
  1028.  
  1029. <!----------------------->
  1030.  
  1031.  
  1032.  
  1033.  
  1034. {block:permalinkpage}
  1035.  
  1036.  
  1037. <div id="infoperm">
  1038. {block:Date}Posted on {Month} {DayOfMonth}, {Year} at {24Hour}:{Minutes}{/block:Date}</div>
  1039. <div id="infoperm">
  1040. {block:RebloggedFrom} <b>via</b> <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom}
  1041. {block:ContentSource} <b>and originally from</b> <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}</div>
  1042.  
  1043. {block:HasTags}
  1044. <div id="tagperm">
  1045. <b>Tagged as:</b>{block:Tags} <a href="{TagURL}"> <small>#</small>{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  1046.  
  1047. <div id="notecount">{block:NoteCount}<p>{NoteCountWithLabel}{/block:NoteCount}</div>
  1048.  
  1049. <div class="pnotes">
  1050. {block:PostNotes}
  1051. {PostNotes-64}
  1052. {/block:PostNotes}
  1053. </div>
  1054.  
  1055.  
  1056. {/block:permalinkpage}
  1057.  
  1058.  
  1059. </div>
  1060. {/block:Posts}
  1061. </div>
  1062.  
  1063.  
  1064.  
  1065. <!----------------------->
  1066.  
  1067.  
  1068.  
  1069.  
  1070. {block:ifinfinitescroll}
  1071. {block:indexpage}
  1072.  
  1073. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  1074. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  1075. <script type="text/javascript">
  1076. $(window).load(function(){
  1077. var $wall = $('#container');
  1078. $wall.imagesLoaded(function(){
  1079. $wall.masonry({
  1080. itemSelector: '#posts',
  1081. isAnimated : true,
  1082. });
  1083. });
  1084.  
  1085. $wall.infinitescroll({
  1086. navSelector : '#page-nav',
  1087. nextSelector : '#page-nav a',
  1088. itemSelector : '#posts',
  1089. bufferPx : 1000,
  1090. debug : true,
  1091. errorCallback: function() {
  1092. $('#infscr-loading').fadeOut('linear');
  1093. }},
  1094. function( newElements ) {
  1095. var $newElems = $( newElements );
  1096. $newElems.hide();
  1097. $newElems.imagesLoaded(function(){
  1098. $wall.masonry( 'appended', $newElems,{isAnimated: true}, function(){$newElems.fadeIn('slow');} );
  1099. });
  1100. }); $('#content').show(400);
  1101. });
  1102. </script>
  1103.  
  1104. {/block:indexpage}
  1105. {/block:ifinfinitescroll}
  1106.  
  1107. <div id="chloe" title="coded by chloe"><a href="http://adf.ly/s0LYq">SOONCO</a></div>
  1108. </body>
  1109. </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!