API tools faq
paste
Advertisement
simplyjanelle

Theme 4 by insxghtful

simplyjanelle
Sep 20th, 2014
538
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.56 KB | None | 0 0
raw download clone embed print report
  1. <!---------------------------
  2. theme made by me (insxghtful) DO NOT STEAL MY THEME YO!
  3.  
  4. ╭╮╭┳━━╮╱╱╱╱╭━┳┳━━┳┳━╮╭━━╮
  5. ┃┃┃┃╭╮┃╭━━╮┃╭╋┫━━╋┫╭╮┫╭╮┃
  6. ┃╰╯┃╰╯┃╰━━╯┃┃┃┣━━┃┃┃┃┃╰╯┃
  7. ╰━━┫╭━╯╱╱╱╱╰╯╰┻━━┻┻╯╰┻━╮┃
  8. ╱╱╱┃┃╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱┃┃
  9. ╱╱╱╰╯╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╰╯
  10.  
  11.  
  12. ---------------------------------------------->
  13.  
  14.  
  15. <html lang="en">
  16. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  17. <html xmlns="http://www.w3.org/1999/xhtml">
  18. <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
  19.  
  20. <script type="text/javascript"
  21. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  22.  
  23. <script>
  24. $(document).ready(function() {
  25. //
  26. $('a.poplight[href^=#]').click(function() {
  27. var popID = $(this).attr('rel'); //Get Popup Name
  28. var popURL = $(this).attr('href'); //Get Popup href to define size
  29. var query= popURL.split('?');
  30. var dim= query[1].split('&');
  31. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  32. $('#' + 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>');
  33. var popMargTop = ($('#' + popID).height() + 80) / 2;
  34. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  35. //Apply Margin to Popup
  36. $('#' + popID).css({
  37. 'margin-top' : -popMargTop,
  38. 'margin-left' : -popMargLeft
  39. });
  40. $('body').append('<div id="fade"></div>');
  41. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  42. return false;
  43. });
  44. $('a.close, #fade').live('click', function() {
  45. $('#fade , .popup_block').fadeOut(function() {
  46. $('#fade, a.close').remove(); //fade them both out
  47. });
  48. return false;
  49. });
  50. });
  51. </script>
  52.  
  53. <html lang="en">
  54. <script type="text/javascript">
  55. <!--
  56.  
  57. // Disable Right Click Script
  58.  
  59. function IE(e)
  60. {
  61. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  62. {
  63. return false;
  64. }
  65. }
  66. function NS(e)
  67. {
  68. if (document.layers || (document.getElementById && !document.all))
  69. {
  70. if (e.which == "2" || e.which == "3")
  71. {
  72. return false;
  73. }
  74. }
  75. }
  76. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  77.  
  78. //-->
  79. </script>
  80. <link href='http://fonts.googleapis.com/css?family=Carrois+Gothic' rel='stylesheet' type='text/css'>
  81. <meta name="color:Background" content="#fafafa"/>
  82. <meta name="color:Text" content="#999999"/>
  83. <meta name="color:Link" content="#888888"/>
  84. <meta name="color:Hover" content="##5a5858"/>
  85. <meta name="color:blogtitle" content="#888888"/>
  86. <meta name="color:bold and highlight" content="#dcecf5">
  87. <meta name="color:boxbehind" content="#fff"/>
  88.  
  89. <meta name="image:Background" content=""/>
  90. <meta name="image:Sidebar" content=""/>
  91.  
  92. <meta name="if:show lace" content=""/>
  93. <meta name="if:box" content=""/>
  94. <meta name="if:show banner" content=""/>
  95.  
  96. <meta name="text:blogtitle" content="Feel real"/>
  97. <meta name="text:blogtitle2" content="now..."/>
  98. <meta name="text:banner text" content="Dreams are reality waiting to happen"/>
  99. <meta name="text:Link One" content="" />
  100. <meta name="text:Link Two" content="/ask" />
  101. <meta name="text:Link Three" content="/submit" />
  102. <meta name="text:Link Four" content="/links" />
  103. <meta name="text:Link Five" content="http://insxghtful.tumblr.com/" />
  104.  
  105. <meta name="text:Link 1 hover text" content="Title Here" />
  106. <meta name="text:Link 2 hover text" content="Title Here" />
  107. <meta name="text:Link 3 hover text" content="Title Here" />
  108. <meta name="text:Link 4 hover text" content="Title Here" />
  109. <meta name="text:Link 5 hover text" content="Title Here" />
  110. </script>
  111.  
  112.  
  113.  
  114.  
  115. <style type="text/css">
  116. @font-face {font-family:"wendy"; src: url('http://static.tumblr.com/vzbl6rh/IGQmqeysm/wendy.ttf'); }
  117.  
  118. @font-face { font-family:"petit"; src: url('http://static.tumblr.com/jpkny6t/Ftxmqvdxg/petit-formal-script.regular.ttf'); }
  119.  
  120. @font-face { font-family: "lainie"; src: url('http://static.tumblr.com/oetadgc/Uialyjfaa/laine.ttf'); }
  121.  
  122. @font-face { font-family: "dixel"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  123.  
  124. @font-face { font-family: "Today is the Oldest and Youngest You Will Ever Be"; src: url('http://static.tumblr.com/bn6npus/SrLn6wtmy/today_is_the_oldest_and_youngest_you_will_ever_be.ttf'); }
  125.  
  126. @font-face { font-family: "halohandletter"; src: url('http://static.tumblr.com/bn6npus/YzDn6wtzy/halohandletter.ttf'); }
  127.  
  128. @font-face { font-family: "brain flower"; src: url('http://static.tumblr.com/bn6npus/ddln6wu16/brain_flower.ttf'); }
  129.  
  130. @font-face { font-family: "frenchy"; src: url('http://static.tumblr.com/bn6npus/Fuxn6wu1f/frenchy.ttf'); }
  131.  
  132. http://static.tumblr.com/bn6npus/35qn6zocm/austie_bost_descriptions.ttf
  133.  
  134. http://static.tumblr.com/bn6npus/lhGn6zodb/moon_flower_bold.ttf
  135.  
  136. http://static.tumblr.com/bn6npus/hRTn6zodq/moon_flower.ttf
  137.  
  138.  
  139. iframe#tumblr_controls{
  140. z-index:9999999999999999999;
  141. opacity:0.5 !important;
  142. -webkit-filter:invert(100%);
  143. top:0px !important;
  144. right:8px !important;
  145. position:fixed!important;
  146. }
  147.  
  148. iframe#tumblr_controls {right:3px !important; position:fixed !important;-webkit-transition:opacity 0.7s linear; opacity:0.2; -webkit-transition: all 0.8s ease-out; -moz-transition:all 0.8s ease-out; transition:all 0.8s ease-out; z-index:9999999999999999999999}
  149.  
  150. iframe#tumblr_controls:hover {-webkit-transition:opacity 0.7s linear; opacity:1.0; -webkit-transition:all 0.4s ease-out; -moz-transition:all 0.4s ease-out; transition: all 0.4s ease-out; z-index:9999999999999999999;}
  151.  
  152. ::-webkit-scrollbar-thumb{ background-color:{color:blogtitle}; border:2px solid #fff; height:auto; border-radius:10px;}
  153.  
  154. ::-webkit-scrollbar{ height:auto; width:9px; background-color:#999; border:4px solid #fff;}
  155.  
  156.  
  157. ::selection {
  158. background:{color:blogtitle};
  159. color: #fff;
  160. }
  161.  
  162. ::-moz-selection {
  163. background:{color:blogtitle};
  164. color: #fff;
  165. }
  166.  
  167. body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}
  168.  
  169. body {
  170. padding:0px;
  171. margin:0px;
  172. color:{color:Text};
  173. font-family:dixel;
  174. font-size:9px;
  175. text-transform:normal;
  176. line-height:9px;
  177. background-color:{color:Background};
  178. background-image:url({image:Background});
  179. background-attachment:fixed;
  180. background-repeat:repeat;
  181. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;}
  182.  
  183. askk{
  184. font-family:petit;
  185. font-size:11px;
  186. font-style:italic;
  187. color:{color:Title};
  188. }
  189.  
  190. a:link, a:active, a:visited{
  191. color:{color:Link};
  192. text-decoration:none;
  193. -webkit-transition:all 0.6s ease-out; -moz-transition:all 0.6s ease-out;-o-transition:all 0.6s ease-out; transition:all 0.6s ease-out;}
  194.  
  195. a:hover{
  196. color:{color:Hover};
  197. text-decoration:underline;
  198. -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
  199. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;}
  200.  
  201. #audio {
  202. width:200px;
  203. height:auto;
  204. min-height:60px;
  205. padding-bottom:0px;
  206. }
  207.  
  208. .cover {
  209. position:absolute;
  210. z-index:1;
  211. width:60px;
  212. height:60px;
  213. }
  214.  
  215. .cover img {
  216. float:left;
  217. width:60px;
  218. height:60px;
  219. }
  220.  
  221. .playbox {
  222. opacity:0.6;
  223. width:27px;
  224. height:30px;
  225. overflow:hidden;
  226. position:absolute;
  227. z-index:1000;
  228. margin-left:17px;
  229. margin-top:17px;
  230. text-align:center;
  231. }
  232.  
  233. .info {
  234. margin-left:73px;
  235. margin-top:4px;
  236. line-height:14px;
  237. }
  238.  
  239. #cunt{width:250px; height:auto;}
  240. {block:PermalinkPage}
  241. width:10px;
  242. {/block:PermalinkPage}
  243. }
  244.  
  245. #center{
  246. padding-top:3px;
  247. padding-bottom:3px;
  248. position:fixed !important;
  249. width:250px;
  250. height:207px;
  251. background-color:#fff;
  252. {block:PermalinkPage}
  253. width:410px;
  254. height:207px;
  255. {/block:PermalinkPage}
  256. }
  257.  
  258. #posts{
  259. float:center;
  260. {block:indexpage}
  261. width:800px;
  262. {/block:indexpage}
  263. {block:permalinkpage}
  264. width:800px;
  265. {/block:permalinkpage}
  266. margin-left:490px;
  267. margin-top:0px;
  268. }
  269.  
  270. #entry img{
  271. {block:indexpage}
  272. max-width:250px;
  273. opacity:0.7;
  274. -webkit-transition:all 0.7s ease-out;
  275. -moz-transition:all 0.7s ease-out;
  276. transition:all 0.7s ease-out;
  277. {/block:indexpage}
  278. }
  279.  
  280. #entry{
  281. margin:5px;
  282. margin-top:23px;
  283. margin-bottom:-10px;
  284. float:left;
  285. background:#fff;
  286. font-family:arial;
  287. font-size:8px;
  288. text-transform:normal;
  289. letter-spacing:1px;
  290. line-height:12px;
  291. width:250px;
  292. padding:4px;
  293. border:4px double #f0f0f0;
  294. {block:PermalinkPage}
  295. width:520px;
  296. margin-top:5px;
  297. margin-left:15px;
  298. {/block:PermalinkPage}
  299. transition:all 0.9s ease-out;
  300. -o-transition-transition:all 0.5s ease-out;
  301. -webkit-transition:all 0.5s ease-out;
  302. }
  303.  
  304. #entry .perma{
  305. width:207px;
  306. height:auto;
  307. font-family:consolas;
  308. font-size:8px;
  309. line-height:12px;
  310. text-align:center;
  311. text-transform:uppercase;
  312. background-color:#fff;
  313. border:1px solid #eee;
  314. position:absolute;
  315. z-index:99999;
  316. overflow:hidden;
  317. margin-top:5px;
  318. margin-left:15px;
  319. padding:6px;
  320. -webkit-transition:opacity 0.5s linear; opacity: 0.0;
  321. -webkit-transition:all 0.5s linear;
  322. -moz-transition:all 0.5s linear;
  323. transition:all 0.5s linear;
  324. }
  325.  
  326. #entry:hover .perma{
  327. opacity:0.9;
  328. -webkit-transition:all 0.6s ease-out;
  329. -moz-transition:all 0.6s ease-out;
  330. transition:all 0.6s ease-out;
  331. }
  332.  
  333. .permalinktext{
  334. display:block;
  335. font-family:calibri;
  336. font-size:8px;
  337. line-height:10px;
  338. letter-spacing:1px;
  339. text-transform:uppercase;
  340. text-align:right;
  341. background-color:transparent;
  342. margin:2px;
  343. margin-top:5px;
  344. }
  345.  
  346. #blogtitle{
  347. z-index:9999999999999999999999999999999999999999999;
  348. position:absolute;
  349. opacity:1.0;
  350. margin-left:-10px;
  351. margin-top:-20px;
  352. font-size:15px;
  353. width:auto;
  354. font-family:'consolas';
  355. letter-spacing:2px;
  356. text-transform:uppercase;
  357. color:{color:blogtitle};
  358. background:transparent;
  359. position:fixed;;
  360. text-align:center;
  361. -webkit-transition:all .7s ease;
  362. -moz-transition:all .7s ease;
  363. -o-transition:all .7s ease;
  364. transition:all .7s ease;
  365. }
  366.  
  367. #blogtitle2{
  368. z-index:9999999999999999999999999999999999999999999;
  369. position:absolute;
  370. opacity:1.0;
  371. margin-left:147px;
  372. margin-top:250px;
  373. font-size:15px;
  374. width:auto;
  375. font-family:'consolas';
  376. letter-spacing:2px;
  377. text-transform:uppercase;
  378. color:{color:blogtitle};
  379. background:transparent;
  380. position:fixed;;
  381. text-align:left;
  382. -webkit-transition:all .7s ease;
  383. -moz-transition:all .7s ease;
  384. -o-transition:all .7s ease;
  385. transition:all .7s ease;
  386. }
  387.  
  388. #sidebar {
  389. z-index:99999;
  390. position:fixed !important;
  391. width:196px;
  392. height:234px;
  393. margin-top:170px;
  394. margin-left:150px;
  395. border:1px solid #eee;
  396. padding:8px;
  397. background:#fff;
  398. box-shadow:rgba(0,0,0,.03) 3px 3px;
  399. }
  400.  
  401. #sidebarpic img{
  402. -webkit-transition: all .7s ease;
  403. -moz-transition: all .7s ease;
  404. -o-transition: all .7s ease;
  405. transition: all .7s ease;
  406. }
  407.  
  408.  
  409.  
  410. div#desc{
  411. position:fixed !important;
  412. text-transform:normal;
  413. line-height:10px;
  414. text-align:center;
  415. width:200px;
  416. font-family:calibri light;
  417. font-size:11px;
  418. height:auto;
  419. color:{color:Text};
  420. background:#;
  421. margin-top:175px;
  422. margin-left:-19px;
  423. padding:15px;
  424. border:0px solid #eee;
  425. border-bottom:0px solid #eee;
  426. }
  427.  
  428.  
  429. #links{
  430. position:fixed!important;
  431. width:auto;
  432. height:auto;
  433. padding:10px;
  434. margin-left:160px;
  435. margin-top:20px;
  436. z-index:999999;
  437. transition: all 0.9s ease-out;
  438. -o-transition-transition: all 0.9s ease-out;
  439. -webkit-transition: all 0.9s ease-out;
  440. -moz-transition: all 0.9s ease-out;
  441. transform: rotate(90deg);
  442. }
  443.  
  444. #links a{
  445. display:inline-block;
  446. margin-top:4px;
  447. margin-left:3px;
  448. background: {color:link};
  449. padding:7px;
  450. border: 1px solid #fff;
  451. border-radius:333px;
  452. transition: all 0.9s ease-out;
  453. -o-transition-transition: all 0.9s ease-out;
  454. -webkit-transition: all 0.9s ease-out;
  455. -moz-transition: all 0.9s ease-out;
  456. }
  457.  
  458.  
  459.  
  460. #boxbehindpost{
  461. {block:ifbox}
  462. position:fixed !important;
  463. margin-top:-320px;
  464. margin-left:487.5px;
  465. width:555px;
  466. height:1110px;
  467. opacity:0.7;
  468. border:1px solid #eee;
  469. background-color: {color:boxbehind};
  470. z-index:0;
  471. {block:PermalinkPage}
  472. opacity:0.0;
  473. width:0px;
  474. z-index:0;
  475. {/block:PermalinkPage}
  476. {/block:ifbox}
  477. }
  478.  
  479. #postnotes{
  480. text-align: left;
  481. }
  482.  
  483. #postnotes blockquote{
  484. border: 0px;
  485. }
  486.  
  487.  
  488.  
  489. #ocehans1{
  490. height:13px;
  491. text-align:center;
  492. overflow:hidden;
  493. margin-top:-1px;
  494. border-bottom:1px solid #efefef;
  495. text-transform:uppercase;
  496. letter-spacing:1px;
  497. font-size:8px;
  498. line-height:10px;
  499. z-index:999999999999999999999;
  500. -webkit-transition: all 0.5s ease-in-out;
  501. -moz-transition: all 0.5s ease-in-out;
  502. -o-transition: all 0.5s ease-in-out;
  503. }
  504. #ocehans1:hover{
  505. height:67px;
  506. -webkit-transition: all 0.5s ease-in-out;
  507. -moz-transition: all 0.5s ease-in-out;
  508. -o-transition: all 0.5s ease-in-out;
  509. }
  510.  
  511. #ocehans2{
  512. height:13px;
  513. text-align:center;
  514. overflow:hidden;
  515. border-bottom:1px solid #efefef;
  516. text-transform:uppercase;
  517. background-color:#fff;
  518. letter-spacing:1px;
  519. font-size;8px;
  520. line-height:13px;
  521. z-index:999999999999999999999;
  522. -webkit-transition: all 0.5s ease-in-out;
  523. -moz-transition: all 0.5s ease-in-out;
  524. -o-transition: all 0.5s ease-in-out;
  525. }
  526.  
  527. #ocehans2:hover{
  528. height:60px;
  529. -webkit-transition: all 0.5s ease-in-out;
  530. -moz-transition: all 0.5s ease-in-out;
  531. -o-transition: all 0.5s ease-in-out;
  532. }
  533.  
  534. #ocehans3{
  535. height:13px;
  536. text-align:center;
  537. overflow:hidden;
  538. border-bottom:1px solid #efefef;
  539. text-transform:uppercase;
  540. background-color:#fff;
  541. letter-spacing:1px;
  542. font-size;8px;
  543. line-height:13px;
  544. z-index:999999999999999999999;
  545. -webkit-transition: all 0.5s ease-in-out;
  546. -moz-transition: all 0.5s ease-in-out;
  547. -o-transition: all 0.5s ease-in-out;
  548. }
  549.  
  550. #ocehans3:hover{
  551. height:135px;
  552. -webkit-transition: all 0.5s ease-in-out;
  553. -moz-transition: all 0.5s ease-in-out;
  554. -o-transition: all 0.5s ease-in-out;
  555. }
  556.  
  557.  
  558.  
  559. #ocehans4{
  560. height:13px;
  561. text-align:center;
  562. overflow:hidden;
  563. border-bottom:0px solid #efefef;
  564. text-transform:uppercase;
  565. background-color:#fff;
  566. letter-spacing:1px;
  567. font-size;8px;
  568. line-height:13px;
  569. z-index:999999999999999999999;
  570. -webkit-transition: all 0.5s ease-in-out;
  571. -moz-transition: all 0.5s ease-in-out;
  572. -o-transition: all 0.5s ease-in-out;
  573. }
  574.  
  575. #ocehans4:hover{
  576. height:145px;
  577. -webkit-transition: all 0.5s ease-in-out;
  578. -moz-transition: all 0.5s ease-in-out;
  579. -o-transition: all 0.5s ease-in-out;
  580. }
  581.  
  582. #ocehans{
  583. text-align:left;
  584. font-size:8px;
  585. text-transform:uppercase;
  586. opacity: .8;
  587. border:1px solid #eee;
  588. position:fixed;
  589. font-family:calibri;
  590. right:14px;
  591. background-color:#fff;
  592. letter-spacing:1px;
  593. width:65px;
  594. z-index:9999;
  595. padding:4px;
  596. top:47px;
  597.  
  598. }
  599.  
  600.  
  601. highlight{
  602. background-color: {color:bold and highlight};
  603. letter-spacing: 0px;
  604. font-weight: none;
  605. color: #fff;
  606. padding: 0px;
  607. font: normal 10px consolas;
  608. text-transform:uppercase;
  609. letter-spacing:1px;
  610. line-height:8px
  611. }
  612.  
  613. b, strong {
  614. letter-spacing: 0px;
  615. font-weight: bold;
  616. color: {color:bold and highlight};
  617. padding-left: 0px;
  618. }
  619.  
  620. #trans{
  621. position:fixed;
  622. margin-left:995px;
  623. margin-top:250px;
  624. background:transparent;
  625. -webkit-transform:rotate(0deg);
  626. -webkit-filter:grayscale(0%)
  627. }
  628.  
  629. #credit {
  630. position:fixed;
  631. font-family: consolas;
  632. font-size: 8px;
  633. bottom:-7px;
  634. margin-left: 1px;
  635. padding: 8px;
  636. height:12px;
  637. letter-spacing:1px;
  638. text-transform:uppercase;
  639. padding-bottom:5px;
  640. background: white;
  641. width:85px;
  642. border-top-right-radius: 10px;
  643. border-top-left-radius: 10px;
  644. border: 1px solid #dbe9e7;
  645. transition: all 0.6s ease-out;
  646. -o-transition-transition: all 0.6s ease-out;
  647. -webkit-transition: all 0.6s ease-out;
  648. -moz-transition: all 0.6s ease-out;
  649. }
  650.  
  651. #banner{
  652. position:fixed;!important
  653. opacity:0.4;
  654. background:#97c5e0;
  655. border: 1px solid #eeeeee;
  656. padding:5px;
  657. text-align:center;
  658. line-height:30px;
  659. font-family:'Austie Bost Descriptions';
  660. color:white;
  661. font-size:20px;
  662. height:23px;
  663. width:575px;
  664. margin-left:479px;
  665. z-index:100;
  666. }
  667.  
  668. #lace{
  669. width:100%; height:25px;
  670. background:url(http://oi57.tinypic.com/10oppip.jpg);
  671. background-repeat:repeat-x;
  672. position:fixed; top:0px; left:0px;
  673. z-index:999999999999;
  674. }
  675.  
  676.  
  677. blockquote{
  678. padding:0px 0px 2px 3px;
  679. margin:0px 0px 2px 1px;
  680. }
  681.  
  682. ul, ol, li{
  683. list-style:none;
  684. margin:0px;
  685. padding:0px;
  686. }
  687.  
  688. /*--Codes for Posts--*/
  689.  
  690.  
  691. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  692. .user_7 .label, .user_8 .label, .user_9 .label {color:Title};}
  693. </style>
  694.  
  695. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js"type="text/JavaScript"></script>
  696. <style>
  697. div#qTip {
  698. padding:4px;
  699. height: auto;
  700. margin-top:5px;
  701. margin-left:10px;
  702. font-family:Carrois Gothic;
  703. font-size:9px;
  704. display:none;
  705. text-align:center;
  706. position:absolute;
  707. line-height:10px;
  708. text-transform:normal;
  709. letter-spacing:0px;
  710. z-index:999999999999;
  711. border:1px solid #efefef;
  712. background:#fff;
  713. border-radius:5px;
  714. color:#aaa;
  715. box-shadow:1px 1px 3px rgba(0,0,0,.1);}
  716. </style>
  717.  
  718. <title>Theme 4 preview</title>
  719. <link rel="shortcut icon" href="https://secure.assets.tumblr.com/images/favicons/favicon.ico?_v=0">
  720. <meta name="viewport" content="width=720" />
  721. </head>
  722.  
  723. {block:ifshowlace}
  724. <div id="lace" </div></div>
  725. {block:ifshowlace}
  726.  
  727. <body>
  728. <div id="center">
  729. <div id="content">
  730.  
  731. {block:ifshowbanner}<div id="banner">{text:banner text}</div>{block:ifshowbanner}
  732.  
  733.  
  734.  
  735. <div id="credit">theme by <a href="http://insxghtful.tumblr.com/"><b><font color="{color:link}">janelle</font></b></a><br></div>
  736.  
  737. <div id="boxbehindpost"></div>
  738.  
  739.  
  740.  
  741. <div id="sidebar">
  742. <div id="desc">{description}</div>
  743.  
  744. <div id="blogtitle">{text:blogtitle}</div>
  745.  
  746. <div id="blogtitle2">{text:blogtitle2}</div>
  747.  
  748. <div id="links">
  749. <a href="{text:Link One}" title="{text:Link 1 Hover Text}" style="opacity:1.0"></a>
  750.  
  751. <a href="{text:Link Two}" title="{text:Link 2 Hover Text}" style="opacity:0.8"></a>
  752.  
  753. <a href="{text:Link Three}" title="{text:Link 3 Hover Text}" style="opacity:0.6"></a>
  754.  
  755. <a href="{text:Link four}" title="{text:Link 4 Hover Text}" style="opacity:0.4"></a>
  756.  
  757. <a href="{text:Link five}" title="{text:Link 5 Hover Text}" style="opacity:0.2"></a></div>
  758.  
  759. <div id="sidebarpic">
  760. <img src="{image:sidebar}" style="z-index:99999999999; border:1px #fff; background:#fff; padding:8px; margin-top:-5px; margin-left:-5px; width:190px; height:180px; opacity:0.7; outline:1px solid #fff; outline-offset:-14px"></div></div>
  761.  
  762.  
  763. <div id="trans"><img src="http://i1068.photobucket.com/albums/u451/Janelle-Sollogub/tumblr_m5eui0Bqib1rqmdb7.png" width=400px></div>
  764.  
  765. {block:ifbox}<div id="boxbehindpost"></div>{/block:ifbox}
  766.  
  767.  
  768.  
  769.  
  770. <div id="posts">
  771. {block:Posts}
  772. <div id="entry">
  773.  
  774. {block:Text}
  775. {block:Title}<span class="title">{Title}</span>{/block:Title}
  776. <span class="entrytext">{Body}</span></a>
  777. {block:IndexPage}
  778. <div class="permalinktext">
  779. <center> {12Hour}:{Minutes} {AmPm}, {DayOfWeek} with <a href="{permalink}">{notecountwithlabel}</a> </center>
  780. </div>
  781. {/block:IndexPage}
  782. {/block:Text}
  783.  
  784. {block:Link}
  785. <a href="{URL}" class="title">{Name}</a>
  786. {block:Description}{Description}{/block:Description}
  787. {block:IndexPage}
  788. <div class="permalinktext">
  789. {Month} {DayOfMonth} with <a href="{permalink}">{notecountwithlabel}</a>
  790. </div>
  791. {/block:IndexPage}
  792. {block:Link}
  793.  
  794. {block:Photo}{block:IndexPage}
  795. <div class="perma">
  796. posted at {12Hour}:{Minutes} {AmPm} on {DayOfWeek}<br>
  797. with <a href="{permalink}">{notecountwithlabel}</a> - <a href="{reblogurl}">reblog this post</a> </span></div>
  798. {/block:IndexPage}
  799. {block:IndexPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" style="" width=290px /></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=520px/>{LinkCloseTag}{/block:PermalinkPage}
  800. {/block:Photo}
  801.  
  802. {block:Quote}
  803. <div class="quote">❝ {quote}</div>
  804. {block:IndexPage}
  805. <div class="permalinktext">
  806. {Month} {DayOfMonth} with <a href="{permalink}">{notecountwithlabel}</a>
  807. </div>{/block:IndexPage}
  808. {/block:IndexPage}
  809. {/block:Quote}
  810.  
  811. {block:Chat}
  812. {block:Title}<span class="title">{Title}</span>{/block:Title}
  813. <ul class="chat">
  814. {block:Lines}
  815. <li class="user_{UserNumber}">
  816. {block:Label}
  817. <span class="label">{Label}</span>
  818. {/block:Label}
  819.  
  820. {Line}<br>
  821. {/block:Lines}
  822. {block:IndexPage}
  823. <div class="permalinktext">
  824. {Month} {DayOfMonth} with <a href="{permalink}">{notecountwithlabel}</a>
  825. </div>{/block:IndexPage}
  826. {/block:Chat}
  827.  
  828. {block:Audio}
  829. <div id="audio"><div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}</div></div>
  830. {block:IndexPage}
  831. <div class="permalinktext">
  832. <center> {12Hour}:{Minutes} {AmPm}, {DayOfWeek} with <a href="{permalink}">{notecountwithlabel}</a> </center>
  833. </div>
  834. {/block:IndexPage}
  835. {/block:Audio}
  836.  
  837. {block:Video}
  838. <center>
  839. {block:IndexPage}
  840. <div class="perma">
  841. {Month} {DayOfMonth} with <a href="{permalink}">{notecountwithlabel}</a> - <a href="{reblogurl}">reblog</a>
  842. </div>
  843. <div style="width:200px; overflow-x:hidden;overflow-y:hidden;">{Video-250}</div>
  844. {/block:IndexPage}
  845. </center>
  846. <center>{block:PermalinkPage}<div style="width: 450px; overflow-x:hidden;overflow-y:hidden;">{Video-500}{/block:PermalinkPage}</center>
  847. {block:Video}
  848.  
  849. {block:Answer}
  850. <div style="margin-top:2px;;margin-bottom:0px;min-height:auto; padding: 4px; background-color:#f7f7f7;border-top:4px double #fff; border-bottom:4px double #fff; border-radius:5px;text-transform:lowercase; letter-spacing:0px;font-size:10px; font-family: trebuchet ms; border-radius:5px;">
  851. <askk>{asker}</askk>: {Question}</div>
  852. <div style="margin-top:5px;line-height:11px;margin-bottom:2px; text-align-align:left; text-transform:lowercase;letter-spacing:0px;font-size:10px;font-family:trebuchet ms;">
  853. {Answer}</div>
  854.  
  855. {block:IndexPage}
  856. <div class="permalinktext">
  857. {Month} {DayOfMonth} with <a href="{permalink}">{notecountwithlabel}</a>
  858. </div>
  859. {/block:indexpage}
  860. {/block:Answer}
  861.  
  862. {block:PermalinkPage}
  863. <center><br>
  864. {block:Caption}{Caption}{/block:Caption}
  865. {block:Date}posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}<br>{/block:NoteCount}
  866. {block:RebloggedFrom}<b>source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> | <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}
  867. {block:NoteCount} <div style="border-bottom: 1px solid #eee; text-align: center; margin: 10px;"></div>{/block:NoteCount}
  868. </center>
  869.  
  870. {/block:PermalinkPage}
  871. {block:PostNotes}<div align="middle"></div>
  872. <center>
  873.  
  874. </center></span>
  875. <br>
  876. <div id="postnotes">{PostNotes}</div><br>
  877.  
  878. <center>{block:ContentSource}
  879. <br><a href="{SourceURL}">
  880. {lang:Source}:
  881. {block:SourceLogo}
  882. <img src="{BlackLogoURL}" width="{LogoWidth}"
  883. height="{LogoHeight}" alt="{SourceTitle}" />
  884. {/block:SourceLogo}
  885. {block:NoSourceLogo}
  886. {SourceLink}
  887. {/block:NoSourceLogo}
  888. </a>
  889. {/block:ContentSource}</center>
  890.  
  891. {/block:PostNotes}
  892. </div>
  893. {/block:Posts}
  894. </div></div>
  895.  
  896. {block:indexpage}
  897. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  898. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  899. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  900. <script type="text/javascript">
  901. $(window).load(function(){
  902. var $wall = $('#posts');
  903. $wall.imagesLoaded(function(){
  904. $wall.masonry({
  905. itemSelector: '#entry, #entry_photo',
  906. isAnimated : false
  907. });
  908. });
  909.  
  910. $wall.infinitescroll({
  911. navSelector : '#page-nav',
  912. nextSelector : '#page-nav a',
  913. itemSelector : '#entry, #entry_photo',
  914. bufferPx : 2000,
  915. debug : false,
  916. errorCallback: function() {
  917. $('#infscr-loading').fadeOut('normal');
  918. }},
  919. function( newElements ) {
  920. var $newElems = $( newElements );
  921. $newElems.hide();
  922. $newElems.imagesLoaded(function(){
  923. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  924. });
  925. }); $('#content').show(500);
  926. });
  927. </script>
  928. {/block:indexpage}
  929.  
  930. <body onkeydown="return false">
  931.  
  932.  
  933. </body>
  934.  
  935.  
  936. <div id="ocehans">
  937. <center>
  938. <div id="ocehans1">
  939. <div style="font-size:8px; font-family:calibri;">Stats</div>
  940. <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:7px; line-height:10px; text-align:center; color:#b9b9b9;">
  941. Write stuff here
  942. </div></div>
  943.  
  944. <div id="ocehans2">
  945. <div style="font-size:8px; font-family:calibri;">Updates</div>
  946. <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:7px; line-height:10px; text-align:center; color:#b9b9b9;">
  947. Write stuff here
  948. </div></div>
  949.  
  950. <div id="ocehans3">
  951. <div style="font-size:8px; font-family:calibri;">Social</div>
  952. <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:7px; line-height:10px; text-align:center; color:#b9b9b9;">
  953. Write stuff here
  954. </div></div>
  955.  
  956.  
  957.  
  958. <div id="ocehans4">
  959. <div style="font-size:8px; font-family:calibri;">Music</div>
  960. <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:7px; line-height:10px; text-align:center; color:#b9b9b9;">
  961. Write stuff here
  962. </div></div>
  963. </div></div></div></div>
  964.  
  965.  
  966. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!