Advertisement
reachingheart

Nothing Like Us

Jan 25th, 2013
542
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.66 KB | None | 0 0
  1. <!--
  2. theme by reachingheart
  3. do not remove this credits, thanks.
  4. -->
  5.  
  6.  
  7. <head>
  8.  
  9. <html lang="en">
  10. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  11. <html xmlns="http://www.w3.org/1999/xhtml">
  12. <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
  13.  
  14. <script type="text/javascript"
  15. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  16.  
  17. <script>
  18. $(document).ready(function() {
  19. //
  20. $('a.poplight[href^=#]').click(function() {
  21. var popID = $(this).attr('rel'); //Get Popup Name
  22. var popURL = $(this).attr('href'); //Get Popup href to define size
  23. var query= popURL.split('?');
  24. var dim= query[1].split('&');
  25. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  26. $('#' + 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>');
  27. var popMargTop = ($('#' + popID).height() + 80) / 2;
  28. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  29. //Apply Margin to Popup
  30. $('#' + popID).css({
  31. 'margin-top' : -popMargTop,
  32. 'margin-left' : -popMargLeft
  33. });
  34. $('body').append('<div id="fade"></div>');
  35. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  36. return false;
  37. });
  38. $('a.close, #fade').live('click', function() {
  39. $('#fade , .popup_block').fadeOut(function() {
  40. $('#fade, a.close').remove(); //fade them both out
  41. });
  42. return false;
  43. });
  44. });
  45. </script>
  46.  
  47. <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/11/10/small-grey-outline-pointer.html" target="_blank" title="Small Grey Outline Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Small Grey Outline Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>
  48. </script>
  49.  
  50.  
  51. {block:ifdisablerightclick}
  52. <SCRIPT language=JavaScript>
  53. <!-- http://www.spacegun.co.uk -->
  54. var message = "{text:disabled right click message}";
  55. function rtclickcheck(keyp){ if (navigator.appName == "Netscape" && keyp.which == 3){ alert(message); return false; }
  56. if (navigator.appVersion.indexOf("MSIE") != -1 && event.button == 2) { alert(message); return false; } }
  57. document.onmousedown = rtclickcheck;
  58. </SCRIPT>
  59. {/block:ifdisablerightclick}
  60.  
  61.  
  62.  
  63. <title>{title}</title>
  64.  
  65. <link rel="shortcut icon" href="{Favicon}">
  66. <link href='http://fonts.googleapis.com/css?family=The+Girl+Next+Door' rel='stylesheet' type='text/css'>
  67. <meta name="color:background" content="#DACBD6"/>
  68. <meta name="color:text" content="#000000"/>
  69. <meta name="color:title" content="#000000"/>
  70. <meta name="color:link" content="#424242"/>
  71. <meta name="color:hover" content="#bebebe"/>
  72. <meta name="image:Background" content=""/>
  73. <meta name="image:Sidebar" content="http://25.media.tumblr.com/tumblr_m7ur41wTze1r8e5hio1_400.jpg"/>
  74. <meta name="if:littlefont sidebar" content="1"/>
  75. <meta name="if:Infinite scrolling" content="1"/>
  76. <meta name="if:show blogtitle" content="1"/>
  77. <meta name="text:sidebar title" content=""/>
  78. <meta name="if:dashed border" content="0/">
  79. <meta name="text:Custom Link One Title" content= >
  80. <meta name="text:Custom Link One" content="" />
  81. <meta name="text:Custom Link Two Title" content= >
  82. <meta name="text:Custom Link Two" content="" />
  83. <meta name="text:Custom Link Three Title" content= >
  84. <meta name="text:Custom Link Three" content="" />
  85. <meta name="text:Custom Link Four Title" content= >
  86. <meta name="text:Custom Link Four" content="" />
  87.  
  88.  
  89. {block:ifinfinitescrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifinfinitescrolling}
  90.  
  91. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/s48lvqls2/jquery-1.4.4.min.js"></script>
  92. <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
  93. <script type="text/javascript">
  94. <!--
  95. //(c) Ian Muscat 2007
  96. function IE(e) {
  97. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3")){
  98. return false;
  99. }}
  100. function NS(e) {
  101. if (document.layers || (document.getElementById && !document.all)){
  102. if (e.which == "2" || e.which == "3"){
  103. return false;}}}
  104. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  105. //-->
  106. </script>
  107.  
  108. <style type="text/css">
  109.  
  110. #musicplayer {
  111. text-align:center;
  112. position:fixed;
  113. left:20px;
  114. top:-103px;
  115. -webkit-transition:all .5s ease-in-out;
  116. -moz-transition: all .5s ease-in-out;
  117. -o-transition: all .5s ease-in-out;
  118. z-index:300;}
  119.  
  120. #musicplayer:hover {
  121. top:-10px;
  122. }
  123.  
  124. #music {
  125. padding:10px 0 5px 0;
  126. border: 1px solid #EBCFCD;
  127. background: #fff;
  128. width:140px;
  129. border-radius: 5px;-moz-border-radius: 5px;
  130. -webkit-border-radius: 5px;z-index: 9999;
  131. }
  132.  
  133. #music2 {
  134. border-bottom:1px solid #EBCFCD;
  135. border-left: 1px solid #EBCFCD;
  136. border-right: 1px solid #EBCFCD;
  137. margin-top:-1px;
  138. height:38px;
  139. background:#fff;
  140. border-bottom-left-radius: 5px;
  141. -moz-border-radius-bottomleft: 5px;
  142. -webkit-border-bottom-left-radius: 5px;
  143. border-bottom-right-radius: 5px;
  144. -moz-border-radius-bottomright: 5px;
  145. -webkit-border-bottom-right-radius: 5px;
  146. margin-left:45px;width: 50px;
  147. }
  148.  
  149.  
  150.  
  151.  
  152.  
  153.  
  154. #dropdown
  155. #drop a {display:block}
  156. #drop .down {margin-top:-45px;filter: alpha(opacity = 0);opacity:0;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  157. #drop:hover .down {margin-top:0px;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out; filter: alpha(opacity = 100);filter: alpha(opacity = 100);opacity:100;}
  158.  
  159.  
  160.  
  161.  
  162.  
  163.  
  164. a {color:;text-decoration:none;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  165.  
  166. .fufu {width:227px;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  167.  
  168. .fufu:hover {-webkit-transform: translate(1em,0);-moz-transform: translate(1em,0);-o-transform: translate(1em,0);}
  169.  
  170. @font-face {font-family:jennasue; src: url(http://static.tumblr.com/0x5dthr/M6dmgszfd/jennasue.ttf); }
  171.  
  172. @font-face { font-family: "impsum"; src: url('http://static.tumblr.com/u37ad6e/OCIm7s3av/existence-unicaselight.otf'); }
  173.  
  174. @font-face { font-family: "ronda"; src: url('http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf'); }
  175.  
  176. @font-face {font-family: "handy00";src: url('http://static.tumblr.com/8ls1oxv/AfJlyd5ev/handy00.ttf');}
  177.  
  178. @font-face {font-family: "littlefont";src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf');}
  179.  
  180. @font-face {
  181. font-family: "dawning";
  182. src: url('http://static.tumblr.com/viiafci/Hyzlxws2r/dawningofanewday.ttf');
  183. }
  184.  
  185. @font-face {
  186. font-family: "caviardreams";
  187. src: url('http://static.tumblr.com/alux5te/8BFltyod3/caviardreams.ttf');
  188. }
  189.  
  190. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  191.  
  192. @font-face {font-family: "seven";src: url('http://static.tumblr.com/0x5dthr/v6Emgszp2/pf_tempesta_seven.ttf');}
  193.  
  194. @font-face { font-family: "ronda"; src: url('http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf'); }
  195.  
  196. @font-face { font-family: "lovenote"; src: url('http://static.tumblr.com/4yxykdm/k6plrfhwf/ck_love_note.ttf'); }
  197.  
  198. @font-face {font-family:"handy00";src:url('http://static.tumblr.com/vtqel59/gijlrtxyw/handy00.ttf');}
  199.  
  200. @font-face{
  201. font-family: 'pixel';
  202. font-style: normal;
  203. font-weight: normal;
  204. src: local('04b24'), url('http://static.tumblr.com/zm7jcjw/dtClscghb/04b_24__.ttf') format('woff');}
  205.  
  206.  
  207. @font-face { font-family: "bebas neue"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  208.  
  209.  
  210. @font-face { font-family: "impsum"; src: url('http://static.tumblr.com/u37ad6e/OCIm7s3av/existence-unicaselight.otf'); }
  211.  
  212. @font-face { font-family: "lorem"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  213.  
  214. @font-face { font-family: "sunshine"; src: url('http://static.tumblr.com/5fd89aw/U3vli7rvs/sunshine_in_my_soul.ttf'); }
  215. @font-face {
  216. font-family: "caviardreams";
  217. src: url('http://static.tumblr.com/alux5te/8BFltyod3/caviardreams.ttf');
  218. }
  219.  
  220. @font-face { font-family: "Cedarville Cursive"; src: url('http://themes.googleusercontent.com/static/fonts/cedarvillecursive/v2/cuCe6HrkcqrWTWTUE7dw-5zpMnghKP_wiJrQSyqob5U.woff'); }
  221. @font-face { font-family: "arsenalewhite"; src: url('http://static.tumblr.com/5fd89aw/H0ilkmgoh/arsenale_white.ttf'); }
  222.  
  223. p {
  224. margin:0px;
  225. margin-top:0px;
  226. }
  227.  
  228. a:link, a:active, a:visited{
  229. color: black;
  230. text-decoration: none;
  231. -webkit-transition: color 0.5s ease-out;
  232. -moz-transition: color 0.5s ease-out;
  233. }
  234.  
  235. a:hover {
  236. color:#fff;
  237. text-decoration: underline;
  238. font-style: normal;
  239. -webkit-transition: color 0.5s ease-out;
  240. -moz-transition: color 0.5s ease-out;
  241. text-shadow:1px 1px 5px #000;
  242.  
  243. }
  244.  
  245.  
  246.  
  247. faqq {
  248. font-family: arsenalewhite;
  249. font-size:30px;
  250. color:#949494;
  251. text-shadow: 0px 0px 0px #ddd;
  252. z-index:1;
  253. }
  254.  
  255.  
  256.  
  257. body {
  258. margin:0px;
  259. background-color: white;
  260. background-image:url(http://static.tumblr.com/c895ac2b710bd3a83d45be06be75ea3a/w7bdt8q/sE7mgzt2n/tumblr_static_2144qqx.jpg);
  261. background-attachment: fixed;
  262. background-repeat: repeat;}
  263. body, div, p, textarea, submit, input{
  264. font-family: lorem;
  265. font-size: 8px;
  266. line-height:9px;
  267. letter-spacing:0px;
  268. color:{color:Text};
  269. }
  270.  
  271.  
  272. ::-webkit-scrollbar-thumb:vertical {
  273. background-color:#eee;
  274. height:auto;
  275. }
  276.  
  277. ::-webkit-scrollbar-thumb:horizontal {
  278. background-color:#eee
  279. height:auto !important;
  280. }
  281.  
  282. ::-webkit-scrollbar {
  283. height:auto;
  284. width:5px;
  285. background-color:#888;
  286. }
  287.  
  288. .wrapper{
  289. margin: 0px auto;
  290. width: 817px;
  291. }
  292.  
  293. .left{
  294. float: left;
  295. margin-left: 0px;
  296. width: 817px;
  297. }
  298.  
  299. ::-webkit-scrollbar {width: 6px; height: 4px; background: #FFFFFF; }
  300.  
  301. ::-webkit-scrollbar-thumb { background-color: #ffffff; -webkit-border-radius: 1ex; border: 1px solid #ddd;}
  302.  
  303. .entry {
  304. opacity:.8;
  305. float:left;
  306. padding: 7px;
  307. border: 3px double #ddd;
  308. margin: 6px;
  309. {block:IndexPage}
  310. width: 250px;
  311. {/block:IndexPage}
  312. {block:PermalinkPage}
  313. width:500px;
  314. {/block:PermalinkPage}
  315. background-color: white;
  316. -webkit-transition: all .7s ease;
  317. -moz-transition: all .7s ease;
  318. -o-transition: all .7s ease;
  319. transition: all .7s ease;
  320. }
  321. .entry:hover{
  322. opacity:1;
  323. -webkit-transition: all .7s ease;
  324. -moz-transition: all .7s ease;
  325. -o-transition: all .7s ease;
  326. transition: all .7s ease;
  327. }
  328. .entry .textpost{
  329. background-color: #fff;
  330. }
  331.  
  332. .questions{
  333. font-style:normal;
  334. margin-bottom:3px;
  335. border-bottom:1px solid #dcdcdc;
  336. }
  337.  
  338. .questions:hover{
  339. font-style:bold;
  340. }
  341.  
  342.  
  343. #posts {
  344. float:left;
  345. margin-top: 0px;
  346. width:620px;
  347. margin-left: 180px;
  348. {block:PermalinkPage}
  349. margin-left: 220px;
  350. background-color: #fff;
  351. width:504px;
  352. {/block:PermalinkPage}
  353. }
  354.  
  355.  
  356.  
  357.  
  358. #postnotes{
  359. text-align: left;
  360. }
  361. #postnotes blockquote{
  362. border: 0px;
  363. }
  364.  
  365. #sidebar {
  366. position:fixed !important;
  367. width: 150px;
  368. font-family: handy00;
  369. height: auto;
  370. background-color:white;
  371. margin-left: 35px;
  372. margin-top: 135px;
  373. padding:2px;
  374. padding-bottom: 3px;
  375. {block:ifdashedborder}
  376. border: 0px dashed #ddd;
  377. {/block:ifdashedborder}
  378. border-bottom-left-radius:0px;
  379. border-top-left-radius:0px;
  380. }
  381.  
  382. div#sidebanner3{
  383. position:fixed !important;
  384. width: auto;
  385. height: auto;
  386. margin-top: 125px;
  387. margin-left:55px;
  388. background-color: transparent;
  389. color: #d88787;
  390. font-family: stars;
  391. width:202px;
  392. text-shadow: 0px 0px 0px #aaa;
  393. ;
  394. font-weight: normal;
  395. font-size: 20px;
  396. line-height:15px;
  397. letter-spacing: 1px;
  398. font-style: normal;
  399. text-transform: ;
  400. }
  401.  
  402. #sidebarimg img {
  403. position:fixed;
  404. width:200px;
  405. padding:1px;
  406. -webkit-transform: rotate(0deg);
  407. height: 300px;
  408. border:3px double #ddd;
  409. z-index:9999;
  410. margin-top:-18px;
  411. margin-left:-70px;
  412. border-radius: 0px 0px 0px 0px;
  413. -webkit-transition: all 1.0s ease-in-out;
  414. -moz-transition: all 1.0s ease-in-out;
  415. -o-transition: all 1.0s ease-in-out;
  416. -ms-transition: all 1.0s ease-in-out;
  417. transition: all 1.0s ease-in-out;
  418.  
  419.  
  420.  
  421. }
  422.  
  423.  
  424.  
  425.  
  426.  
  427.  
  428.  
  429.  
  430.  
  431.  
  432. @font-face { font-family: "stars"; src: url('http://static.tumblr.com/hcfbjje/sfRlpm8t0/starsfromoureyes.ttf'); }
  433.  
  434.  
  435. h3{
  436. font-family: stars;
  437. font-size: 80px;
  438. line-height: 12px;
  439. color: #A78282;
  440. font-weight: normal;
  441. line-height:15px;
  442. letter-spacing: 1px;
  443. font-style: normal;
  444. text-transform: lowercase;
  445. text-align: right;
  446. padding: 0px;
  447. margin:0px;
  448. }
  449.  
  450.  
  451. div#desc{
  452. font-family:lorem;
  453. color: black;
  454. overflow: auto;
  455. position:fixed;
  456. width:150px;
  457. height:auto;
  458. background: transparent;
  459. padding:2px;
  460. margin-top: -70px;
  461. margin-left:-50px;
  462. border: px solid #ddd;
  463. z-index:9999;
  464. }
  465.  
  466. div#links{
  467. font-family:consolas;
  468. font-size:12px;
  469. color: black;
  470. overflow: auto;
  471. position:fixed;
  472. width:188px;
  473. height:20px;
  474. background-image:url(http://media.tumblr.com/tumblr_maytekhd541r8504o.png);
  475. padding:25px;
  476. margin-top: 210px;
  477. margin-left:-120px;
  478. border: px double #eee;
  479. z-index: 99999;
  480. -webkit-transform: rotate(0deg);
  481. }
  482.  
  483.  
  484.  
  485.  
  486.  
  487.  
  488. div#nickiminaj{
  489. position:fixed !important;
  490. width: auto;
  491. height: auto;
  492. margin-top:365px;
  493. margin-left:-57px;
  494. background-color: transparent;
  495. font-family:arsenalewhite;
  496. font-size: 50px;
  497. line-height: 40px;
  498. text-align: center;
  499. z-index:99999;
  500. -webkit-transform: rotate(0deg);
  501. -moz-transform: rotate-(0deg);
  502. font-weight: normal;
  503. text-shadow: 0px 0px 5px #888;
  504. color: black;
  505. transition: all 0.9s ease-out;
  506. -o-transition-transition: all 0.9s ease-out;
  507. -webkit-transition: all 0.9s ease-out;
  508. -moz-transition: all 0.9s ease-out;
  509. }
  510.  
  511. div#justinbieber{
  512. position:fixed !important;
  513. width: 30px;
  514. height: auto;
  515. margin-top:250px;
  516. margin-left:-50px;
  517. background-color: transparent;
  518. color: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#551A8B), to(#20B2AA));
  519. font-family:sunshine;
  520. font-size:20px;
  521. line-height: 40px;
  522. z-index:9999;
  523. text-align: center;
  524. -webkit-transform: rotate(6deg);
  525. -moz-transform: rotate-(0deg);
  526. font-weight: normal;
  527. text-shadow: 0px 0px 5px #000;
  528. color:#FF69B4;
  529. transition: all 0.9s ease-out;
  530. -o-transition-transition: all 0.9s ease-out;
  531. -webkit-transition: all 0.9s ease-out;
  532. -moz-transition: all 0.9s ease-out;
  533. }
  534.  
  535. div#arianagrande{
  536. position:fixed !important;
  537. width: auto;
  538. height: auto;
  539. margin-top:230px;
  540. margin-left:10px;
  541. background-color: transparent;
  542. font-family:sunshine;
  543. font-size:20px;
  544. line-height: 40px;
  545. text-align: center;
  546. z-index:99999;
  547. -webkit-transform: rotate(-6deg);
  548. -moz-transform: rotate-(0deg);
  549. font-weight: normal;
  550. text-shadow: 0px 0px 5px #000;
  551. color: black;
  552. transition: all 0.9s ease-out;
  553. -o-transition-transition: all 0.9s ease-out;
  554. -webkit-transition: all 0.9s ease-out;
  555. -moz-transition: all 0.9s ease-out;
  556. }
  557.  
  558.  
  559.  
  560. @font-face{
  561. font-family: 'pixel';
  562. font-style: normal;
  563. font-weight: normal;
  564. src: local('04b24'), url('http://static.tumblr.com/zm7jcjw/dtClscghb/04b_24__.ttf') format('woff');}
  565.  
  566.  
  567.  
  568.  
  569. .title{
  570. font-family: impsum;
  571. font-size: 25px;
  572. line-height: 22px;
  573. color: black;
  574. text-transform:uppercase;
  575. }
  576.  
  577. @font-face {font-family: "Meow";src: url( http://static.tumblr.com/kauezwz/YlIlz8nop/theonlyexception.ttf) format("truetype");}
  578.  
  579. #postnotes{
  580. text-align: justify;}
  581.  
  582. #postnotes blockquote{
  583. border: 0px;}
  584.  
  585. blockquote{
  586. padding: 2px 2px 2px 5px;
  587. margin:2px 2px 2px 5px;
  588. border-left: 2px solid #888;
  589. }
  590.  
  591. blockquote p, ul{
  592. margin:0px;
  593. padding:0px;
  594. }
  595.  
  596. a img{border: 0px;}
  597.  
  598. ul, li{
  599. list-style:none;
  600. padding: 1px 1px 1px 2px;
  601. margin:1px 1px 1px 1px;
  602. }
  603.  
  604. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  605. .user_7 .label, .user_8 .label, .user_9 .label {color:#555555;}
  606.  
  607. .notes img{width:10px; position:relative; top:3px;}
  608.  
  609. .permalink {
  610. display: block;
  611. padding: 0px;
  612. margin: 4px 8px 0px 8px;
  613. text-transform: uppercase;
  614. font-family: littlefont;
  615. font-size: 8px;
  616. color: #b1b2ca;
  617. line-height: 18px;
  618. text-align: right;
  619. text-decoration: none;
  620. -webkit-transition: color 0.5s ease-out;
  621. -moz-transition: color 0.5s ease-out;
  622. border-top: 1px solid #dcdcdc;
  623. }
  624.  
  625. .entry .blanket{
  626. width:20px;
  627. height: 15px;
  628. line-height: 15px;
  629. text-transform: none;
  630. font-family: arma;
  631. position: absolute;
  632. font-size: 8px;
  633. text-align: center;
  634. overflow:hidden;
  635. opacity: 0.0;
  636. background: #fff;
  637. margin-top:60px;
  638. margin-left: -13px;
  639. border: 3px double #ddd ;
  640. letter-spacing: 0px;
  641. border-top-right-radius:0px;
  642. border-bottom-left-radius:0px;
  643. -webkit-transition: opacity 0.5s linear;
  644. -webkit-transition: all 0.5s linear;
  645. -moz-transition: all 0.5s linear;
  646. transition: all 0.5s linear;
  647.  
  648. }
  649.  
  650. .entry:hover .blanket{
  651. border-radius: 0px 0px 0px 0px;
  652. width:270px;
  653. height:25px;
  654. opacity: 1.0;
  655. -webkit-transition: all .3s ease-out;
  656. -moz-transition: all .3s ease-out;
  657. transition: all .3s ease-out;
  658. }
  659.  
  660. .entry .blanket .permalink2{
  661. text-transform:uppercase;
  662. width:240px;
  663. height:auto;
  664. font-family:consolas;
  665. line-height: 19px;
  666. font-size:10px;
  667. color: #b1b2ca;
  668. letter-spacing: 0px;
  669. font-decoration:none;
  670. text-align:center;
  671. margin-top:4px;
  672. margin-left:1px;
  673. opacity:0.0
  674. background-color:#000;
  675. -webkit-transition: all .3s linear;
  676. -moz-transition: all .3s linear;
  677. transition: all .3s linear;
  678. }
  679.  
  680. .entry:hover .blanket .permalink2{
  681. opacity:1;
  682.  
  683. -webkit-transition: all .4s linear;
  684. -moz-transition: all .4s linear;
  685. transition: all .4s linear;
  686. }
  687.  
  688. .entry .blanket .permalink2 a{
  689. color:#000;
  690. -webkit-transition: all .3s linear;
  691. -moz-transition: all .3s linear;
  692. transition: all .3s linear;
  693. }
  694.  
  695. .entry:hover .blanket .permalink2 a:hover {
  696. color:#fff;
  697. -webkit-transition: all .3s linear;
  698. -moz-transition: all .3s linear;
  699. transition: all .3s linear;
  700. }
  701.  
  702. @font-face {font-family: "littlefont";src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf');}
  703.  
  704. @font-face { font-family: "kingcoolkc"; src: url('http://static.tumblr.com/4yxykdm/wmVlrea61/king_cool_kc_1_.ttf'); }
  705.  
  706. @font-face { font-family:basket;
  707. src: url('http://static.tumblr.com/iddq6cw/MZUlwm0mp/sweetly_broken.ttf');
  708. }
  709.  
  710.  
  711. @font-face {
  712. font-family: "sweetly";
  713. src: url('http://static.tumblr.com/z5o2pr2/vpWm0rjxz/sweetly_broken.ttf');
  714. }
  715.  
  716. </style>
  717. <link rel="shortcut icon" href="{Favicon}">
  718. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  719. <meta name="viewport" content="width=820" />
  720.  
  721. </head>
  722. <body onkeydown="return false">
  723.  
  724.  
  725.  
  726.  
  727. <div class="wrapper">
  728.  
  729. <div id="sidebar">
  730. <div id="sidebarimg">
  731. <img src="{image:Sidebar}" style=" border: 5px double #ddd;" width=65px height=auto></a></div>
  732.  
  733.  
  734. <div id="desc"><center>
  735.  
  736. {description}
  737.  
  738.  
  739.  
  740. <br></center>
  741. </div>
  742.  
  743. <div id="links">
  744.  
  745. {block:ifcustomlinkonetitle}<a href="{text:custom link one}">{text:custom link one title}</a>{/block:ifcustomlinkonetitle} /
  746.  
  747. {block:ifcustomlinktwotitle} <a href="{text:custom link two}">{text:custom link two title}</a>{/block:ifcustomlinktwotitle} /
  748.  
  749. {block:ifcustomlinkthreetitle} <a href="{text:custom link three}" >{text:custom link three title}</a>{/block:ifcustomlinkthreetitle} /
  750.  
  751. {block:ifcustomlinkfourtitle} <a href="{text:custom link four}">{text:custom link four title}</a>{/block:ifcustomlinkfourtitle}
  752.  
  753.  
  754.  
  755.  
  756.  
  757. </div>
  758. </div>
  759.  
  760.  
  761.  
  762. <div id="nickiminaj">
  763.  
  764.  
  765.  
  766. <h3 style="font-weight: normal; color: black; font-size: 50px; background-color: trans; font-family: arsenalewhite; line-height: 25px; letter-spacing: 2px; z-index: 999; text-align: left; margin-top: -30px; text-shadow: px px 5px #888;">{text:sidebar title}</h3>
  767.  
  768.  
  769.  
  770.  
  771. </div>
  772.  
  773. <div id="justinbieber">
  774.  
  775.  
  776.  
  777. <h3 style="font-weight: normal; color: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#551A8B), to(#20B2AA)); font-size: 50px; background-color: trans; font-family: lovenote; line-height: 25px; letter-spacing: 2px; text-align: left; margin-top: -180px; text-shadow: px px 5px #888;"></h3>
  778.  
  779.  
  780.  
  781. <div id="arianagrande">
  782.  
  783.  
  784.  
  785. <h3 style="font-weight: normal; text-transform:uppercase; color: black; font-size: 50px; background-color: trans; font-family:impsum; line-height: 25px; letter-spacing: 2px; z-index: 999; text-align: left; margin-top: -30px; text-shadow: px px 5px #000;"></h3>
  786.  
  787.  
  788.  
  789.  
  790. </div>
  791.  
  792. </div>
  793. <div id="banner">
  794.  
  795. </div>
  796.  
  797.  
  798. <div class="header">
  799. <div class="left">
  800. <div id="posts">
  801.  
  802. {block:Posts}
  803. <div class="entry">
  804. {block:Text}
  805. <div class="textpost">
  806. <div class="title">{block:Title}{Title}{/block:Title}</div>
  807. {Body}
  808. {block:IndexPage}
  809. <div class="permalink">
  810. <a href="{permalink}">posted {timeago} with {notecount} notes </a>
  811. </div>
  812. {/block:IndexPage}
  813. </div>
  814. {/block:Text}
  815.  
  816. {block:Link}
  817. <div class="textpost">
  818. <a href="{URL}" class="title">{Name}</a>
  819. {block:Description}{Description}{/block:Description}
  820. {block:IndexPage}
  821. <div class="permalink">
  822. <a href="{permalink}">posted {timeago} with {notecount} notes</a>
  823. </div>
  824. {/block:IndexPage}
  825. </div>
  826. {block:Link}
  827.  
  828. {block:Answer}
  829. <br>
  830. <div style="border-radius:5px; border: 1px solid #E6DFDF; margin: 3px; min-height:30px; padding: 3px; background-color: #fff; box-shadow: 0px 0px 5px 0px #b1b2ca; font-family: littlefont; font-size: 8px;">
  831. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px; box-shadow: 0px 0px 0px 2px #ddd; border-top-right-radius:2px; border-bottom-right-radius:2px; border-top-left-radius:2px; border-bottom-left-radius:2px;"/>
  832. {Asker} murmured: {Question}<br></div>
  833. <Br>
  834. <div style="font-family: littlefont; text-transform: normal; font-size: 8px;">
  835. and i murmured: </div>
  836.  
  837. <div style="font-family: seven; text-transform: normal; font-size: 8px;">{Answer}
  838. </div>
  839. <br>
  840. <div class="permalink">
  841. <a href="{permalink}">posted {timeago} with {notecount} notes</a>
  842. </div>
  843.  
  844. {/block:Answer}
  845.  
  846.  
  847.  
  848. {block:Photo}
  849. {block:IndexPage}
  850. <div class="blanket">
  851. <div class="permalink2">
  852. <center><a href="{permalink}">{NoteCount} tacos</a> + {DayOfMonth}/{MonthNumberWithZero}/{Year} - {12Hour}:{Minutes}{AmPm} + <a href="{ReblogURL}" target="_blank">reblog</a> </center></span></div>
  853. </div>
  854. <img src="{PhotoURL-400}" alt="{PhotoAlt}" width="250px"/>
  855. {/block:IndexPage}
  856.  
  857. {block:PermalinkPage}
  858. {LinkOpenTag}
  859. <img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="503"/>
  860. {LinkCloseTag}{/block:PermalinkPage}
  861. {/block:Photo}
  862.  
  863. {block:Photoset}
  864. {block:IndexPage}
  865. <div class="blanket">
  866. <div class="permalink2">
  867. <a href="{permalink}">{timeago} + {NoteCountWithLabel} + <a href="{ReblogURL}" target="_blank">reblog</a></a></span></div>
  868. </div>
  869. <center>{Photoset-250}</center>
  870. {/block:IndexPage}
  871.  
  872. {block:PermalinkPage}
  873. {Photoset-500}
  874. {/block:PermalinkPage}
  875. {/block:Photoset}
  876.  
  877. {block:Quote}
  878. <div class="textpost">
  879. {Quote}</span>
  880. {block:Source}{Source}{/block:Source}
  881. {block:IndexPage}
  882. <div class="permalink">
  883. <a href="{permalink}">posted {timeago} with {notecount} notes </a>
  884. </div>
  885. {/block:IndexPage}
  886. </div>
  887. {/block:Quote}
  888.  
  889. {block:Chat}
  890. <div class="textpost">
  891. {block:Title}<span class="title">{Title}</span>{/block:Title}
  892. <ul class="chat">
  893. {block:Lines}
  894. <li class="user_{UserNumber}">
  895. {block:Label}
  896. <span class="label">{Label}</span>
  897.  
  898. {/block:Label}
  899.  
  900. {Line}
  901. </li>
  902. {/block:Lines}
  903. </ul>
  904. {block:IndexPage}
  905. <div class="permalink">
  906. <a href="{permalink}">posted {timeago} with {notecount} notes </a>
  907. </div>
  908. {/block:IndexPage}
  909. </div>
  910. {/block:Chat}
  911.  
  912. {block:Audio}
  913. <div class="textpost">
  914. {AudioPlayerBlack}
  915. {block:ifshowaudiocaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifshowaudiocaptions}
  916. {block:IndexPage}
  917. <div class="permalink">
  918. <a href="{permalink}">posted {timeago} with {notecount} notes </a>
  919. </div>
  920. {/block:IndexPage}
  921. </div>
  922. {/block:Audio}
  923.  
  924. {block:Video}
  925. {block:IndexPage}
  926. <div class="blanket">
  927. <div class="permalink2">
  928. <a href="{permalink}">{timeago} + {NoteCountWithLabel} + <a href="{ReblogURL}" target="_blank">reblog</a></a></span></div>
  929. </div>
  930. {/block:IndexPage}
  931. <center>{Video-250}</center>
  932. {block:Video}
  933.  
  934. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{block:NoteCount} {NoteCountWithLabel} {/block:NoteCount}{block:HasTags}{block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}
  935. <p>{block:RebloggedFrom}<div style="border-bottom:1px solid #ddd; text-align:left; text-transform:none; "> reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>posted by <a href="{ReblogRootURL}">{ReblogRootName}</a></div>
  936. {/block:RebloggedFrom}</center></span><br><div id="postnotes">{PostNotes}</div><br>
  937. {block:ContentSource}<br><a href="{SourceURL}">{lang:Source}:{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}"height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>{/block:ContentSource}{/block:PermalinkPage}
  938. </div>
  939. {/block:Posts}
  940. </div>
  941. </div>
  942. </div>
  943. {block:IndexPage}
  944. {block:Pagination}
  945. <ul id="pagination">
  946. {block:PreviousPage}
  947. <li><a href="{PreviousPage}"></a></li>
  948. {/block:PreviousPage}
  949. {block:JumpPagination length="5"}
  950. {block:CurrentPage}
  951. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  952. {/block:CurrentPage}
  953. {block:JumpPage}
  954. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  955. {/block:JumpPage}
  956. {/block:JumpPagination}
  957. {block:NextPage}
  958. <li><a id="nextPage" href="{NextPage}"></a></li>
  959. {/block:NextPage}
  960. </ul>
  961. {/block:Pagination}
  962. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  963. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  964. <script type="text/javascript">
  965. $(window).load(function () {
  966. $('#posts').masonry(),
  967. $('.masonryWrap').infinitescroll({
  968. navSelector : '#pagination',
  969. nextSelector : '#pagination a#nextPage',
  970. itemSelector : ".entry",
  971. bufferPx : 200,
  972. loadingImg : "http://static.tumblr.com/plngtrn/ieqlmwwlc/ajax-loader.gif",
  973. loadingText : "<em></em>",
  974. },
  975. function() { $('#posts').masonry({ appendedContent: $(this) }); }
  976. );
  977. });
  978. </script>
  979. {/block:IndexPage}
  980.  
  981.  
  982.  
  983. </body>
  984. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement