Advertisement
b0rn-to-be-wild

Despicable me

Dec 3rd, 2014
322
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.24 KB | None | 0 0
  1.  
  2. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4.  
  5. <!----
  6.  
  7. © borntobewildthemes.tumblr.com | "Despicable me"
  8.  
  9. + Please do not redistribute this theme or remove credits
  10. + You are allowed to make changes as long as you keep our credits
  11. + If you have any questions or concerns, just contact us
  12. + Thanks for using our theme :) Hope you enjoy it!
  13.  
  14. ---->
  15.  
  16. <html>
  17.  
  18. <head>
  19.  
  20. <!--Google fonts-->
  21.  
  22. <link href='http://fonts.googleapis.com/css?family=Mystery+Quest' rel='stylesheet' type='text/css'>
  23.  
  24. <link href='http://fonts.googleapis.com/css?family=Trade+Winds' rel='stylesheet' type='text/css'>
  25.  
  26. <link href='http://fonts.googleapis.com/css?family=Clicker+Script' rel='stylesheet' type='text/css'>
  27.  
  28. <link href='http://fonts.googleapis.com/css?family=Exo' rel='stylesheet' type='text/css'>
  29.  
  30. <link href='http://fonts.googleapis.com/css?family=The+Girl+Next+Door' rel='stylesheet' type='text/css'>
  31.  
  32. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  33.  
  34. <meta name="viewport" content="width=device-width, initial-scale=1">
  35.  
  36. <!--DEFAULT VARIABLES-->
  37. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  38.  
  39. <meta name="image:Background" content="1"/>
  40. <meta name="image:Header image" content="0"/>
  41.  
  42. <meta name="color:Background" content="#fff"/>
  43. <meta name="color:Header background" content="#fff"/>
  44. <meta name="color:Container background" content="#fff"/>
  45. <meta name="color:Icon" content="#D54D99"/>
  46. <meta name="color:Link" content="#3B8BAE"/>
  47. <meta name="color:Link background" content="#fff"/>
  48. <meta name="color:Post background" content="#fff"/>
  49. <meta name="color:Text" content="#777"/>
  50. <meta name="color:Hover" content="#ffd868"/>
  51. <meta name="color:Italic" content="#D54D99"/>
  52. <meta name="color:Bold" content="#ffd868"/>
  53. <meta name="color:Borders" content="#8C8E8B"/>
  54. <meta name="color:Header Image Border" content="#3B8BAE"/>
  55. <meta name="color:Description" content="#777"/>
  56. <meta name="color:Title" content="#3B8BAE"/>
  57. <meta name="color:Blog Title" content="#FFD868"/>
  58. <meta name="color:Scrollbar" content="#FFD868"/>
  59. <meta name="color:Ask bubble" content="#777"/>
  60.  
  61. <meta name="if:Show Search" content="1" />
  62. <meta name="if:Show Captions" content="0" />
  63. <meta name="if:Show Tags" content="0" />
  64.  
  65. <meta name="select:Title Font" content="Exo" title="Exo">
  66. <meta name="select:Title Font" content="Trade Winds" title="Trade Winds">
  67. <meta name="select:Title Font" content="Clicker Script" title="Clicker Script">
  68. <meta name="select:Title Font" content="The Girl Next Door" title="The Girl Next Door">
  69. <meta name="select:Title Font" content="Mystery Quest" title="Mystery Quest">
  70.  
  71. <meta name="font:Body font" content=""/>
  72.  
  73. <meta name="if:Show Link One" content="1" />
  74. <meta name="if:Show Link Two" content="1" />
  75. <meta name="if:Show Link Three" content="1" />
  76. <meta name="if:Show Link Four" content="1" />
  77. <meta name="if:Show Link Five" content="1" />
  78.  
  79. <meta name="text:Link One" content="Link One"/>
  80. <meta name="text:Link Two" content="Link Two"/>
  81. <meta name="text:Link Three" content="Link Three"/>
  82. <meta name="text:Link Four" content="Link Four"/>
  83. <meta name="text:Link Five" content="Link Five"/>
  84.  
  85. <meta name="text:Link One Url" content="Link One Url"/>
  86. <meta name="text:Link Two Url" content="Link Two Url"/>
  87. <meta name="text:Link Three Url" content="Link Three Url"/>
  88. <meta name="text:Link Four Url" content="Link Four Url"/>
  89. <meta name="text:Link Five Url" content="Link Five Url"/>
  90.  
  91. <style type="text/css">
  92.  
  93. /*Body*/
  94.  
  95. body {
  96. padding: 0px;
  97. margin: 0px;
  98. color:{color:text};
  99. font-family:{font:Body font};
  100. line-height:20px;
  101. font-size:15px;
  102. background-color: {color:Background};
  103. background-image:url({image:Background});
  104. background-attachment: fixed;
  105. background-repeat: repeat;
  106. overflow:hidden;
  107. }
  108.  
  109. h1{
  110. line-height: 25px;
  111. color:{color:Title};
  112. font-family:{select:Title Font};
  113. font-size:22px;
  114. font-weight: normal;
  115. border-bottom:1px solid {color:Info border};
  116. }
  117.  
  118. h2{
  119. line-height:20px;
  120. font-size:17px;
  121. }
  122.  
  123. a:link, a:active, a:visited{
  124. -webkit-transition: color 0.3s ease-out;
  125. -moz-transition: color 0.3s ease-out;
  126. transition: color 0.3s ease-out;
  127. color:{color:link};
  128. text-decoration:none;
  129. }
  130.  
  131. a:hover {
  132. color: {color:Hover};
  133. text-decoration:none;
  134. }
  135.  
  136. a img{border: 0px;}
  137.  
  138. b, strong {color:{color:Bold};}
  139. i, em {color:{color:Italic};}
  140. p {margin-top:5px; margin-bottom:5px;}
  141.  
  142. blockquote{
  143. padding:0px 0px 2px 5px;
  144. margin:0px 0px 2px 10px;
  145. border-left: 1px dotted #555555;
  146. }
  147.  
  148. blockquote p, ul{
  149. margin:0px;
  150. padding:0px;
  151. }
  152.  
  153. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  154.  
  155. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  156. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  157.  
  158. .notes img{
  159. width:15px;
  160. position:relative;
  161. top:3px;
  162. margin-right:5px;
  163. border:1px solid {color:Borders};
  164. border-radius:60px;
  165. }
  166.  
  167. <--ses-->
  168. small{font-size: 90%;}
  169.  
  170. big{font-size: 110%;}
  171.  
  172.  
  173. /* Webkit scrollbar */
  174.  
  175. ::-webkit-scrollbar-thumb {
  176. background: {color:Scrollbar};
  177. height: auto; border: 3px solid {color:Post background};
  178. }
  179.  
  180. ::-webkit-scrollbar {
  181. height:10px;
  182. width:12px;
  183. background: {color:Scrollbar};
  184. height: auto;
  185. border: 5px solid {color:Post background};
  186. }
  187.  
  188. /*Posts and entries*/
  189.  
  190. #container{
  191. margin:auto;
  192. position:relative;
  193. width:900px;
  194. margin-left:auto;
  195. margin-right:auto;
  196. -webkit-box-shadow: 1px 3px 18px -2px rgba(50, 50, 50, 0.75);
  197. -moz-box-shadow: 1px 3px 18px -2px rgba(50, 50, 50, 0.75);
  198. box-shadow: 1px 3px 18px -2px rgba(50, 50, 50, 0.75);
  199. }
  200.  
  201. #posts {
  202. width:895px;
  203. margin-top:-3px;
  204. z-index:99;
  205. margin-right:auto;
  206. margin-left:auto;
  207. position:relative;
  208. overflow-y:auto;
  209. max-height:340px;
  210. background:{color:Container background};
  211. border:3px solid {color:Borders};
  212. {block:PermalinkPage}
  213. width:545px;
  214. border:3px solid transparent;
  215. {/block:PermalinkPage}
  216. }
  217.  
  218. .entry {
  219. float:left;
  220. display: block;
  221. margin:10px;
  222. overflow:hidden;
  223. width:250px;
  224. padding:10px;
  225. border:2px solid {color:Borders};
  226. {block:PermalinkPage}
  227. width:500px;
  228. margin-left:auto;
  229. margin-right:auto;
  230. {/block:PermalinkPage}
  231. background:{color:Post background};
  232. -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  233. -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  234. box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  235. }
  236.  
  237. .entry:hover{
  238. -webkit-transition: all .7s ease;
  239. -moz-transition: all .7s ease;
  240. -o-transition: all .7s ease;
  241. transition: all .7s ease;
  242. -moz-box-shadow: 0 0 5px 5px #888;
  243. -webkit-box-shadow: 0 0 5px 5px #888;
  244. box-shadow: 0 0 5px 5px #888;
  245. }
  246.  
  247. .entry p img, .entry blockquote img { max-width: 100%; }
  248.  
  249. /* Header */
  250.  
  251. #header1{
  252. position:relative;
  253. margin-left:0px;
  254. margin-top:150px;
  255. background-color:{color:Header background};
  256. background-size:cover;
  257. border:3px solid {color:Borders};
  258. height:110px;
  259. width:895px;
  260. z-index:10000;
  261. }
  262.  
  263. #blogtitle{
  264. position:absolute;
  265. margin-top:-100px;
  266. font-size:30px;
  267. max-width:350px;
  268. line-height: 35px;
  269. color:{color:Blog title};
  270. font-family:{select:Title Font};
  271. font-weight: normal;
  272. }
  273.  
  274. #navibox{
  275. position:absolute;
  276. margin-left:505px;
  277. margin-top:5px;
  278. width:370px;
  279. font-size:30px;
  280. color:{color:Blog Title};
  281. letter-spacing:2px;
  282. line-height:30px;
  283. height:91px;
  284. padding-top:10px;
  285. }
  286.  
  287. #navibox:hover{
  288. color:{color:Hover};
  289. }
  290.  
  291. .navigation{
  292. position:absolute;
  293. margin:0px;
  294. width:360px;
  295. padding-left:5px;
  296. padding-right:5px;
  297. height:60px;
  298. }
  299.  
  300. .navigation a{
  301. display:inline;
  302. margin-right:2px;
  303. background:{color:Link background};
  304. border:1px solid {color:Borders};
  305. padding:3px;
  306. text-align:center;
  307. font-size:12px;
  308. }
  309.  
  310. .navigation a:hover{
  311. opacity:1;
  312. background:{color:Borders};
  313. -webkit-transition: all .7s ease;
  314. -moz-transition: all .7s ease;
  315. -o-transition: all .7s ease;
  316. transition: all .7s ease;
  317. }
  318.  
  319. .topbar{
  320. position:absolute;
  321. width:900px;
  322. height:143px;
  323. margin-top:-143px;
  324. margin-left:-3px;
  325. background:url('http://i58.tinypic.com/90wtjl.jpg');
  326. z-index:-100;
  327. }
  328.  
  329. /* Search box */
  330.  
  331. .search{
  332. margin-top:5px;
  333. width:200px;
  334. height:32px;
  335. }
  336.  
  337. .search i{
  338. position:fixed;
  339. margin-left:-22px;
  340. margin-top:10px;
  341. font-size:20px;
  342. color:{color:Icon};
  343. }
  344.  
  345. #headerimage {
  346. position:absolute;
  347. margin-left:378.5px;
  348. margin-top:3px;
  349. width:100px;
  350. height:100px;
  351. border-radius:100%;
  352. z-index:1000000;
  353. border:3px solid {color:Header image border};
  354. }
  355.  
  356. #headerimage img {
  357. width:100px;
  358. height:100px;
  359. border-radius:100%;
  360. }
  361.  
  362. #links{
  363. position:relative;
  364. width:360px;
  365. height:40px;
  366. margin-top:-5px;
  367. z-index:10000;
  368. }
  369.  
  370. #links i{
  371. color:{color:Icon};
  372. margin-top:10px;
  373. }
  374.  
  375. #links a{
  376. display:inline-block;
  377. min-width:35px;
  378. min-height:35px;
  379. margin-left:20px;
  380. line-height:14px;
  381. opacity:0.9;
  382. text-align:center;
  383. vertical-align:center;
  384. background:url('http://i59.tinypic.com/21c8383.png');
  385. }
  386.  
  387. #links a:hover{
  388. opacity:1;
  389. -webkit-transition: all .7s ease;
  390. -moz-transition: all .7s ease;
  391. -o-transition: all .7s ease;
  392. transition: all .7s ease;
  393. }
  394.  
  395. #desc{
  396. position:absolute;
  397. width:355px;
  398. height:95px;
  399. overflow-y:auto;
  400. overflow-x:hidden;
  401. padding:5px;
  402. margin-top:5px;
  403. margin-left:0px;
  404. font-size:13.5px;
  405. color:{color:Description};
  406. line-height:15px;
  407. text-align:center;
  408. }
  409.  
  410. /* Quote posts */
  411.  
  412. .quote {
  413. font-size:20px;
  414. line-height:25px;
  415. font-family:{select:Title Font};
  416. color:{color:Italic};
  417. margin-top:10px;
  418. margin-left:10px;
  419. margin-right:10px;
  420. margin-bottom:5px;
  421. padding:5px;
  422. text-align:center;
  423. letter-spacing:1px;
  424. }
  425.  
  426. .source {
  427. font-size:15px;
  428. line-height:18px;
  429. color:{color:Italic};
  430. height:auto;
  431. margin-top:10px;
  432. margin-left:10px;
  433. margin-right:10px;
  434. margin-bottom:5px;
  435. padding:5px;
  436. text-align:right;
  437. letter-spacing:1px;
  438. }
  439.  
  440. /* Chat posts */
  441.  
  442. .chat .line{
  443. margin:0 0 -1px;
  444. color: {color:Text};
  445. padding:2px;
  446. border-top:1px dashed {color:Borders};
  447. border-bottom:1px dashed {color:Borders};
  448. }
  449.  
  450. .label {
  451. font-weight:bold;
  452. color:{color:Bold};
  453. font-size:15px;
  454. }
  455.  
  456. /* Audio posts */
  457.  
  458. .album img{
  459. max-width:70px;
  460. margin-left:5px;
  461. float:left;
  462. margin-top:0px;
  463. z-index:10;
  464. border: 1px solid {color:Borders};
  465. }
  466.  
  467. .audio{
  468. position:absolute;
  469. width:165px;
  470. min-height:70px;
  471. margin-left:80px;
  472. float:left;
  473. padding:5px;
  474. margin-top:-2px;
  475. z-index:10;
  476. font-size:11px;
  477. line-height:15px;
  478. overflow:hidden;
  479. }
  480.  
  481. .player{
  482. position:absolute;
  483. max-width:28px;
  484. max-height:28px;
  485. margin-left:27px;
  486. margin-top:27px;
  487. z-index:100000;
  488. overflow:hidden;
  489. }
  490.  
  491. /* Link posts */
  492.  
  493. #linktitle {
  494. width:235px;
  495. {block:PermalinkPage}
  496. width:485px;
  497. {block:PermalinkPage}
  498. border:2px solid {color:Borders};
  499. padding:5px;
  500. }
  501.  
  502. .linktexttitle {
  503. line-height: 25px;
  504. color:{color:Link};
  505. font-family:{select:Title Font};
  506. font-size:20px;
  507. font-weight: normal;
  508. }
  509.  
  510. }
  511. .linktexttitle a {color:{color:Posts};}
  512. .linkdescription {
  513. padding:5px;
  514. margin:0px;
  515. text-align:left;}
  516.  
  517. /*Ask Posts*/
  518.  
  519. .bubble {
  520. position: relative;
  521. align:right;
  522. height:auto;
  523. background: {color:Ask bubble};
  524. margin:5px 0px 5px 66px;
  525. padding:5px;
  526. -moz-border-radius:5px;
  527. -webkit-border-radius:5px;
  528. border-radius:5px;
  529. }
  530.  
  531. .bubble p {
  532. margin:1px 0px;
  533. }
  534.  
  535. .bubble span {
  536. display:block;
  537. position:absolute;
  538. width:1px;
  539. height:1px;
  540. font-size: 0;
  541. line-height: 1px;
  542. margin-left:-10px;
  543. margin-top:0px;
  544. border-top:7px solid transparent;
  545. border-bottom:7px solid transparent;
  546. border-right:10px solid {color:Ask bubble};}
  547.  
  548. .askborder {
  549. float: left;
  550. margin: 1px 4px 0 0;
  551. padding: 2px;
  552. background: {color:Ask bubble};}
  553.  
  554. /* EXTRAS */
  555.  
  556. .like_and_reblog_buttons {
  557. position:absolute;
  558. float:right;
  559. margin-left:200px;
  560. margin-bottom:10px;
  561. z-index:200000;
  562. border: 0px solid #e8e8e8;
  563. border-radius: 3px;
  564. list-style: none;
  565. {block:PermalinkPage}
  566. margin-left:420px;
  567. {/block:PermalinkPage}
  568. }
  569.  
  570. .like_and_reblog_buttons li {
  571. float:right;
  572. margin: 5px 5px;
  573. height: 15px;
  574. }
  575.  
  576. .like_and_reblog_buttons li:first-child {
  577. border-right: 0px solid #e8e8e8;
  578. }
  579.  
  580. .info {
  581. height:20px;
  582. float:center;
  583. padding-top:4px;
  584. margin-top:10px;
  585. text-align:center;
  586. font-size:13px;
  587. letter-spacing:1px;
  588. line-height:20px;
  589. background-color: transparent;
  590. color:{color:Link};
  591. border-top:1px solid{color:Borders};
  592. width:250px;
  593. {block:PermalinkPage}
  594. width:500px;
  595. {/block:PermalinkPage}
  596. text-transform:lowercase;
  597. }
  598.  
  599. .info a {
  600. font-size:13px; }
  601.  
  602. .info i {
  603. color:{color:Icon};}
  604.  
  605. /* Style of the box that appears when you hover over the links */
  606.  
  607. #s-m-t-tooltip {
  608. max-width:300px;
  609. z-index:10000000000;
  610. margin:24px 14px 7px 12px;
  611. padding:8px;
  612. color:{color:Link};
  613. background:{color:Post Background};
  614. border:1px solid {color:Borders};
  615. font-size:12px;
  616. line-height:16px;
  617. -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  618. -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  619. box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  620. }
  621.  
  622. /* Pagination */
  623.  
  624. .pagination {
  625. margin-top:20px;
  626. margin-bottom:20px;
  627. }
  628.  
  629. .jump_page {
  630. padding: 4px 8px;
  631. color:{color:Link};
  632. background:{color:Post background};
  633. font-size:11px;
  634. text-decoration:none;
  635. border:1px solid {color:Borders};
  636. }
  637.  
  638. .current_page, .jump_page:hover{
  639. padding: 4px 8px;
  640. background:{color:Post background};
  641. color:{color:Hover};
  642. font-size:11px;
  643. text-decoration:none;
  644. border:1px solid {color:Borders};
  645. }
  646.  
  647. /* Credits */
  648.  
  649. #credits {
  650. position:fixed;
  651. right:10px;
  652. top:40px;
  653. z-index:100000;
  654. }
  655.  
  656. #credits img{
  657. border:3px solid {color:Borders};
  658. }
  659.  
  660. </style>
  661.  
  662. {CustomCSS}
  663.  
  664.  
  665. </style>
  666.  
  667.  
  668. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  669. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  670. <script src="jquery.style-my-tooltips.js"></script>
  671.  
  672. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  673.  
  674. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  675. <script>
  676. (function($){
  677. $(document).ready(function(){
  678. $("[title]").style_my_tooltips({
  679. tip_follows_cursor:true,
  680. tip_delay_time:200,
  681. tip_fade_speed:300
  682. }
  683. );
  684. });
  685. })(jQuery);
  686. </script>
  687.  
  688.  
  689. <script type="text/javascript"
  690. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  691.  
  692. {block:IndexPage}
  693. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  694. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  695.  
  696. <script type="text/javascript">
  697. $(window).load(function(){
  698. var $wall = $('#posts');
  699. $wall.imagesLoaded(function(){
  700. $wall.masonry({
  701. itemSelector: '.entry, .entry_photo',
  702. isAnimated : false
  703. });
  704. });
  705.  
  706. $wall.infinitescroll({
  707. navSelector : '#pagination',
  708. nextSelector : '#pagination a',
  709. itemSelector : '.entry, .entry_photo',
  710. bufferPx : 2000,
  711. debug : false,
  712. errorCallback: function() {
  713. $('#infscr-loading').fadeOut('normal');
  714. }},
  715. function( newElements ) {
  716. var $newElems = $( newElements );
  717. $newElems.hide();
  718. $newElems.imagesLoaded(function(){
  719. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  720. });
  721. }); $('#posts').show(500);
  722. });
  723. </script>
  724.  
  725. {/block:IndexPage}
  726.  
  727. <title>{title}</title>
  728.  
  729. <link rel="shortcut icon" href="{Favicon}" />
  730.  
  731. </head>
  732.  
  733. <body>
  734.  
  735. <div id="container">
  736.  
  737. <div style="position:absolute; margin-left:-70px; margin-top: 350px; z-index:1000000;"><img src="http://i61.tinypic.com/2vxhoop.png" border="0;"> </div>
  738.  
  739. <div style="position: absolute; margin-left:897px; margin-top: 60px; z-index:100000;"><img src="http://i59.tinypic.com/r0o7io.png" border="0;"> </div>
  740.  
  741. <div id="header1">
  742. <div class="topbar"></div>
  743.  
  744. <div id="blogtitle">{Title}</div>
  745.  
  746. <div id="navibox">
  747.  
  748. <div class="navigation">
  749. <center>
  750. {block:IfShowLinkOne}
  751. <a href="{text:Link One url}" Title="{text:Link One}">01</a>
  752. {/block:IfShowLinkOne}
  753. {block:IfShowLinkTwo}
  754. <a href="{text:Link Two url}" Title="{text:Link Two}">02</a>
  755. {/block:IfShowLinkTwo}
  756. {block:IfShowLinkThree}
  757. <a href="{text:Link Three url}" Title="{text:Link Three}">03</a>
  758. {/block:IfShowLinkThree}
  759. {block:IfShowLinkFour}
  760. <a href="{text:Link Four url}" Title="{text:Link Four}">04</a>
  761. {/block:IfShowLinkFour}
  762. {block:IfShowLinkFive}
  763. <a href="{text:Link Five url}" Title="{text:Link Five}">05</a>
  764. {/block:IfShowLinkFive}
  765. {block:IfShowSearch}
  766. <div class="search">
  767. <form action="/search" method="get">
  768. <input type="text" name="q" value="search..." style="width:155px; padding-left:10px; height:20px; border:1px solid {color:Borders}; background:{color:Header background}; color:{color:Link}; font-size: 12px;margin-top:4px; margin-left:0px;"/><i class="fa fa-search"></i></form>
  769. </div>
  770. {/block:IfShowSearch}
  771. </center>
  772. </div>
  773. </div>
  774.  
  775. <div id="headerimage"><img src="{image:Header image}">
  776. <div class="headerimageborder"></div>
  777. </div>
  778. <div id="desc">
  779. <div id="links">
  780. <center>
  781. <a href="/" Title="Index"><i class="fa fa-home fa"></i></a>
  782. <a href="/ask" Title="Message"><i class="fa fa-envelope fa"></i></a>
  783. <a href="/submit" Title="Submit"><i class="fa fa-pencil fa"></i></a>
  784. <a href="/archive" Title="Archive"><i class="fa fa-history fa"></i></a>
  785. </center>
  786. </div>
  787. {description}
  788. </div>
  789. </div>
  790.  
  791. <div id="posts">
  792. {block:Posts}
  793. <div class="entry">
  794.  
  795. <div class="content">
  796.  
  797. {block:Text}
  798. {block:Title}
  799. <a href="{Permalink}">
  800. <h1>{Title}</h1></a>
  801. {/block:Title}
  802. {Body}
  803. {/block:Text}
  804.  
  805. {block:Photo}
  806. {block:IndexPage}
  807. <img src="{PhotoURL-250}"
  808. class="shakeimage" onMouseover="init(this);rattleimage()" &nbsp;&nbsp;&nbsp;&nbsp;onMouseout="stoprattle(this);top.focus()" onClick="top.focus()"/>
  809. </a>{/block:IndexPage}
  810. {block:PermalinkPage}
  811. <a href="{permalink}">
  812. <img src="{PhotoURL-500}"
  813. width="500"/></a>{/block:PermalinkPage}
  814. {/block:Photo}
  815.  
  816. {block:Photoset}
  817. {block:IndexPage}
  818. {Photoset-250}
  819. {/block:IndexPage}
  820. {block:PermalinkPage}
  821. {Photoset-500}
  822. {/block:PermalinkPage}
  823. {/block:Photoset}
  824.  
  825. {block:Quote}
  826. <div class="quote">
  827. "{Quote}"
  828. {block:Source}
  829. <div class="source">-{Source}
  830. </div>{/block:Source}</div>
  831. {/block:Quote}
  832.  
  833. {block:Link}
  834. <div id="linktitle">
  835. <div class="linktexttitle">
  836. <a href="{URL}"
  837. class="linkpost"
  838. target="_blank">
  839. {Name} &raquo;</a></div></div>
  840. {block:Description}
  841. <div class="linkdescription">{Description}</div>
  842. {/block:Description}
  843. {/block:Link}
  844.  
  845. {block:Chat}
  846. {block:Title}
  847. <h1>{Title}</h1>
  848. {/block:Title}
  849. {block:Lines}
  850. <div class="chat"><div class="line {Alt}">
  851. <div class="{Alt} user_{UserNumber}">
  852. {block:Label}
  853. <span class="label">
  854. <span style="text-transform:uppercase;
  855. letter-spacing:1px">
  856. <b>{Label}</b>
  857. </span></span>
  858. {/block:Label}
  859. {Line}</div>
  860. </div></div>
  861. {/block:Lines}
  862. {/block:Chat}
  863.  
  864. {block:Audio}
  865. <div class="album">{block:AlbumArt}<img src="{AlbumArtURL}">
  866. {block:AlbumArt}</div>
  867. <div class="player">
  868. {AudioPlayerGrey}
  869. </div>
  870. <div class="audio">
  871. {block:TrackName}<b>Track:</b> {TrackName}{/block:TrackName}
  872. {block:Artist}<br><b>Artist:</b> {Artist}{/block:Artist}
  873. {block:Album}<br><b>Album:</b> {Album}{/block:Album}
  874. {block:PlayCount}<br><b>Play count:</b> {PlayCount}{/block:PlayCount}
  875. </div>
  876. <br><br><br><br><br>
  877. {/block:Audio}
  878.  
  879. {block:Video}
  880. {block:IndexPage}
  881. {Video-250}
  882. {/block:IndexPage}
  883. {block:PermalinkPage}
  884. {Video-500}
  885. {/block:PermalinkPage}
  886. {/block:Video}
  887.  
  888. {block:Answer}
  889. <img src="{AskerPortraitURL-48}"
  890. align="left"
  891. class="askborder">
  892. <div class="bubble"><span></span>
  893. {Asker}:
  894. {Question}&nbsp;
  895. </div><br>{Answer}{/block:Answer}
  896.  
  897. {block:IfShowCaptions}
  898. {block:Caption}
  899. {Caption}
  900. {/block:Caption}
  901. {/block:IfShowCaptions}
  902.  
  903. {block:Date}
  904.  
  905. <div class="info">
  906. <a href="{Permalink}">
  907. <i class="fa fa-clock-o"></i>
  908. {TimeAgo}</a>
  909. {block:NoteCount}
  910. <i class="fa fa-heart-o"></i>
  911. {NoteCountWithLabel}
  912. {/block:NoteCount}
  913. </div> <!--END INFO -->
  914.  
  915. <br>
  916. <ul class="like_and_reblog_buttons">
  917. <li>{ReblogButton size="15"}</li>
  918. <li>{LikeButton size="15"}</li>
  919. </ul>
  920. </div>
  921. <br>
  922. {/block:Date}
  923.  
  924. {block:IfShowTags}
  925. {block:HasTags}
  926. {block:Tags}
  927. <a href="{TagURL}">
  928. <i class="fa fa-tag"></i>
  929. {Tag}</a> &nbsp;
  930. {/block:Tags}
  931. {/block:HasTags}
  932. {/block:IfShowTags}
  933.  
  934. {block:PermalinkPage}
  935. {block:ContentSource}
  936. Source: <a href="{SourceURL}"
  937. target="_blank">{SourceTitle}
  938. </a>{/block:ContentSource}<p>
  939. {block:PostNotes}
  940. {PostNotes}
  941. {/block:PostNotes}
  942. {/block:PermalinkPage}
  943. </div>
  944. {/block:Posts}
  945. </div>
  946. </div>
  947.  
  948. <!-- pagination -->
  949. <center>
  950. {block:Pagination}
  951. <div class="pagination">
  952. {block:PreviousPage}
  953. <span class="jump_page">
  954. <a href="{PreviousPage}">«</a></span>
  955. {/block:PreviousPage}
  956. {block:JumpPagination length="4"}
  957. {block:CurrentPage}
  958. <span class="current_page">
  959. {PageNumber}</span>
  960. {/block:CurrentPage}
  961. {block:JumpPage}
  962. <span class="jump_page"><a href="{URL}">{PageNumber}</a></span>
  963. {/block:JumpPage}
  964. {/block:JumpPagination}
  965. {block:NextPage}
  966. <span class="current_page">
  967. <a href="{NextPage}">»</a></span>
  968. {/block:NextPage}
  969. </div>
  970. {/block:Pagination}
  971. </center>
  972. </div>
  973.  
  974. </body>
  975.  
  976.  
  977. <a href="http://borntobewildthemes.tumblr.com"><div id="credits">
  978. <img src="http://i57.tinypic.com/301g6eg.jpg"></div></a>
  979.  
  980.  
  981. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement