API tools faq
paste
Advertisement
mogimochi

Theme [28] Enforcer

mogimochi
Nov 22nd, 2013
19,582
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.66 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!---------------------------------------------------------------------------
  6.  
  7. Theme 28 Enforcer
  8. by yukoki/s-ekki
  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. --------------------------------------------------- UPDATE VER 100715 -->
  16.  
  17. <meta name="color:text highlight" content="#6bc2b8">
  18. <meta name="color:scrollbar" content="#333333">
  19. <meta name="color:scrollbar bg" content="#6bc2b8">
  20.  
  21. <meta name="color:background" content="#111111">
  22.  
  23. <meta name="color:title text" content="#d0d0d0">
  24. <meta name="color:title subtitle" content="#aaaaaa">
  25. <meta name="color:title quotation marks" content="#ffffff">
  26. <meta name="color:title underline" content="#6bc2b8">
  27.  
  28. <meta name="color:navigation bg" content="#2b2b2b">
  29. <meta name="color:navigation text" content="#bbbbbb">
  30. <meta name="color:navigation underline" content="#6bc2b8">
  31. <meta name="color:navigation hover bg" content="#000000">
  32. <meta name="color:navigation hover text" content="#ffffff">
  33. <meta name="color:navigation hover underline" content="#888888">
  34.  
  35. <meta name="color:custom links roman numerals" content="#ffffff">
  36. <meta name="color:custom links roman numerals bg" content="#42484c">
  37. <meta name="color:custom links text" content="#888888">
  38. <meta name="color:custom links text bg" content="#222222">
  39.  
  40. <meta name="color:desc text" content="#a0a0a0">
  41. <meta name="color:desc bold" content="#6bc2b8">
  42. <meta name="color:desc italic" content="#e6e6e6">
  43. <meta name="color:desc links" content="#378471">
  44. <meta name="color:desc links hover" content="#474747">
  45.  
  46. <meta name="color:post background" content="#222222" />
  47.  
  48. <meta name="color:body text" content="#888888">
  49. <meta name="color:body links" content="#6bc2b8">
  50. <meta name="color:body links hover" content="#cccccc">
  51. <meta name="color:body bold" content="#cccccc">
  52. <meta name="color:body italic" content="#4e7873">
  53. <meta name="color:blockquote" content="#cccccc">
  54.  
  55. <meta name="color:post title background" content="#191919">
  56. <meta name="color:post title text" content="#aaaaaa">
  57. <meta name="color:post title underline" content="#6bc2b8">
  58. <meta name="color:link post background" content="#333333">
  59. <meta name="color:link post text" content="#aaaaaa">
  60. <meta name="color:link post hover background" content="#191919">
  61. <meta name="color:link post hover text" content="#bbbbbb">
  62. <meta name="color:link post hover underline" content="#6bc2b8">
  63.  
  64. <meta name="color:audio info background" content="#333333">
  65. <meta name="color:audio info text" content="#dddddd">
  66.  
  67. <meta name="color:quote" content="#ffffff">
  68. <meta name="color:quote source" content="#aaaaaa">
  69.  
  70. <meta name="color:ask background" content="#353535">
  71. <meta name="color:ask text" content="#9b9b9b">
  72. <meta name="color:asker text" content="#cecece">
  73. <meta name="color:asker link" content="#6bc2b8">
  74.  
  75. <meta name="color:chat even name" content="#6bc2b8" />
  76. <meta name="color:chat even text" content="#b8b8b8" />
  77. <meta name="color:chat odd name" content="#e3e3e3" />
  78. <meta name="color:chat odd text" content="#919191" />
  79. <meta name="color:chat dividers" content="#555555">
  80.  
  81. <meta name="color:pagination links" content="#ffffff">
  82. <meta name="color:pagination text" content="#777676">
  83. <meta name="color:pagination bg" content="#415250">
  84. <meta name="color:pagination bg hover" content="#000000">
  85. <meta name="color:pagination links hover" content="#ffffff">
  86.  
  87. <meta name="color:permalink text" content="#bbbbbb">
  88. <meta name="color:permalink hover text" content="#777777">
  89. <meta name="color:permalink underline" content="#6bc2b8">
  90. <meta name="color:permalink hover underline" content="#4e7873">
  91.  
  92. <meta name="image:background" content="">
  93. <meta name="image:sidebar" content="">
  94.  
  95. <meta name="text:sidebar top margin" content="80">
  96. <meta name="text:subtitle" content="subtitle">
  97. <meta name="text:custom notes title" content="exp">
  98. <meta name="text:link 1" content="">
  99. <meta name="text:link 1 URL" content="">
  100. <meta name="text:link 2" content="">
  101. <meta name="text:link 2 URL" content="">
  102. <meta name="text:link 3" content="">
  103. <meta name="text:link 3 URL" content="">
  104. <meta name="text:link 4" content="">
  105. <meta name="text:link 4 URL" content="">
  106. <meta name="text:link 5" content="">
  107. <meta name="text:link 5 URL" content="">
  108. <meta name="text:link 6" content="">
  109. <meta name="text:link 6 URL" content="">
  110.  
  111. <meta name="if:centralised theme" content="1">
  112. <meta name="if:post type 1" content="1">
  113. <meta name="if:post type 2" content="0">
  114. <meta name="if:post type 3" content="0">
  115. <meta name="if:infinite scroll" content="1">
  116. <meta name="if:show captions" content="1">
  117. <meta name="if:infinite scroll" content="0">
  118. <meta name="if:monochrome posts" content="0">
  119. <meta name="if:fading photos" content="1">
  120. <meta name="if:hover permalink" content="1">
  121. <meta name="if:custom notes" content="0">
  122.  
  123. <title>{title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  124. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  125. <link rel="shortcut icon" href="{Favicon}" />
  126.  
  127. <link href='http://fonts.googleapis.com/css?family=Nova+Square' rel='stylesheet' type='text/css'>
  128.  
  129. <style type="text/css">
  130.  
  131. ::selection {
  132. background: transparent;
  133. color: {color:text highlight};
  134. }
  135.  
  136. ::-moz-selection {
  137. background: transparent;
  138. color: {color:text highlight};
  139. }
  140.  
  141. ::-webkit-scrollbar { width: 5px; }
  142. ::-webkit-scrollbar-track-piece { background-color:{color:scrollbar bg}; }
  143. ::-webkit-scrollbar-thumb:vertical {
  144. width: 10px;
  145. background-color: {color:scrollbar};
  146. }
  147.  
  148. body {
  149. background-color: {color:background};
  150. background-image: url({image:background});
  151. background-attachment: fixed;
  152. margin: 0;
  153. word-wrap: break-word;
  154. }
  155. a { text-decoration:none; }
  156.  
  157. #thmcontain {
  158. position: fixed;
  159. width: 100%;
  160. }
  161.  
  162. #sidebar {
  163. top: {text:sidebar top margin}px;
  164. width: 240px;
  165. {block:ifposttype1}left: 580px;{/block:ifposttype1}
  166. {block:ifposttype2}left: 480px;{/block:ifposttype2}
  167. {block:ifposttype3}left: 660px;{/block:ifposttype3}
  168. {block:ifnotposttype2}
  169. {block:permalinkpage}left: 580px;{/block:permalinkpage}
  170. {/block:ifnotposttype2}
  171. {block:ifnotcentralisedtheme}
  172. position: fixed;
  173. {/block:ifnotcentralisedtheme}
  174. {block:ifcentralisedtheme}
  175. margin-top: {text:sidebar top margin}px;
  176. {block:ifposttype1}margin-left: 560px;{/block:ifposttype1}
  177. {block:ifposttype2}margin-left: 510px;{/block:ifposttype2}
  178. {block:ifposttype3}margin-left: 610px;{/block:ifposttype3}
  179. {/block:ifcentralisedtheme}
  180. }
  181.  
  182. .sbpic {
  183. width: 240px;
  184. padding-top: 5px;
  185. display: block;
  186. }
  187.  
  188. .ti {
  189. width: 220px;
  190. padding: 10px 10px 5px 10px;
  191. border-bottom: 1px solid {color:title underline};
  192. }
  193.  
  194. .t1 {
  195. text-transform: uppercase;
  196. font-family: nova square;
  197. font-size: 16px;
  198. text-align: center;
  199. width: 240px;
  200. color: {color:title text};
  201. margin-left: -10px;
  202. }
  203.  
  204. .t2 {
  205. font-family: consolas;
  206. font-size: 8px;
  207. text-transform: uppercase;
  208. text-align: center;
  209. margin-bottom: 5px;
  210. letter-spacing: 1px;
  211. width: 240px;
  212. color: {color:title subtitle};
  213. margin-left: -10px;
  214. }
  215.  
  216. .c1, .c2 {
  217. font-family: georgia;
  218. font-size: 50px;
  219. margin: 0 5px;
  220. position: absolute;
  221. color: {color:title quotation marks};
  222. }
  223.  
  224. .c2 { margin: 0 195px; }
  225.  
  226. .navigate {
  227. width: 250px;
  228. }
  229. .navigate a {
  230. margin-right: 2px;
  231. background-color: {color:navigation bg};
  232. color: {color:navigation text};
  233. border-bottom: 2px solid {color:navigation underline};
  234. font-family: consolas;
  235. font-size: 9px;
  236. letter-spacing: 1px;
  237. padding: 2px 9.5px;
  238. text-transform: uppercase;
  239. transition: 0.6s;
  240. -moz-transition: 0.6s;
  241. -webkit-transition: 0.6s;
  242. }
  243.  
  244. .navigate a:hover {
  245. background-color: {color:navigation hover bg};
  246. color: {color:navigation hover text};
  247. border-bottom: 2px solid {color:navigation hover underline};
  248. }
  249.  
  250. .desc {
  251. width: 220px;
  252. margin-top: 10px;
  253. font-family: consolas;
  254. font-size: 10px;
  255. text-align: center;
  256. padding: 5px 10px;
  257. color: {color:desc text};
  258. }
  259.  
  260. .desc b,strong {color: {color:desc bold};}
  261. .desc i,em {color: {color:desc italic};}
  262. .desc a {
  263. color: {color:desc links};
  264. transition: 0.6s;
  265. -moz-transition: 0.6s;
  266. -webkit-transition: 0.6s;
  267. }
  268. .desc a:hover {color: {color:desc links hover};}
  269.  
  270. #customlinks {
  271. position: absolute;
  272. margin: 20px 250px;
  273. width: 500px;
  274. text-align: left;
  275. }
  276.  
  277. #link { margin-bottom: 10px;height:16px;overflow:hidden; }
  278.  
  279. .rom {
  280. width: 16px;
  281. height: 16px;
  282. background-color: {color:custom links roman numerals bg};
  283. color: {color:custom links roman numerals};
  284. text-align: center;
  285. line-height: 16px;
  286. font-size: 9px;
  287. position: relative;
  288. z-index: 2;
  289. font-family: georgia;
  290. letter-spacing: -1px;
  291. }
  292.  
  293. .linkt {
  294. position: absolute;
  295. z-index: 1;
  296. background-color: {color:custom links text bg};
  297. color: {color:custom links text};
  298. font-size: 8px;
  299. font-family: consolas;
  300. letter-spacing: 1px;
  301. display: block;
  302. padding: 4px 5px 3px 5px;
  303. transition: 0.6s;
  304. margin: -16px 0px;
  305. opacity: 0;
  306. -moz-transition: 0.6s;
  307. -webkit-transition: 0.6s;
  308. }
  309.  
  310. #link:hover .linkt {opacity: 1;margin: -16px 16px;}
  311.  
  312. .pagi {
  313. width: 220px;
  314. margin-top: 10px;
  315. padding: 0 10px;
  316. text-align: center;
  317. font-family: consolas;
  318. font-size: 12px;
  319. color: {color:pagination text};
  320. }
  321. .pagi a {
  322. background-color: {color:pagination bg};
  323. color: {color:pagination links};
  324. padding: 0 3px;
  325. margin: 0 -3px;
  326. -webkit-transition: all 0.4s ease-in-out;
  327. -moz-transition: all 0.4s ease-in-out;
  328. -o-transition: all 0.4s ease-in-out;
  329. -ms-transition: all 0.4s ease-in-out;
  330. transition: all 0.4s ease-in-out;
  331. }
  332. .pagi a:hover {
  333. background-color: {color:pagination bg hover};
  334. color: {color:pagination links hover};
  335. }
  336.  
  337. #content {
  338. margin: 20px;
  339. {block:ifposttype1}width: 520px;{/block:ifposttype1}
  340. {block:ifposttype2}width: 420px;{/block:ifposttype2}
  341. {block:ifposttype3}width: 640px;{/block:ifposttype3}
  342. {block:permalinkpage}width: 520px;{/block:permalinkpage}
  343. {block:ifcentralisedtheme}
  344. margin: 20px 0;
  345. {block:indexpage}
  346. {block:ifposttype1}margin-left: -290px;{/block:ifposttype1}
  347. {block:ifposttype2}margin-left: -240px;{/block:ifposttype2}
  348. {block:ifposttype3}margin-left: -270px;{/block:ifposttype3}
  349. {/block:indexpage}
  350. {block:permalinkpage}
  351. {block:ifposttype1}margin-left: -290px;{/block:ifposttype1}
  352. {block:ifposttype2}margin-left: -240px;{/block:ifposttype2}
  353. {block:ifposttype3}margin-left: -290px;{/block:ifposttype3}
  354. {/block:permalinkpage}
  355. {/block:ifcentralisedtheme}
  356. position: relative;
  357. z-index: 1000;
  358. }
  359.  
  360. .posts {
  361. position: relative;
  362. z-index: 1000;
  363. padding: 20px;
  364. background-color: {color:post background};
  365. margin-bottom: 20px;
  366. {block:indexpage}{block:ifnothoverpermalink}
  367. margin-bottom: 30px;
  368. {/block:ifnothoverpermalink}{/block:indexpage}
  369. {block:permalinkpage}width: 500px;{/block:permalinkpage}
  370. {block:ifposttype1}width: 500px;{/block:ifposttype1}
  371. {block:ifposttype2}width: 400px;{/block:ifposttype2}
  372. {block:indexpage}{block:ifposttype3}
  373. width: 250px;
  374. float: left;
  375. margin-right: 30px;
  376. margin-bottom: 30px;
  377. {/block:ifposttype3}{/block:indexpage}
  378. transition: 0.6s;
  379. -moz-transition: 0.6s;
  380. -webkit-transition: 0.6s;
  381. -o-transition: 0.6s;
  382. }
  383. .posts:hover {{block:indexpage}{block:ifhoverpermalink} margin-bottom: 30px; {/block:ifhoverpermalink}{/block:indexpage}}
  384.  
  385. .photo {
  386. {block:ifposttype1}max-width: 500px;{/block:ifposttype1}
  387. {block:ifposttype2}max-width: 400px;{/block:ifposttype2}
  388. {block:ifposttype3}max-width: 250px;{/block:ifposttype3}
  389. {block:permalinkpage}max-width: 500px;{/block:permalinkpage}
  390. {block:iffadingphotos}
  391. opacity: 0.7;
  392. {/block:iffadingphotos}
  393. {block:ifmonochromeposts}
  394. 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+ */
  395. filter: gray; /* IE6-9 */
  396. -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  397. {/block:ifmonochromeposts}
  398. transition: 0.6s;
  399. -moz-transition: 0.6s;
  400. -webkit-transition: 0.6s;
  401. -o-transition: 0.6s;
  402. }
  403. .photo:hover {
  404. opacity: 1;
  405. {block:ifmonochromeposts}
  406. filter: none;
  407. -webkit-filter: grayscale(0%);
  408. {/block:ifmonochromeposts}
  409. }
  410.  
  411. .text img {
  412. {block:iffadingphotos}
  413. opacity: 0.7;
  414. {/block:iffadingphotos}
  415. {block:ifmonochromeposts}
  416. 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+ */
  417. filter: gray; /* IE6-9 */
  418. -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  419. {/block:ifmonochromeposts}
  420. transition: 0.6s;
  421. -moz-transition: 0.6s;
  422. -webkit-transition: 0.6s;
  423. -o-transition: 0.6s;
  424. }
  425. .posts:hover .text img {
  426. opacity: 1;
  427. {block:ifmonochromeposts}
  428. filter: none;
  429. -webkit-filter: grayscale(0%);
  430. {/block:ifmonochromeposts}
  431. }
  432.  
  433. .posts img {
  434. {block:indexpage}
  435. {block:ifposttype1}max-width: 500px;{/block:ifposttype1}
  436. {block:ifposttype2}max-width: 400px;{/block:ifposttype2}
  437. {block:ifposttype3}max-width: 250px;{/block:ifposttype3}
  438. {/block:indexpage}
  439. {block:permalinkpage}
  440. {block:ifposttype1}max-width: 500px;{/block:ifposttype1}
  441. {block:ifposttype2}max-width: 400px;{/block:ifposttype2}
  442. {block:ifposttype3}max-width: 500px;{/block:ifposttype3}
  443. {/block:permalinkpage}
  444. }
  445. .posts blockquote img {max-width: 100%;}
  446.  
  447. .text {
  448. font-family: consolas;
  449. font-size: 11px;
  450. color: {color:body text};
  451. text-align: left;
  452. }
  453.  
  454. .text b,strong, .permainfo b,strong, .aline b,strong {
  455. color: {color:body bold};
  456. font-weight: 400;
  457. }
  458. .text i,em, .permainfo a {
  459. color: {color:body italic};
  460. transition: 0.6s;
  461. -moz-transition: 0.6s;
  462. -webkit-transition: 0.6s;
  463. -o-transition: 0.6s;
  464. }
  465.  
  466. .text a, .ptags a, #notecon a, .qsrc a {
  467. color: {color:body links};
  468. border-bottom: 1px solid transparent;
  469. padding-bottom: 10px;
  470. transition: 0.6s;
  471. -moz-transition: 0.6s;
  472. -webkit-transition: 0.6s;
  473. -o-transition: 0.6s;
  474. }
  475. .text a:hover, .ptags a:hover, .permainfo a:hover, #notecon a:hover, .qsrc a:hover { color: {color:body links hover}; border-bottom: 1px solid {color:body links hover};padding-bottom: 0; }
  476.  
  477. blockquote {
  478. border-left: 1px solid {color:blockquote};
  479. padding: 0 10px;
  480. margin: 5px;
  481. }
  482.  
  483. .line {
  484. border-bottom: 1px solid {color:chat dividers};
  485. background-color: {color:post background};
  486. }
  487.  
  488. .odd .line {padding: 3px 5px;color:{color:chat odd text};}
  489. .even .line {padding: 3px 5px;color:{color:chat even text};}
  490. .odd .name {color: {color:chat odd name};padding: 3px 5px;}
  491. .even .name {color: {color:chat even name};padding: 3px 5px;}
  492.  
  493. .ptitle, .ltitle {
  494. background-color: {color:post title background};
  495. color: {color:post title text};
  496. font-family: nova square;
  497. font-size: 12px;
  498. letter-spacing: 5px;
  499. padding: 5px 10px;
  500. border-bottom: 1px solid {color:post title underline};
  501. text-align: left;
  502. }
  503. .ltitle {
  504. background-color: {color:link post background};
  505. color: {color:link post text};
  506. transition: 0.6s;
  507. -moz-transition: 0.6s;
  508. -webkit-transition: 0.6s;
  509. -o-transition: 0.6s;
  510. }
  511. .ltitle:hover {
  512. background-color: {color:link post hover background};
  513. color: {color:link post hover text};
  514. }
  515.  
  516. .audiopost { height: 150px; }
  517.  
  518. .albumno {
  519. width: 150px;
  520. height: 150px;
  521. background-color: #888;
  522. position: absolute;
  523. z-index: 1;
  524. {block:indexpage}{block:ifposttype3}
  525. width: 250px;
  526. height: 250px;
  527. {/block:ifposttype3}{/block:indexpage}
  528. }
  529.  
  530. .albumartp {
  531. width: 150px;
  532. height: 150px;
  533. position: relative;
  534. z-index: 2;
  535. display: block;
  536. {block:indexpage}{block:ifposttype3}
  537. width: 250px;
  538. height: 250px;
  539. {/block:ifposttype3}{/block:indexpage}
  540. }
  541.  
  542. .albumart {
  543. {block:ifposttype1}margin-left: -350px;{/block:ifposttype1}
  544. {block:ifposttype2}margin-left: -250px;{/block:ifposttype2}
  545. {block:ifposttype3}margin-left: 0;{/block:ifposttype3}
  546. width: 150px;
  547. height: 150px;
  548. display: block;
  549. position: relative;
  550. {block:ifposttype3}
  551. {block:indexpage}
  552. width: 250px;
  553. height: 250px;
  554. {/block:indexpage}
  555. {block:permalinkpage}
  556. margin-left: -350px;
  557. {/block:permalinkpage}
  558. {/block:ifposttype3}
  559. }
  560.  
  561. .audioplayer {
  562. position: absolute;
  563. margin-top: -90px;
  564. margin-left: 65px;
  565. width: 25px;
  566. height: 25px;
  567. overflow: hidden;
  568. opacity: 0.5;
  569. {block:indexpage}{block:ifposttype3}
  570. margin-top: -140px;
  571. margin-left: 115px;
  572. {/block:ifposttype3}{/block:indexpage}
  573. transition: 0.6s;
  574. -moz-transition: 0.6s;
  575. -webkit-transition: 0.6s;
  576. -o-transition: 0.6s;
  577. z-index: 5;
  578. }
  579. .audioplayer:hover {opacity: 1;}
  580.  
  581. .audioinfo {
  582. position: absolute;
  583. margin-left: 155px;
  584. height: 150px;
  585. }
  586.  
  587. .aline {
  588. {block:ifposttype1}width: 325px;{/block:ifposttype1}
  589. {block:ifposttype2}width: 225px;{/block:ifposttype2}
  590. {block:ifposttype3}
  591. {block:indexpage}margin-top: 5px;{/block:indexpage}
  592. {block:permalinkpage}width: 325px;{/block:permalinkpage}
  593. {/block:ifposttype3}
  594. font-family: consolas;
  595. font-size: 10px;
  596. text-align: left;
  597. padding: 11px 10px;
  598. margin-bottom: 5px;
  599. text-transform: uppercase;
  600. background-color: {color:audio info background};
  601. color: {color:audio info text};
  602. }
  603.  
  604. .quote {
  605. font-family: consolas;
  606. text-align: center;
  607. font-size: 14px;
  608. color: {color:quote};
  609. font-family: nova square;
  610. }
  611.  
  612. .qsrc {color:{color:quote source};text-align:center;font-family:consolas;font-size:10px;}
  613.  
  614. .askerportrait {
  615. max-width: 64px;
  616. max-height: 64px;
  617. border: 10px solid {color:ask background};
  618. float: left;
  619. {block:ifposttype3}
  620. {block:indexpage}
  621. {block:ifcentralisedtheme}
  622. margin-left: -130px;
  623. position:absolute;
  624. {/block:ifcentralisedtheme}
  625. {block:ifnotcentralisedtheme}
  626. position:absolute;
  627. {/block:ifnotcentralisedtheme}
  628. {/block:indexpage}
  629. {/block:ifposttype3}
  630.  
  631. {block:permalinkpage}
  632. {block:ifposttype2}
  633. margin-left: -200px;
  634. {/block:ifposttype2}
  635. {block:ifposttype1}
  636. margin-left: -250px;
  637. {/block:ifposttype1}
  638. {/block:permalinkpage}
  639. {block:permalinkpage}
  640. position:absolute;
  641. {/block:permalinkpage}
  642. }
  643. .a {
  644. margin-left: 100px;
  645. background-color: {color:ask background};
  646. min-height: 64px;
  647. padding: 10px;
  648. font-family: consolas;
  649. font-size: 11px;
  650. color: {color:ask text};
  651. text-align: left;
  652. }
  653. .asker {
  654. color: {color:asker text};
  655. font-family: consolas;
  656. font-size: 11px;
  657. text-transform: uppercase;
  658. }
  659. .asker a {color: {color:asker link};}
  660. .q {margin-top: 10px;}
  661. .tri {
  662. position: absolute;
  663. font-size: 30px;
  664. margin: 20px 0 0 85px;
  665. color: {color:ask background};
  666. }
  667.  
  668. .permalink {
  669. {block:ifhoverpermalink}
  670. opacity: 0;
  671. margin: 5px;
  672. {/block:ifhoverpermalink}
  673. {block:ifnothoverpermalink}
  674. margin: 15px 5px;
  675. {/block:ifnothoverpermalink}
  676. position: absolute;
  677. transition: 0.6s;
  678. -moz-transition: 0.6s;
  679. -webkit-transition: 0.6s;
  680. -o-transition: 0.6s;
  681. }
  682. .posts:hover .permalink {
  683. opacity: 1;
  684. {block:ifhoverpermalink}
  685. margin: 15px 5px;
  686. {/block:ifhoverpermalink}
  687. }
  688.  
  689. .permalink a {
  690. background-color: {color:post background};
  691. font-family: consolas;
  692. font-size: 8px;
  693. padding: 2px 5px;
  694. text-transform: uppercase;
  695. letter-spacing: 1px;
  696. color: {color:permalink text};
  697. margin: 0 1px;
  698. border-bottom: 2px solid {color:permalink underline};
  699. transition: 0.6s;
  700. -moz-transition: 0.6s;
  701. -webkit-transition: 0.6s;
  702. -o-transition: 0.6s;
  703. }
  704.  
  705. .posts:hover .permalink a:hover {
  706. letter-spacing: 2px;
  707. color: {color:permalink hover text};
  708. border-bottom: 2px solid {color:permalink hover underline};
  709. }
  710.  
  711. .permainfo {
  712. margin-top: 10px;
  713. width: 500px;
  714. padding: 20px;
  715. font-family: consolas;
  716. font-size: 11px;
  717. text-align: center;
  718. background-color: {color:post background};
  719. color: {color:body text};
  720. {block:ifposttype2}
  721. width: 400px;
  722. {/block:ifposttype2}
  723. }
  724.  
  725. #notecon {
  726. padding: 20px;
  727. width: 500px;
  728. background-color: {color:post background};
  729. color: {color:body text};
  730. font-family: consolas;
  731. font-size: 11px;
  732. margin-top: 20px;
  733. text-transform: uppercase;
  734. text-align: left;
  735. {block:ifposttype2}
  736. width: 400px;
  737. {/block:ifposttype2}
  738. }
  739.  
  740. #notecon ol.notes { list-style-type: none; }
  741.  
  742. #warning {
  743. position: fixed;
  744. background-color: #000;
  745. color: #fff;
  746. width: 100%;
  747. height: 100%;
  748. position: fixed;
  749. z-index: -1;
  750. opacity: 0;
  751. top: 0;
  752. left: 0;
  753. padding-top: 300px;
  754. text-align: center;
  755. font-family: nova square;
  756. font-size: 16px;
  757. {block:ifposttype1}
  758. {block:ifposttype2}opacity:0.9;z-index: 100001;{/block:ifposttype2}
  759. {block:ifposttype3}opacity:0.9;z-index: 100001;{/block:ifposttype3}
  760. {/block:ifposttype1}
  761. {block:ifposttype2}
  762. {block:ifposttype3}opacity:0.9;z-index: 100001;{/block:ifposttype3}
  763. {/block:ifposttype2}
  764. {block:ifposttype1}{block:ifposttype2}{block:ifposttype3}
  765. opacity: 1;z-index: 100001;
  766. {/block:ifposttype3}{block:ifposttype2}{block:ifposttype1}
  767. {block:ifnotposttype1}{block:ifnotposttype2}{block:ifnotposttype3}
  768. opacity: 1;z-index: 100001;
  769. {/block:ifnotposttype3}{block:ifnotposttype2}{block:ifnotposttype1}
  770. }
  771. .pagination {display: none;}
  772.  
  773. {CustomCSS}
  774.  
  775. </style>
  776.  
  777. {block:indexpage}
  778. {block:ifposttype3}{block:ifinfinitescroll}
  779. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  780. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  781.  
  782. <script>
  783. $(function(){
  784. var $container = $('#content');
  785. $container.imagesLoaded(function(){
  786. $container.masonry({
  787. itemSelector: '.posts',
  788. });
  789. });
  790. $container.infinitescroll({
  791. itemSelector : ".posts",
  792. navSelector : "div.pagination",
  793. nextSelector : ".pagination a#next",
  794. loadingImg : "",
  795. loadingText : "<em></em>",
  796. bufferPx : 10000,
  797. extraScrollPx: 12000,
  798. },
  799. // trigger Masonry as a callback
  800. function( newElements ) {
  801. var $newElems = $( newElements ).css({ opacity: 0 });
  802. // ensure that images load before adding to masonry layout
  803. $newElems.imagesLoaded(function(){
  804. $newElems.animate({ opacity: 1 });
  805. $container.masonry( 'appended', $newElems, true );
  806. });
  807. }
  808. );
  809. });
  810. </script>
  811. {/block:ifinfinitescroll}
  812.  
  813. {block:ifnotinfinitescroll}
  814. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  815.  
  816. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  817. <script type="text/javascript">
  818. $(window).load(function () {
  819. $('#content').masonry({
  820. itemSelector : ".posts",
  821. },
  822. function() { $('#content').masonry({ appendedContent: $(this) }); }
  823. );
  824. });
  825. </script>
  826. {/block:ifnotinfinitescroll}
  827.  
  828. {/block:ifposttype3}
  829.  
  830. {block:ifnotposttype3}{block:ifinfinitescroll}
  831. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  832. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  833. <script type="text/javascript" charset="utf-8">
  834. var $j = jQuery.noConflict();
  835. $j(function() {
  836. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  837. $j("img").lazyload({
  838. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  839. effect: "fadeIn",
  840. });
  841. });
  842. </script>
  843. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  844. {/block:ifinfinitescroll}{/block:ifnotposttype3}
  845.  
  846. {block:ifinfinitescroll}{block:ifnotposttype3}
  847. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  848. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  849. <script type="text/javascript" charset="utf-8">
  850. var $j = jQuery.noConflict();
  851. $j(function() {
  852. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  853. $j("img").lazyload({
  854. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  855. effect: "fadeIn",
  856. });
  857. });
  858. </script>
  859. {/block:ifnotposttype3}{/block:ifinfinitescroll}
  860. {/block:indexpage}
  861.  
  862. </head>
  863. <body>
  864.  
  865. <div id="warning">Please pick only one post type!</div>
  866.  
  867. {block:ifcentralisedtheme}
  868. <center>
  869. <div id="thmcontain">
  870. {/block:ifcentralisedtheme}
  871.  
  872. <div id="sidebar">
  873.  
  874. <div class="ti">
  875. <div class="c1">“</div><div class="c2">”</div>
  876. <div class="t1">{title}</div>
  877. <div class="t2">{text:subtitle}</div>
  878. </div><!--ti-->
  879.  
  880. <div id="customlinks">
  881.  
  882. {block:iflink1}<div id="link"><a href="{text:link 1 url}"><div class="rom">I</div><div class="linkt">{text:link 1}</div></a></div>{/block:iflink1}
  883. {block:iflink2}<div id="link"><a href="{text:link 2 url}"><div class="rom">II</div><div class="linkt">{text:link 2}</div></a></div>{/block:iflink2}
  884. {block:iflink3}<div id="link"><a href="{text:link 3 url}"><div class="rom">III</div><div class="linkt">{text:link 3}</div></a></div>{/block:iflink3}
  885. {block:iflink4}<div id="link"><a href="{text:link 4 url}"><div class="rom">IV</div><div class="linkt">{text:link 4}</div></a></div>{/block:iflink4}
  886. {block:iflink5}<div id="link"><a href="{text:link 5 url}"><div class="rom">V</div><div class="linkt">{text:link 5}</div></a></div>{/block:iflink5}
  887. {block:iflink6}<div id="link"><a href="{text:link 6 url}"><div class="rom">VI</div><div class="linkt">{text:link 6}</div></a></div>{/block:iflink6}
  888.  
  889. </div><!--custom links-->
  890.  
  891. <img class="sbpic" src="{image:sidebar}">
  892.  
  893. <div class="navigate">
  894. <a href="/">refresh</a>
  895. <a href="/ask">inbox</a>
  896. <a href="/archive">memories</a>
  897. <a title="by yukoki" href="http://yukoki.tumblr.com">theme</a>
  898. </div>
  899.  
  900. <div class="desc">{description}</div>
  901.  
  902. {block:ifnotinfinitescroll}
  903. {block:pagination}<div class="pagi">
  904. {block:PreviousPage}
  905. <a href="{PreviousPage}">←</a>
  906. {/block:PreviousPage}
  907. {block:JumpPagination length="5"}
  908. {block:CurrentPage}
  909. <span class="current_page">{PageNumber}</span>
  910. {/block:CurrentPage}
  911. {block:JumpPage}
  912. <a class="jump_page" href="{URL}">{PageNumber}</a>
  913. {/block:JumpPage}
  914. {/block:JumpPagination}
  915. {block:NextPage}
  916. <a href="{NextPage}">→</a>
  917. {/block:NextPage}
  918. </div><!--pagination-->{/block:pagination}
  919. {/block:ifnotinfinitescroll}
  920.  
  921. </div><!--sidebar-->
  922.  
  923. {block:ifcentralisedtheme}
  924. </div>
  925. </center>
  926. {/block:ifcentralisedtheme}
  927.  
  928. {block:ifcentralisedtheme}
  929. <center>
  930. {/block:ifcentralisedtheme}
  931.  
  932. <div id="content">
  933. {block:Posts}
  934. <div class="posts">
  935.  
  936. {block:Quote}
  937. <div class="quote">"{Quote}"</div> <div class="qsrc">- {Source} -</div>
  938. {/block:Quote}
  939.  
  940. {block:Link}
  941. <a href="{URL}"><div class="ltitle">{Name} ▷</div></a>
  942. {block:Description}<div class="text">{Description}</div>{block:Description}
  943. {/block:Link}
  944.  
  945. {block:Chat}
  946. {block:Title}<div class="ptitle">{Title}</div>{/block:Title}
  947. <div class="text">
  948. {block:Lines}<div class="{Alt}">
  949. <div class="line">{block:Label}<span class="name">{Label}</span>{/block:Label} {Line}<br /></div></div>
  950. {/block:Lines}
  951. </div>
  952. {/block:Chat}
  953.  
  954. {block:Photo}
  955. {linkopentag}<center><img class="photo" src="{PhotoURL-500}"></center>{linkclosetag}
  956. {block:IfShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  957. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  958. <div class="text">{Caption}</div>
  959. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  960. {/block:Photo}
  961.  
  962. {block:Photoset}
  963. {block:indexpage}
  964. {block:ifposttype1}<div class="photo">{Photoset-500}</div>{/block:ifposttype1}
  965. {block:ifposttype2}<div class="photo">{Photoset-400}</div>{/block:ifposttype2}
  966. {block:ifposttype3}<div class="photo">{Photoset-250}</div>{/block:ifposttype3}
  967. {/block:indexpage}
  968. {block:permalinkpage}
  969. {block:ifposttype1}<div class="photo">{Photoset-500}</div>{/block:ifposttype1}
  970. {block:ifposttype2}<div class="photo">{Photoset-400}</div>{/block:ifposttype2}
  971. {block:ifposttype3}<div class="photo">{Photoset-500}</div>{/block:ifposttype3}
  972. {/block:permalinkpage}
  973. {block:IfShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  974. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  975. <div class="text">{Caption}</div>
  976. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  977. {/block:Photoset}
  978.  
  979. {block:Text}
  980. {block:title}<div class="ptitle">{Title}</div>{/block:title}
  981. <div class="text">{Body}</div>
  982. {/block:Text}
  983.  
  984. {block:Audio}
  985. {block:indexpage}
  986. {block:ifnotposttype3}
  987. <div class="audiopost">
  988. <div class="audioinfo">
  989. {block:trackname}<div class="aline"><b>track name:</b> {trackname}</div>{/block:trackname}
  990. {block:artist}<div class="aline"><b>artist:</b> {artist}</div>{/block:artist}
  991. {block:album}<div class="aline"><b>album:</b> {album}</div>{/block:album}
  992. {block:playcount}<div class="aline"><b>play count:</b> {playcount}</div>{/block:playcount}
  993. </div><!--audioinfo-->
  994. {/block:ifnotposttype3}
  995. {/block:indexpage}
  996. {block:permalinkpage}
  997. <div class="audioinfo">
  998. {block:trackname}<div class="aline"><b>track name:</b> {trackname}</div>{/block:trackname}
  999. {block:artist}<div class="aline"><b>artist:</b> {artist}</div>{/block:artist}
  1000. {block:album}<div class="aline"><b>album:</b> {album}</div>{/block:album}
  1001. {block:playcount}<div class="aline"><b>play count:</b> {playcount}</div>{/block:playcount}
  1002. </div><!--audioinfo-->
  1003. {/block:permalinkpage}
  1004. <div class="albumart"><div class="albumno"></div>{block:AlbumArt}<img class="albumartp" src="{AlbumArtURL}">{/block:AlbumArt}</div>
  1005. <div class="audioplayer">{AudioPlayer}</div>
  1006. {block:indexpage}{block:ifnotposttype3}</div><!--audiopost-->{/block:ifnotposttype3}{/block:indexpage}
  1007. {block:indexpage}{block:ifposttype3}
  1008. {block:trackname}<div class="aline"><b>track name:</b> {trackname}</div>{/block:trackname}
  1009. {block:artist}<div class="aline"><b>artist:</b> {artist}</div>{/block:artist}
  1010. {block:album}<div class="aline"><b>album:</b> {album}</div>{/block:album}
  1011. {block:playcount}<div class="aline"><b>play count:</b> {playcount}</div>{/block:playcount}
  1012. {/block:ifposttype3}{/block:indexpage}
  1013. {block:IfShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  1014. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1015. <div class="text">{Caption}</div>
  1016. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1017. {/block:Audio}
  1018.  
  1019. {block:Video}
  1020. {block:ifposttype1}{Video-500}{/block:ifposttype1}
  1021. {block:ifposttype2}{Video-400}{/block:ifposttype2}
  1022. {block:ifposttype3}{Video-250}{/block:ifposttype3}
  1023. {block:IfShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  1024. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1025. <div class="text">{Caption}</div>
  1026. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1027. {/block:Video}
  1028.  
  1029. {block:Answer}
  1030. <img class="askerportrait" src="{AskerPortraitURL-64}">
  1031. <div class="tri">◀</div>
  1032. <div class="a">
  1033. <span class="asker">{Asker} whispered:</span>
  1034. <span class="q">{Question}</span>
  1035. </div>
  1036. <div class="text">{Answer}</div>
  1037. {/block:Answer}
  1038.  
  1039. {block:indexpage}{block:date}
  1040. <div class="permalink">
  1041. <a href="{permalink}">{timeago}</a>
  1042. {block:ifnotcustomnotes}
  1043. <a href="{permalink}">{NoteCountWithLabel}</a>
  1044. {/block:ifnotcustomnotes}
  1045. {block:ifcustomnotes}
  1046. <a href="{permalink}">{NoteCount} {text:custom notes title}</a>
  1047. {/block:ifcustomnotes}
  1048. <a href="{reblogurl}">reblog</a>
  1049. </div>
  1050. {/block:date}{/block:indexpage}
  1051.  
  1052. </div><!--posts-->
  1053.  
  1054. {block:permalinkpage}
  1055. {block:date}<div class="permainfo">
  1056. Posted on <b>{DayOfMonth} {Month} {Year}</b>, at <b>{12Hour}.{Minutes}{AmPm}</b>, with <b>{NoteCountWithLabel}</b><br>
  1057. {block:RebloggedFrom}
  1058. Reblogged via <a href="{ReblogParentURL}">{ReblogParentName}</a>, originally by <a href="{ReblogRootURL}">{ReblogRootName}</a><br>
  1059. {/block:RebloggedFrom}
  1060. {block:HasTags}<div class="ptags">{block:Tags}
  1061. <a href="{TagURL}">#{Tag} </a>
  1062. {/block:Tags}</div>{/block:HasTags}
  1063. </div>{/block:date}
  1064. {block:date}{block:NoteCount}<div id="notecon">
  1065. {PostNotes-16}
  1066. </div><!--notecon-->{/block:NoteCount}{/block:date}
  1067. {/block:permalinkpage}
  1068.  
  1069. {/block:Posts}
  1070. {block:ContentSource}
  1071. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1072. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1073. {/block:SourceLogo}
  1074. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1075. {/block:ContentSource}
  1076.  
  1077. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  1078.  
  1079. </div><!--content-->
  1080.  
  1081. {block:ifcentralisedtheme}
  1082. </center>
  1083. {/block:ifcentralisedtheme}
  1084.  
  1085. <div class="pagination">
  1086. {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}
  1087. </div>
  1088.  
  1089. </body>
  1090. </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!