API tools faq
paste
danystormborn

Classique/ instathemes

danystormborn
May 20th, 2016
40
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.14 KB | None | 0 0
raw download clone embed print report
  1. <style> body, a, a:hover { cursor:url('{text:Cursor Image URL}'), auto }</style>
  2.  
  3. <!--
  4. Themes by Instathemes // Dark orgasm
  5.  
  6. Classique.
  7.  
  8. Comments and suggestions are welcome
  9.  
  10. instathemes.tumblr.com
  11.  
  12. -->
  13.  
  14. <html lang="en">
  15. <head>
  16.  
  17. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  18.  
  19. <meta name="image:Background" content=""/>
  20.  
  21. <meta name="image:Ask pop up close button" content=""/>
  22. <meta name="color:Background" content="#FFFFFF"/>
  23. <meta name="color:Sidebar Background" content=""/>
  24. <meta name="color:Post Background" content=""/>
  25. <meta name="color:Title" content="#999999"/>
  26. <meta name="color:Blog Title" content="#999999"/>
  27. <meta name="color:Text" content="#777777"/>
  28. <meta name="color:Link" content="#555555"/>
  29. <meta name="color:Hover" content="#999999"/>
  30. <meta name="color:Borders" content="#000000"/>
  31. <!--updates color customization-->
  32. <meta name="color:updates text" content="">
  33. <meta name="color:box1" content="#000">
  34. <meta name="color:box2" content="#222">
  35. <meta name="color:box3" content="#444">
  36. <meta name="color:box4" content="#666">
  37. <meta name="color:box5" content="#777">
  38. <meta name="color:box6" content="#999">
  39. <!--end updates colors-->
  40.  
  41. <meta name="if:Maximised background" content=""/>
  42. <meta name="if:Disable right click" content=""/>
  43. <meta name="if:Translucent sidebar" content=""/>
  44. <meta name="if:Transparent sidebar" content=""/>
  45. <meta name="text:Username" content=""/>
  46. <meta name="text:Cursor image URL" content=""/>
  47. <meta name="text:Favicon" content=""/>
  48.  
  49. <meta name="text:Blog Title Font Size" content=""/>
  50. <meta name="text:Link One URL" content=""/>
  51. <meta name="text:Link One Title" content="link"/>
  52. <meta name="text:Link Two URL" content=""/>
  53. <meta name="text:Link Two Title" content="link"/>
  54. <meta name="text:Link Three URL" content=""/>
  55. <meta name="text:Link Three Title" content="link"/>
  56. <meta name="text:Tab one title" content=""/>
  57. <meta name="text:Tab one content" content=""/>
  58. <meta name="text:Tab two title" content=""/>
  59. <meta name="text:Tab two content" content=""/>
  60. <meta name="text:Tab three title" content=""/>
  61. <meta name="text:Tab three content" content=""/>
  62. <meta name="text:Tab four title" content=""/>
  63. <meta name="text:Tab four content" content=""/>
  64. <meta name="text:Tab five title" content=""/>
  65. <meta name="text:Tab five content" content=""/>
  66. <meta name="text:Tab six title" content=""/>
  67. <meta name="text:Tab six content" content=""/>
  68.  
  69.  
  70.  
  71. <title>{Title}</title>
  72. {block:Description}
  73. <meta name="description" content="{MetaDescription}" />
  74. {/block:Description}
  75. <link rel="shortcut icon" href="{text:Favicon}">
  76.  
  77. <!---------------DO NOT REMOVE THESE SCRIPTS--------------->
  78. <script type="text/javascript"
  79. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  80. <script>
  81. $(document).ready(function() {
  82. //
  83. $('a.poplight[href^=#]').click(function() {
  84. var popID = $(this).attr('rel'); //Get Popup Name
  85. var popURL = $(this).attr('href'); //Get Popup href to define size
  86. var query= popURL.split('?');
  87. var dim= query[1].split('&');
  88. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  89. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="{image:Ask Pop Up Close Button}" class="btn_close" title="Close" alt="Close" width="40"/></a>');
  90. var popMargTop = ($('#' + popID).height() + 80) / 2;
  91. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  92. //Apply Margin to Popup
  93. $('#' + popID).css({
  94. 'margin-top' : -popMargTop,
  95. 'margin-left' : -popMargLeft
  96. });
  97. $('body').append('<div id="fade"></div>');
  98. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  99. return false;
  100. });
  101. $('a.close, #fade').live('click', function() {
  102. $('#fade , .popup_block').fadeOut(function() {
  103. $('#fade, a.close').remove(); //fade them both out
  104. });
  105. return false;
  106. });
  107. });
  108. </script>
  109.  
  110. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  111.  
  112. <script src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  113. <script>
  114. (function($){$(document)
  115. .ready(function(){$("[title]")
  116. .style_my_tooltips();});})
  117. (jQuery);
  118. </script>
  119.  
  120. {block:IndexPage}
  121. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  122. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  123.  
  124. <script type="text/javascript">
  125. $(window).load(function(){
  126. var $wall = $('#entries');
  127. $wall.imagesLoaded(function(){
  128. $wall.masonry({
  129. itemSelector: '#post, #post_photo',
  130. isAnimated : false
  131. });
  132. });
  133.  
  134. $wall.infinitescroll({
  135. navSelector : '#pagination',
  136. nextSelector : '#pagination a',
  137. itemSelector : '#post, #post_photo',
  138. bufferPx : 2000,
  139. debug : false,
  140. errorCallback: function() {
  141. $('#scroll').fadeOut('normal');
  142. }},
  143. function( newElements ) {
  144. var $newElems = $( newElements );
  145. $newElems.hide();
  146. $newElems.imagesLoaded(function(){
  147. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  148. });
  149. }); $('#entries').show(500);
  150. });
  151. </script>
  152. {/block:IndexPage}
  153.  
  154. <!---------------END SCRIPTS--------------->
  155.  
  156. <style type="text/css">
  157.  
  158.  
  159.  
  160. ::-webkit-scrollbar{ width:9px;
  161. }
  162. ::-webkit-scrollbar-thumb{ background-color: #000; border: 3px solid #fff; }
  163.  
  164.  
  165. /************EDIT BODY HERE************/
  166.  
  167. body{
  168. margin:0px;
  169. background-color: {color:Background};
  170. background-attachment:fixed;
  171. background-repeat:100%;
  172. background-position:bottom-right;
  173. font-family: Calibri;
  174. font-size:11px;
  175. letter-spacing:1px;
  176. text-transform:uppercase;
  177. text-align:left;
  178. line-height:11px;
  179. color: {color:Text};
  180. background-image:url({image:Background});
  181. {block:ifMaximisedBackground}
  182. -webkit-background-size: cover;
  183. -moz-background-size: cover;
  184. -o-background-size: cover;
  185. background-size: cover;
  186. {/block:ifMaximisedBackground}
  187.  
  188. }
  189.  
  190.  
  191. a:link, a:active, a:visited{
  192. text-decoration: none;
  193. color: {color:Link};}
  194.  
  195. a:hover {
  196. color:{color:Link};
  197. text-decoration:none;}
  198.  
  199. /************EDIT TOOLTIP HERE************/
  200.  
  201.  
  202. #s-m-t-tooltip {
  203. padding: 4px;
  204. height:auto;
  205. display: none;
  206. font-family: consolas;
  207. font-size: 10px;
  208. max-width:150px;
  209. text-transform:uppercase;
  210. text-align: center;
  211. letter-spacing:1px;
  212. margin-top:10px;
  213. margin-left: 15px;
  214. line-height: 8px;
  215. z-index: 999999999999;
  216.  
  217. border: 1px solid #f5f5f5;
  218. background:#ffffff;
  219. color: #888;}
  220.  
  221. /************EDIT POST POSITION/WIDTH HERE************/
  222.  
  223. /*To increase the amount of columns, increase the width. To decrease the amount of columns, decrease the width.*/
  224.  
  225. #entries{
  226.  
  227. text-align:left;
  228. width:730px;
  229. margin-left:0px;
  230. margin-top:90px;
  231. position:relative;
  232. overflow: hidden;
  233. {block:PermalinkPage}
  234. width:500px;
  235. {/block:PermalinkPage}}
  236.  
  237. /************EDIT OVERALL POSTS HERE************/
  238.  
  239. /*When increasing the amount of columns, you may have to decrease the #post width. Otherwise, to get larger posts, increase the width.*/
  240.  
  241. #post{
  242. text-align:left;
  243. margin-right:30px;
  244. margin-left:30px;
  245. margin-top:20px;
  246. margin-bottom:30px;
  247. background:{color:Post Background};
  248.  
  249. max-width: 100%;
  250. display:block;
  251. overflow:hidden;
  252. width:175px;
  253. {block:PermalinkPage}
  254. width:500px;
  255. {/block:PermalinkPage}}
  256.  
  257. /*Do not delete #post img.*/
  258.  
  259. #post img{
  260. max-width:100%;}
  261.  
  262. /*Edit the permalinks all posts.*/
  263.  
  264.  
  265. .permalink {
  266. background-color:{color:Permalink background};
  267. color:{color:Permalink colour};
  268. opacity:0;
  269. margin-top:-25px;
  270. padding:3px;
  271. padding-left:9px;
  272. font-size:10px;
  273. text-transform:uppercase;
  274. background-color:{color:Permalink background};
  275. color:{color:Permalink colour};
  276. border:1px solid {color:borders};
  277.  
  278.  
  279. -webkit-transition:all .6s ease;-moz-transition:all .6s ease;transition:all .6s ease;-o-transition:all .6s ease;
  280.  
  281. }
  282.  
  283. .permalink a{
  284. color:{color:Permalink colour};
  285. line-height:15px;
  286.  
  287. }
  288. #post:hover .permalink{
  289. opacity:1;
  290. margin-top:5px;
  291. }
  292.  
  293.  
  294. /*Edit the titles on any text-based post.*/
  295.  
  296. .posttitle{
  297. font-size:10px;
  298. text-align:center;
  299. color:{color:Link};}
  300.  
  301. .posttitle a{
  302. color:{color:Link};}
  303.  
  304. /************EDIT QUOTE POSTS HERE************/
  305.  
  306. .quote{
  307. margin-right: 5px;}
  308.  
  309. .source{
  310. padding-top:5px;
  311. display:block;
  312. text-align:right;}
  313.  
  314.  
  315. /************EDIT ANSWER POSTS HERE************/
  316.  
  317. .ask{
  318. padding:4px;
  319. background:#f9f9f9;}
  320. .asker{
  321. color:{color:Link};}
  322. .answer{
  323. margin-top:10px;}
  324.  
  325. /************EDIT AUDIO POSTS HERE************/
  326.  
  327. .audio{
  328. {block:IndexPage}width:180px;{/block:IndexPage}
  329. {block:PermalinkPage}width:239px;{/block:PermalinkPage};}
  330. .info{
  331. padding:2px 0px 1px 57px;}
  332. .i {
  333. text-transform:uppercase;
  334. letter-spacing:1px;
  335. font-size:8px;}
  336. .pl b,strong{
  337. text-transform:lowercase;
  338. font-size:9px;}
  339. .player{
  340. position:absolute;
  341. overflow:hidden;
  342. margin-top:0px;
  343. margin-left:15px;
  344. background:#ffffff;
  345. width:24px;
  346. height:23px;}
  347.  
  348. /************EDIT VIDEO POSTS HERE************/
  349. /***********DO NOT DELETE THIS CODE************/
  350.  
  351. .video-container {
  352. position:relative;
  353. padding-bottom:56.25%;
  354. padding-top: 30px;
  355. height:0;
  356. overflow:hidden;}
  357.  
  358. .video-container iframe,
  359. .video-container object,
  360. .video-container embed {
  361. position: absolute;
  362. top: 0;
  363. left: 0;
  364. width: 100%;
  365. height: 100%;}
  366.  
  367. /************EDIT CHAT POSTS HERE************/
  368.  
  369. .chat{
  370. line-height:12px;
  371. list-style:none;}
  372. .chat ul{
  373. list-style:none;
  374. padding:0px 5px;
  375. line-height:15px;}
  376. .label{
  377. color:{color:Link};}
  378.  
  379. /************EDIT SIDEBAR HERE************/
  380.  
  381. #sidebar{
  382. background:{color:background};
  383. {block:ifTranslucentsidebar}
  384. background: rgba(255,255,255,0.8);
  385. {/block:ifTranslucentsidebar}
  386. {block:ifTransparentsidebar}
  387. background: transparent;
  388. {/block:ifTransparentsidebar}
  389.  
  390.  
  391. margin-left:-182px;
  392. border-right:1px solid {color:borders};
  393. margin-top:30px;
  394. width:180px;
  395. position:fixed;
  396. text-align:center;}
  397.  
  398. .description{padding:5px;
  399. text-align:right;
  400.  
  401. }
  402.  
  403. .blogtitle{
  404.  
  405. z-index:1;
  406. text-align:left;
  407. position:fixed;
  408. height:80px;
  409. background:{color:background};
  410. {block:ifTranslucentsidebar}
  411. background: rgba(255,255,255,0.8);
  412. {/block:ifTranslucentsidebar}
  413. {block:ifTransparentsidebar}
  414. background: transparent;
  415. {/block:ifTransparentsidebar}
  416. width:690px;
  417. border-bottom:1px solid {color:borders};
  418. padding-bottom:20px;
  419. margin-left:320px;
  420. margin-top:-90px;
  421. font-size:{text:Blog Title Font Size}px;}
  422.  
  423. .blogtitle a{
  424.  
  425. color:{color:Blog Title};}
  426.  
  427.  
  428.  
  429. .links{
  430. text-align:right;
  431. margin-left:65px;
  432. padding:5px;
  433. line-height:21px;
  434. margin-top:5px;
  435.  
  436. }
  437.  
  438. .links:hover{
  439. text-align:right;
  440. margin-left:65px;
  441. padding:5px;
  442. line-height:21px;
  443. margin-top:5px;
  444.  
  445.  
  446. }
  447.  
  448. .links a{
  449. margin-left:15px;
  450.  
  451. }
  452.  
  453. .links a:hover{
  454. margin-left:;
  455. color:{color:Hover};
  456. }
  457.  
  458. /************EDIT TEXT SETTINGS HERE************/
  459.  
  460. i, em{
  461. color:{color:Link};}
  462. b, strong{
  463. font-weight:normal;
  464. text-transform:uppercase;
  465. color:{color:Link};}
  466. ul,ol{
  467. margin:0px;
  468. margin-left:-5px;}
  469. p{
  470. padding:0px;
  471. margin:2px;}
  472. u{
  473. text-decoration:none;
  474. color:{color:Title};}
  475.  
  476. blockquote {
  477. margin:0px;
  478. padding:4px;
  479. background:#f7f7f7;}
  480.  
  481. /************DO NOT DELETE #SCROLL************/
  482.  
  483. #scroll{
  484. bottom:-20px;
  485. position: absolute;
  486. left: 50%;
  487. width:10px;
  488. height:5px;
  489. overflow:hidden;
  490. margin-bottom:80px;}
  491.  
  492.  
  493. #fade { /*--Transparent background layer--*/
  494. display: none; /*--hidden by default--*/
  495. background: #000;
  496. position: fixed; left: 0; top: 0;
  497. width: 100%; height: 100%;
  498. opacity: .80;
  499. z-index: 9999;
  500. }
  501. .popup_block{
  502. display: none; /*--hidden by default--*/
  503. background: #fcfbf8;
  504. padding: 10px;
  505. border: 5px solid #f2e7e2;
  506. float: left;
  507. font-size: 10;
  508. position: fixed;
  509. top: 50%; left: 50%;
  510. z-index: 99999;
  511. /*--CSS3 Box Shadows--*/
  512. -webkit-box-shadow: 0px 0px 20px #000;
  513. -moz-box-shadow: 0px 0px 20px #000;
  514. box-shadow: 0px 0px 20px #000;
  515. /*--CSS3 Rounded Corners--*/
  516. -webkit-border-radius: 5px;
  517. -moz-border-radius: 5px;
  518. border-radius: 5px;
  519. }
  520. img.btn_close {
  521. float: right;
  522. margin: -20 -20px 0 0;
  523. }
  524. /*--Making IE6 Understand Fixed Positioning--*/
  525. *html #fade {
  526. position: absolute;
  527. }
  528. *html .popup_block {
  529. position: absolute;
  530. }
  531.  
  532.  
  533.  
  534. /* sidebar updates*/
  535.  
  536. .square {
  537. height:15px;
  538. width: 15px;
  539. display:block;
  540. }
  541.  
  542. #box1 {
  543. background-color: {color:box1};
  544. }
  545.  
  546. #box2 {
  547. background-color: {color:box2};
  548. }
  549.  
  550. #box3 {
  551. background-color: {color:box3};
  552. }
  553.  
  554. #box4 {
  555. background-color: {color:box4};
  556. }
  557.  
  558. #box5 {
  559. background-color: {color:box5};
  560. }
  561.  
  562. #box6 {
  563. background-color: {color:box6};
  564. }
  565.  
  566. #tab01{
  567. margin-bottom:0px;
  568. padding-left:4px;
  569. height:15px;
  570. width:15px;
  571. text-align:left;
  572. overflow:hidden;
  573. text-transform:uppercase;
  574. position:fixed;
  575. letter-spacing:1px;
  576. font-size:10px;
  577. line-height:10px;
  578. color: {color:updates text};
  579. transition: all 0.7s ease-out;
  580. -webkit-transition: all 0.7s ease-in-out;
  581. -moz-transition: all 0.7s ease-in-out;
  582. -o-transition: all 0.7s ease-in-out;
  583. }
  584.  
  585.  
  586. #tab01:hover{
  587. height:210px;
  588. width:150px;
  589. padding-left:19px;
  590. display:block;
  591. transition: all 0.7s ease-out;
  592. -webkit-transition: all 0.7s ease-in-out;
  593. -moz-transition: all 0.7s ease-in-out;
  594. -o-transition: all 0.7s ease-in-out;
  595. }
  596.  
  597.  
  598.  
  599. #tab02{
  600. margin-bottom:0px;
  601. margin-top:15px;
  602. padding-left:4px;
  603. height:15px;
  604. width:15px;
  605. text-align:left;
  606. overflow:hidden;
  607. text-transform:uppercase;
  608. position:fixed;
  609. letter-spacing:1px;
  610. font-size:10px;
  611. line-height:10px;
  612. color: {color:updates text};
  613. transition: all 0.7s ease-out;
  614. -webkit-transition: all 0.7s ease-in-out;
  615. -moz-transition: all 0.7s ease-in-out;
  616. -o-transition: all 0.7s ease-in-out;
  617. }
  618.  
  619.  
  620. #tab02:hover{
  621. height:170px;
  622. width:150px;
  623. padding-left:19px;
  624. transition: all 0.7s ease-out;
  625. -webkit-transition: all 0.7s ease-in-out;
  626. -moz-transition: all 0.7s ease-in-out;
  627. -o-transition: all 0.7s ease-in-out;
  628. }
  629.  
  630.  
  631.  
  632. #tab03{
  633. margin-bottom:0px;
  634. padding-left:4px;
  635. margin-top:30px;
  636. height:15px;
  637. width:15px;
  638. text-align:left;
  639. overflow:hidden;
  640. text-transform:uppercase;
  641. position:fixed;
  642. letter-spacing:1px;
  643. font-size:10px;
  644. line-height:10px;
  645. color: {color:updates text};
  646. transition: all 0.7s ease-out;
  647. -webkit-transition: all 0.7s ease-in-out;
  648. -moz-transition: all 0.7s ease-in-out;
  649. -o-transition: all 0.7s ease-in-out;
  650. }
  651.  
  652.  
  653. #tab03:hover{
  654. height:210px;
  655. padding-left:19px;
  656. width:150px;
  657. transition: all 0.7s ease-out;
  658. -webkit-transition: all 0.7s ease-in-out;
  659. -moz-transition: all 0.7s ease-in-out;
  660. -o-transition: all 0.7s ease-in-out;
  661. }
  662.  
  663.  
  664.  
  665. #tab04{
  666. margin-bottom:0px;
  667. padding-left:4px;
  668. margin-top:45px;
  669. height:15px;
  670. width:15px;
  671. text-align:left;
  672. overflow:hidden;
  673. text-transform:uppercase;
  674. position:fixed;
  675. letter-spacing:1px;
  676. font-size:10px;
  677. line-height:10px;
  678. color: {color:updates text};
  679. transition: all 0.7s ease-out;
  680. -webkit-transition: all 0.7s ease-in-out;
  681. -moz-transition: all 0.7s ease-in-out;
  682. -o-transition: all 0.7s ease-in-out;
  683. }
  684.  
  685.  
  686. #tab04:hover{
  687. height:180px;
  688. width:150px;
  689. padding-left:19px;
  690. transition: all 0.7s ease-out;
  691. -webkit-transition: all 0.7s ease-in-out;
  692. -moz-transition: all 0.7s ease-in-out;
  693. -o-transition: all 0.7s ease-in-out;
  694. }
  695.  
  696. #tab05{
  697. margin-bottom:0px;
  698. padding-left:4px;
  699. margin-top:60px;
  700. height:15px;
  701. width:15px;
  702. text-align:left;
  703. overflow:hidden;
  704. text-transform:uppercase;
  705. position:fixed;
  706. letter-spacing:1px;
  707. font-size:10px;
  708. line-height:10px;
  709. color: {color:updates text};
  710. transition: all 0.7s ease-out;
  711. -webkit-transition: all 0.7s ease-in-out;
  712. -moz-transition: all 0.7s ease-in-out;
  713. -o-transition: all 0.7s ease-in-out;
  714. }
  715.  
  716.  
  717. #tab05:hover{
  718. height:180px;
  719. width:150px;
  720. padding-left:19px;
  721. transition: all 0.7s ease-out;
  722. -webkit-transition: all 0.7s ease-in-out;
  723. -moz-transition: all 0.7s ease-in-out;
  724. -o-transition: all 0.7s ease-in-out;
  725. }
  726.  
  727. #tab06{
  728. margin-bottom:0px;
  729. padding-left:4px;
  730. margin-top:75px;
  731. height:15px;
  732. width:15px;
  733. text-align:left;
  734. overflow:hidden;
  735. text-transform:uppercase;
  736. position:fixed;
  737. letter-spacing:1px;
  738. font-size:10px;
  739. line-height:10px;
  740. color: {color:updates text};
  741. transition: all 0.7s ease-out;
  742. -webkit-transition: all 0.7s ease-in-out;
  743. -moz-transition: all 0.7s ease-in-out;
  744. -o-transition: all 0.7s ease-in-out;
  745. }
  746.  
  747.  
  748. #tab06:hover{
  749. height:180px;
  750. width:150px;
  751. padding-left:19px;
  752. transition: all 0.7s ease-out;
  753. -webkit-transition: all 0.7s ease-in-out;
  754. -moz-transition: all 0.7s ease-in-out;
  755. -o-transition: all 0.7s ease-in-out;
  756. }
  757.  
  758.  
  759. #container{
  760. text-align:left;
  761. font-size:10px;
  762. text-transform:uppercase;
  763. position:fixed;
  764. font-family:calibri;
  765. right:330px;
  766. background-color:transparent;
  767. letter-spacing:1px;
  768. z-index:6;
  769. padding:4px;
  770. top:120px;
  771. color: {color:updates text};
  772.  
  773. }
  774.  
  775. #container a {
  776. color:{color:text};
  777. }
  778.  
  779. #container a:hover {
  780. color: {color:linkhover};
  781. }
  782.  
  783. .updateinfo {
  784. background:#f3f3f3;
  785. display:block;
  786. padding:8px;
  787. width:95px;
  788. z-index:1111;
  789. color:{color:text};
  790. }
  791.  
  792. /* end sidebar updates*/
  793.  
  794. </style>
  795.  
  796. </head>
  797.  
  798. <body>
  799.  
  800. <!--sidebar updates-->
  801. <div id="structure">
  802. <div id="container">
  803.  
  804. <!---begin tab 1 code--->
  805. <div id="tab01">
  806. <a id="box1" class="square"></a>
  807. <div style="font-size:10px; padding-left:5px; padding-top: 5px; color:{color:box1}; margin-top: -17px; margin-left:15px; ">{text:Tab one title}</div>
  808. <div style="padding-top:1px; padding-left:5px;text-transform:uppercase; opacity:.9; font-family: calibri; font-size:9px; line-height:10px; text-align:left; color:{color:text};"><div class="updatesinfo"><br>
  809. {text:Tab one content}
  810.  
  811.  
  812.  
  813. </div>
  814. </div>
  815. </div>
  816. <!---end tab 1 code--->
  817.  
  818. <!---begin tab 2 code--->
  819. <div id="tab02">
  820. <a id="box2" class="square"></a>
  821. <div style="font-size:10px; padding-left:5px; padding-top: 5px; color:{color:box1}; margin-top: -17px; margin-left:15px; ">{text:Tab two title}</div> <div style="padding-top:1px; padding-left:5px;text-transform:uppercase; opacity:.9; font-family: calibri; font-size:9px; line-height:10px; text-align:left; color:{color:text};"><br>
  822.  
  823. {text:Tab two content}
  824.  
  825.  
  826. <br><br>
  827. </div></div>
  828. <!---end tab 2 code--->
  829.  
  830. <!---begin tab 3 code--->
  831. <div id="tab03">
  832. <a id="box3" class="square"></a>
  833. <div style="font-size:10px; padding-left:5px; padding-top: 5px; color:{color:box1}; margin-top: -17px; margin-left:15px; ">{text:Tab three title}</div> <div style="padding-top:1px; padding-left:5px;text-transform:uppercase; opacity:.9; font-family: calibri; font-size:9px; line-height:10px; text-align:left; color:{color:text};"><br>
  834.  
  835. {text:Tab three content}
  836.  
  837.  
  838. </div>
  839. </div>
  840. <!---end tab 3 code--->
  841.  
  842.  
  843. <!---begin tab 4 code--->
  844. <div id="tab04">
  845. <a id="box4" class="square"></a>
  846. <div style="font-size:10px; padding-left:5px; padding-top: 5px; margin-top: -17px; margin-left:15px; color:{color:box1};">{text:Tab four title}</div> <div style="padding-top:1px; padding-left:5px;text-transform:uppercase; opacity:.9; font-family: calibri; font-size:9px; line-height:10px; text-align:left; color:{color:text};"><br>
  847.  
  848. {text:Tab four content}
  849.  
  850.  
  851. <br/><br/>
  852.  
  853. </div>
  854. </div>
  855. <!---end tab 4 code--->
  856.  
  857.  
  858. <!---begin tab 5 code--->
  859. <div id="tab05">
  860. <a id="box5" class="square"></a>
  861. <div style="font-size:10px; padding-left:5px; padding-top: 5px; margin-top: -17px; margin-left:15px; color:{color:box1};">{text:Tab five title}</div> <div style="padding-top:1px; padding-left:5px;text-transform:uppercase; opacity:.9; font-family: calibri; font-size:9px; line-height:10px; text-align:left; color:{color:text};"><br>
  862.  
  863. {text:Tab five content}
  864.  
  865.  
  866. <br/><br/>
  867.  
  868. </div>
  869. </div>
  870. <!---end tab 5 code--->
  871.  
  872.  
  873. <!---begin tab 6 code--->
  874. <div id="tab06">
  875. <a id="box6" class="square"></a>
  876. <div style="font-size:10px; padding-left:5px; padding-top: 5px; margin-top: -17px; margin-left:15px; color:{color:box1};">{text:Tab six title}</div> <div style="padding-top:1px; padding-left:5px;text-transform:uppercase; opacity:.9; font-family: calibri; font-size:9px; line-height:10px; text-align:left; color:{color:text};"><br>
  877.  
  878. {text:Tab six content}
  879.  
  880.  
  881. <br/><br/>
  882.  
  883. </div>
  884. </div>
  885. <!---end tab 6 code--->
  886.  
  887.  
  888.  
  889.  
  890. </div></div></div></div>
  891.  
  892.  
  893. <!--sidebar updates end-->
  894. {block:IfDisableRightClick}
  895. <script language=JavaScript>
  896.  
  897. <!--
  898.  
  899. //Disable right click script III- By Renigade (renigade@mediaone.net)
  900.  
  901. //For full source code, visit http://www.dynamicdrive.com
  902.  
  903. var message="";
  904.  
  905. ///////////////////////////////////
  906.  
  907. function clickIE() {if (document.all) {(message);return false;}}
  908.  
  909. function clickNS(e) {if
  910.  
  911. (document.layers||(document.getElementById&&!document.all)) {
  912.  
  913. if (e.which==2||e.which==3) {(message);return false;}}}
  914.  
  915. if (document.layers)
  916.  
  917. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  918.  
  919. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  920.  
  921. document.oncontextmenu=new Function("return false")
  922.  
  923. // -->
  924.  
  925. </script>
  926. {/block:IfDisableRightClick}
  927.  
  928.  
  929.  
  930. <div style="position:fixed; background-color: #fff; right:10px; top:25px; padding:4px; color: #000; border:1px solid #000; opacity:0.8; font-size:10px; z-index:222;"><a title="theme by Chloe"href="http://instathemes.tumblr.com/"><i class="fa fa-moon-o"></i></a></div>
  931. <center>
  932.  
  933.  
  934. <div class="blogtitle"><a href="/"><br><br><br><br><br><br><br>{Title}</a></div>
  935. <div id="entries">
  936.  
  937. <!---------------EDIT SIDEBAR CONTENT HERE--------------->
  938.  
  939. <div id="sidebar">
  940.  
  941. {block:ifSidebarImage}<img src="{image:Sidebar Image}" width="190">{/block:ifSidebarImage}
  942. <div class="description">{Description}</div>
  943. <div class="links">
  944. <a href="/" title="refresh">home</a> <i class="fa fa-home"></i><br>
  945. <a href="#?w=500" rel="02" class="poplight" title="Mssg">Ask</a> <i class="fa fa-comment"></i><br>
  946. <a href="{text:Link One URL}" title="{text:Link One Title}">{text:Link One Title}</a> <i class="fa fa-cogs"></i><br>
  947. <a href="{text:Link Two URL}" title="{text:Link Two Title}">{text:Link Two Title}</a> <i class="fa fa-diamond"></i><br>
  948. <a href="{text:Link Three URL}" title="{text:Link Three Title}">{text:Link Three Title}</a> <i class="fa fa-bars"></i><br>
  949. <a href="http://{text:Username}.tumblr.com/random"> Shuffle</a> <i class="fa fa-random"></i>
  950.  
  951. </div>
  952. </div>
  953.  
  954.  
  955. {block:Posts}
  956.  
  957. <!---------------DO NOT DELETE block:ContentSource--------------->
  958.  
  959. {block:ContentSource}
  960. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  961. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  962. {/block:SourceLogo}
  963. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  964. {/block:ContentSource}
  965.  
  966. <div id="post">
  967.  
  968. <!---------------EDIT TEXT POSTS HERE--------------->
  969.  
  970. {block:Text}
  971. <div class="text">
  972. <div class="posttitle">{block:Title}{Title}{/block:Title}</div>
  973. {Body}{block:IndexPage}<div class="permalink"><a href="{ReblogURL}" title="Reblog"><img src="http://i.imgur.com/mQQ3COy.png"></a> / <a href="{Permalink}">{NoteCount}</a>
  974. </div>{/block:IndexPage}</div>
  975. {/block:Text}
  976.  
  977. <!---------------EDIT LINK POSTS HERE--------------->
  978.  
  979. {block:Link}
  980. <a href="{URL}"><div class="posttitle">{Name}</div></a>
  981. {block:Description}{Description}{/block:Description}
  982. {block:IndexPage}<div class="permalink"><a href="{ReblogURL}" title="reblog"><img src="http://i.imgur.com/mQQ3COy.png"></a> / <a href="{Permalink}" title="{NoteCount}">{NoteCount}</a>
  983. </div>{/block:IndexPage}
  984. {/block:Link}
  985.  
  986. <!---------------EDIT PHOTO POSTS HERE--------------->
  987.  
  988. {block:Photo}
  989. {block:IndexPage}
  990. <img src="{PhotoURL-250}" alt="{PhotoAlt}" width="260px"/>{/block:IndexPage}<div class="permalink"><a href="{ReblogURL}" title="reblog"><img src="http://i.imgur.com/mQQ3COy.png"></a> / <a href="{Permalink}" title="{NoteCount}">{NoteCount}</a>
  991. </div>{block:PermalinkPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{/block:PermalinkPage}</a>
  992. {/block:Photo}
  993.  
  994. <!---------------EDIT PHOTOSET POSTS HERE--------------->
  995.  
  996. {block:Photoset}
  997. {block:IndexPage}{block:Photos}<a href="{Permalink}"><img src="{PhotoURL-500}" /></a>{/block:Photos}<div class="permalink"><a href="{ReblogURL}"><img src="http://i.imgur.com/mQQ3COy.png"></a> / <a href="{Permalink}">{NoteCount}</a>
  998. </div>{/block:IndexPage}
  999. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  1000. {/block:Photoset}
  1001.  
  1002. <!---------------EDIT QUOTE POSTS HERE--------------->
  1003.  
  1004. {block:Quote}
  1005. {Quote}{block:Source}
  1006. <div class="source">{Source}</div>{/block:Source}
  1007. {block:IndexPage}
  1008. <div class="permalink"><a href="{ReblogURL}"><img src="http://i.imgur.com/mQQ3COy.png"></a> /
  1009. <a href="{Permalink}">{NoteCount}</a>{/block:IndexPage}</div>
  1010. {/block:Quote}
  1011.  
  1012. <!---------------EDIT ANSWER POSTS HERE--------------->
  1013.  
  1014. {block:Answer}
  1015. <div class="ask"><span class="asker">{Asker}:</span> {Question}</div>
  1016. <div class="answer">{Answer}</div>
  1017. {block:IndexPage}
  1018. <div class="permalink"><a href="{ReblogURL}">Reblog</a> /
  1019. <a href="{Permalink}">{NoteCount}</a></div>{/block:IndexPage}
  1020. {/block:Answer}
  1021.  
  1022. <!---------------EDIT CHAT POSTS HERE--------------->
  1023.  
  1024. {block:Chat}
  1025. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  1026. <div class="chat"><ul>{block:Lines}
  1027. <li class="person{UserNumber}">{block:Label}
  1028. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>{block:IndexPage}<div class="permalink"><a href="{ReblogURL}">Reblog</a> /<a href="{Permalink}">{NoteCount}</a></div>
  1029. {/block:IndexPage}
  1030. {/block:Chat}
  1031.  
  1032. <!---------------EDIT AUDIO POSTS HERE--------------->
  1033.  
  1034. {block:Audio}<div class="player">{AudioPlayerWhite}</div>
  1035. <div class="info"><div class="i"><span{block:TrackName} style="display: none;"{block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</div><div class="i">by<span{block:Artist} style="display: none;"{block:Artist}>Unknown</span> {block:Artist}{Artist}{/block:Artist}</div></div>{block:IndexPage}<div class="permalink"><a href="{ReblogURL}">Reblog</a> / <a href="{Permalink}">{NoteCount}</a></div>
  1036. {/block:IndexPage}
  1037. {/block:Audio}
  1038.  
  1039. <!---------------EDIT VIDEO POSTS HERE--------------->
  1040.  
  1041. {block:Video}
  1042. {block:IndexPage}<div class="video-container">{Video-250}</div>
  1043. <div class="permalink"><a href="{ReblogURL}">Reblog</a> / <a href="{Permalink}">{NoteCount}</a></div>{/block:IndexPage}
  1044. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  1045. {/block:Video}
  1046.  
  1047. <!---------------EDIT PERMALINK PAGE HERE--------------->
  1048.  
  1049. {block:PermalinkPage}
  1050. {block:Caption}{Caption}{/block:Caption}
  1051. <p>{block:Date} {Month} {DayofMonthWithSuffix}, {Year}{/block:Date} {block:NoteCount}, {NoteCountWithLabel}{/block:NoteCount} {block:RebloggedFrom} , (via <a href="{ReblogParentURL}">{ReblogParentName}</a>){/block:RebloggedFrom}
  1052. <div class="permapage">
  1053. <div style="margin-top:10px; margin-left:-10px;">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}
  1054. </div>
  1055. {/block:Posts}
  1056. </div>
  1057.  
  1058. <!---------------DO NOT DELETE THIS--------------->
  1059.  
  1060. {block:IndexPage}
  1061. {block:Pagination}
  1062. <div id="pagination">
  1063. {block:NextPage}
  1064. <a id="nextPage" href="{NextPage}"></a>
  1065. {/block:NextPage}
  1066. {block:PreviousPage}
  1067. <a href="{PreviousPage}"></a>
  1068. {/block:PreviousPage}
  1069. </div>
  1070. {/block:Pagination}
  1071. {/block:IndexPage}
  1072. </center>
  1073.  
  1074.  
  1075. </body>
  1076.  
  1077.  
  1078. <div id="02" class="popup_block">
  1079.  
  1080. <Center><iframe frameborder="0" scrolling="yes" width="100%" height="190" src="http://tumblr.com/ask_form/{text:Username}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form">
  1081. </center></div>
  1082.  
  1083. </div></div></div></div></div></div></div></div></div></div>
  1084.  
  1085.  
  1086.  
  1087.  
  1088.  
  1089.  
  1090. </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!