Advertisement
rasperries

leepace revamped

Aug 25th, 2014
244
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.80 KB | None | 0 0
  1. <!--I only ask you keep the credit intact--DO NOT MOVE IT/HIDE IT. Other than that, edit it all ye want. If you have questions, trot on over to leepace.tumblr.com -->
  2.  
  3.  
  4. <!DOCTYPE html>
  5. <head>
  6.  
  7. <!--random shit you need-->
  8. <title>{Title}</title>
  9.  
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  13.  
  14. <!--Default Variables are here, folks-->
  15. <meta name="color:Background" content="#ffffff"/>
  16. <meta name="color:Text" content="#cccccc"/>
  17. <meta name="color:link" content="#a7a7a7"/>
  18. <meta name="color:title"content="#070707"/>
  19. <meta name="color:scrollbar" content="#d5d5d5" />
  20. <meta name="color:link hover" content="#8F8F8F"/>
  21.  
  22.  
  23.  
  24. <meta name="text:Link 1 URL" content="" />
  25. <meta name="text:Link 1" content="" />
  26. <meta name="text:Link 2 URL" content="" />
  27. <meta name="text:Link 2" content="" />
  28. <meta name="text:Link 3 URL" content="" />
  29. <meta name="text:Link 3" content="" />
  30.  
  31. <meta name="image:audio bg" content="http://static.tumblr.com/1fe0fb2eb9179fdba195906aa5c7bc29/ygd3n2x/TPHmil7fo/tumblr_static_diagonal_striped_brick.png">
  32. <meta name="if:Hide Tags" content="1">
  33.  
  34.  
  35.  
  36.  
  37. <!-- jquery -->
  38. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  39.  
  40.  
  41. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  42.  
  43. <script>
  44.  
  45. (function($){
  46.  
  47. $(document).ready(function(){
  48.  
  49. $("a[title]").style_my_tooltips({
  50.  
  51. tip_follows_cursor:true,
  52.  
  53. tip_delay_time:30,
  54.  
  55. tip_fade_speed:300,
  56.  
  57. attribute:"title"
  58.  
  59. });
  60.  
  61. });
  62.  
  63. })(jQuery);
  64.  
  65. </script>
  66.  
  67. <!--pop up-->
  68. <script type="text/javascript"
  69. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  70. <script>
  71. $(document).ready(function() {
  72. //
  73. $('a.poplight[href^=#]').click(function() {
  74. var popID = $(this).attr('rel'); //Get Popup Name
  75. var popURL = $(this).attr('href'); //Get Popup href to define size
  76. var query= popURL.split('?');
  77. var dim= query[1].split('&');
  78. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  79. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  80. var popMargTop = ($('#' + popID).height()) / 2;
  81. var popMargLeft = ($('#' + popID).width()) / 2;
  82. //Apply Margin to Popup
  83. $('#' + popID).css({
  84. 'margin-top' : -popMargTop,
  85. 'margin-left' : -popMargLeft
  86. });
  87. $('body').append('<div id="fade"></div>');
  88. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  89. return false;
  90. });
  91. $('a.close, #fade').live('click', function() {
  92. $('#fade , .popup_block').fadeOut(function() {
  93. $('#fade, a.close').remove(); //fade them both out
  94. });
  95. return false;
  96. });
  97. });
  98. </script>
  99.  
  100.  
  101.  
  102.  
  103. <link href='http://fonts.googleapis.com/css?family=Raleway:400,700' rel='stylesheet' type='text/css'>
  104.  
  105. <!--CSS time baby. This is where you change font size, color, etc. Just be careful, my dears. -->
  106.  
  107. <style type="text/css">
  108.  
  109. #s-m-t-tooltip {max-width:300px;
  110. padding:2px;
  111. margin:10px 0px 0px 10px;
  112. padding:3px 5px;
  113. background-color:#ffffff;
  114. text-transform:uppercase;
  115. font-size:7px;
  116. letter-spacing:1px;
  117. color:#747474;
  118. border-bottom:1px solid {color:text};
  119. z-index:999 }
  120.  
  121. /*pop up*/
  122. #fade { /*--Transparent background layer--*/
  123. display: none; /*--hidden by default--*/
  124. background: #000;
  125. position: fixed;
  126. left: 0;
  127. top: 0;
  128. width: 100%; height: 100%;
  129. opacity: .70;
  130. z-index: 9999;
  131. }
  132. .popup_block{
  133. display: none; /*--hidden by default--*/
  134. background-color:#fff;
  135. padding: 20px 0;
  136. position: fixed;
  137. width:400px;
  138. margin-left:-200px;
  139. top:50%;
  140. font-family:times;
  141. left:50%;
  142. z-index: 99999;
  143. }
  144.  
  145.  
  146.  
  147. /*--Making IE6 Understand Fixed Positioning--*/
  148. *html #fade {
  149. position: absolute;
  150. }
  151. *html .popup_block {
  152. position: absolute;
  153. }
  154.  
  155.  
  156. #t {
  157. }
  158.  
  159. #tt {font-size:12px;
  160. font-weight:bold;
  161. text-align:right;
  162. padding-right:20px;
  163. padding-bottom:5px;
  164. border-bottom:1px solid black}
  165.  
  166. #ts {font-size:12px;
  167. margin-top:30px;
  168. padding-left:30px;
  169. padding-bottom:20px;
  170. text-align:left;
  171. font-style:italic;
  172. line-height:130%}
  173.  
  174. /*scrollbar*/
  175. ::-webkit-scrollbar{height: 5px;
  176. width: 5px;
  177. -webkit-border-radius: 0px;
  178. background-color:{color:background}}
  179. ::-webkit-scrollbar-thumb{background-color:{color:scrollbar};}
  180. ::-webkit-scrollbar-track{background-color:{color:background};}
  181. iframe#tumblr_controls {
  182. position: fixed !important;
  183. z-index: 9999;
  184. opacity:.5;
  185. -webkit-transition:all 0.5s ease-in-out;
  186. -moz-transition:all 0.5s ease-in-out;
  187. transition:all 0.5s ease-in-out;}
  188. iframe#tumblr_controls:hover {
  189. opacity: 0.9;
  190. -webkit-transition:all 0.5s ease-in-out;
  191. -moz-transition:all 0.5s ease-in-out;
  192. transition:all 0.5s ease-in-out;}
  193. ::selection {
  194. background:black;
  195. color:white;
  196. }
  197.  
  198. ::-moz-selection {
  199. background:black;
  200. color:white;
  201. }
  202.  
  203. ::-webkit-selection {
  204. background:black;
  205. color:white;
  206. }
  207.  
  208. iframe#tumblr_controls {
  209. position: fixed !important;
  210. z-index: 9999;
  211. opacity:.5;
  212. -webkit-transition:all 0.5s ease-in-out;
  213. -moz-transition:all 0.5s ease-in-out;
  214. transition:all 0.5s ease-in-out;}
  215. iframe#tumblr_controls:hover {
  216. opacity: 0.9;
  217. -webkit-transition:all 0.5s ease-in-out;
  218. -moz-transition:all 0.5s ease-in-out;
  219. transition:all 0.5s ease-in-out;}
  220.  
  221.  
  222. #credit {position:fixed;
  223. float:right;
  224. opacity:1;
  225. bottom:5px;
  226. right:5px;
  227. text-align:center;
  228. padding:5px 5px;
  229. font-size:7px;
  230. font-family:helvetica}
  231. @font-face
  232. {
  233. font-family:'Inconsolata';
  234. src:url('http://static.tumblr.com/sas2ex2/3lgmqt637/inconsolata.otf');
  235. }
  236.  
  237.  
  238. /*main structure*/
  239. blockquote {
  240. max-width:400px!important;
  241. margin-left:0px;
  242. border-left:1px solid #f2f2f2;
  243. padding-left:10px;
  244. width:95%;}
  245.  
  246. h1 {
  247. margin-left: px; font-size:22px;line-height:200%;margin-bottom:0px;font-style:;letter-spacing:-1px;text-align:left;font-family: raleway;text-transform:uppercase;}
  248.  
  249. body {
  250. background-color:#ffffff;
  251. color:#888;
  252. font-family: helvetica;
  253. font-size:9px;
  254. font-weight:lighter;
  255. text-align:justify;
  256. line-height:13px;
  257. margin:0;
  258. line-height:120%;}
  259.  
  260.  
  261. a {
  262. color:#888;
  263. text-decoration:none;}
  264.  
  265. a:hover {
  266. color:#020101}
  267.  
  268. img{
  269. opacity:1;
  270. border:none;
  271. text-decoration:none}
  272.  
  273.  
  274. b, strong {
  275. color:#888}
  276. i, em {
  277. color:#888}
  278. p {
  279. margin-top:5px;
  280. margin-bottom:5px}
  281. ol {
  282. list-style:normal;}
  283. ul {
  284. list-style:square;}
  285.  
  286. small {
  287. font-size:7px;}
  288.  
  289. big {
  290. font-size:11px;}
  291.  
  292.  
  293.  
  294.  
  295. .title{font-size:16px;
  296.  
  297. font-weight:none;
  298. float:left;
  299. letter-spacing:1px;
  300. text-transform:uppercase;
  301. padding:10px 20px 5px 5px;
  302. color:#555454;} .title a:hover {text-decoration:underline;}
  303.  
  304.  
  305.  
  306.  
  307.  
  308. /*header*/
  309.  
  310. #essentiel {padding:90px;width:400px; margin:auto;}
  311.  
  312. #topbar {width:400px;margin-top:-25px;border-bottom:0px solid #fff;z-index:1;}
  313.  
  314. #title {margin-left: -5px; font-size:16px;line-height:200%;margin-bottom:0px;font-weight:lighter;letter-spacing:-1px;text-align:left;font-family: raleway;text-transform:uppercase;}
  315.  
  316. #title a{color:;opacity:1;padding:6px 20px 6px 20px;border-bottom: px solid #e2e2e2;}
  317.  
  318. #title a:hover {color:;color:#000000;background-color:#f9f9f9;border:0px double #f3f3f3;opacity:1;}
  319.  
  320. .top {
  321. font-size:7px;
  322. text-transform:uppercase;
  323. margin-left
  324. font-weight:normal;
  325. letter-spacing:1px;
  326. text-align:right;
  327. border-top:1px solid #ededed
  328. }
  329.  
  330.  
  331. .top a {
  332. line-height:25px;
  333. padding:0 10px;
  334. text-align:center;
  335. display:inline-block;
  336. } #standardlinks a:hover {color:#4A4A4A;}
  337.  
  338. .top a:hover{opacity:1;color:#000000;background-color:#f7f7f7;}
  339.  
  340. #description {
  341. font-size:9px;
  342. line-height:130%;
  343. text-align:justify;
  344. padding:15px 25px;
  345. margin-top:-10px;}
  346.  
  347. #description a {
  348. text-transform:uppercase;
  349. font-size:7px;
  350. letter-spacing:1px;}
  351.  
  352. /*#description a:hover {text-decoration:underline;}*/
  353.  
  354.  
  355. #titlee {margin-left: px; font-size:12px;line-height:200%;font-weight:lighter;margin-bottom:0px;font-style:;letter-spacing:1px;text-align:left;font-family: helvetica;text-transform:lowercase;}
  356.  
  357.  
  358. /*pagination*/
  359.  
  360. #pagination {
  361. font-size:7px;
  362. font-style:normal;
  363. text-align:center;
  364. letter-spacing:2px;
  365. font-family:helvetica;
  366. margin:50px 0;
  367.  
  368. }
  369.  
  370. #pagination a {
  371. text-align:center;
  372. display:inline-block;
  373. margin-left:2px;
  374. line-height:15px;
  375. padding:0 4px 4px 4px;
  376. text-decoration:none;}
  377. #pagination a:hover
  378.  
  379. .current_page {text-align:center;
  380. margin-left:2px;
  381. font-size:9px;
  382. line-height:15px;
  383. padding:0 2px 2px 2px;
  384. text-decoration:none;}
  385. .current_page:hover {text-decoration:underline;}
  386.  
  387. /*container*/
  388. #con {position:absolute;
  389. left:50%;
  390. margin-left:-300px;
  391. }
  392. /*posts*/
  393. #entries {position:absolute;
  394. width:400px;
  395. margin-top:110px;
  396.  
  397. }
  398.  
  399. #posts {
  400. margin-bottom:120px;
  401. overflow:hidden;
  402. width:400px;
  403. }
  404.  
  405. #posts a {font-size:7px; letter-spacing:1px; text-transform:uppercase;}
  406. /*#posts a:hover {text-decoration:underline;}*/
  407.  
  408. #posts img {max-width: 400px;
  409.  
  410. }
  411.  
  412.  
  413.  
  414.  
  415.  
  416. #titlequote{font-size:9px;
  417. color:#747474;
  418. text-align:justify; text-transform:; letter-spacing:px;
  419. padding:15px 0;
  420. border-bottom:1px solid #ededed
  421. }
  422.  
  423. #posts img, #posts li, #posts blockquote {max-width: 100%;
  424. }
  425. .caption img{max-width:100%;}
  426. .caption {width:100%;
  427. text-align:justify;
  428. display: block;
  429. margin-top: 5px;
  430. text-transform:none;
  431. font-size:8px;
  432. border-top:1px solid #ededed;
  433. padding-top:5px
  434. } .caption a {font-size:7px; text-transform:uppercase;} .caption a:hover {text-decoration:underline;} .caption blockquote {padding:5px; margin-left:5px; border-left:1px solid #ddd;}
  435.  
  436. #source {text-align:right;
  437. padding-top:5px;
  438. font-size:9px}
  439.  
  440.  
  441.  
  442.  
  443.  
  444. /*audio*/
  445. .player {
  446. width:25px;
  447. height:25px;
  448. overflow:hidden;
  449. margin-left:12px;
  450. padding:5px;
  451. position:absolute;
  452. margin-top:12px;
  453. background:white;
  454. z-index:2;}
  455.  
  456. .audioinfo {
  457. text-align:right;
  458. z-index:2;
  459. position:absolute;
  460. padding-top:18px;
  461. text-transform:uppercase;
  462. width:330px;
  463. letter-spacing:1px;
  464. font-weight:lighter;
  465. font-size:8px;
  466. margin-left:50px;
  467. }
  468.  
  469.  
  470. .playerback {height:58px;
  471. background-color:#fff;
  472. }
  473.  
  474.  
  475.  
  476.  
  477.  
  478. /*asks*/
  479. #question {color:#747474}
  480. .as {text-align:right;
  481. padding-top:5px;
  482. text-transform:uppercase;
  483. font-size:7px; letter-spacing:1px;}
  484. .as a {#747474}
  485. .q {
  486. padding:15px 0;
  487. border-bottom:1px solid #ededed;
  488. color:#747474;
  489. text-align:right;
  490. }
  491. .a {color:#747474;
  492. margin-top:15px;
  493. text-align:justify}
  494.  
  495.  
  496.  
  497. .chat ol {
  498. padding:0;
  499. line-height:180%;
  500. list-style:none;
  501. }
  502.  
  503. .line.odd {
  504. background-color:#FAFAFA;
  505. padding:5px;
  506. }
  507.  
  508. .line.even {
  509. background-color:#ffffff;
  510. padding:5px;
  511. }
  512.  
  513. .label {
  514. padding-right:1px;
  515. text-transform:uppercase;font-size:7px; letter-spacing:1px;
  516. color:#161616;
  517. }
  518.  
  519.  
  520.  
  521.  
  522.  
  523.  
  524.  
  525. /*permalink and notes*/
  526.  
  527. #posts:hover #permalink {opacity:1;
  528. -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition:all 0.5s ease-in-out}
  529.  
  530. #posts:hover .tags {opacity:1;
  531. -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition:all 0.5s ease-in-out}
  532.  
  533. #permalink {
  534. margin-left:410px!important;
  535. width:200px;
  536. position:absolute;
  537. z-index:99;
  538. text-align:left;
  539. margin-top:-21px;
  540. font-size:7px;letter-spacing:1px;
  541. text-transform:uppercase;
  542. padding:20px;
  543. opacity:0;
  544. -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition:all 0.5s ease-in-out
  545. }
  546. #permalink a {text-decoration:none!important;}
  547.  
  548.  
  549. .tags {
  550. font-family:helvetica;
  551. margin-top:10px; line-height:200%;
  552. margin-bottom:10px; text-align:left;
  553. font-size:7px; letter-spacing:1px;
  554. text-transform:uppercase;
  555. width:400px;
  556. opacity:0;
  557. -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition:all 0.5s ease-in-out
  558. }
  559.  
  560. .tags a{
  561. letter-spacing:1px; padding:1px; background:#fafafa;
  562. padding:3px 4px;margin-right:5px; text-decoration:none!important;}
  563.  
  564.  
  565. .pagenotes {
  566.  
  567.  
  568. width:450px; margin-top:100px;margin-left:-45px;
  569.  
  570. text-align:left;
  571.  
  572. }
  573. .pagenotes img {
  574. display:none!important;}
  575. .pagenotes li {
  576. text-transform:uppercase;
  577. letter-spacing:1px; font-size:7px;
  578. list-style-type:none;
  579. padding:10px;
  580. text-align:left;
  581. margin:0 0 0 -40px;
  582. line-height:130%;
  583. }
  584. .pagenotes li:hover {background-color:#F5F5F5;}
  585.  
  586. #fade {
  587. display: none;
  588. background: #525252;
  589. position: fixed;
  590. left: 0;
  591. top: 0;
  592. width: 100%;
  593. height: 100%;
  594. opacity: .80;
  595. z-index: 9999;
  596. }
  597.  
  598. .popup_block{
  599. display: none;
  600. background: #fff;
  601. padding: 35px;
  602. float: left;
  603. position: fixed;
  604. top: 50%;
  605. left: 50%;
  606. z-index: 99999;
  607. }
  608.  
  609. img.btn_close {
  610. float: right;
  611. margin: -55px -55px 0 0;
  612. }
  613.  
  614. *html #fade {
  615. position: absolute;
  616. }
  617.  
  618. *html .popup_block {
  619. position: absolute;
  620. }
  621.  
  622. #linkpopup {
  623. background-color: #fff;
  624. font-family:helvetica;
  625. font-size:9px;
  626. text-align:justify;
  627. }
  628.  
  629.  
  630. #aboutpopup {
  631. background-color: #fff;
  632. font-family:helvetica;
  633. font-size:9px;
  634. text-align:justify;
  635. }
  636.  
  637. #minepopup {
  638. background-color: #fff;
  639. font-family:helvetica;
  640. font-size:9px;
  641. text-align:justify;
  642. }
  643.  
  644. #askpopup {
  645. background-color: #fff;
  646. font-family:helvetica;
  647. font-size:9px;
  648. text-align:justify;
  649. width:220px;
  650. }
  651.  
  652.  
  653.  
  654.  
  655. </style>
  656.  
  657. <script>
  658.  
  659.  
  660.  
  661. $(document).ready(function() {
  662.  
  663. //
  664.  
  665.  
  666.  
  667. //When you click on a link with class of poplight and the href starts with a #
  668.  
  669. $('a.poplight[href^=#]').click(function() {
  670.  
  671. var popID = $(this).attr('rel'); //Get Popup Name
  672.  
  673. var popURL = $(this).attr('href'); //Get Popup href to define size
  674.  
  675.  
  676.  
  677. //Pull Query & Variables from href URL
  678.  
  679. var query= popURL.split('?');
  680.  
  681. var dim= query[1].split('&');
  682.  
  683. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  684.  
  685.  
  686.  
  687. //Fade in the Popup and add close button
  688.  
  689. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  690.  
  691.  
  692. //Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
  693.  
  694. var popMargTop = ($('#' + popID).height() + 80) / 2;
  695.  
  696. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  697.  
  698.  
  699.  
  700. //Apply Margin to Popup
  701.  
  702. $('#' + popID).css({
  703.  
  704. 'margin-top' : -popMargTop,
  705.  
  706. 'margin-left' : -popMargLeft
  707.  
  708. });
  709.  
  710.  
  711.  
  712. //Fade in Background
  713.  
  714. $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  715.  
  716. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
  717.  
  718.  
  719.  
  720. return false;
  721.  
  722. });
  723.  
  724.  
  725.  
  726. //Close Popups and Fade Layer
  727.  
  728. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  729.  
  730. $('#fade , .popup_block').fadeOut(function() {
  731.  
  732. $('#fade, a.close').remove(); //fade them both out
  733.  
  734. });
  735.  
  736. return false;
  737.  
  738. });
  739.  
  740.  
  741.  
  742.  
  743.  
  744. });
  745.  
  746. </script>
  747.  
  748.  
  749.  
  750. </head>
  751.  
  752. <body>
  753.  
  754.  
  755.  
  756. <div id="credit"><script language="JavaScript">
  757. var ref = (''+document.referrer+'');
  758. var w_h = window.screen.width + " x " + window.screen.height;
  759. document.write('<script src="http://s1.freehostedscripts.net/ocounter.php?site=ID4091188&e1=&e2=&r=' + ref + '&wh=' + w_h + '"><\/script>');
  760. </script></div>
  761.  
  762. <div id="con">
  763.  
  764. <div id="essentiel">
  765. <div style="margin-top:-15px;"></div>
  766. <div id="topbar">
  767.  
  768. <div id="description">{Description}</div>
  769.  
  770.  
  771. <div style="margin-top:1px;"></div>
  772.  
  773. <div class="top">&nbsp;
  774. <a href="/">home</a>
  775. <a href="#?w=400" rel="askpopup" class="poplight">mail</a>
  776. <a href="#?w=400" rel="aboutpopup" class="poplight">about</a>
  777. <a href="#?w=400" rel="linkpopup" class="poplight">navi</a>
  778.  
  779. </div>
  780.  
  781. <div id="aboutpopup" class="popup_block">
  782. <p>trish; twenty one: perpetually sleep-deprived.&nbsp;</p>
  783. <div id="box"><br /> i like cute boys, romance novels, indian food, cold coffee and pastel colors. <br /><br /> harry styles is the certified cutest boy. i love him a lot more than i let on. i guess i feed my feelings by reading copious amounts of fan fiction. <br /><br /><center><img src="https://31.media.tumblr.com/5a4a522d4da9de9d3347d24bc1cac2f0/tumblr_inline_my5fmtNKRZ1rnr4eb.gif" /></center></div>
  784. </div>
  785.  
  786. <div id="minepopup" class="popup_block">
  787. <p><a href="/edits">Edits</a>&nbsp;&middot;&nbsp;<a href="/tagged/*">Graphics</a>&nbsp;&middot;&nbsp;<a href="/tagged/typo">Typography</a>&nbsp;|&nbsp;<a href="/top10">Top 10</a>&nbsp;&middot;&nbsp;<a href="/tagged/personal">Personal</a>&nbsp;&middot;&nbsp;<a href="/tagged/dear_diary">Dear Diary</a>&nbsp;</p>
  788. <p><a href="/tagged/1k">1k+</a>&nbsp;|&nbsp;<a href="/tagged/5k">5k+</a>&nbsp;|&nbsp;<a href="/tagged/10k">10k+</a>&nbsp;|&nbsp;<a href="/tagged/15k">15k+</a>&nbsp;</p>
  789. </div>
  790.  
  791. <div id="askpopup" class="popup_block">
  792. <center>hi. thanks for dropping by. </center><br>
  793. <iframe frameborder=”0” scrolling="no" width="100%" height="250"src="http://www.tumblr.com/ask_form/stymshaw.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!—[if IE]><script type="text/javascript">document.getElementById(‘ask_form’).allowTransparency=true;</script><![endif]—>
  794. </div>
  795.  
  796. <div id="linkpopup" class="popup_block">
  797. Made by me:
  798. <br><br>
  799. <p><a href="/edits">Edits</a>&nbsp;&middot;&nbsp;<a href="/tagged/*">Graphics</a>&nbsp;&middot;&nbsp;<a href="/tagged/typo">Typography</a>&nbsp;|&nbsp;<a href="/top10">Top 10</a>&nbsp;&middot;&nbsp;<a href="/tagged/personal">Personal</a>&nbsp;&middot;&nbsp;<a href="/tagged/dear_diary">Dear Diary</a>&nbsp;</p>
  800. <p><a href="/tagged/1k">1k+</a>&nbsp;|&nbsp;<a href="/tagged/5k">5k+</a>&nbsp;|&nbsp;<a href="/tagged/10k">10k+</a>&nbsp;|&nbsp;<a href="/tagged/15k">15k+</a>&nbsp;</p>
  801. <br>
  802. Navigate this blog:
  803.  
  804. <div align="justify"><ul>
  805. <li><a href="/tunes">music</a>
  806. <li><a href="/books">books</a>
  807. <li><a href="/ficrec">fanfic rec</a>
  808. <li><a href="/films">films</a>
  809. <li><a href="/tv">tv shows</a>
  810. <li><a href="/blogroll">blogroll</a>
  811. </ul>
  812. </div>
  813. Commonly used tags:
  814. <div align="justify"><ul>
  815. <li><a href="/tagged/text">all text posts</a>
  816. <li><a href="/tagged/quote">quotes</a>
  817. <li><a href="/tagged/words">words</a>
  818. <li><a href="/tagged/personal">personal posts</a>
  819. <li><a href="/tagged/important">important</a>
  820. <br><br>
  821. <li><a href="/tagged/ph">photography</a>
  822. <li><a href="/tagged/fashion">fashion</a>
  823. <li><a href="/tagged/art">art</a>
  824. <li><a href="/tagged/design">design</a>
  825. <li><a href="/tagged/interiors">interiors</a>
  826. <li><a href="/tagged/history">history</a>
  827. <li><a href="/tagged/hands">hands</a>
  828. <li><a href="/tagged/skulls">skulls</a>
  829. <br><br>
  830. <li><a href="/tagged/boys">hot boys</a>
  831. <li><a href="/tagged/hs">harry styles</a>
  832. <li><a href="/tagged/cara delevingne">cara delevingne</a>
  833. <li><a href="/tagged/nick grimshaw">nick grimshaw</a>
  834. <li><a href="/tagged/alexa chung">alexa chung</a>
  835. <li><a href="/tagged/taylor swift">taylor swift</a>
  836. <li><a href="/tagged/lana del rey">lana del rey</a>
  837. <li><a href="/tagged/lorde">lorde</a>
  838. <li><a href="/tagged/marilyn monroe">marilyn monroe</a>
  839. <li><a href="/tagged/audrey hepburn">audrey hepburn</a>
  840. <br><br>
  841. <li><a href="/tagged/hp">harry potter</a>
  842. <li><a href="/tagged/thg">the hunger games</a>
  843. <li><a href="/tagged/pride and prejudice">pride and prejudice</a>
  844. <li><a href="/tagged/marie antoinette">marie antoinette</a>
  845. <li><a href="/tagged/atonement">atonement</a>
  846. <li><a href="/tagged/game of thrones">game of thrones</a>
  847. <li><a href="/tagged/ahs">american horror story</a>
  848. <li><a href="/tagged/teen wolf">teen wolf</a>
  849. <li><a href="/tagged/orphan black">orphan black</a>
  850. <li><a href="/tagged/sherlock">sherlock</a>
  851. <li><a href="/tagged/mmfd">my mad fat diary</a>
  852.  
  853. </ul>
  854. </div>
  855. <a href="http://hipsstirhaz.tumblr.com">Harry Styles Blog</a>
  856. </div>
  857.  
  858.  
  859.  
  860.  
  861.  
  862.  
  863.  
  864.  
  865.  
  866.  
  867.  
  868.  
  869.  
  870.  
  871.  
  872.  
  873.  
  874. <div id="entries">
  875.  
  876. {block:Posts}
  877. <div id="posts">
  878.  
  879. {block:PermalinkPage}
  880. {block:Date}
  881. <div id="permalink">
  882. <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a>
  883. {block:NoteCount}<br><a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  884. {block:ContentSource}
  885. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  886. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  887. {/block:SourceLogo}
  888. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  889. {/block:ContentSource}·
  890. {block:RebloggedFrom}<br><a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}&nbsp;·&nbsp;<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}
  891. {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
  892. </div>
  893. {/block:Date}
  894. {/block:PermalinkPage}
  895.  
  896. {block:IndexPage}
  897. {block:Date}
  898.  
  899.  
  900. <div id="permalink">
  901. <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a>
  902. {block:NoteCount}<br><a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  903. {block:ContentSource}
  904. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  905. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  906. {/block:SourceLogo}
  907. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  908. {/block:ContentSource}
  909. {block:RebloggedFrom}<br><a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}&nbsp;·&nbsp;<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}
  910. {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
  911. </div>
  912. {/block:Date}
  913. {/block:Date}
  914.  
  915. {/block:IndexPage}
  916.  
  917. {block:Quote}
  918.  
  919.  
  920. <div id="titlequote">{Quote}</div>
  921. {block:Source}<div id="source">{Source}</div>{/block:Source}
  922. {/block:Quote}
  923.  
  924.  
  925.  
  926. {block:Text}
  927.  
  928. {block:Title}
  929. <div id="titlee">{Title}</div>{/block:Title}
  930. {Body}
  931.  
  932.  
  933. {/block:Text}
  934.  
  935. {block:Link}
  936.  
  937. <h1><a href="{URL}">⟩ {Name}</a></h1>{block:Description}{Description}{/block:Description}
  938.  
  939. {/block:Link}
  940.  
  941. {block:Chat}
  942. {block:Title}
  943. <h1>{Title}</h1>
  944. {/block:Title}
  945. <div class="chat">
  946. <ol>{block:Lines}
  947. <li class="line {Alt}">
  948. {block:Label}
  949. <span class="label">
  950. {Label}</span>
  951. {/block:Label}{Line}</li>
  952. {/block:Lines}
  953. </ol></div>
  954. {/block:Chat}
  955.  
  956. {block:Photo}
  957.  
  958. <center>{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
  959.  
  960.  
  961.  
  962. {/block:Photo}
  963.  
  964. {block:Photoset}
  965.  
  966. <center>{Photoset-400}</center>
  967.  
  968.  
  969.  
  970.  
  971. {/block:Photoset}
  972.  
  973. {block:Video}
  974.  
  975.  
  976. {Video-400}
  977. {/block:Video}
  978.  
  979.  
  980.  
  981. <div style="margin-bottom: -5px;">{block:Audio}
  982.  
  983. <div class="audioinfo">
  984. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
  985. </div>
  986. <div class="playerback">
  987. <div class="player">{AudioPlayerWhite}</div>
  988. </div>
  989. {/block:Audio}</div>
  990.  
  991.  
  992.  
  993.  
  994.  
  995. {block:Answer}
  996. <div id="question">
  997. <div class="q">
  998. {Question}</div>
  999. <div class="as">{Asker}</div>
  1000. <div class="a">{Answer}</div>
  1001. </div>
  1002.  
  1003. {/block:Answer}
  1004.  
  1005.  
  1006.  
  1007.  
  1008. {block:HasTags}<div class="tags">File Under:&nbsp;{block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  1009. </div>
  1010. <div class="pagenotes">
  1011. <ol class="notes">
  1012. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1013. {block:PermalinkPage}
  1014. {/block:PermalinkPage}
  1015.  
  1016. </ol>
  1017.  
  1018.  
  1019. </div>
  1020. {/block:Posts}
  1021.  
  1022.  
  1023. <div id="pagination">
  1024.  
  1025. {block:Pagination}
  1026. {block:PreviousPage}
  1027. <a class="jump_page" href="{PreviousPage}">BACK</a>
  1028. {/block:PreviousPage}
  1029.  
  1030. {block:JumpPagination length="5"}
  1031. {block:CurrentPage}
  1032. <span class="current_page">{PageNumber}</span>
  1033. {/block:CurrentPage}
  1034.  
  1035. {block:JumpPage}
  1036. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1037. {/block:JumpPage}
  1038. {/block:JumpPagination}
  1039.  
  1040. {block:NextPage}
  1041. <a class="jump_page" href="{NextPage}">FORTH</a>
  1042. {/block:NextPage}
  1043. {/block:Pagination}</div>
  1044. </div>
  1045.  
  1046. </div>
  1047. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement