API tools faq
paste
azurethemes

04::cake

azurethemes
May 22nd, 2016
890
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.30 KB | None | 0 0
raw download clone embed print report
  1. <!----
  2.  
  3. ---- @ DADDYTHEMES ----
  4. theme #04 cake
  5. keep the credit.
  6. dont steal.
  7. dont claim as own.
  8. dont be an asshole.
  9. (=ﾟωﾟ)ﾉ
  10.  
  11. --->
  12. <!-----start html---->
  13. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  14. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  15. <!-----custom google fonts---->
  16. <script type="text/javascript">
  17. WebFontConfig = {
  18. google: { families: [ 'Roboto:400,500,700:latin' , 'Montserrat:400,700:latin' , 'Lato:300,700:latin', 'Raleway:400,700:latin' , 'Bitter:400,400italic,700:latin' , 'Roboto+Condensed:400,400italic,700,700italic:latin', 'Josefin+Sans:400,400italic,600,700,600italic,700italic:latin', ] }
  19. };
  20. (function() {
  21. var wf = document.createElement('script');
  22. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  23. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  24. wf.type = 'text/javascript';
  25. wf.async = 'true';
  26. var s = document.getElementsByTagName('script')[0];
  27. s.parentNode.insertBefore(wf, s);
  28. })(); </script>
  29. <!-----tooltips---->
  30. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  31. <script>
  32. (function($){
  33. $(document).ready(function(){
  34. $("a[title]").style_my_tooltips({
  35. tip_follows_cursor:true,
  36. tip_delay_time:100,
  37. tip_fade_speed:500,
  38. attribute:"title"
  39. });
  40. });
  41. })(jQuery);
  42. </script>
  43. <!-----back to top button---->
  44. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
  45. <script>
  46. $(document).ready(function(){
  47.  
  48. // Der Button wird mit JavaScript erzeugt und vor dem Ende des body eingebunden.
  49. var back_to_top_button = ['<a href="#top" class="back-to-top"><i class="fa fa-arrow-up"></i></a>'].join("");
  50. $("body").append(back_to_top_button)
  51.  
  52. // Der Button wird ausgeblendet
  53. $(".back-to-top").hide();
  54.  
  55. // Funktion für das Scroll-Verhalten
  56. $(function () {
  57. $(window).scroll(function () {
  58. if ($(this).scrollTop() > 100) { // Wenn 100 Pixel gescrolled wurde
  59. $('.back-to-top').fadeIn();
  60. } else {
  61. $('.back-to-top').fadeOut();
  62. }
  63. });
  64.  
  65. $('.back-to-top').click(function () { // Klick auf den Button
  66. $('body,html').animate({
  67. scrollTop: 0
  68. }, 800);
  69. return false;
  70. });
  71. });
  72.  
  73. });
  74. </script>
  75. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
  76. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  77. <head>
  78. <title>{Title}</title>
  79. <link rel="shortcut icon" href="{Favicon}">
  80. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  81. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  82. <!--all colors-->
  83. <meta name="color:background" content="#f6f6f6"/>
  84. <meta name="color:text" content="#888888"/>
  85. <meta name="color:links" content="#888888"/>
  86. <meta name="color:border" content="#888888"/>
  87. <meta name="color:posts" content="#ffffff">
  88. <meta name="color:scrollbar" content="#eeeeee">
  89. <meta name="color:asks" content="#eeeeee">
  90. <meta name="color:hover" content="#cccccc">
  91. <meta name="color:accent" content="#eeeeee">
  92. <meta name="color:accent two" content="#eeeeee">
  93. <!--images-->
  94. <meta name="image:background" content=""/>
  95. <meta name="image:sidebar" content=""/>
  96. <!--texts-->
  97. <meta name="text:title" content="CAKE"/>
  98. <!--sidebar links-->
  99. <meta name="text:link one" content="link one">
  100. <meta name="text:link two" content="link two">
  101. <meta name="text:link three" content="link three">
  102. <meta name="text:link one url" content="/">
  103. <meta name="text:link two url" content="/">
  104. <meta name="text:link three url" content="/">
  105. <!--custom css-->
  106. <style type="text/css">
  107. /*tumblr controls*/
  108. .tmblr-iframe {
  109. top:0px!important;
  110. position:fixed!important;
  111. opacity:0.5;
  112. -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%);
  113. z-index:99999999999999!important;
  114. white-space:nowrap;
  115. transition-duration: 0.3s;
  116. -moz-transition-duration: 0.3s;
  117. -webkit-transition-duration: 0.3s;
  118. -o-transition-duration: 0.3s;
  119. }
  120. /*scrollbar*/
  121. ::-webkit-scrollbar-thumb{
  122. height:auto;
  123. border:2px solid {color:background};
  124. background-color:{color:scrollbar};
  125. }
  126. ::-webkit-scrollbar{
  127. height:2px;
  128. border:2px solid {color:background};
  129. width:5px;
  130. }
  131. /*tooltips*/
  132. #s-m-t-tooltip{
  133. margin:13px 18px 6px 18px;
  134. padding:4px;
  135. background-color:{color:posts};
  136. font-family: 'lato', serif;
  137. border:1px solid {color:accent};
  138. font-weight:600;
  139. font-size:8px;
  140. text-transform:uppercase;
  141. letter-spacing:0px;
  142. color:{color:text};
  143. z-index:999999999999999999999999999999999999;
  144. }
  145. /*body basics*/
  146. body{
  147. background-color:{color:background};
  148. background-image:url('{image:background}');
  149. background-attachment: fixed;
  150. background-repeat: repeat;
  151. font-weight:none;
  152. font-family: 'calibri', sans-serif;
  153. font-size:11px;
  154. text-align:justify;
  155. color:{color:text};
  156. margin:0;
  157. }
  158. a{
  159. text-decoration:none;
  160. color:{color:links};
  161. transition-duration: 0.1s;
  162. -moz-transition-duration: 0.1s;
  163. -webkit-transition-duration: 0.1s;
  164. -o-transition-duration: 0.1s;
  165. }
  166. a:hover{
  167. text-decoration:none;
  168. color:{color:accent};
  169. transition-duration: 0.1s;
  170. -moz-transition-duration: 0.1s;
  171. -webkit-transition-duration: 0.1s;
  172. -o-transition-duration: 0.1s;
  173. }
  174. img {
  175. }
  176. blockquote {
  177. font-size:10px;
  178. width:auto;
  179. border-left:3px solid #eee;
  180. text-align:left;
  181. padding:1px;
  182. font-weight:none;
  183. margin-top:15px;
  184. margin-left:21px;
  185. padding-top:0.5px;
  186. padding-bottom:0.5px;
  187. font-size:11px;
  188. font-family: 'calibri', sans-serif;
  189. margin-right:20px;
  190. padding-left:15px;
  191. color:{color:text};
  192. }
  193. pre{
  194. font-size:9px;
  195. text-align:center;
  196. text-transform:none;
  197. font-family: 'Bitter', serif;
  198. font-weight:bold;
  199. line-height:9px;
  200. border-left:1px solid #eee;
  201. border-bottom:1px solid #eee;
  202. letter-spacing:2px;
  203. background-color:{color:posts};
  204. color:{color:text};
  205. padding:6px;
  206. }
  207. small{
  208. font-size:9px;
  209. font-family: 'calibri', sans-serif;
  210. }
  211. big{
  212. font-size:12px;
  213. font-family: 'calibri', sans-serif;
  214. font-weight:700;
  215. }
  216. sub{
  217. font-size:8px;
  218. font-family: 'calibri', sans-serif;
  219. }
  220. h1 {
  221. font-size:13px;
  222. text-align:center;
  223. font-family: 'Montserrat', sans-serif;
  224. letter-spacing:1px;
  225. text-transform:uppercase;
  226. font-weight:700;
  227. line-height:17px;
  228. border-bottom:1px solid #eee;
  229. color:{color:text};
  230. padding:7px;
  231. }
  232. h1 a{
  233. color:{color:text};
  234. }
  235. h2{
  236. color:{color:text};
  237. text-transform:uppercase;
  238. font-family: 'Montserrat', sans-serif;
  239. text-align:left;
  240. }
  241. b {
  242. font-weight:bold;
  243. font-family: 'calibri', sans-serif;
  244. color:{color:text};
  245. }
  246. i {
  247. font-weight:italic;
  248. color:{color:text};
  249. }
  250. grouptitle {
  251. color:{color:text};
  252. text-transform:none;
  253. font-size:10px;
  254. font-family: 'calibri', sans-serif;
  255. }
  256. dy {
  257. color:{color:text};
  258. font-weight:400;
  259. }
  260. ab {
  261. color:{color:text};
  262. font-family: 'bitter', sans-serif;
  263. font-size:10px
  264. font-weight:400;
  265. }
  266. am {
  267. color:{color:text};
  268. font-size:22px;
  269. padding:8px;
  270. padding-top:2px;
  271. text-transform:uppercase;
  272. font-family: 'roboto', sans-serif;
  273. letter-spacing:0px;
  274. font-weight:500;
  275. }
  276. n {
  277. font-weight:bold;
  278. letter-spacing:-1px;
  279. text-shadow: 1px 1px 1px #cccccc;
  280. font-size:12px;
  281. text-transform:uppercase;
  282. color:{color:text};
  283. }
  284. u {
  285. text-decoration:none;
  286. color:{color:text};
  287. padding:3px;
  288. border-bottom:1px solid {color:text};
  289. }
  290. underline {
  291. text-decoration:none;
  292. color:{color:info};
  293. border-bottom:1px solid {color:text};
  294. }
  295. /*sidebar*/
  296. #icon {
  297. position:fixed;
  298. margin-top:190px;
  299. padding:10px;
  300. margin-left:180px;
  301. background-color:transparent;
  302. z-index:9999999999999999;
  303. }
  304. #iconimage {
  305. z-index:-99999;
  306. }
  307. #iconimage img {
  308. width:176px;
  309. height:100px;
  310. left:312px;
  311. top:344px;
  312. position:absolute;
  313. background:{color:posts};
  314. border:1px solid {color:accent};
  315. opacity:1;
  316. z-index:999999;
  317. }
  318. /*back to top button*/
  319. .back-to-top {
  320. position: fixed;
  321. color:{color:text};
  322. bottom:13px;
  323. text-transform:uppercase;
  324. background:{color:background};
  325. left:13px;
  326. font-family: 'lato', sans-serif;
  327. font-size:9px;
  328. letter-spacing:0px;
  329. z-index:9999999999;
  330. font-weight:600;
  331. padding:10px;
  332. }
  333. /*jump pagination*/
  334. .pagination{
  335. font-family: 'roboto', sans-serif;
  336. margin-left:-190px;
  337. width:auto;
  338. padding-top:-10px;
  339. letter-spacing:2px;
  340. padding-bottom:20px;
  341. font-size:13px;
  342. text-align:center;
  343. }
  344. .pagination a{
  345. padding:5px;
  346. font-family: 'roboto', sans-serif;
  347. font-weight:600;
  348. bottom:10px;
  349. margin-left:5px;
  350. color:{color:text};
  351. }
  352. .pagination a:hover{
  353. color:{color:hover};
  354. -moz-transition-duration:0.5s;
  355. -webkit-transition-duration:0.5s;
  356. -o-transition-duration:0.5s;
  357. transition: all 0.3s ease-out;
  358. }
  359. /*audio*/
  360. .audioartist {
  361. font-family:'roboto', sans-serif;
  362. font-size:10px;
  363. text-transform:lowercase;
  364. font-weight:600;
  365. }
  366. .audiotitle {
  367. font-family:'roboto', sans-serif;
  368. font-size:10px;
  369. text-transform:lowercase;
  370. font-weight:600;
  371. }
  372. .audioplayed {
  373. font-family:'roboto', sans-serif;
  374. font-size:10px;
  375. text-transform:lowercase;
  376. font-weight:600;
  377. }
  378. .audioplayr {
  379. width:400px;
  380. color:{color:text};
  381. background:{color:accent};
  382. }
  383. audioinfo {
  384. font-family:'roboto', sans-serif;
  385. font-size:10px;
  386. letter-spacing:2px;
  387. text-transform:lowercase;
  388. font-weight:300;
  389. }
  390. /*post styles*/
  391. .pcaption{
  392. font-family:'calibri', sans-serif;
  393. font-size:10px;
  394. margin-left:0px;
  395. letter-spacing:0px;
  396. text-transform:none;
  397. font-weight:400;
  398. }
  399. .psets{
  400. max-width:400px;
  401. margin-top:-13px;
  402. height:auto;
  403. }
  404. .vsets{
  405. max-width:400px;
  406. margin-top:-13px;
  407. height:auto;
  408. }
  409. /*posts*/
  410. #entries {
  411. margin-left:650px;
  412. margin-top:60px;
  413. overflow:hidden;
  414. z-index:99999;
  415. }
  416. #post {
  417. font-size:10px;
  418. width:400px;
  419. padding:15px;
  420. color:{color:text};
  421. background-color:{color:posts};
  422. text-align:justify;
  423. z-index:-99999;
  424. margin-bottom:60px;
  425. border:1px solid {color:accent};
  426. padding-bottom:0px;
  427. overflow:hidden;
  428. }
  429. #post img{
  430. max-width:400px;
  431. margin-top:-12px;
  432. height:auto;
  433. }
  434. /*questions and answers*/
  435. #asking {
  436. margin-left:20px;
  437. margin-top:-35px;
  438. }
  439. #askingimage {
  440. }
  441. #askingimage img {
  442. margin-left:20px;
  443. width:30px;
  444. height:30px;
  445. border-radius:100px;
  446. margin-top:0px;
  447. }
  448. #question {
  449. padding:20px;
  450. padding-left:14px;
  451. margin-top:-32px;
  452. margin-left:10px;
  453. width:349px;
  454. color:{color:text};
  455. background-color:{color:asks};
  456. }
  457. #asker{
  458. margin-top:-66px;
  459. padding:1px;
  460. font-weight:300;
  461. font-size:11px;
  462. z-index:9999999999;
  463. color:{color:text};
  464. opacity:1;
  465. margin-left:14px;
  466. letter-spacing:0px;
  467. font-family: 'roboto', sans-serif;
  468. text-transform:lowercase;
  469. }
  470. #askerurl{
  471. margin-top:-19px;
  472. padding:1px;
  473. font-weight:500;
  474. font-size:10px;
  475. padding:7px;
  476. line-height:14px;
  477. height:13px;
  478. width:465px;
  479. z-index:9999999999;
  480. color:{color:text};
  481. opacity:1;
  482. margin-left:46px;
  483. padding-bottom:11px;
  484. letter-spacing:0px;
  485. font-family: 'Montserrat', sans-serif;
  486. text-transform:lowercase;
  487. }
  488. /*post info*/
  489. #info {
  490. width:510px;
  491. height:45px;
  492. background:{color:posts};
  493. text-align:left;
  494. font-family: 'lato', sans-serif;
  495. text-transform:uppercase;
  496. margin-left:-20px;
  497. font-size:8px;
  498. padding-left:30px;
  499. margin-top:5px;
  500. opacity:1;
  501. overflow:hidden;
  502. font-weight:600;
  503. font-style:none;
  504. line-height:15px;
  505. letter-spacing:1px;
  506. z-index:9999999999999999;
  507. color:{color:info};
  508. }
  509. #info a {
  510. text-align:center;
  511. font-weight:600;
  512. padding:2px;
  513. letter-spacing:2px;
  514. font-family: 'lato', sans-serif;
  515. line-height:5px;
  516. color:{color:info};
  517. }
  518. #info a:hover{
  519. color:{color:hover};
  520. }
  521. /*post tags*/
  522. #tags {
  523. text-align:left;
  524. opacity:1;
  525. font-size:8px;
  526. font-family: 'lato', sans-serif;
  527. margin-top:-30px;
  528. margin-left:-2px;
  529. color:{color:text};
  530. padding:5px;
  531. line-height:12px;
  532. font-weight:600;
  533. padding-bottom:0px;
  534. width:510px;
  535. text-transform:uppercase;
  536. -webkit-transition: all 0.7s ease-in-out;
  537. -moz-transition: all 0.7s ease-in-out;
  538. -o-transition: all 0.7s ease-in-out;
  539. -ms-transition: all 0.7s ease-in-out;
  540. transition: all 0.7s ease-in-out;
  541. }
  542. #tags a {
  543. padding:8px;
  544. margin-top:-3px;
  545. color:{color:text};
  546. line-height:20px;
  547. letter-spacing:2px;
  548. font-weight:600;
  549. width:auto;
  550. text-align:left;
  551. font-size:8px;
  552. font-family: 'lato', sans-serif;
  553. display:inline-block;
  554. }
  555. #tags a:hover {
  556. -moz-transition-duration:0.3s;
  557. -webkit-transition-duration:0.3s;
  558. -o-transition-duration:0.3s;
  559. color:{color:hover};
  560. }
  561. /*credit (u better leave this here u goof)*/
  562. #credit{
  563. position:fixed;
  564. font-size:8px;
  565. font-weight:600;
  566. height:20px;
  567. width:20px;
  568. opacity:1;
  569. border-radius:100px;
  570. right:13px;
  571. bottom:13px;
  572. letter-spacing:1px;
  573. line-height:26px;
  574. padding:5px;
  575. text-align:center;
  576. float:left;
  577. font-family: 'lato', sans-serif;
  578. color:{color:text};
  579. text-transform:uppercase;
  580. -moz-transition-duration:0.5s;
  581. -webkit-transition-duration:0.5s;
  582. -o-transition-duration:0.5s;
  583. transition: all 0.3s ease-out;
  584. }
  585. #credit:hover{
  586. opacity:0.5;
  587. -moz-transition-duration:0.5s;
  588. -webkit-transition-duration:0.5s;
  589. -o-transition-duration:0.5s;
  590. transition: all 0.3s ease-out;
  591. }
  592. /*sidebar links*/
  593. .links {
  594. width:300px;
  595. height:175px;
  596. overflow:hidden;
  597. cursor:pointer;
  598. left:249px;
  599. opacity:1;
  600. z-index:9999999999;
  601. padding:10px;
  602. position:fixed;
  603. top:321px;
  604. text-align:left;
  605. }
  606. .links #all {
  607. margin-left:-5px;
  608. margin-top:0px;
  609. padding:5px;
  610. transition-duration: 0.3s;
  611. -moz-transition-duration: 0.3s;
  612. -webkit-transition-duration: 0.3s;
  613. -o-transition-duration: 0.3s;
  614. }
  615. .links #all a:hover {
  616. background:{color:hover};
  617. transition-duration: 0.3s;
  618. -moz-transition-duration: 0.3s;
  619. -webkit-transition-duration: 0.3s;
  620. -o-transition-duration: 0.3s;
  621. }
  622. .links a {
  623. width:164px;
  624. height:24px;
  625. margin-bottom:-1px;
  626. text-align:left;
  627. text-transform:uppercase;
  628. padding:5px;
  629. padding-left:11px;
  630. opacity:1;
  631. margin-left:0px;
  632. line-height:25px;
  633. border:1px solid {color:accent};
  634. background:{color:posts};
  635. color:{color:links};
  636. z-index:99999;
  637. letter-spacing:0.5px;
  638. font-weight:700;
  639. font-family: 'Josefin Sans', sans-serif;
  640. font-size:9px;
  641. display:inline-block;
  642. -webkit-transition: all 0.3s ease-in-out;
  643. -moz-transition: all 0.3s ease-in-out;
  644. -o-transition: all 0.3s ease-in-out;
  645. -ms-transition: all 0.3s ease-in-out;
  646. transition: all 0.3s ease-in-out;
  647. }
  648. figure.snip1321 {
  649. font-family: 'Raleway', Arial, sans-serif;
  650. position: fixed;
  651. overflow: hidden;
  652. width: 180px;
  653. height: 215px;
  654. top:120px;
  655. left:259px;
  656. color: #000000;
  657. border:1px solid {color:accent};
  658. text-align: center;
  659. -webkit-perspective: 50em;
  660. perspective: 50em;
  661. border-radius:5px 5px 0px 0px;
  662. }
  663. figure.snip1321 * {
  664. -webkit-box-sizing: padding-box;
  665. box-sizing: padding-box;
  666. -webkit-transition: all 0.2s ease-out;
  667. transition: all 0.2s ease-out;
  668. }
  669. figure.snip1321 img {
  670. width: 180px;
  671. height: 215px;
  672. }
  673. figure.snip1321 figcaption {
  674. top: 50%;
  675. left: 20px;
  676. right: 20px;
  677. position: absolute;
  678. opacity: 0;
  679. z-index: 1;
  680. }
  681. figure.snip1321 h2,
  682. figure.snip1321 h4 {
  683. margin: 0;
  684. }
  685. figure.snip1321 p {
  686. font-weight: none;
  687. font-size:9px;
  688. color:{color:text};
  689. padding:5px;
  690. font-family: 'Roboto', sans-serif;
  691. }
  692. figure.snip1321 h4 {
  693. font-weight: 700;
  694. letter-spacing:2px;
  695. color:{color:text};
  696. font-size:14px;
  697. font-family: 'Josefin Sans', sans-serif;
  698. text-transform: uppercase;
  699. }
  700. figure.snip1321:after {
  701. background-color: {color:posts};
  702. position: absolute;
  703. content: "";
  704. display: block;
  705. top: 20px;
  706. left: 20px;
  707. right: 20px;
  708. bottom: 20px;
  709. -webkit-transition: all 0.4s ease-in-out;
  710. transition: all 0.4s ease-in-out;
  711. -webkit-transform: rotateX(-90deg);
  712. transform: rotateX(-90deg);
  713. -webkit-transform-origin: 50% 50%;
  714. -ms-transform-origin: 50% 50%;
  715. transform-origin: 50% 50%;
  716. opacity: 0;
  717. }
  718. figure.snip1321 a {
  719. left: 0;
  720. right: 0;
  721. top: 0;
  722. bottom: 0;
  723. position: absolute;
  724. z-index: 1;
  725. }
  726. figure.snip1321:hover figcaption,
  727. figure.snip1321.hover figcaption {
  728. -webkit-transform: translateY(-50%);
  729. transform: translateY(-50%);
  730. opacity: 1;
  731. -webkit-transition-delay: 0.2s;
  732. transition-delay: 0.2s;
  733. }
  734. figure.snip1321:hover:after,
  735. figure.snip1321.hover:after {
  736. -webkit-transform: rotateX(0);
  737. transform: rotateX(0);
  738. opacity: 0.9;
  739. }
  740. {CustomCSS}</style>
  741. </head>
  742. <body>
  743. <!--basics-->
  744. <div id="sidebar">
  745. </div>
  746. </div>
  747. </div>
  748. <!--hover-->
  749. <figure class="snip1321"><img src="{image:sidebar}"/>
  750. <figcaption><i class="ion-upload"></i>
  751. <h4>{text:title}</h4>
  752. <p>{description}</p>
  753. </figcaption>
  754. </figure>
  755. </div>
  756. </div>
  757. <!--sidebar links-->
  758. <div class="links">
  759. <div id="all">
  760. <a href="/">refresh <font style="float:right;margin-right:7px;"><i class="fa fa-refresh"style="color:{color:links};"></i></font style></a>
  761. <a href="/ask">inbox <font style="float:right;margin-right:7px;"><i class="fa fa-paper-plane"style="color:{color:links}"></i></font style></a>
  762. <a href="{text:link one url}">{text:link one} <font style="float:right;margin-right:7px;"><i class="fa fa-cog"style="color:{color:links}"></i></font style></a>
  763. <a href="{text:link two url}">{text:link two} <font style="float:right;margin-right:7px;"><i class="fa fa-folder"style="color:{color:links}"></i></font style></a>
  764. <a href="{text:link three url}"style="margin-left:0px;border-radius:0px 0px 5px 5px;">{text:link three} <font style="float:right;margin-right:7px;"><i class="fa fa-reorder"style="color:{color:links}"></i></font style></a>
  765. </div>
  766. </div>
  767. <!--posts and entries-->
  768. <div id="entries">
  769. {block:Posts}
  770. <div id="post"
  771. <div id="post">
  772. <!--texts-->
  773. {block:Text}
  774. {block:Title}<h1><center>{Title}</center></h1>{/block:Title}
  775. {Body}
  776. {/block:Text}
  777. <!--question and answers-->
  778. {block:Answer}
  779. <div id="askingimage"><img src="{AskerPortraitURL-48}"/></div>
  780. <div id="askerurl">{Asker} asked:</div>
  781. <div id="question">{Question}</div>
  782. {Answer}{/block:Answer}
  783. <!--quotes-->
  784. {block:Quote}
  785. {block:Quote}
  786. <h2>{Quote}</h2>
  787. <div align="right">
  788. {block:Source}<h1>-{Source}</h1>{/block:Source}
  789. </div>
  790. {/block:Quote}
  791. <!--links-->
  792. {block:Link}
  793. <h2><center><a href="{URL}">{Name}</center></a></h2>
  794. {block:Description}{Description}{/block:Description}
  795. {/block:Link}
  796. <!--chats-->
  797. {block:Chat}
  798. {block:Title}<h2>{Title}</h2>{/block:Title}
  799. <ul class="convo">{block:Lines}<li class="line">{block:Label}<span class ="label">{Label}</span>{/block:Label}
  800. {Line}</li>{/block:Lines}</ul>
  801. {/block:Chat}
  802. <!--photos-->
  803. {block:Photo}
  804. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}" width="auto">{LinkCloseTag}
  805. {block:Caption}<div class="pcaption">{Caption}</div>{/block:Caption}
  806. {/block:Photo}
  807. <!--photosets-->
  808. {block:Photoset}
  809. <div class="psets">{Photoset-400}</div>
  810. {block:Caption}<div class="pcaption">{Caption}</div>{/block:Caption}
  811. {/block:Photoset}
  812. <!--videos-->
  813. {block:Video}
  814. <div class="vsets">{Video-400}</div>
  815. {block:Caption}<div class="pcaption">{Caption}</div>{/block:Caption}
  816. {/block:Video}
  817. <!--audios-->
  818. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px;" />{/block:AlbumArt}
  819. {block:TrackName}<div class="audiotitle">Title: <audioinfo>{TrackName}</audioinfo><br/></div>{/block:TrackName}
  820. {block:Artist}<div class="audioartist">Artist: <audioinfo>{Artist}</audioinfo><br/></div>{/block:Artist}
  821. {/block:ExternalAudio}<div class="audioplayed">Played: <audioinfo>{PlayCount} times</audioinfo> </div>
  822. </br>
  823. <div class="audioplayr"style="background:{color:accent}">{AudioPlayer}</div>
  824. {/block:Audio}
  825. <!--tags-->
  826. <div id="info">
  827. <div id="permalink">
  828. <a href="{Permalink}"title="{TimeAgo}">{ShortMonth} {DayOfMonth}</a></br>
  829. <font style="float:left;margin-right:27px;"><a href="{Permalink}"title="{NoteCountWithLabel}"><i class="fa fa-bookmark"></i><a href="{ReblogURL}" title="reblog"target="_blank" class="details"><i class="fa fa-refresh"></i></a>{block:RebloggedFrom}{block:ContentSource}<a href="{ReblogParentURL}" ><a href="{ReblogParentURL}" title="{ReblogParentName}"><i class="fa fa-history"></i></a>
  830. <a href="{SourceURL}"title="{ReblogRootName}"><i class="fa fa-copyright"></i></a></font style>
  831. {/block:ContentSource}
  832. {/block:RebloggedFrom}
  833. </div>
  834. {/block:Date}
  835. </div>
  836. {block:HasTags}<div id="tags"> {block:Tags} <a href="{TagURL}"> <i class="fa fa-tag"style="color:{color:info}"></i> {Tag} </a> {/block:Tags}
  837. </div>
  838. {/block:HasTags}
  839. </div>
  840. {block:PostNotes} {PostNotes} {/block:PostNotes}
  841.  
  842. {/block:Posts}
  843. {block:Pagination}
  844. <div class="pagination"style="{color:title text}">
  845. {block:PreviousPage}<a href="{PreviousPage}"title="previous page">BACK</a>{/block:PreviousPage}{block:JumpPagination length="4"}{block:CurrentPage}<span class="current_page"style="color:{color:accent};font-weight:600;padding:5px">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a class="jump_page"style="{color:text}" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage}<a href="{NextPage}"title="next page">NEXT</a>{/block:NextPage}
  846. {/block:Pagination}</div>
  847. </div>
  848. <!--credit (u better dont touch this here u goof)-->
  849. <div id="credit">
  850. <a href="http://ceesty.com/qNgV4R"title="daddythemes"><i class="fa fa-at" style="color:{color:credit};font-size:14px;margin-top:5px"></i></a>
  851. </div>
  852. </html>
  853. </body>
  854. <!-----end html---->
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!