Advertisement
ughshelbae

Lauren Young's New Theme 11/27

Nov 28th, 2014
211
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.51 KB | None | 0 0
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
  2.  
  3. <!-----------------------------------------------------------------------
  4.  
  5. Eleanor theme by Lyra (http://whizpered.us/)
  6.  
  7. DO NOT REMOVE THE THEME CREDIT LINKS
  8. If you are caught you will be reported and your access to my theme codes will be revoked. If needed further action will be taken.
  9. Taking off the install theme button will ruin both masonry and infinite scroll, and I will also get an automatic notification when you do.
  10. Stealing is wrong - don't do it.
  11.  
  12. *** INFINITE SCROLL ***
  13.  
  14. Make sure that you change the posts to 15 posts per page by going to the Customize page > then scroll down to "Advanced" settings > and change the posts per page to 15 or infinite scroll will not work.
  15.  
  16. *** NEED MORE HELP? ***
  17.  
  18. I have a theme FAQ (frequently asked questions) page where all your questions will be answered. You can find it at
  19. themesbylyra.tumblr.com/themefaq
  20. Please do NOT ask me theme questions on my personal blog. They will be ignored.
  21.  
  22. *** TERMS ***
  23.  
  24. You have permission to edit this theme for personal use but that does NOT make it your theme. Leave the credit links even if you edit the code. Do not redistribute ANY of this theme code as yours at ALL.
  25.  
  26.  
  27. ▀▀█▀▀ █░░█ █▀▀ █▀▄▀█ █▀▀ █▀▀     █▀▀▄ █░░█     █░░ █░░█ █▀▀█ █▀▀█
  28. ░░█░░ █▀▀█ █▀▀ █░▀░█ █▀▀ ▀▀█     █▀▀▄ █▄▄█     █░░ █▄▄█ █▄▄▀ █▄▄█
  29. ░░▀░░ ▀░░▀ ▀▀▀ ▀░░░▀ ▀▀▀ ▀▀▀     ▀▀▀░ ▄▄▄█     ▀▀▀ ▄▄▄█ ▀░▀▀ ▀░░▀
  30.  
  31. ------------------------------------------------------------------------->
  32.  
  33. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  34.  
  35. <head>
  36.  
  37. <meta name="color:Text color" content="#000000"/>
  38. <meta name="color:Links and titles" content="#b997ce"/>
  39. <meta name="color:Link hover" content="#888888"/>
  40. <meta name="color:Background color" content="#ede5f3"/>
  41. <meta name="color:Posts and sidebar" content="#ffffff"/>
  42. <meta name="color:Description background color" content="#fcfcfc"/>
  43. <meta name="color:Blogtitle and permalinks background" content="#eeeeee"/>
  44. <meta name="color:Borders" content="#c9c8c8"/>
  45. <meta name="color:Borders2" content="#cac9c9"/>
  46. <meta name="image:Background image" content=""/>
  47. <meta name="image:Sidebar photo" content=""/>
  48. <meta name="image:Banner" content=""/>
  49. <meta name="if:Show blog title" content="1"/>
  50. <meta name="if: Sidebar on right" content="0"/>
  51. <meta name="if: Show captions" content="0"/>
  52. <meta name="if:1 column posts" content="0"/>
  53. <meta name="if:2 column posts" content="1"/>
  54. <meta name="if:3 column posts" content="0"/>
  55. <meta name="if:Show banner" content="0"/>
  56. <meta name="if:Calibri font" content="1"/>
  57. <meta name="if:Shadow link hover" content="0"/>
  58. <meta name="if:Rainbow hover links" content="0"/>
  59. <meta name="if:Show sidebar photo" content="1"/>
  60. <meta name="if:Small cursor" content="0"/>
  61. <meta name="font:Font" content="Arial"/>
  62.  
  63. <meta name="text:Link 1 URL" content="" />
  64. <meta name="text:Link 1 title" content="Link 1" />
  65. <meta name="text:Link 2 URL" content="" />
  66. <meta name="text:Link 2 title" content="Link 2" />
  67. <meta name="text:Link 3 URL" content="" />
  68. <meta name="text:Link 3 title" content="Link 3" />
  69. <meta name="text:Link 4 URL" content="" />
  70. <meta name="text:Link 4 title" content="Link 4" />
  71. <meta name="text:Link 5 URL" content="" />
  72. <meta name="text:Link 5 title" content="Link 5" />
  73. <meta name="text:Link 6 URL" content="" />
  74. <meta name="text:Link 6 title" content="Link 6" />
  75. <meta name="text:Link 7 URL" content="" />
  76. <meta name="text:Link 7 title" content="Link 7" />
  77.  
  78. <title>{title}</title>
  79.  
  80. <link rel="stylesheet" href="http://static.tumblr.com/fuu6t9w/sbOmpx2zu/reset.css" type="text/css" />
  81.  
  82. <link rel="shortcut icon" href="{Favicon}">
  83.  
  84. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  85.  
  86. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  87.  
  88. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
  89.  
  90. {block:ifRainbowhoverlinks}<script src="http://static.tumblr.com/uiqhh9x/6SMm4pws7/rainbow.js" type="text/javascript"></script>{/block:ifRainbowhoverlinks}
  91.  
  92. {block:flagcounter}<div style= "positon:absolute; left:100px; top:100px;">
  93. <a href="http://info.flagcounter.com/FLYw"><img src="http://s11.flagcounter.com/count/FLYw/bg_FFFFFF/txt_000000/border_8BF7CC/columns_2/maxflags_8/viewers_Visitors/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a></div>{/block:flagcounter}
  94.  
  95. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
  96.  
  97. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  98.  
  99. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  100.  
  101. <script>
  102.  
  103. (function($){
  104.  
  105. $(document).ready(function(){
  106.  
  107. $("a[title]").style_my_tooltips({
  108.  
  109. tip_follows_cursor:true,
  110.  
  111. tip_delay_time:90,
  112.  
  113. tip_fade_speed:600,
  114.  
  115. attribute:"title"
  116.  
  117. });
  118.  
  119. });
  120.  
  121. })(jQuery);
  122.  
  123. </script>
  124.  
  125. <style type="text/css">
  126.  
  127. {!---------------------- BODY CODES AND FONTS --------------------------!}
  128.  
  129.  
  130. body {
  131. color: {color:Text color};
  132. background-color:{color:Background color};
  133. background-image: url({image:Background image});
  134. background-attachment: fixed;
  135. background-repeat: repeat;
  136. {block:ifCalibrifont}
  137. font-family:Calibri;
  138. font-size:8px;
  139. text-transform:uppercase;
  140. letter-spacing:1px;
  141. line-height: 12px;
  142. {/block:ifCalibrifont}
  143. {block:ifnotCalibrifont}
  144. font-family:{font:Font};
  145. line-height: 120%;
  146. font-size: 11px;
  147. {/block:ifnotCalibrifont}
  148. }
  149.  
  150. ul#pagination {
  151. display:none;
  152. }
  153.  
  154. iframe#tumblr_controls {
  155. position: fixed;
  156. z-index:9999999999999999999999999999999;
  157. }
  158.  
  159. ol {
  160. margin-left:20px;
  161. margin-top:5px;
  162. padding-left:10px;
  163. list-style:decimal;
  164. background-image:none;
  165. }
  166.  
  167. em {font-style:italic}
  168.  
  169. {!---------------------------- LINK EFFECTS --------------------------!}
  170.  
  171. a {
  172. -webkit-transition: all 0.3s ease-out;
  173. -moz-transition: all 0.3s ease-out;
  174. transition: all 0.3s ease-out;
  175. color:{color:Links and titles};
  176. text-decoration: none;
  177. }
  178.  
  179. a:link, a:active, a:visited {
  180. color:{color:Links and titles};
  181. text-decoration: none;
  182. -webkit-transition: all 0.3s ease-out;
  183. -moz-transition: all 0.3s ease-out;
  184. transition: all 0.3s ease-out;
  185. }
  186.  
  187. a:hover {
  188. color:{color:Link hover};
  189. {block:ifShadowlinkhover}
  190. text-shadow:0px 0px 3px #888;
  191. {/block:ifShadowlinkhover}
  192. text-decoration: none;
  193. -webkit-transition: all 0.3s ease-out;
  194. -moz-transition: all 0.3s ease-out;
  195. transition: all 0.3s ease-out;
  196. }
  197.  
  198. {!------------------------------ SCROLLBAR ----------------------------!}
  199.  
  200. ::-webkit-scrollbar-thumb:vertical {
  201. background-color:{color:Text color};
  202. height:auto;
  203. }
  204.  
  205. ::-webkit-scrollbar-thumb:horizontal {
  206. background-color:{color:Text color};
  207. height:6px;
  208. }
  209.  
  210. ::-webkit-scrollbar {
  211. height:6px;
  212. width:6px;
  213. background-color:transparent;
  214. }
  215.  
  216. {!------------------------------ ELEMENTS -----------------------------!}
  217.  
  218. {block:If1columnposts}
  219. #content {
  220. width: 450px;
  221. float: left;
  222. padding-top:15px;
  223. margin-left:
  224. {block:IfnotSidebaronright}
  225. 190px;
  226. {/block:IfnotSidebaronright}
  227. {block:IfSidebaronright}
  228. 0px;
  229. {block:IfSidebaronright}
  230. }
  231.  
  232. #contain {
  233. width: 650px;
  234. margin: 0px auto;
  235. }
  236. {/block:If1columnposts}
  237.  
  238. {block:flagcounter}
  239. #content {
  240. width: 450px
  241. float: left;
  242. padding-top:15px;
  243. margin-left:
  244. {block:IfnotSidebaronright}
  245. 190px;
  246. {/block:IfnotSidebaronright}
  247. {block:IfSidebaronright}
  248. 0px;
  249. {block:IfSidebaronright}
  250. }
  251.  
  252. #contain {
  253. width: 650px;
  254. margin: 0px auto;
  255. }
  256. {/block:flagcounter}
  257.  
  258.  
  259. {block:If2columnposts}
  260. #content {
  261. width: 600px;
  262. float: left;
  263. padding-top:15px;
  264. margin-left:
  265. {block:IfnotSidebaronright}
  266. 190px;
  267. {/block:IfnotSidebaronright}
  268. {block:IfSidebaronright}
  269. 0px;
  270. {block:IfSidebaronright}
  271. }
  272.  
  273. #contain {
  274. width: 790px;
  275. margin: 0px auto;
  276. }
  277. {/block:If2columnposts}
  278.  
  279. {block:If3columnposts}
  280. #content {
  281. width: 980px;
  282. float: left;
  283. padding-top:15px;
  284. margin-left:
  285. {block:IfSidebaronright}
  286. 0px;
  287. {/block:IfSidebaronright}
  288. {block:IfnotSidebaronright}
  289. 190px;
  290. {block:IfnotSidebaronright}
  291. }
  292.  
  293. #contain {
  294. {block:IfSidebaronright}
  295. {block:Indexpage}
  296. width: 1080px;
  297. {/block:Indexpage}
  298. {block:Permalinkpage}
  299. width:740px;
  300. {/block:Permalinkpage}
  301. {/block:IfSidebaronright}
  302. {block:IfnotSidebaronright}
  303. {block:Indexpage}
  304. width: 1080px;
  305. {/block:Indexpage}
  306. {block:Permalinkpage}
  307. width:740px;
  308. {/block:Permalinkpage}
  309. {block:IfnotSidebaronright}
  310. margin: 0px auto;
  311. }
  312. {/block:If3columnposts}
  313.  
  314. .description
  315. {
  316. opacity:.75;
  317. border:1px solid {color:Borders};
  318. background-color:{color:Description background color};
  319. -webkit-transition: all 0.3s ease-out;
  320. -moz-transition: all 0.3s ease-out;
  321. transition: all 0.3s ease-out;
  322. }
  323.  
  324. {block:IfnotSidebaronright}
  325. #sidebar {
  326. text-align:center;
  327. border:1px solid {color:Borders};
  328. background-color:{color:Posts and sidebar};
  329. padding:8px;
  330. width:170px;
  331. position:fixed;
  332. margin-top:70px;
  333. }
  334. {/block:IfnotSidebaronright}
  335.  
  336. {block:IfSidebaronright}
  337. #sidebar {
  338. text-align:center;
  339. background-color:{color:Posts and sidebar};
  340. padding:8px;
  341. border:1px solid {color:Borders};
  342. {block:If1columnposts}
  343. {block:IndexPage}
  344. margin-left:460px;
  345. {/block:IndexPage}
  346. {block:PermalinkPage}
  347. margin-left:460px;
  348. {/block:PermalinkPage}
  349. {block:If1columnposts}
  350. {block:If2columnposts}
  351. {block:IndexPage}
  352. margin-left:610px;
  353. {/block:IndexPage}
  354. {block:PermalinkPage}
  355. margin-left:565px;
  356. {/block:PermalinkPage}
  357. {/block:If2columnposts}
  358. {block:If3columnposts}
  359. {block:IndexPage}
  360. margin-left:910px;
  361. {/block:IndexPage}
  362. {block:PermalinkPage}
  363. margin-left:565px;
  364. {/block:PermalinkPage}
  365. {block:If3columnposts}
  366. width:170px;
  367. position:fixed;
  368. margin-top:70px;
  369. }
  370. {block:IfSidebaronright}
  371.  
  372. {!---------------------------------- POSTS ----------------------------!}
  373.  
  374. .entry {
  375. float: left;
  376. display: block;
  377. border:1px solid {color:Borders};
  378. background-color:{color:Posts and sidebar};
  379. padding: 15px;
  380. margin-bottom: 15px;
  381. margin-left: 15px;
  382. {block:If1columnposts}
  383. {block:IndexPage}
  384. width: 400px;
  385. {/block:IndexPage}
  386. {block:PermalinkPage}
  387. width: 400px;
  388. {/block:PermalinkPage}
  389. {/block:If1columnposts}
  390. {block:If2columnposts}
  391. {block:IndexPage}
  392. width: 250px;
  393. {/block:IndexPage}
  394. {block:PermalinkPage}
  395. width: 400px;
  396. {/block:PermalinkPage}
  397. {/block:If2columnposts}
  398. {block:If3columnposts}
  399. {block:IndexPage}
  400. width: 250px;
  401. {/block:IndexPage}
  402. {block:PermalinkPage}
  403. width: 400px;
  404. {/block:PermalinkPage}
  405. {/block:If3columnposts}
  406. }
  407.  
  408. .entry img {
  409. {block:If1columnposts}
  410. {block:IndexPage}
  411. max-width: 400px;
  412. {/block:IndexPage}
  413. {/block:If1columnposts}
  414. {block:If2columnposts}
  415. {block:IndexPage}
  416. max-width: 250px;
  417. {/block:IndexPage}
  418. {/block:If2columnposts}
  419. {block:If3columnposts}
  420. {block:IndexPage}
  421. max-width: 250px;
  422. {/block:IndexPage}
  423. {/block:If3columnposts}
  424. display: block;
  425. -webkit-transition: all 0.3s ease-out;
  426. -moz-transition: all 0.3s ease-out;
  427. transition: all 0.3s ease-out;}
  428.  
  429. .entry:hover {
  430. -webkit-transition: all 0.3s ease-out;
  431. -moz-transition: all 0.3s ease-out;
  432. transition: all 0.3s ease-out;
  433. }
  434.  
  435. .text {
  436. background-color:{color:Posts and sidebar};
  437. padding: 3px;
  438. -webkit-transition: all 0.3s ease-out;
  439. -moz-transition: all 0.3s ease-out;
  440. transition: all 0.3s ease-out;
  441. }
  442.  
  443. {!---------------------------- TITLES ----------------------------------!}
  444.  
  445. h3 {
  446. font-size: 22px;
  447. font-family:;
  448. margin-bottom:10px;
  449. font-size: 15px;
  450. line-height:15px;
  451. letter-spacing:3px;
  452. font-family:Hasteristico;
  453. }
  454.  
  455. .title {
  456. color: {color:Links and titles};
  457. font-size: 16px;
  458. font-family:;
  459. line-height:15px;
  460. margin-bottom:10px;
  461. font-size: 15px;
  462. letter-spacing:3px;
  463. font-family:Hasteristico;
  464. }
  465.  
  466. .blogtitle {
  467. border-top:1px solid {color:Borders2};
  468. border-bottom:1px solid {color:Borders2};
  469. padding:10px;
  470. line-height:15px;
  471. font-size: 13px;
  472. letter-spacing:3px;
  473. background-color:{color:Blogtitle and permalinks background};
  474. font-family:Hasteristico;
  475. -webkit-transition: all 0.3s ease-out;
  476. -moz-transition: all 0.3s ease-out;
  477. transition: all 0.3s ease-out;
  478. }
  479.  
  480. .blogtitle a {
  481. color: {color:Text color};
  482. -webkit-transition: all 0.3s ease-out;
  483. -moz-transition: all 0.3s ease-out;
  484. transition: all 0.3s ease-out;
  485. }
  486.  
  487. .blogtitle:hover {
  488. background-color: {color:Background color};
  489. -webkit-transition: all 0.3s ease-out;
  490. -moz-transition: all 0.3s ease-out;
  491. transition: all 0.3s ease-out;
  492. }
  493.  
  494. {!----------------------------- LINKS ---------------------------------!}
  495.  
  496. .links {
  497. text-align:center;
  498. margin-top:7px;
  499. }
  500.  
  501.  
  502. .links a {
  503. margin:2px;
  504. -webkit-transition: all 0.3s ease-out;
  505. -moz-transition: all 0.3s ease-out;
  506. transition: all 0.3s ease-out;
  507. }
  508.  
  509. .links a:hover {
  510. text-decoration:line-through;
  511. -webkit-transition: all 0.3s ease-out;
  512. -moz-transition: all 0.3s ease-out;
  513. transition: all 0.3s ease-out;
  514. }
  515.  
  516. {!-------------------- INDEXPAGE PERMALINKS ----------------------------!}
  517.  
  518. .perma2 {
  519. margin-top:8px;
  520. padding:5px;
  521. height: 10px;
  522. font-size:8px;
  523. line-height: 10px;
  524. background-color:{color:Blogtitle and permalinks background};
  525. border-radius: 5px;
  526. overflow:hidden;
  527. text-align:left;
  528. border: 1px solid {color:Borders2};
  529. -webkit-transition: all 0.3s ease-out;
  530. -moz-transition: all 0.3s ease-out;
  531. transition: all 0.3s ease-out;
  532. color: {color:Text color};
  533. }
  534.  
  535. .perma2 a {
  536. margin:5px;
  537. color: {color:Text color};
  538. }
  539.  
  540. .perma2:hover{
  541. background-color: {color:Background color};
  542. -webkit-transition: all 0.3s ease-out;
  543. -moz-transition: all 0.3s ease-out;
  544. transition: all 0.3s ease-out;
  545. }
  546.  
  547. {!------------------------ NOTES AND ASK POSTS -------------------------!}
  548.  
  549. ol.notes {
  550. line-height:10px;
  551. padding: 0px;
  552. margin: 0px 0px;
  553. list-style-type: none;
  554. }
  555.  
  556. ol.notes li.note {
  557. margin-bottom:0px;
  558. list-style-type: none;
  559. }
  560.  
  561. ol.notes li.note img.avatar {
  562. width: 15px;
  563. display: inline;
  564. position: relative;
  565. list-style-type: none;
  566. display:none;
  567. }
  568.  
  569. ol.notes li.note span.action {
  570. font-weight:normal;
  571. list-style-type: none;
  572. }
  573.  
  574. ol.notes li.note .answer_content {
  575. font-weight: normal;
  576. list-style-type: none;
  577. }
  578.  
  579. ol.notes li.note blockquote {
  580. quotes: "«" "»" "'" "'";
  581. padding-left: 6px;
  582. margin-left:30px;
  583. line-height:11px;
  584. margin-top:2px;
  585. list-style-type: none;
  586. margin-bottom:5px;
  587. border-left: solid {color:Background color}; 3px;
  588. }
  589.  
  590. ol.notes li.note blockquote a {
  591. text-decoration: none;
  592. }
  593.  
  594. .ask {
  595. align:right;
  596. background-color: {color:Background color};
  597. border:3px solid {color:Background color};
  598. margin:6px 6px 10px 66px;
  599. padding:5px;
  600. position: relative;
  601. -moz-border-radius:5px;
  602. -webkit-border-radius:5px;
  603. border-radius:5px;
  604. }
  605.  
  606. .ask p {
  607. margin:1px 0px;
  608. }
  609.  
  610. .ask span {
  611. display:block;
  612. position:absolute;
  613. width:1px;
  614. height:1px;
  615. margin-left:-1px;
  616. font-size: 0;
  617. line-height: 1px;
  618. left:-10px;
  619. top:10px;
  620. border-top:7px solid transparent;
  621. border-bottom:7px solid transparent;
  622. border-right:10px solid {color:Background color};
  623. }
  624.  
  625. .askborder {
  626. float: left;
  627. margin: 1px 4px 0 0;
  628. padding: 2px;
  629. background: transparent;
  630. }
  631.  
  632. .askborder img {
  633. border-radius:99px;
  634. }
  635.  
  636. {!-------------------------- OTHER CODES ------------------------------!}
  637.  
  638. #infscr-loading {
  639. position:absolute;
  640. width:16px;
  641. height:11px;
  642. margin-bottom:-16px;
  643. top:auto;
  644. bottom:0;
  645. left:50%;
  646. }
  647.  
  648. {block:IfSmallcursor}
  649. *, body, a, a:hover {
  650. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;
  651. }
  652. {/block:IfSmallcursor}
  653.  
  654. {Custom CSS}
  655.  
  656. #s-m-t-tooltip {
  657. box-shadow:1px 1px 3px rgba(0,0,0,.1);
  658. max-width:250px;
  659. margin-top:15px;
  660. margin-left:15px;
  661. font-family:consolas;
  662. padding-top:2px;
  663. padding-bottom:1px;
  664. border-radius:3px;
  665. padding-left:4px;
  666. padding-right:4px;
  667. border:1px solid {color:Text color};
  668. z-index:1000;
  669. background-color:{color:Posts and sidebar};
  670. color:{color:Text color};
  671. z-index:999999999999999999999999999999999999999;
  672. font-size:9px;
  673. letter-spacing:1px;
  674. font-style:normal;
  675. text-transform:uppercase;
  676. line-height:11px;
  677. }
  678.  
  679.  
  680.  
  681. #fairytaletunes {
  682. font-size:8px;
  683. text-transform:uppercase;
  684. border-radius:3px;
  685. position:fixed;
  686. text-align:center;
  687. left:25px;
  688. border:1px solid #efefef;
  689. background-color:#fff;
  690. letter-spacing:1px;
  691. width:110px;
  692. height:;
  693. padding:9px;
  694. top:25px;
  695. }
  696.  
  697. #fairytalenets{
  698. height:12px;
  699. text-align:center;
  700. overflow:hidden;
  701. border-bottom:1px solid #efefef;
  702. text-transform:uppercase;
  703. background-color:#fff;
  704. letter-spacing:1px;
  705. line-height:13px;
  706. z-index:999999999999999999999;
  707. -webkit-transition: all 0.4s ease-in-out;
  708. -moz-transition: all 0.4s ease-in-out;
  709. -o-transition: all 0.4s ease-in-out;
  710. }
  711.  
  712. #fairytalenets:hover{
  713. height:50px;
  714. -webkit-transition: all 0.4s ease-in-out;
  715. -moz-transition: all 0.4s ease-in-out;
  716. -o-transition: all 0.4s ease-in-out;
  717. }
  718.  
  719. #fairytalefollowers{
  720. height:12px;
  721. text-align:center;
  722. overflow:hidden;
  723. border-bottom:1px solid #efefef;
  724. text-transform:uppercase;
  725. background-color:#fff;
  726. letter-spacing:1px;
  727. line-height:13px;
  728. z-index:999999999999999999999;
  729. -webkit-transition: all 0.4s ease-in-out;
  730. -moz-transition: all 0.4s ease-in-out;
  731. -o-transition: all 0.4s ease-in-out;
  732. }
  733.  
  734. #fairytalefollowers:hover{
  735. height:75px;
  736. -webkit-transition: all 0.4s ease-in-out;
  737. -moz-transition: all 0.4s ease-in-out;
  738. -o-transition: all 0.4s ease-in-out;
  739. }
  740. #fairytalefaves{
  741. height:11px;
  742. text-align:center;
  743. overflow:hidden;
  744. text-transform:uppercase;
  745. background-color:#fff;
  746. letter-spacing:1px;
  747. font-size:8px;
  748. line-height:15px;
  749. z-index:999999999999999999999;
  750. -webkit-transition: all 0.4s ease-in-out;
  751. -moz-transition: all 0.4s ease-in-out;
  752. -o-transition: all 0.4s ease-in-out;
  753. }
  754.  
  755.  
  756. #fairytalefaves:hover{
  757. height:200px;
  758. -webkit-transition: all 0.4s ease-in-out;
  759. -moz-transition: all 0.4s ease-in-out;
  760. -o-transition: all 0.4s ease-in-out;
  761. }
  762. </style>
  763.  
  764. </head>
  765.  
  766. <body>
  767.  
  768. <div id="fairytaletunes"><embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=false&f0=http://cs1.mp3.pm/download/327070/mkrpqpkodr/gghgbg/Keira_Knightley_-_Lost_stars_Begin_again_(mp3.pm).mp3&t0=Lost Stars&f1=http://musicjustfor.me/assets/songs/392000-392999/392937-say-you-love-me-jessie-ware--1411525121.mp3&t1=Say You Love Me &f2=http://198.15.68.162/36/music/english/movies/2014/d/divergent/Pia-Mia-Featuring-Chance-The-Rapper-Fight-For-You_(webmusic.in).mp3&t2=Fight for You &f3=http://sound2mp3.com/user-mp3-to/Ariana%20Grande%20-%20The%20Weeknd%20-%20Love%20Me%20Harder%20-%20Love%20Me%20Harder%20-%20Love%20Me%20Harder%20(Love%20Me%20Harder)%20Ariana%20Grande.mp3&t3=Love Me Harder&f4=http://puu.sh/3Rssz.mp3&t4=Why'd You Only Call Me When You're High?&total=5" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
  769. <div style="border-bottom:1px solid #eeeeee;border-radius:3px;background-color:#fff;padding:2px;">
  770.  
  771.  
  772.  
  773. </div>
  774.  
  775. <div id="fairytalenets"><div style="font-size:8px;">followers</div>
  776. <br>
  777. <script language="JavaScript" src="http://tc.freehostedscripts.net/tcounter.php?url=alohastateomind.tumblr.com&name=Know What\'s Up"></script>
  778. <br>
  779. </div>
  780.  
  781. <div id="fairytalefollowers"><div style="font-size:8px;">promo?</div>
  782. <br>
  783. want a promo?
  784. <br>
  785. <a href= "http://www.fll.rs/r/alohastateomind"> 1 </a> and <a href="http://promoteyourtumblr.com" target="_blank" title="Promote your Tumblr!">2</a>
  786. <br>
  787. </div>
  788.  
  789. <div id="fairytalefaves"><div style="font-size:8px;">updates<div> <div style="line-height:13px;">
  790. <br>
  791. CURRENT STATE OF MIND:
  792. I need help
  793. <br>
  794. <br>Book I'm Reading: Memoirs of a Geisha </br>
  795. <br>Song I love: Love Me Harder </br>
  796. <br> Relationship Status: single </br>
  797. </div></div>
  798. </div>
  799. </div></div></div></div>
  800.  
  801.  
  802.  
  803. <style type="text/css">
  804. iframe#tumblr_controls{position:fixed !important;}
  805. a.tf {
  806. -moz-border-radius: 2px 2px 2px 2px;
  807. border-radius:2px;
  808. -webkit-border-radius: 2px 2px 2px 2px;
  809. background: none repeat scroll 0 0 rgba(0, 0, 0, 0.38);
  810. border: 1px solid rgba(0, 0, 0, 0.18);
  811. color: #FFFFFF !important;
  812. text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.08);
  813. -moz-box-sizing: border-box;
  814. -moz-user-select: none;
  815. cursor: pointer;
  816. font: 600 12px/18px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;
  817. height: 18px;
  818. outline: 0 none;
  819. overflow: hidden;
  820. padding: 0 5px;
  821. position: fixed;
  822. top: 26px;
  823. right: 3px;
  824. text-decoration: none;!important;
  825. white-space: nowrap;
  826. z-index: 9999999;
  827. }
  828. a.tf:hover{
  829. background: none repeat scroll 0 0 rgba(0, 0, 0, 0.25);
  830. text-decoration: none;!important;
  831. }
  832. a.tf:visited{
  833. color: #ffffff !important;
  834. text-decoration: none;!important;
  835. }
  836. </style>
  837. <a class="tf" href="http://www.fll.rs/r/alohastateomind" title="Get more Tumblr Followers" target="_blank">Get More Followers</a>
  838.  
  839. <style>.ig-b- { display: inline-block; }
  840. .ig-b- img { visibility: hidden; }
  841. .ig-b-:hover { background-position: 0 -60px; } .ig-b-:active { background-position: 0 -120px; }
  842. .ig-b-16 { width: 16px; height: 16px; background: url(//badges.instagram.com/static/images/ig-badge-sprite-16.png) no-repeat 0 0; }
  843. @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  844. .ig-b-16 { background-image: url(//badges.instagram.com/static/images/ig-badge-sprite-16@2x.png); background-size: 60px 178px; } }</style>
  845. <a href="http://instagram.com/laurenleai?ref=badge" class="ig-b- ig-b-16"><img src="//badges.instagram.com/static/images/ig-badge-16.png" alt="Instagram" /></a>
  846.  
  847. </style>
  848.  
  849.  
  850.  
  851.  
  852. <div style="position:fixed; width:116px; top:26px; right:5px; z-index:99999999999999999999999;">
  853.  
  854.  
  855.  
  856.  
  857.  
  858. </div>
  859.  
  860.  
  861. <div id="contain">
  862.  
  863. <!----------------------------- SIDEBAR/HEADER -------------------------->
  864.  
  865.  
  866. <div id="sidebar">
  867.  
  868. <div class="description">
  869.  
  870. {block:ifShowbanner}
  871. <a href="/">
  872. <img src="{image:Banner}" width="150" style=" margin-TOP:10px;"/>
  873. </a>
  874. {/block:ifShowbanner}
  875.  
  876. {block:IfShowsidebarphoto}
  877. <a href="/">
  878. <img src="{image:Sidebar photo}" width="150" style="margin-bottom:10px; margin-TOP:10px;" />
  879. </a>
  880. {/block:IfShowsidebarphoto}
  881.  
  882. {block:ifShowblogtitle}
  883. <div class="blogtitle" style="margin-bottom:5px;">
  884. <a href="/" title="{title}">
  885. {Title}
  886. </a>
  887. </div>
  888. {/block:IfShowblogtitle}
  889.  
  890. <div style="padding:7px; margin-top:-5px;">
  891.  
  892. {block:flagcounter}
  893. <a href="http://info.flagcounter.com/WRtV">
  894. <img src="http://s10.flagcounter.com/countxl/WRtV/bg_FFFFFF/txt_000000/border_CCCCCC/columns_2/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" width="150" style=" margin-TOP:10px;"/>
  895. </a>
  896. {/block:flagcounter}
  897.  
  898. {Description}
  899.  
  900. </div>
  901.  
  902. </div>
  903.  
  904. <div class="links">
  905.  
  906. <a href="/">Home</a>
  907.  
  908.  
  909.  
  910. {block:ifLink1URL}<a href="{text:Link 1 URL}">{text:Link 1 title}</a>{/block:ifLink1URL}
  911.  
  912. {block:ifLink2URL}<a href="{text:Link 2 URL}">{text:Link 2 title}</a>{/block:ifLink2URL}
  913.  
  914. {block:ifLink3URL}<a href="{text:Link 3 URL}">{text:Link 3 title}</a>{/block:ifLink3URL}
  915.  
  916. {block:ifLink4URL}<a href="{text:Link 4 URL}">{text:Link 4 title}</a>{/block:ifLink4URL}
  917.  
  918. {block:ifLink5URL}<a href="{text:Link 5 URL}">{text:Link 5 title}</a>{/block:ifLink5URL}
  919.  
  920. {block:ifLink6URL}<a href="{text:Link 6 URL}">{text:Link 6 title}</a>{/block:ifLink6URL}
  921.  
  922. {block:ifLink7URL}<a href="{text:Link 7 URL}">{text:Link 7 title}</a>{/block:ifLink7URL}
  923.  
  924. <!---- DO NOT DELETE THIS LINK. IF YOU DESPERATELY WANT TO, THEN PLEASE PUT A LINK IN YOUR FAQ OR DESCRIPTION FOR THEME CREDIT ---->
  925.  
  926. <a href="http://whizpered.us/">Themes</a>
  927.  
  928. <!---- DO NOT DELETE THAT LINK. IF YOU DESPERATELY WANT TO, THEN PLEASE PUT A LINK IN YOUR FAQ OR DESCRIPTION FOR THEME CREDIT ---->
  929.  
  930. </div>
  931.  
  932. </div>
  933.  
  934. <!----------------------------- POSTS ---------------------------------->
  935.  
  936. <div id="content">
  937.  
  938. {block:Posts}
  939.  
  940. <div class="entry">
  941.  
  942. {block:Text}
  943. <div class="text">
  944. {block:Title}<div class="title"><a href="{Permalink}">{Title}</a></div>{/block:Title}{Body}</div>
  945. {/block:Text}
  946.  
  947. {block:Photo}
  948. {block:indexpage}
  949. {LinkOpenTag}<img src="{PhotoURL-HighRes}" width="100%"/>{LinkCloseTag}
  950. {block:ifShowcaptions}{block:Caption}<br>{Caption}{/block:Caption}{/block:ifShowcaptions}
  951. {/block:Indexpage}
  952. {block:Permalinkpage}
  953. {LinkOpenTag}<img src="{PhotoURL-HighRes}" width="100%"/>{LinkCloseTag}{/block:Permalinkpage}
  954. {/block:Photo}
  955.  
  956. {block:Photoset}
  957. {block:IndexPage}{block:if1columnposts}{Photoset-400}{/block:if1columnposts}{block:ifnot1columnposts}{Photoset-250}{/block:ifnot1columnposts}{block:ifShowcaptions}{block:Caption}<br>{Caption}{/block:Caption}{/block:ifShowcaptions}{/block:IndexPage}
  958. {block:permalinkpage}{Photoset-400}{/block:permalinkpage}
  959. {/block:Photoset}
  960.  
  961. {block:Quote}
  962. <div class="text"><div class="title">"{Quote}"</div>
  963. {block:Source}<div style="text-align:right">- {Source}</div>{/block:Source}
  964. </div>
  965. {/block:Quote}
  966.  
  967. {block:Link}
  968. <div class="text"><div class="title"><a href="{URL}" class="link" {Target}>{Name}&nbsp;&nbsp;»</a></div>
  969. {block:Description}<div class="description">{Description}</div>{/block:Description}</div>
  970. {/block:Link}
  971.  
  972. {block:Chat}
  973. <div class="text">{block:Title}<div class="title"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  974. {block:Lines}<ul><b>{block:Label}{Label}</b>{/block:Label}{Line}</ul>{/block:Lines}</div>
  975. {/block:Chat}
  976.  
  977. {block:Video}
  978. {block:IndexPage}{Video-250}{/block:IndexPage}
  979. {block:permalinkpage}{Video-400}{/block:permalinkpage}
  980. {/block:Video}
  981.  
  982. {block:Audio}
  983. <div class="text">{AudioPlayerGrey}
  984. {block:Caption}{Caption}{/block:Caption}</div>
  985. {/block:Audio}
  986.  
  987. {block:Answer}<div class="text">
  988. <img src="{AskerPortraitURL-48}" align="left" class="askborder">
  989. <div class="ask"><span></span>{Asker}: {Question}&nbsp;</div><br>{Answer}</div>
  990. {/block:Answer}
  991.  
  992. {block:IndexPage}
  993. <div class="perma2"><a href="{permalink}" title="Permalink page">{Timeago}</a>-<a href="{reblogurl}" target="blank" title="Reblog">reblog</a>-<a href="{permalink}" title="Permalink page">{notecountwithlabel}</a></div>
  994. {/block:IndexPage}
  995.  
  996. <!------------------- PERMALINK PAGE CAPTIONS, ETC. -------------------->
  997.  
  998. {block:PermalinkPage}
  999. {block:Date}
  1000. {block:Caption}<div style="margin-top:5px; margin-bottom:10px;">{Caption}</div>{/block:Caption}
  1001. <div style="
  1002. margin-top:8px;
  1003. margin-bottom:-5px;
  1004. padding:5px;
  1005. height: 10px;
  1006. line-height: 10px;
  1007. border: 1px solid {color:Borders2};
  1008. background-color:{color:Blogtitle and permalinks background};
  1009. border-radius: 5px;">&nbsp;&nbsp;Posted {TimeAgo} at {12HourWithZero}:{Minutes}{AmPm} {block:NoteCount} with
  1010.  
  1011. {NoteCountWithLabel}{/block:NoteCount}</div>{block:HasTags}<br>Tagged as: {block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}
  1012. <div style="text-align:left; display:block; margin-left:5px; font-size:8px; margin-top:5px; padding-top:5px;">{PostNotes}</div>{/block:Date}
  1013. </div>
  1014. {/block:PermalinkPage}
  1015.  
  1016. </div>
  1017.  
  1018. {block:ContentSource}
  1019. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1020. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1021. {/block:SourceLogo}
  1022. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1023. {/block:ContentSource}
  1024. {block:ReblogParent}{/block:ReblogParent}
  1025.  
  1026. {/block:Posts}
  1027.  
  1028. </div>
  1029.  
  1030. <!--------- PAGINATION, INFINITE SCROLL, IMPORTANT THEME CODES ---------->
  1031.  
  1032. <div class="clear"></div>
  1033. </div>
  1034.  
  1035. <script type="text/javascript" src="http://yourjavascript.com/113311526331/infinitescroll.js"></script>
  1036. {block:IndexPage}
  1037. {block:Pagination}
  1038. <ul id="pagination">
  1039. {block:PreviousPage}
  1040. <li><a href="{PreviousPage}"></a></li>
  1041. {/block:PreviousPage}
  1042. {block:JumpPagination length="5"}
  1043. {block:CurrentPage}
  1044. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  1045. {/block:CurrentPage}
  1046. {block:JumpPage}
  1047. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  1048. {/block:JumpPage}
  1049. {/block:JumpPagination}
  1050. {block:NextPage}
  1051. <li><a id="nextPage" href="{NextPage}"></a></li>
  1052. {/block:NextPage}
  1053. </ul>
  1054. {/block:Pagination}
  1055. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  1056. {block:IndexPage}
  1057. <script type="text/javascript">
  1058. $(window).load(function () {
  1059. $('#content').masonry(),
  1060. $('.masonryWrap').infinitescroll({
  1061. navSelector : '#pagination',
  1062. nextSelector : '#pagination a#nextPage',
  1063. itemSelector : ".entry, .clear",
  1064. bufferPx : 200,
  1065. loadingText : "<em></em>",
  1066. },
  1067. function() { $('#content').masonry({ appendedContent: $(this) }); }
  1068. );
  1069. });
  1070. </script>
  1071. {/block:IndexPage}
  1072.  
  1073.  
  1074. </body>
  1075.  
  1076. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement