Advertisement
reachingheart

Sweet Pie

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