API tools faq
paste
mkbye

layout 1 — mkbye:celina

mkbye
Dec 2nd, 2013
361
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.60 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Layout 1 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: 12.02.2013
  15. -->
  16. <html lang="en">
  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">
  19. <head>
  20. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  21. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  22. <script>
  23. (function($){
  24. $(document).ready(function(){
  25. $("a[title]").style_my_tooltips({
  26. tip_follows_cursor:true,
  27. tip_delay_time:90,
  28. tip_fade_speed:600,
  29. attribute:"title"
  30. });
  31. });
  32. })(jQuery);
  33. </script>
  34. <script type="text/javascript" src="http://static.tumblr.com/kjq4nx5/2ezmru5eo/infinitescroll.txt"></script>
  35. <script type="text/javascript">
  36. <!--
  37.  
  38. // Disable Right Click Script
  39.  
  40. function IE(e)
  41. {
  42. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  43. {
  44. return false;
  45. }
  46. }
  47. function NS(e)
  48. {
  49. if (document.layers || (document.getElementById && !document.all))
  50. {
  51. if (e.which == "2" || e.which == "3")
  52. {
  53. return false;
  54. }
  55. }
  56. }
  57. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  58.  
  59. //-->
  60. </script>
  61.  
  62.  
  63. <script type="text/javascript"
  64. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  65.  
  66. <style type="text/css">
  67.  
  68. #s-m-t-tooltip {
  69. max-width:300px;
  70. padding:6px 6px 6px 6px;
  71. margin:20px 0px 0px 20px;
  72. background:#a9c3c6; /* change the background color */
  73. border:3px double white; /* change the border color */
  74. font-family:arial; /* change the font */
  75. font-size:10px; /* change the font size */
  76. letter-spacing:0px; /* change the letter spacing */
  77. color:white; /* change the text color */
  78. z-index:999999999999999999999999999999999999;
  79. border-radius:10px;
  80. line-height:11px;
  81. }
  82.  
  83. ::-webkit-scrollbar {width: 2px; height: 2px; background: #ffffff; }
  84. ::-webkit-scrollbar-thumb { background-color:#a9c3c6; -webkit-border-radius: 1ex; }
  85.  
  86. 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-
  87.  
  88. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  89.  
  90. 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;}
  91.  
  92. p {
  93. margin:0px;
  94. margin-top:0px;
  95. }
  96.  
  97. body {
  98. padding: 0px;
  99. margin: 0px;
  100. font-family: Just The Way You Are;
  101. line-height:45px;
  102. font-size:30px;
  103. background-image:url('http://i.imgur.com/7Kt4euw.png');
  104. background-attachment: fixed;
  105. background-repeat: repeat;
  106. }
  107.  
  108. a:link, a:active, a:visited{
  109. text-decoration: none;
  110. -webkit-transition: color 0.3s ease-out;
  111. -moz-transition: color 0.3s ease-out;
  112. transition: color 0.3s ease-out;
  113. color:#8aa0a5;
  114. }
  115.  
  116. div#center{
  117. margin:auto;
  118. position:relative;
  119. width:1250px;
  120. background-color:;
  121. overflow:auto;
  122. overflow-y:hidden;
  123. }
  124.  
  125. /*CUSTOMIZE BACKGROUND/BOX HERE*/
  126. #bg{
  127. position:fixed !important;
  128. width:850px;
  129. height:600px;
  130. background:#fbfbfb;
  131. margin-top:25px;
  132. margin-left:200px;
  133. border-radius:5px;
  134. border:10px solid #dceff1;
  135. }
  136.  
  137. /*CUSTOMIZE BLOGTITLE HERE*/
  138. #blogtitle{
  139. position:fixed !important;
  140. width:700px;
  141. margin-top:75px;
  142. margin-left:200px;
  143. text-align:left;
  144. font-family:contribute;
  145. font-size:120px;
  146. color:white;
  147. text-shadow:-3px 0 #657c7c, 0 1px #657c7c, 1px 0 #657c7c, 0 -1px #657c7c;
  148. }
  149.  
  150. /*CUSTOMIZE LINKS HERE*/
  151. #link1 img{
  152. position:fixed !important;
  153. width:40px;
  154. height:40px;
  155. margin-top:105px;
  156. margin-left:550px;
  157. opacity:0.5;
  158. }
  159.  
  160. #link2 img{
  161. position:fixed !important;
  162. width:40px;
  163. height:40px;
  164. margin-top:105px;
  165. margin-left:615px;
  166. opacity:0.5;
  167. }
  168.  
  169. #link3 img{
  170. position:fixed !important;
  171. width:40px;
  172. height:40px;
  173. margin-top:105px;
  174. margin-left:680px;
  175. opacity:0.5;
  176. }
  177.  
  178. /*CUSTOMIZE PICTURE HERE*/
  179. #sidebar img{
  180. position:fixed !important;
  181. width:170px;
  182. height:230px;
  183. background:white;
  184. margin-top:140px;
  185. margin-left:-80px;
  186. border:2px solid #a9c3c6;
  187. padding:10px;
  188. padding-bottom:35px;
  189. -webkit-transform:rotate(-5deg);
  190. }
  191.  
  192. /*CUSTOMIZE BASICS BOX HERE*/
  193. #title1{
  194. position:fixed !important;
  195. width:200px;
  196. height:100px;
  197. margin-top:195px;
  198. margin-left:180px;
  199. font-family:simply delicious;
  200. font-size:60px;
  201. color:white;
  202. text-shadow:-2px 0 #87a1a1, 0 1px #87a1a1, 1px 0 #87a1a1, 0 -1px #87a1a1;
  203. }
  204.  
  205. #b{
  206. position:fixed !important;
  207. width:210px;
  208. height:300px;
  209. margin-top:240px;
  210. margin-left:140px;
  211. background-image:url('http://i.imgur.com/n3On7xj.png');
  212. border:2px solid #dceff1;
  213. border-radius:5px;
  214. }
  215.  
  216. #box{
  217. width:198px;
  218. height:288px;
  219. margin-top:5px;
  220. margin-left:5px;
  221. background:white;
  222. border-radius:5px;
  223. border:1px solid #a9c3c6;
  224. }
  225.  
  226. #links{
  227. width:198px;
  228. height:278px;
  229. margin-top:0px;
  230. margin-left:0px;
  231. padding-top:10px;
  232. text-align:center;
  233. overflow:auto;
  234. }
  235.  
  236. /*CUSTOMIZE TAGS BOX HERE*/
  237. #title2{
  238. position:fixed !important;
  239. z-index:999999999999;
  240. width:200px;
  241. height:100px;
  242. margin-top:195px;
  243. margin-left:420px;
  244. font-family:simply delicious;
  245. font-size:60px;
  246. color:white;
  247. text-shadow:-2px 0 #87a1a1, 0 1px #87a1a1, 1px 0 #87a1a1, 0 -1px #87a1a1;
  248. }
  249.  
  250. #t{
  251. position:fixed !important;
  252. width:210px;
  253. height:300px;
  254. margin-top:240px;
  255. margin-left:370px;
  256. background-image:url('http://i.imgur.com/n3On7xj.png');
  257. border:2px solid #dceff1;
  258. border-radius:5px;
  259. }
  260.  
  261. #box2{
  262. width:198px;
  263. height:288px;
  264. margin-top:5px;
  265. margin-left:5px;
  266. background:white;
  267. border-radius:5px;
  268. border:1px solid #a9c3c6;
  269. }
  270.  
  271. #links2{
  272. width:198px;
  273. height:278px;
  274. margin-top:0px;
  275. margin-left:0px;
  276. padding-top:10px;
  277. text-align:center;
  278. overflow:auto;
  279. }
  280.  
  281. /*CUSTOMIZE FRIENDS BOX HERE*/
  282. #title3{
  283. position:fixed !important;
  284. z-index:999999999999;
  285. width:200px;
  286. height:100px;
  287. margin-top:195px;
  288. margin-left:630px;
  289. font-family:simply delicious;
  290. font-size:60px;
  291. color:white;
  292. text-shadow:-2px 0 #87a1a1, 0 1px #87a1a1, 1px 0 #87a1a1, 0 -1px #87a1a1;
  293. }
  294.  
  295. #f{
  296. position:fixed !important;
  297. width:210px;
  298. height:300px;
  299. margin-top:240px;
  300. margin-left:600px;
  301. background-image:url('http://i.imgur.com/n3On7xj.png');
  302. border:2px solid #dceff1;
  303. border-radius:5px;
  304. }
  305.  
  306. #box3{
  307. width:198px;
  308. height:288px;
  309. margin-top:5px;
  310. margin-left:5px;
  311. background:white;
  312. border-radius:5px;
  313. border:1px solid #a9c3c6;
  314. }
  315.  
  316. #links3{
  317. width:198px;
  318. height:278px;
  319. margin-top:0px;
  320. margin-left:0px;
  321. padding-top:10px;
  322. text-align:center;
  323. overflow:auto;
  324. }
  325.  
  326. @font-face {font-family:"contribute"; src: url('http://static.tumblr.com/q54tzar/SYim21ewv/contribute_free-version_1_.ttf'); }
  327.  
  328. @font-face {font-family: 'Simply Delicious'; src: url('http://static.tumblr.com/9wzbixa/caAmj3lsm/neverletgo.ttf');}
  329.  
  330. @font-face {font-family: 'Just The Way You Are'; src: url('http://static.tumblr.com/npggxjg/bCgm22rcw/just_the_way_you_are.ttf');}
  331.  
  332.  
  333. /*CUSTOMIZE PERMALINKS OF TEXT POSTS AND SUCH HERE*/
  334. .permalink{
  335. text-transform: normal;
  336. display: block;
  337. text-align: right;
  338. text-decoration: none;
  339. }
  340.  
  341.  
  342. /*I RECCOMMEND TO NOT TOUCH ANY OF THIS LOLz*/
  343. #infscr-loading{
  344. bottom: -70px;
  345. position: absolute;
  346. left: 50%;
  347. margin-left:-8px;
  348. width:16px;
  349. height:11px;
  350. overflow:hidden;
  351. margin-bottom: 50px;
  352. }
  353.  
  354. #postnotes{
  355. text-align: justify;}
  356.  
  357. #postnotes blockquote{
  358. border: 0px;}
  359.  
  360. blockquote{
  361. padding:0px 0px 2px 5px;
  362. margin:0px 0px 2px 10px;
  363. border-left: 1px dotted #555555;
  364. }
  365.  
  366. blockquote p, ul{
  367. margin:0px;
  368. padding:0px;
  369. }
  370.  
  371. a img{border: 0px;}
  372.  
  373.  
  374. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  375.  
  376. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  377. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  378.  
  379. .notes img{width:10px; position:relative; top:3px;}
  380. <--ses-->
  381. small{font-size: 90%;}
  382.  
  383. {CustomCSS}
  384.  
  385. </style>
  386.  
  387. {block:IndexPage}
  388. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  389. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  390.  
  391. <script type="text/javascript">
  392. $(window).load(function(){
  393. var $wall = $('#posts');
  394. $wall.imagesLoaded(function(){
  395. $wall.masonry({
  396. itemSelector: '.entry, .entry_photo',
  397. isAnimated : false
  398. });
  399. });
  400.  
  401. $wall.infinitescroll({
  402. navSelector : '#pagination',
  403. nextSelector : '#pagination a',
  404. itemSelector : '.entry, .entry_photo',
  405. bufferPx : 2000,
  406. debug : false,
  407. errorCallback: function() {
  408. $('#infscr-loading').fadeOut('normal');
  409. }},
  410. function( newElements ) {
  411. var $newElems = $( newElements );
  412. $newElems.hide();
  413. $newElems.imagesLoaded(function(){
  414. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  415. });
  416. }); $('#posts').show(500);
  417. });
  418. </script>
  419.  
  420.  
  421. {/block:IndexPage}
  422.  
  423.  
  424. <title>{title}</title>
  425.  
  426. <link rel="shortcut icon" href="{Favicon}" />
  427. <meta name="viewport" content="width=820" />
  428. </head>
  429.  
  430. <body>
  431. <BODY onselectstart="return false;" ondragstart="return false;">
  432. <div class="wrapper">
  433. <div class="header">
  434. </div>
  435.  
  436. <div id="cage">
  437. <div id="center">
  438.  
  439. <div id="bg">
  440.  
  441.  
  442.  
  443. <div id="blogtitle">Explore</div>
  444.  
  445. <div id="link1"><a href="YOUR URL.tumblr.com" title="back to blog"><img src="https://cdn1.iconfinder.com/data/icons/sketchicons2/96x96/Home.jpg"></a></div>
  446.  
  447. <div id="link2"><a href="YOUR URL.tumblr.com/ask" title="message"><img src="https://cdn1.iconfinder.com/data/icons/sketchicons2/96x96/Envelope.jpg"></a></div>
  448.  
  449. <div id="link3"><a href="http://mkbye.tumblr.com" title="credit"><img src="https://cdn1.iconfinder.com/data/icons/sketchicons2/96x96/Bio.jpg"></a></div>
  450.  
  451.  
  452. <div id="sidebar"><img src="http://i.imgur.com/YcrJdvB.png"></div>
  453.  
  454. <div id="title1">Basics</div>
  455. <div id="b">
  456. <div id="box">
  457. <div id="links">
  458. <a href="LINK HERE">link 1</a></br>
  459. <a href="LINK HERE">link 2</a></br>
  460. <a href="LINK HERE">link 3</a></br>
  461. <a href="LINK HERE">link 4</a></br>
  462. <a href="LINK HERE">link 5</a></br>
  463. <a href="LINK HERE">link 6</a></br>
  464. <a href="LINK HERE">link 7</a></br>
  465. <a href="LINK HERE">link 8</a></br>
  466. <a href="LINK HERE">link 9</a></br>
  467. <a href="LINK HERE">link 10</a>
  468. </div>
  469. </div>
  470. </div>
  471.  
  472. <div id="title2">Tags</div>
  473. <div id="t">
  474. <div id="box2">
  475. <div id="links2">
  476. <a href="LINK HERE">link 1</a></br>
  477. <a href="LINK HERE">link 2</a></br>
  478. <a href="LINK HERE">link 3</a></br>
  479. <a href="LINK HERE">link 4</a></br>
  480. <a href="LINK HERE">link 5</a></br>
  481. <a href="LINK HERE">link 6</a></br>
  482. <a href="LINK HERE">link 7</a></br>
  483. <a href="LINK HERE">link 8</a></br>
  484. <a href="LINK HERE">link 9</a></br>
  485. <a href="LINK HERE">link 10</a>
  486. </div>
  487. </div>
  488. </div>
  489.  
  490. <div id="title3">Friends</div>
  491. <div id="f">
  492. <div id="box3">
  493. <div id="links3">
  494. <a href="LINK HERE">link 1</a></br>
  495. <a href="LINK HERE">link 2</a></br>
  496. <a href="LINK HERE">link 3</a></br>
  497. <a href="LINK HERE">link 4</a></br>
  498. <a href="LINK HERE">link 5</a></br>
  499. <a href="LINK HERE">link 6</a></br>
  500. <a href="LINK HERE">link 7</a></br>
  501. <a href="LINK HERE">link 8</a></br>
  502. <a href="LINK HERE">link 9</a></br>
  503. <a href="LINK HERE">link 10</a>
  504. </div>
  505. </div>
  506. </div>
  507.  
  508.  
  509.  
  510.  
  511.  
  512.  
  513.  
  514.  
  515.  
  516.  
  517.  
  518.  
  519.  
  520.  
  521.  
  522.  
  523.  
  524.  
  525.  
  526.  
  527.  
  528.  
  529.  
  530.  
  531.  
  532.  
  533.  
  534.  
  535.  
  536.  
  537.  
  538.  
  539.  
  540.  
  541.  
  542.  
  543. </div>
  544. </body>
  545. <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>
  546. </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!