API tools faq
paste
mkbye

{ theme 51 by celina }

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