Advertisement
reachingheart

Butterflies In Our Garden

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