Advertisement
reachingheart

fashlity theme

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