API tools faq
paste
veilsandvisions

#21 moln

veilsandvisions
Sep 6th, 2014
1,338
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 47.31 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <!--
  5.  
  6. M O L N B Y R I V E R B E L L T H E M E S !
  7. http://riverbellthemes.tumblr.com/
  8. ver 1.1.0
  9.  
  10. T E R M S O F U S A G E
  11. Do NOT remove the credit
  12. Do NOT redistribute
  13. Do NOT claim as your own
  14. Do NOT use as a base (minor alterations in the code is OK as long it still looks like my theme)
  15. -->
  16. {block:Hidden}
  17. <meta name="color:Background" content="#cccccc" />
  18. <meta name="color:Background bottom gradient" content="#000000" />
  19. <meta name="color:Cloud" content="#fff" />
  20. <meta name="color:Background clouds" content="#fff" />
  21. <meta name="color:Bodytext" content="#000000" />
  22. <meta name="color:Link" content="#666666" />
  23. <meta name="color:Link hover" content="#cccccc" />
  24. <meta name="color:Permalinks" content="#666666" />
  25. <meta name="color:Postborder" content="#666666" />
  26. <meta name="color:Tooltip" content="#fff" />
  27. <meta name="color:Tooltip background" content="#222" />
  28. <meta name="color:Scrollbar thumb" content="#ccc" />
  29.  
  30. <meta name="select:Background style" content="bg-color" title="Solid colour">
  31. <meta name="select:Background style" content="bg-gradient" title="Gradient">
  32. <meta name="select:Background style" content="bg-cover" title="Full screen image">
  33. <meta name="select:Background style" content="bg-pattern" title="Pattern image">
  34.  
  35. <meta name="select:Audio player" content="black" title="Black">
  36. <meta name="select:Audio player" content="white" title="White">
  37. <meta name="select:Audio player" content="grey" title="Grey">
  38.  
  39. <meta name="if:Enable infinite scrolling" content="0" />
  40. <meta name="if:Enable clouds in background" content="0" />
  41. <meta name="if:Enable extra links" content="0" />
  42. <meta name="if:Enable popup description" content="0" />
  43. <meta name="if:Circle link 1" content="0" />
  44. <meta name="if:Circle link 2" content="0" />
  45. <meta name="if:Circle link 3" content="0" />
  46. <meta name="if:Show archive link" content="0" />
  47. <meta name="if:Link 1" content="0" />
  48. <meta name="if:Link 2" content="0" />
  49. <meta name="if:Link 3" content="0" />
  50. <meta name="if:Link 4" content="0" />
  51. <meta name="if:Link 5" content="0" />
  52. <meta name="if:Link 6" content="0" />
  53. <meta name="if:Link 7" content="0" />
  54. <meta name="if:Link 8" content="0" />
  55. <meta name="if:Link 9" content="0" />
  56. <meta name="if:Link 10" content="0" />
  57.  
  58. <meta name="text:Google title font" content="Lobster" />
  59. <meta name="text:Google body font" content="Roboto" />
  60. <meta name="text:Label ask" content="Ask" />
  61. <meta name="text:Label home" content="Home" />
  62. <meta name="text:Label extra links" content="Links" />
  63. <meta name="text:Label description" content="Description" />
  64. <meta name="text:Label archive" content="Archive" />
  65.  
  66. <meta name="text:Circle link 1 url" content="http://" />
  67. <meta name="text:Circle link 1 name" content="Circle 1" />
  68. <meta name="text:Circle link 2 url" content="http://" />
  69. <meta name="text:Circle link 2 name" content="Circle 2" />
  70. <meta name="text:Circle link 3 url" content="http://" />
  71. <meta name="text:Circle link 3 name" content="Circle 3" />
  72.  
  73. <meta name="text:Link 1 url" content="http://" />
  74. <meta name="text:Link 1 name" content="Link 1" />
  75. <meta name="text:Link 2 url" content="http://" />
  76. <meta name="text:Link 2 name" content="Link 2" />
  77. <meta name="text:Link 3 url" content="http://" />
  78. <meta name="text:Link 3 name" content="Link 3" />
  79. <meta name="text:Link 4 url" content="http://" />
  80. <meta name="text:Link 4 name" content="Link 4" />
  81. <meta name="text:Link 5 url" content="http://" />
  82. <meta name="text:Link 5 name" content="Link 5" />
  83. <meta name="text:Link 6 url" content="http://" />
  84. <meta name="text:Link 6 name" content="Link 6" />
  85. <meta name="text:Link 7 url" content="http://" />
  86. <meta name="text:Link 7 name" content="Link 7" />
  87. <meta name="text:Link 8 url" content="http://" />
  88. <meta name="text:Link 8 name" content="Link 8" />
  89. <meta name="text:Link 9 url" content="http://" />
  90. <meta name="text:Link 9 name" content="Link 9" />
  91. <meta name="text:Link 10 url" content="http://" />
  92. <meta name="text:Link 10 name" content="Link 10" />
  93.  
  94. <meta name="image:Background" content="" />
  95. {/block:Hidden}
  96.  
  97. {block:Description}
  98. <meta name="description" content="{MetaDescription}" />
  99. {/block:Description}
  100. <meta charset="utf-8">
  101. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  102. <title>{block:TagPage}{Tag} posts - {/block:TagPage} {block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
  103. <link rel="shortcut icon" href="{Favicon}">
  104. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  105. <link href="http://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />
  106.  
  107. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/ta26uqw/Ipynb0ok8/simptip-small-slow.css" media="screen,projection" />
  108.  
  109. <link href='http://fonts.googleapis.com/css?family={text:Google title font}' rel='stylesheet' type='text/css'>
  110. <link href='http://fonts.googleapis.com/css?family={text:Google body font}:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  111.  
  112.  
  113. <style>
  114. @import url(http://weloveiconfonts.com/api/?family=entypo);
  115.  
  116. /* entypo */
  117. [class*="entypo-"]:before {
  118. font-family: 'entypo', sans-serif;
  119. }
  120. /*
  121. * GENERAL =========================================
  122. */
  123. body, html { width: 100%; height: 100%; }
  124.  
  125. body {
  126. {block:IfNOTBackgroundImage}
  127. background: {color:background};
  128. {/block:IfNOTBackgroundImage}
  129. {block:IfBackgroundImage}
  130. background: url('{image:Background}') fixed repeat;
  131. {/block:IfBackgroundImage}
  132. font: normal 11px '{text:google body font}';
  133. overflow-x:hidden;}
  134.  
  135. h1.center, h2.center, h3.center { text-align: center;}
  136. h1.left, h2.left, h3.left { text-align: left;}
  137. h1.right, h2.right, h3.right { text-align: right;}
  138.  
  139. a, a:visited, a:hover {
  140. text-decoration: none;
  141. -webkit-transition: all 0.3s ease-in-out;
  142. -moz-transition: all 0.3s ease-in-out;
  143. -o-transition: all 0.3s ease-in-out ;
  144. -ms-transition: all 0.3s ease-in-out;}
  145.  
  146. a, a:visited { color: {color:link};}
  147. a:hover { color: {color:link hover};}
  148. a:focus { outline: none;}
  149.  
  150. .bg-cover {
  151. -webkit-background-size: cover;
  152. -moz-background-size: cover;
  153. -o-background-size: cover;
  154. background-size: cover;
  155. background-repeat:repeat; }
  156.  
  157. .bg-pattern {
  158. background-repeat:repeat; }
  159.  
  160. .bg-color {
  161. background: {color:Background}; }
  162.  
  163. .bg-gradient {
  164. background: {color:Background}; /* Old browsers */
  165. background: -moz-linear-gradient(top, {color:Background} 0%, {color:Background bottom gradient} 100%); /* FF3.6+ */
  166. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,{color:Background}), color-stop(100%,{color:Background bottom gradient})); /* Chrome,Safari4+ */
  167. background: -webkit-linear-gradient(top, {color:Background} 0%,{color:Background bottom gradient} 100%); /* Chrome10+,Safari5.1+ */
  168. background: -o-linear-gradient(top, {color:Background} 0%,{color:Background bottom gradient} 100%); /* Opera 11.10+ */
  169. background: -ms-linear-gradient(top, {color:Background} 0%,{color:Background bottom gradient} 100%); /* IE10+ */
  170. background: linear-gradient(to bottom, {color:Background} 0%,{color:Background bottom gradient} 100%); /* W3C */
  171. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='{color:Background}', endColorstr='{color:Background bottom gradient}',GradientType=0 ); /* IE6-9 */
  172. }
  173.  
  174. #loader {
  175. width: 40px;
  176. margin: 0 auto;
  177. position: absolute;
  178. bottom: 5px;
  179. left: 0;
  180. }
  181.  
  182. video, iframe, embed, object {
  183. display: block;}
  184.  
  185. ul.reset, ol.reset {
  186. list-style: none;
  187. padding: 0;
  188. margin: 0;}
  189.  
  190. .label {
  191. color: {color:link};
  192. text-transform: uppercase;
  193. letter-spacing: 1px;}
  194.  
  195. pre {
  196. white-space: pre-wrap;
  197. white-space: -moz-pre-wrap;
  198. white-space: -pre-wrap;
  199. white-space: -o-pre-wrap;
  200. word-wrap: break-word;}
  201.  
  202. blockquote {
  203. border-left: 1px {color:bodytext} solid;
  204. padding-left: 5px;
  205. margin-left: 12px;
  206. max-width: 100%;}
  207.  
  208. blockquote blockquote {
  209. padding: 0 0 0 5px;
  210. margin: 0 0 0 12px; }
  211.  
  212. blockquote img {
  213. max-width: 100%; }
  214. blockquote blockquote img {
  215. max-width: 100%; }
  216. blockquote blockquote blockquote img {
  217. max-width: 100%; }
  218.  
  219. header { display: none;}
  220.  
  221. [data-tooltip].simptip-position-top:before {
  222. border-top-color: {color:tooltip background};
  223. }
  224. [data-tooltip].simptip-position-top:after {
  225. background-color: {color:tooltip background};
  226. color: {color:tooltip};
  227. }
  228. [data-tooltip].simptip-position-bottom:before {
  229. border-bottom-color: {color:tooltip background};
  230. }
  231. [data-tooltip].simptip-position-bottom:after {
  232. background-color: {color:tooltip background};
  233. color: {color:tooltip};
  234. }
  235. [data-tooltip].simptip-position-left:before {
  236. border-left-color: {color:tooltip background};
  237. }
  238. [data-tooltip].simptip-position-left:after {
  239. background-color: {color:tooltip background};
  240. color: {color:tooltip};
  241. }
  242. [data-tooltip].simptip-position-right:before {
  243. border-right-color: {color:tooltip background};
  244. }
  245. [data-tooltip].simptip-position-right:after {
  246. background-color: {color:tooltip background};
  247. color: {color:tooltip};
  248. }
  249. [data-tooltip].simptip-position-top.half-arrow:before {
  250. border-right: 7px solid {color:tooltip background};
  251. }
  252. [data-tooltip].simptip-position-bottom.half-arrow:before {
  253. border-right: 7px solid {color:tooltip background};
  254. }
  255.  
  256. /*
  257. * CLOUDS ===================================
  258. */
  259.  
  260. /* big cloud */
  261. #big-cloud {
  262. background: {color:cloud};
  263. position: absolute;
  264. width: 650px;
  265. height: 220px;
  266. bottom: -15px;
  267. left: -150px;
  268. z-index: -1;
  269. border-radius: 500px;
  270. -moz-border-radius: 500px;
  271. -webkit-border-radius: 500px;}
  272.  
  273. #big-cloud .floof {
  274. position: absolute;
  275. background: {color:cloud};
  276. z-index: -2;
  277. border-radius: 500px;
  278. -moz-border-radius: 500px;
  279. -webkit-border-radius: 500px;}
  280.  
  281. #big-cloud .floof1 {
  282. width: 190px;
  283. height: 190px;
  284. bottom: 100%;
  285. left: 100px;
  286. margin-bottom: -50px;
  287. -webkit-transform: rotate(40deg);
  288. transform: rotate(40deg);
  289. -moz-transform: rotate(40deg);}
  290. #big-cloud .floof2 {
  291. width: 200px;
  292. height: 280px;
  293. bottom: 100%;
  294. margin-bottom: -40px;
  295. right: 85px;
  296. -webkit-transform: rotate(20deg);
  297. transform: rotate(20deg);
  298. -moz-transform: rotate(20deg);}
  299. #big-cloud .floof3 {
  300. width: 150px;
  301. height: 200px;
  302. left: 39%;
  303. bottom: 100%;
  304. margin-bottom: 10px;
  305. -webkit-transform: rotate(-20deg);
  306. transform: rotate(-20deg);
  307. -moz-transform: rotate(-20deg);}
  308. #big-cloud .floof4 {
  309. width: 200px;
  310. height: 160px;
  311. right: 18px;
  312. bottom: 100%;
  313. margin-bottom: -40px;
  314. -webkit-transform: rotate(-20deg);
  315. transform: rotate(-20deg);
  316. -moz-transform: rotate(-20deg);}
  317. #big-cloud .floof5 {
  318. width: 170px;
  319. height: 170px;
  320. left: 38%;
  321. bottom: 100%;
  322. margin-bottom: -30px;}
  323.  
  324. /* background clouds*/
  325. #cloud-container {
  326. {block:IfNOTEnableCloudsinbackground}
  327. display: none;
  328. {/block:IfNOTEnableCloudsinbackground}
  329. position: absolute;
  330. width: 100%;
  331. height: 100%;
  332. top: 0;
  333. left:0;
  334. overflow-x:hidden;
  335. z-index: -50;}
  336.  
  337. #cloud-container .floof {
  338. position: absolute;
  339. width: 200px;
  340. height: 80px;
  341. background: {color:background clouds};
  342. border-radius: 500px;
  343. -moz-border-radius: 500px;
  344. -webkit-border-radius: 500px;}
  345.  
  346. #cloud-container .mini-floof {
  347. position: absolute;
  348. background: {color:background clouds};
  349. border-radius: 500px;
  350. -moz-border-radius: 500px;
  351. -webkit-border-radius: 500px;
  352. }
  353.  
  354. #cloud-container .mini1 {
  355. width: 100px;
  356. height: 100px;
  357. right: 20px;
  358. bottom: 20px;
  359. }
  360.  
  361. #cloud-container .mini2 {
  362. width: 60px;
  363. height: 60px;
  364. left: 40px;
  365. bottom: 45px;}
  366.  
  367. #cloud-container .floof1 {
  368. top: 60px;
  369. opacity: 0.8;
  370. margin-left: -100px;
  371. -webkit-animation: moveclouds 25s linear infinite;
  372. -moz-animation: moveclouds 25s linear infinite;
  373. -o-animation: moveclouds 25s linear infinite;}
  374. #cloud-container .floof2 {
  375. top: 200px;
  376. margin-left: 100px;
  377. -webkit-transform: scale(0.6);
  378. -moz-transform: scale(0.6);
  379. transform: scale(0.6);
  380. opacity: 0.6;
  381. -webkit-animation: moveclouds 28s linear infinite;
  382. -moz-animation: moveclouds 28s linear infinite;
  383. -o-animation: moveclouds 28s linear infinite;}
  384. #cloud-container .floof3 {
  385. top: 140px;
  386.  
  387. -webkit-transform: scale(0.8);
  388. -moz-transform: scale(0.8);
  389. transform: scale(0.8);
  390. opacity: 0.8;
  391. -webkit-animation: moveclouds 35s linear infinite;
  392. -moz-animation: moveclouds 35s linear infinite;
  393. -o-animation: moveclouds 35s linear infinite;}
  394. #cloud-container .floof4 {
  395. top: 300px;
  396. margin-left: 500px;
  397. -webkit-transform: scale(0.55);
  398. -moz-transform: scale(0.55);
  399. transform: scale(0.55);
  400. opacity: 0.55;
  401. -webkit-animation: moveclouds 40s linear infinite;
  402. -moz-animation: moveclouds 40s linear infinite;
  403. -o-animation: moveclouds 40s linear infinite;}
  404.  
  405. @-webkit-keyframes moveclouds {
  406. 0% {left: 100%;}
  407. 100% {left: -1000px;}
  408. }
  409. @-moz-keyframes moveclouds {
  410. 0% {left: 100%;}
  411. 100% {left: -1000px;}
  412. }
  413. @-o-keyframes moveclouds {
  414. 0% {left: 100%;}
  415. 100% {left: -1000px;}
  416. }
  417. /*
  418. * CONTENT ===================================
  419. */
  420.  
  421. #wrapper {
  422. width:410px;
  423. height: 350px;
  424. background: none;
  425. position: relative;
  426. left: 50%;
  427. top: 50%;
  428. margin-left: -250px;
  429. margin-top: -175px;}
  430.  
  431. #navi {
  432. position: absolute;
  433. left: -80px;
  434. bottom: 0;
  435. z-index: 1;
  436. width: 210px;
  437. height: 20px;
  438. text-align: center;
  439. }
  440.  
  441. #navi a {
  442. position: relative;
  443. display: inline-block;}
  444.  
  445. #navi a div {
  446. width: 10px;
  447. height: 10px;
  448. margin: 2px 5px;
  449. background: none;
  450. border: 2px solid {color:permalinks};
  451. opacity: 0.6;
  452. position: relative;
  453. border-radius: 32px;
  454. -moz-border-radius: 32px;
  455. -webkit-border-radius: 32px;}
  456.  
  457. #navi a div:before {
  458. position: absolute;
  459. content: "";
  460. left: 0;
  461. top: 0;
  462. width: 100%;
  463. height: 100%;
  464. background: {color:permalinks};
  465. opacity: 0.6;
  466. border-radius: 32px;
  467. -moz-border-radius: 32px;
  468. -webkit-border-radius: 32px;
  469. -webkit-transform: scale(0);
  470. -moz-transform: scale(0);
  471. transform: scale(0);}
  472.  
  473. #navi a:hover div:before {
  474. -webkit-transform: scale(1);
  475. -moz-transform: scale(1);
  476. transform: scale(1);}
  477.  
  478. #navi a:hover div {
  479. opacity: 0.95;}
  480.  
  481. #extra-trigger, #description-trigger { cursor: help;}
  482.  
  483. #navi a div,
  484. #navi a:hover div,
  485. .hidden, .shown {
  486. -webkit-transition: all 0.5s ease-in-out;
  487. -moz-transition: all 0.5s ease-in-out;
  488. -o-transition: all 0.5s ease-in-out ;
  489. -ms-transition: all 0.5s ease-in-out; }
  490.  
  491. #navi a div:before,
  492. #navi a:hover div:before {
  493. -webkit-transition: all 0.2s ease-in-out;
  494. -moz-transition: all 0.2s ease-in-out;
  495. -o-transition: all 0.2s ease-in-out ;
  496. -ms-transition: all 0.2s ease-in-out; }
  497.  
  498. #extra-links, #description-box {
  499. position: absolute;
  500. left: 0%;
  501. width: 100%;
  502. margin-left: 0px;
  503. height: 140px;
  504. margin-bottom: 10px;
  505. text-align: center;
  506. bottom: 100%;
  507. overflow-y: auto;}
  508. #description-box {
  509. width: 95%;
  510. padding-left: 2.5%;
  511. padding-right: 2.5%;
  512. }
  513.  
  514.  
  515. #extra-links a, #extra-links a:visited,
  516. #description-box a, #description-box a:visited{
  517. color:{color:link}}
  518. #extra-links a:hover,
  519. #description-box a:hover{
  520. color:{color:link hover}}
  521.  
  522. #extra-links li {
  523. margin: 5px 2px;
  524. letter-spacing: 2px;
  525. max-width: 100%;
  526. overflow-x: hidden;
  527. }
  528. #extra-links li:hover { letter-spacing: 4px; }
  529.  
  530. /* The ghost, nudged to maintain perfect centering */
  531. #extra-links:before,
  532. #description-box:before {
  533. content: '';
  534. display: inline-block;
  535. height: 140px;
  536. vertical-align: middle;
  537. margin-right: -0.25em;
  538. } /* Adjusts for spacing */
  539.  
  540. .box {
  541. display: inline-block;
  542. vertical-align: bottom;
  543. width: 90%;
  544. }
  545.  
  546. .hidden {
  547. opacity: 0;
  548. visibility: hidden;}
  549. .shown {
  550. opacity: 1;
  551. visibility: visible;}
  552.  
  553.  
  554. #title {
  555. position: absolute;
  556. left: 50%;
  557. width: 200px;
  558. margin-left: -100px;
  559. padding-bottom: 10px;
  560. text-align: center;
  561. bottom: 100%;
  562. font-size: 1.9em;
  563. font-family: '{text:google title font}';
  564. letter-spacing: 2px;
  565. }
  566.  
  567. #title a, #title a:visited {
  568. color:{color:link}}
  569. #title a:hover {
  570. color:{color:link hover};
  571. letter-spacing: 4px;
  572. }
  573.  
  574. /*
  575. * POSTS ===================================
  576. */
  577.  
  578. #content {
  579. width: 270px;
  580. height: 350px;
  581. overflow-y: auto;
  582. margin: 0;
  583. position: absolute;
  584. right: 0;
  585. background: none;}
  586.  
  587.  
  588. .entry {
  589. background: none;
  590. width: 250px;
  591. color: {color:bodytext};
  592. padding: 20px 0;
  593. margin: 0 auto 20px;
  594. position: relative;}
  595.  
  596. .entry p,
  597. .entry p img {
  598. max-width: 100%;}
  599.  
  600. .entry h2 {
  601. font-size: 1.6em;
  602. font-weight: bold;}
  603.  
  604. /*
  605. * FOOTER / PERMALINKS =========================================
  606. */
  607.  
  608. .foot {
  609. width: 250px;
  610. border-bottom: 1px solid {color:postborder};
  611. position: absolute;
  612. bottom: -10px;}
  613.  
  614. .foot ul {
  615. list-style-type: none;
  616. padding: 0;
  617. margin: 0;
  618. text-align: center;}
  619. .index > li {
  620. display: inline-block;
  621. margin: 0 -2px -13px;
  622. text-transform: uppercase;
  623. vertical-align: middle;
  624. background: {color:cloud};
  625. padding: 2px 4px;
  626. }
  627.  
  628. .index > li:first-child {
  629. padding-left: 8px;}
  630. .index > li:last-child {
  631. padding-right: 8px;}
  632.  
  633. .index a {
  634. position: relative;
  635. display: inline-block;
  636. margin: 0;}
  637.  
  638. .index a div {
  639. width: 10px;
  640. height: 10px;
  641. margin: 2px 5px;
  642. background: none;
  643. border: 2px solid {color:permalinks};
  644. opacity: 0.6;
  645. position: relative;
  646. border-radius: 32px;
  647. -moz-border-radius: 32px;
  648. -webkit-border-radius: 32px;}
  649.  
  650. .index a div:before {
  651. position: absolute;
  652. content: "";
  653. left: 0;
  654. top: 0;
  655. width: 100%;
  656. height: 100%;
  657. background: {color:permalinks};
  658. opacity: 0.6;
  659. border-radius: 32px;
  660. -moz-border-radius: 32px;
  661. -webkit-border-radius: 32px;
  662. -webkit-transform: scale(0);
  663. -moz-transform: scale(0);
  664. transform: scale(0);}
  665.  
  666. .index a:hover div:before {
  667. -webkit-transform: scale(1);
  668. -moz-transform: scale(1);
  669. transform: scale(1);}
  670.  
  671. .index a:hover div {
  672. opacity: 0.95;}
  673.  
  674. .index a div,
  675. .index a:hover div,
  676. .hidden, .shown {
  677. -webkit-transition: all 0.5s ease-in-out;
  678. -moz-transition: all 0.5s ease-in-out;
  679. -o-transition: all 0.5s ease-in-out ;
  680. -ms-transition: all 0.5s ease-in-out; }
  681.  
  682. .index a div:before,
  683. .index a:hover div:before {
  684. -webkit-transition: all 0.2s ease-in-out;
  685. -moz-transition: all 0.2s ease-in-out;
  686. -o-transition: all 0.2s ease-in-out ;
  687. -ms-transition: all 0.2s ease-in-out; }
  688.  
  689. /*
  690. * NOTES =========================================
  691. */
  692. .under-tags-container {
  693. position: absolute;
  694. background: transparent;
  695. margin-bottom: -3px;
  696. bottom: 100%;
  697. right: -60px;
  698. width: 150px;
  699. height: auto;
  700. opacity: 0;
  701. visibility: hidden;
  702. -webkit-transition: all 0.2s linear;
  703. -moz-transition: all 0.2s linear;
  704. -o-transition: all 0.2s linear;
  705. -ms-transition: all 0.2s linear;
  706. transition: all 0.2s linear;
  707. }
  708.  
  709. .under-tags {
  710. list-style: none;
  711. margin: 0;
  712. padding: 0;
  713. display: inline-block;
  714. left: 0;
  715. font-size: 10px;
  716. line-height: 1em;
  717. text-transform: uppercase;
  718. background: {color:tooltip background};
  719. color: {color:tooltip};
  720. z-index: 99999;}
  721.  
  722. .under-tags:after {
  723. content: "";
  724. left: 49.5%;
  725. top: 100%;
  726. position: absolute;
  727. border: 6px solid transparent;
  728. border-top-color: {color:tooltip background};
  729. z-index: 999999;
  730. -webkit-transform: translate3d(0, 0, 0);
  731. -moz-transform: translate3d(0, 0, 0);
  732. transform: translate3d(0, 0, 0);
  733. -webkit-transform: translateX(-50%);
  734. -moz-transform: translateX(-50%);
  735. -ms-transform: translateX(-50%);
  736. -o-transform: translateX(-50%);
  737. transform: translateX(-50%);
  738. }
  739.  
  740. .under-tags > li {
  741. position: relative;
  742. display: inline-block;
  743. padding: 6px 4px;
  744. white-space: pre-wrap;
  745. white-space: -moz-pre-wrap;
  746. white-space: -pre-wrap;
  747. white-space: -o-pre-wrap;
  748. word-wrap: break-word;}
  749.  
  750. .under-tags a, .under-tags a:visited {
  751. color: {color:tooltip};
  752. }
  753.  
  754. .under-tags a:hover {
  755. color: {color:link hover}
  756. }
  757.  
  758. .hastags {
  759. position: relative;
  760. }
  761.  
  762. .hastags:hover .under-tags-container{
  763. opacity: 1;
  764. visibility: visible;
  765. margin-bottom: 5px;
  766. -webkit-transition: all 0.2s linear;
  767. -moz-transition: all 0.2s linear;
  768. -o-transition: all 0.2s linear;
  769. -ms-transition: all 0.2s linear;
  770. transition: all 0.2s linear;
  771. }
  772.  
  773. .tags {
  774. list-style:none;
  775. margin: 0;
  776. padding: 0;
  777. text-align: center;
  778. border-bottom: 1px solid {color:postborder};
  779. padding-bottom: 15px;
  780. margin-bottom: 15px;}
  781.  
  782. .tags li {
  783. display: inline-block;
  784. margin: 2px 4px;}
  785.  
  786. footer.notecontainer {
  787. width: 250px;
  788. color: {color:bodytext};
  789. padding: 0px;
  790. padding-top: 10px;
  791. margin: 10px auto 0px;
  792. position: relative;
  793. }
  794.  
  795. ol.notes {
  796. padding: 0px;
  797. margin: 0px 0px;
  798. list-style-type: none;
  799. border-bottom: solid 0px #ccc; }
  800. ol.notes li.note {
  801. border-top: solid 0px #ccc;
  802. padding: 4px;
  803. display: inline-block;}
  804. ol.notes li.more_notes_link_container {
  805. display: block;}
  806. ol.notes li.note img.avatar {
  807. vertical-align: -2px;
  808. margin-right: 5px;
  809. margin-left: 0px;
  810. width: 14px;
  811. height: 14px;
  812. border-radius: 10px;
  813. -webkit-border-radius: 10px;
  814. -moz-border-radius: 10px; }
  815. ol.notes li.note span.action {
  816. font-weight: normal;
  817. display: none;}
  818. ol.notes div.clear { display: none;}
  819. ol.notes li.note .answer_content {
  820. font-weight: normal;}
  821. ol.notes li.note blockquote {
  822. border-color: {color:bodytext};
  823. padding: 2px 10px;
  824. margin: 5px 0px 0px 35px; }
  825. ol.notes li.note blockquote a { text-decoration: none; }
  826.  
  827.  
  828. /*
  829. * PAGIGATION =========================================
  830. */
  831. #pagination {
  832. text-align: center;
  833. width: 100%;
  834. padding-top: 20px;
  835. height: 20px;
  836. position: relative;
  837. left: 0;}
  838.  
  839. #pagination li {
  840. display: inline-block;
  841. margin: 0 5px;
  842. padding: 0;
  843. color:{color:link}}
  844.  
  845.  
  846. /*
  847. #pagination .left {
  848. margin-left: 10px;}
  849. #pagination .right {
  850. margin-right: 10px;}*/
  851.  
  852. /*
  853. * PHOTO =======================================
  854. */
  855.  
  856. .photo-wrapper, .panorama-wrapper { max-width: 100%;}
  857. .photo-wrapper img, .panorama-wrapper img {
  858. max-width: 100%;
  859. display: block;}
  860.  
  861. /*
  862. * PHOTOSET =======================================
  863. */
  864.  
  865. .html_photoset iframe {
  866. max-width: 100%; }
  867.  
  868.  
  869. .w250 .w500,
  870. .w250 .w400 {
  871. display: none; }
  872.  
  873. /*
  874. * LINK =======================================
  875. */
  876. .link-wrapper h2 {
  877. text-align: center;}
  878. .link-wrapper h2 a {
  879. letter-spacing: 2px;
  880. }
  881. .link-wrapper h2 a:hover { letter-spacing: 4px; }
  882. /*
  883. * CHAT =======================================
  884. */
  885. ul.conv {
  886. list-style: none;
  887. margin: 0;
  888. padding: 0;}
  889.  
  890. .conv li {
  891. margin: 2px 0;}
  892.  
  893.  
  894. /*
  895. * QUOTE =======================================
  896. */
  897.  
  898. blockquote.quote-wrap {
  899. border: none;
  900. font-size: 2em;
  901. font-weight: bold;
  902. display: inline-block;
  903. position: relative;
  904. text-align: justify;
  905. font-family: {font:quote};}
  906.  
  907. blockquote.quote-wrap.short { font-size: 1.6em; line-height: 120%;}
  908. blockquote.quote-wrap.medium { font-size: 1.4em; line-height: 120%; }
  909. blockquote.quote-wrap.long { font-size: 1.2em; line-height: 120%; }
  910.  
  911. blockquote.quote-wrap::before,
  912. blockquote.quote-wrap::after {
  913. position: absolute;
  914. opacity: 0.3;
  915. font-size: 3.5em;
  916. font-weight: bold;
  917. font-family: 'Bookmania', serif;}
  918.  
  919. blockquote.quote-wrap::before {
  920. content: '';
  921. top: -5px;
  922. left: 0;}
  923.  
  924. blockquote.quote-wrap::after {
  925. content: '”';
  926. bottom: -30px;
  927. right: -40px;}
  928.  
  929. .quote .source {
  930. width: 100%;
  931. text-align: center;}
  932.  
  933.  
  934. /*
  935. * AUDIO ================================
  936. */
  937.  
  938. .player iframe {
  939. width: 28px;
  940. height: 28px;}
  941.  
  942. .black .white,
  943. .black .grey { display: none;}
  944. .white .black,
  945. .white .grey { display: none;}
  946. .grey .white,
  947. .grey .black { display: none;}
  948.  
  949. .black .player_container { background: #000;}
  950. .black .player_wrap { background-color: rgba(0,0,0,0.8); }
  951. .white .player_container { background: #fff;}
  952. .white .player_wrap { background-color: rgba(255,255,255,0.8); }
  953. .grey .player_container { background: #e4e4e4;}
  954. .grey .player_wrap { background-color: rgba(228, 228, 228, 0.8); }
  955.  
  956. .audio {
  957. position: relative;}
  958.  
  959. .album_art {
  960. width: 75px;
  961. height: 75px;
  962. position: relative;
  963. vertical-align: top;}
  964. .album_art img { width: 75px; }
  965.  
  966. img.album { position: absolute; z-index: 2;}
  967. img.default { position: absolute; z-index: 1; }
  968.  
  969.  
  970. .audio_wrap {
  971. position: relative;
  972. width: 75px;
  973. display: inline-block;
  974. left: 0;}
  975.  
  976. ol.audioinfo {
  977. list-style-type: none;
  978. width: auto;
  979. margin: 15px 0 0 5px;
  980. padding: 0;
  981. z-index: 10;
  982. position: relative;
  983. display: inline-block;
  984. vertical-align: top;
  985. line-height: 1.4em;
  986. }
  987.  
  988.  
  989. .player {
  990. width: 28px; height: 28px;
  991. overflow: hidden;
  992. margin: -14px 0 0 -14px;
  993. padding: 0px;
  994. position: absolute;
  995. top: 50%;
  996. left: 50%;
  997. }
  998. .player_container {
  999. z-index: 11;
  1000. opacity: 0.8; filter: alpha(opacity=80); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
  1001. .player_wrap {
  1002. z-index: 9;
  1003. -webkit-transition: all 0.2s ease-in-out;
  1004. -moz-transition: all 0.2s ease-in-out;
  1005. -o-transition: all 0.2s ease-in-out ;
  1006. -ms-transition: all 0.2s ease-in-out; }
  1007.  
  1008. .player_container, .player_wrap {
  1009. position: absolute;
  1010. top: 50%;
  1011. left: 50%;
  1012. width: 50px; height: 50px;
  1013. margin-top: -25px;
  1014. margin-left: -25px;
  1015. -moz-border-radius:50px;
  1016. -webkit-border-radius:50px;
  1017. border-radius: 50px; }
  1018.  
  1019. .audio_wrap:hover .player_wrap {
  1020. width: 100%; height: 100%;
  1021. top: 0; left: 0;
  1022. margin: 0;
  1023. -moz-border-radius: 0px;
  1024. -webkit-border-radius: 0px;
  1025. border-radius: 0px;
  1026. -webkit-transition: all 0.2s ease-in-out;
  1027. -moz-transition: all 0.2s ease-in-out;
  1028. -o-transition: all 0.2s ease-in-out ;
  1029. -ms-transition: all 0.2s ease-in-out; }
  1030. .audio_wrap:hover ol.audioinfo {
  1031. top: 70%;
  1032. -webkit-transition: all 0.3s ease-in-out;
  1033. -moz-transition: all 0.3s ease-in-out;
  1034. -o-transition: all 0.3s ease-in-out ;
  1035. -ms-transition: all 0.3s ease-in-out;
  1036. opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
  1037. .audio_wrap:hover .player_container {
  1038. opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  1039. }
  1040.  
  1041.  
  1042.  
  1043. /*
  1044. * VIDEO =======================================
  1045. */
  1046.  
  1047. .video-player iframe {
  1048. max-width: 100%;
  1049. height: auto;}
  1050.  
  1051. .video-player {
  1052. position: relative;
  1053. padding-bottom: 56%;
  1054.  
  1055. overflow: hidden;
  1056. text-align: center; }
  1057.  
  1058. .video-player iframe {
  1059. position: absolute;
  1060. top: 0;
  1061. left: 0;
  1062. width: 100%;
  1063. height: 100%;
  1064. }
  1065.  
  1066. /*
  1067. * ANSWER =======================================
  1068. */
  1069.  
  1070. .question, .reblog-answer {
  1071. position: relative;
  1072. width: 100%;
  1073. padding: 0px;
  1074. background: {color:postborder};
  1075. -moz-border-radius: 10px;
  1076. -webkit-border-radius: 10px;
  1077. border-radius: 10px;
  1078. }
  1079.  
  1080. .question p, .reblog-answer p {
  1081. margin: 0;
  1082. padding: 10px;}
  1083.  
  1084. .tri {
  1085. position: absolute;
  1086. top: 100%;
  1087. width: 0;
  1088. height: 0;
  1089. border-top: 10px solid {color:postborder};
  1090. border-left: 7px solid transparent;
  1091. border-right: 7px solid transparent;
  1092. }
  1093.  
  1094. .question .tri {
  1095. left: 30px; }
  1096.  
  1097. .user { padding-left: 20px; padding-top: 15px;}
  1098.  
  1099. .replies {
  1100. padding-top: 15px;}
  1101.  
  1102. .replies .tri {
  1103.  
  1104. right: 30px !important;}
  1105.  
  1106. .replies .user {
  1107. text-align: right;
  1108. padding-right: 20px;}
  1109.  
  1110.  
  1111. /*
  1112. DONT REMOVE/HIDE/DESTROY THE CREDIT DONT REMOVE/HIDE/DESTROY THE CREDIT DONT REMOVE/HIDE/DESTROY THE CREDIT DONT REMOVE/HIDE/DESTROY THE CREDIT
  1113. DONT REMOVE/HIDE/DESTROY THE CREDIT DONT REMOVE/HIDE/DESTROY THE CREDIT DONT REMOVE/HIDE/DESTROY THE CREDIT DONT REMOVE/HIDE/DESTROY THE CREDIT
  1114. DONT REMOVE/HIDE/DESTROY THE CREDIT DONT REMOVE/HIDE/DESTROY THE CREDIT DONT REMOVE/HIDE/DESTROY THE CREDIT DONT REMOVE/HIDE/DESTROY THE CREDIT */
  1115. #obs {
  1116. position: fixed;
  1117. bottom: 16px;
  1118. left: 16px;
  1119. background: black;
  1120. color: white;
  1121. padding: 4px;
  1122. width: 12px;
  1123. height: 12px;
  1124. overflow: hidden;
  1125. font-family: 'arial',sans-serif;
  1126. text-transform: uppercase;
  1127. font-size: 11px;
  1128. font-weight: bold;
  1129. line-height: 12px;
  1130. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  1131. filter: alpha(opacity=70);
  1132. -moz-opacity: 0.7;
  1133. -khtml-opacity: 0.7;
  1134. opacity: 0.7;
  1135. z-index: 99999999;
  1136. -moz-border-radius: 23px;
  1137. -webkit-border-radius: 23px;
  1138. border-radius: 23px;}
  1139.  
  1140. #obs a, #obs a:visited { color: white; }
  1141.  
  1142. #obs .icon { margin-left: 0px}
  1143. #obs .info {
  1144. position: relative;
  1145. left: -100%;
  1146. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  1147. filter: alpha(opacity=0);
  1148. -moz-opacity: 0;
  1149. -khtml-opacity: 0;
  1150. opacity: 0; }
  1151. #obs:hover {
  1152. width: 135px;
  1153. background: rgba(0,0,0,0.7);
  1154. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  1155. filter: alpha(opacity=100);
  1156. -moz-opacity: 1;
  1157. -khtml-opacity: 1;
  1158. opacity: 1;}
  1159. #obs:hover .info {
  1160. left: 5px;
  1161. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  1162. filter: alpha(opacity=100);
  1163. -moz-opacity: 1;
  1164. -khtml-opacity: 1;
  1165. opacity: 1;}
  1166.  
  1167. #obs, #obs .info,
  1168. #obs:hover, #obs:hover .info {
  1169. -webkit-transition: all 0.3s ease-in-out;
  1170. -moz-transition: all 0.3s ease-in-out;
  1171. -o-transition: all 0.3s ease-in-out ;
  1172. -ms-transition: all 0.3s ease-in-out;}
  1173. /*
  1174. DONT REMOVE/HIDE/DESTROY THE CREDIT DONT REMOVE/HIDE/DESTROY THE CREDIT DONT REMOVE/HIDE/DESTROY THE CREDIT DONT REMOVE/HIDE/DESTROY THE CREDIT
  1175. DONT REMOVE/HIDE/DESTROY THE CREDIT DONT REMOVE/HIDE/DESTROY THE CREDIT DONT REMOVE/HIDE/DESTROY THE CREDIT DONT REMOVE/HIDE/DESTROY THE CREDIT
  1176. DONT REMOVE/HIDE/DESTROY THE CREDIT DONT REMOVE/HIDE/DESTROY THE CREDIT DONT REMOVE/HIDE/DESTROY THE CREDIT DONT REMOVE/HIDE/DESTROY THE CREDIT */
  1177.  
  1178.  
  1179. /*
  1180. * SCROLLBAR ========================================
  1181. */
  1182. ::-webkit-scrollbar {
  1183. width: 7px;
  1184. height: 7px;
  1185. }
  1186.  
  1187. ::-webkit-scrollbar-track {
  1188. background-color: {color:Scloud};
  1189. }
  1190.  
  1191. ::-webkit-scrollbar-thumb {
  1192. border: 1px solid {color:Scrollbar thumb};
  1193. height: 7px;
  1194. -moz-border-radius: 23px;
  1195. -webkit-border-radius: 23px;
  1196. border-radius: 23px;
  1197. }
  1198.  
  1199.  
  1200.  
  1201.  
  1202.  
  1203.  
  1204.  
  1205. {CustomCSS}
  1206.  
  1207. </style>
  1208.  
  1209. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  1210.  
  1211. <script>
  1212. $(document).ready(function(){
  1213. $("#extra-trigger").click(function(){
  1214. $("#extra-links").toggleClass("hidden shown");
  1215. if($("#description-box").hasClass("shown")){
  1216. $("#description-box").toggleClass("hidden shown");
  1217. } else if ($("#title").hasClass("shown")){
  1218. $("#title").toggleClass("shown hidden");
  1219. } else if ($("#extra-links").hasClass("hidden")){
  1220. $("#title").addClass("shown");
  1221. $("#title").removeClass("hidden");
  1222. }
  1223. });
  1224.  
  1225. $("#description-trigger").click(function(){
  1226. $("#description-box").toggleClass("hidden shown");
  1227. if($("#extra-links").hasClass("shown")){
  1228. $("#extra-links").toggleClass("hidden shown");
  1229. } else if ($("#title").hasClass("shown")){
  1230. $("#title").toggleClass("shown hidden");
  1231. } else if ($("#description-box").hasClass("hidden")){
  1232. $("#title").addClass("shown");
  1233. $("#title").removeClass("hidden");
  1234. }
  1235.  
  1236. });
  1237. });
  1238. </script>
  1239.  
  1240. </head>
  1241. <body class="{select:background style}">
  1242.  
  1243. <div id="cloud-container">
  1244. <div class="floof floof1">
  1245. <div class="mini-floof mini1"></div>
  1246. <div class="mini-floof mini2"></div>
  1247. </div>
  1248. <div class="floof floof2">
  1249. <div class="mini-floof mini1"></div>
  1250. <div class="mini-floof mini2"></div>
  1251. </div>
  1252. <div class="floof floof3">
  1253. <div class="mini-floof mini1"></div>
  1254. <div class="mini-floof mini2"></div>
  1255. </div>
  1256. <div class="floof floof4">
  1257. <div class="mini-floof mini1"></div>
  1258. <div class="mini-floof mini2"></div>
  1259. </div><!--
  1260. <div class="floof floof5">
  1261. <div class="mini-floof mini1"></div>
  1262. <div class="mini-floof mini2"></div>
  1263. </div>-->
  1264. </div>
  1265.  
  1266. <!--Content holder-->
  1267. <div id="wrapper">
  1268. <div id="big-cloud">
  1269. <div class="floof floof1"></div>
  1270. <div class="floof floof2"></div>
  1271. <div class="floof floof3"></div>
  1272. <div class="floof floof4"></div>
  1273. <div class="floof floof5"></div>
  1274. </div>
  1275.  
  1276. <div id="navi" class="cl-effect-12">
  1277. <a href="/" class="simptip-position-top simptip-movable" data-tooltip="{text:Label home}"><div></div></a>
  1278. <a href="/ask" class="simptip-position-top simptip-movable" data-tooltip="{text:Label ask}"><div></div></a>
  1279. {block:ifenablepopupdescription}<span class="simptip-position-top simptip-movable" data-tooltip="{text:Label description}"><a href="#" id="description-trigger"><div></div></a></span>{/block:ifenablepopupdescription}
  1280. {block:Ifshowarchivelink}<a href="/archive" class="simptip-position-top simptip-movable" data-tooltip="{text:Label archive}"><div></div></a>{/block:Ifshowarchivelink}
  1281. {block:IfCircleLink1}<a href="{text:Circle link 1 url}" class="simptip-position-top simptip-movable" data-tooltip="{text:Circle link 1 name}"><div></div></a>{/block:IfCircleLink1}
  1282. {block:IfCircleLink2}<a href="{text:Circle link 2 url}" class="simptip-position-top simptip-movable" data-tooltip="{text:Circle link 2 name}"><div></div></a>{/block:IfCircleLink2}
  1283. {block:IfCircleLink3}<a href="{text:Circle link 3 url}" class="simptip-position-top simptip-movable" data-tooltip="{text:Circle link 3 name}"><div></div></a>{/block:IfCircleLink3}
  1284. {block:ifenableextralinks}<span class="simptip-position-top simptip-movable" data-tooltip="{text:Label extra links}"><a href="#" id="extra-trigger"><div></div></a></span>{/block:ifenableextralinks}
  1285.  
  1286. <div id="title" class="shown"><a href="/">{Title}</a></div>
  1287. <div id="extra-links" class="hidden">
  1288. <div class="box">
  1289. <ul class="reset">
  1290. {block:HasPages}
  1291. {block:Pages}
  1292. <li><a href="{URL}">{Label}</a></li>
  1293. {/block:Pages}
  1294. {/block:HasPages}
  1295. {block:IfLink1}<li><a href="{text:Link 1 Url}">{text:Link 1 Name}</a></li>{/block:IfLink1}
  1296. {block:IfLink2}<li><a href="{text:Link 2 Url}">{text:Link 2 Name}</a></li>{/block:IfLink2}
  1297. {block:IfLink3}<li><a href="{text:Link 3 Url}">{text:Link 3 Name}</a></li>{/block:IfLink3}
  1298. {block:IfLink4}<li><a href="{text:Link 4 Url}">{text:Link 4 Name}</a></li>{/block:IfLink4}
  1299. {block:IfLink5}<li><a href="{text:Link 5 Url}">{text:Link 5 Name}</a></li>{/block:IfLink5}
  1300. {block:IfLink6}<li><a href="{text:Link 6 Url}">{text:Link 6 Name}</a></li>{/block:IfLink6}
  1301. {block:IfLink7}<li><a href="{text:Link 7 Url}">{text:Link 7 Name}</a></li>{/block:IfLink7}
  1302. {block:IfLink8}<li><a href="{text:Link 8 Url}">{text:Link 8 Name}</a></li>{/block:IfLink8}
  1303. {block:IfLink9}<li><a href="{text:Link 9 Url}">{text:Link 9 Name}</a></li>{/block:IfLink9}
  1304. {block:IfLink10}<li><a href="{text:Link 10 Url}">{text:Link 10 Name}</a></li>{/block:IfLink10}
  1305. </ul>
  1306. </div>
  1307. </div>
  1308.  
  1309. <div id="description-box" class="hidden">
  1310. <div class="box">
  1311. <p>{Description}</p>
  1312. </div>
  1313. </div>
  1314. </div>
  1315. <div id="content">
  1316. {block:SearchPage}
  1317. {block:SearchResults}
  1318. <div class="searchresults"><h2 class="center">{lang:Showing SearchResultCount results for SearchQuery 2}</h2></div>
  1319. {/block:SearchResults}
  1320.  
  1321. {block:NoSearchResults}
  1322. <div class="searchresults"><h2 class="center">{lang:No search results for SearchQuery 2}</h2></div>
  1323. {/block:NoSearchResults}
  1324. {/block:SearchPage}
  1325. {block:Posts}
  1326. <article class="entry {block:Text}text {/block:Text}{block:Photoset}photoset {/block:Photoset}{block:Photo}photo {/block:Photo}{block:Quote}quote {/block:Quote}{block:Link}link {/block:Link}{block:Chat}chat {/block:Chat}{block:Audio}audio {/block:Audio}{block:Video}video {/block:Video}{block:Answer}answer {/block:Answer}{block:Date}post-{PostID}{/block:Date}" id="{PostID}" {block:Date}data-post-id="post_{PostID}"{/block:Date}>
  1327. {block:Text}
  1328. {block:Title}<h2 class="title center">{Title}</h2>{/block:Title}
  1329. <div class="bodytext">{Body}</div>
  1330. {/block:Text}
  1331.  
  1332. {block:Photo}
  1333. <figure class="photo-wrapper">
  1334. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}
  1335. </figure>
  1336. {block:Caption}<figcaption class="caption">{Caption}</figcaption>{/block:Caption}
  1337. {/block:Photo}
  1338.  
  1339. {block:Photoset}
  1340. <figure class="photoset {block:Caption}with-caption{/block:Caption}">
  1341. <div class="w250">{Photoset-250}</div>
  1342. {block:Caption}<figcaption class="caption">{Caption}</figcaption>{/block:Caption}
  1343. </figure>
  1344. {/block:Photoset}
  1345.  
  1346. {block:Panorama}
  1347. <div class="panorama-wrapper">
  1348. {LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />{LinkCloseTag}
  1349.  
  1350. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1351. </div>
  1352. {/block:Panorama}
  1353.  
  1354. {block:Quote}
  1355. <blockquote class="{Length} quote-wrap">{Quote}</blockquote>
  1356. {block:Source}<div class="source"><cite>&mdash; {Source} </cite></div>{/block:Source}
  1357. {/block:Quote}
  1358.  
  1359. {block:Link}
  1360. <div class="link-wrapper">
  1361. <h2 class="title center"><a href="{URL}">{Name} <span class="entypo-right-thin"></span></a></h2>
  1362. {block:Description}<div class="description">{Description}</div>{/block:Description}
  1363. </div>
  1364. {/block:Link}
  1365.  
  1366. {block:Chat}
  1367. {block:Title}<h2 class="center">{Title}</h2>{/block:Title}
  1368. <ul class="conv">
  1369. {block:Lines}<li class="{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line} </li>{/block:Lines}
  1370. </ul>
  1371. {/block:Chat}
  1372.  
  1373. {block:Audio}
  1374. <div class="audio">
  1375. <div class="audio_wrap {select:Audio player}">
  1376. <div class="audio-border"></div>
  1377. <div class="album_art">
  1378. {block:AlbumArt}
  1379. <img class="album" src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}"/>
  1380. {/block:AlbumArt}
  1381. <img class="default" src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}"/>
  1382. </div>
  1383.  
  1384.  
  1385. <div class="player_wrap {select:Avatar Shape}"></div>
  1386. <div class="player_container {select:Avatar Shape}">
  1387. <div class="player">
  1388. <div class="black">{AudioPlayerBlack}</div>
  1389. <div class="white">{AudioPlayerWhite}</div>
  1390. <div class="grey">{AudioPlayerGrey}</div>
  1391. </div>
  1392. </div>
  1393. </div>
  1394. <ol class="audioinfo">
  1395. <li>{block:TrackName}<span class="label">Song:</span> {TrackName}{/block:TrackName}</li>
  1396. <li>{block:Artist}<span class="label">Artist:</span> {Artist}{/block:Artist} </li>
  1397. <li><span class="label">Plays:</span> {PlayCount}</li>
  1398. </ol>
  1399.  
  1400. {block:Caption}
  1401. <div class="caption">{Caption}</div>
  1402. {/block:Caption}
  1403. </div>
  1404. {/block:Audio}
  1405.  
  1406. {block:Video}
  1407. <div class="video">
  1408. <div class="video-player">{Video-500}</div>
  1409. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1410. </div>
  1411. {/block:Video}
  1412.  
  1413. {block:Answer}
  1414. <div class="answer">
  1415. <div class="question">
  1416. <p>{Question}</p>
  1417. <div class="tri"></div>
  1418. </div>
  1419. <div class="user">
  1420. {Asker}
  1421. </div>
  1422.  
  1423. <div class="replies">
  1424. {block:Answerer}
  1425. <div class="reblog-answer">
  1426. {Answer}
  1427. <div class="tri"></div>
  1428. </div>
  1429.  
  1430. <div class="user">{Answerer}</div>
  1431. {/block:Answerer}
  1432.  
  1433. {Replies}
  1434. </div>
  1435. </div>
  1436. {/block:Answer}
  1437.  
  1438. {block:Date}
  1439. <footer class="foot">
  1440.  
  1441. <ul class="index">
  1442. <li><a href="{Permalink}" class="simptip-position-top simptip-movable" data-tooltip="{DayOfMonth} {ShortMonth} {Year}"><div></div></a></li>
  1443.  
  1444. {block:NoteCount}<li><a href="{Permalink}" class="simptip-position-top simptip-movable" data-tooltip="{NoteCountWithLabel}"><div></div></a></li>{/block:NoteCount}
  1445.  
  1446. {block:HasTags}<li class="hastags"><a href="{Permalink}"><div></div></a>
  1447. <div class="under-tags-container">
  1448. <ul class="under-tags">
  1449. {block:Tags}<li><a href="{TagURL}">#{Tag}</a> </li>{/block:Tags}
  1450. </ul>
  1451. </div>
  1452. </li>{/block:HasTags}
  1453.  
  1454. <li><a href="{ReblogURL}" target="_blank" class="simptip-position-top simptip-movable" data-tooltip="Reblog"><div></div></a></li>
  1455. </ul>
  1456.  
  1457.  
  1458. </footer>
  1459.  
  1460. {/block:Date}
  1461. </article> <!-- end entry -->
  1462. {block:Date}
  1463. {block:PermalinkPage}
  1464. <footer class="notecontainer reset">
  1465.  
  1466. {block:PostNotes}
  1467. <div id="notes">
  1468. {PostNotes}
  1469. </div>
  1470. {/block:PostNotes}
  1471.  
  1472. </footer>
  1473. {/block:PermalinkPage}
  1474. {/block:Date}
  1475.  
  1476. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} {ReblogParentURL}{block:ReblogParentLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{ReblogParentTitle}" />{/block:ReblogParentLogo}{block:NoReblogParentLogo}{ReblogParentLink}{/block:NoReblogParentLogo} -->{/block:ContentSource}
  1477.  
  1478. {/block:Posts}
  1479. <div id="loader"></div>
  1480. <!--Pagination: previous/next page links-->
  1481. {block:Pagination}
  1482. <nav id="pagination" >
  1483. <ul class="reset">
  1484. {block:PreviousPage}<li><a href="{PreviousPage}"><span class="entypo-left-thin"></span></a></li>{/block:PreviousPage}
  1485. <li>{CurrentPage} / {TotalPages}</li>
  1486. {block:NextPage}<li class="right"><a id="next" href="{NextPage}"><span class="entypo-right-thin"></span></a></li>{/block:NextPage}
  1487. </ul>
  1488. </nav>
  1489. {/block:Pagination}
  1490. </div> <!-- end content-->
  1491. </div> <!-- end wrapper -->
  1492.  
  1493.  
  1494.  
  1495. {block:IndexPage}
  1496.  
  1497. <script src="http://static.tumblr.com/ta26uqw/ZdOn9iy8m/jquery.infinitescroll.min.js"></script>
  1498. <script src="http://static.tumblr.com/ta26uqw/WEfn9jpn7/imagesloaded.pkgd.min.js"></script>
  1499.  
  1500. {block:IfEnableInfinitescrolling}
  1501. <script>
  1502. $(window).load(function () {
  1503. var $container = $('#content');
  1504.  
  1505.  
  1506.  
  1507. $container.infinitescroll({
  1508. navSelector: '#pagination',
  1509. nextSelector: '#pagination a#next',
  1510. itemSelector: '.entry',
  1511. behavior: 'local',
  1512. binder: $('#content'),
  1513. loading: {
  1514. finishedMsg: "<em>No more posts</em>",
  1515. msgText: " ",
  1516. img: "http://static.tumblr.com/ta26uqw/Yu7n73va0/486.gif",
  1517. selector: "#loader"
  1518. },
  1519. buffer: 60,
  1520. },
  1521.  
  1522. function( newElements ) {
  1523. var $newElems = $( newElements ).css({
  1524. opacity: 0,
  1525. transform: 'scale(1)'
  1526. });
  1527.  
  1528. // Create Array of $newElems IDs
  1529. var $newElemsIDs = $newElems.map(function () {
  1530. return this.id;
  1531. }).get();
  1532.  
  1533. $newElems.imagesLoaded(function(){
  1534. $newElems.animate({
  1535. opacity: 1
  1536. },1000);
  1537.  
  1538. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  1539. });
  1540.  
  1541. });
  1542. });
  1543. </script>
  1544. {/block:IfEnableInfinitescrolling}
  1545.  
  1546. {/block:IndexPage}
  1547.  
  1548. <!--
  1549. DONT REMOVE/HIDE/DESTROY THE CREDIT DONT REMOVE/HIDE/DESTROY THE CREDIT DONT REMOVE/HIDE/DESTROY THE CREDIT DONT REMOVE/HIDE/DESTROY THE CREDIT
  1550. DONT REMOVE/HIDE/DESTROY THE CREDIT DONT REMOVE/HIDE/DESTROY THE CREDIT DONT REMOVE/HIDE/DESTROY THE CREDIT DONT REMOVE/HIDE/DESTROY THE CREDIT
  1551. DONT REMOVE/HIDE/DESTROY THE CREDIT DONT REMOVE/HIDE/DESTROY THE CREDIT DONT REMOVE/HIDE/DESTROY THE CREDIT DONT REMOVE/HIDE/DESTROY THE CREDIT -->
  1552. <div id="obs"><a href="http://riverbellthemes.tumblr.com" target="_blank"><span class="icon entypo-code"></span><span class="info">Riverbell themes</span></a></div>
  1553.  
  1554. </body>
  1555. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!