Advertisement
reachingheart

Make A Change

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