API tools faq
paste
mugendia

Theme: Bento

mugendia
Jul 18th, 2012 (edited)
56,371
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 43.36 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7. <link href='https://fonts.googleapis.com/css?family=Codystar|Ruda' rel='stylesheet' type='text/css'>
  8.  
  9. <!--
  10.  
  11.  
  12. #06 BENTO THEME BY COCORINI (https://cocorini.tumblr.com).
  13. PLEASE DO NOT REMOVE THIS CREDIT. THANK YOU!
  14.  
  15.  
  16. -->
  17.  
  18. <meta name="color:Background" content="#fff"/>
  19. <meta name="color:Top Background" content="#fff"/>
  20. <meta name="color:Horizontal Line" content="#e1ecee"/>
  21. <meta name="color:Posts Background Column" content="#fff"/>
  22.  
  23. <meta name="color:Entries" content="#fff"/>
  24. <meta name="color:Entries Border" content="#eef1f1"/>
  25. <meta name="color:Body Text" content="#afaeaa"/>
  26. <meta name="color:Body Bold Text" content="#e0c49f"/>
  27. <meta name="color:Body Italic Text" content="#abc2b7"/>
  28. <meta name="color:Body Links" content="#e29ba0"/>
  29. <meta name="color:Body Links Hover" content="#a8b38f"/>
  30.  
  31. <meta name="color:Entry Title" content="#b3c3c9"/>
  32. <meta name="color:Entry Title Underline" content="#dad2d2"/>
  33. <meta name="color:Entry Title Left Border" content="#f5f3f3"/>
  34.  
  35. <meta name="color:Permalink Text" content="#769790"/>
  36. <meta name="color:Permalink Hover Text" content="#769790"/>
  37. <meta name="color:Permalink Background" content="#f3f1eb"/>
  38. <meta name="color:Permalink Hover Background" content="#f8e8ec"/>
  39.  
  40. <meta name="color:Title" content="#bbad9d"/>
  41. <meta name="color:Title Background" content="#f8f8e3"/>
  42. <meta name="color:Title Border" content="#c0cac3"/>
  43.  
  44. <meta name="color:Sidebar Background" content="#eef3eb"/>
  45. <meta name="color:Sidebar Border" content="#ddd"/>
  46. <meta name="color:Sidebar Shadow" content="#dce1e6"/>
  47. <meta name="color:Description Text" content="#b6b1a6"/>
  48. <meta name="color:Description Border" content="#eeebe6"/>
  49. <meta name="color:Description Background" content="#fff"/>
  50. <meta name="color:Custom Links Icon BG" content="#f9f9f9"/>
  51.  
  52. <meta name="color:Navigation 1 Link Text" content="#c7baa7"/>
  53. <meta name="color:Navigation 1 Link Background" content="#ebe9d6"/>
  54. <meta name="color:Navigation 2 Link Text" content="#a8c5bd"/>
  55. <meta name="color:Navigation 2 Link Background" content="#d6e5e9"/>
  56. <meta name="color:Navigation 3 Link Text" content="#c2a78d"/>
  57. <meta name="color:Navigation 3 Link Background" content="#f8d7db"/>
  58. <meta name="color:Navigation 4 Link Text" content="#94bda7"/>
  59. <meta name="color:Navigation 4 Link Background" content="#d3ecd6"/>
  60.  
  61. <meta name="color:Custom Links Text" content="#92a3a3"/>
  62. <meta name="color:Custom Links Text Hover" content="#c08664"/>
  63. <meta name="color:Custom Links Background" content="#edfaef"/>
  64. <meta name="color:Custom Links Hover Background" content="#fae1ca"/>
  65.  
  66. <meta name="color:Blockquote Border" content="#e9e4d9"/>
  67. <meta name="color:Asker Border" content="#f3f1eb"/>
  68. <meta name="color:Asker Underline" content="#f3eae0"/>
  69.  
  70. <meta name="color:Scrollbar" content="#eec5c7"/>
  71. <meta name="color:Scrollbar Background" content="#f8f8f8"/>
  72.  
  73. <meta name="color:Panda Face" content="#fff"/>
  74. <meta name="color:Panda Ears" content="#000"/>
  75. <meta name="color:Panda Big Eyes" content="#000"/>
  76. <meta name="color:Panda Small Eyes" content="#fff"/>
  77. <meta name="color:Panda Nose" content="#000"/>
  78.  
  79. <meta name="color:Frog Face" content="#c5ddbd"/>
  80. <meta name="color:Frog Eyes" content="#000"/>
  81. <meta name="color:Frog Eyes Border" content="#faeeaf"/>
  82. <meta name="color:Frog Nose" content="#aaa"/>
  83.  
  84. <meta name="color:Bear Face" content="#bc9c85"/>
  85. <meta name="color:Bear Ears" content="#e1b8a4"/>
  86. <meta name="color:Bear Eyes" content="#000"/>
  87. <meta name="color:Bear Cheek" content="#e7dfc7"/>
  88. <meta name="color:Bear Nose" content="#000"/>
  89.  
  90. <meta name="color:Cat Face" content="#f2d0a4"/>
  91. <meta name="color:Cat Ears" content="#e7c7d0"/>
  92. <meta name="color:Cat Eyes" content="#000"/>
  93. <meta name="color:Cat Eyes Border" content="#faeeaf"/>
  94. <meta name="color:Cat Cheek" content="#fff"/>
  95. <meta name="color:Cat Nose" content="#e7c7d0"/>
  96. <meta name="color:Cat Whiskers" content="#e7c7d0"/>
  97.  
  98. <meta name="image:Top Background" content="https://media.tumblr.com/1f83bdd9c3342538aaa4d90bf706c57c/tumblr_inline_mst774G3WD1qz4rgp.png"/>
  99. <meta name="image:Background" content="https://media.tumblr.com/466422b5392458d55faaeaf35fe2346a/tumblr_inline_mst779zVBO1qz4rgp.png"/>
  100. <meta name="image:Posts Background Column" content="https://media.tumblr.com/2faf7b094c28c0e397f1ea471b37dcd1/tumblr_inline_mst799FZE51qz4rgp.png">
  101. <meta name="image:Sidebar Image" content="https://media.tumblr.com/a67f0136d4235bbfa7b7aea177819ef5/tumblr_inline_mj548rXgZX1qz4rgp.png"/>
  102. <meta name="image:Sidebar Background" content="https://media.tumblr.com/8802412242268afe1eeaeae15718c637/tumblr_inline_mtl8826NX21sna172.png"/>
  103. <meta name="image:Custom Links Icon" content="https://media.tumblr.com/b5ffc1a59bfdc158dab490049756edc4/tumblr_inline_mj548wnG8L1qz4rgp.png"/>
  104.  
  105. <meta name="text:Custom Link One" content="extra link 1"/>
  106. <meta name="text:Custom Link One URL" content=""/>
  107. <meta name="text:Custom Link Two" content="extra link 2"/>
  108. <meta name="text:Custom Link Two URL" content=""/>
  109. <meta name="text:Custom Link Three" content="extra link 3"/>
  110. <meta name="text:Custom Link Three URL" content=""/>
  111. <meta name="text:Custom Link Four" content=""/>
  112. <meta name="text:Custom Link Four URL" content=""/>
  113. <meta name="text:Custom Link Five" content=""/>
  114. <meta name="text:Custom Link Five URL" content=""/>
  115. <meta name="text:Custom Link Six" content=""/>
  116. <meta name="text:Custom Link Six URL" content=""/>
  117.  
  118. <meta name="if:Posts 400" content=""/>
  119. <meta name="if:Image Fade" content="1"/>
  120. <meta name="if:Show Captions" content=""/>
  121. <meta name="if:Show Like Reblog" content="1"/>
  122. <meta name="if:Show Tags" content="1"/>
  123. <meta name="if:Custom Links" content="1"/>
  124. <meta name="if:Show Custom Links Icon" content="1"/>
  125. <meta name="if:Infinite Scroll" content="1"/>
  126. <meta name="if:Top Background" content="1"/>
  127. <meta name="if:Posts Background Column" content="1"/>
  128. <meta name="if:Entries Border" content="1"/>
  129. <meta name="if:Show Characters" content="1"/>
  130. <meta name="if:Not Hover Over Navigation" content=""/>
  131.  
  132.  
  133. <style type="text/css">
  134.  
  135. @font-face {font-family: "tinytots";src: url('https://dl.dropboxusercontent.com/u/54526653/tinytots.TTF');}
  136.  
  137. /*BACKGROUND*/
  138.  
  139. body {
  140. font-family: ruda;
  141. font-size: 11px;
  142. background-color: {color:Background};
  143. background-image: url('{image:Background}');
  144. background-attachment: fixed;
  145. text-align: justify;
  146. color: {color:Body Text};
  147. }
  148.  
  149. #place {
  150. position: fixed;
  151. left: 0px;
  152. top: 0px;
  153. {block:IfTopBackground}width: 100%;
  154. height: 380px;
  155. {block:ifNotShowCharacters}height: 340px;{/block:ifNotShowCharacters}
  156. background-color: {color:Top Background};
  157. background-image: url('{image:Top Background}');
  158. background-attachment: fixed;{/block:IfTopBackground}
  159. }
  160.  
  161. #line {
  162. position: fixed;
  163. z-index: -1;
  164. top: 380px;
  165. {block:ifNotShowCharacters}top: 340px;{/block:ifNotShowCharacters}
  166. width: 100%;
  167. height: 10px;
  168. background-color: {color:Horizontal Line};
  169. }
  170.  
  171. {block:IfPostsBackgroundColumn}#postsbg {
  172. position: fixed;
  173. left: 490px;
  174. {block:IfPosts400}{block:IfNotEntriesBorder}width: 441px;{/block:IfNotEntriesBorder}
  175. {block:IfEntriesBorder}width: 445px;{/block:IfEntriesBorder}{/block:IfPosts400}
  176. {block:IfNotPosts400}{block:IfNotEntriesBorder}width: 541px;{/block:IfNotEntriesBorder}
  177. {block:IfEntriesBorder}width: 545px;{/block:IfEntriesBorder}{/block:IfNotPosts400}
  178. height: 100%;
  179. background-color: {color:Posts Background Column};
  180. background-image: url('{image:Posts Background Column}');
  181. background-attachment: fixed;
  182. border-left: 1px dashed #ddd;
  183. border-right: 1px dashed #ddd;
  184. }{/block:IfPostsBackgroundColumn}
  185.  
  186. /*ENTRIES*/
  187.  
  188. .entry {
  189. position: relative;
  190. left: 494px;
  191. top: 10px;
  192. {block:IfNotPosts400}width: 500px;{/block:IfNotPosts400}
  193. {block:IfPosts400}width: 400px;{/block:IfPosts400}
  194. background-color: {color:Entries};
  195. margin-bottom: 40px;
  196. margin-left: 0px;
  197. padding: 10px;
  198. {block:IfEntriesBorder}border: 2px solid {color:Entries Border};{/block:IfEntriesBorder}
  199. word-wrap: break-word;
  200. }
  201.  
  202. .entry img {
  203. max-width: 100%;
  204. }
  205.  
  206. .entrytitle {
  207. font-size: 16px;
  208. text-transform: lowercase;
  209. letter-spacing: 2px;
  210. padding: 0px 0px 2px 5px;
  211. color: {color:Entry Title};
  212. border-bottom: 1px dashed {color:Entry Title Underline};
  213. border-left: 15px solid {color:Entry Title Left Border};
  214. }
  215.  
  216. .entry b, strong {
  217. color: {color:Body Bold Text};
  218. }
  219.  
  220. .entry i, em {
  221. color: {color:Body Italic Text};
  222. }
  223.  
  224. #permalink {
  225. font-family: consolas;
  226. font-size: 9px;
  227. text-align: left;
  228. text-transform: uppercase;
  229. letter-spacing: 1px;
  230. padding: 3px;
  231. margin-bottom: 5px;
  232. }
  233.  
  234. /*STATS*/
  235.  
  236. .perma {
  237. {block:IfNotPosts400}width: 505px;
  238. {block:IfEntriesBorder}width: 508px;{/block:IfEntriesBorder}
  239. {/block:IfNotPosts400}
  240. {block:IfPosts400}width: 405px;
  241. {block:IfEntriesBorder}width: 408px;{/block:IfEntriesBorder}{/block:IfPosts400}
  242. position: absolute;
  243. padding: 5px 5px 5px 5px;
  244. border-left: 5px solid {color:Permalink Background};
  245. {block:IfEntriesBorder}left: -2px;
  246. bottom: -24px;{/block:IfEntriesBorder}
  247. {block:IfNotEntriesBorder}left: 0px;
  248. bottom: -22px;{/block:IfNotEntriesBorder}
  249. text-align: left;
  250. font-family: consolas;
  251. text-transform: uppercase;
  252. letter-spacing: 1px;
  253. font-size: 8px;
  254. z-index: 999;
  255. background-color: {color:Permalink Background};
  256. -webkit-transition: all 1s ease;
  257. -moz-transition: all 1s ease;
  258. -o-transition: all 1s ease;
  259. transition: all 1s ease-in-out;
  260. }
  261.  
  262. .perma a {
  263. color: {color:Permalink Text}
  264. }
  265.  
  266. .entry:hover .perma {
  267. {block:IfPosts400}width: 390px;
  268. {block:IfEntriesBorder}width: 393px;{/block:IfEntriesBorder}{/block:IfPosts400}
  269. {block:IfNotPosts400}width: 490px;
  270. {block:IfEntriesBorder}width: 493px;{/block:IfEntriesBorder}{/block:IfNotPosts400}
  271. border-left: 20px solid {color:Permalink Text};
  272. background-color: {color:Permalink Hover Background};
  273. color: {color:Permalink Hover Text};
  274. }
  275.  
  276. {block:IfShowTags}.tags {
  277. opacity: 0;
  278. width: auto;
  279. position: absolute;
  280. padding: 5px;
  281. {block:IfPosts400}{block:IfNotEntriesBorder}left: 437px;{/block:IfNotEntriesBorder}
  282. {block:IfEntriesBorder}left: 438px;{/block:IfEntriesBorder}{/block:IfPosts400}
  283. {block:IfNotPosts400}{block:IfNotEntriesBorder}left: 537px;{/block:IfNotEntriesBorder}
  284. {block:IfEntriesBorder}left: 538px;{/block:IfEntriesBorder}{/block:IfNotPosts400}
  285. top: 3px;
  286. font-family: consolas;
  287. text-transform: uppercase;
  288. font-size: 8px;
  289. letter-spacing: 1px;
  290. background-color: {color:Permalink Background};
  291. border: 1px dashed #ddd;
  292. -webkit-transition: all 0.7s ease;
  293. -moz-transition: all 0.7s ease;
  294. -o-transition: all 0.7s ease;
  295. -ms-transition: all 0.7s ease-in-out;
  296. transition: all 0.7s ease-in-out;
  297. }
  298.  
  299. .tags a {
  300. color: {color:Permalink Text};
  301. }
  302.  
  303. .entry:hover .tags {
  304. opacity: 1;
  305. }{/block:IfShowTags}
  306.  
  307. /*LINKS*/
  308.  
  309. a {
  310. color: {color:Body Links};
  311. -webkit-transition: all 0.5s ease;
  312. -moz-transition: all 0.5s ease;
  313. -o-transition: all 0.5s ease;
  314. -ms-transition: all 0.5s ease-in-out;
  315. transition: all 0.5s ease-in-out;
  316. text-decoration: none;
  317. }
  318.  
  319. a:hover {
  320. color: {color:Body Links Hover};
  321. }
  322.  
  323. /*PAGINATION*/
  324.  
  325. #pagination {
  326. position: fixed;
  327. {block:IfPosts400}margin-left: 950px;{/block:IfPosts400}
  328. {block:IfNotPosts400}margin-left: 1050px;{/block:IfNotPosts400}
  329. bottom: 10px;
  330. text-align: center;
  331. padding: 2px;
  332. background-color: {color:Entries};
  333. border: 1px dashed #ddd;
  334. font-family: ruda;
  335. }
  336.  
  337. #pagination a {
  338. margin: 4px;
  339. }
  340.  
  341. /*SIDEBAR TOP*/
  342.  
  343. #sidebarimage {
  344. position: fixed;
  345. width: 320px;
  346. height: 200px;
  347. margin-top: 40px;
  348. margin-left: 82px;
  349. padding: 10px;
  350. background-color: {color:Sidebar Background};
  351. border: 1px dashed {color:Sidebar Border};
  352. box-shadow: 0px 0px 6px 1px {color:Sidebar Shadow};
  353. background-image: url('{image:Sidebar Background}');
  354. }
  355.  
  356. #sidebarimage img {
  357. max-width: 320px;
  358. }
  359.  
  360. #titlebg {
  361. position: fixed;
  362. top: 270px;
  363. left: 70px;
  364. width: 350px;
  365. padding: 4px 6px 4px 6px;
  366. border-radius: 20px;
  367. background-color: {color:Title Background};
  368. border: 1px dotted {color:Title Border};
  369. }
  370.  
  371. #title {
  372. z-index: 2;
  373. font-family: codystar;
  374. letter-spacing: 2px;
  375. font-size: 23px;
  376. text-align: center;
  377. color: {color:Title};
  378. text-shadow: 1px 1px 1px #fff;
  379. }
  380.  
  381. /*NAVIGATION*/
  382.  
  383. #nav1 a {
  384. position: fixed;
  385. margin-top: -17px;
  386. margin-left: 32px;
  387. opacity: 0;
  388. {block:IfNotHoverOverNavigation}opacity: 1;{/block:IfNotHoverOverNavigation}
  389. {block:ifNotShowCharacters}margin-left: 76px;
  390. opacity: 1;{/block:ifNotShowCharacters}
  391. padding: 3px;
  392. border-radius: 6px;
  393. font-family: tinytots;
  394. font-size: 8px;
  395. letter-spacing: 2px;
  396. text-transform: uppercase;
  397. text-shadow: 1px 1px 1px #fff;
  398. color: {color:Navigation 1 Link Text};
  399. background-color: {color:Navigation 1 Link Background};
  400. border: 1px dotted #ccc;
  401. }
  402.  
  403. #panda:hover #nav1 a {
  404. opacity: 1;
  405. color: {color:Navigation 1 Link Text};
  406. }
  407.  
  408. #nav2 a {
  409. position: fixed;
  410. margin-top: -27px;
  411. margin-left: 12px;
  412. opacity: 0;
  413. {block:IfNotHoverOverNavigation}opacity: 1;{/block:IfNotHoverOverNavigation}
  414. {block:ifNotShowCharacters}margin-left: 20px;
  415. opacity: 1;{/block:ifNotShowCharacters}
  416. padding: 3px;
  417. border-radius: 6px;
  418. font-family: tinytots;
  419. font-size: 8px;
  420. letter-spacing: 2px;
  421. text-transform: uppercase;
  422. text-shadow: 1px 1px 1px #fff;
  423. color: {color:Navigation 2 Link Text};
  424. background-color: {color:Navigation 2 Link Background};
  425. border: 1px dotted #ccc;
  426. }
  427.  
  428. #frog:hover #nav2 a {
  429. opacity: 1;
  430. color: {color:Navigation 2 Link Text};
  431. }
  432.  
  433. #nav3 a {
  434. z-index: 1;
  435. position: fixed;
  436. margin-top: -17px;
  437. margin-left: 17px;
  438. opacity: 0;
  439. {block:IfNotHoverOverNavigation}opacity: 1;{/block:IfNotHoverOverNavigation}
  440. {block:ifNotShowCharacters}margin-left: 3px;
  441. opacity: 1;{/block:ifNotShowCharacters}
  442. padding: 3px;
  443. border-radius: 6px;
  444. font-family: tinytots;
  445. font-size: 8px;
  446. letter-spacing: 2px;
  447. text-transform: uppercase;
  448. text-shadow: 1px 1px 1px #fff;
  449. color: {color:Navigation 3 Link Text};
  450. background-color: {color:Navigation 3 Link Background};
  451. border: 1px dotted #ccc;
  452. }
  453.  
  454. #bear:hover #nav3 a {
  455. opacity: 1;
  456. color: {color:Navigation 3 Link Text};
  457. }
  458.  
  459. #nav4 a {
  460. z-index: 1;
  461. position: fixed;
  462. margin-top: -17px;
  463. margin-left: 24px;
  464. opacity: 0;
  465. {block:IfNotHoverOverNavigation}opacity: 1;{/block:IfNotHoverOverNavigation}
  466. {block:ifNotShowCharacters}margin-left: -21px;
  467. opacity: 1;{/block:ifNotShowCharacters}
  468. padding: 3px;
  469. border-radius: 6px;
  470. font-family: tinytots;
  471. font-size: 8px;
  472. letter-spacing: 2px;
  473. text-transform: uppercase;
  474. text-shadow: 1px 1px 1px #fff;
  475. color: {color:Navigation 4 Link Text};
  476. background-color: {color:Navigation 4 Link Background};
  477. border: 1px dotted #ccc;
  478. }
  479.  
  480. #cat:hover #nav4 a {
  481. opacity: 1;
  482. color: {color:Navigation 4 Link Text};
  483. }
  484.  
  485. /*SIDEBAR BOTTOM*/
  486.  
  487. #sidebar {
  488. position: fixed;
  489. margin-top: 400px;
  490. {block:ifNotShowCharacters}margin-top: 360px;{/block:ifNotShowCharacters}
  491. margin-left: 79px;
  492. width: 326px;
  493. {block:IfCustomLinks}width: 180px;{/block:IfCustomLinks}
  494. padding: 8px;
  495. background-color: {color:Sidebar Background};
  496. border: 1px dashed {color:Sidebar Border};
  497. }
  498.  
  499. #desc {
  500. width: 313px;
  501. {block:IfCustomLinks}width: 167px;{/block:IfCustomLinks}
  502. padding: 6px;
  503. color: {color:Description Text};
  504. font-size: 10px;
  505. background-color: {color:Description Background};
  506. background-attachment: fixed;
  507. background-image: url('{image:Description Background}');
  508. }
  509.  
  510. #desc b, strong {
  511. color: {color:Body Bold Text};
  512. }
  513.  
  514. #desc i, em {
  515. color: {color:Body Italic Text};
  516. }
  517.  
  518. /*CUSTOM LINKS*/
  519.  
  520. #customicon {
  521. position: fixed;
  522. margin-top: 400px;
  523. {block:ifNotShowCharacters}margin-top: 360px;{/block:ifNotShowCharacters}
  524. margin-left: 309px;
  525. width: 80px;
  526. height: 80px;
  527. padding: 10px;
  528. background-color: {color:Custom Links Icon BG};
  529. border: 1px dashed {color:Sidebar Border};
  530. }
  531.  
  532. #customicon img {
  533. max-width: 80px;
  534. }
  535.  
  536. #custom {
  537. position: fixed;
  538. {block:IfNotShowCustomLinksIcon}margin-top: 400px;
  539. {block:ifNotShowCharacters}margin-top: 360px;{/block:ifNotShowCharacters}
  540. {/block:IfNotShowCustomLinksIcon}
  541. {block:IfShowCustomLinksIcon}margin-top: 510px;
  542. {block:ifNotShowCharacters}margin-top: 470px;{/block:ifNotShowCharacters}
  543. {block:IfShowCustomLinksIcon}
  544. margin-left: 292px;
  545. }
  546.  
  547. #extra {
  548. position: relative;
  549. text-align: center;
  550. }
  551.  
  552. #extra a {
  553. padding: 6px;
  554. margin-bottom: 4px;
  555. width: 120px;
  556. font-size: 8px;
  557. text-transform: uppercase;
  558. letter-spacing: 2px;
  559. display: inline-block;
  560. text-align: center;
  561. color: {color:Custom Links Text};
  562. background-color: {color:Custom Links Background};
  563. text-shadow: 1px 1px 1px #fff;
  564. border-radius: 10px;
  565. -webkit-transition: all 0.5s ease-in-out;
  566. -moz-transition: all 0.5s ease-in-out;
  567. -o-transition: all 0.5s ease-in-out;
  568. -ms-transition: all 0.5s ease-in-out;
  569. transition: all 0.5s ease-in-out;
  570. border: 1px dotted {color:Title Border};
  571. }
  572.  
  573. #extra a:hover {
  574. color: {color:Custom Links Text Hover};
  575. background-color: {color:Custom Links Hover Background};
  576. }
  577.  
  578. /*CHARACTERS -- PANDA*/
  579.  
  580. #panda {
  581. position: fixed;
  582. top: 330px;
  583. left: 60px;
  584. }
  585.  
  586. #pandaface {
  587. z-index: 1;
  588. position: fixed;
  589. width: 100px;
  590. height: 50px;
  591. background-color: {color:Panda Face};
  592. border-top-left-radius: 50px;
  593. border-top-right-radius: 50px;
  594. }
  595.  
  596. #pandaear1 {
  597. position: fixed;
  598. width: 30px;
  599. height: 20px;
  600. background-color: {color:Panda Ears};
  601. border-top-left-radius: 20px;
  602. border-top-right-radius: 20px;
  603. -webkit-transform: rotate(-40deg);
  604. -moz-transform: rotate(-40deg);
  605. -o-transform: rotate(-40deg);
  606. }
  607.  
  608. #pandaear2 {
  609. position: fixed;
  610. margin-left: 70px;
  611. width: 30px;
  612. height: 20px;
  613. background-color: {color:Panda Ears};
  614. border-top-left-radius: 20px;
  615. border-top-right-radius: 20px;
  616. -webkit-transform: rotate(40deg);
  617. -moz-transform: rotate(40deg);
  618. -o-transform: rotate(40deg);
  619. }
  620.  
  621. #pandaeye1 {
  622. z-index: 2;
  623. position: fixed;
  624. margin-top: 15px;
  625. margin-left: 20px;
  626. width: 22px;
  627. height: 22px;
  628. border-radius: 30px;
  629. background-color: {color:Panda Big Eyes};
  630. }
  631.  
  632. #pandaeye1a {
  633. z-index: 2;
  634. position: fixed;
  635. margin-top: 24px;
  636. margin-left: 29px;
  637. width: 6px;
  638. height: 6px;
  639. border-radius: 30px;
  640. background-color: {color:Panda Small Eyes};
  641. }
  642.  
  643. #pandaeye2 {
  644. z-index: 2;
  645. position: fixed;
  646. margin-top: 15px;
  647. margin-left: 57px;
  648. width: 22px;
  649. height: 22px;
  650. border-radius: 30px;
  651. background-color: {color:Panda Big Eyes};
  652. }
  653.  
  654. #pandaeye2a {
  655. z-index: 2;
  656. position: fixed;
  657. margin-top: 24px;
  658. margin-left: 64px;
  659. width: 6px;
  660. height: 6px;
  661. border-radius: 30px;
  662. background-color: {color:Panda Small Eyes};
  663. }
  664.  
  665. #pandanose {
  666. z-index: 2;
  667. position: fixed;
  668. margin-top: 30px;
  669. margin-left: 45px;
  670. color: {color:Panda Nose};
  671. -webkit-transform: rotate(-45deg);
  672. -moz-transform: rotate(-45deg);
  673. -o-transform: rotate(-45deg);
  674. }
  675.  
  676. /*CHARACTERS -- FROG*/
  677.  
  678. #frog {
  679. position: fixed;
  680. top: 340px;
  681. left: 170px;
  682. }
  683.  
  684. #frogface {
  685. z-index: 1;
  686. position: fixed;
  687. width: 80px;
  688. height: 40px;
  689. background-color: {color:Frog Face};
  690. border-top-left-radius: 80px;
  691. border-top-right-radius: 80px;
  692. }
  693.  
  694. #frogeye1 {
  695. position: fixed;
  696. margin-top: -10px;
  697. width: 30px;
  698. height: 50px;
  699. background-color: {color:Frog Face};
  700. border-top-left-radius: 20px;
  701. border-top-right-radius: 20px;
  702. }
  703.  
  704. #frogeye1a {
  705. z-index: 2;
  706. position: fixed;
  707. margin-top: -5px;
  708. margin-left: 6px;
  709. width: 15px;
  710. height: 15px;
  711. border-radius: 30px;
  712. background-color: {color:Frog Eyes};
  713. border: 2px solid {color:Frog Eyes Border};
  714. }
  715.  
  716. #frogeye2 {
  717. position: fixed;
  718. margin-top: -10px;
  719. margin-left: 50px;
  720. width: 30px;
  721. height: 50px;
  722. background-color: {color:Frog Face};
  723. border-top-left-radius: 20px;
  724. border-top-right-radius: 20px;
  725. }
  726.  
  727. #frogeye2a {
  728. z-index: 2;
  729. position: fixed;
  730. margin-top: -5px;
  731. margin-left: 55px;
  732. width: 15px;
  733. height: 15px;
  734. border-radius: 30px;
  735. background-color: {color:Frog Eyes};
  736. border: 2px solid {color:Frog Eyes Border};
  737. }
  738.  
  739. #frognose1 {
  740. z-index: 2;
  741. position: fixed;
  742. margin-top: 13px;
  743. margin-left: 32px;
  744. width: 6px;
  745. height: 6px;
  746. border-radius: 10px;
  747. background-color: {color:Frog Nose};
  748. }
  749.  
  750. #frognose2 {
  751. z-index: 2;
  752. position: fixed;
  753. margin-top: 13px;
  754. margin-left: 42px;
  755. width: 6px;
  756. height: 6px;
  757. border-radius: 10px;
  758. background-color: {color:Frog Nose};
  759. }
  760.  
  761. /*CHARACTERS -- BEAR*/
  762.  
  763. #bear {
  764. position: fixed;
  765. top: 330px;
  766. left: 260px;
  767. }
  768.  
  769. #bearface {
  770. z-index: 1;
  771. position: fixed;
  772. width: 90px;
  773. height: 50px;
  774. background-color: {color:Bear Face};
  775. border-top-left-radius: 50px;
  776. border-top-right-radius: 50px;
  777. }
  778.  
  779. #bearear1 {
  780. position: fixed;
  781. margin-left: -5px;
  782. width: 30px;
  783. height: 20px;
  784. background-color: {color:Bear Face};
  785. border-top-left-radius: 20px;
  786. border-top-right-radius: 20px;
  787. -webkit-transform: rotate(-40deg);
  788. -moz-transform: rotate(-40deg);
  789. -o-transform: rotate(-40deg);
  790. }
  791.  
  792. #bearear1a {
  793. position: fixed;
  794. margin-top: 5px;
  795. margin-left: 1px;
  796. width: 20px;
  797. height: 10px;
  798. background-color: {color:Bear Ears};
  799. border-top-left-radius: 20px;
  800. border-top-right-radius: 20px;
  801. -webkit-transform: rotate(-40deg);
  802. -moz-transform: rotate(-40deg);
  803. -o-transform: rotate(-40deg);
  804. }
  805.  
  806. #bearear2 {
  807. position: fixed;
  808. margin-left: 65px;
  809. width: 30px;
  810. height: 20px;
  811. background-color: {color:Bear Face};
  812. border-top-left-radius: 20px;
  813. border-top-right-radius: 20px;
  814. -webkit-transform: rotate(40deg);
  815. -moz-transform: rotate(40deg);
  816. -o-transform: rotate(40deg);
  817. }
  818.  
  819. #bearear2a {
  820. position: fixed;
  821. margin-left: 69px;
  822. margin-top: 5px;
  823. width: 20px;
  824. height: 10px;
  825. background-color: {color:Bear Ears};
  826. border-top-left-radius: 20px;
  827. border-top-right-radius: 20px;
  828. -webkit-transform: rotate(40deg);
  829. -moz-transform: rotate(40deg);
  830. -o-transform: rotate(40deg);
  831. }
  832.  
  833. #beareye1 {
  834. z-index: 2;
  835. position: fixed;
  836. margin-top: 18px;
  837. margin-left: 22px;
  838. width: 12px;
  839. height: 12px;
  840. border-radius: 30px;
  841. background-color: {color:Bear Eyes};
  842. }
  843.  
  844. #beareye2 {
  845. z-index: 2;
  846. position: fixed;
  847. margin-top: 18px;
  848. margin-left: 55px;
  849. width: 12px;
  850. height: 12px;
  851. border-radius: 30px;
  852. background-color: {color:Bear Eyes};
  853. }
  854.  
  855. #bearcheek {
  856. z-index: 1;
  857. position: fixed;
  858. margin-top: 30px;
  859. margin-left: 22px;
  860. width: 45px;
  861. height: 20px;
  862. background-color: {color:Bear Cheek};
  863. border-top-left-radius: 60px;
  864. border-top-right-radius: 60px;
  865. }
  866.  
  867. #bearnose {
  868. z-index: 2;
  869. position: fixed;
  870. margin-top: 28px;
  871. margin-left: 41px;
  872. color: {color:Bear Nose};
  873. font-size: 9px;
  874. -webkit-transform: rotate(-45deg);
  875. -moz-transform: rotate(-45deg);
  876. -o-transform: rotate(-45deg);
  877. }
  878.  
  879. /*CHARACTERS -- CAT*/
  880.  
  881. #cat {
  882. position: fixed;
  883. top: 330px;
  884. left: 356px;
  885. }
  886.  
  887. #catface {
  888. z-index: 1;
  889. position: fixed;
  890. margin-left: 5px;
  891. width: 80px;
  892. height: 50px;
  893. background-color: {color:Cat Face};
  894. border-top-left-radius: 50px;
  895. border-top-right-radius: 50px;
  896. }
  897.  
  898. #catear1 {
  899. position: fixed;
  900. margin-left: 3px;
  901. margin-top: 0px;
  902. width: 30px;
  903. height: 30px;
  904. border-bottom-left-radius: 20px;
  905. border-top-right-radius: 20px;
  906. background-color: {color:Cat Ears};
  907. }
  908.  
  909. #catear2 {
  910. position: fixed;
  911. margin-top: 0px;
  912. margin-left: 58px;
  913. width: 30px;
  914. height: 30px;
  915. background-color: {color:Cat Ears};
  916. border-bottom-right-radius: 20px;
  917. border-top-left-radius: 20px;
  918. }
  919.  
  920. #cateye1 {
  921. z-index: 2;
  922. position: fixed;
  923. margin-top: 18px;
  924. margin-left: 20px;
  925. width: 13px;
  926. height: 13px;
  927. border-radius: 10px;
  928. background-color: {color:Cat Eyes};
  929. border: 2px solid {color:Cat Eyes Border};
  930. }
  931.  
  932. #cateye2 {
  933. z-index: 2;
  934. position: fixed;
  935. margin-top: 18px;
  936. margin-left: 52px;
  937. width: 13px;
  938. height: 13px;
  939. border-radius: 10px;
  940. background-color: {color:Cat Eyes};
  941. border: 2px solid {color:Cat Eyes Border};
  942. }
  943.  
  944. #catcheek {
  945. z-index: 1;
  946. position: fixed;
  947. margin-top: 10px;
  948. margin-left: 20px;
  949. width: 50px;
  950. height: 40px;
  951. background-color: {color:Cat Cheek};
  952. border-top-left-radius: 60px;
  953. border-top-right-radius: 60px;
  954. border-bottom-left-radius: 30px;
  955. border-bottom-right-radius: 30px;
  956. }
  957.  
  958. #catnose {
  959. z-index: 2;
  960. position: fixed;
  961. margin-top: 32px;
  962. margin-left: 42px;
  963. color: {color:Cat Nose};
  964. font-size: 7px;
  965. -webkit-transform: rotate(-45deg);
  966. -moz-transform: rotate(-45deg);
  967. -o-transform: rotate(-45deg);
  968. }
  969.  
  970. #catwhisker1 {
  971. position: fixed;
  972. z-index: 2;
  973. margin-top: 35px;
  974. margin-left: 15px;
  975. width: 20px;
  976. height: 1px;
  977. background-color: {color:Cat Whiskers};
  978. -webkit-transform: rotate(15deg);
  979. -moz-transform: rotate(15deg);
  980. -o-transform: rotate(15deg);
  981. }
  982.  
  983. #catwhisker2 {
  984. position: fixed;
  985. z-index: 2;
  986. margin-top: 39px;
  987. margin-left: 16px;
  988. width: 20px;
  989. height: 1px;
  990. background-color: {color:Cat Whiskers};
  991. }
  992.  
  993. #catwhisker3 {
  994. position: fixed;
  995. z-index: 2;
  996. margin-top: 43px;
  997. margin-left: 15px;
  998. width: 20px;
  999. height: 1px;
  1000. background-color: {color:Cat Whiskers};
  1001. -webkit-transform: rotate(-15deg);
  1002. -moz-transform: rotate(-15deg);
  1003. -o-transform: rotate(-15deg);
  1004. }
  1005.  
  1006. #catwhisker4 {
  1007. position: fixed;
  1008. z-index: 2;
  1009. margin-top: 35px;
  1010. margin-left: 55px;
  1011. width: 20px;
  1012. height: 1px;
  1013. background-color: {color:Cat Whiskers};
  1014. -webkit-transform: rotate(165deg);
  1015. -moz-transform: rotate(165deg);
  1016. -o-transform: rotate(165deg);
  1017. }
  1018.  
  1019. #catwhisker5 {
  1020. position: fixed;
  1021. z-index: 2;
  1022. margin-top: 39px;
  1023. margin-left: 54px;
  1024. width: 20px;
  1025. height: 1px;
  1026. background-color: {color:Cat Whiskers};
  1027. }
  1028.  
  1029. #catwhisker6 {
  1030. position: fixed;
  1031. z-index: 2;
  1032. margin-top: 43px;
  1033. margin-left: 55px;
  1034. width: 20px;
  1035. height: 1px;
  1036. background-color: {color:Cat Whiskers};
  1037. -webkit-transform: rotate(-165deg);
  1038. -moz-transform: rotate(-165deg);
  1039. -o-transform: rotate(-165deg);
  1040. }
  1041.  
  1042. /*BLOCKQUOTE*/
  1043.  
  1044. blockquote {
  1045. border-left: 8px solid {color:Blockquote Border};
  1046. padding-left: 5px;
  1047. }
  1048.  
  1049. /*ASK*/
  1050.  
  1051. .ask {
  1052. font-style: italic;
  1053. padding: 5px;
  1054. margin-left: 35px;
  1055. border-bottom: 1px dotted {color:Asker Underline};
  1056. }
  1057.  
  1058. .askinfo img {
  1059. float: left;
  1060. margin: 0px 6px 6px 0px;
  1061. border: 5px solid {color:Asker Border};
  1062. max-width: 30px;
  1063. }
  1064.  
  1065. /*AUDIO*/
  1066.  
  1067. .audio{
  1068. background-color: #e4e4e4;
  1069. margin-left: 30px;
  1070. display: block;
  1071. }
  1072.  
  1073. .cover{
  1074. margin-left: 0px;
  1075. }
  1076.  
  1077. .cover img{
  1078. width: 57px;
  1079. float: left;
  1080. border-radius: 30px;
  1081. }
  1082.  
  1083. .audioinfo{
  1084. position: relative;
  1085. margin-top: 5px;
  1086. margin-left: 73px;
  1087. border-left: 8px solid {color:Blockquote Border};
  1088. padding-left: 5px;
  1089. }
  1090.  
  1091. /*QUOTE*/
  1092.  
  1093. .quote {
  1094. font-size: 14px;
  1095. letter-spacing: 2px;
  1096. padding-left: 5px;
  1097. }
  1098.  
  1099. /*PHOTO HOVER*/
  1100.  
  1101. {block:IfImageFade}.photo {
  1102. opacity: .8;
  1103. -webkit-transition: all 0.5s ease-in-out;
  1104. -moz-transition: all 0.5s ease-in-out;
  1105. -o-transition: all 0.5s ease-in-out;
  1106. -ms-transition: all 0.5s ease-in-out;
  1107. transition: all 0.5s ease-in-out;
  1108. }
  1109.  
  1110. .photo:hover {
  1111. opacity: 1;
  1112. }
  1113.  
  1114. .entry img {
  1115. opacity: .8;
  1116. -webkit-transition: all 0.5s ease-in-out;
  1117. -moz-transition: all 0.5s ease-in-out;
  1118. -o-transition: all 0.5s ease-in-out;
  1119. -ms-transition: all 0.5s ease-in-out;
  1120. transition: all 0.5s ease-in-out;
  1121. }
  1122.  
  1123. .entry img:hover {
  1124. opacity: 1;
  1125. }{/block:IfImageFade}
  1126.  
  1127. /*SCROLLBAR*/
  1128.  
  1129. ::-webkit-scrollbar-thumb:vertical {
  1130. background-color: {color:Scrollbar};
  1131. height: 30px;
  1132. }
  1133.  
  1134. ::-webkit-scrollbar {
  1135. height: 30px;
  1136. width: 5px;
  1137. background-color: {color:Scrollbar Background};
  1138. }
  1139.  
  1140. /*BACK TO TOP*/
  1141.  
  1142. .top {
  1143. z-index: 999;
  1144. font-size: 8px;
  1145. font-family: tinytots;
  1146. text-align: center;
  1147. text-transform: uppercase;
  1148. letter-spacing: 1px;
  1149. text-shadow: 1px 1px 1px #fff;
  1150. }
  1151.  
  1152. #scrollToTop:link, #scrollToTop:visited {
  1153. z-index: 999;
  1154. background-color: transparent;
  1155. display: none;
  1156. position: fixed;
  1157. bottom: 40px;
  1158. right: 10px;
  1159. }
  1160.  
  1161. /*TUMBLR STUFF*/
  1162.  
  1163. iframe#tumblr_controls {
  1164. right: 3px !important;
  1165. position: fixed !important;
  1166. opacity: .2;
  1167. -webkit-transition: all 0.5s ease;
  1168. -moz-transition: all 0.5s ease;
  1169. -o-transition: all 0.5s ease;
  1170. transition: all 0.5s ease-in-out;
  1171. }
  1172.  
  1173. iframe#tumblr_controls:hover {
  1174. opacity: .8;
  1175. }
  1176.  
  1177. #cred {
  1178. opacity: .8;
  1179. position: fixed;
  1180. bottom: 5px;
  1181. left: 5px;
  1182. font-size: 10px;
  1183. }
  1184.  
  1185. </style>
  1186.  
  1187.  
  1188. {Block:IfInfiniteScroll}
  1189. <script type="text/javascript" src="https://codysherman.com/tools/infinite-scrolling/code"></script>
  1190. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  1191. <script src="https://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  1192.  
  1193. <div class="top"><a href="javascript:;" id="scrollToTop">&#x21e1;<br />back to top</a></div>
  1194. {/Block:IfInfiniteScroll}
  1195.  
  1196. </head><body>
  1197.  
  1198.  
  1199. <div id="place">
  1200. <div id="postsbg"></div>
  1201. <div id="line"></div>
  1202. <div id="cred"><a href="https://cocorini.tumblr.com" target="_blank">☂</a></div>
  1203.  
  1204. {Block:IfNotInfiniteScroll}
  1205. {block:Pagination}<div id="pagination">
  1206. {block:PreviousPage}<a href="{PreviousPage}">&#x25c0;</a>{/block:PreviousPage}
  1207. {block:JumpPagination length="3"}
  1208. {block:CurrentPage}<span class="current_page">{PageNumber}</span>
  1209. {/block:CurrentPage}
  1210. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  1211. {/block:JumpPagination}
  1212. {block:NextPage}<a href="{NextPage}">&#x25b6;</a>{/block:NextPage}
  1213. </div>{/block:Pagination}
  1214. {/Block:IfNotInfiniteScroll}
  1215.  
  1216. <div id="sidebarimage"><img src="{image:Sidebar Image}"></div>
  1217. <div id="titlebg"><div id="title">{Title}</div></div>
  1218.  
  1219. <div id="panda">
  1220. <div id="nav1"><a href="/">home</a></div>
  1221. {block:ifShowCharacters}<div id="pandaface"></div>
  1222. <div id="pandaear1"></div>
  1223. <div id="pandaear2"></div>
  1224. <div id="pandaeye1"></div>
  1225. <div id="pandaeye1a"></div>
  1226. <div id="pandaeye2"></div>
  1227. <div id="pandaeye2a"></div>
  1228. <div id="pandanose">◣</div>{/block:ifShowCharacters}
  1229. </div>
  1230.  
  1231. <div id="frog">
  1232. <div id="nav2"><a href="/ask">message</a></div>
  1233. {block:ifShowCharacters}<div id="frogface"></div>
  1234. <div id="frogeye1"></div>
  1235. <div id="frogeye1a"></div>
  1236. <div id="frogeye2"></div>
  1237. <div id="frogeye2a"></div>
  1238. <div id="frognose1"></div>
  1239. <div id="frognose2"></div>{/block:ifShowCharacters}
  1240. </div>
  1241.  
  1242. <div id="bear">
  1243. <div id="nav3"><a href="/archive">archive</a></div>
  1244. {block:ifShowCharacters}<div id="bearface"></div>
  1245. <div id="bearear1"></div>
  1246. <div id="bearear1a"></div>
  1247. <div id="bearear2"></div>
  1248. <div id="bearear2a"></div>
  1249. <div id="beareye1"></div>
  1250. <div id="beareye2"></div>
  1251. <div id="bearcheek"></div>
  1252. <div id="bearnose">◣</div>{/block:ifShowCharacters}
  1253. </div>
  1254.  
  1255. <div id="cat">
  1256. <div id="nav4"><a href="https://cocorini.tumblr.com" target="_blank">theme</a></div>
  1257. {block:ifShowCharacters}<div id="catface"></div>
  1258. <div id="catear1"></div>
  1259. <div id="catear2"></div>
  1260. <div id="cateye1"></div>
  1261. <div id="cateye2"></div>
  1262. <div id="catcheek"></div>
  1263. <div id="catnose">◣</div>
  1264. <div id="catwhisker1"></div>
  1265. <div id="catwhisker2"></div>
  1266. <div id="catwhisker3"></div>
  1267. <div id="catwhisker4"></div>
  1268. <div id="catwhisker5"></div>
  1269. <div id="catwhisker6"></div>{/block:ifShowCharacters}
  1270. </div>
  1271.  
  1272. <div id="sidebar">
  1273. <div id="desc">{Block:Description}{Description}{/Block:Description}</div>
  1274. </div>
  1275.  
  1276. {block:IfCustomLinks}
  1277. {block:IfShowCustomLinksIcon}<div id="customicon"><img src="{image:Custom Links Icon}"></div>{/block:IfShowCustomLinksIcon}
  1278.  
  1279. <div id="custom">
  1280. {block:IfCustomLinkOne}
  1281. <div id="extra">
  1282. <a href="{Block:IfCustomLinkOneURL}{text:Custom Link One URL}{/Block:IfCustomLinkOneURL}">{text:Custom Link One}</a></div>
  1283. {/block:IfCustomLinkOne}
  1284.  
  1285. {block:IfCustomLinkTwo}
  1286. <div id="extra">
  1287. <a href="{Block:IfCustomLinkTwoURL}{text:Custom Link Two URL}{/Block:IfCustomLinkTwoURL}">{text:Custom Link Two}</a></div>
  1288. {/block:IfCustomLinkTwo}
  1289.  
  1290. {block:IfCustomLinkThree}
  1291. <div id="extra">
  1292. <a href="{Block:IfCustomLinkThreeURL}{text:Custom Link Three URL}{/Block:IfCustomLinkThreeURL}">{text:Custom Link Three}</a></div>
  1293. {/block:IfCustomLinkThree}
  1294.  
  1295. {block:IfCustomLinkFour}
  1296. <div id="extra">
  1297. <a href="{Block:IfCustomLinkFourURL}{text:Custom Link Four URL}{/Block:IfCustomLinkFourURL}">{text:Custom Link Four}</a></div>
  1298. {/block:IfCustomLinkFour}
  1299.  
  1300. {block:IfCustomLinkFive}
  1301. <div id="extra">
  1302. <a href="{Block:IfCustomLinkFiveURL}{text:Custom Link Five URL}{/Block:IfCustomLinkFiveURL}">{text:Custom Link Five}</a></div>
  1303. {/block:IfCustomLinkFive}
  1304.  
  1305. {block:IfCustomLinkSix}
  1306. <div id="extra">
  1307. <a href="{Block:IfCustomLinkSixURL}{text:Custom Link Six URL}{/Block:IfCustomLinkSixURL}">{text:Custom Link Six}</a></div>
  1308. {/block:IfCustomLinkSix}
  1309. {/block:IfCustomLinks}
  1310. </div></div>
  1311.  
  1312.  
  1313. {Block:IfInfiniteScroll}
  1314. <div class="autopagerize_page_element">
  1315. {/Block:IfInfiniteScroll}
  1316.  
  1317.  
  1318. {block:Posts}
  1319. <div class="entry">
  1320.  
  1321. {block:IndexPage}
  1322. <div class="perma">
  1323. <a href="{permalink}">
  1324. {block:Date}<b>Posted</b> {TimeAgo}{/block:Date}</a> {block:NoteCount}<b>with</b> <a href="{permalink}">{NoteCountWithLabel}{/block:NoteCount}</a>
  1325. {block:IfShowLikeReblog}
  1326. {block:IfNotPosts400}<div style="margin-left: 460px; margin-top: -10px;">{LikeButton size="14"}</div>
  1327. <div style="margin-left: 478px; margin-top: -15px;">{ReblogButton size="14"}</div>
  1328. {/block:IfNotPosts400}
  1329. {block:IfPosts400}<div style="margin-left: 360px; margin-top: -10px;">{LikeButton size="14"}</div>
  1330. <div style="margin-left: 378px; margin-top: -15px;">{ReblogButton size="14"}</div>
  1331. {/block:IfPosts400}
  1332. {/block:IfShowLikeReblog}
  1333. </div>
  1334. {block:IfShowTags}{block:HasTags}
  1335. <div class="tags"><b>Tags:</b><br />
  1336. {block:Tags}#<a href="{TagURL}">{Tag}</a><br />{/block:Tags}
  1337. </div>{/block:HasTags}
  1338. {/block:IfShowTags}
  1339. {/block:IndexPage}
  1340.  
  1341.  
  1342. {block:Text}
  1343. {block:Title}<div class="entrytitle">{Title}</div>{/block:Title}
  1344. {Body}
  1345.  
  1346. {Block:PermalinkPage}
  1347. <div id="permalink">
  1348. <a href="{permalink}">{block:Date}<b>Posted on</b> {12Hour}:{Minutes} {AmPm} {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date}</a> {block:NoteCount}<b>with</b> <a href="{permalink}">{NoteCountWithLabel}{/block:NoteCount}</a><br />
  1349. {block:HasTags}<b>Tags:</b> {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}<br />{/block:HasTags}
  1350. {block:RebloggedFrom}<b>source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> | <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</div>
  1351. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1352. {/Block:PermalinkPage}
  1353. {/block:Text}
  1354.  
  1355.  
  1356. {block:Photo}
  1357. {block:IfNotPosts400}
  1358. {LinkOpenTag}<img src="{PhotoURL-highres}" width="500px" alt="{PhotoAlt}">{LinkCloseTag}
  1359. {/block:IfNotPosts400}
  1360. {block:IfPosts400}
  1361. {LinkOpenTag}<img src="{PhotoURL-highres}" width="400px" alt="{PhotoAlt}">{LinkCloseTag}
  1362. {/block:IfPosts400}
  1363. {block:IfShowCaptions}{Caption}{/block:IfShowCaptions}
  1364.  
  1365. {block:PermalinkPage}
  1366. {block:IfNotShowCaptions}{Caption}{/block:IfNotShowCaptions}
  1367. <div id="permalink">
  1368. <a href="{permalink}">{block:Date}<b>Posted on</b> {12Hour}:{Minutes} {AmPm} {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date}</a> {block:NoteCount}<b>with</b> <a href="{permalink}">{NoteCountWithLabel}{/block:NoteCount}</a><br />
  1369. {block:HasTags}<b>Tags:</b> {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}<br />{/block:HasTags}
  1370. {block:RebloggedFrom}<b>source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> | <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</div>
  1371. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1372. {/block:PermalinkPage}
  1373. {/block:Photo}
  1374.  
  1375.  
  1376. {block:Photoset}
  1377. {block:IfNotPosts400}<div class="photo">{Photoset-500}</div>{/block:IfNotPosts400}
  1378. {block:IfPosts400}<div class="photo">{Photoset-400}</div>{/block:IfPosts400}
  1379. {block:IfShowCaptions}{Caption}{/block:IfShowCaptions}
  1380.  
  1381. {block:PermalinkPage}
  1382. {block:IfNotShowCaptions}{Caption}{/block:IfNotShowCaptions}
  1383. <div id="permalink">
  1384. <a href="{permalink}">{block:Date}<b>Posted on</b> {12Hour}:{Minutes} {AmPm} {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date}</a> {block:NoteCount}<b>with</b> <a href="{permalink}">{NoteCountWithLabel}{/block:NoteCount}</a><br />
  1385. {block:HasTags}<b>Tags:</b> {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}<br />{/block:HasTags}
  1386. {block:RebloggedFrom}<b>source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> | <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</div>
  1387. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1388. {/block:PermalinkPage}
  1389. {/block:Photoset}
  1390.  
  1391.  
  1392. {block:Quote}
  1393. <div class="quote">{Quote}</div>
  1394. {block:Source}<div style="text-align: right;text-transform: uppercase;font-size: 9px;letter-spacing: 2px;padding-top: 3px;"> —{Source}</div>
  1395. {/block:Source}
  1396.  
  1397. {Block:PermalinkPage}
  1398. <div id="permalink">
  1399. <a href="{permalink}">{block:Date}<b>Posted on</b> {12Hour}:{Minutes} {AmPm} {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date}</a> {block:NoteCount}<b>with</b> <a href="{permalink}">{NoteCountWithLabel}{/block:NoteCount}</a><br />
  1400. {block:HasTags}<b>Tags:</b> {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}<br />{/block:HasTags}
  1401. {block:RebloggedFrom}<b>source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> | <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</div>
  1402. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1403. {/Block:PermalinkPage}
  1404. </div>
  1405. {/block:Quote}
  1406.  
  1407.  
  1408. {block:Link}
  1409. <t><a href="{URL}" {Target}><div class="entrytitle">{Name}</div></a></t>
  1410. {block:Description}{Description}{/block:Description}
  1411.  
  1412. {Block:PermalinkPage}
  1413. <div id="permalink">
  1414. <a href="{permalink}">{block:Date}<b>Posted on</b> {12Hour}:{Minutes} {AmPm} {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date}</a> {block:NoteCount}<b>with</b> <a href="{permalink}">{NoteCountWithLabel}{/block:NoteCount}</a><br />
  1415. {block:HasTags}<b>Tags:</b> {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}<br />{/block:HasTags}
  1416. {block:RebloggedFrom}<b>source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> | <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</div>
  1417. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1418. {/Block:PermalinkPage}
  1419. {/block:Link}
  1420.  
  1421.  
  1422. {block:Chat}
  1423. {block:Title}<t><div class="entrytitle">{Title}</div></t>{/block:Title}
  1424. {block:Lines}<div style="border-bottom:1px dotted #cccccc; padding: 3px">
  1425. {block:Label}<b>{Label}</b>{/block:Label} {Line}<br></div>{/block:Lines}
  1426.  
  1427. {Block:PermalinkPage}
  1428. <div id="permalink">
  1429. <a href="{permalink}">{block:Date}<b>Posted on</b> {12Hour}:{Minutes} {AmPm} {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date}</a> {block:NoteCount}<b>with</b> <a href="{permalink}">{NoteCountWithLabel}{/block:NoteCount}</a><br />
  1430. {block:HasTags}<b>Tags:</b> {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}<br />{/block:HasTags}
  1431. {block:RebloggedFrom}<b>source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> | <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</div>
  1432. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1433. {/Block:PermalinkPage}
  1434. {/block:Chat}
  1435.  
  1436.  
  1437. {block:Audio}
  1438. <div class="cover">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  1439. <div class="audio">{AudioPlayerGrey}</div>
  1440. <div class="audioinfo">{block:Artist} <b>Artist:</b> {Artist}{/block:Artist}<br /><b>Track:</b> {block:TrackName} "{TrackName}" {/block:TrackName}</div>
  1441. {block:IfShowCaptions}{Caption}{/block:IfShowCaptions}
  1442.  
  1443. {block:PermalinkPage}
  1444. {block:IfNotShowCaptions}{Caption}{/block:IfNotShowCaptions}
  1445. <div id="permalink">
  1446. <a href="{permalink}">{block:Date}<b>Posted on</b> {12Hour}:{Minutes} {AmPm} {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date}</a> {block:NoteCount}<b>with</b> <a href="{permalink}">{NoteCountWithLabel}{/block:NoteCount}</a><br />
  1447. {block:HasTags}<b>Tags:</b> {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}<br />{/block:HasTags}
  1448. {block:RebloggedFrom}<b>source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> | <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</div>
  1449. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1450. {/block:PermalinkPage}
  1451.  
  1452. {/block:Audio}
  1453.  
  1454.  
  1455. {block:Video}
  1456. {block:IfNotPosts400} {Video-500} {/block:IfNotPosts400}
  1457. {block:IfPosts400} {Video-400} {/block:IfPosts400}
  1458. {block:IfShowCaptions}{Caption}{/block:IfShowCaptions}
  1459.  
  1460. {block:PermalinkPage}
  1461. {block:IfNotShowCaptions}{Caption}{/block:IfNotShowCaptions}
  1462. <div id="permalink">
  1463. <a href="{permalink}">{block:Date}<b>Posted on</b> {12Hour}:{Minutes} {AmPm} {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date}</a> {block:NoteCount}<b>with</b> <a href="{permalink}">{NoteCountWithLabel}{/block:NoteCount}</a><br />
  1464. {block:HasTags}<b>Tags:</b> {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}<br />{/block:HasTags}
  1465. {block:RebloggedFrom}<b>source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> | <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</div>
  1466. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1467. {/block:PermalinkPage}
  1468. {/block:Video}
  1469.  
  1470.  
  1471. {block:Answer}
  1472. <div class="askinfo"><img src="{AskerPortraitURL-30}"></div>
  1473. <div class="ask">{Asker} <b>sent:</b> {Question}</div>
  1474. {Answer}
  1475.  
  1476. {Block:PermalinkPage}
  1477. <div id="permalink">
  1478. <a href="{permalink}">{block:Date}<b>Posted on</b> {12Hour}:{Minutes} {AmPm} {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date}</a> {block:NoteCount}<b>with</b> <a href="{permalink}">{NoteCountWithLabel}{/block:NoteCount}</a><br />
  1479. {block:HasTags}<b>Tags:</b> {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  1480. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1481. {/Block:PermalinkPage}
  1482. {/block:Answer}
  1483.  
  1484. </div>
  1485.  
  1486. {/block:Posts} {Block:IfInfiniteScroll}</div>{/Block:IfInfiniteScroll}
  1487. </body>
  1488. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!