API tools faq
paste
danystormborn

Leo Bloom

danystormborn
Jun 23rd, 2016
50
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.30 KB | None | 0 0
raw download clone embed print report
  1. <style> body, a, a:hover { cursor:url('{text:Cursor Image URL}'), auto }::selection {
  2.  
  3. background: {color:Select color}; /* Safari */
  4.  
  5. }
  6.  
  7. ::-moz-selection {
  8.  
  9. background: {color:Select color}; /* Firefox */
  10.  
  11. }</style>
  12.  
  13. <!--
  14.  
  15. C ø n t r ø l T h e m e
  16.  
  17.  
  18.  
  19. by motherofthemes
  20.  
  21.  
  22. -->
  23.  
  24. <html lang="en">
  25.  
  26. <!--------font options------------------->
  27. <link href='https://fonts.googleapis.com/css?family=Bonbon' rel='stylesheet' type='text/css'>
  28. <!---"font-family:Bonbon;"--->
  29.  
  30. <link href='https://fonts.googleapis.com/css?family=Alegreya+SC:400,700' rel='stylesheet' type='text/css'>
  31. <!---"font-family: 'Alegreya SC', serif;"--->
  32.  
  33. <link href='https://fonts.googleapis.com/css?family=Marck+Script' rel='stylesheet' type='text/css'>
  34. <!---"font-family: 'Marck Script', cursive;"--->
  35.  
  36. <link href='https://fonts.googleapis.com/css?family=Bitter' rel='stylesheet' type='text/css'>
  37. <!---"font-family:Bitter;"--->
  38.  
  39. <link href='https://fonts.googleapis.com/css?family=Bree+Serif' rel='stylesheet' type='text/css'>
  40. <!---"font-family: 'Bree Serif', serif;"--->
  41.  
  42. <link href='https://fonts.googleapis.com/css?family=Lora:700,400' rel='stylesheet' type='text/css'>
  43. <!---"font-family: 'Lora', serif;"--->
  44.  
  45. <head>
  46.  
  47. <meta name="image:Background" content=""/>
  48. <meta name="image:Sidebar Image" content=""/>
  49. <meta name="image:Sidebar Image 2" content=""/>
  50. <meta name="image:Favicon" content=""/>
  51.  
  52. <meta name="color:Background" content="#FFFFFF"/>
  53. <meta name="color:description" content=""/>
  54. <meta name="color:Sidebar Background" content="#FFFFFF"/>
  55. <meta name="color:Text" content="#777777"/>
  56. <meta name="color:Select Color" content="#FF0080"/>
  57. <meta name="color:Link" content="#555555"/>
  58. <meta name="color:Hover" content="#999999"/>
  59. <meta name="color:Borders" content="#000000"/>
  60. <meta name="color:Post Background" content="#FFFFFF"/>
  61. <meta name="color:Permalink Color" content="#000000"/>
  62. <meta name="color:blog title" content=""/>
  63.  
  64. <meta name="if:Maximised background" content=""/>
  65. <meta name="if: description border" content=""/>
  66.  
  67. <meta name="text:Cursor Image URL" content=""/>
  68.  
  69. <meta name="text:blog title size" content=""/>
  70. <meta name="text:Link One Title" content="link"/>
  71. <meta name="text:Link Two Title" content="link"/>
  72. <meta name="text:Link Three Title" content="link"/>
  73. <meta name="text:Link Four Title" content="link"/>
  74. <meta name="text:Link Five Title" content="link"/>
  75. <meta name="text:Link One URL" content=""/>
  76. <meta name="text:Link Two URL" content=""/>
  77. <meta name="text:Link Three URL" content=""/>
  78. <meta name="text:Link Four URL" content=""/>
  79. <meta name="text:Link Five URL" content=""/>
  80.  
  81. <!--updates color customization-->
  82. <meta name="color:updates text" content="">
  83. <meta name="color:box1" content="#000">
  84. <meta name="color:box2" content="#222">
  85. <meta name="color:box3" content="#444">
  86. <meta name="color:box4" content="#666">
  87. <meta name="color:box5" content="#777">
  88. <meta name="color:box6" content="#999">
  89. <!--end updates colors-->
  90.  
  91.  
  92.  
  93.  
  94.  
  95. <title>{Title}</title>
  96. {block:Description}
  97. <meta name="description"
  98. content="{MetaDescription}" />
  99. {/block:Description}
  100. <link rel="shortcut icon"
  101. href="{image:Favicon}">
  102.  
  103.  
  104. <!---------------DO NOT REMOVE THESE SCRIPTS--------------->
  105.  
  106. <script type="text/javascript"
  107. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  108.  
  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.  
  153.  
  154. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  155.  
  156. {/block:IndexPage}
  157.  
  158.  
  159. <!---------------END SCRIPTS--------------->
  160.  
  161. <style type="text/css">
  162.  
  163. .tmblr-iframe{
  164. margin-top:5px;
  165. margin-right:0px;
  166. z-index:9999999999999;!important;
  167. -webkit-filter: invert(100%);
  168. }
  169.  
  170.  
  171.  
  172. ::-webkit-scrollbar{ width:10px; background-color:{color:background}; }
  173. ::-webkit-scrollbar-thumb{ background-color: {color:blog border}; border: 1px solid {color:background}; }
  174.  
  175.  
  176. /************Edit Body Here************/
  177.  
  178. body{
  179. margin:0px;
  180. background-color: {color:Background};
  181. background-attachment:fixed;
  182. background-repeat:100%;
  183. background-position:bottom-right;
  184. font-family:Alegreya,400;
  185. font-size:10px;
  186. letter-spacing:1px;
  187. overflow-x:hidden;
  188.  
  189. text-align:left;
  190.  
  191. color: {color:Text};
  192. background-image:url({image:Background});
  193. {block:ifMaximisedBackground}
  194. -webkit-background-size: cover;
  195. -moz-background-size: cover;
  196. -o-background-size: cover;
  197. background-size: cover,
  198. background-position:left-bottom;
  199. {/block:ifMaximisedBackground}
  200. }
  201.  
  202.  
  203. a:link, a:active, a:visited{
  204. text-decoration: none;
  205. color: {color:Link};}
  206.  
  207. a:hover {
  208. color:{color:Link};
  209. text-decoration:none;}
  210.  
  211. /***************Credit*********************/
  212. #credits {
  213. position:fixed;
  214. right:10px;
  215. bottom:10px;
  216. z-index:100000;
  217. }
  218.  
  219. #credits img{
  220. width:150px;
  221. background:{color:background};
  222. opacity:0.7;
  223. border:2px solid {color:Borders};
  224. }
  225.  
  226. /************EDIT TOOLTIP HERE************/
  227.  
  228.  
  229. #s-m-t-tooltip {
  230. padding: 4px;
  231. height:auto;
  232. display: none;
  233. font-family: Alegreya,400;
  234. font-size: 9px;
  235. max-width:150px;
  236. text-transform:uppercase;
  237. text-align: center;
  238. letter-spacing:1px;
  239. margin-top:10px;
  240. margin-left: 15px;
  241. line-height: 8px;
  242. z-index: 999999999999;
  243. border: 1px solid {color:Borders};
  244. background:{color:Post Background};
  245. color: {color:text};}
  246.  
  247.  
  248. /*******************Quote Stuff******************/
  249. #quote{
  250. height:100px;
  251. width:100%;
  252. bottom:0;
  253. font-size:{text:Quote Font Size};
  254. font-family:Marck Script;
  255. background-color:transparent;
  256. z-index:999;
  257. position:fixed;}
  258. /************EDIT POST POSITION/WIDTH HERE************/
  259.  
  260. /*To increase the amount of columns, increase the width. To decrease the amount of columns, decrease the width.*/
  261.  
  262. #entries{
  263. text-align:left;
  264. width:810px;
  265. margin-left:250px;
  266. margin-top:20px;
  267. position:relative;
  268.  
  269. {block:PermalinkPage}
  270. width:550px;
  271. margin-left:130px;
  272. {/block:PermalinkPage}}
  273.  
  274. /************EDIT OVERALL POSTS HERE************/
  275.  
  276. /*When increasing the amount of columns, you may have to decrease the #post width. Otherwise, to get larger posts, increase the width.*/
  277.  
  278. #post{
  279. text-align:left;
  280. margin-right:80px;
  281. margin-bottom:30px;
  282. background:{color:Post Background};
  283. padding:5px;
  284. max-width: 100%;
  285. display:block;
  286. width:230px;
  287. {block:PermalinkPage}
  288. width:500px;
  289. {/block:PermalinkPage}}
  290.  
  291. /*Do not delete #post img.*/
  292.  
  293. #post img{
  294. max-width:100%;}
  295.  
  296. /*Edit the permalinks all posts.*/
  297.  
  298. .permalink{
  299. background-color:{color:Hover};
  300. color:{color:Permalink color};
  301. font-family: Alegreya, 400;
  302. opacity:0;
  303. width:50px;
  304. height:50px;
  305. line-height:50px;
  306. padding:3px;
  307. padding-left:9px;
  308. font-size:10px;
  309. text-transform:uppercase;
  310. text-align:center;
  311. -webkit-transition:all 2s ease;
  312. -moz-transition:all 2s ease;
  313. transition:all 2s ease;
  314. -o-transition:all 2s ease;
  315.  
  316. position:absolute;
  317. top:50%;
  318. -webkit-transform: translate(0px,-50%);
  319. -moz-transform: translate(0px,-50%);
  320. -ms-transform: translate(0px,-50%);
  321. -o-transform: translate(0px,-50%);
  322. transform: translate(0px,-50%);
  323. left:50%;
  324. -webkit-transform: translate(-50%,-50%);
  325. -moz-transform: translate(-50%,-50%);
  326. -ms-transform: translate(-50%,-50%);
  327. -o-transform: translate(-50%,-50%);
  328. transform: translate(-50%,-50%);
  329.  
  330. {block:permalinkpage}
  331. display:none;
  332. {/block:permalinkpage}
  333. }
  334.  
  335.  
  336. .permalink a{
  337. color:{color:Permalink color};
  338. line-height:15px;
  339. }
  340.  
  341. #post:hover .permalink{
  342. opacity:1;
  343. }
  344.  
  345. #notecounter{
  346. text-align:right;
  347. }
  348.  
  349.  
  350.  
  351. /*Edit the titles on any text-based post.*/
  352.  
  353. .posttitle{
  354. font-size:10px;
  355. text-align:center;
  356. color:{color:Link};}
  357.  
  358. .posttitle a{
  359. color:{color:Link};}
  360.  
  361. /************EDIT QUOTE POSTS HERE************/
  362.  
  363. .quote{
  364. margin-right: 5px;}
  365.  
  366. .source{
  367. padding-top:5px;
  368. display:block;
  369. text-align:right;}
  370.  
  371.  
  372. /************EDIT ANSWER POSTS HERE************/
  373.  
  374. .ask{
  375. padding:4px;
  376. background:{color:post background};}
  377. .asker{
  378. color:{color:Link};}
  379. .answer{
  380. margin-top:10px;}
  381.  
  382. /************EDIT AUDIO POSTS HERE************/
  383.  
  384. .audio{
  385. {block:IndexPage}width:180px;{/block:IndexPage}
  386. {block:PermalinkPage}width:239px;{/block:PermalinkPage};}
  387. .info{
  388. padding:2px 0px 1px 57px;}
  389. .i {
  390. text-transform:uppercase;
  391. letter-spacing:1px;
  392. font-size:8px;}
  393. .pl b,strong{
  394. text-transform:lowercase;
  395. font-size:9px;}
  396. .player{
  397. position:absolute;
  398. overflow:hidden;
  399. margin-top:0px;
  400. margin-left:15px;
  401. background:#ffffff;
  402. width:24px;
  403. height:23px;}
  404.  
  405. /************EDIT VIDEO POSTS HERE************/
  406. /***********DO NOT DELETE THIS CODE************/
  407.  
  408. .video-container {
  409. position:relative;
  410. padding-bottom:56.25%;
  411. padding-top: 30px;
  412. height:0;
  413. overflow:hidden;}
  414.  
  415. .video-container iframe,
  416. .video-container object,
  417. .video-container embed {
  418. position: absolute;
  419. top: 0;
  420. left: 0;
  421. width: 100%;
  422. height: 100%;}
  423.  
  424. /************EDIT CHAT POSTS HERE************/
  425.  
  426. .chat{
  427. line-height:12px;
  428. list-style:none;}
  429. .chat ul{
  430. list-style:none;
  431. padding:0px 5px;
  432. line-height:15px;}
  433. .label{
  434. color:{color:Link};}
  435.  
  436. /************Edit Blog Border Here***********/
  437.  
  438. #left {
  439. top:-10px;
  440. width:30px;
  441. height:100%;
  442. background-color:transparent;
  443. z-index:1000;
  444. left:0;
  445. position:fixed;
  446. }
  447. /* sidebar updates*/
  448.  
  449. .square {
  450. height:15px;
  451. width: 15px;
  452. display:block;
  453. }
  454.  
  455. #box1 {
  456. background-color: {color:box1};
  457. }
  458.  
  459. #box2 {
  460. background-color: {color:box2};
  461. }
  462.  
  463. #box3 {
  464. background-color: {color:box3};
  465. }
  466.  
  467. #box4 {
  468. background-color: {color:box4};
  469. }
  470.  
  471. #box5 {
  472. background-color: {color:box5};
  473. }
  474.  
  475. #box6 {
  476. background-color: {color:box6};
  477. }
  478.  
  479. #tab01{
  480. margin-bottom:0px;
  481. padding-left:4px;
  482. margin-top:5px;
  483. height:15px;
  484. width:15px;
  485. text-align:left;
  486. overflow:hidden;
  487. text-transform:uppercase;
  488. position:fixed;
  489. letter-spacing:1px;
  490. font-size:10px;
  491. line-height:10px;
  492. color: {color:updates text};
  493. transition: all 0.7s ease-out;
  494. -webkit-transition: all 0.7s ease-in-out;
  495. -moz-transition: all 0.7s ease-in-out;
  496. -o-transition: all 0.7s ease-in-out;
  497. }
  498.  
  499.  
  500. #tab01:hover{
  501. height:210px;
  502. width:150px;
  503. padding-left:19px;
  504. display:block;
  505. transition: all 0.7s ease-out;
  506. -webkit-transition: all 0.7s ease-in-out;
  507. -moz-transition: all 0.7s ease-in-out;
  508. -o-transition: all 0.7s ease-in-out;
  509. }
  510.  
  511.  
  512.  
  513. #tab02{
  514. margin-bottom:0px;
  515. margin-top:25px;
  516. padding-left:4px;
  517. height:15px;
  518. width:15px;
  519. text-align:left;
  520. overflow:hidden;
  521. text-transform:uppercase;
  522. position:fixed;
  523. letter-spacing:1px;
  524. font-size:10px;
  525. line-height:10px;
  526. color: {color:updates text};
  527. transition: all 0.7s ease-out;
  528. -webkit-transition: all 0.7s ease-in-out;
  529. -moz-transition: all 0.7s ease-in-out;
  530. -o-transition: all 0.7s ease-in-out;
  531. }
  532.  
  533.  
  534. #tab02:hover{
  535. height:170px;
  536. width:150px;
  537. padding-left:19px;
  538. transition: all 0.7s ease-out;
  539. -webkit-transition: all 0.7s ease-in-out;
  540. -moz-transition: all 0.7s ease-in-out;
  541. -o-transition: all 0.7s ease-in-out;
  542. }
  543.  
  544.  
  545.  
  546. #tab03{
  547. margin-bottom:0px;
  548. padding-left:4px;
  549. margin-top:45px;
  550. height:15px;
  551. width:15px;
  552. text-align:left;
  553. overflow:hidden;
  554. text-transform:uppercase;
  555. position:fixed;
  556. letter-spacing:1px;
  557. font-size:10px;
  558. line-height:10px;
  559. color: {color:updates text};
  560. transition: all 0.7s ease-out;
  561. -webkit-transition: all 0.7s ease-in-out;
  562. -moz-transition: all 0.7s ease-in-out;
  563. -o-transition: all 0.7s ease-in-out;
  564. }
  565.  
  566.  
  567. #tab03:hover{
  568. height:210px;
  569. padding-left:19px;
  570. width:150px;
  571. transition: all 0.7s ease-out;
  572. -webkit-transition: all 0.7s ease-in-out;
  573. -moz-transition: all 0.7s ease-in-out;
  574. -o-transition: all 0.7s ease-in-out;
  575. }
  576.  
  577.  
  578.  
  579. #tab04{
  580. margin-bottom:0px;
  581. padding-left:4px;
  582. margin-top:65px;
  583. height:15px;
  584. width:15px;
  585. text-align:left;
  586. overflow:hidden;
  587. text-transform:uppercase;
  588. position:fixed;
  589. letter-spacing:1px;
  590. font-size:10px;
  591. line-height:10px;
  592. color: {color:updates text};
  593. transition: all 0.7s ease-out;
  594. -webkit-transition: all 0.7s ease-in-out;
  595. -moz-transition: all 0.7s ease-in-out;
  596. -o-transition: all 0.7s ease-in-out;
  597. }
  598.  
  599.  
  600. #tab04:hover{
  601. height:180px;
  602. width:150px;
  603. padding-left:19px;
  604. transition: all 0.7s ease-out;
  605. -webkit-transition: all 0.7s ease-in-out;
  606. -moz-transition: all 0.7s ease-in-out;
  607. -o-transition: all 0.7s ease-in-out;
  608. }
  609.  
  610. #tab05{
  611. margin-bottom:0px;
  612. padding-left:4px;
  613. margin-top:85px;
  614. height:15px;
  615. width:15px;
  616. text-align:left;
  617. overflow:hidden;
  618. text-transform:uppercase;
  619. position:fixed;
  620. letter-spacing:1px;
  621. font-size:10px;
  622. line-height:10px;
  623. color: {color:updates text};
  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. #tab05:hover{
  632. height:180px;
  633. width:150px;
  634. padding-left:19px;
  635. transition: all 0.7s ease-out;
  636. -webkit-transition: all 0.7s ease-in-out;
  637. -moz-transition: all 0.7s ease-in-out;
  638. -o-transition: all 0.7s ease-in-out;
  639. }
  640.  
  641. #tab06{
  642. margin-bottom:0px;
  643. padding-left:4px;
  644. margin-top:105px;
  645. height:15px;
  646. width:15px;
  647. text-align:left;
  648. overflow:hidden;
  649. text-transform:uppercase;
  650. position:fixed;
  651. letter-spacing:1px;
  652. font-size:10px;
  653. line-height:10px;
  654. color: {color:updates text};
  655. transition: all 0.7s ease-out;
  656. -webkit-transition: all 0.7s ease-in-out;
  657. -moz-transition: all 0.7s ease-in-out;
  658. -o-transition: all 0.7s ease-in-out;
  659. }
  660.  
  661.  
  662. #tab06:hover{
  663. height:180px;
  664. width:150px;
  665. padding-left:19px;
  666. transition: all 0.7s ease-out;
  667. -webkit-transition: all 0.7s ease-in-out;
  668. -moz-transition: all 0.7s ease-in-out;
  669. -o-transition: all 0.7s ease-in-out;
  670. }
  671.  
  672.  
  673. #container{
  674. text-align:left;
  675. font-size:10px;
  676. text-transform:uppercase;
  677. position:fixed;
  678. font-family:calibri;
  679. left:10px;
  680. background-color:transparent;
  681. letter-spacing:1px;
  682. z-index:6;
  683. padding:4px;
  684. top:40px;
  685. color: {color:updates text};
  686.  
  687. }
  688.  
  689. #container a {
  690. color:{color:text};
  691. }
  692.  
  693. #container a:hover {
  694. color: {color:linkhover};
  695. }
  696.  
  697. .updateinfo {
  698. background:#f3f3f3;
  699. display:block;
  700. padding:8px;
  701. width:95px;
  702. z-index:1111;
  703. color:{color:text};
  704. }
  705.  
  706. /* end sidebar updates*/
  707. /************EDIT SIDEBAR HERE************/
  708.  
  709. #sidebar{
  710. background-color:{color:sidebar background};
  711. padding:5px;
  712. left:110px;
  713. top:50px;
  714. width:250px;
  715. position:fixed;
  716.  
  717. }
  718.  
  719. #sidebar img{
  720. width:250px;
  721. height:auto;
  722. padding-bottom:2px;
  723. }
  724.  
  725. .blogtitle{
  726. padding:0px;
  727. text-align:center;
  728. letter-spacing:4px;
  729. font-family:'Bonbon';
  730. text-transform:none;
  731. font-size:{text:blog title size};
  732. width:240px;
  733. background-color:{color:sidebar background};
  734. }
  735.  
  736. .blogtitle a{
  737. color:{color:blog title};
  738. }
  739. .blogtitle a:hover{
  740. color:{color:Hover};
  741. }
  742.  
  743.  
  744. .description{
  745. text-align:center;
  746. font-size:11px;
  747. font-family: 'Bree Serif', serif;
  748. padding-bottom:5px;
  749. width:255px;
  750. margin-left:-5px;
  751. background-color:{color:sidebar background};
  752. {block: if description border}
  753. border:5px ridge #fff;
  754. {/block: if description border}
  755. color:{color:description};
  756. }
  757. /******************Links*******************/
  758. .links{
  759. background:{color:sidebar};
  760. margin-top:10px;
  761. width:250px;
  762. line-height:20px;
  763. padding-top:5px;
  764. padding-bottom:5px;
  765. font-size:11px;
  766. font-family: 'Bree Serif', serif;
  767. border:3px, 3px, 3px, 3px, solid {color:Borders};
  768. text-align:center;
  769. }
  770.  
  771. .links:hover{
  772. color:{color:Hover};
  773.  
  774. }
  775.  
  776. .links a{
  777. position:top-right;
  778.  
  779. }
  780.  
  781. .links a:hover{
  782. margin-right:10px;
  783. color:{color:Hover};
  784. }
  785.  
  786. /************EDIT TEXT SETTINGS HERE************/
  787.  
  788. i, em{
  789. color:{color:Link};}
  790. b, strong{
  791. font-weight:normal;
  792. text-transform:uppercase;
  793. color:{color:Link};}
  794. ul,ol{
  795. margin:0px;
  796. margin-left:-5px;}
  797. p{
  798. padding:0px;
  799. margin:2px;}
  800. u{
  801. text-decoration:none;
  802. color:{color:Title};}
  803.  
  804. blockquote {
  805. margin:0px;
  806. padding:4px;
  807. background:{color:post background};}
  808.  
  809.  
  810.  
  811. /************DO NOT DELETE #SCROLL************/
  812.  
  813. #scroll{
  814. bottom:-20px;
  815. position: absolute;
  816. left: 50%;
  817. width:10px;
  818. height:5px;
  819. overflow:hidden;
  820. margin-bottom:80px;}
  821.  
  822.  
  823.  
  824.  
  825.  
  826.  
  827. ::selection {
  828.  
  829. background: {color:Select color}; /* Safari */
  830.  
  831. }
  832.  
  833. ::-moz-selection {
  834.  
  835. background: {color:Select color}; /* Firefox */
  836.  
  837. }
  838.  
  839.  
  840. </style>
  841.  
  842. </head>
  843.  
  844. <body>
  845.  
  846. <center>
  847.  
  848.  
  849. <div id="entries">
  850.  
  851. <!---------------EDIT SIDEBAR CONTENT HERE--------------->
  852. <div id="sidebar">
  853.  
  854. <div class="blogtitle">
  855. <a href="/">{Title}</a>
  856. </div>
  857.  
  858. <div class="sidebar: content-img">
  859. <img src="{image:Sidebar Image}" width="220"></img>
  860. <img src="{image:Sidebar Image 2}" width="220"></img>
  861. </div>
  862.  
  863. <div class="description">
  864. <center>{description}</center>
  865. </div>
  866.  
  867. <!---------------------Link Stuff---------------------------->
  868. <center>
  869. <div class="links">
  870.  
  871. <a href="{text:Link One URL}">{text:Link One Title}</a>
  872. <a href="{text:Link Two URL}">{text:Link Two Title}</a>
  873. <a href="{text:Link Three URL}">{text:Link Three Title}</a>
  874. <a href="{text:Link Four URL}">{text:Link Four Title}</a>
  875. <a href="{text:Link Five URL}">{text:Link Five Title}</a>
  876. </div>
  877. </center>
  878.  
  879. </div>
  880.  
  881. <!---please don't remove my credit, I work very hard on my themes--->
  882. <a href="http://motherofthemes.tumblr.com"><div id="credits">
  883. <img src="https://secure.static.tumblr.com/75e6c72b425b18787a98da886bdb4556/qfp9jca/c9Wo86vmp/tumblr_static_3r5cdxezrnok88o0wscwc0o0g.png"></div></a>
  884. <!-------------------Quote Stuff----------------------------->
  885. <div id="quote"><style witdth="100%"></style>
  886. </div>
  887. {block:Posts}
  888.  
  889. <!---------------DO NOT DELETE block:ContentSource--------------->
  890.  
  891. {block:ContentSource}
  892. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  893. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  894. {/block:SourceLogo}
  895. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  896. {/block:ContentSource}
  897.  
  898. <div id="post">
  899.  
  900. <!---------------EDIT TEXT POSTS HERE--------------->
  901.  
  902. {block:Text}
  903. <div class="text">
  904. <div class="posttitle">{block:Title}{Title}{/block:Title}</div>
  905. {Body}{block:IndexPage}<div class="permalink"><a href="{ReblogURL}" title="reblog">R</a> | <a href="{Permalink}" title="{NoteCount}">N</a>
  906. </div>{/block:IndexPage}</div>
  907. {/block:Text}
  908.  
  909. <!---------------EDIT LINK POSTS HERE--------------->
  910.  
  911. {block:Link}
  912. <a href="{URL}"><div class="posttitle">{Name}</div></a>
  913. {block:Description}{Description}{/block:Description}
  914. {block:IndexPage}<div class="permalink"><a href="{ReblogURL}" title="reblog">R</a> | <a href="{Permalink}" title="{NoteCount}">N</a>
  915. </div>{/block:IndexPage}
  916. {/block:Link}
  917.  
  918. <!---------------EDIT PHOTO POSTS HERE--------------->
  919.  
  920. {block:Photo}<div style="line-height:0px;">
  921. {block:IndexPage}
  922. <img src="{PhotoURL-250}" alt="{PhotoAlt}" width="260px"/>{/block:IndexPage}<div class="permalink"><a href="{ReblogURL}" title="reblog">R</a> | <a href="{Permalink}" title="{NoteCount}">N</a>
  923. </div>{block:PermalinkPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{/block:PermalinkPage}</a></div>
  924. {/block:Photo}
  925.  
  926. <!---------------EDIT PHOTOSET POSTS HERE--------------->
  927.  
  928. {block:Photoset}
  929. {block:IndexPage}{block:Photos}<a href="{Permalink}"><img src="{PhotoURL-250}"/></a>{/block:Photos}<div class="permalink"><a href="{ReblogURL}" title="reblog">R</a> | <a href="{Permalink}" title="{NoteCount}">N</a>
  930. </div>{/block:IndexPage}
  931. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  932. {/block:Photoset}
  933.  
  934. <!---------------EDIT QUOTE POSTS HERE--------------->
  935.  
  936. {block:Quote}
  937. {Quote}{block:Source}
  938. <div class="source">{Source}</div>{/block:Source}
  939. {block:IndexPage}
  940. <div class="permalink"><a href="{ReblogURL}" title="reblog">R</a> | <a href="{Permalink}" title="{NoteCount}">N</a>
  941. </div>{/block:IndexPage}
  942. {/block:Quote}
  943.  
  944. <!---------------EDIT ANSWER POSTS HERE--------------->
  945.  
  946. {block:Answer}
  947. <div class="ask"><span class="asker">{Asker}:</span> {Question}</div>
  948. <div class="answer">{Answer}</div>
  949. {block:IndexPage}
  950. <div class="permalink"><a href="{ReblogURL}" title="Reblog">REBLOG</a> / <a href="{Permalink}">{NoteCount}</a>
  951. </div>{/block:IndexPage}
  952. {/block:Answer}
  953.  
  954. <!---------------EDIT CHAT POSTS HERE--------------->
  955.  
  956. {block:Chat}
  957. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  958. <div class="chat"><ul>{block:Lines}
  959. <li class="person{UserNumber}">{block:Label}
  960. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>{block:IndexPage}<div class="permalink"><a href="{ReblogURL}" title="reblog">R</a> | <a href="{Permalink}" title="{NoteCount}">N</a>
  961. </div>
  962. {/block:IndexPage}
  963. {/block:Chat}
  964.  
  965. <!---------------EDIT AUDIO POSTS HERE--------------->
  966.  
  967. {block:Audio}<div class="player">{AudioPlayerWhite}</div>
  968. <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}" title="reblog">R</a> | <a href="{Permalink}" title="{NoteCount}">N</a>
  969. </div>
  970. {/block:IndexPage}
  971. {/block:Audio}
  972.  
  973. <!---------------EDIT VIDEO POSTS HERE--------------->
  974.  
  975. {block:Video}
  976. {block:IndexPage}<div class="video-container">{Video-250}</div>
  977. <div class="permalink"><a href="{ReblogURL}" title="reblog">R</a> | <a href="{Permalink}" title="{NoteCount}">N</a>
  978. </div>{/block:IndexPage}
  979. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  980. {/block:Video}
  981.  
  982. <!---------------EDIT PERMALINK PAGE HERE--------------->
  983.  
  984. {block:PermalinkPage}
  985. {block:Caption}{Caption}{/block:Caption}
  986. <p>{block:Date} {Month} {DayofMonthWithSuffix}, {Year}{/block:Date} {block:NoteCount}, {NoteCountWithLabel}{/block:NoteCount} {block:RebloggedFrom} , (via <a href="{ReblogParentURL}">{ReblogParentName}</a>){/block:RebloggedFrom}
  987. <div class="permapage">
  988. <div style="margin-top:10px; margin-left:-10px;">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}
  989. </div>
  990. {/block:Posts}
  991. </div>
  992.  
  993. <div id="left">
  994. <!--sidebar updates-->
  995. <div id="structure">
  996. <div id="container">
  997.  
  998. <!---begin tab 1 code--->
  999. <div id="tab01">
  1000. <a id="box1" class="square"></a>
  1001. <div style="font-size:10px; padding-left:5px; padding-top: 5px; color:{color:box1}; margin-top: -17px; margin-left:15px; ">u p d a t e s</div>
  1002. <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>
  1003.  
  1004.  
  1005.  
  1006. text here
  1007.  
  1008. <br><br>
  1009.  
  1010. <div style="color:{color:box3}; padding: 1px;"><b>use this style for additional titles in each tab!</b></div>
  1011. <!-- if you want your titles to match a different color box, just change the box3 to the box color you like best! like, if you prefer box 5's color, just put {color:box5} in where it says {color:box3} -->
  1012.  
  1013. </div>
  1014. </div>
  1015. </div>
  1016. <!---end tab 1 code--->
  1017.  
  1018. <!---begin tab 2 code--->
  1019. <div id="tab02">
  1020. <a id="box2" class="square"></a>
  1021. <div style="font-size:10px; padding-left:5px; padding-top: 5px; color:{color:box1}; margin-top: -17px; margin-left:15px; ">c u r r e n t l y</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>
  1022.  
  1023. text here
  1024.  
  1025.  
  1026. <br><br>
  1027. </div></div>
  1028. <!---end tab 2 code--->
  1029.  
  1030. <!---begin tab 3 code--->
  1031. <div id="tab03">
  1032. <a id="box3" class="square"></a>
  1033. <div style="font-size:10px; padding-left:5px; padding-top: 5px; color:{color:box1}; margin-top: -17px; margin-left:15px; ">s o c i a l</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>
  1034.  
  1035. text here
  1036.  
  1037.  
  1038. </div>
  1039. </div>
  1040. <!---end tab 3 code--->
  1041.  
  1042.  
  1043. <!---begin tab 4 code--->
  1044. <div id="tab04">
  1045. <a id="box4" class="square"></a>
  1046. <div style="font-size:10px; padding-left:5px; padding-top: 5px; margin-top: -17px; margin-left:15px; color:{color:box1};">a w a r d s</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>
  1047.  
  1048. text here
  1049.  
  1050.  
  1051. <br/><br/>
  1052.  
  1053. </div>
  1054. </div>
  1055. <!---end tab 4 code--->
  1056.  
  1057.  
  1058. <!---begin tab 5 code--->
  1059. <div id="tab05">
  1060. <a id="box5" class="square"></a>
  1061. <div style="font-size:10px; padding-left:5px; padding-top: 5px; margin-top: -17px; margin-left:15px; color:{color:box1};">m u s i c</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>
  1062.  
  1063. text here
  1064.  
  1065.  
  1066. <br/><br/>
  1067.  
  1068. </div>
  1069. </div>
  1070. <!---end tab 5 code--->
  1071.  
  1072.  
  1073. <!---begin tab 6 code--->
  1074. <div id="tab06">
  1075. <a id="box6" class="square"></a>
  1076. <div style="font-size:10px; padding-left:5px; padding-top: 5px; margin-top: -17px; margin-left:15px; color:{color:box1};">o t h e r</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>
  1077.  
  1078. text here
  1079.  
  1080.  
  1081. <br/><br/>
  1082.  
  1083. </div>
  1084. </div>
  1085. <!---end tab 6 code--->
  1086.  
  1087.  
  1088.  
  1089.  
  1090. </div></div></div></div>
  1091.  
  1092.  
  1093. <!--sidebar updates end-->
  1094.  
  1095. </div>
  1096.  
  1097. <!---------------DO NOT DELETE THIS--------------->
  1098.  
  1099. {block:IndexPage}
  1100. {block:Pagination}
  1101. <div id="pagination">
  1102. {block:NextPage}
  1103. <a id="nextPage" href="{NextPage}"></a>
  1104. {/block:NextPage}
  1105. {block:PreviousPage}
  1106. <a href="{PreviousPage}"></a>
  1107. {/block:PreviousPage}
  1108. </div>
  1109. {/block:Pagination}
  1110. {/block:IndexPage}
  1111. </center>
  1112.  
  1113. </body>
  1114. </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!