API tools faq
paste
Advertisement
f-ashionabelle

Custom theme for Laceyflorals!

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