API tools faq
paste
mkbye

thm 43 — mkbye:celina

mkbye
Aug 30th, 2015
568
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.16 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3.  
  4.  
  5.  
  6.  
  7.  
  8.  
  9.  
  10. <!--
  11. theme 43 made by celina aka mkbye :-)
  12. please don't remove credit, or at least put it somewhere else on your blog!
  13. if you're stealing codes, bitch I will find you :))
  14.  
  15. theme created: aug 29 15
  16. theme posted publicly: aug 30 15
  17. -->
  18.  
  19.  
  20.  
  21.  
  22.  
  23.  
  24.  
  25.  
  26.  
  27.  
  28. <html lang="en">
  29. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  30. <html xmlns="http://www.w3.org/1999/xhtml">
  31. <head>
  32. <script type="text/javascript">
  33. WebFontConfig = {
  34. google: { families: [ 'Allura::latin', 'Roboto:100:latin', 'Dancing+Script::latin', 'Pinyon+Script::latin', 'Allura::latin', 'Ruthie::latin', 'Noto+Sans:400,400italic:latin', 'Libre+Baskerville:400,400italic:latin', 'Satisfy::latin', 'Dawning+of+a+New+Day::latin','Dosis::latin', 'Raleway:200:latin', 'Parisienne::latin', 'Great+Vibes::latin', 'Clicker+Script::latin' ] }
  35. };
  36. (function() {
  37. var wf = document.createElement('script');
  38. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  39. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  40. wf.type = 'text/javascript';
  41. wf.async = 'true';
  42. var s = document.getElementsByTagName('script')[0];
  43. s.parentNode.insertBefore(wf, s);
  44. })(); </script>
  45. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  46. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  47. <script>
  48. (function($){
  49. $(document).ready(function(){
  50. $("a[title]").style_my_tooltips({
  51. tip_follows_cursor:true,
  52. tip_delay_time:10,
  53. tip_fade_speed:10,
  54. attribute:"title"
  55. });
  56. });
  57. })(jQuery);
  58. </script>
  59. <script>
  60. $(document).ready(function() {
  61. //
  62. $('a.poplight[href^=#]').click(function() {
  63. var popID = $(this).attr('rel'); //Get Popup Name
  64. var popURL = $(this).attr('href'); //Get Popup href to define size
  65. var query= popURL.split('?');
  66. var dim= query[1].split('&');
  67. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  68. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend();
  69. var popMargTop = ($('#' + popID).height() + 80) / 2;
  70. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  71. //Apply Margin to Popup
  72. $('#' + popID).css({
  73. 'margin-top' : -popMargTop,
  74. 'margin-left' : -popMargLeft
  75. });
  76. $('body').append('<div id="fade"></div>');
  77. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  78. return false;
  79. });
  80. $('a.close, #fade').live('click', function() {
  81. $('#fade , .popup_block').fadeOut(function() {
  82. $('#fade, a.close').remove(); //fade them both out
  83. });
  84. return false;
  85. });
  86. });
  87. </script>
  88. <script type="text/javascript">
  89. <!--
  90.  
  91. // Disable Right Click Script
  92.  
  93. function IE(e)
  94. {
  95. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  96. {
  97. return false;
  98. }
  99. }
  100. function NS(e)
  101. {
  102. if (document.layers || (document.getElementById && !document.all))
  103. {
  104. if (e.which == "2" || e.which == "3")
  105. {
  106. return false;
  107. }
  108. }
  109. }
  110. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  111.  
  112. //-->
  113. </script>
  114.  
  115.  
  116. <script type="text/javascript"
  117. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  118.  
  119. <!--DEFAULT VARIABLES-->
  120. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  121. <meta name="color:background" content="#f4f4f4"/>
  122. <meta name="color:link" content="#acbfdf"/>
  123. <meta name="color:text" content="#414141"/>
  124. <meta name="color:title" content="#8fafc9"/>
  125. <meta name="color:hover" content="#fff"/>
  126. <meta name="image:background" content="1"/>
  127.  
  128. <meta name="image:vertical pic 1" content="1"/>
  129. <meta name="image:vertical pic 2" content="1"/>
  130. <meta name="image:icon" content="1"/>
  131.  
  132. <meta name="color:sidebar hover border" content="#d8e2ed"/>
  133. <meta name="color:sidebar border" content="#b0c8da"/>
  134. <meta name="color:line" content="#9ab2be"/>
  135. <meta name="color:blogtitle" content="#809dbe"/>
  136.  
  137. <meta name="text:link 1" content="/"/>
  138. <meta name="text:link 1 msg" content="homepage"/>
  139. <meta name="text:link 2" content="/"/>
  140. <meta name="text:link 2 msg" content="inbox"/>
  141. <meta name="text:link 3" content="/"/>
  142. <meta name="text:link 3 msg" content="nav"/>
  143. <meta name="text:link 4" content="/"/>
  144. <meta name="text:link 4 msg" content="pictures"/>
  145. <meta name="text:link 5" content="/"/>
  146. <meta name="text:link 5 msg" content="archive"/>
  147. <meta name="text:name before desc link" content="/"/>
  148.  
  149. <meta name="text:blogtitle" content="blogtitle"/>
  150. <meta name="text:stats" content="6/20000"/>
  151. <meta name="text:name" content="celina"/>
  152. <meta name="text:3 liner quote" content="No matter how hard things were, tomorrow's a fresh opportunity to make it better."/>
  153.  
  154. <meta name="if:no sidebar hover" content="0"/>
  155.  
  156. <style type="text/css">
  157.  
  158. #s-m-t-tooltip {
  159. max-width:300px;
  160. padding:4px;
  161. margin:20px 0px 0px 20px;
  162. background:{color:title};
  163. letter-spacing:0px; /* change the letter spacing */
  164. color:white; /* change the text color */
  165. font-size:10px;
  166. text-transform:lowercase;
  167. z-index:999999999999999999999999999999999999;
  168. }
  169.  
  170. #fade { /*--Transparent background layer--*/
  171. display: none; /*--hidden by default--*/
  172. position: fixed; left: 0; top: 0;
  173. background-color: {color:Background};
  174. background-image:url({image:Background});
  175. width: 100%; height: 100%;
  176. opacity:1;
  177. z-index: 99999999;
  178. }
  179. .popup_block{
  180. display: none; /*--hidden by default--*/
  181. padding: 20px;
  182. border:15px solid {color:link};
  183. float: left;
  184. font-size:10px;
  185. position: fixed;
  186. color:white;
  187. top: 50%; left: 50%;
  188. z-index: 9999999999999;
  189. background:white;
  190. }
  191.  
  192. ::-webkit-scrollbar {width: 5px; height: 5px; background: #FFFFFF;}
  193. ::-webkit-scrollbar-thumb {background-color:{color:blogtitle};border:2px solid white;}
  194.  
  195. .tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop {right:2px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.5;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  196.  
  197. .tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop:hover{-webkit-transition: opacity 0.7s linear;opacity: 0.8;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  198.  
  199. p {
  200. margin:0px;
  201. margin-top:0px;
  202. }
  203.  
  204.  
  205. body {
  206. padding: 0px;
  207. margin: 0px;
  208. color:{color:text};
  209. font-family:arial;
  210. line-height:15px;
  211. font-size:10px;
  212. background-color: {color:Background};
  213. background-image:url({image:Background});
  214. background-attachment: fixed;
  215. background-repeat: repeat;
  216. }
  217.  
  218. a:link, a:active, a:visited{
  219. text-decoration: none;
  220. -webkit-transition: color 0.3s ease-out;
  221. -moz-transition: color 0.3s ease-out;
  222. transition: color 0.3s ease-out;
  223. color:{color:link};
  224. }
  225.  
  226. a:hover {
  227. text-decoration: none;
  228. font-style:;
  229. color: {color:Hover};
  230. }
  231.  
  232. div#center{
  233. margin:auto;
  234. position:relative;
  235. width:1250px;
  236. background-color:;
  237. overflow:auto;
  238. overflow-y:hidden;
  239. }
  240.  
  241. .entry {
  242. float:left;
  243. display: block;
  244. margin:15px;
  245. overflow:hidden;
  246. width:270px;
  247. border:1px solid {color:sidebar border};
  248. padding:15px;
  249. padding-bottom:13px;
  250. {block:PermalinkPage}
  251. width:450px;
  252. text-align:left;
  253. line-height:10px;
  254. {/block:PermalinkPage}
  255. background:white;
  256. background-image:URL();
  257. }
  258.  
  259.  
  260. #posts {
  261. width:800px;
  262. margin-top:50px;
  263. z-index:99;
  264. margin-left:500px;
  265. position:relative;
  266. overflow-y: hidden;
  267. }
  268.  
  269. #sr{
  270. position:fixed !important;
  271. width:330px;
  272. height:250px;
  273. margin-top:100px;
  274. margin-left:100px;
  275. background:#fff;
  276. border:1px solid {color:sidebar border};
  277. transition: all .5s ease-out;
  278. -o-transition-transition: all .5s ease-out;
  279. -webkit-transition: all .5s ease-out;
  280. {block:ifnosidebarhover}
  281. background:{color:sidebar hover border};
  282. {/block:ifnosidebarhover}
  283. }
  284.  
  285. #sr:hover{
  286. background:{color:sidebar hover border};
  287. }
  288.  
  289. #pc1{
  290. position:fixed !important;
  291. width:350px;
  292. height:250px;
  293. margin-top:10px;
  294. margin-left:10px;
  295. {block:ifnosidebarhover}
  296. opacity:0;
  297. {/block:ifnosidebarhover}
  298. }
  299.  
  300. #pc1 img{
  301. width:150px;
  302. height:230px;
  303. outline:1px solid white;
  304. outline-offset:-5px;
  305. transition: all .5s ease-out;
  306. -o-transition-transition: all .5s ease-out;
  307. -webkit-transition: all .5s ease-out;
  308. }
  309.  
  310. #sr:hover #pc1 img{
  311. margin-left:170px;
  312. opacity:0;
  313. }
  314.  
  315. #pc2{
  316. position:fixed !important;
  317. width:350px;
  318. height:250px;
  319. margin-top:10px;
  320. margin-left:170px;
  321. {block:ifnosidebarhover}
  322. opacity:0;
  323. {/block:ifnosidebarhover}
  324. }
  325.  
  326. #pc2 img{
  327. width:150px;
  328. height:230px;
  329. outline:1px solid white;
  330. outline-offset:-5px;
  331. transition: all .5s ease-out;
  332. -o-transition-transition: all .5s ease-out;
  333. -webkit-transition: all .5s ease-out;
  334. }
  335.  
  336. #sr:hover #pc2 img{
  337. margin-left:-170px;
  338. opacity:0;
  339. }
  340.  
  341. #bgbx{
  342. position:fixed !important;
  343. width:310px;
  344. height:200px;
  345. margin-top:25px;
  346. margin-left:10px;
  347. background:#000;
  348. outline:1px solid {color:sidebar border};
  349. outline-offset:-5px;
  350. background-color:white;
  351. transition: all .5s ease-out;
  352. -o-transition-transition: all .5s ease-out;
  353. -webkit-transition: all .5s ease-out;
  354. -moz-transform: scale(0);
  355. -webkit-transform: scale(0);
  356. transform: scale(0);
  357. {block:ifnosidebarhover}
  358. -moz-transform: scale(1.0);
  359. -webkit-transform: scale(1.0);
  360. transform: scale(1.0);
  361. {/block:ifnosidebarhover}
  362. }
  363.  
  364. #sr:hover #bgbx{
  365. -moz-transform: scale(1.0);
  366. -webkit-transform: scale(1.0);
  367. transform: scale(1.0);
  368. }
  369.  
  370. #bxbe{
  371. position:fixed !important;
  372. z-index:99999;
  373. width:280px;
  374. height:40px;
  375. margin-top:10px;
  376. margin-left:10px;
  377. padding-left:10px;
  378. text-align:left;
  379. line-height:40px;
  380. font-family:arial;
  381. font-size:17px;
  382. font-weight:bold;
  383. text-transform:lowercase;
  384. color:{color:blogtitle};
  385. text-shadow:-2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;
  386. }
  387.  
  388. #bxle{
  389. position:fixed !important;
  390. width:290px;
  391. height:1px;
  392. background:{color:line};
  393. margin-top:30px;
  394. margin-left:10px;
  395. }
  396.  
  397. #bxpc{
  398. position:fixed !important;
  399. width:70px;
  400. height:70px;
  401. margin-top:50px;
  402. margin-left:20px;
  403. background:{color:sidebar border};
  404. }
  405.  
  406. #bxpc img{
  407. width:60px;
  408. height:60px;
  409. padding:5px;
  410. outline:1px solid white;
  411. outline-offset:-6px;
  412. }
  413.  
  414. #bxdc{
  415. position:fixed !important;
  416. width:165px;
  417. max-height:38px;
  418. height:auto;
  419. padding:15px;
  420. margin-top:50px;
  421. margin-left:100px;
  422. background:white;
  423. border:1px solid {color:line};
  424. overflow:auto;
  425. text-align:left;
  426. font-size:9.5px;
  427. }
  428.  
  429. #bxbe2{
  430. position:fixed !important;
  431. z-index:99999;
  432. width:280px;
  433. height:40px;
  434. margin-top:120px;
  435. margin-left:10px;
  436. padding-right:10px;
  437. text-align:right;
  438. line-height:40px;
  439. font-family:arial;
  440. font-size:17px;
  441. font-weight:bold;
  442. text-transform:lowercase;
  443. color:{color:blogtitle};
  444. text-shadow:-2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;
  445. }
  446.  
  447. #bxle2{
  448. position:fixed !important;
  449. width:290px;
  450. height:1px;
  451. background:{color:line};
  452. margin-top:140px;
  453. margin-left:10px;
  454. }
  455.  
  456. #bxls{
  457. position:fixed !important;
  458. width:105px;
  459. height:15px;
  460. margin-top:160px;
  461. margin-left:195px;
  462. text-align:center;
  463. }
  464.  
  465. #bxls a{
  466. padding:2px;
  467. font-size:9.5px;
  468. color:{color:text};
  469. }
  470.  
  471. #bxls a:hover{
  472. background:{color:sidebar hover border};
  473. }
  474.  
  475. #bxqe{
  476. position:fixed !important;
  477. width:180px;
  478. height:45px;
  479. margin-top:145px;
  480. margin-left:10px;
  481. font-size:8.5px;
  482. font-family:libre baskerville;
  483. font-style:italic;
  484. text-align:center;
  485. line-height:14px;
  486. }
  487.  
  488. #brtp{
  489. position:fixed !important;
  490. z-index:9999999;
  491. width:100%;
  492. height:20px;
  493. top:0px;
  494. left:0px;
  495. background:{color:blogtitle};
  496. }
  497.  
  498. #bgss2{
  499. position:fixed !important;
  500. width:auto;
  501. height:10px;
  502. padding:3px;
  503. left:5px;
  504. bottom:25px;
  505. background:white;
  506. border:1px solid {color:line};
  507. text-align:center;
  508. color:{color:link};
  509. line-height:10px;
  510. font-size:9px;
  511. text-transform:uppercase;
  512. }
  513.  
  514. #bgus #bgss #bgss2 a{
  515. color:{color:link};
  516. }
  517.  
  518. .entry .perma4{
  519. z-index:9999;
  520. position:absolute;
  521. width:30px;
  522. height:30px;
  523. margin-top:20px;
  524. margin-left:20px;
  525. border:1px solid white;
  526. border-right:0px;
  527. background:{color:sidebar border};
  528. opacity:0;
  529. -webkit-transition: all .7s ease;
  530. -moz-transition: all .7s ease;
  531. -o-transition: all .7s ease;
  532. transition: all .7s ease;
  533. -moz-transform: scale(0);
  534. -webkit-transform: scale(0);
  535. transform: scale(0);
  536. }
  537.  
  538. .entry:hover .perma4{
  539. overflow:visible;
  540. opacity:1;
  541. -moz-transform: scale(1);
  542. -webkit-transform: scale(1);
  543. transform: scale(1);
  544. }
  545.  
  546. .entry .perma5{
  547. z-index:9999;
  548. position:absolute;
  549. width:30px;
  550. height:30px;
  551. margin-top:20px;
  552. margin-left:50px;
  553. border:1px solid white;
  554. border-left:0px;
  555. border-right:0px;
  556. background:{color:blogtitle};
  557. opacity:0;
  558. -webkit-transition: all .7s ease;
  559. -moz-transition: all .7s ease;
  560. -o-transition: all .7s ease;
  561. transition: all .7s ease;
  562. -moz-transform: scale(1.5);
  563. -webkit-transform: scale(1.5);
  564. transform: scale(1.5);
  565. }
  566.  
  567. .entry:hover .perma5{
  568. overflow:visible;
  569. opacity:1;
  570. -moz-transform: scale(1);
  571. -webkit-transform: scale(1);
  572. transform: scale(1);
  573. }
  574.  
  575. .entry .perma6{
  576. z-index:9999;
  577. position:absolute;
  578. width:30px;
  579. height:30px;
  580. margin-top:20px;
  581. margin-left:80px;
  582. border:1px solid white;
  583. background:{color:link};
  584. border-left:0px;
  585. opacity:0;
  586. -webkit-transition: all .7s ease;
  587. -moz-transition: all .7s ease;
  588. -o-transition: all .7s ease;
  589. transition: all .7s ease;
  590. -moz-transform: scale(0);
  591. -webkit-transform: scale(0);
  592. transform: scale(0);
  593. }
  594.  
  595. .entry:hover .perma6{
  596. overflow:visible;
  597. opacity:1;
  598. -moz-transform: scale(1);
  599. -webkit-transform: scale(1);
  600. transform: scale(1);
  601. }
  602.  
  603. .perma6 img{
  604. width:20px;
  605. border:0px;
  606. background:{color:link};
  607. }
  608.  
  609. .entry .perma7{
  610. z-index:9999;
  611. position:absolute;
  612. width:30px;
  613. height:30px;
  614. margin-top:20px;
  615. margin-left:20px;
  616. border:1px solid white;
  617. border-right:0px;
  618. background:{color:sidebar border};
  619. }
  620.  
  621. .entry .perma8{
  622. z-index:9999;
  623. position:absolute;
  624. width:30px;
  625. height:30px;
  626. margin-top:20px;
  627. margin-left:50px;
  628. border:1px solid white;
  629. border-left:0px;
  630. border-right:0px;
  631. background:{color:blogtitle};
  632. }
  633.  
  634. .entry .perma9{
  635. z-index:9999;
  636. position:absolute;
  637. width:30px;
  638. height:30px;
  639. margin-top:20px;
  640. margin-left:80px;
  641. border:1px solid white;
  642. background:{color:link};
  643. border-left:0px;
  644. }
  645.  
  646. .perma9 img{
  647. width:20px;
  648. border:0px;
  649. background:{color:link};
  650. }
  651.  
  652. .entry .perma10{
  653. z-index:9999;
  654. position:absolute;
  655. width:140px;
  656. height:30px;
  657. margin-top:20px;
  658. margin-left:110px;
  659. border:1px solid white;
  660. background:{color:title};
  661. border-left:0px;
  662. color:white;
  663. text-align:center;
  664. line-height:30px;
  665. font-size:9px;
  666. }
  667.  
  668. #question{
  669. width:250px;
  670. height:auto;
  671. padding:10px;
  672. font-size:9px;
  673. background:white;
  674. border:1px solid {color:blogtitle};
  675. font-family:arial;
  676. {block:permalinkpage}
  677. width:440px;
  678. {/block:permalinkpage}
  679. }
  680.  
  681. #answer{
  682. width:250px;
  683. height:auto;
  684. padding:10px;
  685. font-size:9px;
  686. text-align:left;
  687. background:white;
  688. font-family:arial;
  689. {block:permalinkpage}
  690. width:440px;
  691. {/block:permalinkpage}
  692. }
  693.  
  694. #ap{
  695. width:30px;
  696. height:30px;
  697. overflow:hidden;
  698. position:absolute;
  699. margin-top:15px;
  700. margin-left:15px;
  701. background:white;
  702. opacity:0.8;
  703. border-radius:100px;
  704. }
  705.  
  706. #at{
  707. width:190px;
  708. height:30px;
  709. overflow:hidden;
  710. position:absolute;
  711. margin-top:-45px;
  712. margin-left:80px;
  713. font-family:arial;
  714. font-size:13px;
  715. font-weight:bold;
  716. }
  717.  
  718.  
  719. .title{
  720. line-height: 20px;
  721. font-size:15px;
  722. color:{color:Title};
  723. font-weight:bold;
  724. }
  725.  
  726.  
  727. .permalink{
  728. text-transform: normal;
  729. display: block;
  730. text-align: right;
  731. text-decoration: none;
  732. }
  733.  
  734. #tdcd{
  735. position:fixed;
  736. bottom:5px;
  737. z-index:99999;
  738. right:5px;
  739. background:white;
  740. border:1px solid #eee;
  741. width:30px;
  742. height:30px;
  743. -webkit-transition: all .7s ease;
  744. -moz-transition: all .7s ease;
  745. -o-transition: all .7s ease;
  746. transition: all .7s ease;
  747. }
  748.  
  749. #tdcd:hover{
  750. right:75px;
  751. }
  752.  
  753. #cr{
  754. position:fixed;
  755. bottom:5px;
  756. z-index:99999;
  757. background:white;
  758. border:1px solid #eee;
  759. width:70px;
  760. height:30px;
  761. right:-70px;
  762. font-size:8px;
  763. text-align:center;
  764. line-height:30px;
  765. font-weight:bold;
  766. -webkit-transition: all .7s ease;
  767. -moz-transition: all .7s ease;
  768. -o-transition: all .7s ease;
  769. transition: all .7s ease;
  770. }
  771.  
  772. #tdcd:hover #cr{
  773. right:0px;
  774. }
  775.  
  776. #cr a{
  777. color:{color:blogtitle};
  778. }
  779.  
  780. #infscr-loading{
  781. bottom: -70px;
  782. position: absolute;
  783. left: 50%;
  784. margin-left:-8px;
  785. width:16px;
  786. height:11px;
  787. overflow:hidden;
  788. margin-bottom: 50px;
  789. }
  790.  
  791. #postnotes{
  792. text-align: justify;}
  793.  
  794. #postnotes blockquote{
  795. border: 0px;}
  796.  
  797. blockquote{
  798. padding:0px 0px 2px 5px;
  799. margin:0px 0px 2px 10px;
  800. border-left: 1px dotted #555555;
  801. }
  802.  
  803. blockquote p, ul{
  804. margin:0px;
  805. padding:0px;
  806. }
  807.  
  808. a img{border: 0px;}
  809.  
  810. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  811.  
  812. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  813. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  814. .notes img{width:10px; position:relative; top:3px;margin:5px;}
  815. <--ses-->
  816. small{font-size: 90%;}
  817.  
  818. {CustomCSS}
  819.  
  820. </style>
  821.  
  822. {block:IndexPage}
  823. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  824. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  825. <script type="text/javascript" src="http://static.tumblr.com/tk7f1db/vGfn06hpd/document.txt"></script>
  826.  
  827. <script type="text/javascript">
  828. $(window).load(function(){
  829. var $wall = $('#posts');
  830. $wall.imagesLoaded(function(){
  831. $wall.masonry({
  832. itemSelector: '.entry, .entry_photo',
  833. isAnimated : false
  834. });
  835. });
  836.  
  837. $wall.infinitescroll({
  838. navSelector : '#pagination',
  839. nextSelector : '#pagination a',
  840. itemSelector : '.entry, .entry_photo',
  841. bufferPx : 2000,
  842. debug : false,
  843. errorCallback: function() {
  844. $('#infscr-loading').fadeOut('normal');
  845. }},
  846. function( newElements ) {
  847. var $newElems = $( newElements );
  848. $newElems.hide();
  849. $newElems.imagesLoaded(function(){
  850. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  851. });
  852. }); $('#posts').show(500);
  853. });
  854. </script>
  855.  
  856.  
  857. {/block:IndexPage}
  858.  
  859.  
  860. <title>{title}</title>
  861.  
  862. <link rel="shortcut icon" href="{Favicon}" />
  863. <meta name="viewport" content="width=820" />
  864. </head>
  865.  
  866. <body>
  867. <BODY onselectstart="return false;" ondragstart="return false;">
  868. <div class="wrapper">
  869. <div class="header">
  870. </div>
  871.  
  872. <div id="cage">
  873. <div id="center">
  874. <div id="brtp"></div>
  875. <div id="bgss2">{text:stats}</div>
  876.  
  877. <div id="sr">
  878. <div id="pc1"><img src="{image:vertical pic 1}"></div>
  879. <div id="pc2"><img src="{image:vertical pic 2}"></div>
  880. <div id="bgbx">
  881. <div id="bxbe">{text:blogtitle}</div>
  882. <div id="bxle"></div>
  883. <div id="bxpc"><img src="{image:icon}"></div>
  884. <div id="bxdc"><a href="{text:name before desc link}" style="text-transform:uppercase;"><b>{text:name}:</b></a> {description}</div>
  885. <div id="bxbe2">navigation</div>
  886. <div id="bxle2"></div>
  887. <div id="bxls">
  888. <a href="{text:link 1}" title="{text:link 1 msg}">01</a>
  889. <a href="{text:link 2}" title="{text:link 2 msg}">02</a>
  890. <a href="{text:link 3}" title="{text:link 3 msg}">03</a>
  891. <a href="{text:link 4}" title="{text:link 4 msg}">04</a>
  892. <a href="{text:link 5}" title="{text:link 5 msg}">05</a>
  893. <a href="http://mkbye.tumblr.com" title="theme">06</a>
  894. </div>
  895. <div id="bxqe"><font style="color:{color:sidebar border};font-size:13px;">❝</font> {text:3 liner quote} <font style="color:{color:sidebar border};font-size:13px;">❞</font></div>
  896. </div>
  897. </div>
  898.  
  899. <div id="tdcd"><img src="http://cdn.mysitemyway.com/etc-mysitemyway/icons/legacy-previews/icons-256/3d-transparent-glass-icons-people-things/059464-3d-transparent-glass-icon-people-things-hand-peace.png" style="width:30px;height:30px;"></a>
  900. <div id ="cr"><a href="http://mkbye.tumblr.com">theme by mkbye</a></div>
  901. </div>
  902.  
  903. <div class="left">
  904. <div id="posts">
  905. {block:Posts}
  906. <div class="entry">
  907.  
  908. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span>
  909. {block:IndexPage}
  910. <div style="color:{color:blogtitle};font-family:arial;text-transform:lowercase;font-style:italic;text-align:right">
  911. <a href="{ReblogURL}" target="_blank">reblog</a> | <a href="{Permalink}" title="{timeago}">{ShortDayOfWeek} {DayOfMonth}</a>
  912. </div>
  913. {/block:IndexPage}
  914. {/block:Text}
  915.  
  916.  
  917. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description}
  918. {block:IndexPage}
  919. <div style="color:{color:blogtitle};font-family:arial;text-transform:lowercase;font-style:italic;text-align:right">
  920. <a href="{ReblogURL}" target="_blank">reblog</a> | <a href="{Permalink}" title="{timeago}">{ShortDayOfWeek} {DayOfMonth}</a>
  921. </div>
  922. {/block:IndexPage}
  923. {block:Link}
  924.  
  925.  
  926. {block:Photo}
  927. {block:IndexPage}
  928. <center>
  929.  
  930. <div class="perma4">
  931. <a href="{ReblogURL}" target="_blank" title="{notecountwithlabel}">
  932. <div style="margin-top:8px; margin-left:0px">{ReblogButton color="white" size="15"}</div> </a>
  933. </div>
  934.  
  935. <div class="perma5">
  936. <div style="margin-top:8px; margin-left:0px">{LikeButton color="white" size="15"}</div> </div>
  937.  
  938. <div class="perma6"> <a href="{permalink}" title="reblogged {timeago}"> <img src="http://i.imgur.com/733Lx5B.png" style="width:14px; margin-top:8px;"> </a> </div>
  939.  
  940. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  941. {/block:IndexPage}
  942. {block:PermalinkPage}
  943. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  944. {LinkCloseTag}
  945. {/block:PermalinkPage}
  946. {/block:Photo}
  947.  
  948.  
  949. {block:Answer}
  950. <div id="question">
  951. <font style="text-transform:uppercase; color:{color:blogtitle};font-size:10px;"><b>{Asker}</b></font>:</br>{question}</div>
  952. <div id="answer">
  953. <font style="text-transform:uppercase; color:{color:blogtitle};font-size:10px;"><b>{text:name}</b></font>:</br>{answer}</div>
  954. {block:IndexPage}
  955. <div style="color:{color:blogtitle};font-family:arial;text-transform:lowercase;font-style:italic;text-align:right">
  956. <a href="{ReblogURL}" target="_blank">reblog</a> | <a href="{Permalink}" title="{timeago}">{ShortDayOfWeek} {DayOfMonth}</a>
  957. </div>
  958. {/block:IndexPage}
  959. {/block:Answer}
  960.  
  961.  
  962. {block:Photoset}
  963. {block:IndexPage}
  964. <center>{Photoset-250}
  965. <div class="perma7">
  966. <a href="{ReblogURL}" target="_blank">
  967. <div style="margin-top:8px; margin-left:0px">{ReblogButton color="white" size="15"}</div> </a>
  968. </div>
  969.  
  970. <div class="perma8">
  971. <div style="margin-top:8px; margin-left:0px">{LikeButton color="white" size="15"}</div> </div>
  972.  
  973. <div class="perma9"> <a href="{permalink}" title="reblogged {timeago}"> <img src="http://i.imgur.com/733Lx5B.png" style="width:14px; margin-top:8px;"> </a> </div>
  974.  
  975. <div class="perma10"> {block:NoteCount}{notecountwithlabel}{/block:NoteCount} — {12HourWithZero}:{Minutes} {CapitalAmPm}</div>
  976.  
  977.  
  978.  
  979. </br></br></br></br>
  980. <div style="text-align:left;padding:15px;">{caption}</div>
  981. </center>
  982. {/block:IndexPage}
  983. {block:PermalinkPage}
  984. <center>{Photoset-400}</center>
  985. {/block:PermalinkPage}
  986. {/block:Photoset}
  987.  
  988.  
  989. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br>
  990. {block:IndexPage}
  991. <div style="color:{color:blogtitle};font-family:arial;text-transform:lowercase;font-style:italic;text-align:right">
  992. <a href="{ReblogURL}" target="_blank">reblog</a> | <a href="{Permalink}" title="{timeago}">{ShortDayOfWeek} {DayOfMonth}</a>
  993. </div>
  994. {/block:IndexPage}
  995. {/block:Quote}
  996.  
  997.  
  998. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  999. <ul class="chat">
  1000. {block:Lines}
  1001. <li class="user_{UserNumber}">
  1002. {block:Label}
  1003. <span class="label">{Label}</span>
  1004. {/block:Label}
  1005. {Line}
  1006. </li>
  1007. {/block:Lines}
  1008. {/block:Chat}
  1009.  
  1010.  
  1011. {block:Audio}
  1012. <div id="ap">{AudioPlayerWhite}</div>
  1013. {block:AlbumArt}<img src="{AlbumArtURL}" style="width:60px;border-radius:100px;">{/block:AlbumArt}
  1014. <div id="at">{block:TrackName}{TrackName}{/block:TrackName} -
  1015. <font style="color:{color:blogtitle}">{block:Artist}{Artist}{/block:Artist}</font>
  1016. </div>
  1017. </br>
  1018. {block:indexpage}
  1019. <div style="color:{color:link};font-family:arial;text-transform:lowercase;font-style:italic;text-align:right">
  1020. {block:PlayCount}{PlayCountWithLabel}{/block:PlayCount} | <a href="{ReblogURL}" target="_blank">reblog</a> | <a href="{Permalink}" title="{timeago}">{ShortDayOfWeek} {DayOfMonth}</a>
  1021. </div></br>
  1022. <div style="padding:5px;border-top:1px solid {color:title}"></div>
  1023. {caption}
  1024. {/block:indexpage}
  1025. {/block:Audio}
  1026.  
  1027.  
  1028. {block:Video}
  1029. {block:IndexPage}
  1030. <center>
  1031. {Video-250}
  1032. <div class="perma7">
  1033. <a href="{ReblogURL}" target="_blank">
  1034. <div style="margin-top:8px; margin-left:0px">{ReblogButton color="white" size="15"}</div> </a>
  1035. </div>
  1036.  
  1037. <div class="perma8">
  1038. <div style="margin-top:8px; margin-left:0px">{LikeButton color="white" size="15"}</div> </div>
  1039.  
  1040. <div class="perma9"> <a href="{permalink}" title="reblogged {timeago}"> <img src="http://i.imgur.com/733Lx5B.png" style="width:14px; margin-top:8px;"> </a> </div>
  1041.  
  1042. <div class="perma10"> {block:NoteCount}{notecountwithlabel}{/block:NoteCount} — {12HourWithZero}:{Minutes} {CapitalAmPm}</div>
  1043.  
  1044.  
  1045.  
  1046. </br></br></br></br>
  1047. <div style="text-align:left;padding:15px;">{caption}</div>
  1048. </center>
  1049. </center>
  1050. {/block:IndexPage}
  1051. {block:PermalinkPage}
  1052. <center>
  1053. {Video-400}</center>
  1054. {/block:PermalinkPage}
  1055. {block:Video}
  1056.  
  1057.  
  1058. {block:PostNotes}
  1059. </br><div style="font-size:9.5px;color:black;line-height:12px;">
  1060. <B>POSTED:</B> {shortmonth} {dayofmonth} {year} | {12Hour}:{Minutes} {CapitalAmPm}</br>
  1061. <b>NOTE COUNT:</b> {notecount}</br>
  1062. <B>VIA:</B> {block:RebloggedFrom}<a href={ReblogParentURL}>{ReblogParentName}</a>{/block:RebloggedFrom}</br>
  1063. <b>SOURCE:</b> {block:contentSource}<a href="{Sourceurl}">{sourcetitle}</a>{/block:contentSource}</br>
  1064. <b>TAGS:</b> {block:HasTags}{block:Tags}
  1065. <a href="{TagURL}">{Tag},</a>
  1066. {/block:Tags}{/block:HasTags}</br></br>
  1067. <div style="border-top:1px solid {color:title}"></div>
  1068. </br>
  1069. {caption}
  1070. </br>
  1071. </div>
  1072. <div id="postnotes"><div style="height:auto; max-height:500px; overflow:auto; padding:10px; font-size:9px; font-family:arial">{PostNotes}</div></div><br>
  1073. {/block:PostNotes}
  1074.  
  1075.  
  1076. </div>
  1077. {/block:Posts}
  1078. </div></div>
  1079.  
  1080.  
  1081. {block:IndexPage}
  1082. {block:Pagination}
  1083. <div id="pagination">
  1084. {block:NextPage}
  1085. <a id="nextPage" href="{NextPage}"></a>
  1086. {/block:NextPage}
  1087. {block:PreviousPage}
  1088. <a href="{PreviousPage}"></a>
  1089. {/block:PreviousPage}
  1090. </div>
  1091. {/block:Pagination}
  1092. {/block:IndexPage}
  1093.  
  1094. </body>
  1095. </html>
Advertisement
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!