API tools faq
paste
Advertisement
kawaiibuu

CRISIS

kawaiibuu
Dec 17th, 2014
10,161
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.83 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. Crisis
  4.  
  5. Theme started on December 12th, 2014 @ 4:55PM
  6.  
  7. Theme created by Jubilee © http://softwaring.tumblr.com
  8.  
  9. All scripts in this theme created and coded by me, please
  10. do not use or redistribute the codes. Ask and I'll help
  11. you create what I did, trust me learning is worth it!
  12.  
  13. -->
  14. <!DOCTYPE HTML>
  15. <html><head>
  16.  
  17. <link href='http://fonts.googleapis.com/css?family=Roboto:100,300,300italic,400,400italic,500,700,900' rel='stylesheet' type='text/css'>
  18. <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,300italic,400italic,700,700italic' rel='stylesheet' type='text/css'>
  19.  
  20. <meta charset="utf-8">
  21. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  22. <title>
  23. {block:TagPage}{lang:Posts tagged Tag}{/block:TagPage}
  24. {block:SearchPage}{lang:Search results for SearchQuery}
  25. {/block:SearchPage}
  26. {block:PostSummary}{PostSummary}{/block:PostSummary}
  27. {block:IndexPage}
  28. {Title}
  29. {/block:IndexPage}
  30. {block:PermalinkPage}
  31. {Title}
  32. {/block:PermalinkPage}
  33. </title>
  34. <link rel="shortcut icon" href="{Favicon}">
  35. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  36. <link rel="shortcut icon" href="{Favicon}">
  37. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  38. {block:Description}
  39. <meta name="description" content="{MetaDescription}" />
  40. {/block:Description}
  41. <a class="credit" href="http://jubileethemes.tumblr.com">theme</a>
  42.  
  43. {block:Hidden}
  44. <meta name="color:background" content="#FFF"/>
  45. <meta name="color:background top" content="#FFF"/>
  46. <meta name="color:background bottom" content="#FFF"/>
  47. <meta name="color:blogframe" content="#FFF"/>
  48. <meta name="color:text" content="#000"/>
  49. <meta name="color:text accent" content="#a5a5a5"/>
  50. <meta name="color:links" content="#0000FF"/>
  51. <meta name="color:links bg hover" content="#F9F7B6"/>
  52. <meta name="color:links onclick" content="#FF0000"/>
  53. <meta name="color:photo posts" content="#FCE2D9"/>
  54. <meta name="color:photoset posts" content="#C8E3F3"/>
  55. <meta name="color:audio posts" content="#C2EACC"/>
  56. <meta name="color:posts" content="#EFEFEF"/>
  57. <meta name="color:sidebar" content="#EFEFEF"/>
  58. <meta name="color:blockquote" content="#dadada"/>
  59. <meta name="color:blockquote 2" content="#FCE2D9"/>
  60. <meta name="color:border" content="#dadada"/>
  61. <meta name="color:onhover border" content="#F9F7B6"/>
  62. <meta name="color:message padding" content="#F9F7B6"/>
  63.  
  64. <meta name="image:sidebar" content=""/>
  65. <meta name="image:background" content=""/>
  66.  
  67. <meta name="if:250px posts" content="0"/>
  68. <meta name="if:dropbox links" content="1"/>
  69. <meta name="" content=""/>
  70.  
  71. <meta name="text:refresh title" content="home"/>
  72. <meta name="text:message title" content="contact"/>
  73. <meta name="text:about title" content="profile"/>
  74. <meta name="text:archive title" content="index"/>
  75. <meta name="text:links title" content="navigation"/>
  76.  
  77. <meta name="text:about tab title" content="hello"/>
  78. <meta name="text:about tab content" content=""/>
  79.  
  80. <meta name="text:message tab content" content=""/>
  81.  
  82. <meta name="text:first link title" content=""/>
  83. <meta name="text:first link url" content=""/>
  84. <meta name="text:second link title" content=""/>
  85. <meta name="text:second link url" content=""/>
  86. <meta name="text:third link title" content=""/>
  87. <meta name="text:third link url" content=""/>
  88. <meta name="text:fourth link title" content=""/>
  89. <meta name="text:fourth link url" content=""/>
  90.  
  91. <meta name="select:blogframe opacity" title="Solid" content="opacity: 1;"/>
  92. <meta name="select:blogframe opacity" title="Semi solid" content="opacity: .8;"/>
  93. <meta name="select:blogframe opacity" title="Even" content="opacity: .5;"/>
  94. <meta name="select:blogframe opacity" title="Semi Transparent" content="opacity: .2;"/>
  95. <meta name="select:blogframe opacity" title="Transparent" content="opacity: 0;"/>
  96.  
  97. <meta name="select:posts opacity" title="Solid" content="1"/>
  98. <meta name="select:posts opacity" title="Semi solid" content="0.8"/>
  99. <meta name="select:posts opacity" title="Even" content="0.5"/>
  100. <meta name="select:posts opacity" title="Semi Transparent" content="0.2"/>
  101. <meta name="select:posts opacity" title="Transparent" content="0"/>
  102.  
  103. <meta name="select:sidebar opacity" title="Solid" content="1"/>
  104. <meta name="select:sidebar opacity" title="Semi solid" content="0.8"/>
  105. <meta name="select:sidebar opacity" title="Even" content="0.5"/>
  106. <meta name="select:sidebar opacity" title="Semi Transparent" content="0.2"/>
  107. <meta name="select:sidebar opacity" title="Transparent" content="0"/>
  108.  
  109. <meta name="select:border opacity" title="Solid" content="1"/>
  110. <meta name="select:border opacity" title="Semi solid" content="0.8"/>
  111. <meta name="select:border opacity" title="Even" content="0.5"/>
  112. <meta name="select:border opacity" title="Semi Transparent" content="0.2"/>
  113. <meta name="select:border opacity" title="Transparent" content="0"/>
  114.  
  115. <meta name="select:onhover border opacity" title="Solid" content="1"/>
  116. <meta name="select:onhover border opacity" title="Semi solid" content="0.8"/>
  117. <meta name="select:onhover border opacity" title="Even" content="0.5"/>
  118. <meta name="select:onhover border opacity" title="Semi Transparent" content="0.2"/>
  119. <meta name="select:onhover border opacity" title="Transparent" content="0"/>
  120.  
  121. <meta name="select:background style" content="default" title="Default"/>
  122. <meta name="select:background style" content="fullscreen-background" title="Fullscreen Background"/>
  123. <meta name="select:background style" content="pattern-background" title="Tiled Background"/>
  124. <meta name="select:background style" content="gradient" title="Gradient"/>
  125. {/block:Hidden}
  126.  
  127. <style>
  128.  
  129.  
  130. @import url(http://weloveiconfonts.com/api/?family=entypo);
  131.  
  132. /* entypo */
  133. [class*="entypo-"]:before {
  134. font-family: 'entypo', sans-serif;
  135. }
  136. iframe#tumblr_controls {
  137. opacity: 0.4!important;
  138. top: 0px !important;
  139. margin: 0 0 0 0;
  140. right: 0px !important;
  141. position: fixed !important;
  142. padding: 10px!important;
  143. }
  144. body {
  145. font: 12px/1.5em 'Roboto', sans-serif;
  146. -webkit-font-smoothing: antialiased;
  147. -moz-osx-font-smoothing: grayscale;
  148. cursor: default;
  149. color: {color:text};
  150. }
  151.  
  152. /* background stylings */
  153. .default {
  154. background:{color:background};
  155. }
  156.  
  157. .gradient {
  158. background:fixed;
  159. background-image: -o-linear-gradient(bottom, {color:background bottom}, {color:background top} );
  160. background-image: -moz-linear-gradient(bottom, {color:background bottom}, {color:background top});
  161. background-image: -webkit-linear-gradient(bottom, {color:background bottom}, {color:background top});
  162. background-image: -ms-linear-gradient(bottom, {color:background bottom}, {color:background top});
  163. background-image: linear-gradient(bottom, {color:background bottom}, {color:background top});
  164. }
  165.  
  166. .pattern-background {
  167. background: url({image:background})top left fixed repeat;
  168. }
  169.  
  170. .fullscreen-background {
  171. background: url({image:background})center center fixed no-repeat;
  172. -webkit-background-size: cover;
  173. -moz-background-size: cover;
  174. -o-background-size: cover;
  175. background-size: cover;
  176. }
  177.  
  178. a, a:visited { color: {color:links}; cursor: help; text-decoration:none; border-bottom: 1px solid; }
  179. a:hover { background:{color:links bg hover}; }
  180. a:active { color: {color:links onclick}; }
  181.  
  182. pre {
  183. font: 10px/1.5em 'Roboto Condensed', sans-serif;
  184. padding: 5px;
  185. border: 1px solid {color:blockquote};
  186. border-left: 2px solid {color:blockquote};
  187. background: rgba({RGBcolor:blockquote}, 0.15);
  188. }
  189.  
  190. .credit {
  191. text-transform: uppercase;
  192. font: 8px/1em consolas, sans-serif;
  193. letter-spacing: 2px;
  194. position:fixed;
  195. right: 35px;
  196. bottom: 35px;
  197. border-bottom: none;
  198. }
  199.  
  200. b, strong {
  201. color: {color:text accent};
  202. }
  203. i, oblique {
  204. color: {color:text accent};
  205. }
  206. small {
  207. text-transform: uppercase;
  208. font: 8px/1.5em consolas, sans-serif;
  209. letter-spacing: 2px;
  210. }
  211.  
  212. blockquote {
  213. margin: 0px;
  214. padding: 0 5px;
  215. }
  216. blockquote blockquote {
  217. border-left: 2px solid {color:blockquote};
  218. }
  219. blockquote blockquote blockquote {
  220. border-left: 2px solid {color:blockquote 2};
  221. }
  222.  
  223. li {
  224. list-style:none;
  225. padding: 0 0 5px 0;
  226. }
  227.  
  228. .wrapper {
  229. {block:IndexPage}
  230. {block:if250pxposts}
  231. width: 530px;
  232. {/block:if250pxposts}
  233. {block:ifnot250pxposts}
  234. width: 670px;
  235. {/block:ifnot250pxposts}
  236. {/block:IndexPage}
  237. {block:PermalinkPage}
  238. width: 770px;
  239. {/block:PermalinkPage}
  240. margin: 70px auto 50px;
  241. }
  242.  
  243. .post {
  244. {block:IndexPage}
  245. {block:if250pxposts}
  246. width: 250px;
  247. {/block:if250pxposts}
  248. {block:ifnot250pxposts}
  249. width: 400px;
  250. {/block:ifnot250pxposts}
  251. {/block:IndexPage}
  252. {block:PermalinkPage}
  253. width: 500px;
  254. {/block:PermalinkPage}
  255. margin: auto 250px 50px;
  256. background: rgba({RGBcolor:posts}, {select:posts opacity});
  257. padding: 10px;
  258. outline: 1px solid rgba({RGBcolor:border}, {select:border opacity});
  259.  
  260. -webkit-transition: outline 0.5s ease-in-out;
  261. -moz-transition: outline 0.5s ease-in-out;
  262. -ms-transition: outline 0.5s ease-in-out;
  263. -o-transition: outline 0.5s ease-in-out;
  264. transition: outline 0.5s ease-in-out;
  265. }
  266.  
  267. .post:hover {
  268. outline: 1px solid rgba({RGBcolor:onhover border}, {select:onhover border opacity});
  269.  
  270. -webkit-transition: all 0.5s ease-in-out;
  271. -moz-transition: all 0.5s ease-in-out;
  272. -ms-transition: all 0.5s ease-in-out;
  273. -o-transition: all 0.5s ease-in-out;
  274. transition: all 0.5s ease-in-out;
  275. }
  276.  
  277. .load {
  278. {block:IndexPage}
  279. {block:if250pxposts}
  280. width: 250px;
  281. {/block:if250pxposts}
  282. {block:ifnot250pxposts}
  283. width: 400px;
  284. {/block:ifnot250pxposts}
  285. {/block:IndexPage}
  286. {block:PermalinkPage}
  287. width: 500px;
  288. {/block:PermalinkPage}
  289. outline: 1px solid rgba({RGBcolor:border}, {select:border opacity});
  290. margin: 0px auto 100px;
  291. background: rgba({RGBcolor:posts}, {select:posts opacity});
  292. padding: 10px;
  293. -moz-transform: translateX(125px);
  294. -webkit-transform: translateX(125px);
  295. -o-transform: translateX(125px);
  296. -ms-transform: translateX(125px);
  297. transform: translateX(125px);
  298.  
  299. text-transform: uppercase;
  300. font: 9px/1.5em consolas, sans-serif;
  301. text-align: center;
  302. letter-spacing: 2px;
  303.  
  304. -webkit-transition: all 0.5s ease-in-out;
  305. -moz-transition: all 0.5s ease-in-out;
  306. -ms-transition: all 0.5s ease-in-out;
  307. -o-transition: all 0.5s ease-in-out;
  308. transition: all 0.5s ease-in-out;
  309. }
  310.  
  311. .load:hover {
  312. outline: 1px solid rgba({RGBcolor:onhover border}, {select:onhover border opacity});
  313.  
  314. -webkit-transition: all 0.5s ease-in-out;
  315. -moz-transition: all 0.5s ease-in-out;
  316. -ms-transition: all 0.5s ease-in-out;
  317. -o-transition: all 0.5s ease-in-out;
  318. transition: all 0.5s ease-in-out;
  319. }
  320.  
  321. #hider {
  322. {block:IndexPage}
  323. {block:if250pxposts}
  324. width: 250px;
  325. margin-left: -16px;
  326. {/block:if250pxposts}
  327. {block:ifnot250pxposts}
  328. width: 400px;
  329. margin-left: -86px;
  330. {/block:ifnot250pxposts}
  331. {/block:IndexPage}
  332. {block:PermalinkPage}
  333. margin-left: -140px;
  334. width: 500px;
  335. {/block:PermalinkPage}
  336. left: 50%;
  337. top: 25px;
  338. padding: 15px;
  339. display:none;
  340. position:fixed;
  341. text-align: center;
  342. z-index: 1000;
  343. height: 100%;
  344. }
  345.  
  346. .post img {
  347. max-width: 100%;
  348. }
  349.  
  350. .top, .bottom, .left, .right {
  351. width: 15px; padding: 5px;
  352. height: calc(100% - 10px);
  353. background: {color:blogframe};
  354. position:fixed;
  355. z-index: 9999;
  356. {select:blogframe opacity}
  357. }
  358.  
  359. .bottom {
  360. bottom: 0px;
  361. height: 15px;
  362. width: calc(100% - 10px);
  363. text-transform: uppercase;
  364. font: 10px 'Roboto';
  365. letter-spacing: 1px;
  366. text-indent: 30px;
  367. }
  368.  
  369. .right {
  370. right: 0px;
  371. top: 0px;
  372. }
  373.  
  374. .left {
  375. top: 0px;
  376. left: 0px;
  377. }
  378.  
  379. .top {
  380. top: 0px;
  381. left: 0px;
  382. height: 15px;
  383. width: calc(100% - 10px);
  384. }
  385.  
  386. .topper {
  387. padding: 0px 5px 7px;
  388. font: 9px/1.5em consolas, sans-serif;
  389. text-transform: uppercase;
  390. letter-spacing: 2px;
  391. }
  392.  
  393. .tagged {
  394. {block:IndexPage}
  395. padding: 10px 5px 0px;
  396. font: 9px/1.5em consolas, sans-serif;
  397. letter-spacing: 2px;
  398. text-transform: uppercase;
  399. {/block:IndexPage}
  400. {block:PermalinkPage}
  401. padding: 0px 0px 5px;
  402. text-align: center;
  403. {/block:PermalinkPage}
  404.  
  405. }
  406.  
  407. .tagged a {
  408. {block:PermalinkPage}
  409. border-bottom: none;
  410. {/block:PermalinkPage}
  411. }
  412.  
  413. .hovertop {
  414. display: inline;
  415. opacity: 0;
  416.  
  417. -webkit-transition: all 0.5s ease-in-out;
  418. -moz-transition: all 0.5s ease-in-out;
  419. -ms-transition: all 0.5s ease-in-out;
  420. -o-transition: all 0.5s ease-in-out;
  421. transition: all 0.5s ease-in-out;
  422. }
  423.  
  424. .post:hover .hovertop {
  425. opacity: 1;
  426.  
  427. -webkit-transition: all 0.5s ease-in-out;
  428. -moz-transition: all 0.5s ease-in-out;
  429. -ms-transition: all 0.5s ease-in-out;
  430. -o-transition: all 0.5s ease-in-out;
  431. transition: all 0.5s ease-in-out;
  432. }
  433.  
  434. .post h1 {
  435. margin: 0 0 5px;
  436. padding: 0px 10px 5px;
  437. text-transform: uppercase;
  438. font: 14px/1.5em 'Roboto Condensed', sans-serif;
  439. -webkit-font-smoothing: antialiased;
  440. -moz-osx-font-smoothing: grayscale;
  441. text-align: center;
  442. }
  443.  
  444. .post h2 {
  445. margin: 0 0 5px;
  446. padding: 0px 10px 5px;
  447. text-transform: uppercase;
  448. font: 14px/1.5em 'Roboto Condensed', sans-serif;
  449. -webkit-font-smoothing: antialiased;
  450. -moz-osx-font-smoothing: grayscale;
  451. }
  452.  
  453. .post .body {
  454. padding: 0 5px 5px;
  455. text-align: justify;
  456. }
  457.  
  458. .sidebar_wrapper {
  459. position:fixed;
  460. width: 140px;
  461. background: rgba({RGBcolor:sidebar}, {select:sidebar opacity});
  462. padding: 10px;
  463. outline: 1px solid rgba({RGBcolor:border}, {select:border opacity});
  464. -webkit-transition: all 0.5s ease-in-out;
  465. -moz-transition: all 0.5s ease-in-out;
  466. -ms-transition: all 0.5s ease-in-out;
  467. -o-transition: all 0.5s ease-in-out;
  468. transition: all 0.5s ease-in-out;
  469. }
  470.  
  471. .sidebar_wrapper:hover {
  472. outline: 1px solid rgba({RGBcolor:onhover border}, {select:onhover border opacity});
  473.  
  474. -webkit-transition: all 0.5s ease-in-out;
  475. -moz-transition: all 0.5s ease-in-out;
  476. -ms-transition: all 0.5s ease-in-out;
  477. -o-transition: all 0.5s ease-in-out;
  478. transition: all 0.5s ease-in-out;
  479. }
  480.  
  481. .sidebar_wrapper h1 {
  482. margin: 0 0 5px;
  483. padding: 0px;
  484. text-transform: uppercase;
  485. font: 16px/1em 'Roboto Condensed', sans-serif;
  486. font-weight: 300;
  487. -webkit-font-smoothing: antialiased;
  488. -moz-osx-font-smoothing: grayscale;
  489. }
  490.  
  491. .sidebar_wrapper img {
  492. max-width: 100%;
  493. }
  494.  
  495. .sidebar_wrapper li {
  496. width: 100%;
  497. padding: 2px 0px;
  498. text-transform: uppercase;
  499. font: 11px/1.5em 'Roboto Condensed', sans-serif;
  500. -webkit-font-smoothing: antialiased;
  501. -moz-osx-font-smoothing: grayscale;
  502. text-align: left;
  503. list-style: none;
  504. }
  505.  
  506. .sidebar_wrapper li span {
  507. float: right;
  508. }
  509.  
  510. .sidebar_wrapper .links {
  511. padding: 0 10px;
  512. {block:ifdropboxlinks}
  513. display:none;
  514. {/block:ifdropboxlinks}
  515. }
  516.  
  517. .profile, .askbox {
  518. display:none;
  519. position:absolute;
  520. width: calc(100% - 50px);
  521. top: 50%;
  522. margin-top: -450px;
  523. text-align: center;
  524. padding: 10px;
  525. background: rgba({RGBcolor:posts}, {select:posts opacity});
  526. outline: 1px solid rgba({RGBcolor:border}, {select:border opacity});
  527.  
  528. -webkit-transition: outline 0.5s ease-in-out;
  529. -moz-transition: outline 0.5s ease-in-out;
  530. -ms-transition: outline 0.5s ease-in-out;
  531. -o-transition: outline 0.5s ease-in-out;
  532. transition: outline 0.5s ease-in-out;
  533. }
  534.  
  535. .profile:hover, .askbox:hover {
  536. outline: 1px solid rgba({RGBcolor:onhover border}, {select:onhover border opacity});
  537.  
  538. -webkit-transition: outline 0.5s ease-in-out;
  539. -moz-transition: outline 0.5s ease-in-out;
  540. -ms-transition: outline 0.5s ease-in-out;
  541. -o-transition: outline 0.5s ease-in-out;
  542. transition: outline 0.5s ease-in-out;
  543. }
  544.  
  545. .profile h1, .askbox h1 {
  546. text-transform: uppercase;
  547. font: 14px/1.5em 'Roboto Condensed', sans-serif;
  548. -webkit-font-smoothing: antialiased;
  549. -moz-osx-font-smoothing: grayscale;
  550. }
  551.  
  552. .close, .notes {
  553. text-transform: uppercase;
  554. border-bottom: none;
  555. }
  556.  
  557. .pagenotes {
  558. display:none;
  559. }
  560.  
  561. .notes_container {
  562. padding: 5px 0px;
  563. text-align: center;
  564. }
  565. .notes_container ol {
  566. margin: 25px 0;
  567. }
  568. .notes_container li {
  569. text-align: justify;
  570. margin: 0 0 5px -20px;
  571. }
  572.  
  573. .notes_container img {
  574. float: right;
  575. }
  576.  
  577. .posted {
  578. margin: 5px 0px 0px;
  579. padding: 5px 0;
  580. border-top: 1px solid {color:border};
  581. }
  582.  
  583. .posted li {
  584. list-style: none;
  585. }
  586.  
  587. .posted li a {
  588. border-bottom: none;
  589. }
  590.  
  591. .posted li span {
  592. float: right;
  593. }
  594.  
  595. .permalign {
  596. text-transform: uppercase;
  597. font: 9px/1.5em consolas, sans-serif;
  598. letter-spacing: 2px;
  599. border-top: 1px solid {color:border};
  600. padding-top: 5px;
  601. }
  602.  
  603. .asker, .answerer {
  604. text-transform: uppercase;
  605. font: 9px/1.5em consolas, sans-serif;
  606. letter-spacing: 2px;
  607. text-align: right;
  608. margin: 5px 0px;
  609. }
  610.  
  611. .asker img, .answerer img {
  612. margin: -2.5px 0px 0px 5px; float: right;
  613. }
  614.  
  615. .asker-question, .answerer-answer, .replies {
  616. text-align: justify;
  617. background: rgba({RGBcolor:message padding}, 1);
  618. border:1px solid rgba({RGBcolor:message padding}, 1);
  619. margin: 10px 0px;
  620. padding: 5px 15px;
  621. }
  622.  
  623. .label {
  624. font: 11px/1.5em 'Roboto Condensed', sans-serif;
  625. -webkit-font-smoothing: antialiased;
  626. -moz-osx-font-smoothing: grayscale;
  627. }
  628.  
  629. {CustomCSS}
  630. </style>
  631.  
  632. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  633. <script>
  634. // created by softwaring.tumblr.com
  635. $(document).ready(function() {
  636. $("a.link").click(function(){
  637. $(".links").animate({height:"toggle"}, 400);
  638. });
  639. $("a.prof").click(function(){
  640. $("#hider").fadeIn(600);
  641. $(".profile").fadeIn(400);
  642. $(".askbox").fadeOut(200);
  643. });
  644. $("a.cont").click(function(){
  645. $("#hider").fadeIn(600);
  646. $(".askbox").fadeIn(400);
  647. $(".profile").fadeOut(200);
  648. });
  649. $("a.close").click(function(){
  650. $("#hider").fadeOut(400);
  651. $(".profile, .askbox").fadeOut(200);
  652. });
  653. $("a.notes").click(function(){
  654. $(".pagenotes").animate({opacity:"toggle", height: "toggle"}, 300);
  655. });
  656. });
  657. </script>
  658. </head>
  659. <body class="{select:background style}">
  660.  
  661. <div class="top"></div>
  662. <div class="left"></div>
  663. <div class="right"></div>
  664. <div class="bottom"></div>
  665.  
  666. <div id="hider" class="{select:background style}">
  667. <a class="close">close</a>
  668. <div class="profile">
  669. {block:ifabouttabtitle}
  670. <h1>{text:about tab title}</h1>
  671. {/block:ifabouttabtitle}
  672. {block:ifabouttabcontent}
  673. {text:about tab content}
  674. {/block:ifabouttabcontent}
  675. </div>
  676. <div class="askbox">
  677. <h1>{AskLabel}</h1>
  678. {block:ifmessagetabcontent}
  679. {text:messagetabcontent}
  680. {/block:ifmessagetabcontent}
  681. <iframe frameborder="0" scrolling="no" width="100%" height="250" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
  682. </div>
  683. </div>
  684.  
  685.  
  686. <div class="wrapper">
  687.  
  688. <div class="sidebar_wrapper">
  689.  
  690. <h1>{title}</h1>
  691. {block:ifsidebarimage}
  692. <center><img src="{image:sidebar}"/></center>
  693. {/block:ifsidebarimage}
  694. {block:description}
  695. {description}<br>
  696. {/block:description}
  697.  
  698. {block:ifrefreshtitle}<a href="/"><li style="margin-top: 10px;">{text:refresh title}</li></a>{/block:ifrefreshtitle}
  699. {block:ifmessagetitle}<a class="cont"><li>{text:message title} <span class="entypo-right-open-mini"></span></li></a>
  700. {/block:ifmessagetitle}
  701. {block:ifabouttitle}<a class="prof"><li>{text:about title} <span class="entypo-right-open-mini"></span></li></a>
  702. {/block:ifabouttitle}
  703. {block:iflinkstitle}<a class="link"><li>{text:links title} <span class="entypo-down-open-mini"></span></li></a>
  704. {/block:iflinkstitle}
  705. <div class="links">
  706. {block:iffirstlinktitle}<a href="{text:first link url}"><li>{text:first link title}</li></a>{/block:iffirstlinktitle}
  707. {block:ifsecondlinktitle}<a href="{text:second link url}"><li>{text:second link title}</li></a>{/block:ifsecondlinktitle}
  708. {block:ifthirdlinktitle}<a href="{text:third link url}"><li>{text:third link title}</li></a>{/block:ifthirdlinktitle}
  709. {block:iffourthlinktitle}<a href="{text:fourth link url}"><li>{text:fourth link title}</li></a>{/block:iffourthlinktitle}
  710. </div>
  711. {block:ifarchivetitle}<a href="/archive"><li>{text:archive title}</li></a>{/block:ifarchivetitle}
  712.  
  713. {block:TagPage}
  714. <div style="margin-top: 10px;">
  715. <small>
  716. <center>{lang:Posts tagged Tag}</center>
  717. </small></div>
  718. {/block:TagPage}
  719. </div>
  720.  
  721.  
  722.  
  723. {block:Posts}
  724. <!-- theme by jubilee -->
  725. {block:ContentSource}
  726. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  727. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  728. {/block:SourceLogo}
  729. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  730. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  731.  
  732. <div class="post"
  733. style="
  734. {block:IndexPage}
  735. {block:Photo} background: rgba({RGBcolor:photo posts}, {select:posts opacity}); {/block:Photo}
  736. {block:Photoset} background: rgba({RGBcolor:photoset posts}, {select:posts opacity}); {/block:Photoset}
  737. {block:Audio} background: rgba({RGBcolor:audio posts}, {select:posts opacity}); {/block:Audio}
  738. {/block:IndexPage}
  739. ">
  740. {block:IndexPage}
  741. <div class="topper">
  742. {PostType} <text style="color:{color:text accent}">POSTED ON</text> {DayofWeek}
  743. <div class="hovertop">
  744. <a href="{Permalink}">{NoteCount} {lang:Notes}</a>
  745. <a href="{ReblogURL}" target="_blank" class="details" title="reblog">reblog</a>
  746. </div>
  747. </div>
  748. {/block:IndexPage}
  749.  
  750. {block:Text}
  751. {block:Title}
  752. <h1>{Title}</h1>
  753. {/block:Title}
  754. <div class="body">
  755. {Body}
  756. </div>
  757. {block:More}
  758. {/block:More}
  759. {/block:Text}
  760.  
  761. {block:Photo}
  762. {block:IndexPage}
  763. <a href="{Permalink}" style="border-bottom:none; background:none; margin-bottom: -4px;">
  764. {/block:IndexPage}
  765. {block:PermalinkPage}
  766. {LinkOpenTag}
  767. {/block:PermalinkPage}
  768.  
  769. <img src="{PhotoURL-500}"
  770. {block:HighRes}data-highres="{PhotoURL-HighRes}"{/block:HighRes}
  771. alt="{PhotoAlt}"
  772. style="width: 100%;"/>
  773.  
  774. {block:PermalinkPage}
  775. {LinkCloseTag}
  776. {/block:PermalinkPage}
  777. {block:IndexPage}
  778. </a>
  779. {/block:IndexPage}
  780.  
  781. {block:Caption}
  782. <div class="caption">{Caption}</div>
  783. {/block:Caption}
  784. {/block:Photo}
  785.  
  786. {block:Photoset}
  787. {block:IndexPage}
  788. {block:if250pxposts}
  789. {Photoset-250}
  790. {/block:if250pxposts}
  791. {block:ifnot250pxposts}
  792. {Photoset-400}
  793. {/block:ifnot250pxposts}
  794. {/block:IndexPage}
  795. {block:PermalinkPage}
  796. {Photoset-500}
  797. {/block:PermalinkPage}
  798. {block:Caption}
  799. <div class="caption">{Caption}</div>
  800. {/block:Caption}
  801. {/block:Photoset}
  802.  
  803. {block:Panorama}
  804. {LinkOpenTag}
  805. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  806. {LinkCloseTag}
  807.  
  808. {block:Caption}
  809. <div class="caption">{Caption}</div>
  810. {/block:Caption}
  811. {/block:Panorama}
  812.  
  813. {block:Quote}
  814. <h2>{Quote}</h2>
  815. {block:Source}
  816. <div class="body" style="text-align: right;">
  817. &mdash; {Source}
  818. </div>
  819. {/block:Source}
  820. {/block:Quote}
  821.  
  822. {block:Link}
  823. <h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>
  824.  
  825. {block:Description}
  826. {Description}
  827. {/block:Description}
  828. {/block:Link}
  829.  
  830. {block:Chat}
  831. {block:Title}
  832. <h1>{Title}</h1>
  833. {/block:Title}
  834.  
  835. {block:Lines}
  836. <li class="{Alt} user_{UserNumber}">
  837. {block:Label}
  838. <span class="label">{Label}</span>
  839. {/block:Label}
  840. {Line}
  841. </li>
  842. {/block:Lines}
  843. {/block:Chat}
  844.  
  845. {block:Video}
  846. {block:IndexPage}
  847. {block:if250pxposts}
  848. {Video-250}
  849. {/block:if250pxposts}
  850. {block:ifnot250pxposts}
  851. {Video-400}
  852. {/block:ifnot250pxposts}
  853. {/block:IndexPage}
  854. {block:PermalinkPage}
  855. {Video-500}
  856. {/block:PermalinkPage}
  857.  
  858. {block:Caption}
  859. <div class="caption">{Caption}</div>
  860. {/block:Caption}
  861. {/block:Video}
  862.  
  863. {block:Audio}
  864. <div style="padding: 10px 10px 5px; background: white; color: black; text-transform: uppercase; font: 12px 'Roboto Condensed'; border: 1px solid #efefef; ">
  865. <div style="width: 30px; overflow: hidden; display: inline-block; ">
  866. {AudioPlayerWhite}
  867. </div>
  868. <div style=" float: right; padding: 5px;
  869. {block:IndexPage}max-width: 185px;{/block:IndexPage}
  870. {block:PermalinkPage}max-width: 285px;{block:PermalinkPage} overflow: hidden; white-space: nowrap; ">
  871. {block:Artist}
  872. {Artist}
  873. {/block:Artist}
  874. //
  875. {block:TrackName}
  876. {TrackName}
  877. {/block:TrackName}
  878. </div>
  879. </div>
  880. {block:PermalinkPage}
  881. {block:AlbumArt}
  882. <img src="{AlbumArtURL}"
  883. style="width: 100%; margin-top: 10px;"/>
  884. {/block:AlbumArt}
  885. {/block:PermalinkPage}
  886.  
  887. {block:Caption}
  888. <div class="caption">{Caption}</div>
  889. {/block:Caption}
  890. {/block:Audio}
  891.  
  892. {block:Answer}
  893. <div class="asker">
  894. {lang:Asker asked}
  895. <img class="asker-avatar" src="{AskerPortraitURL-16}" alt="">
  896. </div>
  897.  
  898. <div class="asker-question">
  899. {Question}
  900. </div>
  901.  
  902. {block:Answerer}
  903. <div class="answerer">
  904. {Answerer} {lang:Replies}
  905. <img class="answerer-avatar" src="{AnswererPortraitURL-16}" alt="">
  906. </div>
  907. <div class="answerer-answer">
  908. {Answer}
  909. </div>
  910. {/block:Answerer}
  911.  
  912. {Replies}
  913.  
  914. {/block:Answer}
  915.  
  916.  
  917. {block:IndexPage}
  918. {block:HasTags}
  919. <div class="tagged">
  920. {lang:Filed under}
  921. {block:Tags}
  922. <a href="{TagURL}" target="blank">#{Tag}</a>
  923. {/block:Tags}
  924. </div>
  925. {/block:HasTags}
  926. {/block:IndexPage}
  927.  
  928. {block:PermalinkPage}
  929. {block:Date}
  930. <div class="posted">
  931. {block:Audio}
  932. {block:PlayCount}
  933. <li>
  934. <span class="entypo-play">
  935. </span>
  936. {PlayCountWithLabel}
  937. </li>
  938. {/block:PlayCount}
  939.  
  940. {block:ExternalAudio}
  941. <li>
  942. <span class="entypo-note-beamed">
  943. </span>
  944. {ExternalAudioURL}
  945. </li>
  946. {/block:ExternalAudio}
  947. {/block:Audio}
  948.  
  949. <li>
  950. <span class="entypo-calendar">
  951. </span>
  952. {Month}
  953. {DayofMonth}{DayofMonthSuffix}
  954. {Year}
  955. </li>
  956.  
  957. <li>
  958. <span class="entypo-clock"></span>
  959. {12Hour}:{Minutes}
  960. {AmPm}
  961. ({TimeAgo})
  962. </li>
  963.  
  964. <li>
  965. <span class="entypo-chart-line"></span>
  966. {NoteCountwithLabel}
  967. </li>
  968.  
  969. {block:RebloggedFrom}
  970. <li>
  971. <span class="entypo-arrows-ccw"></span>
  972. <a href="{ReblogParentURL}">
  973. {lang:Reblogged from ReblogParentName}
  974. </a>
  975. </li>
  976.  
  977. <li>
  978. <span class="entypo-compass"></span>
  979. <a href="{ReblogRootURL}">
  980. {lang:Originally from ReblogRootName}
  981. </a>
  982. </li>
  983. {/block:RebloggedFrom}
  984.  
  985. </div>
  986. {/block:Date}
  987.  
  988.  
  989. {block:HasTags}
  990. <div class="tagged">
  991. <small style="font-size: 9px;">{lang:Filed under}</small>
  992. {block:Tags}
  993. <a href="{TagURL}" target="blank">#{Tag}</a>
  994. {/block:Tags}
  995. </div>
  996. {/block:HasTags}
  997.  
  998.  
  999. {block:PermalinkPagination}
  1000. <div class="permalign">
  1001. {block:NextPost}
  1002. <a href="{NextPost}" style="float:right;">
  1003. {lang:Next post} →
  1004. </a>
  1005. {/block:NextPost}
  1006.  
  1007. {block:PreviousPost}
  1008. <a href="{PreviousPost}">
  1009. ← {lang:Previous post}
  1010. </a>
  1011. {/block:PreviousPost}
  1012. </div>
  1013. {/block:PermalinkPagination}
  1014.  
  1015.  
  1016. {block:PostNotes}
  1017. <div class="notes_container">
  1018. <a class="notes">
  1019. {lang:Show} {NoteCount} {lang:Notes}
  1020. </a>
  1021. <div class="pagenotes">
  1022. {PostNotes}
  1023. </div>
  1024. {/block:PostNotes}<br><br>
  1025. <small><center>
  1026. Theme created by <a href="http://softwaring.tumblr.com">jubilee</a> and {lang:Powered by Tumblr 2}</center></small>
  1027. {/block:PermalinkPage}
  1028.  
  1029. </div>
  1030. {/block:Posts}
  1031.  
  1032.  
  1033. </div>
  1034. {block:Pagination}
  1035. <div class="load" style="margin-bottom: 10px;">
  1036. {block:NextPage}
  1037. <div id="clicker">
  1038. {lang:Load more posts}
  1039. <a href="{NextPage}" id="nextpage" style="display: none;" >next</a>
  1040. {/block:NextPage}
  1041. </div>
  1042. </div>
  1043. {/block:Pagination}
  1044. {block:IndexPage}
  1045. <div class="load">
  1046. Theme created by <a href="http://softwaring.tumblr.com">jubilee</a> and {lang:Powered by Tumblr 2}
  1047. </div>
  1048. {/block:IndexPage}
  1049. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  1050. <script src="http://static.tumblr.com/mqkrxog/293nfwao1/masonry.js"></script>
  1051. <script src="http://static.tumblr.com/mqkrxog/7g3nfwaof/masonry1.js"></script>
  1052. <script src="http://static.tumblr.com/mqkrxog/y5Ongpsyr/infinite.js"></script>
  1053. <script type="text/javascript">
  1054. $(document).ready(function() {
  1055. var $container = $('.wrapper');
  1056. $container.imagesLoaded( function(){
  1057. $container.masonry({
  1058. itemSelector: '.post'
  1059. });
  1060. });
  1061. $container.infinitescroll({
  1062. loading: {
  1063. selector: null,
  1064. speed: 'fast',
  1065. start: undefined
  1066. },
  1067. navSelector : 'a#nextpage',
  1068. nextSelector : 'a#nextpage',
  1069. itemSelector : '.post',
  1070. bufferPx : 1250
  1071. },
  1072. function( newElements ) {
  1073. var $newElems = $( newElements );
  1074. $newElems.hide();
  1075. $newElems.imagesLoaded(function(){
  1076. $container.masonry( 'appended', $newElems, {isAnimated: true}, function(){$newElems.animate({height:'toggle' },600);});
  1077. });
  1078. });
  1079. jQuery(window).unbind('.infscr');
  1080. jQuery('#clicker').click(function(){
  1081. jQuery('.wrapper').infinitescroll('retrieve');
  1082. return false;
  1083. });
  1084. });
  1085. </script>
  1086. </body>
  1087. </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!