API tools faq
paste
Advertisement
f-ashionabelle

Custom theme for Shimmerfly!

f-ashionabelle
May 8th, 2014
160
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 45.30 KB | None | 0 0
raw download clone embed print report
  1. <!---
  2.  
  3. Custom theme for Courtney a.k.a (shimmerfly.tumblr.com), made by:
  4.  
  5. ╱╭━╮╱╱╱╱╱╱╱╭╮╱╱╱╱╱╱╱╱╱╱╱╭╮╱╱╱╱╭╮╭╮
  6. ╱┃╭╯╱╱╱╱╱╱╱┃┃╱╱╱╱╱╱╱╱╱╱╱┃┃╱╱╱╱┃┃┃┃
  7. ╭╯╰╮╱╭━━┳━━┫╰━┳┳━━┳━╮╭━━┫╰━┳━━┫┃┃┃╭━━╮
  8. ╰╮╭┻━┫╭╮┃━━┫╭╮┣┫╭╮┃╭╮┫╭╮┃╭╮┃┃━┫┃┃┃┃┃━┫
  9. ╱┃┣━━┫╭╮┣━━┃┃┃┃┃╰╯┃┃┃┃╭╮┃╰╯┃┃━┫╰┫╰┫┃━┫
  10. ╱╰╯╱╱╰╯╰┻━━┻╯╰┻┻━━┻╯╰┻╯╰┻━━┻━━┻━┻━┻━━╯
  11. Main Blog: (fashionabelle.co.vu)
  12.  
  13. I hope you like this theme as much as I do. Please keep all forms of credit intact no matter what. If you'll remove the credits, put it in your FAQ or anywhere as long as the credits remain! Thanks for using this theme! (✿◠‿◠)
  14.  
  15. --->
  16.  
  17. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  18. <html xmlns="http://www.w3.org/1999/xhtml">
  19.  
  20. <html lang="en">
  21.  
  22. <head>
  23.  
  24. <!--POPUPS SCRIPT, DON'T REMOVE THIS!-->
  25. <script type="text/javascript"
  26. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  27. <script>
  28. $(document).ready(function() {
  29. //
  30. $('a.poplight[href^=#]').click(function() {
  31. var popID = $(this).attr('rel'); //Get Popup Name
  32. var popURL = $(this).attr('href'); //Get Popup href to define size
  33. var query= popURL.split('?');
  34. var dim= query[1].split('&');
  35. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  36. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a title="Close this fabulous popup box" href="#" class="close"><img src="https://cdn1.iconfinder.com/data/icons/bwpx/icons/symbol_multiplication.gif" class="btn_close" alt="Close" /></a>');
  37. var popMargTop = ($('#' + popID).height() + 80) / 2;
  38. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  39. //Apply Margin to Popup
  40. $('#' + popID).css({
  41. 'margin-top' : -popMargTop,
  42. 'margin-left' : -popMargLeft
  43. });
  44. $('body').append('<div id="fade"></div>');
  45. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  46. return false;
  47. });
  48. $('a.close, #fade').live('click', function() {
  49. $('#fade , .popup_block').fadeOut(function() {
  50. $('#fade, a.close').remove(); //fade them both out
  51. });
  52. return false;
  53. });
  54. });
  55. </script>
  56. <!------------------------------------->
  57.  
  58. <script type="text/javascript">
  59.  
  60. /*DISABLE RIGHT CLICK SCRIPT BELOW*/
  61.  
  62. function IE(e)
  63. {
  64. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  65. {
  66. return false;
  67. }
  68. }
  69. function NS(e)
  70. {
  71. if (document.layers || (document.getElementById && !document.all))
  72. {
  73. if (e.which == "2" || e.which == "3")
  74. {
  75. return false;
  76. }
  77. }
  78. }
  79. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  80. </script>
  81.  
  82. <!---DEFAULT VARIABLESSS--->
  83. <meta name="image:Background" content=""/>
  84. <meta name="image:Sidebarpic" content="http://static.tumblr.com/bbe1a1ebcddb1abb9e6fba08d6e8f84b/tn7tncj/phWn55r6q/tumblr_static_f2ks51bwgc8wwkswg08cgkwok.gif"/>
  85. <meta name="image:Flowerimg" content="http://static.tumblr.com/tn7tncj/h3kn555va/flower1.png"/>
  86. <meta name="image:Flowerimg2" content="http://static.tumblr.com/tn7tncj/319n556uj/flower2.png"/>
  87. <meta name="image:Flowerimg3" content="http://static.tumblr.com/tn7tncj/wq7n557lb/flower3.png"/>
  88.  
  89. <meta name="color:Background" content="#fafafa"/>
  90. <meta name="color:Title" content="#f5c2ce"/>
  91. <meta name="color:Text" content="#aaa"/>
  92. <meta name="color:Links" content="#f5c2ce"/>
  93. <meta name="color:Blogtitle" content="#f5c2ce"/>
  94.  
  95. <meta name="text:Blogtitle" content="Shimmerfly"/>
  96. <meta name="text:Blogtitle2" content="Everything you can..."/>
  97. <meta name="text:Blogtitle3" content="imagine is real"/>
  98. <meta name="text:Quotebar" content="A dream is a wish your heart makes" />
  99. <meta name="text:Name" content="Courtney;"/>
  100.  
  101. <meta name="text:Link 1 title" content="0.1" />
  102. <meta name="text:Link 2 title" content="0.2"/>
  103. <meta name="text:Link 3 title" content="0.3" />
  104. <meta name="text:Link 4 title" content="0.4" />
  105.  
  106. <meta name="text:Link 1" content="/" />
  107. <meta name="text:Link 2" content="" />
  108. <meta name="text:Link 3" content="" />
  109. <meta name="text:Link 4" content="" />
  110.  
  111. <meta name="text:Link 1 hover title" content="Refresh My Blog" />
  112. <meta name="text:Link 2 hover title" content="Ask what your heart desires" />
  113. <meta name="text:Link 3 hover title" content="Send me something special" />
  114. <meta name="text:Link 4 hover title" content="Extra Links to Discover" />
  115. <!------------------------>
  116.  
  117. <!---TOOLTIP SCRIPT, DON'T REMOVE THIS!--->
  118. <script type="text/javascript"
  119. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  120. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  121. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  122. <script>
  123. (function($){
  124. $(document).ready(function(){
  125. $("a[title]").style_my_tooltips({
  126. tip_follows_cursor:true,
  127. tip_delay_time:90,
  128. tip_fade_speed:600,
  129. attribute:"title"
  130. });
  131. });
  132. })(jQuery);
  133. </script>
  134. <!-------------------------------------->
  135.  
  136. <style type="text/css">
  137. @font-face {font-family:formal; src: url(http://static.tumblr.com/2poobra/pspmrjf1f/petitformalscript-regular.ttf); }
  138.  
  139. @font-face {font-family:"contribute"; src: url('http://static.tumblr.com/q54tzar/SYim21ewv/contribute_free-version_1_.ttf'); }
  140.  
  141. @font-face { font-family: "edwardian"; src: url('http://static.tumblr.com/oetadgc/sUtm6d6kz/ufonts.com_edwardian-script-itc-2.ttf'); }
  142.  
  143. @font-face { font-family: "caviardreams";
  144. src: url('http://static.tumblr.com/alux5te/8BFltyod3/caviardreams.ttf'); }
  145.  
  146. @font-face { font-family: "simply"; src: url('http://static.tumblr.com/jdjsstr/jAKm8lv4d/djb_jacked_up_kinda_luv_1_.ttf'); }
  147.  
  148. #s-m-t-tooltip:before {
  149. position: absolute;
  150. left:12px;
  151. top:16px;
  152. width:0px;
  153. height:0px;
  154. content:"";
  155. border-left:7px solid transparent;
  156. border-right:7px solid transparent;
  157. border-top:20px solid {color:Blogtitle};
  158. transform: scale(1, 0.521);
  159. -webkit-transform: scale(1, 0.421);
  160. -moz-transform: scale(1, 0.421);
  161. -o-transform: scale(1, 0.421);
  162. -ms-transform: scale(1, 0.421);
  163. }
  164.  
  165. #s-m-t-tooltip {
  166. max-width:600px;
  167. padding:5px;
  168. margin:-40px 0px 0px -20px;
  169. height:12px;
  170. line-height:12px;
  171. background:{color:Blogtitle};/* change the background color */
  172. font-family:calibri; /* change the font */
  173. font-size:9px; /* change the font size */
  174. letter-spacing:1px; /* change the letter spacing */
  175. text-transform:uppercase; /* can be uppercase, lowercase, none*/
  176. color:#fff; /* change the text color */
  177. border:2px solid #fff;
  178. z-index:99999999999999999999999999999999;
  179. border-radius:10px;
  180. }
  181.  
  182. /*POPUPS*/
  183. #fade{ /*--Transparent background layer--*/
  184. display: none; /*--hidden by default--*/
  185. background-image: url(http://25.media.tumblr.com/tumblr_mb1ci5hKbh1rt23hno1_400.gif);
  186. position: fixed; left: 0; top: 0;
  187. width: 100%; height: 100%;
  188. opacity: 0.6;
  189. z-index: 9999;
  190. }
  191.  
  192. .popup_block{
  193. display: none; /*--hidden by default--*/
  194. background: #fff;
  195. padding: 15px;
  196. padding-bottom: 5px;
  197. border-top: 8px solid {color:Blogtitle};
  198. border-right: 4px solid {color:Blogtitle};
  199. border-bottom: 8px solid {color:Blogtitle};
  200. border-left: 4px solid {color:Blogtitle};
  201. overflow: show;
  202. float: left;
  203. text-transform:normal;
  204. font-family:calibri;
  205. font-size: 11px;
  206. line-height:14px;
  207. opacity:1;
  208. position: fixed;
  209. top: 55%; left: 50%;
  210. z-index: 9999999999999999999999;
  211. color: #c0c0c0;
  212. /*--CSS3 Box Shadows--*/
  213. box-shadow:0px 0px 100px #e5edf3;
  214. /*--Popups Animations--*/
  215. -webkit-animation:tada 2s;
  216. -moz-animation:tada 2s;
  217. -ms-animation:tada 2s;
  218. }
  219.  
  220. .popup_block:hover{
  221. border-top: 4px solid {color:Blogtitle};
  222. border-right: 8px solid {color:Blogtitle};
  223. border-bottom: 4px solid {color:Blogtitle};
  224. border-left: 8px solid {color:Blogtitle};
  225. box-shadow:0px 0px 100px {color:Blogtitle};
  226. -webkit-transition: all 0.5s ease-in-out;
  227. -moz-transition: all 0.5s ease-in-out;
  228. transition: all 0.5s ease-in-out;}
  229.  
  230. img.btn_close {
  231. float: right;
  232. margin-top: 5px;
  233. margin-right: 3px;
  234. }
  235.  
  236. /*--Making IE6 Understand Fixed Positioning--*/
  237. *html #fade {
  238. position: absolute;
  239. }
  240. *html .popup_block {
  241. position: absolute;
  242. }
  243. /*POPUPS*/
  244.  
  245. /*TUMBLR CONTROLS BELOW, DON'T REMOVE THIS CAUSE IF YOU'LL REMOVE IT'LL DISAPPEAR*/
  246. iframe#tumblr_controls{
  247. right:2px !important;
  248. position: fixed !important;
  249. -webkit-transition: opacity 0.7s linear;
  250. opacity: 0.6;
  251. -webkit-filter:invert(100%);
  252. -webkit-transition: all 0.8s ease-out;
  253. -moz-transition: all 0.8s ease-out;
  254. transition: all 0.8s ease-out;
  255. }
  256.  
  257. iframe#tumblr_controls:hover{
  258. -webkit-transition: opacity 0.7s linear;
  259. opacity: 0.8;
  260. -webkit-transition: all 0.4s ease-out;
  261. -moz-transition: all 0.4s ease-out;
  262. transition: all 0.4s ease-out;
  263. }
  264. /**********/
  265.  
  266. ::-webkit-scrollbar-thumb{ background-color:{color:Blogtitle}; border:2px solid #fff; height:auto; border-radius:0px;}
  267.  
  268. ::-webkit-scrollbar{
  269. width: 10px;
  270. height: 4px;
  271. background: transparent;
  272. }
  273.  
  274. ::selection {
  275. background:{color:Blogtitle};
  276. color: #fff;
  277. }
  278.  
  279. ::-moz-selection {
  280. background:{color:Blogtitle};
  281. color: #fff;
  282. }
  283.  
  284. body {
  285. padding:0px;
  286. margin:0px;
  287. color:{color:Text};
  288. font-family:calibri;
  289. font-size:11px;
  290. text-transform:normal;
  291. line-height:12px;
  292. background-color:{color:Background};
  293. background-image:url({image:Background});
  294. background-attachment:fixed;
  295. background-repeat:repeat;
  296. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;}
  297.  
  298. a:link, a:active, a:visited{
  299. text-decoration: none;
  300. -webkit-transition: all 0.6s ease-out;
  301. -moz-transition: all 0.6s ease-out;
  302. -o-transition: all 0.6s ease-out;
  303. transition: all 0.6s ease-out;
  304. color:{color:Blogtitle};
  305. cursor: url(http://i.imgur.com/2qleX.jpg), auto;
  306.  
  307. }
  308.  
  309. a:hover{
  310. text-decoration:underline;
  311. -webkit-transition: all 0.6s ease-out;
  312. -moz-transition: all 0.6s ease-out;
  313. -o-transition: all 0.6s ease-out;
  314. transition: all 0.6s ease-out;
  315. cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;
  316. }
  317.  
  318. b, strong{
  319. font-style:bold;
  320. }
  321.  
  322. #audio {
  323. width:200px;
  324. height:auto;
  325. padding-bottom:0px;
  326. }
  327.  
  328. .cover {
  329. position:absolute;
  330. z-index:100;
  331. width:60px;
  332. height:60px;
  333. margin-top:22px;
  334. border:2px solid {color:Blogtitle};
  335. border-radius:100%;
  336. box-shadow: 1px 1px 10px #dedede;
  337. -moz-transform: rotate(-360deg);
  338. -webkit-transform: rotate(-360deg);
  339. -o-transform: rotate(-360deg);
  340. -webkit-transition: all 0.8s ease-out;
  341. -moz-transition: all 0.8s ease-out;
  342. transition: all 0.8s ease-out;
  343. }
  344.  
  345. .cover img {
  346. float:left;
  347. width:50px;
  348. height:50px;
  349. border-radius:100%;
  350. padding:5px;
  351. background:#fff;
  352. }
  353.  
  354. #entry:hover .cover img {
  355. background:{color:Blogtitle};
  356. }
  357.  
  358. #entry:hover .cover {
  359. box-shadow: 1px 1px 10px {color:Blogtitle};
  360. border:2px solid #fff;
  361. -moz-transform: rotate(360deg);
  362. -webkit-transform: rotate(360deg);
  363. -o-transform: rotate(-60deg);
  364. -webkit-transition: all 0.8s ease-out;
  365. -moz-transition: all 0.8s ease-out;
  366. transition: all 0.8s ease-out;
  367. }
  368.  
  369. .playbox {
  370. opacity:0.6;
  371. width:27px;
  372. height:30px;
  373. overflow:hidden;
  374. position:absolute;
  375. z-index:1000;
  376. margin-left:19px;
  377. margin-top:40px;
  378. text-align:center;
  379. border-radius:100%;
  380. -moz-transform: rotate(-360deg);
  381. -webkit-transform: rotate(-360deg);
  382. -o-transform: rotate(-360deg);
  383. -webkit-transition: all 0.8s ease-out;
  384. -moz-transition: all 0.8s ease-out;
  385. transition: all 0.8s ease-out;
  386. }
  387.  
  388. #entry:hover .playbox {
  389. -moz-transform: rotate(360deg);
  390. -webkit-transform: rotate(360deg);
  391. -o-transform: rotate(360deg);
  392. -webkit-transition: all 0.8s ease-out;
  393. -moz-transition: all 0.8s ease-out;
  394. transition: all 0.8s ease-out;
  395. }
  396.  
  397. .info {
  398. width:127px;
  399. margin-left:78px;
  400. margin-top:4px;
  401. line-height:14px;
  402. text-align:center;
  403. text-transform:uppercase;
  404. font-size:10px;
  405. padding:10px;
  406. color:#fff;
  407. background:{color:Blogtitle};
  408. border:2px solid {color:Blogtitle};
  409. outline:2px solid #fff;
  410. outline-offset:-10px;
  411. }
  412.  
  413. #entry:hover .info{
  414. border:2px solid {color:Blogtitle};
  415. background:#fff;
  416. color:{color:Blogtitle};
  417. outline:0px transparent;
  418. outline-offset:10px;
  419. border-radius:40px;
  420. -webkit-transition: all 0.5s ease-in-out;
  421. -moz-transition: all 0.5s ease-in-out;
  422. -o-transition: all 0.5s ease-in-out;
  423. }
  424.  
  425. #cunt{width:250px; height:auto;}
  426. {block:PermalinkPage}
  427. width:10px;
  428. {/block:PermalinkPage}
  429. }
  430.  
  431. #center{
  432. padding-top:3px;
  433. padding-bottom:3px;
  434. position:fixed !important;
  435. width:250px;
  436. height:207px;
  437. background-color:#fff;
  438. {block:PermalinkPage}
  439. width:410px;
  440. height:207px;
  441. {/block:PermalinkPage}
  442. }
  443.  
  444. #posts{
  445. position:fixed;
  446. float:center;
  447. {block:indexpage}
  448. width:800px;
  449. {/block:indexpage}
  450. {block:permalinkpage}
  451. width:800px;
  452. {/block:permalinkpage}
  453. margin-left:470px;
  454. margin-top:60px;
  455. z-index:9;
  456. }
  457.  
  458. #entry img{
  459. {block:indexpage}
  460. background:#fff;
  461. max-width:230px;
  462. -webkit-transition:all 0.7s ease-out;
  463. -moz-transition:all 0.7s ease-out;
  464. transition:all 0.7s ease-out;
  465. {/block:indexpage}
  466. }
  467.  
  468. #entry{
  469. position:fixed;
  470. z-index:9;
  471. margin:10px;
  472. float:left;
  473. background:#fff;
  474. width:230px;
  475. padding:20px;
  476. outline:1px solid #eee;
  477. box-shadow: 0 0 3px rgba(0,0,0,.05);
  478. {block:PermalinkPage}
  479. z-index:100;
  480. width:450px;
  481. margin-left:0px;
  482. margin-top:10px;
  483. {/block:PermalinkPage}
  484. transition:all 0.9s ease-out;
  485. -o-transition-transition:all 0.5s ease-out;
  486. -webkit-transition:all 0.5s ease-out;
  487. -moz-transition:all 0.5s ease-out;
  488. }
  489.  
  490. #entry:hover{
  491. -moz-box-shadow: 0 0 6px 6px {color:Blogtitle};
  492. -webkit-box-shadow: 0 0 6px 6px {color:Blogtitle};
  493. box-shadow: 0 0 6px 6px {color:Blogtitle};
  494. transition:all 0.9s ease-out;
  495. -o-transition-transition:all 0.5s ease-out;
  496. -webkit-transition:all 0.5s ease-out;
  497. -moz-transition:all 0.5s ease-out;
  498. }
  499.  
  500. #entry .perma{
  501. position:absolute;
  502. border-top:3px solid {color:Blogtitle};
  503. border-bottom:3px solid {color:Blogtitle};
  504. background:white;
  505. line-height:14px;
  506. width:100px;
  507. height:auto;
  508. padding:5px;
  509. bottom:20px;
  510. right:20px;
  511. font-family:calibri;
  512. text-transform:uppercase;
  513. font-size:9px;
  514. text-align:center;
  515. display:inline-block;
  516. opacity:0;
  517. z-index:100;
  518. -webkit-filter:blur(5px);
  519. -webkit-transition: all 0.5s linear;
  520. -webkit-transition: all 0.5s linear;
  521. -moz-transition: all 0.5s linear;
  522. transition: all 0.5s linear;
  523. }
  524.  
  525. #entry:hover .perma{
  526. overflow:visible;
  527. opacity:1;
  528. width:220px;
  529. bottom:20px;
  530. -webkit-filter:blur(0px);
  531. -webkit-transition:all 0.5s linear;
  532. -webkit-transition:all 0.5s linear;
  533. -moz-transition:all 0.5s linear;
  534. transition:all 0.5s linear;
  535. }
  536.  
  537. .perma a{
  538. color:{color:Blogtitle};
  539. }
  540.  
  541. .perma a:hover{
  542. background:{color:Blogtitle};
  543. color:#fff;
  544. padding:2;
  545. }
  546.  
  547. .ReblogButton{
  548. position:absolute;
  549. z-index:99999999999999;
  550. margin-top:0px;
  551. margin-left:10px;
  552. width:20px;
  553. height:20px;
  554. line-height:35px;
  555. color:white;
  556. text-align:center;
  557. background:{color:Links};
  558. border:2px solid #fff;
  559. padding:5px;
  560. font-size:10px
  561. overflow:hidden;
  562. display:inline-block;
  563. font-weight:bold;
  564. opacity:0;
  565. -webkit-filter:blur(5px);
  566. -webkit-transition: all 0.7s ease-in-out;
  567. -moz-transition: all 0.7s ease-in-out;
  568. transition: all 0.7s ease-in-out;
  569. -webkit-transition: opacity 0.7s linear; opacity:0;
  570. -webkit-transition: all 0.7s linear;
  571. -moz-transition: all 0.7s linear;
  572. transition: all 0.7s linear;
  573. }
  574.  
  575. #entry:hover .ReblogButton{
  576. -webkit-filter:blur(0px);
  577. opacity:1;
  578. margin-top:15px;
  579. -webkit-transition: all 0.7s ease-in-out;
  580. -moz-transition: all 0.7s ease-in-out;
  581. transition: all 0.7s ease-in-out;
  582. }
  583.  
  584. .LikeButton{
  585. position:absolute;
  586. z-index:99999999999999;
  587. margin-top:0px;
  588. margin-left:50px;
  589. width:20px;
  590. height:20px;
  591. line-height:35px;
  592. color:white;
  593. text-align:center;
  594. background:{color:Links};
  595. border:2px solid #fff;
  596. padding:5px;
  597. font-size:10px;
  598. overflow:hidden;
  599. display:inline-block;
  600. font-weight:bold;
  601. opacity:0;
  602. -webkit-filter:blur(5px);
  603. -webkit-transition: all 0.7s ease-in-out;
  604. -moz-transition: all 0.7s ease-in-out;
  605. transition: all 0.7s ease-in-out;
  606. -webkit-transition: opacity 0.7s linear; opacity:0;
  607. -webkit-transition: all 0.7s linear;
  608. -moz-transition: all 0.7s linear;
  609. transition: all 0.7s linear;
  610. }
  611.  
  612. #entry:hover .LikeButton{
  613. -webkit-filter:blur(0px);
  614. opacity:1;
  615. margin-top:15px;
  616. -webkit-transition: all 0.7s ease-in-out;
  617. -moz-transition: all 0.7s ease-in-out;
  618. transition: all 0.7s ease-in-out;
  619. }
  620.  
  621. .loganlerman{
  622. position:absolute;
  623. opacity:0;
  624. overflow:hidden;
  625. z-index:99;
  626. width:9px;
  627. height:0px;
  628. margin-top:0px;
  629. margin-left:20px;
  630. background:{color:Blogtitle};
  631. border-left:2px solid #fff;
  632. border-right:2px solid #fff;
  633. -webkit-filter:blur(5px);
  634. -webkit-transition: all .7s ease;
  635. -moz-transition: all .7s ease;
  636. -o-transition: all .7s ease;
  637. transition: all .7s ease;
  638. }
  639.  
  640. #entry:hover .loganlerman{
  641. opacity:1;
  642. height:70%;
  643. -webkit-filter:blur(0px);
  644. -webkit-transition: all .7s ease;
  645. -moz-transition: all .7s ease;
  646. -o-transition: all .7s ease;
  647. transition: all .7s ease;
  648. }
  649.  
  650. .loganlerman2{
  651. position:absolute;
  652. opacity:0;
  653. overflow:hidden;
  654. z-index:99;
  655. width:9px;
  656. height:0px;
  657. margin-top:0px;
  658. margin-left:60px;
  659. background:{color:Blogtitle};
  660. border-left:2px solid #fff;
  661. border-right:2px solid #fff;
  662. -webkit-filter:blur(5px);
  663. -webkit-transition: all .7s ease;
  664. -moz-transition: all .7s ease;
  665. -o-transition: all .7s ease;
  666. transition: all .7s ease;
  667. }
  668.  
  669. #entry:hover .loganlerman2{
  670. opacity:1;
  671. height:70%;
  672. -webkit-filter:blur(0px);
  673. -webkit-transition: all .7s ease;
  674. -moz-transition: all .7s ease;
  675. -o-transition: all .7s ease;
  676. transition: all .7s ease;
  677. }
  678.  
  679.  
  680. .aboutpost{
  681. color:#fff;
  682. line-height:12px;
  683. text-align: center;
  684. margin: 10px;
  685. font-family:calibri;
  686. font-size:10px;
  687. text-transform:uppercase;
  688. padding:10px;
  689. background:{color:Blogtitle};
  690. margin-left:-20px;
  691. margin-right:-20px;
  692. outline:1px solid #fff;
  693. outline-offset:-7px;
  694. }
  695.  
  696. .aboutpost a{
  697. color:#fff;
  698. }
  699.  
  700. .aboutpost a:hover{
  701. text-decoration:underline;
  702. }
  703.  
  704. #blogtitle{
  705. position:fixed;
  706. display:block;
  707. margin-top:-80px;
  708. margin-left:-50px;
  709. height:58px;
  710. width:362px;
  711. font-size:70px;
  712. line-height:85px;
  713. font-family:simply;
  714. color:#fff;
  715. opacity:1;
  716. text-align:center;
  717. text-transform:normal;
  718. letter-spacing:0px;
  719. padding:6px;
  720. text-shadow: -2px 0 {color:Blogtitle}, 0 1px {color:Blogtitle}, 1px 0 {color:Blogtitle}, 0 -2px {color:Blogtitle};
  721. -webkit-transition: all .7s ease;
  722. -moz-transition: all .7s ease;
  723. -o-transition: all .7s ease;
  724. transition: all .7s ease;
  725. }
  726.  
  727. #sidebar:hover #blogtitle{
  728. opacity:0;
  729. }
  730.  
  731. #blogtitle2{
  732. position:fixed;
  733. display:block;
  734. margin-top:-75px;
  735. left:-110px;
  736. height:58px;
  737. width:288px;
  738. font-size:25px;
  739. line-height:55px;
  740. font-family:caviardreams;
  741. color:{color:Blogtitle};
  742. opacity:0;
  743. text-align:left;
  744. text-transform:uppercase;
  745. letter-spacing:0px;
  746. -webkit-transition: all .7s ease;
  747. -moz-transition: all .7s ease;
  748. -o-transition: all .7s ease;
  749. transition: all .7s ease;
  750. }
  751.  
  752. #sidebar:hover #blogtitle2{
  753. opacity:1;
  754. left:55px;
  755. -webkit-transition: all .7s ease;
  756. -moz-transition: all .7s ease;
  757. -o-transition: all .7s ease;
  758. transition: all .7s ease;
  759. }
  760.  
  761. #blogtitle3{
  762. position:fixed;
  763. display:block;
  764. margin-top:-55px;
  765. margin-left:200px;
  766. height:auto;
  767. width:330px;
  768. text-align:left;
  769. font-size:42px;
  770. line-height:50px;
  771. font-family:simply;
  772. color:#fff;
  773. opacity:0;
  774. text-transform:lowercase;
  775. letter-spacing:0px;
  776. text-shadow: -2px 0 {color:Blogtitle}, 0 1px {color:Blogtitle}, 1px 0 {color:Blogtitle}, 0 -2px {color:Blogtitle};
  777. -webkit-transition: all .7s ease;
  778. -moz-transition: all .7s ease;
  779. -o-transition: all .7s ease;
  780. transition: all .7s ease;
  781. }
  782.  
  783. #sidebar:hover #blogtitle3{
  784. opacity:1;
  785. margin-left:85px;
  786. -webkit-transition: all .7s ease;
  787. -moz-transition: all .7s ease;
  788. -o-transition: all .7s ease;
  789. transition: all .7s ease;
  790. }
  791.  
  792. #sidebar{
  793. position:fixed !important;
  794. width:278px;
  795. height:300px;
  796. margin-top:35px;
  797. margin-left:80px;
  798. background:white;
  799. text-align:center;
  800. border:4px solid #fff;
  801. background-color:{color:Blogtitle};
  802. padding:10px;
  803. box-shadow: 1px 1px 20px #dedede;
  804. -webkit-transition: all .7s ease;
  805. -moz-transition: all .7s ease;
  806. -o-transition: all .7s ease;
  807. transition: all .7s ease;
  808. }
  809.  
  810. #sidebarpic{
  811. position:fixed !important;
  812. width:240px;
  813. height:278px;
  814. margin-top:0px;
  815. margin-left:8px;
  816. padding:10px;
  817. border:2px dashed #fff;
  818. }
  819.  
  820. #sidebarpic img{
  821. width:240px;
  822. height:280px;
  823. margin-top:-10px;
  824. margin-left:-10px;
  825. opacity:1;
  826. padding:10px;
  827. -webkit-transition: all .7s ease;
  828. -moz-transition: all .7s ease;
  829. -o-transition: all .7s ease;
  830. transition: all .7s ease;
  831. }
  832.  
  833. #description{
  834. position:fixed !important;
  835. width:280px;
  836. height:258px;
  837. margin-top:340px;
  838. margin-left:-12px;
  839. padding:10px;
  840. background:{color:Blogtitle};
  841. outline:2px solid #fff;
  842. outline-offset:-10px;
  843. border:4px solid #fff;
  844. overflow:auto;
  845. opacity:0;
  846. color:#fff;
  847. z-index:100;
  848. box-shadow: 1px 1px 20px #dedede;
  849. -webkit-transform: perspective(800) rotateX(180deg);
  850. -webkit-transform-origin: 0% 0%;
  851. -moz-transform: perspective(800) rotateX(180deg);
  852. -moz-transform-origin: 0% 0%;
  853. transition: all 1s ease-out;
  854. -o-transition-transition: all 1s ease-out;
  855. -webkit-transition: all 1s ease-out;
  856. }
  857.  
  858. #description a{
  859. color:#fff;
  860. text-decoration: none;
  861. text-shadow:10px 0px transparent, -10px 0px transparent;
  862. }
  863.  
  864. #description a:hover{
  865. color:#fff;
  866. text-decoration: none;
  867. text-shadow:0px 0px {color:Blogtitle}, 0px 0px {color:Blogtitle};
  868. }
  869.  
  870. #sidebar:hover #description{
  871. opacity:1;
  872. margin-top:330px;
  873. height:80px;
  874. transform: perspective(800) rotateX(0deg);
  875. -o-transform: perspective(800) rotateX(0deg);
  876. -webkit-transform: perspective(800) rotateX(0deg);
  877. }
  878.  
  879. .line{
  880. position:fixed;
  881. z-index:1;
  882. opacity:1;
  883. margin-left:1110px;
  884. top:10px;
  885. background:#424242;
  886. height:450px;
  887. width:2px;
  888. -webkit-transition: all .7s ease;
  889. -moz-transition: all .7s ease;
  890. -o-transition: all .7s ease;
  891. transition: all .7s ease;
  892. }
  893.  
  894. .line2{
  895. position:fixed;
  896. z-index:1;
  897. opacity:1;
  898. margin-left:1170px;
  899. top:10px;
  900. background:#424242;
  901. height:350px;
  902. width:2px;
  903. -webkit-transition: all .7s ease;
  904. -moz-transition: all .7s ease;
  905. -o-transition: all .7s ease;
  906. transition: all .7s ease;
  907. }
  908.  
  909. .line3{
  910. position:fixed;
  911. z-index:1;
  912. opacity:1;
  913. margin-left:1230px;
  914. top:10px;
  915. background:#424242;
  916. height:500px;
  917. width:2px;
  918. -webkit-transition: all .7s ease;
  919. -moz-transition: all .7s ease;
  920. -o-transition: all .7s ease;
  921. transition: all .7s ease;
  922. }
  923.  
  924. #flowerimg{
  925. position:fixed !important;
  926. opacity: 1;
  927. z-index:100;
  928. padding:2px;
  929. margin-top: 551px;
  930. margin-left:1163px;
  931. font-size: 8px;
  932. -webkit-transform: perspective(800) rotateX(180deg);
  933. -webkit-transform-origin: 0% 0%;
  934. -moz-transform: perspective(800) rotateX(180deg);
  935. -moz-transform-origin: 0% 0%;
  936. }
  937.  
  938. #flowerimg2{
  939. position:fixed !important;
  940. opacity: 1;
  941. z-index:100;
  942. padding:2px;
  943. margin-top: 392px;
  944. margin-left:1124px;
  945. font-size: 8px;
  946. -webkit-transform: perspective(800) rotateX(180deg);
  947. -webkit-transform-origin: 0% 0%;
  948. -moz-transform: perspective(800) rotateX(180deg);
  949. -moz-transform-origin: 0% 0%;
  950. }
  951.  
  952. #flowerimg3{
  953. position:fixed !important;
  954. opacity: 1;
  955. z-index:100;
  956. padding:2px;
  957. margin-top: 490px;
  958. margin-left:1064px;
  959. font-size: 8px;
  960. -webkit-transform: perspective(800) rotateX(180deg);
  961. -webkit-transform-origin: 0% 0%;
  962. -moz-transform: perspective(800) rotateX(180deg);
  963. -moz-transform-origin: 0% 0%;
  964. }
  965.  
  966. #lacebanner{
  967. position:fixed; !important;
  968. opacity:1;
  969. z-index:100;
  970. background-image:url('http://static.tumblr.com/3yblkz0/S8omdno3x/jaja.png');
  971. repeat:repeat-x;
  972. top: 15px;
  973. left:0px;
  974. width:100%;
  975. height:18px;
  976. position: fixed;
  977. -o-transition-transition: all 1s ease-out;
  978. -webkit-transition: all 1s ease-out;
  979. -moz-transition: all 1s ease-out;
  980. transition: all 1s ease-out;
  981. }
  982.  
  983. #quotebar{
  984. position:fixed; !important;
  985. background:#fff;
  986. height:15px;
  987. width:100%;
  988. left:0px;
  989. top:0px;
  990. line-height:21px;
  991. text-transform:uppercase;
  992. text-align:center;
  993. font-family:calibri;
  994. color:{color:Text};
  995. font-size:11px;
  996. letter-spacing:3px;
  997. z-index:100;
  998. opacity:1;
  999. }
  1000.  
  1001. #link1{
  1002. position:fixed !important;
  1003. width:35px;
  1004. height:35px;
  1005. background:white;
  1006. opacity:1;
  1007. margin-top:330px;
  1008. margin-left:12px;
  1009. font-family:calibri;
  1010. font-size:20px;
  1011. text-align:center;
  1012. text-transform:uppercase;
  1013. line-height:38px;
  1014. border:2px solid {color:Links};
  1015. border-left:5px solid {color:Links};
  1016. box-shadow: 0px 3px 9px rgba(0,0,0,.1);
  1017. z-index:9999999;
  1018. -webkit-transition: all .7s ease;
  1019. -moz-transition: all .7s ease;
  1020. -o-transition: all .7s ease;
  1021. transition: all .7s ease;
  1022. }
  1023.  
  1024. #link1 a:hover{
  1025. color:#fff;
  1026. }
  1027.  
  1028. #sidebar:hover #link1{
  1029. margin-top:450px;
  1030. -webkit-transition: all 0.7s ease;
  1031. -moz-transition: all 0.7s ease;
  1032. -o-transition: all 0.7s ease;
  1033. transition: all 0.7s ease;
  1034. }
  1035.  
  1036. #link1:hover{
  1037. border:2px solid #fff;
  1038. border-right:5px solid #fff;
  1039. background:{color:Links};
  1040. color:#fff;
  1041. }
  1042.  
  1043. #link2{
  1044. position:fixed !important;
  1045. width:35px;
  1046. height:35px;
  1047. background:{color:Links};
  1048. opacity:1;
  1049. margin-top:330px;
  1050. margin-left:85px;
  1051. font-family:calibri;
  1052. font-size:20px;
  1053. text-transform:uppercase;
  1054. line-height:38px;
  1055. border:2px solid #fff;
  1056. border-right:5px solid #fff;
  1057. color:#fff;
  1058. box-shadow: 0px 3px 9px rgba(0,0,0,.1);
  1059. z-index:9999999;
  1060. -webkit-transition: all .7s ease;
  1061. -moz-transition: all .7s ease;
  1062. -o-transition: all .7s ease;
  1063. transition: all .7s ease;
  1064. }
  1065.  
  1066. #link2 a{
  1067. color:#fff;
  1068. }
  1069.  
  1070. #link2 a:hover{
  1071. color:{color:Links};
  1072. }
  1073.  
  1074. #sidebar:hover #link2{
  1075. margin-top:450px;
  1076. -webkit-transition: all 0.5s ease;
  1077. -moz-transition: all 0.5s ease;
  1078. -o-transition: all 0.5s ease;
  1079. transition: all 0.5s ease;
  1080. }
  1081.  
  1082. #link2:hover{
  1083. border:2px solid {color:Links};
  1084. border-left:5px solid {color:Links};
  1085. background:#fff;
  1086. color:{color:Links};
  1087. }
  1088.  
  1089. #link3{
  1090. position:fixed !important;
  1091. width:35px;
  1092. height:35px;
  1093. background:white;
  1094. opacity:1;
  1095. margin-top:330px;
  1096. margin-left:152px;
  1097. font-family:calibri;
  1098. font-size:20px;
  1099. text-transform:uppercase;
  1100. line-height:38px;
  1101. border:2px solid {color:Links};
  1102. border-left:5px solid {color:Links};
  1103. box-shadow: 0px 3px 9px rgba(0,0,0,.1);
  1104. z-index:9999999;
  1105. -webkit-transition: all .7s ease;
  1106. -moz-transition: all .7s ease;
  1107. -o-transition: all .7s ease;
  1108. transition: all .7s ease;
  1109. }
  1110.  
  1111. #link3 a:hover{
  1112. color:#fff;
  1113. }
  1114.  
  1115. #sidebar:hover #link3{
  1116. margin-top:450px;
  1117. -webkit-transition: all 0.3s ease;
  1118. -moz-transition: all 0.3s ease;
  1119. -o-transition: all 0.3s ease;
  1120. transition: all 0.3s ease;
  1121. }
  1122.  
  1123. #link3:hover{
  1124. border:2px solid #fff;
  1125. border-right:5px solid #fff;
  1126. background:{color:Links};
  1127. color:#fff;
  1128. }
  1129.  
  1130. #link4{
  1131. position:fixed !important;
  1132. width:35px;
  1133. height:35px;
  1134. background:{color:Links};
  1135. opacity:1;
  1136. margin-top:330px;
  1137. margin-left:223px;
  1138. font-family:calibri;
  1139. font-size:20px;
  1140. text-transform:uppercase;
  1141. line-height:38px;
  1142. border:2px solid #fff;
  1143. border-right:5px solid #fff;
  1144. color:#fff;
  1145. box-shadow: 0px 3px 9px rgba(0,0,0,.1);
  1146. z-index:9999999;
  1147. -webkit-transition: all .7s ease;
  1148. -moz-transition: all .7s ease;
  1149. -o-transition: all .7s ease;
  1150. transition: all .7s ease;
  1151. }
  1152.  
  1153. #link4 a{
  1154. color:#fff;
  1155. }
  1156.  
  1157. #link4 a:hover{
  1158. color:{color:Links};
  1159. }
  1160.  
  1161. #sidebar:hover #link4{
  1162. margin-top:450px;
  1163. -webkit-transition: all 0.1s ease;
  1164. -moz-transition: all 0.1s ease;
  1165. -o-transition: all 0.1s ease;
  1166. transition: all 0.1s ease;
  1167. }
  1168.  
  1169. #link4:hover{
  1170. border:2px solid {color:Links};
  1171. border-left:5px solid {color:Links};
  1172. background:#fff;
  1173. color:{color:Links};
  1174. }
  1175.  
  1176. .sweet{
  1177. margin: 0px 0px 0px 0px;
  1178. font-size: 9px;
  1179. font-family:calibri;
  1180. text-transform:uppercase;
  1181. letter-spacing:1px;
  1182. color:#fff;
  1183. }
  1184.  
  1185. .sweet .sweet2{
  1186. margin-left: 0px;
  1187. }
  1188. .sweet .sweet2 .sweet3{
  1189. background:{color:Blogtitle};
  1190. padding: 5px;
  1191. text-align:center;
  1192. overflow:auto;
  1193. font-family:calibri;
  1194. line-height: 16px;
  1195. border-radius:20px;
  1196. margin-bottom: 4px;
  1197. opacity:0.7;
  1198. transition:all 0.5s ease-in-out;
  1199. }
  1200.  
  1201. .sweet .sweet2 .sweet3.even{
  1202. background:{color:Blogtitle};
  1203. border-radius:20px;
  1204. opacity:1;
  1205. transition:all 0.5s ease-in-out;
  1206. }
  1207.  
  1208. .sweet2 a{
  1209. color: #fff;
  1210. }
  1211.  
  1212. .sweet2 a:hover{
  1213. text-decoration:underline;
  1214. }
  1215.  
  1216. .sweet3 a{
  1217. color:#fff;
  1218. }
  1219.  
  1220. .sweet3 a:hover{
  1221. text-decoration:underline;
  1222. }
  1223.  
  1224. .thing{
  1225. overflow-y:scroll;
  1226. height:250px;
  1227. margin-right:5px;
  1228. margin-top:10px;
  1229. }
  1230.  
  1231. .triangle{
  1232. position:absolute;
  1233. margin-left:149px;
  1234. width: 0px;
  1235. height: 0px;
  1236. margin-top:44px;
  1237. border-top: 10px solid transparent;
  1238. border-bottom: 10px solid transparent;
  1239. border-left: 10px solid {color:Blogtitle};
  1240. {block:PermalinkPage}
  1241. position:absolute;
  1242. margin-left:354px;
  1243. {/block:PermalinkPage}
  1244. }
  1245.  
  1246. .gongyoo{
  1247. letter-spacing:0px;
  1248. font-family:simply;
  1249. font-size:38px;
  1250. text-transform:normal;
  1251. color:{color:Blogtitle};
  1252. margin-top:-60px;
  1253. background:;
  1254. text-shadow:-2px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -2px #fff;
  1255. -webkit-transition: all .7s ease;
  1256. -moz-transition: all .7s ease;
  1257. -o-transition: all .7s ease;
  1258. transition: all .7s ease;
  1259. }
  1260.  
  1261. .gongyoo:first-letter{
  1262. font-family:simply;
  1263. font-size: 40px;
  1264. text-transform: uppercase;
  1265. }
  1266.  
  1267. .asker img{
  1268. opacity:1;
  1269. margin-top:15px;
  1270. margin-left:5px;
  1271. border:3px solid #fff;
  1272. padding:5px;
  1273. border-radius:100%;
  1274. box-shadow: 1px 1px 10px {color:Blogtitle};
  1275. -webkit-transition: all 0.8s ease-out;
  1276. -moz-transition: all 0.8s ease-out;
  1277. transition: all 0.8s ease-out;
  1278. }
  1279.  
  1280. namesignature{
  1281. font-family: 'caviardreams';
  1282. font-size:25px;
  1283. color:{color:Blogtitle};
  1284. text-align:right;
  1285. text-transform:uppercase lowercase;
  1286. }
  1287.  
  1288. namesignature2{
  1289. font-family: 'simply';
  1290. font-size:25px;
  1291. color:{color:Blogtitle};
  1292. text-align:right;
  1293. text-transform:uppercase lowercase;
  1294. }
  1295.  
  1296. .namesignature3{
  1297. margin-top:5px;
  1298. font-family:simply;
  1299. text-transform:normal;
  1300. color:#fff;
  1301. font-size:25px;
  1302. }
  1303.  
  1304. #askerurl{
  1305. display:inline-block;
  1306. width:auto;
  1307. font-size:10px;
  1308. letter-spacing:0px;
  1309. text-transform:uppercase;
  1310. font-family:calibri;
  1311. margin-top:0px;
  1312. margin-left:0px;
  1313. color:#fff;
  1314. background:{color:Blogtitle};
  1315. padding:2px;
  1316. border:1px solid #fff;
  1317. text-align:center;
  1318. }
  1319.  
  1320. #askerurl a{
  1321. color:#fff;
  1322. }
  1323.  
  1324. #entry:hover #askerurl a{
  1325. color:{color:Blogtitle};
  1326. }
  1327.  
  1328. #entry:hover #askerurl{
  1329. color:{color:Blogtitle};
  1330. border:1px solid {color:Blogtitle};
  1331. background:#fff;
  1332. }
  1333.  
  1334. #f-ashionabelle{
  1335. position:fixed;
  1336. z-index:100;
  1337. font-family:caviardreams;
  1338. font-size:10px;
  1339. bottom:10px;
  1340. right:10px;
  1341. padding:10px;
  1342. width:auto;
  1343. height:6px;
  1344. text-transform:uppercase;
  1345. color:#fff;
  1346. background:{color:Blogtitle};
  1347. border:3px solid #fff;
  1348. box-shadow: 1px 1px 20px #dedede;
  1349. font-style:bold;
  1350. }
  1351.  
  1352. #f-ashionabelle:first-letter{
  1353. font-family:edwardian;
  1354. font-size:20px;
  1355. padding-right:2px;
  1356. }
  1357.  
  1358. #f-ashionabelle:hover{
  1359. opacity: 0;
  1360. -o-transition-transition: all 0.9s ease;
  1361. -webkit-transition: all 0.9s ease;
  1362. -moz-transition: all 0.9s ease;
  1363. transition: all 0.9s ease;
  1364. }
  1365.  
  1366. #f-ashionabelle2{
  1367. position:fixed;
  1368. z-index:100;
  1369. font-family:caviardreams;
  1370. font-size:10px;
  1371. bottom:10px;
  1372. right:10px;
  1373. padding:10px;
  1374. width:auto;
  1375. height:6px;
  1376. text-transform:uppercase;
  1377. color:{color:Blogtitle};
  1378. background:#fff;
  1379. border:3px solid {color:Blogtitle};
  1380. box-shadow: 1px 1px 20px #dedede;
  1381. font-style:bold;
  1382. opacity:0;
  1383. }
  1384.  
  1385. #f-ashionabelle2:first-letter{
  1386. font-family:edwardian;
  1387. font-size:20px;
  1388. padding-right:2px;
  1389. }
  1390.  
  1391. #f-ashionabelle2 a{
  1392. color:{color:Blogtitle};
  1393. }
  1394.  
  1395. #f-ashionabelle2 a:hover{
  1396. text-decoration:underline;
  1397. }
  1398.  
  1399. #f-ashionabelle2:hover{
  1400. opacity: 1;
  1401. -o-transition-transition: all 0.9s ease;
  1402. -webkit-transition: all 0.9s ease;
  1403. -moz-transition: all 0.9s ease;
  1404. transition: all 0.9s ease;
  1405. }
  1406.  
  1407.  
  1408. #postnotes{
  1409. font-family:calibri;
  1410. font-size:10px;
  1411. text-transform:uppercase;
  1412. text-align: left;
  1413. line-height:14px;
  1414. border-top: 6px solid {color:Blogtitle};
  1415. border-bottom: 6px solid {color:Blogtitle};
  1416. border-left: 4px solid {color:Blogtitle};
  1417. border-right: 4px solid {color:Blogtitle};
  1418. border-bottom-right-radius:30px;
  1419. border-top-left-radius:30px;
  1420. }
  1421.  
  1422. #postnotes blockquote{
  1423. border-left:3px solid {color:Blogtitle};
  1424. }
  1425.  
  1426. .permalinktext{
  1427. text-transform: uppercase;
  1428. display: block;
  1429. text-align: center;
  1430. text-decoration: none;
  1431. font-size: 9px;
  1432. font-family:calibri;
  1433. line-height:10px;
  1434. letter-spacing:1px;
  1435. margin: 2px;
  1436. margin-top:10px;
  1437. padding:10px;
  1438. margin-top:5px;
  1439. background:{color:Blogtitle};
  1440. color:white;
  1441. outline:2px solid #fff;
  1442. outline-offset:-8px;
  1443. margin-left:-20px;
  1444. margin-right:-20px;
  1445. {block:PermalinkPage}
  1446. display:none;
  1447. {/block:PermalinkPage}
  1448. }
  1449.  
  1450. #entry:hover .permalinktext{
  1451. outline:0px solid transparent;
  1452. outline-offset:8px;
  1453. transition:all 0.5s ease-in-out;
  1454. }
  1455.  
  1456. .permalinktext a{
  1457. color:white;
  1458. }
  1459.  
  1460. .permalinktext a:hover{
  1461. text-decoration:underline;
  1462. }
  1463.  
  1464. .title{
  1465. font-family:caviardreams;
  1466. font-size:20px;
  1467. line-height: 21px;
  1468. text-transform:none;
  1469. letter-spacing:1px;
  1470. text-transform:uppercase;
  1471. color:{color:Title};
  1472. }
  1473.  
  1474. .quote{
  1475. font-family:calibri;
  1476. font-size:11px;
  1477. background:{color:Blogtitle};
  1478. color: #fff;
  1479. padding:10px;
  1480. text-transform:normal;
  1481. line-height:16px;
  1482. text-align:center;
  1483. outline:2px solid #fff;
  1484. outline-offset:-8px;
  1485. }
  1486.  
  1487. #entry:hover .quote{
  1488. outline:2px solid transparent;
  1489. outline-offset:8px;
  1490. border-radius:20px;
  1491. transition:all 0.5s ease-in-out;
  1492. }
  1493.  
  1494. blockquote{
  1495. padding:5px 5px 5px 5px;
  1496. margin:5px 5px 5px 5px;
  1497. border-left: 3px solid {color:Blogtitle};
  1498. line-height:12px;
  1499. font-family:calibri;
  1500. text-transform:uppercase;
  1501. font-size:10px;
  1502. color: {color:Text};
  1503. overflow:auto;
  1504. background:#fff;
  1505. }
  1506.  
  1507. blockquote a:hover{
  1508. text-decoration:underline;
  1509. }
  1510.  
  1511. /*WEBKIT ANIMATIONS, DON'T REMOVE THIS!*/
  1512.  
  1513. @-webkit-keyframes fadeInDown {
  1514. 0% {
  1515. opacity: 0;
  1516. -webkit-transform: translateY(-20px);
  1517. }
  1518. 100% {
  1519. opacity: 1;
  1520. -webkit-transform: translateY(0);
  1521. }
  1522. }
  1523. @-moz-keyframes fadeInDown {
  1524. 0% {
  1525. opacity: 0;
  1526. -moz-transform: translateY(-20px);
  1527. }
  1528. 100% {
  1529. opacity: 1;
  1530. -moz-transform: translateY(0);
  1531. }
  1532. }
  1533. @-ms-keyframes fadeInDown {
  1534. 0% {
  1535. opacity: 0;
  1536. -ms-transform: translateY(-20px);
  1537. }
  1538. 100% {
  1539. opacity: 1;
  1540. -ms-transform: translateY(0);
  1541. }
  1542. }
  1543. @-o-keyframes fadeInDown {
  1544. 0% {
  1545. opacity: 0;
  1546. -ms-transform: translateY(-20px);
  1547. }
  1548. 100% {
  1549. opacity: 1;
  1550. -ms-transform: translateY(0);
  1551. }
  1552. }
  1553. @keyframes fadeInDown {
  1554. 0% {
  1555. opacity: 0;
  1556. transform: translateY(-20px);
  1557. }
  1558. 100% {
  1559. opacity: 1;
  1560. transform: translateY(0);
  1561. }
  1562. }
  1563. .fadeInDown {
  1564. -webkit-animation-name: fadeInDown;
  1565. -moz-animation-name: fadeInDown;
  1566. -ms-animation-name: fadeInDown;
  1567. -o-animation-name: fadeInDown;
  1568. animation-name: fadeInDown;
  1569. }
  1570.  
  1571. @-webkit-keyframes tada {
  1572. 0% {-webkit-transform: scale(1);}
  1573. 10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
  1574. 30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
  1575. 40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
  1576. 100% {-webkit-transform: scale(1) rotate(0);}
  1577. }
  1578.  
  1579. @-moz-keyframes tada {
  1580. 0% {-moz-transform: scale(1);}
  1581. 10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
  1582. 30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
  1583. 40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
  1584. 100% {-moz-transform: scale(1) rotate(0);}
  1585. }
  1586.  
  1587. @-o-keyframes tada {
  1588. 0% {-o-transform: scale(1);}
  1589. 10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
  1590. 30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
  1591. 40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
  1592. 100% {-o-transform: scale(1) rotate(0);}
  1593. }
  1594.  
  1595. @keyframes tada {
  1596. 0% {transform: scale(1);}
  1597. 10%, 20% {transform: scale(0.9) rotate(-3deg);}
  1598. 30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
  1599. 40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
  1600. 100% {transform: scale(1) rotate(0);}
  1601. }
  1602.  
  1603. .tada {
  1604. -webkit-animation-name: tada;
  1605. -moz-animation-name: tada;
  1606. -o-animation-name: tada;
  1607. animation-name: tada;
  1608. }
  1609.  
  1610. /*---------------------------------*/
  1611.  
  1612.  
  1613. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  1614. .user_7 .label, .user_8 .label, .user_9 .label {color:Title};}
  1615. </style>
  1616.  
  1617. <!---DON'T TOUCH OR REMOVE THIS ALSO, OKAY! PLEASE?--->
  1618. {block:IndexPage}
  1619. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  1620. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  1621.  
  1622. <script type="text/javascript">
  1623. $(window).load(function(){
  1624. var $wall = $('#posts');
  1625. $wall.imagesLoaded(function(){
  1626. $wall.masonry({
  1627. itemSelector: '#entry, #entry_photo',
  1628. isAnimated : false
  1629. });
  1630. });
  1631.  
  1632. $wall.infinitescroll({
  1633. navSelector : '#pagination',
  1634. nextSelector : '#pagination a',
  1635. itemSelector : '#entry, #entry_photo',
  1636. bufferPx : 2000,
  1637. debug : false,
  1638. errorCallback: function() {
  1639. $('#infscr-loading').fadeOut('normal');
  1640. }},
  1641. function( newElements ) {
  1642. var $newElems = $( newElements );
  1643. $newElems.hide();
  1644. $newElems.imagesLoaded(function(){
  1645. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  1646. });
  1647. }); $('#posts').show(500);
  1648. });
  1649. </script>
  1650. {/block:IndexPage}
  1651. <!---------------------------------------------------->
  1652.  
  1653. <title>{Title}</title>
  1654.  
  1655. <!---CHANGE THE URL TO THE FAVICON YOU WANT--->
  1656. <link rel="shortcut icon" href="https://31.media.tumblr.com/9222de5066216774274f24b959ef7ea5/tumblr_inline_mz64g1VQRP1r9ajsd.gif">
  1657. <!-------------------------------------------->
  1658.  
  1659. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  1660.  
  1661. <meta name="viewport" content="width=720" />
  1662.  
  1663. </head>
  1664.  
  1665. <body>
  1666. <div id="center"></div>
  1667. <div id="content"></div>
  1668.  
  1669. <div id="lacebanner"></div>
  1670. <div id="quotebar">{text:quotebar}</div>
  1671.  
  1672. <div class="line"></div>
  1673. <div class="line2"></div>
  1674. <div class="line3"></div>
  1675.  
  1676. <div id="flowerimg"><img src="{image:Flowerimg}"></div>
  1677. <div id="flowerimg2"><img src="{image:Flowerimg2}"></div>
  1678. <div id="flowerimg3"><img src="{image:Flowerimg3}"></div>
  1679.  
  1680. <div id="sidebar">
  1681. <div id="blogtitle">{text:Blogtitle}</div>
  1682. <div id="blogtitle2">{text:Blogtitle2}</div>
  1683. <div id="blogtitle3">{text:Blogtitle3}</div>
  1684. <div id="description"><div style="padding-top:10px;"><span class="namesignature3">{text:Name}</span>&nbsp{description}</div></div>
  1685. <div id="sidebarpic"><img src="{image:Sidebarpic}"></div>
  1686. <div id="link1"><a href="{text:Link 1}" title="{text:Link 1 hover title}">{text:Link 1 title}</a></div>
  1687. <div id="link2"><a href="#?w=450" rel="02" class="poplight" title="{text:Link 2 hover title}">{text:Link 2 title}</a></div>
  1688. <div id="link3"><a href="{text:Link3}" title="{text:Link 3 hover title}">{text:Link 3 title}</a></div>
  1689. <div id="link4"><a href="{text:Link 4}" title="{text:Link 4 hover title}">{text:Link 4 title}</a></div>
  1690. </div></div>
  1691.  
  1692. </div></div>
  1693.  
  1694. <!---PLEASE DON'T TOUCH OR REMOVE ANY OF THE CODING BELOW! OKAY?--->
  1695. <div id="posts">
  1696. {block:Posts}
  1697. <div id="entry">
  1698.  
  1699. {block:Text}
  1700. {block:Title}<span class="title">{Title}</span>{/block:Title}
  1701. <span class="entrytext">{Body}</span></a><br>
  1702. {block:IndexPage}
  1703. <div class="permalinktext">
  1704.  
  1705. With <a href="{permalink}">{notecountwithlabel}</a> | Posted {timeago}
  1706. </div>
  1707. {/block:IndexPage}
  1708. {/block:Text}
  1709.  
  1710. {block:Link}
  1711. <a href="{URL}" class="title">{Name}</a>
  1712. {block:Description}{Description}{/block:Description}<br>
  1713. {block:IndexPage}
  1714. <div class="permalinktext">
  1715.  
  1716. With <a href="{permalink}">{notecountwithlabel}</a> | {timeago}
  1717. </div>
  1718. {/block:IndexPage}
  1719. {block:Link}
  1720.  
  1721. {block:Photo}{block:IndexPage}
  1722.  
  1723. <div class="loganlerman"></div>
  1724. <div class="loganlerman2"></div>
  1725.  
  1726. <div class="LikeButton"><div style=" font-size:10px;">
  1727. {LikeButton size="20" color="white"}</a></div></div>
  1728.  
  1729. <div class="ReblogButton"><target="_blank"><div style=" font-size:10px;">{ReblogButton size="20" color="white"}</a></div></div>
  1730.  
  1731. <div class="perma">{block:Date}Posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek} <br>{Month} {DayOfMonth}, {Year}{/block:Date} {block:NoteCount}with <a href="{permalink}" title="permalink page"><i> {NoteCountWithLabel}</i></a>{/block:NoteCount}</div>
  1732.  
  1733. {/block:IndexPage}
  1734. {block:IndexPage}
  1735. <a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"
  1736. width=230px;></a>
  1737. {/block:IndexPage}
  1738. {block:permalinkpage}{LinkOpenTag}<center>
  1739. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=450px/>{LinkCloseTag}
  1740. </center>{/block:permalinkpage}
  1741. {/block:Photo}
  1742.  
  1743. {block:Quote}
  1744. <div class="quote">❝ {Quote} ❞</div><br>
  1745. {block:Source}(<b>Source:</b> <a href="{Permalink}">{Source}</a>)<br>{/block:Source}<br>
  1746. {block:IndexPage}
  1747. <div class="permalinktext">
  1748.  
  1749. With <a href="{permalink}">{notecountwithlabel}</a> | Posted {timeago}
  1750. </div>{/block:IndexPage}
  1751. {/block:IndexPage}
  1752. {/block:Quote}
  1753.  
  1754. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  1755. <div class="sweet">
  1756. <div class="sweet2">
  1757. {block:Lines}
  1758. <div class="sweet3 {Alt}">
  1759. {block:Label}
  1760. <span> {Label} </span>
  1761. {/block:Label}
  1762. {Line} </div>
  1763. {/block:Lines}
  1764. </div></div><br>
  1765. <div class="permalinktext">
  1766.  
  1767. With <a href="{permalink}" title="permalink page">{notecountwithlabel}</a> | Posted {timeago}
  1768. </div>{/block:IndexPage}
  1769. {/block:Chat}
  1770.  
  1771. {block:Audio}
  1772. <div id="audio"><div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info">Artist: <i><span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}</i><br>Title: <i><span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</i><br>Album: <i><span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}</i>{block:PlayCount}<br>Plays: <i>{FormattedPlayCount}{/block:PlayCount}</i></div></div>
  1773. {block:IndexPage}<br>
  1774. <div class="permalinktext">
  1775.  
  1776. With <a href="{permalink}">{notecountwithlabel}</a> | Posted {timeago}
  1777. </div>
  1778. {/block:IndexPage}
  1779. {/block:Audio}
  1780.  
  1781. {block:Video}
  1782. <center>
  1783. {block:IndexPage}
  1784. <div class="permalinktext">
  1785.  
  1786. With <a href="{permalink}">{notecountwithlabel}</a> | Posted {timeago}
  1787. </div>
  1788. <div style="width:200px; overflow-x:hidden;overflow-y:hidden;">{Video-250}</div>
  1789. {/block:IndexPage}
  1790. </center>
  1791. <center>{block:PermalinkPage}<div style="width: 450px; overflow-x:hidden;overflow-y:hidden;">{Video-500}{/block:PermalinkPage}</center>
  1792. {/block:Video}
  1793.  
  1794. {block:Answer}
  1795. <div class="triangle"></div>
  1796. <br>
  1797.  
  1798. <div class="asker"><img src="{AskerPortraitURL-40}" width="40" align="right" style="background:{color:Blogtitle};"/></div>
  1799.  
  1800. <div id="askerurl"><a href="{AskerURL}" target="_blank">{Asker} asked:</div>
  1801.  
  1802. <div style="border:2px solid {color:Blogtitle}; margin-top:10px; min-height:30px; width:135px; padding: 5px; background-color:#fff; height:auto; {block:PermalinkPage}width:340px{/block:PermalinkPage}">
  1803.  
  1804. <div style=" color:{color:Blogtitle}; font-size:11px; text-transform:normal;
  1805. font-family:calibri;
  1806. line-height:15px;
  1807. width:170px;
  1808. padding-top:7px;
  1809. text-align:left;
  1810. padding-left:0px;
  1811. padding-bottom:7px;
  1812. display:inline;
  1813. ">{Question}</div></div>
  1814.  
  1815. {Answer}<br><div style="text-align:right;"><namesignature>- love,</namesignature>&nbsp<namesignature2>{text:Name}</namesignature2></div><br>
  1816. <div class="permalinktext">
  1817.  
  1818. With <a href="{permalink}">{notecountwithlabel}</a> | Replied {timeago}
  1819. </div>
  1820. {/block:Answer}
  1821.  
  1822. {block:PostNotes}<div align="middle">{caption}</div>
  1823. <center>
  1824. <div class="aboutpost">
  1825. {block:Date}This was posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}<br>
  1826. {block:RebloggedFrom}Originally posted by: <i><a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a></i> <font color="#fff">|</font> Reblogged from: <i><a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a></i>{/block:RebloggedFrom}
  1827. </div>
  1828. </center></span>
  1829. <br>
  1830. <div id="postnotes"><div class="thing">{PostNotes}</div><br>
  1831. <center>{block:ContentSource}<div style="border-top: 2px solid {color:Blogtitle} ; text-align: center; margin: 10px;">
  1832. <br><div style="font-family:calibri; font-size:10px; text-transform:uppercase; letter-spacing:1px;"><a href="{SourceURL}"></div>
  1833. {lang:Source}:
  1834. {block:SourceLogo}
  1835. <img src="{BlackLogoURL}" width="{LogoWidth}"
  1836. height="{LogoHeight}" alt="{SourceTitle}" />
  1837. {/block:SourceLogo}
  1838. {block:NoSourceLogo}
  1839. {SourceLink}
  1840. {/block:NoSourceLogo}
  1841. </a>
  1842. {/block:ContentSource}</center>
  1843.  
  1844. {/block:PostNotes}
  1845. </div>
  1846. {/block:Posts}
  1847. </div></div>
  1848.  
  1849. {block:IndexPage}
  1850. {block:Pagination}
  1851. <div id="pagination">
  1852. {block:NextPage}
  1853. <a id="nextPage" href="{NextPage}"></a>
  1854. {/block:NextPage}
  1855. {block:PreviousPage}
  1856. <a href="{PreviousPage}"></a>
  1857. {/block:PreviousPage}
  1858. </div>
  1859. {/block:Pagination}
  1860. {/block:IndexPage}
  1861. <!----------------------------------------->
  1862.  
  1863. <body onkeydown="return false">
  1864.  
  1865. <div id="02" class="popup_block">
  1866. <div class="gongyoo"><center>Ask what your heart desires</div></center><br><br><br><br><br><center>
  1867. <iframe frameborder="0" height="190" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/shimmerfly.tumblr.com" width="100%" style="background-color: transparent; height:220px; overflow: auto;"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></center><br></div></div></div></div></div>
  1868. </body>
  1869.  
  1870. <div id="f-ashionabelle">
  1871. <b>Theme made by</b></div>
  1872. <div id="f-ashionabelle2"><a href="http://fashionabelle.co.vu" title="custom theme made by f-ashionabelle"><b>F-ashionabelle</b></a></div>
  1873.  
  1874. <div style="position:fixed; z-index:1; bottom:-70px; left:-105px; -moz-transform: scaleX(-1);-o-transform: scaleX(-1);-webkit-transform: scaleX(-1);transform: scaleX(-1);filter: FlipH;-ms-filter: "FlipH";">
  1875. <img src="https://31.media.tumblr.com/f769c841424a69da837ca26671701513/tumblr_n53h2tEFmT1sfdrywo1_500.gif" width="295" style="opacity:0.5; -webkit-transform:rotate(440deg);"></div>
  1876.  
  1877. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!