Advertisement
isucas

cute thenme i dk

Nov 16th, 2014
179
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.88 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <meta name="image:Background" content=""/>
  5. <meta name="image:Container Background" content=""/>
  6. <meta name="image:Pop Up Navi Background" content=""/>
  7. <meta name="image:Bottom Image" content=""/>
  8. <meta name="image:Top Image" content=""/>
  9. <meta name="image:Favicon" content=""/>
  10.  
  11. <meta name="color:Background" content=""/>
  12. <meta name="color:Title" content=""/>
  13. <meta name="color:Title Outline" content="#000"/>
  14. <meta name="color:Description" content=""/>
  15. <meta name="color:Links" content=""/>
  16. <meta name="color:Text" content=""/>
  17. <meta name="color:Top Strip" content="#888888"/>
  18. <meta name="color:Bottom Strip" content="#888888"/>
  19. <meta name="color:Text" content=""/>
  20. <meta name="color:Container Background" content=""/>
  21. <meta name="color:Navi Bg" content=""/>
  22. <meta name="color:Navi Text" content=""/>
  23. <meta name="color:Popup Navi Border" content=""/>
  24. <meta name="color:Popup Navi Bg" content=""/>
  25. <meta name="color:Popup Navi Text" content=""/>
  26. <meta name="color:Tag Border" content=""/>
  27. <meta name="color:Selection" content=""/>
  28. <meta name="color:Selection Text" content=""/>
  29.  
  30. <meta name="text:Search Box Left" content="375"/>
  31. <meta name="text:Top Image Left" content="0"/>
  32. <meta name="text:Top Image Top" content="-10"/>
  33. <meta name="text:Title Size" content="70"/>
  34. <meta name="text:Title Top" content="0"/>
  35. <meta name="text:Title Left" content="0"/>
  36. <meta name="text:Bottom Image Bottom" content=""/>
  37. <meta name="text:Bottom Image Right" content=""/>
  38. <meta name="text:Bottom Image Size" content=""/>
  39. <meta name="text:Link 1" content=""/>
  40. <meta name="text:Link 1 URL" content=""/>
  41. <meta name="text:Link 2" content=""/>
  42. <meta name="text:Link 2 URL" content=""/>
  43. <meta name="text:Link 3" content=""/>
  44. <meta name="text:Link 3 URL" content=""/>
  45. <meta name="text:Link 4" content=""/>
  46. <meta name="text:Link 4 URL" content=""/>
  47. <meta name="text:Link 5" content=""/>
  48. <meta name="text:Link 5 URL" content=""/>
  49. <meta name="text:Link 6" content=""/>
  50. <meta name="text:Link 6 URL" content=""/>
  51. <meta name="text:Link 7" content=""/>
  52. <meta name="text:Link 7 URL" content=""/>
  53. <meta name="text:Link 8" content=""/>
  54. <meta name="text:Link 8 URL" content=""/>
  55.  
  56. <meta name="if:Inverted Follow Button" content="0"/>
  57. <meta name="if:Title Text Outline" content="1"/>
  58. <meta name="if:Background cover" content="0"/>
  59. <meta name="if:Container Background cover" content="0"/>
  60. <meta name="if:Navi Background cover" content="0"/>
  61. <meta name="if:Pop Up Navi Bg Image" content="0"/>
  62. <meta name="if:Search Box" content="1"/>
  63. <meta name="if:Coloured Continer" content="1"/>
  64. <meta name="if:Show Captions" content="1"/>
  65. <meta name="if:Infinite Scroll" content="0"/>
  66. <meta name="if:No Infinite Scroll" content="1"/>
  67.  
  68. <meta name="select:Title Font" content="Japan" title="Japan">
  69. <meta name="select:Title Font" content="Arial" title="Arial">
  70. <meta name="select:Title Font" content="georgia" title="Georgia">
  71.  
  72. <meta name="select:Text Font" content="Arial" title="Arial">
  73. <meta name="select:Text Font" content="georgia" title="Georgia">
  74. <meta name="select:Text Font" content="impact" title="Impact">
  75. <meta name="select:Text Font" content="trebuchet_ms" title="Trebuchet MS">
  76. <meta name="select:Text Font" content="verdana" title="Verdana">
  77.  
  78. <meta name="select:Text Size" content="ten" title="10px">
  79. <meta name="select:Text Size" content="eleven" title="11px">
  80. <meta name="select:Text Size" content="twelve" title="12px">
  81. <meta name="select:Text Size" content="fourteen" title="14px">
  82. <meta name="select:Text Size" content="sixteen" title="16px">
  83.  
  84. <title>{Title}</title>
  85.  
  86. <link rel="shortcut icon" href="{Favicon}">
  87. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  88.  
  89. {block:ifinfinitescroll}
  90. <script type="text/javascript"
  91. src="http://codysherman.com/tools/infinite-scrolling/code" ></script>
  92. {/block:ifinfinitescroll}
  93.  
  94.  
  95.  
  96.  
  97.  
  98.  
  99.  
  100.  
  101.  
  102.  
  103. <!--jquery -->
  104.  
  105.  
  106. <script type="text/javascript"
  107. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  108. <script>
  109. $(document).ready(function() {
  110. //
  111. $('a.poplight[href^=#]').click(function() {
  112. var popID = $(this).attr('rel'); //Get Popup Name
  113. var popURL = $(this).attr('href'); //Get Popup href to define size
  114. var query= popURL.split('?');
  115. var dim= query[1].split('&');
  116. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  117. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://static.tumblr.com/7mn3n7y/mZFn9slux/closebutton.png" class="btn_close" title="Close" alt="Close" /></a>');
  118. var popMargTop = ($('#' + popID).height() + 80) / 2;
  119. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  120. //Apply Margin to Popup
  121. $('#' + popID).css({
  122. 'margin-top' : -popMargTop,
  123. 'margin-left' : -popMargLeft
  124. });
  125. $('body').append('<div id="fade"></div>');
  126. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  127. return false;
  128. });
  129. $('a.close, #fade').live('click', function() {
  130. $('#fade , .popup_block').fadeOut(function() {
  131. $('#fade, a.close').remove(); //fade them both out
  132. });
  133. return false;
  134. });
  135. });
  136. </script>
  137.  
  138.  
  139. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  140. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  141. <script>
  142. (function($){
  143. $(document).ready(function(){
  144. $("a[title]").style_my_tooltips({
  145. tip_follows_cursor:true,
  146. tip_delay_time:100,
  147. tip_fade_speed:100,
  148. attribute:"title"
  149. });
  150. });
  151. })(jQuery);
  152. </script>
  153.  
  154.  
  155.  
  156.  
  157.  
  158.  
  159. <!--CSS customization here. -->
  160.  
  161. <style type="text/css">
  162.  
  163. @font-face{font-family:Japan; src:url(http://static.tumblr.com/9wzbixa/KKbm0c410/japan.ttf);}
  164.  
  165. /*invert follow + dashboard etc buttons*/
  166. {block:ifInvertedFollowButton}
  167. iframe#tumblr_controls {
  168. white-space:nowrap;
  169. -webkit-filter: invert(100%);
  170. -moz-filter: invert(100%);
  171. -o-filter: invert(100%);
  172. -ms-filter: invert(100%);
  173. filter: invert(100%);
  174. opacity:1;
  175. }
  176. {/block:ifInvertedFollowButton}
  177.  
  178. #s-m-t-tooltip{
  179. font-size:11px;
  180. position:absolute;
  181. margin-top: 15px;
  182. border:1px solid #eee
  183. z-index:9999;
  184. font-family:helvetica;
  185. color:#9C9C9C;
  186. background:white;
  187. text-transform:uppercase;
  188. padding:1px 5px ;
  189. -webkit-transition:all 0.2s;
  190. -moz-transition:all 0.2s;
  191. -ms-transition:all 0.2s;
  192. -o-transition:all 0.2s;
  193. transition:all 0.2s;
  194. }
  195.  
  196. /*don't remove*/
  197. .credit {
  198. color:#414141;
  199. top:50%;
  200. left:50%;
  201. margin-left:-50px;
  202. margin-top:280px;
  203. position:fixed;
  204. }
  205.  
  206. .credit a {
  207. color: #888;
  208. }
  209.  
  210. /*scrollbar*/
  211. ::-webkit-scrollbar{
  212. width: 5px;
  213. }
  214. ::-webkit-scrollbar-track {
  215. border-radius: 10px;
  216. }
  217. ::-webkit-scrollbar-thumb {
  218. border-radius: 10px;
  219. -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
  220. }
  221.  
  222.  
  223. /*main structure*/
  224. body {
  225. background:url({image:Background});
  226. background-attachment:fixed;
  227. {block:ifbackgroundcover}
  228. background-size:cover
  229. {/block:ifbackgroundcover};
  230. background-color:{color:Background};
  231. font-family:helvetica;
  232. font-weight:100;
  233. font-size:10px;
  234. text-align:justify;
  235. margin:0px;
  236. line-height:18px;
  237. color:{color:Text};
  238. }
  239.  
  240.  
  241. body a {
  242. color:{color:links};
  243. text-decoration:none;
  244. -webkit-transition:all 0.8s;
  245. -moz-transition:all 0.8s;
  246. -ms-transition:all 0.8s;
  247. -o-transition:all 0.8s;
  248. transition:all 0.8s;
  249. }
  250.  
  251.  
  252.  
  253. /*posts*/
  254. .post {
  255. margin:auto;
  256. width: 400px;
  257. font-family:{select:text font};
  258. font-size:{select:text size};
  259. position:relative;
  260. z-index:5;
  261. }
  262.  
  263. /*fonts*/
  264. #arial {
  265. font-family:"Arial";
  266. }
  267. #georgia {
  268. font-family:"Georgia";
  269. }
  270. #impact {
  271. font-family:"Impact";
  272. }
  273. #trebuchet_ms {
  274. font-family:"Trebuchet MS";
  275. }
  276. #verdana{
  277. font-family:"verdana";
  278. }
  279.  
  280. /*text size*/
  281. .ten {
  282. font-size:10px;
  283. }
  284. .eleven {
  285. font-size:11px;
  286. }
  287. .twelve {
  288. font-size:12px;
  289. }
  290. .fourteen {
  291. font-size:14px;
  292. }
  293. .sixteen {
  294. font-size:16px;
  295. }
  296.  
  297. /*permalink*/
  298. .permalink {
  299. {block:PermalinkPage}
  300. margin: 40px auto;
  301. padding: 10px;
  302. width: 400px;
  303. {/block:PermalinkPage}
  304. {block:Caption}{Caption}{/block:Caption}
  305. }
  306.  
  307. /*ask posts*/
  308. .question {
  309. padding:15px;
  310. border-bottom:1px dashed {color:Tag Border} ;
  311. }
  312.  
  313. .asker {
  314. text-decoration:underline;
  315. text-transform:lowercase;
  316. }
  317.  
  318. .answer {
  319. margin:15px
  320. }
  321.  
  322.  
  323. {block:IndexPage}
  324. /*perma text*/
  325. .source {
  326. padding-bottom:2px;
  327. font-size:12px;
  328. color:white;
  329. }
  330.  
  331. .date {
  332. padding-top:2px;
  333. font-size:12px;
  334. }
  335.  
  336. /*for photo/photoset posts*/
  337. #perma {
  338. width:100%;
  339. position:absolute;
  340. top:0;
  341. left:0;
  342. height:100%;
  343. background: rgba(186, 198, 215,0.6);
  344. opacity:0;
  345. -webkit-transition: all 0.8s ease;
  346. -moz-transition: all 0.8s;
  347. }
  348.  
  349. #perma a{
  350. text-decoration:none;
  351. }
  352.  
  353. .post:hover #perma {
  354. opacity:1;
  355. -webkit-transition: all 0.6s ease;
  356. -moz-transition: all 0.6s ease;
  357. }
  358.  
  359. .permatxt {
  360. text-align:center;
  361. color:white;
  362. top:50%;
  363. position:relative;
  364. margin-top:-15px;
  365. }
  366.  
  367. .permatxt a{
  368. color:white;
  369. }
  370.  
  371. /*for audio posts*/
  372. #permaa {
  373. width:170px;
  374. position:absolute;
  375. top:0;
  376. left:0;
  377. height:100%;
  378. opacity:0;
  379. -webkit-transition: all 0.8s ease;
  380. -moz-transition: all 0.8s;
  381. left:50%;
  382. margin-left:30px;
  383. background: rgba(186, 198, 215,0.6);
  384. }
  385.  
  386. #permaa a {
  387. text-decoration:none;
  388. color:white;
  389. }
  390.  
  391. .post:hover #permaa {
  392. opacity:1;
  393. -webkit-transition: all 0.9s ease;
  394. -moz-transition: all 0.9s ease;
  395. }
  396.  
  397.  
  398. .permatxta {
  399. text-align:center;
  400. color:white;
  401. top:50%;
  402. position:relative;
  403. margin-top:-25px;
  404. }
  405.  
  406.  
  407. /*for link posts*/
  408. #permal {
  409. top:0;
  410. left:0;
  411. text-align:center;
  412. position:absolute;
  413. background: rgba(186, 198, 215,0.6);
  414. width:130px;
  415. opacity:0;
  416. height:100%;
  417. -webkit-transition: all 0.9s ease;
  418. -moz-transition: all 0.9s;
  419. left:0%;
  420. }
  421.  
  422. #permal a {
  423. text-decoration:none;
  424. color:white;
  425. }
  426.  
  427. .post:hover #permal {
  428. opacity:1;
  429. -webkit-transition: all 0.9s ease;
  430. -moz-transition: all 0.9s ease;
  431. height: 100%;
  432. }
  433.  
  434.  
  435. .permatxtl {
  436. text-align:center;
  437. color:white;
  438. top:50%;
  439. position:relative;
  440. margin-top:-30px;
  441. }
  442.  
  443.  
  444. /*for video posts*/
  445. #permav {
  446. top:0;
  447. left:0;
  448. text-align:center;
  449. position:absolute;
  450. background: rgba(186, 198, 215,0.6);
  451. width:100%;
  452. opacity:0;
  453. -webkit-transition: all 0.9s ease;
  454. -moz-transition: all 0.9s;
  455. left:0%;
  456. padding-bottom:5px;
  457. }
  458.  
  459. #permav a {
  460. text-decoration:none;
  461. color:white;
  462. }
  463.  
  464. .post:hover #permav {
  465. opacity:1;
  466. }
  467.  
  468.  
  469. .permatxtv {
  470. text-align:center;
  471. color:white;
  472. top:50%;
  473. position:relative;
  474. }
  475.  
  476.  
  477. /*for text/ask/chat posts*/
  478. #permat {
  479. top:0;
  480. left:0;
  481. text-align:center;
  482. position:absolute;
  483. background: rgba(186, 198, 215,0.6);
  484. width:100%;
  485. opacity:0;
  486. -webkit-transition: all 0.9s ease;
  487. -moz-transition: all 0.9s;
  488. padding-bottom:1px;
  489. margin-top:-5px;
  490. }
  491.  
  492. #permat a {
  493. text-decoration:none;
  494. color:white;
  495. }
  496.  
  497. .post:hover #permat {
  498. opacity:1;
  499. -webkit-transition: all 0.9s ease;
  500. -moz-transition: all 0.9s ease;
  501. }
  502.  
  503.  
  504. .permatxtt {
  505. top: 0%;
  506. position: relative;
  507. background: none;
  508. opacity:1;
  509. color:white;
  510. margin-top:5px;
  511. }
  512.  
  513.  
  514. .perma_centeran {
  515. top: 0%;
  516. margin-left:auto;
  517. margin-right: auto;
  518. z-index:999;
  519. position: relative;
  520. background: none;
  521. opacity:1;
  522. -webkit-transition: all 0.9s ease;
  523. -moz-transition: all 0.9s;
  524. color:white;}
  525.  
  526. .post:hover .perma_centeran {
  527. margin-top:5px;
  528. }
  529.  
  530. {/block:IndexPage}
  531.  
  532. /*selection (text) colour*/
  533. ::selection {
  534. background:{color:Selection};
  535. color:{color:Selection Text};
  536. }
  537. ::-moz-selection {
  538. background:{color:Selection};
  539. color:{color:Selection Text};
  540. }
  541. ::-webkit-selection {
  542. background:{color:Selection};
  543. color:{color:Selection Text};
  544. }
  545.  
  546. /*container*/
  547. #container {
  548. background:url({image:Container Background});
  549. background-attachment:fixed;
  550. {block:ifcontainerbackgroundcover}
  551. background-size:cover
  552. {/block:ifcontainerbackgroundcover};
  553. width:450px;
  554. height:620px;
  555. max-width:450px;
  556. padding-top:10px;
  557. margin:auto;
  558. position:absolute;
  559. left:50%;
  560. overflow-x:hidden;
  561. {block:ifcolouredcontiner}
  562. background:{color:Container Background};
  563. {/block:ifcolouredcontiner}
  564. margin-top:60px;
  565. margin-left:-150px;
  566. z-index:1;
  567. }
  568.  
  569. .new {
  570. left:50%;
  571. background:url({image:Container Background});
  572. background-attachment:fixed;
  573. {block:ifcontainerbackgroundcover}
  574. background-size:cover
  575. {/block:ifcontainerbackgroundcover};
  576. width:150px;
  577. position:fixed;
  578. margin-left:-300px;
  579. height:644px;
  580. margin-top:60px;
  581. z-index:5;
  582. }
  583.  
  584. .botto img {
  585. width:170px;
  586. position:absolute;
  587. z-index:6;
  588. margin-top:347px;
  589. margin-left:-295px;
  590. left:50%;
  591. }
  592. .url {
  593. margin-top:55px;
  594. margin-left:15px;
  595. position:relative;
  596. z-index:7;
  597. width:200px;
  598. }
  599. .url a {
  600. background:#DDDDE0;
  601. float:left;
  602. margin-bottom:5px;
  603. text-align:center;
  604. width:115px;
  605. font-family:Lucida Console;
  606. font-size:16px;
  607. padding:1px 15px 1px 15px;
  608. position:relative;
  609. z-index:7;
  610. -o-transition:color .2s ease-out, background .3s ease-in;
  611. -ms-transition:color .2s ease-out, background .3s ease-in;
  612. -moz-transition:color .2s ease-out, background .3s ease-in;
  613. -webkit-transition:color .2s ease-out, background .3s ease-in;
  614. /* ...and now override with proper CSS property */
  615. transition:color .2s ease-out, background .3s ease-in;
  616. }
  617.  
  618. .url a:hover {
  619. background:#EBE6E4;
  620. }
  621.  
  622. /*header*/
  623. .header {
  624. background-color: {color:Top Strip};
  625. text-align:center;
  626. width:600px;
  627. height:25px;
  628. left:50%;
  629. margin-left:-300px;
  630. margin-top:-25px;
  631. font-family:Lucida Console;
  632. position:fixed;
  633. margin-top:40px;
  634. z-index:10;
  635. }
  636.  
  637. .header a {
  638. color:{color:Title};
  639. }
  640.  
  641. .title {
  642. font-size:70px;
  643. margin-top:{text:Title Top}px;
  644. margin-left:{text:Title Left}px;
  645. text-align:center;
  646. position:fixed;
  647. color:{color:Title};
  648. letter-spacing:-2px;
  649. text-transform:uppercase;
  650. }
  651.  
  652. .title a {
  653. color:{color:Title};
  654. font-family:{select:Title Font};
  655.  
  656.  
  657. }
  658.  
  659. #japan {
  660. font-family:"Japan";
  661. }
  662.  
  663. #arial {
  664. font-family:"Arial";
  665. }
  666.  
  667. #georgia {
  668. font-family:"Georgia";
  669. }
  670.  
  671. .topimg img {
  672. margin-top:{text:Top Image Top}px;
  673. margin-left:{text:Top Image Left}px;
  674. position:fixed;
  675. }
  676.  
  677. /*search box*/
  678. {block:ifsearchbox}
  679. .s-box {
  680. margin-top:3px;
  681. margin-left:475px;
  682. position:fixed;
  683. }
  684.  
  685. .sfm input {
  686. background-color: #f5f5f5;
  687. font-size: 9px;
  688. border: 0px;
  689. text-transform: lowercase;
  690. margin-top: 0;
  691. color: #999;
  692. letter-spacing: 1px;
  693. padding: 4px 10px ;
  694. font-family: Lucida Console;
  695. }
  696. #sf {
  697. background: url('http://static.tumblr.com/f1skqpy/Oxbn13qun/search_icon.png') #f5f5f5 left center no-repeat;
  698. background-size: 10px 10px;
  699. }
  700. {/block:ifsearchbox}
  701.  
  702. .links {
  703. margin:100px 0px 0px 0px;
  704. font-size:12px;
  705. }
  706.  
  707. #links2 {
  708. width:auto;
  709. height:auto;
  710. left:50%;
  711. margin-left:-50px;
  712. text-align:center;
  713. }
  714.  
  715. .links a {
  716. display:inline block;
  717. border:none;
  718. letter-spacing: 2px;
  719. }
  720.  
  721. .secret a {
  722. color:#F4F4F4;
  723. }
  724.  
  725. .desc {
  726. margin-top:40px;
  727. margin-right:-15px;
  728. margin-left:5px;
  729. font-size:14px;
  730. text-transform:initial;
  731. font-family:{select:text font};
  732. font-size:{select:text size};
  733. }
  734.  
  735. /*bottom of posts, includes caption and tags*/
  736. .captions {
  737. width:400px;
  738. margin:auto;
  739. word-wrap: break-word;
  740. font-family:{select:text font};
  741. font-size:12px;
  742. position:relative;
  743. z-index:100;
  744. padding-bottom:60px;
  745. }
  746.  
  747. /*bottom of post*/
  748. .tags {
  749. font-size:12px;
  750. padding-bottom:5px;
  751. padding-top:5px;
  752. padding-right:10px;
  753. }
  754.  
  755. .tags a {
  756. text-decoration:none;
  757. }
  758.  
  759. /*bottom strip*/
  760. #bottom {
  761. background-color: {color:Bottom Strip};
  762. text-align:center;
  763. width:450px;
  764. height:24px;
  765. left:50%;
  766. margin-left:-150px;
  767. margin-top:680px;
  768. font-family:Lucida Console;
  769. position:fixed;
  770. display:inline;
  771. z-index:10;
  772. }
  773.  
  774. #bottom a {
  775. color:{color:Navi Text};
  776. padding:3px;
  777. text-transform:uppercase;
  778. display:inline;
  779. }
  780.  
  781. /*navigation button*/
  782. .navi {
  783. margin-right:421px;
  784. margin-top:3px;
  785. font-size:12px;
  786. font-family:Lucida Console;
  787. }
  788.  
  789. /*next page button*/
  790. .pagenavi {
  791. margin-top:1px;
  792. }
  793.  
  794. .pagenavi a {
  795. color:{color:Navi Text};
  796. padding:0px 2px 0px 2px;
  797. z-index:99999;
  798. text-transform:uppercase;
  799. display:inline;
  800. left:50%;
  801. margin-left:265px;
  802. position:fixed;
  803. font-family:Lucida Console;
  804. font-size:12px;
  805. }
  806.  
  807. /*next page button*/
  808. .pagenavi2 {
  809. margin-top:3px;
  810. }
  811.  
  812. .pagenavi2 a {
  813. color:{color:Navi Text};
  814. padding:0px 3px 0px 3px;
  815. z-index:99999;
  816. text-transform:uppercase;
  817. display:inline;
  818. left:50%;
  819. margin-left:200px;
  820. position:fixed;
  821. font-family:Lucida Console;
  822. font-size:12px;
  823. }
  824.  
  825. /*text post title*/
  826. .titt {
  827. padding-bottom:7px;
  828. text-align:right;
  829. }
  830.  
  831. .titt a {
  832. text-decoration:none;
  833. font-size:18px;
  834. }
  835.  
  836. /*ask posts*/
  837. .question {
  838. padding:15px;
  839. }
  840.  
  841. .asker {
  842. text-decoration:underline;
  843. text-transform:lowercase;
  844. vertical-align:middle;
  845. }
  846.  
  847. .asker img {
  848. vertical-align:middle;
  849. border-radius:20px;
  850. padding-right:5px;
  851. }
  852.  
  853. .answer {
  854. margin-top:-15px;
  855. padding-left:10px;
  856. }
  857.  
  858. .quest {
  859. margin-left:45px;
  860. margin-top:-10px;
  861. }
  862.  
  863. /* link posts*/
  864. .link {
  865. font-size:18px;
  866. vertical-align:middle;
  867. }
  868.  
  869. .link a {
  870. vertical-align:middle;
  871. margin-left:5px;
  872. text-decoration:none;
  873. }
  874.  
  875. .link img {
  876. width:130px;
  877. vertical-align:middle;
  878. }
  879.  
  880. .link_des {
  881. font-size:14px;
  882. margin-top:-10px;
  883. }
  884.  
  885. /* making sure all images are the same size*/
  886. .photot img{
  887. width:400px;
  888. display:block;
  889. }
  890.  
  891. .photoset {
  892. display:block;
  893. }
  894.  
  895. .bod img {
  896. max-width:100%;
  897. }
  898.  
  899. </style>
  900.  
  901.  
  902.  
  903.  
  904.  
  905.  
  906.  
  907.  
  908. </head>
  909.  
  910. <body>
  911.  
  912. <div class="new">
  913.  
  914. <div class="url">
  915. <a href="{text:Link 1 URL}">{text:Link 1}</a>
  916. <br>
  917. <a href="{text:link 2 url}">{text:Link 2}</a>
  918. <br>
  919. <a href="{text:Link 3 URL}">{text:Link 3}</a>
  920. <br>
  921. <a href="{text:Link 4 URL}">{text:Link 4}</a>
  922. <br>
  923. <a href="{text:Link 5 URL}">{text:Link 5}</a>
  924. <br>
  925. <a href="{text:Link 6 URL}">{text:Link 6}</a>
  926. <br>
  927. <a href="{text:Link 7 URL}">{text:Link 7}</a>
  928.  
  929. </div>
  930.  
  931. </div>
  932.  
  933.  
  934.  
  935. <div class="botto"><img src="{image:Bottom Image}"></div>
  936.  
  937.  
  938.  
  939.  
  940. <div class="header">
  941. {block:ifsearchbox}
  942. <div class="s-box">
  943. <script language="javascript">
  944. function send()
  945. {document.theform.submit()}
  946. </script>
  947.  
  948. <form action="/search" method="get" class="sfm" name="theform">
  949. <input type="text" name="q" value="" id="sf"/>
  950. </form>
  951. </form>
  952. </div>
  953. {/block:ifsearchbox}
  954.  
  955. <div class="topimg">
  956. <img src="{image:Top Image}">
  957. </div>
  958.  
  959. <div id="{select:Title Font}" class="title">
  960. <a href={BlogURL}>{title}</a>
  961. </div>
  962. </div>
  963.  
  964. <div id="bottom">
  965.  
  966. {block:ifNoInfiniteScroll}
  967. {block:pagination}
  968. <div class="pagenavi2">
  969. {block:previouspage}<a href="{previouspage}">Previous</a>{/block:previouspage}
  970. </div>
  971. <div class="pagenavi">
  972. {block:nextpage}<a href="{nextpage}">next</a>{/block:nextpage}
  973. </div>
  974. {/block:pagination}
  975. {/block:ifNoInfiniteScroll}
  976.  
  977. </div>
  978.  
  979.  
  980.  
  981.  
  982. <div id="container">
  983. {block:Posts}
  984.  
  985. {block:Text}
  986. <div class="post">
  987. <div class="{select:text font}">
  988. <div class="{select:text size}">
  989. {block:Title}
  990.  
  991. <div class="titt"> <a href=" {Permalink}">{Title}</a></div>
  992.  
  993. {/block:Title}
  994.  
  995. <div class="bod">{Body}</div>
  996.  
  997. {block:IndexPage}
  998. <div id="permat">
  999. <div class="permatxtt">
  1000. <div class="source">
  1001.  
  1002. {block:ContentSource} <a href="{SourceURL}" title="source">source |</a>{/block:ContentSource}
  1003. {block:NoteCount}<a href="{permalink}" title="{Notecountwithlabel}">{Notecountwithlabel} |</a>{/block:NoteCount}
  1004. <a href="{ReblogURL}" title="reblog"> reblog |</a>
  1005.  
  1006. posted {block:date}<a href="{permalink}" title="{TimeAgo}">{TimeAgo}</a> {/block:date}
  1007.  
  1008. {block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentName}" >from {ReblogParentName}</a>{/block:RebloggedFrom}
  1009. </div>
  1010.  
  1011. </div>
  1012. </div>
  1013. {/block:IndexPage}
  1014. </div>
  1015.  
  1016. </div></div>
  1017.  
  1018.  
  1019. <div class="captions">
  1020. <div class="tags"> {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}
  1021. </div>
  1022. </div>
  1023.  
  1024.  
  1025. <div class="permalink">{block:PostNotes} {PostNotes}{/block:PostNotes} </div>
  1026. {/block:Text}
  1027.  
  1028.  
  1029.  
  1030.  
  1031.  
  1032. {block:Photo}
  1033. <div class="post">
  1034.  
  1035.  
  1036.  
  1037. <div class="{select:text font}">
  1038. <div class="{select:text size}">
  1039.  
  1040. <div class="photot"><img src="{PhotoURL-400}"></div>
  1041.  
  1042.  
  1043.  
  1044. {block:IndexPage}
  1045. <div id="perma">
  1046. <div class="permatxt">
  1047. <div class="source">
  1048.  
  1049. {block:ContentSource} <a href="{SourceURL}" title="source">source |</a>{/block:ContentSource}
  1050. {block:NoteCount}<a href="{permalink}" title="{Notecountwithlabel}">{Notecountwithlabel} |</a>{/block:NoteCount}
  1051. <a href="{ReblogURL}" title="reblog">reblog</a>
  1052. </div>
  1053. <div class="date">
  1054. posted {block:date}<a href="{permalink}" title="{TimeAgo}">{TimeAgo}</a> {/block:date}
  1055.  
  1056. {block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentName}" >from {ReblogParentName}</a>{/block:RebloggedFrom}
  1057. </div>
  1058.  
  1059. </div>
  1060. </div>
  1061. {/block:IndexPage}
  1062. </div>
  1063.  
  1064. </div></div>
  1065.  
  1066.  
  1067. <div class="captions">
  1068. {block:Caption}{block:ifshowcaptions}{Caption}{/block:ifshowcaptions}{/block:Caption}
  1069.  
  1070.  
  1071. <div class="tags"> {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}
  1072. </div>
  1073. </div>
  1074.  
  1075.  
  1076.  
  1077. <div class="permalink">{block:PostNotes} {PostNotes}{/block:PostNotes} </div>
  1078. {/block:Photo}
  1079.  
  1080.  
  1081.  
  1082.  
  1083. {block:Photoset}
  1084. <div class="post">
  1085.  
  1086.  
  1087.  
  1088.  
  1089.  
  1090. <div class="{select:text font}">
  1091. <div class="{select:text size}">
  1092. <div class="photoset">{Photoset-400}</div>
  1093.  
  1094. {block:IndexPage}
  1095. <div id="perma">
  1096. <div class="permatxt">
  1097. <div class="source">
  1098.  
  1099. {block:ContentSource} <a href="{SourceURL}" title="source">source |</a>{/block:ContentSource}
  1100. {block:NoteCount}<a href="{permalink}" title="{Notecountwithlabel}">{Notecountwithlabel} |</a>{/block:NoteCount}
  1101. <a href="{ReblogURL}" title="reblog">reblog</a>
  1102. </div>
  1103. <div class="date">
  1104. posted {block:date}<a href="{permalink}" title="{TimeAgo}">{TimeAgo}</a> {/block:date}
  1105.  
  1106. {block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentName}" >from {ReblogParentName}</a>{/block:RebloggedFrom}
  1107. </div>
  1108.  
  1109. </div>
  1110. </div>
  1111. {/block:IndexPage}
  1112. </div>
  1113.  
  1114. </div></div>
  1115.  
  1116.  
  1117. <div class="captions">
  1118. {block:Caption}{block:ifshowcaptions}{Caption}{/block:ifshowcaptions}{/block:Caption}
  1119.  
  1120.  
  1121. <div class="tags"> {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}
  1122. </div>
  1123. </div>
  1124.  
  1125. <div class="permalink">{block:PostNotes} {PostNotes}{/block:PostNotes} </div>
  1126.  
  1127. {/block:Photoset}
  1128.  
  1129.  
  1130.  
  1131.  
  1132.  
  1133. {block:Quote}
  1134. <div class="post">
  1135.  
  1136.  
  1137.  
  1138.  
  1139. <div class="{select:text font}">
  1140. <div class="{select:text size}">
  1141. {Quote}
  1142. {block:Source}<br>&mdash;{Source}{/block:Source}
  1143.  
  1144.  
  1145.  
  1146. {block:IndexPage}
  1147. <div id="permat">
  1148. <div class="permatxtt">
  1149. <div class="source">
  1150.  
  1151. {block:ContentSource} <a href="{SourceURL}" title="source">source |</a>{/block:ContentSource}
  1152. {block:NoteCount}<a href="{permalink}" title="{Notecountwithlabel}">{Notecountwithlabel}</a>{/block:NoteCount}
  1153. <a href="{ReblogURL}" title="reblog"> | reblog</a>
  1154.  
  1155. posted {block:date}<a href="{permalink}" title="{TimeAgo}">{TimeAgo}</a> {/block:date}
  1156.  
  1157. {block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentName}" >from {ReblogParentName}</a>{/block:RebloggedFrom}
  1158. </div>
  1159.  
  1160. </div>
  1161. </div>
  1162. {/block:IndexPage}
  1163. </div></div></div>
  1164.  
  1165.  
  1166. <div class="captions">
  1167.  
  1168.  
  1169.  
  1170. <div class="tags"> {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}
  1171. </div>
  1172. </div>
  1173.  
  1174.  
  1175. <div class="permalink">{block:PostNotes} {PostNotes}{/block:PostNotes} </div>
  1176. {/block:Quote}
  1177.  
  1178.  
  1179.  
  1180.  
  1181.  
  1182. {block:Link}
  1183. <div class="post">
  1184.  
  1185.  
  1186. <div class="{select:text font}">
  1187. <div class="{select:text size}">
  1188. <div class="link">
  1189. {block:Thumbnail} <img src="{Thumbnail}">{/block:Thumbnail}
  1190. <a href="{URL}" {Target}>{Name}</a>
  1191. </div>
  1192.  
  1193.  
  1194.  
  1195. {block:IndexPage}
  1196. <div id="permal">
  1197. <div class="permatxtl">
  1198. <div class="source">
  1199. {block:ContentSource} <a href="{SourceURL}" title="source">source |</a>{/block:ContentSource}
  1200. {block:NoteCount}<a href="{permalink}" title="{Notecountwithlabel}">{Notecountwithlabel} |</a>{/block:NoteCount}
  1201. <a href="{ReblogURL}" title="reblog"> reblog</a>
  1202. </div>
  1203. <div class="date">
  1204. posted {block:date}<a href="{permalink}" title="{TimeAgo}">{TimeAgo}</a> {/block:date}
  1205.  
  1206. {block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentName}" >from {ReblogParentName}</a>{/block:RebloggedFrom}
  1207. </div>
  1208.  
  1209.  
  1210.  
  1211. </div>
  1212. </div>
  1213. {/block:IndexPage}
  1214. </div></div></div>
  1215.  
  1216.  
  1217. <div class="captions">
  1218. <div class="link_des">{block:Description} {Description}{/block:Description}</div>
  1219.  
  1220.  
  1221. <div class="tags"> {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}
  1222. </div>
  1223. </div>
  1224. <div class="permalink">{block:PostNotes} {PostNotes}{/block:PostNotes} </div>
  1225. {/block:Link}
  1226.  
  1227.  
  1228.  
  1229.  
  1230. {block:Chat}
  1231. <div class="post">
  1232.  
  1233.  
  1234.  
  1235.  
  1236. <div class="{select:text font}">
  1237. <div class="{select:text size}">
  1238. {block:Title}{Title}{/block:Title}
  1239. <table>
  1240. {block:Lines}
  1241. <tr>
  1242. <th>{block:Label}{Label}{/block:Label}</th>
  1243. <td>{Line}</td>
  1244. </tr>
  1245. {/block:Lines}
  1246. </table>
  1247. {block:IndexPage}
  1248. <div id="permat">
  1249. <div class="permatxtt">
  1250. <div class="source">
  1251.  
  1252. {block:ContentSource} <a href="{SourceURL}" title="source">source |</a>{/block:ContentSource}
  1253. {block:NoteCount}<a href="{permalink}" title="{Notecountwithlabel}">{Notecountwithlabel} |</a>{/block:NoteCount}
  1254. <a href="{ReblogURL}" title="reblog">reblog</a>
  1255.  
  1256. posted {block:date}<a href="{permalink}" title="{TimeAgo}">{TimeAgo}</a> {/block:date}
  1257.  
  1258. {block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentName}" >from {ReblogParentName}</a>{/block:RebloggedFrom}
  1259. </div>
  1260.  
  1261. </div>
  1262. </div>
  1263. {/block:IndexPage}
  1264. </div>
  1265.  
  1266. </div></div>
  1267.  
  1268.  
  1269. <div class="captions">
  1270.  
  1271.  
  1272.  
  1273. <div class="tags"> {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}
  1274. </div>
  1275. </div>
  1276. <div class="permalink">{block:PostNotes} {PostNotes}{/block:PostNotes} </div>
  1277. {/block:Chat}
  1278.  
  1279.  
  1280.  
  1281.  
  1282.  
  1283. {block:Audio}
  1284. <div class="post">
  1285.  
  1286.  
  1287.  
  1288.  
  1289.  
  1290. <div class="{select:text font}">
  1291. <div class="{select:text size}">
  1292.  
  1293. {AudioEmbed-400}
  1294.  
  1295.  
  1296. {block:IndexPage}
  1297. <div id="permaa">
  1298. <div class="permatxta">
  1299. <div class="source">
  1300.  
  1301. {block:ContentSource} <a href="{SourceURL}" title="source">source |</a>{/block:ContentSource}
  1302. {block:NoteCount}<a href="{permalink}" title="{Notecountwithlabel}">{Notecountwithlabel}</a>{/block:NoteCount}
  1303. <a href="{ReblogURL}" title="reblog"> | reblog</a>
  1304. </div>
  1305. <div class="date">
  1306. posted {block:date}<a href="{permalink}" title="{TimeAgo}">{TimeAgo}</a> {/block:date}
  1307.  
  1308. {block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentName}" >from {ReblogParentName}</a>{/block:RebloggedFrom}
  1309. </div>
  1310.  
  1311. </div>
  1312. </div>
  1313. {/block:IndexPage}
  1314. </div></div></div>
  1315.  
  1316.  
  1317. <div class="captions">
  1318. {block:Caption}{block:ifshowcaptions}{Caption}{/block:ifshowcaptions}{/block:Caption}
  1319.  
  1320.  
  1321. <div class="tags"> {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}
  1322. </div>
  1323. </div>
  1324. <div class="permalink">{block:PostNotes} {PostNotes}{/block:PostNotes} </div>
  1325. {/block:Audio}
  1326.  
  1327.  
  1328.  
  1329.  
  1330.  
  1331. {block:Video}
  1332. <div class="post">
  1333.  
  1334.  
  1335.  
  1336.  
  1337.  
  1338. <div class="{select:text font}">
  1339. <div class="{select:text size}">
  1340. {Video-400}
  1341. {block:IndexPage}
  1342. <div id="permav">
  1343. <div class="permatxtv">
  1344. <div class="source">
  1345.  
  1346. {block:ContentSource} <a href="{SourceURL}" title="source">source |</a>{/block:ContentSource}
  1347. {block:NoteCount}<a href="{permalink}" title="{Notecountwithlabel}">{Notecountwithlabel}</a>{/block:NoteCount}
  1348. <a href="{ReblogURL}" title="reblog"> | reblog</a>
  1349. </div>
  1350. <div class="date">
  1351. posted {block:date}<a href="{permalink}" title="{TimeAgo}">{TimeAgo}</a> {/block:date}
  1352.  
  1353. {block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentName}" >from {ReblogParentName}</a>{/block:RebloggedFrom}
  1354. </div>
  1355.  
  1356. </div>
  1357. </div>
  1358. {/block:IndexPage}
  1359.  
  1360. </div></div></div>
  1361.  
  1362.  
  1363. <div class="captions">
  1364. {block:Caption}{block:ifshowcaptions}{Caption}{/block:ifshowcaptions}{/block:Caption}
  1365.  
  1366.  
  1367. <div class="tags"> {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}
  1368. </div>
  1369. </div>
  1370. <div class="permalink"> {block:PostNotes} {PostNotes}{/block:PostNotes} </div>
  1371.  
  1372.  
  1373.  
  1374. {/block:Video}
  1375.  
  1376.  
  1377.  
  1378.  
  1379.  
  1380. {block:Answer}
  1381. <div class="post">
  1382.  
  1383.  
  1384. <div class="{select:text font}">
  1385. <div class="{select:text size}">
  1386. <div class="question">
  1387. <div class="asker"><img src="{AskerPortraitURL-40}">{Asker} whispered:</div>
  1388. <div class="quest">{Question}</div></div>
  1389.  
  1390. <div class="answer">{answer}</div>
  1391.  
  1392. {block:IndexPage}
  1393. <div id="permat">
  1394. <div class="permatxtt">
  1395. <div class="source">
  1396.  
  1397. {block:ContentSource} <a href="{SourceURL}" title="source">source |</a>{/block:ContentSource}
  1398. {block:NoteCount}<a href="{permalink}" title="{Notecountwithlabel}">{Notecountwithlabel} |</a>{/block:NoteCount}
  1399. <a href="{ReblogURL}" title="reblog"> reblog |</a>
  1400.  
  1401. posted {block:date}<a href="{permalink}" title="{TimeAgo}">{TimeAgo}</a> {/block:date}
  1402.  
  1403. {block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentName}" >from {ReblogParentName}</a>{/block:RebloggedFrom}
  1404. </div>
  1405.  
  1406. </div>
  1407. </div>
  1408. {/block:IndexPage}
  1409. </div></div></div>
  1410.  
  1411.  
  1412. <div class="captions">
  1413. {block:Caption}{block:ifshowcaptions}{Caption}{/block:ifshowcaptions}{/block:Caption}
  1414.  
  1415.  
  1416. <div class="tags"> {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}
  1417. </div>
  1418. </div>
  1419.  
  1420. <div class="permalink">{block:PostNotes} {PostNotes}{/block:PostNotes} </div>
  1421. {/block:Answer}
  1422.  
  1423.  
  1424.  
  1425. {/block:Posts}
  1426.  
  1427.  
  1428.  
  1429. </div>
  1430.  
  1431.  
  1432. <div class="secret"><script language="JavaScript">
  1433. var ref = (''+document.referrer+'');
  1434. var w_h = window.screen.width + " x " + window.screen.height;
  1435. document.write('<script src="http://freehostedscripts.net/ocounter.php?site=ID4520036&e1=Online User&e2=Online Users&r=' + ref + '&wh=' + w_h + '"><\/script>');
  1436. </script>
  1437. </div>
  1438. </body>
  1439.  
  1440.  
  1441.  
  1442. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement