API tools faq
paste
Advertisement
jaesoonie

THEME #43

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