API tools faq
paste
mkbye

thm 12 — mkbye:celina

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