API tools faq
paste
mkbye

thm 19 — mkbye:celina

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