API tools faq
paste
Advertisement
danystormborn

The Unburnt

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