API tools faq
paste
mkbye

thm 5 — mkbye:celina

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