API tools faq
paste
Advertisement
mogimochi

Theme [29] Game Over !

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