API tools faq
paste
Advertisement
mogimochi

Theme [10] Orihara

mogimochi
Oct 31st, 2012
38,582
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 37.77 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!-----------------------------------------------------------------------
  6.  
  7. Theme 10 Orihara
  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. 5. Do not redistribute.
  15.  
  16. ++ [YUKOKI 2012 THEMES' REVAMPS] ++ [YUKOKI REVAMP PACK #03] ++
  17. This theme is unlikely to be further edited or updated, & its preview will also be moved to a static page. It's similar to being labeled as an 'old theme'. This theme's first title was 'Ikebukuro'.
  18.  
  19. --------------------------------------------------- UPDATE VER 041215 -->
  20.  
  21. <meta name="color:background" content="#fafafa">
  22.  
  23. <meta name="color:scrollbar bg" content="#e0e0e0">
  24. <meta name="color:scrollbar" content="#878787">
  25. <meta name="color:text highlight" content="#ffffff">
  26. <meta name="color:text highlight bg" content="#595959">
  27.  
  28. <meta name="color:desc text" content="#8a8a8a" />
  29. <meta name="color:desc links" content="#b63030" />
  30. <meta name="color:desc links hover" content="#d1d3d0" />
  31. <meta name="color:desc bold" content="#612626" />
  32. <meta name="color:desc italic" content="#e4e4e4" />
  33.  
  34. <meta name="color:sidebar image border" content="#cccccc">
  35. <meta name="color:sidebar crown" content="#cccccc">
  36.  
  37. <meta name="color:title background" content="#ffffff">
  38. <meta name="color:title colour" content="#cccccc">
  39. <meta name="color:title border" content="#efefef">
  40.  
  41. <meta name="color:nav index circle" content="#e3e3e3">
  42. <meta name="color:nav ask circle" content="#989898">
  43. <meta name="color:nav past circle" content="#434343">
  44. <meta name="color:nav circle hover" content="#cccccc">
  45. <meta name="color:nav text" content="#535353">
  46. <meta name="color:nav bg" content="#ffffff">
  47.  
  48. <meta name="color:explore background" content="#f7f7f7">
  49. <meta name="color:explore text" content="#828282">
  50. <meta name="color:explore underline" content="#cccccc">
  51.  
  52. <meta name="color:custom links bg" content="#f0f0f0">
  53. <meta name="color:custom links text" content="#999999">
  54. <meta name="color:custom links hover bg" content="#ffffff">
  55. <meta name="color:custom links hover text" content="#cccccc">
  56.  
  57. <meta name="color:pagination text" content="#888888">
  58. <meta name="color:pagination links" content="#aaaaaa">
  59. <meta name="color:pagination links hover" content="#aaaaaa">
  60.  
  61. <meta name="color:body" content="#838383">
  62. <meta name="color:body links" content="#892020">
  63. <meta name="color:body links hover" content="#ffffff">
  64. <meta name="color:body links hover bg" content="#cecece">
  65. <meta name="color:body bold" content="#494949">
  66. <meta name="color:body italic" content="#bdbdbd">
  67. <meta name="color:post background" content="#ffffff">
  68. <meta name="color:post border" content="#ebebeb">
  69. <meta name="color:blockquote" content="#aca8a8">
  70.  
  71. <meta name="color:post title underline" content="#bebebe">
  72. <meta name="color:post title" content="#535353">
  73. <meta name="color:post title bg" content="#ffffff">
  74. <meta name="color:post link hover" content="#707070">
  75. <meta name="color:post link hover bg" content="#f1f1f1">
  76. <meta name="color:post link hover underline" content="#757575">
  77. <meta name="color:post quote" content="#afaeae">
  78.  
  79. <meta name="color:perma notes" content="#cdcdcd" />
  80. <meta name="color:perma time" content="#9f9f9f" />
  81. <meta name="color:perma reblog" content="#3d3d3d" />
  82. <meta name="color:perma tags" content="#9b9c9c" />
  83. <meta name="color:perma tags hover" content="#ffffff" />
  84. <meta name="color:perma tags hover bg" content="#bdbdbd" />
  85. <meta name="color:perma page text" content="#c2c1c1">
  86.  
  87. <meta name="color:permalink text" content="#0f0f0f">
  88. <meta name="color:permalink links" content="#c0bfbe">
  89. <meta name="color:permalink links hover" content="#383838">
  90.  
  91. <meta name="color:ask text" content="#646464" />
  92. <meta name="color:ask borders" content="#eeeff0" />
  93. <meta name="color:asker link" content="#da7b7b">
  94.  
  95. <meta name="color:chat even name" content="#d2d2d2" />
  96. <meta name="color:chat even background" content="#ffffff" />
  97. <meta name="color:chat even text" content="#a5a4a4" />
  98. <meta name="color:chat odd name" content="#5a5a5a" />
  99. <meta name="color:chat odd background" content="#f7f7f7" />
  100. <meta name="color:chat odd text" content="#000000" />
  101.  
  102. <meta name="image:background" content="">
  103. <meta name="image:sidebar" content="">
  104.  
  105. <meta name="if:1 column" content="1">
  106. <meta name="if:2 columns" content="0">
  107. <meta name="if:3 columns" content="0">
  108. <meta name="if:post size 1" content="1">
  109. <meta name="if:post size 2" content="0">
  110. <meta name="if:post size 3" content="0">
  111. <meta name="if:infinite scroll" content="0">
  112. <meta name="if:show captions" content="1">
  113. <meta name="if:fading photos" content="1">
  114. <meta name="if:monochrome posts" content="1">
  115.  
  116. <meta name="text:link 1" content="">
  117. <meta name="text:link 1 URL" content="">
  118. <meta name="text:link 2" content="">
  119. <meta name="text:link 2 URL" content="">
  120. <meta name="text:link 3" content="">
  121. <meta name="text:link 3 URL" content="">
  122. <meta name="text:link 4" content="">
  123. <meta name="text:link 4 URL" content="">
  124. <meta name="text:link 5" content="">
  125. <meta name="text:link 5 URL" content="">
  126. <meta name="text:link 6" content="">
  127. <meta name="text:link 6 URL" content="">
  128. <meta name="text:link 7" content="">
  129. <meta name="text:link 7 URL" content="">
  130. <meta name="text:link 8" content="">
  131. <meta name="text:link 8 URL" content="">
  132.  
  133. <title>{title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  134. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  135. <link rel="shortcut icon" href="{Favicon}" />
  136.  
  137. <style type="text/css">
  138.  
  139. iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:0.9; }
  140.  
  141. ::-webkit-scrollbar { width: 5px; }
  142.  
  143. ::-webkit-scrollbar-track-piece {background-color:{color:scrollbar bg}; }
  144.  
  145. ::-webkit-scrollbar-thumb:vertical {
  146. width: 10px;
  147. border-radius: 100px;
  148. -moz-border-radius: 100px;
  149. -webkit-border-radius: 100px;
  150. -o-border-radius: 100px;
  151. background-color: {color:scrollbar};
  152. }
  153.  
  154. ::selection {
  155. background: {color:text highlight bg};
  156. color:{color:text highlight};
  157. }
  158.  
  159. ::-moz-selection {
  160. background: {color:text highlight bg};
  161. color:{color:text highlight};
  162. }
  163.  
  164. body {
  165. background-color: {color:background};
  166. background-image: url({image:background});
  167. background-attachment: fixed;
  168. margin: 0;
  169. word-wrap: break-word;
  170. }
  171. a { text-decoration:none; }
  172.  
  173. #image {
  174. width: 120px;
  175. height: 120px;
  176. opacity: 1;
  177. display: block;
  178. padding: 10px;
  179. border: 1px solid {color:sidebar image border};
  180. background-color: {color:background};
  181. background-image: url({image:background});
  182. border-radius: 100px;
  183. -moz-border-radius: 100px;
  184. -webkit-border-radius: 100px;
  185. -o-border-radius: 100px;
  186. }
  187.  
  188. #side {
  189. position: fixed;
  190. width: 160px;
  191. padding: 10px;
  192. top: 150px;
  193. left: 60px;
  194. }
  195.  
  196. .crown {
  197. z-index: 1;
  198. position: absolute;
  199. font-size: 40px;
  200. color: {color:sidebar crown};
  201. transform: rotate(-30deg);
  202. -moz-transform: rotate(-30deg);
  203. -webkit-transform: rotate(-30deg);
  204. margin: -20px 2px;
  205. background-color: {color:background};
  206. background-image: url({image:background});
  207. width: 30px;
  208. height: 40px;
  209. padding-right: 10px;
  210. }
  211.  
  212. .bt {
  213. background-color: {color:title background};
  214. border-radius: 100px;
  215. -moz-border-radius: 100px;
  216. -webkit-border-radius: 100px;
  217. -o-border-radius: 100px;
  218. border: 0 solid transparent;
  219. text-align: center;
  220. font-family: consolas;
  221. color: {color:title colour};
  222. text-transform: uppercase;
  223. position: absolute;
  224. z-index: 1;
  225. margin: 20px;
  226. opacity: 0;
  227. width: 0;
  228. height: 0;
  229. padding: 0;
  230. font-size: 0;
  231. margin: 70px;
  232. letter-spacing: 1px;
  233. transition: 0.6s;
  234. -moz-transition: 0.6s;
  235. webkit-transition: 0.6s;
  236. -o-transition: 0.6s;
  237. }
  238.  
  239. #ta:hover .bt {
  240. margin: 20px;
  241. font-size: 8px;
  242. width: 92px;
  243. height: 58px;
  244. border: 5px solid {color:title background border};
  245. padding-top: 35px;
  246. opacity: 0.9;
  247. }
  248.  
  249. .c1, .c2, .c3 {
  250. z-index: 2;
  251. position: absolute;
  252. width: 12px;
  253. height: 12px;
  254. background-color: {color:nav index circle};
  255. border-radius: 20px;
  256. margin: -60px 0 0 133px;
  257. transition: 0.8s;
  258. -moz-transition: 0.8s;
  259. webkit-transition: 0.8s;
  260. -o-transition: 0.8s;
  261. }
  262. .c2 {
  263. background-color: {color:nav ask circle};
  264. margin: -40px 0 0 125px;
  265. }
  266. .c3 {
  267. background-color: {color:nav past circle};
  268. margin: -22px 0 0 110px;
  269. }
  270.  
  271. .c1:hover, .c2:hover, .c3:hover {
  272. background-color: {color:nav circle hover};
  273. }
  274.  
  275. .desc {
  276. width: 140px;
  277. text-align: justify;
  278. font-family: consolas;
  279. color: {color:desc text};
  280. margin-top: 10px;
  281. font-size: 10px;
  282. }
  283.  
  284. .desc a {color: {color:desc links};}
  285. .desc a:hover {color: {color:desc links hover};}
  286. .desc b,strong { color: {color:desc bold};}
  287. .desc i,em { color: {color:desc italic};}
  288.  
  289. .cthrough {
  290. font-family: consolas;
  291. font-size: 8px;
  292. text-align: right;
  293. text-transform: uppercase;
  294. letter-spacing: 1px;
  295. background-color: {color:explore background};
  296. color: {color:explore text};
  297. width: 140px;
  298. padding: 1px 10px 1px 85px;
  299. margin-top: 10px;
  300. border-bottom: 1px solid {color:explore underline};
  301. }
  302.  
  303. .sub {margin-bottom:10px;}
  304.  
  305. .link {
  306. text-align: center;
  307. padding: 1px 0;
  308. width: 68px;
  309. float: left;
  310. margin-right: 5px;
  311. margin-top: 5px;
  312. font-family: consolas;
  313. font-size: 8px;
  314. text-transform: uppercase;
  315. background-color: {color:custom links bg};
  316. color: {color:custom links text};
  317. transition: 0.6s;
  318. -moz-transition: 0.6s;
  319. webkit-transition: 0.6s;
  320. -o-transition: 0.6s;
  321. }
  322.  
  323. .link:hover {
  324. background-color: {color:custom links hover bg};
  325. color: {color:custom links hover text};
  326. }
  327.  
  328. .navt1, .navt2, .navt3 {
  329. position: absolute;
  330. font-family: consolas;
  331. font-size: 8px;
  332. letter-spacing: 1px;
  333. background-color: {color:nav bg};
  334. color: {color:nav text};
  335. text-transform: uppercase;
  336. margin: -45px 57px;
  337. padding: 3px 5px;
  338. opacity: 0;
  339. transition: 0.8s;
  340. -moz-transition: 0.8s;
  341. webkit-transition: 0.8s;
  342. -o-transition: 0.8s;
  343. }
  344. .navt2 {margin: -45px 50px;}
  345. .navt3 {margin: -45px 47px;}
  346.  
  347. #nav1:hover .navt1, #nav2:hover .navt2, #nav3:hover .navt3 { opacity: 1; }
  348.  
  349. .cov {
  350. z-index: -1;
  351. width: 122px;
  352. height: 122px;
  353. border-radius: 100px;
  354. background-color: #fff;
  355. position: absolute;
  356. margin: -132px 10px;
  357. opacity: 0;
  358. transition: 0.8s;
  359. -moz-transition: 0.8s;
  360. webkit-transition: 0.8s;
  361. -o-transition: 0.8s;
  362. }
  363.  
  364. #nav1:hover .cov, #nav2:hover .cov, #nav3:hover .cov { opacity: 0.4; z-index: 2; }
  365.  
  366. #content {
  367. margin-left: 270px;
  368. margin-top: 20px;
  369. {block:if1column}
  370. {block:ifpostsize1}width: 570px;{/block:ifpostsize1}
  371. {block:ifpostsize2}width: 470px;{/block:ifpostsize2}
  372. {block:ifpostsize3}width: 370px;{/block:ifpostsize3}
  373. {/block:if1column}
  374. {block:if2columns}
  375. {block:ifpostsize1}width: 570px;{/block:ifpostsize1}
  376. {block:ifpostsize2}width: 1070px;{/block:ifpostsize2}
  377. {block:ifpostsize3}width: 670px;{/block:ifpostsize3}
  378. {/block:if2columns}
  379. {block:if3columns}width: 1000px;{/block:if3columns}
  380. }
  381.  
  382. .posts {
  383. {block:ifpostsize1}width: 500px;{/block:ifpostsize1}
  384. {block:ifpostsize2}width: 400px;{/block:ifpostsize2}
  385. {block:ifpostsize3}width: 250px;{/block:ifpostsize3}
  386. {block:if1column}padding: 10px;{/block:if1column}
  387. {block:ifnot1column}padding: 10px 10px 0 10px;{/block:ifnot1column}
  388. {block:permalinkpage}padding: 10px;{/block:permalinkpage}
  389. border: 1px solid {color:post border};
  390. margin: 0 10px 10px 0;
  391. background-color: {color:post background};
  392. float: left;
  393. }
  394.  
  395. .posts img {
  396. {block:if1column}
  397. {block:ifpostsize1}max-width: 500px;{/block:ifpostsize1}
  398. {block:ifpostsize2}max-width: 400px;{/block:ifpostsize2}
  399. {block:if1column}
  400. {block:if2columns}
  401. {block:ifpostsize3}max-width: 250px;{/block:ifpostsize3}
  402. {block:ifpostsize2}max-width: 400px;{/block:ifpostsize2}
  403. {/block:if2columns}
  404. {block:if3columns}max-width: 250px;{/block:if3columns}
  405.  
  406. {block:permalinkpage}
  407. {block:if1column}
  408. {block:ifpostsize1}max-width: 500px;{/block:ifpostsize1}
  409. {block:ifpostsize2}max-width: 500px;{/block:ifpostsize2}
  410. {/block:if1column}
  411. {block:if2columns}
  412. {block:ifpostsize2}max-width: 500px;{/block:ifpostsize2}
  413. {block:ifpostsize3}max-width: 500px;{/block:ifpostsize3}
  414. {/block:if2columns}
  415. {block:if3columns}max-width: 500px;{/block:if3columns}
  416. {/block:permalinkpage}
  417. }
  418. .posts blockquote img {max-width: 100%;}
  419.  
  420. .photo {
  421. {block:ifindexpage}
  422. {block:ifpostsize1}width: 500px;{/block:ifpostsize1}
  423. {block:ifpostsize2}width: 400px;{/block:ifpostsize2}
  424. {block:ifpostsize3}max-width: 250px;{/block:ifpostsize3}
  425. {/block:ifindexpage}
  426. {block:permalinkpage}
  427. {block:ifpostsize1}width: 500px;{/block:ifpostsize1}
  428. {block:ifpostsize2}width: 500px;{/block:ifpostsize2}
  429. {block:ifpostsize3}width: 500px;{/block:ifpostsize3}
  430. {/block:permalinkpage}
  431. margin-left: auto;
  432. margin-right: auto;
  433. display: block;
  434. {block:iffadingphotos}
  435. opacity: 0.6;
  436. {/block:iffadingphotos}
  437. {block:IfMonochromePosts}
  438. 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+ */
  439. filter: gray; /* IE6-9 */
  440. -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  441. {/block:IfMonochromePosts}
  442. transition: 0.8s;
  443. -moz-transition: 0.8s;
  444. webkit-transition: 0.8s;
  445. -o-transition: 0.8s;
  446. }
  447.  
  448. .posts:hover .photo {
  449. opacity: 1;
  450. {block:IfMonochromePosts}
  451. filter: none;
  452. -webkit-filter: grayscale(0%);
  453. {/block:IfMonochromePosts}
  454. }
  455.  
  456. blockquote {
  457. border-left: 3px solid {color:blockquote};
  458. margin: 5px;
  459. padding: 0 10px;
  460. }
  461.  
  462. .title, .ltitle {
  463. font-family: georgia;
  464. font-size: 14px;
  465. border-bottom: 1px dashed {color:post title underline};
  466. color: {color:post title};
  467. padding: 2px 0 2px 20px;
  468. background-color: {color:post title bg};
  469. -webkit-transition: all 0.4s ease-in-out;
  470. -moz-transition: all 0.4s ease-in-out;
  471. -o-transition: all 0.4s ease-in-out;
  472. -ms-transition: all 0.4s ease-in-out;
  473. transition: all 0.4s ease-in-out;
  474. }
  475.  
  476. .ltitle:hover {
  477. font-family: georgia;
  478. border-bottom: 1px dashed {color:post link hover underline};
  479. color: {color:post link hover};
  480. padding: 2px 0 2px 40px;
  481. background-color: {color:post link hover bg};
  482. }
  483. .quote {
  484. font-family: consolas;
  485. font-size: 12px;
  486. color: {color:post quote};
  487. text-align: right;
  488. }
  489. .qsource {
  490. text-align: right;
  491. font-family: consolas;
  492. font-size: 10px;
  493. text-transform: uppercase;
  494. letter-spacing: 1px;
  495. color: {color:body};
  496. }
  497.  
  498. .odd .line {background-color: {color:chat odd background};padding: 3px 5px;color:{color:chat odd text};}
  499. .even .line {background-color: {color:chat even background};padding: 3px 5px;color:{color:chat even text};}
  500. .odd .name {color: {color:chat odd name};padding: 3px 5px;}
  501. .even .name {color: {color:chat even name};padding: 3px 5px;}
  502.  
  503. .askerportrait {
  504. position: absolute;
  505. border: 10px solid {color:ask borders};
  506. {block:IfMonochromePosts}
  507. 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+ */
  508. filter: gray; /* IE6-9 */
  509. -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  510. {/block:IfMonochromePosts}
  511. transition: 0.8s;
  512. -moz-transition: 0.8s;
  513. webkit-transition: 0.8s;
  514. -o-transition: 0.8s;
  515. }
  516. .posts:hover .askerportrait {
  517. {block:IfMonochromePosts}
  518. filter: none;
  519. -webkit-filter: grayscale(0%);
  520. {/block:IfMonochromePosts}
  521. }
  522. .a {
  523. min-height: 84px;
  524. font-family: consolas;
  525. font-size: 10px;
  526. margin: 0 0 0 74px;
  527. padding-left: 12px;
  528. color: {color:ask text};
  529. }
  530. .asker {
  531. margin: 0 0 10px -10px;
  532. padding-left: 30px;
  533. padding-top: 5px;
  534. color: {color:asker text};
  535. border-bottom: 1px solid {color:ask borders};
  536. {block:ifpostsize1}width:396px;{/block:ifpostsize1}
  537. {block:ifpostsize2}width:296px;{/block:ifpostsize2}
  538. {block:ifpostsize3}width:148px;{/block:ifpostsize3}
  539. font-family: consolas;
  540. font-size: 10px;
  541. letter-spacing: 1px;
  542. text-transform: uppercase;
  543. color: {color:asker text};
  544. }
  545. .asker a {color: {color:asker link};}
  546. -webkit-transition: all 0.4s ease-in-out;
  547. -moz-transition: all 0.4s ease-in-out;
  548. -o-transition: all 0.4s ease-in-out;
  549. -ms-transition: all 0.4s ease-in-out;
  550. transition: all 0.4s ease-in-out;}
  551. .asker a:hover {color:{color:asker text};}
  552.  
  553. .q {
  554. padding-left: 10px;
  555. {block:ifpostsize1}width:406px;{/block:ifpostsize1}
  556. {block:ifpostsize2}width:306px;{/block:ifpostsize2}
  557. {block:ifpostsize3}width:158px;{/block:ifpostsize3}
  558. }
  559.  
  560. #album {
  561. width: 150px;
  562. height: 150px;
  563. background-color: #D6D6D6;
  564. overflow: hidden;
  565. {block:ifpostsize3}width:250px;height:250px;{/block:ifpostsize3}
  566. }
  567. .noalbum {
  568. width: 150px;
  569. height: 150px;
  570. background-color: #D6D6D6;
  571. z-index: 50;
  572. {block:ifpostsize3}width:250px;height:250px;{/block:ifpostsize3}
  573. }
  574. .albumart {
  575. width: 150px;
  576. height: 150px;
  577. z-index: 50;
  578. {block:ifpostsize3}width:250px;height:250px;{/block:ifpostsize3} {block:IfMonochromePosts}
  579. 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+ */
  580. filter: gray; /* IE6-9 */
  581. -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  582. {/block:IfMonochromePosts}
  583. transition: 0.8s;
  584. -moz-transition: 0.8s;
  585. webkit-transition: 0.8s;
  586. -o-transition: 0.8s;
  587. }
  588. .posts:hover .albumart {
  589. {block:IfMonochromePosts}
  590. filter: none;
  591. -webkit-filter: grayscale(0%);
  592. {/block:IfMonochromePosts}
  593. }
  594. .aud {
  595. width: 25px;
  596. height: 25px;
  597. border-radius: 100px;
  598. opacity: 0.6;
  599. overflow: hidden;
  600. margin: 60px 0 0 60px;
  601. position: absolute;
  602. z-index: 1;
  603. {block:ifpostsize3}margin: 110px 0 0 110px;{/block:ifpostsize3}
  604. -webkit-transition: all 0.4s ease-in-out;
  605. -moz-transition: all 0.4s ease-in-out;
  606. -o-transition: all 0.4s ease-in-out;
  607. -ms-transition: all 0.4s ease-in-out;
  608. transition: all 0.4s ease-in-out;
  609. }
  610. .aud:hover {opacity: 1;}
  611. .info {
  612. padding: 5px 5px 5px 15px;
  613. color: {color:body};
  614. text-transform: uppercase;
  615. font-family: consolas;
  616. font-size: 10px;
  617. height: auto;
  618. width: 320px;
  619. border-bottom: 1px solid {color:body italic};
  620. {block:ifpostsize3}width:230px;{/block:ifpostsize3}
  621. {block:ifpostsize2}width:220px;{/block:ifpostsize2}
  622. }
  623. .info b,strong {color: {color:body bold};}
  624. .information {
  625. margin: 25px 0 0 150px;
  626. position: absolute;
  627. border-top: 1px solid {color:body italic};
  628. {block:ifpostsize3}position:static;margin: 5px 0;{/block:ifpostsize3}
  629. }
  630.  
  631. {block:if1column}
  632. #permalink {
  633. position: absolute;
  634. font-family: consolas;
  635. font-size: 9px;
  636. width: 200px;
  637. text-transform: uppercase;
  638. letter-spacing: 1px;
  639. opacity: 0;
  640. {block:ifpostsize1}margin: 5px 500px;{/block:ifpostsize1}
  641. {block:ifpostsize2}margin: 5px 400px;{/block:ifpostsize2}
  642. {block:ifpostsize3}margin: 5px 250px;{/block:ifpostsize3}
  643. -webkit-transition: all 0.6s ease-in-out;
  644. -moz-transition: all 0.6s ease-in-out;
  645. -o-transition: all 0.6s ease-in-out;
  646. transition: all 0.6s ease-in-out;
  647. }
  648. .posts:hover #permalink {
  649. {block:ifpostsize1}margin: 5px 520px;{/block:ifpostsize1}
  650. {block:ifpostsize2}margin: 5px 420px;{/block:ifpostsize2}
  651. {block:ifpostsize3}margin: 5px 270px;{/block:ifpostsize3}
  652. opacity: 1;
  653. }
  654. .pnotes, .ptime, .pre {
  655. color: {color:perma notes};
  656. border-left: 10px solid {color:perma notes};
  657. padding-left: 10px;
  658. -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
  659. .ptime {
  660. color: {color:perma time};
  661. border-left: 10px solid {color:perma time};
  662. margin: 3px 0;
  663. }
  664. .pre {
  665. color: {color:perma reblog};
  666. border-left: 10px solid {color:perma reblog};
  667. }
  668.  
  669. .pnotes:hover, .ptime:hover, .pre:hover { border-left-width: 20px; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
  670. .taggu {margin: 5px;color: {color:perma tags}; width: 200px;}
  671. .taggu a {color: {color:perma tags};-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
  672. .taggu a:hover {color: {color:perma tags hover};background-color:{color:perma tags hover bg};}
  673.  
  674. .tags {
  675. font-size: {block:indexpage}8{/block:indexpage}{block:permalinkpage}10{/block:permalinkpage}px;
  676. letter-spacing:1px;}
  677. .tags a, #permapg a {color:{color:perma tags};padding-left: 5px;
  678. -webkit-transition: all 0.4s ease-in-out;
  679. -moz-transition: all 0.4s ease-in-out;
  680. -o-transition: all 0.4s ease-in-out;
  681. -ms-transition: all 0.4s ease-in-out;
  682. transition: all 0.4s ease-in-out;
  683. }
  684. .tags a:hover, #permapg a:hover {color:{color:perma tags hover};background-color:{color:perma tags hover bg};}
  685. {/block:if1column}
  686.  
  687. {block:ifnot1column}
  688. #permalink {
  689. background-color: {color:post border};
  690. font-family: consolas;
  691. font-size: 9px;
  692. text-transform: uppercase;
  693. color: {color:permalink text};
  694. margin-top: 10px;
  695. margin-left: -10px;
  696. padding: 3px 10px;
  697. text-align: right;
  698. {block:ifpostsize1}width: 500px;{/block:ifpostsize1}
  699. {block:ifpostsize2}width: 400px;{/block:ifpostsize2}
  700. {block:ifpostsize3}width: 250px;{/block:ifpostsize3}
  701. }
  702.  
  703. .pe a {
  704. color: {color:permalink links};
  705. -webkit-transition: all 0.4s ease-in-out;
  706. -moz-transition: all 0.4s ease-in-out;
  707. -o-transition: all 0.4s ease-in-out;
  708. -ms-transition: all 0.4s ease-in-out;
  709. transition: all 0.4s ease-in-out;
  710. }
  711. .pe a:hover {color: {color:permalink links hover};}
  712.  
  713. {/block:ifnot1column}
  714.  
  715. #permapg {
  716. font-family: consolas;
  717. text-align: center;
  718. color: {color:perma page text};
  719. font-size: 10px;
  720. letter-spacing: 1px;
  721. text-transform: uppercase;
  722. }
  723.  
  724. #notecontainer {
  725. padding: 10px;
  726. text-decoration: none;
  727. {block:ifbigposts}width: 500px;{/block:ifbigposts}
  728. {block:ifmedposts}width: 400px;{/block:ifmedposts}
  729. {block:if2columns}width: 250px;{/block:if2columns}
  730. }
  731. ol.notes {
  732. list-style-type: none;
  733. letter-spacing: -1px;
  734. font-size: 11px;
  735. color: {color:body};
  736. font-family: consolas;
  737. text-decoration: none;
  738. margin: 0;
  739. {block:ifbigposts}width: 500px;{/block:ifbigposts}
  740. {block:ifmedposts}width: 400px;{/block:ifmedposts}
  741. {block:if2columns}width: 250px;{/block:if2columns}
  742. padding: 5px;
  743. text-align: left;
  744. }
  745. ol.notes a {color: {color:body links};
  746. -webkit-transition: all 0.4s ease-in-out;
  747. -moz-transition: all 0.4s ease-in-out;
  748. -o-transition: all 0.4s ease-in-out;
  749. -ms-transition: all 0.4s ease-in-out;
  750. transition: all 0.4s ease-in-out;}
  751. ol.notes a:hover {color: {color:body links hover};}
  752. img.avatar {
  753. margin-right: 5px;
  754. width: 10px;
  755. height: 10px;
  756. float: left;
  757. }
  758.  
  759. .text {
  760. font-family: calibri;
  761. font-size: 11px;
  762. color: {color:body};
  763. text-align: justify;
  764. }
  765. .text b,strong {color:{color:body bold};font-size:11px;}
  766. .text i,em { color: {color:body italic}; }
  767. .text a {color: {color:body links};font-size:11px;
  768. -webkit-transition: all 0.4s ease-in-out;
  769. -moz-transition: all 0.4s ease-in-out;
  770. -o-transition: all 0.4s ease-in-out;
  771. -ms-transition: all 0.4s ease-in-out;
  772. transition: all 0.4s ease-in-out;
  773. }
  774.  
  775. .pagi {
  776. font-family: consolas;
  777. font-size: 8px;
  778. text-transform: uppercase;
  779. letter-spacing: 1px;
  780. margin-top: 10px;
  781. text-align: center;
  782. width: 140px;
  783. color: {color:pagination text};
  784. }
  785.  
  786. .pagi a { color: {color:pagination links}; }
  787. .pagi a:hover { color: {color:pagination links hover}; }
  788.  
  789. .qsource a {color: {color:body links};
  790. -webkit-transition: all 0.4s ease-in-out;
  791. -moz-transition: all 0.4s ease-in-out;
  792. -o-transition: all 0.4s ease-in-out;
  793. -ms-transition: all 0.4s ease-in-out;
  794. transition: all 0.4s ease-in-out;}
  795. .text a:hover, .qsource a:hover {color:{color:body links hover};background-color:{color:body links hover bg};}
  796.  
  797. #credit {
  798. position: fixed;
  799. z-index: 1000;
  800. bottom: 0;right: 5px;
  801. transition: 0.6s;
  802. -moz-transition: 0.6s;
  803. webkit-transition: 0.6s;
  804. -o-transition: 0.6s;
  805. }
  806. .credimg {width: 35px;margin: 5px;}
  807.  
  808. .credt a {
  809. font-family: georgia;
  810. font-size: 10px;
  811. color: {color:desc text};
  812. position: absolute;
  813. width: 50px;
  814. text-align: center;
  815. margin-left: -5px;
  816. }
  817. #credit:hover { bottom: 40px; }
  818.  
  819. #wa2, #wa1, #wa3 {
  820. position: fixed;
  821. top: 0;left: 0;
  822. width: 100%;height: 100%;
  823. background-color: #000;
  824. color: #fff;
  825. font-family: georgia;
  826. font-size: 14px;
  827. padding-top: 270px;
  828. text-align: center;
  829. opacity: 0;
  830. z-index: -10000;
  831. {block:ifpostsize1}
  832. {block:ifpostsize2}opacity: 1;z-index:10000;{/block:ifpostsize2}
  833. {block:ifpostsize3}opacity: 1;z-index:10000;{/block:ifpostsize3}
  834. {block:ifpostsize2}{block:ifpostsize3}opacity: 1;z-index:10000;{/block:ifpostsize3}{/block:ifpostsize2}
  835. {/block:ifpostsize1}
  836. {block:ifpostsize2}{block:ifpostsize3}opacity: 1;z-index:10000;{/block:ifpostsize3}{/block:ifpostsize2}
  837. {block:ifnotpostsize1}{block:ifnotpostsize2}{block:ifnotpostsize3}opacity: 1;z-index:10000;{/block:ifnotpostsize3}{/block:ifnotpostsize2}{/block:ifnotpostsize1}
  838. }
  839.  
  840. #wa1 {
  841. {block:if1column}
  842. {block:if2columns}opacity: 1;z-index:10000;{/block:if2columns}
  843. {block:if3columns}opacity: 1;z-index:10000;{/block:if3columns}
  844. {block:if2columns}{block:if3columns}opacity: 1;z-index:10000;{/block:if3columns}{/block:if2columns}
  845. {/block:if1column}
  846. {block:if2columns}{block:if3columns}opacity: 1;z-index:10000;{/block:if3columns}{/block:if2columns}
  847. {block:ifnot1column}{block:ifnot2columns}{block:ifnot3columns}opacity: 1;z-index:10000;{/block:ifnot3columns}{/block:ifnot2columns}{/block:ifnot1column}
  848. }
  849.  
  850. #wa3 {
  851. {block:ifpostsize1}
  852. {block:if3columns}opacity: 1;z-index:10000;{/block:if3columns}
  853. {block:if2columns}opacity: 1;z-index:10000;{/block:if2columns}
  854. {/block:ifpostsize1}
  855. {block:ifpostsize2}
  856. {block:if3columns}opacity: 1;z-index: 10000;{/block:if3columns}
  857. {/block:ifpostsize2}
  858. }
  859.  
  860. .pagination { display: none; }
  861.  
  862. {CustomCSS}
  863.  
  864. </style>
  865.  
  866. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  867.  
  868. {block:indexpage}
  869. {block:ifnot1column}{block:ifinfinitescroll}
  870. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  871. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  872.  
  873. <script>
  874. $(function(){
  875. var $container = $('#content');
  876. $container.imagesLoaded(function(){
  877. $container.masonry({
  878. itemSelector: '.posts',
  879. });
  880. });
  881. $container.infinitescroll({
  882. itemSelector : ".posts",
  883. navSelector : "div.pagination",
  884. nextSelector : ".pagination a#next",
  885. loadingImg : "",
  886. loadingText : "<em></em>",
  887. bufferPx : 10000,
  888. extraScrollPx: 12000,
  889. },
  890. // trigger Masonry as a callback
  891. function( newElements ) {
  892. var $newElems = $( newElements ).css({ opacity: 0 });
  893. // ensure that images load before adding to masonry layout
  894. $newElems.imagesLoaded(function(){
  895. $newElems.animate({ opacity: 1 });
  896. $container.masonry( 'appended', $newElems, true );
  897. });
  898. }
  899. );
  900. });
  901. </script>
  902. {/block:ifinfinitescroll}
  903.  
  904. {block:ifnotinfinitescroll}
  905. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  906.  
  907. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  908. <script type="text/javascript">
  909. $(window).load(function () {
  910. $('#content').masonry({
  911. itemSelector : ".posts",
  912. },
  913. function() { $('#content').masonry({ appendedContent: $(this) }); }
  914. );
  915. });
  916. </script>
  917. {/block:ifnotinfinitescroll}
  918.  
  919. {/block:ifnot1column}
  920.  
  921. {block:if1column}{block:ifinfinitescroll}
  922. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  923. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  924. <script type="text/javascript" charset="utf-8">
  925. var $j = jQuery.noConflict();
  926. $j(function() {
  927. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  928. $j("img").lazyload({
  929. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  930. effect: "fadeIn",
  931. });
  932. });
  933. </script>
  934. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
  935. {/block:ifinfinitescroll}{/block:if1column}
  936.  
  937. {/block:indexpage}
  938.  
  939. </head>
  940. <body>
  941.  
  942. <div id="wa1">please pick only one column</div>
  943. <div id="wa2">please pick only one post size</div>
  944. <div id="wa3">option not available. :x please pick something else.</div>
  945.  
  946. <div id="credit">
  947.  
  948. <a href="http://yukoki.tumblr.com"><img class="credimg" src="http://media.tumblr.com/f8f9bfae919630113bb6f524d7658fb3/tumblr_inline_muenoomNw41qdlkyg.gif"></a>
  949. <div class="credt"><a href="http://yukoki.tumblr.com">theme by yukoki</a></div>
  950.  
  951. </div><!--credit-->
  952.  
  953. <div id="side">
  954. <div class="crown">♛</div>
  955. <div id="ta">
  956. <div class="bt">{title}</div>
  957. <img id="image" src="{image:sidebar}">
  958. </div><!--ta-->
  959.  
  960. <div id="nav1"><div class="cov"></div><div class="navt1">index</div><a href="/"><div class="c1"></div></a></div><!--nav1-->
  961. <div id="nav2"><div class="cov"></div><div class="navt2">contact</div><a href="/ask"><div class="c2"></div></a></div><!--nav1-->
  962. <div id="nav3"><div class="cov"></div><div class="navt3">memories</div><a href="/archive"><div class="c3"></div></a></div><!--nav1-->
  963.  
  964. <div class="desc">{description}</div>
  965.  
  966. <script type="text/javascript">
  967. jQuery(document).ready(function() {
  968. jQuery(".sub").hide();
  969. //toggle the componenet with class msg_body
  970. jQuery(".cthrough").click(function()
  971. {
  972. jQuery(this).next(".sub").slideToggle(); return false;
  973. });});
  974. </script>
  975.  
  976. <a href="#" class="cthrough">explore ▽</a>
  977. <div class="sub">
  978. {block:iflink1}<a href="{text:link 1 URL}"><div class="link">{text:link 1}</div></a>{/block:iflink1}
  979. {block:iflink2}<a href="{text:link 2 URL}"><div class="link">{text:link 2}</div></a>{/block:iflink2}
  980. {block:iflink3}<a href="{text:link 3 URL}"><div class="link">{text:link 3}</div></a>{/block:iflink3}
  981. {block:iflink4}<a href="{text:link 4 URL}"><div class="link">{text:link 4}</div></a>{/block:iflink4}
  982. {block:iflink5}<a href="{text:link 5 URL}"><div class="link">{text:link 5}</div></a>{/block:iflink5}
  983. {block:iflink6}<a href="{text:link 6 URL}"><div class="link">{text:link 6}</div></a>{/block:iflink6}
  984. {block:iflink7}<a href="{text:link 7 URL}"><div class="link">{text:link 7}</div></a>{/block:iflink7}
  985. {block:iflink8}<a href="{text:link 8 URL}"><div class="link">{text:link 8}</div></a>{/block:iflink8}
  986. </div><!--sub-->
  987.  
  988. {block:ifnotinfinitescroll}
  989. {block:pagination}<div class="pagi">
  990. {block:NextPage}<a href="{NextPage}">go forth</a>{/block:NextPage} // {block:PreviousPage}<a href="{PreviousPage}">go back</a>{/block:PreviousPage}
  991. </div>{block:pagination}
  992.  
  993. <div class="pagination">
  994. {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}
  995. </div>
  996. {/block:ifnotinfinitescroll}
  997.  
  998. </div><!--main-->
  999.  
  1000. <div id="content">{block:posts}
  1001. <div class="posts">
  1002.  
  1003. {block:indexpage}{block:if1column}
  1004. <div id="permalink">
  1005. <a href="{permalink}"><div class="pnotes">{notecountwithlabel}</div></a>
  1006. <a href="{permalink}"><div class="ptime">{block:date}{timeago}{/block:date}</div></a>
  1007. <a href="{reblogurl}"><div class="pre">reblog</div></a>
  1008. {block:HasTags}<div class="taggu">{block:Tags}
  1009. <a href="{TagURL}">#{Tag} </a><br>
  1010. {/block:Tags}</div>{/block:HasTags}
  1011. </div><!--permalink-->
  1012. {/block:if1column}{/block:indexpage}
  1013.  
  1014. {block:Quote}
  1015. <div class="quote">"{Quote}"</div>
  1016. {block:source}<div class="qsource">- {source}</div>{/block:source}
  1017. {/block:Quote}
  1018.  
  1019. {block:Photo}
  1020. {linkopentag}
  1021. {block:ifpostsize1}<img class="photo" src="{PhotoURL-500}">{/block:ifpostsize1}
  1022. {block:ifpostsize2}<img class="photo" src="{PhotoURL-400}">{/block:ifpostsize2}
  1023. {block:ifpostsize3}<img class="photo" src="{PhotoURL-250}">{/block:ifpostsize3}
  1024. {linkclosetag}
  1025. {block:IfShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  1026. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1027. <div class="text">{Caption}</div>
  1028. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1029. {/block:Photo}
  1030.  
  1031. {block:Photoset}
  1032. <div class="photo">
  1033. {block:ifpostsize1}{Photoset-500}{/block:ifpostsize1}
  1034. {block:ifpostsize2}{Photoset-400}{/block:ifpostsize2}
  1035. {block:ifpostsize3}{Photoset-250}{/block:ifpostsize3}
  1036. </div><!--photo-->
  1037. {block:IfShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  1038. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1039. <div class="text">{Caption}</div>
  1040. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1041. {/block:Photoset}
  1042.  
  1043. {block:Link}
  1044. <a href="{URL}"><div class="ltitle">{Name} →</div></a>
  1045. {block:Description}<div class="text">{description}</div>{/block:Description}
  1046. {/block:Link}
  1047.  
  1048. {block:Chat}
  1049. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1050. <div class="text">
  1051. {block:Lines}<div class="{Alt}">
  1052. <div class="line">{block:Label}<span class="name">{Label}</span>{/block:Label} {Line}<br /></div></div>
  1053. {/block:Lines}
  1054. </div>
  1055. {/block:Chat}
  1056.  
  1057. {block:Video}
  1058. {block:ifpostsize1}{Video-500}{/block:ifpostsize1}
  1059. {block:ifpostsize2}{Video-400}{/block:ifpostsize2}
  1060. {block:ifpostsize3}{Video-250}{/block:ifpostsize3}
  1061. {block:IfShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  1062. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1063. <div class="text">{Caption}</div>
  1064. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1065. {/block:Video}
  1066.  
  1067. {block:Audio}
  1068. {block:ifnotpostsize3}
  1069. <div class="information">
  1070. <div class="info"><b>TRACK NAME:</b> {block:TrackName}{TrackName}{/block:TrackName}</div>
  1071. <div class="info"><b>ALBUM TITLE:</b> {block:Album}{Album}{/block:Album}</div>
  1072. <div class="info"><b>ARTIST:</b> {block:Artist}{Artist}{/block:Artist}</div>
  1073. <div class="info"><b>PLAY COUNT:</b> {PlayCount}</div>
  1074. </div>
  1075. {/block:ifnotpostsize3}
  1076. <div class="aud">{AudioPlayerWhite}</div>
  1077. <div id="album"><div class="noart"></div>{block:AlbumArt}<img class="albumart" src="{AlbumArtURL}">{/block:AlbumArt}</div>
  1078. {block:ifpostsize3}
  1079. <div class="information">
  1080. <div class="info"><b>TRACK NAME:</b> {block:TrackName}{TrackName}{/block:TrackName}</div>
  1081. <div class="info"><b>ALBUM TITLE:</b> {block:Album}{Album}{/block:Album}</div>
  1082. <div class="info"><b>ARTIST:</b> {block:Artist}{Artist}{/block:Artist}</div>
  1083. <div class="info"><b>PLAY COUNT:</b> {PlayCount}</div>
  1084. </div>
  1085. {/block:ifpostsize3}
  1086. {block:IfShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  1087. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1088. <div class="text">{Caption}</div>
  1089. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1090. {/block:Audio}
  1091.  
  1092. {block:Answer}
  1093. <img class="askerportrait" src="{AskerPortraitURL-64}">
  1094. <div class="a">
  1095. <div class="asker">{Asker} whispered:</div>
  1096. <div class="q">{Question}</div>
  1097. </div>
  1098. <div class="text">{Answer}</div>
  1099. {/block:Answer}
  1100.  
  1101. {block:Text}
  1102. {block:title}<div class="title">{title}</div>{/block:title}
  1103. <div class="text">{body}</div>
  1104. {/block:Text}
  1105.  
  1106. {block:indexpage}{block:ifnot1column}
  1107. <div id="permalink">
  1108. {block:date}<div class="pe">Posted <a href="{Permalink}">{timeago}</a>, with <a href="{Permalink}">{NoteCountWithLabel}</a></div><!--pe-->{/block:date}
  1109. </div><!--permalink-->
  1110. {/block:ifnot1column}{/block:indexpage}
  1111.  
  1112. {block:permalinkpage}{block:date}
  1113.  
  1114. <div id="permapg">
  1115. Posted on {DayOfMonthWithZero} {Month} {Year}, at {12Hour}.{Minutes}{AmPm} with {NoteCountWithLabel}<br>
  1116. {block:RebloggedFrom}reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a>, originally by <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  1117. {block:HasTags}<div class="tags">
  1118. filed under: {block:tags}<a href="{tagurl}">#{tag}</a> {/block:tags}
  1119. </div>{/block:HasTags}
  1120. </div><!--permapg-->
  1121.  
  1122. {block:PostNotes}
  1123. <div id="notecontainer">{PostNotes}</div>
  1124. {/block:PostNotes}
  1125.  
  1126. {/block:date}{/block:permalinkpage}
  1127.  
  1128. </div><!--posts-->{/block:posts}
  1129.  
  1130. {block:ContentSource}
  1131. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1132. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1133. {/block:SourceLogo}
  1134. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1135. {/block:ContentSource}
  1136.  
  1137. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  1138.  
  1139. </div><!--content-->
  1140.  
  1141. </body>
  1142. </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!