API tools faq
paste
Advertisement
mogimochi

Theme [27] Vongola Pride

mogimochi
Oct 14th, 2013
16,375
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 40.68 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!-----------------------------------------------------------------------
  6.  
  7. Theme 27 Vongola Pride
  8. by yukoki/yokoris
  9.  
  10. 1. Light/Heavy CSS editting is allowed.
  11. 2. Do not use as base code.
  12. 3. Do not remove credit.
  13. 4. Do not claim theme as your own.
  14.  
  15. // ♥ Buon compleanno, Tsunayoshi-kun! ♥ //
  16.  
  17. --------------------------------------------------- UPDATE VER 020917 -->
  18.  
  19. <meta name="color:blog title" content="#555555">
  20. <meta name="color:blog title hover" content="#aaaaaa">
  21. <meta name="color:blog title shadow" content="#cccccc">
  22. <meta name="color:blog title deco" content="#cccccc">
  23.  
  24. <meta name="color:sidebar bottom left lines" content="#cccccc">
  25. <meta name="color:custom links outline" content="#cccccc">
  26. <meta name="color:custom links background" content="#ffffff">
  27. <meta name="color:custom links text" content="#888888">
  28. <meta name="color:custom links hover outline" content="#cccccc">
  29. <meta name="color:custom links hover background" content="#ebeae9">
  30.  
  31. <meta name="color:left bar background" content="#9c8a78">
  32. <meta name="color:left bar icons" content="#ffffff">
  33. <meta name="color:left bar icons hover" content="#645e5b">
  34.  
  35. <meta name="color:desc text" content="#a3a1a1">
  36. <meta name="color:desc bold" content="#e9aa47">
  37. <meta name="color:desc italic" content="#c4a491">
  38. <meta name="color:desc links" content="#eea762">
  39. <meta name="color:desc links hover" content="#dddddd">
  40. <meta name="color:desc first letter colour" content="#ffffff">
  41. <meta name="color:desc first letter background" content="#b4b4b4">
  42.  
  43. <meta name="color:post background" content="#ffffff">
  44.  
  45. <meta name="color:body text" content="#888888">
  46. <meta name="color:body bold" content="#ff7300">
  47. <meta name="color:body italic" content="#aa9271">
  48. <meta name="color:body links" content="#fd5f33">
  49. <meta name="color:body links hover" content="#dddddd">
  50. <meta name="color:blockquote" content="#bda080">
  51.  
  52. <meta name="color:post title text" content="#c4b092">
  53. <meta name="color:post title text hover" content="#000000">
  54.  
  55. <meta name="color:audio lines" content="#f5f5f5">
  56. <meta name="color:audio text" content="#7a7a7a">
  57.  
  58. <meta name="color:ask background" content="#f5f5f5">
  59. <meta name="color:ask text" content="#7e7d7d">
  60. <meta name="color:asker text" content="#4e4e4e">
  61. <meta name="color:asker link" content="#ff6300">
  62. <meta name="color:asker link hover" content="#ff6300">
  63.  
  64. <meta name="color:tags" content="#b9a088">
  65. <meta name="color:tags hover" content="#c0bfbf">
  66. <meta name="color:perma page text" content="#757575">
  67.  
  68. <meta name="color:chat even background" content="#f7f7f7" />
  69. <meta name="color:chat even name" content="#ffa600" />
  70. <meta name="color:chat even text" content="#b8b8b8" />
  71. <meta name="color:chat odd background" content="#ffffff" />
  72. <meta name="color:chat odd name" content="#b9a27d" />
  73. <meta name="color:chat odd text" content="#919191" />
  74.  
  75. <meta name="color:perma squares background" content="#ffffff">
  76. <meta name="color:perma squares outline" content="#cccccc">
  77. <meta name="color:perma squares hover background" content="#f3f3f3">
  78. <meta name="color:perma squares hover outline" content="#cccccc">
  79. <meta name="color:perma squares back line" content="#cccccc">
  80. <meta name="color:perma text" content="#888888">
  81.  
  82. <meta name="color:scrollbar bg" content="#70645b" />
  83. <meta name="color:scrollbar" content="#ebb57d" />
  84. <meta name="color:text highlight" content="#ffffff">
  85. <meta name="color:text highlight bg" content="#c2ab98">
  86.  
  87. <meta name="color:pagination text 1" content="#ffffff">
  88. <meta name="color:pagination text 2" content="#ea7d45">
  89. <meta name="color:pagination bg 1" content="#ea7d45">
  90. <meta name="color:pagination bg 2" content="#ffffff">
  91.  
  92. <meta name="image:sidebar" content="">
  93. <meta name="image:background" content="">
  94.  
  95. <meta name="text:link 1" content="">
  96. <meta name="text:link 2" content="">
  97. <meta name="text:link 3" content="">
  98. <meta name="text:link 4" content="">
  99. <meta name="text:link 1 URL" content="">
  100. <meta name="text:link 2 URL" content="">
  101. <meta name="text:link 3 URL" content="">
  102. <meta name="text:link 4 URL" content="">
  103. <meta name="text:billy music player code" content="">
  104. <meta name="text:sidebar distance fr top" content="140">
  105.  
  106. <meta name="if:post type 1" content="1">
  107. <meta name="if:post type 2" content="0">
  108. <meta name="if:post type 3" content="0">
  109. <meta name="if:fading photos" content="1">
  110. <meta name="if:monochrome posts" content="0">
  111. <meta name="if:white audio player" content="0">
  112. <meta name="if:show captions" content="1">
  113. <meta name="if:music player" content="1">
  114. <meta name="if:infinite scroll" content="0">
  115.  
  116. <title>{title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  117. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  118. <link rel="shortcut icon" href="{Favicon}" />
  119.  
  120. <link href='http://fonts.googleapis.com/css?family=Economica' rel='stylesheet' type='text/css'>
  121.  
  122. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  123.  
  124. <style type="text/css">
  125.  
  126. /* fontawesome */
  127. [class*="fontawesome-"]:before {
  128. font-family: 'FontAwesome', sans-serif;
  129. }
  130.  
  131. ::-webkit-scrollbar { width: 7px; }
  132. ::-webkit-scrollbar-track-piece { background-color:{color:scrollbar bg}; }
  133. ::-webkit-scrollbar-thumb:vertical {
  134. width: 10px;
  135. background-color: {color:scrollbar};
  136. }
  137.  
  138. iframe#tumblr_controls {
  139. z-index: 100000; right:3px !important; position:fixed !important; opacity: 0.2;
  140. -webkit-transition: all 0.4s ease-in-out;
  141. -moz-transition: all 0.4s ease-in-out;
  142. -o-transition: all 0.4s ease-in-out;
  143. -ms-transition: all 0.4s ease-in-out;
  144. transition: all 0.4s ease-in-out;
  145. }
  146. iframe#tumblr_controls:hover {
  147. opacity: 1;
  148. -webkit-transition: all 0.4s ease-in-out;
  149. -moz-transition: all 0.4s ease-in-out;
  150. -o-transition: all 0.4s ease-in-out;
  151. -ms-transition: all 0.4s ease-in-out;
  152. transition: all 0.4s ease-in-out;
  153. }
  154.  
  155. ::selection {
  156. background: {color:text highlight bg};
  157. color:{color:text highlight};
  158. }
  159.  
  160. ::-moz-selection {
  161. background: {color:text highlight bg};
  162. color:{color:text highlight};
  163. }
  164.  
  165. body {
  166. background-color: {color:background};
  167. background-image: url({image:background});
  168. background-attachment: fixed;
  169. margin: 0;
  170. word-wrap: break-word;
  171. }
  172. a { text-decoration:none; }
  173.  
  174. #sidebar {
  175. position: fixed;
  176. width: 220px;
  177. top: {text:sidebar distance fr top}px;
  178. left: 90px;
  179. }
  180.  
  181. .sbpic {width: 220px;display:block;}
  182.  
  183. .blogtitle {
  184. margin-top: 10px;
  185. font-family: economica;
  186. font-size: 18px;
  187. text-transform: uppercase;
  188. text-align: right;
  189. width: 220px;
  190. position: relative;
  191. z-index: 10;
  192. }
  193.  
  194. .blogtitle a {
  195. color: {color:blog title};
  196. padding-left: 10px;
  197. background-color: {color:background};
  198. background-color: #fff;
  199. background-image: url({image:background});
  200. transition: 0.6s;
  201. -moz-transition: 0.6s;
  202. -webkit-transition: 0.6s;
  203. -o-transition: 0.6s;
  204. }
  205.  
  206. .blogtitle a:hover {
  207. color: {color:blog title hover};
  208. text-shadow: 2px 0 0 {color:blog title shadow},-2px 0 0 {color:blog title shadow};
  209. }
  210.  
  211. .btl {
  212. width: 220px;
  213. height: 1px;
  214. background-color: {color:blog title deco};
  215. position: absolute;
  216. margin-top: 21px;
  217. z-index: 9;
  218. }
  219.  
  220. .ti {
  221. font-family: georgia;
  222. font-size: 20px;
  223. margin: -2px -2px;
  224. position: absolute;
  225. color: {color:blog title deco};
  226. }
  227.  
  228. .desc {
  229. margin-top: 5px;
  230. font-family: georgia;
  231. font-size: 10px;
  232. text-align: justify;
  233. color: {color:desc text};
  234. width: 220px;
  235. }
  236. .desc a { color: {color:desc links};
  237. -webkit-transition: all 0.4s ease-in-out;
  238. -moz-transition: all 0.4s ease-in-out;
  239. -o-transition: all 0.4s ease-in-out;
  240. -ms-transition: all 0.4s ease-in-out;
  241. transition: all 0.4s ease-in-out;
  242. }
  243. .desc a:hover {
  244. color:{color:desc links hover};
  245. }
  246. .desc b,strong { color: {color:desc bold}; }
  247. .desc i,em { color: {color:desc italic}; }
  248.  
  249. .desc:first-letter {
  250. background-color: {color:desc first letter background};
  251. color: {color:desc first letter colour};
  252. font-size: 15px;
  253. float: left;
  254. padding: 1px 5px;
  255. margin-right: 3px;
  256. border: 3px double {color:desc first letter color};
  257. }
  258.  
  259. .vert {
  260. width: 1px;
  261. height: 80px;
  262. position: absolute;
  263. background-color: {color:sidebar bottom left lines};
  264. margin: -50px -20px;
  265. }
  266. .hori {
  267. height: 1px;
  268. width: 170px;
  269. position: absolute;
  270. background-color: {color:sidebar bottom left lines};
  271. margin: 10px -40px;
  272. }
  273.  
  274. #customlinks {
  275. width: 100px;
  276. height: 10px;
  277. position: absolute;
  278. margin: 5px 150px;
  279. }
  280.  
  281. .link {width: 10px;height: 10px;float: left;margin-right: 10px;}
  282. .linkout {
  283. width: 9px;
  284. height: 9px;
  285. border: 1px solid {color:custom links outline};
  286. background-color: {color:custom links background};
  287. position: relative;
  288. z-index: 2;
  289. transition: 0.4s;
  290. -moz-transition: 0.4s;
  291. -webkit-transition: 0.4s;
  292. -o-transition: 0.4s;
  293. }
  294. .link:hover .linkout {
  295. border: 1px solid {color:custom links hover outline};
  296. background-color: {color:custom links hover background};
  297. }
  298.  
  299. .linktext {
  300. width: 50px;
  301. font-family: consolas;
  302. font-size: 8px;
  303. letter-spacing: 1px;
  304. position: absolute;
  305. display: block;
  306. text-align: center;
  307. margin: 5px -20px;
  308. opacity: 0;
  309. color: {color:custom links text};
  310. transition: 0.6s;
  311. -moz-transition: 0.6s;
  312. -webkit-transition: 0.6s;
  313. -o-transition: 0.6s;
  314. }
  315.  
  316. .linkline {
  317. position: absolute;
  318. width: 1px;
  319. height: 0;
  320. background-color: {color:sidebar bottom left lines};
  321. margin: 0 5px;
  322. transition: 0.6s;
  323. -moz-transition: 0.6s;
  324. -webkit-transition: 0.6s;
  325. -o-transition: 0.6s;
  326. }
  327.  
  328. .link:hover .linkline {height: 20px;transition-delay:0.4s;}
  329. .link:hover .linktext {
  330. opacity: 1;
  331. margin: 25px -20px;
  332. transition-delay: 0.4s;
  333. }
  334.  
  335. .linke1, .linke2, .linke3, .linke4 {
  336. z-index: 1;
  337. position: absolute;
  338. background-color: {color:sidebar bottom left lines};
  339. width: 0px;
  340. height: 1px;
  341. margin: 5px -20px;
  342. transition: 0.4s;
  343. -moz-transition: 0.4s;
  344. -webkit-transition: 0.4s;
  345. -o-transition: 0.4s;
  346. }
  347. .linke2 {margin:5px -40px;}
  348. .linke3 {margin:5px -60px;}
  349. .linke4 {margin:5px -80px;}
  350. .link:hover .linke1 {width: 20px;}
  351. .link:hover .linke2 {width: 40px;}
  352. .link:hover .linke3 {width: 60px;}
  353. .link:hover .linke4 {width: 80px;}
  354.  
  355. #navbar {
  356. position: fixed;
  357. top: 0; left: 0;
  358. height: 100%;
  359. width: 30px;
  360. background-color: {color:left bar background};
  361. }
  362.  
  363. #navcon {
  364. top: 40%;
  365. position: absolute;
  366. height: 130px;
  367. width: 30px;
  368. }
  369.  
  370. .navl {
  371. color: {color:left bar icons};
  372. margin-bottom: 20px;
  373. font-size: 14px;
  374. text-align: center;
  375. width: 30px;
  376. transition: 0.6s;
  377. -moz-transition: 0.6s;
  378. -webkit-transition: 0.6s;
  379. -o-transition: 0.6s;
  380. }
  381. .navl:hover { color: {color:left bar icons hover}; }
  382.  
  383. #content {
  384. margin-top: 10px;
  385. margin-left: 340px;
  386. padding: 5px 10px;
  387. {block:ifposttype1}width: 520px;{/block:ifposttype1}
  388. {block:ifposttype2}width: 420px;{/block:ifposttype2}
  389. {block:ifposttype3}width: 650px;{/block:ifposttype3}
  390.  
  391. {block:permalinkpage}
  392. {block:ifposttype2}width: 520px;{/block:ifposttype2}
  393. {block:ifposttype3}width: 530px;{/block:ifposttype3}
  394. {/block:permalinkpage}
  395. }
  396.  
  397. .posts {
  398. float: left;
  399. background-color: {color:post background};
  400. margin: 10px 0;
  401. padding: 10px;
  402. {block:ifposttype1}width: 500px;{/block:ifposttype1}
  403. {block:ifposttype2}width: 400px;{/block:ifposttype2}
  404. {block:ifposttype3}width: 250px;margin: 10px 15px 20px;padding: 15px;{/block:ifposttype3}
  405. {block:permalinkpage}
  406. {block:ifposttype1}width: 500px;{/block:ifposttype1}
  407. {block:ifposttype2}width: 500px;{/block:ifposttype2}
  408. {block:ifposttype3}width: 500px;{/block:ifposttype3}
  409. {/block:permalinkpage}
  410. transition: 0.8s;
  411. -moz-transition: 0.8s;
  412. -webkit-transition: 0.8s;
  413. -o-transition: 0.8s;
  414. }
  415.  
  416. .photo {
  417. {block:iffadingphotos}opacity: 0.8;{/block:iffadingphotos}
  418. {block:ifposttype1}width: 500px;{/block:ifposttype1}
  419. {block:ifposttype2}width: 400px;{/block:ifposttype2}
  420. {block:ifposttype3}width: 250px;{/block:ifposttype3}
  421. {block:permalinkpage}
  422. {block:ifposttype1}width: 500px;{/block:ifposttype1}
  423. {block:ifposttype2}width: 500px;{/block:ifposttype2}
  424. {block:ifposttype3}width: 500px;{/block:ifposttype3}
  425. {/block:permalinkpage}
  426. {block:IfMonochromePosts}
  427. 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"); /* Firefox 3.5+ */
  428. filter: gray; /* IE6-9 */
  429. -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  430. {/block:IfMonochromePosts}
  431. -webkit-transition: all 0.7s linear;
  432. -moz-transition: all 0.7s linear;
  433. -o-transition: all 0.7s linear;
  434. }
  435. .posts:hover .photo {
  436. {block:IfMonochromePosts}
  437. filter: none;
  438. -webkit-filter: grayscale(0%);
  439. {/block:IfMonochromePosts}
  440. {block:iffadingphotos}opacity:1;{/block:iffadingphotos}
  441. {block:iffadingphotosreversed}opacity: 0.6;{/block:iffadingphotosreversed}
  442. }
  443.  
  444. .text {
  445. font-family: georgia, calibri;
  446. color: {color:body text};
  447. font-size: 11px;
  448. text-align: justify;
  449. }
  450.  
  451. .text b,strong {color:{color:body bold};}
  452. .text i,em {color:{color:body italic};}
  453.  
  454. .text a, .src a {
  455. color: {color:body links};
  456. transition: 0.4s;
  457. -webkit-ransition: 0.4s;
  458. -moz-ransition: 0.4s;
  459. -o-ransition: 0.4s;
  460. }
  461.  
  462. .text a:hover, .src a:hover {
  463. color: {color:body links hover};
  464. }
  465.  
  466. .text ul { list-style-type: square; }
  467.  
  468. .posts blockquote {
  469. margin: 5px 10px;
  470. border-left: 3px solid {color:blockquote};
  471. padding: 3px 10px;
  472. }
  473.  
  474. .posts img {
  475. {block:ifposttype1}max-width: 500px;{/block:ifposttype1}
  476. {block:ifposttype2}max-width: 400px;{/block:ifposttype2}
  477. {block:ifposttype3}max-width: 250px;{/block:ifposttype3}
  478.  
  479. {block:permalinkpage}
  480. {block:ifposttype1}max-width: 500px;{/block:ifposttype1}
  481. {block:ifposttype2}max-width: 500px;{/block:ifposttype2}
  482. {block:ifposttype3}max-width: 500px;{/block:ifposttype3}
  483. {/block:permalinkpage}
  484. }
  485. .posts blockquote img {max-width: 100%;}
  486.  
  487. .quote {
  488. font-family: georgia;
  489. font-size: 15px;
  490. text-align: right;
  491. }
  492.  
  493. .src {
  494. font-family: consolas;
  495. font-size: 10px;
  496. text-align: right;
  497. text-transform: uppercase;
  498. }
  499.  
  500. .ltitle, .ptitle {
  501. font-family: economica;
  502. font-size: 20px;
  503. text-transform: uppercase;
  504. text-align: right;
  505. color: {color:post title text};
  506. {block:ifposttype3}
  507. text-align: center;
  508. {/block:ifposttype3}
  509. -webkit-transition: all 0.4s ease-in-out;
  510. -moz-transition: all 0.4s ease-in-out;
  511. -o-transition: all 0.4s ease-in-out;
  512. -ms-transition: all 0.4s ease-in-out;
  513. transition: all 0.4s ease-in-out;
  514. }
  515.  
  516. .ptitle a, .ltitle a {
  517. background-color: {color:post background};
  518. position: relative;
  519. z-index: 2;
  520. font-family: economica;
  521. font-size: 20px;
  522. text-transform: uppercase;
  523. text-align: right;
  524. color: {color:post title text};
  525. padding: 0 20px;
  526. margin-right: 20px;
  527. -webkit-transition: all 0.4s ease-in-out;
  528. -moz-transition: all 0.4s ease-in-out;
  529. -o-transition: all 0.4s ease-in-out;
  530. -ms-transition: all 0.4s ease-in-out;
  531. transition: all 0.4s ease-in-out;
  532. }
  533.  
  534. .ltitle a:hover {
  535. color: {color:post title text hover};
  536. }
  537.  
  538. .titleline {
  539. {block:ifposttype1}width: 500px;{/block:ifposttype1}
  540. {block:ifposttype2}width: 400px;{/block:ifposttype2}
  541. {block:ifposttype3}width: 250px;{/block:ifposttype3}
  542. {block:permalinkpage}
  543. {block:ifposttype1}width: 500px;{/block:ifposttype1}
  544. {block:ifposttype2}width: 500px;{/block:ifposttype2}
  545. {block:ifposttype3}width: 500px;{/block:ifposttype3}
  546. {/block:permalinkpage}
  547. position: absolute;
  548. z-index: 1;
  549. height: 1px;
  550. background-color: #ccc;
  551. margin: 12px 0;
  552. }
  553.  
  554. .odd .line {background-color: {color:chat odd background};padding: 3px 5px;margin-bottom:3px;color:{color:chat odd text};}
  555. .even .line {background-color: {color:chat even background};padding: 3px 5px;margin-bottom:3px;color:{color:chat even text};}
  556. .odd .name {color: {color:chat odd name};padding: 3px 5px;}
  557. .even .name {color: {color:chat even name};padding: 3px 5px;}
  558.  
  559. #album {
  560. width: 150px;
  561. height: 150px;
  562. background-color: #888;
  563. {block:ifposttype1}position: absolute;{/block:ifposttype1}
  564. {block:ifposttype2}position: absolute;{/block:ifposttype2}
  565. {block:ifposttype3}width: 250px;height: 250px;{/block:ifposttype3}
  566.  
  567. {block:permalinkpage}{block:ifposttype3}
  568. position: absolute;
  569. width: 150px;
  570. height: 150px;
  571. {/block:ifposttype3}{/block:permalinkpage}
  572. }
  573. .noalbum {
  574. {block:ifposttype1}width: 150px;height: 150px;{/block:ifposttype1}
  575. {block:ifposttype2}width: 150px;height: 150px;{/block:ifposttype2}
  576. background-color: #888;
  577. z-index: 50;
  578. {block:ifposttype3}width: 250px;height: 250px;{/block:ifposttype3}
  579.  
  580. {block:permalinkpage}
  581. {block:ifposttype3}
  582. width: 150px;
  583. height: 150px;
  584. {/block:ifposttype3}
  585. {/block:permalinkpage}
  586. }
  587. .albumart {
  588. {block:ifposttype1}width: 150px;height: 150px;{/block:ifposttype1}
  589. {block:ifposttype2}width: 150px;height: 150px;{/block:ifposttype2}
  590. z-index: 50;
  591. {block:ifposttype3}max-width: 250px;max-height: 250px;{/block:ifposttype3}
  592.  
  593. {block:permalinkpage}
  594. {block:ifposttype3}width: 150px;height: 150px;
  595. {/block:ifposttype3}
  596. {/block:permalinkpage}
  597. }
  598.  
  599. #audinfo {
  600. width: 340px;
  601. margin-left: 160px;
  602. min-height: 150px;
  603. {block:ifposttype3}
  604. position: absolute;
  605. z-index: 10;
  606. width:250px;
  607. margin-left: 0;
  608. margin-top: -200px;
  609. {/block:ifposttype3}
  610. {block:permalinkpage}
  611. {block:ifposttype3}
  612. position: static;
  613. width: 340px;
  614. margin-left: 160px;
  615. margin-top: 0;
  616. min-height: 150px;
  617. {/block:ifposttype3}{/block:permalinkpage}
  618. }
  619.  
  620. .aud {
  621. height: 27px;
  622. margin-bottom: 5px;
  623. {block:ifwhiteaudioplayer}
  624. background-color: #fff;
  625. {/block:ifwhiteaudioplayer}
  626. {block:ifnotwhiteaudioplayer}
  627. background-color: #000;
  628. {/block:ifnotwhiteaudioplayer}
  629. {block:ifposttype1}width: 340px;{/block:ifposttype1}
  630. {block:ifposttype2}width: 240px;{/block:ifposttype2}
  631. {block:ifposttype3}
  632. opacity: 0.1;
  633. {block:ifposttype3}
  634. {block:permalinkpage}
  635. {block:ifposttype3}width: 340px;opacity: 1;{/block:ifposttype3}
  636. {block:ifposttype2}width: 340px;{/block:ifposttype2}
  637. {/block:permalinkpage}
  638. -webkit-transition: all 0.4s ease-in-out;
  639. -moz-transition: all 0.4s ease-in-out;
  640. -o-transition: all 0.4s ease-in-out;
  641. -ms-transition: all 0.4s ease-in-out;
  642. transition: all 0.4s ease-in-out;
  643. }
  644. .posts:hover .aud, .posts:hover .audline {
  645. {block:ifposttype3}opacity: 0.4;{/block:ifposttype3}
  646. }
  647.  
  648. .audline {
  649. {block:ifposttype1}width: 320px;{/block:ifposttype1}
  650. {block:ifposttype2}width: 220px;{/block:ifposttype2}
  651. {block:ifposttype3}opacity: 0.1;{/block:ifposttype3}
  652. {block:permalinkpage}
  653. {block:ifposttype3}width: 320px;opacity: 1;{/block:ifposttype3}
  654. {/block:permalinkpage}
  655. text-align: left;
  656. height: 26px;
  657. margin-bottom: 5px;
  658. background-color: {color:audio lines};
  659. color: {color:audio text};
  660. padding: 0 10px;
  661. line-height: 27px;
  662. font-family: consolas;
  663. font-size: 10px;
  664. text-transform: uppercase;
  665. -webkit-transition: all 0.4s ease-in-out;
  666. -moz-transition: all 0.4s ease-in-out;
  667. -o-transition: all 0.4s ease-in-out;
  668. -ms-transition: all 0.4s ease-in-out;
  669. transition: all 0.4s ease-in-out;
  670. }
  671.  
  672. .posts:hover .audline:hover, .posts:hover .aud:hover { opacity: 1; }
  673.  
  674. .askerportrait {
  675. max-width: 64px;
  676. max-height: 64px;
  677. position: absolute;
  678. border: 10px solid {color:ask background};
  679. }
  680. .a {
  681. margin-left: 100px;
  682. text-align: justify;
  683. background-color: {color:ask background};
  684. min-height: 64px;
  685. padding: 10px;
  686. font-family: calibri,geneva;
  687. font-size: 13px;
  688. color: {color:ask text};
  689. }
  690. .asker {
  691. color: {color:asker text};
  692. font-family: consolas;
  693. font-size: 10px;
  694. text-transform: uppercase;
  695. }
  696. .asker a {color: {color:asker link};border-bottom: 1px dashed {color:asker link};}
  697. .q {margin-top: 10px;}
  698. .tri {
  699. position: absolute;
  700. font-size: 30px;
  701. margin: 20px 0 0 85px;
  702. color: {color:ask background};
  703. }
  704.  
  705. .tags {
  706. font-size: 10px;
  707. letter-spacing:1px;}
  708. .tags a, #permapg a {color:{color:tags};
  709. -webkit-transition: all 0.4s ease-in-out;
  710. -moz-transition: all 0.4s ease-in-out;
  711. -o-transition: all 0.4s ease-in-out;
  712. -ms-transition: all 0.4s ease-in-out;
  713. transition: all 0.4s ease-in-out;
  714. }
  715. .tags a:hover, #permapg a:hover {color:{color:tags hover};background-color:{color:tags hover bg};}
  716.  
  717. .taag {
  718. width: 500px;
  719. position: absolute;
  720. margin-left: -500px;
  721. margin-top: 50px;
  722. text-align: right;
  723. font-size: 8px;
  724. letter-spacing: 1px;
  725. opacity: 0;
  726. -webkit-transition: all 0.4s ease-in-out;
  727. -moz-transition: all 0.4s ease-in-out;
  728. -o-transition: all 0.4s ease-in-out;
  729. -ms-transition: all 0.4s ease-in-out;
  730. transition: all 0.4s ease-in-out;
  731. }
  732. .taag a {
  733. font-family: consolas;
  734. line-height: 14px;
  735. padding: 1px 5px;
  736. color:{color:tags};
  737. {block:indexpage}
  738. background-color: {color:tags bg};
  739. {/block:indexpage}
  740. border-left: 0 solid {color:tags};
  741. -webkit-transition: all 0.4s ease-in-out;
  742. -moz-transition: all 0.4s ease-in-out;
  743. -o-transition: all 0.4s ease-in-out;
  744. -ms-transition: all 0.4s ease-in-out;
  745. transition: all 0.4s ease-in-out;
  746. }
  747. .taag a:hover {
  748. color:{color:tags hover};
  749. background-color:{color:tags hover bg};
  750. border-left: 10px solid {color:tags};
  751. }
  752. .posts:hover .taag {
  753. opacity: 1;
  754. margin-left: -520px;
  755. }
  756.  
  757. #permapg {
  758. margin-top: 10px;
  759. font-family: consolas;
  760. text-align: center;
  761. color: {color:perma page text};
  762. font-size: 10px;
  763. letter-spacing: 1px;
  764. text-transform: uppercase;
  765. }
  766.  
  767. #notecontainer {
  768. padding: 10px;
  769. text-decoration: none;
  770. width: 500px;
  771. }
  772. ol.notes {
  773. list-style-type: none;
  774. letter-spacing: -1px;
  775. font-size: 11px;
  776. color: {color:body};
  777. font-family: consolas;
  778. text-decoration: none;
  779. margin: 0;
  780. width: 500px;
  781. padding: 5px;
  782. text-align: left;
  783. }
  784. ol.notes a {color: {color:body links};
  785. -webkit-transition: all 0.4s ease-in-out;
  786. -moz-transition: all 0.4s ease-in-out;
  787. -o-transition: all 0.4s ease-in-out;
  788. -ms-transition: all 0.4s ease-in-out;
  789. transition: all 0.4s ease-in-out;}
  790. ol.notes a:hover {color: {color:body links hover};background-color:{color:body links hover bg};}
  791. img.avatar {
  792. margin-right: 5px;
  793. width: 10px;
  794. height: 10px;
  795. float: left;
  796. }
  797.  
  798. #permaset {
  799. width: 200px;
  800. height: 50px;
  801. position: absolute;
  802. opacity: 0;
  803. {block:ifposttype1}margin: 5px 510px;{/block:ifposttype1}
  804. {block:ifposttype2}margin: 5px 410px;{/block:ifposttype2}
  805. transition: 0.6s;
  806. -moz-transition: 0.6s;
  807. -webkit-transition: 0.6s;
  808. -o-transition: 0.6s;
  809. {block:ifposttype3}
  810. z-index: 20;
  811. padding-left: 5px;
  812. padding-right: 2px;
  813. width: 65px;
  814. height: 10px;
  815. margin: 24px 185px;
  816. {/block:ifposttype3}
  817. }
  818. .posts:hover #permaset {
  819. opacity: 1;
  820. {block:ifposttype1}margin: 5px 520px;{/block:ifposttype1}
  821. {block:ifposttype2}margin: 5px 420px;{/block:ifposttype2}
  822. {block:ifposttype3}margin: 24px 195px;{/block:ifposttype3}
  823. }
  824. .permarsq, .permansq, .permatsq {
  825. background-color: {color:perma squares background};
  826. border: 1px solid {color:perma squares outline};
  827. width: 9px;
  828. height: 9px;
  829. position: relative;
  830. z-index: 2;
  831. {block:ifnotposttype3}
  832. margin-top: -5px;
  833. {/block:ifnotposttype3}
  834. {block:ifposttype3}float: left;margin: 0 5px;{/block:ifposttype3}
  835. transition: 0.6s;
  836. -moz-transition: 0.6s;
  837. -webkit-transition: 0.6s;
  838. -o-transition: 0.6s;
  839. }
  840. .permarline, .permanline, .permatline {
  841. width: 10px;
  842. height: 1px;
  843. background-color: {color:perma squares back line};
  844. position: absolute;
  845. z-index: 1;
  846. margin: 5px 0px;
  847. transition: 0.6s;
  848. -moz-transition: 0.6s;
  849. -webkit-transition: 0.6s;
  850. -o-transition: 0.6s;
  851. }
  852. #permareblog:hover .permarline, #permanotes:hover .permanline, #permatime:hover .permatline {width: 20px;}
  853. .permar {
  854. position: absolute;
  855. font-family: consolas;
  856. font-size: 9px;
  857. color: {color:perma text};
  858. margin: 0px 15px;
  859. opacity: 0;
  860. {block:ifposttype3}margin-top: 10px;float: left;{/block:ifposttype3}
  861. transition: 0.6s;
  862. -moz-transition: 0.6s;
  863. -webkit-transition: 0.6s;
  864. -o-transition: 0.6s;
  865. }
  866. #permareblog:hover .permar {opacity: 1;margin: 0 30px;}
  867. {block:ifnotposttype3}.permansq, .permatsq {margin-top: 5px;}{/block:ifnotposttype3}
  868. .permarsq:hover, .permansq:hover, .permatsq:hover {
  869. background-color: {color:perma squares hover background};
  870. border: 1px solid {color:perma squares hover outline};
  871. }
  872. .perman, .permat {
  873. padding: 2px 5px;
  874. font-family: consolas;
  875. font-size: 9px;
  876. color: {color:perma text};
  877. position: absolute;
  878. margin: -11px 15px;
  879. opacity: 0;
  880. transition: 0.6s;
  881. -moz-transition: 0.6s;
  882. -webkit-transition: 0.6s;
  883. -o-transition: 0.6s;
  884. }
  885. #permanotes:hover .perman, #permatime:hover .permat {margin: -11px 25px;opacity:1;}
  886. .permanline {margin: 5px 0px;}
  887. .permaa {
  888. z-index: -10;
  889. width: 195px;
  890. height: 1px;
  891. background-color: {color:perma squares back line};
  892. position: absolute;
  893. margin: 5px -200px;
  894. transition: 0.6s;
  895. -moz-transition: 0.6s;
  896. -webkit-transition: 0.6s;
  897. -o-transition: 0.6s;
  898. }
  899. .posts:hover .permaa {
  900. width: 205px;
  901. margin: 5px -210px;
  902. }
  903.  
  904. {block:ifposttype3}
  905.  
  906. .rline, .nline, .tline {
  907. background-color: {color:perma squares back line};
  908. width: 0;
  909. height: 1px;
  910. position: absolute;
  911. z-index: -10;
  912. margin: 5px -10px;
  913. transition: 0.6s;
  914. -moz-transition: 0.6s;
  915. -webkit-transition: 0.6s;
  916. -o-transition: 0.6s;
  917. }
  918.  
  919. #permareblog:hover .rline {width: 15px;}
  920. #permanotes:hover .nline {width: 37px;}
  921. #permatime:hover .tline {width: 57px;}
  922.  
  923. {/block:ifposttype3}
  924.  
  925. #ongaku {
  926. position: absolute;
  927. width: 20px;
  928. height: 20px;
  929. margin: -20px 200px;
  930. overflow: hidden;
  931. }
  932. .musicnote {float: left;position: absolute;z-index: 11;background-color: {color:background};background-image:url({image:background});width: 20px;height: 20px;
  933. transition: 0.6s;
  934. -moz-transition: 0.6s;
  935. -webkit-transition: 0.6s;
  936. -o-transition: 0.6s;
  937. }
  938. .player {margin-left: 0;margin-top:-5px;position:relative;z-index:10;
  939. transition: 0.6s;
  940. -moz-transition: 0.6s;
  941. -webkit-transition: 0.6s;
  942. -o-transition: 0.6s;
  943. }
  944. #ongaku:hover .player {margin-left: -20px;}
  945. #ongaku:hover .musicnote {opacity:0;z-index: -10;}
  946.  
  947. #warning {
  948. position: fixed;
  949. background-color: #fff;
  950. width: 100%;
  951. height: 100%;
  952. position: fixed;
  953. z-index: -1;
  954. opacity: 0;
  955. top: 0;
  956. left: 0;
  957. padding-top: 200px;
  958. text-align: center;
  959. font-family: economica;
  960. font-size: 16px;
  961. {block:ifposttype1}
  962. {block:ifposttype2}opacity: 1;z-index: 100001;{/block:ifposttype2}
  963. {block:ifposttype3}opacity: 1;z-index: 100001;{/block:ifposttype3}
  964. {/block:ifposttype1}
  965. {block:ifposttype2}
  966. {block:ifposttype3}opacity: 1;z-index: 100001;{/block:ifposttype3}
  967. {/block:ifposttype2}
  968. {block:ifposttype1}{block:ifposttype2}{block:ifposttype3}
  969. opacity: 1;z-index: 100001;
  970. {/block:ifposttype3}{block:ifposttype2}{block:ifposttype1}
  971. {block:ifnotposttype1}{block:ifnotposttype2}{block:ifnotposttype3}
  972. opacity: 1;z-index: 100001;
  973. {/block:ifnotposttype3}{block:ifnotposttype2}{block:ifnotposttype1}
  974. }
  975.  
  976. .pagi {
  977. position: fixed;
  978. text-align: center;
  979. text-decoration: none;
  980. font-family: economica;
  981. padding: 2px;
  982. bottom: 20px;
  983. {block:ifposttype1}left: 890px;{/block:ifposttype1}
  984. {block:ifposttype2}left: 790px;{/block:ifposttype2}
  985. {block:ifposttype3}left: 970px;{/block:ifposttype3}
  986. }
  987.  
  988. .jump_page {
  989. font-size: 12px;
  990. padding: 2px 6px;
  991. text-align: center;
  992. line-height: 15px;
  993. -webkit-transition: all 0.3s ease-in-out;
  994. -moz-transition: all 0.3s ease-in-out;
  995. -o-transition: all 0.3s ease-in-out;
  996. -ms-transition: all 0.3s ease-in-out;
  997. transition: all 0.3s ease-in-out;
  998. background-color: {color:pagination bg 1};
  999. color: {color:pagination text 1};
  1000. }
  1001.  
  1002. .current_page {
  1003. font-size: 12px;
  1004. padding: 2px 6px;
  1005. text-align: center;
  1006. background-color: #fff;
  1007. background-color: {color:pagination bg 2};
  1008. color: {color:pagination text 2};
  1009. }
  1010.  
  1011. .jump_page:hover {
  1012. padding: 2px 6px;
  1013. line-height: 10px;
  1014. text-align: center;
  1015. font-size: 12px;
  1016. -webkit-transition: all 0.3s ease-in-out;
  1017. -moz-transition: all 0.3s ease-in-out;
  1018. -o-transition: all 0.3s ease-in-out;
  1019. -ms-transition: all 0.3s ease-in-out;
  1020. transition: all 0.3s ease-in-out;
  1021. background-color: {color:pagination bg 2};
  1022. color: {color:pagination text 2};
  1023. }
  1024.  
  1025. .pagination {display: none;}
  1026.  
  1027. {CustomCSS}
  1028.  
  1029. </style>
  1030.  
  1031. {block:indexpage}
  1032. {block:ifposttype3}{block:ifinfinitescroll}
  1033. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  1034.  
  1035. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  1036.  
  1037. <script>
  1038. $(function(){
  1039. var $container = $('#content');
  1040. $container.imagesLoaded(function(){
  1041. $container.masonry({
  1042. itemSelector: '.posts',
  1043. });
  1044. });
  1045. $container.infinitescroll({
  1046. itemSelector : ".posts",
  1047. navSelector : "div.pagination",
  1048. nextSelector : ".pagination a#next",
  1049. loadingImg : "",
  1050. loadingText : "<em></em>",
  1051. bufferPx : 10000,
  1052. extraScrollPx: 12000,
  1053. },
  1054. // trigger Masonry as a callback
  1055. function( newElements ) {
  1056. var $newElems = $( newElements ).css({ opacity: 0 });
  1057. // ensure that images load before adding to masonry layout
  1058. $newElems.imagesLoaded(function(){
  1059. $newElems.animate({ opacity: 1 });
  1060. $container.masonry( 'appended', $newElems, true );
  1061. });
  1062. }
  1063. );
  1064. });
  1065. </script>
  1066. {/block:ifinfinitescroll}
  1067.  
  1068. {block:ifnotinfinitescroll}
  1069. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  1070.  
  1071. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  1072. <script type="text/javascript">
  1073. $(window).load(function () {
  1074. $('#content').masonry({
  1075. itemSelector : ".posts",
  1076. },
  1077. function() { $('#content').masonry({ appendedContent: $(this) }); }
  1078. );
  1079. });
  1080. </script>
  1081. {/block:ifnotinfinitescroll}
  1082.  
  1083. {/block:ifposttype3}
  1084.  
  1085. {block:ifnotposttype3}{block:ifinfinitescroll}
  1086. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  1087. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  1088. <script type="text/javascript" charset="utf-8">
  1089. var $j = jQuery.noConflict();
  1090. $j(function() {
  1091. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  1092. $j("img").lazyload({
  1093. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  1094. effect: "fadeIn",
  1095. });
  1096. });
  1097. </script>
  1098. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  1099. {/block:ifinfinitescroll}{/block:ifnotposttype3}
  1100.  
  1101. {/block:indexpage}
  1102.  
  1103. </head>
  1104. <body>
  1105.  
  1106. <div id="warning">Please pick only 1 post size.</div>
  1107.  
  1108. <div id="navbar"><div id="navcon">
  1109. <a title="home" href="/"><div class="navl"><span class="fa fa-home"></span></div></a>
  1110. <a title="message" href="/ask"><div class="navl"><span class="fa fa-envelope"></span></div></a>
  1111. <a title="archives" href="/archive"><div class="navl"><span class="fa fa-calendar"></span></div></a>
  1112. <a title="theme by yukoki" href="http://yukoki.tumblr.com"><div class="navl"><span class="fa fa-paperclip"></span></div></a>
  1113. </div></div><!--navcon--><!--navbar-->
  1114.  
  1115. <div id="sidebar">
  1116.  
  1117. {block:ifmusicplayer}
  1118. <div id="ongaku">
  1119. <div class="musicnote"><img src="http://media.tumblr.com/tumblr_m7vzknnBik1r6o8v2.gif"></div>
  1120. <div class="player">
  1121. {text:billymusicplayercode}
  1122. </div><!--player-->
  1123. </div><!--ongaku-->
  1124. {/block:ifmusicplayer}
  1125.  
  1126. <img class="sbpic" src="{image:sidebar}">
  1127. <div class="btl"></div>
  1128. <div class="blogtitle"><span class="ti">[</span><a href="/">{title}</a></div>
  1129. <div class="desc">{description}</div>
  1130. <div class="vert"></div><div class="hori"></div>
  1131.  
  1132. <div id="customlinks">
  1133. {block:iflink1}<a href="{text:link 1 url}"><div class="link"><div class="linke1"></div><div class="linkout"></div><div class="linkline"></div><div class="linktext">{text:link 1}</div></div></a>{/block:iflink1}
  1134.  
  1135. {block:iflink2}<a href="{text:link 2 url}"><div class="link"><div class="linke2"></div><div class="linkout"></div><div class="linkline"></div><div class="linktext">{text:link 2}</div></div></a>{/block:iflink2}
  1136.  
  1137. {block:iflink3}<a href="{text:link 3 url}"><div class="link"><div class="linke3"></div><div class="linkout"></div><div class="linkline"></div><div class="linktext">{text:link 3}</div></div></a>{/block:iflink3}
  1138.  
  1139. {block:iflink4}<a href="{text:link 4 url}"><div class="link"><div class="linke4"></div><div class="linkout"></div><div class="linkline"></div><div class="linktext">{text:link 4}</div></div></a>{/block:iflink4}
  1140. </div><!--customlinks-->
  1141.  
  1142. </div><!--sidebar-->
  1143.  
  1144. <div id="content">
  1145. {block:posts}
  1146. <div class="posts">
  1147.  
  1148. {block:indexpage}{block:ifnotposttype3}
  1149. <div id="permaset">
  1150.  
  1151. <div id="permareblog">
  1152. <div class="permarline"></div><!--permarline-->
  1153. <a href="{reblogurl}"><div class="permar">reblog</div></a>
  1154. <a href="{reblogurl}"><div class="permarsq"></div><!--permasq--></a>
  1155. </div><!--permareblog-->
  1156.  
  1157. <div id="permanotes">
  1158. <div class="permanline"></div><!--permanline-->
  1159. <a href="{permalink}"><div class="permansq"></div>
  1160. <div class="perman">{NoteCountWithLabel}</div></a>
  1161. </div><!--permanotes-->
  1162.  
  1163. <div id="permatime">
  1164. <div class="permatline"></div><!--permanline-->
  1165. <a href="{permalink}"><div class="permatsq"></div>
  1166. <div class="permat">{TimeAgo}</div></a>
  1167. </div><!--permanotes-->
  1168.  
  1169. </div><!--permaset-->
  1170. {/block:ifnotposttype3}{/block:indexpage}
  1171.  
  1172. {block:Quote}
  1173. <div class="quote">"{Quote}"</div>
  1174. <div class="src">- {Source}</div>
  1175. {/block:Quote}
  1176.  
  1177. {block:Photo}
  1178. {LinkOpenTag}
  1179. <div class="photo"><center><img src="{PhotoURL-500}"></center></div>
  1180. {LinkCloseTag}
  1181. {block:IfShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  1182. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1183. <div class="text">{Caption}</div>
  1184. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1185. {/block:Photo}
  1186.  
  1187. {block:Photoset}
  1188. <div class="photo">
  1189. {block:indexpage}
  1190. {block:ifposttype1}{Photoset-500}{/block:ifposttype1}
  1191. {block:ifposttype2}{Photoset-400}{/block:ifposttype2}
  1192. {block:ifposttype3}{Photoset-250}{/block:ifposttype3}
  1193. {/block:indexpage}
  1194. {block:permalinkpage}
  1195. {block:ifposttype1}{Photoset-500}{/block:ifposttype1}
  1196. {block:ifposttype2}{Photoset-500}{/block:ifposttype2}
  1197. {block:ifposttype3}{Photoset-500}{/block:ifposttype3}
  1198. {/block:permalinkpage}
  1199. </div>
  1200. {block:IfShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  1201. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1202. <div class="text">{Caption}</div>
  1203. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1204. {/block:Photoset}
  1205.  
  1206. {block:Link}
  1207. {block:ifnotposttype3}<div class="titleline"></div>{/block:ifnotposttype3}
  1208. <div class="ltitle"><a href="{URL}">{Name}</a></div>
  1209. {block:Description}
  1210. <div class="text">{description}</div>
  1211. {/block:Description}
  1212. {/block:Link}
  1213.  
  1214. {block:Chat}
  1215. {block:Title}{block:ifnotposttype3}<div class="titleline"></div>{/block:ifnotposttype3}<div class="ltitle"><a href="{permalink}">{Title}</a></div>{/block:Title}
  1216. <div class="text">
  1217. {block:Lines}<div class="{Alt}">
  1218. <div class="line">{block:Label}<span class="name">{Label}</span>{/block:Label} {Line}<br /></div></div>
  1219. {/block:Lines}
  1220. </div>
  1221. {/block:Chat}
  1222.  
  1223. {block:Audio}
  1224. <div id="album"><div class="noart"></div>{block:AlbumArt}<img class="albumart" src="{AlbumArtURL}">{/block:AlbumArt}</div>
  1225. <div id="audinfo">
  1226. <div class="aud">{block:ifwhiteaudioplayer}{AudioPlayerWhite}{/block:ifwhiteaudioplayer}{block:ifnotwhiteaudioplayer}{AudioPlayerBlack}{/block:ifnotwhiteaudioplayer}</div>
  1227. {block:TrackName}<div class="audline">Track: {TrackName}</div>{/block:TrackName}
  1228. {block:Album}<div class="audline">Album: {Album}</div>{/block:Album}
  1229. {block:Artist}<div class="audline">Artist: {Artist}</div>{/block:Artist}
  1230. <div class="audline">{PlayCountWithLabel}</div>
  1231. </div><!--audinfo-->
  1232. {block:IfShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  1233. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1234. <div class="text">{Caption}</div>
  1235. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1236. {/block:Audio}
  1237.  
  1238. {block:Text}
  1239. {block:title}{block:ifnotposttype3}<div class="titleline"></div>{/block:ifnotposttype3}<div class="ptitle"><a href="{permalink}">{Title}</a></div>{/block:title}
  1240. <div class="text">{body}</div>
  1241. {/block:Text}
  1242.  
  1243. {block:Answer}
  1244. <img class="askerportrait" src="{AskerPortraitURL-64}">
  1245. <div class="tri">◀</div>
  1246. <div class="a">
  1247. <span class="asker">{Asker} whispered:</span>
  1248. <span class="q">{Question}</span>
  1249. </div>
  1250. <div class="text">{Answer}</div>
  1251. {/block:Answer}
  1252.  
  1253. {block:Video}
  1254. {block:indexpage}
  1255. {block:ifposttype1}{Video-500}{/block:ifposttype1}
  1256. {block:ifposttype2}{Video-400}{/block:ifposttype2}
  1257. {block:ifposttype3}{Video-250}{/block:ifposttype3}
  1258. {/block:indexpage}
  1259. {block:permalinkpage}
  1260. {block:ifposttype1}{Video-500}{/block:ifposttype1}
  1261. {block:ifposttype2}{Video-500}{/block:ifposttype2}
  1262. {block:ifposttype3}{Video-500}{/block:ifposttype3}
  1263. {/block:permalinkpage}
  1264. {block:IfShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  1265. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1266. <div class="text">{Caption}</div>
  1267. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1268. {/block:Video}
  1269.  
  1270. {block:indexpage}{block:ifposttype3}
  1271. <div id="permaset">
  1272. <div class="permaa"></div>
  1273. <div id="permareblog">
  1274. <div class="rline"></div>
  1275. <a title="reblog" href="{reblogurl}"><div class="permarsq"></div></a>
  1276. </div><!--permareblog-->
  1277.  
  1278. <div id="permanotes">
  1279. <div class="nline"></div>
  1280. <a title="{NoteCountWithLabel}" href="{permalink}"><div class="permansq"></div></a>
  1281. </div><!--permanotes-->
  1282.  
  1283. <div id="permatime">
  1284. <div class="tline"></div>
  1285. <a title="{timeago}" href="{permalink}"><div class="permatsq"></div></a>
  1286. </div><!--permanotes-->
  1287.  
  1288. </div><!--permaset-->
  1289. {/block:ifposttype3}{/block:indexpage}
  1290.  
  1291. {block:permalinkpage}{block:date}
  1292.  
  1293. <div id="permapg">
  1294. Posted on {DayOfMonthWithZero} {Month} {Year}, at {12Hour}.{Minutes}{AmPm} with {NoteCountWithLabel}<br>
  1295. {block:RebloggedFrom}reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a>, originally by <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  1296. {block:HasTags}<div class="tags">
  1297. filed under: {block:tags}<a href="{tagurl}">#{tag}</a> {/block:tags}
  1298. </div>{/block:HasTags}
  1299. </div><!--permapg-->
  1300.  
  1301. {block:PostNotes}
  1302. <div id="notecontainer">{PostNotes}</div>
  1303. {/block:PostNotes}
  1304.  
  1305. {/block:date}{/block:permalinkpage}
  1306.  
  1307. </div><!--posts-->{/block:posts}
  1308.  
  1309. {block:ContentSource}
  1310. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1311. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1312. {/block:SourceLogo}
  1313. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1314. {/block:ContentSource}
  1315.  
  1316. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  1317.  
  1318. </div><!--content-->
  1319.  
  1320. {block:ifnotinfinitescroll}{block:pagination}<div class="pagi">
  1321.  
  1322. {block:PreviousPage}
  1323. <a href="{PreviousPage}" class="jump_page">←</a>
  1324. {/block:PreviousPage}
  1325.  
  1326. {block:JumpPagination length="7"}
  1327. {block:CurrentPage}<span class="current_page">✗</span>{/block:CurrentPage}
  1328.  
  1329. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  1330. {/block:JumpPagination}
  1331.  
  1332. {block:NextPage}<a href="{NextPage}" class="jump_page">→</a>{/block:NextPage}
  1333.  
  1334. </div>{/block:pagination}{/block:ifnotinfinitescroll}
  1335.  
  1336. <div class="pagination">
  1337. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  1338. </div>
  1339.  
  1340. </body>
  1341. </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!