API tools faq
paste
Advertisement
mogimochi

Theme [24] Crimson Hunter

mogimochi
Jun 12th, 2013
22,827
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.26 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!-----------------------------------------------------------------------
  6.  
  7. Theme 24 Crimson Hunter
  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. 5. Do not redistribute.
  15.  
  16. --------------------------------------------------- UPDATE VER 250315 -->
  17.  
  18. <meta name="color:background" content="#464646">
  19.  
  20. <meta name="color:ask text" content="#afaeae" />
  21. <meta name="color:ask background" content="#494949" />
  22. <meta name="color:asker link" content="#cf821c">
  23.  
  24. <meta name="color:horizontal line bg" content="#701616">
  25. <meta name="color:horizontal line text" content="#000000">
  26. <meta name="color:vertical line bg" content="#5e5445">
  27. <meta name="color:vertical line text" content="#1f1e1e">
  28.  
  29. <meta name="color:nav icon bg" content="#131313">
  30. <meta name="color:nav icon text" content="#000000">
  31. <meta name="color:nav icon colour" content="#fdfdfd">
  32. <meta name="color:nav text bg" content="#000000">
  33. <meta name="color:nav text colour" content="#ffffff">
  34. <meta name="color:nav text border" content="#797878">
  35.  
  36. <meta name="color:desc text" content="#646464">
  37. <meta name="color:desc bg" content="#1f1f1f">
  38. <meta name="color:desc border" content="#6d0f1a">
  39. <meta name="color:desc bold" content="#a22929">
  40. <meta name="color:desc italic" content="#97743e">
  41. <meta name="color:desc links" content="#b9b9b9">
  42. <meta name="color:desc links hover" content="#ffffff">
  43.  
  44. <meta name="color:body" content="#777777">
  45. <meta name="color:body links" content="#d6d6d6">
  46. <meta name="color:body links hover" content="#666565">
  47. <meta name="color:body links hover bg" content="#303030">
  48. <meta name="color:body bold" content="#ad3a3a">
  49. <meta name="color:body italic" content="#929292">
  50. <meta name="color:post background" content="#272727">
  51. <meta name="color:post border" content="#464646">
  52. <meta name="color:blockquote" content="#aca8a8">
  53.  
  54. <meta name="color:post title underline" content="#000000">
  55. <meta name="color:post title" content="#a0a0a0">
  56. <meta name="color:post title bg" content="#3c3b3b">
  57. <meta name="color:post link hover" content="#fdfdfd">
  58. <meta name="color:post link hover bg" content="#272727">
  59. <meta name="color:post link hover underline" content="#757575">
  60. <meta name="color:post quote" content="#afaeae">
  61.  
  62. <meta name="color:permalink text" content="#0f0f0f">
  63. <meta name="color:permalink links" content="#c0bfbe">
  64. <meta name="color:permalink links hover" content="#cea075">
  65. <meta name="color:tags" content="#999999">
  66. <meta name="color:tags hover" content="#222222">
  67. <meta name="color:tags hover bg" content="#000000">
  68. <meta name="color:perma page text" content="#c2c1c1">
  69.  
  70. <meta name="color:ask text" content="#646464" />
  71. <meta name="color:ask background" content="#eeeff0" />
  72. <meta name="color:asker link" content="#da7b7b">
  73.  
  74. <meta name="color:chat even name" content="#832424" />
  75. <meta name="color:chat even background" content="#272727" />
  76. <meta name="color:chat even text" content="#a5a4a4" />
  77. <meta name="color:chat odd name" content="#996642" />
  78. <meta name="color:chat odd background" content="#353434" />
  79. <meta name="color:chat odd text" content="#000000" />
  80.  
  81. <meta name="color:pagination colour 1" content="#832424" />
  82. <meta name="color:pagination colour 2" content="#ffffff" />
  83. <meta name="color:text highlight" content="#ffffff">
  84. <meta name="color:text highlight bg" content="#dedede">
  85.  
  86. <meta name="image:background" content="">
  87. <meta name="image:sidebar" content="">
  88.  
  89. <meta name="text:billy music player code" content="">
  90. <meta name="text:Link 1" content="" />
  91. <meta name="text:Link 1 URL" content="" />
  92. <meta name="text:Link 2" content="" />
  93. <meta name="text:Link 2 URL" content="" />
  94. <meta name="text:Link 3" content="" />
  95. <meta name="text:Link 3 URL" content="" />
  96. <meta name="text:Link 4" content="" />
  97. <meta name="text:Link 4 URL" content="" />
  98. <meta name="text:song title" content="" />
  99. <meta name="text:horizontal line" content="they are the food">
  100. <meta name="text:vertical line" content="and we are the hunters">
  101.  
  102. <meta name="if:music player" content="0">
  103. <meta name="if:2 columns" content="0">
  104. <meta name="if:big posts" content="1">
  105. <meta name="if:med posts" content="0">
  106. <meta name="if:show captions" content="1">
  107. <meta name="if:spinnning icons" content="1">
  108. <meta name="if:infinite scroll" content="0">
  109.  
  110. <title>{title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  111. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  112. <link rel="shortcut icon" href="{Favicon}" />
  113.  
  114. <link href='http://fonts.googleapis.com/css?family=Nova+Square' rel='stylesheet' type='text/css'>
  115. <link href='http://fonts.googleapis.com/css?family=Dosis:300' rel='stylesheet' type='text/css'>
  116.  
  117. <style type="text/css">
  118.  
  119. @import url(http://weloveiconfonts.com/api/?family=fontawesome);
  120.  
  121. /* fontawesome */
  122. [class*="fontawesome-"]:before {
  123. font-family: 'FontAwesome', sans-serif;
  124. font-size: 15px;
  125. color: {color:nav icon colour};
  126. }
  127.  
  128.  
  129. body {
  130. background-color: {color:background};
  131. background-image: url({image:background});
  132. background-attachment: fixed;
  133. margin: 0;
  134. word-wrap: break-word;
  135. }
  136. a { text-decoration:none; }
  137. pre {
  138. {block:ifbigposts}width: 500px;{/block:ifbigposts}
  139. {block:ifmedposts}width: 400px;{/block:ifmedposts}
  140. word-wrap: break-word;
  141. overflow: auto;
  142. }
  143.  
  144. iframe#tumblr_controls {
  145. right:3px !important; position:fixed !important;opacity: 0.4;
  146. -webkit-transition: all 0.4s ease-in-out;
  147. -moz-transition: all 0.4s ease-in-out;
  148. -o-transition: all 0.4s ease-in-out;
  149. -ms-transition: all 0.4s ease-in-out;
  150. transition: all 0.4s ease-in-out;
  151. }
  152. iframe#tumblr_controls:hover {
  153. opacity: 1;
  154. -webkit-transition: all 0.4s ease-in-out;
  155. -moz-transition: all 0.4s ease-in-out;
  156. -o-transition: all 0.4s ease-in-out;
  157. -ms-transition: all 0.4s ease-in-out;
  158. transition: all 0.4s ease-in-out;
  159. }
  160.  
  161.  
  162. ::selection {
  163. background: {color:text highlight bg};
  164. color:{color:text highlight};
  165. }
  166.  
  167. ::-moz-selection {
  168. background: {color:text highlight bg};
  169. color:{color:text highlight};
  170. }
  171.  
  172. #sidebar {
  173. position: fixed;
  174. width: 260px;
  175. top: 70px;
  176. left: 40px;
  177. }
  178.  
  179. .sbimg {width: 260px; display:block;}
  180.  
  181. #l1 {
  182. font-family: nova square;
  183. text-transform: uppercase;
  184. position: fixed;
  185. background-color: {color:horizontal line bg};
  186. color: {color:horizontal line text};
  187. width: 290px;
  188. left: 0;
  189. top: 30px;
  190. padding: 2px 140px 2px 0;
  191. text-align: right;
  192. border-radius: 0 1000px 0 0;
  193. -moz-border-radius: 0 1000px 0 0;
  194. -webkit-border-radius: 0 1000px 0 0;
  195. -o-border-radius: 0 1000px 0 0;
  196. z-index: 100;
  197. }
  198.  
  199. #l2 {
  200. font-family: nova square;
  201. text-transform: uppercase;
  202. position: fixed;
  203. background-color: {color:vertical line bg};
  204. color: {color:vertical line text};
  205. width: 300px;
  206. top: 180px;
  207. left: 135px;
  208. padding: 2px 0 2px 90px;
  209. z-index: 101;
  210. transform: rotate(90deg);
  211. -moz-transform: rotate(90deg);
  212. -webkit-transform: rotate(90deg);
  213. -o-transform: rotate(90deg);
  214. border-radius: 0 0 1000px 0;
  215. -moz-border-radius: 0 0 1000px 0;
  216. -webkit-border-radius: 0 0 1000px 0;
  217. -o-border-radius: 0 0 1000px 0;
  218. }
  219.  
  220. #navigate {
  221. position: fixed;
  222. height: 100%;
  223. top: 0;
  224. padding: 70px 5px;
  225. left: 357px;
  226. }
  227.  
  228. .navicon {
  229. margin-left: 5px;
  230. width: 20px;
  231. height: 20px;
  232. overflow: hidden;
  233. padding-left: 5px;
  234. padding-top: 3px;
  235. padding-bottom: 3px;
  236. margin: 0 0 5px 0;
  237. opacity: 0.5;
  238. background-color: {color:nav icon bg};
  239. -webkit-transition: all 0.4s ease-in-out;
  240. -moz-transition: all 0.4s ease-in-out;
  241. -o-transition: all 0.4s ease-in-out;
  242. -ms-transition: all 0.4s ease-in-out;
  243. transition: all 0.4s ease-in-out;
  244. }
  245. .navt {
  246. font-family: consolas;
  247. font-size: 9px;
  248. text-transform: uppercase;
  249. border: 1px solid {color:nav text border};
  250. background-color: {color:nav text bg};
  251. color: {color:nav text colour};
  252. padding: 1px 3px;
  253. position: fixed;
  254. margin: 5px 30px;
  255. opacity: 0;
  256. width: auto;
  257. display: block;
  258. z-index: 100000;
  259. float: left;
  260. -webkit-transition: all 0.4s ease-in-out;
  261. -moz-transition: all 0.4s ease-in-out;
  262. -o-transition: all 0.4s ease-in-out;
  263. -ms-transition: all 0.4s ease-in-out;
  264. transition: all 0.4s ease-in-out;
  265. }
  266. #nav:hover .navicon {
  267. opacity: 1;
  268. {block:ifspinningicons}
  269. transform:rotate(360deg);
  270. -moz-transform:rotate(360deg);
  271. -webkit-transform:rotate(360deg);
  272. -o-transform:rotate(360deg);
  273. {/block:ifspinningicons}
  274. margin: 10px 0 10px 0;
  275. }
  276. #nav:hover .navt { margin:5px 40px; opacity:1;}
  277.  
  278. #desc {
  279. width: 240px;
  280. background-color: {color:desc bg};
  281. font-family: 'Dosis', sans-serif;
  282. color: {color:desc text};
  283. padding: 10px;
  284. border-bottom: 10px solid {color:desc border};
  285. font-size: 12px;
  286. text-align: justify;
  287. }
  288. #desc a { color: {color:desc links};
  289. -webkit-transition: all 0.4s ease-in-out;
  290. -moz-transition: all 0.4s ease-in-out;
  291. -o-transition: all 0.4s ease-in-out;
  292. -ms-transition: all 0.4s ease-in-out;
  293. transition: all 0.4s ease-in-out;
  294. }
  295. #desc a:hover {
  296. color:{color:desc links hover};
  297. background-color:{color:desc links hover bg};
  298. }
  299. #desc b,strong { color: {color:desc bold};font-weight:100; }
  300. #desc i,em { color: {color:desc italic}; }
  301.  
  302. .navmusic {
  303. position: relative;
  304. margin-top: -26px;
  305. margin-left: -22.5px;
  306. height: 25px;
  307. overflow: hidden;
  308. background-color: {color:nav icon bg};
  309. opacity: 0;
  310. -webkit-transition: all 0.4s ease-in-out;
  311. -moz-transition: all 0.4s ease-in-out;
  312. -o-transition: all 0.4s ease-in-out;
  313. -ms-transition: all 0.4s ease-in-out;
  314. transition: all 0.4s ease-in-out;
  315. }
  316. .navmusic:hover { opacity: 1; }
  317.  
  318. .pagination {
  319. text-align: center;
  320. text-decoration: none;
  321. font-family: dosis;
  322. padding: 2px
  323. }
  324.  
  325. .jump_page {
  326. padding: 2px 6px;
  327. text-align: center;
  328. line-height: 15px;
  329. font-size: 10px;
  330. -webkit-transition: all 0.3s ease-in-out;
  331. -moz-transition: all 0.3s ease-in-out;
  332. -o-transition: all 0.3s ease-in-out;
  333. -ms-transition: all 0.3s ease-in-out;
  334. transition: all 0.3s ease-in-out;
  335. background-color: {color:pagination colour 1};
  336. color: {color:pagination colour 2};
  337. }
  338.  
  339. .current_page {
  340. padding: 2px 6px;
  341. text-align: center;
  342. font-size: 10px;
  343. background-color: #fff;
  344. background-color: {color:pagination colour 2};
  345. color: {color:pagination colour 1};
  346. }
  347.  
  348. .jump_page:hover {
  349. padding: 2px 6px;
  350. line-height: 10px;
  351. text-align: center;
  352. font-size: 10px;
  353. -webkit-transition: all 0.3s ease-in-out;
  354. -moz-transition: all 0.3s ease-in-out;
  355. -o-transition: all 0.3s ease-in-out;
  356. -ms-transition: all 0.3s ease-in-out;
  357. transition: all 0.3s ease-in-out;
  358. background-color: {color:pagination colour 2};
  359. color: {color:pagination colour 1};
  360. }
  361.  
  362. #content {
  363. margin-left: 470px;
  364. margin-top: 20px;
  365. width: 570px;
  366. }
  367.  
  368. .posts {
  369. {block:ifbigposts}width: 500px;{/block:ifbigposts}
  370. {block:ifmedposts}width: 400px;{/block:ifmedposts}
  371. {block:if2columns}width: 250px;{/block:if2columns}
  372. {block:indexpage}padding: 10px 10px 0 10px;{/block:indexpage}
  373. {block:permalinkpage}padding: 10px;{/block:permalinkpage}
  374. border: 1px solid {color:post border};
  375. margin: 0 10px 10px 0;
  376. background-color: {color:post background};
  377. float: left;
  378. }
  379.  
  380. .posts img {
  381. {block:ifbigposts}max-width: 500px;{/block:ifbigposts}
  382. {block:ifmedposts}max-width: 400px;{/block:ifmedposts}
  383. {block:if2columns}max-width: 250px;{/block:if2columns}
  384. }
  385. .posts blockquote img {max-width: 100%;}
  386.  
  387. .photo {
  388. {block:ifbigposts}width: 500px;{/block:ifbigposts}
  389. {block:ifmedposts}width: 400px;{/block:ifmedposts}
  390. {block:if2columns}width: 250px;{/block:if2columns}
  391. margin-left:auto;
  392. margin-right:auto;
  393. display:block;
  394. }
  395. blockquote {
  396. border-left: 3px solid {color:blockquote};
  397. margin: 5px;
  398. padding: 0 10px;
  399. }
  400.  
  401. .title, .ltitle {
  402. font-family: dosis;
  403. font-size: 18px;
  404. border-bottom: 1px dashed {color:post title underline};
  405. color: {color:post title};
  406. padding: 2px 0 2px 20px;
  407. background-color: {color:post title bg};
  408. -webkit-transition: all 0.4s ease-in-out;
  409. -moz-transition: all 0.4s ease-in-out;
  410. -o-transition: all 0.4s ease-in-out;
  411. -ms-transition: all 0.4s ease-in-out;
  412. transition: all 0.4s ease-in-out;
  413. }
  414.  
  415. .ltitle:hover {
  416. font-family: dosis;
  417. font-size: 18px;
  418. border-bottom: 1px dashed {color:post link hover underline};
  419. color: {color:post link hover};
  420. padding: 2px 0 2px 40px;
  421. background-color: {color:post link hover bg};
  422. }
  423. .quote {
  424. font-family: dosis;
  425. font-size: 18px;
  426. color: {color:post quote};
  427. text-align: center;
  428. }
  429. .qsource {
  430. text-align: right;
  431. font-family: consolas;
  432. font-size: 10px;
  433. text-transform: uppercase;
  434. letter-spacing: 1px;
  435. color: {color:body};
  436. }
  437.  
  438. .odd .line {background-color: {color:chat odd background};padding: 3px 5px;color:{color:chat odd text};}
  439. .even .line {background-color: {color:chat even background};padding: 3px 5px;color:{color:chat even text};}
  440. .odd .name {color: {color:chat odd name};padding: 3px 5px;}
  441. .even .name {color: {color:chat even name};padding: 3px 5px;}
  442.  
  443. .askerportrait {
  444. position: absolute;
  445. border: 10px solid {color:ask background};
  446. }
  447. .a {
  448. margin-left: 100px;
  449. background-color: {color:ask background};
  450. min-height: 64px;
  451. padding: 10px;
  452. font-family: calibri,geneva;
  453. font-size: 13px;
  454. color: {color:ask text};
  455. }
  456. .asker {
  457. color: {color:asker text};
  458. font-family: 'Dosis', sans-serif;
  459. font-size: 10px;
  460. text-transform: uppercase;
  461. }
  462. .asker a {color: {color:asker link};border-bottom: 1px dashed {color:asker link};}
  463. -webkit-transition: all 0.4s ease-in-out;
  464. -moz-transition: all 0.4s ease-in-out;
  465. -o-transition: all 0.4s ease-in-out;
  466. -ms-transition: all 0.4s ease-in-out;
  467. transition: all 0.4s ease-in-out;}
  468. .q {margin-top: 10px;}
  469. .tri {
  470. position: absolute;
  471. font-size: 30px;
  472. margin: 20px 0 0 85px;
  473. color: {color:ask background};
  474. }
  475.  
  476.  
  477. #album {
  478. width: 150px;
  479. height: 150px;
  480. background-color: #D6D6D6;
  481. overflow: hidden;
  482. {block:if2columns}width: 250px;height: 250px;{/block:if2columns}
  483. }
  484. .noalbum {
  485. width: 150px;
  486. height: 150px;
  487. background-color: #D6D6D6;
  488. z-index: 50;
  489. {block:if2columns}width: 250px;height: 250px;{/block:if2columns}
  490. }
  491. .albumart {
  492. width: 150px;
  493. height: 150px;
  494. z-index: 50;
  495. {block:if2columns}width: 250px;height: 250px;{/block:if2columns}
  496. }
  497. .aud {
  498. width: 25px;
  499. height: 25px;
  500. border-radius: 100px;
  501. opacity: 0.6;
  502. overflow: hidden;
  503. margin: 60px 0 0 60px;
  504. position: absolute;
  505. {block:if2columns}margin: 110px 0 0 110px;{/block:if2columns}
  506. -webkit-transition: all 0.4s ease-in-out;
  507. -moz-transition: all 0.4s ease-in-out;
  508. -o-transition: all 0.4s ease-in-out;
  509. -ms-transition: all 0.4s ease-in-out;
  510. transition: all 0.4s ease-in-out;
  511. }
  512. .aud:hover {opacity: 1;}
  513. .info {
  514. padding: 5px 5px 5px 15px;
  515. color: {color:body};
  516. text-transform: uppercase;
  517. font-family: consolas;
  518. font-size: 10px;
  519. height: auto;
  520. width: 320px;
  521. border-bottom: 1px dashed {color:body italic};
  522. {block:if2columns}width:230px;{/block:if2columns}
  523. {block:ifmedposts}width:220px;{/block:ifmedposts}
  524. }
  525. .info b,strong {color: {color:body bold};}
  526. .information {
  527. margin: 25px 0 0 150px;
  528. position: absolute;
  529. border-top: 1px dashed {color:body italic};
  530. {block:if2columns}position:static;margin: 5px 0;{/block:if2columns}
  531. }
  532.  
  533. #permalink {
  534. background-color: {color:post border};
  535. font-family: consolas;
  536. font-size: 9px;
  537. text-transform: uppercase;
  538. color: {color:permalink text};
  539. margin-top: 10px;
  540. margin-left: -10px;
  541. {block:ifbigposts}width: 500px;{/block:ifbigposts}
  542. {block:ifmedposts}width: 400px;{/block:ifmedposts}
  543. {block:if2columns}width: 250px;{/block:if2columns}
  544. padding: 3px 10px;
  545. text-align: right;
  546. }
  547.  
  548. .pe a {
  549. color: {color:permalink links};
  550. -webkit-transition: all 0.4s ease-in-out;
  551. -moz-transition: all 0.4s ease-in-out;
  552. -o-transition: all 0.4s ease-in-out;
  553. -ms-transition: all 0.4s ease-in-out;
  554. transition: all 0.4s ease-in-out;
  555. }
  556. .pe a:hover {color: {color:permalink links hover};}
  557.  
  558. .tags {
  559. font-size: {block:indexpage}8{/block:indexpage}{block:permalinkpage}10{/block:permalinkpage}px;
  560. letter-spacing:1px;}
  561. .tags a, #permapg a {color:{color:tags};
  562. -webkit-transition: all 0.4s ease-in-out;
  563. -moz-transition: all 0.4s ease-in-out;
  564. -o-transition: all 0.4s ease-in-out;
  565. -ms-transition: all 0.4s ease-in-out;
  566. transition: all 0.4s ease-in-out;
  567. }
  568. .tags a:hover, #permapg a:hover {color:{color:tags hover};background-color:{color:tags hover bg};}
  569.  
  570. #permapg {
  571. font-family: consolas;
  572. text-align: center;
  573. color: {color:perma page text};
  574. font-size: 10px;
  575. letter-spacing: 1px;
  576. text-transform: uppercase;
  577. }
  578.  
  579. #notecontainer {
  580. padding: 10px;
  581. text-decoration: none;
  582. {block:ifbigposts}width: 500px;{/block:ifbigposts}
  583. {block:ifmedposts}width: 400px;{/block:ifmedposts}
  584. {block:if2columns}width: 250px;{/block:if2columns}
  585. }
  586. ol.notes {
  587. list-style-type: none;
  588. letter-spacing: -1px;
  589. font-size: 11px;
  590. color: {color:body};
  591. font-family: consolas;
  592. text-decoration: none;
  593. margin: 0;
  594. {block:ifbigposts}width: 500px;{/block:ifbigposts}
  595. {block:ifmedposts}width: 400px;{/block:ifmedposts}
  596. {block:if2columns}width: 250px;{/block:if2columns}
  597. padding: 5px;
  598. text-align: left;
  599. }
  600. ol.notes a {color: {color:body links};
  601. -webkit-transition: all 0.4s ease-in-out;
  602. -moz-transition: all 0.4s ease-in-out;
  603. -o-transition: all 0.4s ease-in-out;
  604. -ms-transition: all 0.4s ease-in-out;
  605. transition: all 0.4s ease-in-out;}
  606. ol.notes a:hover {color: {color:body links hover};}
  607. img.avatar {
  608. margin-right: 5px;
  609. width: 10px;
  610. height: 10px;
  611. float: left;
  612. }
  613.  
  614. #warning {
  615. position: fixed;
  616. width: 100%;
  617. height:100%;
  618. background-color: #fff;
  619. z-index:-1000000;
  620. top:0;
  621. left: 0;
  622. text-align: center;
  623. padding-top: 250px;
  624. font-family: nova square;
  625. opacity: 0;
  626. {block:ifbigposts}
  627. {block:ifmedposts}opacity:1;z-index:1000000;{/block:ifmedposts}
  628. {block:if2columns}opacity:1;z-index:1000000;{/block:if2columns}
  629. {/block:ifbigposts}
  630. {block:ifmedposts}{block:if2columns}
  631. opacity:1;z-index:1000000;
  632. {/block:if2columns}{/block:ifmedposts}
  633. {block:ifnotbigposts}{block:ifnotmedposts}{block:ifnot2columns}
  634. opacity:1;z-index:1000000;
  635. {/block:ifnot2columns}{/block:ifnotmedposts}{/block:ifnotbigposts}
  636. }
  637.  
  638. .text {
  639. font-family: calibri;
  640. font-size: 13px;
  641. color: {color:body};
  642. text-align: justify;
  643. }
  644. .text b,strong {color:{color:body bold};font-size:13px;}
  645. .text i,em {color:{color:}body italic;}
  646. .text a {color: {color:body links};font-size:13px;
  647. -webkit-transition: all 0.4s ease-in-out;
  648. -moz-transition: all 0.4s ease-in-out;
  649. -o-transition: all 0.4s ease-in-out;
  650. -ms-transition: all 0.4s ease-in-out;
  651. transition: all 0.4s ease-in-out;
  652. }
  653. .qsource a {color: {color:body links};
  654. -webkit-transition: all 0.4s ease-in-out;
  655. -moz-transition: all 0.4s ease-in-out;
  656. -o-transition: all 0.4s ease-in-out;
  657. -ms-transition: all 0.4s ease-in-out;
  658. transition: all 0.4s ease-in-out;}
  659. .text a:hover, .qsource a:hover {color:{color:body links hover};background-color:{color:body links hover bg};}
  660.  
  661. {CustomCSS}
  662.  
  663. </style>
  664.  
  665. {block:Ifinfinitescroll}
  666. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script> <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script> <script type="text/javascript" charset="utf-8"> var $j = jQuery.noConflict(); $j(function() { if (navigator.platform == "iPad" || navigator.platform == "iPhone") return; $j(“img”).lazyload({ placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif", effect: "fadeIn", }); }); </script>
  667. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
  668. {/block:IfInfiniteScroll}
  669.  
  670. {block:if2columns}
  671. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  672.  
  673. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  674. <script type="text/javascript">
  675. $(window).load(function () {
  676. $('#content').masonry({
  677. itemSelector : ".posts",
  678. },
  679. function() { $('#content').masonry({ appendedContent: $(this) }); }
  680. );
  681. });
  682. </script>
  683. {/block:if2columns}
  684.  
  685. </head>
  686. <body>
  687.  
  688. <div id="warning">Please pick 1 post size.</div>
  689.  
  690. <div id="sidebar">
  691.  
  692. <div id="l1">{text:horizontal line}</div>
  693. <div id="l2">{text:vertical line}</div>
  694. <div id="tri1">
  695.  
  696. <div id="navigate">
  697.  
  698. <a href="/"><div id="nav"><div class="navt">return to index</div>
  699. <div class="navicon"><div class="fontawesome-home"></div></div></div></a>
  700.  
  701. <a href="/ask"><div id="nav"><div class="navt">contact</div>
  702. <div class="navicon"><div class="fontawesome-envelope"></div></div></div></a>
  703.  
  704. <a href="/archive"><div id="nav"><div class="navt">archives</div>
  705. <div class="navicon"><div class="fontawesome-calendar"></div></div></div></a>
  706.  
  707. {block:iflink1}<a href="{text:link 1 URL}"><div id="nav"><div class="navt">{text:link 1}</div>
  708. <div class="navicon"><div class="fontawesome-tag"></div></div></div></a>{/block:iflink1}
  709.  
  710. {block:iflink2}<a href="{text:link 2 URL}"><div id="nav"><div class="navt">{text:link 2}</div>
  711. <div class="navicon"><div class="fontawesome-asterisk"></div></div></div></a>{/block:iflink2}
  712.  
  713. {block:iflink3}<a href="{text:link 3 URL}"><div id="nav"><div class="navt">{text:link 3}</div>
  714. <div class="navicon"><div class="fontawesome-list"></div></div></div></a>{/block:iflink3}
  715.  
  716. {block:iflink4}<a href="{text:link 4 URL}"><div id="nav"><div class="navt">{text:link 4}</div>
  717. <div class="navicon"><div class="fontawesome-star-empty"></div></div></div></a>{block:iflink4}
  718.  
  719. {block:ifmusicplayer}
  720. <div id="nav"><div class="navt">{text:song title}</div>
  721. <div class="navicon">
  722. <img src="http://media.tumblr.com/tumblr_m7vxuuzOHZ1r6o8v2.gif">
  723. <div class="navmusic">
  724. {text:billy music player code}
  725. </div><!--navmusic-->
  726. </div><!--navicon--></div><!--nav-->
  727. {/block:ifmusicplayer}
  728.  
  729. <a href="http://yukoki.tumblr.com"><div id="nav"><div class="navt">theme credit</div>
  730. <div class="navicon"><div class="fontawesome-key"></div></div></div></a>
  731. </div><!--navigate-->
  732.  
  733. <img class="sbimg" src="{image:sidebar}">
  734. <div id="desc">{description}</div>
  735.  
  736. {block:Ifnotinfinitescroll}
  737. {block:pagination}<div class="pagination">
  738.  
  739. {block:PreviousPage}
  740. <a href="{PreviousPage}" class="jump_page">←</a>
  741. {/block:PreviousPage}
  742.  
  743. {block:JumpPagination length="5"}
  744. {block:CurrentPage}<span class="current_page">✗</span>{/block:CurrentPage}
  745.  
  746. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  747. {/block:JumpPagination}
  748.  
  749. {block:NextPage}<a href="{NextPage}" class="jump_page">→</a>{/block:NextPage}
  750.  
  751. </div>{/block:pagination}
  752. {/block:Ifnotinfinitescroll}
  753.  
  754. </div><!--sidebar--></div>
  755.  
  756. <div id="content">{block:posts}
  757. <div class="posts">
  758.  
  759. {block:Quote}
  760. <div class="quote">"{Quote}"</div>
  761. {block:source}<div class="qsource">- {source}</div>{/block:source}
  762. {/block:Quote}
  763.  
  764. {block:Photo}
  765. {linkopentag}<img class="photo" src="{PhotoURL-500}">{linkclosetag}
  766. {block:IfShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  767. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  768. <div class="text">{Caption}</div>
  769. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  770. {/block:Photo}
  771.  
  772. {block:Photoset}
  773. {block:ifbigposts}{Photoset-500}{/block:ifbigposts}
  774. {block:ifmedposts}{Photoset-400}{/block:ifmedposts}
  775. {block:if2columns}{Photoset-250}{/block:if2columns}
  776. {block:IfShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  777. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  778. <div class="text">{Caption}</div>
  779. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  780. {/block:Photoset}
  781.  
  782. {block:Link}
  783. <a href="{URL}"><div class="ltitle">{Name} →</div></a>
  784. {block:Description}<div class="text">{description}</div>{/block:Description}
  785. {/block:Link}
  786.  
  787. {block:Chat}
  788. {block:Title}<div class="title">{Title}</div>{/block:Title}
  789. <div class="text">
  790. {block:Lines}<div class="{Alt}">
  791. <div class="line">{block:Label}<span class="name">{Label}</span>{/block:Label} {Line}<br /></div></div>
  792. {/block:Lines}
  793. </div>
  794. {/block:Chat}
  795.  
  796. {block:Video}
  797. {block:ifbigposts}{Video-500}{/block:ifbigposts}
  798. {block:ifmedposts}{Video-400}{/block:ifmedposts}
  799. {block:if2columns}{Video-250}{/block:if2columns}
  800. {block:IfShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  801. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  802. <div class="text">{Caption}</div>
  803. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  804. {/block:Video}
  805.  
  806. {block:Audio}
  807. {block:ifnot2columns}
  808. <div class="information">
  809. <div class="info"><b>TRACK NAME:</b> {block:TrackName}{TrackName}{/block:TrackName}</div>
  810. <div class="info"><b>ALBUM TITLE:</b> {block:Album}{Album}{/block:Album}</div>
  811. <div class="info"><b>ARTIST:</b> {block:Artist}{Artist}{/block:Artist}</div>
  812. <div class="info"><b>PLAY COUNT:</b> {PlayCount}</div>
  813. </div>{/block:ifnot2columns}
  814. <div class="aud">{AudioPlayerWhite}</div>
  815. <div id="album"><div class="noart"></div>{block:AlbumArt}<img class="albumart" src="{AlbumArtURL}">{/block:AlbumArt}</div>
  816. {block:if2columns}
  817. <div class="information">
  818. <div class="info"><b>TRACK NAME:</b> {block:TrackName}{TrackName}{/block:TrackName}</div>
  819. <div class="info"><b>ALBUM TITLE:</b> {block:Album}{Album}{/block:Album}</div>
  820. <div class="info"><b>ARTIST:</b> {block:Artist}{Artist}{/block:Artist}</div>
  821. <div class="info"><b>PLAY COUNT:</b> {PlayCount}</div>
  822. </div>{/block:if2columns}
  823. {block:IfShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  824. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  825. <div class="text">{Caption}</div>
  826. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  827. {/block:Audio}
  828.  
  829. {block:Answer}
  830. <img class="askerportrait" src="{AskerPortraitURL-64}">
  831. <div class="tri">◀</div>
  832. <div class="a">
  833. <span class="asker">{Asker}:</span>
  834. <div class="q">{Question}</div>
  835. </div>
  836. <div class="text">{Answer}</div>
  837. {/block:Answer}
  838.  
  839. {block:Text}
  840. {block:title}<div class="title">{title}</div>{/block:title}
  841. <div class="text">{body}</div>
  842. {/block:Text}
  843.  
  844. {block:indexpage}
  845. <div id="permalink">
  846. {block:date}<div class="pe">Posted <a href="{Permalink}">{timeago}</a>, with <a href="{Permalink}">{NoteCountWithLabel}</a>{block:RebloggedFrom} // ori: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}</div><!--pe-->{/block:date}
  847. {block:ifnot2columns}
  848. {block:HasTags}<div class="tags">
  849. filed under: {block:tags}<a href="{tagurl}">#{tag}</a> {/block:tags}
  850. </div>{/block:HasTags}
  851. {/block:ifnot2columns}
  852. </div><!--permalink-->
  853. {/block:indexpage}
  854.  
  855. {block:permalinkpage}{block:date}
  856.  
  857. <div id="permapg">
  858. Posted on {DayOfMonthWithZero} {Month} {Year}, at {12Hour}.{Minutes}{AmPm} with {NoteCountWithLabel}<br>
  859. {block:RebloggedFrom}reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a>, originally by <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  860. {block:HasTags}<div class="tags">
  861. filed under: {block:tags}<a href="{tagurl}">#{tag}</a> {/block:tags}
  862. </div>{/block:HasTags}
  863. </div><!--permapg-->
  864.  
  865. {block:PostNotes}
  866. <div id="notecontainer">{PostNotes}</div>
  867. {/block:PostNotes}
  868.  
  869. {/block:date}{/block:permalinkpage}
  870.  
  871. </div><!--posts-->{/block:posts}
  872.  
  873. {block:ContentSource}
  874. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  875. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  876. {/block:SourceLogo}
  877. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  878. {/block:ContentSource}
  879.  
  880. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  881.  
  882. </div><!--content-->
  883.  
  884. </body>
  885. </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!