API tools faq
paste
mkbye

{ theme 47 by celina }

mkbye
Nov 22nd, 2015
546
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.83 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3.  
  4.  
  5.  
  6.  
  7.  
  8.  
  9.  
  10. <!--
  11. theme 47 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: October 21 2015
  16. theme posted publicly: November 22 2015
  17.  
  18. links:
  19. http://mkbye.tumblr.com
  20. http://themesbycel.tumblr.com
  21. http://lunarthemers.tumblr.com
  22. -->
  23.  
  24.  
  25.  
  26.  
  27.  
  28.  
  29.  
  30.  
  31.  
  32.  
  33. <html lang="en">
  34. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  35. <html xmlns="http://www.w3.org/1999/xhtml">
  36. <head>
  37. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  38. <link href='//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css' rel='stylesheet' type='text/css'>
  39. <script type="text/javascript">
  40. WebFontConfig = {
  41. 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' ] }
  42. };
  43. (function() {
  44. var wf = document.createElement('script');
  45. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  46. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  47. wf.type = 'text/javascript';
  48. wf.async = 'true';
  49. var s = document.getElementsByTagName('script')[0];
  50. s.parentNode.insertBefore(wf, s);
  51. })(); </script>
  52. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  53. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  54. <script>
  55. (function($){
  56. $(document).ready(function(){
  57. $("a[title]").style_my_tooltips({
  58. tip_follows_cursor:true,
  59. tip_delay_time:10,
  60. tip_fade_speed:10,
  61. attribute:"title"
  62. });
  63. });
  64. })(jQuery);
  65. </script>
  66. <script>
  67. $(document).ready(function() {
  68. //
  69. $('a.poplight[href^=#]').click(function() {
  70. var popID = $(this).attr('rel'); //Get Popup Name
  71. var popURL = $(this).attr('href'); //Get Popup href to define size
  72. var query= popURL.split('?');
  73. var dim= query[1].split('&');
  74. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  75. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend();
  76. var popMargTop = ($('#' + popID).height() + 80) / 2;
  77. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  78. //Apply Margin to Popup
  79. $('#' + popID).css({
  80. 'margin-top' : -popMargTop,
  81. 'margin-left' : -popMargLeft
  82. });
  83. $('body').append('<div id="fade"></div>');
  84. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  85. return false;
  86. });
  87. $('a.close, #fade').live('click', function() {
  88. $('#fade , .popup_block').fadeOut(function() {
  89. $('#fade, a.close').remove(); //fade them both out
  90. });
  91. return false;
  92. });
  93. });
  94. </script>
  95. <script type="text/javascript">
  96. <!--
  97.  
  98. // Disable Right Click Script
  99.  
  100. function IE(e)
  101. {
  102. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  103. {
  104. return false;
  105. }
  106. }
  107. function NS(e)
  108. {
  109. if (document.layers || (document.getElementById && !document.all))
  110. {
  111. if (e.which == "2" || e.which == "3")
  112. {
  113. return false;
  114. }
  115. }
  116. }
  117. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  118.  
  119. //-->
  120. </script>
  121.  
  122.  
  123. <script type="text/javascript"
  124. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  125.  
  126. <!--DEFAULT VARIABLES-->
  127. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  128. <meta name="color:background" content="#f4f4f4"/>
  129. <meta name="color:link" content="#777"/>
  130. <meta name="color:text" content="#414141"/>
  131. <meta name="color:title" content="#333"/>
  132. <meta name="color:hover" content="#fff"/>
  133. <meta name="image:background" content="1"/>
  134.  
  135. <meta name="image:sidebar" content="1"/>
  136. <meta name="image:icon" content="1"/>
  137.  
  138. <meta name="color:blogtitle" content="#000"/>
  139. <meta name="color:sidebar" content="#000"/>
  140. <meta name="color:postborders" content="#000"/>
  141.  
  142. <meta name="text:blogtitle" content="blogtitle"/>
  143. <meta name="text:stats" content="6/20000"/>
  144. <meta name="text:move desc text" content="0"/>
  145. <meta name="text:name" content="taylor"/>
  146. <meta name="text:write updates here" content="example: updated theme on january 24th"/>
  147.  
  148. <meta name="text:link 1" content="/"/>
  149. <meta name="text:link 1 msg" content="homepage"/>
  150. <meta name="text:link 2" content="/"/>
  151. <meta name="text:link 2 msg" content="inbox"/>
  152. <meta name="text:link 3" content="/"/>
  153. <meta name="text:link 3 msg" content="nav"/>
  154. <meta name="text:link 4" content="/"/>
  155. <meta name="text:link 4 msg" content="pictures"/>
  156. <meta name="text:link 5" content="/"/>
  157. <meta name="text:link 5 msg" content="archive"/>
  158.  
  159. <style type="text/css">
  160.  
  161. #s-m-t-tooltip {
  162. max-width:300px;
  163. padding:4px;
  164. margin:20px 0px 0px 20px;
  165. background:{color:title};
  166. color:white; /* change the text color */
  167. font-size:9.5px;
  168. text-transform:lowercase;
  169. z-index:999999999999999999999999999999999999;
  170. }
  171.  
  172. #fade { /*--Transparent background layer--*/
  173. display: none; /*--hidden by default--*/
  174. position: fixed; left: 0; top: 0;
  175. background-color: {color:Background};
  176. background-image:url({image:Background});
  177. width: 100%; height: 100%;
  178. opacity:0.7;
  179. z-index: 99999999;
  180. }
  181. .popup_block{
  182. display: none; /*--hidden by default--*/
  183. padding: 20px;
  184. border:15px solid {color:sidebar};
  185. float: left;
  186. font-size:10px;
  187. position: fixed;
  188. color:white;
  189. top: 50%; left: 50%;
  190. z-index: 9999999999999;
  191. background:white;
  192. outline:1px solid white;
  193. outline-offset:5px;
  194. }
  195. /*--Making IE6 Understand Fixed Positioning--*/
  196. *html #fade {
  197. position: absolute;
  198. }
  199. *html .popup_block {
  200. position: absolute;
  201. }
  202.  
  203. ::-webkit-scrollbar {width: 5px; height: 5px; background: #FFFFFF;}
  204. ::-webkit-scrollbar-thumb {background-color:{color:blogtitle};}
  205.  
  206. .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;}
  207.  
  208. .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;}
  209.  
  210. p {
  211. margin:0px;
  212. margin-top:0px;
  213. }
  214.  
  215.  
  216. body {
  217. padding: 0px;
  218. margin: 0px;
  219. color:{color:text};
  220. font-family:arial;
  221. line-height:15px;
  222. font-size:10px;
  223. background-color: {color:Background};
  224. background-image:url({image:Background});
  225. background-attachment: fixed;
  226. background-repeat: repeat;
  227. }
  228.  
  229. a:link, a:active, a:visited{
  230. text-decoration: none;
  231. -webkit-transition: color 0.3s ease-out;
  232. -moz-transition: color 0.3s ease-out;
  233. transition: color 0.3s ease-out;
  234. color:{color:link};
  235. }
  236.  
  237. a:hover {
  238. text-decoration: none;
  239. font-style:;
  240. color: {color:Hover};
  241. }
  242.  
  243. div#center{
  244. margin:auto;
  245. position:relative;
  246. width:1250px;
  247. background-color:;
  248. overflow:auto;
  249. overflow-y:hidden;
  250. }
  251.  
  252. .entry {
  253. float:left;
  254. display: block;
  255. margin:20px;
  256. overflow:hidden;
  257. width:280px;
  258. padding:20px;
  259. padding-bottom:18px;
  260. {block:PermalinkPage}
  261. width:400px;
  262. text-align:left;
  263. line-height:10px;
  264. background:white;
  265. outline:0px solid white;
  266. outline-offset:0px;
  267. {/block:PermalinkPage}
  268. background:{color:postborders};
  269. }
  270.  
  271. .entry img{
  272. outline:1px solid white;
  273. outline-offset:-10px;
  274. {block:PermalinkPage}
  275. width:400px;
  276. {/block:PermalinkPage}
  277. }
  278.  
  279. .entry .perma{
  280. position: absolute;
  281. width:auto;
  282. height:auto;
  283. padding:4px;
  284. margin-left:18px;
  285. bottom:40px;
  286. line-height:16px;
  287. overflow:hidden;
  288. text-align:center;
  289. letter-spacing:3px;
  290. font-size:8px;
  291. text-transform:uppercase;
  292. background: rgba( {RGBcolor:postborders}, 0.5);
  293. opacity:0;
  294. -webkit-transition: all .7s ease;
  295. -moz-transition: all .7s ease;
  296. -o-transition: all .7s ease;
  297. transition: all .7s ease;
  298. }
  299.  
  300. .perma a{
  301. color:white;
  302. }
  303.  
  304. .entry:hover .perma{
  305. overflow:visible;
  306. opacity:1;
  307. }
  308.  
  309. .entry .perma2{
  310. position: absolute;
  311. width:95px;
  312. height:auto;
  313. padding:4px;
  314. margin-left:160px;
  315. bottom:40px;
  316. line-height:16px;
  317. overflow:hidden;
  318. text-align:center;
  319. letter-spacing:2px;
  320. font-size:8px;
  321. text-transform:uppercase;
  322. background: rgba( {RGBcolor:postborders}, 0.5);
  323. opacity:0;
  324. -webkit-transition: all .7s ease;
  325. -moz-transition: all .7s ease;
  326. -o-transition: all .7s ease;
  327. transition: all .7s ease;
  328. }
  329.  
  330. .perma2 a{
  331. color:white;
  332. }
  333.  
  334. .entry:hover .perma2{
  335. overflow:visible;
  336. opacity:1;
  337. }
  338.  
  339. #posts {
  340. width:800px;
  341. margin-top:50px;
  342. z-index:99;
  343. margin-left:380px;
  344. position:relative;
  345. overflow-y: hidden;
  346. }
  347.  
  348. #sr{
  349. position:fixed !important;
  350. width:300px;
  351. height:90px;
  352. top:170px;
  353. margin-left:100px;
  354. }
  355.  
  356. #cir{
  357. position:fixed;
  358. z-index:99999;
  359. width:30px;
  360. height:30px;
  361. margin-top:78px;
  362. margin-left:-50px;
  363. border-radius:100px;
  364. background:{color:title};
  365. -webkit-transition: all .7s ease;
  366. -moz-transition: all .7s ease;
  367. -o-transition: all .7s ease;
  368. transition: all .7s ease;
  369. }
  370.  
  371. #sr:hover #cir{
  372. opacity:0;
  373. }
  374.  
  375. #sr:hover #line{
  376. opacity:0;
  377. }
  378.  
  379. #line{
  380. position:fixed;
  381. width:247px;
  382. height:1px;
  383. margin-top:93px;
  384. margin-left:-45px;
  385. background:{color:sidebar};
  386. -webkit-transition: all .7s ease;
  387. -moz-transition: all .7s ease;
  388. -o-transition: all .7s ease;
  389. transition: all .7s ease;
  390. }
  391.  
  392. #top{
  393. position:fixed !important;
  394. width:200px;
  395. height:90px;
  396. margin-top:0px;
  397. margin-left:0px;
  398. background:{color:sidebar};
  399. border:1px solid {color:sidebar};
  400. -webkit-transition: all .7s ease;
  401. -moz-transition: all .7s ease;
  402. -o-transition: all .7s ease;
  403. transition: all .7s ease;
  404. }
  405.  
  406. #sr:hover #top{
  407. margin-top:95px;
  408. }
  409.  
  410. #img{
  411. position:fixed !important;
  412. z-index:99999;
  413. margin-top:35px;
  414. margin-left:49px;
  415. -webkit-transition: all .7s ease;
  416. -moz-transition: all .7s ease;
  417. -o-transition: all .7s ease;
  418. transition: all .7s ease;
  419. }
  420.  
  421. #img img{
  422. width:100px;
  423. height:100px;
  424. outline:10px solid rgba(0,0,0,0.1);
  425. outline-offset:-10px;
  426. border:1px solid white;
  427. opacity:1;
  428. -webkit-transition: all .7s ease;
  429. -moz-transition: all .7s ease;
  430. -o-transition: all .7s ease;
  431. transition: all .7s ease;
  432. }
  433.  
  434. #sr:hover #img{
  435. -webkit-transform:scale(0);
  436. visibility:hidden;
  437. opacity:0;
  438. }
  439.  
  440.  
  441. #br{
  442. position:fixed;
  443. z-index:99999999;
  444. margin-top:0px;
  445. left:0px;
  446. height:100%;
  447. width:10px;
  448. background:{color:sidebar};
  449. }
  450.  
  451. #br2{
  452. position:fixed;
  453. z-index:999999999;
  454. margin-top:0px;
  455. right:0px;
  456. height:100%;
  457. width:10px;
  458. background:{color:sidebar};
  459. }
  460.  
  461. #br3{
  462. position:fixed;
  463. z-index:99999;
  464. left:0px;
  465. top:0px;
  466. height:10px;
  467. width:100%;
  468. background:{color:sidebar};
  469. border-bottom:20px solid {color:blogtitle};
  470. }
  471.  
  472. #br4{
  473. position:fixed;
  474. z-index:99999;
  475. bottom:0px;
  476. left:0px;
  477. width:100%;
  478. height:10px;
  479. background:{color:sidebar};
  480. }
  481.  
  482. #box{
  483. position:fixed;
  484. margin-top:20px;
  485. margin-left:34px;
  486. width:130px;
  487. height:60px;
  488. border:1px solid white;
  489. border-bottom:0px;
  490. opacity:0.8;
  491. -webkit-transition: all .7s ease;
  492. -moz-transition: all .7s ease;
  493. -o-transition: all .7s ease;
  494. transition: all .7s ease;
  495. }
  496.  
  497. #sr:hover #box{
  498. opacity:0;
  499. margin-top:200px;
  500. }
  501.  
  502. #tits{
  503. position:fixed;
  504. margin-top:95px;
  505. margin-left:0px;
  506. width:198px;
  507. height:90px;
  508. border:2px solid {color:sidebar};
  509. background:transparent;
  510. -webkit-transition: all .7s ease;
  511. -moz-transition: all .7s ease;
  512. -o-transition: all .7s ease;
  513. transition: all .7s ease;
  514. }
  515.  
  516. #sr:hover #tits{
  517. margin-top:0px;
  518. }
  519.  
  520. #actualtit{
  521. position:fixed;
  522. width:198px;
  523. height:50px;
  524. margin-top:40px;
  525. line-height:50px;
  526. text-align:center;
  527. font-family:Euphoria Script;
  528. font-size:35px;
  529. color: rgba( {RGBcolor:blogtitle}, 0.7);
  530. text-shadow: 1px 1px {color:blogtitle};
  531. }
  532.  
  533. #sr:hover #actualtit{
  534. opacity:0;
  535. }
  536.  
  537.  
  538. #desc{
  539. position:fixed;
  540. margin-top:65px;
  541. width:162px;
  542. height:40px;
  543. padding:10px;
  544. font-size:9px;
  545. text-align:center;
  546. overflow:auto;
  547. line-height:11px;
  548. z-index:999999999999;
  549. }
  550.  
  551. #link1 a{
  552. position:fixed;
  553. z-index:99999;
  554. width:25px;
  555. height:25px;
  556. margin-top:140px;
  557. margin-left:20px;
  558. background:{color:sidebar};
  559. color:white;
  560. text-align:center;
  561. font-size:11px;
  562. line-height:25px;
  563. font-family:raleway;
  564. border:1px solid white;
  565. -webkit-transition: all .7s ease;
  566. -moz-transition: all .7s ease;
  567. -o-transition: all .7s ease;
  568. transition: all .7s ease;
  569. opacity:0;
  570. }
  571.  
  572. #sr:hover #link1 a{
  573. opacity:1;
  574. }
  575.  
  576. #link1 a:hover{
  577. background:white;
  578. color:{color:sidebar};
  579. border:1px solid {color:sidebar};
  580. }
  581.  
  582. #link2 a{
  583. position:fixed;
  584. z-index:99999;
  585. width:25px;
  586. height:25px;
  587. margin-top:140px;
  588. margin-left:54px;
  589. background:{color:sidebar};
  590. color:white;
  591. text-align:center;
  592. font-size:11px;
  593. line-height:25px;
  594. font-family:raleway;
  595. border:1px solid white;
  596. -webkit-transition: all .7s ease;
  597. -moz-transition: all .7s ease;
  598. -o-transition: all .7s ease;
  599. transition: all .7s ease;
  600. opacity:0;
  601. }
  602.  
  603. #sr:hover #link2 a{
  604. opacity:1;
  605. }
  606.  
  607. #link2 a:hover{
  608. background:white;
  609. color:{color:sidebar};
  610. border:1px solid {color:sidebar};
  611. }
  612.  
  613. #link3 a{
  614. position:fixed;
  615. z-index:99999;
  616. width:25px;
  617. height:25px;
  618. margin-top:140px;
  619. margin-left:88px;
  620. background:{color:sidebar};
  621. color:white;
  622. text-align:center;
  623. font-size:11px;
  624. line-height:25px;
  625. font-family:raleway;
  626. border:1px solid white;
  627. -webkit-transition: all .7s ease;
  628. -moz-transition: all .7s ease;
  629. -o-transition: all .7s ease;
  630. transition: all .7s ease;
  631. opacity:0;
  632. }
  633.  
  634. #sr:hover #link3 a{
  635. opacity:1;
  636. }
  637.  
  638. #link3 a:hover{
  639. background:white;
  640. color:{color:sidebar};
  641. border:1px solid {color:sidebar};
  642. }
  643.  
  644. #link4 a{
  645. position:fixed;
  646. z-index:99999;
  647. width:25px;
  648. height:25px;
  649. margin-top:140px;
  650. margin-left:121px;
  651. background:{color:sidebar};
  652. color:white;
  653. text-align:center;
  654. font-size:11px;
  655. line-height:25px;
  656. font-family:raleway;
  657. border:1px solid white;
  658. -webkit-transition: all .7s ease;
  659. -moz-transition: all .7s ease;
  660. -o-transition: all .7s ease;
  661. transition: all .7s ease;
  662. opacity:0;
  663. }
  664.  
  665. #sr:hover #link4 a{
  666. opacity:1;
  667. }
  668.  
  669. #link4 a:hover{
  670. background:white;
  671. color:{color:sidebar};
  672. border:1px solid {color:sidebar};
  673. }
  674.  
  675. #link5 a{
  676. position:fixed;
  677. z-index:99999;
  678. width:25px;
  679. height:25px;
  680. margin-top:140px;
  681. margin-left:155px;
  682. background:{color:sidebar};
  683. color:white;
  684. text-align:center;
  685. font-size:11px;
  686. line-height:25px;
  687. font-family:raleway;
  688. border:1px solid white;
  689. -webkit-transition: all .7s ease;
  690. -moz-transition: all .7s ease;
  691. -o-transition: all .7s ease;
  692. transition: all .7s ease;
  693. opacity:0;
  694. }
  695.  
  696. #sr:hover #link5 a{
  697. opacity:1;
  698. }
  699.  
  700. #link5 a:hover{
  701. background:white;
  702. color:{color:sidebar};
  703. border:1px solid {color:sidebar};
  704. }
  705.  
  706. #bar{
  707. position:fixed;
  708. right:0px;
  709. top:0px;
  710. height:85%;
  711. width:30px;
  712. background:{color:title};
  713. border-bottom-left-radius:5px;
  714. }
  715.  
  716. #topbr{
  717. position:fixed;
  718. top:0px;
  719. right:0px;
  720. width:85%;
  721. background:{color:title};
  722. height:30px;
  723. z-index:99999;
  724. border-bottom-left-radius:5px;
  725. padding-left:10px;
  726. text-align:left;
  727. font-family:euphoria script;
  728. font-size:15px;
  729. line-height:30px;
  730. }
  731.  
  732. #hoverbx{
  733. position:fixed;
  734. margin-top:10px;
  735. margin-left:10px;
  736. width:182px;
  737. height:168px;
  738. background:white;
  739. -webkit-transform:scale(0);
  740. -webkit-transition: all .7s ease;
  741. -moz-transition: all .7s ease;
  742. -o-transition: all .7s ease;
  743. transition: all .7s ease;
  744. -moz-box-shadow: 0 0 1px 1px {color:title};
  745. -webkit-box-shadow: 0 0 1px 1px {color:title};
  746. box-shadow: 0 0 1px 1px {color:title};
  747. }
  748.  
  749. #sr:hover #hoverbx{
  750. -webkit-transform:scale(1);
  751. }
  752.  
  753. #hoverpic{
  754. position:fixed;
  755. width:50px;
  756. height:50px;
  757. background:white;
  758. border-radius:100px;
  759. margin-top:10px;
  760. margin-left:65px;
  761. }
  762.  
  763. #hoverpic img{
  764. width:50px;
  765. height:50px;
  766. border-radius:100px;
  767. border:2px solid {color:blogtitle};
  768. }
  769.  
  770. #notes{
  771. position:relative;
  772. width:310px;
  773. height:5px;
  774. padding:5px;
  775. background:white;
  776. margin-left:-20px;
  777. line-height:5px;
  778. text-align:center;
  779. font-size:8px;
  780. text-transform:uppercase;
  781. letter-spacing:3px;
  782. -moz-box-shadow: 0 0 1px 1px {color:title};
  783. -webkit-box-shadow: 0 0 1px 1px {color:title};
  784. box-shadow: 0 0 1px 1px {color:title};
  785. {block:PermalinkPage}
  786. width:440px;
  787. height:auto;
  788. line-height:10px;
  789. {/block:PermalinkPage}
  790. }
  791.  
  792. #notes a{
  793. color:{color:text};
  794. }
  795.  
  796. #avi{
  797. width:40px;
  798. height:40px;
  799. margin-left:0px;
  800. border:3px solid {color:blogtitle};
  801. outline:4px solid {color:sidebar};
  802. outline-offset:0px;
  803. }
  804.  
  805. #avi img{
  806. outline:1px solid white;
  807. outline-offset:-5px;
  808. }
  809.  
  810. #question{
  811. width:210px;
  812. height:auto;
  813. margin-top:-50px;
  814. margin-left:60px;
  815. padding:10px;
  816. font-size:9px;
  817. text-align:justify;
  818. border-left:1px solid {color:title};
  819. {block:PermalinkPage}
  820. width:320px;
  821. {/block:PermalinkPage}
  822. }
  823.  
  824. #avi2{
  825. width:40px;
  826. height:40px;
  827. margin-left:230px;
  828. border:3px solid {color:blogtitle};
  829. outline:4px solid {color:sidebar};
  830. outline-offset:0px;
  831. {block:PermalinkPage}
  832. margin-left:350px;
  833. {/block:PermalinkPage}
  834. }
  835.  
  836. #avi2 img{
  837. outline:1px solid white;
  838. outline-offset:-5px;
  839. }
  840.  
  841. #answer{
  842. width:205px;
  843. height:auto;
  844. margin-top:-50px;
  845. margin-left:-10px;
  846. padding:10px;
  847. font-size:9px;
  848. text-align:justify;
  849. border-right:1px solid {color:title};
  850. {block:PermalinkPage}
  851. width:325px;
  852. {/block:PermalinkPage}
  853. }
  854.  
  855. #ap{
  856. width:30px;
  857. height:30px;
  858. overflow:hidden;
  859. position:absolute;
  860. margin-top:17px;
  861. margin-left:17px;
  862. background:white;
  863. opacity:0.8;
  864. }
  865.  
  866. #at{
  867. width:200px;
  868. height:30px;
  869. overflow:hidden;
  870. position:absolute;
  871. margin-top:-50px;
  872. margin-left:80px;
  873. font-family:arial;
  874. font-size:13px;
  875. font-weight:bold;
  876. }
  877.  
  878.  
  879.  
  880.  
  881.  
  882.  
  883. .title{
  884. line-height: 25px;
  885. font-size:25px;
  886. color:{color:Title};
  887. font-family:euphoria script;
  888. font-weight: normal;
  889. }
  890.  
  891.  
  892. .permalink{
  893. text-transform: normal;
  894. display: block;
  895. text-align: right;
  896. text-decoration: none;
  897. }
  898.  
  899. #tdcd{
  900. position:fixed;
  901. padding:5px;
  902. text-align:center;
  903. z-index:99999;
  904. right:5px;
  905. bottom:5px;
  906. background:white;
  907. border:1px solid #eee;
  908. width:20px;
  909. height:20px;
  910. font-size:15px;
  911. text-align:center;
  912. color:{color:link};
  913. -webkit-transition: all .7s ease;
  914. -moz-transition: all .7s ease;
  915. -o-transition: all .7s ease;
  916. transition: all .7s ease;
  917. }
  918.  
  919. #tdcd:hover{
  920. right:75px;
  921. }
  922.  
  923. #cr{
  924. position:fixed;
  925. bottom:5px;
  926. z-index:99999;
  927. background:white;
  928. border:1px solid #eee;
  929. width:70px;
  930. height:30px;
  931. right:-70px;
  932. font-size:8px;
  933. text-align:center;
  934. line-height:30px;
  935. font-weight:bold;
  936. -webkit-transition: all .7s ease;
  937. -moz-transition: all .7s ease;
  938. -o-transition: all .7s ease;
  939. transition: all .7s ease;
  940. }
  941.  
  942. #tdcd:hover #cr{
  943. right:0px;
  944. }
  945.  
  946. #cr a{
  947. color:{color:link};
  948. }
  949.  
  950. #infscr-loading{
  951. bottom: -70px;
  952. position: absolute;
  953. left: 50%;
  954. margin-left:-8px;
  955. width:16px;
  956. height:11px;
  957. overflow:hidden;
  958. margin-bottom: 50px;
  959. }
  960.  
  961. #postnotes{
  962. text-align: justify;}
  963.  
  964. #postnotes a{
  965. font-weight:bold;
  966. }
  967.  
  968. #postnotes blockquote{
  969. border: 0px;}
  970.  
  971. blockquote{
  972. padding:0px 0px 2px 5px;
  973. margin:0px 0px 2px 10px;
  974. border-left: 1px dotted #555555;
  975. }
  976.  
  977. blockquote p, ul{
  978. margin:0px;
  979. padding:0px;
  980. }
  981.  
  982. a img{border: 0px;}
  983.  
  984.  
  985. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  986.  
  987. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  988. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  989.  
  990. .notes img{width:10px; position:relative; top:3px;margin:5px;}
  991. <--ses-->
  992. small{font-size: 90%;}
  993.  
  994. {CustomCSS}
  995.  
  996. </style>
  997.  
  998. {block:IndexPage}
  999. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  1000. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  1001. <script type="text/javascript" src="http://static.tumblr.com/tk7f1db/vGfn06hpd/document.txt"></script>
  1002.  
  1003. <script type="text/javascript">
  1004. $(window).load(function(){
  1005. var $wall = $('#posts');
  1006. $wall.imagesLoaded(function(){
  1007. $wall.masonry({
  1008. itemSelector: '.entry, .entry_photo',
  1009. isAnimated : false
  1010. });
  1011. });
  1012.  
  1013. $wall.infinitescroll({
  1014. navSelector : '#pagination',
  1015. nextSelector : '#pagination a',
  1016. itemSelector : '.entry, .entry_photo',
  1017. bufferPx : 2000,
  1018. debug : false,
  1019. errorCallback: function() {
  1020. $('#infscr-loading').fadeOut('normal');
  1021. }},
  1022. function( newElements ) {
  1023. var $newElems = $( newElements );
  1024. $newElems.hide();
  1025. $newElems.imagesLoaded(function(){
  1026. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  1027. });
  1028. }); $('#posts').show(500);
  1029. });
  1030. </script>
  1031.  
  1032.  
  1033. {/block:IndexPage}
  1034.  
  1035.  
  1036. <title>{title}</title>
  1037.  
  1038. <link rel="shortcut icon" href="{Favicon}" />
  1039. <meta name="viewport" content="width=820" />
  1040. </head>
  1041.  
  1042. <body>
  1043. <BODY onselectstart="return false;" ondragstart="return false;">
  1044. <div class="wrapper">
  1045. <div class="header">
  1046. </div>
  1047.  
  1048. <div id="cage">
  1049. <div id="center">
  1050.  
  1051. <div id="sr">
  1052. <div id="cir"></div>
  1053. <div id="line"></div>
  1054. <div id="top"></div>
  1055. <div id="img"><img src="{image:sidebar}"></div>
  1056. <div id="box"></div>
  1057. <div id="tits">
  1058. <div id="actualtit">{text:blogtitle}</div>
  1059. </div>
  1060.  
  1061.  
  1062. <div id="hoverbx">
  1063.  
  1064. <div id="hoverpic"><img src="{image:icon}"></div>
  1065. <div id="desc"><div style="margin-top:{text:move desc text}px;">{description}</br>{text:Stats}</div></div>
  1066.  
  1067.  
  1068.  
  1069. </div>
  1070.  
  1071.  
  1072.  
  1073.  
  1074.  
  1075.  
  1076.  
  1077.  
  1078.  
  1079. <div id="link1"><a href="{text:link 1}" title="{text:link 1 msg}">.01</a></div>
  1080. <div id="link2"><a href="{text:link 2}" title="{text:link 2 msg}">.02</a></div>
  1081. <div id="link3"><a href="{text:link 3}" title="{text:link 3 msg}">.03</a></div>
  1082. <div id="link4"><a href="{text:link 4}" title="{text:link 4 msg}">.04</a></div>
  1083. <div id="link5"><a href="{text:link 5}" title="{text:link 5 msg}">.05</a></div>
  1084. </div>
  1085.  
  1086. <div id="topbr">
  1087. <a href="#?w=300" rel="02" class="poplight">Updates</a>
  1088. </div>
  1089. <div id="bar"></div>
  1090.  
  1091. <div id="tdcd"><i class="fa fa-heartbeat" style="margin-top:3px;"></i>
  1092. <div id ="cr"><a href="http://mkbye.tumblr.com" title="thememaker">theme by mkbye</a></div>
  1093. </div>
  1094.  
  1095. <div class="left">
  1096. <div id="posts">
  1097. {block:Posts}
  1098. <div class="entry">
  1099.  
  1100. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span>
  1101.  
  1102. </br>
  1103.  
  1104. {block:IndexPage}
  1105. <div id="notes"><a href="{reblogURL}">reblog</a> • <a href="{permalink}" title="{timeago}">{notecountwithlabel}</a></div>
  1106. {/block:IndexPage}
  1107.  
  1108. {block:PermalinkPage}
  1109. <div id="notes"><a href="{permalink}" title="{timeago}">{notecountwithlabel}</a></br>
  1110. {block:HasTags}<b>Tags:</b> {block:Tags}
  1111. <a href="{TagURL}">{Tag},</a>
  1112. {/block:Tags}{/block:HasTags}
  1113. </div>
  1114.  
  1115. </br></br>
  1116. <div id="postnotes"><div style="width:380px;height:auto; max-height:300px;overflow:auto; padding:10px;font-size:9px;background:white;">{PostNotes}</div></div>
  1117.  
  1118. {/block:PermalinkPage}
  1119.  
  1120.  
  1121. {/block:Text}
  1122.  
  1123.  
  1124.  
  1125. {block:Answer}
  1126.  
  1127. <div id="avi"><img src="{AskerPortraitURL-40}" style="width:40px;"></div>
  1128.  
  1129. <div id="question">
  1130. <font style="text-transform:uppercase; color:black;font-size:10px;"><b>{Asker}</b></font> asked:</br>{question}</div>
  1131. </br>
  1132. <div style="border-top:1px solid #ddd;width:auto;padding:0px;"></div>
  1133. </br>
  1134.  
  1135. <div id="avi2"><img src="{AnswererPortraitURL-40}" style="width:40px;"></div>
  1136.  
  1137. <div id="answer">
  1138. <font style="text-transform:uppercase; color:black;font-size:10px;"><b>{text:name}</b></font> answered <font style="text-transform:uppercase; color:black;font-size:10px;"><b>{Asker}</b></font>'s question:</br>{answer}</div>
  1139. </br>
  1140.  
  1141.  
  1142. {block:IndexPage}
  1143. <div id="notes"><a href="{reblogURL}">reblog</a> • <a href="{permalink}" title="{timeago}">{notecountwithlabel}</a></div>
  1144. {/block:IndexPage}
  1145.  
  1146. {block:PermalinkPage}
  1147. <div id="notes"><a href="{permalink}" title="{timeago}">{notecountwithlabel}</a></br>
  1148. {block:HasTags}<b>Tags:</b> {block:Tags}
  1149. <a href="{TagURL}">{Tag},</a>
  1150. {/block:Tags}{/block:HasTags}
  1151. </div>
  1152.  
  1153. </br></br>
  1154. <div id="postnotes"><div style="width:380px;height:auto; max-height:300px;overflow:auto; padding:10px;font-size:9px;background:white;">{PostNotes}</div></div>
  1155.  
  1156. {/block:PermalinkPage}
  1157. {/block:Answer}
  1158.  
  1159.  
  1160.  
  1161.  
  1162.  
  1163.  
  1164.  
  1165.  
  1166.  
  1167.  
  1168.  
  1169.  
  1170.  
  1171.  
  1172.  
  1173.  
  1174.  
  1175.  
  1176.  
  1177. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description}
  1178.  
  1179. </br>
  1180.  
  1181. {block:IndexPage}
  1182. <div id="notes"><a href="{reblogURL}">reblog</a> • <a href="{permalink}" title="{timeago}">{notecountwithlabel}</a></div>
  1183. {/block:IndexPage}
  1184.  
  1185. {block:PermalinkPage}
  1186. <div id="notes"><a href="{permalink}" title="{timeago}">{notecountwithlabel}</a></br>
  1187. {block:HasTags}<b>Tags:</b> {block:Tags}
  1188. <a href="{TagURL}">{Tag},</a>
  1189. {/block:Tags}{/block:HasTags}
  1190. </div>
  1191.  
  1192. </br></br>
  1193. <div id="postnotes"><div style="width:380px;height:auto; max-height:300px;overflow:auto; padding:10px;font-size:9px;background:white;">{PostNotes}</div></div><br>
  1194.  
  1195. {/block:PermalinkPage}
  1196.  
  1197.  
  1198. {block:Link}
  1199.  
  1200.  
  1201. {block:Photo}
  1202. {block:IndexPage}
  1203. <center>
  1204.  
  1205. <div class="perma"><a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  1206. <div class="perma2"><a href="{Permalink}" title="permalink // {timeago}">{block:NoteCount}{notecount}{/block:NoteCount} N.</a></div>
  1207.  
  1208. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  1209. {/block:IndexPage}
  1210. {block:PermalinkPage}
  1211.  
  1212. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  1213. {LinkCloseTag}
  1214. </br></br>
  1215. {caption}
  1216. </br></br>
  1217.  
  1218. <div id="notes"><a href="{permalink}" title="{timeago}">{notecountwithlabel}</a></br>
  1219. {block:HasTags}<b>Tags:</b> {block:Tags}
  1220. <a href="{TagURL}">{Tag},</a>
  1221. {/block:Tags}{/block:HasTags}
  1222. </div>
  1223.  
  1224. </br></br>
  1225. <div id="postnotes"><div style="width:380px;height:auto; max-height:300px;overflow:auto; padding:10px;font-size:9px;background:white;">{PostNotes}</div></div><br>
  1226.  
  1227. {/block:PermalinkPage}
  1228. {/block:Photo}
  1229.  
  1230.  
  1231. {block:Photoset}
  1232. {block:IndexPage}
  1233. <center>{Photoset-250}</center>
  1234. </br>
  1235. <div id="notes"><a href="{reblogURL}">reblog</a> • <a href="{permalink}" title="{timeago}">{notecountwithlabel}</a></div>
  1236. {/block:IndexPage}
  1237.  
  1238. {block:PermalinkPage}
  1239. <center>
  1240. {Photoset-400}</center>
  1241.  
  1242. </br></br>
  1243. {caption}
  1244. </br></br>
  1245.  
  1246. <div id="notes"><a href="{permalink}" title="{timeago}">{notecountwithlabel}</a></br>
  1247. {block:HasTags}<b>Tags:</b> {block:Tags}
  1248. <a href="{TagURL}">{Tag},</a>
  1249. {/block:Tags}{/block:HasTags}
  1250. </div>
  1251.  
  1252. </br></br>
  1253. <div id="postnotes"><div style="width:380px;height:auto; max-height:300px;overflow:auto; padding:10px;font-size:9px;background:white;">{PostNotes}</div></div><br>
  1254.  
  1255. {/block:PermalinkPage}
  1256.  
  1257. {/block:Photoset}
  1258.  
  1259.  
  1260. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br>
  1261.  
  1262. </br>
  1263.  
  1264. {block:IndexPage}
  1265. <div id="notes"><a href="{reblogURL}">reblog</a> • <a href="{permalink}" title="{timeago}">{notecountwithlabel}</a></div>
  1266. {/block:IndexPage}
  1267.  
  1268. {block:PermalinkPage}
  1269. <div id="notes"><a href="{permalink}" title="{timeago}">{notecountwithlabel}</a></br>
  1270. {block:HasTags}<b>Tags:</b> {block:Tags}
  1271. <a href="{TagURL}">{Tag},</a>
  1272. {/block:Tags}{/block:HasTags}
  1273. </div>
  1274.  
  1275. </br></br>
  1276. <div id="postnotes"><div style="width:380px;height:auto; max-height:300px;overflow:auto; padding:10px;font-size:9px;background:white;">{PostNotes}</div></div><br>
  1277.  
  1278. {/block:PermalinkPage}
  1279.  
  1280.  
  1281. {/block:Quote}
  1282.  
  1283.  
  1284. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  1285. <ul class="chat">
  1286. {block:Lines}
  1287. <li class="user_{UserNumber}">
  1288. {block:Label}
  1289. <span class="label">{Label}</span>
  1290. {/block:Label}
  1291. {Line}
  1292. </li>
  1293. {/block:Lines}
  1294.  
  1295. </br>
  1296.  
  1297. {block:IndexPage}
  1298. <div id="notes"><a href="{reblogURL}">reblog</a> • <a href="{permalink}" title="{timeago}">{notecountwithlabel}</a></div>
  1299. {/block:IndexPage}
  1300.  
  1301. {block:PermalinkPage}
  1302. <div id="notes"><a href="{permalink}" title="{timeago}">{notecountwithlabel}</a></br>
  1303. {block:HasTags}<b>Tags:</b> {block:Tags}
  1304. <a href="{TagURL}">{Tag},</a>
  1305. {/block:Tags}{/block:HasTags}
  1306. </div>
  1307.  
  1308. </br></br>
  1309. <div id="postnotes"><div style="width:380px;height:auto; max-height:300px;overflow:auto; padding:10px;font-size:9px;background:white;">{PostNotes}</div></div><br>
  1310. {/block:PermalinkPage}
  1311. {/block:Chat}
  1312.  
  1313.  
  1314. {block:Audio}
  1315. <div id="ap">{AudioPlayerWhite}</div>
  1316. {block:AlbumArt}<img src="{AlbumArtURL}" style="border:3px solid {color:title};
  1317. outline:4px solid {color:blogtitle};
  1318. outline-offset:0px;width:60px;">{/block:AlbumArt}
  1319. <div id="at">{block:TrackName}{TrackName}{/block:TrackName} -
  1320. <font style="color:black">{block:Artist}{Artist}{/block:Artist}</font>
  1321. </div>
  1322. </br></br>
  1323. <div style="padding:5px;border-top:1px solid {color:title}"></div>
  1324. {caption}
  1325. </br>
  1326. <div id="notes"><a href="{reblogURL}">reblog</a> • {notecountwithlabel}</div>
  1327. {/block:Audio}
  1328.  
  1329.  
  1330. {block:Video}
  1331. {block:IndexPage}
  1332. <center>
  1333. <div class="perma">
  1334. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  1335. {Video-250}</center>
  1336. {/block:IndexPage}
  1337. {block:PermalinkPage}
  1338. <center>
  1339. {Video-400}</center>
  1340.  
  1341. </br></br>
  1342. {caption}
  1343. </br></br>
  1344.  
  1345. <div id="notes"><a href="{permalink}" title="{timeago}">{notecountwithlabel}</a></br>
  1346. {block:HasTags}<b>Tags:</b> {block:Tags}
  1347. <a href="{TagURL}">{Tag},</a>
  1348. {/block:Tags}{/block:HasTags}
  1349. </div>
  1350.  
  1351. </br></br>
  1352. <div id="postnotes"><div style="width:380px;height:auto; max-height:300px;overflow:auto; padding:10px;font-size:9px;background:white;">{PostNotes}</div></div><br>
  1353.  
  1354. {/block:PermalinkPage}
  1355. {block:Video}
  1356.  
  1357.  
  1358. </div>
  1359. {/block:Posts}
  1360. </div></div>
  1361.  
  1362.  
  1363. {block:IndexPage}
  1364. {block:Pagination}
  1365. <div id="pagination">
  1366. {block:NextPage}
  1367. <a id="nextPage" href="{NextPage}"></a>
  1368. {/block:NextPage}
  1369. {block:PreviousPage}
  1370. <a href="{PreviousPage}"></a>
  1371. {/block:PreviousPage}
  1372. </div>
  1373. {/block:Pagination}
  1374. {/block:IndexPage}
  1375. </body>
  1376. <div id="02" class="popup_block">
  1377.  
  1378. <div style="text-align:center;
  1379. font-family:Euphoria Script;
  1380. font-size:35px;
  1381. color: rgba( {RGBcolor:blogtitle}, 0.7);
  1382. text-shadow: 1px 1px {color:blogtitle};">Updates</div>
  1383. </br>
  1384. <div style="padding:5px;font-size:9px;color:{color:text};">
  1385. {text:write updates here}
  1386. </div>
  1387.  
  1388. </div></div></div></div></div></div></div></div></div></div>
  1389. </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!